body {margin-right:0;font-size:76%; font-family:arial, verdana,  sans-serif; background-image: url("../../image/degradNuitMenuH.jpg");background-repeat:repeat-y;word-wrap:break-word;}
h2{font-size:16px;font-weight:bold;font-style:italic;color:#f5eba5;}
/* h3 et h4 sont définis dans start */
h5{font-size:12px;font-weight:bold;color:#f5eba5;}
/* h6 dans SG */
.photo td{border:none;} /* supprime les bordures dans les td du tableau herbergement */
.photo table{border:none;} /* supprime les bordures  tableau herbergement */
.texte{background-image: url("../../image/logoFondBleu2.png");
 padding-left:15px;padding-right:15px;height:auto;min-height:800px;_height: 800px; /* hack uniquement interprété par IE Win pour min height */}

.texte p {font-size:12px;color:#60d8c3;text-align:justify;}
			
.texte a{font-size:12px;color:#60d8c3;text-decoration:none;} /* versPatrim et imprim et autres a */
.texte a:hover{color:#daa520;text-decoration:none;text-decoration:underline;} /* versPatrim et imprim  et sélection dans tableaux et autres a*/

.entete{font-size:12px;color:#18d600;} /* en-têtes chemin dans pages */
.versPatrim {} /* pas d'application dans cette feuille car même couleur que p */
.imprim a{color:#ffa500;} /* couleur  texte zone version imprimable */
.imprim a:hover{} /* pas d'applicatio car maintien du a:hover général */

.texte .agenda caption{height:40px;color:#f5eba5;font-size:18px;font-style:italic;font-weight:bold;} /* titre agenda hors du tableau centré par défaut */
.texte .agenda td {text-align:center;} /* formatage complémentaire de td pour agenda */
.colonneCouleur{background:#082d30;} /* seconde couleur colonnes agenda */

.imFlotante{float:left;border:none; margin-right:20px;width:112px;height:150px;border-style:ridge;border-width:3px;border-color:#999;} /*Format des images portraits*/
.imFlotanteHoriz{float:left;border:none; margin-right:20px;width:150px;height:113px;border-style:ridge;border-width:3px;border-color:#999;} /*Format des images paysages */
.imFlotantePres{float:left;border:none; margin-right:10px;width:175px;height:125px;border-style:ridge;border-width:3px;border-color:#999;} /*Format des images dans les pages présentation */

.village{font-size:16px;font-weight:bold;color:#f5eba5;} /* titres dans villages */
.lienVill p a:hover{color:#60d8c3;} /* liens dans village historique et patrimoine */
.villageHistoireNote{color:black;font-style:italic;} /* note fin de page  village histoire */

.patrim{color:#f5eba5;} /* mise en couleur partie texte titres dans village patrimoine */

/*  ----------------------------------  tableaux --------------------------------------*/

table{margin-left:auto;margin-right:auto;width:auto;border-style:outset;border-width:2px;border-color:#f5eba5;} /* il faut également préciser les bordures des cellules */
td {empty-cells:show;font-size:12px;color:#60d8c3;padding:0 3px 0 3px;border-style:outset;border-width:1px;border-color:#f5eba5;} /*  cellules td dans les tableaux  -  il faut également préciser les bordures du tableau */

.tableLien{margin-left:auto;margin-right:auto;width:auto;border:none;} /* table dans liens */
.tableLien td{border:none;} /* table dans liens */
 
.texte caption{color:#18d600;font-size:16px;font-style:italic;font-weight:bold;} /* titre des tableau centré par défaut */
.tableauLigne1{background:#114629;font-weight:bold;font-style:italic;color:#f5eba5;} /* première ligne des tableaux  */
.largeur{background:#114629;width:17px;min-height:20px;} /*lageur et couleur fond de la première colonne image dans agenda et grezArts*/
.centre{text-align:center;} /*  centre les chois de sélection dans les tableaux */

.color{color:orange;} /* couleur des titres des coordonnées dans horéca détails */

.tableArtist{border:none;}
.tableArtist td{border:none;}
.colorArtist{color:#fff;} /* également utilisée dans zones non remplies inscription baillis */

/*------------------------- SG 2010--------------------------------------------*/    
.lettreB{font-family:Monotype Corsiva;font-size:30px;color:#daa520;}
.lettreP{font-family:Monotype Corsiva;font-size:20px;color:#daa520;font-weight:bold;}  
.titrehistorique{font-family:Monotype Corsiva;font-size:25px;font-weight:bold;color:#18d600;}
.titrehistoriquebis{font-family:Monotype Corsiva;font-size:25px;font-weight:bold;}
#titreProgramme{font-size:14px;font-weight:bold;font-style:italic;color:#f5eba5;}
#titreProgrammeJour{font-weight:bold;font-style:italic;font-size:14px;text-decoration:underline;color:#cdfffd;}
#titreProgrammeActivite{font-weight:bold;color:#e1e300;font-size:14px;}
#tableauJour{font-weight:bold;font-size:14px;border:none;color:#cdfffd;}
#titreProgrammeActiviteBis{font-weight:bold;color:#e1e300;font-size:14px;}
#case{border:none;margin-left:20px;}
.case{border:none;}
#menuSG{color:#e9db00;}
#menuhistorique{color:#18d600;}
#menuhistorique:hover{color:#fff;}
#retour{color:#18d600;font-size:12px;text-decoration:none;}
#retour:hover{color:#fff;font-size:12px;text-decoration:underline;}
#dametexte{position:relative;left:30%;}

/* ------------------------------bannière -----------------------------------*/

body{margin-top:0px;margin-left:22px;} /*permet d'aligner la page et le menu en hauteur ne pas changer = compromis pour avoir même niveau FF IE7 et IE8 */
#header h1 {font-size:30px; margin:0; padding:0px 0; color:#000;position: relative;} /* la combinaison de cette ligne avec la suivate crée l'ombre sur le texte h1 */
#header h1 span {color: #fff;display: block;position:absolute;top: -3px;left: -3px;}
#contentHeader {padding:10px;xbackground:#5d460d;background-image: url("../../image/degradNuitMulti.jpg");}
#contentHeader a{font-size:12px;text-decoration:none;color:#095800;}
#contentHeader a:hover,#contentHeader a:active{font-size:12px;text-decoration:underline;color:#a31e39;}
#contentHeader p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;color:#fff;}
#contentHeader p a{text-decoration:none;color:#fff;}
#contentHeader p a:hover, #contentHeader p a:active{text-decoration:underline;color:#fff;}
#contentHeader p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}

/* ------------------------------ start ----------------------------------------- */
h3{margin:0px;padding:0px; font-size:16px;color:#000;font-weight:bold;} /*dans strat */
h4{margin:0px;padding:0px; font-size:14px;color:#000;font-weight:bold;} /*dans strat */

#outer1 {float:left; width:20%; background-image: url("../../image/degradBrunGauche.jpg");xbackground:#f4ecb2;}
#outer2 {float:left; width:60%; background-image: url("../../image/biezMoulinTrans.png");background-repeat:repeat;}
#outer22 {float:left; width:60%; xbackground-image: url("../../image/logoFondBleu2.png");background-repeat:repeat;}  /* zône centrale de la page acceuil SG */
#outer2 h2{font-size:16px;font-weight:bold;font-style:italic;color:#000;}
#outer3 {float:right; width:20%; background-image: url("../../image/degradBrunDroit.jpg");xbackground:#f4ecb2;}
#outer1, #outer2, #outer3 , #outer22 {padding-bottom:32767px; margin-bottom:-32767px;}
#wrapper {overflow:hidden; background:#c0c0c0;}

#footer {clear:both; background-image: url("../../image/degradNuitFooter.jpg");}
.content {padding:10px;}
.content p {font-size:12px; line-height:1.5em; margin:0; padding:5px 0;}
.content p a{color:#000;text-decoration:none}
.content p a:hover{color:#fc2818;text-decoration:underline} 

#footer p,
#header p {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {text-decoration:none;}

/*  ------------------------ Banque -------------------------------------*/
.solde{position:absolute;top:21%;left:40%;text-align:center;font-size:12px;width:auto;padding:0 5 0 5;font-weight:bold;background-color:#a6d684;color:#000;border:solid 1px #fff;}
.solde1{position:absolute;top:21%;left:40%;text-align:center;font-size:12px;width:auto;padding:0 5 0 5;font-weight:bold;background-color:#ff7c73;color:#000;border:solid 1px #fff;}
.caseVert{background-color:#a6d684;font-size:12px;color:#000;}
.caseRouge{background-color:#ff7c73;font-size:12px;color:#000;}
#tableOut{position:relative;top:-422px;left:45%;}
.tailleConfirm{font-size:14px;color:#60d8c3;} /* format des commentaires confirmation inscription erreur d'encodage */
.taille{font-size:12px;}

/* ----------------------------------- sponsor SG 2010---------------------------------------------------*/

#menu p {color:#000;font-weight:bold;font-size:14px;margin-left:10px;padding-left:10px;}
#dlmenu {height:10em; margin:20px 0 300px 10px;}
#menu {list-style-type:none; margin:0 0 10px; padding:0; width:150px; background:#fff; z-index:100;}
#menu li {display:block; padding:0; margin:0; position:relative; z-index:100;}
#menu li a, #menu li a:visited {display:block; text-decoration:none;}
#menu li dd {display:none;}
#menu li:hover, #menu li a:hover {border:0;}
#menu li:hover dt a , #menu li a:hover dt a {background:#d4d8bd  center center; color:#800000; }
#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {height:100px; background:#b4be9c ;}
#menu table {border-collapse:collapse; padding:0; margin:-4px; font-size:1em;}
#menu dl {width: 150px; margin: 0; background: #6f9c6f; cursor:pointer;}
#menu dt {margin:0; padding: 0; font-size: 11px; border-top:1px solid #cce;font-weight:bold;}
#menu dd {margin:0; padding:0; font-size: 10px; text-align:left; }
#menu dt:hover {font-weight:bold;}
.gallery dt a, .gallery dt a:visited {display:block; color:#fff; padding:5px 5px 5px 10px; background:#949e7c  center center;}
.gallery dd a, .gallery dd a:visited {color:#000; min-height:1em; text-decoration:none; display:block; padding:4px 5px 4px 10px; background:#b4be9c ;}
* html .gallery dd a, * html .gallery dd a:visited {height:1em;}
x.gallery dd a:hover {background:#7aa; color:#800;}
.colorBailli{background:#fff;color:#000;}
.bailli td a:hover{background:#071414;} /*  permet de confondre le fond des <a> au passage souris dans le tableau des réservations baillis */

/* ----------------------------------------- menu ----------------------------------------------------*/

/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}
.menu, .ssmenu {
/* Il est important de laisser une largeur, au cas où le Javascript soit désactivé.
margin aussi */	
	font-size:12px;
	font-weight:bold;
	border:0px solid #EFB;	
	padding:0px;	
	margin:0em;
}
.menu {	
	text-align:left;
	background-image: url("../../image/degradNuitMenuH.jpg");	
	border-color:#004455;
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ABCDEF,endColorStr=#789ABC);*/
}
.ssmenu {		
	background-image: url("../../image/degradNuitMenuH.jpg");	
	border-color:#ABCDEF;
	border:0px solid #fff;
	
/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm	
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);*/	
	/*FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#789ABC,endColorStr=#004455);*/
}
.menu span, .ssmenu span {
/* pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}
.ssmenu ul, .ssmenu li {
/* Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}
.menu a,  .menu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:trebuchet MS, MS Sans Serif, arial, sans-serif, Verdana;
	text-decoration:none;
	color:#fff;	
	padding:2px 1px;
	padding-left:5px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:81%;
	voice-family: "\"}\"";
	voice-family:inherit;
	}
.ssmenu a,.ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur.
	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
	La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher */
	font-family:trebuchet MS, MS Sans Serif, arial, sans-serif, Verdana;
	text-decoration:none;
	color:#ffeb23;
	padding:2px 1px;
	padding-left:5px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
	voice-family: "\"}\"";
	voice-family:inherit;
}	

html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width :auto;
}

.menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/	
	background-image: url("../../image/degradNuitMenuH1.jpg");
	color:#ffeb23;	
	xtext-align:right;	
	padding-right:5px;
	text-decoration:none;	
}
.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-image: url("../../image/degradNuitMenuH1.jpg");
	color:#fff;
	text-decoration:none;
	
}

.imageLine{
display: inline;
}