body
{
height: 100%;

margin-left: auto;
margin-right: auto;
font-family: verdana, arial, sans-serif;
font-size: 90%;
 background:  top no-repeat;
 
 padding: 0;
 background-color: #CFEEFF;
}

 @media only screen and (min-width: 800px)
				   and (max-width: 950px)
				   {
					   font-size: 60%;
				   }
				   
@media only screen and (max-width: 799px)
				   {
					   font-size: 40%;
				   }					   

 /* ----------------------- menu deroulant--------------------------- */

#menuDeroulant
{
	width: 100%;
 max-width: 1000px;
 list-style-type: none;
 margin: auto;
 padding: 0;
 border: 0;
 position: absolute;
 top: 10px;
 left: 0;
 right: 0;
}

#menuDeroulant li
{
 float: left;
 width: 24%;
 margin: 0;
 padding: 0;
 border: 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: 99%;
 border-top: 1px solid red;
 border-right: 1px solid red;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 background: #3B4E77;
 margin: 0;
 padding: 2px 8px;
 border-right: 1px 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: #C0C0C0 repeat;
}

#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #F2462E;
}

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

   /*  ------------------ fin de menu deroulant -------------------- */
   

header
{
	width: 100%;
 max-width: 1000px;
text-align: center;
}

nav
{
padding: 0;
margin: 0;
text-align: center;
 }

 h1
 {
 text-shadow: 2px 2px 3px grey;
 }
 
 h2 
 {font-style: italic; color: red;
word-break: normal;
 hyphens: auto; 
 }
 
 
 .bloc_simple
{
 display: block; 
margin-left: auto;
margin-right: auto;
padding-left: 1%;
padding-right: 1%;
  width: 100%;               /*    */
border: 0;
}

.bloc_centre_double_egal
{
display: block;
padding-left: 1%;
padding-right: 1%;
margin: 1%;
border: 0;
overflow: auto;
}
 
.aside_gauche
{
float: left;
vertical-align: top;
padding-left: 1%;
padding-right: 1%;
width: 25%;
border: 0;
}	

.aside_droit
{
float: right;
vertical-align: top;
padding-left: 1%;
padding-right: 1%;
width: 25%;
border: 0;
}	

.bloc_interne_aside
{
display: block;
padding-left: 1%;
padding-right: 1%;
border-radius: 1%;
margin-top: 2%;
margin-left: 0;
margin-right: 0:
margin-bottom: 2%;
border: 1px solid blue;
text-align: center;
}

.image_centrale img
 {
display: block;
width: 90%;
margin-left: auto;
margin-right: auto;
}

.image_droite img
 {
width: 40%;	 
max-width: 350px;
float: right;
margin: 2%;
}

figure {
  float: right;
  width: 40%;
  text-align: center;
  font-style: italic;
  font-size: 90%;
  text-indent: 0;
  border: thin black solid;
  margin: 1%;
  padding: 1%;
}

  </body>
</html>