body
{
 font: 12px verdana, sans-serif;
 background: #5F879D;
 margin: 0;
 padding: 0;
}

#entete
{
 width: 70%;
 height: 112px;
 margin-right:auto; 
 margin-left:auto;
 padding:0;
 background-color: white;
 margin-top:0;
 margin-bottom:0px;
}

#logo_left
{
 float:left; 
 height:75px;
 border:10px solid transparent;
}


#adresse
{
 float:right;
 height:75px;
 border:10px solid transparent;
 font: 20pt;
 text-align:right;
}

#menuDeroulant
{
 width: 70%;
 list-style-type: none;
 margin-left: 15%;
 margin-right: 15%;
 margin-top:0px;
 padding: 0;
 border: 0;
 position:absolute;
}

#menuDeroulant li
{
 float: left;
 width: 25%;
 margin: 0;
 padding: 0;
}

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width:100%;
 border-top: 1px solid transparent;
 border-right: 1px solid transparent;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 20px;
 color: #FFF;
 background: #3B4E77;
 margin: 0;
 padding: 4px 8px;
 border-right: 0.5px solid #FFF;
 border-left: 0.5px solid #FFF;
 text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background: #3B4E77 repeat;
}
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;
}

#menuDeroulant .sousMenu li a:active { background-color: #5F879D; }

#menuDeroulant li:hover > .sousMenu { display: block; }

#galerie-menu 
{
	width:670px;
	margin:auto;
    padding-bottom:10px;
    padding-top:10px;
	border:solid;
	border-radius:5px;
	box-shadow:2px 2px 5px gray;
	background:#ccc;
	text-align:center;
	}
#galerie-menu a img 
{
	height:160px;
	width:160px;
	border:none;
	vertical-align:top;
}
#galerie-menu a 
{
	border-radius:15px;
	display:inline-block;
	transform:scale(0.75);
	overflow:hidden;
	box-shadow: 0 0 15px gray;
	border:solid white;
	transition:1s;
	z-index:1;
}
#galerie-menu a:hover,#galerie-menu a:focus 
{
	transform:scale(1.1);
	transform-origin:top center;
	z-index:5;
	background:white;
	transition:1s;
}
#galerie-menu a:before 
{
	content:attr(title);
	position:absolute;
	color:white;
	bottom:0;
	box-shadow:0 0 3px white;
	display:block;
	width:100%;
	background:rgba(0,0,0,0.3);
}

#corps
{ 	
 width:70%;
 margin-top:25px;
 margin-right:auto; 
 margin-left:auto;
 text-align:center;
 float:center;
 background:#FFF;
 border:0;
 padding-bottom:40px;
 padding-top:40px;
}

#corps_colonne
{
 position:relative;
 font: 20pt;
 margin-top:auto;
 margin-bottom:auto;
 margin-right:auto; 
 margin-left:auto;
}

#corps ul
{
 text-align:left;
 padding-left:10px;
 padding-right:10px;
 list-style-type: none;
}

#corps ul a {text-decoration: none;}

#corps ul a:link, #corps ul a:visited { color: #3B4E77; }

#corps ul a:hover { color: #F2462E; }

#corps ul a:active { color: #5F879D; }

#corps li
{
 text-align:left;
 padding-left:20px;
 padding-right:20px;
 list-style-type: none;
}

#corps .liste li
{
 margin-bottom:5px;	
 list-style-type: none;
}

#corps img
{
 border:0;
}

#legend
{
 font-style:italic;
 font-size: 100%;
}

.indent
{ 
 text-indent: 30px ; 
} 

#piedpage
{
 width:70%;
 height:20px;
 margin-right:auto; 
 margin-left:auto;
 text-align:right;	
 background: #3B4E77;
 font-style:italic;
 color: #FFF;
}