body
{
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}

body.pagesite
{
	background: #e6e6e6;
	background-image:url(images/degrade-fond-siteweb.gif);
	background-repeat:repeat-x;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
}


/*  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*        les grandes zones        */
/*  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */


/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*          MAIN            */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

.titredepage {

color: #000;
text-decoration: none;
font-weight: bold;
font-size: 12px;



}

div.petitpoucet {
font-size:10px;
}


div.petitpoucet a{
color: #0f9ac8;
text-decoration: underline;
}


div.petitpoucet a:hover{
text-decoration: underline;
color: #00698e;
}

div.main{

	padding:0 !important;
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	background-color:#fff;
	align:center;
	width:980px;
	text-align: left;

}


/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*      CONTENU CENTRAL     */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.contenu{

	margin: 0;
	background-color:#fff;
	background-image:url(images/centrale-background.gif);
	background-repeat:repeat;
	align:center;
	width:980px;
	text-align: left;
    float:left;
	
	padding:0;

}

/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*          HEADER          */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.header{

	background-color:#fff;
	background-image:url(images/header.gif);
	background-repeat:no-repeat;
	align:center;
	width:980px;
	height:114px;
	text-align: left;
	float:left;
	
	padding:0;

}

/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*      COLONNE GAUCHE      */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.colonne-gauche{
	
	/*border:1px dotted red;*/
	width:202px;
	float:left;
	
	padding:10px;
	
}


/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*       COLONNE DROITE     */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.colonne-droite{
	
	/*border:1px dotted red;*/
	width:202px;
	float:left;
	
	padding:10px;
	
	
	
}

/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*     COLONNE CENTRALE     */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.colonne-centrale{
	
	background-color:#fff;
	width:516px;
	float:left;
	
	padding:10px;
	
}

div.colonne-centrale-totale{
	width:718px !important;
}

/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*          FOOTER          */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */


div.footer
{
	background:#e6e6e6;
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	text-align: center ;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	float:left;
	width:960px;
	height:141px;
	padding: 10px;
	line-height: 16px;
}

div.footer a
{
	color: #ffffff;
	text-decoration: none;
}

div.footer a:hover
{
	text-decoration: underline;
}

div.footer .colonnedebut
{
 	text-align: left ;
    width: 230px;
	float:left;
}

div.footer .colonne
{
 	text-align: left ;
    width: 160px;
	float:left;
}

div.footer .colonnefin
{
 	text-align: left ;
    width: 20px;
	float:left;
}



/*  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*     les éléments constitutifs   */
/*  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */


/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*    BANNIERE DU HEADER    */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.banniere{

	background-color:transparent;
	background-image:url(images/banniere-header.gif);
	background-position:100% 100%;
	background-repeat:no-repeat;
	width:468px;
	height:60px;
	float:left;
	
	padding:32px 0px 0px 256px;

}


div.logokp{
    position: absolute;
	background-color:transparent;
	margin-left: 10px;
	margin-top: 20px;
	width:200px;
	height:80px;
}

div.logokp a{
    width:100%; 
    height:100%; 
    display:block;
}


/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*         ZONE LOGIN       */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.login{
	background-color:transparent;
	color: #ffffff;
	font-size: 12px;
	width:200px;
	height:92px;
	float:right;
	padding:20px 10px 10px 10px;
	line-height:14px;
}



/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*     MODULE INSCRIPTION   */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.module-inscription{

	background-color:#fff;
	width:202px;
	height:150px;
	background-image:url(images/module-inscription.jpg);	
	float:left;

}

div.texte-inscription{
	height:72px;
	line-height:13px;
	color: #00698e;
	font-size: 12px;	
	padding:49px 10px 0px 14px;
	margin: 0;
	float:left;
}

div.texte-inscription h1{
	margin: 0;
	line-height:13px;
	padding:0px;
	text-align:left;
	color: #000000;
	font-size: 13px;
	font-weight:bold;
}

div.zone-bouton{	
	padding:0px 10px 0px 14px;
	margin: 0;
	float:left;
}


/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*     MODULE MAGAZINE   */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.module-magazine-reference{

	background-color:#fff;
	width:202px;
	height:110px;
	background-image:url(images/module-magazine-reference.jpg);	
	float:left;

}


/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*      SEPARATEUR-COURT    */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.separateur-court{
	padding-top:0;
	margin:0;
	background-color:#fff;
	width:202px;
	height:21px;
	background-image:url(images/ligne-pointille.gif);
	background-repeat:no-repeat;
	float:left;

}


/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*           BOUTONS        */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.bouton-blanc{
	text-align:center;
	background-color:transparent;
	width:181px;
	height:26px;
	background-image:url(images/fond-bouton-blanc.gif);
	line-height:26px;
	float:right;
	font-weight:bold;
	font-size: 10px;

}

div.bouton-blanc a{
	font-weight:bold;
	font-size: 10px;
	color: #0f9ac8;
	text-decoration: none;

}

div.bouton-blanc a:hover {

	color: #00507b;
	text-decoration: none;

}

div.bouton-bleu{
	text-align:center;
	background-color:transparent;
	width:138px;
	height:29px;
	background-image:url(images/fond-bouton-bleu.gif);
	line-height:29px;
	float:right;
	font-weight:bold;
	font-size: 10px;

}

div.bouton-bleu a{
	font-weight:normal;
	font-size: 10px;
	color: #fff;
	text-decoration: none;

}

div.bouton-bleu a:hover {
	color: #00507b;
	text-decoration: none;
}


.bouton-moyen{
	text-align:center;
	background-color:transparent;
	width:138px;
	height:29px;
	background-image:url(images/fond-bouton-bleu.gif);
	line-height:29px;
	font-weight:bold;
	font-size: 10px;

}

.bouton-moyen a{
	font-weight:normal;
	font-size: 10px;
	color: #fff;
	text-decoration: none;

}

.bouton-moyen a:hover {
	color: #00507b;
	text-decoration: none;
}

/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*   Bandeaux blocs droite  */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

div.bandeau-generique{
	
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-generique.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
	
}



div.bandeau-bloc-matiere-generique
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-generique.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-AN
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-AN.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-CG
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-CG.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-CH
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-CH.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-EC
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-EC.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-FR
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-FR.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-HG
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-HG.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-MA
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-MA.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-MP
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-MP.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-PH
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-PH.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}

div.bandeau-bloc-matiere-SL
{
	font-size: 11px;
	color: #fff;
	text-align:left;
	background-color:transparent;
	width:192px;
	height:27px;
	background-image:url(images/bandeau-SL.gif);
	line-height:20px;
	float:left;
	padding-left:10px;
}




/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*  Liste liens col. droite */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */


div.bloc-texte
{
	text-align:left;
	width:202px;
	padding:0px;
	font-size: 11px;
}


div.bloc-liens{

	font-weight:bold;
	text-align:left;
	width:202px;
	float:left;
	padding:0px;
	font-size: 11px;
	line-height:14px;

}

div.liste-liens ul{

font-size: 11px;
line-height:14px;
padding:0px 5px 0px 15px;
margin: 0;
color: #000;


}

div.liste-liens ul li a
{
font-size: 11px;
line-height:14px;
padding: 0px;
color: #0f9ac8;
text-decoration: none;
}

div.liste-liens ul li a:hover{

text-decoration:underline;

}

.contact-gauche
{
    float: left;
    width: 360px;
}

.contact-droite
{
    float: left;
    width: 300px;
    margin-left: 20px;
}


/*  +-+-+-+-+-+-+-+-+-+-+-+ */
/*  REFERENCE               */
/*  +-+-+-+-+-+-+-+-+-+-+-+ */

.reference .pdf
{
    background-image: url(images/document-pdf.gif);
    background-repeat: no-repeat;
    height: 22px;
    line-height: 22px;
    padding-left: 24px;
    padding-bottom: 4px;
    display:block;
}

.reference .pdf a
{
    color: #00698E;
}

.reference h2
{
    padding-left: 0px;
}

.reference .pointille
{
    padding-top: 0;
    margin: 0;
    background-color: #fff;
    width: 496px;
    height: 10px;
    background-image: url(images/ligne-pointille.gif);
    background-repeat: repeat-x;
    border: none;
}

.reference ul.sf_postListing li
{
    margin-bottom:0px;
}

.reference .sf_postTitle
{
    margin-bottom: 5px;
    margin-top: 5px;
}

.reference .sf_postTitle a
{
    color: #00698E;
}