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

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

}
#logo{
	width: 90%;
	height: auto;
	position:absolute;
	margin: 0 auto; /* Permet de centrer le contenu de la page */
	margin-left: 140px;
	margin-top:60px;
	background-color: #000039;
	/*background: url(../images/body_bg-1.jpg) repeat-y;*/
	z-index:10;

}

#block{
	width:90%;
	/*height: auto;*/
	margin-left: 150px;
	margin-top:180px;
	/*background: url(../images/body_bg-1.jpg) repeat-y;*/
}

#conteneur {
	width: 820px;
	min-width: 600px;
	/*margin: 0 auto; /* Permet de centrer le contenu de la page */
	float:left;
	/*background: url(../images/body_bg-1.jpg) repeat-y;*/

}

#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: #000039;  /* détermine la couleur du texte html dans le bloc contenu*/
}

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

#clearfloat { /* cette classe peut être placée sur une div <br /> ou vide, en tant qu'élément final suivant la dernière div flottante (dans le #container) si le paramètre #footer est supprimé ou retiré du #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


#titre {
	position:absolute;
	margin-top: 90px;
	width:auto;
	height:auto;
	z-index:1;
	left: 35px;
	top: 46px;
}
#mailto {
	height: auto;  
	position:absolute;
	max-width: 90%;                        /*permet d'eviter le débordement du texte sur la colonne*/
	min-width:auto;                 /* permet d'éviter que le texte soit trop compressé*/
	font-size: 12px;
	float: none;
	margin-left: 150px;
	margin-top: 0px;
	text-align: justify;
	color: #FFFFFF; /* détermine aussi la couleur du texte des fichiers html dans les dossiers commentaires*/
}
#saisiemail
{
	background-color:#c2c2c8;
	/* pour la couleur du fond de la boite de saisie de mailto*/
	}
#contact {
	height: auto;  
	position:absolute;
	max-width: 90%;                        /*permet d'eviter le débordement du texte sur la colonne*/
	min-width:auto;                 /* permet d'éviter que le texte soit trop compressé*/
	font-size: 12px;
	float: none;
	margin-left: 150px;
	margin-top: 230px;
	text-align: justify;
	color: #FFFFFF; /* détermine aussi la couleur du texte des fichiers html dans les dossiers commentaires*/
}

#footer {
	height: auto;  
	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: 150px;
	margin-top: 450px;
	text-align: justify;
	color: #FFFFFF; /* détermine la couleur du texte des fichiers html ans les dossiers commentaires*/
}
#defilant {
	margin-top: -360px;
	width:858px;
	height:115px;
}
.popup_anchor div.popup{
	visibility: hidden;
	position: inherit;  /*permet d'avoir la position du menu qui bouge avec la fenêtre*/
	background-color:#000039;
	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: #FFFFFF;} //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: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.imagehtml{
/*height: auto;*/
/*width: 90%;*/
max-width: 500px;
max-height: 335px;
}

.diapo{
height: 335px;
min-width:500px;
/*margin-top:10px;*/
padding: 10px 0px 0px 0px;
/*permet de positionner l'image du diaporama*/
}