body {width: 800px;
	height: auto ;
   margin: auto; /* Pour centrer notre page */
   margin-top: 10px; /* Pour éviter de coller avec le haut de la fenętre du navigateur. */
   margin-bottom: 0px;    /* Idem pour le bas du navigateur */
  
  overflow:scroll;
}
 
html{
  background-color : 	white; }
 
#flashcontent {
		height: 550px;
		margin: 2px;
	}
	
 
/*--------------- Design Entete ---------------*/	
 
#banniere {	 
   width: 800px;
   height: 64px;
   background-image:url("../img/enteteV1.png");
   background-repeat: no-repeat;
   margin: 0px 0px;


	 }
	 
#banniereBas{ 
margin-left : 4.6px;
width: 120px;
height: 33px;
 margin-bottom :0px;
background-image:url("../img/enteteV1bas.png");
background-repeat: no-repeat;

 float :left ;
	
}

/*--------------- Design Menu ---------------*/	

#accueil {
	width :98px ;
	height : 25px ;
	float : left ;
	margin-left :50px;
	}
	
#accueil:hover{
	height : 22px ;
	border-bottom:3px solid black;
	background-color :yellow;
	
}



#portfolio{
	width :125px ;
	height : 25px ;

	float : left ;

	}
	
#portfolio:hover {
	height : 22px ;
	border-bottom:3px solid black;
	background-color :yellow;
}


	
#galeriePrivee{
	width :168px ;
	height : 25px ;

	float : left ;

	}
	
#galeriePrivee:hover {
	height : 22px ;
	border-bottom:3px solid black;
	background-color :yellow;
}

#contacts{
	width :123px ;
	height : 25px ;

	float : left ;

	}
	
#contacts:hover{
	height : 22px ;
	border-bottom:3px solid black;
	background-color :yellow;
}


#barreMenu {
width: 580px ;
height :1px;
margin-left: 50px;
margin-bottom:10px ;

float:bottom;
}




 /*--------------- Design General ---------------*/	

#corps {  
height : auto ;
width : 800px;
padding: 10px;
}


p{ 	
	color:black;
	font-family :  "Arial", Verdana, serif;
	}

h1{
	color:black ;
	font-family :  "Arial", Verdana, serif;
	font-size:large;
}

h2{
	color:grey ;
	font-family :  "Arial", Verdana, serif;
	font-size: medium;
	padding-left : 10px ;
	text-decoration : underline ;
}

strong{
	color:black;
	font-family :  "Arial", Verdana, serif;
	font-size: medium;
}


/*--------------- Design Accueil ---------------*/	

#imageAccueil { 
	height: 300px;
	width: 350px;
	border: 1px solid black ;
	padding: 5px;
	}

#hautGauche{
	padding: 5px;
	height: 328px;
	margin-top: 50px;
	
	width: 378px;

	float: left;
	}

#hautDroit{
	padding-top:10px;
	padding-bottom:10px ;
	padding-left : 5px;
	padding-right:5px;
	height: 380px;
	width: 400px;

	float:right;
}

#citation{ 
	padding-top : 80px;
	padding-left : 20px ;
	font-family :  "Arial", Verdana, serif;
	height: 100px;
	width: 360px ;
	float: left ;
	
	font-weight: lighter;

	
	}

.listeAccueil{ margin-top :10px;
list-style-type: none;
margin-right:10px;
float:right;
}

.lienAccueil {
	color:grey ;
	font-family :  "Arial", Verdana, serif;
	text-decoration:none;
	font-size: small;
	font-variant :small-caps ;

}


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




/*--------------- Design Accueil Bas ---------------*/

.retourhaut{float:right ;}


#basAdresse{ 
	padding: 10px;
	width: auto;
	height: 130px;

	float:left ;
	border-top :1px solid ;
	
}

#basPartenaires{ 
	margin-top: 30px;
	padding: 10px;
	width: 780px;
	height: 200px;

	float:left ;
	border-top :1px solid ;
	
}
#basPlanStudio{ 
	margin-top: 30px;
	padding: 10px;
	width: 780px;
	height: auto;

	float:left ;
	border-top :1px solid ;
	
}
#basReference{
	margin-top: 30px;
	padding: 10px;
	width: 780px;
	height: auto;

	float:left ;
	border-top :1px solid ;
	
}

#basIndex{
	width: 780px;
	height :10px;
	border-top :1px solid ;
	float :left;
	text-align:right ;
	font-size : xx-small ;
	color:grey;
	margin-top: 30px;

}

#mail{ text-decoration: none;
		color : grey;}

.partenaires{ 
	height: auto;
	width: 700px;
	font-size: small;
	
	padding-left : 30px ;
	color:black ;
	font-family :  "Arial", Verdana, serif;
	
}

#planaccces{
padding: 10px;
	height: auto;
	font-size: small;
	width :400px;
	padding-left : 30px ;
	color:black ;
	font-family :"Arial", Verdana, serif;
	float:left;
	border : 1px solid black;
}

#addacces{
	margin-top: 200px;
	width: 160px;
	font-size: small;
	float:right;
	padding-left : 30px ;
	color:black ;
	font-family :  "Arial", Verdana, serif;
}

.listemateriel{
font-family :  "Arial", Verdana, serif;
color:black ;
font-size: small;
}


/*--------------- Design Portfolio ---------------*/

.separationGalerie{ 
	width :130px ;
	height: 200px;
	margin-right: 50px;
	margin-top: 30px;
	float: left;
	text-align:center;
}

#miniatureGalerie{
	width :140px;
	height:140px;
	border : 5px solid black ;
	
}

#groupeGalerie{
	background-image:url("../img/cadre.png");
background-repeat: no-repeat;
	margin-top: 0px;
	padding-top:30px;
	width : 550px ;	
	height : 550px;
	padding-left: 170px ;
}

#groupeGaleriemariage{
	
	background-repeat: no-repeat;
	margin-top: 0px;
	
	padding-top:30px;
	width : 650px ;	
	height : 250px;
	padding-left: 270px ;
}

.lienGalerie{
	height :20px ;
	font-family : "Arial Black", Arial, Verdana, serif;
	font-weight :normal ;
	text-decoration: none ;
	color : black;
	text-transform :lowercase;
	float : center ;
}

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


.retourgalerie{margin:15px;
float:right;
}

/*--------------- Design Contacts---------------*/

.formulaire {
margin-top: 10px;
padding-top: 40px;
margin-left: 20px;
height: 380px;
width: 400px;
background-image:url("../img/eclairage.png");
background-repeat: no-repeat;
float: left;

}

.champsContacts{
height: 50px;
width: 180px;
float:left;
}

#champText{
height: 220px;
width: 400px;

float:left ;
}

#mail{
width :200px;

}

#champEmail{
height: 50px;
width: 150px;

float:left;
}

#champDescription{

height: 30px;
width: 300px;

float:left ;
}

#infoContact{
height: 200px;
width: 280px;
margin-top: 100px;
margin-left:50px;

float:left;
border-left: 1px solid black;
text-align:center;
}

/*--------------- Design Galerie Privee---------------*/

.champsContactPrivee{

width: 180px;

float:left;
}

.champsContactPriveeBouton{

width: 180px;

float:left;
padding-top:18px;

}

#textGaleriePrivee{

width: 600px;
margin-top: 30px;
margin-left: 20px;
float:left;
}


#photohasssel{ 
	float: left;}


.miniature {			
	margin-top:20px ;
	margin-left:20px;
	margin-right: 0px;
	margin-bottom :50px;
	border: 5px solid #808080;
	float: left ;}	
.miniaturetitre{
}
	
.miniaturephoto { height : 120px ;
			width : 120px;
			

			padding: 0px;
			}
			
#deconnection{float:left;
				text-decoration : none ;
				color: grey ;}
				
#deconnection:hover { text-decoration : underline ;}

#message_accueil { float:left;
					width: 700px;}
					
					
#pageflip {
background-color : black ;
}

/*--------------- Design Mariage---------------*/

#lienbooktext { 
margin-left :50px;
color: black;
font-family :  "Arial", Verdana, serif;
text-decoration:none; 
text-align:center;
}

#lienbooktext:hover{
text-decoration:underline;
}

#book{margin-top: 50px;
height: 20px;
width :800px;
}

#textpageflip{ color : white;
text-align:center;}