/*  GLOBAL 4 octobre 2009 - Référence  -  sauf Accueil  et Liste des sites de Vendée
  AP = Arrière-Plan pour image dans Publications
*/
HTML{
    font-size: 100%;    
}

body {   /*background-color:#F8F8F8;  		gris très clair, remplace le jaune FFFFF0       */
	width:100%;
/*	background-image: url(../images/page_bleue_fond_ecran.jpg);	*/
/* 	min-width:600px;	Holygrail Minimum width of layout - remove line if not required  Perturbe iframe de Highslide */
						
	font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
}  
p {
	font-size:100%;
	color:#333300;
	line-height:1.4em;
	font-weight: normal;
	text-align: justify;
}
.coul_p{color:#333300;}

.princ00 {
	clear:both;
	margin:0;
	padding:0;
}
.princ0 {
	clear:both;
	padding-right: 4%;
	padding-left: 4%;
}
.princ {
	clear:both;
	padding-right: 5%;
	padding-left: 5%;
}
.princ2-7 {
	clear:both;
	padding-right: 3%;
	padding-left: 7%;
}
.princ3 {
	clear:both;
	padding-right: 10%;
	padding-left: 10%;
}
.princ4 {
	clear:both;
	padding-right: 15%;
	padding-left: 15%;
}
.princ5 {
	clear:both;
	padding-right:20%;
	padding-left: 20%;
}
.princ li, .princ2-7 li, .princ3 li, .princ4 li, .princ5 li   {
	padding-left:10px;
	text-align:left;
	line-height:120%;
	color:#333300;
		}
h1 {
	font-family:verdana, sans-serif;
	font-size:200%;
	line-height: 150%;
/*	color  voir menu.css  coul_b1 */
	text-align:center;
	font-weight: bold;
}
h2 {
	font-family:verdana, sans-serif;
	font-size:150%;
/*	color:#996600;	  couleur du menu 1  =  a1   */
	line-height: 2.2;
	text-align:center;
}
h3 {									/* Mentions importantes dans la colonne 2  */
	font-family:verdana, sans-serif;
	font-size:110%;
	line-height: normal;
	font-weight:bold;
}
h4 {		/*h4 sert pour les tests dans les bulles - police rouge sur fond bleu-vert  NON utilisé   */
	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 {					/* index2 et frame_mde  */
	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 {												/* NON utilisé  */
	font-family:verdana, sans-serif;
	font-size:125%;
	color:#660000;
	line-height: 20pt;
	text-align: center;
	font-weight: bold;
	width: 300px;
}
/*   titre 1 couleur de h1  dams menu.css   */
.t1 {						/* t1 = rocher batard, sortie, Noirmoutier, Saintonge_2009_d  */
	font-family:verdana, sans-serif;
	font-size:150%;
	line-height: 150%;
	margin : 0;
	text-align:center;
	font-weight: bold;
}
.t2 {font-size:120%;
	 font-weight:bold;}
.t2g {font-size:150%;
	 font-weight:bold;}
.tn {font-size:100%;}		/*  taille normale */

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: 18px;
}
th {
	text-align:center;
	margin-right: 20px;
	font-weight: bold;
	vertical-align: middle;
	padding-bottom: 4px;
    }

.surligne {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 20px;
	background-color: #EEFF99;
	color: #663300;
	font-weight: 600;
	width: 250px
}

.norm {font-weight:normal; font-style:normal; text-decoration:none;}

.flotte_gauche {			
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
.flotte_droite {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	float: right;
}

                            /* -----------------------  Infobulles  ------------------- */
div#tipDiv {
	color:#333300;
	font-size:12px;
	line-height:1.2;
/*	background-color:#ffffcc;   /*  crême    àdécider dans les class ou les Default */
	padding:4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	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 */
    }
div.tip3 { 
		padding:0px;
        width:100px;  
		font-weight:normal;
		background-color:#d1d1d1;     /* gris */
    }


/* styles for wrap functions  */
div#tipDiv .stickyBar {
    background-color:#AA2C2D;     /*e1*/
    }
    
div#tipDiv .stickyTitle {
	padding:0 0 2px 4px;
	color:#fff;
	font-size:14px;
	font-weight: bold;
	text-align:center;
    }
div#tipDiv div.stickyContent {
    padding:4px;
    }
/* sticky with closeBox is in table */  
div#tipDiv td { font-size:12px; }


div#tipDiv div.img { text-align:center }

.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:#FAF3CB;				/* #FFFF99;     jaune clair   */
	font-size:1em;
	font-style:italic;
	text-align:center;
	}
.bul_120 {width:120px;}
.bul_150 {width:150px; background: #e5e5e5;}    /* gris clair  */
.bul_175 {width:175px;}
.bul_200 {width:200px;}
.bul_225 {width:225px;}
.bul_250 {width:250px;}
.bul_bann {	width:100px; border:0; 	background-color:#d1d1d1; 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;}
												/* DEUXIÈME COLONNE  */
.cadre {
		font-size: 1em;
		line-height: 1.3em;
		color:#2D2915;					/* presque Noir    old : #996600; = marron doré  ---  660000= marron rouge très foncé */
	/* 	background-color:yellow;		 #FFFFf0; = crème   */
	/*	text-align:left;   */
		padding:0px;
}


.cadred, .impr {
		font-size: 1em;
		line-height: 1.4em;
		color:#660000;
		font-weight:normal;			  
}
.impr {background-color:#C9E0D2;}   /* bleu menu 3 en clair   */
		
.col2 p {padding :0px 8px 8px 8px;}      /* padding fonctionne pas  */
.col2 p, .pet {
		font-size:.8em;
		line-height: 1.3em;
		color:#660000;		/*= marron rouge très foncé */
}
.pet_t {font-size:1.2em;
		line-height: 1.5em;
		font-weight:bold;
		color:white;
		background-color:#696C7B;				/*  = couleur menu 1 niveau voyages   /   doré =  #928525;	*/
		}
.pet12 {font-size:12px; color:#660000; }
		
.auzay_pos1 {margin-top:30px;} /* 1ère ligne colonne 2   -   Pour IE il faut 50 ou plus */
.auzay_pos2 {margin-top:20px;} /* 1ère ligne colonne 2   -   Pour IE il faut 50 ou plus */


/*  remplacer par al_g 
.col2_g {text-align: left;}
.col2_d {text-align: right;}
.col2_c {text-align: center;}
.col2_j {text-align: justify;}
*/

.bib {			/*  ancien col2titre  */
	width: 100%;
	color:white;
	background-color:#928525;
	font-size: 1.5em;
	font-weight: bold;
	text-align:center;
}
.bibp {			/*  bib petit  */
	width: 100%;
	color:white;
	background-color:#928525;
	font-size: 1.1em;
	line-height:1.4em;
	font-weight: bold;
}

.titre_col2, .coul1, .coul2, .coul3, .coul4, .coul5  {   /*  voir menu   titre_col2 = accueil  */
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	color: white;     /*   #a2dedf;      #ffbc20 =jaune du menu en hover  	  #a2dedf = bleu de l'image d'AP */
	line-height:1.6em;
	text-align:center;
}
.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;}
.c33, .noir {color:#333300;				/* foncé  */
		font-weight:normal;}
.noir2 {color:#545766;				/* foncé  */
		font-weight:normal;}

.top0 {margin-top: -3px;}		/*page accueil */
.top-10 {margin-top: -10px;}	/*page accueil */
.top-20 {margin-top: -20px;}			
.top10 {
		padding-top:10px;}
/*  .soulign_non {text-decoration: none;}   */
.passoul {text-decoration: none;}
.soul {text-decoration:underline;}

.vie {
	font : bold 35px "Arial";
	color:#50632b;
	width:100%;
	line-height: 40px;
	background-color:#bb8000;    /*   vie  */
	padding-bottom: 5px; 
	margin-top: 10px;
	margin-bottom: 10px;
}

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

.pet li {padding-bottom:7px;}

					/*   LIENS   -   si on met un a ou a:hover ça fout le ko dans la barre des menus   */

.pet a{text-decoration:none;}  /* tout ça ajouté le 12 09 2009 - tiré de gvep.css  */
.pet a:hover {color:#1d6929;}   /*  vert  */

.lien, .lien2, .lien3 {font-size:12px; color:#aa2c2d;} /* rouge foncé   Evaluer les caractérisques de 3 liens- prévoir 2 tailles ?  */
.lien4 {font-size:14px; color:#aa2c2d;}
.lien a:hover, .lien2 a:hover, .lien3 a:hover {
	color:#242400;		/* = p brun  très foncé  */
	font-weight:normal;
	line-height:14px;
	background-color:#FFD777;}			/* jaune pale  */
.lien2 {text-decoration:underline;}
.lien3 a:hover {font-weight:normal; font-size:14px;}
.lien a, .lien3 a {font-size:14px; text-decoration:none; color:#aa2c2d; }	/* = e1  Rouge Contacts  */
.lien4 a, .lien_4 a {text-decoration:none;
		font-size:90%;
		font-style:italic;
		color:#aa2c2d; 
}
.lien_4 a {text-decoration:underline;}

.lien4 a:hover, .lien_4 a:hover {color:#660033; background-color:#FFD777;}


.cadre a {font-size: 12px; color:#aa2c2d; text-decoration:none;}
.cadre a:hover {
	color:#242400;		/* = p  */
	font-weight:normal;
	font-size:11px;
	line-height:12px;
	background:#FFD777;
	text-decoration:none;}			/* jaune pale  */


.padd5 {padding-left: 5px;}
.padd_g {padding-left: 15%;}
.padd10 {padding-left: 10px;}
.padd15 {padding-left: 15px;}
.padd20 {padding-left: 20px;}
.padd30 {padding-left: 30px;}
.padd50 {padding-left: 50px;}
.padd100 {padding-left: 100px;}
.padd120 {padding-left: 120px;}
.padd150 {padding-left: 150px;}

.spacer5, .spacer5 {font-size: 5px;}
.spacer10, .spacer10 {font-size: 10px;}
.spacer20, .spacer20 {font-size: 20px;}

.marge0 {margin:0px;}
.marge0-5 {margin-top:0; margin-bottom:5px;}
.marge0-10 {margin-top:0; margin-bottom:10px;}
.marge0-15 {margin-top:0; margin-bottom:15px;}
.marge0-20 {margin-top:0; margin-bottom:20px;}
.marge0-25 {margin-top:0; margin-bottom:25px;}
.marge0-30 {margin-top:0; margin-bottom:30px;}

.marge10-0{margin:10px 0 0 0; padding:0;}
.marge10-5{margin:10px 0 5px 0;}
.marge10-10{margin:10px 0;}
.marge15 {margin: 15px 0;}
.marge15-5, .sep {margin-top:15px; margin-bottom:5px;}  /* col2 photo + légende +photo   SEP  */
.marge20-0 {margin-top:20px; margin-bottom:0px;}

.marge_bas_0 {margin-bottom:0;}



.centrimg{			/* 3 images alignées et centrées  Thiré Vendée */
	clear:both;
	display:inline-table;
	margin:0;
	padding-right:4%;
	padding-left:4%;
	text-align:center;}

.encadre {
	width:500px;
	border: thin solid #AA2C2D;    /* rouge menu Contact   */
	padding: 15px;
		}
.ligne {line-height:150%;}


.bann {
 	width:100px; 
	padding:0;
	background:#d1d1d1; 	/*   le gris de la bannière   */
	font-style: normal;
	}	
/*
.pos_ret_acc {			 petit texte dans le bandeau LEFT = 210px    ça marche OK
	position: absolute;
	top:35px; left: 21%; font-size:8px; z-index:100;
	font-style:italic; color:#660000; }*/

#pos_ret_acc {			/* petit texte dans le bandeau   */
	clear:both;
	position: absolute;
	z-index:100;
	top:47px; 
	padding-left: 26%; 
	font-size:8px; 
	font-style:italic; color:#660000; }
#pos_ret_acc a {	
	font-size:8px; 
	font-style:italic; color:#660000; 
	text-decoration:none; } 

/*
.pos_ret_acc {			a empêché que le clic sur le bandeau envoie à la page d'accueil
	position: relative;
	z-index:100; top:-75px; font-size:8px;     left = 210px 
	font-style:italic; color:#660000; text-align:center;}
*/
.pos_contact {margin-top:30px;} /* 1ère ligne colonne 2   -   Pour IE il faut 50 ou plus  Origine Auzay */

.pos_liste {			/* à supprimer si ça ne sert que pour la Liste des Sites de Vendée  */
	position: absolute;
	top: 250px;
	left:0;
	}


.pos_titre1 {margin-top:10px;} /* contact dans local_contact   -   Pour IE il faut 40 ou plus */
.nu a {text-decoration:none;}

hr {							/* ligne horizontale couleur menu 3 */
background-color: #1C647D; 
height: 1px; 
}
.rouge {color:#FF0000;}

.lr a {text-decoration:none; color:#aa2c2d;}				/*  les liens rouges  */
.lr a:hover {color:#330000; background: #FFD777;}
.lrs a {text-decoration:underline; color:#aa2c2d;}
.lrs a:hover {color:#330000; background: #FFD777;}
.gd {font-size:120%;}  /* grand en cas de besoin */
.pt {font-size:85%;}		/* petit */

.mnc {margin:0;					/* n'a pas l'air de marcher  */
	padding:0;
	font-size:1px;
	line-height:1px;
	}
.lsi, .lsig, .lspi, .lspig, .lnsi, .lnsig, .lnsnig {						/* les liens  rouge  */
	font-size:80%;
	color:#aa2c2d;			/* rouge #aa2c2d;  */ 
	font-style:italic;
	}
a:hover.lsi, a:hover.lspi, a:hover.lspig, a:hover.lsig, a:hover.lnsi, a:hover.lnsig, a:hover.lnsnig {
	background:#FFD777; 
	color:#242400;		 /* jaune */
	width:auto; 
	}  
.lsi {font-style:italic; text-decoration:underline;}
.lsig, .lspig {font-style:italic; text-decoration:underline; font-weight:bold;}
.lspi {text-decoration:underline; font-style:normal;}
.lspig {text-decoration:underline; font-style:normal;}
.lnsi {font-style:italic; text-decoration:none;}
.lnsig {font-style:italic; text-decoration:none; font-weight:bold;}
.lnsnig {font-style:normal; text-decoration:none; font-weight:bold;}

.t80 {font-size:80%;}
.t90 {font-size:90%;}
.t100 {font-size:100%;}
.t120 {font-size:120%;}
.t150 {font-size:150%;}

.ng2 {font-weight:bold;
		color:#565969;}  /* gris noir - famille menu 1  */

.raz {clear:both;             /* pour div en fin de menu pour empêcher aspiration de H1 par IE en 1280  */
	  margin:0;
	  padding:0;
	  }
.sp2 {font-size: 2px; margin:0; padding-top:4px;}  /* Bas de page, pour assurer la transition  */