/*<![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; height:600px; margin : 0 auto;text-align:left; overflow:hidden;position:relative}
.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; width:65px;	height: 473px; }
#cadre-hp2{position: relative;	background : url(../images/cadre-hp_bg2.gif) no-repeat; width:65px;	height: 473px; }
#infos{	position: relative; width: 550px; height: 247px; overflow:hidden;}
#actu{	width:288px;	height: 236px; float: left;	margin: 0 0 0 64px;	 _margin: 0 0 0 32px;	padding: 4px 0 3px 7px;	background: #EFECEA }
#actu h1{	font-family: Arial, Helvetica, sans-serif;	font-size: 11pt;	font-weight: bold;	color: #003366;	padding: 5px 0 2px 9px;}
#actu p{	background: url(../images/puce-hp-form-tr.gif) no-repeat 0px 7px;	padding: 5px 0 7px 9px; font-size: 8pt;	color: #003366;}
#actu h2{	background: url(../images/puce-hp-form-rouge.gif) no-repeat 0px 7px;	padding: 4px 0 5px 9px; font-size: 8pt;	color: #FFOOOO; font-weight:lighter;}
#actu h3{	background: url(../images/actu-bg_1.gif) no-repeat 0px 1px;  padding: 0 0 3px 13px;  font-family: Arial, Helvetica, sans-serif;	font-size: 11pt;	font-weight: bold;	color: #003366;}
#actu h4 {	background: url(../images/puce-hp-form-jaune.gif) no-repeat 0px 7px;	padding: 4px 0 5px 9px; font-size: 8pt;	color: #FFCCOO; font-weight:lighter;} 
#actu .txt-jaune {	font-size: 8pt;	color: #FFCC00;	}
#actu h5 {	background: url(../images/puce-actu.gif) no-repeat 0px 7px;	padding: 4px 0 5px 9px; font-size: 8pt;	color: #FFCCOO; font-weight:lighter;} 
#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: 235px;	float: right;	margin: 0 0 0 1px;	padding: 5px 0 7px 14px;	background: #ffcc00 url(../images/decouvrir_bot.gif) no-repeat bottom;}
#decouvrir h1{	background: url(../images/nav-puce.gif) no-repeat 0px 1px; font-family: Arial, Helvetica, sans-serif;	font-size: 8pt;	font-weight: bold;	color: #333333;	padding: 0 0 0 14px;}
#decouvrir h1 a{	font-size: 8pt;	color: #333333;	font-weight: bold;	text-decoration: none;}
#decouvrir p{	padding: 3px 0 3px 3px; }
#decouvrir a{	font-size: 8pt;	color: #666666;	font-weight: bold;	text-decoration: none;}
#decouvrir a:hover{	text-decoration: underline;}
.pointille-hp{	margin: 5px 11px 5px 0;	border-top: 1px dashed #333333;}

#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{	height:20px;	float: left;	padding: 0 1px 0 0;}

#pied2{	position: relative;	width: 39px;	height: 25px; float: right;	 }
#transverses2{
	position: absolute;
	bottom: 213px;
	width: 40px;
	height: 30px;
	left: 484px;
}

#pied{	position: relative;	width: 550px;	height: 220px; background: url(../images/visuel-hp.gif) no-repeat right;  }

#pied1{	position: relative;	width: 550px;	height: 220px;  left: 63px; bottom:-3px }
#pied-lien{	position: relative; width: 550px;	height: 220px;}
#transverses{
	position: absolute;
	bottom: 0;
	width: 326px;
	height: 16px;
	left: 0px;
}
#transverses3{
	position: absolute;
	bottom: 220px;
	width: 326px;
	height: 16px;
	left: 0;
}
#transverses4{
	position: absolute;
	bottom: 200px;
	width: 326px;
	height: 16px;
	left: 63px;
}
#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: 486px; overflow:auto}
#compte-titre{position: absolute;	top: 0px;	left: 0px;	width: 24px;	height: 486px;	background-color: #82C9EB;}
#compte-titre2{position: absolute;	top: 0px;	left: 0px;	width: 24px;	height: 486px;} 

#compte-persos{	position: absolute;	bottom:0;	left: 65px;}
#compte-persos2 {	position: absolute;	bottom:0;	left: 48px;}
#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;}

/* 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; text-decoration: none;}
.identifiez .form-puce3 a:hover{	text-decoration: underline; }
.inscrivez p.valider, .identifiez p.valider{	float: right;	padding: 0 7px 3px 0;	height: 17px;	clear: both;}

/* styles pour noscript  (-ns)*/
#compte-titre-ns{	position: absolute;	top: 70px;	left: -1px;	width: 24px;	height:694px;	background-color: #82C9EB;}
#compte-titre-ns2{	position: absolute;	top: 70px;	left: -1px;	width: 24px;	height:694px;	}

.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; height: 28px;}
#bloc-info { position: relative; width: 150px; text-align:center; height: 87px; background: transparent url(images/questionnaire/bg-info.png) left top no-repeat;}



/*** logo Xiti ***/

.logoxiti { filter: chroma(color="#fff600"), mask(color="#F00"), alpha(opacity="40"); padding: 10px 0 0 550px}


/*** nav utile ****/

a.navhome {	font-family: Arial, Helvetica, sans-serif;display: block; padding: 2px 4px 2px 4px; font-size: 8pt; color: #666666;  background-color: #FFCC00; text-decoration: none; }
a.navhome:hover{	font-family: Arial, Helvetica, sans-serif;font-size: 8pt; color: #fff; background-color: #3399CC; }

/*** FIN nav utile ****/



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

#head{	width: 780px; height :104px; }
#logo{position: absolute;	top: 14px;	left: 13px;}
#perso{	position: absolute;	top: 19px;	left: 675px; width:48px; height:85px;background: url(../images/perso-droite.gif) no-repeat;}
#perso2{
	position: absolute;
	top: 12px;
	left: 712px;
	width:48px;
	height:85px;
	background: url(../images/perso-droite.gif) no-repeat;
}
#menu{	position: absolute;	top: 63px; height: 41px;}
#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 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{}
#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: 202px; height: 25px;}
#menugauche-top p{	padding: 5px 0 0 12px; font-size: 12px; color: #3b9ecd;}
#menugauche-box{	padding: 0 0 0 0;}

#menugauche-box ul{	list-style-type: none;	padding: 7px 9px 7px 18px;	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.55em;	font-weight: bold;	color: #ffffff;	padding: 0 0 5px 14px;	background: url(../images/menugauche-puce-on.gif) no-repeat 0 1px;	display: block;}
#menugauche-box ul a.mg1{	 text-decoration: none;	font-size: 0.55em;	font-weight: bold;	color: #b9d7eb;	padding: 0 0 5px 14px;	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.55em;	font-weight: bold;	color: #ffffff;	padding: 0 0 5px 14px;	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.55em;	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.55em;	color: #b9d7eb;	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.55em;	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: 102px;	background: #f7f7f7 url(../images/outils-sep.gif) no-repeat; padding: 0 0 0 13px;}
#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.55em;		color: #666666;}
#centre-tracing-large{	float: left;	background: #f7f7f7 url(../images/tracing-bg.gif) no-repeat right;	width: 455px;	border-left: 1px solid #989898;	padding: 0 0 1px 14px;font-size: 0.55em;	 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;}
.tdgauche{	background-color: #e5ebef;	width: 202px;}
.tdcentre{	width: 483px;}
.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 0 15px 18px;}
.caltb2 {	margin: 0 18px 15px 0px; background: #75BBDC;	border: 1px solid #fff; width:95%}


.tbl{
	border-collapse: collapse;
	width: 88%;
	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.55em;	font-weight: bold;	color: #003366;}
.tbl td{	border: 1px solid #fff;	padding: 4px 6px 5px 13px;	font-size: 0.6em;	color: #003366;}
.tb2 td{ border: 1px solid #fff;	padding: 4px 6px 5px 13px;	text-align:left; font-size: 0.7em; font:Arial; font-weight: bolder;  color:#FFFFFF; }
.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 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: 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 0;	font-size: 0.7em;	color: #003366;}

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

.txt-rouge{	color: #FF0000;}



#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;}




 /*]]>*/