/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #socialBookmarker, #bookmarkHoverPopup, #menuBas, #photoEntete, #boiteVideo, #divFormulaire{
	position: absolute;
	visibility: hidden;
}


/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

h1{
	color: #353535;
	padding:10px 0;
	font-size: 17px;
}
h2{
	color: #353535;
	font-size: 15px;
	padding:10px 0;
}
br.both{clear:both;}
.droit{float:right;margin:0 0 10px 10px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#999;  font-size:11px; padding:0 6px 0 6px;}
#piedPage a{color:#999; text-decoration:none;}
#piedPage a:hover{color:#353535;text-decoration:none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 150%; color: #353535;}
p strong{font-size: 13px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #A69512; 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:#C0AE2C; text-decoration:underline;}

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

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#colGauche{
	float:left;
	width:546px;
}

#contact{
	background: url(Gx/m/contact_fond.jpg) no-repeat;
	width:496px; height:143px;
	padding:25px;
}

#contact a, #contact a:link, #contact a:visited{color:#fff;}

#contact div.gauche{
	padding-left:110px;
	width:386px;
}
#contact div.droit{
	float:right;
	text-align:right;
	height:30px;
	overflow:hidden;
}

#contact p{
	color:#fff;
	line-height:120%;
}

#contact h2{
	color:#fff;
	padding:0;
	text-transform:uppercase;
}

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #BFCDE3; width: 400px; padding: 10px 20px 20px 20px; }
div#carte div#map{border:1px solid #b7b7b7;width:400px;height:300px;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #9B9B9B; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #FFFFFF; text-align: left; background: url(Gx/00/bouton2g_bg.html) 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: #2C699C; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.html) no-repeat 0px 5px; padding: 0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #666666; 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: #999999; font-weight: bold; text-decoration: none; }
div#carte p{float:right;}
div#carte p a, div#carte p a:link, div#carte p a:visited{color:#000;}

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

.innerleft{float:left}
.innerright{float:right}

/* Référer ce site */
#referer{width:450px;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}

.champTexte{
	background: #ffff;
	border: 1px solid #CDD0D0;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
	width:200px;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #CDD0D0;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #CDD0D0;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	width:450px; height:100px;
}
.bouton{
	background-color: #fff;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	border:1px solid #CDD0D0;
	padding:5px 10px;
   	width:auto;
   	overflow:visible;
}
.bouton:hover{background-color:#EE1B2E; color:#FFF;cursor:pointer;}

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

.erreur{color:#FF0000;}