/*Première mise en page site Resolutionactive.ch*/
body
{
   
   background: url("papillon_bleu.jpg") no-repeat top center fixed;
   background-image: url("papillon.gif"); 
   background-repeat: no-repeat;
   background-position: top center;
   background-attachment: fixed;
   background-color: #fff6d3;
   border-top: none;
   border-right: none;
   border-bottom: none;
   border-left: none; /*4px groove #9a9b1a;*/
   width: 760px;
   margin: auto;
   margin-top: 50px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 200px;    /* Idem pour le bas du navigateur */
   /* On essaie d'avoir Century Gothic en priorité */
   font-family: "Century Gothic", "Trebuchet MS", Georgia, serif;

}
/* L'en-tête */

#en_tete
{
   width: 760px;
   height: 70px;
   background-image: url("portrait marc 06 100pixel.gif");
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
table /* Le tableau en lui-même */
{
   margin: auto; /* Centre le tableau */
}
td /* Les cellules normales */
{
   border: 0px solid black;
   font-size: 0.7em;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 10px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}
#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 120px; /* Très important : donner une taille au menu */
}
.element_menu
{
   background-color: #fff1b9;
   border: 0.5px solid black;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
#pied_de_page
{
   margin-top: 50px;
   padding: 5px;
   text-align: center;
   color: #B3B3B3;
   border: 0px solid black;
   padding-bottom: 100px;
}

h3
{
   color: #2d2d19;
      text-align: center;
font-size: 0.8em;   }
p,h3,h4,h5,h6
{
   color: #2d2d19;
   font-size: 1em;   
   padding-left:12px   }
h1
{
   text-align: center; /* Pour centrer le titre */
   color: #770411;
   font-size: 3em;
   border-bottom: none;
}
h2
{
   color: #770411;
   text-align: center;
   font-size: 1.4em;
   font-variant: small-caps;
}
h6
{
   font-size: 0.8em;   
   text-align: center;
}
p
{
   
   text-align: justify;
   text-indent: 0px; /* Les paragraphes commenceront 0 pixels sur la droite */
   padding-left: 24px
}
.présentation
{
   width: 450px; /* On a indiqué une largeur (obligatoire) */
   padding: 0px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 0px;
}
.inscription
{
   width: 450px; /* On a indiqué une largeur (obligatoire) */
   padding: 0px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 0px;
   font-weight: bold;
}
.date
{
   width: 450px; /* On a indiqué une largeur (obligatoire) */
   padding: 12px;
   margin: auto; /* On peut donc demander à ce que le block soit centré avec "auto" */
   margin-bottom: 20px;
}.important
{
   color: #770411;
   font-size: 1em;
   font-weight: bold;
}
.nom
{
   color: teal;
   text-align: right; /* Pour aligner à droite la signature */
}  
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #704d13; 
   font-style: italic; /* Les liens seront en italique */
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #df9249; /* Le lien sera écrit en orange quand on pointera dessus */
   font-weight: bold; /* Les liens seront en gras*/
   }
   a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color: #704d13; 
   font-style: normal; /* Les liens seront en écriture normale */
}
.imageflottante1
{
   float: left;
}
.imageflottante2
{
   float: right;
}
.image3
{
   width: 250px;
   }
.imageflottante4
{
   width: 75px;
   }