/* 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,/*em,strong,*/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%;/*font-weight:normal;*/}
q:before,q:after{content:'';}
a,a:link,a:visited,a:hover,object,embed{outline:none;}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #474644;
	font-size: 12px;
	font-family: Arial, Helvetica, Georgia;
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color: #302f31; font-family: Helvetica, Arial, Georgia;  font-size:20px;}

h2{color: #c43530; font-size:18px; margin: 0px; margin-top: 20px;}

h3{color: #c43530; font-size:16px; margin: 0px; margin-top: 15px;}

p{font-size: 14px; padding-top: 10px; line-height: 150%; color: #474644;}

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:#c43530; 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{ line-height:150%; margin-left:16px;}
ol li{ line-height:150%; margin-left:16px; list-style: decimal; padding: 5px 0px;}
ol li ul li {
	list-style: disc;
	padding: 2px 0px;
}
HR {
	background-color: #f1f1f2;
	border: solid #f1f1f2;
	height: 8px;
	display: block;
}

SUP {
	font-size: 0.9em;
	vertical-align: top;
}

.tRouge { color: #c43530; }

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	border: 1px solid #000000;
	margin: 0 auto 0 auto;
	text-align:left;
	width:1000px;
	min-height: 800px;
}

.both{clear:both;}

#logo {
	display: block;
	float: right;
	position: relative;
	height: 272px;
	width: 540px;
} 

#logo SPAN {
	background: url(Gx/M/logo.gif) no-repeat top right;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#haut { 
	background: #EDECED url(Gx/M/banniere.jpg) no-repeat;
	height: 272px;
	position: relative;
}
#haut #photo { float: left; position: relative; }
#haut #photo DIV {
	display: none;
	height: 272px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
#haut #photo DIV.photoActif { display: block; }

.contenu { 
	background: url(Gx/M/bg_contenu.gif) repeat-y;
	position:relative;
	width: 1000px;
}
.col_gauche {
	padding: 40px 30px;
	width: 700px;
	float:left;
	
}
.col_gaucheAccueil {
	padding: 40px 30px;
	width: 701px;
	float:left;
	background:url(Gx/M/bgPageAccueil.jpg) no-repeat bottom right;
	min-height:700px;
}
#col_gaucheSpacer{height:400px;}

#col_gaucheTexte ul{color:#f23b51;font-size:14px; font-weight:bold; list-style: disc;}

#bgCol_gauche{
	width: 597px;
	height:475px;
	margin-top:;
	position:absolute;
	z-index:1;
	right:239px;
	bottom:0;
}

.col_droite { 
	float: right;
	/*position:absolute;
	top:0;
	right:0;*/
	padding: 20px 15px 20px 14px;
	width: 210px;
}
.col_droite IMG { margin-bottom: 5px; }

/* MENUS
--------------------------------------------------------------------------------------- */
/* Voir styles_fr.css et styles_en.css pour les images du menu */

#menu{height:81px; margin:0px; padding:0px; }
#menu li{ display: inline; float: left; padding:0px; margin:0px; list-style-type:none; }

*+ HTML #menu li { margin-top: -2px; } /* BUG IE 7 & 8 */
* HTML #menu li { margin-top: -2px; } /* BUG IE 6 */
html:first-child #menu A:hover { text-indent: -1000px; overflow: hidden; } /* BUG Opéra */
 
#menuSec{
	background: #bf2e26;
	filter:alpha(opacity=85); 
	opacity: 0.85; 
	-moz-opacity:0.85;
	text-align: right;
	padding: 3px 0px;
	height: 19px;
	width: 1000px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}
#menuSec LI {
	color: #FFFFFF;
	display: inline;
	list-style: none;
	margin: 0px;
	padding-right: 10px;
}
#menuSec LI A {
	color: #FFFFFF;
	margin: 0px;
	padding-right: 10px;
	text-decoration: none;
}
#menuSec LI A:hover { color: #000000; }

/* CONTENU
--------------------------------------------------------------------------------------- */

.list { 
	font-size: 14px;
	list-style: url(Gx/M/i_li.gif); 
	margin: 7px 0px 15px 20px;
}

/* PAGE QUI SOMMES-NOUS?
--------------------------------------------------------------------------------------- */

#page_01 { padding-top: 15px; }

#page_01 #menu_01 { padding-bottom: 15px; }
#page_01 #menu_01 LI {  
	color: #AAAAAA;
	display: inline;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding-right: 13px;
}
#page_01 #menu_01 LI A {
	color: #AAAAAA;
	padding-right: 13px;
}
#page_01 #menu_01 LI A:hover { color: #000000; }
#page_01 #menu_01 LI A.actif { color: #000000; text-decoration: underline; }


#page_01 DL { 
	float: left;
	font-size: 16px;
	margin-top: 20px; 
}
#page_01 DL DT {
	clear: left;
	color: #c43530;
	float: left;
	font-size: 20px;
	font-weight: bold;
}
#page_01 DL DD {
	float: left;
	padding: 0px 0px 15px 10px;
	width: 550px;
}


/* PAGE COORDONNÉES */

#coordonnees { 
	float: left;
	margin-bottom: 20px;
	width: 220px;
} 

#coordonnees .photo {	margin: 15px 0px; }

#coordonnees #adresse {
	color: #7d7d7d;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 14px;
	font-weight: bold;
}
#coordonnees #adresse A {
	color: #7d7d7d;
	text-decoration: none;
}
#coordonnees #adresse A:hover { color: #C43530; }



#communiquez {
	background: url(Gx/01/fille.jpg) no-repeat bottom right;
	font-family: Helvetica, Arial, Sans-serif;
	min-height: 450px;
	margin: 20px -30px -40px 0px;
	width: 731px;
}
#communiquez P {
	color: #000000;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 14px;
	padding: 10px 0px;
}
#communiquez .textePetit {
	font-size: 12px;
	font-style: italic;
}

/* BOX REVENTE 
-------------------------------------------------------------------------------------- */

#box_recherche {
	background: url(Gx/03/box_recherche.gif) no-repeat;
	font-family: Helvetica;
	font-weight: bold;
	padding: 5px 15px;
	height: 126px;
	width: 187px;
}

#box_recherche LABEL {
	color: #9d9ea0;
	font-size: 10px;
}
#box_recherche .label {
	display: block;
	margin-top: 7px;
}

#box_recherche SELECT { 
	font-size: 10px; 
	height: 15px; 
}

#box_recherche .radio { vertical-align: middle; }

/* PAGE PROGRAMME DE RÉCOMPENSES
--------------------------------------------------------------------------------------- */
/* Voir styles_fr.css et styles_en.css pour le menu */

#page_04 { padding: 0px; width: 760px; }

#page_04 #texte { padding: 20px; }
#page_04 #texte P { }
#page_04 #texte H1 { line-height: 18px; }
.txt_vie { vertical-align: middle; }

.liste_referer LI {
	background: url(Gx/04/i_crochet.gif) no-repeat center left;
	font-size: 16px;
	margin: 0px;
	padding-left: 20px;
}

#img_points { 
	float: right; 
	margin: 23px 10px 0px 0px;	
}

#tbl_partenaire {
	margin-top: 40px;
}
#tbl_partenaire TD {
	color: #000000;
	padding: 10px 0px;
	text-align: center;
	vertical-align: top;
	width: 145px;
}
#tbl_partenaire TD IMG { padding-bottom: 10px; }


/* Plan du site 
------------------------------------------------------------------------------------- */
#planSite { margin: 0px 20px; }
#planSite LI { color: #c43530; list-style: disc; margin : 15px 0px; font-size: 14px; font-weight: bold; }
#planSite LI UL { margin: 5px 10px; }
#planSite UL LI { margin : 2px 0px; font-size: 12px; }
#planSite LI A { text-decoration: none; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{ background: url(Gx/M/bg_footer.gif) repeat-x; color:#FFFFFF; font-size:10px; height:43px; padding: 20px 20px 0px 20px; }
#piedPage a{ color:#FFFFFF; text-decoration:none; }
#piedPage a:hover{ color:#000000; text-decoration:underline; }
#piedPage #copyrights{ text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; }
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #000000;}
#piedPage #menuBas LI { margin: 0px; display: inline; }

#piedPage #membre { float: right; font-size: 13px; font-weight: bold; padding-top: 5px; }

#piedtexte {float:left; color:#7d7b83; text-decoration:none; width:990px; font-size:11px ; text-align:justify; padding: 20px 5px 20px 5px;}
#piedtexte a{color:#7d7b83; text-decoration:underline; font-size: 11px ;}
#piedtexte a:hover{color:#7d7b83;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
#communiquez FORM { height: 380px; }
fieldset{border: none; font-size: 14px; width: 485px; }
fieldset legend { }
#communiquez fieldset P { clear: both; height: 20px; padding: 0px; }
fieldset label{ display: block; float: left; font-size:14px; color:#000000; margin:2px 0 2px 0; width: 190px; }


.champTexte{
	background: #FFFFFF;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 13px;
	margin:2px 0 2px 0;
	width: 290px;
}

#region, #tel1, #tel2 { width: 30px; }
#poste { width: 50px; }

.listeDeroulante{
	background: #FFFFFF;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px 0;
	
}
.boiteTexte{
	background: #FFFFFF;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 13px;
	margin:2px 0 2px 0;
	width: 420px;
}
.bouton{
	color: #000000;
	float: right;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	margin-right: 30px;
}
#boutons { margin-right: 120px; }


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

.erreur{color:#FF0000;}

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #000000; width: 470px; height: 350px; padding: 2px; float: right; margin-top: 20px; }
/*
div#carte div#map{border:1px solid #b7b7b7;width:468px;height:340px; color: #000; overflow:hidden;}
div#carte p{float:right; font-size: 11px; color:#000000;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #000000; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #000000; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #fff; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #fff; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; }
div#carte div#directions a, div#cabinet div#carte div#directions a:link, div#cabinet div#carte div#directions a:visited, div#cabinet div#carte div#directions a:hover{ color: #fff; font-weight: bold; text-decoration: none; }
*/