/*****************************************************/
/*   Skidimension.net                                */
/*   Feuille de style css                            */
/*   Guillaume Blanchard                             */
/*---------------------------------------------------*/
/*****************************************************/

img {
border: 0;
}

/* SEJOURS */

.contenu-sejours {
width: 970px; 
background: url(http://sejours.skidimension.net/neige.png) white; 
background-repeat: no-repeat; 
background-position: top left; 
float: left;}

.pitch-station {
text-align: justify; 
border-bottom: 1px solid #eaeaea; 
padding-bottom: 10px; 
margin-bottom: 15px;
}

.pitch-station p a {
text-decoration: none;
color: #69B4FF; }

.moteur-sejours {
float: left; 
width: 670px; 
margin-left: 20px; 
margin-top: 20px; }

.loc-droite {
float: left; 
width: 238px; 
margin-right: 18px;
margin-top: 20px; 
margin-top: 20px; 
}

.boite-droite {
background-color: white; 
width: 230px; 
border: 2px solid #eaeaea; 
font-size: 12px; 
padding: 12px; 
text-align: justify; 
color: rgb(255,136,17); 
font-size: 20px; 
margin-bottom: 10px; 
}

.promo-ski {
border: 0; 
margin-bottom: -4px;
margin-right: 8px;
}

.texte-droite {
font-size: 12px; 
color: #4B4B4B; 
margin-top: 10px;
}

.reduc {
 color: rgb(255,136,17); 
 font-size: 15px;
 }
 
.lien-promo {
color: #69B4FF; 
text-decoration: none;
}

.boite-sejours-droite {
background-color: white; 
width: 230px; 
border: 2px solid #eaeaea; 
font-size: 12px; 
padding: 12px; 
text-align: justify;
}

.boite-skidimension {
background-color: white; 
margin-top: 10px; 
width: 230px; 
border: 2px solid #eaeaea; 
font-size: 12px; 
padding: 12px; 
text-align: justify;
}

.boite-depuis-1999 {
background-color: white; 
margin-top: 10px; 
margin-bottom: 10px; 
width: 230px; 
border: 2px solid #eaeaea; 
font-size: 12px; 
padding: 12px; 
text-align: justify;
}

.img-tel {
float: left; 
margin-right: 12px; 
}

.equipe-dediee {
color: rgb(255,136,17); 
font-size: 14px; 
font-weight: bold;
}

.img2-tel {
float: left; 
margin-right: 8px;
}

.conseillers {
font-size: 14px;
}

.simplicite {
font-size: 16px; 
color: rgb(255,136,17);
}
 
 
.ligne {
clear: both;
}

.presentation-locations-ski {
color: rgb(150,150,150); 
font-size: 12px; 
width: 930px; 
margin: 0px 0px 0 0px; 
border-top: 2px solid #eaeaea; 
padding: 10px 20px 5px 20px; 
text-align: justify;
background-color: white;
}

.boite-liens-bas {
width: 930px; 
margin: 0px; 
border-top: 2px solid #eaeaea; 
padding: 15px 20px 10px 20px;
background-color: white;
float: left;
}
 
.liens-conditions {
width: 140px; 
margin: 0; 
padding:5px 5px 10px 0; 
float: left; 
text-decoration: none; 
font-size: 12px;
}

.liens-residences {
width: 165px; 
margin: 0; 
padding:5px 5px 10px 0; 
float: left; 
text-decoration: none; 
font-size: 12px;
}

.liens-locations-stations {
width: 215px; 
margin: 0; 
padding:5px 5px 10px 0; 
float: left; 
text-decoration: none; 
font-size: 12px;
}

.liens-residences-ski {
width: 200px; 
margin: 0; 
padding:5px 10px 5px 0; 
float: left; 
text-decoration: none; 
font-size: 12px;
}

.locations-semaine {
width: 165px; 
margin: 0; 
padding:5px 5px 10px 0; 
float: left; 
text-decoration: none; 
font-size: 12px;
}

.titre-liens-bas {
color: rgb(255,136,17);
}

.liens-conditions a, .liens-residences a, 
.liens-locations-stations a, .liens-residences-ski a, .locations-semaine a
{
color: rgb(150,150,150);
}
 
.conseillers-tel {
color: rgb(255,136,17);
}

.tel-ski {
font-size: 26px;
}
 
.texte-ski-bas {
color: rgb(150,150,150); 
font-size: 12px; 
width: 930px; 
margin: 0;
height: 40px;
padding: 5px 20px 5px 20px; 
text-align: center;
background-color: white;
float: left;
}

.locations-tranquille {
margin-bottom: -15px;
border: 0;
}

.signature {
color: rgb(150,150,150); 
text-decoration: none; 
font-size: 13px;
}

.boite-moteur {
color: rgb(255,136,17); 
margin-bottom: -3px;
}

.slogan-moteur {
font-size: 23px;
}

.loupe-moteur {
margin-bottom: -5px;
}

.bloc-recherche-sejours {
width: 326px; 
height: 180px; 
float: left; 
padding: 12px; 
background-image: url(http://www.skidimension.net/img/sejour_bg_neige.png);
background-repeat: no-repeat;
}

.form-recherche {
margin-top: 32px;
}

#station {
margin-top: 6px; 
}

#semaine {
width: 321px; 
margin: 1px; 
color: #4B4B4B;
}

#budget {
width: 100px; 
margin: 1px; 
color: #4B4B4B;
}

#nb_pers {
width: 106px; 
margin: 1px; 
color: #4B4B4B;
}

#duree {
width: 105px; 
margin: 1px; 
color: #4B4B4B;
}

#massif {
width: 321px;  
margin-top: 6px; 
margin: 1px; 
color: #4B4B4B;
}

#type_logement {
width: 321px; 
margin: 1px; 
color: #4B4B4B;
}

#type_pension {
width: 321px; 
margin: 1px; 
color: #4B4B4B;
}

#promo {
width: 12px;
margin-left: 6px;
}

.afficher-promos {
font-size: 11px; 
color: white;
}

.nouvelle-recherche {
color: white; 
text-decoration: none; 
font-size: 11px;
}

.offres-ponctuelles {
float: left; 
width: 290px; 
margin-left: 17px; 
margin-top: 18px;
}

#recherche {
width: 652px;
}

.offres-accueil {
width: 351px;
float: left; 
padding: 0 7px 0 0; 
text-align: justify;
}

.thematiques {
width: 280px; 
float: left; 
padding: 0 0 0 10px; 
text-align: justify;
}

.slogan-thematiques {
font-size: 28px; 
color:rgb(255,136,17);
}

.vacances-chalets {
margin-bottom: 8px; 
margin-top: 4px;
border: 0;
}

.photo-thematique {
margin-bottom: 8px;
border:0;
}

.promotions-accueil {
width: 650px;
float: left; 
margin-top: 15px; 
text-align: justify;
}

.promotions-accueil-francais {
font-size: 28px; 
color:rgb(255,136,17);
}

.semaine-promo {
margin: 5px 0 0px 0;
}

.semaine-promo-slogan {
font-size: 28px; 
color:rgb(255,136,17);
}

.rez-accueil {
clear: both; 
width: 350px; 
padding: 6px 0 4px 0; 
border-bottom: 1px dotted rgb(255,136,17); 
cursor: pointer;
}

.rpg {
float: left; 
width: 100px;
}

.img-residence {
width: 100px;
height: 67px; 
}
 
.rgd {
float: left; 
width: 236px; 
padding: 0 0 0 8px;
}

.nom-residence {
font-size: 13px;
}

.texte-residence {
font-size: 12px;
}

.rdk {
float: left; 
width: 187px; 
padding: 4px 0 0 8px;
}
 
.residence-date {
color: rgb(255,136,17); 
font-size: 12px;
}

.r-prix {
text-align: right; 
background-color: rgb(255,136,17); 
float: left; 
width: 40px; 
padding: 0 6px 0 8px;
}

.r-promo {
font-size: 14px; 
color: rgb(255,136,17);
}

.r-prix-2 {
font-size: 15px;
color: white;
}

.liste-promos {
margin: 5px 0 14px 0;
}

.promos-accueil-bas {
clear: both; 
width: 650px; 
padding: 3px 0 0px 0; 
border-bottom: 1px dotted rgb(255,136,17); 
cursor: pointer;
}

.pui {
float: left; 
width: 58px; 
padding: 0 0 0 8px; 
text-align: left;
}

.photo-residence-promo {
width: 50px;
height: 33px;
}
 
.promos-accueil-station {
float: left; 
width: 200px; 
padding: 0 0 0 8px; 
text-align: left;
}
 
.libelle-residence {
color: rgb(255,136,17); 
font-size: 12px;
}
 
.tru {
float: left; 
width: 200px; 
padding: 0px 0 0 8px; 
text-align: left;
}
 
.date-residence {
font-size: 12px;
color: rgb(255,136,17);
}

.la-promo-accueil {
float: left; 
width: 60px; 
text-align: left; 
padding: 3px 6px 3px 8px;
}

.prct-promo {
font-size: 22px;
}

.prix-location {
text-align: right;  
float: left; 
width: 80px;
padding: 3px 6px 3px 8px;
}

.prix-final {
font-size: 22px;
color: rgb(255,136,17);
}
 
.titre-moteur {
float: left; 
width: 650px; 
margin-bottom: 14px; 
background-repeat: repeat-y; 
background-image: url(http://www.skidimension.net/img/station_bg.png); 
background-position: left -200px;  
padding: 3px 0 3px 0; 
border-top: 3px solid #eaeaea; 
border-bottom: 3px solid #eaeaea;
}

.titre-moteur h1 {
font-size: 28px; 
color: #4B4B4B;
}

.titre-moteur h1 a {
color: #4B4B4B;
text-decoration: none;
}

.retour-accueil {
font-size: 18px; 
color:rgb(255,136,17); 
font-weight: bold; 
float: left;
}

.retour-accueil a {
color:rgb(255,136,17); 
text-decoration: none;
}
 
.pagination-ski {
font-weight: bold; 
font-size: 20px; 
float: left;
}

.numero-page {
height: 18px; 
border: 1px solid rgb(220,220,220); 
float: left; 
padding: 0 4px 4px 4px; 
margin-left: 6px; 
margin-bottom: 4px;
}

.page-active {
text-decoration: none; 
color: #4B4B4B;
}

.page-inactive {
text-decoration: none; 
color: rgb(255,136,17);
}

.m-residence {
width: 650px; 
margin-bottom: 20px; 
padding-bottom: 2px; 
border-bottom: 3px solid rgb(255,136,17);
}

.m-station {
padding-bottom: 3px; 
border-bottom: 3px solid #eaeaea;
}

.m-station-libelle {
font-size: 21px; 
color: #4B4B4B; 
text-decoration: none;
}

.m-station-image {
border: 0; 
margin-bottom: -1px;
}

.m-region {
font-size: 15px; 
font-weight: normal;
}

.m-residence-bloc {
margin-bottom: 10px;
}

.m-photo {
float: left; 
width: 155px; 
margin-top: 10px;
}

.m-photo-residence {
border: 2px solid black;
width: 150px;
}

.m-laresidence {
float: left; 
width: 475px; 
padding: 10px 0 0 12px;
}

.m-residence-lien {
text-decoration: none;
}

.m-resid-libelle {
font-size: 16px; 
color:rgb(255,136,17); 
text-decoration: none;
}

.m-infos {
margin-bottom: -1px;
}

.m-descriptif {
font-size: 12px; 
text-align: justify; 
color: #4B4B4B;
}

.m-plus-dinfos {
color: #66B6FC; 
font-size: 12px; 
text-decoration: none;
}

.m-assurance {
float: left; 
width: 90px;
}

.m-assurance-2 {
margin-right: 50px;
}

.m-avis {
float: left; 
width: 380px; 
padding-top: 16px; 
text-align: right;
}

.m-avis-2 {
font-size: 12px; 
color: #70BCFC; 
text-decoration: none;
}

.m-bloc-avis {
display: none; 
width: 600px; 
padding: 12px; 
border: 1px dotted rgb(255,136,17); 
font-size: 12px; 
margin: 10px auto 10px auto;
}

.m-produit {
background-image: url(http://www.skidimension.net/img/bg_produit.png); 
background-repeat: repeat; 
clear: both; 
border-top: 2px dotted rgb(255,136,17); 
padding-top: 8px; 
padding-bottom: 8px;
}

.m-bloc-produit {
float: left; 
width: 270px; 
padding: 0 5px 0 5px;
}

.m-lien-produit {
color: #66B6FC; 
text-decoration: none; 
font-size: 18px;
}

.m-prod-info {
margin-bottom: -1px;
}

.m-p-descriptif {
font-size: 12px; 
color: #4B4B4B;
}

.m-p-infos {
color: #66B6FC; 
font-size: 12px; 
text-decoration: none;
}

.m-p-promo {
font-size: 18px; 
color: rgb(255,136,17);
}

.m-p-d {
float: left; 
width: 118px; 
text-align: center; 
padding: 5px; border: 
2px solid rgb(255,136,17); 
background-color: white; 
margin-top: auto; 
margin-bottom: auto;
}

.m-p-prix {
font-size: 16px; 
color: rgb(255,136,17);
}

.m-p-prix-2 {
font-size: 22px; 
color: rgb(255,136,17);
}

.m-p-prix-pers {
font-size: 12px; 
color: rgb(255,136,17);
}

.m-p-p-libelle {
font-size: 11px;
}

.m-p-reserver {
float: left; 
width: 224px; 
padding-left: 6px; 
text-align: right; 
padding-bottom: 0px;
}

.m-p-form-reserver {
margin: 0px; 
padding: 0px; 
display: inline;
}

.m-p-select {
font-size: 11px; 
margin: 0 0 8px 0; 
width: 220px;
}

.m-p-r {
width: 650px; 
margin: 0;
}

.page-bas {
margin-top: 20px;
}

.r-entete {
margin:0 0 -12px 0; 
width: 625px; 
border-bottom: none; 
background-color: white; 
padding: 10px; 
border: 3px solid #eaeaea; 
border-top: none;
}

.r-entete h1 {
color: rgb(255,136,17); 
font-size: 24px; 
margin-bottom: 20px;
border-bottom: 2px solid #eaeaea; 
padding-bottom: 10px;
}

.r-lien-residence {
color: rgb(255,136,17);
text-decoration: none;
}

.r-contenu {
width: 625px; 
padding: 0px; 
margin : 0; 
float: left;
}

.r-photos {
width: 264px; 
float: right; 
margin-left: 18px; 
margin-bottom: 18px; 
margin-right: 5px;
}
 
.r-descriptif {
color: #4B4B4B; 
font-size: 12px; 
text-align: justify; 
font-weight: bold;
}

.r-avis {
color: #69B4FF; 
text-decoration: none;
}

.r-lien-station {
color: #69B4FF; 
text-decoration: none;
}

.r-ico-station {
margin-bottom: -1px;
}

.r-liens-rez {
color: #69B4FF; 
text-decoration: none;
}
 
.r-liens-loc {
border: 0;
margin-bottom: -1px; 
margin-left: 3px; 
margin-right: 2px;
}

.r-criteres {
color: #4B4B4B; 
font-size: 12px; 
text-align: justify;
}

.r-liste-c {
color: rgb(255,136,17); 
font-size: 14px;
}

.r-equipement {
font-size: 12px; 
text-align: justify; 
margin-left: 15px;
}

.r-description {
color: #4B4B4B; 
font-size: 12px; 
text-align: justify;
}

.r-c-t {
color: rgb(255,136,17); 
font-size: 14px;
}
 
.r-notre-avis {
color: #4B4B4B; 
font-size: 12px; 
text-align: justify;
}

.r-orange {
color: rgb(255,136,17); 
font-size: 14px;
}

.p-bloc {
width:648px; 
padding: 15px 0 15px 0; 
margin:0;
}

.p-photos {
width:572px; 
float: left; 
margin: 0 15px 0 15px; 
background-color: white; 
padding: 20px; 
border: 1px dotted rgb(255,136,17);
}

.p-photo {
width: 260px; 
float: left; 
margin-right: 10px;
}

.p-description {
color: rgb(255,136,17); 
font-size: 14px;
}

.p-descriptif {
color: #4B4B4B; 
font-size: 12px; 
text-align: justify;
}

.p-equipements {
color: #4B4B4B; 
font-size: 12px; 
text-align: justify;
}

.p-equipement {
color: rgb(255,136,17); 
font-size: 14px;
}

.p-reserver {
color: rgb(255,136,17); 
font-size: 14px;
}

#id_station {
width: 321px; 
margin: 1px; 
color: #4B4B4B;
}
 
 
 
 
 
 
 
 
 
 
 
 









.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* Bulles */
div.bulle {
    width: auto;
    font-size: 1em;
    margin-bottom: 24px;
}

div.bulle blockquote {
    margin: 0px;
    padding: 0px;
    border: 1px solid #c9c2c1;
    background-color: #fff;
}

div.bulle blockquote p {
    margin: 10px;
    padding: 0px;
}

div.bulle cite {
    position: relative;
    margin: 0px;
    padding: 7px 0px 0px 15px;
    top: 6px;
    background: transparent url(../img/flechebulle.gif) no-repeat 20px 0;
    font-style: normal;
    font-size: 12px;
} 



/*-----------------------------------------------------------------------*/
/* FORMULAIRES                           */
/*-----------------------------------------------------------------------*/

.formulaireaccueil {
	margin: 4px 0px 4px auto;
	text-align:left;
}
.formulairenewsletter {
	margin: 6px 0px 0px 0px;
	text-align:left;
}
.bouton-blanc {
font-size: 8pt; 
color: #3C3C3C; 
border: 1px solid #C0C0C0; 
background-color: white; }

.bouton-sejours {
font-size: 8pt;
color:rgb(255,136,17); 
border: 1px solid rgb(255,136,17);
background-color: white;
width: 95px; }

.bouton-sejours-petit {
font-size: 8pt;
font-weight: bold;
color:rgb(255,136,17); 
border: 1px solid rgb(255,136,17);
background-color: white;
width: 60px; }

.bouton-sejours-moteur {
font-size: 12pt;
font-weight: bold;
color:rgb(255,136,17); 
border: 2px solid rgb(255,136,17);
background-color: white;
width: 145px; 
margin-top: 9px;
}

.bouton-blanc-login {
font-size: 11pt; 
color: #3C3C3C; 
border: 1px solid #C0C0C0; 
background-color: white; }

.input-listederoulante {
color: #69B4FF; }

.input-listederoulante-petit {
color: #69B4FF; font-size: 1.06em; font-family: Arial Narrow; margin: 0px;}

.boite-sejours {
width: 265px; 
height: 90px; 
margin: 0px 0px 0px -6px; 
padding: 8px 0px 0px 9px;
background: transparent url(../img/ap-sejours---.gif) no-repeat top left;
line-height: 1em;
 }
.boite-sejours form {
margin: 0px;
padding: 0px; }

.haut {
vertical-align: top;
padding-top: 2px;
}

.texte-sejours {
margin-left: 15px;
margin-right: 15px;
text-align: justify; }

/*****************************/
/* MENUS                                       */
/*****************************/
.nav, .nav ul {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
z-index: 2000;
}

.nav a {
display: block;
color: white;
}

.nav a:hover{
}

.nav li {
float: left;
}

.nav li ul li {
width: 18.4em;
border-bottom: 1px solid #7faae5;
border-right: 1px solid #7faae5;
border-left: 1px solid #7faae5;
}

.listeconnect  li a{font-size: 1.3em;}
.listeconnect  li ul li a{font-size: 1em; }
.listeconnect li ul li{ width: 12em;}
.listeconnect li a, .listeconnect ul li ul li a{ color: white; text-decoration: none;}

.nav li ul li a {
border-right : none;
background-color: #74bff8;
padding: 2px;
}

.nav li ul li a:hover{
	background-color: #94d0fd;
}

.nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	border-right: none;
	padding-top: 5px;
}

.nav li:hover ul {
	left: auto;
	width: 16.7em;
}

.nav li:hover ul, .nav li.sfhover ul {
	left: auto;
	width: 16.7em;

}

.m-guide,.m-sej{
width: 10.2em;
left: auto;
}

/*******************************************/
/* SECTION 1 - PAGE PRINCIPALE  */
/*******************************************/
body {font-size: 62.5%; margin: 0em auto; padding: 0px; font-family: myriad, arial, tahoma, verdana, sans-serif; 
background-image: url(../img/arriere-plan.jpg);
background-position : top center ;
background-attachment: fixed; 
background-color: #949ca4;
background-repeat: no-repeat;
}
.page-container {width: 970px; margin: 0px auto; margin-bottom: 20px; padding: 0px; }

.gris { color: #4B4B4B;}
/********************************/
/* SECTION 2 - CONTENU - HEADER */
/********************************/
/* bouton ok */
.formulairelogin {
margin: 0px;
padding: 0px;
}

.ok {
   width: 32px;
   height: 23px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(../img/ok2.gif) no-repeat top left ;/* on place l'image en arrière plan */
   /* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.okcompletion {
   width: 15px;
   height: 20px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(../img/autocompletion.gif) no-repeat top left ;/* on place l'image en arrière plan */
   /* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}

.ok:hover {
   background-position: -32px 0px;/* On déplace l'image d'arrière plan pour donner l'effet */
}
/* Ombres */
.o1 {
	float:left;
	background: url(../img/shadow.gif) no-repeat right 100%;
	margin: 0px 0px 6px 0;
}

.o2 {
	background:url(../img/corner_bl.gif) no-repeat bottom left;
}

.o3 {
	padding:0 6px 6px 0;
	background:url(../img/corner_tr.gif) no-repeat top right;
}




/*---------------------------------------------------------*/
/* Section 2.1 Menu de navigation */
/*---------------------------------------------------------*/
.nav-global-container {position: absolute; z-index: 3; width: 970px; top: 5px; background-color: transparent;}
.nav-global {float: right; width: 970px; margin: 0px; padding: 0px; background-color: transparent;}	
.nav-global ul {float: right; display: inline; list-style: none; margin: 0px; padding: 0px;}	
.nav-global li {display: inline; white-space: nowrap; text-transform: none;}
.nav-global li a {display: inline; margin: 0px; padding: 0px 4px 0px 4px; border-left: solid 1px rgb(100,100,100); color: rgb(100,100,100); text-decoration: none; font-size: 110%;}
.nav-global a:hover {background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline;}
.img-flag {display: inline; vertical-align: text-bottom; height: 1.0em; margin: 0px; padding: 0px; border: solid 1px rgb(0,0,0);}
.img-flag2 {display: inline; vertical-align: text-bottom;  margin: 0px; padding: 0px; border: none;}

/*-------------------------------------------------------------*/
/* Section 2.2 - Nom du site et bannière */
/*-------------------------------------------------------------*/
.site-name  {clear: both; float: left; position: absolute; z-index: 2; width: 700px; top: 20px; margin: 0px; padding-left: 17px; background-color: transparent; color: rgb(255,255,255); font-weight: bold; font-size: 24px;}
.site-skieur  {float: left; position: absolute; z-index: 1; width: 700px; top: -7px; left: -3px; margin: 0px; padding: 0px 0px 0px 3px; background-color: transparent;}
.site-slogan  {float: left; position: absolute; z-index: 1; width: 700px; top: -20px; left: 42px; margin: 0px; padding: 0px 0px 0px 3px; background-color: transparent; color: rgb(204,216,228); font-weight: bold; font-size: 14px;}
.contentbox-rechercher{width: 468px; height: 60px; margin: 0px; padding: 0px; float: right; position: absolute; z-index: 1; top: 12px; right: -251px; font-size: 0.64em; color: white; text-decoration: bold;}
.contentbox-connexion{width: 220px; height: 20px; margin: 0px; padding: 0px; float: right; position: absolute; z-index: 1; top: 73px; right: -257px; font-size: 0.64em; color: white; text-decoration: bold;}
.contentbox-connexiontxt{width: 230px; height: 20px; margin: 0px; padding: 0px; float: right; position: absolute; z-index: 1; top: 131px; right: 26px; font-size: 0.64em; color: white; text-decoration: bold;}

.site-logo  {float: right; position: absolute; z-index: 1; width: 468px; height: 60px; top: 12px; right: -253px; margin: 0px; padding: 0px 0px 0px 0px;}
.img-header {clear: both; float: left; width: 970px; height: 100px; margin: 0px; padding: 0px;}
.site-slogan2  {float: left; position: absolute; z-index: 1; width: 700px; top: 10px; left: 550px; margin: 0px; padding: 0px 0px 0px 3px; background-color: transparent; color: rgb(204,216,228); font-weight: bold; font-size: 14px;}

/*-------------------------------------------------------------------*/
/* Section 2.3 - Menu de navigation principal*/
/*-------------------------------------------------------------------*/
.nav-main {clear: both; float: left; width: 970px;  height: 28px; line-height: 2.0em; margin: 0px; padding: 7px 0px 0px 0px; border-top: solid 1px #b2cefe;  background-color: #74bff8;
background-image: url(../img/bg-menu.png); background-repeat: repeat-x; } /*rgb(159,182,213); Use background-color: rgb(176,207,106);	for green */
.nav-main ul {list-style: none; margin: 0px; padding: 0px; font-weight: bold;}	
.nav-main li {float: left; white-space: nowrap; background-color: inherit;}
.nav-main li a {margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 1px rgb(255,255,255); color: rgb(255,255,255); font-size: 1.62em; text-decoration: none; }
.nav-main a:hover, .nav-main a.selected { background-color: inherit; color: rgb(75,75,75); text-decoration: none;}
.buffer {float: left; width: 970px; height: 25px; margin: 0px; padding: 0px; padding-top: 1px; background-color: rgb(255,255,255); text-align: right;}
.buffer2 {float: right; width: 970px; height: 10px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);}

* html .nav-main {height: 2.4em;} /* IE6 */ 

/*******************************************************************/
/* SECTION 3 - BARRE LATERALE PAGE ACCUEIL */
/*******************************************************************/
.sidebanner-frontpage {clear: both; float: left; width: 160px; margin: 0px; padding: 0px;}
.img-sidebanner {width: 160px; margin: 0px; padding: 0px; border: none;}
.sidebanner2-frontpage {clear: both; float: left; width: 160px; margin: 0px; padding: 0px;}
.img-sidebanner2 {width: 160px; margin: 0px; padding: 0px; border: none;}


/************************************************/
/* SECTION 4 - SOUS-NAVIGATION */
/************************************************/
.nav-sub {clear: both;  width: 160px; min-height: 180px; float: left; margin: 0px; padding: 0px;
background-color: white;}
.nav-sub2 {clear: both;  width: 160px; min-height: 180px; float: left; margin: 0px; padding: 0px;}

.nav-sub ul {float: left; list-style: none; width: 160px; margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200);}	

.nav-sub li {margin: 0px; padding: 0px;}

.nav-sub li.title {vertical-align: top; margin: 0px; padding: 0px 5px 4px 20px; color: rgb(100,100,100); text-transform: uppercase; font-weight: bold; font-size: 150%;}


.nav-sub li a {
display: block; 
min-height: 1.5em; 
line-height: 1.5em; 
margin: 1px 0px 1px 0px; 
padding: 0px 7px 0px 24px; 
border-left: none;  
background-image:url(../img/non-selection.gif); 
background-repeat:no-repeat; 
color: rgb(100,100,100); 
text-decoration: none; 
font-size: 120%;}

.nav-sub li.group a {
display: block; 
min-height: 1.5em; 
line-height: 1.5em; 
margin: 1px 0px 1px 0px; 
padding: 0px 7px 0px 20px; 
border-top: solid 1px rgb(200,200,200);  
border-left: none;  
background-image:url(../img/non-selection-groupe.gif); 
background-repeat:no-repeat; 
color: rgb(100,100,100); font-weight: bold; font-size: 120%;}

.nav-sub li.group a.selected {
display: block; 
min-height: 1.5em; 
line-height: 1.5em; 
margin: 1px 0px 1px 0px; 
padding: 0px 7px 0px 20px; 
border-top: solid 1px rgb(200,200,200);  
border-left: none;  
background-image:url(../img/selection-groupe.gif); 
background-repeat:no-repeat; background-position:0px 0px ; 
color: rgb(0,0,0); font-weight: bold; font-size: 120%;}

.nav-sub li.group a:hover {
border-left: none;  
background-image:url(../img/selection-groupe.gif); 
background-repeat:no-repeat; background-position:0px 0px ; 
color: rgb(0,0,0); text-decoration: none;}
.nav-sub li a:hover, .nav-sub li a.selected {
border-left: none;  
background-image:url(../img/selection.gif); 
background-repeat:no-repeat; 
background-position:0px 0px ; color: rgb(0,0,0); text-decoration: none;}
* html .nav-sub {height: 500px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li.group a {height: 1.5em;} /* IE6-hack for min-height. Also works for IE7-Beta2 */	
* html .nav-sub li a {height: 1.5em;} /* IE6-hack for min-height. Also works for IE7-Beta2 */

/*******************************************************************/
/* SECTION 5 - CONTENANT POUR CONTENU ET BARRE LATERALE            */
/*******************************************************************/

.container-content-sidebar-front {float: left; width: 809px; min-height: 0px; margin: 0px; padding: 0px 0px 20px 1px; background-color: rgb(255,255,255); background-color: white;}
.container-content-sidebar-front-forum {float: left; width: 968px; min-height: 0px; margin: 0px; padding: 0px 0px 0px 1px; background-color: rgb(255,255,255);}

.container-content-sidebar {float: left;width: 802px; min-height: 0px; margin: 0px; padding: 0px 0px 20px 0px; border-left: solid 1px rgb(200,200,200); background-color: rgb(255,255,255);}
* html .container-content-sidebar-front {height: 0px;}/* IE6-hack for min-height. Also works for IE7-Beta2 */ 
* html .container-content-sidebar {height: 0px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */ 

/********************************/
/* SECTION 6A - CONTENU PAGE #1 */
/********************************/
.content {float: left; width: 594px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color: rgb(75,75,75);} 
.content-sejours {float: left; width: 768px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color: rgb(75,75,75);} 
.contentforum {float: left;  width: 765px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color: rgb(75,75,75);}
.content3 {float: left; width: 600px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color: rgb(75,75,75);} /* Width should be 444px, but IE-duplication bug forces us to reduce with 6px to 438px */
.content4 {float: left; width: 760px; margin: 0px; padding: 0px 0px 0px 20px; background-color: transparent; color: rgb(75,75,75);} /* Width should be 444px, but IE-duplication bug forces us to reduce with 6px to 438px */


.contentbox-container {clear: both; float: left; width: 594px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.contentbox-container-sejours {clear: both; float: left; width: 768px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.contentbox-container-fichesejours {clear: both; float: left; width: 630px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */

.contentbox-container-meteo {clear: both; float: left; width: 550px; margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.contentbox-meteo {width: 270px; margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none;}
.contentbox-meteo-total {width: 540px; margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none;}

.contentbox-container-news {clear: both; float: left; width: 388px; margin: 0px 0px 0px 0px; padding: 0px; } /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.contentbox-container-newsgauche {float: left; width: 388px; margin: 0px; padding: 0px; }
.contentbox-container-newsdroite {float: right; width: 205px; margin: 0px; padding: 0px; }
.contentbox-container3 {clear: both; float: left; width: 580px; margin: 0px 0px 10px 0px; padding: 0px;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.contentbox-full {width: 594px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.contentbox-full-fichesejours {width: 630px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.contentbox-sejours {width: 768px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.contentbox-full2 {width: 600px; margin: 0px; padding: 0px;}
.contentbox-half-left {float: left; width: 291px; margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.contentbox-half-right {float: right; width: 291px; margin:  0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.contentbox-third-left {float: left; width: 136px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.contentbox-third-middle {float: left; width: 142px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.contentbox-third-right {float: right; width: 136px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.contentbox-third-left2 {float: left; width: 191px; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;}
.contentbox-third-middle2 {float: left; width: 191px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.contentbox-third-right2 {float: right; width: 191px; margin: 0px; padding: 0px 0px 0px 0px;}
.contentbox-news-gauche {float: left; width: 388px; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px;}
.contentbox-news-droite {float: right; width: 205px; margin: 0px 0px 0px 0px; padding: 0px 0px 6px 0px;}


/********************************/
/* SECTION 6B - CONTENU PAGE #2 */
/********************************/
.content2 {float: left; width: 573px; min-height: 500px; margin: 0px; padding: 0px 20px 0px 20px; border-left: solid 1px rgb(200,200,200); background-color: transparent; color: rgb(100,100,100);} /* Width should be 579px, but IE-duplication bug forces us to reduce with 6px to 573px */
.contentbox2-container {clear: both; float: left; width: 570px; margin: 0px 0px 10px 0px; padding: 0px;} /* Width should be 573px, but IE-duplication bug forces us to reduce with 3px to 570px */
.contentbox2-full {float: left; width: 569px; margin: 0px 0px 15px 0px; padding: 0px;}
.contentbox2-half-left {float: left; width: 280px; margin: 0px 0px 15px 0px; padding: 0px;}
.contentbox2-half-right {float: right; width: 280px; margin: 0px 0px 15px 0px; padding: 0px;}
.contentbox2-third-left {float: left; width: 180px; margin: 0px 15px 0px 0px; padding: 0px;}
.contentbox2-third-middle {float: left; width: 180px; margin: 0px 10px 0px 0px; padding: 0px;}
.contentbox2-third-right {float: right; width: 180px; margin: 0px; padding: 0px;}
* html .content2 {height: 500px;} /* IE6-hack for min-height. Also works for IE7-Beta2 */

/************************************/
/* SECTION 6C - CONTENU PAGE COMMUNE */
/************************************/
/*--------------------------------------------------*/
/* Section 6C.4 - Titre Page & boites */
/*--------------------------------------------------*/
.content-pagetitle, .content-pagetitle p, .content .content-pagetitle p, .content .content-pagetitle {width: 100%; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; background-color: transparent; border-bottom: solid 0px rgb(200,200,200); color: rgb(100,100,100); text-transform: uppercase; font-weight: bold; font-size: 20px;}
.content-gauche {width: 100%; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; background-color: transparent; color: rgb(100,100,100);}

.contentbox-title-noshading-small {margin: 0px 0px -5px 0px; padding: 0px; background-color: #ffffff; color: rgb(75,75,75); font-weight: bold; font-size: 130%;}
.contentbox-title-noshading-medium {margin: 0px 0px -5px 0px; padding: 5px; background-color: #ffffff; color: rgb(75,75,75); font-weight: bold; font-size: 150%;}
.contentbox-title-noshading-large {margin: 0px 0px -5px 0px; padding: 0px; background-color: #ffffff; color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-noshading-huge {margin: 0px 0px -5px 0px; padding: 0px; background-color: #ffffff; color: rgb(75,75,75); font-weight: bold; font-size: 180%;}
.contentbox-title-shading-small {margin: 0px; padding: 4px 0px 4px 1px; background-color: rgb(222,220,242); color: rgb(75,75,75); font-weight: bold; font-size: 130%; border : 1px transparent;  }
.contentbox-title-shading-medium {margin: 0px; padding: 11px 0px 5px 15px; border-bottom: none; height: 20px; background-color: rgb(222,220,242); color: rgb(75,75,75); font-weight: bold; font-size: 160%;}
.contentbox-title-shading-large {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242); color: rgb(75,75,75); font-weight: bold; font-size: 170%;}
.contentbox-title-shading-huge {margin: 0px; padding: 1px 0px 2px 3px; background-color: rgb(222,220,242);color: rgb(75,75,75); font-weight: bold; font-size: 180%;}
.contentbox-bas-shading {margin: -16px 0px 0px 0px; padding: Opx; height: 30px; border-bottom: none;  background-position: 0px 0px 0px 1px; background-color: rgb(222,220,242); color: rgb(75,75,75);}

.contentbox-title-shading-small a h2,
.contentbox-title-shading-medium a h2,
.contentbox-title-shading-large a h2 {text-decoration: none; color: rgb(75, 75, 75);}

.contentbox-title-shading-small a h1,
.contentbox-title-shading-medium a h1,
.contentbox-title-shading-large a h1 {text-decoration: none; color: rgb(75, 75, 75);}

.contentbox-title-shading-small a:hover,
.contentbox-title-shading-medium a:hover,
.contentbox-title-shading-large a:hover {text-decoration: none; color: rgb(75, 75, 75);}

.contentbox-noshading {margin: 0px; padding: 8px 15px 11px 15px; background-color: #ffffff; border:1px solid #f0f0f0; border-bottom: none; border-right: none; border-top: none; }
.contentbox-shading {margin: 0px; padding: 8px 20px 10px 15px;  border-left:1px solid rgb(200,200,200);  border-top: none; border-bottom: none; border-right: none;}

/*---------------------*/
/* Section 6C.4 - Text e*/
/*---------------------*/
/* Headers */
h1 {font-size: 1em; margin: 0px; padding: 0px;}
h2 {font-size: 1em; margin: 0px; padding: 0px;}
h3 {font-size: 1em; margin: 0px; padding: 0px;}
h4 {font-size: 1em; margin: 0px; padding: 0px;}
h5 {font-size: 1em; margin: 0px; padding: 0px; font-weight: normal;}
h6 {font-size: 1em; margin: 0px; padding: 0px;}

/* Paragraphes */
p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 130%; }
.content p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 13px; }
.content h1 p {margin: 0px 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 21px; font-weight: bold; }
p.readmore {margin: -0.2em 0px 0.5em 0px; padding: 0px; line-height: 1.2em; font-size: 110%; }
p.quote {margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;}
p.forumderniersposts {margin: 0px 0px 0px 0px; padding: 0px; line-height: 1em; font-size: 130%;}
p.forumderniersposts a:link {text-decoration : none;}
p.forumderniersposts a:hover {text-decoration : underline;}
p.forumderniersposts a:visited {text-decoration : none;}


.embed {float: left; width: 120px; margin: 7px 7px 5px 0px; padding: 5px 5px 5px 5px; background-color: rgb(238,237,249); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
.embed-caption {float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Listess */
.content ul.noindent, .content2 ul.noindent {margin: 0px 0px 7px 15px; padding: 0px; list-style-type: disc; list-style-position: outside; font-size: 120%;}
.content ul.indent, .content2 ul.indent {margin: 0px 0px 7px 15px; padding: 0px 0px 0px 15px; list-style-type: disc; font-size: 120%;}
.content ol, .content2 ol {margin: 0px 0px 0px 9px; padding: 0px 0px 0px 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}

/* Liens Listes */
.content ul.linklist-noindent, .content2 ul.linklist-noindent {margin: -0.3em 0px 0.5em 0px; padding: 0px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
.content ul.linklist-indent, .content2 ul.linklist-indent {margin: -0.3em 0px 0.5em 0px; padding: 0px 0px 0px 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }

/*-----------------------*/
/* Section 6C.5 - Tables */
/*-----------------------*/
.table {clear: left; margin: 0 0px 0px 0px; border: none; empty-cells: show; border-collapse: collapse;  font-size: 1em;}
.table tr {margin: 0px; padding: 0px; border: none; font-size: 1em;}
.table td{padding: 2px 7px 2px 7px; border: none; text-align: left; font-size: 1em; }
.table th {margin: 0px; padding: 2px 7px 2px 7px; border: solid 0px #ffffff; empty-cells: show; text-align: left;	font-size: 1.05em}
p.table-caption {margin: 0px 0px 1.0em 30px; padding: 0px; clear: both; text-align: left;}

/*-----------------------*/
/* Section 6C.6 - Images */
/*-----------------------*/
.img-left-noborder {float: left; margin: 2px 7px 3px 0px;}
.img-right-noborder {float: right; margin: 2px 0px 3px 7px;}
.img-left-border {float: left; margin: 4px 7px 3px 0px; border: solid 1px rgb(150,150,150);}
.img-right-border {float: right; margin: 2px 0px 3px 7px; border: solid 1px rgb(150,150,150);}

/***********************/
/* SECTION 7 - barre laterale */
/***********************/
/*-----------------------------------------------*/
/* Section 7.1 - taille                           */
/*-----------------------------------------------*/


.sidebar {float: right; width: 170px; margin: 0px 0px 0px 10px; padding: 1.1em 0px 0px 0px; background-color: rgb(255,255,255); text-align: left;  color: rgb(75,75,75);} /* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */
.sidebargauche {float: left; width: 170px; margin: 0px 0px 0px 10px; padding: 1.1em 0px 0px 0px; background-color: rgb(255,255,255); text-align: left;  color: rgb(75,75,75);} /* Actual width should be: 175px, but because of IE-bug we reduce with 6px so that container has some free space) */

.sidebarbox-noborder {width: 155px; margin: 0px 0px 1.5em 9px; padding: 0px;}
.siderbarbox-container-ombre {float: left; width: 145px; margin: 0px; padding: 0px 0px 0px 0px;} /* Width should be 438px, but IE-duplication bug forces us to reduce with 3px to 435px */
.sidebarbox-border {width: 145px; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 5px; border: none; }

.sidebarbox-title-noshading {display: block; margin: 0px 0px 2px 0px; padding: 0px; background-color: transparent; font-weight: bold; font-size: 110%;}
.sidebarbox-title-shading {display: block; margin: -5px -5px 0px -5px; padding: 6px 8px 5px 14px; background-color: rgb(225,225,225); font-weight: bold; font-size: 140%; border: none;}
.sidebarbox-title-shadingbas {display: block; margin: 0px -5px -5px -5px; padding: 0px; background-color: rgb(225,225,225); font-weight: bold; font-size: 140%; border: none;}

.sidebarbox-noborder p {margin: 0px 5px 0.4em 5px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 110%;}
.sidebarbox-border p {margin: 6px 6px 6px 6px; padding: 0px; background-color: transparent; line-height: 1.2em; font-size: 110%;}

/**********************/
/* SECTION 8 - FOOTER */
/**********************/
.footer {clear: both; width: 970px; height: 45px; margin: 0px; padding: 1.5em 0px 0em 0px;  color: rgb(255,255,255);}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 120%;}

/***************************************************/
/* SECTION 9 - liens autres */
/***************************************************/
.content a, .content2 a, .sidebar a , .contentbox-connexiontxt a{color: #69B4FF; text-decoration: none;} /*#2686E6 bleu foncé */
a.liennormal {color: #69B4FF; text-decoration: none;}
.commentaire  a {color: #69B4FF; text-decoration: none;} /*#2686E6 bleu foncé */
.content a:hover, .content2 a:hover, .sidebar a:hover , .contentbox-connexiontxt a {color: orange; text-decoration: underline;}
a.liennormal:hover{color: orange; text-decoration: none;}
.content a:visited, .content2 a:visited,sidebar a:visited , .contentbox-connexiontxt a:visited {}
a.liennormal:visited{} 
.footer a {color: rgb(255,255,255); text-decoration: none;}
.footer a:hover {color: rgb(0,0,0); text-decoration: underline;}

/********************************/
/* SECTION 10 - GENERIQUES */
/********************************/
/*------------------------------------------*/
/* Section 10.1 - tailles polices defaut */
/*------------------------------------------*/
.nav-global-font {font-size: 1.0em;}
.nav-main-font {font-size: 11px;}
.nav-sub-font {font-size: 1.0em;}
.content-font {font-size: 1.0em;}
.sidebar-font {font-size: 1.0em;}
.footer-font {font-size: 1.0em;}

/*-------------------------------------*/
/* Section 10.2 -  box */
/*-------------------------------------*/
.box-on {float: left; min-width: 0.5em; margin-right: 0.2em; padding-left: 0.3em;}


/*--------------------------------------*/
/* Section 10.3 - H alignements */
/*--------------------------------------*/
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}

.bg-total-haut {background:url(../img/total-haut.gif) no-repeat;}
.bg-total-milieu-blanc {background:url(../img/milieu-blanc.gif) repeat-y right;}
.bg-total-bas-blanc {background:url(../img/total-bas-blanc.gif) no-repeat right;}

.bg-fichesejours-haut {background:url(../img/fichesejours-haut.gif) no-repeat;}
.bg-fichesejours-milieu-blanc {background:url(../img/milieu-blanc.gif) repeat-y right; padding-left: 1px; padding-right: 12px;}
.bg-fichesejours-bas-blanc {background:url(../img/fichesejours-bas-blanc.gif) no-repeat right;}

.bg-sejours-haut {background:url(../img/sejours-haut-rez.gif) no-repeat;}
.bg-sejours-milieu-blanc {background:url(../img/milieu-blanc.gif) repeat-y right;}
.bg-sejours-bas-blanc {background:url(../img/sejours-bas-blanc.gif) no-repeat right;}

.bg-news-haut {background:url(../img/news-haut.gif) no-repeat;}
.bg-news-milieu-blanc {background:url(../img/milieu-blanc.gif) repeat-y right;}
.bg-news-bas-blanc {background:url(../img/news-bas-blanc.gif) no-repeat right;}

.bg-demi-haut {background:url(../img/demi-haut.gif) no-repeat;}
.bg-demi-milieu-blanc {background:url(../img/milieu-blanc.gif) repeat-y right;}
.bg-demi-bas-blanc {background:url(../img/demi-bas-blanc.gif) no-repeat right;}

.bg-tiers-haut {background:url(../img/tiers-haut.gif) no-repeat;}
.bg-tiers-milieu-blanc {background:url(../img/milieu-blanc.gif) repeat-y right;}
.bg-tiers-bas-blanc {background:url(../img/tiers-bas-blanc.gif) no-repeat right;}

.bg-entier-haut {background:url(../img/entier-haut.gif) no-repeat;}
.bg-haut {background:url(../img/sidebar-haut.gif) no-repeat;}
.bg-milieu{background:url(../img/sidebar-milieu.gif) repeat-y;}
.bg-footer{background-color: none;}
.bg-bas {background:url(../img/sidebar-bas.gif) no-repeat;}



/* SEJOURS */

.sej-rez-haut{background-image: url(../img/sejours-haut.gif);background-repeat: no-repeat; background-position: top-left; CELLSPACING: 0px; border: 0px; width: 100%;}
.sej-moteur{background-image: url(../img/ap_moteur.gif);background-repeat: no-repeat; background-position: top-left; CELLSPACING: 0px; border: 0px; width: 385px; margin-top: 8px;}
.sej-moteur-td{padding-top: 8px; padding-left: 13px; }
.sej-tab{background-image: url(../img/sejours-milieu.gif);background-repeat: repeat-y; background-position: top-left; CELLSPACING: 0px; border: 0px; width: 100%;}
.sej-lib-stat{vertical-align: top; padding-left: 20px; padding-top: 5px;}
.sej-txt-stat{font-size: 1.4em;}
.sej-rez-lib{font-size: 1.9em;}
.sej-tab-img-stat{padding-right: 30px;padding-top: 5px;}
.sej-txt-droite{text-align:right;}
.sej-img-stat { width:110px; border: solid 1px rgb(150,150,150);}
.sej-tab-img-rez{vertical-align: top; padding-left: 20px;}
.sej-img-rez{width:260px; border: solid 2px rgb(150,150,150);}
.sej-2-img-rez{width:400px; border: solid 2px rgb(150,150,150);}
.sej-rez-descriptif{vertical-align: middle; padding-right: 25px; padding-left: 5px;}
.sej-just{text-align: justify;}
.sej-rez-tab-avis{vertical-align: top; padding-right: 25px; padding-left: 20px;}
.sej-tab-offres{padding-top: 15px; CELLSPACING: 0px; border: 0px; width: 100%; margin-left: 20px; margin-right: 25px; width: 92.5%;}
.sej-td-offres{vertical-align: top; padding-top: 15px; border-top: 4px dotted #ffcd6e;}
.sej-2-td-offres{vertical-align: top; padding: 15px; padding-top: 10px; padding-bottom: 10px; border: 4px dotted #ffcd6e;}
.sej-offres-avis{vertical-align: top; padding-left: 20px;}
.sej-offres-liens{vertical-align: top; padding-left: 20px;}
.sej-liste-deroulante{vertical-align: top;}
.sej-select{width:100%; font-size: 1em; color: #4B4B4B;}
.sej-offres-prix-bas{vertical-align: top; color: rgb(255,136,17);}
.sej-prix-gros{font-size: 1.4em;}
.sej-tableau-bas{background-image: url(../img/sejours-bas.gif); background-repeat:no-repeat; background-position: top-left; width: 100%;}
.sej-promo-gros{font-size: 2em;}
.sej-boutons{margin-top: 15px; margin-bottom: -18px; border: none;}
.sej-pages-grd{font-size: 1.2em;}
.sej-pages-tab{width: 100%}
.sej-pages-rez{width: 18%; vertical-align: top;}
.sej-recherche-full{margin-top:12px;}
.sej-tab-recherche{background-image: url(../img/ap-mini-formulaire.gif);background-repeat: no-repeat; background-position: 0px 3px; padding-left: 7px;}
.sej-recherche-petit{margin-top: 7px;}
.neige-couleur{ }
.sej-2-tab{background-image: url(../img/sejours-milieu.gif);background-repeat: repeat-y; background-position: top-left; CELLSPACING: 0px; border: 0px; width: 100%;}
.sej-2-lib-stat{vertical-align: top; padding-left: 20px; padding-top: 5px;}
.sej-2-txt-stat{font-size: 1.8em;}
.sej-2-rez-lib{font-size: 2.4em;}
.sej-2-tab-img-stat{padding-right: 30px;padding-top: 5px;}
.sej-2-txt-droite{text-align:right;}
.sej-2-img-stat { height: 40px; border: solid 1px rgb(150,150,150);}
.sej-2-tab-img-rez{vertical-align: top; padding-left: 20px;}
.sej-2-img-rez{width:400px; border: solid 2px rgb(150,150,150);}
.sej-2-rez-descriptif{vertical-align: middle; padding-right: 25px; padding-left: 5px;}
.sej-2-just{text-align: justify;}
.sej-2-rez-tab-avis{vertical-align: top; padding-right: 25px; padding-left: 20px;}
.sej-2-tab-offres{padding-top: 15px; CELLSPACING: 0px; border: 0px; width: 100%; margin-left: 20px; margin-right: 25px; width: 92.5%;}
.sej-2-td-offres{vertical-align: top; padding: 15px; padding-top: 10px; padding-bottom: 10px; border: 4px dotted #ffcd6e;}
.sej-2-offres-avis{vertical-align: top; padding-left: 20px;}
.sej-2-offres-liens{vertical-align: top; padding-left: 20px;}
.sej-2-liste-deroulante{vertical-align: top;}
.sej-2-select{width:100%; font-size: 1em; color: #4B4B4B;}
.sej-2-offres-prix-bas{vertical-align: top; color: rgb(255,136,17);}
.sej-2-prix-gros{font-size: 1.4em;}
.sej-2-tableau-bas{background-image: url(../img/sejours-bas.gif); background-repeat:no-repeat; background-position: top-left; width: 100%;}
.sej-2-promo-gros{font-size: 2em;}
.sej-2-boutons{margin-top: 15px; margin-bottom: -18px; border: none;}
.sej-2-pages-grd{font-size: 1.2em;}
.sej-2-pages-tab{width: 100%}
.sej-2-pages-rez{width: 18%; vertical-align: top;}
.sej-2-recherche-full{margin-top:12px;}
.sej-2-tab-recherche{background-image: url(../img/ap-mini-formulaire.gif);background-repeat: no-repeat; background-position: 0px 3px; padding-left: 7px;}
.sej-2-recherche-petit{margin-top: 7px;}
.orange{color: rgb(255,136,17);}
.sej-2-bas-reserv{width: 100%}
.centre{text-align: center; }
.droite{text-align: right;}
.tab-g-h, .tab-g-h p{vertical-align:middle; padding :0px;  margin: 0px; font-size: 13px;}
.haut{vertical-align:top;}
.gris{font-size: 0.9em; color: #4B4B4B;}
.lien-gris a:hover,.lien-gris a:visited{text-decoration: none;}

.bg-blue01 {background:url(../img/titre-blocs-bleu.gif) no-repeat;}
.bg-blue01 {background:url(../img/titre-blocs-bleu.gif) no-repeat;}
.bg-blue01 {background:url(../img/titre-blocs-bleu.gif) no-repeat;}
.bg-blue01-relief {background-color: rgb(238,237,249);}
.bg-blue02 {background-color: rgb(222,220,242);}
.bg-blue03 {background-color: rgb(205,202,236);}
.bg-blue04 {background-color: rgb(189,185,229);}
.bg-blue05 {background-color: rgb(172,167,223);}
.bg-blue06 {background-color: rgb(155,149,217);}
.bg-blue07 {background-color: rgb(139,132,210);}
.bg-blue08 {background-color: rgb(122,114,204);}
.bg-blue09 {background-color: rgb(106,97,197);}
.bg-blue10 {background:url(../img/hautgauche.gif) repeat-x;}

.bg-green01 {background-color: rgb(237,246,229);}
.bg-green02 {background-color: rgb(220,238,204);}
.bg-green03 {background-color: rgb(202,229,178);}
.bg-green04 {background-color: rgb(185,220,153);}
.bg-green05 {background-color: rgb(167,211,127);}
.bg-green06 {background-color: rgb(149,203,102);}
.bg-green07 {background-color: rgb(132,194,76);}
.bg-green08 {background-color: rgb(114,185,51);}
.bg-green09 {background-color: rgb(97,177,25);}
.bg-green10 {background-color: rgb(79,168,0);}

.bg-red01 {background-color: rgb(252,235,233);}
.bg-red02 {background-color: rgb(248,216,211);}
.bg-red03 {background-color: rgb(245,196,188);}
.bg-red04 {background-color: rgb(242,177,166);}
.bg-red05 {background-color: rgb(238,157,144);}
.bg-red06 {background-color: rgb(235,137,122);}
.bg-red07 {background-color: rgb(232,118,100);}
.bg-red08 {background-color: rgb(229,98,77);}
.bg-red09 {background-color: rgb(225,79,55);}
.bg-red10 {background-color: rgb(222,59,33);}



/******************************/
/* SECTION 11 - divers*/
/******************************/
.showcode { font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);}
.clear {clear: both;}
.hide {display: none;}
br {clear: none;}

	
/*-------------------  HEADER ZONE VISUELLE  ---------------------*/
	
.header_home_france_dnas {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	background: none;
	}
	
.header_home_france_dnas object {
	float: left;
	margin: 0;
	padding: 0;
	}
	
.header_home_france_dnas h1 {
	text-indent: -5000px;
	height: 0px;
	}
	
	
.visuel_flash_dnas {
	float: right;
	padding: 0;
	margin: 0;
	width: 542px;
	height: 72px;
	background-color: #86a6d6;
	}
	
.logo_france_dnas {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	height: 72px;
	width: 348px;
	background: url('../images/home_2009/france_2009.gif') no-repeat;
	}

/*----------------------  BAS HEADER  ------------------------*/

.header_france_bottom_dnas {
	display: block;
	float: left;
	width: 890px;
	height: 20px;
	}
	
/* Autocompletion */
.update{
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
}

ul.contacts  {
	list-style-type: none;
	margin:0px;
	padding:0px;
	text-align: left;
}
ul.contacts li.selected { background-color: #ffb; cursor: pointer; }
li.contact {
	list-style-type: none;
	display:block;
	margin:0;
	padding:4px;
	height:19px;
}
li.contact div.image {
	float:left;
	width:32px;
	height:19px;
	margin-right:2px;
}
li.contact div.nom {
	font-weight:bold;
	font-size:11px;
	line-height:1.0em;
	text-align: right;
}


/* lightview.css
   http://www.nickstakenburg.com/projects/lightview
*/

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
	text-align:left;
}
.lv_MenuBar * { padding: 0; margin: 0; }

/* When the Menubar is at the top, on (ajax/iframe/inline) content,
   it will also have this style.
   The margins are removed here for better alignment, and since it's
   at the top we switch the inner margins to the other side.
*/
.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close, 
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

/* simulates padding-left inside .lv_Data */
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}

.lv_Data .lv_innerPrevNext, 
.lv_Data .lv_Slideshow {
	position: relative;
	border-left: 1px solid #efefef;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow { padding-right: 0px; }

.lv_Data .lv_innerPrevNext .lv_Button, 
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

/* the boxes that hold media or external content */
.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.navbarHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}
.case-enneigement,.case-enneigement a,.case-enneigement a:hover {font-size: 1.2em; color: orange; text-decoration: none;}