/*design général*/
body
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	background-color:#505050;
	/*background: url("images/fondpage.png") repeat-y;*/
	font-family: helvetica, sans-serif;
	font-size: small;
	color:  white;
}

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }



/*design des liens */
a
{
	/*color: #F7E444;*/
	color:white;
	text-decoration: none;
	

}
a:hover
{
	text-decoration: underline;
}
a:visited
{
	color:white;

}



/*positionnent de la bannière */
#entete_centre
{
	height: 30px;
	padding: 10px;
	text-align: center;
	/*border-bottom: 2px solid  silver;*/
	
}

#entete_centre h1
{
	font-size: 120%;
	
}
#entete_g
{
	float: left;
}

#entete_d1
{
	float: right;
	
}

#entete_d2
{
	float: right;
	
}


/*design du corps */
#corps
{
	/*margin-left: 20%;*/
	padding: 20px;
	text-align: center; 

}

#bpage_g
{
	float : left;
}
#bpage_d
{
	float : right;
}




/*design du pied de page*/
#pied_de_page
{
	clear: left;
	padding: 10px;
	text-align: center;
	/*border-top:2px solid silver;*/
	font-style: italic;
	font-size: small;
		
}

/* definition des bordures */
#en_tete, #menu, #pied_de_page, #corps
{
	/*border: 1px solid silver;*/
}


.maPhotoPaysage
{
	float: none;
	width: 65%;
	border-style: solid;
	border-width: 2px;
	border-color: white;
	margin-top: 30px;
}

.maPhotoPortrait
{
	float: none;
	width: 30%;
	border-style: solid;
	border-width: 2px;
	border-color: white;
	margin-top: 30px;
}


.monImage	
{
	/*float: left;*/

	padding: 2px;
	border-style: none;

}


.cadre_1
{

	height: 50px;
	width: 150px;

}