html, body {
   padding:0px;
   margin:0px;
}

* { margin: 0px; padding: 0px; font-family:arial,sans-serif;}
BODY {
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: #FFF;
    text-align: left;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10pt;
    color: #000009;
    width: 990px;
	margin-left: auto;
	margin-right: auto;	

	/*height: 100%;*/
}
/*
.joe{color:#FF0000;}
#joe{background-color:#00FF00;}
div{letter-spacing:12px;}
*/
#content_global{
	background-image: url('images/body-bg.gif');
	background-repeat:repeat-y;
	/*background-position: center center;	*/
	position:relative;
	/*min-height:30px;
	height: 100%; */
    voice-family: "\"}\"";
    voice-family: inherit;
     /*height: 728px; */
	clear:both;
	/*padding-bottom:70px;*/
}
/*
html>body #content_global {
    height: 70px;
}*/

H1 {
	color: #ACB21D;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20pt;
	padding-left: 105px;
	margin: 0px;
	background-image: url('images/carres-titre.gif');
	background-repeat:no-repeat;
	background-position: bottom left;	
}

H1.vert {
	color: #ACB21D;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20pt;
	padding-left: 105px;
	margin: 0px;
	background-image: url('images/carres-titre-vert.gif');
	background-repeat:no-repeat;
	background-position: bottom left;	
}

H1.violet {
	color: #3E0E72;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20pt;
	padding-left: 105px;
	margin: 0px;
	background-image: url('images/carres-titre-violet.gif');
	background-repeat:no-repeat;
	background-position: bottom left;	
}

H1.orange {
	color: #FF9E0F;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20pt;
	padding-left: 105px;
	margin: 0px;
	background-image: url('images/carres-titre-orange.gif');
	background-repeat:no-repeat;
	background-position: bottom left;	
}

H1.rouge {
	color: #EF1209;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 20pt;
	padding-left: 105px;
	margin: 0px;
	background-image: url('images/carres-titre-rouge.gif');
	background-repeat:no-repeat;
	background-position: bottom left;	
}

h2 {font-family: Tahoma, Arial, sans-serif; font-size: 15pt;}
h3 {font-family: Tahoma, Arial, sans-serif; font-size: 13pt;}
h4 {font-family: Tahoma, Arial, sans-serif; font-size: 11pt;font-weight:bold;}

h2.vert, .GrandTitreVert {color:#ACB21D;font-size: 15pt;}
h3.vert, .TitreVert {color:#ACB21D; font-size: 13pt;}
h4.vert, .SousTitreVert {color:#ACB21D; font-size: 11pt;font-weight:bold;}

.GrandTitreVert {color:#ACB21D;font-size: 15pt;}
.TitreVert {color:#ACB21D; font-size: 13pt;}
.SousTitreVert {color:#ACB21D; font-size: 11pt;font-weight:bold;}
.textCourantVert {color:#ACB21D;}

h2.violet, .GrandTitreViolet { color:#3E0E72; font-size: 15pt;}
h3.violet, .TitreViolet {color:#3E0E72; font-size: 13pt;}
h4.violet, .SousTitreViolet {color:#3E0E72; font-size: 11pt;font-weight:bold;}

.GrandTitreViolet { color:#3E0E72; font-size: 15pt;}
.TitreViolet {color:#3E0E72; font-size: 13pt;}
.SousTitreViolet {color:#3E0E72; font-size: 11pt;font-weight:bold;}
.textCourantViolet {color:#3E0E72;}

h2.orange, .GrandTitreOrange {color:#FF9E0F; font-size: 15pt;}
h3.orange, .TitreOrange {color:#FF9E0F; font-size: 13pt;}
h4.orange, .SousTitreOrange {color:#FF9E0F; font-size: 11pt;font-weight:bold;}

.GrandTitreOrange {color:#FF9E0F; font-size: 15pt;}
.TitreOrange {color:#FF9E0F; font-size: 13pt;}
.SousTitreOrange {color:#FF9E0F; font-size: 11pt;font-weight:bold;}
.textCourantOrange {color:#FF9E0F;}

h2.rouge, .GrandTitreRouge {color:#EF1209; font-size: 15pt;}
h3.rouge, .TitreRouge {color:#EF1209; font-size: 13pt;}
h4.rouge, .SousTitreRouge {color:#EF1209; font-size: 11pt;font-weight:bold;}

.GrandTitreRouge {color:#EF1209; font-size: 15pt;}
.TitreRouge {color:#EF1209; font-size: 13pt;}
.SousTitreRouge {color:#EF1209; font-size: 11pt;font-weight:bold;}
.textCourantRouge {color:#EF1209;}


/* not editor */

A:active { color: #000009; font-weight: bold; text-decoration: underline; }
A:link { color: #000009; font-weight: bold; text-decoration: underline; }
A:visited {	color: #000009;	font-weight: bold; text-decoration: underline; }
A:hover { color: #000009; font-weight: bold; text-decoration: underline; }

A.vert:active { color: #ACB21D; font-weight: bold; text-decoration: none; font-size: 9pt;}
A.vert:link { color: #ACB21D; font-weight: bold; text-decoration: none;font-size: 9pt; }
A.vert:visited {	color: #ACB21D;	font-weight: bold; text-decoration: none; font-size: 9pt;}
A.vert:hover { color: #FFF; font-weight: bold; text-decoration: none; font-size: 9pt;}

table.menucarre {margin-top:0px;}
/*table.menucarre tr {color: #ACB21D;}*/
table.menucarre td { margin-right: 0px; text-align: center; font-size: 9pt; height:58px; width: 58px; text-transform: uppercase; border: 1px solid #ACB21D; text-decoration:none; font-weight: bold; }
table.menucarre a {font-size: 8pt; text-transform: uppercase; text-decoration:none; font-weight: bold; }

.bgvert td {background-color: #ACB21D; color:#fff; cursor:pointer;}
.bgvert td a, .bgvert td a:link, .bgvert td a:hover, .bgvert td a:visited, .bgvert td a:active {color: #FFF;text-decoration:none}


.bgblanc td {background-color: #FFF; color:#ACB21D; cursor:pointer;}
.bgblanc td a, .bgblanc td a:link, .bgblanc td a:hover, .bgblanc td a:active, .bgblanc td a:visited  {color: #ACB21D; text-decoration:none}

/* MOOTOOLS ACCORDION */
#accordion { height: auto; margin:0px 4px 15px 4px; overflow: hidden; font-size: 12px; background-color: transparent;}
div.acc_toggler { height: 60px; line-height: 20x; cursor: pointer; border-top: 3px solid #FFFFFF; padding: 0px 0px 0px 0px; margin: 0px; overflow: hidden; color: #FFFFFF;  }
div.acc_toggler h2 {color:#FFF}
div.acc_toggler h3 {color:#FFF}
div.acc_toggler h4 {color:#FFF}
div.acc_toggler img.visu { margin-right:30px; height:71px; width:77px }
div.acc_toggler .genre {font-size:11px; background-color:#000; width:120px; height: 20px; color:#fff; font-weight:bold;text-align:center;padding-top: 5px;}
div.acc_element { position: relative; z-index: 5; border:0px solid; padding: 0px;}
div.acc_element_contenu {border:3px solid; padding: 5px;}
div.acc_element .allactus { text-align: center; font-size: 9px; font-weight: bold; margin-top: 2px; }


DIV.clearer {
	clear: both;
}




DIV#col-gauche {
	position:relative;
	width: 169px;
	background-color: #000009;
	float: left;
	z-index:80;
}

DIV#main {
	position:relative;
	width: 820px;
	float: right;
	z-index:30;
	margin-top:174px;
}

/* ENTETE */
DIV#header {
	position:absolute;
	top:0px;
	left:170px;
    width: 820px;
	height: 174px;
	background-image: url('images/header-pichon.gif');
	background-repeat:no-repeat;
	background-position: top left;
	z-index:80;
}

DIV#vousetesici {
	margin-left: 700px;
	padding-top: 40px;
}

DIV#vousetesici A {color: #C0C0C0;	font-size: 8pt; text-decoration: none; text-transform: uppercase; font-weight: none;}
DIV#vousetesici A:hover {color: #000009;}

/* FOOTER */
DIV#footer {
    width: 800px;
	background-image: url('images/footer-pichon.gif');
	background-repeat:no-repeat;
	background-position: top left;
	background-color: transparent;
	color: #C0C0C0;
	font-size: 8pt;
	text-align:right;
	z-index:70; /* was 9 */
	padding-top:35px;
	left:170px;
	position:absolute;
	bottom:0px;

}

DIV#footer A {color: #C0C0C0;	font-size: 8pt; text-decoration: underline; font-weight:normal;}
DIV#footer A:hover {color: #000009;}

DIV#col-droite {
	position: absolute;
	right:3px;
	top: 173px;
	text-align: right;
	z-index:50;
}

DIV#contenu {
	width: 644px;
	margin-left:55px;
	margin-right:10px;
	margin-bottom:70px;
}

IMG#logo { position: absolute; top: 15px; left:-65px !important;left:-66px; z-index:30; }

IMG#saison { margin-top: 16px !important; margin-top: 0px; margin-left:20px;}

ul {padding:15px;}

/* */
/* --------------------------------------------------------------------------------------------- NIVEAU 0 */
.menu {
	width:169px;
	margin-top: 10px;
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	/*width:169px;*/
	height: auto;
	/*border-bottom: 6px solid #000009;
	height: 10%;
	padding-top: 33px;*/
}
/*.menu ul ul {
	width:150px;
	padding:0;
	margin:0;	
}*/
.menu ul ul li {
	/*width:150px;*/
	padding:0;
	margin:0;	
}
/*
ul#menu_0, ul#menu_vert {	white-space:nowrap;}

ul#menu_1, ul#menu_violet {	white-space:nowrap;}

ul#menu_2, ul#menu_orange {	white-space:nowrap;}

ul#menu_3, ul#menu_rouge {	white-space:nowrap;}
*/
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu img { border-top: 0px solid #000009;}

.menu li {
	float:left;	
	position:relative;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*height: 25px;*/
	z-index: 10;
}

span.fleche { position:absolute;right:10px;bottom: 6px !important;bottom: 0px;font-weight:bold;color:#F0F0F0;}

/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	font-size:11px;
	text-decoration:none; 
	color:#fff; 
	width: 157px;
	/* -------------------------------------------------- MARGES NIVEAU 0 */
	
	padding-left:12px; /*
	padding-right:10px; */
	line-height:29px;
}

#menu_0 a, #menu_0 a:visited, #menu_vert a, #menu_vert a:visited { background-color:#ACB21D; text-decoration:none; color: #FFF; } /* #ACB21D */
#menu_1 a, #menu_1 a:visited, #menu_violet a, #menu_violet a:visited { background-color:#3E0E72; text-decoration:none; color: #FFF;}
#menu_2 a, #menu_2 a:visited, #menu_orange a, #menu_orange a:visited { background-color:#FF9E0F; text-decoration:none; color: #FFF;}
#menu_3 a, #menu_3 a:visited, #menu_rouge a, #menu_rouge a:visited { background-color:#EF1209; text-decoration:none; color: #FFF;}


/*#menu_0 ul a:after {content:'>';}*/
#menu_0 ul a, #menu_0 ul a:visited, #menu_vert ul a, #menu_vert ul a:visited { background-color:#F0F0F0; color:#ACB21D; border: 0px solid #ACB21D;text-decoration:none;width: 157px;}
#menu_1 ul a, #menu_1 ul a:visited, #menu_violet ul a, #menu_violet ul a:visited { background-color:#F0F0F0; color:#3E0E72; border: 0px solid #3E0E72;text-decoration:none;width: 157px;}
#menu_2 ul a, #menu_2 ul a:visited, #menu_orange ul a, #menu_orange ul a:visited { background-color:#F0F0F0; color:#FF9E0F; border: 0px solid #FF9E0F;text-decoration:none;width: 157px;}
#menu_3 ul a, #menu_3 ul a:visited, #menu_rouge ul a, #menu_rouge ul a:visited { background-color:#F0F0F0; color:#EF1209; border: 0px solid #EF1209;text-decoration:none;width: 157px;}


#menu_0 ul a:active, #menu_0 ul a:hover, #menu_vert ul a:active, #menu_vert ul a:hover { background-color:#ACB21D; color:#F0F0F0; border: 0px solid #ACB21D;text-decoration:none;}
#menu_1 ul a:active, #menu_1 ul a:hover, #menu_violet ul a:active, #menu_violet ul a:hover { background-color:#3E0E72; color:#F0F0F0; border: 0px solid #3E0E72;text-decoration:none;}
#menu_2 ul a:active, #menu_2 ul a:hover, #menu_orange ul a:active, #menu_orange ul a:hover { background-color:#FF9E0F; color:#F0F0F0; border: 0px solid #FF9E0F;text-decoration:none;}
#menu_3 ul a:active, #menu_3 ul a:hover, #menu_rouge ul a:active, #menu_rouge ul a:hover { background-color:#EF1209; color:#F0F0F0; border: 0px solid #EF1209;text-decoration:none;}

.menu a span.fleche { display:none;  }
.menu  a:visited:hover span.fleche, .menu a:hover span.fleche {  display:inline;}

#menu_0 ul li, #menu_0 ul li, #menu_vert ul li {border-color:#ACB21D; border-right: 1px solid #ACB21D; border-left: 1px solid #ACB21D; width:auto;height:auto;}
#menu_1 ul li, #menu_1 ul li, #menu_violet ul li {border-color: #3E0E72; border-right: 1px solid #3E0E72; border-left: 1px solid #3E0E72;width:auto;height:auto;}
#menu_2 ul li, #menu_2 ul li, #menu_orange ul li {border-color: #FF9E0F; border-right: 1px solid #FF9E0F; border-left: 1px solid #FF9E0F;width:auto;height:auto;}
#menu_3 ul li, #menu_3 ul li, #menu_rouge ul li {border-color: #EF1209; border-right: 1px solid #EF1209; border-left: 1px solid #EF1209;width:auto;height:auto;}


/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {
	/*width:150px;*/
	float:left;
}

/* --------------------------------------------------------------------------------------------- NIVEAU 1 */
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-color:#F0F0F0; 
}
/* style the second level hover */
.menu ul ul a.drop:hover{
	background:#c9ba65;
}
.menu ul ul :hover > a.drop {
	background:#c9ba65;
}

/* --------------------------------------------------------------------------------------------- NIVEAU 2 */
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	background:#e2dfa8;
}
/* style the third level hover */
.menu ul ul ul a:hover {
	background:#b2ab9b;
}
.menu ul ul ul :hover > a {
	background:#b2ab9b;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:0px;
	left:169px; 
	/*width:150px;*/
	padding:0px;
}


/* position the third level flyout menu */
.menu ul ul ul{
	left:167px; 
	top:0;
	/*width:150px;*/
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-157px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background-color:#F0F0F0; 
	color:#000; 
	/*height:auto; 
	 line-height:1em;  */
	padding: 0px 5px; 
	/*width:129px*/
/* yet another hack for IE5.5 */
}
* html .menu ul ul a{
	/*width:150px;*/
	/*width:129px;*/
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
	color:#f00; 
	background:#0f0;
}
.menu :hover > a, .menu ul ul :hover > a {
	color:#fff;
	background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
	visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
	visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
	visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
	visibility:visible;
}




/* STYLES BOUTIQUE | Olivier - Neftis - 25/09/2008 */

.clearer2 { width: auto; clear: both; font-size: 0px; height: 0px; }
.articlebox { width: 605px; height: auto; padding: 5px; position: relative; border-top: 3px solid #ff9e0f; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
.articlebox .picto { float: left; margin-right: 30px; margin-bottom: 5px;}
.articlebox .titre { font-size: 18px; }
.articlebox .date { font-size: 12px; font-weight: normal; }
.articlebox .date span { font-size: 11px; }
.articlebox .desc { font-weight: normal; font-size: 11px; }
.articleboxend { width: 615px; height: 1px; font-size: 1px; border-top: 3px solid #ff9e0f; }

.buttonsbox { width: 120px; height: auto; background: #ff9e0f; font-size: 10px; font-weight: bold; position: absolute; top: 0px; right: 0px; }
.buttonsbox .genre { width: 112px; height: auto; padding: 4px; background: #000000; color: #FFFFFF; text-align: center; }
.buttonsbox .details { width: 90px; height: auto; padding: 2px 30px 1px 0px; background: #ff9e0f url(images/boutique_details_picto.gif) no-repeat top right; text-align: right; }
.buttonsbox a, .buttonsbox a:link, .buttonsbox a:hover, .buttonsbox a:visited, .buttonsbox a:visited:hover { text-decoration: none; }

.articledetailreserve { width: 585px; height: 17px; margin-top: 15px; padding-top: 4px; padding-left: 30px; background: #FFFFFF url(images/boutique_reserver.gif) top left no-repeat; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color:#FFF; }
.commander { width: 615px; margin-top: 10px; font-size: 10px; font-weight: bold; }
.commander input, .commander select { font-size: 10px; font-weight: bold; }
.valid { font-size: 10px; font-weight: bold; width: 124px; height: 12px; background: #ff9e0f; padding: 3px; }

.panierbuttons img { border: none; }
.tableaupanier { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; }
.tableaupanier th { border-bottom: 1px solid #969696; color: #969696; height:25px; }
.tableaupanier td { padding: 3px; }

.identification { color: #909090; font-size: 11px; font-weight: bold;text-align:left; }
.identification td{padding:5px;}
.champformulaire{width:200px;font-size: 11px;}
.identification input { font-size: 10px; }
.ligneident { width: auto; height: 28px; }
.ligneident .label1 { display: -moz-inline-box; display: inline-block !important; width: 70px; margin: 0px; padding: 0px; }
.ligneident .label2 { display: -moz-inline-box; display: inline-block !important; width: 70px; margin: 0px 0px 0px 10px; padding: 0px; }

.conditions { width: 300px; margin-left: auto; margin-right: auto; }
.conditions a, .conditions a:link, .conditions a:link:hover, .conditions a:visited, .conditions a:visited:hover { color: #acb21d; }

.reglement { width: 615px; height: auto; color: #000000; font-size: 10px; font-weight: bold; }
#div_reservation_erreur{text-align:center;color:#FF0000;font-weight:bold;font-size: 12px;}
.txt_erreur{text-align:center;color:#FF0000;font-weight:bold;font-size: 12px;}

.minibox { width: 300px; height: 240px; position: absolute; top: 20px;margin-left:50%;left:-150px;  background: transparent; z-index: 15000; font-family: Arial, Helvetica, sans-serif;}
.minibox .bg { z-index: 0; }

#content_minibox{font-weight:bold;font-size:12px;padding:10px;}
#content_minibox .nom{color:#FFFFFF;font-size:13px;margin-top:7px;}
#content_minibox .date{color:#FFFFFF;font-size:12px;font-weight:normal;margin-bottom:7px;}
#content_minibox a{padding-left:30px;margin-top:5px;}

.minibox .bg, .minibox .content { position: absolute; top: 0px; left: 0px; border: none; }
.minibox .content { width: 300px; height: 233px; overflow: hidden; padding: 5px; }
.minibox h4 { margin: 7px 5px 20px; padding: 0px; font-size: 18px; font-weight: bold; color: #FFFFFF; }
.minibox .produit, .minibox .tarif { font-weight: bold; color: #3d9fb8; font-size: 18px; }
.minibox .produit { float: left; padding-left: 5px; }
.minibox .tarif { float: right; width: 110px; height: auto; text-align: right; padding-right: 10px; }
.minibox .butg, .minibox .butr { position: absolute; bottom: 45px; font-size: 14px; font-weight: bold; color: #414244;  }
.minibox .butg { width: 160px; height: auto; text-align: center; left: 20px; }
.minibox .butr { width: 160px; height: auto; text-align: center; right: 15px; }
.minibox .total { width: auto; height: 16px; padding-top: 3px; padding-right: 30px; position: absolute; bottom: 18px; left: 12px; background: #ff5611 url(images/minibox_footer.gif) top right no-repeat; text-align: right; font-size: 10px; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; }

.prix {font-size:14px;color:#FF9F00;margin-left:25px;}