/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
a:link {
	color: #F93;
	text-decoration: none;
}
a:visited {
	color: #F93;
	text-decoration: none;
}
a:hover {
	color: #F93;
	text-decoration: none;
}
a:active {
	color: #F93;
	text-decoration: none;
}

/* Typographie - Titrage */
h1,h2,h3,h4,h5,h6 {
	color: #FC0;
}
h1 {
	padding:10px 0 0 10px;
	color: #CCC;
	font: 13px Geneva,Arial,Tahoma,sans-serif;
	/* marge gauche du texte par rapport au bloc */
	text-align: justify;
	font-weight: bold;
}
h2 {
	padding:0px;
	color: #CCC;
	font: 15px Geneva,Arial,Tahoma,sans-serif;
	text-align: center;
}
h3 {
	padding: 10px 0 0 30px;
	color: #FFF;
	font: 13px Geneva,Arial,Tahoma,sans-serif;
	font-weight: bold;
	/* marge gauche du texte par rapport au bloc */
	text-align: justify;
}
h4 {
	text-align: left;
	padding: 0px;
	color: #F93;
	font: 12px Geneva,Arial,Tahoma,sans-serif;
}
h5 {
	padding: 2px;
	color: #FFF;
	font: 13px Geneva,Arial,Tahoma,sans-serif;
	/* marge gauche du texte par rapport au bloc */
	text-align: center;
}
h6 {
	text-align: left;
	padding: 0;
	color: #666;
	font: 11px Geneva,Arial,Tahoma,sans-serif;
}
#titreEvenement {
	padding:5px;
	color: #39F;
	font: 20px Geneva,Arial,Tahoma,sans-serif;
	margin: 20px;
	line-height: 136%;
	text-align: justify;
}
#titreGalerie {
	padding:5px;
	color: #7b7b7b;
	font: 15px Geneva,Arial,Tahoma,sans-serif;
	/* marge gauche du texte par rapport au bloc */
	margin: 20px;
	line-height: 136%;
	text-align: justify;
}
#dataClient {
	text-align: left;
	padding: 0px;
	margin: 0 0 0 10px;
	color: #666;
	font: 15px Geneva,Arial,Tahoma,sans-serif;
}

#dataClientOrange {
	text-align: left;
	padding: 0px;
	margin: 0 0 0 10px;
	color: #FF9C08;
	font: 15px Geneva,Arial,Tahoma,sans-serif;
}
#alerte {
	color: #FF9C08;
	font: 15px Geneva,Arial,Tahoma,sans-serif;
	/* marge gauche du texte par rapport au bloc */
}
#zoneForm {
	text-align: left;
	padding: 10px;
	color: #033;
	font: 11px Geneva,Arial,Tahoma,sans-serif;
	font-weight: bold;	
}
body {
		padding: 0px;
		margin:0px;
		background-color:#666;  /*033*/
}
#selection  {
	text-align: left;
	padding: 0;
	color: #FFF;
	font: 11px Geneva,Arial,Tahoma,sans-serif;
	font-weight: bold;	
}
#selection a:link, 
#selection a:active, 
#selection a:visited,
#selection a:hover
{
	color: #FF9C08;
}
#container { 
	margin: 10px auto;
	padding: 0px;	
	height: auto;
	width: 760px;	
	background-color:#000;
	text-align: center;
}
#enteteGlobal {
	padding: 0px;
	margin: 0px;
	width: 760px;
}
#enteteTitre {
	padding: 0px;
	height: 76px;
	width: 760px;
	background: url(images/titreEsprit3.jpg) no-repeat;
}
#enteteImage {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/arriereTribord.jpg) no-repeat;
	background-color:#033;
}
#enteteImage span{
	display:none;
}

#enteteImage2 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/groenland.jpg) no-repeat;
	background-color:#033;
}
#enteteImage2 span{
	display:none;
}
#enteteImage4 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_voile.jpg) no-repeat;
	background-color:#033;
}
#enteteImage4 span{
	display:none;
}
#enteteImage5 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_equipage.jpg) no-repeat;
	background-color:#033;
}
#enteteImage5 span{
	display:none;
}
#enteteImage6 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/faceAuGlacier.jpg) no-repeat;
	background-color:#033;
}
#enteteImage6 span{
	display:none;
}
#enteteImage66 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/mouillage.jpg) no-repeat;
	background-color:#033;
}
#enteteImage66 span{
	display:none;
}
#enteteImage7 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_carnet.jpg) no-repeat;
	background-color:#033;
}
#enteteImage7 span{
	display:none;
}

#enteteImage8 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background-color:#033;
}
#enteteImage9 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_nature.jpg) no-repeat;
	background-color:#033;
}
#enteteImage9 span{
	display:none;
}
#enteteModulo0 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo0.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo0 span{
	display:none;
}
#enteteModulo1 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo1.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo1 span{
	display:none;
}
#enteteModulo2 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo2.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo2 span{
	display:none;
}
#enteteModulo3 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo3.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo3 span{
	display:none;
}
#enteteModulo4 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo4.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo4 span{
	display:none;
}
#enteteModulo5 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo5.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo5 span{
	display:none;
}
#enteteModulo6 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo6.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo6 span{
	display:none;
}
#enteteModulo7 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo7.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo7 span{
	display:none;
}
#enteteModulo8 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo8.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo8 span{
	display:none;
}
#enteteModulo9 {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_modulo9.jpg) no-repeat;
	background-color:#033;
}
#enteteModulo9 span{
	display:none;
}
#enteteGalerieGauche span{
	display:none;
}
#enteteGalerieDroit {
	float:right;
	padding: 0px;
	height: 230px;
	width: 307px;
	background: url(import/307X230.jpg) no-repeat;
	background-color:#033;
}
#enteteGalerieDroit span{
	display:none;
}
#menuhorizon {
	float: left;
	width: 760px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	font-family: Geneva,Arial,Tahoma,sans-serif;
	
	background-color:#333;
	border-top:1px solid #333;
	/* C63 CCC     */
}
#menuhorizon ul li {
	float: left;
	list-style: none;
	/* marge a gauche */
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100px;
	background-color:#333;
}
#menuhorizon a:link, 
#menuhorizon a:active, 
#menuhorizon a:visited,
#menuhorizon a:hover
{
	color: #FC0;
	/* FC0 ou F90 */
}

#menuhorizon ul li a:link, 
#menuhorizon ul li a:active, 
#menuhorizon ul li a:visited,
#menuhorizon ul li a:hover
{
	color: #CCC;	
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font: bold 13px Geneva,Arial, Helvetica, sans-serif;
	}
#menuhorizon ul li a:link.active {
	color: #FC0;
	background-color: #333;
	border:none;
	}
#menuhorizon ul li a:visited.active {
	color: #F93;
	background-color: #333;
	border:none;
	}	
#menuhorizon ul li a:hover {
	color: #FC0;
	background-color: #333;
	}
/* Fin des balises Entetes */
#corpsglobal {
	float:left;
	padding: 0px;
	margin: 0px;
	width: 760px;
	height:auto;
	background-color:#033;
}

#plan {
	float:left;
	padding: 0px;
	margin: 0px;
	width: 597px;
	height: 205px;	
	background-color:#033;
}
#planTexte {
	float:left;
	padding: 10px 30px 10px 20px;
	margin: 0px;
	width: 500px;
	background-color:#033;
}
#legende {
	float:left;
	padding: 0px;
	margin: 0px;
	height: 205px;
	width: 163px;
	background-color:#033;
}

#corpsPetit {
	width: 550px;
	background-color:#FFF;
	/* background-color:purple; */
}

#french {
float: left; 
height: 11px;
width: 13px;
padding: 0px;
margin: 3px;
background: white;
background-image: url(images/french.gif);
background-position: top right;
background-repeat: no-repeat;
}
#french span{
	display:none;
}

#coteGaucheContact {
	float: left;
	padding: 10px;
	width: 100px;
	height: auto;
}
#coteMilieu {
	float: left;
	width: 400px;
}
#coteDroit {
	float: left;
	width: 200px;
}

/* fin drapeau */
#news {
float: left; 
height: auto;
width: 130px;
padding: 10px;
margin: 0px;
background: white;
font: 11px Geneva,Arial,Tahoma,sans-serif;
  /* border: 1px solid; border-color: #AAA #444 #444 #AAA; */
}
#news a:link, 
#news a:active, 
#news a:visited,
#news a:hover
{
	color: #C63;	
}
#colonnegauche {
float: left;
width: 170px;
padding: 5px;
margin: 0px;
/* background-color:#00FFFF;  */
}
#colonnegauche410 {
float: left;
width: 410px;
padding: 5px;
margin: 0px;
/* background-color:#00FFFF;  */
}
#cadre760 {
float: right;
width: 758px;
height:110px;
padding: 0px;
margin: 0px;
background-color:#033;
border: 1px solid;
border-color: #FFF #033 #FFF #033;
}
#cadre760D {
float: right;
width: 758px;
padding: 0px;
margin: 0px;
background-color:#033;
border: 1px solid;
border-color: #FFF #033 #FFF #033;
}
#cadreDroit500 {
float: right;
width: 500px;
padding: 10px;
margin: 3px 10px 10px 10px;
background-color:#033;
}
#cadreDroit700 {
float: right;
width: 730px;
padding: 10px;
margin: 3px 5px 5px 10px;
background-color:#033;
}
#titreDroit500 {
float: right;
width: 500px;
padding: 0px;
margin: 0px;
background-color:#666;
}
#titreDroit700 {
float: right;
width: 700px;
padding: 0px;
margin: 0px;
background-color:#666;
}
#cadreGauche200 {
float: left;
width: 200px;
height: 110px;
padding: 0px;
margin: 0px;
background-color:#033;
/* background-color:#00FFFF;  */
}
#vignetteProgramme {
float: right;;
width: 180px;
height: 100px;
padding: 5px 0px 0px 0px;
}
#vignetteCarnet {
height: 90px;
width: 120px;
margin-top: 0px; 
margin-left: 0px; 
border: 1px solid;
}
#imagegauche {
float: right; 
height: 101px;
width: 134px;
padding: 0px;
margin: 1px 1px;
background: #333;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
}
#colonnemilieu170{
float: right;
width: 170px;
/* background-color:red; */
}

#imagegrande {
float: right; 
width: 368px;
height: 276px;
padding: 10px;
margin: 3px 5px ;
background: white;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
}

#enveloppe {
float: left; 
text-align: center;
width: 145px;
height: 90px;
padding: 0px;
margin: 2px;
background-color:#666;
border: 1px solid;
border-color: #AAA #444 #444 #AAA;
}

#vignette {
width: 142px;
height: 88px;

margin-top: 3px; 
margin-left: 1px; 
border: 0px solid;
}
#im1 {
	height: 196px;
	width: 500px;
	background-color:yellow;
	background: url(images/photohome4.jpg) no-repeat;
	margin:30px 0 0 30px  ;
	}
#im1 span{
	display:none;
	}
#im2 {
	height: 220px;
	width: 500px;
	background-color:yellow;
	background: url(images/photohome5.jpg) no-repeat;
	margin:30px 0 0 30px  ;
	}
#im2 span{
	display:none;
	}
#listeGauche {
float: left; 
height: auto;
width: 200px;
padding: 30px;
margin: 5px 3px;
background: white;
border-color: #AAA #444 #444 #AAA;
}
#listeDroite {
float: right; 
height: auto;
width: 200px;
padding: 30px;
margin: 5px 3px;
background: white;
border-color: #AAA #444 #444 #AAA;
}

/* Pied de page */
#piedglobal {
	padding: 10px 0 0 0;
	height: auto;
	margin: 0px;
	position: relative;
	width: 760px;
	clear: both;
	background-color:#FFF;
}
#pied {
	padding: 0px;
	height: 50px;
	margin: 0px auto;
	position: relative;
	width: 760px;
}
#piedHover {
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	height: auto;
	font: bold 11px/25px Arial, Helvetica, sans-serif;
	color: #39F;
}
#piedHover a:link, #rappelMenu a:active, #rappelMenu a:visited {
	text-decoration: none;
	padding-right: 8px;
	padding-left: 8px;
	color: #39F;
	line-height: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#piedHover  a:hover  {
	color: #FF9C08;
}

#etatDameGlobal {
	float:left;
	padding: 5px 0px 5px 0px;
	margin: 0px;
	width: 760px;
	height: auto;
	background-color:#333;
	border-bottom:2px solid #333;
}
#etatDameGlobalGauche {
	float:left;
	padding: 0px 10px 0px 10px;
	margin: 0px;
	width: 650px;
	height: auto;
	background-color:#333;
}
#etatDameGlobalDroit {
	float:right;
	padding: 2px 10px 0px 10px;
	margin:0px;
	width: 280px;
	height: 150px;
	background-color:#000;
}
#etatDameGlobalDroitSans {
	float:right;
	padding: 2px 10px 0px 10px;
	margin:0px;
	width: 280px;
	height: 150px;
	background-color:#333;
}
#etatDameGlobalDroitInclus {
	float:left
	padding:2px;
	margin:2px;
	width: 200px;
	height: 150px;
	background-color:#000;
	border-top:5px solid #000;
	border-bottom:1px solid #000;
}
ul.phototheque li a
	{
	height: 90px !important;
	}
#etatDameGlobalPhoto {
	float:right;
	padding:0px;
	margin: 0px;
	width: 200px;
	height: auto;
	background-color:#033;
	text-align:center;
	color:#FFF;
	font: 12px Geneva,Arial,Tahoma,sans-serif;
	font-weight: bold;	
}
#enteteImage2Cuisine {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;

	background-color:#033;
}
#enteteImage2Cuisine span{
	display:none;
}
#enteteImage2CabineDouble {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/cabineDouble.jpg) no-repeat;
	background-color:#033;
}
#enteteImage2CabineDouble span{
	display:none;
}
#enteteImage2TableCarte {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/tableCarte.jpg) no-repeat;
	background-color:#033;
}
#enteteImage2TableCarte span{
	display:none;
}
#enteteImage2Carre {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/interieurCarre.jpg) no-repeat;
	background-color:#033;
}
#enteteImage2Carre span{
	display:none;
}
#enteteImage2CabArr {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/interieurCabArr.jpg) no-repeat;
	background-color:#033;
}
#enteteImage2CabArr span{
	display:none;
}
#enteteImage2Descriptif {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_navigation2.jpg) no-repeat;
	background-color:#033;
}
#enteteImage2Descriptif span{
	display:none;
}
#enteteImage2Historique {
	float:left;
	padding: 0px;
	height: 230px;
	width: 760px;
	background: url(images/esprit_mouillage2.jpg) no-repeat;
	background-color:#033;
}
#enteteImage2Historique span{
	display:none;
}

	/* ajout Ouest Online pour hérarchisation sémantique*/

#dateool {
	padding:0px;
	color: #CCC;
	font: 15px Geneva,Arial,Tahoma,sans-serif;
	text-align: center;
}
#newsool {
	color: #CCC;
	font: 15px Geneva,Arial,Tahoma,sans-serif;
	text-align: center;
	margin: 30px;
}

#textepa {
	padding: 10px 0 0 30px;
	color: #FFF;
	font: 15px Geneva,Arial,Tahoma,sans-serif;
	text-align: justify;
	margin: 0 30px 0 0;

	}

strong {
	color: #FFF;
	font: 13px Geneva,Arial,Tahoma,sans-serif;
  text-decoration: underline;
}

#footerool {
	float: right;
	width: 760px;
	height: 17px;
	margin: 0px;
	padding: 0px;
	font-family: Geneva,Arial,Tahoma,sans-serif;
	
	background-color:#333;
	border-top:1px solid #333;
	/* C63 CCC     */
}
#footerool ul li {
	float: right;
	list-style: none;
	/* marge a gauche */
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 100px;
	background-color:#333;
}
#footerool a:link, 
#footerool a:active, 
#footerool a:visited,
#footerool a:hover
{
	color: #FC0;
	/* FC0 ou F90 */
}

#footerool ul li a:link, 
#footerool ul li a:active, 
#footerool ul li a:visited,
#footerool ul li a:hover
{
	color: #CCC;	
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font: bold 13px Geneva,Arial, Helvetica, sans-serif;
	}
#footerool ul li a:link.active {
	color: #FC0;
	background-color: #333;
	border:none;
	}
#footerool ul li a:visited.active {
	color: #F93;
	background-color: #333;
	border:none;
	}	
#footerool ul li a:hover {
	color: #FC0;
	background-color: #333;
	}
	
#partenaires ul li
{ 
  color: #FFFFFF;
  padding: 2px;
  margin: 2px;
  list-style-type:none;
  text-align: left;
	}