body {
   background-color:#fff; /*Couleur de fond de la page Web*/
   color:#003890; /*Couleur du texte*/
   font-family:Arial, Verdana, Helvetica, sans-serif; /*Polices d’écriture*/
   line-height:120%;
   font-size:13px; /*Taille d’écriture*/
   padding:0; /*Pour que la page n’ai aucune marge*/
   margin:0; /*Pour que la page n’ai aucune marge*/
   background-image:url('../images/fond.jpg');
   background-repeat:no-repeat;
   background-position:50% 0%;
   }
   
div#contenu {
   width:900px; /*Largeur du design*/
   margin:0 auto 0 -450px; /*Marges du design ( la 4eme marge représente la moitié de la largeur du div*/
   position:absolute;
   top:0px; /*25px entre le coin supérieur de l’écran et le design*/
   left:50%;/*50% de marge ( cela centrera le design )*/
   }
   
/* Reglages personnels : */
ul , li { margin:0; padding:0; list-style-type:none; } /* Pas de marges automatique dans les listes, ni de puces */

a { color:#003890; text-decoration:none; outline: none; }/*Paramètres des liens*/
a:hover { color:#64A2EC; }/*Paramètres des liens quand le pointeur est sur ceux-ci*/

h1 { text-align:center; margin:0; }/*Le texte des balises h1 est centré ( car il est souvent utilisé pour les titres), et cette balise n’a plus de marge automatique */
p { margin:0; padding:0; }/*Pas de marges automatiques sur les <p> */

div.clear { clear:both; }/*Nous verrons ceci un peu plus tard. */
img { display:block; border:0; }/*Aucune bordure sur les <img>*/

#menus{
  margin-top:336px;
  width:900px;
}

#menus li{
  width:450px;
  float:left;
}

#menu1{
	display: block; 
	width: 450px ;
	height: 298px;
	background: url('../images/menugauche.jpg') no-repeat 0 0 ;
}

#menu1:hover{
	background: url('../images/menugauche.jpg') no-repeat 0 -298px ;
}

#menu2{
	display: block; 
	width: 450px ;
	height: 298px;
	background: url('../images/menudroite.jpg') no-repeat 0 0 ;
}

#menu2:hover{
	background: url('../images/menudroite.jpg') no-repeat 0 -298px ;
}

#menus1{
  margin-left:66px;
  width:900px;
}

#menus1 li{
  float:left;
}

#menu11{
	display: block; 
	width: 156px ;
	height: 111px;
	background: url('../images/menu1.jpg') no-repeat 0 0 ;
}

#menu11:hover{
	background: url('../images/menu1.jpg') no-repeat 0 -111px ;
}

#menu12{
	display: block; 
	width: 204px ;
	height: 111px;
	background: url('../images/menu2.jpg') no-repeat 0 0 ;
}

#menu12:hover{
	background: url('../images/menu2.jpg') no-repeat 0 -111px ;
}

#menu13{
	display: block; 
	width: 204px ;
	height: 111px;
	background: url('../images/menu3.jpg') no-repeat 0 0 ;
}

#menu13:hover{
	background: url('../images/menu3.jpg') no-repeat 0 -111px ;
}

#menu14{
	display: block; 
	width: 203px ;
	height: 111px;
	background: url('../images/menu4.jpg') no-repeat 0 0 ;
}

#menu14:hover{
	background: url('../images/menu4.jpg') no-repeat 0 -111px ;
}

div#texte {
  width :900px ;
  text-align:center;
  margin-top :0px ;
}


div#texte p {
  padding-left:120px;
  padding-right:120px;
}

div#footer {
  width:900px;
  height:50px;
} 

p.copyright {
  margin-top:30px;
  text-align:center;
}

p.copyright1 {
  margin-top:5px;
  text-align:center;
}