/* CSS Document  index_pro */

body { margin:0; padding:0; background-color: #F3F3F3; font: normal 12px Arial, Helvetica, sans-serif; color: #000000;}
.spacer { font-size:0; line-height:0; height:0px; clear:both; }
#container { width:970px; margin:0 auto;  height:600px;}
/* ------------------------------------ header ------------------------------*/
#header { width:970px; height:198px; background:url(../images/header_pro.jpg) no-repeat 0 0; margin-top:10px; position:relative; color:#069;}
#header a#Logo { width:233px; height:115px; margin-top:14px; margin-left:5px; display:inline-block;  float:left; }
#header .azur { float:right; margin-right:200px;  _margin-right:100px; margin-top:10px; text-align:right; font-weight: bold;}
#header .azur span.txt-prix { color:#009DEA;}
#header .slogan { width: 244px; float:left; margin:15px 0 0 10px; clear:left;}

#header #menu_haut { position:absolute; bottom:0; right:0; width: 690px;}
#header #menu_haut  ul { margin:0; padding:0;}
#header #menu_haut  li {margin:0 5px 0 0; padding:0; display:inline; list-style:none;}
#header #menu_haut  li a:link,
#header #menu_haut  li a:visited { background:url(../images/menu_g.gif) no-repeat top left; margin:0 5px 0 0; padding: 0 0 0 5px; float:left; height:27px; font-weight: bold; text-decoration: none; color:#069;}
#header #menu_haut  li a span {background:url(../images/menu_d.gif) no-repeat top right; margin:0 0 0 0; padding: 7px 8px 5px 3px; display:inline-block;}

#header #menu_haut  li a:hover,
#header #menu_haut  li.active a { background:url(../images/menu_g.gif) no-repeat 0 -28px; margin:0 5px 0 0; padding: 0 0 0 5px; float:left; height:27px; font-weight: bold; text-decoration: none; color:#ffffff;}
#header #menu_haut  li a:hover span,
#header #menu_haut  li.active a span {background:url(../images/menu_d.gif) no-repeat right bottom ; margin:0 0 0 0; padding: 7px 8px 5px 3px; display:inline-block;color:#ffffff;}
#header #menu_haut  li a:hover span { cursor: pointer;} 
/* --------------------------------------------------------------------*/



#content_H {width:970px; height:6px; background:url(../images/content_h.jpg) no-repeat  left top; font-size:1px; line-height:1px; margin:10px 0 0 0; padding:0;}
#content { width:970px; background:url(../images/content_milieu.jpg) repeat-y  0 0 ; margin:0 0 0 0; padding:6px 0 0 0;}
#content #side1 { width:602px; float:left; margin:0 0 0 0; padding-left:10px;}
#content #side1 .flash_box { margin: 0px 0 10px 0;}
#content #side1 .text1_box_haut { width:602px; height:7px;font-size:1px; line-height: 1px; background:url(../images/text1_box_haut.jpg) no-repeat 0 0;}
#content #side1 .text1_box { color:#069; line-height:18px;border: 1px solid #C5E0EB; border-bottom: 0; border-top: 0; width:600px; background:url(../images/text1_box_milieu.jpg) repeat-x bottom left;}
#content #side1 .text1_box h2 { font-size:12px; margin:0 10px 0 0; color:#069; background:none; width:auto !important; height:auto; line-height:18px;}
#content #side1 .text1_box p { margin:0 10px 0 10px;}
#content #side1 .text1_box_bas { width:602px; height:7px;font-size:1px; line-height: 1px; background:url(../images/text1_box_bas.jpg) no-repeat 0 0; margin:0 0 14px 0;}
#content #side1 .petits_blocs { margin:0 0 10px 0;}
#content #side1 .petits_blocs a img { border:0;}
#content #side1 .petits_blocs a { display:inline-block;}
#content #side1 .petits_blocs a.rappel {}
#content #side1 .petits_blocs a.resultat { margin:0 0 0 10px;}
#content #side1 .petits_blocs a.visitez_comparatis { margin:0 0 0 10px;}

#content #side2 { width:337px; float:left; margin:0 0 0 10px; color: #069;}
#content #side2 h2.titre_form { width:307px; height: 36px; background:url(../images/titre_form_bg.jpg) no-repeat 0 0; color:#FFF; font:bold 13px Arial, Helvetica, sans-serif; margin:0px 0 0 0; padding:15px 15px 0; text-align:center;}
#content #side2 .box_ext_form { width:337px; margin:0; padding:0; background:url(../images/milieu_form_bg.jpg) repeat-y; }
#content #side2 .box_ext_form  label { display:inline-block; margin:0 0 11px 0; padding: 0 20px 0 20px; font-weight: bold; margin:0 0 23px 0\9;  width: 300px;}

#content #side2 .box_ext_form  .row { height:20px;margin:0  0 8px 0; *margin:0  0 9px 0; margin:0  0 11px 0\9; padding:5px 0 3px; width:337px;}
#content #side2 .box_ext_form  .comments { height:auto;}
#content #side2 .box_ext_form  .comments label { margin:0;}

#content #side2 .box_ext_form  label input,
#content #side2 .box_ext_form  label textarea {display:inline-block; width: 167px; float:right; border: 1px solid #A1C028; font-weight: normal; color: #069; font-size:11px; vertical-align:middle;}
#content #side2 .box_ext_form  label textarea { height:auto;}
#content #side2 .box_ext_form  label span.obligatoire { display:inline-block; float:right; color:#FF0000; font-weight: bold; margin:0 0 0 5px;}
#content #side2 .box_ext_form .btn_valider_form { display: inline-block; text-align:center;padding: 24px 0 19px 0; width:337px;  }
#content #side2 .box_ext_form .btn_valider_form  input {width: 142px; height:33px;  cursor: pointer; background:url(../images/valider.png) no-repeat; border:0;}

#content #side2 .box_int_form { width:337px; margin:0; padding:20px 0 0  0; background:url(../images/milieu_gm_form_bg.jpg) no-repeat bottom left; }
#content #side2 .box_int_form form {margin:0; padding:0; }
#content #side2 .champ_oblig {width:297px; text-align:right; padding: 0 40px 0 0; font: normal 10px Arial, Helvetica, sans-serif; color:#FF0000;}
#content #side2 .form_info_bas { width:337px; height: 7px; background:url(../images/bas_form_bg.jpg) no-repeat 0 0; font-size:1px; line-height:1px; margin:0 0 10px 0;}

 
#content #side2 .pub_1 { margin: 13px 0 10px 0; font-size:0px; position:relative;}
#content #side2 .pub_1 span { color:#999999; font-size:10px; display:inline-block; margin:-10px 0 0 15px; line-height:10px; position:absolute;}
#content #side2 .pub_1 a {}
#content #side2 .pub_1 a img { border:0;}

/*----------------------------------footer --------------------------------*/
#footer { background:url(../images/footer_bg_milieu.jpg) repeat-x; height:33px;  margin:0 10px; position:relative; clear:both; width: 950px;}
#footer ul { margin:0; padding:0  0 0 20px; display:inline-block; float:left;}
#footer ul li { margin:0; padding:0; display:inline; list-style-image: none; background:transparent url(../images/separateur-footer.gif) no-repeat right center; margin-right:8px; padding-right:10px; line-height:33px; height:33px;}
/*#footer ul li img { display: inline; float:left; }*/
#footer ul li a:link,
#footer ul li a:visited { color:#FF6600; font: bold 11px Arial,Helvetica,sans-serif; text-decoration:none;  height:33px; display:inline-block;line-height:33px; background:transparent url(../images/puce-marron.gif) no-repeat center left; padding-left:10px; }
#footer ul li a:hover { text-decoration: underline; height:33px; line-height:33px; }  
#footer .newsletter { display: inline-block; float: right;/* width: 300px; */height:33px; color:#069; font: bold 11px Arial, Helvetica, sans-serif; margin: 0 10px 0 0;}
#footer .newsletter form { margin:0; padding:0;}
#footer .newsletter  label { line-height:33px; display:inline-block; /*float:right; */text-align:right; vertical-align:middle;	}
#footer .newsletter  label input { border:1px solid #FF9900; color:#999999; /*float:right;*/ margin:0 0 0 10px; font-size:10px; background-color:#FFFFFF; display:inline-block; vertical-align:middle;}
#footer .newsletter input.bouton { /*float:right;*/ margin:0 0 0 10px; border:0; background:url(../images/envoyer_1.gif) no-repeat; width:48px; height:17px; cursor:pointer; display:inline-block; vertical-align:middle;}

#echange_lien {margin:0;padding:0;text-align:center;}
#echange_lien ul {padding:0; text-align:center; width:970px; }
#echange_lien ul li { display:inline; color:#333333; font-size:11px;}
#echange_lien ul li a:link,
#echange_lien ul li a:visited { color:#333333; text-decoration:none;}
#echange_lien ul li a:hover { color:#333333; text-decoration: underline;}

#content_B {width:970px; height:6px; background: url(../images/content_b.jpg) no-repeat 0 0; font-size:1px; line-height:1px; margin:0; padding:0;   }

/* ---------------------------------- contenu ----------------------- */ 
.fil_de_fer { margin: 0 0 6px 10px; color:#069;}
.fil_de_fer a:link,
.fil_de_fer a:visited { color: #FE9A03; text-decoration:none;}
.fil_de_fer a:hover { text-decoration: underline;}
.contenu_txt { line-height: 18px;}
.contenu_txt a:link,
.contenu_txt a:visited { color: #FE9A03;}
#content #side2 .rappel_gm { margin: 0 0 10px 0; font-size: 0px;} 
#content #side2 .rappel_gm a img { border:0;}

.txt_vert { color:#A1C026;}
.orange {color: #FF9900}
.gris { color:#666666;}
#content #side1 h2,
h2.fond_bar_gris { position:relative; background: url(../images/titre2_bg_milieu.jpg) repeat-x; height: 28px; width: 590px; padding:0 0 0 12px; line-height: 28px; font-size:16px; color:#A1C026; margin:0 0  10px 0; }
.txt_gris_14 { font-size:14px; color:#666; line-height: 20px;}
.txt_gris_14 strong { font-size:20px; color:#F90;}
.espacement_bas_content { width:970px; height:10px; line-height:10px; font-size:10px;}

/* --------------------------------------------- actu-------------------- */
.contenu_actu { border:1px solid #CCCCCC; background-color:#F7F7F7; border-bottom:0; border-top:0;float:left;width:600px; }

h3.titre_actu1 { margin:0; padding: 0 0 0 15px; background:url(../images/actu1_bg_titre.jpg) no-repeat 0 0; line-height:25px; color:#069; font-weight:bold; font-size:14px;}
h3.titre_actu2 { margin:0; padding: 0 0 0 15px; background:url(../images/actu2_bg_titre.jpg) no-repeat 0 0; line-height:25px; color:#FFF; font-weight:bold; font-size:12px;}
.un_contenu_actu {  border-bottom:1px dotted #CCCCCC; padding:15px 0; float:left; width:600px;}
.un_contenu_actu span,
.un_contenu_actu a { display:inline-block; vertical-align:middle; margin: 0 15px 0 0; float:left;}
.un_contenu_actu a.lire_la_suite:link,
.un_contenu_actu a.lire_la_suite:visited { float:right; text-decoration:none; font-size: 10px; }
.un_contenu_actu a.lire_la_suite:hover {text-decoration: underline; }
.un_contenu_actu a.resume_actu:link,
.un_contenu_actu a.resume_actu:visited {background:transparent url(../images/fleche.gif) no-repeat scroll 0 0; padding-left:30px; text-decoration:none; width:450px; height:24px;}
.un_contenu_actu a.resume_actu:hover { text-decoration: none;}
.un_contenu_actu a.resume_actu:hover span { text-decoration: underline;  cursor: pointer;}
.un_contenu_actu a.resume_actu img { border:0;}
.un_contenu_actu .date_actu { margin: 0 15px; color:#069; font-weight: bold; width:65px;}
.actu1_bas { width:602px; height: 8px; font-size:1px; line-height:1px; background:url(../images/actu1_bg_bas.jpg) no-repeat 0 0; margin: 0 0 10px 0; float:left;}
.tout_actu_lien { float:left; text-align:right; padding:5px 0; width: 600px;}
.tout_actu_lien a:link,
.tout_actu_lien a:visited { margin-right: 15px; text-decoration: none;}
.tout_actu_lien a:hover { text-decoration:underline;}

.contenu_actu p { margin:10px;} 
.source { float:left; margin: 0 0 0 10px;}
.savoir_plus { float: right; margin: 0 10px 0 0;}
/*---------------------- Css pour info bulle d'aide tooltip  --------------------------------*/
	.bubbleInfo {width:350px;height:auto;position:relative;top:-25px;left:-290px;z-index:10;}
	.popup {position:absolute;display:none;z-index:50;border-collapse:collapse;}
	.haut {width:215px;height:12px;background: url(../images/info-bulle/haut-2.gif) left top no-repeat;}
	.middle {width:215px;height:auto;background: url(../images/info-bulle/centre-2.gif) top left repeat-y;}
	#popup-contents {width:180px;height:auto;padding:5px;font-family:Verdana, Arial, Helvetica, sans-serif;
					 font:lighter 12px/3.5 Arial,sans-serif;text-align:center;color:#0066CC;line-height:12px;}
	.bas {width:215px; height:23px; background: url(../images/info-bulle/bas-2.gif) left top no-repeat;}
	.over { background-color: #FFAF36;}
/* ------------------------------------------------------------------------------------------*/

/*.demarche {float:left;}*/
.demarche { margin: 15px 0 0 0;}
.demarche img {  display:inline-block; margin:0 15px 5px 35px; vertical-align:middle;}
.demarche span{display:inline-block; vertical-align:middle; width:350px;}
.fleche-orange { background: url(../images/orange-fleche.gif) no-repeat  135px 0; /*line-height:25px;*/ margin:0;}
ul.nivo_1 li { background:url(../images/action_check.gif) no-repeat 0 5px; padding: 0 0 0 20px; list-style: none;  line-height:25px;}
ul.nivo_1 li ul li { background-image:none; list-style:circle; padding: 0;}

#erreur { color: red; font:bold 10px Arial, Helvetica, sans-serif; text-align:center; margin:0 0 10px 0;}