/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Pieds de page
	- Textes
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL url(gx/bg.gif) repeat-x
--------------------------------------------------------------------------------------- */
body#index{
	background: #fcf4d8 url(gx/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
}
body#main{
	background: #fcf4d8 url(gx/bg.gif) repeat-y;
	margin: 0;
	padding: 0;
	
}
html{
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
h1, h2, h3, p, form, div, ul, li, a, img{ margin: 0; padding: 0; border:0;}

h1{
	color:#646464;
	font-size: 18px;
	font-family: Arial;
}

h2{
	font-size:12px;
	font-weight: bold;
	color:#727272;
}
h2 a, h2 a:link, h2 a:visited{
	color:#727272;
	text-decoration: none;
}
h2 a:hover{
	color: #237fae;
	text-decoration: none;
}
h2 a.Heure, h2 a.Heure:link, h2 a.Heure:visited, h2 a.Heure:hover{
	text-decoration: underline;
}
h3{
	color:#2c2c2c;
	font-size: 12px;
	font-family: Arial;
}
br.both{
	clear: both;
}
a, a:link, a:visited{
	color: #bc5800;
	text-decoration: underline;
}
a:hover{
	color: #bc5800;
	text-decoration: none;
}
.Bleu{ color: #237fae; }
.fonce{ color:#2c2c2c; }
.titre{
	color:#000;
	font-family: Tahoma;
	font-size: 21px;
	font-weight: bold;
}
.sTitre{
	color:#ae9c64;
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
}
#backgroundImg{
	margin: 0;
	width:780px;
	text-align:left;
	background: #ecdeaf ;
}
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#main #conteneur{
	position: absolute;
	top: 60px;
	left: 60px;
	margin: 0;
	width:720px;
	text-align:left;
	/*background: black;*/
}
/* SPLASH
--------------------------------------------------------------------------------------- */
#index #conteneur{
	position: absolute;
	top: 110px;
	left: 119px;
	margin: 0;
	width:621px;
	text-align:left;
	/*background: black;*/
}

#Splash{
	background:#f9f3e4;
	padding: 37px 0 0 0;
}

img#splash1{
	display: block;
	/*float: left;*/
	margin: 40px 0 0 0;
}
#btnSplash{
	display: block;
	float: right;
	margin: 60px 5px 0 0;
}
/* MENU
--------------------------------------------------------------------------------------- */
#menu{
	height: 35px;
	padding: 0;
	margin: 0;	
}
#menu ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	height:35px;
	background: #c9bb8e;
}
#menu ul li{
	padding: 0;
	margin: 0;
	display: block;
	height:35px;
	float: left;
}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	display: block;
	height:35px;
	float: left;
	line-height: 35px;
}
#menu ul li a:hover, #menu ul li a:visited:hover{
	/*background-color: #C59661;*/
}
/* Definie chaque bouton */
#menu ul li#m1fr a, #menu ul li#m1fr a:link, #menu ul li#m1fr a:visited{width:128px;display:block;background: url(gx/m/m1.gif) no-repeat;}
#menu ul li#m1fr a:hover, #menu ul li#m1fr a.actif, #menu ul li#m1fr a.actif:link, #menu ul li#m1fr a.actif:visited, #menu ul li#m1fr a.actif:hover{background:url(gx/m/m1_over.gif) no-repeat;}
#menu ul li#m1fr{display:block;width:128px;background:url(gx/m/m1.gif) no-repeat;}

#menu ul li#m1en a, #menu ul li#m1en a:link, #menu ul li#m1en a:visited{width:139px;display:block;background: url(gx/m/m1_en.gif) no-repeat;}
#menu ul li#m1en a:hover, #menu ul li#m1en a.actif, #menu ul li#m1en a.actif:link, #menu ul li#m1en a.actif:visited, #menu ul li#m1en a.actif:hover{background:url(gx/m/m1_over_en.gif) no-repeat;}
#menu ul li#m1en{display:block;width:139px;background:url(gx/m/m1_en.gif) no-repeat;}

#menu ul li#m2fr a, #menu ul li#m2fr a:link, #menu ul li#m2fr a:visited{width:89px;display:block;background: url(gx/m/m2.gif) no-repeat;}
#menu ul li#m2fr a:hover, #menu ul li#m2fr a.actif, #menu ul li#m2fr a.actif:link, #menu ul li#m2fr a.actif:visited, #menu ul li#m2fr a.actif:hover{background:url(gx/m/m2_over.gif) no-repeat;}
#menu ul li#m2fr{display:block;width:89px;background:url(gx/m/m2.gif) no-repeat;}

#menu ul li#m2en a, #menu ul li#m2en a:link, #menu ul li#m2en a:visited{width:89px;display:block;background: url(gx/m/m2_en.gif) no-repeat;}
#menu ul li#m2en a:hover, #menu ul li#m2en a.actif, #menu ul li#m2en a.actif:link, #menu ul li#m2en a.actif:visited, #menu ul li#m2en a.actif:hover{background:url(gx/m/m2_over_en.gif) no-repeat;}
#menu ul li#m2en{display:block;width:89px;background:url(gx/m/m2_en.gif) no-repeat;}

#menu ul li#m3fr a, #menu ul li#m3fr a:link, #menu ul li#m3fr a:visited{width:126px;display:block;background: url(gx/m/m3.gif) no-repeat;}
#menu ul li#m3fr a:hover, #menu ul li#m3fr a.actif, #menu ul li#m3fr a.actif:link, #menu ul li#m3fr a.actif:visited, #menu ul li#m3fr a.actif:hover{background:url(gx/m/m3_over.gif) no-repeat;}
#menu ul li#m3fr{display:block;width:126px;background:url(gx/m/m3.gif) no-repeat;}

#menu ul li#m3en a, #menu ul li#m3en a:link, #menu ul li#m3en a:visited{width:86px;display:block;background: url(gx/m/m3_en.gif) no-repeat;}
#menu ul li#m3en a:hover, #menu ul li#m3en a.actif, #menu ul li#m3en a.actif:link, #menu ul li#m3en a.actif:visited, #menu ul li#m3en a.actif:hover{background:url(gx/m/m3_over_en.gif) no-repeat;}
#menu ul li#m3en{display:block;width:86px;background:url(gx/m/m3_en.gif) no-repeat;}

#menu ul li#m4fr a, #menu ul li#m4fr a:link, #menu ul li#m4fr a:visited{width:118px;display:block;background: url(gx/m/m4.gif) no-repeat;}
#menu ul li#m4fr a:hover, #menu ul li#m4fr a.actif, #menu ul li#m4fr a.actif:link, #menu ul li#m4fr a.actif:visited, #menu ul li#m4fr a.actif:hover{background:url(gx/m/m4_over.gif) no-repeat;}
#menu ul li#m4fr{display:block;width:118px;background:url(gx/m/m4.gif) no-repeat;}

#menu ul li#m4en a, #menu ul li#m4en a:link, #menu ul li#m4en a:visited{width:98px;display:block;background: url(gx/m/m4_en.gif) no-repeat;}
#menu ul li#m4en a:hover, #menu ul li#m4en a.actif, #menu ul li#m4en a.actif:link, #menu ul li#m4en a.actif:visited, #menu ul li#m4en a.actif:hover{background:url(gx/m/m4_over_en.gif) no-repeat;}
#menu ul li#m4en{display:block;width:98px;background:url(gx/m/m4_en.gif) no-repeat;}

#menu ul li#m5fr a, #menu ul li#m5fr a:link, #menu ul li#m5fr a:visited{width:76px;display:block;background: url(gx/m/m5.gif) no-repeat;}
#menu ul li#m5fr a:hover, #menu ul li#m5fr a.actif, #menu ul li#m5fr a.actif:link, #menu ul li#m5fr a.actif:visited, #menu ul li#m5fr a.actif:hover{background:url(gx/m/m5_over.gif) no-repeat;}
#menu ul li#m5fr{display:block;width:76px;background:url(gx/m/m5.gif) no-repeat;}

#menu ul li#m5en a, #menu ul li#m5en a:link, #menu ul li#m5en a:visited{width:52px;display:block;background: url(gx/m/m5_en.gif) no-repeat;}
#menu ul li#m5en a:hover, #menu ul li#m5en a.actif, #menu ul li#m5en a.actif:link, #menu ul li#m5en a.actif:visited, #menu ul li#m5en a.actif:hover{background:url(gx/m/m5_over_en.gif) no-repeat;}
#menu ul li#m5en{display:block;width:52px;background:url(gx/m/m5_en.gif) no-repeat;}

#menu ul li#m6fr a, #menu ul li#m6fr a:link, #menu ul li#m6fr a:visited{width:142px;display:block;background: url(gx/m/m6.gif) no-repeat;}
#menu ul li#m6fr a:hover, #menu ul li#m6fr a.actif, #menu ul li#m6fr a.actif:link, #menu ul li#m6fr a.actif:visited, #menu ul li#m6fr a.actif:hover{background:url(gx/m/m6_over.gif) no-repeat;}
#menu ul li#m6fr{display:block;width:142px;background:url(gx/m/m6.gif) no-repeat;}

#menu ul li#m6en a, #menu ul li#m6en a:link, #menu ul li#m6en a:visited{width:106px;display:block;background: url(gx/m/m6_en.gif) no-repeat;}
#menu ul li#m6en a:hover, #menu ul li#m6en a.actif, #menu ul li#m6en a.actif:link, #menu ul li#m6en a.actif:visited, #menu ul li#m6en a.actif:hover{background:url(gx/m/m6_over_en.gif) no-repeat;}
#menu ul li#m6en{display:block;width:106px;background:url(gx/m/m6_en.gif) no-repeat;}

/* Cache tous les texte des boutons */
#menu ul li a strong{
	display: none;
}
/* CONTENU
--------------------------------------------------------------------------------------- */
#Contenu{
	background: #f9f3e4;
	/*padding: 10px;*/
	display: block;
	float: left;
	width: 720px;
	_width: 720px;
}
.Pad{
	padding: 10px 10px 0 10px;
	width: 700px;
	_width: 720px;
	display: block;
	float: left;
	margin: 0 0 10px 0;
}
/* MENU BAS
--------------------------------------------------------------------------------------- */
#menuBas{
	height: 30px;
	padding: 0;
	margin: 0;
	background: #e8d48f;
	display: block;
	float: left;
	width: 720px
}
#menuBas ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding:10px 0 0 0;
}
#menuBas ul li{
	padding: 0;
	margin: 0;
	display: block;
	float: left;
}
#menuBas ul li a, #menuBas ul li a:link, #menuBas ul li a:visited{
	font-size: 11px;
	color: #646464;
	text-decoration: none;
	font-weight: normal;
	padding: 0 10px 0 8px;
	border-right: solid 1px #776d54;
	display: block;
	float: left;
}
#menuBas ul li a:hover, #menuBas ul li a:visited:hover,
#menuBas ul li a.actif, #menuBas ul li a.actif:link, #menuBas ul li a.actif:visited, #menuBas ul li a.actif:hover, #menuBas ul li a.actif:visited:hover{
	color: #237FAE;
}
/* PHOTO HAUT DE PAGE
--------------------------------------------------------------------------------------- */
#photoHaut{
	display: block;
	float: left;
	width: 700px;
}

/* Version 3 photos */
#photoHaut .G1{
	display: block;
	float: left;
	border: 1px solid #e3d9bd;
	background: #FFF;
	padding: 5px;
}
.G1{
	display: block;
	float: left;
	border: 1px solid #e3d9bd;
	background: #FFF;
	padding: 5px;
}
.P1{
	display: block;
	float: left;
	border: 1px solid #e3d9bd;
	background: #FFF;
	padding: 5px;
	margin: 0 0 0 5px;
}
.P2{
	display: block;
	float: left;
	border: 1px solid #e3d9bd;
	background: #FFF;
	padding: 5px 5px 3px 5px;
	_padding: 5px;
	margin: 5px 0 0 5px;
}
/* Version mosaique */
#photoHaut .Mosaique{
	display: block;
	float: left;
	border: 1px solid #e3d9bd;
	background: #FFF;
	padding: 5px;
}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{display: block;
float: left;
margin: 40px 0 0 0;color: #555;height: 50px;font-family: Tahoma;font-size: 10px;padding: 0;}
#piedPage a{ color: #646464; text-decoration: underline;}
#piedPage a:hover{ color: #646464; }
#piedPage #copyrights{ float: left; margin: 0; text-align: left;}
#piedPage #copyrights a{ font-weight: bold; }
#piedPage #copyrights #lienCopyrights{ font-weight: normal;text-decoration: none;color: #646464;}
#piedPage #copyrights #lienCopyrights:hover{ font-weight: normal;text-decoration: underline;color: #646464;}

/* TEXTES
--------------------------------------------------------------------------------------- */
.Texte{
	padding: 10px 5px 0 10px;
	margin: 10px 0 0 0;
	display: block;
	float: left;
}
#ColGauche{
	display: block;
	float: left;
	width: 260px;
}
#ColDroite{
	display: block;
	float: right;
	width: 360px;
	_width: 380px;
	padding: 0 0 0 20px;
	border-left: 1px solid #cac7c1;
}
#ColDroite.ColDroiteArtisanInvite{
	margin: 123px 0 0 0;
}
#ColDroiteArtisan{
	display: block;
	float: right;
	width: 380px;
	_width: 400px;
	padding: 0 0 0 20px;
	/*border-left: 1px solid #cac7c1;*/
}

.ColGaucheNouvelle{
	display: block;
	float: left;
	width: 250px;
	padding: 0;
	/*border: 1px solid #f0d;*/
}
.ColDroiteNouvelle{
	display: block;
	float: right;
	width: 390px;
	_width: 410px;
	padding: 0 0 0 20px;
	/*border: 1px solid #f0d;*/
}
.ColGaucheNouvelle2{
	display: block;
	float: left;
	width: 210px;
	padding: 0;
	/*border: 1px solid #f0d;*/
}
.ColDroiteNouvelle2{
	display: block;
	float: right;
	width: 440px;
	_width: 460px;
	padding: 0 0 0 20px;
	/*border: 1px solid #f0d;*/
}

.InviteTn{
	display: block;
	float: left;
	width: 65px;
	margin: 0 0 5px 0;
}
.InviteNom{
	display: block;
	float: left;
	width: 195px;
	margin: 0 0 5px 0;
}
/* Gallerie PHOTO
-------------------------------------------------------------------------------------*/
.ColGaucheLPhoto{
	display: block;
	float: left;
	width: 394px;
	padding: 0;
	/*background: #f0d;*/
}
.ColDroiteLPhoto{
	display: block;
	float: right;
	width: 254px;
	_width: 276px;
	padding: 0 0 0 20px;
	/*background: #f0d;*/
}


p{font-size: 11px; line-height: 140%; color: #2C2C2C; margin: 5px 0 10px 0;}
/*p strong{color: #23248B;}
p b{font-weight: bold; color: #000;}*/
/*
p a, p a:link, p a:visited{color: #23248B; text-decoration: none;}
p a:hover, p a:visited:hover{color: #000;text-decoration: underline;}
voir lien default dans le haut
*/
p ul li{list-style: square;}

/*p:first-letter{color: green; font-size: 200%; text-transform:uppercase;}*/
table.artisanListe, table.cadeauListe{
	/*margin: 0 0 4px 0;
	padding: 0;*/
	font-size: 11px;
	line-height: 140%;
	color: #646464;
}
table.artisanListe td{
	padding: 2px 0 2px 0;
}
table.artisanListe td.anneeListe{
	vertical-align: top;
	color: #237fae;
	font-weight: bold;
	width: 110px;
}
table.artisanListe td.titreListe{
	vertical-align: top;
	color: #2c2c2c;
	font-weight: normal;
}
table.cadeauListe td.titreListe{
	vertical-align: top;
	color: #646464;
	font-weight: normal;
	padding: 2px 5px 2px 0;
	width: 115px;
}

ul.lien{
	display: block;
	float: left;
	width: 328px;
	margin: 5px 10px 10px 0;
	list-style: none;
}
ul.lien li.Titre{
	font-weight: bold;
	font-size: 13px;
}
ul.lien li{
	font-size: 11px;
}
/* boutons next prev et retour a la liste
--------------------------------------------------------------------------------------- */
.NextPrevBtn{
	display: block;
	float: right;
	width: 250px;
	text-align: right;
}
.NextPrevBtn a, .NextPrevBtn a:link, .NextPrevBtn a:hover{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.NextPrevBtn a:hover{
	color: #646464;
}

/* LIGHTBOX CONTROL
--------------------------------------------------------------------------------------- */
#lightbox { padding:10px 10px 5px 10px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
/*#overlay img { border:none; }*/

div#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background:#a09673; }
/* couleur du fond tranparent */
#overlay{
	background-color: #a09573; 
}
/* DTHML TOOL TIPS
--------------------------------------------------------------------------------------- */
#dhtmltooltip{
position: absolute;
visibility: hidden;
z-index: 100;
width: 200px;
/*border: 2px solid black;
padding: 2px;
background-color: lightyellow;*/
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}
#dhtmltooltip #ArrowToolTip{
	position: absolute;
	top: 0px;
	left: 0px;
	margin:-17px 0 0  10px;
	z-index: 110;
}
#dhtmltooltip #ContentToolTip{
	background: #FFF;
	padding:5px;
	border: 2px solid #e3d9bd;
	z-index: 105;
}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */
.formSpan{
	display: block;
	font-size: 11px;
	color:#646464;
	margin: 5px 0 0 0;
}
#recherche{
	margin: 5px 0 0 5px;
	display: block;
	float: left;
}
.btnFormImg{
	margin: 0 5px 0 2px;
	display: block;
	float: left;
}
.ChangeDropDown{
	display:block;
	float:left;
	width:700px;
	margin: 5px 0 0 0;
}
fieldset{margin: 0; padding: 5px; width: 456px; border:1px solid #000;}
/*fieldset legend{font-family: Arial; font-size: 14px; font-weight: bold;}*/
fieldset label{font-size: 12px;}

.formulaire{margin: 0;padding: 0;}
.champTexte{
	color: #2C2C2C;
	border: 1px solid #cabc8e;
	/*background: #EEF3F7;*/
	margin: 0 0 0 0;
	padding: 2px;
	font-size: 0.8em;
	line-height: 15px;
	display: block;
	float: left;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 0.8em;
	color: #2C2C2C;
	border: 1px solid #cabc8e;
	background: #FFF;
	margin: 0;
	padding: 0;
	
}
.boutonRadio{	
	color: #2C2C2C;
	background: #EEF3F7;
	margin:0;
	padding: 0;
	font-size: 0.8em;
}
.menuDeroulant{	
	color: #237fae;
	border: 1px solid #cabc8e ;
	background: #FFF;
	margin: 0 0 0 3px;
	padding: 1px;
	_padding: 2px;
	font-size: 11px;
	line-height: 15px;
	width: 190px;
	display: block;
	float: left;
}
.menuDeroulantSaison{
	color: #237fae;
	border: 1px solid #cabc8e ;
	background: #FFF;
	margin: 3px 0 3px 0;
	padding: 1px;
	_padding: 2px;
	font-size: 0.8em;
	line-height: 15px;
	width: 175px;
	display: block;
	float: left;
	font-weight: bold;
}
.bouton{
	color: #646464;
	border: 1px solid #cabc8e ;
	background: #FFF;
	font-size: 0.8em;
	font-weight: bold;
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	border: 0px;
	background-color: #FFF;
}
.erreur{
	/*font-size: 11px;*/
	color: #CC0000;
}
.cfdebug{
	display: none;
}

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