/************** redéfinition de du corps de la page **************/
/* couleur gris jaune : #ECE8CC     vert gris : #55A294   vert bleu : #039CA5
/* couleur vert pale : #3E7D74 */

/***********************************************************************************/
/**********      par défaut 												********/
/***********************************************************************************/

body{ 			font-family :  times, arial  ;
				font-size :  14px ;	
				margin : 0px;}
				
h2		{		color : #55A294;
				margin-left : 20px;
				font-size :  22px ;
				text-align : left;}
				
h3	{			color : #55A294;
				font-size :  18px ;
				text-align : right;}
				
h2.titrePhotos {text-align : center;}
				


/********************************************************************************/
/**********      	cadre du haut (entête)	      						*********/
/********************************************************************************/

.entete {		Background-color : #039CA5;
				width : 900px;
				height : 50px;}
				
/* titre compris dans l'entête */			
.enteteTitre{	float : left;
				width : 500px;
				font-size :  30px ;
				color : yellow;
				font-weight : bold;
				margin: 5px ;
				padding : 0px} /* positionnement dans sa boite */ 
	
/* positionnement du bateau dans l'entête */
.enteteLogo{	float : left;
				margin-left : 5px;
				margin-right : 10px;}

/* positionnement des drapeaux dans l'entête */				
.enteteDrapeau{	float : right;
				margin-top : 5px;
				margin-left : 5px;
				margin-right : 5px;}
				
/********************************************************************************/
/**********      	partie rubrique (lien sous forme d'onglet)			*********/
/********************************************************************************/			

.rubriques{				Background-color : #3E7D74;
						width : 900px;
						height : 25px;}
			
ul.lesRubriques{			list-style-type : none;
						font-size : 14px;
						margin : 0px;}
					
li.chaqueRubrique {		float: right;
						margin: 4px 4px 0px 4px; /* gauche haut droite bas */
						border: 1px solid black;
						background-color : #039CA5;
						}
						
	/* pour le lien choisit */

li.rubriqueActif 	{		
						float : right; 
						margin : 4px 4px 0px 4px; /* gauche haut droite bas */
						border-right : 1px solid black;
						border-top : 1px solid black;
						border-left : 1px solid black;
						border-bottom: 1px solid white;
						background-color: white;}

a.lienRubrique {			text-decoration : none;	/* pour éviter le soulignement des liens */
						font-weight : bold;
						color: yellow;
						display: block;
						padding: 1px 4px 0px 4px;}
						
a.lienRubriqueActif {	text-decoration : none;	/* pour éviter le soulignement des liens */
						font-weight : bold;
						display: block;
						padding: 1px 4px 0px 4px;
						color:#3E7D74;}
						
a.lienRubrique:hover {	text-decoration : none;	/* pour éviter le soulignement des liens */
						font-weight : bold;
						display: block;
						padding: 1px 4px 0px 4px;
						background : white;
						color:#3E7D74;}

/********************************************************************************/
/**********      	partie photos (lien simple)							*********/
/********************************************************************************/	
					
.photos		{	float : left;
				text-align : center;
				color : #ECE8CC;
				font-weight : bold;
				Background-color : #3E7D74;
				width : 155px;
				height : 500px;}
				
ul.lesPhotos {	list-style-type : none;
				margin-top : 40px;
				margin-left : 0px;
				line-height : 35px;/* hauteur interligne */
				padding : 5px;
				width : 135px;
				height : 250px;
				border : 2px solid yellow;
				Background-color : #039CA5;}
				
.LienPhotoTitreSpan {	font-size : 18px;
						color : #ECE8CC;
						}
				
.LienPhotoSpan {font-size : 13px;}
				
a.lienPhoto {		text-decoration : none;	/* pour éviter le soulignement des liens */
					font-weight : bold;
					color : Yellow;}/*#ECE8CC*/
					
a.lienPhoto:hover {	text-decoration : none;	/* pour éviter le soulignement des liens */
					font-weight : bold;
					color:#3E7D74;}				
				
/********************************************************************************/
/**********      	partie centrale		  						     ************/
/********************************************************************************/

.contenu {			width : 740px;
					margin-left : 155px;
					text-align : justify;}
									
.leTableau { 		}

.leTableauTarifs { 	border: 1px solid black;
					text-align : center;}
					
.celluleTarifs  {	text-align: center;
					border: 1px solid black;
					vertical-align : middle;
					padding: 5px;}

.cellulePhoto {		text-align: center;
					width:380px;
					padding: 2px;}
					
.celluleTexte {		text-align: left;
					padding: 5px;}
/************** pour le contenu avec des photos *************/

.contenuPhoto {		Background-color : #ECE8CC;
					margin-left : 155px;
					width :740px;
					text-align : center;
					border : 2px solid #039CA5;	}				
					
.celluleTextephoto {	text-align: center;
						padding: 2px;}
						
/************** pour les liens vers les autres sites *************/

a.lienLien {		text-decoration : none;	/* pour éviter le soulignement des liens */
					font-weight : bold;
					color : #3E7D74;}

a.lienLien:hover {	text-decoration : none;	/* pour éviter le soulignement des liens */
					font-weight : bold;
					color:#55A294;}

/************** pour le contenu du plan du site *************/

.contenuPlanSite {	Background-color : white;
					margin-left : 160px;
					margin-top : 2px;
					width : 610px;
					text-align : left;
					border : 2px solid #039CA5;
					font-size :  15px ;	}	
					
h3.titrePlanSite {	color : #55A294;
				 	font-size :  18px ;
				 	text-align : left;}
					
p.debutRubrique {	font-weight : bold;
					line-height: 30px;}
				
ul.listePlanSite {	font-size :  15px ;
					margin-left : 80px;
					list-style-type: circle;
					line-height: 25px;
					text-align : left;}
a.lienPlanDuSite {	font-weight : bold;
					color : #3E7D74;}

a.lienPlanDuSite:hover {	font-weight : bold;
							color:#55A294;}
					


********************************************************************************/
/**********      	partie lien bas de page							*********/
/********************************************************************************/	


.paragrapheBasDePage {color : black;}

a.lienBasDePage {	text-decoration : none; font-size : 10px ; color : #ECE8CC;}
a.lienBasDePage:hover {	text-decoration : none; font-size : 10px ; color:#039CA5;}