/* 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 {
	background: url(gx/M/bg_body.jpg) repeat-x  scroll center top;
	padding: 25px 0px;
	text-align:center;
}
html{
	background: url(gx/M/bg_html.gif);
	color: #717172;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica;
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color:#ea1d25; font:18px Helvetica, Verdana, Arial; font-weight: bold; }

h2{color:#464646; font:14px Helvetica, Verdana, Arial; font-weight: bold; margin-bottom:4px;}

h3 { color: #464646; font-size: 13px; font-weight: bold; margin-bottom: 20px; }

p{font-size:12px; line-height:150%; color:#474747;}
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:#ea1d25; text-decoration:underline;}
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{ text-decoration:none; }

ul li{ background: url(Gx/M/li_fleche2.gif) no-repeat 0px 8px; color:#474747; font-size:12px; line-height:150%; list-style:none; margin:0px; padding: 2px 0px 2px 12px;}
ol li{color:#474747; font-size:12px; line-height:150%; margin:0px;}

a, a:link, a:visited, a:active {color:#ea1d25; text-decoration:underline;}
a:hover { text-decoration: none; }

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

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	background: url(Gx/M/bg_conteneur.png) repeat-y !important; 
	background: #fff;
	margin: 0px auto;
	padding: 0px 12px;
	text-align:left;
	width:986px;
}
#top {
	background: url(Gx/M/top_conteneur.png) no-repeat !important;
	background: none;
	margin: 0px auto;
	height: 9px;
	width: 1010px;
}
#haut {
	background: url(Gx/M/map.gif) no-repeat 550px 0px;
	float: left;
	padding-left: 10px;
	height: 99px;
	width: 976px
}

#logo {
	float: left;
	padding-top: 5px;
}
#entete {
	height: 270px;
	width: 986px;
}

#banniere {
	border-top: 1px solid #8b8b8b;
	border-right: 1px solid #8b8b8b;
	padding: 10px 10px 4px 15px;
	float: left;
	height: 200px;
	width: 700px;
}
* HTML #banniere { padding-bottom: 2px; }

#defilement {
	background-color: #0068ab;
	color: #fff;
	font: 15px Helvetica, Arial;
	float: left;
	height: 55px;
	line-height: 55px;
	padding-right: 15px;
	text-align: right;
	width: 711px;
	overflow: hidden;
	position: relative;
}
#defilement DIV { display: none; height: 55px; }
#defilement .texteDefilent {
	display: block;
	text-align: center;
	width: 700px;
	/*position: absolute;
	right: 20px;*/
}


#entete .sep {
	background-color: #ea1d25;
	float: left;
	margin-top: 8px;
	height: 6px;
	width: 986px;
}
* HTML #entete .sep { height: 3px; padding: 0px; }

#fil-arianne { color: #ea1d25; padding: 10px 0px 0px 40px; }
#fil-arianne A { color: #717172; text-decoration: none;	}

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


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



/* MENUS
--------------------------------------------------------------------------------------- */
#menu {
	background: url(Gx/M/bg_menu.jpg) no-repeat;
	float: left;
	margin:0px;
	padding: 15px 38px 15px 20px;
	height: 240px;
	width: 202px;
}
#menu li{ 
	background: none;
	border-top: 1px dotted #cf8184;
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#menu .dernier { border-bottom: 1px dotted #cf8184; }

* HTML #menu li { float: left; height: 24px; width: 202px; } /* BUG IE6 */

#menu li a, #menu li a:link, #menu li a:visited{
	background: transparent url(Gx/M/li_fleche.gif) no-repeat left center;
	color: #fff;
	display: block;
	font: 15px  Helvetica, Verdana, Arial;
	line-height: 29px;
	padding-left: 12px;
	text-decoration: none;
}
#menu li a:hover, #menu li a.actif { background-color: #960308; }
#menu li a.actif { padding-left: 20px; }

* HTML #menu li a { line-height: 24px; } /* BUG IE6 */

/* Menu Secondaire */

#menuSec {
	float: right;
	margin-top: 15px;
	width: 380px;
}
#menuTop {
	float: right;
	margin-right: 10px;
	width: 350px
}
#menuSec #telephone {
	background: url(Gx/M/i_tel.gif) no-repeat left center;
	color: #595959;
	display: block;
	float: left;
	font-family: Helvetica;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	margin-left: 15px;
	padding-left: 25px;
	height: 22px;
	width: 130px;
}

#menuSec #langue {
	background: url(Gx/M/btn_langue.gif) no-repeat;
	border-right: 1px dotted #000;
	display: block;
	float: left;
	padding: 3px 15px 0px 0px;
	text-align: center;
	height: 18px;
	width: 62px;
}
#menuSec #langue A {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

#menuSec #accueil {
	background: url(Gx/M/btn_langue.gif) no-repeat;
	border-right: 1px dotted #000;
	display: block;
	float: left;
	margin-right: 15px;
	padding: 3px 15px 0px 0px;
	text-align: center;
	height: 18px;
	width: 62px;
}
#menuSec #accueil A {
	color: #fff;
	font-size: 10px;
	text-decoration: none;
}

#menuSec #accesRapide {
	clear: both;
	padding: 20px 20px 0px 0px;
	text-align: right;
}
#form-acces #acces {
	background-color: #f1f1f1;
	border: 1px solid #abaaaa;
	color: #595959;
	font: 12px Verdana, Arial;
	/*padding: 3px;*/
	height: 20px;
	width: 180px;
}

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

#accueil #zoneTexte {
	width: 680px;
}
#accueil #zoneTexte .texte {
	float: left;
	padding: 0px;
	width: 500px;
}
#accueil #zoneTexte IMG {
	border: none;
	float: left;
	margin: 0px;
	padding: 0px;
}
#accueil #produits {
	float: right;
	padding: 30px 15px;
}

/* PAGE GÉNÉRAL
--------------------------------------------------------------------------------------- */

#zoneTexte {
	float: left;
	min-height: 300px;
	padding-bottom: 30px; 
	width: 100%;
}

#zoneTexte .titre { 
	border-bottom: 1px dotted #000;
	margin: 20px 10px 20px 40px; 
}
#zoneTexte .texte { 
	float: left;
	padding: 8px 40px; 
	width: 680px;
}
#zoneTexte .texte P { padding-bottom: 10px; }
#zoneTexte IMG { 
	border:1px solid #B2B2B2;
	float: left;
	margin: 10px 0px 40px 40px;
	padding: 1px;
}

.btn_contact, .btn_contact:link, .btn_contact:active, .btn_contact:visited {
	background: url(Gx/M/btn_contact.gif) no-repeat;
	color: #fff;
	display: block;
	font-size: 12px;
	height: 40px;
	width: 292px;
	margin-top: 20px;
	padding: 10px 24px;
	text-align: center;
	text-decoration: none;
}
.btn_contact:hover {
	background-position: bottom;
}

/* 02 : INVENTAIRE
--------------------------------------------------------------------------------------- */

#inventaire {
	min-height: 300px;
	padding-bottom: 30px; 
	width: 100%;
}
#inventaire .titre { 
	border-bottom: 1px dotted #000;
	margin: 20px 40px 0px 40px; 
}

#inventaire-form {
	background-color: #f0f0f0;
	height: 30px;
	margin: 0px 40px 20px 40px;
	padding: 32px 0px;
	text-align: center;
}

#inventaire-form LABEL {
	color: #595959;
	font-size: 12px;
	font-weight: bold;
	padding-right: 5px;
	vertical-align: middle;
}

#inventaire-form #select-inventaire {
	background-color: #fff;
	border: 1px solid #abaaaa;
	color: #595959;
	font: 12px Verdana, Arial;
	padding: 3px;
	text-align: center;
	height: 25px;
	width: 400px;
	vertical-align: middle;
}

#inventaire-form .formPosition {
	float: left;
	margin: 0px 20px 0px 160px;
}

#inventaire-form .btn_ok {
	background: url(Gx/02/btn_ok.gif) no-repeat;
	background-position: left;
	color: #fff;
	display: block;
	float: left;
	padding-top: 5px;
	text-decoration: none;
	height: 38px;
	width: 25px;
}
#inventaire-form .btn_ok:hover { background-position: right; }

#produits {
	float: left;
	padding: 10px 40px;
}
#produits .item {
	border: 1px solid #b2b2b2;
	float: left;
	margin: 19px;
	padding: 2px;
	height: 270px;
	width: 182px;
	position: relative;
}

#produits .item .photo {
	display: block;
	padding-top: 20px;
	height: 120px;
	width: 182px;
}
#produits .item .vendu { position: absolute; }

#produits .item P { padding: 5px; }

#produits .item .lbl_vendu {
	color: #e41b23;
	font-weight: bold; 
}

#produits .lnk_details {
	background: url(Gx/M/li_fleche2.gif) no-repeat left center;
	color: #e41b23;
	padding-left: 10px;
}

/* PAGE DETAILS */

#inventaire-detail .titre {
	border-bottom: 1px dotted #000;
	display: inline;
	float: left;
	margin: 20px 40px 30px 40px; 	
	width: 900px;	
}
#inventaire-detail .titre H2 {
	float: left;
}
#inventaire-detail .titre .lnk_retour {
	background: url(Gx/02/puce.gif) no-repeat left center;
	color: #7f7f7f;
	float: right;
	padding-left: 10px;
	text-decoration: none;
}
#inventaire-detail .titre .lnk_retour:hover { color: #0068ab; }

#produit {
	margin: 0px 40px 100px 40px;
	float: left;
	display: inline;
}

#produit .box_photo {
	float: left;
	width: 400px;
	/*overflow: hidden;*/
	position: relative;
}
#produit .photo {
	border: 1px solid #b2b2b2;
	float: left;
}
#produit .box_photo .promotion {
	position: absolute;
	top: -10px;
	right: 20px;
}

#produit .box_photo .btn_precedent {
	background-color: #abaaaa;
	border-right: 1px solid #d5d5d5;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	padding-right: 20px;
	text-align: right;
	text-decoration: none;
	height: 36px;
	width: 179px;
}
#produit .box_photo .btn_precedent:hover, #produit .box_photo .btn_suivant:hover {
	background-color: #9c9b9b;
	font-weight: bold;
}
#produit .box_photo .btn_suivant {
	background-color: #abaaaa;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	padding-left: 20px;
	text-decoration: none;
	height: 36px;
	width: 180px;
}

#produit #detail {
	float: left;
	padding: 10px 30px;
	width: 440px;
}

#produit #detail P {
	line-height: 20px;
}
#produit #detail .accessoires {
	color: #0068ab;
	font-weight: bold;
	margin-top: 20px;
}

#produit #detail .btn_recevoir {
	background: url(Gx/02/btn_recevoir.gif) no-repeat;
	color: #fff;
	display: block;
	font-size: 12px;
	height: 40px;
	width: 369px;
	margin-top: 50px;
	padding: 10px 23px;
	text-align: center;
	text-decoration: none;
}
#produit #detail .btn_recevoir:hover {
	background-position: bottom;
}

/* 04_100 : PAGE LOCATION
--------------------------------------------------------------------------------------- */

#pageLocation { float: left; }

#pageLocation #zoneTexte { width: 570px; }

#pageLocation #photos {
	float: left;
	margin-top: 35px;
	width: 400px;
}
#pageLocation #photos .photo {
	border: 1px solid #666;
	display: block;
	float: left;
	height: 110px;
	width: 174px;
	margin: 10px;
	padding: 1px;
	overflow: hidden;
}

/* 05_100 : PAGE FORMATION
--------------------------------------------------------------------------------------- */

#zoneTexte #logoCSST {
	border: none;
	float: left;
	height: 30px;
	padding: 0px;
	margin: 0px 10px 10px 0px;
}

/* 06_100 : PAGE PROMOTION
--------------------------------------------------------------------------------------- */

#inventaire .texte { padding: 15px 40px; }

.btn_depliant, .btn_depliant:link, .btn_depliant:active, .btn_depliant:visited {
	background: url(Gx/06/btn_depliant.gif) no-repeat;
	color: #fff;
	display: block;
	font-size: 12px;
	height: 40px;
	width: 160px;
	margin-top: 20px;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
}
.btn_depliant:hover {
	background-position: bottom;
}

/* 08_100 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */

#zoneNouvelle {
	float: left;
	padding: 20px 40px;
}
#zoneNouvelle .titre { 
	border-bottom: 1px dotted #000;
	margin: 0px 10px 20px 0px; 
}
#zoneNouvelle .texte { 
	float: left;
	min-height: 300px;
	width: 900px;
}
#zoneNouvelle .texte P { padding-bottom: 10px; }

#zoneNouvelle .nouvelle { 
	border-bottom: 1px dotted #b2b2b2;
	padding: 20px 0px; 
}
#zoneNouvelle .nouvelle H3 { margin: 0px; }
#zoneNouvelle .photo {
	border: 1px solid #b2b2b2;
	float: right;
	margin-left: 15px;
	padding: 1px;
}

/* 00_888 : PLAN DU SITE
--------------------------------------------------------------------------------------- */

#planSite LI {	font-size: 13px; }
#planSite UL LI {	font-size: 11px; }
 
#planSite A, #planSite A:link, #planSite A:visited, #planSite A:active {
	color: #717172;
	text-decoration: none;
}
#planSite A:hover { color: #EA1D25; }

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#pageContact #zoneTexte .texte { float: left; width: 400px; }

#carte, #carteContact {border:1px solid #999; height:350px; width:400px;float:right; margin: 0px 20px; }
#boiteFormQuestion{float:left; margin-left: 40px; width:370px;}

#formQuestion{float:right;width:370px;}
#formQuestion label{float:left;width:120px;}
#formQuestion .champTexte{float:left;width:200px;}
#formQuestion .listeDeroulante{float:left;width:200px;}
#formQuestion .boiteTexte{float:left;height:70px;width:230px;}
#formQuestion .btn_depliant {
	float: right;
	margin-right: 37px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px dotted #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{ background-color: #fff; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:5px 0 5px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:5px 0px;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:5px 0px;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:5px 0px;
}
.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; width: 450px; 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; width: 450px; border-radius:4em; -moz-border-radius:4px; -webkit-border-radius:4px;}
p.conseil{font-size:10px;display:none;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ 
	background: url(Gx/M/bg_footer.png) no-repeat !important; 
	background: url(Gx/M/bg_footer.jpg) repeat-x;
	color:#fff; 
	font-size:10px; 
	height:268px; 
	margin: 0px auto;
	padding:0px 15px; 
	width: 980px;
}
#piedPage a{color:#fff; text-decoration: none; }
#piedPage a:hover{ text-decoration:underline; }
#piedPage #copyrights{ margin-left: 10px; text-align:left;}
#piedPage #copyrights a{ color: #9ac1dc; }

#piedPage #img_footer {
	background: url(Gx/M/img_footer.gif) no-repeat center center;
	float: left;
	height: 200px;
	margin-bottom: 10px;
	width: 240px;
}
#piedPage H2 {
	background-color: #0f4484;
	color: #fff;
	display: block;
	float: left;
	font: 15px Helvetica, Verdana, Arial;
	line-height: 18px;
	margin-bottom: 5px;
	padding: 5px 30px 5px 15px;
}
#piedPage .bloc {
	background-color: #144f94;
	float: left;
	height: 28px;
	margin-left: 1px;
	margin-bottom: 5px;
}
#piedPage #coordonnees .bloc { width: 190px; }
#piedPage #navigation .bloc { width: 240px; }

#piedPage #coordonnees {
	float: left;
	margin-right: 60px;
	padding-top: 25px;	
	text-align: left;
	width: 325px;
}
#piedPage #coordonnees P {
	color: #fff;
	font-size: 10px;
	line-height: 20px;
	padding: 10px 15px;
}

#piedPage #navigation {
	float: left;
	padding-top: 25px;
	text-align: left;
	width: 355px;
}
#piedPage #navigation .menuBas {
	float: left;
	margin: 0px;
	padding: 10px 0px;
}
#piedPage #navigation .menuBas LI {
	background: url(Gx/M/li_fleche.gif) no-repeat left center;
	font-size: 11px;
	list-style: none;
	margin: 0px;
	padding: 2px 0px 2px 10px;
}

#piedPage #navigation .col1 {
	margin-right: 90px;
}

#piedtexte {
	color:#666;
	font-size:11px ;
	text-align:justify;
	margin: 0px auto;
	padding: 10px 0px 20px 0px;
	width:1000px;   
}

#piedtexte a{color:#7d7b83; text-decoration:underline; font-size: 11px ;}
#piedtexte a:hover{color:#7d7b83;}


/* Partager cette page (bookmarker) */
#socialBookmarker{ margin-left: 9px; }
#socialBookmarkerPrefix{ background: url(Gx/M/mini-vortex.gif) no-repeat; color: #9ac1dc; float:left;cursor:default; height: 20px; padding-left: 25px;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup{border:solid 1px; background-color:#FFF; display:none; padding:4px; position:absolute; text-align:left; width:150px;}
#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;}