@charset "iso-8859-1";

body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

table{font-size:inherit;font:100%;}

select,input,textarea{font:99% arial,helvetica,clean,sans-serif;}

body *{line-height:1.22em;}
 body {
 color:#333;
}

body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,legend,input,img {
 margin:0;
 padding:0;
}

img {
 border:0;
}

label {
 cursor:pointer;
 cursor:hand;
}
em {
 font-style:normal;
}
a {
 color:#16387c;
}
a:link,a:visited {
 text-decoration:none;
}
a:hover {
 text-decoration:underline;
}

h1 {font-family:verdana;font-size:20px;font-weight:bold;line-height:1em;color:#000080;margin:0px 0 20px 16px;padding:20px 0 0 0;}

h2 {color:#3E5868;font-size:16px; padding:10px 0px}

.label{font-family:arial;font-size:12px}

.labelo{font-family:arial;font-size:12px;font-weight:bold}

.value{font-family:arial;font-size:12px}

#headline {
 float:right;
 font-family:verdana;
 font-weight:bold;
 font-size:12px;
}

div#header{
    height:100px;
    background-image:url(../image/fond-haut.jpg);
    background-repeat:no-repeat;

}

div#navigation{
    float:left;
    background-image:url(../image/fond-navi.jpg);
    background-repeat:no-repeat;
    width:176px;
    height:464px;
}

div#wrapper{
    float:right;
    width:100%;
    margin-left:-190px
}

div#content{
    margin-left:190px
}

div#footer{
    clear:both;
    width:100%
}

div#colcontainer {
	margin-left: auto;
	margin-right: auto;
	width: 700px;
}

div#col1 {
	float:left;
	WIDTH: 250px;
	overflow :hidden;
}

div#col2{
	float:left;
	WIDTH: 250px;
	overflow :hidden;
}

div#col3{
	float:left;
	WIDTH: 200px;
	overflow :hidden;
}

.boite {
	width: 220px;
	padding-bottom: 20px;
	background: white url(../image/boite-bas.png) no-repeat;
	background-position: center bottom;
	font-size: 80%;
}

.boitederoulante {
	width: 200px;
	height: 115px;
	overflow: auto;
	font-size: 80%;
}

.boite h2 {
	margin: 0;
	padding: 20px 20px 0px 20px;
	background: transparent url(../image/boite-haut.png) no-repeat;
	background-position: center top;
	text-align: center;
}
.boite p {
	margin: 1em 20px;

}

.faq_accueil {margin:0;}
.faq_accueil p {color:#2F3C40; font-size:10px; text-align:justify;}
.faq_accueil h1 {font-family:verdana;font-size:28px;font-weight:bold;line-height:1em;color:#3E5868;margin:0px 0 20px 16px;padding:20px 0 0 0;}
.faq_accueil p.intro {width:450px;font-weight:bold; margin:0px 10px 20px 16px;}
.faq_accueil p.intro2 {width:450px;margin:0px 10px 20px 16px;}
.faq_accueil h2 {color:#3E5868;font-size:12px; padding:10px 0px}

.faq_accueil .fiche_codeconduite {margin-bottom:10px;position: relative;}
.faq_accueil .bloc_cadre_coin_content{height:100%}
.faq_accueil .fiche_top {height:0%; border-bottom: 1px solid #CFD5D9; }
.faq_accueil .fiche_top h3 {width:500px;float:left;  font-size:15px; padding:7px 10px; color:#3E5868;}
.faq_accueil .fiche_top h3 img {margin-bottom:2px;}
.faq_accueil .fiche_top .text {float:right; padding:7px 5px 7px 0px;}
.faq_accueil .fiche_top .text a {color:#94A1AC;font-size:11px}
.faq_accueil .fiche_bottom {background-color: #FFFFFF;}
.faq_accueil .fiche_bottom p {width:450px; padding: 5px 5px 15px 10px;}
.faq_accueil .fiche_bottom ul {width:450px; padding: 5px 5px 15px 10px; list-style-type : none;}
.faq_accueil .fiche_bottom li { padding-bottom : 3px; padding-left : 15px; background-image : url('../image/engagements-bg-arrow.gif'); background-repeat : no-repeat; background-position : 4px 2px;}
.faq_accueil .fiche_bottom li a {color:#3E5868;}
.faq_accueil .fiche_bottom li a:hover {text-decoration : none; border-bottom : 1px dashed #3E5868;}
.faq_accueil .fiche_bottom .lien_en_savoir_plus {position: absolute; bottom: 15px;right: 15px;}
.faq_accueil .fiche_bottom .lien_en_savoir_plus a {font-size:11px;padding-left:12px; color:#537482; background:url("../image/bg-puce15.gif") no-repeat 0px 3px;}

.bloc_cadre_coin{position:relative;width:100%;z-index:1;}
.bloc_cadre_coin .coin_bloc{position:absolute;z-index:99;font-size:5px;line-height:5px;width:5px;height:5px;}
.bloc_cadre_coin .coin_hg{top:0;left:0;background:url(../image/bg-coin-HG.gif) no-repeat 0 0;}
.bloc_cadre_coin .coin_hd{top:0;right:0;background:url(../image/bg-coin-HD.gif) no-repeat 0 0;}
.bloc_cadre_coin .coins_bottom{position:relative;font-size:1px;line-height:1px;height:1px;width:100%}
.bloc_cadre_coin .coin_bg{top:-5px;left:0;background:url(../image/bg-coin-BG.gif) no-repeat 0 0;}
.bloc_cadre_coin .coin_bd{top:-5px;right:0;background:url(../image/bg-coin-BD.gif) no-repeat 0 0;}
.bloc_cadre_coin_content{border:1px solid #83939f;}

#onglet {
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
}

#onglet li{
list-style: none;
display: inline;
margin: 0;
}

#onglet li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#onglet li a:link, # onglet li a:visited{
color: navy;
}

#onglet li a:hover{
color: black;
background: lightyellow;
border-color: navy;
}

#onglet li a.courant{
background: lightyellow;
}

.titretableau {
font-family: verdana;
font-size: 10px;
font-weight: bold;
text-align: center
}

.valeurtableaucentre {
font-family: verdana;
font-size: 10px;
text-align: center;
border: 1px dotted #FFCC33

}
.valeurtableaugauche {
font-family: verdana;
font-size: 10px;
text-align: left
}
.valeurtableaudroite {
font-family: verdana;
font-size: 10px;
text-align: right
}

#pub{
    margin-left:190px;
	margin-top:150px;
    float:bottom;
}
