* { padding: 0; margin: 0; }

body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	/*overflow:hidden; get rid of scroll bars in IE */
	padding:0; /*remove padding */
	margin:0; /* remove margins */
	border:0; /* remove borders */
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color:#666;
	background:url(../img/bg.jpg) no-repeat center 13px;
}
* +html body{background:url(../img/bg.jpg) no-repeat center 0;}


/* - - - - - - STRUCTURE - - - - - */
.wrapper { 
	 margin: 0 auto;
	 width: 1007px;
}
.content {
	 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	 width: 100%;
}
.header {
	 width: 1007px;
	 height: 95px;
	 margin:13px 0 0 0;
}
h1{
	float: left;
	display: inline;
	width:517px;
}
.lang, .contact{height:108px;}

.gauche, .lang { 
	 display: inline;
	 width: 241px;
	 float: left;
}
.anim {
	position: relative;
	float: left;
	display: inline;
	width: 517px;
	height:353px;
	background:url(../img/bg-anim.jpg) no-repeat 0 0;
}
#anim {
	position: relative;
	float: left;
	display: inline;
	width: 517px;
	height:353px;
	background:url(../img/bg-anim.jpg) no-repeat 0 0;
}
.droite, .contact {
	position: relative;
	float: right;
	display: inline;
	width: 249px;
}
.contenu { 
	width: 1007px;
	height:269px;
	clear: both;
}
.footer { 
 width: 1007px;
 height:64px;
 clear: both;
 background: #e0e4e2;
 margin:13px 0 0 0;
}


/* - - - - - - BOXES - - - - - */
.offre, .agenda{
	float:left;
	width:223px;
	height:171px;
	padding:0 9px;
}
.offre{	
	background:url(../img/bg-offre.png) no-repeat 0 0;
	margin:7px 0 4px 0;
}
.offre h2{margin:7px 0;}
.offre-txt {
	height:77px;
	overflow:hidden;
	margin:0 0 3px 0;
}
.offre-txt img{
	float:left;
	margin: 0 5px 0 0;
}
.promo a{
	height:13px;
	font:bold 11px Arial, Helvetica, sans-serif;	
	color:#0067b2;
	background:url(../img/puce-promo.gif) no-repeat 0 0;
	text-decoration:none;
	padding: 0px 0 6px 20px;
	margin:0 0 0 65px;
}
.voir{
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#dd550a;
	margin:0;
	text-decoration:none;
}
.offre .voir{padding:20px 0 0 16px;}


.agenda{background:url(../img/bg-actu.png) no-repeat 0 0;}
.agenda h2{margin:7px 0 3px 0;}
.agenda-txt{
	height:45px;
	padding:2px 0 0 0;
	margin:0 0 3px 1px;
	overflow:hidden;
}
.agenda img{ 
	float:left;
	margin: 0 5px 0 0;}
.agenda a{ color:#666; text-decoration:none;}
.agenda p a:hover{ text-decoration:underline;}
.agenda .voir { padding:12px 0 0 16px; color:#dd550a;}
.agenda .voir a:hover{ color:#35bcca;}
/* - menu - */
.menu{
	float:left;
	width:249px;
	height:216px;
	background:url(../img/bg-menu.png) no-repeat 0 0;
	padding:0 0 0 0;
}
.menu ul{
	margin:13px 0 0 15px;
	padding:0;
	list-style:none;
}
.menu li a{
	background:url(../img/puce-menu.gif) no-repeat 0 4px;
	padding: 0 0 0 8px;
	font:bold 11px/22px Arial, Helvetica, sans-serif;
	color:#576786;
	text-decoration:none;
}
.menu li a:hover{color:#35bcca;}

/* - Langue et réservation - */
.lang li{
	list-style:none;
	display:inline;}
.reservation{
	height:48px;
	background:url(../img/bg-reservation.png) no-repeat 0 0;
	margin:30px 0 0 0;
	padding:9px 0 0 85px;
}
.reservation h2, .contact h2{
	color:#FFF;
	text-transform:uppercase;
}
.reservation a{
	background:url(../img/puce-resa.gif) no-repeat right 5px;
	padding:0 10px 0 0;
	text-decoration:none;
	color:#f6c66f;
}

/* - Contact - */
.contact{
	height:77px;
	background:url(../img/bg-contact.png) no-repeat 0 0;
	margin:19px 0 0 0;
}
.contact h2{padding:11px 0 0 175px;}
.contact p{padding:11px 0 0 35px;
font:bold 11px/16px Arial, Helvetica, sans-serif;
color:#d1510a;
}
.contact a{color:#d1510a; text-decoration:none;}

/* - situation - carte - */
.carte{
	float:left;
	width:231px;
	height:137px;
	background: url(../img/bg-carte.png) no-repeat 0 0;
padding:0 9px;
}
.carte h2{	margin:15px 0 6px 0;}
.carte p{margin:0 0 2px 87px;}
.carte a{
	margin:0 0 0 20px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#576786;
	text-decoration:none;
}

/* - contenu : texte - */
.texte {
	float:left;
	width:473px;
	height:249px;
	padding:10px;
	background:url(../img/bg-texte.png) no-repeat 0 0;
}	

.cgv {
	float:left;
	width:987px;
	height:249px;
	padding:10px;
	background:url(../img/bg-cgv.png) no-repeat 0 0;}
	
.texte ul{
	list-style:circle;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#36bdca;
	margin:6px 0 6px 15px;
}
.demi, .demie	{ float:left; width:236px; }
.txt			{ float:left; width:985px; margin:12px 0 0 0; height:225px; overflow:auto; }
.demi			{ width:228px; margin:12px 14px 0 0; }
.demie			{ width:220px; margin:12px 0 0 0; }
.savoir, .more a {
	background:url(../img/puce-menu.gif) no-repeat 0 4px;
	padding:0 0 0 8px;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#576786;
	text-decoration:none;
}
.texte img{
	margin: 5px 0 0 0;
	padding:3px;
	background:#FFF;
	border:1px solid #d5d5d5;
}
.texte .clear img{
	margin: 5px 0 0 0;
	padding:3px;
	background:none;
	border:none;
}
.txt img{
	float:right;
	margin: 5px;
	padding:3px;
	background:#FFF;
	border:1px solid #d5d5d5;
}

.famille, .entreprise, .groupe{
	float:left;
	width:148px;
	height:269px;
	background:url(../img/bg-box.png) no-repeat 0 0;
	margin: 0 0 0 8px;
	padding:0 7px 0 8px;
}
.famille img, .entreprise img, .groupe img{margin:8px 0 0 0; background:none;}
.box-txt {
	height:80px;
	overflow:hidden;
	margin:2px 2px 4px 2px;
}
.box-txt2 {
	height:210px;
	overflow:hidden;
	margin:8px 2px 4px 2px;
}
.famille h2,  .groupe h2{margin:0 0 0 2px;}
.entreprise h2{margin:12px 0 0 2px;}

/* - - - - - FOOTER - - - - - */
.footer img, .novae img{  vertical-align:middle;}
.footer ul {
	float:left;
	display:inline;
	width:550px;
	padding:6px 0 0 0;
	list-style:none;}
.footer li {
	display:inline;
	list-style:none;
	background:url(../img/separ.gif) no-repeat right top;
	padding:5px 11px 5px 0;
	margin: 0 5px 0 9px;
	font:bold 11px/15px Arial, Helvetica, sans-serif;

}
.footer a{
	text-decoration:none;
	color:#576786;
}
.analytic{
	float:left;
	width:110px;
	display:inline;
}
.novae {
	font: normal 9px/15px Arial, Helvetica, sans-serif;
	float:right;
	width:250px;
	display:inline;
	}

/* - - - - - FORMULAIRE - - - - - */
form {
	float:left;
	width:473px;
	height:249px;
	padding:10px;
	background:url(../img/bg-form.png) no-repeat 0 0;
}
fieldset {
padding:20px;
margin-bottom:10px;
border:none;
}
legend {
color:#F1F7F7;
font-weight:bold
}
label {
	display: inline-block;	
	width:90px;
	float: left;
	text-align: left;
}

input, textarea {
border:1px solid #35BCD0;
margin:2px 0;
background-color:#FDFEFE;
}
input[type=radio] {
margin-right:50px;
background-color:transparent;
border:none;
}
input[type=submit] {
margin:15px 0 0 120px;
cursor:pointer;
}
select, option {
background-color:#FDFEFE;
}

/* - - - - - Google MAP - - - - - */
#map { 
	float:left;
	margin:15px 5px 5px 7px;
	height:310px;
	width:502px;
}
/* - - - - - TABLEAU - - - - - */
table {
	border-spacing:1px;
	background-color:#E7E7E7;
	width:95%;
}

td, th { padding: 4px;}

thead th {
	text-align: center;
	background: #E1F5FC;
	color: #666;
	border: 1px solid #FFF;
}

tbody th { font-weight: bold;color:#0067b2; }

tbody tr		{
	background-color:#FFF; 
	text-align:left;
}

tbody tr td { 
	height:20px;
	background: #FFF;
	border: 1px solid #FFF;
	text-align:center;
}

/* - - - - - - Classes Génériques & FONT - - - - - */
.clear        { clear:both; background: none; }
.left         { float:left; }
.right        { float:right; }
img.left      { margin-right:1em; margin-bottom:1.8em; }
img.right     { margin-left:1em; margin-bottom:1.8em; }
.text-right   { text-align:right; }
.half         { width:45%; /* Not exactly half to account for paddings, margins etc. */ }

.turquoise		{	color:#35bcca;}
.bleu			{	color:#0067b2;}
.rouge			{	color:#dd550a;}
.gris			{	color:#666;}
.turquoises		{ font:bold 11px Arial, Helvetica, sans-serif; color:#35bcca;}
.bleus			{ font:bold 11px Arial, Helvetica, sans-serif; color:#0067b2;}
.rouges			{ font:bold 11px Arial, Helvetica, sans-serif; color:#dd550a;}
.griss			{ font:bold 11px Arial, Helvetica, sans-serif; color:#666;}

img		{ border:0;}
a img	{border:none;}
h2{	font:bold 13px Arial, Helvetica, sans-serif;color:#0067b2;}
strong, a:hover{ color:#35bcca;}
hr {
height: 1px;
margin: -0.5em 20px;
margin: 1em 20px!important;
padding: 0;
color: #0067b2;
background-color: #0067b2;
border: 0;
}