/* Global Styles */

html {
	overflow:auto;
	border: none;
	height: 100%;
}  

body {
	margin:0px;
	background-color: #F4FFE4;
	height: 100%;
}
	
td {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}

/* ID Styles */

p#contact {
	font:italic 11px Arial, Helvetica, sans-serif;
	margin-left: 30px;
}

table#tarifs {
	border: 0px;
	padding: 10px;
	background: #D5EDB3;
	text-align: center;
	color: #008080;
}

table#tarifs td {
    padding: 10px;
    border: solid #A3DA0E 2px;
    white-space:nowrap;
}

li#lien_normal a{
	margin-left: 0px;
}

/* Class Styles */
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #99CC66;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}
	
a.detente {
	color: blue;
	text-decoration:none;
}	
	
/* ======================================================
		PAGE WEB DIVISEE EN 3 PARTIES PRINCIPALES:
		+ Logo et titre (class logo_titre)
		+ Bandeau contenant la date et le compteur de visiteur (class bandeau)
		+ Menu et son contenu (class contenu)
========================================================= */

/* classe appliquée pour chacune des 3 parties DIV de la page*/
DIV.pageWeb { 
	margin: 0Px;
	border: 0px solid black;
 	width: 100%;
	height: 84.3%;
	border: 0px solid black;
}

TABLE.logo_titre {
	margin-top: -1px; /* permet d'eviter d'avoir une legere marge autour du tableau qui n'existe pas en HTML pur (pas de CSS) */
	margin-bottom: -2px;
	margin-left: -1px;
	margin-right: -1px;
 	border: 0px solid black;
 	border-collapse: collapse; /* permet la fusion des lignes des cases du tableau avec celles du tableau lui meme */
 	cellspacing: 0px;
 	cellpadding: 0px;
 	width: 100%;
 	background-color: #D5EDB3;
}

TABLE.logo_titre td{
	border: 0px solid black;
}

/* texte du logo */
TD.logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	width: 450px;
	height: 50px;
	text-align: center;
	vertical-align: bottom;
	white-space:nowrap;
}

/* texte en dessous du logo */
TD.tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	text-align: center;
	vertical-align: top;
	height: 51px;
	white-space:nowrap;
}

/* ========================================================= */

TABLE.bandeau {
	margin: 0px; /* permet d'eviter d'avoir une legere marge autour du tableau qui n'existe pas en HTML pur (pas de CSS) */
 	border: 0px solid black;
 	border-collapse: collapse; /* permet la fusion des lignes des cases du tableau avec celles du tableau lui meme et évite*/
 	cellspacing: 0px;
 	cellpadding: 0px;
 	width: 100%;
 	background-color: #5C743D; /* couleur bordures hautes et basses du bandeau */
}

TR.bordure_bandeau{
	border: 0px solid black;
	height: 2px;
}

TD.pointilles_bandeau{
	border: 0px solid black;
	height: 1px;
	background-color: #99CC66;
	background-image:url(img/mm_dashed_line.gif);
}

TR.milieu_bandeau{
	background-color: #99CC66;
}

TD.dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	height: 20px;
	}

TD.compteur {
	/* background-image:url(http://www.freecompteur.com/counter.php3?counter=montagne);
	background-position: center center; /* ou 50% 50%
	background-repeat: no-repeat; */
	width: 80px;
}

/* ========================================================= */

TD.menuColonne {
	width: 13.3em;
	vertical-align: top;
	background-color: #5C743D;
	height: 100%;
}

TABLE.contenu {
	margin: 0px; /* permet d'eviter d'avoir une legere marge autour du tableau qui n'existe pas en HTML pur (pas de CSS) */
 	border: 0px solid black;
 	border-collapse: collapse; /* permet la fusion des lignes des cases du tableau avec celles du tableau lui meme */
 	cellspacing: 0px;
 	cellpadding: 0px;
 	width: 862px;
 	table-layout: fixed; /* la taille des cellules est fixe et n'est pas influencée par le contenu */
 	background-color: #F4FFE4;
}

TABLE.contenu td{
	border: 0px solid black;
	margin: 0px;
	/*vertical-align: top;*/
}

TABLE.contenu TR.margeBasse{
	height: 50px;
}

TABLE.contenu TR.margeHaute{
	height: 10px;
}

TABLE.contenu td.marge{
	width: 50px;
	/*background-color: #FF0000;*/
}

TABLE.contenu td.margeCentrale{
	width: 10px;
	/*background-color: #FF0000;*/
}

TABLE.contenu td.colonne{
	width: 356px;
	/* background-color: #0000FF;*/
}

TABLE.logosaccueil {
	margin: 0px; /* permet d'eviter d'avoir une legere marge autour du tableau qui n'existe pas en HTML pur (pas de CSS) */
 	border: 0px solid black;
 	border-collapse: collapse; /* permet la fusion des lignes des cases du tableau avec celles du tableau lui meme */
 	cellspacing: 0px;
 	cellpadding: 0px;
 	width: 100%; /* taille correspondant à TABLE.contenu td.colonne */
 	table-layout: fixed; /* la taille des cellules est fixe et n'est pas influencée par le contenu */
 	background-color: #F4FFE4;
}

TABLE.img {
	border: 0px solid black;
	width: 100%;
	/* background-color: #00FF00;*/
}

TABLE.img TD {
	text-align: center;
	border: 0px solid black;
}

A.imgLink img{
	border: 0px solid black;
}



TABLE.pellicule {
	margin: 0px;
 	border: 0px solid black;
 	border-collapse: collapse; /* permet la fusion des lignes des cases du tableau avec celles du tableau lui meme */
 	cellspacing: 0px;
 	cellpadding: 0px;
 	width: 150px;
 	table-layout: fixed; /* la taille des cellules est fixe et n'est pas influencée par le contenu */
 	background-color: #F4FFE4;
}

TABLE.pellicule td{
	border: 0px solid black;
	margin: 0px;
	padding:0px;
}

	/* ======================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
========================================================= */
.menu {font-size: 12px; margin: 0px; font-family: verdana;}
.menu ul {padding-right: 0px; padding-left: 0px; z-index: 500; padding-bottom: 0px; margin: 0px; width: 13.3em; padding-top: 0px; list-style-type: none; position: relative}
.menu li {float: left; background-color: #5C743D;}
.menu li.sub {background-color: #5C743D}
.menu table {margin-top: -1px; font-size: 1em; z-index: 100; left: 0px; position: absolute; top: 0px; border-collapse: collapse}
.menu a {letter-spacing:.1em; padding:8px 0px 10px 5px;border-right: #ffffff 0px solid; border-top: #ffffff 0px solid; display: block;font-weight: bold; text-transform: none; border-left: #ffffff 0px solid; width: 12.9em; color: #D5EDB3; line-height: 1.2em; border-bottom: #ffffff 1px solid; font-style: normal; height: 1.2em; font-variant: normal; text-decoration: none}
.menu a:visited {letter-spacing:.1em; padding:8px 0px 10px 5px;border-right: #ffffff 0px solid; border-top: #ffffff 0px solid; display: block;font-weight: bold; text-transform: none; border-left: #ffffff 0px solid; width: 13.3em; color: #D5EDB3; line-height: 1.2em; border-bottom: #ffffff 1px solid; font-style: normal; height: 1.2em; font-variant: normal; text-decoration: none}
.menu b {float: right; margin-right: 5px}
* html .menu a {width: 13.3em}
* html .menu a:visited {width: 13.3em}
* html .menu a:hover { width: 13.3em;font-weight: bold; text-transform: none; color: #993300; font-style: normal; position: relative; background-color: #99CC66; font-variant: normal; text-decoration: none}
.menu li:hover {position: relative}
.menu a:active {font-weight: bold; text-transform: none; color: #993300; font-style: normal; background-color: #5C743D; font-variant: normal; text-decoration: none}
.menu a:focus {font-weight: bold; text-transform: none; color: #993300; font-style: normal; background-color: #5C743D; font-variant: normal; text-decoration: none}
.menu li:hover > a {font-weight: bold; text-transform: none; color: #993300; font-style: normal; background-color: #99CC66; font-variant: normal; text-decoration: none}

.menu li:hover > ul {visibility: visible}
.menu ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul a:hover ul a:hover ul ul {visibility: hidden}
.menu ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul {visibility: visible}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul {visibility: visible}

#caseHaute {border-top: #ffffff 1px solid;width: 12.9em;}
#caseHauteSelected{border-top: #ffffff 1px solid;font: bold 20px Arial, Helvetica, sans-serif;color: #B3FA2E;width: 7.75em;}
#caseSelected{border-top: #ffffff 0px solid;font: bold 19px Arial, Helvetica, sans-serif;color: #B3FA2E;width: 8.15em;}

a:hover{
	color: #993300;
}



/* hack Google Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	TD.pointilles_bandeau{
		height: 1px;
	}
	
	TABLE.logo_titre {
		margin-bottom: -2px;
	}
}