@charset "utf-8";
/* CSS Document */
body {
	padding:0;
	margin:0;
	background-image:url(img/bg.png);
	background-repeat:repeat-x;
	width:100%;
	font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
	}
h1, h2, h3, h4, h5 {
font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
color:#0066CC;
}
a , a img  {
	text-decoration:none ;
	border:none;
	}
#soleil h1 {
	color:#99FFFF;
	font-size:9px;
	}
#soleil {
	position:absolute;
	z-index:-10;
	top:0;
	right:0;
	}
#menu-top {
	display:block;
	margin:0 auto;
	height:auto;
	width:940px;
	}
#menu-top ul li{
		display:inline-block;
		*display:inline;

	list-style:none;
  	zoom:1;
	}
	#bt-accueil {
	display:block;
	width:180px;
	height:87px;
	background-image:url(img/bt_accueil.png);
	background-repeat:no-repeat;
	}
	#bt-contact {
	display:block;
	width:180px;
	height:87px;
	background-image:url(img/bt_contact.png);
	background-repeat:no-repeat;
	}
	#bt-infos {
	display:block;
	width:180px;
	height:87px;
	background-image:url(img/bt_infos.png);
	background-repeat:no-repeat;
	}
	#bt-plan {
	display:block;
	width:180px;
	height:87px;
	background-image:url(img/bt_plan.png);
	background-repeat:no-repeat;
	}
	#bt-photos {
	display:block;display:block;
	width:180px;
	height:87px;
	background-image:url(img/bt_photos.png);
	background-repeat:no-repeat;
	}
/* hover */
	#bt-accueil:hover {
	width:180px;
	height:87px;
	/*background-position-y: -87px;*/
	background-position: 0% -87px;
	background-repeat:no-repeat;
	}
	#bt-contact:hover {
	width:180px;
	height:87px;
	/*background-position-y: -87px;*/
	background-position: 0% -87px;
	background-repeat:no-repeat;
	}
	#bt-infos:hover  {
	width:180px;
	height:87px;
	/*background-position-y: -87px;*/
	background-position: 0% -87px;
	background-repeat:no-repeat;
	}
	#bt-plan:hover  {
	width:180px;
	height:87px;
	/*background-position-y: -87px;*/
	background-position: 0% -87px;
	background-repeat:no-repeat;
	}
	#bt-photos:hover  {
	width:180px;
	height:87px;
	/*background-position-y: -87px;*/
	background-position: 0% -87px;
	background-repeat:no-repeat;
	}
/* fin */

#logo {
	background-image:url(img/logo_texte.png);
	width:400px;
	height:54px;
	background-repeat:no-repeat;
	margin:0 auto;
	}
#bloc-logo {
	
	width:420px;
	height:145px;
	margin:0 auto;
		}
.lettermov {
			position:relative;
			/*width: 10px !important;*/
			overflow: hidden;
			float:left;
			display:inline-block;
			}
#stage {
			top: 70px;
			left: 0px;
			z-index: -100;
		}
.stage {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			min-width: 900px;
			height: 490px;
			overflow: hidden;
		}
#cloud-1 {
	background-image:url(img/clouds.png);
	background-repeat:repeat-x;
	width:1218px;
	height:490px;
	}
#l1 {
	background-image:url(img/lettre_01.png);
	background-repeat:no-repeat;
	width:33px;
	height:54px;
	}
#l2 {
	background-image:url(img/lettre_02.png);
	background-repeat:no-repeat;
	width:53px;
	height:53px;
	}
#l3 {
	background-image:url(img/lettre_03.png);
	background-repeat:no-repeat;
	width:35px;
	height:54px;
	}
#l4 {
	background-image:url(img/lettre_04.png);
	background-repeat:no-repeat;
	width:18px;
	height:32px;
	}
#l5 {
	background-image:url(img/lettre_05.png);
	background-repeat:no-repeat;
	width:38px;
	height:54px;
	}
#l6 {
	background-image:url(img/lettre_06.png);
	background-repeat:no-repeat;
	width:25px;
	height:54px;
	}
#l7 {
	background-image:url(img/lettre_07.png);
	background-repeat:no-repeat;
	width:55px;
	height:54px;
	}
#l8 {
	background-image:url(img/lettre_08.png);
	background-repeat:no-repeat;
	width:31px;
	height:54px;
	}
#l9 {
	background-image:url(img/lettre_09.png);
	background-repeat:no-repeat;
	width:36px;
	height:54px;
	}
#l10 {
	background-image:url(img/lettre_10.png);
	background-repeat:no-repeat;
	width:32px;
	height:54px;
	}
#l11 {
	background-image:url(img/lettre_11.png);
	background-repeat:no-repeat;
	width:34px;
	height:54px;
	}
#mains {
	width:420px;
	margin:0 auto;
	}
.lesmains {
	float:left;
	margin:0 30px 0 50px;
	}
#main1 {
	width:40px;
	height:40px;
	background:url(img/mainv.png) no-repeat;
	}
#main2 {
	background:url(img/maindouble.png) no-repeat;
	width:80px;
	height:40px;
	}
#main3 {
	width:40px;
	height:40px;
	background:url(img/mainv2.png) no-repeat;
	}
.title-content  {
	font-family: 'Lucida Grande', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
	color:#FFCC33;
	}
.title-content h3:first-letter {
	text-transform:uppercase;
	}
#content {
	width:60%;
	margin:10px auto 0 auto;
	min-height:320px;
	padding:10px;
	background-image:url(img/transparent.png);
	background-repeat:repeat;
	-moz-opacity:0.5;
	/*
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */ ; 
    /*filter : alpha(opacity=50); /* IE < 8 */ ;
	
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	
	-webkit-box-shadow: #C8C8C8 0px 4px 18px;
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";*/
	/* For IE 5.5 - 7 
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');*/
	line-height:25px;
	}
 #infos ul li{
 	list-style-image:url(img/limain1.png);
	}
#infos ul,#infos p {
	text-align:left !important;
	}

#news {
	position:absolute;
	top:310px;
	right:5px;
	background-image:url(img/transparent.png);
	background-repeat:repeat;
	display:inline;
	width:15%;
	min-width:160px;
	right:0;
	margin-right:20px;
	min-height:90px;
	-webkit-box-shadow: #C8C8C8 0px 4px 18px;
	/* For IE 8
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; */
	/* For IE 5.5 - 7
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); */
	border: 1px solid #E5E5E5;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	text-align:left;
	padding:5px;
	font-size:10px;
	}
	
 #news ul li{
 	list-style-image:url(img/limain3.png);
	}
#title-news {
	border-bottom:1px solid #0066CC;
	text-align:center;
	font-size:14px;
}
#galerie-div {
	height:300px;
	overflow-x:scroll;
}
#galerie-tab {
	height:auto;
	width:auto;
	list-style:none;
	margin-top:50px;
}

#plan {
	width:200px;
	display:inline;
	float:left;
	margin-left:30px;
	margin-right:30px;
}
#train {
	position:absolute;
	overflow:hidden;
	bottom:50px;
	z-index:-10;
	margin:0;
	padding:0;
	background-image:url(img/train.png);
	background-repeat:repeat-x;
	margin-top:100px;
	width:100%;
	height:100px;
	}

#footer {
	margin:inherit;
	padding:inherit;
	position:relative;
	background-image:url(img/herbe2.png);
	background-repeat:repeat-x;
	margin-top:100px;
	height:100px;
	width:100%;
	}
	
#mentions-legale {
	float:left;
	display:inline-block;
	margin:0 auto;
	margin-top:70px;
	width:400px;	
	background-image:url(img/transparent.png);
	background-repeat:repeat;
	font-size:10px;
	color:#A25C11;
}

#w3c {
	float:right;
	display:inline-block;
	margin:70px 0 0 0;
	width:70px;	
	font-size:10px;
	}
#w3c a	{
	color:white;
	font-weight:bolder;
	}
#mentions-legale a{
	color:#A25C11;
	}
.bold {
	font-weight:bold;
	}
.underline {
	text-decoration:underline;
	}
.italic {
	font-style:italic;
	}
.clear { 
clear:both;
margin:0;
padding:0;
height:0;
}
#bg-footer {
	background-image:url(img/bg_herbe2.png);
	background-repeat:repeat;
	width:100%;
	height:112px;
	padding:0;
	margin:0;
	}
	
#prev {
	float:left;
	display:block;
	background-image:url(img/prev.png);
	background-repeat:no-repeat;
	width:28px;
	height:32px;
	}
#prev:hover {
	background-image:url(img/prev_h.png);
	background-repeat:no-repeat;
	width:28px;
	height:32px;
	}
#next {
	float:right;
	display:block;
	background-image:url(img/next.png);
	background-repeat:no-repeat;
	width:28px;
	height:32px;
	}
#next:hover {
	background-image:url(img/next_h.png);
	background-repeat:no-repeat;
	width:28px;
	height:32px;
	}
#inputmail-left {

	margin-left:10px;
	float:left;
	width:auto;
	text-align:right;
	height:auto;
	}

#inputmail_right {
	height:100%;
	width:auto;
	margin-right:10px;
	}
#inputmail-aera{
	width:auto;
}
#aeramail {
	width:30%;
	height:150px;
	}
	
/*** --------------------------------------------------------------------------**/