/* PAGE SPLASH
--------------------------------------------------------------------------------------- */
#index{
	background: #A13104;
	text-align:center;
}

#index #conteneur_splash{
	margin: 0 auto;
	height:250px;
	width:496px;
	position:relative;
	top:120px;
	text-align:left;
	
}
#index #conteneur_splash #logo{position:absolute;top:10px;}
#index #conteneur_splash #lien_fr{position:absolute;top:120px;}
#index #conteneur_splash #lien_en{position:absolute;top:125px;left:317px;}

/* SITE
--------------------------------------------------------------------------------------- */
body#main{
	background: #eae9e9 ;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #696a6c;
	font-size: 12px;
	font-family: Helvetica, Tahoma, Arial, Verdana,   "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #A13104; font-size:15px;margin-bottom:5px;text-transform:uppercase;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

h2{color: #A13104; font-size:15px;margin-bottom:5px;text-transform:uppercase;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

h3{ font-size:14px;text-transform:uppercase;}
h3 a, h2 a:link, h2 a:visited{color:#333;}

a{color:#A13104;}
p{font-size: 12px; line-height: 150%; color: #696a6c;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ol li a, ol li a:visited{color:#0A254E; text-decoration:underline;}
p a:hover, p a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}

ul li{color: #696a6c; font-size:12px; line-height:150%; list-style:none; margin-left:16px;}
ol li{color: #696a6c; font-size:12px; line-height:150%; margin-left:16px;}

ul li a, ul li a:visited{text-decoration:none;color: #696a6c; } 
ul li a:hover, ul li a:visited:hover{text-decoration:underline;color: #A13104;} 
/* 
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{
	margin: 0 auto 0 auto;
	text-align:left;
	width:979px;
	position:relative;
}
#conteneur #contenu{	
	border-left:1px solid #bdbcbc;
	border-right:1px solid #bdbcbc;
	background:#fff;
	width:977px;
	padding-bottom:20px;
	min-height: 300px; height: 100%; _height:300px;
}
#conteneur #contenu ul li{background:#fff url(gx/M/puceListe.gif) no-repeat left top;padding-left:15px;}

#texte_general{padding:15px 20px 0 20px;}
.both{clear:both;}

/* HAUT
--------------------------------------------------------------------------------------- */
#conteneur #haut {
	background:#fff url(gx/M/bg_haut_page.gif) no-repeat left top;
	height:163px;
}
#conteneur #haut #logo{position:relative;left:500px;top:30px;}
#conteneur #haut #menu_utilitaire a{color:#b3b6bd;text-decoration:none;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu_utilitaire{padding:10px 0 0 15px;}
#menu_utilitaire span{color:#6e7177;}
#menu_utilitaire a:hover{text-decoration:underline;}

#menu{
	width:979px;
	background-color:#a13104;
	border-top:1px solid #781b19;
	border-bottom:1px solid #781b19;
	height:50px; margin:0; padding:0;
	position:relative;
}
#menu ul{margin:0;padding:0;}
#menu ul li{padding:0; margin:0; display:inline; list-style-type:none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display:block;
	float:left;
	padding:16px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-transform:uppercase;
	border-right:1px solid #c1714a;
}
#menu ul li a:hover, #menu ul li a:visited:hover{background-color:#d09783; }
#menu ul li a.actif, #menu ul li a.actif:visited{background-color:#d09783; }

#sousMenu1{border:1px solid #424242;position:absolute;top:50px;background: #4c4c4c;}
#sousMenu1 #separationSousMenu{border-top:1px solid #707070;}

.sousMenu_fr a, .sousMenu_en a{
	font-weight:bold;
	margin:0;
	padding:0;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:8px 12px;
}
 #sousMenu1.sousMenu_fr  a {width:141px;}
 #sousMenu1.sousMenu_en a{width:102px;}

.sousMenu_fr a:hover, .sousMenu_en a:hover{
	background: #707070;
}

/* PAGE RECHERCHE
--------------------------------------------------------------------------------------- */
#boite_search{background-color:#c1714a;width:249px;height:50px;float:right;}
* html #boite_search{height:51px;}

#boite_search #inputSearch{
	width:170px;
	margin:13px 10px 0 20px;
	height:18px;
	padding:3px 0 0 5px;
}

#btn_go_search{
	margin-top:12px;
}

.boiteResultat{
	background:#fff;
	border-top:1px solid #ddd;
	display:block;
	margin:5px 0;
	padding:17px;
}
.textes_boiteResultat h1{font-size:12px;text-transform:none;}
.textes_boiteResultat h2{font-size:12px;text-transform:none;}
.textes_boiteResultat h3{font-size:12px;text-transform:none;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#listeImage{
  
  height:270px;
}
#listeImage div{
  display:none;
 
}
#listeImage div.Actif{
  display:block;
}

#Texte_principal_accueil{
	background:#fff url(gx/00/bg.gif) repeat-y right;
	width:400px;
	float:left;
	margin-top:20px;
	padding:0 20px 0 25px;
}

#Texte_fransylMobile_accueil{
	position:relative;
	padding:10px 0;
	margin:20px 20px 0 15px;
	width:350px;
	float:left;
	background:#fff url(gx/00/bg.gif) repeat-y right;
}
#Texte_fransylMobile_accueil p{
	font-size:11px;
	position:absolute;
	top:60px;
	left:206px;
	display:block; 
	width:112px;
}
#Texte_PromoAccueil{
	position:absolute;
	left:445px;
	padding:10px 10px 0 10px ;
	margin:20px 20px 0 15px;
	width:340px;
	background:#fff url(gx/00/bg.gif) repeat-y right;
}

#franPoint{
	margin-top:35px;
	position:absolute;
	left:850px;
}

#lien_systeme_vedette_accueil{
	background:#fff url(gx/00/bg.gif) repeat-y right;
	width:240px;
	float:left;
	margin-top:20px;
	padding:0 15px 0 65px;
}
#lien_systeme_vedette_accueil a{text-decoration:none;color:#696A6C;}
#lien_systeme_vedette_accueil a:hover{text-decoration:none;color:#A13104;}

#Texte_fransylMobile_accueil2{
	position:relative;
	padding:10px 0;
	margin:20px 20px 0 60px;
	width:390px;
	float:left;
	background:#fff url(gx/00/bg.gif) repeat-y right;
}
#Texte_fransylMobile_accueil2 p{
	font-size:11px;
	position:absolute;
	top:60px;
	left:206px;
	display:block; 
	width:112px;
}
#Texte_PromoAccueil2{
	position:absolute;
	left:350px;
	padding:10px 20px 0 10px ;
	margin:20px 20px 0 15px;
	width:350px;
	background:#fff url(gx/00/bg.gif) repeat-y right;
}
#franPoint2{
	margin-top:35px;
	position:absolute;
	left:810px;}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
#texte_contact{
	padding:0 20px;
	width:400px;
	float:left;
	margin:20px;
	background:#fff url(gx/00/bg.gif) repeat-y right;
}
#formulaire_contact{padding:20px;margin-left:470px;width:423px;}

#carte_succursales{position:relative;}
#carte_succursales a{color:#000;text-decoration:none;display:block;font-weight:bold;}
#carte_succursales a img{margin-right:4px;}
#carte_succursales a span{position:relative; top:-7px;}
#carte_succursales a span.actif{color:#A13104;text-decoration:underline;}
/* PAGE REFERER CE SITE
--------------------------------------------------------------------------------------- */
#formulaire_referer{width:454px;padding:20px;}
.LienPartenaire img{padding:5px;border:1px solid #ddd;margin: 0 20px;}

.LienPartenaire{margin:20px 20px 20px 0;}


/* PAGE SERVICES
--------------------------------------------------------------------------------------- */
#MenuService{margin:0;padding:0;}

#MenuService img{margin:0;padding:0;float:left;}

#page_service{padding:0 20px;}
#page_service h2{font-size:13px;}

.services{}
.text-service{float:left;width:500px;}
.image-service{width:420px;margin-left:510px;}
.image-service img{border:2px solid #404143;margin-top:25px;}


/* PAGE SYSTEMES 
--------------------------------------------------------------------------------------- */

#page_systeme{padding:0 20px;}

#page_systeme h2{font-size:13px;}

#boiteOutil{/*background:#fff url(gx/02/point.gif) repeat-y top left;*/float:right;width: 260px; /*margin-top:50px;*/}
#btnOutil{background-position: 0 0; display:block; float:right; height:72px; margin-bottom:5px; width: 223px;	 }
#btnOutil span{display:none;}
#boiteOutil .info-fr{background-image: url(gx/02/btn_info_fr.gif);}
#boiteOutil .photo-fr{background-image: url(gx/02/btn_photo_fr.gif);}
#boiteOutil .video-fr{background-image: url(gx/02/btn_video_fr.gif);}
#boiteOutil .calcul-fr{background-image: url(gx/02/btn_calcul_fr.gif);}
#boiteOutil .info-en{background-image: url(gx/02/btn_info_fr.gif);}
#boiteOutil .photo-en{background-image: url(gx/02/btn_photo_fr.gif);}
#boiteOutil .video-en{background-image: url(gx/02/btn_video_fr.gif);}
#boiteOutil .calcul-en{background-image: url(gx/02/btn_calcul_fr.gif);}
#btnOutil:hover{background-position:  0 72px; }


#systemes_vedettes{margin-top:10px;background-color:#eae8e9;float:left;width:865px;/*width:635px;*/padding:15px 0 20px 25px;}
.lien_systeme_vedette{float:left;width:216px;height:200px;}
.lien_systeme_vedette a{text-decoration:none;color:#696A6C;}
.lien_systeme_vedette a:hover{text-decoration:none;color:#A13104;}

#autres_systemes{float:left;width:920px;/*width:655px;*/margin-top:10px;}
.lien_autres_systemes img{margin:0;}
.lien_autres_systemes{float:left;height:140px;width:115px;font-weight:bold;margin:0 15px 10px 0;}
.lien_autres_systemes a{text-decoration:none;color:#696A6C;}
.lien_autres_systemes a:hover{text-decoration:none;color:#A13104;}

#categories_produits{float:left;width:900px;margin-top:5px;padding:0px 0 0 30px;}

#fil_arianne{padding:20px;}

#texte_systeme{float:left;width:500px;padding:0 20px;}
#image_composante_systeme{width:420px;margin-left:540px;}
#texte_systeme h1{font-size:15px;color:#696A6C;text-transform:none;}

#titre_systeme{font-size:15px;color:#696A6C;}

.image_systeme{border:2px solid #404143;margin-bottom:10px;}

#conteneur #contenu #Lien1{float:left;margin-right:15px;}
#conteneur #contenu #Lien2{float:left;position:relative;margin-right:15px;}
#conteneur #contenu #Lien3{float:left;position:relative;margin-right:15px;}
#conteneur #contenu #Lien4{float:left;}
#conteneur #contenu #Lien5{float:left;position:relative;top:10px;left:239px;}


#MenuSysteme{ padding:65px 0 0 18px;}

a:focus {outline: none;}

#panel, #panel2 {
	height: 86px;
	display: none;
	position:absolute; 
	left:0;
	bottom:5px;
}
*+html #panel {bottom:3px;}
*+html #panel2 {bottom:3px;}
* html #panel {bottom:3px;}
* html #panel2 {bottom:3px;}


#panel img {float:left;}
#panel2 img {float:left;} 

.slide {
	margin: 0;
	padding: 0;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	position:relative;
}

/* PAGE PRODUIT 
--------------------------------------------------------------------------------------- */
#texte_produit{float:left;width:500px; padding:0 20px;}

/* PAGE CATALOGUE 
--------------------------------------------------------------------------------------- */
.listes_catalogue{margin:5px 0;}
.listes_catalogue a{text-decoration:none;color:#696A6C;font-weight:bold;}
.listes_catalogue a:hover{text-decoration:underline;}
.listes_catalogue a div {background-color:#f9f9f9;padding:5px;text-decoration:none;}
.listes_catalogue ul{margin:2px 0 10px 25px;}


/* PAGE NOUVELLES 
--------------------------------------------------------------------------------------- */
.colLeft {float:left; width:675px;}
	.itemNews {width:630px; margin-bottom:20px; padding:15px; background:#EEEEEE;}
	.itemNews2 {width:630px; margin-bottom:20px; padding:15px 15px 15px 0px;}
.colRight {float:left; width:257px;}
	.itemListNews {margin-bottom:2px; padding:5px 5px 5px 15px; border:1px solid #EEEEEE;}
	ul.listNews {margin:0px; padding:0px;}
		ul.listNews li {font-size:10px; margin:0px 0px 0px 10px; padding:0px; list-style:sqare;}

img.bordurePhoto {border:3px solid #EEEEEE;}
		
h3.tiNews {font-size:14px; text-transform:uppercase; margin-bottom:5px;}
h3.tiNews a, h3.tiNews a:link, h3.tiNews a:visited {color:#333; text-decoration:none;}
h3.tiNews a:hover {text-decoration:underline;}

/* PAGE PHOTOS 
--------------------------------------------------------------------------------------- */
.Photos{float:left;margin:10px 20px 10px 0 ;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}

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

/* PLAN DU SITE
--------------------------------------------------------------------------------------- */
#plan_site a{text-decoration:none;}
#plan_site a:hover{text-decoration:underline;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
background-color:#414244;
color:#b3b6bd; font-size:11px; height:50px; padding:10px; width:959px;}
#piedPage a{color:#b3b6bd; text-decoration:none;}
#piedPage a:hover{color:#b3b6bd;text-decoration:underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{color:#fff;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#fff;}

#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #fff;}
#piedPage #menuBas{float:right;text-align:right;}

#LiensBasPage{width:360px;margin-left:320px;}
#LiensBasPage a{color:#b3b6bd; text-decoration:none;}
#LiensBasPage a:hover{color:#b3b6bd;text-decoration:underline;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right;}
#socialBookmarkerPrefix {float:left;cursor:default;}
.bookmarkIconesVisibles {float:left;margin-left:2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{ font-size: 11px; margin:10px 0;}
fieldset legend{ color:#696a6c; font-size:14px; font-weight:bold; }
fieldset label{font-size:12px; color:#696a6c;float:left; display:block;width:120px; *padding-top:2px;}

.listeDeroulante{float:left;width:300px;}

.champTexte{float:left;width:300px;
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #696a6c;
	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{
	float:left;height:70px;width:300px;
	background: #fff;
	border: 1px solid #C9D0D6;
	color: #696A6C;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
}
.bouton, a.bouton{
	float:right;
	background-color: #A13104;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	padding: 2px 5px;
	text-decoration: none;
	
}

.bouton:hover{background-color:#781B19; color:#FFF;}

.caseaCocher{float:left;display:block;width:20px;}

.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

.erreur{color:#FF0000;}