/* =========================================================================================*/
/* ============================ DIV MISE EN FORME =========================================*/
/* =========================================================================================*/
#bordure_site_rodio_j{
	margin:auto;
	width:930px;
	background-color:#FFFFFF;
	z-index:1;
	border: 10px solid #bdd1df;
} 
#site_rodio_j{
	margin:auto;
	width:900px;
	background-color:#FFFFFF;
	z-index:1;
	margin:15px;
}        

#entete {
    float:left;
    width:900px;
    height:90px;
    z-index:1;
}

#menu_deroulant {
    float:left;
    width:900px;
    height:30px;
	background-image:url(img/bg_menu.jpg);
    z-index:1;
}


#visualisation_navigation{
    float:left;
    width:900px;
    height:20px;
    z-index:1;
	margin-top:5px;
	margin-bottom:5px;
	line-height:20px;
}


#conteneur_principal {
    float:left;
    width:880px;
	background-color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
    z-index:1;

}


#carte{
	float:left;
	width:300px;
	height:200px;
	z-index:1;
	margin-top:20px;
	margin-right:20px;
}


#conteneur_menu {
	float:left;
	width:300px;
	margin-top:10px;
	z-index:1;
}


#conteneur_menu_gabarit {
	float:left;
	width:150px;
	margin-top:10px;
	margin-right:20px;
	z-index:1;
}

#conteneur_editable {
	float:left;
	width:560px;
	z-index:1;
	/* background-color:#AAAAAA; */
	margin-right:20px;
	margin-top:10px;
}



#bandeau_actu {
	float:left;
	width:430px;
	margin-bottom: 10px;
	}
	
	
#bandeau_actu_gabarit {
	float:left;
	width:150px;
	margin-bottom: 10px;
	}

#conteneur_partenaire {
	float:left;
	width:145px;
	height:160px;
	z-index:1;
	padding-top:12px;
	padding-left:5px;
}
#conteneur_partenaire_site {
	float:left;
	width:150px;
	height:350px;
	z-index:1;
	margin-top: 20px;
}

.lignecertif {
	float:left;
	width:560px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.texte_360 {
	float:left;
	width:350px;
	padding-bottom:5px;
	padding-right:5px;
	padding-top:5px;
}
.texte_560{
	float:left;
	width:550px;
	padding-bottom:5px;
	padding-right:5px;
	padding-top:5px;
}
.logo_360 {
	float:left;
	width:360px;
}

.sous_titre {
	float:left;
	width:560px;
	padding-top:5px;
	padding-bottom:5px;

}
.logocertif {
	float:left;
	width:360px;
}
.certificat {
	float:left;
	width:200px;
}
.conteneur360 {
	float:left;
	width:360px;
}

/* ==============menu onglet====================*/

#conteneur_menu_onglet {
	float:left;
	width:580px;
	margin-top:10px;
	margin-left:20px;
	z-index:1;
}


.vignette_vitrine {
	float:left;
	height:188px;
	width:379px;
	margin: 1px;
}

.descriptif_vitrine {
	float:left;
	height:168px;
	width:160px;
	margin: 2px;
}
.descriptif_faq_index {
	float:left;
	height:18px;
	margin:0px;
	width:612px;
	}
.lien_actu_titre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #00499a;
	font-weight: bold;
}
.lien_actu_titre:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #00499a;
	font-weight: bold;
}

.lien_faq_titre{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #444444;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
.lien_faq_titre:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #222222;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

#vitrine_onglet {
	float:left;
	width:400px;
	height:270px;
	z-index:1;
	margin-left:20px;
	font-size:large;
	cursor:default;
}

#LayerBase {
	float:left;
	width:580px;
	height:190px;
	background-color:#022c5a;
}

#Layer1 {
	display:none;
	position:absolute;
	left:10px;
	top:10px;
	width:580px;
	height:190px;
	background-color:#022c5a;
}
            
#Layer2 {
	display:none;
	position:absolute;
	left:10px;
	top:400px;
	width:580px;
	height:190px;
	background-color:#022c5a;

}

#onglet_sprinkleur { 
	float:left;
    width:280px;
    height:30px;
    z-index:1;
	margin-right:20px;
}

#onglet_brouillard_d_eau { 
   	float:left;
	width:280px;
    height:30px;
    z-index:1;
}

.rouge {
	color:#FF0000;
	font-size:9px;
}

/*============== menu onglet====================*/








#conteneur_actus {
	float:left;
	width:430px;
	
	z-index:1;
	margin-top: 20px;
}


#conteneur_actus_gabarit {
	float:left;
	width:150px;
	z-index:1;
	margin-top: 10px;
}



#texte_referencement {
	float:left;
	width:900px;
	z-index:1;
	text-align:justify;
}


#batiment_rodioj {
	float:left;
	height:110px;
	width:300px;
	margin-top: 10px;
}



#pied_page {
	float:left;
	width:900px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
	margin-bottom: 10px;
} 
#news {
	float:left;
	width:160px;
}
#news_gauche {
	height:20px;
	line-height:20px;
	float:left;
	margin-right:15px;
} 
#titre {
	float:left;
	width:630px;
	z-index:1;
	margin-bottom:20px;
}
#conteneur_flash {
    float:left;
    width:170px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	z-index:1;
}


/* =========================================================================================*/
/* ============================ fin DIV MISE EN FORME ======================================*/
/* =========================================================================================*/


#slider {
    width: 170px; /* important to be same as image width */
    height: 250px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 170px; /* important to be same as image width or wider */
    position: absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
}

.sliderImage {
    position: relative;
	display: none;
}



.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

.invisible {
	-moz-opacity: 0;
	-khtml-opacity: 0;
    opacity: 0;
}

#slider ul { 
	list-style-type: none;
}




/* =========================================================================================*/
/* ============================ Classe de MISE EN FORME ====================================*/
/* =========================================================================================*/


.lien_menu_index {
	float:left;
	height:20px;
	width:280px;
	line-height:20px;
	background-image:url(img/puce_triangle.png);
	background-color:#d2dfe9;
	padding-left:20px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}


.lien_menu {
	float:left;
	height:20px;
	width:130px;
	line-height:20px;
	background-image:url(img/puce_triangle.png);
	background-color:#d2dfe9;
	padding-left:20px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}


.lien_menu_activite {
	float:left;
	height:20px;
	width:140px;
	line-height:20px;
	background-color:#022c5a;
	margin-bottom:5px;
	padding-left: 10px;
}

.titre_menu_ville {
	float:left;
	height:30px;
	width:150px;
	line-height:30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;

}

.lien_menu_ville {
	float:left;
	height:20px;
	width:150px;
	line-height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;

}

.lien_menu_ville:hover {
	float:left;
	height:20px;
	width:150px;
	line-height:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	background-color:#CCCCCC;

}





.lien_menu_droite {
	float:left;
	height:40px;
	width:200px;
	line-height:38px;
	background-image:url(img/fond_menu.jpg);
	padding-left:30px;
}

.questions_frequentes{
	float:left;
	height:33px;
	width:120px;
	line-height:38px;
	background-image:url(img/question_frequentes.jpg);
	background-repeat:no-repeat;
	padding-left:23px;
}

.page_ami{
	float:left;
	height:33px;
	width:115px;
	line-height:38px;
	background-image:url(img/envoi_ami.jpg);
	background-repeat:no-repeat;
	padding-left:23px;
}

.ajout_fav{
	float:left;
	height:33px;
	width:105px;
	line-height:38px;
	background-image:url(img/ajout_favo.jpg);
	background-repeat:no-repeat;
	padding-left:23px;
}
.tuv{
	float:left;
	height:51px;
	width:102px;
	line-height:51px;
	padding-left:20px;

}
.apsad{
	float:left;
	width:580px;
}
.logoapsad{
	float:left;
	width:100px;
}
.texteapsad{
	
	width:580px;
}



.vignette_image_actus {
	float:left;
	width:149px;
	margin-right:10px;
	border: 1px solid #333333;
	height: 99px;
	}
	
.encadre {
	border: 1px solid #333333;
	padding-left:10px;
	padding-top:10px;
	float:left;
	width:545px;
}
	
.vignette_image_actus_gabarit {
	float:left;
	width:148px;
	border: 1px solid #333333;
	height: 99px;
	margin-bottom: 10px;
	}

.descriptif_actus_index {
	float:left;
	width:265px;
	}
	
.descriptif_actus_gabarit {
	float:left;
	width:150px;
	}
	
	
.descriptif_actus {
	float:left;
	width:210px;	
}	

.marge_10px{
	margin:10px;
}


.clear {
	clear:both;
}

.contour1 {
	border: 1px solid #999999;
}



.filet_separe_pointille {
	float:left;
	height: 20px;
	width:100%;
	background-image: url(img/filet_pointille.jpg);
	background-repeat: repeat-x;
}

.float_gauche{
	float:left;
	width:auto;
}

.float_gauche_100perc{
	float:left;
	width:100%;
}

.float_droite{
	float:right;
	width:auto;
}

.video{
	float:left;
	width:270px;
	padding:5px;
}

.texte_video{
	float:left;
	width:270px;
	padding:5px;
}
.ligne_video{
	width:560px;
}


.marginBAS{
	margin-bottom:10px;
}
/* =========================================================================================*/
/* ============================ fin Classe de MISE EN FORME ================================*/
/* =========================================================================================*/




/* =========================================================================================*/
/* ============================ les syles liens ============================================*/
/* =========================================================================================*/

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00499a;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00499a;
	text-decoration: underline;
}


.lien_image {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}

.lien_image:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
}

.lien7pt_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5pt;
	color: #111111;
	text-decoration: none;
}
.lien7pt_1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5pt;
	color: #0000DD;
	text-decoration: none;
}

.lien1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
}

.lien1:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	
}

.lien1bis {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.lien1bis:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;

}


.lien2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: none;
}

.lien2:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: underline;
}

.lien3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #6C6B6F;
	text-decoration: underline;
}

.lien3:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline;
}
.lien4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #666666;
	text-decoration: none;
}
.lien4:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #333333;
	text-decoration: underline;
}

.lien5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}
.lien5:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
}



.lien6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #F29400;
	text-decoration: none;
}
.lien6:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #F29400;
	text-decoration: none;
}

.lien7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
}
.lien7:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: underline;
}


.lien8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#FFCC00;
	text-decoration: none;

}
.lien8:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #FFFFFF;
	text-decoration: underline;
}

.lien9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #F29400;
	text-decoration: none;
}

.lien9:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #F29400;
	text-decoration: underline;
}

.lien_navigation {
	color: #333333;
	text-decoration: none;
	font: normal 8pt Arial, Helvetica, sans-serif;
}
.lien_navigation:hover {
	color: #333333;
	text-decoration: underline;
	font: normal 8pt Arial, Helvetica, sans-serif;
}
.lien_navigation_gras {
	color: #333333;
	text-decoration: none;
	font: bold 8pt Arial, Helvetica, sans-serif;
}
.lien_navigation_gras:hover {
	color: #333333;
	text-decoration: underline;
	font: bold 8pt Arial, Helvetica, sans-serif;
}

/* =========================================================================================*/
/* ===============FIN styles liens    ======================================================*/
/* =========================================================================================*/


/* =========================================================================================*/
/* ============================ groupe photo + texte ============================================*/
/* =========================================================================================*/
.conteneur_photo_explication{
	float:left;
	width:550px;
}
.conteneur_photo_explication:hover{
	float:left;
	width:550px;
	background-color:#e8e8e8;
}

.photo{
	float:left;
	width:150px;
	height:100px;
}

.explication_large{
	float:left;
	width:520px;
	padding-left:30px;
}

.explication{
	float:left;
	width:370px;
	padding-left:30px;
}




/* =========================================================================================*/
/* ===============Les styles de texte====================================================*/
/* =========================================================================================*/

.txt7pt_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 5pt;
	color: #111111;
	text-decoration: none;
}
.txt8pt_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}
.txt8pt_1_gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	text-decoration: none;
}

.txt9pt_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-align: justify;
}

.txt9pt_1_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-align:left;
}

.txt9pt_1gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	font-weight: bold;
}
.txt9pt_1italique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	text-decoration: none;
	font-style: italic;
}

.txt9pt_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

.txt9pt_2gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #51A126;
	font-weight: bold;
}
.txt9pt_2italique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
	font-style: italic;
}

.txt9pt_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

.txt9pt_3gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	font-weight: bold;
}

.txt9pt_4gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #00499a;
	font-weight: bold;
}

.txt9pt_3italique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #666666;
	text-decoration: none;
	font-style: italic;
}
.txt10pt_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
}

.txt10pt_4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
}
.txt10pt_1italique {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	text-decoration: none;
	font-style: italic;
}

.txt11pt_1gras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000000;
	font-weight: bold;
}
.txt11pt_1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #BD2533;
}

.txt11pt_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #ffffff;
}

.txt11pt_3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #444444;
}

.txt12pt_1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #ffffff;
}

.txt13pt_1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #AD9961;
}
.txt13pt_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #FFFFFF;
}

.txt13pt_2gras{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #00499a;
	font-weight: bold;
}

.txt14pt_1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
	font-weight: bold;
}

.txt14pt_2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #103761;
	font-weight: bold;
}

.txt14pt_3_gras{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #77499a;
	font-weight: bold;
}

.titre_15pt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
	color: #EE7F00;
	text-transform: uppercase;
}


.titre_17pt{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17pt;
	color: #00499a;
}


/* =========================================================================================*/
/* ===============FIN des styles de texte======================================================*/
/* =========================================================================================*/





/* =====================================================================*/
/* ================   MENU DEROULANT   =================================*/
/* =====================================================================*/

#menu_deroulant_conteneur {
	width:900px;
	height:30px;
	margin-bottom:10px;
	z-index:1;
	position:absolute;
	left:auto;
	right:auto;
}

.aspect_menu_deroulant {
	float:left;
	padding-top:10px;
	padding-bottom:5px;

}


.filet_separe_deroule {
	float:left;
	width:100%;
	height: 5px;
	background-image:url(img/filet_separe_deroule.png);
	background-repeat: repeat-x;
}




/* ================  ACCUEIL  =================================*/
#menu1 {
	left:0px;
	top:0px;
	color:#FFFFFF;
	width:78px;
	text-align:center;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-top:7px;
}
/* ================  //// FIN///// ACCUEIL  =================================*/







/* ================  QUI SOMMES NOUS  =================================*/
#menu2 {
	left:79px;
	top:0px;
	color:#FFFFFF;
	width:126px;
	text-align:center;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-top:7px;
}
/* ================  //// FIN///// QUI SOMMES NOUS  =================================*/






/* ================  MENU DEROULANT FONCTIONNEMENT  =================================*/
#menu3 {
	left:206px;
	top:0px;
	color:#FFFFFF;
	width:132px;
	text-align:center;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 27px;
	padding-top:7px;
}

#smenu3 {
	margin-left:200px;

	top:30px;
	background-color:#e3e3e3;  
	width:200px;
	display:none;
	z-index:100;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	position:absolute;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	text-indent: 5px;
}
/* ================  //// FIN///// MENU DEROULANT FONCTIONNEMENT  =================================*/







/* ================  Qualité certif =================================*/
#menu4 {
	left:340px;
	top:0px;
	color:#FFFFFF;
	width:139px;
	text-align:center;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	padding-top:7px;
}
/* ================  //// FIN///// Qualité certif  =================================*/







/* ================  CONTACT  =================================*/

#menu5 {
	left:481px;
	top:0px;
	color:#FFFFFF;
	width:139px;
	text-align:center;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 22px;
	padding-top:7px;
}

/* ================  //// FIN///// CONTACT  =================================*/






/* ================  RECHERCHE  =================================*/

#recherche {
	left:625px;
	top:0px;
	color:#666666;
	width:227px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	height: 20px;
	padding-top:4px;
}

/* ================  //// FIN///// RECHERCHE  =================================*/








/* ================  BTN RECHERCHE  =================================*/

#btn_recherche {
	left:862px;
	top:0px;
	color:#666666;
	width:30px;
	position:absolute;
	height: 30px;
}
/* ================  //// FIN///// BTN RECHERCHE  =================================*/

.filet_separe_pointille_faq {
	float:left;
	height: 10px;
	width:100%;
	background-image: url(img/filet_pointille.jpg);
	background-repeat: repeat-x;
}







/* =====================================================================*/
/* ================ FIN MENU DEROULANT =================================*/
/* =====================================================================*/