a {	
	color: #3366CC;	
	text-decoration: none;
}

body {
	background-color: #000000;		/*couleur de fond du site*/
	/*background: url(../images/YACHTER-5.JPG);
	/*background-repeat: repeat;*/
	text-align:left;
	margin:0px;
	height: auto;
	width:auto;.
	font-size: 14px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: normal;
	}


#conteneur {
	width: auto;
	height: auto;
	margin: 0 auto; /* Permet de centrer le contenu de la page */
	margin-left: 160px;
	margin-top: 180px;
	margin-bottom: 180px;
	margin-right: 340px;
	background-color: #000000;
	/*background: url(../images/body_bg-1.jpg) repeat-y;*/
	z-index:10;

}

#conteneur-top {
	list-style-position: inside;
	margin-left: 0px;
	margin-top: 0px;
	
	/*background-image: url(../images/bar.gif);*/
	background-repeat: no-repeat;
	background-position: 40px 318px;
}

#conteneur-bot {
	/*background: bottom left url(../images/bar.gif) no-repeat;*/
	margin-left: 40px;
}

#bloc-contenu {
	height: auto;
	z-index:10;
	margin-left: 120px;
	width: 90%;
	margin-top:0px;
	color: #000000;  /* détermine la couleur du texte html dans le bloc contenu*/
}

#corps {  /*utilisé dans nos documents html */
	height: auto;
	float: inherit;
	margin-left: 0px;
	width: 90%;
	margin-top:-20px;		/*positionne l'image plus haut ou plus bas sur le livre*/
	max-width: 640px; 		/*pour éviter que l'image soit trop petite*/
	/*min-width: 700px;		/*pour éviter que l'image soit trop grande*/	*/ 
}


#titre {
	position:absolute;
	margin-top: 90px;
	width:auto;
	height:auto;
	z-index:1;
	left: 35px;
	top: 46px;
}
#mailto {
	height: auto;
	width:70%;
	position:absolute;
	/*max-width: 700px; */                       /*permet d'eviter le débordement du texte sur la colonne*/
	/*min-width:auto; */                /* permet d'éviter que le texte soit trop compressé*/
	float: none;
	margin-left: 160px;
	margin-top: 1000px;
	text-align: justify;
	color: #FFFFFF; /* détermine la couleur du texte des fichiers html ans les dossiers commentaires*/
}
#footer {
	height: auto;
	width:80%;
	max-width: 700px;                        /*permet d'eviter le débordement du texte sur la colonne*/
	/*min-width:600px;  */               /* permet d'éviter que le texte soit trop compressé*/
	float: none;
	margin-left: 160px;
	margin-top: 800px;
	text-align: justify;
	color: #FFFFFF; /* détermine la couleur du texte des fichiers html ans les dossiers commentaires*/
}
.diapo{
/*height: auto;*/
width: 90%;
max-width: 675px;
max-height: 450px;
}
.titreimg{
/*height: auto;*/
width: 90%;
max-width: 475px;
max-height: 250px;
}
.image{
/*height: auto;*/
width: 90%;
max-width: 675px;
max-height: 450px;
}

.imagehtml{
/*height: auto;*/
width: 90%;
max-width: 675px;
max-height: 450px;
}

.logo{
/*height: auto;*/
margin-top: 120px;
margin-left: 140px;
width: 70%;
max-width: 596px;
max-height: 69px;
}

.popup_anchor div.popup{
	visibility: hidden;
	position: inherit;  /*permet d'avoir la position du menu qui bouge avec la fenętre*/
	background-color:#000000;
	height:auto;
	width:0px; /*pour limiter le débordement la taille est en dessous et n'a pas d'influence */
	z-index:0;
	margin-left: 1200px;
}
		
span:hover.popup_anchor div.popup{
	visibility: visible;
	width:0px; /*pour limiter le débordement la taille est en dessous et n'a pas d'influence */
	z-index:0;
}
		
span .popup_anchor div:hover.popup{
	visibility: visible;
	width:0px; /*pour limiter le débordement la taille est en dessous et n'a pas d'influence */
	z-index:0;
}

a {color: #F5F5F5;} //gestion de la couleur des menus pour le survol voir menu.css ligne 41 ul a:hover 
.thumb1 {width: 30%;float: left;}
.thumb2 {width: 30%;float: right;margin-left: 5%;}
.thumb3 {width: 30%;float: right;margin-left: 5%;}
.thumb {border:5px solid #FFFFFF;}
body,td,th {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}