
body
{
   width: 760px;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background-color: #cfe1ef;
}

/* L'en-tête */

#en_tete
{
   width: 650px;
   height: 120px;
   background-image: url("images/banniere.png");
   background-color:white;
   background-repeat: no-repeat;
   margin: auto;
   margin-left:200px;
   border: medium double #420097;
   border-top-width:0px;
   border-left-width:0px;
   border-right-width:0px;
}
#en_tete h4{
   height: 30px;
   font-style: italic;

   background-image: url("images/titre.png");
   background-repeat: no-repeat;
    font-size: 30px;
   padding-left: 30px;
   color: #34008b;
   text-align: left;
}
#en_tete h5
{
   font-style: italic;
   font-family: "book antiqua", Arial, Verdana, serif;
   text-align: left;
   color : "#c100fc";
   font-size: 50px;
   	margin-left:120px;
	color :red;

}
.element_en_tete a
{
   color: red;
   height : 50px;
}

.element_en_tete a:hover
{
   color: red;
}
/* DIV */
div.float {
 	float: left;
 }

div.float p {
 	text-align: center;
	color : red;
  }
div.float a
{
	font-size: 15px;
	font-family: "Comic Sans MS",Arial, Verdana, serif;
	color: ff8b19;
	font-weight : bold;
}

/* Le menu */

#menu
{
   width: 650px;
   height:50px;
   margin-left:200px;
   background-image: url("images/menubleu.png");
   border: medium double #420097;
   border-top-width:0px;
   border-left-width:0px;
   border-right-width:0px;
}

.element_menu
{
   margin-top: 10px;
   font-family:  "book antiqua",Arial, Verdana, serif?;
  font-weight: NORMAL;
}


/* Quelques effets sur les menus */


.element_menu h3
{    
   color: red;
   font-size: 25px;
   font-family: "book antiqua",Arial, Verdana, serif;
   text-align: center;
}

.element_menu ul
{
   /*list-style-image: url("images/puce bserv.jpg");*/
   
   padding: 0px;
   padding-left: 10px;
   margin : 0px;
   margin-bottom: 5px;
   font-size: 18px;
   color : red;
   border: 1px solid gray;

}

.element_menu a
{
   color: red;
   height : 50px;
}

.element_menu a:hover
{
   color: black;
}


#Bouton

          a., a.bouton:link, a.bouton:visited, a.bouton:hover{
		  
            width:100px;
            height:20px;
            text-decoration:none;
            color:white;
            text-align:center;
            font-weight:bold;
            padding:5px;
            border-width:0.3em;
            border-color:silver;
			
          }
          a.bouton:link{
            background-color:#000080;
            border-style:outset;
          } 
          a.bouton:visited{
            background-color:#000080;/*#00aaFF;*/
            border-style:outset;
          }
          a.bouton:hover{
            background-color:ff8b19;/*#0000FF;*/
            border-style:inset;
          }
/* Le corps de la page */
#corps
{
   margin-left: 200px;
   margin-bottom: 5px;
   padding: 20px;
   width : 650;
   height : 650;
   color: #34008b;
   font-family:  Arial, Verdana, serif;
   /*background-color: #fad7d2/*#f0cd84;*/*/
   background-image: url("images/fond3.png");
   /*background-repeat: repeat-y;*/

}

#corps h1
{
	background-image: url("images/fond3.png");
   color: ff8b19;
   text-align: left;
   font-family:   "book antiqua",Arial, Verdana, serif;
   font-size: 20px;
   font-weight : bold;
   text-decoration: underline;
   margin-left: 20px;
}

#corps h2
{
   color: #786ded;
   text-align: left;
   font-family:   "book antiqua",Arial, Verdana, serif;
   font-size: 18px;
   font-style: normal;
   text-decoration: none;
   font-weight : normal;
}
#corps h3
{   
color: #34008b;
   text-align: left;
   font-family:  "book antiqua","comic sans ms",Arial, Verdana, serif;
   font-size: 16px;
   font-style: normal;
   font-weight : normal;

   }
   #corps h4
{
   color: red;
   text-align: left;
   font-family:  "comic sans ms",Arial, Verdana, serif;
   font-size: 14px;
   font-style: italic;
   text-decoration : blink;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
	padding: 5px;
	margin-left: 200px;
	width : 650;
	text-align: center;
	color : ff8b19;
	background-image: url("images/fond.png");
	background-repeat: repeat-x;
   font-weight : bold;
   border: 2px dashed #bd67ff;
}


