html {min-height: 100%; height: auto;}
body {background:url(/images/bg.jpg) top center no-repeat #5d88bd; margin:0; padding:0; font: 75% Arial, Verdana, Sans-Serif; color:#333; height:100%; font-size:14px; font-weight:normal;}

p {text-align:justify;}
a img {border:none;}

div#page {margin:30px auto 0 auto; width:800px; background:none; }
div#banner {margin:0; padding:0; width:800px; height:139px; }
div#logo {padding-top:0px;} 
div#footer {margin:0 auto 5px auto; padding:60px 0 20px 0; line-height:20px; width:800px; background:url(/images/footer.png) no-repeat; }
div#container {margin:0 auto; width:800px; background:url(/images/petale.png) top left no-repeat #fff; border:none; }
div#sub {margin:0 auto 8px auto; width:800px; background:url(/images/sub.png) top no-repeat; height:10px; clear:both; }
div#top {margin:8px auto 0 auto; width:800px; background:url(/images/top.png) top no-repeat #fff; height:10px; clear:both; }
div#data {text-align:center; color:#fff; margin:0 auto 20px auto; padding:0; width:800px; font-size:12px; }
div#data span {font-size:11px;}
div#data a {color:#fff; text-decoration:underline;}
div#data a:hover {color:#fff; text-decoration:none;}
div#right {float:right; width:70px; margin:0 10px; }
div#mainbloc {float:left; width:780px; margin:0 10px; padding-bottom:10px; font-weight:normal; }
div#mainbloc p { font-size:13px; margin:0; padding:5px;}
div#mainbloc ul { font-size:13px; margin:0 0 0 15px; padding:10px 20px; list-style-type:circle; }
div#mainbloc ul.tourisme { font-size:13px; margin:0 0 0 15px; padding:10px 20px; list-style-type:circle; width:270px; float:left; }
div#mainbloc a { font-size:13px; margin:0; color:#F90;}
div#mainbloc a:hover { text-decoration:none;}
div#mainbloc a.contact { font-size:14px; margin:0; color:#FF6; text-decoration:none;  font-style:italic;}
div#mainbloc a.contact:hover { text-decoration:none; color:#FFC;}

h1 {font-size:20px; margin:20px 0 5px 5px; color:#093;}
h2 {font-size:14px; margin:10px 0 0px 5px; color:#F90; clear:both;}
h3 {font-size:14px; margin:10px 0 10px 5px; color:#093;}
h3.gal {font-size:14px; margin:0px 0 10px 5px; color:#093; border-bottom:1px dotted #093;}

div#right h1 {font-size:16px; margin:6px 0 10px 0; border-bottom:1px solid #ccc; color:#777;}
div#right p.episode {color:#999; font-size:12px; font-style:italic; text-align:right; padding:0 2px;}
div#right div#galerie img {width:65px; border:1px solid #6C3; margin:0 1px 2px 2px; }  
div#right div#galerie img:hover { cursor:pointer; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }

dt.bloc {background:url(/images/bg_bloc.jpg) no-repeat; margin:0 20px; padding:9px 5px 0px 5px; width:210px; text-align:center; float:left;}
dt.bloc p {text-align:center; font-weight:bold; }
dt.bloc img {border:2px solid #2a9fd4; }

img.main {float:left; margin:5px 10px 10px 5px; border:2px solid #09F;}
img.thumb {float:left; margin:5px; border:1px solid #09F; width:70px; height:70px;}
img.thumb:hover {cursor:pointer; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; }

div#galerie {float:right; width:430px; margin:10px;}
div#adresse {float:right; background:#FF9; padding:5px; margin:10px; width:200px;}
div#renseignement {float:right; background:#F93; color:#fff; padding:5px; margin:10px; width:200px; margin-left:0;}

/* Menu */
#navigation {
	height:25px;
	background:#F93;
	margin:-12px 0px 5px 0;
	float:right;
	width:665px;
	position:relative;
	z-index:1000;
	color:#fff;
}

#subnavigation {
	padding:0;
	margin: 0;
	min-height: 25px;
	_height: 25px;
	line-height:20px;
	z-index:1000;
}

#navigation li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-top: 0;
	float: left;
	font-weight:bold;
	height:25px;
}
#navigation li.arrondi {
	padding: 0;
}
#navigation li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 13px; 
	margin: 0;
	display: block;
	position: relative;
}
#navigation li a:hover, #navigation li a.actif {
	background:url(/images/bg_menu2.png) repeat-x;
	color:#333;
}

#navigation .sub-menu {	
	position: absolute;
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	width: 585px;
	display:none;
}


#navigation .sub-menu li, #navigation .sub-menu li.tiret {
	list-style-type:none;
	float: left;
	margin: 0;	
	padding: 0;	
	background:url(/images/tr.png); 
	height:20px;
	z-index:1000;
	width:auto;
	color:#F90;
}

#navigation .sub-menu li.grey {width:170px; color:#aaa; font-size:12px; text-align:right; cursor:pointer;}
#navigation li.lang {float:right; font-size:13px; padding:0;}

#navigation .sub-menu li a {
	color:#F90;
	border: 0;
	margin: 0;
	padding: 0 5px;
	height:20px;
	line-height:20px;
	font-size:12px;
}

#navigation .sub-menu li a:hover, #navigation .sub-menu li a.active {
	color:#090;
}

/* formulaires */
label {width:230px; float:left; clear:both; text-align:left; padding:0; font-size:14px; }
label#newsletter {width:auto; float:none; text-align:left; padding:0 10px 0 0; position:relative; vertical-align:top; }
html[xmlns*=""] body:last-child label#newsletter { vertical-align:baseline;} /* hack safari */
label span, span.aste {color:#F60;}
input.checkbox, input.radiobox {border:none; background:none; font-size:14px; }
input,textarea {width:380px; border:1px solid #999; color:#333; margin-bottom:5px; font-size:14px;  }
input.fielderror, textarea.fielderror { border:1px solid #FB9BA5; background:#FEEDF0; color:#E1173A; font-weight:normal;} 
option {background:#fff;}

input.buttonmessactif {border:none; width:100px; text-align:center; color:#fff; background:#090; cursor:pointer;}
input.buttonmess {border:none; width:100px; text-align:center; color:#fff; background:#F90; cursor:pointer;}