/*    decoration     */
body
{
background-color:rgb(208,254,254);
}
#entete
{
width:800px;
height:300px;
background-image:url("images/ENTETE2.JPG");
/*   background-position:center top;   */
margin:auto;
}
a
{
text-decoration:none;
color:black;
}
a:hover
{
text-decoration:none;
color:rgb(3,167,167);
}

#menu
{
width:800px;
height:150px;
/*    background-image:url("images/CORPS.JPG");   */
margin:auto;
}    
#menu .element
{
float:left;
width:150px;
height:100px;
background-image:url("images/menu.jpg");
margin:auto;
}
#menu .element a
{
margin:auto;
margin-top:100px;
/*   margin-left:30px;   */
}
#menu .element .espace
{
margin-left:20px;
color:white;
}
#menu .choix
{
background-color:rgb(208,254,254);
}
#menu .debut
{
float:left;
width:25px;
height:100px;
}

#corps
{
width:800px;
background-image:url("images/CORPS.JPG");
margin:auto;
}
#fin
{
width:800px;
background-image:url("images/CORPS.JPG");
margin:auto;
font-size:0.9em;
}
.bord
{
margin:0px;
padding:0px;
width:800px;
margin:auto;
}
.int
{
margin-top:0px;
margin-left:50px;
margin-right:50px;
}
/*    decoration     */
/*  ************************************************** */
.connexion
{
float:right;
width:150px;

color:rgb(3,167,167);
margin-top:25px;
padding:10px;     
margin-right:0px;
margin-left:0px;
font-weight:0.8em;
text-align:center;
}
.pave
{
border:3px double rgb(3,167,167);
  margin:10px;
padding:5px;     
margin-right:0px;
margin-left:0px;
}
.pavelong
{
border:1px solid white;
width:720px;
}
.paveg
{
width:500px;
border:3px double rgb(3,167,167);
margin:10px;
margin-top:30px;
margin-bottom:40px;
padding:5px;
text-align:justify;
/*    margin-right:200px;    */
}
.petitpave
{
border:2px ridge rgb(3,167,167);
margin:10px;
padding:5px;     
font-weight:0.8em;
width:200px;
height:120px;
}
.pavemoche
{
border:1px dotted black;
margin:40px;
padding:5px;     
font-weight:0.8em;
text-align:center;
width:130px;
height:50px;
}
.droit
{
float:right ;
}
h1,h3
{
text-align:center;
}
.connect
{
float:right ;
width:400px;
border:2px solid rgb(3,167,167);
padding:5px;
margin-right:20px;
margin-top:40px;
}
.bloc
{
float:right ;
width:200px;
border:2px solid rgb(3,167,167);
padding:5px;
margin:20px;
}
.cadrer
{
margin:auto;
width:510px;
}

/*  ================================================== */
/* tableau    */
caption /* Titre du tableau */
{
   margin: auto; /* Centre le titre du tableau */
   font-family: Times, "Times New Roman", serif;
   font-weight: bold;
   font-size: 1.2em;
   color: rgb(3,167,167);
   margin-bottom: 50px; /* Pour éviter que le titre ne soit trop collé au tableau en-dessous */
}
table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
   border: 6px outset rgb(208,254,254); /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color: rgb(208,254,254);
   border: 1px solid rgb(3,167,167);
   color: rgb(3,167,167);
   font-family:  "Times New Roman",Times,Arial, "Arial Black",  serif;
/*   font-size: 1.1em;    */
}

td /* Les cellules normales */
{
   border: 1px solid black;
   font-family: "Comic Sans MS", "Trebuchet MS", Times, "Times New Roman", serif;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
/*   font-size: 0.9em;     */
   
}
.centre
{
font-size: 0.8em; 
}
.petit
{
font-size: 0.7em;
}
.voir
{
color:rgb(208,254,254);
}
/*  tableau   */
/* ================================================== */

#corps a
{
background-color: rgb(208,254,254);
color:black;
}
#corps a:hover
{
background-color: white;
color:rgb(3,167,167);
}
#fin a
{
background-color: rgb(208,254,254);
color:black;
}
#fin a:hover
{
background-color: white;
color:rgb(3,167,167);
}
/*  ===================================================== */
/*  messages  */
.message
{
border: 3px ridge rgb(3,167,167);
margin:10px;
padding:10px;
}
.date
{
float:right;
font-size:0.9em;
margin-right:50px;
}
.titre
{
font-weight:bold;
}
.texte
{
border: 1px solid rgb(3,167,167);
width:630px;
margin:auto;
padding:5px;
}
.petit
{
font-size:0.9em;
}
.tpetit
{
font-size:0.7em;
}
/* messages   */
/* ===================================================== */
form
{
width:600px;
margin:auto;

}
fieldset
{
margin:auto;
margin-top:10px;
margin-bottom:20px;
padding:10px;
}
legend
{
color:rgb(3,167,167);
}
.pave form
{
width:auto;
}