@import url(commun/reset.css);

/**
 *  Feuille de style gerant la structure du site
 *  
 *  @project	
 *  @site			
 *  @cssdoc		0.2.22
 *
 */
 
 /**
 * Zone Site
 * @section Conteneur
 */
html{
	background-color: #A29F95;
}

#conteneur{
  position :relative;
  margin :0 auto;
  width :980px;
  background-color: #ffffff;
}


  /**
   * Zone d'en tete
   * @subsection en tete
   */

  #entete{
    color :#ffffff;
    min-height :270px;
  }
  #logo {
    background :url(../images/logo_crci.jpg) no-repeat left top;
    width:698px;
    height:116px;
    position :absolute; 
    top:10px;
    left:140px;
  }
  .interne #logo {
    height:116px;
    position :relative;
  }
  .home #entete h1,
  .home blockquote,
  .interne blockquote {
    text-indent :-9999px;
  }
  .interne #logo a {
    display:block;
    height: 116px;
    width:698px;
    text-indent :-9999px;
  }
  #rechercher {
    position :absolute;
    top:0px;
    right:94px;
    font-size:0.789em;
    background:url(../images/fondrechercher.jpg) no-repeat top left;
    height:36px;
    width:148px;
    padding:13px 0 0 27px;
  }
  #rechercher form input[type=image]{
    vertical-align :middle;
    margin-left:-4px;
    margin-top:-1px;
  }
  #rechercher form input[type=text]{
    border:1px solid #B2B2B2;
    height:13px;
    padding:0;
    font-size:0.92em;
    font-family :arial;
    color:#666;
  }
  ul.newsticker {
    width:980px;
    height:25px;
    position :relative;
    color:#000;
	margin: 0;
	padding: 0;
	left: 980px;
  }
  ul.newsticker li {
    float:left;
  }
  ul.newsticker li a{
	color: #2170A0;
	text-decoration: none;
	white-space: nowrap;
	padding: 0;
  }
  .tickercontainer {
	position: relative;
    width:980px;
    padding-top:107px;
  }
  #entete .tickercontainer .mask {
	left: 0;
    overflow:hidden;
    position:relative;
    top:25px;
    width:980px;
	font-size:0.85714em;
  }
  .tickercontainer .mask li a {
	color:#1c3b74;
  }
  #slider {position: relative; overflow: hidden;height:113px;}
  #slider img {position:absolute;margin:0; height:113px;;display:none;}
  #imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
  #imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}
  #effetLumiere img{position:absolute; z-index:200; margin-top:0px;}
  #effetLumiere {position:absolute; z-index:1;}
  #menu {
    line-height:28px;
    background:#e3e3e3;
    border-top:6px solid #000;
    overflow :hidden;
    margin-top:23px;
    text-align :center;
  }
  #menu .activeMenuhaut{
	color: #2070A0;
  }
  #menu .activeMenuhaut.orange{
	color: #F38B2A;
  }
  .interne #menu {
    
  }
  #menu ul li {
    display:inline;
    padding:0 0.15em;
    color:#000;
  }
  #menu ul li a{
    color:#000;
    font-weight:bold;
    text-decoration :none;
  }
  #menu ul li a:hover {
    text-decoration :underline;
  }

  /**
   * Zone de contenue 
   * @subsection Contenue
   */

  .home #contenu{
   
   background: url(../images/fondRubriques.jpg) no-repeat top left;
  }
	.interne #contenu{
	background: url(../images/fondRubriques.jpg) no-repeat top left;
	}
  #menuInterne {
    height:145px;    
  }
  .secteur #menuInterne {
    background : #fff url(../images/fondRubriques.jpg) no-repeat top left ;
  }
  .geo #menuInterne {
    background:#ffffff url(../images/fondrubriqueGeo.jpg) no-repeat top left;
  }
  #menuInterne form{
    margin-left:20px;
  }
  #formSecto select{
	width: 174px;
  }
   #formGeo select{
	width: 174px;
  }
  .home #contenu h2,
  .interne .titre {
    font-size:1.286em;
    margin:0 0 23px 20px;
    color:#fff;
  }
  .home #contenu h2,
  .interne .titre {
	padding:37px 0 0 0px;/*48px;*/
  }
  .home #contenu .geographique h2,
  .interne .geographique .titre{
	padding:37px 0 0 0px;/*55px;*/
  }
  

    /**
     * Mise en forme de la structure de contenue centrale
     * @subsubsection sectorielle
     */

      .sectorielle {
        width:415px;
        float:left;
        padding:0 0 0 75px;
      }
      /*.home .sectorielle h2,
      .interne .sectorielle .titre {
        background:url(../images/01.png) no-repeat left bottom;
      }*/
      .home .sectorielle ol {
        margin-left:20px;
        line-height:1.3em;
      }
 
    /**
     * Mise en forme de la structure de contenue droite 
     * @subsubsection geographique
     */
  
      .geographique {
        width :415px;
        float:left;
        padding:0 0 0 75px;
      }
      /*.home .geographique h2,
      .interne .geographique .titre {
        background :url(../images/02.png) no-repeat left bottom;
      }*/
      .interne.secteur .geographique .titre {
	      opacity: .5;
	      -moz-opacity:0.5;
	      -khtml-opacity: 0.5;	      
      }
      .interne.geo .sectorielle .titre {
	      opacity: .5;
	      -moz-opacity:0.5;
	      -khtml-opacity: 0.5;	      
      }
	  .interne.geo.panorama .sectorielle .titre{
		opacity:1;
	  }
      #cartoHome {
        margin:60px 0 0 20px;
      }
      
    /**
     * Mise en forme de la structure de contenue contenu fiche
     * @subsubsection Contenu fiche
     */
      #contenuFiche {
        width:520px;
        padding:20px 50px 0;
        float:left;
        color:#666666;
        font-size :1.2em;
		overflow:hidden;
      }
	  /*.panorama #contenuFiche {
		width:460px;
		font-size:1.1em;
	  }
	  .panorama #contenuFiche .vert {
		font-weight:bold;
		color:#69700c;
		text-transform:uppercase;
	  }*/
	  .centre{
		padding:20px 50px 0;
		color:#666666;
        font-size :1.2em;
		width: 830px;
	  }
	  .interne .centre{
		min-height: 300px;
	  }
      #titreFiche{
         overflow:hidden;
      }
      #titreFiche div{
         display:inline;
         position:relative;
      }
	  #titreFiche .iconeGeo{
		/*background: url(../uploads/_industrie_iledefrance/fiches/icone_geo.jpg) no-repeat top right;*/
		padding: 7px 54px 20px 0;
		line-height: 40px;
	  }
      /*#titreFiche h1{
         float:left;
      }*/
      /*#titreFiche span{
         float:left;
      }*/
      div#introFiche{
        font-weight :bold;
      }
      #contenuFiche p {
        margin-bottom:15px;
      }
	  #contenuFiche ul {
        margin-bottom:15px;
      }
      #infoSuppFiche {
        float:left;
        width:320px;
        padding-right:40px;
		    overflow:hidden;
      }
	 /* .panorama #infoSuppFiche {
		width:380px;
		font-size:1.1em;
	  }
	  .panorama #infoSuppFiche #fichePDF {
		margin:10px 0px 15px 40px;
		font-size:1.273em;

	  }*/
      ul#documentTelechargable li {
        line-height:3.286em;
        padding-left:55px;
        font-size :1.4em;
		    overflow: hidden;
      }
      ul#documentTelechargable li a {
        text-decoration :none;
      }
      ul#documentTelechargable li a:hover {
        text-decoration :underline;
      }
      #fichePDF {
        background:url(../images/pucePDF.jpg) no-repeat left top;
      }
      #fichePDF a {
        color:#da170a;
      }
      #ficheExcel {
        background :url(../images/puceExcel.jpg) no-repeat left top;
      }
      #ficheExcel a {
        color:#548037;
      }
      #infoSuppFede {
        background:url(../images/puceInfoSuppFede.jpg) no-repeat left top;
      }
	  #infoSuppFede a{
		color: #2371A1;
	  }
      .secteur #infoSuppFede {
        color:#2371a1;
      }
      .tableauStat {
       margin:20px 0; 
	   font-size: 1.1em;
      }
	  .secteur .tableauStat{
		color: #13679A;
	  }
	  .geo .tableauStat{
		color : #69700C;
	  }
      .titreTableau {
        margin-bottom:10px;
      }
      #legendeTableau {
        margin:5px 0;
      }
       

  /**
   * Mise en forme de la structure de contenue du pied de page 
   * @subsection Pied de page
   */
  #foot {
	background :#ffffff url(../images/fondPied.jpg) no-repeat left top;
	clear:left;
  }
  #foot ul {
    line-height :15px;
    list-style-type :none;
    width:430px;
    overflow :hidden;
    margin-left:545px;
    padding-top:10px;
  }
   .home #foot ul {
	font-size: 0.857em;
   }
   .interne #foot ul {
	font-size: 1.2em;
   }
  #foot ul li{
    float:left;
  }
  #foot ul li.menuBas{
	margin: 0 2px;
	padding-top: 25px;
  }
  #foot ul li.separateur{
	width: 10px;
  }
  #foot ul li a{
	color: #333333;
	text-decoration: none;
  }
  #foot ul li a:hover{
	text-decoration: underline;
  }
  #foot ul li img{
	margin-right:10px;    
  }
  #logoCRCI{
	margin-left: 20px;
  }
  #logoINSEE {
    display :block;
    padding-top:7px;
  }
  #logoCROCIS {
    display:block;
    padding-top:15px;
  }