/* 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#index{
	background: #FFF url(gx/bg.gif) repeat-x center top;
	text-align:center;
}
body#main{
	background: #c71e07;
	text-align:center;
	padding-top:4px;
}
html{
	color: #000;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes */
}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1{color:#000; font-size:12px; margin-bottom:6px; text-transform:uppercase;}
h1 a, h1 a:link, h1 a:visited{color:#C21527;}

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

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

a.link4, a.link4:link, a.link4:visited{font-weight: normal;	color:#000;	font-size: 12px;text-decoration: underline;}
a.link4:hover{	text-decoration: none;	}	
a.link5, a.link5:link, a.link5:visited{font-weight: normal;color:#696969;font-size: 12px;	text-decoration: underline;}
a.link5:hover{	text-decoration: none;}

ul li{color:#000; font-size:12px; line-height:150%; list-style: disc; margin-left:16px;}
ol li{color:#000; 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{border:0px solid #000; font-size: 11px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; float:left; color:#000; margin:2px 0 2px 0;}
fieldset label.erreur{color:#cc0000;}

.champTexte{
	background: #FFF;
	border: 1px solid #aeadad;
	color: #646464;
	font-size: 12px;
	float:left;
	margin:2px 0 2px 0;
	padding:4px 2px; -moz-border-radius:4px; -webkit-border-radius:4px; width:200px;
}
.listeDeroulante{
	background: #FFF;	
	border: 1px solid #aeadad;
	color: #646464;
	font-size: 12px;
	margin:2px 0 2px 0;
	padding:4px 2px; -moz-border-radius:4px; -webkit-border-radius:4px; width:200px;
}
.boiteTexte{
	background: #FFF;
	border: 1px solid #aeadad;
	color: #646464;
	font-family: "Trebuchet MS";
	font-size: 12px;
	margin:2px 0 2px 0;
	padding:2px 2px; -moz-border-radius:4px; -webkit-border-radius:4px; width:350px;
}
.bouton{
	background-color: #FFF;
	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 */
.caseaCocher{width:20px;float:left;}


p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding: 8px 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: 8px 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{	background:#fff;	margin: 0 auto 0 auto;	text-align:left;	width:950px; _width:950px;}
#contenu{position: relative;height: 100%;	min-height:500px;	_height:500px;margin:0 5px;}
/*#contenu .inner{margin:0 0 0 15px;}*/
#contenu .imgConcours{margin:0 0 15px 0px;}

#login{position: absolute;	top: 10px;left: 250px;color: #FFF;	overflow: hidden;	background: none;}	
#login strong{	color: #D81E05;}
#login a, #login a:link, #login a:visited {color:#cbcbcb; text-decoration: none;}
#login a:hover, #login a:visited:hover {color:#fff; text-decoration: underline;}

#slogan{position: absolute;	top: 48px;right: 30px;}

#boiteRecherche{background: url(gx/m/bg_recherche.gif) no-repeat;	float:right; height: 261px;	width: 235px; margin:0; padding:0;}
#boiteRecherche .titre{	margin:15px 0 0 10px;}
#boiteRecherche .inner{margin:25px 0 0 15px}
#boiteRecherche p{color: #fff;}
#boiteRecherche p a{color: #fff; text-decoration:underline;}
#formRecherche{float:left; width:215px;}
#formRecherche fieldset{margin:0; padding:0 0 5px 0;}
#formRecherche label{color:#fff; font-weight: bold;}
#formRecherche .champTexte, #selectsearchside{border:none;float:left;margin-left:0; padding:4px 2px; -moz-border-radius:4px; -webkit-border-radius:4px; width:200px;}
#formRecherche .boutonOK{margin:3px 0;}

#haut{position:relative;background:#000; border-bottom:3px solid #c71e07; height:136px;}
#logo{float:left;margin:35px 0 0 30px;}

.both{clear:both;}


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

.left{float: left;width: 690px;background: none;}
.right{float: right;width: 250px;background: none;}
.subleft{float: left;width: 200px;background: none;}
.subright{float: right;width: 450px;background:  none;}
.textePage{	padding: 0 33px 0 21px;}
.erreur{color:#CC0000; }
/* 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}
*/

div#forfait
{
	position:absolute;
	top:372px;
	left:500px;
}

div#forfait span.titre
{
	color:#C21527;
	font-weight:bold;
}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu {float:right;height:44px; margin:-7px 5px 0 0;padding:0;}
#menu li{padding:0; margin:0; display:inline; float:left; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	background-color:#191919;
	display:block;
	float:left;
	padding:0 20px; 
	line-height: 44px;
	height: 44px;
	margin-right:1px;
}
#menu li a img{margin: 12px 0 0 0;}
#menu li a:hover, #menu li a:visited:hover{background: #c71e07 url(gx/m/bgMenuSec.gif) no-repeat bottom;}
#menu li a.actif, #menu li a.actif:visited{background: #c71e07 url(gx/m/bgMenuSec.gif) no-repeat bottom;}

#menuSec{float:right; height: 34px;}
#menuSec li{display:inline; float: left; list-style-type:none;padding:0; margin:0; border-right:2px solid #c71e07;}
#menuSec li.dernier{border:none;}
#menuSec a, #menuSec a:link, #menuSec a:visited{color:#cbcbcb; float:left;font-size: 11px;  line-height: 34px; padding:0 15px; text-transform: uppercase;text-decoration:none;}
#menuSec a:hover, #menuSec a:visited:hover{background: #272727; color:#fff;}
#menuSec a.actif, #menuSec a.actif:visited{background: #c71e07 url(gx/m/bgMenuSec.gif) no-repeat bottom; color:#fff;}


#sousMenu{height:68px;}
#sousMenu li{display:inline; float: left;list-style-type:none;padding:0; margin:0;}
#sousMenu li a, #sousMenu li a:link, #sousMenu li a:visited{background-image:url(gx/m/bgSousMenu.gif); background-position: 0 0; color:#fff; float:right; font-size: 12px; font-weight:bold; height:68px; line-height:63px; margin:5px 0; padding:0 0 0 25px; width:225px; }
#sousMenu li a:hover, #sousMenu li a:visited:hover, #sousMenu li a.actif{background-position: 0 71px; text-decoration:none;}

/*00_100 : PAGE D'ACCUEIL
--------------------------------------------------------------------------------------- */
#imgDuro{position:absolute;top:-40px;left:-20px;z-index:20;}
#contenuAccueil{width: 720px;	float:right;position:relative;}
#contenuAccueil table{border-bottom:1px solid #ccc; margin-bottom:5px; width:482px;}
#contenuAccueil table tr td{color: #231f20;font-size: 9px;text-align:center;text-transform: uppercase;vertical-align: top;padding-bottom:8px;}
#contenuAccueil table tr td span{text-transform: lowercase;}
#boiteFlash{float:left;height:261px;left:-56px;	position: absolute;width: 537px;z-index: 10;}

.boutonSection{background-image: url(gx/m/bgBtnSection.gif);background-position: 0 0;width: 239px;	height: 109px;	float:left;	display:block;	margin:0 5px 5px 0;}
.boutonSection.over{background-position: 0 110px; cursor: pointer;}
.boutonSection a{float:left;padding:37px 0 0 17px; }
.boutonSection div{ height:109px; margin-right:8px;}
.boutonSection div.vitre{background: url(gx/m/iconeVitre.gif) no-repeat right;}
.boutonSection div.antivol{background: url(gx/m/iconeAntivol.gif) no-repeat right;}
.boutonSection div.demarreur{background: url(gx/m/iconeDemarreur.gif) no-repeat right;}
.boutonSection div.accessoire{background: url(gx/m/iconeAccessoire.gif) no-repeat right;}

.sousTexte{width: 344px;}

div.concours_fr{background: url(gx/m/concours_fr.jpg) no-repeat top left; height:328px; width:227px; float:right;}
a:hover div.concours_fr{background: url(gx/m/concours_fr.jpg) no-repeat left -328px; height:328px; width:227px; float:right;}
div.concours_en{background: url(gx/m/concours_en.jpg) no-repeat; height:328px; width:227px; float:right;}

/*02_100 : PAGE RECHERCHE
--------------------------------------------------------------------------------------- */
ul.regions{	margin: 0px;list-style-type: none;}
ul.regions li{margin:0;list-style: none;}
ul.regions li a, ul.regions li a:link, ul.regions li a:visited{color:#000;}
ul.succursale li{	margin: 0px; padding:0 0 5px 0; list-style-type: none; }
ul.succursale li a, ul.succursale li a:link, ul.succursale li a:visited{background: url(Gx/02/bullets.gif) no-repeat 3px 8px; color:#c71e07;  margin:0; padding: 0 0 6px 10px;}

.listSuccursale{position: relative;	background: #FAFAFA;	border: 1px solid #F1F1F1;	padding: 5px 0 0 5px;margin: 5px 0;	display: none;	width:350px;}
.listSuccursale span{color: #696969;float: right;font-weight: bold;cursor: pointer;	margin:0 5px 0 0;	}
.jours{	width: 80px;	background: none;	padding: 3px 0 0 0;	float: left;	display: block;}
.horairenote{	background: #FAFAFA;	border: 1px solid #F1F1F1;	padding: 10px;	margin: 5px 0;}
.googlemap{	padding: 10px;	display: block;	background: #FAFAFA;}
.succursaleimg{border: 1px solid #2F2F2F;	display: block;}

#searchsuccfull{width: 215px;	height: 30px;}
#inputsearchsuccfull{color: #000;border: 1px solid #8B8282;	width: 101px;margin: 3px 0 0 0;float: left;}	
#btnsearchsuccfull{cursor: pointer;	width: 105px;height: 25px;	float: left;}
#searchsuccfull .vfr{background: transparent url(Gx/02/btnsearchsuccfull_fr.gif) no-repeat top right;}
#searchsuccfull .ven{background: transparent url(Gx/02/btnsearchsuccfull_en.gif) no-repeat top right;}

/* 04_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:300px;width:350px;float:left;}
#carteMagasin{border:1px solid #999;height:365px;width:416px;float:left;}
#boiteFormQuestion{float:right;width:370px;}

#formContact{}
#formContact label{float:left;width:115px;}
#formContact .champTexte{float:left;width:230px;}
#formContact .listeDeroulante{float:left;width:230px;}
#formContact .boiteTexte{float:left;height:70px;width:230px;}
#formContact #btncontact{width: 106px;	height: 25px;	border: none;	float: left;}
#formContact .vfr{background: transparent url(Gx/04/btncontact_fr.gif) no-repeat top left;	}
#formContact .ven{background: transparent url(Gx/04/btncontact_en.gif) no-repeat top left;		}
#formContact #note{color:#606060;text-align: left;padding: 0 10px 0 0;}

/* 06_100 : PAGE ACCÈS MARCHAND
--------------------------------------------------------------------------------------- */
#formLogin .champTexte{	color: #000;border: 1px solid #8B8282;	width: 101px;margin: 3px 0 10px 0;}
#formLogin #btnenvoyer{width: 106px;height: 25px;border: none;}
#formLogin .vfr{background: transparent url(Gx/04/btncontact_fr.gif) no-repeat top left;	}
#formLogin .ven{background: transparent url(Gx/04/btncontact_en.gif) no-repeat top left;		}


h1.docs{	text-indent: 20px;padding: 0 0 5px 0;}
ul.docs{margin-left:15px;}
ul.docs li{list-style-type: none;}


.subleftMarchand{	float: left;width: 300px;background: none;}
.subrightMarchand{float: right;width: 390px;background:  none;}


/* 07_100 : PAGE ACCÈS COURTIER
--------------------------------------------------------------------------------------- */
#formLoginCourtier .champTexte{	color: #000;border: 1px solid #8B8282;	width: 200px;margin: 3px 0 10px 0;}
#formClientVIP #btnenvoyer, #formLoginCourtier #btnenvoyer{width: 106px;height: 25px;border: none;}
#formClientVIP .vfr {background: transparent url(Gx/04/btncontact_fr.gif) no-repeat top left;	}
#formClientVIP .ven {background: transparent url(Gx/04/btncontact_en.gif) no-repeat top left;		}
#formLoginCourtier div{	float:left; width:250px;}

#formLoginCourtier .vfr{background: transparent url(Gx/07/btn_entrer.gif) no-repeat top left;	}
#formLoginCourtier .ven{background: transparent url(Gx/07/btn_enter.gif) no-repeat top left;	}

#formClientVIP label{float:left;width:140px;}
#formClientVIP .champTexte{float:left;width:230px;}
#formClientVIP .boiteTexte{float:left;height:70px;width:230px;}

#btn_deconection {
	float: right;
}

/* 07_110 : PAGE DEVENIR COURTIER
--------------------------------------------------------------------------------------- */

#formCourtier label{float:left;width:140px;}
#formCourtier .champTexte{float:left;width:230px;}
#formCourtier .listeDeroulante{float:left;width:230px;}
#formCourtier .boiteTexte{float:left;height:70px;width:230px;}
#formCourtier #btncontact{width: 120px;	height: 25px;	border: none;	float: left;}
#formCourtier .vfr{background: transparent url(Gx/07/btn_inscrire.gif) no-repeat top left;	}
#formCourtier .ven{background: transparent url(Gx/07/btn_inscrire.gif) no-repeat top left;		}
#formCourtier #note{color:#606060;text-align: left;padding: 0 10px 0 0;}
#formCourtier .reglement{	width:400px;}

/* 07_120 : PAGE QUESTIONNAIRE
------------------------------------------------------------------------------------------ */

#formCourtier .grandLabel { width: 500px; }


/* 08_100 : PAGE CONCOURS
--------------------------------------------------------------------------------------- */
#formConcours label{float:left;width:115px;}
#formConcours .champTexte{float:left;width:230px;}
#formConcours .listeDeroulante{float:left;width:230px;}
#formConcours .boiteTexte{float:left;height:70px;width:230px;}
#formConcours #btncontact{width: 106px;	height: 25px;	border: none;	float: left;}
#formConcours .vfr{background: transparent url(Gx/04/btncontact_fr.gif) no-repeat top left;	}
#formConcours .ven{background: transparent url(Gx/04/btncontact_en.gif) no-repeat top left;		}
#formConcours #note{color:#606060;text-align: left;padding: 0 10px 0 0;}
#formConcours .reglement{	width:400px;}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#555; font-size:10px; padding:0; width:950px;}
#piedPage a{color:#555555; text-decoration:none;}
#piedPage a:hover{color:#000; text-decoration: underline;}

#piedPage #menuBas{float:left;text-align:left;margin:4px 0;}
#piedPage #menuBas a, #piedPage #menuBas a:link, #piedPage #menuBas a:visited{color:#555555; font-size: 10px; text-transform: uppercase; text-decoration: none; margin:0 13px;}
#piedPage #menuBas a:hover, #piedPage #menuBas a:visited:hover{color:#c71e07;}
#piedPage #contenuBas{background:#ebebeb; margin:5px; padding:20px 10px 15px 10px; display:block;}

#copyrights{color:#000; font-size:11px; padding:5px 0; width:950px; margin: 0 auto; text-align:left;}
#copyrights a{font-weight:normal; color:#000; text-decoration: none;}
#copyrights a:hover{text-decoration: underline;}
#copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#000;}
#copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #000;}

/* Partager cette page (bookmarker) */
#socialBookmarker{float:right; line-height: 18px;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.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;}