/* Fichier CSS gérant le design du site Bleu-Lavande */


/* LES COULEURS */ 
html 			{		background-color : #211e20  ;} /* Couleur fond HTML #252122*/ 
#cadre_principal
				{		background-color : #eeebd7      ;} /* Couleur texte contenu #f5eab7*/ 
#cadre_principal_acceuil
				{		background-color : #0a0909      ;}
#footer
				{		background-color : #0a0909		;}
#footer_acceuil
				{		background-color : #0a0909		;}


#cadre_principal a, #corps p, #corps a, h1, h2, #corps dt, #corps li, #corps td
				{		color : black					;}
#cadre_principal_acceuil a, #cadre_principal_acceuil td
				{		color : white					;}
#bandeau_onglet ul a , #bandeau_onglet_menus ul a
				{		color: #0a0909					;}
#footer p, #footer a, #footer_acceuil p, #footer_acceuil a
				{		color: white					;}
                                         

/* Police d'écriture */
#cadre_principal,#cadre_principal_acceuil , #bandeau_onglet, #bandeau_onglet_menus, #corps, #footer, #footer_acceuil, #fenetre, h1, h2, #corps dt, #corps li, #corps td, form textarea{
	font-family : "Trebuchet MS","Comic Sans MS", Georgia, serif;
}


/* RESTE DU DESIGN */


html{

	
	background-image : url(image/fond.jpeg);
	background-attachment: fixed;
	background-repeat: repeat-x ;
}

body{
	width: 760px; /* Largeur de la page */
	margin: auto; /*Pour centrer la page */ 
	margin-top: 20px; /*evite de coller avec le haut de la fenêtre */
	margin-bottom: 20px;
}

#cadre_principal{
	width : 760px;
	height : 574px;
	position : absolute;
	top : 105px;	
	overflow : auto;
	margin: auto; /*Pour centrer la page */
	padding-top : 40px;
	z-index : 1;
	border : none;

}
#cadre_principal a{
	border : none;
	font-size : 16px;
	text-decoration : none;
}
#cadre_principal a:hover{
	text-decoration : underline;
}

#cadre_principal_acceuil{
	width : 760px;
	height : 472px;
	position : absolute;
	top : 168px;	
	overflow : hidden;
	margin: auto; /*Pour centrer la page */
	padding-top : 40px;
	z-index : 1;
	border : none;
}
#cadre_principal_acceuil table{
	margin : auto;
	margin-top : -350px;
	border: none;
	
}

#cadre_principal_acceuil td{
	width : 230px;
	text-align : center;
	border : none;
	font-size : 16px;
}

#header{
	width : 760px;
	height : 100px;
	position : absolute;
	top : 5px;
	z-index : 4;
	overflow : auto;
	margin: none; /*Pour centrer la page */
	border : none;
	background-image : url("image/titre.png");
}

#header_acceuil{
	width : 760px;
	height : 200px;
	position : absolute;
	top : 8px;
	z-index : 4;
	overflow : auto;
	margin: none; /*Pour centrer la page */
	border : none;
	background-image : url("image/acceuil.png");
}

#bandeau_onglet{
	z-index : 4;
	margin:none;
	padding : none;
	position : absolute;
	top : 105px;
	width : 770px;

}
#bandeau_onglet ul{

	list-style-type : none;
	margin :0 0 0 0px;
	padding : 0 0 0 0;
}
#bandeau_onglet ul li{
	font-size : 0.8em;
	text-align : center;
	float:left;
	margin : none;
	background-image : url("image/onglet_inactif.png");
	width : 109px;
	height : 37px;
	cursor : pointer;
	border-top : 1 px solid black;
	padding-top : 8px;
	text-decoration : none;
	font-weight: bold;
}
#bandeau_onglet ul li:hover{
	background-image : url("image/onglet_actif.png");
	padding-top : 18px;
}
#bandeau_onglet ul li.actif {
	background-image : url("image/onglet_actif.png");
	padding-top : 18px;
}
#bandeau_onglet ul li:active,#bandeau_onglet ul li:focus{
	
	font-weight: bold;
 }

#bandeau_onglet_menus{
	z-index : 3;
	margin:none;
	padding : none;
	position : relative;
	top : 115px;
	left : 164px;	
}
#bandeau_onglet_menus ul{

	list-style-type : none;
	margin :0 0 0 0px;
	padding : 0 0 0 0;
}
#bandeau_onglet_menus ul li{
	font-size : 0.8em;
	text-align : center;
	float:left;
	margin : none;
	background-image : url("image/onglet_inactif_menu.png");
	background-repeat : no-repeat;
	width : 109px;
	height : 37px;
	cursor : pointer;
	border-top : 1 px solid black;
	padding-top : 15px;
	text-decoration : none;
	font-weight: bold;
}
#bandeau_onglet_menus ul li:hover{
	background-image : url("image/onglet_actif_menu.png");
	padding-top : 18px;
}
#bandeau_onglet_menus ul li.actif {
	background-image : url("image/onglet_actif_menu.png");
	padding-top : 18px;
}
#bandeau_onglet_menus ul li:active,#bandeau_onglet_menus ul li:focus{
	
	font-weight: bold;
 }

 h1{
	font-size:25px;
	text-align : center;
 }
 h2{
	font-size:22px;
	text-decoration : underline;
 }
#corps dd img{
	margin-left : 5px;
	width : 700px;
}
#corps dd{
	overflow : hidden;
	margin-left : 5px;
	width : 710px;
	height : 250px;
	margin-bottom : 15px;
	border : medium #294048 groove; 
}
#corps dt {
	width : 710px;
	text-align : center;
	font-size : 18px;
	border : medium #294048 groove;
	border-bottom : none;
	margin-left : 5px;
}

#corps{
	margin : 0 0 0 0;
	padding : 10px 10px 10px 10px;
	padding-top : 0px;
	z-index: 2;
	overflow : auto;
	width : 740px;
	height : 541px;
	position : absolute ;
	top : 165px;
	
}
#corps p{
	font-size : 18px;
	text-align : justify;
	text-indent : 20px;
}
#corps p:first-letter{
	font-weight : bold;
	font-size : 23px;
}
#corps a{
	font-style : italic;
}
#corps li{
	font-size : 18px;
	text-align : justify;
}

#corps table td{
	border : 1px solid black;
	width : 160px;
	text-align : center;
}

#footer{
	width : 760px;
	height : 75px;
	position : absolute;
	top : 712px;
	padding-left : 0px;
	padding-top : 0px;
	padding-bottom: 0px;
	border : none;
	border-top : none;
}
#footer_acceuil{
	width : 760px;
	height : 75px;
	position : absolute;
	top : 673px;
	padding-left : 0px;
	padding-top : 0px;
	padding-bottom: 0px;
	border : none;
	border-top : none;
}
#footer p, #footer_acceuil p{
	font-weight : bold;
	text-align : center;
	font-size : 12px;
}
#footer em, #footer_acceuil em{
	font-size : 10px;
	text-decoration : none;
}
#footer a, #footer_acceuil a{
	font-weight: bold;
	text-decoration : none;	
}
#footer a:hover , #footer_acceuil a:hover{
	text-decoration : underline;
}

.defilement1{
	width : 760px;
	border : none;
	border-left : none;
	border-right : none;
}
.defilement2{
	width : 760px;
	border : none;
	border-left : none;
	border-right : none;
}
.defilement_receptaion1{
	width : 600px;
	border : none;
	border-left : none;
	border-right : none;
}
.defilement_reception2{
	width : 600px;
	border : none;
	border-left : none;
	border-right : none;
}
.defilement_restaurant1{

}
.defilement_restaurant2{

}

.drapeau{
	width : 80px;
	height : 60px;
	border : none;
	cursor:pointer;
}
.img_diapo{
	width : 760px;
	border : none;
	border-left : none;
	border-right : none;
}
a img{

	border : none;
	
}
a{
	text-decoration : none;
}
.img_taille1{
	float : left;
	width : 200px;
	margin : 10px;
	margin-left : 0px;
	border : medium #294048 groove; 
}
.img_taille2{
	float : right;
	width : 220px;
	margin : 10px;
	margin-right : 0px;
	border : medium #294048 groove; 
}
.img_taille3{
	float : right;
	width : 180px;
	margin : 10px;
	margin-right : 0px;
	border : medium #294048 groove; 
}
.dessous_left{
   clear: left;
}
.dessous_right{
   clear: right;
}
form textarea{
	text-align  :center;
}