/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
a:active,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
html{
	color: #000;
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}
body#main{
	text-align:left;
}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{
	font-size:14px; 
	display: block;
}
#outerconteneur{
	border: none;
}

h1 span,  #header, #header2, #Fil_A_right, #socialBookmarker, #bookmarkHoverPopup,
#piedPage, #copyrights{
	display: none;
}





h1 a, h1 a:link, h1 a:visited{
	color:#000;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px; }

h2{
	color:#ed1c24; 
	font-size: 14px; 
	font-weight: bold;
	display: block;	
	}
h2 span{
	color: #58585a;
	font-weight: normal;
}	
	
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{
	color: #58585a;
	font-weight: bold;	
	font-size: 14px; 
	display: block;	

}

h4{
	background: #cccccc;
	height: 32px;
	line-height: 32px;
	padding: 0 0 0 17px;
	color: #ed1c24;
	font-weight: bold;
	display: block;
	font-size: 16px;
}


a, a:link, a:visited{
	color:#ed1c24;
	font-weight: normal;
	text-decoration: underline;
	outline: none;	}
a:hover{
	text-decoration: none;	
}

a.link2, a.link2:link, a.link2:visited{
	color: #000;
	font-weight: normal;
	text-decoration: underline;}
a.link2:hover{
	text-decoration: none;	
}

a.link3, a.link3:link, a.link3:visited{
	color:#000;
	font-weight: normal;
	text-decoration: none;
}
a.link3:hover{
	text-decoration: underline;	
}

a.link4, a.link4:link, a.link4:visited{
	color:#ed1c24;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;	}
a.link4:hover{
	text-decoration: none;	
	color: #000;
}

a.link5, a.link5:link, a.link5:visited{
	color:#000;
	font-weight: bold;
	text-decoration: none;}
a.link5:hover{
	text-decoration: none;	
}

a.link6, a.link6:link, a.link6:visited{
	color:#ed1c24;
	font-weight: normal;
	text-decoration: none;
	}
a.link6:hover{
	text-decoration: underline;	
}

a.enlarge, a.enlarge:link, a.enlarge:visited{
	background: #dedede url(Gx/loupe.gif) no-repeat 99% 50%;	
	padding: 0 24px 0 0;
	color: #7f7f7f;
	font-weight: normal;
	text-align: right;
	display: block;
	height: 20px;
	line-height: 20px;
	text-decoration: none;}
a.enlarge:hover{
	/*text-decoration: underline;	*/
	color: #000;
}


/* 
p:first-letter{color:green; font-size:200%; text-transform:uppercase;}
sup{position:relative; bottom:0.3em; vertical-align:baseline;}
sub{position:relative; bottom:-0.2em; vertical-align:baseline;}
*/

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #EEF3F7;
	color: #498ECB;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.succes{text-align:center; color:#4F8A10; background-color:#DFF2BF; border:1px #4F8A10 solid; padding:15px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:11px;display:none;}

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */





#conteneur{
	width: 672px;
}
#innerconteneur{
	padding: 0px;
}

#Fil_Arrianne{
	
}
#Fil_A_left{
}


#content{

}
#contenuAccueil{
	padding: 0px;
}
#contenuAll{
}

#left{
	width: 672px; 
		
}
#right{
	width: 672px; 
}

.bigimg{
	border: 1px solid #acaaad;
	padding: 1px;
	margin: 0 0 1px 0;
}
.bigimg img{
	display: block;
	margin: 0px;	
}
.thumbs{
	float: left;
	width: 111px;
	height: 69px;
}
.thumbslast{
	width: 104px;
}
.thumbs a, .thumbs a:link, .thumbs a:visited{
	display: block;
	border: 1px solid #acaaad;
	float: left;
}
.thumbs a:hover{
	border: 1px solid #ea1b23;
}
.thumbs a:hover img{
	border: 1px solid #ea1b23;
}
.thumbs img{
	display: block;
	border: 1px solid #FFF;
}

#boxcontainer{
	float: left;
	width: 699px;
	background: none;
}
.box{
	float: left;
	width: 233px;
}
.innerbox{
	width: 225px;
}

.innerbox img{
	display: block;
	margin: 0 0 12px 0;
	border: 1px solid #cccccc;
}
.innerbox div{
	padding: 10px 0 0 0;
}


#newscontainer{
	float: right;
	width: 280px;
}
ul.accueil_list{
	list-style-type: none; 
	margin: 12px 0 0 0;
}

ul.accueil_list li{
	background: transparent url(Gx/01/carre_rouge.gif) no-repeat 2px 7px;
	padding: 0 0 12px 15px;
}

.both{clear:both;}

.noborder{
	border: none;
}

/* Nouvelles classes bientôt dispo
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}



.sansBorder{border:none;}
.sansPadding{padding:0;}
.sansMargin{margin:0}
*/

.texte ul{
	
}

.floatLeft{float:left;}
.floatRight{float:right;}

.textePetit{font-size:11px;}
.texteCentre{
	text-align: center;
}






/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */



/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:300px;width:350px;}
#boiteFormQuestion{float:right;width:370px;}

#formQuestion{float:right;width:370px;}
#formQuestion label{float:left;width:80px;}
#formQuestion .champTexte{float:left;width:200px;}
#formQuestion .listeDeroulante{float:left;width:200px;}
#formQuestion .boiteTexte{float:left;height:70px;width:230px;}








.details ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none; }
.details li{
	background: transparent url(Gx/plus.gif) no-repeat 0px 11px;
	padding: 5px 0 0 9px;}	

.faq{
	list-style-type: none;}
.faq li{
		padding: 4px 0 4px 0;}
.faq li.question{
	border-bottom: 1px solid #CCC;	
	height: 100%;}
.faq .q_left{
	float: left;
	background: none;
	width: 546px;}
.faq .q_right{
	float: right;
	width: 54px;
	background: none;
	text-align: right;}
	
	
ul.siteplan{
	list-style-type: disc;
	margin: 0 0 0 20px; 
}
ul.siteplan li{
	padding: 0 0 4px 0;
}
ul.siteplan ul{
	list-style-type: disc;
	margin: 5px 0 0 20px; 
}	
	
	
#contact label{ font-weight: bold; }
#contact .champTexte{	
	background: #FFF;
	border: 1px solid #c8c8c6;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 220px;
	height: 18px;
	line-height: 14px;
	display: block;
	margin:0 0 8px 0;}
#contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #c8c8c6;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 220px;
	height: 17px;
	line-height: 14px;
	display: block;}
#contact .boiteTexte{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 480px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #FFF;
	border: 1px solid #CCC;
	color: #ed1c24;
	cursor: pointer;
	height: 24px;
	font-size: 12px;
	width: 89px;
	font-weight: bold;
	padding: 0px;}
#contact .bouton:hover{
	color: #58585a;}

.colleft{
	float: left;
	width: 300px;}	
	
.erreur{
	color: #F00;
}	


#nextback{
	text-align: center;
	font-size: 11px;
}

#nextback a, #nextback a:link, #nextback a:visited{
	font-weight: bold;
	text-decoration: none;
	color: #000;	
}
#nextback a:hover{
	text-decoration: underline;	
}

.expertise{
	width: 326px;	
	float: left;
	background: none;
}
.expertiselast{
	width: 306px;
}
.expertise .inner{
	border: 1px solid #c9c7c9;
	padding: 10px;
	margin: 0 20px 0 0;
}
.expertiselast .inner{
	border: 1px solid #c9c7c9;
	padding: 10px;
	margin: 0px;
}

.expertise img{
	border: none;
	display: block;
	margin: 0px;
}

.expertise .inner img{
	border: 1px solid #dbdadb;
	display: block;
	margin: 0 0 10px 0;
}
.expertise a, .expertise a, .expertise a{
	color: #4b454a;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
.expertise a:hover{
	color: #ed1c24;	
}

.expertise a:hover img{
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;
	opacity: 0.7;	
}

#carteContact{border:1px solid #999;height:400px;width: 324px;}


.produit{
	width: 326px;	
	float: left;
	background: none;
}
.produitlast{
	width: 306px;
}
.produit .inner{
	border: 1px solid #c9c7c9;
	padding: 10px;
	margin: 0 20px 0 0;
}
.produitlast .inner{
	border: 1px solid #c9c7c9;
	padding: 10px;
	margin: 0px;
}

.produit img{
	border: none;
	display: block;
	margin: 0px;
}

.produit .inner img{
	border: 1px solid #dbdadb;
	display: block;
	margin: 0 0 10px 0;
}
.produit a, .produit a, .produit a{
	color: #4b454a;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
.produit a:hover{
	color: #ed1c24;	
}

.produit a:hover img{
	filter:alpha(opacity=70);   
	-moz-opacity:0.7;
	opacity: 0.7;	
}

.produit .info{
	height: 100%;
	font-size: 12px;
}

.produit .qte{
	padding: 4px 0 0 0;
	float: left;	
	font-weight: normal;
}
.produit .prix{
	padding: 4px 0 0 0;
	float: right;
	font-size: 17px;
}

#produit{}
#p_left{
	float: left;
	width: 377px;
}
#p_right{
	float: left;
	width: 527px;	
}

.p_thumbs{
	float: left;
	width: 131px;
	height: 91px;
	background: none;
}
.p_thumbslast{
	width: 114px;
}
.p_thumbs a, .p_thumbs a:link, .p_thumbs a:visited{
	display: block;
	border: 1px solid #acaaad;
	float: left;
}
.p_thumbs a:hover{
	border: 1px solid #ea1b23;
}
.p_thumbs a:hover img{
	border: 1px solid #ea1b23;
}
.p_thumbs img{
	display: block;
	border: 1px solid #FFF;
}
#actions{
	height: 20px;
}

#actions a, #actions a:link, #actions a:visited{
	float: left;
	padding: 0 25px 0 0;
	height: 13px;
	display: block;
	line-height: 13px;
	margin: 0 40px 0 0;
	color: #585858;
	font-weight: normal;
	text-decoration: none;
	font-size: 12px;
}
#actions a:hover{
	text-decoration: underline;
}
.bg_friend{
	background: transparent url(Gx/04/bg_send_friend.gif) no-repeat top right;	
}
.bg_print{
	background: transparent url(Gx/04/bg_print.gif) no-repeat top right;		
}

a#btn_panier, a#btn_panier:link, a#btn_panier:visited{
	background: transparent url(Gx/04/bg_panier.gif) no-repeat 0px 0px;
	width: 248px;
	height: 49px;
	line-height: 49px;
	display: block;
	
	color: #FFF;
	font-weight: normal;
	font-size: 14px;
	text-decoration: none;
	text-align: left;	
	text-indent: 27px;
	text-transform: uppercase;
}
a#btn_panier:hover{
	background: transparent url(Gx/04/bg_panier.gif) no-repeat 0px -49px;
	text-decoration: none;
}

a#btn_video, a#btn_video:link, a#btn_video:visited{
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
	padding: 0px;
	color: #59595b;
	text-decoration: underline;
	font-weight: bold;
}

.cols{
	float: left;	
	width: 138px;
		}
.innercols{
	border-right: 1px solid #cdcdcd;
	padding: 0 15px 0 0;
	margin: 0 15px 0 0;
	min-height:49px;
	height:auto !important;
	height:49px;
}		
	
.cols .lbl{
	display: block;
	height: 26px;
	line-height: 20px;
}

.cols .prix{
	font-size: 19px;
}


.colslast{
	float: right;
	padding: 0;
	margin: 0;	
}
.usage{
	height: 100%;
	border-bottom: 1px solid #DEDEDE;
}

.usage .txt{
	padding: 5px 0 0 0;	
}




.colheader{
	width: 150px;
	text-align: center;
	padding: 0 0 4px 0;
}

.qry_usage{
	display:block;
	border:1px solid #cdcdcd;
	padding:12px;
	margin:10px 0 0 0;
	position:relative;
}
.qry_usage .inner{
	padding:5px 0 0 0;
}
.qry_usage .close{
	position: absolute;
	top: 3px;
	right: 5px;
	cursor: pointer;
	font-size: 11px;
	color: #58585a;
}

#formsearch{
	display: block;
	width: 250px;
	height: 21px;
	background: none;
}

#formsearch #outersearch{
	width: 150px;
	height: 21px;
	float: right;
	background: #FFF;
	margin: 0;
	position: relative;
	margin: 0 6px 0 0;
}	
#formsearch .champTexte{
	position: absolute;
	top: 1px;
	left: 3px;
	background: none;
	color: #000;
	font-size: 12px;
	width: 144px;
	height: 16px;
	border: none;	
	padding: 0px;
	float: left;
}
#formsearch .bouton{
	background: #5e5d5e;
	border: none;
	color: #FFF;
	height: 21px;
	font-size: 12px;
	padding: 0px;
	line-height: 21px;
	float: right;
	font-weight: bold;
	cursor: pointer;
}
#formsearch .bouton:hover{background:#ed1c24; }	
#formsearch .bouton_fr{
	width: 90px;
}
#formsearch .bouton_en{
	width: 58px;
}

.produitsearch{
	height: 100%;
	border-bottom: 1px solid #DEDEDE;
	cursor: pointer;
}
.produitsearchlast{
	border: none;
}

.produitsearch .img{
	float: left;
	width: 297px;
}

.produitsearch .img img{
	border: 1px solid #AAA;
}

.produitsearch:hover .img img{
	border: 1px solid #ed1c24;
}

.produitsearch:hover h3 a{
	color: #ed1c24;
}

.produitsearch .txt{
	float: left;
	width: 660px;	
	padding: 3px 0 0 0;

}
.produitsearch .innertxt{
	height: 100%;
}

.produitsearch .descr{
	float: left;
	width: 500px;
	padding: 5px 0 0 0;
	background: none;
	text-align: justify;
}

.produitsearch .qte_prix{
	padding: 5px 0 0 0;
	float: right;
	width: 120px;
	background: none;
}

.produitsearch .qte{
	font-size: 13px;
}

.produitsearch .prix{
	font-size: 18px;
}
.produitsearch:hover .prix, .produitsearch:hover .qte{
	color: #ed1c24;
}

#tabpanier td{
	padding: 0 4px 0 6px;	
}

.trTitre td{
	background: #EEE; 	
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;	
	font-weight: bold;
}

#tabpanier .champTexte{
	border:1px solid #CCC;
	background: #FAFAFA;		
}

#tabpanier .trlivraison td{
	padding-top: 3px;
	padding-bottom: 3px;
}


.formpanier .erreur{
	float: left;
	display: block;
}

.formpanier fieldset{
	border:1px solid #cdcdcd; 
	font-size: 11px; 
	margin-bottom:10px; 
	padding:10px;}
.formpanier fieldset legend{
	border: 1px solid #cdcdcd; 
	color:#ed1c24; 
	color: #000;
	font-size:13px; 
	font-weight:bold; 
	padding:3px 8px;}

.formpanier label{ 
	font-weight: bold;
	display: block;
	float: left;	
	width: 135px;
	 }
.formpanier .champTexte{	
	background: #FFF;
	border: 1px solid #c8c8c6;
	color: #000;
	float: left;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 220px;
	height: 18px;
	line-height: 14px;
	display: block;
	margin:0 4px 8px 0;}
.formpanier .listeDeroulante{
	background: #FFF;
	border: 1px solid #c8c8c6;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 220px;
	float: left;
	height: 17px;
	margin:0 4px 8px 0;
	line-height: 14px;
	display: block;}
.formpanier .boiteTexte{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 480px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
.formpanier .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #FFF;
	border: 1px solid #CCC;
	color: #ed1c24;
	cursor: pointer;
	height: 24px;
	font-size: 12px;
	width: 89px;
	font-weight: bold;
	padding: 0px;}
.formpanier .bouton:hover{
	color: #58585a;}

.nobouton{
	background: #FFF;
	color: #000;
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	font-weight: bold;
	border: none;
	cursor: pointer;
}
.nobouton:hover{
	/*text-decoration: underline;*/
}