/* -------------------------------------structure de base de la page---------------------------- */

#body_page
{

   width: 1020px;
   height: autopx;
   background-color: #A8ABB0;   
   margin: auto; 
   padding-top: 20px;   
     
}

#entete
{	
		
	width: 1020px;
	height: 70px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url("image/divers/entete_fond.png");
	background-repeat: no-repeat;
}

.tableau_entete
{
	width:  1014px;
	height: 64px;
	margin: auto;
}

#menu1
{
		
	border: 0px solid black;
	width: 154px;
	height: 622px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	background-image: url("image/divers/menu1_fond.jpg");
	background-repeat: no-repeat;
  	border-right: 1px solid black;
	
	
}

.tableau_menu1
{
	width: 154px;
	height: 622px;
}

#menu2
{
		
	border: 0px solid black;
	width: 100px;
	height: 650px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	float: ;
	
}

.tableau_menu2
{
	width: 100px;
	height: 650px;
}


#corps
{
		
	border: 0px solid black;
	width: 866px;
	height: autopx;
	min-height:622px;
	margin-bottom: 0px;
	margin-left: 154px;
	background-image: url("image/divers/corps_fond.jpg");
	background-repeat: no-repeat;
	
}

#titre
{
	text-align: center;
	width: 864px;
	height: 70px;
	font-size: 24px;
	padding-top: 10px;
}

.tableau_corps
{	
	margin: auto;
	width: 860px;
		height: 536px;
}

#pied_de_page
{
	border: 0px solid black;
	width: 1020px;
	height: 60px;
	margin-left: 0px;
   padding: 0px;
  
}

.tableau_pied
{	
	margin: auto;
	width: 1016px;
	height: 58px;
   text-align: center;   
}



.lien_menu{
	font-size: 24px;
	text-decoration: none;
	color: black;
	font-family: 'Times New Roman', Verdana, serif;
}

.lien_menu:hover{
	text-decoration: underline ;
}
.lien_menu2
{
	font-size: 24px;
	text-decoration: none;
	color: black;
	font-family: 'Times New Roman', Verdana, serif;
}

.lien_menu2:hover
{
	text-decoration: underline ;
}
.lien_menu3
{
	font-size: 18px;
	text-decoration: none;
	color: black;
	font-family: 'Times New Roman', Verdana, serif;
}

.lien_menu3:hover
{
	text-decoration: underline ;
}

.tableau_corps_min
{
	height: 520px;
	width: 850px;
	padding-left: 0px;
	padding-right: 0px;

}

.texte_pied
{
	font-size: 14px;
	margin-left: 25px;
	margin-right: 25px;
	vertical-align: top;
	font-family: 'Times New Roman', Verdana, serif;

}

/* -----------------------------------------structure de la page photo---------------------------------*/
#body_photo
{

   width: 1010px;
   height: auto;
   margin: auto; 
   padding-top: 20px;  
  
}

#body_photo
{
   width: 1004px;
   height: 622px;
   margin: auto; 
   margin-top: 20px;    
}

.tableau_photo
{
	width: 1004px;
}


.bouton_p
{
	
	text-align: center;
	background: url("image/divers/fleche_p.png");
	float: left;
	margin: 2px;
	height: 30px; 
	width: 95px;
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-decoration: none;
}

.bouton_s
{
	
	text-align: center;
	background: url("image/divers/fleche_s.png");
	float: left;
	margin: 2px;
	height: 30px; 
	width: 95px;
	background-repeat: no-repeat;
	display: block;
	cursor: pointer;
	text-decoration: none;
}

.bouton_p:hover,
.bouton_p:focus,
.bouton_p:active, 
.bouton_s:hover,
.bouton_s:focus,
.bouton_s:active 
{
  background-position: 0 -30px; 
}


/*--------------------------------------------structure galerie----------------------------------------------*/

.tableau_galeries
{		
	margin: auto;
	width: 860px;
		height: 536px;
	
}

.cell_photo
{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;

}

/* --------------------------------------------structure du livre d'or----------------------------------------*/

.bouton_or
{
	height: 40px;
	width: 40px;
	text-align: center;
}


.texte_parcourir
{
	font-size: 18px;
}

.tableau_or
{
	width: 700px;
    margin: auto; 
	empty-cells: show;
   
	
}

.cell_com_or
{
	border: 4px double black; 
	height: 80px;
	max-height: 80px;

}

/* ---------------------------------------------font des titres--------------------------------*/

h1
{
		font-size: 24px;
		text-decoration: underline;
		text-align: center;
		font-family: 'Times New Roman', Verdana, serif;
}

h2
{
	font-family: 'Lucida Sans Unicode', Verdana, serif;
	text-decoration: underline;
	font-size: 24px;
	color: #448CEC;
	text-align: center;
}

/* -------------------------------------------Stucture classique---------------------------------*/

.cell_texte
{
	vertical-align: top;
}

.centrer
{
	text-align: center;
}

.top
{
	vertical-align: top;
	text-align: center;
}

.texte
{
	text-align: justify; 
	font-size: large;
	margin-left: 25px;
	margin-right: 25px;
	vertical-align: top;
	font-family: 'Times New Roman', Verdana, serif;

}

.texte_centrer
{
	text-align: center; 
	font-size: large;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: top;
	font-family: 'Times New Roman', Verdana, serif;

}

.texte_justife
{
	text-align: justify; 
	font-size: large;
	line-height: 30px;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: top;
	font-family: 'Times New Roman', Verdana, serif;

}

.cell_centre_cadre
{
	border: 1px solid black;
	text-align: center;
}

.cadre
{
	border: 1px solid black;
}

.PH_BLOCK
{
	display:block;

}

.PH_NO
{
}


/*----------------------------------------Sous menu--------------------------*/

.menu_s  
{
	display: block;
	padding: 0px;
	height: 100%;
	width: 100%;
	margin:0px; 
	
}

.menu_s  li 
{	
	position:relative;
	list-style: none; 	
	text-align: center;
	display: block;
}


.menu_s  ul 
{
	position: absolute;
	top: 0px;
	left: 153px;
	display:none;
	float:right;
	padding: 0px;
	margin: 0px;
	z-index: 100;
}  
.menu_s ul li
{	
	margin-bottom: -1px;
	border: 1px solid black;
	
	background-color: #A8ABB0;   
	padding: 5px 10px;
	width:150px;
	
	box-shadow: 3px 3px 3px #424242;
}

.menu_s li:hover ul.niveau2
{
    display:block;
}

.menu_s li li:hover ul.niveau
{
    display:block;
}

/*------------------------------------------autre-----------------------------*/



.lien_accueil
{
	font-size: 22px;
	text-decoration: none;
	font-family: Arial, Verdana, serif;
	color: #551a8b;
}

.lien_accueil:hover
{
	font-size: 22px;
	text-decoration: none;
	font-family: Arial, Verdana, serif;
	text-decoration: underline ;
	color: #551a8b;
}


.tableau_accueil
{
	padding: 0px 0px 0px 0px;
	border: 1px solid black;
	border-collapse: collapse;
	margin-bottom: 0px;
	margin: auto;
}

.tableau_accueil2
{
	empty-cells:show;
	margin-top: 30px;
	width: 570px;
	margin: auto;
}

.tableau_accueil2 td
{
	border:1px solid black;
}

.cellule_accueil
{
	
	text-align: center;
	padding: 0px 0px 0px 0px;
}

.cellule_langue
{	
	width: 190px;
	text-align: center;
	
}

.cell_presentation
{	
	margin-left: 10px;
	font-family: Comic Sans MS, Verdana, serif;
	font-size: large ;

}

a img
{	
	border: 0px solid black;
}