/* CSS Document */
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  font-style: inherit;
  font-style:normal;
  color: #000000;
  font-size:12px;
}

th {
background:#BD1220;
color:#FFFFFF;}


body {
margin:0;
padding:0;
background:url(../images/fond-milieu.jpg) center repeat-y;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;}

h1 {
font-weight:bold;
font-size:16px;
color:#BD1220;
padding:0;
margin:3px 0 10px 0;
}
h2 {
font-weight:bold;
font-size:12px;
color:#BD1220;
padding:0;
margin:3px 0 10px 0;
}

h3 { 
margin: 0 0 15px 0; 
padding: 0; 
text-align: center; 
color:#BD1220;
font-size:14px;}
h4 { 
margin: 5px 0 5px 0; 
padding: 0; 
color:#BD1220;
font-size:12px;
font-weight:bold;
}
.txtTresGros {
font-size:28px;
}

.txtGros {
font-size:18px;
}

.txtPetit {
font-size:10px;
}

.txtRouge {
color:#BD1220;}

img {
vertical-align: middle;}
#blocGauche { 
      position: absolute;
  background-image: url(../images/fond-gauche.jpg);
  background-repeat:repeat-x;
    width: 50%;
    height: 750px;
    display: block;
    float: left;
    }
 
#blocDroit {
  position: relative; 
  width: 50%;
    height:750px;
    display: block;
    background-image: url(../images/fond-droit.jpg);
 background-repeat:repeat-x;
    float: right;
    }
	
	#blocDroitLong {
  position: relative; 
  width: 50%;
    height:840px;
    display: block;
    background-image: url(../images/fond-droit-long.jpg);
 background-repeat:repeat-x;
    float: right;
    }
 
  #centre { 
  position: absolute;
    width: 950px;
    display: block;
    z-index: 1;
    height: 750px;
    float: right;
    left: 50%;
    margin-left: -475px;
	background:#FFFFFF;
    }
	
	 #centreLong { 
  position: absolute;
    width: 950px;
    display: block;
    z-index: 1;
    height: 840px;
    float: right;
    left: 50%;
    margin-left: -475px;
	background:#FFFFFF;
    }

#colGauche {
width:420px;
height:200px;
position:relative;
float:left;
background:url(../images/fond-haut-gauche.gif) no-repeat;
}

#colDroite {
width:500px;
height:200px;
position:relative;
float:left;
left:30px;
}

#colDroite a{
color:#BD1220;
text-decoration:none;}

#colDroite a:hover{
color:#666666;
text-decoration:none;}

#flashContent {
width:420px;
height:290px;
margin-top:50px;
position:relative;
float:left;

}

#logoMaguide {
width:420px;
height:105px;
position:absolute;
z-index:10;
top:30px;
left:0;
}

#basColGauche {
width:420px;
height:auto;
top:20px;
position:relative;
float:left;
}


#titre {
width:185px;
height:20px;}

#reservation {
width:225px;
height:40px;
position:absolute;
background:url(../images/fond-reservation-telephone.gif) no-repeat;
z-index:100;
top:0;
left:270px;
color:#FFFFFF;
text-align:center;
padding:5px;
line-height:20px;
}



#contenuLangues {
width:370px;
height:20px;
margin-left:130px;
margin-bottom:150px;
position:relative;
}

.btsLangues {
width:116px;
height:18px;
padding:2px 0 0 4px;
position:relative;
float:left;
margin-left:3px;
background-color:#939393;
color:#FFFFFF;
text-transform:uppercase;
font-size:11px;}

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

.btsLangues a:hover {
color:#BD1220 !important;
}

#reservationEnLigne {
width:158px;
height:115px;
position:absolute;
z-index:400;
color:#FFFFFF;
background:url(../images/fond-reservation.png) no-repeat;
left:330px;
top:50px;
text-align:center;
padding:15px;
}


#titreResa {
width:158px;
height:34px;
margin-bottom:10px;}

.btResa {
width:157px;
height:17px;
background:#FFFFFF;
color:#BD1220;
text-align:left;
margin-top:5px;
padding:1px 0 0 3px;}

.btResa a{
color:#BD1220;
text-decoration:none;
}

.btResa a:hover {
text-decoration:none;
color:#999999;
}

#contenuTexte{
position:relative;
float:left;
margin-top:100px;
width:500px;
height: 174px;
overflow:auto;}

#contenuTarifs{
position:relative;
float:left;
width:950px;
height: auto;
overflow:auto;
background:#FFFFFF;
padding:5px;
border: 1px solid #BD1220;
margin-top:100px; }

#contenuTexteLong{
position:relative;
float:left;
margin-top:100px;
width:500px;
height: 274px;
overflow:auto;}

#footer {
width:950px;
height:auto;
padding-top:15px;
padding-bottom:15px;
position:relative;
float:left;
font-size:10px;
text-align:center;
background:#FFFFFF;
}

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

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

.btTarifs {
background:url(../images/bt-rouge.gif) no-repeat;
width:201px;
height:27px;
margin:0 auto;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-align:center;
padding-top:5px;}

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

.btTarifs a:hover {
text-decoration:none;
color:#999999;}

#conteneurFavoris {
width:45px;
height:53px;
position:absolute;
top:105px;
left:750px;
z-index:0;}

.favorisAmis {
width:42px;
height:22px;
background:url(../images/fond-favoris.gif) no-repeat;
margin-bottom:3px;
padding:2px 0 0 3px;

}

#button {
width:42px;
height:22px;
background:url(../images/fond-favoris.gif) no-repeat;
margin-bottom:3px;
padding:2px 0 0 3px;
cursor:pointer;

}

#effect { width: 290px; height: 100px; padding: 0.4em; position: absolute; z-index:800; background:#FFFFFF; border: solid 2px #BD1220; left:0; top:5px;}
		.ui-effects-transfer { border: 2px dotted gray; } 

#effect input  {
font-size:11px;
color:#BD1220;
border: dashed 1px #BD1220;
}

#effect input[type="button"] {
background:url(../images/envoyer-formulaire.gif) no-repeat;
width:72px;
height:17px;
border:none;
cursor:pointer;
}



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

#masquePhotos {
width:515px;
height:333px;
position:absolute;
z-index:300;
left:0;
top:53px;}

#galerie {
position:relative;
float:left;
width:496px;
height:320px;
margin-top:40px;
margin-left:4px;
background:#FFFFFF;
}

#contenuVignettes {
width:300px;
height:auto;
position:relative;
float:left;
margin-left:200px;
margin-top:5px;
}

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

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


#nav li { 
	width: 42px; 
	height: 42px;
	margin: 1px; 
	list-style: none; 
	padding: 1px; 
	display: block;
	float:left
}
#nav a { 
	width: 40px;
	height:40px; 
	padding: 0px; 
	display: block; 
	border: 1px solid #BD1220; 
}
#nav li.activeLI { 
	background: #BD1220; 
}
#nav a:focus { 
	outline: none; 
}
#nav img { 
	border: none; 
	display: block; 
}

/*********LIGHTBOX**********/

.gallery ul,.gallery li {
list-style:none;
margin:0;
padding:0;
float:left;
margin-left:4px;
margin-top:10px;}