/*<![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:650px; margin : 0 auto;text-align:left; }
.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: 10pt;	font-weight: bold;	color: #003366;	padding: 0 0 0 9px;}
#actu p{	background: url(../images/puce-actu.gif) no-repeat 0px 7px;	padding: 4px 0 10px 5px; font-size: 8pt;	color: #003366;}
#actu p2{	color:#FF0000; }
#actu a{	font-size: 7pt;	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: 7pt;	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 #3399cc;}

#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/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: 650px; height :50px; }
#logo{padding-top: 5px;}
#perso{position: absolute;	top: 0;	right: 0; width:76px; height:62px;background: url(../images/persos.gif) no-repeat;}
#menu{display:none;	}
#cadre{	z-index:0;}
#hautdepage{display:none;	}
#footer{display:none;}
#droite{display:none;}

#retrait { padding: 0 0 15px 15px; font-size: 0.7em;	color: #003366;	 }
#retrait ul { padding: 0 0 0 15px;  list-style: disc; color: #003366; line-height: 12pt; }
#retrait li { padding: 0 0 5px 1px; }

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

#gauche{display:none;}

/**********OUTILS   TRACING**************/
#centre-outils{display:none;}

#centre-tracing{background: #f6f6f6 url(../images/outils-sep.gif) no-repeat;	padding: 2px 0 3px 18px;font-size: 0.55em;		color: #000;}
#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-tracing-large{background: #f6f6f6 url(../images/outils-sep.gif) no-repeat;		padding: 0 0 3px 18px;font-size: 0.55em;	 color: #000;}
#centre-tracing a, #centre-tracing-large a{	 color: #656565; text-decoration: none; }
#centre-tracing a:hover, #centre-tracing-large a:hover{	text-decoration: underline;}

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

table{	 }
td{	vertical-align: top;}
.tblarge{	width: 650px;}
.tdgauche{display:none;	}
.tdcentre{	width: 650px;}
.tdcentre-large{	width: 650px;}
.tdcentre-sansvisu{	width: 650px;}
.tddroite{display:none;	}
.tddroite-sansvisu{display:none;}
.caltbl{	margin: 0 0 15px 18px;}
.caltb2 {	margin: 0 18px 15px 0px; background: #75BBDC;	border: 1px solid #fff; width:95%}

.tbl{	border-collapse: collapse;  	width:90%;}
.tb2{	border-collapse: collapse;  	width:90%;}
.tbl caption{	display: none;}
.tb2 caption{	display: none;}
.tbl th{	text-align: center;	background: #b9d7eb;	border: 1px solid #ccc;	padding: 4px 6px 3px 9px;	font-size: 0.55em;	font-weight: bold;	color: #003366;}
.tbl td{	border: 1px solid #ccc;	padding: 4px 6px 5px 13px;	font-size: 0.6em;	color: #003366;}
.tbl td.tdcenter{	text-align: center;	vertical-align: middle;	font-size: 0.6em;	color: #003366;	padding: 4px 6px 5px 9px;}
.tbl tr.pair{	background: #f7f7f7;}
.tbl tr.impair{	background: #e5ebef;}
.tbl td ul{	padding: 0 0 0 25px;	list-style: disc;}
.tbl td ul li{	padding: 0 0 5px 0;}


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

#centre{	padding: 9px 0 0 22px; width: 100%;}
#content{ width: 100%;	padding: 15px 0 35px 20px;}
#content a:link{	color: #3399cc;}
#content a:visited{	color: #666666;}
#content a:hover{	color: #3399cc;}
#content a:active{	color: #3399cc;}

#content h1{	padding: 13px 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 10px 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;}

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

.txt-bleu{	color: #003366; }
.txt-bleuclair{	color: #3399cc;}
.txt11-bleu{	font-size: 110%;	color: #003366;}
.txt11-bleuclair{	font-size: 110%;	color: #3399cc;}

#pagination{display:none;}

 /*]]>*/