/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin: 0;
padding: 0;
border:0;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#808080;
text-align:center;
background-color:#FFF;
}
#centrage {
width:750px;
margin:0 auto;
font-size:70%;
display:table;
text-align:left;
position:relative;
/* */
background-image:url(../pics/fond.gif);
padding:0 15px;
}
table.tabstruc td{
vertical-align:top;
height:600px;
}
/* MISE EN FORME --------------------------------------------------------------- */
h1{
font-size:160%;
margin-bottom:5px;
}
a:link, a:visited{
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}
ul{
list-style:outside square;
margin:0 10px 2px 22px;
line-height:20px;
}
.blanc{
color:#FFFFFF;
}
.gras{
font-weight:bold;
}
.grand{
font-size:125%;
}
.petit{
font-size:80%;
}
.italique{
font-style:italic;
}
.souligne{
text-decoration:underline;
}
.gauche{
float:left;
}
.droite{
float:right;
}
.centrer{
text-align:center;
}
.centreform{
text-align:center;
}
.bordure{
border:3px solid;
}
.bordure2{
border:2px solid;
}
.both{
clear:both;
}
#separateur{
height:10px;
width:450px;
background-image:url(../pics/separateur.gif);
background-repeat:repeat-x;
background-position:center;
clear:both;
}
#separateur.sans{
background-image:none;
}
select {
border:1px inset #000;
}
#defilant{
/**/background-color:#D60039 ;
clear:both;
margin:15px 0;
}
#defilant table td{
height:auto;
}
/* EN-TETE --------------------------------------------------------------- */
.ambiance{
margin:-2px 0;
}
#bandeaumasque{
position:relative;
margin-top:-43px;
}
/* NAVIGATION ----------------------------------------------------------------- */
#conteneur{
position:relative;
width:750px;
display:table;
background-repeat:repeat-y;
height:660px;
}
html>body #conteneur{
height:auto;
min-height:660px;
}
#navigation{
width:135px;
}
#navigation img{
float:right;
}
html>body #navigation{
text-align:right;
}
html>body #navigation img{
float:none;
}
#navigation ul{
width:135px;
margin:0;
}
#navigation li{
position:relative;
list-style:none;
height:12px;
padding:4px 0;
z-index:100;
}
html>body #navigation li{
height:auto;
}
#navigation li a{
color:#FFFFFF;
display:block;
text-decoration:none;
width:135px;
margin:0;
}
#navigation ul ul{
position:absolute;
top:-2px;
left:135px;
width:135px;
color:#FFFFFF;
text-align:left;
border:2px solid;
border-bottom:0;
display:none;
font-size:12px;
line-height:13px;
}
#navigation ul ul li{
border-bottom:2px solid;
height:auto;
}
#navigation ul ul li a{
margin:0 7px;
width:128px;
}
#navigation ul.regions{
top:-64px;
}
#navigation ul.themes{
top:-182px;
}
#navigation ul.routes{
top:-188px;
}
#navigation ul.recherche{
top:-84px;
}
.navigation1 img{
margin-bottom:3px;
}
html>body .navigation1 img{
margin-bottom:-1px;
}
#navigation ul.navigation1 li:hover ul.navigation2,
#navigation ul.navigation2 li:hover ul.navigation3,
#navigation ul.navigation3 li:hover ul.navigation4,
#navigation ul.navigation3 li:hover ul.navigation5{
display:block;
}

/* CONTENU ----------------------------------------------------------------- */
#contenu{
width:450px;
padding:0 15px 10px 15px;
line-height:20px;
}
/* ANNEXES ----------------------------------------------------------------- */
	/* Structure ----------------------------------------------------------------- */
	#annexes{
	width:135px;
	font-size:90%;
	line-height:15px;
	padding-bottom:15px;
	border-left:none;
	border-right:none;
	border-top:none;
	}
	#annexes p{
	margin:0 5px;
	}
	#annexes input{
	font-size:90%;
	height:15px;
	padding:3px 3px 0 3px;
	}
	/* Commun ----------------------------------------------------------------- */
	#langues{
	border-left:none;
	border-right:none;
	}
	#recherche{
	background-color:#d0003d;
	text-align:right;
	padding:1px 0;
	height:45px;
	margin:12px 0;
	color:#FFFFFF;
	}
	#recherche input{
	width:104px;
	float:left;
	margin-left:1px;
	color:#d0003d;
	}
	#recherche input.okmoteur{
	width:15px;
	float:none;
	margin:0;
	}
	#newsletter{
	border:1px solid #355B01;
	width:116px;
	margin-top:10px;
	margin-left:5px;
	}
	#typenews{
	margin-left:20px;
	border-left:1px solid #355B01;
	padding:10px 0 0 7px;
	}
	#typenews input{
	float:left;
	margin:2px 0 0 -5px;
	clear:both;
	}
	html>body #typenews input{
	margin:0 5px 0 0;
	}
	#typenews img{
	margin-top:5px;
	clear:both;
}
	/* Spécifiques ----------------------------------------------------------------- */
		
		/* Coordonnees ----------------------------------------------------------------- */
		#telephone{
		margin-left:10px;
		}
		/* Interlocuteurs ----------------------------------------------------------------- */
		#interlocuteurmail{
		top:-16px;
		left:58px;
		position:relative;
		}
		#interlocuteur{
		margin:-10px 5px 15px 13px;
		line-height:100%;
		text-align:right;
		}
		HTML> BODY #interlocuteur{
		margin:-15px 5px 15px 13px;
		}
		#interlocuteur a{
		font-size:100%;
		}
		.nominterloc{
		float:left;
		}
		.interloc{
		border-width:3px;
		border-right:none;
		float:left;
		}
		/* Je recherche ----------------------------------------------------------------- */
		#infos ul{
		border-left:none;
		border-right:none;
		background-color:#FFFFFF;
		margin:20px 0;
		padding:9px 5px 5px 3px;
		list-style:none;
		line-height:15px;
		font-size:120%;
		font-weight:bold;
		}
		#infos ul a{
		text-decoration:none;
		}
		#infos ul li{
		margin-bottom:7px;
		}
		#infos ul input{
		margin-left:-8px;
		}
		html>body #infos ul input{
		float:left;
		clear:both;
		margin:1px 2px -3px -5px ;
		}
		#infos ul ul{
		font-size:80%;
		margin:0;
		font-weight:100;
		}
		#infos ul ul li{
		margin-bottom:0;
		}
		ul.label li {
                padding-bottom:15px;
                line-height:10px;
                text-align:center;
                }
		ul.label li img{
                padding-top:3px;
                }
		/* Séjours : Autres séjours et Idées séjours et Etapes des themes ------------------------ */
		#autressejours{
		border-left:none;
		border-right:none;
		background-color:#FFFFFF;
		margin-bottom:15px;
		}
		#autressejours ul{
		list-style:none outside none;
		list-style-type:square;
		line-height:12px;
		margin:0 -10px 0 0;
		padding:9px 15px 5px 15px;
		}
		#autressejours ul a{
		text-decoration:none;
		}
		#autressejours ul li{
		margin-bottom:7px;
		}
		#autressejours span{
		font-size:120%;
		}
		/* Réserve fiche : heb et croisiere ------------------------ */
		#ficheplus{
		background-color:#FFFFFF;
		margin:20px 0;
		border-left:none;
		border-right:none;
		font-weight:bold;
		font-size:110%;
		text-align:center;
		padding-bottom:5px;
		}
		
		/* Affinage ------------------------ */
		#affinage{
		background-color:#FFFFFF;
		margin:20px 0;
		border-left:none;
		border-right:none;
		}
		#affinage ul{
		margin:5px;
		list-style:none;
		line-height:15px;
		}
		#affinage input{
		margin-right:2px;
		}
		#affinage li{
		}
		#affinage #ok{
		margin-bottom:-2px;
		text-align:right;
		}
		
		/* La promo du mois ------------------------ */
		#promo{
		margin-bottom:15px;
		text-align:center;
		}
		#promo.bordure{
		border-right:none;
		border-left:none;
		padding:5px 0 5px 0;
		}
		#promo a{
		text-decoration:none;
		}
		#promo img{
		margin-left:1px;
		}
		#promo img.promo{
		border-right:none;
		}
		#promo p{
		margin:0;
		margin-left:5px;
		width:125px;
		text-align:left;
		}

/* Pied de Page --------------------------------------------------------------- */
#pied{
width:750px;
margin:0 auto;
font-size:70%;
text-align:right;
height:205px;
padding:0 15px;
}
#raccourci{
width:135px;
position:relative;
margin-top:-90px;
float:left;
}
#raccourci img{
margin-top:10px;
}
#pied img.logos{
/*  margin:85px 45px 0 0;  */
margin:100px 0 0 0;
}


/* Popup carto */

div#popup{
position:absolute;
border:1px solid #000;
background:#FFF;
padding:5px;
color:#000;
width:175px;
z-index:9999;
text-align:left;
font-size:70%;
}