@charset "utf-8";



body {

	text-align: center;

	padding: 0;

	margin: 0 auto;

	color: #000;

	font:0.75em Arial, Helvetica, sans-serif;

	line-height:1.125em;

	

}



.banniere{

	background:#fff url(../images/banniere1.jpg) no-repeat center top;

	width:1565px;

	height:610px;

	z-index:-100;

	margin: 0 auto;

	position:relative;

	margin-top: -40px;

	box-shadow: 0 0 30px 10px #888;

}

.banniere_trex{

	background:#fff url(../images/banniere2.jpg) no-repeat;

	width:1565px;

	height:610px;

	z-index:-100;

	margin: 0 auto;

	position:relative;

	margin-top: -40px;

	box-shadow: 0 0 30px 10px #888;

}

.banniere_trouve_installateur{

	background:#fff url(../images/banniere3.jpg) no-repeat;

	width:1565px;

	height:610px;

	z-index:-100;

	margin: 0 auto;

	position:relative;

	margin-top: -40px;

	box-shadow: 0 0 30px 10px #888;

}

.banniere_gutter_clean{

	background:#fff url(../images/banniere4.jpg) no-repeat;

	width:1565px;

	height:610px;

	z-index:-100;

	margin: 0 auto;

	position:relative;

	margin-top: -40px;

	box-shadow: 0 0 30px 10px #888;

}



#image_banniere{

	z-index:20;

	position:relative;

	float:left;

	margin: -205px 0 0 0;

}







a{

	color:#000;

	text-decoration:none;

	cursor:pointer;



}

 a:hover {

	color:#7b7b7b;

}

hr{

	margin:10px 0;

}

a img{

	border:0;

}



h1{

	color:#c38208;

	font-size:1.9em;

	margin: 0 0 30px 0;

	padding: 0;

	line-height:1.2em;

	text-transform: uppercase;

}



h2{

	color:#004065;

	font-size:1.5em;

	margin: 0 0 20px 0;

	padding:0;

	font-style:italic;

	line-height:1.1em;

	width:820px;

}

.h2_special{

	width:720px;

}

h3{	

	font-size:1.4em;

	color:#384c57;

	margin: 0 0 20px 0;

	padding:0;

	line-height: 100%;

}

h4{	

	font-size:1.2em;

	color:#666666;

	margin: 0 0 15px 0;

	padding:0;

}



p{

	line-height:1.4em;

	margin: 0 0 15px 0;

	padding:0;

	font-size:1.1em;

}



input{

	height:20px;

	margin:0 0 5px 0;

	color: #000;

	padding:3px 0 3px 3px;

}

.boite_checkbox{

	width:20px !important;

	margin: -3px 10px 0 100px;

	display:inline-block;

	float:left;

}

.confirm_checkbox{

	width:20px !important;

	margin: -1px 5px 0 0px;*/

	display:inline-block;

	float:left;

}

label.boite_checkbox_label{

	width: 400px !important;

	text-align:left !important;

	margin: 0 0 -10px 0 !important;

}



.gras{

	font-weight:bold;

	font-size:1.1em;

}

.gros_gras{

	font-weight:bold;

	font-size:1.3em;

	line-height:1.4em;

	width:720px;

}

.plus_gros{

	font-size:1.3em;

	line-height:1.4em;

	

}

.asterix{

	color:#ba131a;

}

.italique{

	font-style:italic;

	font-size:0.9em;

}

.normal{

	font-weight:normal;

}

.bleu_gros{

	color:#004065;

	font-size:1.4em;

	line-height:1.5em;

}

.jaune_majuscule{

	text-transform: uppercase;

	color:#c38208;

	font-weight:bold;

	line-height:1.2em;

	display:block;

}

.texte_bleu{

	color:#00aeef;

	font-weight:bold;

}

.exposant{

	font-size:0.5em;

	vertical-align: super;	

}

.phrase_bas{

	margin:20px 0 0 0;

	text-transform: uppercase;

	font-weight:bold;

	font-size:1.1em;

	/* width:620px; */

	float:left;

}

.espacement{

	clear:both;

	height:20px;

}

.espacement_gros{

	clear:both;

	height:100px;

}

.espacement_moyen_gros{

	clear:both;

	height:40px;

}

.espacement_petit{

	clear:both;

	height:1px;

}

.espacement_moyen{

	clear:both;

	height:10px;

}

#logo{

	position:relative;

	float:left;

	/*-moz-box-shadow: 0 0 40px 1px #1a1a1a;

	-webkit-box-shadow: 0 0 40px 1px #1a1a1a;

	/*box-shadow: 0 0 40px 1px #1a1a1a;*/

	z-index:130;

}

#menu_global{

	background-color:#f68b33;

	color:#fff;

	text-align:center;

	box-shadow: 1px 1px 2px #333;

	z-index:130;

}

#menu{

	width:980px;

	text-align:right;

	margin:0 auto;

	z-index:130;

}

#menu ul{

	list-style-type: none;

	margin: 0;

	padding: 0;	

} 

#menu li{

	display:inline;

	list-style-type:none;

	list-style-image:none;

	

}

#menu li a{

	display:inline-block;

	padding:10px 0 7px 20px;

	height:16px;

	color:#000;

}

#menu li a:hover{

	color:#fff;

}

#menu li img{

	margin:0 0 -3px 0;

}

#menu li .icone_petit{

	margin:0 0 -2px 0;

}

#slogan{

	font-size:2.7em;

	line-height:1.1em;

	text-transform: uppercase;

	color:#004065;

	font-weight:bold;

	float:right;

	position:relative;

	margin:100px 0 0 0;

	width:450px;

}



/* --- SLOGAN BACKUP --- */

/* #slogan{

	text-shadow: 0 0 0.2em #ccc;

	font-size:2.7em;

	line-height:1.1em;

	text-transform: uppercase;

	color:#004065;

	font-weight:bold;

	float:right;

	position:relative;

	margin:100px 0 0 0;

	width:450px;

	z-index:130;

}*/



#slogan.texteDroite{

	margin-top:240px;

	}



#slogan.texteGauche{

	position:relative;

	margin-top:290px;

	text-align:left;

	float:left;

	margin-left:-186px;

	}

	

#slogan.texteGauche2{

	position:relative;

	margin-top:170px;

	text-align:left;

	float:left;

	margin-left:-186px;

	}

	

.blanc{

	color:#ccc !important;

	text-shadow: 0 0 0.2em #666 !important;

}

#contenu_super{	

	width:100%;

	background:url(../images/degrade_transparent_accueil.png) repeat-x;

}

.degrade{

	background:url(../images/degrade_blanc_accueil.png) no-repeat center;

	width:1650px;

	height:300px;

	z-index:-5;

	margin:-180px auto 0 auto;

	position:relative;



}

#contenu_global{	

	width:100%;

	margin:0 auto;

	background:url(../images/degrade_blanc_accueil.png) no-repeat;

	background-position:center top;

}

#contenu{	

	height:500px;

	width:980px;

	margin:-176px auto;

	text-align:left;

	padding:0;

}



#bouton_menu{

	text-align:right;

}



#contenu_global .boite_menu_contenu{

	margin-top:33px;

	}

/*------------Page contenu t-rex------------*/

#contenu_page{	

	height:500px;

	width:980px;

	margin:-170px auto 0 auto;

	text-align:left;

	padding:0;

	background:url(../images/degrade_blanc.png) no-repeat center 92px;



}

.boite_menu_contenu{	

	width:185px;

	color:#fff;

	display:inline-block;

	padding:15px 20px;

	border:0;

	margin:0;

	font-size:1.3em;

	line-height:1em;

	margin:30px 0 0 0;

	text-align:left;

	height:32px;

}



#navigation{

	float:left;

	position:relative;

	width:200px;

	margin:0 20px;

	text-align:right;

	

	font-size:1.3em;

	line-height:1.2em;

}

#trouver_instal{

	width:170px;

	background:#011c2c url(../images/carre_boite.png) no-repeat bottom right;

	margin:58px 0 0 0;

	color:#fff;

	height: 170px;

	padding: 15px;

	text-align:left;

	font-size:0.8em;

	box-shadow: 1px 1px 5px #888;

}

.texte_bleu_petit{

	color:#00aeef;

	font-weight:bold;

	font-size:1.5em;



}

#trouver_instal a{

	color:#00aeef;

	text-decoration: none !important;

}

#navigation ul{

	text-transform: uppercase;

	list-style-type: none;

	list-style-image:none;

	margin: 122px 0 0 0;

	padding: 0;	

} 



#navigation ul.navFidelite{

	margin-top:57px;

	}



#navigation ul  li{

	

}

#navigation ul li a{

	text-decoration:none;

	margin:2px 0;

	padding:8px 8px;

	display:block;

}

#navigation ul li a:hover, #hover{

	text-decoration:none;

	background: #c38208;

	background: -moz-linear-gradient(#d3a44b, #c38208);

	background: -webkit-linear-gradient(#d3a44b, #c38208);

	background: -o-linear-gradient(#d3a44b, #c38208);

	background: -ms-linear-gradient(#d3a44b, #c38208);/*For IE10*/

	background: linear-gradient(#d3a44b, #c38208);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d3a44b', endColorstr='#c38208');/*For IE7-8-9*/ 

	color:#fff;

}

#navigation.nav_gutter ul li a:hover, #navigation.nav_gutter #hover{

	text-decoration:none;

	background: #d5792d;

	background: -moz-linear-gradient(#f68b33, #d5792d);

	background: -webkit-linear-gradient(#f68b33, #d5792d);

	background: -o-linear-gradient(#f68b33, #d5792d);

	background: -ms-linear-gradient(#f68b33, #d5792d);/*For IE10*/

	background: linear-gradient(#f68b33, #d5792d);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f68b33', endColorstr='#d5792d');/*For IE7-8-9*/ 

	color:#000;

}

.boite_garantie{

	width:270px;

	background-color:#ccc;

	float:left;

	margin: 0 20px 0 0;

}

.boite_garantie span{

	display:block;

	text-align:center;

}

.boite_garantie .texte_garantie{

	text-align: center;

	padding:10px;

}

.boite_garantie .titre_garantie{

	color:#c38208;

	font-size:1.9em;

	font-weight:bold;

	margin:0 0 15px 0;

}

.boite_garantie .boite_titre_garantie{

	padding:10px;

	text-align:center;

	background-color:#525252;

	margin: 0 0 10px 0;

	

}

#garantie{

	background : url(../images/clip-n-guard/garantie.jpg) no-repeat;

	width:734px;

	height:39px;

	font-size:2em;

	padding:124px 30px 0 30px;

	color:#fff;

	line-height:1.5em;

}



#warranty{

	background : url(../images/clip-n-guard/warranty.jpg) no-repeat;

	width:734px;

	height:39px;

	font-size:2em;

	padding:124px 30px 0 30px;

	color:#fff;

	line-height:1.5em;

}



#contenu_texte #garantie a, #contenu_texte #warranty a{

	color:#fff;

	font-weight:bold;

	text-decoration:none;

}

#contenu_texte #garantie a:hover, #contenu_texte #warranty a:hover{

	color:#ccc;

	text-decoration:none;

}

#contenu_texte{

	float:right;

	position:relative;

	width:720px;

	margin:0 20px 0 0;

}

#logo_t-rex{

	margin:5px 0 25px 0;

}

.texte_description{

	width:233px;

	float:left;

	position:relative;

	font-size:1.35em;

	margin:0 10px 0 0;

	line-height:1.3em;

}

.texte_description p{

	width:210px;

	float:left;

	position:relative;



}



.image_fleche{

	margin:5px 0 0 0;

	float:right;

	position:relative;

	display:block;

	width:20px;

	background:url(../images/fleche_description.png) no-repeat center center;

	height:38px;

}

.trois_ligne{

	height:67px;

}

#conteneur_image img{

	margin: 0 10px 0 0;

}

#conteneur_image .dernier{

	margin: 0 0 0 0;

}

.image_video{

	

	background:url(../images/video_t-rex.jpg) no-repeat;

	width:620px;

	height:64px;

	padding:50px;

	display:block;

}

.image_video p{

	display:inline-block;

	margin:0 0 0 10px ;

	font-size:1.8em;

}

.image_video img{

	margin:0 0 -8px 0;

}

a.block_video{

	display:block;

	margin-bottom:1em;

	}

	

a .image_video span.texte_video{

line-height:1.4em;

padding:0;

color:#00aeef;

font-weight:bold;

font-size:1.8em;

margin:0;

margin-left:10px;

display:inline-block;

}



a:hover .image_video span.texte_video{

line-height:1.4em;

padding:0;

color:#fff;

font-weight:bold;

font-size:1.8em;

margin:0;

margin-left:10px;

display:inline-block;

}



.marge_petite{

	margin:0 0 6px 0;

}

#image_gouttiere_blanche{

	width:200px;

	float:left;

	position:relative;

	margin:0 10px 0 0;



}

/*------------fin Page contenu t-rex------------*/



/*------------ Page contenu Gutter Clean------------*/



.gutter_clean_system {

	background: transparent url('../images/gutter_clean_system_bg.jpg') right top no-repeat;

	padding: 60px 0 0 0;

	position: relative;

	top: -60px;

}



/*------------ Page contenu avantages------------*/

#navigation_fleche{

	width:720px;

	margin:205px 0 10px 0;

	float: left;

	position: absolute;

	z-index: 10;

}

#navigation_fleche img{

	margin:0 10px 10px 10px;

	

}

.image_320{

	width:320px;

	float:left;

}

.deux_colonne_400{

	width:390px;

	float:left;

	margin:0  0 0 10px; 

}

#contenu_page a:link .avantage_categorie{

	text-decoration:none;

}

#contenu_page a:visited .avantage_categorie{

	text-decoration:none;

}

#contenu_page a :hover.avantage_categorie{

	opacity:0.6;

	text-decoration:none;

}

#contenu_page a :active.avantage_categorie{

	text-decoration:none;

}

.avantage_categorie span{

	display:block;

	width:74px;

	text-align:center;

	font-style:italic;

	margin:0 0 5px 0;

}



#carre_gris{

	background-color:#e5e5e5;

	padding:20px;

	width:680px;

	margin:20px 0;

}

#carre_gris .precision{

	font-size:0.8em;

	margin:0 0 15px 100px;

}

.precision{

	font-size:0.8em;

	margin:0 0 15px 110px;

}

#carre_gris input, #carre_gris textarea {

	width:570px;

}

#carre_gris select{

	padding:5px;

	height:30px;

	margin: 0 0 3px -2px;

}

#valeur{

	background-color:#fff;

	border:0;

	color:#000;

}

#form_evaluation input{

	width:570px;	

}

#form_inscription_fidelite input{

	width:400px;	

}

#form_inscription_fidelite input#case_terme{

	width:20px;	

	margin:0 0 0 99px;

	height: 14px;

}



#form_inscription input.fidelite_connect{

	display:block;

	border:0;

	background:#004064 url(../images/btn_fidelite_connect.gif) repeat-x top left;

	font-size:20px;

	color:#FFFFFF;

}



#carre_gris textarea {

	height:100px;

}

#form_evaluation label, #form_inscription_fidelite label{

	width:110px;

	display:inline-block;

}



#carre_gris label, #form_inscription_fidelite label{

	width:90px;

	display:inline-block;

	text-align: right;

	margin: 0 10px 0 0;	

}

.precision_petit {

	font-size: 0.8em;

	margin: 0 0 15px 110px;

	width:400px;

	color:red;

}



#carre_gris label.error, #form_inscription_fidelite label.error, #form_evaluation label.error, #form_inscription label.error, #form_mdp_oublie label.error{

	width:auto;

	display:block;

	text-align:left;

	margin:0 0 0 100px;

	padding-bottom:10px;

	color:red;

	font-weight:bold;

	}



#carre_gris input, #carre_gris select{

	border:1px #abadb3 solid;

	}



#carre_gris input.boite_checkbox{

	border:0;

	}



#carre_gris input.error, #form_inscription_fidelite input.error, #form_evaluation input.error, #form_inscription input.error, #form_mdp_oublie input.error{

	background-color:#feeded;

	border:1px #abadb3 solid;

	}



.bouton_orange, input.bouton_orange{

	background-color:#f68b33;

	padding:0;

	color:#000;

	text-decoration:none;

	border:#c8712a solid 1px;

	font-size:1em;

	line-height:1em;

	padding:10px;

	box-shadow: 1px 1px 5px #888;

	margin:0 5px 0 0 ;

	margin:0;

	display:inline-block;

	text-decoration:none;

}



.bouton_orange:hover, input.bouton_orange:hover {

	color:#fff;

}



#contenu a.bouton_orange, #contenu_page a.bouton_orange{

	text-decoration:none;

	}



#carre_gris input.bouton_orange{

	width:auto;

	height:auto;

	border:#c8712a solid 1px;

	}



#carre_gris input.bouton_orange:hover{

	background-color:#f68b33;

	}



a span.bouton_orange{

	text-decoration:none;

}

a:hover span.bouton_orange{

	background-color:#f68b33;

}

#align_gauche{

	margin:20px 0 0 0;

	float:right;

}

#align_gauche_date{



	float:right;

}

.conteneur_etoile{

	margin:10px 0 0 0;

}

.commentaire_texte{

	margin:10px 0 0 0;

}



#graphique_gouttiere{

	background:url(../images/gouttiere_point.png) no-repeat center top;

	width:720px;

	height:600px;

	

	color:#004065;

	font-size:1.5em;	

	font-style:italic;

	line-height:1.1em;

}

#graphique_gouttiere_gutter{

	background:url(../images/gouttiere_gutter-clean_point.png) no-repeat center top;

	width:720px;

	height:600px;

	

	color:#004065;

	font-size:1.5em;	

	font-style:italic;

	line-height:1.1em;

}

#graphique_gouttiere img, #graphique_gouttiere_gutter img{

	cursor:pointer;

}



/* Pour Fiche technique T-Rex */

.t-rex .point_description1_gauche{

	padding:48px  0 0 15px;	

	height:40px;

}

.t-rex .point_description2_gauche{

	padding:47px  0 0 15px;	

	height:40px;

}

.en.t-rex .point_description2_gauche{

	padding:44px  0 0 15px;

}

.t-rex .point_description3_gauche{

	padding:49px  0 0 15px;	

	height:40px;

}

.t-rex .point_description4_gauche{

	padding:46px  0 0 15px;	

	height:40px;

}

.en.t-rex .point_description4_gauche{

	padding:54px  0 0 15px;

}

.t-rex .point_description5_gauche{

	padding:46px  0 0 15px;	

	height:40px;

}

.en.t-rex .point_description5_gauche{

	padding:39px  0 0 15px;

}



.t-rex .point_description1_droite{

	padding:126px  15px 0 0;

	height:40px;	

	text-align:right;

}

.t-rex .point_description1_droite img{

	margin:-2px 0 -5px 0;		

}

.t-rex .point_description2_droite{

	padding:81px  15px 0 0;	

	height:40px;

	text-align:right;

}

.en.t-rex .point_description2_droite{

	padding:83px  15px 0 0;

}

.t-rex .point_description2_droite img{

	margin:0 0 -5px 0;		

}

.t-rex .point_description3_droite{

	padding:85px  15px 0 0;	

	height:40px;

	text-align:right;

}

.en.t-rex .point_description3_droite{

	padding:73px  15px 0 0;

}

.t-rex .point_description3_droite img{

	margin:0 0 -5px 0;		

}





/* Pour Fiche technique Gutter Clean */

.gutter-clean .point_description1_gauche{

	padding:46px  0 0 15px;	

	height:40px;

}

.gutter-clean .point_description2_gauche{

	padding:60px  0 0 15px;	

	height:40px;

}

.gutter-clean .point_description3_gauche{

	padding:33px  0 0 15px;	

	height:40px;

}

.gutter-clean .point_description4_gauche{

	padding:46px  0 0 15px;	

	height:40px;

}

.gutter-clean .point_description5_gauche{

	padding:46px  0 0 15px;	

	height:40px;

}



.gutter-clean .point_description1_droite{

	padding:125px  15px 0 0;

	height:40px;	

	text-align:right;

}

.gutter-clean .point_description1_droite img{

	margin:-2px 0 -5px 0;		

}

.gutter-clean .point_description2_droite{

	padding:68px  15px 0 0;	

	height:40px;

	text-align:right;

}

.gutter-clean .point_description2_droite img{

	margin:0 0 -5px 0;		

}

.gutter-clean .point_description3_droite{

	padding:68px  15px 0 0;	

	height:40px;

	text-align:right;

}

.gutter-clean .point_description3_droite img{

	margin:0 0 -5px 0;		

}



.gout_text{

	display:inline-block;

	width:160px;

	padding:0 5px;

}



#gout_col_gauche{

	float:left;

	padding:0 5px;

}

#gout_col_droite{

	float:right;

	padding: 0 5px;

}



/*tableau comparatif*/

table.tab_guide{

	width: 980px;

	

}

table.tab_guide tr td{

	width: 326px;



}



.tableau_comparatif{

	border:#000 solid 0px;

	width:704px;

	text-align:center;

	padding:0;

	margin:0;

	border-spacing: 0px;

}

.tableau_comparatif td{

	width:218px;

	padding:8px;

}

.tableau_comparatif tr{



}

.brodure_droite{

	border-right:1px solid #fff;

}

.tab_titre{

	color:#004065;

	font-size:1.3em;	

	font-style:italic;

	line-height:1.1em;

	font-weight:bold;

}	

.titre_jaune{

	color:#fff;

	font-size:1.3em;	

	line-height:1.1em;

	font-weight:bold;

	background-color:#c38208;

}	

.fond_degrade{

	background: #d8d8d8;

	/*background: -moz-linear-gradient(#929292, #d8d8d8);

	background: -webkit-linear-gradient(#929292, #d8d8d8);

	background: -o-linear-gradient(#929292, #d8d8d8);

	background: -ms-linear-gradient(#929292, #d8d8d8);

	background: linear-gradient(#929292, #d8d8d8);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#929292', endColorstr='#d8d8d8'); 

	*/ 	

}

.fond_uni{

	background:#bbbbbb url(../images/plus_blanc.png) no-repeat 5px center;

	cursor:pointer;

}



.fond_uni_hover{

	background-color:#ababab;

	cursor:pointer;

}

.fond_uni_ouvert{

	background:#bbbbbb url(../images/plus_blanc_ouvert.png) no-repeat  5px center;

	cursor:pointer;

}

.texte{

	background:#d8d8d8;

	text-align:left;



}

.texte_test{

	background:#d8d8d8;

	text-align:left;

}

.texte_guide{

	background:#d8d8d8;

	text-align:center;

}

.texte_test td, .texte_guide td{

	border-top:1px  solid #fff;

	padding:12px;

}

tr.titre_jaune_tests{

	text-align:left;

}

.texte span{

	display:block;

	min-height: 90px;

	margin: 10px 0 0 0;

	

}



.texte div{

	min-height: 90px;

	margin: 10px 0 0 0;

}



.img_tab{

	background:#747474;

}

.tableau_comparatif tr.img_tab td{

	padding:0px;

}

.tableau_comparatif tr td{

	vertical-align:top;

}

.tableau_comparatif ul li{

	line-height:1.4em;

}



.fond_uni td{

	padding:5px 0;

}

.fond_uni td span{

	margin:5px 0 5px 0;

	display:inline-block;

}

.plus{

	float:left;

	margin:0 0 0 10px;

}

#image_3_etape{

	float:left;

	margin:0 0 10px 0;

}

#form_inscription{

	display:block;

	width:260px;

	float:left;

	margin:8px 0 0 10px;

}

#form_inscription div{

	font-size:2.8em;

	margin: 0 0 19px 0;

}

#form_inscription input{

	width:242px;

	margin:5px 0 2px 0;

}

#form_inscription #checker{

	position: relative;

	top: 5px;

}



#form_inscription label.error{

	margin-left:0;

	margin-bottom:0;

	}



input#btn_connecter{

	width:245px;

	height:49px;

}

/*fiche technique light box*/

#boite_video_clipnguard {

	display:none;

}



#termsConditions li{

	line-height:1.4em;

	padding-bottom:0.5em;

	}



.tete_lightbox{

	height:40px;

	padding:12px;

	font-size: 1.5em;

	line-height: 1.1em;

	

}

.tete_lightbox img{

	margin:0 0 -1px 0;

}



.contenu_lightbox{

	background: url(../images/degrade_lightbox.png) repeat-x; 

	padding:20px 12px;

}

.contenu_lightbox img{

	display:inline-block;

	float:left;

	box-shadow: 1px 1px 5px #888;

}

img.img_t-rex{

	box-shadow: 0px 0px 0px #888;

	display:block;

	margin: 0px 0 -5px 0;

}

.contenu_lightbox p{

	width:300px;

	float:left;

	padding:0 0 0 20px;

}

.contenu_lightbox ul{

	width:260px;

	float:left;

	padding:0 0 0 20px;

	margin: 0 0 10px 25px;

}

#simplemodal-overlay {

	background-color:#000; 

	cursor:wait;

}

#simplemodal-container,#simplemodal-container-shorter, #simplemodal-container-larger {

	height:430px; 

	width:680px; 

	color:#000; 

	background-color:#dddddd; 

	border:4px double #c38208; 

	/*padding:12px;*/

	text-align:left;

}



#simplemodal-container-shorter {

	height:100px;

	}



#simplemodal-container-shorter .tete_lightbox{

	height:auto;

	padding:12px;

	font-size: 1.5em;

	line-height: 1em;

	padding-bottom:0;

}



#simplemodal-container-shorter .tete_lightbox p{

	margin:0;

	padding:0;

	}



#errText p{

	margin:0;

	}



#simplemodal-container .simplemodal-data {

	/*padding:8px;*/

}

#simplemodal-container a.modalCloseImg, #simplemodal-container-shorter a.modalCloseImg, #simplemodal-container-larger a.modalCloseImg{

	background:url(../images/plus_gris_croix.png) no-repeat; 

	width:28px; 

	height:28px; 

	display:inline; 

	z-index:3200; 

	position:absolute; 

	top:18px; 

	right:10px; 

	cursor:pointer;

}



#simplemodal-container-larger a.modalCloseImg{

	right:20px; 

	}



.ligne_gris{

	height:1px;

	background-color:#bababa;

	margin:10px 0 15px 0;

}

div.faqList h2 {

	cursor:pointer;

}



/*------------fin Page contenu ------------*/

.ombre{

	display:block;

	height:2px;

	width:720px;

	background:#646464;

	background:-moz-linear-gradient(#646464, #ffffff);

	background:-webkit-linear-gradient(#646464, #ffffff);

	background:-o-linear-gradient(#646464, #ffffff);

	background:-ms-linear-gradient(#646464, #ffffff);/*For IE10*/

	background:linear-gradient(#646464, #ffffff);

	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#646464', endColorstr='#ffffff');/*For IE7-8-9*/ 

	margin:0 0 15px 0;

	z-index:-10;

	border-radius: 0 0 5px 5px;

}

.ombre_gros{

	display:block;

	position:relative;

	height:6px;

	width:980px;

	background:#646464;

	background:-moz-linear-gradient(#646464, #ffffff);

	background:-webkit-linear-gradient(#646464, #ffffff);

	background:-o-linear-gradient(#646464, #ffffff);

	background:-ms-linear-gradient(#646464, #ffffff);/*For IE10*/

	background:linear-gradient(#646464, #ffffff);

	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#646464', endColorstr='#ffffff');/*For IE7-8-9*/ 

	margin:-3px 0 15px 0;

	z-index:-10;

	border-radius: 0 0 5px 5px;

}

.boite_menu{

	height:45px;

	width:286px;

	color:#fff;

	display:inline-block;

	padding:10px 20px;

	border:0;

	margin:0;

	font-size:1.8em;

	line-height:1.1em;

	margin:30px 0 0 0;

}

a:hover .boite_menu_contenu, a:hover .boite_menu, #hover_menu {

	color:#000;

	background:#fff;

	filter:none;

	/*height: 1%;/*For IE7*/ 

	opacity:0.9;

}



.gris{

	background:#939598;

	background:-moz-linear-gradient(#b1b2b4, #939598);

	background:-webkit-linear-gradient(#b1b2b4, #939598);

	background:-o-linear-gradient(#b1b2b4, #939598);

	background:-ms-linear-gradient(#b1b2b4, #939598);/*For IE10*/

	background:linear-gradient(#b1b2b4, #939598);

	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#b1b2b4', endColorstr='#939598');/*For IE7-8-9*/ 

	/*height: 1%;/*For IE7*/ 	

}

.gris-fonce{

	background: #414042;

	background: -moz-linear-gradient(#757476, #414042);

	background: -webkit-linear-gradient(#757476, #414042);

	background: -o-linear-gradient(#757476, #414042);

	background: -ms-linear-gradient(#757476, #414042);/*For IE10*/

	background: linear-gradient(#757476, #414042);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#757476', endColorstr='#414042');/*For IE7-8-9*/ 

	/*height: 1%;/*For IE7*/ 

}

.noir{	

	background: #000000;

	background: -moz-linear-gradient(#464646, #000000);

	background: -webkit-linear-gradient(#464646, #000000);

	background: -o-linear-gradient(#464646, #000000);

	background: -ms-linear-gradient(#464646, #000000);/*For IE10*/

	background: linear-gradient(#464646, #000000);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#464646', endColorstr='#000000');/*For IE7-8-9*/ 

	/*height: 1%;/*For IE7*/ 

}

#fil_ariane{

	color:#4d4d4f;

	margin:20px 0;

}

div#fil_ariane a{

	text-decoration:none;

}

#boite_grise{

	background-color:#ececec;

	padding:20px;

	clear:both;

	width:820px;

}

.separation_verticale{

	float:left;

	margin:0 10px 0 0;

	width:2px;

	background:url(../images/ligne_separation_verticale.png) repeat-y;

	height:343px;

}

.colonne{

	float:left;

	position:relative;

	width:402px;

	margin:0 15px 0 0;

}

.colonne img{

	margin:0 0 10px 0;

}

.deux_colonne{

	float:left;

	position:relative;

	width:500px;



}

ul{

	list-style-image:url('../images/puce.png');	

	list-style-position:2px 0;

	padding:0;

	margin:10px 0 10px 25px;



}

li{

	padding:0px 0;

}



.deux_colonne ul, .deux_colonne_400 ul{

	

}

.deux_colonne ul li, .deux_colonne_400 ul li{

	

	line-height:1.4em;

}



.colonne_gris img{

	margin:0 0 10px 0;

}

.dernier{

	margin-right:0px;

}

.p_dernier{

	margin-bottom:0px;

}

.btn_bleu{



	padding:10px;

	color:white;

	display:inline-block;

	font-size:1.4em;	

	margin:10px 0 0 0;

	width:256px;

	background: #004065;

	background: -moz-linear-gradient(#44738e, #004065);

	background: -webkit-linear-gradient(#44738e, #004065);

	background: -o-linear-gradient(#44738e, #004065);

	background: -ms-linear-gradient(#44738e, #004065);/*For IE10*/

	background: linear-gradient(#44738e, #004065);

	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#44738e', endColorstr='#004065');/*For IE7-8-9*/ 

	/*height: 1%;/*For IE7*/ 

}

a:hover .btn_bleu{

	background-color:#175173;

}

.titre_gris{

	font-size:2em;

	line-height:1.2em;	

	display:block;

	margin:0 0 15px 0;

	font-weight:light;

	color:#494949;

}

#contenu a, #contenu_page a{

	text-decoration:underline;

}

#programme_fidelite{

	background:url(../images/fond_btn_fidelite.png);

	margin:20px 0 0 0;

	padding:40px 0px 40px 90px;

	font-size:2.5em;

	text-transform: uppercase;

	height:13px;

	color:#fff;

	display:block;

	border-radius: 3px;

	z-index:1;

}

#trouver_instalateur{

	background:#fff url(../images/trouver_instalateur.jpg) !important;

	width:273px;

	height:128px;

	line-height:1.3em;

	font-size:1.3em;

	box-shadow: 1px 1px 5px #888;

	padding: 10px;

	color: white;

	display: inline-block;

	margin: 0 0 15px 0;

}



#installation_pdf{

	background:#fff url(../images/clip-n-guard/guide.jpg) !important;

	font-weight:bold;

	width:329px;

	height:213px;

	box-shadow: 1px 1px 5px #888;

	display: inline-block;

	margin: 0 15px 15px 0;

	padding: 10px;

	line-height:1.3em;

	font-size:1.5em;

	color: white;

	text-decoration:none;

}



.installation_video{

	background:#fff url(../images/clip-n-guard/video.jpg) !important;

	font-weight:bold;

	width:329px;

	height:213px;

	box-shadow: 1px 1px 5px #888;

	display: inline-block;

	margin: 0 0 15px 0;

	padding: 10px;

	line-height:1.3em;

	font-size:1.5em;

	color: white;

	text-decoration:none;

}



#protege_clip_n_guard{

	background:#fff url(../images/clip-n-guard/protege-gouttiere-accueil.jpg) !important;

	width:373px;

	height:249px;

	line-height:1.3em;

	font-size:1.3em;

	box-shadow: 1px 1px 5px #888;

	padding: 10px;

	color: white;

	display: inline-block;

	margin: 0 0 15px 0;

}



#extension_clip_n_guard{

	background:#fff url(../images/clip-n-guard/extension-gouttiere-accueil.jpg) !important;

	width:373px;

	height:249px;

	line-height:1.3em;

	font-size:1.3em;

	box-shadow: 1px 1px 5px #888;

	padding: 10px;

	color: white;

	display: inline-block;

	margin: 0 0 15px 0;

}



#ext_redressable{

	background:#fff url(../images/elements/ext_red.jpg) !important;

	width:223px;

	height:269px;

	line-height:1.3em;

	font-size:1.3em;

	box-shadow: 1px 1px 5px #888;

	color: white;

	display: inline-block;

	margin: 0 0 15px 0;

}



#ext_pivotante{

	background:#fff url(../images/elements/ext_piv_ext.jpg) !important;

	width:223px;

	height:269px;

	line-height:1.3em;

	font-size:1.3em;

	box-shadow: 1px 1px 5px #888;

	color: white;

	display: inline-block;

	margin: 0 0 15px 0;

}



#ext_flexible{

	background:#fff url(../images/elements/ext_green.jpg) !important;

	width:223px;

	height:269px;

	line-height:1.3em;

	font-size:1.3em;

	box-shadow: 1px 1px 5px #888;

	color: white;

	display: inline-block;

	margin: 0 0 15px 0;

}



a#a_prog_fidel {

	text-decoration:none;

}

a:hover#a_prog_fidel span span{



	color:#fff;

}



a.pdf {

	display: block;

	float: left;

	padding: 36px 16px 36px 78px;

	background: #3c7897 url('../images/support/pdf-icon.png') 14px center no-repeat;

	color: #fff;

	text-decoration: none;

}



a:hover.pdf {

	background-color: #376e8b;

}



.frame-group {

	width: 525px;

	margin-bottom: 30px;

}



.frame-group .frame {

	float: left;

	margin: 0 25px 0 0;

}



.photos.frame-group .frame {

	float: left;

	margin: 0 25px 25px 0;

}



.photos.frame-group {

	margin-top: 35px;

	width: 100%;

}



.photos .frame .desc {

	margin-top: 10px;

	text-align: left;

}



.frame-group .frame  h4{

	margin: 10px 0;

	font-size: 1.2em;

	font-weight: bold;

	color: #384c57;

}



.frame-group .frame img {

	display: block;

	clear: both;

	border: 1px solid #000;

}



/*------------Pied de Page------------*/



#pied_de_page_global{

	background-color:#F68B33;

	text-align:center;

	-moz-box-shadow: 0 0 3px 2px #888;

	-webkit-box-shadow: 0 0 2px 3px#888;

	box-shadow: 0 0 3px 2px #888;

	color:#000;

	min-height:120px;

}

#pied_de_page{

	margin:0px auto 0 auto;

	width:980px;

	min-height:200px;	

	position:relative;

	bottom:-20px;

	color:#7b7b7b;

	font-weight:bold;

	font-size:1em;

	background:#fff url(../images/degrade_gris.png) no-repeat bottom center;



	

}

#pied_de_page #conteneur_pied{	

	margin:0 10px 10px 10px;

	width:960px;



}

#pied_de_page ul li{

	list-style-image:none;

}

.premier{

	margin:0 0 0 20px;

	width:290px;

}

.pied{

	margin:0 0 0 30px;

	width:286px;

}



#pied_de_page ul{

	list-style-type: none;

	padding:0 0px 0 0px;

	margin:0;	

}

#pied_de_page ul li{

	padding:3px 0;





}

#pied_de_page ul .pied_titre{

	color:#1a5374;	

	text-transform: uppercase;

	padding:18px 0 15px 0;



	line-height:1.1em;

	

}

#pied_de_page a {

	color:#7b7b7b;

	text-decoration:none;

}

 #pied_de_page a:hover{

	color:#000;

}



#copyright{

	clear:both;

	margin:65px 0 0 0;

	font-size:0.9em;

	color:#000;

}

#copyright a {

	color:#000;

	text-decoration:none;

}

 #copyright a:hover{

	color:#fff;

}

/*------------fin Pied de Page------------*/

@-moz-document url-prefix(http://) {

	button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner {

		padding: 0 !important;

		margin: -2px 0 -1px 0 !important;

		border: 0 none !important;

		}

	}

	

/*----------Page Nouvelles-----------*/



.nouvelle h2 {

	margin: 0;

}



.nouvelle .date {

	margin: 0 0 8px 0;

}



.column {

/*	width: 44.5%;

	padding: 0 2%;

	float: left;*/

}



.column {



}



.column .nouvelle {

	width: 400px;

	float: left;

	padding: 20px 20px 0 20px;

	margin: 0 18px 18px 0;

	background: #f5f5f5;

}



.column .nouvelle h2 {

	width: auto;

}



.column .nouvelle .imageNouvelle {

	width: 400px; height: 244px;

	margin: 1em 1px 0;

	position: relative;

	top: -15px;

}



.column .nouvelle .date {

	margin: 5px 0;

}



.navNouvelles {

	text-align: center;

}



.navNouvelles .back,

.navNouvelles .next {

	margin: 0 2em;

	font-weight: bold;

	text-decoration: none;

}







/*------------Page Mobile------------*/



html#mobile {

	height: 100%;

}



#mobile body {

	position: relative;

	height: 100%;

}



#mobile #menu  {

	height: 33px;

}



#mobile #contenu_global {

	position: relative;

	background-color: #fff;

}



#mobile #contenu {

	width: auto;

	min-height: 100px;

	height: auto;

	margin: 0 auto;

	padding: 155px 0 20px 0;

}



#mobile #contenu p.langue {

	width: 100%;

	text-align: center;

	position: relative;

	top: 30px;

}



#mobile #contenu p.langue a {

	text-decoration: none;

	margin: 0 5px;

	font-size: 1.3em;

}



#mobile #contenu p.langue a:hover {

	text-decoration: underline;

}



#mobile img#logo  {

	position: absolute;

	left: 50%;

	margin-left: -92.5px;

}



#mobile .video_container {

    display: block;

	margin: 0 auto;

	position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

}

 

#mobile .video_container iframe,

#mobile .video_container object,

#mobile .video_container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/*------------fin Page Mobile------------*/



/* Elements */



.compare {

	padding: 20px 0 0 3px;

	background: transparent url(../images/elements/compare_tabs.png) no-repeat right top;

}



.compare .header {

	background: transparent url(../images/elements/compare_bg.png) repeat-y right top;

}



.compare table {

	width: 100%;

}



.compare th.red,

.compare th.green,

.compare th.blue {

	color: #fff;

	font-size: 1.3em;

	line-height: 1.3em;

	font-weight: bold;

	text-align: left;

}



.compare  table th.title {

	background: #d1d2d4;

	line-height: 1.3em;

	text-align: left;

}



.compare  table td {

	vertical-align: middle;

	line-height: 1.3em;

}



.compare  table td.title,

.compare  table th.title{

	width: 232px;

	padding: 8px 90px 8px 10px;

	font-size: 1.2em;

}



.compare  table td.title {

	border-bottom: 1px solid #d1d2d4;

	border-left: 1px solid #d1d2d4;

	padding-left: 10px;

}



.compare .red,

.compare .blue,

.compare .green {

	width: 90px; height: 100%;

	padding: 3px 10px;

	text-align: center;

	vertical-align: middle;

}



.checked {

	display: inline-block;

	width: 26px; height: 26px;

	background-repeat: no-repeat;

}



.red .checked {

	background-image: url('../images/elements/check_red.gif');

}



.blue .checked {

	background-image: url('../images/elements/check_blue.gif');

}



.green .checked {

	background-image: url('../images/elements/check_green.gif');

}



.compare td.red,

.compare td.blue,

.compare td.green {

	background: #fff;

}



.compare td.blue {

	width: 90px;

	border-top: 1px solid #005d91; 

	border-bottom: 1px solid #005d91; 

	border-left: 6px solid #005d91; 

	border-right: 6px solid #005d91; 

}



.compare tr:last-child td.blue {

	border-bottom: 4px solid #005d91;

}



.compare td.green {

	width: 90px;

	border-top: 1px solid #376e39; 

	border-bottom: 1px solid #376e39; 

	border-left: 6px solid #376e39; 

	border-right: 6px solid #376e39; 

}



.compare tr:last-child td.green {

	border-bottom: 4px solid #376e39;

}



.compare td.red {

	width: 91px;

	border-top: 1px solid #a31419; 

	border-bottom: 1px solid #a31419; 

	border-left: 6px solid #a31419; 

	border-right: 6px solid #a31419; 

}



.compare tr:last-child td.red {

	border-bottom: 4px solid #a31419;

}



/* fin Elements*/



/* Elements Fiche */



#contenu_page .fiche_menu a,

#contenu_page .schema a {

	text-decoration: none;

}



.elements .fiche_menu a {

	display: block;

	width: 101px; height: 68px;

	padding: 52px 0 0 130px;

	margin-right: 8px;

	float: left;

	background: transparent no-repeat;

	font-size: 14px;

	font-weight: bold;

	text-transform: uppercase;

	color: #fff;

}



.elements .fiche_menu a.active {

	cursor: default;

}



.fiche_menu  a.drainage {

	background-image: url('../images/elements/drainage_btn.jpg');

	background-position: left top;

}



.fiche_menu  a:hover.drainage,

.fiche_menu  a.drainage.active {

	background-position: left bottom;

}



.fiche_menu  a.filtrage {

	background-image: url('../images/elements/filtrage_btn.jpg');

	background-position: left top;

}



.fiche_menu  a:hover.filtrage,

.fiche_menu  a.filtrage.active {

	background-position: left bottom;

}



.fiche_menu  a.robustesse {

	background-image: url('../images/elements/robustesse_btn.jpg');

	background-position: left top;

}



.fiche_menu  a:hover.robustesse,

.fiche_menu  a.robustesse.active {

	background-position: left bottom;

}





.schema {

	display: none;

	width: 704px; height: 640px;

	margin-top: 200px;

	background: transparent left top no-repeat;

}



.schema.selected {

	display: block;

}



.drainage.schema {

	position: relative;

	border-top: 3px solid #1f417f;

	background-image: url('../images/elements/drainage_schema.jpg');

}



.filtrage.schema {

	position: relative;

	border-top: 3px solid #376e39;

	background-image: url('../images/elements/filtrage_schema.jpg');

}



.robustesse.schema {

	position: relative;

	border-top: 3px solid #a31419;

	background-image: url('../images/elements/robustesse_schema.jpg');

}



.schema a {

	position: absolute;

	font-size: 20px;

	font-weight: bold;

	line-height: 20px;

	color: #1f417f;

	font-style: italic;

}



.schema a:hover {

	color: #00588b;

}



.schema a.left {

    left: -10px;

    padding-left: 47px;

}



.modal  {

	display: none;

	background: transparent url('../images/degrade_lightbox.png') left top repeat-x;

}



.tete_lightbox {

	background: #e6e6e6;

}



#drainage_description1 { top: 42px; }

#drainage_description2 { top: 210px; }

#drainage_description3 {	top: 303px; }



#filtrage_description1 { top: 42px; }

#filtrage_description2 { top: 212px; }

#filtrage_description3 {	top: 295px; }



#robustesse_description1 { top: 32px; }

#robustesse_description2 { top: 212px; }



.schema a.right {

    padding-right: 47px;

    right: -4px;

	text-align: right;

}



#drainage_description4 { top: 118px; }

#drainage_description5 { top: 215px; }

#drainage_description6 { top: 390px; }



#filtrage_description4 { top: 118px; }

#filtrage_description5 { top: 309px; }

#filtrage_description6 { top: 411px; }



#robustesse_description3 { top: 118px; }

#robustesse_description4 { top: 216px; }

#robustesse_description5 { top: 298px; }

#robustesse_description6 { top: 412px; }



.produit {

	margin-bottom: 50px;

}



.ext_encadre {

	border-style:solid;

	border-width:1px;

	width:712px;

	height:279px;

}



.ext_encadre div {

	float: left;

}



.ext_encadre  .encadre_droit {

	width:526px;

	padding:10px;

}



.ext_encadre  .encadre_droit .cercle_haut {

	padding:5px 0 5px 0;

}



.ext_encadre  .encadre_droit .cercle_bas {

	padding:5px 0 10px 0;

}



.ext_encadre  .encadre_droit .retour_ligne {

	clear:both;

}



.ext_encadre  .encadre_droit .description {

	width:124px;

	padding:10px;

}



.ext_encadre  .encadre_droit .description p {

	line-height: 105%;

	font-size: 1em;

}



.produit .picto{

	float: left;

	margin: 0 0 0 20px;

}



.produit table {

	float: right;

	margin: 40px 85px 0 0;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

}



.produit table td {

	width: 100px;

	padding: 25px 0;

}



.produit table th {

	padding: 15px 0;

}



.produit table td,

.produit table th {

	text-align: center;

	font-weight: bold;

	border-bottom: 1px solid #000;

	border-right: 1px solid #000;

}



.produit table th {

	color: #fff;

	text-transform: uppercase;

}



.produit.drainage table th {

	background: #1f417f;

}



.produit.drainage table td {

	color: #1f417f;

}



.produit.filtrage table td {

	color: #376e39;

}



.produit.filtrage table th {

	background: #376e39;

}



.produit.robustesse table td {

	color: #a31419;

}



.produit.robustesse table th {

	background: #a31419;

}



.avantages .picto {

	float: left;

	margin: 0 20px 20px 0;

}



.avantages ul {

	width: 480px;

	float: left;

	list-style-image: none;

	position: relative;

	left: 13px;

	margin: 0 0 65px 0;

}



.avantages ul li {

	margin: 3px 0 0 0;

}



.avantages .frame {

	margin: 20px 0;

	padding: 25px;

	background: #e1e1e1;

}



.avantages .frame ul {

	width: auto;

	float: none;

	margin: 0;

}



#contenu_page .evaluation a {

	color: #fff;

	text-decoration: none;

	font-size: 1em;

}



#contenu_page .evaluation a:hover {

	text-decoration: underline;

}



.evaluation h3 {

	line-height: 110%;

	margin: 0 0 30px 0;

	font-weight: normal;

	font-size: 1.3em;

	color: #fff;

	text-transform: uppercase;

}



.evaluation ul {

	margin: 0;

}



.evaluation img {

	margin-top: 15px;

}



.evaluation p {

	margin: 0;

}



.evaluation .box {

	display: block;

	float: left;

	width: 205px; height: 170px;

	margin-bottom: 20px;

	padding: 15px;

}



.evaluation .box .star, .etoiles {

	display: inline-block;

	width: 38px; height: 38px;

	background: transparent url('../images/elements/star_hover2.png') left top no-repeat;

	margin-bottom: 30px;

	text-indent: -9999px;

}



.etoilesHover {

	display: inline-block;

	width: 38px; height: 38px;

	background: transparent url('../images/elements/star.png') left top no-repeat;

	margin-bottom: 30px;

	text-indent: -9999px;

}



.evaluation .box .star:hover {

	background: transparent url('../images/elements/star.png') left top no-repeat;

}



.evaluation .drainage {

	background: #005c90;

}



.evaluation .filtrage {

	background: #396e39;

}



.evaluation .robustesse {

	background: #a31519;

}



.infowin, #infowin{

	line-height:1em;

	font-size:11px;

	font-weight:normal;

	font-family:Arial, Helvetica, sans-serif;

	box-sizing:border-box;

	padding:0;

	margin:0;

	}



#boite_extension {

	background-color:#ececec;

	/*width:820px;*/

	width:540px;

	padding:30px 0px 15px 30px;

	clear:both;

}



#boite_extension_3_cols {

	background-color:#ececec;

	width:820px;

	padding:30px 0px 15px 30px;

	clear:both;

}



.extension_gauche {

	width:230px;

	margin:0 33px 0 0;

	float:left;

	position:relative;

}



.extension_droite {

	width:255px;

	float:left;

	position:relative;

	margin:0 15px 0 0;

}



.h3_small {

	font-weight:normal;

}



#slogan.sectionSite8{

text-align: right;

font-size: 2.7em;

line-height: 1.1em;

text-transform: uppercase;

font-weight: bold;

float: right;

position: relative;

margin: 100px 0px 0px;

width: 450px;

	}



#amazonImg {

	float:left;

	margin-top:15px;

	margin-right:20px;

}



#ebayImg {

	float:left;

}



.magasins {

	width:360px;

	float: left;

	padding:10px 0 10px 0;

}



.en_ligne {

	width:240px;

	float: left;

	padding:10px 0 10px 0;

}



.magasins a img:hover, .en_ligne a img:hover {

	opacity: 0.7;

}



.boite_grise_produit {

	background-color: #ECECEC;

	padding: 20px;

	clear: both;

	width: 680px;

}



.boite_grise_produit .texte_gouttiere {

	width:470px;

	height:100px;

}



.boite_grise_produit .img_gouttiere, .boite_grise_produit .texte_gouttiere {

	float: left;

}



.boite_grise_produit .img_gouttiere img {

	margin-top: -43px;

}



div .boite_grise_gauche, div .boite_grise_droite {

	height:131px;

	float: left;

	background-color: #ECECEC;

	padding: 20px;

}



div .boite_grise_gauche {

	width: 220px;

}



div .boite_grise_droite {

	width: 410px;

	margin-left:10px;

}



div .boite_grise_droite .evaluation_texte {

	margin-top:10px;

	width:270px;

	float:left;

}



div .boite_grise_droite a img:hover {

	opacity: 0.7;

}



div .boite_grise_droite .reves_denfants {

	float:left;

	margin-top:-17px;

	margin-left:5px;

}



div .boite_grise_droite .reves_denfants a img {

	width:130px;

}



.tableau_cng {

	text-align: left;

	width: 90%;

	border-collapse: collapse; border-spacing: 0;

	font-size: 1.1em;

}



.tableau_cng td, .tableau_cng th{

	border-bottom:#000 solid 1px;

	border-right:#000 solid 1px;

	padding:5px 5px 5px 5px;

	vertical-align:top;

}



.tableau_cng .haut {

	border-top:#000 solid 1px;

}



.tableau_cng .gauche {

	border-left:#000 solid 1px;

}



.tableau_cng .light_gray{

	background-color: rgb(231, 231, 232);

}



.tableau_cng .dark_gray{

	background-color: rgb(188, 189, 192);

}



.tableau_cng .header_cng{

	background-color: rgb(134, 136, 139);

	width:50%;

	padding:5px 5px 5px 5px;

	color: rgb(255, 255, 255);

}



.play_video{

	

	background:url(/images/clip-n-guard/bouton-play.png) no-repeat;

	width:72px;

	height:71px;

	margin: 52px 0 0 127px;

	display:inline-block;

}

a:hover .play_video{

	

	background:url(/images/clip-n-guard/bouton-play.png) no-repeat;

	width:72px;

	height:71px;

	display:inline-block;

	margin: 52px 0 0 127px;

    opacity: 0.7;

    filter: alpha(opacity=70); /* For IE8 and earlier */

}



#boite_grise p iframe {

	display: block;

	width: 560px;

	height: 315px;

	margin: 0 auto;

	border: none;

}