@charset "UTF-8";
/* CSS Document */

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; background-color:#f6f3e8;}
img{ border:none;}

.entete{ height:35px; width:100%; background:url(../images/topnav_bg.gif) repeat-x; }
.entete h1{ font-size:12px; color:#969696; font-weight:normal; margin:0; padding:0; line-height:36px; width:950px;margin-left:auto; margin-right:auto; }
.banniere{ background-color:#005aa1; background:url(../images/banniere-vacances-reunion2.jpg) no-repeat center center #005aa1; height:240px; width:100%; _margin-top:-1px;}
.menu{ text-align:center; background:url(../images/topnav_bg.gif) repeat-x; width:100%; height:35px; }
.contenu-menu{ width:950px; margin:auto}

ul.topnav {
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width: 930px;
	background: #222;
	font-size: 1.2em;
	background: url(../images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background: url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
}

.conteneur{ width:950px; margin:auto;  height:500px; margin-top:15px;}
.conteneur-droite{ width:378px;  float:right; padding:0 10px 0 10px;  border-left: solid 2px #e5e0cf; color:#666}
.bloc-droite{ margin-bottom:20px;}
.conteneur-droite .bloc-droite h3{ text-decoration:underline; color:#09C; margin-top:0px; font-size:23px; text-decoration:none;}
.conteneur-gauche{ width:530px;   float:left;padding:0 10px 0 10px; color:#333}
.conteneur-gauche h2{ text-decoration:underline; color:#09C; margin-top:0px; margin-bottom:0px; text-decoration:none; font-size:24px}
.conteneur-gauche h3{margin-top:2px; font-size:12px; font-weight:normal;}

.annonce{  border-bottom:1px solid #CCC; padding:5px; padding-bottom:20px;}
.annonce .annonce-photo{ float:left; padding-right:10px;}
.annonce .annonce-photo a img{ border:#e9e3cc 2px solid;}
.annonce h4 { margin:0px; margin-bottom:5px;}
.annonce h4 a{ color:#333; font-size:15px; text-decoration:none}

.annonce .description-annonce{ margin-top:0px; margin-bottom:5px; height:83px; overflow:hidden;}
.annonce .btn-annonce { color:#ffffff; background:url(../images/fond-bouton-infos.png); display:inline-block; height:30px; width:195px; line-height:30px; text-align:center; text-decoration:none; }
.annonce .btn-annonce:hover {background:url(../images/fond-bouton-infos-2.png); color:#CCC;}
.bloc-droite ul{ list-style:circle; font-size:14px}



/* slider */
#slider1 {
    width: 525px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
    width: 525px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	padding-left:0px;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 499px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 282px;
}
ul { list-style-type: none;}

.bloc-droite ul li a{ color:#666666}
.bloc-droite ul li a:hover { color:#999999}