body {

	
	
	width: 850px  ;
    padding-bottom:0px;
	height:1200px;
	margin-left: 2px;
	margin-right: 0px;
	margin-top: 10px;
	
	
	
	background : #211000;/*  brun foncé : #1a1412
							gris soutenu :#211c18
							gris dur :		#525552
							ocre jaune :#bd9a59;
	
	*/

	/*background-image: url("png/page_presentation4.png");
	background-repeat: no-repeat ;
	background-image: right;*/
	
	
	/**background-image: url("png/direction.png");
	background-repeat: repeat y no-repeat x;**/
	}
	
.entete /*Photographe*/
{
position : absolute;
left :5%;
top: 85%;
margin-top : 10px;

text-decoration: none;
float: left;



font-family: "Century Gothic", Garamond, Arial,"Trebuchet MS", Verdana,  serif;
color: #bd9a59;




}
.moi /*Nathalie Ruette*/

{
position : absolute;
left :5%;
top: 75%;
margin-top : 10px;

text-decoration: none;
float: left;

/*border-bottom : 1px solid #bd9a59;*/
font-size: 2.3em;
font-family:  Garamond,"Century Gothic", "Trebuchet MS",Arial, Verdana,  serif;
font-style : italic;
color: #bd9a59;



}


	
.imagetype2	 img /*la signature NR*/
{
position : absolute;

float: left;

left:3%;
top: 20%;
margin : 0px;
padding : 0px;
border :  none;
/*width:20%;
height: 25%*/


}
	
/*.entete ul li
{

font-size: 0.9em;
font-family: "Century Gothic", "Trebuchet MS", Verdana, Arial, serif;
color: #bd9a59;
list-style-type: circle;
list-style-position : inside;
width: 100%;

}	*/


	
.imagetype1 img
{

position : relative;
left : 38%;
top: 10px;
margin-top : 2%;
padding : 10px;

/*border :  1px solid  #bd9a59;*/
width: 75%;
}	




	


/************************************************colors bathroom**************************************************************/
.imagetype3 img
{

position : relative;
left : 40%;
margin-top : 5%;
padding : 15px;
float: left;
border :  1px solid  #bd9a59;
width: 30%;
margin-right : 5%;
}	

.imagetype4 img
{


margin-top : 1%;
padding : 2px;
float: left;
border :  1px solid  #bd9a59;
width: 15%;
margin-right : 1%;
}	

.menu_couleurs
{
width : 25%;
position : absolute;
left : 5%;
margin-top : 15%;



}




.remarques_pour_Howard
{
position : absolute;
left : 5%;
width : 25%;
margin-top : 20px;

text-decoration: none;

font-family: Arial,"Trebuchet MS", Verdana,  serif;
color: #bd9a59;





}

/************************************************fin colors bathroom**************************************************************/


.position-menu
{
padding-left: 2px;
    width: 35%;
	
	font-size: 1.2em;
	margin-left: 0px;
	left: 3px;
	z-index:300;
	position: absolute;
	margin-top : 5%;



}


.menu-entree 
{

position : absolute;
top: 10px;
right : 15%;
width : 20%;
margin-top : 1%;
font-size: 0.8em;
text-decoration: none;
z-index: 900  ; /**très important, pour que les liens du menu anglais  français soient actifs, l'image exposée est en z-index 300 [inférieur à 400] 
					je ne sais pas pourquoi ** j'ai trouvé pourquoi, c'est une question de couches, comme des calques, certains div sont en-dessous et d'autres en dessus

				*/
font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;
color: #bd9a59;


}

.menu-entree a
{






text-decoration: none;

font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;
font-style : none;

color: #bd9a59;


}


.menu-entree a:hover 
{
color: #c4beaa;
}







.menu_vertical
{
	
	position: absolute;
	top : 13px;
	left: 5px;
	width: 80%;
line-height: 20px;
text-align: center;

z-index: 400;
margin-bottom: 0px;
padding-bottom: 0px;

background: none;
	/*ajouté*/
	
		}
		
.menu_vertical	dl, dt, dd, ul, li {
margin: 0px;

font-size: 0.8em;
list-style-type: none;
font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;
		

}

.menu_vertical  dt a:hover {
color: white /*#bd9a59*/;

}

	



.menu_vertical dl {


}

.menu_vertical dl a{

border: 1px solid #1a1412;
padding : 0px;
margin : 0px;
}



.menu_vertical dt {



text-align: center;


margin-top: 20px;
color : black;
background: #bd9a59;/*marron*/
}




.menu_vertical dd {
text-align: center;
padding : 0px;
margin : 0px;
margin-top: 3px;

color :#efd331;
font-size: 0.8em;
background: none;
border-right: 1px solid #c4beaa;
border-bottom: 1px solid #c4beaa;
}
.menu_vertical li {
text-align: center;
padding : 0px;
margin : 0px;
margin-top: 3px;

color :#c4beaa;
font-size: 0.8em;
background: none;
border-right: 1px solid #c4beaa;
border-bottom: 1px solid #c4beaa;




}

.menu_vertical dd a  {
color: #bd9a59;
text-decoration: none;
border: none;
display: block;
height: 100%;


}

.menu_vertical dd a:hover  {
color: #c4beaa;
text-decoration: none;
border: none;
display: block;
height: 100%;

/*background : #bd9a59;*/
}






.menu_vertical li a  {
color: #c4beaa;
text-decoration: none;
border: none;
display: block;
height: 100%;

}

.menu_vertical dt a {
color:  black;
text-decoration: none;
border: 1px solid white;
display: block;
height: 100%;
margin-top: 20px;

}



.menu_vertical li a:hover {
background: black;

}

.menu_vertical li a:focus, .menu_vertical dt a:focus {
background: black;

}


.menu_vertical li a:visited, .menu_vertical dt a:visited {
;
}



.infos_bas
{
	
	position: absolute;
	top : 850px;
	left: 5px;
	width: 80%;
line-height: 20px;
text-align: center;


margin-bottom: 0px;
padding-bottom: 0px;

background: none;
	/*ajouté*/
	
		}
		


.boite_menu_info
{
	
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	
    width: 99%;
	color: #bd9a59;
	font-size: 0.64em;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 0px;
	
	
	
	z-index:200;
	
border: 1px solid #bd9a59;
text-decoration: none;
text-align: center;
font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;

}


/*image à  présenter*/

				
				.image_a_presenter  img
			{
						
						border: 1px solid #b7b86a;
						padding: 10px;
						margin-top: 20px;
						margin-bottom: 20px;
						margin-right: 2px;
						}


/* titres des images présentées une fois que la miniature est sélectionnée */	


.presentation_moi /*pour mon tableau de bord pour miniaturiser et copyrighter les images */
	
	{
						float: left;
						margin: 10px;
						padding: 10px;
						width: 90%;
						 /*hauteur de la boite qui contient les images miniatures et celle qu'on présente*/
						}

#ligne_suivie  
{
position : absolute;

top : 1%;

left :8px;
padding-top : 10 px;
	margin-top : 5px;
font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;
	color: #bd9a59;
	font-size: 0.7em;
	margin-left: 0px;

width: 100%;

}

#ligne_suivie  a 
{
color: #bd9a59;
text-decoration: none;
}

#ligne_suivie  a:hover
{
color: #c4beaa;

text-decoration: none;
}

/***********************port folio******************************/


.titre_des_galeries_du_port-folio

{
position : absolute;

top : 2%;

left :41%;
padding-top : 0 px;
padding-left: 0px;
padding-bottom: 0px;
	margin-top : 0px;
font-family: Garamond,"Century Gothic",Arial,"Trebuchet MS", Verdana,  serif;
	color: #bd9a59;
	font-size: 2em;
	margin-left: 0px;
	text-align: center;
/*border:0.5px solid #bd9a59;*/
width: 20%;
background-image: url("png/patte6.png");
	background-repeat: no-repeat ;
line-height: 70px;
font-style : italic;
}









.titre_icone_galerie 
{

width: 8%;
font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;
	color: #bd9a59;
	font-size: 0.7em;
 
left :25%;
top : 110px;
z-index : 400;
}

.icone_galerie
{
position: absolute;
width: 10%;
left :25%;
top : 95px;
}

.icone_galerie img
{

width: 80%;

border-right: 2px dotted #bd9a59;
border-bottom: 1px solid  #bd9a59;
border-left: none;
border-top : none;
float : left;
margin : 0px;
padding: 0px;

z-index : 400;
}



.icone_galerie a
{
text-decoration : none;
}





#miniature_galerie_portfolio

{
width: 25%;
position : absolute;
top : 90px;

left: 10px;
	
}

#miniature_galerie_portfolio a

{

font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;
	color: #bd9a59;
	
text-decoration : none;
border: none;

}

#miniature_galerie_portfolio img

{

font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;
	color: #bd9a59;
	width: 15%;
text-decoration : none;
padding : 0px;

margin-right: 3%;
margin-bottom : 4%;
border-right: 2px dotted #bd9a59;
border-bottom: 1px solid #bd9a59;
border-left: none;
border-top: none;
float: left;



}






table
	{
		
		
		width: 90%;
		margin: auto;
		
		padding-left: 0px;
		
		
		
		border-collapse: collapse;
		}
		
th
{border: none;
		font-size: 0.5em;
		color: #bd9a59;
		height: 20px ;
		background-color:none;
		margin-bottom : 5px;
		
		text-align: left;
		
		}
		
tr
{
		font-size: 0.8em;
		color: #bd9a59;
		
		margin: 2px;
		}

td
{


		
		font-size: 0.8em;
		color: #bd9a59;
		height: 20px ;
		margin-top: 2px;
		margin-bottom: 2px;
		margin-right: 2px;
		}

.image_de_galerie_de_portfolio 
{

width: 100%;
right : 2%;
margin : 5px;

}


.image_de_galerie_de_portfolio img
{

position : relative;
left : 38%;
top: 10px;
margin-top : 2%;
padding : 10px;

/*border :  1px solid  #bd9a59;*/
width: 75%;
z-index : 300;












}




.titre_image_de_galerie_de_portfolio 
{
left : 48%;
font-size: 0.9em;
		color: #bd9a59;
		
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		margin-right: 0px;
		
		
position : relative;

top: -10px;

padding : 0px;

/*border :  1px solid  #bd9a59;*/
width: 75%;
z-index : 400;
font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana, Arial, serif;
text-decoration: underline;
		font-variant: small-caps;
		text-align: left;

/*border :  1px solid  #bd9a59;*/

}

/*les miniatures décoratives pour les galeries privées**/


.deco_galerie_privee

{
width: 90%;
position : absolute;
top : 90px;

left: 10px;
	
}

.deco_galerie_privee a

{

font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;
	color: #bd9a59;
	
text-decoration : none;
border: none;

}

.deco_galerie_privee img

{

font-family: "Century Gothic",Arial,Garamond,"Trebuchet MS", Verdana,  serif;
	color: #bd9a59;
	width: 10%;
text-decoration : none;
padding : 2px;

margin-right: 3%;
margin-bottom : 4%;
border-right: 4px double #bd9a59;
border-bottom: 4px solid #8E7547;
border-left: none;
border-top: none;
float: left;
}

.titre_forfait
{
width: 540px;
position : absolute;
left : 38%;
top: 90px;
z-index : 100;

padding-top : 0 px;
padding-left: 0px;
padding-bottom: 10px;
	margin-top : 0px;
font-family: Garamond,"Century Gothic",Arial,"Trebuchet MS", Verdana,  serif;
	color: #bd9a59;
	font-size: 1.7em;
	margin-left: 0px;
	text-align:right;
	
font-style : italic ;
height: 55px;
border-bottom : double 3px #bd9a59;



}
.regard_forfait
{
width: 540px;
position : absolute;
left : 38%;
top: 70px;
z-index : 200;
border-top : solid 1px #bd9a59;
border-left:solid 1px #bd9a59;
height:46px;
}

.chachou_assis_forfait
{
width: 50%;
position : absolute;
left : 50%;
top: 5px;
z-index : 700;


}




.explication_forfait
{

position : absolute;
left : 38%;
top: 470px;
width: 550px;
z-index : 400;
line-height: 20px;
background-image: url("png/fond_rond.png");
	background-repeat: no-repeat ;
height: 605px;





}
.contenu_forfait
{
width: 85%;
color: #211000;
font-family: Verdana,"Century Gothic",Garamond,Arial,"Trebuchet MS",   serif;
font-size: 0.7em;
text-align:justify;

margin: 10px;

padding-left:40px;
padding-right: 15px;

padding-top: 30px;
padding-bottom: 5px;



height: 605px;

}




.explication_forfait p
{


z-index : 300;
line-height: 20px;

height: 684px;


}
.explication_forfait table
{
width: 100%;
z-index : 600;
color:  #bd9a59;
font-family: Verdana,"Century Gothic",Garamond,Arial,"Trebuchet MS",   serif;
font-size: 1.2em;
padding-right: 10px;

}




.explication_forfait thead
{
z-index : 500;
height : 50px;
border-bottom:  1px solid  #211000;
}

.explication_forfait td
{

z-index : 500;
color:  #211000;
font-family: Verdana,"Century Gothic",Garamond,Arial,"Trebuchet MS",   serif;
font-size: 1.2em;
padding-right: 15px;
border-bottom:  1px solid  #211000;
}


.fichier_flash_forfait
{
z-index : 400;
width: 65%;
	height: 45%;

position : absolute;
left : 35%;
top: 780px;


}

.fichier_flash_entete
{
z-index : 0;
width: 30%;

	height: 400px;

position : absolute;
left : 1px;
top: 550px;
padding-bottom:0px ;

}

.charte
{
z-index : 300;
width: 550px;
padding: 10px;
padding-left:5%;
	height: 261px;
background-image: url("png/charte.png");
	background-repeat: no-repeat ;
position : absolute;
left : 38%;
top: 180px;




}

.charte p
{
line-height: 15px;

font-family:Verdana,Garamond,"Century Gothic", Arial,"Trebuchet MS",   serif;
font-size: 0.6em;
width: 300px;
color: #211000;
text-align: justify;
padding-left : 30%;
text-indent :30px;
padding-top : 0px;
line-height: 15px;

}






.pied-de-page
{
position : absolute;
left : 10px;
top: 1080px;
height :120px;

width: 98%;

background-image: url("png/dessin_souris_pied-de-page3.png");
	background-repeat: no-repeat ;

}

.pied-de-page p
{
font-family:"Century Gothic",Verdana,  Garamond,"Times New Roman","Trebuchet MS",Arial,  serif;
font-size: 0.7em;
		color: #bd9a59;
text-align : justify;

padding-left : 35%;
padding-top :8%;
}