/* CSS Document */

body {
  padding: 0;
  margin: auto;
  background: url(img/top.jpg) repeat-x #9b2721;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 13px;  
  color: #601814;
}

a { 
color: #601814;
text-decoration: underline;
}
a:hover {
color : #601814;
text-decoration: none;
}

a img {
  border:1px solid #521500;
}

a:hover img{
  border:1px solid #FAE9DA;
}

h1 {
  font:16px Verdana,Arial,Helvetica,sans-serif;
  font-weight:900;
  letter-spacing:-1px;
  color: #601814;
  margin:0px 0px 30px 2px;

}

h2 {
  font:15px Verdana,Arial,Helvetica,sans-serif;
  font-weight:900;
  color: #601814;
  margin:0px 0px 15px 0px;
  border-bottom:1px solid #601814;
}


.conteneur {
  width: 780px;
  margin: auto;
  background-color: transparent;
}


#header {
  width: 640px;
  float:right;
  margin: auto;
  height: 195px;
  background: url(img/head.jpg) no-repeat;
  border-style: none;
} 

#accueil {
  width: 640px;
  float:right;
  margin: auto;
  height: 195px;
  background: url(img/accueil.jpg) no-repeat;
  border-style: none;
} 

#right{
z-index:5;
width:550px;
float:right;
padding:0 45px 10px 45px;
background: url(img/main.jpg) repeat;
text-align:justify;
}

#formule {
width:400px;
margin:auto;
}

#video{
width:528px;
margin:auto;

}

#left{
width:140px;
float:left;
margin:auto;
background-color: transparent;
}


.nav {

  text-align: left;
  margin: 170px 0px 0px 0px;
  padding:0;
  background-color:transparent;
}

	
.nav ul {
  float:right;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

.nav li {
  list-style-type: none;
  margin: 4px -10px 0px 0px;
  padding: 0px;
}
	
.nav ul li a {
  z-index:10;
  position:relative; 
  display: block;
  width: 135px;
  font-size: 0.9em;
  font-weight:normal;
  color: #FFF;
  text-indent: 12px;
  line-height: 30px;
  padding:0 0 6px 0;
  text-decoration: none;
  background: url(img/plop+.jpg) no-repeat 0 0 ;
}

.nav ul li a:hover {
  background: url(img/plop+.jpg) no-repeat 0 -36px;
  text-decoration: none;
  color: #FFF;  
}

#pensions a {
  text-decoration: none;
  background: url(img/bt-pens.jpg) no-repeat 0 0 ;
}

#pensions a:hover {
  background: url(img/bt-pens.jpg) no-repeat 0 -36px;
  text-decoration: none;
}

#ens a {
  text-decoration: none;
  background: url(img/bt-ens.jpg) no-repeat 0 0 ;
}

#ens a:hover {
  background: url(img/bt-ens.jpg) no-repeat 0 -36px;
  text-decoration: none;
}

#pres a {
  text-decoration: none;
  background: url(img/bt-pres.jpg) no-repeat 0 0 ;
}

#pres a:hover {
  background: url(img/bt-pres.jpg) no-repeat 0 -36px;
  text-decoration: none;
}

#contact a {
  text-decoration: none;
  background: url(img/bt-contact.jpg) no-repeat 0 0 ;
}

#contact a:hover {
  background: url(img/bt-contact.jpg) no-repeat 0 -36px;
  text-decoration: none;
}

#chev a {
  text-decoration: none;
  background: url(img/bt-chev.jpg) no-repeat 0 0 ;
}

#chev a:hover {
  background: url(img/bt-chev.jpg) no-repeat 0 -36px;
  text-decoration: none;
}

#acc a {
  text-decoration: none;
  background: url(img/bt-acc.jpg) no-repeat 0 0 ;
}

#acc a:hover {
  background: url(img/bt-acc.jpg) no-repeat 0 -36px;
  text-decoration: none;
}

.gauche {
  float: left;
  margin:0;
  padding: 15px 10px 5px 0px;

}

.droite {
  float: right;
  margin:0;
  padding: 35px 0px 5px 15px;

}

.galerie-titre{
padding: 0px 0px 15px 0px;
text-align:left;
color: #555;
font-size: 18px;
font-weight: 100;
letter-spacing: -1px;
clear:both;
}

.galerie-titre2{
padding: 8px 0px 15px 0px;
text-align:left;
color: #555;
font-size: 18px;
font-weight: 100;
letter-spacing: -1px;
clear:both;
}

ul#thumb {
margin:auto;
padding:0;
list-style-type: none;
}

ul#thumb li{
margin:0px 4px 10px 7px;
float: left;
background-color:transparent;
}

ul#thumb li a {
margin:0;
}



.footer {
  width:640px;
  height: 39px;
  float:right;
  margin: 0;
  padding: 0;
  background: url(img/foot.jpg) no-repeat;
  text-align:center;
  color:black;
  font-size: 12px;
}

#credit{
width:640px;
float:right;
margin:auto;
padding: 4px 0px 8px 0px;
clear:both;
text-align:center;

}

#credit a {
  text-decoration: none;
  color:#bbb096;
}

#credit a:hover {
  color:#bbb096;
  text-decoration: underline;
}