/*  Spécial Liste des sites de Vendée */
/*  Min-width de Holygrail supprimé le 25 mai 2009 à cause du iframe de Highslide */

HTML{
    font-size: 100%;    
}

body {						  
	width:100%;
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
}  
p {
	font-size:16px;								/*  120%;		  */
	color:#333300;						  
	line-height:20px; 								/* 1.4em;  */
	font-weight: normal;  }

.spacer {font-size:70px;}
.spacer2 {font-size:75px;}	/* 87 avant diaporama menhirs */
#intro {
	position:relative;
	top:90px;
	left:50px;
	padding-right:75%;
	width:400px;
}
#intro p{
	font-size:16px;									/* 105%; */
	color:#FFA019;						  
	line-height: 24px;									/* 1.4em;  */
	font-weight: bolder;
	font-style:italic;
	text-align:justify;
}


.liste {position:relative; top:50px; left:350px;}
.liste {								
	font-size:14px;							/* 80%; */
	line-height:18px; 						/* 120%; */
	font-weight: bold;
	font-style: normal;
	text-align: left;
/*	padding-left: 32%;				*/
	padding-right: 1%;
}
.liste a {
	font-weight: bold;
	color:#FBD8D6;     /* blanc rosé  */
	text-decoration:none;
}  


.pg {font-size:18px;;}		/*  pg = 120% plus grand pour noms de villes   */
	

h1 {
	font-family:verdana, sans-serif;
	font-size:200%;
	color:white; 	/*#2f9e01; */
	text-align:center;
	font-weight: bold;
}
h2 {
	font-family:verdana, sans-serif;
	font-size:150%;
	color:#996600;
	line-height: 2.2;
	text-align:center;
}
h3 {
	font-family:verdana, sans-serif;
	font-size:110%;
	color:#FF6600;
	text-align:center;
	line-height: normal;
	vertical-align: middle;
	background-color: #66FF99;
}
h4 {		/*h4 sert pour les tests dans les bulles - police rouge sur fond bleu-vert     */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%; 
	font-weight:500;
	color:#FF0000;
	background-color: #66FFFF;
	text-align: center;
	line-height: 22px;
}
h5 {
	font-family:verdana, sans-serif;
	font-size:1.2em;
	color:#996600;
	background-color:transparent;
	line-height: 1.2em;
	text-align:left;
	font-weight: bold;
}
h6 {
	font-family:verdana, sans-serif;
	font-size:125%;
	color:#660000;
	line-height: 20pt;
	text-align: center;
	font-weight: bold;
	width: 300px;
}

a img {border:0;}						/*  jr  solution miracle au hover intempestif  Merci site du zéro */

td {
	vertical-align:middle;
	text-align: left;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;    /* orig 14   et height 1.3    */
	line-height: 1.3px;
}
th {
	text-align:center;
	margin-right: 20px;
	font-weight: bold;
	vertical-align: middle;
	padding-bottom: 4px;
    }



div#tipDiv {
	color:#333300;
	font-size:12px;
	line-height:1.2;
	background-color:#ffffcc;   /*  crême */
	padding:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	text-align: center;	
}
div.tooltip {  
 	width:130px; 
	padding:4px;
	background-color:#f5deb3;    /* beige clair  */
}
    
div.tip2 { 
		padding:4px;
        width:220px;  
		border:3px; color:#003366;
		font-weight:700;
		background-color:#f5f5cc;     /* presque blanc */
    }

.bul_img {
	border:1px solid #333300;	 
	padding:0;
	}
.bul_120,  .bul_150,  .bul_175,  .bul_200,   .bul_225,  .bul_250 {
	border:1px solid #333300; 
	padding:4px;
	background-color:#FFFF99;    /*  jaune clair   */
	font-size:0.8em;
	text-align:center;
	}
.bul_120 {width:120px;}
.bul_150 {width:150px;}
.bul_175 {width:175px;}
.bul_200 {width:200px;}
.bul_225 {width:225px;}
.bul_250 {width:250px;}
.bul_bann {	width:160px; border:0; 	background-color:#f5deb3; color:#5E3F00; padding:4px;}

.al_g {text-align:left;}
.al_d {text-align:right;}
.al_j {text-align:justify;}
.al_c {text-align:center;}
.leg {font-size: 0.9em; line-height:1.2em; font-weight:bold; text-align:center;}			/* légende des photos à droite  */

.bord {border:1px solid; color:#333300;}
.bord2 {border:1px solid; color :#CCCCCC;}
.cadre {
		font-size: 1em;
		line-height: 1.3em;
		color:#2D2915;					/*     #996600; = marron doré  ---  660000= marron rouge très foncé */
	/* 	background-color:yellow;		 #FFFFf0;  */
		text-align:left;
		padding:0px;
}

.col2 {
		font-size:.8em;
		line-height: 1.2em;
		color:#660000;					/*     #996600; = marron doré  ---  660000= marron rouge très foncé */
}
.col2 p {padding :0px 8px 8px 8px;}      /* padding fonctionne pas  */



												/* A étudier : tiré de JR_Auzay.css   */
.col2titre {
	color:white;
	background-color:#928525;
	font-size: 1.5em;
	font-weight: bold;
	text-align:center;
}
.pet_g {
		font-size:.8em;
		line-height: 1.2em;
		color:#660000;					/*     #996600; = marron doré  ---  660000= marron rouge très foncé */
		text-align:left; 			
}   	
.pet_d {
		font-size:.8em;
		line-height: 1.2em;
		color:#660000;					/*     #996600; = marron doré  ---  660000= marron rouge très foncé */
		text-align:right; 			
}   
.pet_c {
		font-size:.8em;
		line-height: 1.2em;
		color:#660000;        			/*     #996600; = marron doré  ---  660000= marron rouge très foncé */
		text-align:center; 			
} 
.princ00 {
	clear:both;
	padding-right: 1%;
	padding-left: 1%;
}

.princ  { 								/* on ne peut pas mettre le padding dans col1 : chaos  */
	padding-left:30px;
	padding-right:30px;
}
.spacer5 {font-size: 5px;}
.spacer10 {font-size: 10px;}
.spacer20 {font-size: 24px;}

.coul1, .coul2, .coul3, .coul4, .coul5 {
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	color: #FFFFFF;
	line-height:1.6em;
}
.coul1 {background-color:#50632b;}
.coul2 {background-color:#928525;}
.coul3 {background-color:#2f9e01;}
.coul4 {background-color:#bb8000;}
.coul5 {background-color:#b04a1a;}

.gras {font-weight: bold;}
.ital {font-style: italic;}

.top0 {padding-top: -3px;		/*page accueil */
		margin-top: 0px;}
.top-10 {margin-top: -10px;}			/*page accueil */  
.top-18 {margin-top: -18px;}			/* Liste des sites de Vendée pour IE  */
.top10 {
		padding-top:10px;}
.soulign_non {text-decoration: none;} 
.vie {
	font : bold 35px Arial;
	color:#50632b;
	width:100%;
	line-height: 40px;
	background-color:#bb8000;
	padding-bottom: 5px; 
	margin-top: 10px;
	margin-bottom: 10px;
}
.padd_g {padding-left: 15%;}

.liste a:hover {background-color:#e25e0e;}		/* orange qui pète   */

#retour {
	display:block;
	margin-left:50%;
/*	margin-right:55%;  */
	color: white;
	width: 120px;
	font-size: 14px;
	line-height: 18px;
	background: #66394d;		/*  violet très foncé   */
	text-align:center;					/*margin: 0 auto;    */
}
#retour a {
	color: white;
	text-decoration: none;
	background: #66394d;  	/* violet foncé  */
}
#retour a:hover {color:#ffbc20;}  /* jaune = hover menu  */

.pos_titre {
	display:block;
	clear:both;
	position: absolute;
	width:100%;
	top:162px;
	left:auto;
	right:auto;
}
	
.em1 {font-size:1em;}

.raz {clear:both;             /* pour div en fin de menu pour empêcher aspiration de H1 par IE en 1280  */
	  margin:0;
	  padding:0;
	  }