/* 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
--------------------------------------------------------------------------------------- */

body#main{
	background: #f3f3f3;
}
html{
	color: #525252;
	font-size: 11px;
	font-family: Tahoma, Arial, Verdana,  Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman"; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color:#303030; font-family: Tahoma; font-size:18px; margin-bottom:6px; }
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color:#333; font-size:15px; margin-bottom:4px;text-align: left;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

p{font-size:12px; line-height:130%; color:#525252;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#3f8208;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}

a{
	text-decoration: none;
}

ul li{color:#1F1F1F; font-size:12px; line-height:150%; list-style:square;}
ol li{color:#1F1F1F; font-size:12px; line-height:150%; margin-left:16px;}

/* 
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{font-size: 11px; margin-bottom:10px; padding:0px;}
fieldset legend{color:#000; font-size:14px; font-weight:bold; padding:3px 0;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	background: #EEF3F7;
	border: 1px solid #00a850;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #00a850;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton{
	background-color: #FFF;
	border: 1px solid #00a850;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;
	padding: 4px 8px;
}
.bouton:hover{background-color:#CCC; color:#000;cursor: pointer;}
.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:10px;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;} */


/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin:0 auto 0 auto;
	text-align: left;
	width:980px;
}
#contenu{
	min-height:400px;
	height:auto !important;
	height:400px;
	text-align:justify;
}

#contenu.contenuAccueil{
	min-height:200px;
	height:auto !important;
	height:200px;
}

#haut{
	height: 126px;
}

#logo{float:left;margin:27px 0 0 14px;}
#logoTexte{float:left;margin:46px 0 0 51px;}

#banniere{
	/*background: url(gx/banniere1.jpg);*/
	height: 278px;
	margin-top: 3px;
}

#banniere.interieur{
	background: url(gx/banniere1.jpg);
	height: 130px;
}

p.interieurTexte{
	width: 585px;
}

#banniereShadow{
	background: url(gx/banniereShadow.jpg) no-repeat top;
	height: 12px;
	position: relative;
	left: -27px;
	width: 1034px;
}

#banniereContenu{
	height: 278px;
}

#banniereTexte{
	background: url(gx/banniereTextebg.png);
	height: 49px;
	position: relative;
	top: 230px;
}

#banniereTexte p{
	color: #FFF;
	font-size: 18px;
	height: 49px;
	line-height: 18px;
	margin: 0 0 0 18px;
	padding-top: 8px;
}

#banniereTexte img{
	position: relative;
}

#banniereTexte p span{
	color: #6ca93a;
	font-size: 12px;
}

.boite{
	background: url(gx/boitebg2.png) no-repeat;
	float: left;
	min-height:215px;
	height:auto !important;
	height:215px;
	padding: 5px 5px 14px 6px;
	width: 200px;
}

.boite img{
	margin-top: 3px;
}

.boite p{
	margin: 10px 0 0 12px;
	width: 175px;
}

.bandeRouge{
	background: url(gx/bandeRougebg2.jpg) repeat-x;
	width: 199px;
}

.bandeRouge h2{
	color: #FFF;
	font-family: Tahoma;
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 0 7px;
	padding-bottom: 3px;
}

.voirplus{
	color: #3f8208;
}

.voirplus a{
	text-decoration: underline;
}


#boite2 a{
	background: url(gx/puce.gif) no-repeat top left;
	color: #212121;
	display: block;
	line-height: 13px;
	margin-bottom: 7px;
	padding:0 0 0 18px;
}

#bandeNoir{
	background: url(gx/bandeNoirbg.jpg) repeat-x;
	height: 25px;
}

#bandeNoir h2{
	line-height: 25px;
}


#boiteVideo{
	float: left;
	margin: 5px 0 0 5px;
}


#nouvelles{
	border-bottom: 1px #000 solid;
	margin: 5px 0 0 0;
}

#nouvellesBorder{
	border-top: 1px #363636 solid;
}

#nouvelles h2 a{
	color: #ed1c24;
	font-size: 19px;
	font-family: Tahoma;
}

.blockNouvelle{
	border-right: 1px #636363 dotted;
	float: left;
	margin: 15px 47px 20px 0;
	padding-right: 10px;
	width:284px;
}

.blockNouvelle.dernier{
	border: none;
	margin-right: 0;
}

.blockNouvelle p{
	color: #9c9c9c;
}

#nouvelles .blockNouvelle p a{
	color: #9c9c9c;
}

.blockNouvelle span{
	color: #ed1c24;
	font-size: 11px;
}

.blockNouvelle .voirplus{
	color: #ed1c24;
	margin-top: 6px;
}

#nouvelles .blockNouvelle .voirplus a{
	color: #ed1c24;
}

#nouvelles .blockNouvelle .voirplus a:hover{
	text-decoration: none;
}



#appellezNous{
	border: 1px #bababa solid;
	float: right;
	height: 81px;
	margin: 7px 0 0 0;
	text-align: center;
	width: 320px;
}

#appellezNous p{
	color: #000;
	font-size: 22px;
}

#appellezNous span{
	color: #555;
}

#appellezNous span.texteRouge{
	color: #e42c33;
}

#appellezNous a{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

#appellezNous a:hover{
	color: #555;
}

/* PRODUITS
--------------------------------------------------------------------------------------- */

#contenuProduit{
	margin: 20px 0 0 0;
	width:980px;
}

.blockProduit{
	float: left;
	margin: 0 50px 50px 0;
	width:440px;
}

.blockProduit img{
	border: 1px #737373 solid;
	float: left;
	margin: 0 17px 0 0;
}

.blockProduit p{
	color: #444444;
	font-family: Tahoma;
	font-weight: bold;
	margin: 0 0 13px 0;
}

#contenuProduit .blockProduit .voirplus a, #coloneInterieur a{
	color: #cc2c2c;
	font-weight: normal;
	text-decoration: underline;
}

#contenuProduit .blockProduit .voirplus a:hover, #coloneInterieur a:hover{
	text-decoration: none;
}


/* PRODUITS DETAIL
--------------------------------------------------------------------------------------- */

#menuGauche{
	background: #FFF;
	border: 1px #e4e4e4 solid;
	float: left;
	margin: 0 20px 5px 0;
	width: 200px;
}

#menuGauche ul{
	margin:20px 0 0 0;
	width: 185px;
}

#menuGauche li{
	font-weight: bold;
	list-style: none;
	margin: 0 0 15px 16px;
}

#menuGauche li a{
	background: url(gx/puceMenuGauche.gif) no-repeat top left;
	color: #303030;
	display: block;
	font-size: 12px;
	padding-left: 25px;
}

#menuGauche li a.actif{
	background: url(gx/puceMenuGauche_actif.gif) no-repeat top left;
}


#contenuDetail{
	float: left;
	min-height:200px;
	height:auto !important;
	height:200px;
	margin: 0px 0 0 0;
	text-align:justify;
	width: 400px;
}

#contenuDetail ul li ul{
	margin-left:10px;
}

#contenuDetail ul li, #plandusite li{
	background: url(gx/puceArrow1.gif) no-repeat top left;
	list-style: none;
	padding-left: 20px;
}

#contenuDetail ul li ul li, #plandusite li ul li{
	background: url(gx/puceArrow2.gif) no-repeat left;
	list-style: none;
	padding-left: 12px;
}

#menuDroite{
	float: right;
	width: 320px;
}

#menuDroite.imgDroite{
	margin-left: 20px;
}

#menuDroite.imgService{
	margin:-28px 0 0 10px;
}

#Visionneuse{
	float: right;
	min-height:225px;
	height:auto !important;
	height:225px;
	margin: 10px 2px 2px 0;
	width: 320px;
}

#VisionList li{
	list-style: none;
	float: left;
	margin: 0 0 0 11px;
}

#VisionList img{
	border: #FFF 2px solid;
}

#VisionList img:hover{
	border: #00a950 2px solid;
	/*opacity:0.70;*/
}

#VisionMain{
	background: #FFF;
	border: #bababa 1px solid;
	height: 213px;
	margin-bottom: 5px;
	padding: 1px;
	width: 318px;
}

#VisionList{
	background: url(gx/visionListbg.jpg) repeat-x bottom;
	min-height:54px;
	height:auto !important;
	height:54px;
	margin: 0;
	width: 321px;
}


#btDroite a{
	background: url(gx/btDroitebg.jpg) no-repeat left top;
	color: #363636;
	display: block;
	float: left;
	font-size: 18px;
	height: 37px;
	padding: 7px 0 0 52px;
	width: 105px;
}

#btDroite #btImprimer{
	float: right;
}

#btDroite #btBrochure{
	background: #CCC url(gx/btDroitebg2.jpg) no-repeat left top;
	width:268px;
}

#btDroite #btBrochure.large{
	font-size: 14px;
	font-weight: bold;
	height: 34px;
	padding-top:10px;
}

#btDroite #btBrochure:hover{background: #CCC url(gx/btDroitebg2.jpg) no-repeat left bottom;}

#btDroite a:hover{background-position: bottom;}


#blockVideo{
	background: #FFF;
	border: #bababa 1px solid;
	height: 188px;
	margin: 5px 0 20px 0;
	padding: 1px;
	width: 318px;
}

#detailsCouleur{
	margin: 10px 0 0 0;
}

#blockCouleur{
	margin: 10px 0 0 0;
}

.couleur{
	background: #FFF;
	border: #999 2px solid;
	float: left;
	height: 40px;
	margin: 0 5px 10px 0;
	width: 55px;
}


/* Page Intérieur
--------------------------------------------------------------------------------------- */

#coloneInterieur{
	float: left;
	/*width: 740px;*/
}

#blockListing{
	margin: 15px 0 0 0;
}

#blockListing img{
	float:left;
	margin: 0 15px 0 0;
}

#realisation.blockProduit{
	margin: 0 63px 50px 0;
	width:145px;
}

#realisation.blockProduitDernier{
	margin-right: 0px;
}

#nouvellesMedia a img{
	margin-bottom:10px;
}

#nouvellesMedia .media{
	float:left;
	margin:0 15px 10px 0;
}

#blockDownload{
	float: left;
	margin-top: 15px;
}

#blockDownload span, #titreDownload span{
	display:block;
	float: left;
	font-size:15px;
	font-weight: bold;
	margin: 0 15px 0 0;
	width: 200px;
}

#blockDownload a{
	color: #3F8208;
}

#blockDownload a:hover{
	color: #000;
}

.both{clear:both;}


/* MENUS
--------------------------------------------------------------------------------------- */
#menu {background:url(gx/menubg.jpg) repeat-x; height: 45px; margin:0;padding:0;}
#menu li{padding:0; margin:0; float:left;height: 45px; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	border-left: 1px solid #77c450;
	border-right: 1px solid #539a30;
	color: #FFF;
	display: block;
	float:left;
	font-family: Tahoma;
	font-size: 20px;
	line-height: 20px;
	margin-top: 12px;
	padding:0 28px 3px 28px;
	text-decoration: none;
}

#menu li.premier a{border-left:none;}
#menu li.dernier a{border-right:none;}

#menu li:hover a, #menu li a:visited:hover{color:#333;}

#menu li a.actif{color:#000;}

/* Navigation secondaire */
#menuSec{background:#FFF url(gx/menuSecbg.jpg) repeat-x top;float:right;}
#menuSec li{
	display:inline; float:left; 
	list-style-type:none; 
	height: 43px;
	margin:0;
}

#menuSec li.premier{background: url(gx/menuSecbg_premier.jpg) no-repeat;padding-left:3px;}
#menuSec li.dernier{background: url(gx/menuSecbg_dernier.jpg) no-repeat right;padding-right:3px;}

#menuSec li.dernier a{border:none;}

#menuSec a{
	border-right:1px solid #cecece;
	color: #2d2d2d;
	float:left;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 12px;
	margin: 12px 0 0 0;
	padding:0 11px 2px 10px; 
}

/* Navigation en bas-de-page */
#menuBas{float:left;}
#menuBas li{
	border-right:1px solid #3f3f3f; 
	display:inline; float:left; 
	line-height: 13px;
	list-style-type:none; 
	padding:0 5px 0 5px; 
	margin:0;
}
#menuBas li.premier{padding:0 5px 0 0;}
#menuBas li.dernier{border:0; padding:0 0 0 5px;}

#menuBas a, #menuBas a:link, #menuBas a:visited{color:#848484;float:left;font-size: 12px;}

#filDAriane {color:#585858;font-size: 11px;margin:0 0 15px 0; text-decoration: none;}
#filDAriane a{color:#929292; text-decoration: none;}
#filDAriane a:hover, #filDAriane .actif{text-decoration: underline;}

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

.jshowoff-slidelinks a, .jshowoff-controls a {
	display: block;
	background-color: #000;
	border: 2px #6ca93a solid;
	height: 7px;
	margin: -5px 0 0 5px;
	float: left;
	text-decoration: none;
	position: relative;
	top: -25px;
	left: 870px;
	outline: none;
	font-size: 8px;
	line-height: 8px;
	text-indent: -9000px;
	width: 7px;
}
	
.jshowoff-slidelinks a:hover, .jshowoff-controls a:hover {
	color: #fff;
	text-decoration: none;
}
.jshowoff-slidelinks a.jshowoff-active, .jshowoff-slidelinks a.jshowoff-active:hover {
	background-color: #6ca93a;
	color: #000;
}

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

#formQuestion{float:left;width:370px;}
#formQuestion label{float:left;width:80px;}
#formQuestion .champTexte{float:left;width:230px;}
.codePostalChamp{border: 1px solid #00a850;margin-right:50px;width:135px;}
#formQuestion .listeDeroulante{float:left;width:230px;}
#formQuestion .boiteTexte{float:left;height:70px;width:230px;}

#formQuestion.envoiFichier{width:570px;}
#formQuestion.envoiFichier label{width:150px;}
#formQuestion.envoiFichier .boiteTexte{height:100px;width:380px;}

#envoiDemande{width:620px;}

#envoiDemande .bouton{margin-right:27px;}
#envoiDemande .champTexte{float:left;width:230px;}
#envoiDemande .label{float:left;margin-top:10px;}

.gauche{
	float:left;
	width:250px;
}
.droite{
	float:left;
	width:250px;
}

#plandusite li ul{
	margin-left: 20px;
}

#coloneDroite{
	float: right;
	width:350px;
}

#distributeur a{color: #525252;text-decoration: underline;}
#distributeur a:hover{text-decoration: none;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#conteneurPiedPage{ background: #212121;}
#piedPage{color:#5b5b5b; font-size:12px; margin:0 auto 15px auto; padding:0; width:980px;}
#piedPage a{color:#5b5b5b;}
#piedPage a:hover{text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{color:#5b5b5b;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#a7a7a7;}
#piedPage #copyrights span{color:#a7a7a7;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline;}
#piedPage #menuBas{float:left;text-align:left;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right;margin-top:12px;}
#socialBookmarkerPrefix{
	float:left;
	color: #848484;
	cursor:default;
	background: url(gx/logovortex.png) no-repeat left top;
	font-size:11px; 
	padding:1px 0 0 24px;
}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:315px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems{float:left; height:25px; margin-right:4px; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a{height:25px; line-height:25px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{border:none; color:#000; display:block; padding-left:2px; text-decoration:none; width:150px;}
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{background-color:#eee; border:1px solid #666; color:#333; display:block; height:25px; padding-left:2px; text-decoration:none; width:150px;}

#sddm{z-index: 30;}

#sddm div{	
	position: absolute;
	visibility: hidden;
	margin: 45px 0 0 0;
	padding: 0;
	z-index: 9000;
}

#menu #sddm li div a{
	background: #00a850 url(gx/menubg2.jpg) repeat-x;
	color: #FFF;
	position: relative;
	display: block;
	height: 25px;
	line-height: 25px;
	float: none;
	font-family: Tahoma;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0px 10px;
	width: auto;
}

#menu #sddm.quiNousSommes li div a{padding: 0px 27px;}

#menu #sddm li div a:hover{color: #000;}