/*DESIGN*/
body { margin: 0; padding: 0; }
#header { position: absolute; width:100%; height:150px; }
#sponsor { position: absolute; left:832px;width:150px; height:150px; }
#infos{ display:block; position:absolute; top:0px; left:0;width:200px;text-align:center }
#langue { position: absolute; top:150px; left:0px; width:201px; }
#menu { position: absolute; top:150px; left:200px; right: 100px; z-index:1; }
#contenu { display:block; position:absolute; top:200px; width:100%; }
#note{ float:right; margin:-10px 0px 0px 10px; width:247px; }
#note_top { width: 247px; height: 2px; }   
#note_bottom { width: 247px; height: 11px; }
#leftcolumn { position: absolute; left:10px; top:0px; width: 180px; float:left; }
#rightcolumn { margin-left: 210px; margin-right: 10px; }
#panier{ float:right; margin:0px 10px;padding:0px 10px; }

/*COLOR*/
body { background: #04122f url('../graphics/background_left.jpg') no-repeat; color:#fff; }
#header { background: #333333 url('../graphics/banner.jpg') repeat-x; }
#infos a{ color: #fff; } 
#infos a:hover{ color: #c12c2a; }
#langue {color: #fff; background-color:#04122f;} 
#langue a{ color: #fff; } 
#langue a:hover{ color: #c12c2a; } 
#langue a.on{ color: #c12c2a; }
#menu { color: #fff; background-color:#00061c; }
#menu a{ color: #f57335; } 
#menu a:hover{ color: #fff; } 
#menu a.on{ color: #fff; }
#contenu{ color:#fff; } 
#contenu a{ color:#c12c2a; } 
#contenu a:hover{ color:#AE0C00; }
#note{ color:#fff; background-color: #c12c2a; }
#note h2{ background-color:#eeeeaa; color:#000; }
#note_top { background-color: #fff; }
#note_bottom { background-color: #c12c2a; }   
#leftcolumn a.on{ color: #c12c2a; } 
#leftcolumn a:hover{ color:#c12c2a; }
#contenu{ color:#fff;} 
#panier{border:#3C362B 1px solid;background-color: #9C8F74;}


/*TYPO*/
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; }
#infos a{text-decoration:none;}
#infos a:hover{text-decoration:underline;}

#langue { text-align: center; padding: 5px 0px; font-size: 1em; }
#langue a{ text-decoration:none; }

#menu { padding: 5px 10px; font-size: 1em; color: #fff; }
#menu a{ text-decoration:none; }
#menu a:hover{ text-decoration:underline;color:#c12c2a; }
	  #menu ul { margin:0; padding:0; }
	  #menu ul li { behavior:url('../../code/menuhtc/menu.htc');padding: 0px 10px;position:expression('relative');display:expression('inline');background: transparent url('../graphics/menu_sep.png') no-repeat; }
		/*changer couleur dans menu.htc*/
	  #menu ul>li { display:table-cell; }
	  #menu ul li:hover {}
	  #menu ul li ul { top:expression(this.parentNode.offsetHeight+"px");left:expression(0);border:#04122f 1px solid;border-bottom:1px #eeeeee solid;position:absolute;visibility:hidden; }
	  #menu ul li:hover ul { visibility:visible; }
	  #menu ul li ul li { display:block; margin:0px;background-color: #00061c;background-image:url('');}
		#menu ul li ul li:hover { display:block;background-color: #00061c; }




#contenu a{ text-decoration:none; } 
#contenu a:hover{ text-decoration:underline; }

#note_body { padding:0px 5px ; }    

#leftcolumn { text-align:left; } 
#leftcolumn ul{ list-style-type: none; padding:0; } 
#leftcolumn li { font-weight:normal;padding:5px 0px; } 
#leftcolumn a{ padding-left:5px; text-decoration:none; } 
#leftcolumn a:hover{text-decoration:underline; }



table{border-collapse:collapse;}
td{ font : 1em 'Arial'; vertical-align:top; padding:1px; } 
dl{} 
dd{ margin:5px 0px 0px 0px; padding:0; }

h1, dt{ font-weight:bold; font-size:1em; padding-left:5px; background-color:#00061c; color:#fff; } 
h2{ font-weight:bold;font-size:1em; color:#0D5AA8; } 
h3{ font-weight:bold; font-size:1em; color:#0D7A88; }
h4{ margin:0;padding:0;font-weight:bold; font-size:1em; color:#000; } 
strong { letter-spacing : 1px;font-weight:bold; }

form{color:#000;}
a img{border-width:1px;border-color:#AE0C00;}
a:hover img{border-width:1px;border-color:#FFF;}
a img.noborder{ border-width:0px;}
a:hover img.noborder{ border-width:0px;}


a.ext-link .icon{
background: url('../graphics/extlink.gif') left center no-repeat;
padding-left: 16px;
}
* html a.ext-link .icon{ display: inline-block; }


table.modif{background-color:#e3d9c8;border-collapse:collapse;}
table.modif td{border-top:1px solid #000;border-bottom:1px solid #000;padding:0px 5px;}
table th{font-weight:bold; font-size:0.9em; color:#666;}
.msgerror{font-weight:bold; font-size:1em;color:red;}
.msgok{font-weight:bold; font-size:1em;color:green;}


/*DIV GALLERY*/
#gallery{ margin-top:15px; }
#cadre{ width:100%; text-align:center; } 
#cadre img{ border-width:0px; } 
#cadre img.borderblack{border:1px #000 solid;}
#gallery a{ border-color: #000; border-style: solid; border-width: 0px; } 
.gallery-item{ display: block; float: left;margin: 0px; width:104px;  text-align:center; } 
.gallery-item a img{ border-color: #cccccc; border-style:solid; border-width: 1px; } 
.gallery-item a:hover img{ border-color: #ce3100; }


/*CALENDAR*/
.okp {color: #fff;text-decoration: line-through;background-color:#AE0C00;}
.free{color:#006600;}
.dayholcolor{background-color:#ddd; width:14px;}
.todaycolor{background-color:#aaaaaa; width:14px;}
.daycolor{background-color:#ffffff;  width:14px;}
.red{color:red;}

/*TARIFS*/
.tarif{padding:2px;background-color:#eee;color:#111;}
.tariftitre{background-color:#ddd; width:110px;padding:2px;text-align:center}
.tarifmois{background-color:#ccc;}
.tarifsaison1{background-color:#eee;padding:2px;}
.tarifsaison2{background-color:#fff;padding:2px;}
.tarifprix1{background-color:#eeeeee;padding:2px;text-align:center}
.tarifprix2{background-color:#ffffff;padding:2px;text-align:center}