/* *** ####################################### *** */

/* *** couleurs *** */
/* #eeeeee; /* fond gris-clair */
/* #7F8180; /* fond gris */
/* #252525; /* fond gris-fonce */
/* #EF5F0F; /* ligne orange */
/* #EF5F0F; /* texte orange */
/* #fccc27; /* texte jaune */
/* #c7c8c8; /* texte gris sur fond gris-foncé */
/* #57575c; /* texte gris sur fond gris-clair */
/* #0a0a0a; /* texte noir */
/* #806d5e; /* texte marron */
/* #c7c8c8; /* form mail texte etiquettes */
/* #c7c8c8; /* form mail fond champs */
/* #57575c; /* form mail fond bouton */

@import url(_generiques.css);
@import url(_menu.css);

body
{
	color:#c7c8c8; /* texte gris sur fond gris-foncé */
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#eeeeee; /* fond gris-clair */
}

#container
{
	text-align:left;
	width:1000px;
	margin:0 auto;
	font-size:1.3em;
	line-height:1.2em;
	background:url(images/bg-container.png) repeat-y left top;
}

a{color:#0a0a0a; /* texte noir */}
a:hover,
a.select{color:#0a0a0a; /* texte noir */}
a:visited{color:#0a0a0a; /* texte noir */}

/* ###########################################################
		HEADER FOOTER
########################################################### */
/* header */
#header
{
	height:132px;
	background-color:#7F8180; /* fond gris */
	position:relative;
	z-index:10;
}
#header #remplissage
{
	float:left;
	padding:0 10px;
	width:163px;height:132px;
	background-color:#eeeeee; /* fond gris-clair */
}

#header h1
{
	/*margin-left:183px;*/
	height:81px;
	overflow:hidden;
	background-color:#7F8180; /* fond gris */
}

#header #boxConnexionHeader
{
	position:absolute;
	right:40px;
	top:2px;
	color:#c7c8c8; /* texte gris sur fond gris-foncé */
}
#header #boxConnexionHeader a{color:#c7c8c8; /* texte gris sur fond gris-foncé */}

/* footer */
#footer
{	
	clear:both;
	margin:0;
	background-color:#7F8180; /* fond gris */
	background:#eeeeee /* fond gris-clair */ url(images/logo-alain-barbot-photograp.png) no-repeat left bottom;	
}
#footerCentre
{
	margin-left:183px;
	background-color:#7F8180; /* fond gris */
	height:auto !important;
	min-height:86px;
	height:86px;
}
#sousFooter{font-size:0.7em;text-align:center;}

/* ###########################################################
		CONTENU
########################################################### */

#centre
{	
	float:left;
	width:817px;
	
	background-color:#7F8180; /* fond gris */
}
#centreReportage,
#centreBook,
#centreGenerique
{
	background:#252525 /* fond gris-fonce */ url(images/bg-geneerique.png) repeat-x left top;
	width:778px;
	height:auto !important;
	min-height:390px;
	height:390px;
	padding-bottom:10px;
}
#centreContact
{
	background:url(images/bg-contact.png) no-repeat left top;
	width:778px;
	height:auto !important;
	min-height:390px;
	height:390px;
}


#centre h3{margin-bottom:6px;}


#colonne_gauche
{
	width:377px;
	float:left;
	position:relative;
	display:inline;/* bug IE */
	height:auto !important;
	min-height:390px;
	height:390px;
}
#colonne_gauche h2{margin:10px 0 0px 0;font-size:1.1em;}
#colonne_gauche h2.titre
{
	color:#EF5F0F; /* ligne orange */
	font-size:1.5em;
	font-weight:normal;
	letter-spacing:0.1em;
	margin:30px 0pt 0px;
}

#colonne_centre
{
	width:401px;
	float:left;
	overflow:hidden;
	display:inline;/* bug IE */
	
	height:auto !important;
	min-height:360px;
	height:360px;
	padding-top:30px;
}


/* ###########################################################
		BOITES
########################################################### */
#colonne_gauche #blocHaut #colonneGaucheReportage
{
	margin-top:10px;
	font-size:1em;
	color:#c7c8c8; /* texte gris sur fond gris-foncé */
}
#connexionComptes
{
	margin:30px 10px 0 10px;
}

#colonne_gauche #blocHaut
{
	/*height:391px;*/
	position:relative;
	margin: 0 10px 0 30px;
	/*overflow:auto;*/
	font-size:0.9em;
	color:#c7c8c8; /* texte gris sur fond gris-foncé */
}
#colonne_gauche #blocHaut a{color:#EF5F0F; /* ligne orange */font-style:italic;text-decoration:underline;}
#colonne_gauche #blocHaut a.lien
{
	position:absolute;
	right:10px;bottom:10px;
}

#colonne_gauche #blocBas
{
	margin:10px 30px;
	color:#57575c; /* texte gris sur fond gris-clair */
	font-size:0.8em;
	text-align:center;
}

/* ###########################################################
		BLOC MULTIPAGES
########################################################### */
.navResultat
{
	color:#57575c; /* texte gris sur fond gris-clair */
	
	padding:0 4px;
	margin-bottom:8px;
	font-size:1.1em;
}
.navResultat a{color:#57575c; /* texte gris sur fond gris-clair */text-decoration: none;}
.navResultat a:hover{text-decoration: underline;}
.navResultat .selected{border :1px solid #57575c; /* texte gris sur fond gris-clair */padding:2px 4px 2px 4px;}

/* ###########################################################
		PAGE ACCUEIL
########################################################### */
#bloc_tel
{
	
}
#citationAccueil
{
	position:absolute;
	bottom:0px;
	left:0;
}


/* ###########################################################
		PAGES COMPTES
########################################################### */

#connexionComptes #formulaire{margin-top:10px;}
#connexionComptes #formulaire input{width:180px;}
#connexionComptes #formulaire fieldset label{width:140px;}
#connexionComptes #formulaire fieldset input.btGenerique{width:auto;}
#connexionComptes a{color:#C7C8C8;padding-left:10px;background:url(images/puce-grise.png) no-repeat 0 6px;}
#connexionComptes a:hover{color:#EF5F0F; /* ligne orange */text-decoration:underline;}

/* ###########################################################
		PAGES ACTUALITE
########################################################### */
#colonne_gauche #blocHaut ul#listing{margin-top:15px;}
#colonne_gauche #blocHaut ul#listing li a:visited,
#colonne_gauche #blocHaut ul#listing li a{text-decoration:none;font-style:normal;}
#colonne_gauche #blocHaut ul#listing li a:hover,
#colonne_gauche #blocHaut ul#listing li a.select{color:#fccc27; /* texte jaune */}

/* ###########################################################
		PAGES REPORTAGE
########################################################### */
#centreReportage{padding-left:4px;width:774px;/*padding-top:50px;*/position:relative}
#centreReportage .navResultat
{
	padding-top:10px;
	clear:both;
	/*
	position:absolute;
	top:400px;
	left:0;
	*/
}
/* listing des vignettes */
#vignettesReportage{}
#vignettesReportage .vignette
{
	float:left;
	width:100px;height:100px;
	margin:4px 5px;
	text-align:center;
	line-height:100px;
}


#centreReportage h2.titre
{
	color:#EF5F0F; /* ligne orange */
	font-size:1.3em;
	font-weight:normal;
	padding:30px 0 10px 5px;
}
/* ###########################################################
		PAGES BOOK
########################################################### */
#centreBook h2.titre
{
	color:#EF5F0F; /* ligne orange */
	font-size:1.3em;
	font-weight:normal;
	padding:30px 0 10px 30px;
}
#centreBook #colonne_centre{padding-top:0;}
#centreBook #colonne_gauche
{
	width:226px;
}

#centreBook #colonne_centre
{
	width:552px;
	position:relative;
}

#colonne_gauche ul#listingBook{margin-top:20px;}
#colonne_gauche ul#listingBook a{font-style:normal;text-decoration:none;}
#colonne_gauche ul#listingBook li.categorie{margin-top:5px;}
#colonne_gauche ul#listingBook li.categorie a
{
	font-size:1.1em;
	color:#EF5F0F; /* ligne orange */
	font-weight:bold;
}

#colonne_gauche ul#listingBook li.sousCategorie a
{
	font-size:1em;
	color:#c7c8c8; /* texte gris sur fond gris-foncé */
}
#colonne_gauche ul#listingBook li.sousCategorie a:hover,
#colonne_gauche ul#listingBook li.sousCategorie a.select,
#colonne_gauche ul#listingBook li.categorie a:hover,
#colonne_gauche ul#listingBook li.categorie a.select{color:#fccc27; /* texte jaune */}

/* listing des vignettes */
#vignettes{}
#vignettes .vignette
{
	float:left;
	width:160px;height:160px;
	margin:2px;
	text-align:center;
	line-height:160px;
}

#centreBook .navResultat
{
	padding-top:20px;
	clear:both;
	/*
	position:absolute;
	top:400px;
	left:0;
	*/
}


/* ###########################################################
		PAGES REPORTAGES
########################################################### */
#colonneGaucheReportage
{
	color:#0a0a0a; /* texte noir */
	font-size:0.8em;
	padding:0pt 8px 0pt 0pt;
}
#colonneGaucheReportage ul{border:none;margin:0;border:none;margin-top:4px;}
#colonneGaucheReportage ul li{border:none;text-align:left;padding:2px 0 2px 8px;min-height:0px; height:auto;line-height:1em;list-style-type:disc;}
#colonneGaucheReportage ul li a{font-size:1em;}


/* ###########################################################
		PAGES FORMULAIRES
########################################################### */
#formulaire{}
#formulaire fieldset{}
#formulaire fieldset h4{font-size:1.2em;margin-bottom:20px;color:#6b4e4a; /* marron fonce */;border-bottom:3px solid #c1a099; /* marron clair */padding:3px 2px 6px 2px;}


#formulaire fieldset label{width:100px;}
#formulaire fieldset input,
#formulaire fieldset select,
#formulaire fieldset textarea{width:230px;border:1px solid #c1a099; /* marron clair */background-color:#c7c8c8; /* form mail fond champs */}
#formulaire fieldset input.classDate{width:100px;}

#formulaire fieldset input.checkbox,
#formulaire fieldset input.radio,
#formulaire fieldset input.image{width:auto;border:none}

/* formulaire ONFOCUS */
#formulaire fieldset select:focus,
#formulaire fieldset input:focus,
#formulaire fieldset textarea:focus{background-color:#eeeeee; /* fond gris-clair */}

/* boutons de formulaire */
#formulaire fieldset input.btDefault
{
	width:auto;
	background-color: silver;
	border-left: 1px solid white;
	border-top: 1px solid white;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#formulaire fieldset input.btGenerique
{
	width:auto;
	border:none;
	background-color:#57575c; /* form mail fond bouton */
	color:#c7c8c8; /* texte gris sur fond gris-foncé */
	padding:0px 16px;
}
#formulaire fieldset input.btGenerique:hover{color:#EF5F0F; /* texte orange */}

/* tableau des occupants*/
#formulaire table.tarifs{}
#formulaire table.tarifs th{text-align:center;}
#formulaire table.tarifs td{padding:4px}
#formulaire table.tarifs input{width:100px;}

/* */
#formulaire fieldset.separate{margin-top:10px;border-top:0px solid #8B6E6A;}
#formulaire fieldset.separate legend{font-weight:bold;margin:0 0 0 8px}

#formulaire fieldset label.labelDroit{
	width:auto;
	float: none;
	margin:0 5px 0 5px;
	text-align:left;
}
#formulaire p.labelDroit{margin-left:158px;text-align:left;}

/** checkbox colonne */
#formulaire p span.checkboxColonne {display:block;float:left;width:250px;font-size:1em;}

/* informations sur les champs de formulaire */
span.infosForme{font-size:0.8em;display:block;float:left;margin-top:-5px;}

#formulaire p#parentIsValideReglement label{font-size:0.8em} 


/* ###########################################################
		PAGES MENTIONS LEGALES
########################################################### */
.mentionsLegales ul li
{
	list-style-type:disc;
	margin-left:16px;
}

/* ###########################################################
		PAGES CONTACT-ACCES-ITINERAIRE
########################################################### */

#introItineraire {
	width : 260px;
	margin-top : 20px;
}
#itineraireTitle{display:none;}