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

a img 	/*supprime le cadre autour des images*/
 {
    border: 0;
}

a		/*supprime les soulignés sous les liens*/
 {
      text-decoration: none;
 }


/* L'en-tête */

#cadre { /* taille du cadre, à titre d'exemple */
width: 70em;
background-color: #f0ffe6;
}

.element_cadre ul
{
   list-style-image: url("images/puce.gif");
   padding: 0px;
   padding-left: 20px;
   margin: 15px;
   margin-bottom: 25px;
   font-size: 15px;
   font-family:  "Comic Sans MS", Arial, "Times New Roman", Times, serif;
}

.element_cadre li
{
   list-style-image: url("images/puce.gif");
   padding: 0px;
   padding-left: 20px;
   margin: 15px;
   margin-bottom: 25px;
   font-size: 15px;
   font-family:  "Comic Sans MS", Arial, "Times New Roman", Times, serif;
}

/* propriétés spécifiques à chaque coin */
#hautgauche {
background: url(images/hautgauche.gif);
}
#hautdroit {
float: right;
background: url(images/hautdroit.gif);
}
#basgauche {
background: url(images/basgauche.gif);
}
#basdroit {
float: right;
background: url(images/basdroit.gif);
}
#en_tete p {
color: red;
margin: 0.5em; /*gestion des espaces interparagraphes */
}

#hautgaucheonglet {
background: url(images/hautgauche.gif);
}
#hautdroitonglet {
float: right;
background: url(images/hautdroit.gif);
}

.element_en_tete h1
{   
   font-size: 80px;
   color: #ff0000;
   font-family: "Arial Black", Arial, "Times New Roman", Times, serif;
   font-style : oblique;
   text-align: center;
   margin-top: 25px;
}
.imageflottante
{
	float: left;
	margin-top: 0px;
	margin-left: 40px;
}

#cadreonglet { /* taille du cadre, à titre d'exemple */
width: 10em;
background-color: #f0ffe6;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}

/* propriétés communes aux coins onglet */
#hautgaucheonglet, #hautdroitonglet
 {
height: 15px; width: 15px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}


/* Le menu */

#menu p
{
	color: red;
}

/* Quelques effets sur les menus */

.element_menu ul
{
   list-style-image: url("images/puce.gif");  
}

.element_menu a
{
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_menu a:hover
{
   background-color: #e4d1ae;
   color: black;
}

/* Le corps de la page */

#corps p
{
   color: black;
   text-align: left;
   font-size: 18px;
   font-family: Arial, "Times New Roman", Times, serif;
   margin-left:30px;
}

#corps h1
{
   color: #fa0202;
   text-align: center;
   font-family: "Arial Black", Arial, "Times New Roman", Times, serif;
   font-style: oblique;
}

#corps h2
{
   color: #fa0202;
   font-size: 30px;
   font-family:  Arial, "Times New Roman", Times, serif;
   font-style: oblique;
   text-align: center;
}

#corps h3
{
   color: #fa0202;
   text-align: center;
   font-family:  Arial, "Times New Roman", Times, serif;
}

#corps h4
{
   color:red;
   text-align: left;
   font-size:23px;
   font-family:  Arial, "Times New Roman", Times, serif;
   margin-left: 30px;
 }

#corps h5
{
   color: black;
   text-align: left;
   font-size: 18px;
   font-family:  Arial, "Times New Roman", Times, serif;
   margin-left:30px;
   margin-right:30px;
}
#corps h6
{
   color: black;
   text-align: center;
   font-size: 15px;
   font-family:  Arial, "Times New Roman", Times, serif;
}
.element_corps ul
{
   list-style-image: url("images/puce.gif");
   padding: 0px;
   padding-left: 20px;
   margin: 10px;
   margin-bottom: 10px;
   font-size: 18px;
   font-family:  Arial, "Times New Roman", Times, serif;
}

.element_corps li
{
   list-style-image: url("images/puce.gif");
   padding: 0px;
   padding-left: 20px;
   margin: 10px;
   margin-bottom: 10px;
   font-size: 18px;
   font-family:  Arial, "Times New Roman", Times, serif;
}


.element_corps a
{
   color: #000000;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

.element_corps a:hover
{
   background-color: #f0ffe6;
   color: black;
}

.imageflottante_tel
{
	float: center;
	margin-top: 0px;
	margin-left: 500px;
	margin-right: 0px;
	margin-bottom:0px;
}

.imageflottante_logo
{
	float: right;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 50px;
	margin-bottom:0px;
}

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

#pied_de_page p
{
   color: black;
   text-align: center;
   font-size: 15px;
   font-family:  Arial, "Times New Roman", Times, serif;
   margin-left: 15px;
   margin-right: 15px;
}	

#pied_de_page h5
{
   color: #000000;
   text-align: center;
   font-size: 20px;
   font-family:  Arial, "Times New Roman", Times, serif;
}

#pied_de_page h6
{
   color: #000000;
   text-align: right;
   font-family:  Arial, "Times New Roman", Times, serif;
}

ul#tabnav
 {
    font-family: Arial, bold, verdana, sans-serif;
	font-size:18px; 
	font-weight:bold;
	font-style: oblique;
    list-style-type: none;
    padding-bottom: 30px; /*position de la ligne*/
    border-bottom: 3px solid #ff0000; /*épaisseur et couleur  ligne*/
    margin-left: 0px;
}
ul#tabnav li 
{
    float: left;
    height: 27px; /*taille Onglet*/
    background-color: #f0ffe6; /*couleur de fond #ff6258*/
    margin: 1px 5px 45px;
    border: 2px ridge #ff0000; /*épaisseur et couleur bordure */
}
ul#tabnav li.active 
{
    border-bottom: 2px solid #ff0000;
    background-color: #ff0000;
}
#tabnav a 
{
    float: left;
    display: block;
    color: black; /*couleur du texte*/
    text-decoration: none;
    padding: 3px;
}
#tabnav a:hover 
{
    background: #ff0000;
}