/* Positionnement des éléments du site */

html,body {
padding:0px;
margin:0;
font-size:12px;
}

p{
	font-size:12px;
}

#cadre_haut {
 position:relative;
 top:0px;
 height:129px;
 width:984px;
 margin:0 auto;
 padding:0;
 overflow:visible;
 background-image:url(/gfx_pub/template/back_ground_head.gif);
 background-repeat:no-repeat;
 
}

#barre_haut_print{display:none;}


#cadre_gauche {
 position:relative;
 width:255px;
 color:#000;
/* margin-top:27px;*/
 background-color:transparent;
 float:left;
 margin-left:4px !important;
 margin-left:6px;
 overflow:visible !important;
 overflow:hidden;
}

#cadre_gauche a{
font-size:12px;

}

#cadre_gauche a:hover{
font-size:12px;
/*color:#e56c01;*/
}



#cadre_gauche .bloccontent{
width:221px;
}

#cadre_gauche .bloccontenttext a{
color:#000;
}

.bloccontenttext a{
/*color:#974902;*/
/*color:#f29400;*/
}

.bloccontenttext a:hover{

}

#cadre_gauche .bloccontenttitre{
color:#96bf0d;
}


#login{
}

#cadre_gauche .bloccontenttitre{
background-color:transparent;
}


#cadre_droite {
 position:relative;
 width:140px;
 margin-top:10px;
 padding:0;
 z-index:36;
}

#main {
 width:700px;
 top:27px;
 left:0;
 z-index:999;
 overflow:visible;
 float:left;
 margin-left:9px;
}


#barre_haut {
 position:absolute;
 margin-left:20px;
 z-index:2;
}

#barre_haut_repeat {
 position:absolute;
 top:0;
 left:0;
 height:112px;
 background-image:url(/gfx/barhaut_r.gif);
 background-repeat:repeat-x;
 z-index:1;
}

#content{
position:relative;
top:0px;
margin-bottom:15px;
background-color:transparent;
width:700px;
min-height:800px;
height:auto;
}

#content_sous{
position:relative !important;
position:absolute;
margin-top:0px;
color:#000;
margin-bottom:10px;
padding-bottom:10px;
width:700px;
height:auto;

}

.cadre_pub_terrain {
 width:100%;
 text-align:center;
 z-index:5;
 margin-bottom:1em;
}
.cadre_pub_terrain > div{
margin:0 auto;
}

#cadre_pub_droite {
 z-index:5;
}



#cadre_gauche_pub_spots {
width:252px;
margin-right:1px !important;
margin-right:6px;
float:right;
}

#cadre_gauche_pub_spots *{
	margin-left: auto;
	margin-right:auto;
	margin-top: 2px;
}

#cadre_gauche_pub_sup{
margin-bottom:5px;
}


#cadre_pub_megasticker, #cadre_pub_2x_stickers{
float:left;
width:120px;
height:120px;
}

#cadre_pub_megasticker{
margin-top:1px;	
}

#div_sticker_inf{
margin-top:2px;	
}


#cadre_pub_2x_stickers{
margin-left:10px;	
}

#cadre_gauche_pub_spots .pub_vignette{
margin-bottom:8px;

}

#cadre_pub_haut {
 position:absolute;
 top:20px;
 left:230px;
 background-color:#transparent;
 z-index:25;
 width:725px;
 height:90px;
 overflow:visible;
 padding-top:0px;
 /*text-align:center;*/
 vertical-align:bottom;
 margin-left:4px;
 text-align:center;
}

.pub_vignette {
 position:relative;
 overflow:visible;
 z-index:140;
 margin-bottom:3px;
}

.pub_partenaires{
text-align:center;
}

.pub_vignette_sur {
 position:absolute;
 top:0px;
 left:2px;
 z-index:150;
}

.pub_vignette_sous {
 position:absolute;
 top:0px;

 z-index:142;
}

#cadre_procedures, #cadre_news {
border: 1px solid #1f1f1f;
background-color:#96bf0d;
}


#cadre_procedures h2, #cadre_news h2{
font-size:14px;
background-color:#1f1f1f;
text-align:center;
color:#96bf0d;
border:0;
}

h3.page_news_titre , h3.page_procedures_titre {
font-size:14px;
margin:0px;
padding:0px;
padding-left:5px;
color:#393939;
text-transform:uppercase;
}

.page_procedures_titre a{
color:#E6F112;
}

#voir_news, #voir_procedures {
border:1px solid #FFFFFF;
text-decoration:none;
}

a.page_news_action:hover, a.page_procedures_action:hover {
/*background-color:#AD1423;*/
/*color:#FFFFFF;*/
color:#E6F112;
text-decoration:none;
}

.page_news_corps {
margin-top:0px;
}



#pied_page {
 width:990px;
 text-align:center;
 margin: 20px auto 0;
 background-image:url(/gfx_pub/footer-20120.gif);
 background-position:center top;
 background-repeat:no-repeat;
 background-color:#96bf0d;
 padding-bottom:0px;
 padding-top:5px;
 color:#FFF;
 font-size:12px;
 height:30px;
 }





#cadre_pub_haut  a {
}

#cadre_menu0 {
 position:relative;
 margin:0 auto;
 width:966px;
 height:27px;
 color:#FFF;
 padding:0;
 height:27px;
 background-color:#f29400;
 text-align:center;
}

#cadre_menu999 {
 position:relative;
 top:0px;
 width:967px !important;
 width:980px;
 height:27px;
 color:#FFF;
 padding:0;
 height:27px;
 padding-left:4px;
 text-align:center;
}



#cadre_menu_0sous {
 position:absolute;
 background-color:#f29400;
 top:144px;
 margin:0;
 color:#fff;
 padding:0;
 overflow:visible;
 z-index:25;
}

#cadre_menu2 {
 position:relative;
 padding:0;
 margin:0;

}

.clear {
	clear:both;
}


#rappel_criteres{
	width:550px;
	background-color:#ededed;
	padding:20px;
	margin:0 0 0 50px;
	font-size:12px;
}

.validation_paiement{
	margin-left:10px;
	font-size:12px;
}
.validation_paiement .menu_gauche_user{
	margin-left:40px;
	width:570px;
}


.validation_paiement a{

	text-decoration:none;
}

#dossier_terrasse { height:2050px; margin-bottom:5px;}

#menu_2k11 {width:100%; background-image:url(/gfx_pub/template/bg_menu.gif); background-position:top center; background-repeat:no-repeat; height:72px}

#menu_contenu { width:984px; margin:0 auto;}

#navigation{  height: 30px; padding-left: 15px; padding-top: 6px; color:#FFF;}

#real_wrapper {background-image:url(/gfx_pub/template/back_real.jpg); background-repeat:no-repeat; background-position:top center; width:100%; min-height:872px;}

#real_wrapper {     /*** HACK CHROME SAFARI ***/
margin-left:0px;/*Mozilla - Firefox only*/

}
/*end*/


#contenu_site {width:974px; margin:0 auto;}

body {background-image:url(/gfx_pub/template/bg_contenu_repeat.jpg); background-repeat:repeat-y;  background-position:top center;
margin-left: -1px;

/*ne fonctionne pas*/
	/*overflow-Y: scroll;*/


}


#footer_2k11 {background-image:url(/gfx_pub/template/footer.jpg);background-repeat:no-repeat; margin:0 auto; width:984px; height:195px; color:#FFF; font-size:10px} 

.titre_footer {font-family:Verdana, Geneva, sans-serif; color:#92ba0d; font-size:12px; font-weight:bold;}

#information_foot { position:absolute; margin-top:10px; margin-left:20px;}

#information_foot a, #information2_foot a {color:#FFF; text-decoration:none;}
#information_foot a:hover, #information2_foot a:hover {color:orange; border-bottom:1px dotted}

#information2_foot {position:absolute; margin-top:147px; margin-left:20px;}

.btn_login_ok {background-image:url(/gfx_pub/template/btn_login.gif); width:34px; height:23px; border:0}

.conditions_diffusion{
	float:left;
	border:2px solid #CDD7DB;
	width:255px;
	padding:10px;
}

.conditions_diffusion a{
	text-decoration:none;
}

.conditions_diffusion .zone_particulier{
	background-repeat:no-repeat;
	background-image:url(/gfx_pub/vignette-particulier.jpg);
	height:30px;
	width:275px;
	padding-top:20px;
	margin:10px 0 -2px -11px;
	border:1px solid #CDD7DB;

}
.conditions_diffusion .zone_particulier p{
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	margin-left:10px;
}

.conditions_diffusion .zone_pro{
	background-repeat:no-repeat;
	background-image:url(/gfx_pub/vignette-pro.jpg);
	height:30px;
	width:275px;
	padding-top:20px;
	margin:0 0 -11px -11px;
	border:1px solid #CDD7DB;
}

.conditions_diffusion .zone_pro p{
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	margin:0;
	margin-left:10px;
}








.conditions_diffusion_pro_part{
	float:left;
	width:255px;
	padding:10px;
	background:#eee;
	margin-top:-10px;
}

.conditions_diffusion_pro_part_connecte{
	float:left;
	width:255px;
	padding:10px;
	background:#eee;
}

.conditions_diffusion_pro_part a{
	text-decoration:none;
	margin-left:10px;
}

.conditions_diffusion_pro_part p{
	color:#000;
	font-size:12px;
	text-decoration:none;
	margin:0;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0px;
	padding:0 0 0 0;
	margin-after:0;
}


.conditions_diffusion_pro_part_connecte a{
	text-decoration:none;
	margin-left:10px;
}

.conditions_diffusion_pro_part_connecte p{
	color:#000;
	font-size:12px;
	text-decoration:none;
	margin:0;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:0px;
	padding:0 0 0 0;
	margin-after:0;
}





.descriptif_conditions_particlulier{
	margin:10px 25px;;
}

.descriptif_conditions_particlulier h1{
	color:darkOrange;
	font-weight:bold;
	font-size:18px;
	margin-bottom:30px;
}
.descriptif_conditions_particlulier .listing{
	border:2px solid #CDD7DB;
	background-image:url(/gfx_pub/listing-particulier.jpg);
	width:630px;
	margin-top:20px;
	line-height:23px;
}


.exemple_facturation_graph{
	border:2px solid #CDD7DB;
	background-color:#FFF;
	width:520px;
	line-height:23px;
	padding-top:10px;
	padding-left:10px;
}	
	
	
.descriptif_conditions_particlulier .listing li{
	margin-bottom:7px;
}

.descriptif_conditions_pro{
	margin:10px 25px;;
}

.descriptif_conditions_pro h1{
	color:darkOrange;
	font-weight:bold;
	font-size:18px;
	margin-bottom:30px;
}

.descriptif_conditions_pro h2{
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
}

.descriptif_conditions_pro li{
	margin-top:15px;
}

.descriptif_conditions_pro .petit{
	font-size:11px;
} 

.descriptif_conditions_pro .exemple_calcul{
	line-height:25px;
	margin-top:0px;
	
}


.recapitulatif_diffusion{
	line-height:25px;
	margin:30px 0 20px 50px;
}


.recapitulatif_diffusion table{
	width:550px;
}

.recapitulatif_diffusion table .col1{
	width:230px;
}

.recapitulatif_diffusion table td{
	border-bottom: 1px #CCC solid;
	padding: 5px 20px;
}

.recapitulatif_diffusion .titre{
	font-weight:bold;
}



.descriptif_conditions_pro .listing{
	border:2px solid #CDD7DB;
/*	background-image:url(/gfx_pub/listing-pro.png);*/
	background-repeat:no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	width:630px;
	margin-top:20px;
	line-height:25px;
}

.descriptif_conditions_pro .texte{
	width:610px;
	margin-top:25px;
	margin-left:0px;
}

.descriptif_conditions_pro .details{
	margin:10px 0 0 0px;
	padding:0px 30px 20px 30px;
	background-color:#efefef;
	border:#999 1px solid;
	color:#333;
	width:570px;
	font-size:12px;
	line-height:18px;
}

.page_infos_client{
	margin:10px 25px;;
}

.listing_documents{
	margin:10px 0 0 50px;
	padding:10px 30px 1px 30px;
	background-color:#efefef;
	border:#999 1px solid;
	color:#333;
	width:490px;
	font-size:12px;
	line-height:18px;
}

.descriptif_conditions_pro .texte li{
	margin-top:15px;
}

.descriptif_conditions_pro .details h2{
	margin:40px 0 10px 0;
}

.descriptif_conditions_pro .details li{
	margin-top:5px;
}

.descriptif_conditions_pro .details .nouveau{
	margin-top:10px;
	margin-left:20px;
}

.descriptif_conditions_pro .mise_en_avant_abo{
	margin:20px 0 0 0px;
	background-color:#7B9D0B;
	border:#999 1px solid;
	color:#fff;
	width:335px;
	font-size:16px;
	padding:20px 50px;
	margin-top:20px;
	margin-bottom:25px;
	margin-left:95px;
	line-height:20px;
	text-align:center;
	cursor:pointer;

background: rgb(123,157,11); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(123,157,11,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(123,157,11,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,157,11,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(123,157,11,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(123,157,11,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(123,157,11,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(123,157,11,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(123,157,11,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(123,157,11,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(123,157,11,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(123,157,11,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(123,157,11,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9d0b', endColorstr='#7b9d0b',GradientType=0 ); /* IE6-9 */

-moz-box-shadow:0px 0px 10px 0px #aaaaaa;
-webkit-box-shadow:0px 0px 10px 0px #aaaaaa;
box-shadow:0px 0px 10px 0px #aaaaaa;






}

.descriptif_conditions_pro .mise_en_avant_abo:hover{
background: rgb(123,157,11); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(123,157,11,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(97,124,8,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(123,157,11,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(97,124,8,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(123,157,11,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(97,124,8,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(123,157,11,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(97,124,8,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(123,157,11,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(97,124,8,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(123,157,11,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(97,124,8,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b9d0b', endColorstr='#617c08',GradientType=0 ); /* IE6-9 */


}

.descriptif_conditions_pro .mise_en_avant_abo a{
	text-decoration:underline;
	color:#FFF;
	font-weight:bold;
}

.descriptif_conditions_pro .telecharger_plaquette{
	width:370px;
	border:#999 1px solid;
	margin:30px auto;
	padding:20px 100px;
	background:#ddd;
	cursor:pointer;
}
	



/* Descriptif condition PRO TABLEAU */

#descriptif_conditions_pro_tableau{
	margin:20px 0 20px 25px;
}

#descriptif_conditions_pro_tableau table td{
	border-bottom:1px #CCC solid;
	padding:5px 20px;
}

#descriptif_conditions_pro_tableau table{
	
}

#descriptif_conditions_pro_tableau table thead{
	background-color:#ddd;
	border-bottom:1px #efefef solid;

}

#descriptif_conditions_pro_tableau table .col1{
	width:200px;
}

#descriptif_conditions_pro_tableau table .col2{
	width:185px;
	text-align:center;
}

#descriptif_conditions_pro_tableau table .col3{
	width:150px;
	text-align:center;
}


.exemple_calcul{
	margin:30px 0 20px 25px;
}

.exemple_calcul table td{
	border-bottom:1px #CCC solid;
	padding:5px 20px;
}

.exemple_calcul table .col1{
	width:400px;
}

.exemple_calcul table .col2{
	width:150px;
	text-align:right;
}

/* FIN Descriptif condition PRO TABLEAU */



.mode_paiement .droite{
	float:right;
	width:150px;
}

.mode_paiement .gauche{
	width:385px;
}

.mode_paiement .droite .rib{
	margin-top:65px;
	margin-bottom:50px;
}

.mode_paiement .droite .cb{
	padding-top:45px;


}