/* CSS Document */

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding:0;
margin:0;
}

h1 {
margin:10px 10px 15px 10px;
font-size:24px;
font-weight:bold;
color:#5675B2;
}

td {
color:#246BB9;}

.txtBlanc {
color:#FFFFFF;}

.blocGauche { 
      position: absolute;
  background-image: url(../images/fond-gauche.jpg);
  background-repeat:repeat-x;
    width: 50%;
    height: 840px;
    display: block;
    float: left;
    }
 
  .blocDroit {
  position: relative; 
  width: 50%;
    height:840px;
    display: block;
    background-image: url(../images/fond-droit.jpg);
	background-repeat:repeat-x;
    float: right;
    }
 
  .centre { 
  position: absolute;
    width: 960px;
    display: block;
    z-index: 1;
    float: right;
    left: 50%;
    margin-left: -480px;
    }

#bandeauHaut {
width:960px;
height:190px;
background:url(../images/bandeau-haut.jpg) no-repeat;}

#logo {
position:relative;
width:450px;
height:135px;
top:25px;
left:105px;
font-size:18px;
font-weight:bold;
color:#FFDA40;
}

#bandeauConteneurBouton {
width:410px;
height:35px;
position:absolute;
left:500px;
}

.btsHaut {
position:relative;
float:left;
width:152px;
height:28px;
margin-left:5px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding-top:7px;
background:url(../images/bts-haut.png) no-repeat;}

.btsDrapeaux {
position:relative;
float:left;
width:43px;
height:35px;
background:url(../images/fond-drapeaux.png) no-repeat;
margin-left:4px;
text-align:center;
}

.btsHaut a{
color:#FFFFFF;
text-decoration:none;}

.btsHaut a:hover{
color:#FFDA40;
text-decoration:none;}

#menu {
position:relative;
float:left;
clear:both;
width:960px;
height:20px;
top:30px;}

#menu ul {
padding:3px;
font-size:15px;
font-weight:bold;
margin:0;
padding:0;
list-style:none;}

#menu li {
float:left;
margin-left:20px;
color:#FFFFFF;}

#menu li a{
color:#FFDA40;
text-decoration:none;
}

#menu li a:hover{
color:#FFFFFF;
text-decoration:none;
}

#milieu {
width:960px;
height:430px;
position:relative;
float:left;
background:#FFFFFF;
top:18px;}

/************************ DIAPORAMA ************************************/


#galerie {
position:relative;
float:left;
width:500px;
height: 430px;
}

#gdePhoto {
width:500px;
height:425px;
position:relative;
float:left;
overflow:hidden;
}

.pics { 
	padding:0; 
	margin:0; 
}
#nav { 
	width: 460px; 
	padding:0;
	height:auto;
	margin:0;
}


#nav li { 
	width: 56px; 
	height: 56px;
	margin: 2px; 
	list-style: none; 
	padding: 2px; 
	display: block;
	float:left
}
#nav a { 
	width: 50px;
	height:50px; 
	padding: 0px; 
	display: block; 
	border: 3px solid #FF9900; 
}
#nav li.activeLI { 
	background: #FF9900; 
}
#nav a:focus { 
	outline: none; 
}
#nav img { 
	border: none; 
	display: block; 
}

/************************ DIAPORAMA ************************************/


#contenuTexte{
width:465px;
height:380px;
position:absolute;
padding:10px 0 40px 15px;
background:url(../images/fond-texte.png) no-repeat;
z-index:10;
left:480px;
color:#666666;
text-align:justify;}

.txtLong {
overflow:auto;
height:250px;
padding-right:5px;
width:460px;}

#contenuTexte a{
color:#5675B2;
text-decoration:none;}

#contenuTexte a:hover{
color:#5675B2;
text-decoration:underline;}


#titre {
width:450px;
height:60px;
margin-bottom:15px;}

#titreLocations {
width:450px;
height:60px;
}

#pied {
position:relative;
float:left;
margin-top:25px;
width:960px;
height:auto;
color:#FFFFFF;}

#pied a {
color:#FFFFFF;
text-decoration:none;
}

#pied a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.colonnePied{
position:relative;
float:left;
width: 460px;
height:auto;
padding:5px;}

.txtGros {
font-size:16px;
font-weight:bold;}

#recommanderAmi {
position:absolute;
left:620px;
width:350px;
height:auto;
background:#FFFFFF;
border:solid 2px #5675B2;
z-index:2;
display:none;}

#recommanderAmi input{
font-size:11px;
border: solid 1px  #5675B2;
color: #5675B2;
width:150px; }

#recommanderAmi input[type=button] {
border:0;
width:120px;
height:20px;
background:url(../images/bt-envoyer.gif) no-repeat;
cursor:pointer;}

#JsLogin {
	background:  #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #3F93AB;
	overflow: hidden;
	padding: 5px;
	display: none;
	z-index: 1000;
}
#JsLogin #loginClose {
	background: #FFF;
	font-weight: bold;
	float: right;
	cursor: pointer;
	margin: 5px 5px 0 0;
}
#JsLogin a{
color:#FFFFFF;
text-decoration:none;
}

#JsLogin a:hover{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
.titreTelechargement {
color:#5675B2;
font-size:14px;
font-weight:bold;
}

#btPromo {
position:absolute;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
top:395px;
width:250px;
}

#btPromo a{
color:#FFFFFF;
text-decoration:none;
}

#btPromo a:hover{
color: #FFEA9F;
text-decoration:none;
}

#partenaires {
position:relative;
float:left;
width:400px;
height:auto;
margin-top:60px;}

.bouton {
width:202px;
height:38px;
text-align:center;
font-weight:bold;
padding-top:12px;
color:#FFFFFF !important;
margin:10px auto;
background:url(../images/fond-bouton.gif) no-repeat;
font-size:12px;
}

.bouton a {
color:#FFFFFF !important;
text-decoration:none;}

.bouton a:hover {
text-decoration:none;
color:#FFDA40;}

.vignettes {
border: 1px solid #FFDA40;
margin-right:3px;
}

.legende {
font-size:11px;
color:#666666;}

.filAriane {
font-size:11px;
color:#666666;
margin:5px;}

.filAriane a{
text-decoration:none;
color:#666666;}

.filAriane a:hover{
text-decoration:underline;
color:#666666;}


#contenuMap {
position:relative;
float:left;
width:500px;
height: 430px;
}

#textePromo {
margin:20px;}

.promoRouge {
font-size:14px;
font-weight:bold;
color:#FF0000;}

.mentions {
margin:10px;}

.planSite {
margin:10px;
line-height:22px;}

#langue{
  position: absolute;
  left: 730px;
  top: 50px;
}
#langue img{
  border: none;
  margin-left: 20px;
}
.planSite a, .mentions a{
color:#666666;
text-decoration:none;}
.planSite a:hover, .mentions a:hover {
color:#666666;
text-decoration:underline;}

/****************** Galerie Lightbox  *******************************/	
.gallery {
		width: auto;
	}
	.gallery ul { list-style: none; margin:0; padding:0;}
	.gallery ul li { display: inline; }
	.gallery ul img {
border:1px solid #FFDA40;
margin-right:3px;
	}
	.gallery ul a:hover img {
		border: 1px solid #0099FF ;
	}
	.gallery ul a:hover { color: #fff; }