body {
	margin: 0;
	padding: 0;
	background: #ffffff url(../images/sejours-groupes-sud-france.jpg) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
}

h1 {
  color: #286a61;
  font-family: Arial;
  font-size:2em;
}

h2 {
  font-size:1.4em;
}

ul {
  padding: 0 0 0 0;
  list-style-type: none;
}


blockquote {
	font-style: italic;
}

a {
	color: #000000;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

#header {
	width: 100%;
	height: 108px;
  background: transparent url(../images/chapitre-vacances-lozere.jpg) repeat-x bottom;
}

#content-header {
	width: 980px;
	height: 108px;
	margin: 0 auto;
  text-align:left;
}

#logo {
	float: left;
  margin-top: 0px;
  position:relative;
}

#elements-header {
  float:left;
  width: 480px;
  margin-left:45px;
  margin-top: 10px;
}

#liens {
	float: right;
  width: 400px;
  height: 38px;
  padding: 7px 10px 0px 10px;
  color:#ffffff;
  font-weight: bold;
  text-align:right;
  font-size: 0.9em;
}

#liens a {
  color:#ffffff;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration:none;
}

#liens a:hover{
  text-decoration:underline;
}

#liens a.active{
  text-decoration:underline;
}

#content-header h2{
	color: #000000;
	font-family: Trebuchet MS;
	font-size: 15pt;
	font-weight: bold;
	font-style: italic;
	float:left;
	margin: 0 0 0 0;
	padding:0 30px 0 0;
	width: 540px;
}

#menu {
  width: 100%;
  height: 35px;
  margin: 0 auto;
}

#content-menu {
  width: 980px;
  margin: 0 auto;
  color: #ffffff;
}

#bloc-central {
  width: 1000px;
  margin: 0 auto;
}

#bloc-central-left {
  background: transparent url(../images/left.png) no-repeat;
  width: 19px;
  height: 238px;
  float:left;
}

#bloc-central-middle {
  background: transparent url(../images/middle.png) repeat-x top;
  width: 962px;
  height: 238px;
  float:left;
}

#bloc-central-bouton {
  float:left;
}

#bloc-central-bouton ul li{
  width: 198px;
  height: 42px;
  background: url(../images/auberge-jeunesse-mende.jpg);
  margin-top: 15px;
  color: #ffffff;
  padding: 5px 10px 5px 5px;
  font-weight: bold;
}

#bloc-central-bouton ul li a{
  color: #ffffff;
  font-weight: bold;
  text-decoration:none;
  font-size:1.3em;
}

#bloc-central-bouton ul li:hover {
  background: url(../images/lozere-location-vacances.jpg);
}

#bloc-central-bouton ul li:hover a{
  color: #d9931f;
}

#bloc-central-bouton ul li a span{
  font-size:11px;
  text-align:right;
  display:block;
  width: 170px;
  font-weight: normal;
}

#bloc-central-diapo {
  float:left;
  margin-left: 30px;
  width: 485px;
}

#slideshow {
    position:relative;
    height:221px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#bloc-central-promo{
  position:absolute;
  margin-left: 735px;
}

#txt-promo {
  background: transparent url(../images/promotion-vacances-sejours-lozere.jpg);
  width: 188px;
  height: 90px;
  margin-top:9px;
  margin-left:18px;
  padding-top:5px;
}

#txt-promo a{
  text-decoration:none;
}

#condition-promo {
  margin-left:9px;
  margin-top:10px;
}

#condition-promo p {
  font-size: 0.8em;
  color: #ffffff;
  padding-top:5px;
  width: 230px;
  margin:0;
  font-style: italic;
}

.remise{
  font-weight:bold; 
  color:#ffffff; 
  font-size:2.5em; 
  text-align:center;
}

#condition-promo a.nom-promo{
  font-weight:bold; 
  color:#ffffff; 
  font-size:1.4em; 
  text-align:center;
  margin:0 0 5px 0;
  width: 220px;
  text-decoration:none;
}

#bloc-central-promo h2 {
  color: #ffffff;
  font-size: 1.4em;
  font-weight:bold;
  margin-top: 8px;
  margin-left:17px;
}

#bloc-central-right {
  background: transparent url(../images/right.png) no-repeat;
  width: 19px;
  height: 238px;
  float:left;
}

#page {
  margin:0 auto;
  padding-top:10px 10px;
  text-align:left;
  width:980px;

}

#sideleft {
  float:left;
  margin-left:15px;
  width:260px;
}

#reservation-en-ligne {
  background: transparent url(../images/reserver-sejour-en-ligne.jpg);
  width: 229px;
  height: 113px;
}

#reservation-en-ligne h2{
  font-size: 1.6em;
  color: #205d55;
  padding-top: 32px;
  margin-left: 90px;
  text-align:center;
}

#actualite {
  background: transparent url(../images/actualite-lozere-mende.jpg);
  width: 214px;
  height: 157px;
  margin-top:15px;
}

#actualite ul {
  color: #ffffff;
  width: 205px;
  height: 105px;
  overflow: auto;
  margin-left: 5px;
}

#actualite ul li{
  margin-top: 8px;
}

#actualite h2{
  font-size: 1.7em;
  color: #ffffff;
  padding-top: 12px;
  text-align:center;
}

#agenda {
  background: transparent url(../images/agenda-mende-evenements.jpg) no-repeat;
  width: 238px;
  height: 235px;
  margin-top:20px;
  padding-left: 2px;
}

#agenda h2{
  font-size: 1.5em;
  color: #ffffff;
  padding-top: 12px;
  padding-right:10px;
  text-align:center;
  width: 203px;
}

#agenda h3{
  font-size: 1em;
  color: #ffffff;
  padding-top: 5px;
  padding-right:10px;
  text-align:center;
  width: 203px;
}

#agenda h3 a{
  color: #ffffff;
  text-decoration:none;
}

#agenda h3 a:hover{
  color: #000000;
}

#content {
  float:left;
  width:690px;
}

#content h1 {
  margin-bottom: 15px;
}

#texte {
  width: 100%;
  color: #000000;
  text-align:justify;
  font-size: 0.9em;
  margin-bottom:10px;
  line-height: 1.5em;
}

#texte ul.equipement{
  list-style-type: square;
  line-height: 1.5em;
  margin-left: 40px;
}

#bloc-bas-page {
  margin-top:20px;
  color: #ffffff;
  font-size:0.9em;
}

#bloc-bas-page-haut{
  background: transparent url(../images/residence-etudiante-mende.jpg) no-repeat;
  width: 690px;
  height:14px;
}

#bloc-bas-page-center{
  background: transparent url(../images/classes-decouvertes-lozere.jpg) repeat-x;
  width: 670px;
  height:110px;
  font-size:0.95em;
  padding: 5px 10px 5px 10px;
}

#bloc-bas-page-center a{
  color: #ffffff;
  text-decoration:none;
}

#bloc-bas-page-center a:hover{
  text-decoration:underline;
}

#bloc-bas-page-center a.active{
  text-decoration:underline;
}

#bloc-bas-page-bas{
  background: transparent url(../images/mende-location-semaine.jpg) no-repeat;
  width: 690px;
  height:14px;
}

a.photo {
  position: relative;
  text-decoration:none;
  z-index:2;
}

a.photo span {
display: none;
}

a.photo:hover span {
display: block;
position: absolute;
top: -250px;
left: 0px;
border: 1px solid #000000;
z-index:1000;
}

#footer {
  font-family: Tahoma;
  font-size: 0.8em;
  color: #b4b4b4;
  width: 980px;
  margin: 10px auto 10px;
  clear:both;
  padding-top: 10px;
  text-align:center;
}

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

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

.thumbnail { 
  border-width: 1px; 
  border-style: solid; 
  border-color: gray; 
  margin-right: 5px;
}

.titre-desc-avant-galerie {
  font-size: 1.4em;
  font-weight:bold;
  font-style: italic;
  color:#f98a13;
  margin-bottom:0px;
  margin-top:25px;
}

.desc-avant-galerie {
  font-size: 1em;
  font-style: italic;
  color:#000000;
  margin-top:0px;
}

table.promos th {
  font-weight: bold;
  background-color: #18524A;
  color: #ffffff;
  text-align: center;
}

table.promos th, table.promos td {
  padding: 3px;
}

table.promos {
  width: 650px;
  border: 1px solid #18524A;
}

table.promos tr{
  border-bottom: 1px solid #18524A;
}

table.promos tr.pair{
  background-color: #e2e0e0;
}

table.promos tr td.droite{
  border-right: 1px solid #a6a6a6;
}

#texte-accueil {
  text-align:justify;
  line-height: 1.5em;
}

#coordonnees {
  font-size:1.2em;
  line-height:1.3em;
  margin-top:30px;
}

#sitemap {
  text-align:justify;
  line-height: 1.5em;
}

#sitemap table a {
  text-decoration: none;
}

#sitemap table a:hover {
  text-decoration: underline;
}

#sitemap table a.active {
  text-decoration: underline;
}

.titre_recrut {
  font-size:1.5em;
  text-transform:uppercase;
  color:#f88c0d;
}

#recrut ul li {
  margin-bottom: 15px;
  border-bottom: 1px solid #f88c0d;
  padding-bottom: 15px;
}

.lien-promo{
  color: #de0f02;
  font-size: 1.4em;
}