/* ------------------------ corps des pages ------------------------ */

body {
	font-family: "arial",verdana,lucida,sans-serif;
	font-size: 10 px;
	text-align: center;
	margin-top: 10;
	margin-left: auto;
	margin-right: auto;
	background-color: #A0E158;
	background-image: url(access/fond.GIF) ;
	background-repeat: repeat-y ;
	background-attachment: fixed ;
	background-position: 0px 0px; 
}


/* ------------------------ tableau cadre general ------------------------ */

table.ext {
	text-align:center;
	width:900px;
	border: solid #000 3px;
	border-color: #660000;
	border-collapse: collapse;
	background-color: #660000;
	}

/* ------------------------ tableau cadre general ------------------------ */

table.ext2 {
	text-align:center;
	width:700px;
	border: solid #000 3px;
	border-color: #660000;
	border-collapse: collapse;
	background-color: #660000;
	}

/* ------------------------ sous-tableau (quart de tableau.ext) ------------------------ */

table.interieur {
	align: center;
	border: solid #000 1px;
	border-color: #660000;
	border-collapse: collapse;
	background-color: #F1ECEC;
	font-family:Comic Sans MS; font-size:14px; font-weight:normal; color: #660000;
	text-align:justify; text-indent:40px;
	}

/* ------------------------ tableau avec les 5 vignettes ------------------------ */

table.images5 {
	width:332px; height:52px;
	align: center; 
	text-align:center;
	border: none; border-collapse: collapse;
	background-color: #ddc3c3;
	}

/* ------------------------ tableau photos pages album 5 photos en largeur ------------------------ */

table.photo5 {
	width: 850px;
	align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #660000;
	border-collapse: collapse;
	background-color: #F1ECEC;
	text-align: center;
	font-family: Comic Sans MS; font-size:14px; font-weight:normal; color: #660000;
	}



/* ------------------------ tableau photos pages album 6 photos en largeur ------------------------ */

table.photo6 {
	width: 870px;
	align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #660000;
	border-collapse: collapse;
	background-color: #F1ECEC;
	text-align: center;
	font-family: Comic Sans MS; font-size:12px; font-weight:normal; color: #660000;
	}



/* ------------------------ titres et sous-titres ------------------------ */

h1 {
	text-decoration: none;
	font-family:'Arial Narrow'; font-weight:bold; font-size:28px; color:white;
	line-height:90%; margin-top:0; margin-bottom:0;
	word-spacing:0; letter-spacing:0px;
	}
h2 {
	font-family:Arial; font-weight:normal; font-size:12px; color:#FFFFFF;
	line-height:200%; margin-top:0; margin-bottom:0;
	text-indent:20px;
	}
h3 {
	font-family:Arial; font-weight:normal; font-size:16px; color:#FFFFFF;
	line-height:100%; margin-top:0; margin-bottom:0;
	word-spacing:0; letter-spacing:0px;
	}

/* ------------------------ onglets menu horizontal supérieur ------------------------ */

.onglet { 
	width: 108px; height: 25px; 
	text-decoration: none; 
	font-family:Comic sans MS; font-weight:bolder; font-size:13px; color: #660000;
	text-align:center; vertical-align:middle; 
	word-spacing:1; letter-spacing:1; 
	line-height:110%; 
	}
.onglet:hover {
	text-decoration: underline;
	color: #ddc3c3; 
	}
.onglet2 { 
	width: 108px; height: 25px; 
	text-decoration: none; 
	font-family:Comic sans MS; font-weight:bolder; font-size:13px; color: #A77474;
	text-align:center; vertical-align:middle;
	word-spacing:1; letter-spacing:1;
	line-height:110%;
	}
.onglet3 { 
	width: 108px; height: 25px;
	text-decoration: none;
	font-family:Comic sans MS; font-weight:bolder; font-size:12px; color: #660000;
	text-align:center; text-valign:middle;
	word-spacing:1; letter-spacing:1;
	line-height:110%;
	}
.onglet3:hover {
	text-decoration: underline;
	color: #ddc3c3;
	}
.onglet4 { 
	width: 108px; height: 25px;
	text-decoration: none;
	font-family:Comic sans MS; font-weight:bolder; font-size:12px; color: #A77474;
	text-align:center; text-valign:middle;
	word-spacing:1; letter-spacing:1;
	line-height:110%;
	}


/* ------------------------ sous-titre tableau intérieur ------------------------ */

.onglet5 { 
	width: 300px; height: 25px; 
	text-decoration: none; 
	font-family:Comic sans MS; font-weight:bolder; font-size:13px; color: #660000;
	text-align:left; vertical-align:middle; 
	word-spacing:1; letter-spacing:1; 
	line-height:110%; 
	text-indent:10px;
	}


/* ------------------------ sous-titre tableau intérieur large ------------------------ */

.onglet6 { 
	width: 650px; height: 25px; 
	text-decoration: none; 
	font-family:Comic sans MS; font-weight:bolder; font-size:13px; color: #660000;
	text-align:left; vertical-align:middle; 
	word-spacing:1; letter-spacing:1; 
	line-height:110%; 
	text-indent:10px;
	}

/* ------------------------ sous-titre tableau intérieur séjour ------------------------ */

.onglet7 { 
	width: 500px; 
	text-decoration: none; 
	font-family:Comic sans MS; font-weight:bolder; font-size:13px; color: #660000;
	text-align:left; vertical-align:middle; 
	word-spacing:1; letter-spacing:1;  
	text-indent:5px;
	}


/* ------------------------ sous-titre tableau album photos ------------------------ */

.onglet8 { 
	width: 240px;  
	text-decoration: none; 
	font-family:Comic sans MS; font-weight:bolder; font-size:13px; color: #660000;
	text-align:left; vertical-align:middle; 
	word-spacing:1; letter-spacing:1; 
	text-indent:10px;
	}



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

.menu-v1 {
	width: 160px;
	text-decoration: none;
	font-family:Arial; font-weight:bolder; font-size:14px; color: #660000;
	line-height:20px; 
	}
.menu-v1:hover {
	font-size:15px;
	background-color:#FFFFFF;
	border-top-style: dotted; border-top-width: 1 px; border-top-color: #D3E394;
	border-bottom-style: dotted; border-bottom-width: 1 px; border-bottom-color: #D3E394;
	border-left-style: dotted; border-left-width: 1 px; border-left-color: #D3E394;
	border-right-style: dotted; border-right-width: 1 px; border-right-color: #D3E394;
	}
.menu-v2 {
	width: 150px; line-height:20px;
	text-decoration: none;
	margin-left:10px;
	font-family:Arial; font-weight:bolder; font-size:14px; color: #A77474;
	}
.menu-v2:hover {
	text-decoration: underline;
	background-color:#FFFFFF;
	}

.menu-v3 {
	width: 120px;
	text-decoration: none;
	font-family:Arial; font-weight:bold; font-size:14px; color: #660000;
	background-color:#FFFFFF;
	BORDER: none;
	line-height:14px; 
	}
.menu-v3:hover {
	color: #A77474;
	}


/* ------------------------ textes ------------------------ */

/* --- texte vide --- */

.texte0 {
	font-family:Arial;
	font-size:0px;
	line-height:0px;
	}

/* --- texte de base --- */

.texte-1 {
	font-family:Comic Sans MS; font-size:14px; font-weight:normal; color: #660000;
	text-align:justify; text-indent:40px;
	}

/* --- légende photo du jour --- */

.texte-2 {
	font-family:Arial; font-size:12px; font-weight:normal;
	background-color:#FFFFFF;
	text-align:left;
	}

/* --- légende photo principale page mézenc et hotel --- */

.texte-3 {
	font-family:Arial; font-size:10px; font-weight:normal;
	text-align:center; text-indent: 0px;
	}

/* --- texte de base en gras --- */

.texte-4 {
	font-family:Comic Sans MS; font-size:14px; font-weight:bolder; color: #660000;
	text-align:center;
	}

/* --- texte de base avec couleur différente et en gras --- */

.texte-5 {
	font-family:Comic Sans MS; font-size:14px; font-weight:bolder; color: #339900;
	text-align:center;
	}

/* --- texte de base sans indentation --- */

.texte-6 {
	font-family:Comic Sans MS; font-size:14px; font-weight:normal; color: #660000;
	text-align:justify;
	line-height: 18px;
	word-spacing:0; letter-spacing:0;
	}

/* --- titre cadre principal --- */

.texte-7 {
	height: 25px; 
	text-decoration: none; 
	font-family:Comic sans MS; font-weight:bolder; font-size:13px; color: #660000;
	text-align:center; vertical-align:middle; 
	word-spacing:1; letter-spacing:1;
	}

/* --- sous-titre cadre principal --- */

.texte-8 {
	height: 25px; 
	text-decoration: none; 
	font-family:Comic sans MS; font-weight:bolder; font-size:15px; color: #A77474;
	text-align:center; vertical-align:middle; 
	word-spacing:1; letter-spacing:1;
	}


/* --- texte de base sans indentation en marron foncé --- */

.texte-9 {
	font-family:Comic Sans MS; font-size:14px; font-weight:normal; color: #551C00;
	text-align:justify;
	line-height: 18px; text-indent: 40px;
	}


/* --- titre sejour tableau prix --- */

.texte-10 {
	height: 25px; 
	text-decoration: none; 
	font-family:Comic sans MS; font-weight:bolder; font-size:13px; color: #669900;
	text-align:center; vertical-align:middle; 
	word-spacing:1; letter-spacing:1;
	}

/* --- texte de base grands caractères --- */

.texte-11 {
	font-family:Comic Sans MS; font-size:16px; font-weight:normal; color: #551C00;
	text-align:center;
	line-height: 22px;
	word-spacing:1; letter-spacing:1;
	}

/* --- texte de base sans indentation petits caracteres fond vert D3E394 --- */

.texte-12 {
	font-family:Comic Sans MS; font-size:12px; font-weight:normal; color: #660000;
	background-color: #D3E394;
	text-align:left;
	line-height: 20px;
	}

/* --- texte de base sans indentation petits caracteres fond vert EDFFA7 --- */

.texte-13 {
	font-family:Comic Sans MS; font-size:12px; font-weight:normal; color: #660000;
	background-color: #EDFFA7;
	text-align:left;
	line-height: 20px;
	}

/* --- texte de base sans indentation petits caracteres  --- */

.texte-14 {
	font-family:Comic Sans MS; font-size:12px; font-weight:normal; color: #660000;
	text-align:left;
	}

/* --- texte de base en rouge  --- */

.texte-15 {
	font-family:Comic Sans Ms; font-weight:bold; color:red; font-size:13px;
	}

/* --- texte de base sans indentation petits caracteres  centre --- */

.texte-16 {
	font-family:Comic Sans MS; font-size:12px; font-weight:normal; color: #660000;
	text-align:center;
	}

/* --- texte de base sans indentation petits caracteres  centre --- */

.texte-17 {
	font-family:Comic Sans MS; font-size:14px; font-weight:normal; color: #660000;
	text-align:center;
	}




/* --- texte telephone bandeau sup --- */

.texte-tel {
	font-family:Arial Narrow; font-weight:bold; font-size:16px; color: #A0E158;
	line-height:100%; margin-top:0; margin-bottom:0;
	word-spacing:0; letter-spacing:0px;
	}


/* --- texte mail bandeau sup --- */

.texte-mail {
	text-decoration: none;
	font-family:Arial Narrow; font-weight:bold; font-size:16px; color:#A0E158;
	line-height:100%; margin-top:0; margin-bottom:0;
	word-spacing:0; letter-spacing:0px;
	}
.texte-mail:hover {
	color:#FFE232;
	}

/* --- texte mentions légales bas de page --- */

.texte-mentions-legales {
	font-family:Arial;
	color: #FFF2A7;
	font-size:10px;
	font-weight:normal;
	}
.texte-mentions-legales:hover {
	color: #FFE232;
	}

/* --- texte copyright bas de page --- */

.texte-copyright {
	font-family:Arial;
	color: #FFF2A7;
	font-size:10px;
	font-weight:normal;
	}

/* --- texte en exposant --- */

sup {
	font-family:Arial;
	color: #660000;
	font-size:12px;
	font-weight:normal;
	}


/* ------------------------ titre cadre actualités page index ------------------------ */

.actualite {
	font-family:Arial; font-weight:bolder; font-size:14px; color: #660000; 
	text-align:center;
	}

/* ------------------------ lien hoteliers randonneurs ------------------------ */

.lien-hr {
	text-decoration: none;
	text-align:center;
	font-family:Arial; font-weight:normal; font-size:14px; color: #339900;
	BORDER: none;
	}
.lien-hr:hover {
	color: #A0E158; 
	}

/* ------------------------ liens vers sites exterieurs ------------------------ */

.liens {
	text-decoration: none;
	font-family: Comic sans MS; font-weight:bold; font-size:14px; color: #339900;
	BORDER: none;
	}
.liens:hover {
	color: #A0E158; 
	}

/* ------------------------ liens vers séjours ------------------------ */


.lien-sejour {
	text-decoration: none;
	font-family:Arial; font-weight:bold; font-size:14px; color: #993333;
	}
.lien-sejour:hover {
	color: #339900;
	}


/* ------------------------ liens album top 1 ------------------------ */


.lien-1 {
	text-decoration: none;
	font-family:Arial; font-weight:bold; font-size:14px; color: #993333;
	word-spacing:1; letter-spacing:1px;
	}
.lien-1:hover {
	text-decoration: underline;
	color: #990000;
	}

/* ------------------------ liens album top 2 ------------------------ */


.lien-2 {
	text-decoration: none;
	font-family:Arial; font-weight:bold; font-size:14px; color: #993333;
	word-spacing:1; letter-spacing:1px;
	text-align: center;
	}
.lien-2:hover {
	text-decoration: underline;
	color: #A77474;
	}


/* ------------------------ liens album top 3 ------------------------ */


.lien-3 {
	text-decoration: none;
	font-family:Arial; font-weight:bolder; font-size:18px; color: #993333;
	word-spacing:1; letter-spacing:1px;
	text-align: center;
	}


/* ------------------------ liens vers albums par saison ------------------------ */

.lien-album { 
	text-decoration: none;
	font-family:Comic sans MS; font-weight:bolder; font-size:12px; color: #660000;
	text-align:center;
	word-spacing:1; letter-spacing:1;
	line-height:110%;
	}
.lien-album:hover {
	text-decoration: underline;
	color: #a77474;
	}

/* ------------------------ liens plan de site ------------------------ */

.lien-pls1 {
	text-decoration: none;
	font-family: Comic sans MS; font-weight: bold; font-size: 12px; color: #660000;
	margin-left: 0px;
	}
.lien-pls1:hover {
	text-decoration: underline;
	color: #a77474;
	}

.lien-pls2 {
	text-decoration: none;
	font-family: Comic sans MS; font-weight: normal; font-size: 12px; color: #660000;
	}
.lien-pls2:hover {
	text-decoration: underline;
	color: #a77474;
	}


/* ------------------------ listes à puces ------------------------ */

ul {
	font-family:Comic sans MS; font-size:14px; color: #660000; font-weight: bold;
	line-height:0px; margin-left:0px; margin-bottom: 10px;
	}
li {
	font-family: Comic sans MS; font-size:14px; color: #551C00 ; font-weight:normal; 
	line-height:20px; text-indent:-20px; margin-left:50px; }



/* ------------------------ listes à puces plan de site ------------------------ */

ul.plan {
	margin-left: 15px;
	line-height: 30px;
	}
li.plan {
	margin-left: 20px;
	line-height: 18px;
	list-style-type: circle;
	}




/* ------------------------ texte tableaux prix ------------------------ */

/* cases texte */
.tableau_1{
	font-family:Arial; font-size:12px; font-weight:normal;
	}
/* cases prix */
.tableau_2 {
	font-family:Arial; font-size:16px; font-weight:normal;
	}





/* ------------------------ ? ------------------------ */



.menu_titre { font-family:'Comic Sans MS'; font-weight:bold; font-size:18px; color:rgb(120,82,7); letter-spacing:1; }
.menu_titre2 { font-family:Arial; font-weight:bold; font-size:13px; }
.menu_titre3 { text-decoration: none; font-family:Comic Sans MS; color: rgb(0,102,255); font-weight:bold; font-size:15px; }
.menu_titre3:hover {  font-size:17px;color: #009966; }
.menu_titre4 { font-family:'Comic Sans MS'; font-weight:bold; font-size:14px; color:rgb(120,82,7); letter-spacing:1; }
.menu_titre5 { font-family:Comic Sans MS; color: rgb(0,102,255); font-weight:bold; font-size:15px; }




.texte1 { font-family:Arial; font-weight:bold; font-size:14px; }
.texte3 { font-family:Arial; font-size:12px; color: rgb(0,102,255); font-weight:normal; }
.texte4 { text-decoration: none; font-family:'Comic Sans MS'; font-size:14px; font-weight:normal; }
.texte5 { font-family:'Comic Sans MS'; color: #000000; font-weight:bold; font-size:14px; }
.texte6 { text-decoration: none; font-family:'Comic Sans MS'; color: #006600; font-size:14px; font-weight:normal; }
.texte7 { text-decoration: none; font-family:'Comic Sans MS'; font-weight:bold; color: #006600; font-size:16px; }
.texte8 { font-family:'Arial Narrow'; font-size:32px; color:white; font-weight:normal; }
.texte9 { font-family:Arial; font-size:14px; color:rgb(51,255,51); font-weight:normal; }
.texte10 { font-family:Arial; font-size:18px; color:rgb(51,255,51); font-weight:normal; }
.texte11 { font-family:'Arial Narrow'; font-weight:bold; font-size:16px; color: #A0E158; line-height:100%; margin-top:0; margin-bottom:0; word-spacing:0; letter-spacing:0px; }
.texte12 { text-decoration: none; font-family:'Arial Narrow'; font-weight:bold; font-size:16px; color: #A0E158; line-height:100%; margin-top:0; margin-bottom:0; word-spacing:0; letter-spacing:0px; }
.texte12:hover { color:#FFE232; }
.texte14 { font-family:Arial; font-weight:bold; font-size:13px; }
.texte15 { font-family:Arial; font-weight:normal; color:red; font-size:12px; }
.texte16 { font-family:Arial; font-size:13px; font-weight:normal; background-color:#B1FFB1; }
.texte17 { font-family:Arial; font-size:13px; font-weight:normal; background-color:#DAFDEE; }
.texte18 { font-family:Arial; font-size:12px; font-weight:normal; font-style:italic; }




.menulink2 { width: 150px; line-height:20px; text-decoration: none; left-margin:10px; font-family:Arial; font-weight:bolder; font-size:14px; color: #A77474; BORDER: none; }
.menulink2:hover { border: solid 0px #FFFF00; background-color:#FFFFFF; }


.menulink5 { width: 300px; text-decoration: none; font-family:Arial; font-weight:bold; font-size:13px; color: #009966; BORDER: none; }
.menulink5:hover { color: #00CCCC; }


.menulink7 { text-decoration: none; font-family:Arial; font-weight:bold; font-size:13px; color: #009966; BORDER: none; }
.menulink7:hover { color: #00CCCC; }

.menulink8 { text-decoration: none; font-family:Arial; font-weight:bold; font-size:13px; color: #CC3300; BORDER: none; }
.menulink8:hover { color: #FF9900; }


hr { width:100%; }