@import url(commun/typo.css);

/**
 *  Feuille de style gerant le contenu du site
 *  
 *  @project	
 *  @site			
 *  @cssdoc		0.2.22
 *
 */
 
 /**
 * Zone Site
 * @section Conteneur
 */

#conteneur{
  
}

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

  #entete{
    
  }
  #alerte {
    font-size:1.25em;
    font-weight :bold;
    color:#000;
  }

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

  #contenu {
 
  }

    /**
     * Mise en forme de la contenu de contenue gauche 
     * @subsubsection gauche
     */

      .gauche {
        font-size:1.2em;
      }

    /**
     * Mise en forme de la contenu de contenue centrale
     * @subsubsection centre
     */

      .centre {
        font-size:1.2em;
        line-height :1.333em;
        color:#666;
      }
      .centre a {
        color:#ed7f00;
        /*padding:0 3px;*/
        text-decoration :none;
      }
      .centre a:hover {
        text-decoration :underline;
      }
      .home .centre h2 {
        font-size:1.333em;
        line-height: 0.875em;
        color:#ed7f00;
        font-weight:bold;
      }
      .home .centre h3 {
        color:#000;
        font-size:1.333em;
        line-height: 0.938em; 
        font-weight :bold;       
      }
      #actuPrincipale {
      	font-size:1.167em;
      	line-height: 1.336em;
      	color:#666666;
      }
      #actuPrincipale a {
        font-size :0.786em;
      }
      #actuPrincipale .imgActu {
        float:left;
        padding:0 12px 5px 0;
      }
      ul#listeActu li {
        color:#000;
        font-size: 0.917em;
        line-height: 1.364em;
      }
	  ul#listeActu.visiteChantier{
		list-style-type: none;
	  }
      ul#listeActu li>span {
        color:#666; 
      }
      .interne .centre #introduction {
        font-size: 1.167em;
      }
      .interne.projet #titreRubrique,
      .interne.projet .centre h1{
        color:#7ac74d;
      }
      .interne.formulaire .centre #titreRubrique {
        color:#ED7F00;
      }
      .interne .centre h1,
      .interne .centre #introduction {
        color:#000;
      }
      .interne.en2012 .centre h1,
      .interne.trace .centre h1,
      .interne.acteurs .centre h1,
      .interne.questionReponses h1 {
        margin:0 0 15px 0;
        text-transform :uppercase;
      }
      .interne.en2012 .centre h1 {
        color:#9D3488;
      }
      .interne.trace .centre h1 {
        color:#59BAE4;
      } 
      .interne.acteurs .centre h1 {
        color:#00B69F;
      }
      .interne.travaux .centre #titreRubrique,
      .interne.travaux .centre h1 {
        color:#EC7F00;
      }
      .interne.formulaire .centre h1 {
        color:#0059A3;
      }
      .interne.questionReponses h1 {
	  		color:#0159A3;
	  	}
      .interne .centre #titreRubrique {
        font-size:1.091em;
        font-weight:bold;
        text-transform :uppercase;
      }
      .centre ul#listeActu li a {
      	font-weight: bold;
      }
      .interne .centre h1 {
        font-size:1.182em;
        margin-left:20px;
        margin-bottom:15px;
        font-weight:bold;
      }
      .interne .centre h2 {
        /*float:left;*/
        font-size:1.167em;
        line-height: 1.143em;
        color:#000;
        padding-right:0.5em;
        font-weight:bold;
      }
      .interne .centre p,
      .interne .centre ul {
      	margin-bottom:10px;
      }
      .interne .centre p+ul {
        margin-top:-8px;
      }
	  .interne.projet .centre .actu {
	  	clear:left;
	  }
	  .interne.projet .centre .actu h2 {
	  	margin-bottom:1em;
	  }
	  .interne.projet .centre .actu .imgActu{
	  	float:left;
		padding:0 12px 5px 0; 
	  }
      .interne.formulaire #listeDocument,
      .interne.projet #listeDocument {
      	padding-top:10px;
      	margin:0 0 20px 0;
      	list-style-type: disc;
      	list-style-position: inside;
      }
      .interne.formulaire #listeDocument li{
      	margin:0 0 5px 0;
      }
      span.target {
        color:#666;
        text-decoration :none !important ;
        background:url(../images/underlineInfobulleProjet.jpg) repeat-x left bottom;
        cursor: pointer;
      }
			.projet span.target {
        color:#666;
        text-decoration :none !important ;
        background:url(../images/underlineInfobulleProjet.jpg) repeat-x left bottom;
        cursor: pointer;
      }
			.en2012 span.target {
        color:#666;
        text-decoration :none !important ;
        background:url(../images/underlineInfobulle2012.gif) repeat-x left bottom;
        cursor: pointer;
      }
      .travaux span.target {
        background:url(../images/underlineInfobulleTravaux.gif) repeat-x left bottom;
      }
      span.target.redressement {
        display:block;
        background:none;
        text-indent:-9999px;
        cursor: pointer;
        width :140px;
        height:15px;
        position :absolute;
				z-index:5000;
        bottom:300px;
        left: 85px;
      }
      a.boutonFermerInfobulle {
        position:absolute;
        top:10px;
        right:10px;
        padding:2px 20px 2px 0;
        color:#666;
        text-decoration :none;
        font-size:0.773em;
      }
			.projet a.boutonFermerInfobulle {
        background:url(../images/croixFermerPopup.jpg) no-repeat right top;
      }
			.en2012 a.boutonFermerInfobulle {
        background:url(../images/croixFermerPopup2012.gif) no-repeat right top;
      }
			.travaux a.boutonFermerInfobulle {
        background:url(../images/croixFermerPopupTravaux.gif) no-repeat right top;
      }
      .titreInfobulle {
        font-size:1.091em;
        padding-bottom:1em;
        display:block;
      }
      .projet .titreInfobulle {
        color :#79C74D;
      }
      .en2012 .titreInfobulle {
        color:#9D3488;
      }
      #mentionLegaleFormulaire {
      	font-size:0.75em;
      	line-height:1.188em ;
      }
      #mentionLegaleFormulaire a{
      	color:#666;
      }
	  .orange{
	  color: #ED7F00;
	  }
	  .couleurBleu{
		color: #006699;
	  }
	  .clearLeft{
		clear: left;
		padding-top: 10px;
	  }
	  
	/*	formulaire visite chantier		*/
	#formVisite{
		margin-bottom: 25px;
	}
	#formVisite legend{
		font-weight: bold;
		color: #000;
		margin-bottom: 20px;
	}
	#formVisite .row{
		margin-bottom: 7px;
		clear: left;
	}
	#formVisite label{
		font-weight: bold;
		float: left;
		width: 120px;
		color: #000;
	}
	#formVisite select{
		width: 195px;
		height: 20px;
		border: 1px solid #006699;
	}

	#formVisite .zone1{
		width: 340px;
		float: left;
	}
	#formVisite .zone2 input[type="image"]{
		margin-top: 15px;
	}
	
	#contactVisite{
		margin-top: 30px;
	}
	#contactVisite .row{
		margin-bottom: 9px;
		clear: left;
	}
	#contactVisite label{
		font-weight: bold;
		float: left;
		width: 120px;
		color: #000;
	}
	#contactVisite select{
		width: 140px;
		height: 20px;
		border: 1px solid #006699;
	}
	#contactVisite .zone1{
		width: 300px;
		float: left;
	}
	#contactVisite .zone2 input[type="image"]{
		margin-top: 59px;
	}
	#contactVisite #tel1,
	#contactVisite #tel2,
	#contactVisite #tel3,
	#contactVisite #tel4,
	#contactVisite #tel5{
		width: 23px;
	}
	.underline{
		text-decoration: underline !important;
		color: #666666 !important;
	}
	.retour{
		margin-left: 500px;
	}
	.gras{
		font-weight: bold;
	}
	.noire{
		color: #000;
	}
	/*	formulaire visite chantier		*/
 
    /**
     * Mise en forme de la contenu de contenue droite 
     * @subsubsection Droite
     */
  
      .droite {
        font-size:1.2em;
      }
      #menuContact h4 {
        font-weight:bold;
        color: #ed7f00;
        text-transform :uppercase;
        font-size: 1.042em;
        line-height: 1.12em;
      }
      #menuContact ul {
      	font-size:0.917em;
      	line-height: 1.364em;
      }
      #menuContact ul li a {
        color:#0059a3;
        font-weight :bold;
        text-decoration :none;
      }
      #menuContact ul li a:hover,
      #menuContact ul li a.active {
        color:#fff;
      }

  /**
   * Mise en forme de la contenu de contenue du pied de page 
   * @subsection Pied de page
   */
   
  #foot {
    
  }