/****************************px********************************************************************************************************************************************************************/
/***************************************************************************                                HABILLAGE                                 **************************************************************************/
/************************************************************************************************************************************************************************************************/
/*****************************************************************************/
/**********     GENERAL     *****************************************************/
/*****************************************************************************/
html {
	margin : 0;
	padding : 0;
	text-align:center;
}
body {
	margin : 0 auto;
	padding : 0px 0 0px 0;
	text-align:center;
}
#conteneur {
position:relative;
	margin :0 auto;
	padding : 0px 0 0px 0px;
	width : 1100px;
	text-align : left;
	color:#000000;
	text-align:center;
	background-image:url(../images/interface/fond.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	background-color:#228AA3;
	z-index:1;
}

#haut {
float:left;
	margin : 0;
	padding : 0px 0 0px 5px;
	width : 955px;
	text-align:left;
	background-color:transparent;
} 
#milieu {
float:left;
	margin : 0px 0 0px 0;
	padding : 30px 0 0px 25px;
	width : 960px;
	text-align:left;

} 
#bas {
	margin : 0px 0 0px 0;
	padding : 56px 0 0px 25px;
	width : 955px;
	display:block;
	clear:both;
}

/*****************************************************************************/
/**********     HAUT     *********************************************************/
/*****************************************************************************/
.haut_gauche{
float:left;
margin:0;
padding:10px 0 0 0;
width:350px;
}
.haut_droite{
float:right;
margin:0;
padding:0;
width:554px;
}

.haut_droite li{
background:none;
}


* html .haut_droite{
margin:0 0px 0 25px;
}
* + html .haut_droite{
margin:0 0px 0 0;
}
.haut_droite_gauche{
float:left;
margin:0;
padding:0;
}
#menu_haut{
float:left;
margin:0;
padding:0;
}
#menu_haut li{
float:left;
margin:0 1px 0 0px;
padding:4px 20px 4px 10px;
list-style-type:none;
background-color:#ffffff;
}
.haut_droite_droite{
float:left;
margin:0;
padding:2px 5px 1px 0;
background-color:#bfbfbf;
}
* html .haut_droite_droite{
padding:2px 5px 3px 0;
}
* + html .haut_droite_droite{
padding:2px 5px 3px 0;
}
.haut_droite_droite p{
float:left;
margin:0;
padding:2px 5px 0 10px;
font-weight:bold;
}
.haut_droite_droite input{
float:left;
margin:0;
padding:1px;
font-size:0.9em;
border-color:#000000;
border-style:solid;
border-width:1px;
}
.haut_droite_droite input.bouton_submit{
float:left;
margin:0;
padding:1px 0 1px 0;
border:none;
background-color:#000000;
color:#ffffff;
font-weight:bold;
}
* html .haut_droite_droite input.bouton_submit{
padding:3px 0 0px 0;
}
* + html .haut_droite_droite input.bouton_submit{
padding:3px 0 0px 0;
}

/*****************************************************************************/
/**********     MILIEU     *********************************************************/
/*****************************************************************************/
/******************** MILIEU GAUCHE *************/
#milieu_gauche{
float:left;
margin:0;
padding:11px 0 0 0;
width:205px;
}
.milieu_gauche_contenu_menu{
float:left;
margin:0 0 65px 0;
padding:0 0 0px 0;
width:205px;
background-color:#ffffff;
}
.milieu_gauche_contenu_menu_inter{
float:left;
margin:0 0 65px 0;
padding:0 0 0px 0;
width:205px;
background-color:#ffffff;
}
#menu_gauche{
float:left;
margin:0;
padding:10px 0 10px 0;
width:205px;
}
.milieu_gauche_contenu_menu_inter #menu_gauche{
float:left;
margin:0;
padding:10px 0 10px 0;
width:205px;
border-color:#E61F1A;
border-width:0 0 2px 0;
border-style:solid;
}
#menu_gauche li {
list-style-type:none;
background: none;
}
#menu_gauche li a{
color:#000000;
	background-image:url(../images/interface/fleche_menu.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	font-size:1.1em;
}
#menu_gauche li.active a{
color:#000000;
	background-image:url(../images/interface/fleche_menu_active.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	font-size:1.1em;
}
* + html #menu_gauche li.active li {

}
#menu_gauche li.active li a{
	list-style-type: none;
	color: #000000;
	background: none;
	padding:0 0 0 7px;
	font-size:1.1em;
}
#menu_gauche li ul{
display:none;
}
#menu_gauche li.active ul{
display:block;
padding:5px 0 20px 0;
}
.milieu_gauche_contenu{
float:left;
margin:0 0 7px 0;
padding:0;
width:138px;
background-color:#ffffff;
}
.milieu_gauche_contenu_orange{
float:left;
margin:10px 0 0 0;
padding:0 0 7px 0;
width:138px;
background-color:#ea641f;
}
.milieu_gauche_contenu_orange img{
margin:0px 0 4px 0;
}

/******************** MILIEU HOME *************/
#milieu_home{
float:left;
margin:0;
padding:0px 0 0 60px;
width:685px !important;
width:725px;
z-index:1;
position:relative;
}
.milieu_home_gauche{
float:left;
margin:40px 0 0 0px;
padding:0 15px 0 15px;
width:420px !important;
width:400px;
background-color:#ffffff;
z-index:1;
position:relative;
}
.milieu_home_gauche_alaune{
float:left;
margin:0;
padding:0;
width:420px !important;
width:400px;
z-index:1;
position:relative;
}
.milieu_home_gauche_alaune_titre{
float:left;
margin:0;
padding:0;
width:420px !important;
width:400px;
border-color:#dc181a;
border-style:dotted;
border-width:0 0 1px 0;
}
.milieu_home_gauche_alaune_contenu{
float:left;
margin:0;
padding:0;
width:420px !important;
width:400px;
z-index:1;
position:relative;
}
.milieu_milieu_contenu_alaune_contenu_image_main{
float:left;
margin:0;
padding:0;
position:absolute;
top:-75px;
left:195px;
border-color:#ffffff;
border-style:solid;
border-width:11px;
z-index:10;
}
* html .milieu_milieu_contenu_alaune_contenu_image_main {
float:left;
margin:0;
padding:0;
position:relative;
top:0px;
left:0px;
}
* html .milieu_milieu_contenu_alaune_contenu_image_main img{
margin:0;
padding:0;
position:absolute;
top:-85px;
left:165px;
border-color:#ffffff;
border-style:solid;
border-width:11px;
}
.milieu_home_gauche_alaune_contenu_contenu{
float:left;
margin:0;
padding:35px 0 20px 0;
width:420px !important;
width:400px;
z-index:1;
position:relative;
}
.milieu_home_gauche_alaune_contenu_contenu_texte{
float:left;
margin:0;
padding:0;
width:188px;
z-index:1;
position:relative;
}
.milieu_home_gauche_alaune_contenu_contenu_image{
float:right;
margin:0 ;
padding:70px 0 0 0;

}



.milieu_home_droite{
float:left;
margin:0 0 0 42px;
padding:0 10px 10px 10px;
width:173px;
background-color:#ffffff;
}
* html .milieu_home_droite{
margin:0 0 0 42px;
}
.milieu_home_droite_contenu{
float:left;
margin:0 0 10px 0;
padding:0 0 10px 0;
width:173px;
border-color:#dc181a;
border-style:dotted;
border-width:0 0 1px 0;
}


/******************** MILIEU INTER **************/
#milieu_milieu{
float:left;
margin:0px 0 0 60px !important;
margin:0px 0 0 45px;
padding:0 0 0 20px;
width:667px;
background-color:#ffffff;
}
.milieu_milieu_service{
float:left;
margin:0px 0 0 0px;
padding:0;
width:100% !important;
width:660px;
}
.service{
float:right;
margin:0px 0 0 0px;
padding:10px 0 0 0;
}
.service li {
float:left;
margin:0px 0px 0 3px;
padding:0 10px 0 10px;
list-style-type:none;
background: none;
background-color:#bfbfbf;
}
.service li a{
color:#000000;
}
.milieu_milieu_fil_ariane{
float:left;
margin:0px 0px 0 0px;
padding:0;
width:100%;
}
.fil_ariane{
float:left;
margin:0px 0px 0 0px;
padding:10px 0 20px 0;
width:100%;
}
.fil_ariane li{
float:left;
margin:0px 0px 0 0px;
padding:0 6px 0 0;
list-style-type:none;
}
.fil_ariane li a{
color:#000000;
text-decoration:underline;
}
.fil_ariane li.active a{
color:#000000;
text-decoration:none;
}
.milieu_milieu_conteneur{
float:left;
margin:0;
padding:20px 0 0 0px;
width:660px;
}
.milieu_milieu_contenu_2col_cadre_rouge_ligne{
margin:0 0 0 0px;
padding:0 0 0 11px;
border-width:1px;
border-style:solid;
border-color:#DB1718;

}
.milieu_milieu_contenu_2col_cadre_rouge_ligne{
float:left;
padding:0 0px 0 11px;
width:360px;
}

.milieu_milieu_contenu_2col_cadre_rouge_ligne li{
	list-style-type:none;
	background: url("../images/interface/puce-global.gif") no-repeat 1px 8px;
}


.milieu_milieu_contenu_cadre_rouge_ligne{
float:left;
margin:0 0 0 22px !important;
margin:0 0 0 12px;
padding:0 0 0 11px;
border-width:1px;
border-style:solid;
border-color:#DB1718;
width:600px;
}
.milieu_milieu_contenu_cadre_rouge_ligne_image{
float:left;
margin:0;
padding:0 0 0 0px;
width:600px;
}
.milieu_milieu_contenu_2col_cadre_rouge_ligne_image{
float:left;
margin:0;
padding:0 0 0 0px;
width:355px;
}
.milieu_milieu_contenu_2col_cadre_rouge_ligne_image p{
float:left;
margin:0;
padding:10px 10px 10px 0px !important;
padding:0px 0px 10px 0px;
width:345px;
}
.milieu_milieu_contenu_2col_cadre_rouge_ligne_image img{
float:left;
margin:0 10px 0 0;
padding:0 0px 0 0px;
}
.milieu_milieu_contenu_cadre_rouge_ligne_image img{
float:left;
margin:0 12px 0 0;
padding:0 0px 0 0px;
}
.milieu_milieu_contenu_cadre_rouge_ligne_page{
float:right;
margin:0 7px 0 0;
padding:5px 0px 0px 0;
}
* html .milieu_milieu_contenu_cadre_rouge_ligne_page{
margin:0 0px 0 0;
padding:5px 0px 5px 0;
}
* + html .milieu_milieu_contenu_cadre_rouge_ligne_page{
margin:0 0px 0 0;
padding:5px 0px 5px 0;
}
.milieu_milieu_contenu_cadre_rouge_ligne_page .page{
float:left;
margin:0;
padding:0;
width:40px;
}
.milieu_milieu_contenu_cadre_rouge_ligne_page li{
float:left;
margin:0;
padding:0 5px 0 0;
list-style-type:none;
}
.milieu_milieu_contenu_2col{
float:left;
margin:0;
padding:20px 0 10px 22px;
}
.milieu_milieu_contenu_2col_gauche{
float:left;
margin:0;
padding:0;
width:370px;
}
.milieu_milieu_contenu_2col_droite{
float:left;
margin:0px;
/*padding:0px;*/
padding:0 0 0 26px;
width:212px;
}
.milieu_milieu_contenu_cadre_rouge_coldroite {
float:left;
/*margin:0 0 0 26px !important;
margin:0 0 0 10px;*/
margin:0 0 10px 0;
padding:0 0 0 10px;
width:202px !important;
width:220px;
border-width:1px;
border-style:solid;
border-color:#DB1718;
}
.milieu_milieu_contenu_2col_droite img{
margin:0 0 10px 30px;
}
.milieu_milieu_contenu_cadre_rouge_coldroite img{
float:left;
margin:0 0 10px 0;
padding:0 0 0px 0px;
}
.milieu_milieu_contenu_1col{
float:left;
margin:0 0 0px 0;
padding:0px 0 20px 0px;
text-align:center;
width:650px;
}
.milieu_milieu_contenu_1col_contenu{
float:left;
margin:0 0 0px 0;
padding:0px 0 10px 0px;
width:650px;
}
.milieu_milieu_contenu_1col_contenu{
text-align:left;
padding:0px 0 0px 20px;
width:630px;
}
/*.milieu_milieu_contenu_1col_contenu img{
border-width:1px;
border-style:solid;
border-color:#BFBFBF;
text-align:center;
margin:5px -15px;
}*/
.milieu_milieu_haut_page{
float:right;
margin:0 0 20px 0;
padding:0 0px 0 8px;
background-color:#BFBFBF;
width:95px;
color:#000000;
}
.milieu_milieu_haut_page a{
color:#000000;
}
.milieu_milieu_contenu_1col_realisation{
width:240px;
height:211px !important;
height:220px;
float:left;
text-align:center;
padding:0 40px 20px 40px;
}
.milieu_milieu_contenu_1col_realisation_titre{
width:239px;
float:left;
margin:0;
background-color:#bbbbbb;
background-image:url(../images/interface/realisation.jpg);
background-position:left top;
background-repeat:no-repeat;
padding:4px 0 3px 0;
}
.milieu_milieu_contenu_1col_realisation_titre h2{
font-weight:normal;
color:#ffffff;
}
.milieu_milieu_contenu_1col_realisation_image{
width:239px;
float:left;
margin:0;
}

/*****************************************************************************/
/**********     BAS     *********************************************************/
/*****************************************************************************/
.bas_contenu{
height:21px;
margin:0 4px 0 0;
}
* html .bas_contenu{
margin:0 72px 0 0;
}
* + html .bas_contenu{
margin:0 64px 0 0;
}
#pied_page{
float:right;
margin:27px 0 0 0;
padding:0;
background-color:#ffffff;
width:560px;
}
#pied_page li{
float:left;
display:inline;
margin:0;
padding:3px 2px 0px 2px;
list-style-type:none;
}
#pied_page li img{
float:left;
margin:0;
padding:0 5px 0 0;
}