@charset "utf-8";
/* CSS Document */


body  {
	background-color: #D57D53;
	color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-align: center;
	/*background-image: url(../imagerie/photos/fond_body_dunes.jpg);
	background-repeat: no-repeat;*/
}

#conteneur {
	border: 2px solid #600;
	text-align: justify;
}

#entete {
	background-image: url(../imagerie/photos/photo_haut.jpg);
}

#menu, #menu ul /* Liste*/    
{
        padding : 0; /* pas de marge intérieure */
        margin : 0 0 0 1.3px; 
		list-style : none; /* on supprime le style par défaut de la liste */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
		
}

#menu /* Ensemble du menu */
{
	height: 8.7em;
	font-weight : bold; 
	font-family : Arial, sans-serif;
	font-size : 72%;

}
.menufr /* Image de fond menu France */
{
	background-image: url(../imagerie/photos/titre_fr.jpg);
}
.menues /* Image de fond menu Espagne */
{
	background-image: url(../imagerie/photos/titre_es.jpg);
}
.menuen /* Image de fond menu Angleterre */
{
	background-image: url(../imagerie/photos/titre_en.jpg);
}
#drapeaux{
	margin-right:2px;
}
.listemenu, #drapeaux{
	background-color:#7A3D3D;
	color:#FEF7D8;
	
}
#menu li a , #drapeaux /* Contenu des listes */
{
	display : block; /* marge intérieure */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	margin-top:3px;
	margin-left:1px;
	width : 7.850em; /* largeur  des éléments de liste*/
	/* Ombrage des éléments de liste*/
	-moz-box-shadow: 15px 10px 18px #D57D53;
	-webkit-box-shadow: 15px  10px 18px #D57D53;
	box-shadow: 15px 10px 18px #D57D53;
	padding: 4px;
}
#menu li ul li a /* Eléments de sous-liste */
{
	width : 13em;
	background-color:#FFF;
	background-image: url(../imagerie/photos/fond_bouton_sous_liste.jpg);
	color: #006;
		/* Ombrage des éléments de sous-liste*/
		-moz-box-shadow: 8px 8px 15px #D57D53;
		-webkit-box-shadow: 8px 8px 15px #D57D53;
		box-shadow: 8px 8px 15px #D57D53;
}

#menu li /* Elements des listes */      
{ 
        float : left;
		
 }


#menu li ul{ /* Sous-listes */
		position: absolute; /* Position absolue */
		width:13em;
        left: -999em; /* Hop, on envoie loin du champ de vision */
	  
}

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

#menu a:hover, #pied a:hover, #pied #adresse a:hover/* Lorsque la souris passe sur un des liens du menu, on change les couleurs du lien */    
{
	color:#7A3D3D;
	background-color:#FFF;
	background-image: url(../imagerie/photos/fond_bouton_liste_survol.jpg);	
}
#drapeaux a:hover{
	background-image:none;
	background-color:#7A3D3D;
}

#menu li ul li a:hover/* Lorsque la souris passe sur un des liens de la sous-liste, on change les couleurs de l'élément de la sous-liste  */
{
	color:#7A3D3D;
	background-image: url(../imagerie/photos/fond_bouton_sous_liste_survol.jpg);
}
#menu #actif .listemenu /* Lorsqu'une page est affichée, on change la position et les couleurs du lien de menu correspondant */ 
{
	color:#7A3D3D;
	background-color:#FFF;
	margin-top:10px;
	position:relative;
}

.pagesite li a{
	font-size:110%;
	list-style-image: url(../imagerie/photos/puce_palmier.gif);
}

.listesite li a{
	color: #804040;
	font-style: italic;
	text-align: left;
}
#drapeaux img,.drapeaupays, .imghaut, .palmierm, .palmierxld, .palmierxldmaison,.palmierxlg, .palmierxxld, .picto{
	border:0px;
}
#pays ul a{
	color: #600;
}

#promotion{
	font-size: 105%;
	font-weight: bold;
	border-top: 2px solid #600;
	border-bottom: 2px solid #600;
	background-color:#7A3D3D; 
	color:#FFC;
	
}

.pratique #page {
	background-image:url(../imagerie/photos/fond_gpratique.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
}

.accueil #page{
	background-image:url(../imagerie/photos/fond_gaccueil.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
}
#colgauche #plansite, #colgauche #societe{
	background-image:url(../imagerie/photos/fond_gaccueil.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
	font-size:80%;
}
#colgauche #hebergement, #colgauche #contact{
	background-image:url(../imagerie/photos/fond_ghebergement.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
}
#colgauche #activites{
	background-image:url(../imagerie/photos/fond_gactivites.jpg);
	background-repeat: repeat-x;
	overflow:hidden;
}
#itineraires{
	background-image:url(../imagerie/photos/fond_itineraires.jpg);
	background-repeat: repeat-y;
	overflow:hidden;
}
#plansite li a{
	color: #804040;
	text-decoration: none;
}
#plansite a{
	color: #24355B;
	font-size: 100%;
	font-weight: bold;
	text-decoration:none;
}
#plansite ul li {
	font-size:100%;
	font-weight: bold;
	}
#plansite li a:hover {
	background-color: #7A3D3D;
	color:#FFC;  
}
#coldroite{
	background-image: url(../imagerie/photos/fond_coldroite.jpg);
	overflow:hidden;
	}
#pied{
	background-color: #FC9; 
	color:#FFC; 
	font-size: 110%;
	border-right-width: 0px;
	border-bottom-width: 0.625em;
	border-left-width: 0px;
	border-style: solid;
	border-color: #7A3D3D;
}
#piedliens{
	background-color: #E4A281;
	border-width: 0px;
	border-style: none;
} 
#pied #adresse, #pied #copyright{
	background-color:#7A3D3D;
	color:#FFC;
	font-size:60%;
	text-align:center;
	}
	
 #pied #adresse a{
	 color:#FFC;
	 text-decoration:none;
	 }
#pied ul, #piedliens ul, .palmcentr{
	text-align: center;
	}
#pied ul a, #piedliens ul a{
	color: #966; 
	text-decoration: none;
	}
#pied ul li, #piedliens ul li{
	font-size: 70%;
}
.texte {
	font-size: 0.875em;
	color: #24355B;
	}
.textegros{
	font-size:108%;
	font-weight: bold;
}
.textetarif{
	color: #804040;
	font-size: 60%;
	font-weight: bold;
	font-style: italic;
}			
.texteliste li {
	color: #804040;
	font-size: 0.875em;
	font-weight: bold;
	font-style: normal;
	/*list-style-image: url(../imagerie/photos/puce_drompalmier.gif);*/
	}
.textelien {
	color: #804040;
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	}
.liendanstexte{
	color: #804040;
	font-size: 1em;
	font-weight: bold;
	
	font-style: italic;
	}
.italic{
	font-style: italic;
	}
.defilant{
	text-decoration: none;
	}
h2 {
	color: #804040;
	font-size: 180%;
	text-align: center;	
}
h3 {
	color: #804040;
	font-size: 160%;
	text-align: center;
	font-style: italic;
}
#h3ali{
	color: #24355B;
	font-size:90%;
}
h4 {
	color: #804040;
	font-size: 120%;
	text-align: center;
	}
h5, h6, .tailleh5 {
	color: #804040;
	font-size: 100%;
	text-align: center;
	font-weight: bold;	
	}
h7, .tailleh7{
	font-size:110%;
	font-weight: bold;	
}
table{
	background-image: url(../imagerie/photos/fond_tableg.jpg);
	background-repeat: repeat-x;
	border: 2px solid #7A3D3D;
}
.tablact3, .tablheb2{
	background-image: url(../imagerie/photos/fond_tablep.jpg); 
	}
.tablact1{
	background-image: url(../imagerie/photos/fond_tablem.jpg); 
	}	
.tabltext{
	color: #24355B;
	text-align:justify;
	}
.tabltext2{
	font-size: 105%;
	font-style: italic;
}
table td.tablprix{
	color: #24355B;
	text-align:right;
	}
table td.tabljour{
	color: #24355B;
	text-align:center;
	width: 42px;
	}	
.tabltext,	.tabltext2, .tablprix, .tablbasp, .tabljour {
	border:1px solid #FDFFFF;
}
table tr{
	text-align: left;
	font-size:80%;
	text-indent:0px;
}
table.tabltemp, table.tablacces,table.tabldist  {
	background-image: url(../imagerie/photos/fond_tablep.jpg); 
	}
table th{
	background-image: url(../imagerie/photos/photo_table_titre.jpg);
	color: #804040;
	text-align:center;
	font-size:120%;
	font-weight:bold;
}
table th #promo{
	background-color: #FFFFE8;
	color: #C00;
	font-size: 90%;
	background-repeat: repeat-x;
	}
.clignotant{
	color:#060;
	font-size: 110%;
	text-decoration:none;
	}
.tablbasp{
	font-size: 80%;
	font-style: italic;
	background-image: url(../imagerie/photos/fond_tablebasg.jpg);
}
.tablbasd{
	background-image: url(../imagerie/photos/photo_table_titre.jpg);
	font-size:90%;
	font-style: italic;	
	text-align:right;
}
.sansbordg{
	border-left-width: 0;
}
.sansbordd{
	border-right-width: 0;
}
.sansbordb{
	border-bottom-width: 0;
}
.sansbord{
	border-width: 0;
}
.bordh{
	border-top:2px solid #7A3D3D;
}
.diapobord {
	border: 2px solid #600;
	height: 180px;
	width:240px;
}
img {
	border: 2px solid #600;
}
#sanscol #colgauche {
	color: #804040;
}
.aster {
	color: #C30;
}

