body {
  background-color: #F0F4F4;
  font-family: Arial, "Times New Roman", Times, serif;
   	/* "Comic Sans MS", Geneva, Verdana, */
  font-size: 16px;
  font: 14px sans-serif;
  margin: 1em;
  width:85%;
  margin:auto;
}


body a
{
	color: blue;
	text-decoration: underline;
}

body a:hover
{
	background-color: #E9FA00;
   	color: #002266;
}

html {
	width:85%;
	margin:auto;
}

nav#head
{
	text-align: right;
}

nav#nav
{
	float: left;
    width: 280px;
  
}

section
{
    margin-left: 300px;
}

#galerie
{
 width:250px;
 box-shadow:0px 0px 20px #cecece;
 -moz-transform: scale(0.7);
 -moz-transition-duration: 0.6s; 
 -webkit-transition-duration: 0.6s;
 -webkit-transform: scale(0.7);
 
 -ms-transform: scale(0.7);
 -ms-transition-duration: 0.6s; 
}

#galerie:hover
{
  box-shadow: 20px 20px 20px #dcdcdc;
 -moz-transform: scale(0.8);
 -moz-transition-duration: 0.6s;
 -webkit-transition-duration: 0.6s;
 -webkit-transform: scale(0.8);
 
 -ms-transform: scale(0.8);
 -ms-transition-duration: 0.6s;
 
}

#logo
{
	
 box-shadow:0px 0px 8px #cecece;
 -moz-transform: scale(0.7);
 -moz-transition-duration: 0.6s; 
 -webkit-transition-duration: 0.6s;
 -webkit-transform: scale(0.7);
 
 -ms-transform: scale(0.7);
 -ms-transition-duration: 0.6s; 
}

#logo:hover
{
	box-shadow: 5px 5px 5px #dcdcdc;
 -moz-transform: scale(0.8);
 -moz-transition-duration: 0.6s;
 -webkit-transition-duration: 0.6s;
 -webkit-transform: scale(0.8);
 
 -ms-transform: scale(0.8);
 -ms-transition-duration: 0.6s;
}

footer
{
	float: bottom;    
}




li {
 padding:auto;
 margin:0;
 align:center;
 list-style-type:none;
 }

div#nav {
	align:center;
}
div#nav a {  
     align: center;
     width: 200px; 
     height: 20px;
     display: block;
     padding:4px;
     text-align: left;
     border: 1px solid gray;
     text-decoration: none;
     background-color:#6495ED;
     color: #000;
     background: #fff;
     margin : 10px;
 	 color:black;
  	 text-decoration:none;
	 border:2px solid;
 	 /*pour avoir un effet "outset" avec IE :*/
	 border-color:#FD601C #696969 #696969 #FD601C;
}
 
div#nav  a:hover {
 background-color:#FD601C;
 background: #FD601C;
 border: 1px solid gray;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 



ul#dec li a{
 margin : 10px;  
 width:90px;
 background-color:#6495ED;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:4px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
 }
  
 ul#dec li a:hover {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 


 a.bout{
 margin : 10px;  
 width:90px;
 background-color:#6495ED;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:4px;
 border:2px solid;
 /*pour avoir un effet "outset" avec IE :*/
 border-color:#DCDCDC #696969 #696969 #DCDCDC;
 }
 
a.bout:hover {
 background-color:#D3D3D3;
 border-color:#696969 #DCDCDC #DCDCDC #696969;
 } 
/* L'en-tete */
#Layout {
	width:970;
    margin-left: auto;
    margin-right: auto; 
}
#en_tete
{
   	width: auto;
   	text-align: center; 
   	height: 300px;
   	border-style: outset;
   	border-color: #33ffff;  
   	border-width: 1px;
   	margin-bottom: 200px;
   	padding-left: 10px;
   	padding-right: 10px;
   	font-family: Papyrus, "Comic Sans MS", Geneva, Arial,Verdana, "Times New Roman", Times, serif;
  	font-size: 16px;
   	color:#000066;
}

/* Le menu */

div#menu
{
   	float: left;
   	width: 230px;
   	height: 520px;
   	border: 1px;
	margin-top: 10px;
	margin-bottom: 10px;
   	border-style: outset;
   	border-color: #00ffff;
   	background-color: #80F6E6;
   	color: #000066;
}

/* Le corps de la page */
					
#corps
{
   	font-size: 14px;
   	margin-top: 10px;
	margin-bottom: 10px;
    padding: 10px;
   	color: #000000;
 /* background-color: #e8e8e8;*/
   	border-width: 1px;
   	border-style: outset;
   	border-color: #00ffff; 
	background-color: #efefef;
     
}

#corps2
{
   	font-size: 14px;
   	width: auto;
	min-height: 500px;
   	margin-left: 0px;
   	margin-top: 10px;
	margin-bottom: 10px;
    padding: 10px;
   	color: #000000;
 /* background-color: #e8e8e8;*/
   	border-width: 1px;
   	border-style: outset;
   	border-color: #00ffff; 
	background-color: #efefef;
     
}


#corps1
{	
   	font-size: 14px;
   	width: auto;
	min-height: 600px;
    align: center;
   	margin-top: 10px;
	margin-bottom: 10px;
   	padding: 10px;
   	color: #000000;
 /*  	background-color: #e8e8e8;*/
   	border-width: 1px;
   	border-style: outset;
   	border-color: #00ffff; 
 	background:url(img/Steria.PNG) no-repeat center center;
 	background-size: 970px 620px; 
}


#pied_de_page
{
   	font-size: 16px;
   	width: auto;
	margin-left: 280px;
	height: 50px;
	margin-bottom: 10px;
   	padding: 10px;
   	color: #99ffff;
   	background-color: #1f7997;
   	border-width: 1px;
   	border-style: outset;
   	border-color: #00ffff; 
     
}

#pied_de_page1
{
   	font-size: 16px;
   	width: auto;
	height: 50px;
	margin-bottom: 10px;
   	padding: 10px;
   	color: #99ffff;
   	background-color: #1f7997;
   	border-width: 1px;
   	border-style: outset;
   	border-color: #00ffff; 
     
}