/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#main{
	background: #fff url(gx/bg.gif) repeat-x;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #000;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
	line-height: 150%;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}
a, a:link, a:visited{outline: none;}

h1{color: #000; font-size:18px; font-weight: normal; padding-bottom:15px;}
h1 a, h1 a:link, h1 a:visited{color: #BF0B12; text-decoration: none;}
h1 a:hover, h1 a:visited:hover{text-decoration:underline;}

h1 .imprimer{ font-size:12px; float:right; display:block; }
h1 .imprimer a, h1 .imprimer a:link, h1 .imprimer a:visited, h1 .imprimer a:hover{ background:url(Gx/M/btn_imprimer.gif) no-repeat 0px 0px; padding:0 0 0 20px; }

h2{color: #000; font-size:15px;}
h2 a, h2 a:link, h2 a:visited{color: #BF0B12; text-decoration: none;}
h2 a:hover, h2 a:visited:hover{text-decoration:underline;}

h3{color: #000; font-size:12px; font-weight:bold;}

h4{color: #000; font-size:13px; font-weight:bold; margin-bottom:5px;}
h4 a, h4 a:link, h4 a:visited{color: #000; text-decoration: none;}
h4 a:hover, h4 a:visited:hover{text-decoration:underline;}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#page{
	background: url(gx/M/bg_page.gif) no-repeat top left;
	margin: 0 auto;
	text-align:left;
	width:986px;
}

#conteneur{
	padding:13px 0 0 10px;
	width:966px;
}

/* HAUT DE PAGE
--------------------------------------------------------------------------------------- */
#haut {height:60px;padding:12px 15px 9px 12px }

#haut #logo{margin-top:20px;float:left;}

#haut #boiteRechercheMenu{float:right;text-align:right;}
#haut #boiteRechercheMenu input#recherche{padding:4px;font-weight:bold;font-size:9px;}
#haut #boiteRechercheMenu #menu_haut li{ display:inline;}
#haut #boiteRechercheMenu #menu_haut a {text-decoration:none; color:#0A304F;}
#haut #boiteRechercheMenu #menu_haut a:hover{text-decoration:underline;}

#haut #boiteRechercheMenu form{margin:10px 0;}
#btn_search{margin-left:5px;float:right;}

/* ENTETE
--------------------------------------------------------------------------------------- */

#entete{
	width:943px;
	height:236px;
	padding:0 0 0 10px;
	position:relative;
}

#entete #produit_vedette{position:absolute; top:25px; right:10px;}

#produit_vedette a,#produit_vedette a:link,#produit_vedette a:visited{
	background:url(Gx/M/fondpv.png) no-repeat;
	display:table;
	width:260px; height:92px;
	color:#fff;
	font-size:19px;
	text-decoration:none;
	margin-bottom:5px;
}
#produit_vedette a span,#produit_vedette a:link span,#produit_vedette a:visited span{
	display:table-cell;
	padding:10px;
	color:#fff;
	font-size:19px;
	vertical-align:middle;
}

#produit_vedette a span em,#produit_vedette a:link span em,#produit_vedette a:visited span em{
	font-style:normal;
}

#produit_vedette a:hover,#produit_vedette a:visited:hover{background:url(Gx/M/fondpv_over.png) no-repeat;}

#produit_vedette img{margin:2px ;}

/* COLONNE DE DROITE
--------------------------------------------------------------------------------------- */
#col_droite{
	background: url(gx/bg_haut_menu.png) no-repeat;
	width:184px;
	position:relative;
	top:-150px; left:0;
	float:left;
	padding-top:8px;
}
#col_droite_bg{background: url(gx/bg_menu.gif) repeat-y;}

#col_droite_bas{width:184px;height:60px;background: url(gx/bg_bas_menu.gif) no-repeat top left;}

/*  COLONNE DE DROITE -MENUS
--------------------------------------------------------------------------------------- */
#menu{
	margin: 0;
	padding: 0;
}
#menu ul{
	margin:0;padding:0;
}
#menu ul li{
	padding:0; 
	margin:0;  
	list-style-type:none;
	width:170px; 
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	position:relative;
	margin-left:11px;
	text-transform:uppercase;
	display:block;
	width:160px;
	height:25px;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-top:6px;
	border-bottom:#c9c9c9 solid 1px;
}
#menu ul li a:hover, #menu ul li a:visited:hover, #menu ul li a.actif, #menu ul li a.actif:visited{
	margin-left:0;
	padding-left:11px;
	height:26px;
	border:none;
	width:170px;
	background: url(gx/M/bg_menu_over.gif) no-repeat top left ;
	color:#FFF;
}

#menu ul li a#dernier_list{border:none;height:25px;}

#menu ul li ul li{
	width:135px;
	background:url(gx/M/ligne_sousmenu.gif) no-repeat 0 10px;
	border-left:1px solid #dfdfdf;
	padding-left:15px;
	margin-left:15px;  
	list-style-type:none; 
}
#menu ul li ul li a, #menu ul li ul li a:link, #menu ul li ul li a:visited{
	background:none;
	border:none;
	font-weight:normal;
	text-transform:none;
	color: #000;
	font-size:11px;
	text-decoration: none;
	height:25px;
	padding:0;
	margin:0;
	width:135px;
}
#menu ul li ul li a:hover, #menu ul li ul li a:visited:hover, #menu ul li ul li a.actif, #menu ul li ul li a.actif:visited{
	background:none;
	padding:0;
	height:25px;
	width:135px;
	color:#b8040a;
}

#menu ul li ul li.dernier_sousliste{border:none;background:url(Gx/M/dernier_sousmenu.gif) no-repeat top left;}

/*  COLONNE DE GAUCHE -NOUVELLES
--------------------------------------------------------------------------------------- */

#nouvelles{
	margin-left:5px;
	padding:10px;
	width:148px;
	background: url(gx/bg_nouvelles.jpg) no-repeat;
}

.date_nouvelle{color:#d2011a;font-size:11px;}

.listeNouvelle{padding:10px;}
/*  COLONNE DE DROITE -MENU
--------------------------------------------------------------------------------------- */

#menuDroit{
	float:right;
	width:268px;
}

.itemMenuDroit{background:#ecf4fb;padding:5px 5px 5px 2px;margin-bottom:5px;}

.itemMenuDroit a{text-decoration:none;}
.itemMenuDroit a img{float:left;margin-right:7px;}
.itemMenuDroit span.titre{color:#d2011a;font-weight:normal;font-size:12px;}
.itemMenuDroit span.sousTitre{color:#000;font-size:12px;}

/* TEXTES
--------------------------------------------------------------------------------------- */
.listeProduits{}
.listeProduits img{border:3px solid #f0f0f0;float:left;margin-right:10px;}

#map{width:450px;height:400px;float:right;}

#contenu{
	float:right;
	width:752px;
	padding:15px;min-height:355px;
}

#contenu #texte_central{
margin-right:16px;width:465px;
text-align:justify;float:left;}


p{font-size: 12px; line-height: 150%; color: #000;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #BF0B12; 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{
	color:#000; text-decoration:underline;
}

p.texte{line-height:200%;margin-bottom:18px;}

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

.textePetit{font-size:10px; color:#1F1F1F;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#E00009;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#E00009;}

.lienRSS{
	background: url(Gx/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;
}

.recherche a, .recherche a:link, .recherche a:visited{ color:#000000; text-decoration:none; margin:0 0 5px 0; display:block; }
.recherche a:hover{ color:#b8040a; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{text-align: center;margin: 0 auto; background:#204477 url(gx/M/haut_piedpage.gif) no-repeat top left; color:#fff; font-size:10px; width:967px; padding:0;}
#bas_piedpage{
background:#204477 url(gx/M/bas_piedpage.gif) no-repeat bottom left ;
width:967px;
height:9px;
margin: 0 auto 15px auto;
}
#piedPage a{color:#fff;text-decoration:none;}
#piedPage a:hover{color:#fff;text-decoration:underline;}

#piedPage #menu_piedPage{padding-top:7px;font-size:11px;}

#piedPage #copyrights{ margin:0; padding-top:3px; }
#piedPage #copyrights a{font-weight:bold;color:#9faec4;}

#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#9faec4;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #9faec4;}



/*Partager cette page (bookmarker) */
#socialBookmarker {font-size:10px;width:350px;margin:0 auto;padding-top:3px;}
#bookmarker a{color:#000; text-decoration:underline;}
#bookmarker a:hover{color:#000;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size: 12px; margin-bottom:10px; padding:0;}
#frmRecherche fieldset{border:none;margin:0;padding:0;}
fieldset legend{color:#000; font-size:14px; font-weight:bold; padding:0;margin-bottom:10px; position:relative;left:0;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

.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;
}
.boutonContact{
	background:url('Gx/00/bt_envoyer.gif');
	border:none;
	width:79px; height:24px;
	color:#fff;
	font-size:11px;
	cursor:pointer;
}
.bouton:hover{background-color:#1A80B6; color:#FFF;}

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

.erreur{color: #FF0000;}

.form_gauche{ float:left; width:230px; margin:0 20px 0 0; }
.form_droite{ float:left; width:230px; margin:0 0 0 0; }