/*<![CDATA[*/

*{margin:0; padding:0}
html {font-size: 100%;}
body{	background-color : #FFFFFF;	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 100%;	text-align: center;}

#container{
	width:780px;
	margin : 0 auto;
	text-align:left;
	overflow:hidden;
	position:relative;
	visibility: visible;
}
.accessibility{display: none}
img{border:0}
.cleaner{clear:both}

/*************     HOME     *************/

#head-hp{	width: 780px; height :68px; }
#logo-hp{	float: left;	width: 302px;	padding: 14px 0 0 13px;}
#organismes{	float: right;	width: 465px;	padding: 14px 0 0 0;}

#cadre-hp{position: relative;	background : url(../images/cadre-hp_bg.jpg) no-repeat;}
#infos{	position: relative; width: 550px; overflow:hidden;}
#actu{	width:280px;	height: 204px; float: left;	margin: 0 0 0 65px;	 _margin: 0 0 0 32px;	padding: 12px 0 0 16px;	background: #e5e5e5 url(../images/actu_bot.gif) no-repeat bottom;}
#actu h1{	font-family: Arial, Helvetica, sans-serif;	font-size: 11pt;	font-weight: bold;	color: #003366;	padding: 0 0 0 9px;}
#actu p{	background: url(../images/puce-actu.gif) no-repeat 0px 7px;	padding: 5px 0 10px 9px; font-size: 8pt;	color: #003366;}
#actu a{	font-size: 8pt;	color: #003366;	text-decoration: none;}
#actu a:hover{	text-decoration: underline;}
#actu .txt-rouge{	font-size: 8pt;	color: #FF0000;	}
#actu .txt-rouge a{	 font-size: 8pt; color: #FF0000; text-decoration: none;}
#actu .txt-rouge a:hover{	text-decoration: underline;}
#decouvrir{	width:174px;	height: 204px;	float: right;	margin: 0 0 0 1px;	padding: 16px 0 0 14px;	background: #ffcc00 url(../images/decouvrir_bot.gif) no-repeat bottom;}
#decouvrir h1{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	font-weight: bold;	color: #333333;	padding: 0 0 0 6px;}
#decouvrir h1 a{	font-size: 8pt;	color: #333333;	font-weight: bold;	text-decoration: none;}
#decouvrir p{	padding: 4px 0 2px 6px;}
#decouvrir a{	font-size: 7.5pt;	color: #666666;	font-weight: bold;	text-decoration: none;}
#decouvrir a:hover{	text-decoration: underline;}
.pointille-hp{	margin: 7px 11px 7px 0;	border-top: 1px dashed #333333;}
.pointille-hp-bleu{	margin: 7px 30px 7px 0;	border-top: 1px dashed #003399;}

#utile{	position: relative;	width: 550px;	height: 39px;	margin: -20px 0 0 0;}
#utile img{	display: block;}
#utile ul{	width: 550px;	margin: 1px 0 0 0;	list-style-type: none;}
#utile li{	float: left;	padding: 0 1px 0 0;}

#pied{	position: relative;	width: 550px;	height: 218px;	background: url(../images/accueil_generique/visuel-hp.jpg) no-repeat right;}
#transverses{	position: absolute;	bottom: 0;	width: 326px;	height: 16px;}
#transverses img{	display: block;}
#transverses ul{	width: 550px;	list-style-type: none;}
#transverses li{	float: left;}

#compte{	position: absolute;	top: 0px;	left: 554px;	width: 226px;	height: 452px; overflow:auto}
#compte-titre{	position: absolute;	top: 0px;	left: 0px;	width: 24px;	height: 452px;	background-color: #3399cc;}
#compte-persos{	position: absolute;	bottom:0;	left: 65px;}
#form-hp0{position: absolute;	z-index: 100;}
#form-hp1{position: absolute;	z-index: 100;}
.inscrivez{	position: absolute;	top: 0px;	left: 25px;}
.inscrivez h1, .identifiez h1{	font-family: Arial, Helvetica, sans-serif;	font-size: 9pt;	font-weight: bold;	color: #3399cc;	padding: 0 0 0 23px;	margin: -3px 0 0 0;}
.inscrivez img, .identifiez img{	padding: 3px 0 2px 15px;	display: block;}
.inscrivez p, .identifiez p{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #333333;	padding: 0 0 0 23px;}
.identifiez{	position: absolute;	top: 0px;	left: 25px;}
.inscrivez h1.ident, .identifiez h1.ident{	font-family: Arial, Helvetica, sans-serif;	font-size: 9pt;	font-weight: bold;	color: #003366;	padding: 0 0 0 23px;}
.h28{	height: 28px;}
/* Formulaires Home */
#compte label{	display: none;}
#compte label.visible{	display: inline;}
.form-hp{	width: 160px;	height: 14px;	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #003366;	padding: 1px 0 0 7px;}
.inscrivez form p,.identifiez form p{	padding: 0 0 2px 20px;}
.inscrivez .form-puce, .identifiez .form-puce{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #003366;	padding: 8px 0 5px 10px;	background: url(../images/puce-hp-form.gif) no-repeat 0 10px;}
.inscrivez .form-puce2, .identifiez .form-puce2{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #003366;	padding: 0 0 3px 10px;	background: url(../images/puce-hp-form.gif) no-repeat 0 2px;}
.identifiez .form-puce3{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #464646;	padding: 0 0 0 9px;	margin: 2px 0 0 20px;	background: url(../images/puce-hp-form3.gif) no-repeat 0 2px;}
.identifiez .form-puce3 a{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #464646;	text-decoration: none;}
.identifiez .form-puce3 a:hover{	text-decoration: underline;}
.inscrivez p.valider, .identifiez p.valider{	float: right;	padding: 0 7px 5px 0;	height: 17px;	clear: both;}

/* styles pour noscript  (-ns)*/
#compte-titre-ns{	position: absolute;	top: 0px;	left: 0px;	width: 24px;	height:660px;	background-color: #3399cc;}
.inscrivez-ns, .identifiez-ns{	position: relative;	width: 180px; padding: 0 0 0 25px}
.inscrivez-ns h1, .identifiez-ns h1{	font-family: Arial, Helvetica, sans-serif;	font-size: 9pt;	font-weight: bold;	color: #3399cc;	padding: 0 0 0 0;	margin: -3px 0 0 0;}
.inscrivez-ns img, .identifiez-ns img{	padding: 3px 0 2px 15px;	display: block;}
.inscrivez-ns p, .identifiez-ns p{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #333333;	padding: 0 0 0 0;}
.identifiez-ns{	position: relative;	width: 180px;}
.inscrivez-ns h1.ident, .identifiez-ns h1.ident{	font-family: Arial, Helvetica, sans-serif;	font-size: 9pt;	font-weight: bold;	color: #003366;	padding: 0 0 0 0;}
.inscrivez-ns form p,.identifiez-ns form p{	padding: 0 0 2px 0;}
.inscrivez-ns .form-puce, .identifiez-ns .form-puce{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #003366;	padding: 8px 0 5px 10px;	background: url(../images/puce-hp-form.gif) no-repeat 0 10px;}
.inscrivez-ns .form-puce2, .identifiez-ns .form-puce2{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #003366;	padding: 0 0 3px 10px;	background: url(../images/puce-hp-form.gif) no-repeat 0 2px;}
.identifiez-ns .form-puce3{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #464646;	padding: 0 0 0 9px;	margin: 2px 0 0 20px;	background: url(../images/puce-hp-form3.gif) no-repeat 0 2px;}
.identifiez-ns .form-puce3 a{	font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	color: #464646;	text-decoration: none;}
.identifiez-ns .form-puce3 a:hover{	text-decoration: underline;}
.inscrivez-ns p.valider, .identifiez-ns p.valider{	float: right;	padding: 0 7px 5px 0;	height: 17px;	clear: both;}
#compte-persos-ns{	position: relative; width: 200px;text-align:center;}


/************ N-1  ****************/

#head{	width: 780px; height :104px; }
#logo{position: absolute;	top: 14px;	left: 13px;}
#search {	position: absolute; left: 380px;	width: 230px;	padding: 20px 95px 0 0;}
input.bouton{ background-image: url(../images/rechercher.gif) no-repeat; 	}


#perso{	position: absolute;	top: 19px;	left: 681px; width:48px; height:85px;background: url(../images/perso-droite.gif) no-repeat;}
#menu{ position: absolute; top: 63px; height: 41px; left: 0; }
#cadre{	z-index:0;}

#hautdepage{	position: absolute;	bottom: 0;	 z-index: 100; }


#footer{	position: absolute;	bottom: 0;	width: 330px;	height: 20px; z-index: 100;}
#footer img{	display: block;}
#footer ul{	width: 350px;	list-style-type: none;}
#footer li{	float: left;}

#droite{}
#droite-titre{	float:left;}
#droite-visu{	float:right;}

#retrait { padding: 0 0 0 15px; font-size: 0.7em;	color: #003366;	 }
#retrait ul { padding: 5px 0 5px 18px;  list-style: disc; color: #003366; line-height: 12pt; }
#retrait li { padding: 0 0 7px 0; }
#retrait ul.ret { padding: 0 0 0 30px; list-style: square; bgcolor: #ff9900;}
#retrait ol { padding: 0 0 0 15px; list-style:decimal; color: #003366; line-height: 12pt; }
#retrait ol li { padding: 4px 0 8px 1px; }
#retrait ol ul li { padding: 4px 0 3px 7px;  list-style: disc; }

#blockquote { padding: 15px 0 0 12px;  }
#blockquote p { padding: 0 0 0 16px;  }
#blockquote p.txt-retrait{ padding: 0 0 25px 16px;  }

/**********Nav Gauche**************/

#gauche{}
#menugauche{	background-color: #3399cc;	/* display:table-cell; Hack IE  	height:315px;*/	min-height: 315px;}
#menugauche-top{ background: url(../images/menugauche-top.gif) no-repeat;  width: 155px; height: 22px;}
#menugauche-top p{	padding: 3px 0 0 10px; font-size: 12px; color: #3b9ecd;}
#menugauche-box{	padding: 0 0 0 0;}

#menugauche-box ul{	list-style-type: none;	padding: 5px 8px 5px 8px;	border-bottom: 1px solid #b9d7eb;}
#menugauche-box li{	padding: 0 0 3px 0;   height: 1%; }
#menugauche-box ul a.mg1-on{	 text-decoration: none;	font-size: 0.70em;	font-weight: bold;	color: #ffffff;	padding: 0 0 5px 10px;	background: url(../images/menugauche-puce-on.gif) no-repeat 0 1px;	display: block;}
#menugauche-box ul a.mg1{	 text-decoration: none;	font-size: 0.70em;	font-weight: bold;	color: #b9d7eb;	padding: 0 0 5px 10px;	background: url(../images/menugauche-puce-off.gif) no-repeat 0 1px;	display: block;}
#menugauche-box ul a.mg1:hover{	 text-decoration: none;	font-size: 0.70em;	font-weight: bold;	color: #ffffff;	padding: 0 0 5px 10px;	background: url(../images/menugauche-puce-on.gif) no-repeat 0 1px;	display: block;}

#menugauche-box ul a.mg2-on{	text-decoration: none;	font-size: 0.70em;	font-weight: bold;	color: #ffffff;	padding: 5px 0 5px 14px;	background: url(../images/menugauche-puce-on.gif) no-repeat 0 6px;	display: block;}
#menugauche-box ul a.mg2{	text-decoration: none;	font-size: 0.70em;	color: #ffffff;	padding: 5px 0 5px 14px;	background: url(../images/menugauche-puce-off.gif) no-repeat 0 6px;	display: block;}
#menugauche-box ul a.mg2:hover{text-decoration: none;	font-size: 0.70em;	color: #ffffff;	padding: 5px 0 5px 14px;	background: url(../images/menugauche-puce-on.gif) no-repeat 0 6px;	display: block;}

#menugauche-box ul.ssmg{	padding: 0 0 0 19px;	border-bottom: none;}
#menugauche-box ul.ssmg li{	display:inline;	line-height: 10px;	padding: 0 0 0 0; }
#menugauche-box ul.ssmg a.ssmg1-on{	 text-decoration: none;	font-size: 0.55em;	color: #ffffff;	padding: 0 0 4px 6px;	background: url(../images/menugauche-puce-mini.gif) no-repeat 0 4px;	display: block;}
#menugauche-box ul.ssmg a.ssmg1{	 text-decoration: none;	font-size: 0.55em;	color: #b9d7eb;	padding: 0 0 4px 6px;	display: block;}
#menugauche-box ul.ssmg a.ssmg1:hover{text-decoration: none;	font-size: 0.55em;	color: #ffffff;	padding: 0 0 4px 6px;	background: url(../images/menugauche-puce-mini.gif) no-repeat 0 4px;	display: block;}
#menugauche-bg{	background: #b9d7eb;}


/**********OUTILS   TRACING**************/

#centre-outils{	float: left;	width: 40px;	background: #f7f7f7 url(../images/outils-sep.gif) no-repeat; padding: 0 0 0 23px;}
#centre-fleche{	float: right;	width: 180px; background: #f7f7f7 url(../images/outils-sep.gif) no-repeat 20px; font-size: 0.6em; color: #666666; padding: 0 0 0 40px;}
#centre-outils img{	display: block;}
#centre-outils a{	float: left;}
#centre-tracing{	float: left;	background: #f7f7f7 url(../images/tracing-bg.gif) no-repeat right;	width: 344px;	border-left: 1px solid #989898;	padding: 0 0 1px 14px;font-size: 0.70em;		color: #666666;}
#centre-tracing-large{	float: left;	background: #f7f7f7 url(../images/tracing-bg.gif) no-repeat right;	width: 509px;	border-left: 1px solid #989898;	padding: 0 0 1px 14px; font-size: 11px;	 color: #666666;}
#centre-tracing a, #centre-tracing-large a{	 color: #999999; text-decoration: none;}
#centre-tracing a:hover, #centre-tracing-large a:hover{	text-decoration: underline;}


/****************** TABLES ********************/

table{	border-collapse: collapse;}
td{	vertical-align: top;}
.tblarge{	width: 776px;}
.tbmiddle {	width: 580px;}
.tbplan {	width: 690px; margin: 0 5px 5px -30px;}
.tbmini {	width: 510px;  }
.tbcontact {	width: 480px;  }
.tdgauche{	background-color: #e5ebef;	width: 155px; }
.tdcentre{	width: 630px;}
.tdcentre-large{	width: 685px;}
.tdcentre-sansvisu{	width: 551px;}
.tddroite{	background: #e5ebef url(../images/droite-bg-1.gif) repeat-x;	width: 91px;}
.tddroite-sansvisu{	background: #e5ebef url(../images/droite-bg-1.gif) repeat-x;	width: 23px;}
.caltbl{	margin: 0 18px 15px 18px;}
.caltb2 {	margin: 0 18px 15px 0; background: #3B9ECD;	border: 0; width:95% }
.txt-puce {  background: url(../images/puce-txt.gif) no-repeat 0 10px; }

.tbl{
	border-collapse: collapse;
	width: 50%;
	voice-family: "\"}\"";  /* hack ie5*/
  	voice-family:inherit;
  	width:100%;
}
.tb2 {
	border-collapse: collapse;
	width: 88%;
	voice-family: "\"}\"";  /* hack ie5*/
  	voice-family:inherit;
  	width:100%;
}
.tbl ie5{
	/* hack ie5 */
}
.tb2 ie5{
	/* hack ie5 */
}
.tbl caption{	display: none;}
.tb2 caption{	display: none;}

.tbl th{	text-align: center;	background: #b9d7eb;	border: 1px solid #fff;	padding: 4px 6px 3px 9px;	font-size: 0.7em;	font-weight: bold;	color: #003366;}
.tbl td{	border: 1px solid #fff;	padding: 8px 6px 8px 13px;	font-size: 0.7em;	color: #003366; text-align:left}

.tb2 td {  border: 1px solid #fff;	padding: 3px 6px 5px 21px;	text-align:left; font-size: 0.8em; font-weight: bold;  color:#FFFFFF; background: url(../images/menugauche-puce-on.gif) no-repeat 5px 6px; }
.tbl td.tdcenter{	text-align: center;	vertical-align: middle;	font-size: 0.7em;	font-weight: bold;	color: #003366;	padding: 4px 6px 5px 9px; }
.tbl td.tdbleu {	background: #b9d7eb; font-size: 0.7em;	font-weight: bold;	color: #003366;}
.tbl tr.pair{	background: #f7f7f7;}
.tbl tr.impair{	background: #e5ebef;}
.tbl tr td.pair{	background: #f7f7f7;}
.tbl td a{ text-decoration: none; color: #3399cc;  }
.tbl td a:visited{	text-decoration: none;	color: #666666;}
.tbl td a:hover{	text-decoration: underline; color: #3399cc;}
.tbl td.lien a{ text-decoration: underline; color: #3399cc;  }
.tbl td.lien a:visited{	text-decoration: underline;	color: #666666;}
.tbl td.lien a:hover{	text-decoration: underline; color: #3399cc;}
.tbl td ul{	padding: 9px 0 9px 20px; list-style-image: url(../images/puce-lien.gif);}
.tbl td ul li{	padding: 0 0 10px 0;}
.tbl td ol{	padding: 9px 0 6px 20px; list-style: disc; color: #003366; line-height: 12pt;}
.tbl td ol li{	padding: 0 0 6px 0;}


/**********  CENTRE  **************/

#centre{	padding: 9px 0 0 0;}
#content{	padding: 15px 10px 35px 30px;}
#content a:link{	color: #3399cc;}
#content a:visited{	color: #666666;}
#content a:hover{	color: #3399cc;}
#content a:active{	color: #3399cc;}

#content h1{	padding: 12px 30px 15px 18px;	font-size: 0.8em;	font-weight: bold;	color: #3399cc;	background: url(../images/puce-titre.gif) no-repeat 0 15px;}
#content h2{	padding: 13px 30px 15px 18px;	font-size: 0.7em;	font-weight:lighter; color: #003366;	background: url(../images/puce-titre.gif) no-repeat 0 15px;}
#content p.txt-puce{	padding: 0 30px 15px 18px;	font-size: 0.7em;	color: #003366;	background: url(../images/puce-txt.gif) no-repeat 5px 4px; }
#content p.txt-down{	padding: 0 30px 10px 28px;	font-size: 0.7em;	color: #003366;	background: url(../images/puce-down.gif) no-repeat 14px 1px;}
#content p.txt-down a{	text-decoration: none;}
#content p.txt-down a:visited{	text-decoration: none;	}
#content p.txt-down a:hover{	text-decoration: underline; }

#content p.txt-lien{	padding: 0 30px 10px 28px;	font-size: 0.7em;	color: #003366;	background: url(../images/puce-lien.gif) no-repeat 14px 3px;}
#content p.txt-lien a{	text-decoration: none;}
#content p.txt-lien a:visited{	text-decoration: none;	}
#content p.txt-lien a:hover{	text-decoration: underline;}

#content p.lien-bleu {	padding: 0 30px 5px 20px;	font-size: 0.7em;	color: #003366;	background: url(../images/puce-actualite.gif) no-repeat 5px 3px;}
#content p.lien-bleu a{	text-decoration: none;}
#content p.lien-bleu a:visited{	text-decoration: none;	}
#content p.lien-bleu a:hover{	text-decoration: underline;}

#content p.texte-lien{	padding: 0 30px 10px 28px;	font-size: 0.7em;	color: #003366;	background: url(../images/puce-lien.gif) no-repeat 14px 3px;}
#content p.texte-lien a{	text-decoration: underline; color: #3399cc;}
#content p.texte-lien a:visited{	text-decoration: underline;	color: #3399cc;}
#content p.texte-lien a:hover{	text-decoration: underline; color: #666666; }
#content p.form-puce1{	padding: 0 0 3px 9px;	margin: 2px 0 3px 20px;	background: url(../images/puce-hp-form1.gif) no-repeat 0 2px;}

.bold{	font-weight: bold;}
#content p{	padding: 0 30px 15px 0;	font-size: 0.7em;	color: #003366;}

.sub { vertical-align:super; font-size: 0.7em; }

.txt-mauve{	color: #9d3393;	}
.txt-bleu{	color: #003366;	}
.txt-bleu-mini{	font-size: 0.4em; }
.txt-bleuclair{	color: #3399cc; }
.txt7-bleuclair{	color: #3399cc; font-size: 0.7em;	}
.txt11-bleu{	font-size: 110%;	color: #003366; }
.txt11-bleuclair{	font-size: 110%;	color: #3399cc;}

.txt-rouge{	color: #FF0000;}
.txt-rouge-bold {	color: #FF0000; font-weight: bold;}
.txt-orange {	color: #ff9900;}


#pagination{	width: 404px;	background-color: #f7f7f7;	margin: 13px 0 5px 18px;	padding: 0 0 0 0;	overflow: hidden;	background: url(../images/pagination-bg.gif) no-repeat;}
#pagination a.pagl{	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #666666;	letter-spacing: 1px;	width: 58px;	padding: 2px 0 0 35px;	text-decoration: none;	display: block;	float: left;}
#pagination a.pagl:visited{	color: #666666;}
#pagination a.pagl:hover{	color: #666666;}
#pagination a.pagr{	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #666666;	letter-spacing: 1px;	width: 83px;	padding: 2px 0 0 10px;	text-decoration: none;	display: block;	float: right;}
#pagination a.pagr:visited{	color: #666666;}
#pagination a.pagr:hover{	color: #666666;}
#pagination p.pagination-page{	font-family: Arial, Helvetica, sans-serif;	font-size: 9px;	color: #666666;	letter-spacing: 1px;	float: left;	width: 216px;	padding: 2px 0 0 0;	text-align: center;}

.pagination {	
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 9px;	
	color: #666666;	
	letter-spacing: 1px;	
	background-color: #f7f7f7;
	width: 205px;
	margin: 13px 0 5px 5px;	
	padding: 2px 5px 2px 30px;
	overflow: hidden;
	background: url(../images/pagination-rgauche.gif) no-repeat;
	text-decoration: none;	
	display: block;
}  		

 /*]]>*/