@charset "utf-8";
/* CSS Document */

div#global {
	/* position du bloc principal*/
	position: relative;
	/*Mise en place des marges*/
	margin-left: auto;
	margin-right: auto;
	/* largeur du site */
	width: 900px;
	height: 750px;
	text-align: left;
	background-color:#1a1919;
	}

/* bandeau haut ............................*/
div#bandeau {
	position: absolute;
	width: 870px;
	height: 31px;
	/*position  0px gauche par rapport au global*/
	left: 0px;
	top: 1px;
	background-color:#1a1919;
	padding: 15px;
	font: /*Times New Roman,serif ,*/ Arial, Helvetica, sans-serif;
	font-color:#FFFFFF;
	font-style:normal;
	font-style:italic;
	font-size:30px;
	}
	
/*separation bandeau du menu*/
div#separateur {
	position: absolute;
	width: 900px;
	height: 1px;
/*position  0px gauche par rapport au global*/
	left: 0px;
	top: 63px;	
	/*background-color:#15cac8;*/
	background-color:#f2ad6a;
	
	}
div#separateurbas {
	position: absolute;
	width: 900px;
	height: 1px;
/*position  0px gauche par rapport au global*/
	left: 0px;
	top: 670px;	
	/*background-color:#15cac8;*/
	background-color:#f2ad6a;
	}

div#cafe {
	position:absolute;
	width:350px;
	height:10px;
	background-color:#000000;
	margin:0px;
	left: 400px;
	top: 75px;
	}
div#bloclegende {
	position: absolute;
	width: 870px;
	height: 15px;
	/*position  0px gauche par rapport au global*/
	left: 0px;
	top: 165px;
	background-color:#1a1919;
	padding: 15px;
	font: /*Times New Roman,serif ,*/ Arial, Helvetica, sans-serif;
	font-color:#f2ad6a;
	font-style:normal;
	font-style:italic;
	font-size:14px;
	}	
/*containaier du menu	*/	
.menu {
	position: absolute;
	width: 900px;
	height: 15px;
/*position  0px gauche par rapport au global*/
	left: 0px;
	top: 66px;
/*style de police */
	font: /*Verdana,*/ Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:13px;
		}
/* 	definition de la liste à puce */

.menu ul{
	/*supprime les marges dans le container*/
	margin: 0;
	/*supprime les distances du texte à la puce*/
	padding: 0;
	/*Flottement gauche des intitulés des boutons*/
	float: left;
	/*Adaptation automatique de la largeur de la liste à la largeur du container*/
	width: 100%;
	/*Bordure autour de la liste*/
	/*Couleur du trait de bordure*/
	border: solid #888888;	
	/*Largeur du trait*/
	border-width: 0px 0px 0px 0px;
	/*Mise en place de l'image du fond*/
	background: #151212;
	}
	
/*Affichage de la liste horizontalemment*/

.menu ul li{
	display: inline;
	}
/*Etat du lien*/
.menu ul li a{
	float: left;
	/*Couleur du texte*/
	color:#FFFFFF;
	/*Espacement des liens*/
	/*padding: 5px 10px;*/
	padding: 5px 35px;
	/*Effacement du souligné*/
	
	text-decoration: none;
	/*Traits vertical entre les items*/
	/*border-right: 1px solid #FFFFFF;*/
	}
/*Etat du lien après visite*/
.menu ul li a:visited{
	/*Change la couleur de l'intitulé du bouton après visite*/
	color:#ffffff;
	}
/*Etat du lien au survol (bouton enfoncé)*/
.menu ul li a:hover{
	/*Couleur du texte au survol*/
	color: #f2ad6a;
	font-weight:bolder;
	/*Charge l'image de fond*/
	/*background: #1a1919;*/
	}
/*photo index*/

div#containairephotoindex{
	position: absolute;
	width: 900px;
	height:551px;
	left:0px;
	top:92px;
	background-image: url(N%C3%AEmes_164.jpg);
	}
div#containaireprive{
	position: absolute;
	width: 900px;
	height:551px;
	left:0px;
	top:92px;
	background-image: url(Butte%20Chaumont019.jpg);
	}
div#containairecontact{
	position: absolute;
	width: 900px;
	height:551px;
	left:0px;
	top:92px;
	background-image: url(Buttes018.jpg);
	}
div#blocGalerie{
	position:absolute;
	width:687px;
	height:550px;
	left:200px;
	top:93px;
	}
div#blocRetouche{
	position:absolute;
	width:526px;
	height:420px;
	left:200px;
	top:225px;
	}	
	
div#Pied {
	position:absolute;
	clear:both;
	width: 900px;
	height: 63px;
	/*background-color:#050505;*/
	background-color:#1a1919;
	margin:0px;
	left: 0px;
	top: 673px;
	padding: 5px
	font: Times New Roman,serif , Arial, Helvetica, sans-serif;
	font-color:#FFFFFF
	font-style:italic;
	font-size:36px;
	}
.menugalerie {
	position: absolute;
	width: 200px;
	height:550px;
	left:0px;
	top:93px;
	background-color:#1a1919;
	
}
.menugalerie ul{
	/*supprime les marges dans le container*/
	margin: 5px;
	padding-left: 10px;
	/*supprime les distances du texte à la puce*/
	
	
	/*Flottement gauche des intitulés des boutons*/
	float: left;
	/*Adaptation automatique de la largeur de la liste à la largeur du container*/
	width: 200px;
	/*Bordure autour de la liste*/
	/*Couleur du trait de bordure*/
/*border: solid #888888;*/	
	/*Largeur du trait*/
/*border-width: 0px 0px 0px 0px;*/
	/*Mise en place de l'image du fond*/
	background: ##1a1919;
	}
.menugalerie ul li{
	list-style-type:none;
	padding:0px;
	background-color:wite;
	
	
	
	/*display:list-item;*/
	}
.menugalerie ul li a{
	width:100%;
	
	/*Couleur du texte*/
	
	/*Espacement des liens*/
	/*padding: 5px 10px;*/
	padding: 4px ;
	/*Effacement du souligné*/
	
	text-decoration: none;
	/*Traits vertical entre les items*/
	/*border-right: 1px solid #FFFFFF;*/
	color:#FFF;
	}	
/*Etat du lien après visite*/
.menugalerie ul li a:visited{
	/*Change la couleur de l'intitulé du bouton après visite*/
	color:#FFF;
		}
/*Etat du lien au survol (bouton enfoncé)*/
.menugalerie ul li a:hover{
	/*Couleur du texte au survol*/
	color: #f2ad6a;
	font-weight:bolder;
	
	/*Charge l'image de fond*/
	/*background: #1a1919;*/
	}	
.menuretouche {
	position: absolute;
	width: 900px;
	height: 55px;
/*position  0px gauche par rapport au global*/
	left: 0px;
	top: 95px;
	background-color:#1a1919;
	}
	
.menuretouche ul{
	/*supprime les marges dans le container*/
	margin: 0;
	/*supprime les distances du texte à la puce*/
	padding: 0;
	/*Flottement gauche des intitulés des boutons*/
	/*float: left;*/
	float:none;
	/*Adaptation automatique de la largeur de la liste à la largeur du container*/
	width: 100%;
	/*Bordure autour de la liste*/
	/*Couleur du trait de bordure*/
	border: solid #888888;	
	/*Largeur du trait*/
	border-width: 0px 0px 0px 0px;
	/*Mise en place de l'image du fond*/
	background: #151212;
	}
	
/*Affichage de la liste horizontalemment*/

.menuretouche ul li{
	display: inline;
	}
/*Etat du lien*/
.menuretouche ul li a{
	float: left;
	/*Couleur du texte*/
	color:#FFFFFF;
	/*Espacement des liens*/
	/*padding: 5px 10px;*/
	padding: 5px 10px;
	/*Effacement du souligné*/
	
	text-decoration: none;
	/*Traits vertical entre les items*/
	/*border-right: 1px solid #FFFFFF;*/
	}
/*Etat du lien après visite*/
.menuretouche ul li a:visited{
	/*Change la couleur de l'intitulé du bouton après visite*/
	color:#ffffff;
	}
/*Etat du lien au survol (bouton enfoncé)*/
.menuretouche ul li a:hover{
	/*Couleur du texte au survol*/
	color: #f2ad6a;
	font-weight:bolder;
	/*Charge l'image de fond*/
	/*background: #1a1919;*/
	}	
#global #bloclegende {
	color: #f2ad6a;
}
#global .menuretouche ul li {
	text-align: center;
}