body{
	text-align: center;
	background: white;
	font-size: 75%;
}

/*************************************************************************************************************
* CLASSES DE TEXTES
*************************************************************************************************************/
body, div, span, td, p, h1, h2, h3, h4, h5, h6{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	color: #4B4B4D;
	float: none;
}
body, div, span, td, p, h1, h2, h3, h4, h5, h6{
	text-align: left;
}
img{
	border: 0;
}
img.img-border{
	border: 1px solid silver;
}
.smallTxt{
	font-size: .67em;
}
br.clear{
	clear: both;
}
hr{
	float: left;
	width: 100%;
	height: 1px;
	margin: 1em 0 0 0;
	color: #D3D3D3;
}

/*************************************************************************************************************
* POSITIONNNEMENT PRINCIPAL DE LA PAGE
*************************************************************************************************************/
.taille-ecran{
	width: 80.25em;
	margin: 0 auto 0 auto;
}
.fond-clair{
	float: left;
	background-color: #E3E4E4;
}
#menu-haut-content{
	background-color:white;
	float:left;
	position:relative;
	width:791px;
}
/* MISE EN PAGE DES BLOCS */
#menu-gauche, #menu-droite, #contenu{
	width: 14.33em;
	float: left;
	padding-top: .83em;
}
#menu-gauche, #menu-droite{
	padding-top: 0;
}

#contenu{
	background-color: white;
	width:40.87em;
}

#contenu-titre{
	margin: 0 0 0 1.2em;
}

#contenu-main{
	margin: 0 1.67em 0 1.67em;
}

#contenu-1col{
	margin: 0 1.67em 0 1.67em;
	width: 60em;
	background-color: white;
}

#contenu-fiche{
	text-align: left;
	border-left: 1.67em solid white;
	border-right: 1.67em solid white;
	background-color: white;
	width: 37.67em;
}

#contenu-article{
	float: right;
	width: 65.88em;
	background-color: white;
	position: relative;
}
#menu-droite{
	float: right;
	/*width: 24.83em;*/
	width: 24.85em;
	/*background-color:silver;*/
	background-color:#E3E4E4
}

#contenu-droite{
	float: right;
	width: 23.83em;
}

#menu-compte {
	/*height:52px;*/
}
/*
#menu-compte-gauche {
	height:52px;
}
*/
#contenu .moitie-gauche{
	width: 49%;
	float: left;
}
#contenu .moitie-droite{
	width: 49%;
	float: right;
}

#menu-centre{
	float: left;
	width: 38em;
}

/*************************************************************************************************************
* BANDEAU HAUT
*************************************************************************************************************/
#bandeau{
	position: relative;
	height: 10em;
}
#bandeau #index{
	position: absolute;
	bottom: 0;
	z-index: 2;
}

#bandeau #rec span{
	font-weight: bold;
	font-size: .8em;
	color: #005AA1;
}
#bandeau #rec input{
	border: 1px solid #F0F0F0;
	font-size: .8em;
	width: 18.4em;
	margin-left: .4em;
}
#bandeau #rec input.btn{
	font-size: 75%;
	background-color: #005AA1;
	text-align: center;
	color: white;
	width: 2.2em;
	margin: 0 0 0 1px;
	padding-left: 0;
	text-indent: 0;
}

#bandeau #rec {
	background-color:#F0F0F0;
	bottom:0;
	height:1.83em;
	position:absolute;
	right:-0.0em;
	text-indent:0.6em;
	width:25em;
	z-index:2;
}
#bandeau #index a{
	padding-left: 1em;
	background: url(../images/puce_fleche.gif) left .17em no-repeat;
	color: #005AA1;
	text-transform: none;
	font-weight: bold;
}
#bandeau img.logo{
	position: absolute;
	top: 2.5em;
	z-index: 2;
}
#bandeau img.logotexte{
	position: absolute;
	top: 2.5em;
	left: 4.5em;
	z-index: 2;
}
#bandeau img.logoimage{
	position: absolute;
	top: 2.5em;
	z-index: 2;
}
#bandeau img.ill{
	position: absolute;
	right: 0;
	width: 80.3em;
	height: 10em;
	z-index: 1;
}

/*************************************************************************************************************
* CONDUCTEUR
*************************************************************************************************************/
#conducteur{
	font-size: .8em;
	padding: 1em 0;
	background-color: white;
}
#conducteur .titre{
	font-size: 1.2em;
	font-weight: bold;
	text-transform:capitalize;
}

/*************************************************************************************************************
* STYLES GENERIQUES
*************************************************************************************************************/
a{
	color: gray;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
a.lien{
	padding-left: 1em;
	background: url(../images/puce_fleche.gif) left .17em no-repeat;
	color: #005AA1;
}
h1{
	font-size: 1.6em;
	margin: 0em 0;
	color: #005AA1;
	padding: 0 0 0 .24em;
	/*width: 100%;*/
	width:20em;
	margin: 1em 0 1em -0.48em;
	border-left: 0.38em solid #009EE0;

}
h2{
	color: #41A9D9;
	font-size: 1.2em;
	width: auto;
	font-weight: bold;
}
h3{
	font-size: 1.1em;
	color: #005AA1;
	margin-bottom: .4em;
}
h4{
	font-size: 1em;
	color: black;
	/*margin-bottom: .4em;*/
}
b{
	color: #005AA1;
}
#contenu p{
	margin-bottom: .4em;
}
#contenu ul{
	padding: 0;
	margin: 0;
}
#contenu ul.carre-bleu li,#contenu-article ul.carre-bleu li{
	list-style-type: none;
	padding: 0;
	padding-left: 1.25em;
	margin: 0;
	background: url(../images/puce_carre_b.gif) left .17em no-repeat;
}

.portlet{
	background-color: white;
	width:40.87em;
	float:left;
}

.portlet-header{
	margin: 0 0 0 1.2em;
}

.portlet-content{
	margin: 0 1.67em 0 1.67em;
}


#footer{
	border-bottom:0.08em dotted gray;
	border-top:0.08em dotted gray;
	float:left;
	line-height:1.83em;
	margin-bottom:0.83em;
	text-align:center;
	width:100%;
}

/*************************************************************************************************************
* STYLES PLAN DU SITE
*************************************************************************************************************/
.site-map-level-one {
	list-style-type: none;
}

.site-map-level-one a{
	color: #005AA1;
	
}

.site-map-level-one a:hover{
	color: #41A9D9;
	text-decoration:none;
	
}

.site-map-level-one h1{
	font-size: 1.6em;
	padding: 0 0 0 .24em;
	width: 100%;
	margin: 0 0 0 -0.48em;
	border-left: 0.38em solid #009EE0;
}

.site-map-level-one h2{
	padding: 0;
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}


.site-map-level-two {
	list-style-type: none;
	padding-left: 1.25em;
	background: url(../images/puce_carre_b.gif) left .17em no-repeat;
	margin-bottom: 1em;
}

.site-map-level-two a{
	color: #41A9D9;
}

.site-map-level-two a:hover{
	color: #E67026;
}



.site-map-level-highest {
	list-style-type: none;
	padding-left: 1em;
	background: url(../images/puce_fleche.gif) left .17em no-repeat;
}

.site-map-level-highest a{
	color: gray;
}

.site-map-level-highest a:hover{
	color: gray;
	text-decoration:underline;
}