body {
	background-color:#fff;
	font-family:Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:small;
	margin:0;
	padding:0;
}
img {
	border: 0;
}
a {
	color: #064BA0;
	text-decoration: none;
}
a:hover {
	color: #064BA0;
	text-decoration: underline;
}
a.cadeaux { text-decoration: none; }
a.cadeaux:hover {text-decoration: none;}
table {
	border: 0;
	border-collapse: collapse;
}

td {
	padding: 0;
	font-family:Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 9pt;
}
div.titre_bandeau{
	padding: 0;
	font-family:Tahoma;
	color:#ffffff;
	font-size: 12pt;
	font-weight: bold;
	
}

a.lien_gauche{
text-decoration: none;
font-family:Tahoma;
color:#ffffff;
font-size: 10pt;

}
a.lien_gauche:hover{
text-decoration: underline;
font-family:Tahoma;
color:#ffffff;
font-size: 10pt;
}


h1 {
	font-size: 15pt;
	font-family:Tahoma,Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
	/*Hiver*/
	color: #064ba0;
	/*Printemps*/
	color: #074da1;
	margin: 10px 0px 3px 0px ;
}
h2 {
	font-weight: bold;
	text-align: left;
	font-size: 11pt;
	color: #000;
	margin: 0 ;
}
h3 {
	font-weight: bold;
	text-align: left;
	font-size: 8pt;
	color: #ae054b;
	margin: 0 ;
}
h4 {
	font-weight: bold;
	text-align: left;
	font-size: 8pt;
	color: #000;
	margin: 0 ;
}
h5 {
	font-weight: bold;
	text-align: left;
	font-size: 9pt;
	color: #000;
	margin: 0px 0px 10px 0px ;
}
h6 {
	font-weight: normal;
	text-align: right;
	font-size: 9pt;
	color: #777;
	margin: 15px 0px 0px 0px ;
}
.search {
	font-size: 8pt;
	/*border : solid 1px #000000;*/
}
.panier {
	font-size: 9pt;
	color: #fff;
	line-height:9.5pt
}
A.panier {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}
A.panier:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
	border-width: 1px;
}
.bas {
	font-size: 7.5pt;
	color: #787777;
	
}
A.bas {
	text-decoration: none;
}
A.bas:hover {
	border-bottom-style: dotted;
	border-width: 1px;
	color: #333;
}
.derniereminute {
	/*background-color: #C1D5F2;*/
	background-image:url(../images/encart/fond.gif);
}

.courtssejours {
	/*background-color: #C1D5F2;*/
	background-image:url(../images/encart/fond.gif);
}
.promotions {
	/*background-color: #C1D5F2;*/
	background-image:url(../images/encart/fond.gif);
}
.encartall {
	font-size: 8pt;
	text-align: center;
}
A.encartall {
	text-decoration: none;
}
A.encartall:hover {
	border-bottom-style: dotted;
	border-width: 1px;
	color: #00f;
}
td.encart {
	padding: 3px;

}
.encarttitre {
	font-size: 10pt;
	font-weight: bold;
}
.encartdescription {
	font-size: 8pt;
	color: #000;
}

.encartprix {
	font-size: 8pt;
	color: #f00;
	font-weight: bold;

}
A.encartdescription {
	text-decoration: none;
}
A.encartprix {
	text-decoration: none;
}
A.encarttitre:hover {
	text-decoration: none;
}
A.encartdescription:hover {
	color: #000;
}
A.encartprix:hover {
	color: #ff4e00;
}
.degradevert {
	background-image: url(../images/gauche/degrade-bleu.jpg);
	background-repeat: no-repeat;
}
.espaceperso {
	font-size: 8pt;
	color: #000000;
}
.help {
	font-size: 7pt;
	line-height:7.5pt;
	color: #ffffff;
}

.date {
	width: 150px;
	border-style: solid;
	padding: 20%;
	border-width: 1px;
	border-color: #d2df8b;
	background-image: url(../images/date/degrade.gif);
	background-repeat: repeat;

}
.champdate {
	background-color: #FFF; 
	border: 1px #959EAD solid;
	font-size: 9pt;
}
.criteressupplementaires {
	font-size: 8pt;
}
.iframecontent {
	width: 775px;
	height: 300px;
	border-width: 1px;
	border-color: #9eb800;
}
.iframepanier {
	width: 775px;
	height: 400px;
	border-width: 1px;
	border-color: #9eb800;
}
.iframeespace {
	width: 775px;
	height: 500px;
	border-width: 1px;
	border-color: #9eb800;
}
.tableau1 {
	background-color: #EFF2F7;
}
.tableau2 {
	background-color: #FFFFFF;
}
.price {
	font-size: 11pt;
	color: #ae054b;
	font-weight: bold;
}
.pricebarre {
    text-decoration:line-through;
    font-size: 9pt;
    font-weight: bold;
	color: black;
}
.pricept {
	font-size: 9pt;
	color: #ae054b;
}
.codelabel {
	font-size: 10px;
	color: #77890b;
}
.effacer {
	font-size: 7pt;
}
.justify {
	text-align: justify; 
}
.imgleft {
	margin: 0 10px 5px 0;
}
TABLE.dureeprix {
	width: 120px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-width: 1px;
	border-color: #9eb800;
	border-style:solid;
	background-color: #EFF2F7;
}
TD.dureeprix {
	padding: 10px;
	
}
TR.homelocation {
	background-color: #FFFAE3;
}
TR.homehotel {
	background-color: #FFFAE3;
}
TR.fonddegrade {
	background-image: url(../images/home/degrade_logos.gif);
	background-repeat: repeat;
}
.information {
	font-weight: normal;
	font-size: 8pt;
	margin-top: 1px
}
TD.gauchesejoursathemes {
	background-image: url(../images/gauche/sejoursathemes.png);
	background-repeat: no-repeat;
}
TD.gaucheinfospratiques {
	background-image: url(../images/gauche/infospratiques.gif);
	background-repeat: no-repeat;
}
.barreloisirs {
	background-image: url(../images/loisirs/fond.gif);
	background-repeat: repeat;
	height: 61px;
}
.barreloisirs2 {
	height: 61px;
}
.barresejours {
	background-image: url(../images/sejours/fond.gif);
	background-repeat: repeat;
	height: 61px;
}
.barresejours2 {
	height: 61px;
}
TD.fondvert {
	background-color: #EFF2F7;
}
TD.errorform {
	color: white;
	background-image: url(../images/errorfond.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 0px;
}
TD.errorform2 {
	color: white;
	background-image: url(../images/errorfond.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 2px;
}
TD.compform {
	color: black;
	background-image: url(../images/compfond.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 0px;
}
TD.compform2 {
	color: black;
	background-image: url(../images/compfond.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 2px;
}
P.messageerreur {
	background-image: url(../images/errorfond2.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-bottom: 20px;

}
P.compform {
	background-image: url(../images/compfond.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-bottom: 20px;

}

.searchletter {
	font-size: 8pt;
	text-align: center;
}
A.siteweb {
	background-image: url(../images/sitewebfond.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-left: 60px;
	padding-bottom: 3px;
	margin-bottom: 20px;
	text-decoration: none;

}
A.siteweb:hover {
	text-decoration: underline;
}

A.pubgdf {
padding: 0;
font-family:Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 9pt;
color: white;
text-decoration: none;
}
A.pubgdf:hover {
background-image: url(../images/logo_gdf.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-left: 15px;
padding-bottom: 0px;
margin-bottom: 20px;
text-decoration: none;
font-family:Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 9pt;
color: white;
text-decoration: underline;
}
A.pubcv {
font-family:Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 9pt;
color: white;
text-decoration: none;
}
A.pubcv:hover {
background-image: url(../images/logo_cv.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-left: 15px;
padding-bottom: 0px;
margin-bottom: 20px;
text-decoration: none;
font-family:Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 9pt;
color: white;
text-decoration: underline;
}

.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
font:normal 12px Arial,Verdana,Geneva,Arial,Helvetica,sans-serif;
font-color:black;
width:500px;
text-align: justify;
padding:4px;
margin-left:320px;
margin-top:-111px;
z-index: 500;
background-color: white ;
}

.bloclocations {
	font-size: 9pt;
	line-height:12pt;
	color: black;
	background-color: #fff8e8;
	padding:10px;
	border-style: solid ; border-top-color: #0C4FA2 ;
	border-right:none; border-bottom:none ; border-left:none ;

	
}
a.liens_loca {
font-size: 9pt;
color: #4274A8;
text-decoration: none;
}

A.liens_loca:hover {
	font-size: 9pt;
	color: ;
	text-decoration: underline;
}

.table_fixe {

table-layout:fixed;

}

#selecter {
	position:relative;
	width:200px;
	padding-left:0px;
	display:block;
	margin-bottom: 10px;

}


#selecter2 {
	position:relative;
	width:300px;
	padding-left:0px;
	display:block;
	margin-bottom: 10px;

}

#selecter ul {
	margin:0;
	padding:0;
	overflow-x: hidden;
	overflow-y : scroll; 
	height:100px;
	border:1px solid #a5acb2;
	background-color:#FFFFFF;
}

#selecter2 ul {
	margin:0;
	padding:0;
	overflow-x: hidden;
	overflow-y : scroll; 
	height:100px;
	border:1px solid #a5acb2;
	background-color:#FFFFFF;
}

#selecter li {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:5px;
	height:auto;
	width:100%;
}

#selecter2 li {
	margin:0px;
	padding:0px;
	list-style:none;
	margin-left:5px;
	height:auto;
	width:100%;
}

#selecter li a{
	margin:0px;
	padding:0px;
	display:block;
	width:99%;
}

#liste_communes {
width : 100%;
height : auto;
}

#liste_communes ul {
float : left;
width : auto;
height : auto;
margin-left : 10px; 
}

/*-------------Menu-------------------*/

#menu, #menu ul /* Liste */     
{
border: solid 1px #000000;
margin:0;
float:left;
padding : 0; /* pas de marge intérieure */
list-style : none; /* on supprime le style par défaut de la liste */
line-height : 15px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
         /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
         /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
		font-weight : bold;
		font-size : 13px;
		display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #e4eaf1; /* couleur de fond */        
        color : #0e5d86; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 109px;
		height:30px !important;
		height:40px;
		padding-top:10px;
}

#sous_menu a /* Contenu des listes */
{
        font-size:12px;
		font-weight:normal;
		display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
		padding-left:3px;
		padding-top:5px;
        background : #e4eaf1; /* couleur de fond */        
        color : #0e5d86; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 106px !important;
		width : 109px;
		height:20px !important;
		height:25px;
		vertical-align:middle;
}


#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff;
		vertical-align:middle; /* on met une bordure blanche à droite de chaque élément */
}
#menu span{
		display : block; 
        width : 109px;
		cursor : default;
}

#menu span.no_link{

		font-weight : bold;
		font-size : 13px;
        background : #e4eaf1; /* couleur de fond */        
        color : #0e5d86; /* couleur du texte */
        text-decoration : none;
        width : 109px;
		height:30px !important;
		height:40px;
		padding-top:10px;/* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}


#menu span.sous_titre{
		font-weight : normal;
		font-size : 12px;
		background : #d8ed0a; /* couleur de fond */        
		color : #333; /* couleur du texte */
		text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid #fff ; /* on met une bordure transparente à droite de chaque élément */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
		width: 109px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		margin-left:0px;
		margin-top: 0px;
		border-left     : 1px solid #fff ;
		border-right    : 1px solid #fff ;
}


#menu li ul li /* Éléments de sous-listes */
{
       	border-left     : 0px  ;
		border-right    : 0px  ;
		border-bottom : 1px solid #fff; 
}

#menu li ul li.sous_titre /* Éléments de sous-listes */
{
        background : #d8ed0a;
		width : 107px;
		font-weight : normal;
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ;
		border-left     : 1px solid #fff ;
		     /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
       /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid #fff ;
		border-right    : 1px solid #fff ; /* on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #e4eaf1; /* On passe le texte en noir... */
        background: #0e5d86; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
/*-------------Fin Menu-------------------*/