@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{
    
  }
  .home #entete h1,
  #entete blockquote,
  .interne #entete #logo{
	text-indent: -9999px;
	position: absolute;
  }
  .home #entete h1,
  .interne #entete #logo{
	background: url(../images/logo.jpg) no-repeat top left;
	width: 80px;
	height: 79px;
	top: 57px;
	left: 46px;
  }
  #entete blockquote{
	width: 381px;
	height: 82px;
	background: url(../images/baniere.jpg) no-repeat top left;
	left: 172px;
	top: 47px;
  }
  #entete #goodies{
	font-size: 1.1em;
	position: absolute;
	bottom:15px;
	right: 90px;
  }
  #entete #goodies a{
	text-decoration: none;
	color: #005F50;
  }
  #goodies #iconePlanSite{
	background: url(../images/icone_plansite.gif) no-repeat 0 2px;
	padding-left: 15px;	
	margin-right: 10px;
  }
  #goodies #iconeContact{
	background: url(../images/icone_contact.gif) no-repeat 0 3px;
	padding-left: 15px;	
  }
  #entete #versionAnglais{
	position: absolute;
	text-decoration: none;
	color: #999999;
	background: url(../images/version_anglais.jpg) no-repeat top right;
	padding: 0 25px 3px 0;
	top:14px;
	right: 24px;
  }
  
  #entete #versionFrancais{
	position: absolute;
	text-decoration: none;
	color: #999999;
	background: url(../images/version_francaise.gif) no-repeat top right;
	padding: 0 25px 3px 0;
	top:14px;
	right: 24px;
  }
  
  #accesPrive .accesCompte{
	background: url(../images/puce_cle.jpg) no-repeat 0 0;
	padding: 7px 0 15px 55px;
	font-weight: bold;
	margin-right:90px;
	line-height: 40px;
	text-decoration: none;
	color: #000000;
  }
  #accesPrive .accesCompte span{
	color: #F6D006;
  }

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

  #contenu {
 
  }

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

      .gauche {
        
      }

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

      .centre {
        
      }
	 .home .centre h2,
	 .interne .centre h1,
	 .interne .centre h2,
	 .titreActu,
	 .enSavoirPlus a{
		font-weight: bold;
		line-height: 18px;
	 }
	 .home .centre h2,
	 .titreActu,
	 .enSavoirPlus a{
		font-size: 1.2em;
	 }
	 .interne .centre h1,
	 .interne .centre h2{
		font-size: 1em;
	 }
	 .home .centre h2,
	 .titreActu,
	 .enSavoirPlus a{
		color: #356B2F;
	 }
	 .interne .centre h2{
		color: #66AD1F;
	 }
	
	 .interne .centre h1{
		text-transform: uppercase;
		background: url(../images/fond_h1.gif) no-repeat top right;
		display: inline;
		padding: 2px 0 17px 0;
		line-height: 35px;
		color: #ffffff;
	 }
	 .interne .centre h1 span{
		background: url(../images/fond_h1_s.gif) repeat-x top left;
		padding:2px 10px 3px 5px;
	 }
	 .interne .centre h2{
		margin-top: 10px;
	 }
	 .interne .centre p,
	 .interne .centre ul,
	 .interne .centre table{
		line-height: 15px;
		margin-bottom: 15px;
	 }
	 #presentation{
		margin-left: 30px;
	 }
	#presentation,
	#actualite{
		color: #58585A;
	}
	#presentation p,
	#presentation ul{
		font-size: 1.2em;
		line-height: 15px;
		margin-bottom: 10px;
	}
	.titreActu{
		background: url(../images/puce_fleche.png) no-repeat 0 3px;
		padding-left: 29px;
	}
	.accrocheActu{
		font-size: 1.2em;
		line-height: 15px;
	}
	.accrocheActu,
	.enSavoirPlus{
		padding-left: 29px;
	}
	.enSavoirPlus a{
		text-decoration: none;
	}
	.enSavoirPlus a:hover{
		text-decoration: underline;
	}
 
    /**
     * Mise en forme de la contenu de contenue droite 
     * @subsubsection Droite
     */
  
      .droite {
        
      }

  /**
   * Mise en forme de la contenu de contenue du pied de page 
   * @subsection Pied de page
   */
   
  #foot {
    
  }
  
.adroite{
	text-align:right;
}

.ai_bleu{
	color:#19568B;
}

.ai_orange{
	color:#D76509;
}


.centrage{
	text-align:center;
}

.graissage{
	font-weight:bold;
}

.italique{
	font-style:italic;
}

.rouge{
	color:#F18E00;
	font-weight:bold;
}

.soulignement{
	text-decoration:underline;
}

.vert{
	color:#66AD1F;
	font-weight:bold;
}

.centre a:active,
.centre a:link,
.centre a:visited{
	color:#4C75A9;
	font-family:verdana;
	font-size:small;
	text-decoration:underline;
}

.centre a:hover{
	color:#4C75A9;
	font-family:verdana;
	font-size:small;
	text-decoration:underline overline;
}

#titreActu{
	background:transparent url(../images/puce_fleche.jpg) no-repeat scroll 0 5px;
	color:#326d2b;
	font-weight:bold;
	line-height:22px;
	padding-left:25px;
}

#actualites{
	margin-left:25px;
	margin-right:25px;
}