/******** CSS de ph.k1.v-01 ********/
/*
//19 mars 2007 
//Patrick Hamy Auteur du Script Kit Site web XHTML CSS PHP ph.k1.v-01
//Ce script a été créé gratuitement pour vous !
//Merci de laisser les lignes suivantes pour faire connaitre le script...
//Contactez-moi : contact@patrickhamy.net
//Site: http://www.patrickhamy.net
//Forum : http://www.internet-creation-services.com/phpBB2/index.php
*/

body
{
   width: 800px; /*La taille de la largeur du site */
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-image: url("../im-site/background.png"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   background-attachment: fixed; /* Le fond restera fixe */
   background-color: #F6FBFE;
   
}
#en_tete /*Emplacement de la bannière nommée header */
{
   width: 800px;
   height: 80px;
   background-image: url("../im-site/header.png");
   background-repeat: no-repeat;
   margin-bottom: 30px;
   border: 1px solid red;
   font-family: "Trebuchet MS",serif;
   font-size: 28px;
   text-decoration: underline;
   text-align: center; /* Pour aligner à droite ma signature */
   color : white;
}
#deco /* Emplacement de l'image au centre de la page 2 */
{
   width: 477px;
   height: 247px;
   background-image: url("../im-site/deco.jpg");
   background-repeat: no-repeat;
   margin: auto;
   border: 1px solid red;
   
}
#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 200px; /* Très important c'est la taille au menu */
   text-decoration: underline;
}
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #3EA1D0; /* Les liens seront en bleu */
   
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: green; /* Le lien sera écrit en vert quand on pointera dessus */
}


.element_menu
{
   
   background-image: url("../im-site/menu-g.png");
   background-repeat: repeat;
   font-family: "Trebuchet MS",serif;
   font-size: 0.8em;
   background-color: #F6FBFE;
   border: 1px solid red;
   padding-left: 10px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   color: #3EA1D0;
}
.element_menu_2
{
   
   background-image: url("../im-site/menu-g.png");
   background-repeat: repeat;
   font-family: "Trebuchet MS",serif;
   font-size: 0.7em;
   background-color: #F6FBFE;
   border: 10px solid red;
   padding-left: 379px;
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   margin-left: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}
.element_menu a:hover
{
    
   background-color: #B3B3B3;
   color: black;
}
a.link_mail {
  font-size: 9pt;
  color: green;
  
  background-color : white;
  text-decoration: underline;
  font-weight: bold ;
  font-family: "Trebuchet MS", serif;
}
.remonter /* Ici il est question du lien ( Merci, cliquez ici pour remonter en haut de la page ! ) */
{
   
   color: green;
   background-color : white;
   text-decoration: none;
   font-weight: bold ;
   text-align: center; /* Pour aligner à droite ma signature */
   font-family: "Trebuchet MS", Georgia, "Times New Roman", serif;
   font-size: 0.8em;
}


#corps
{
   margin-left: 210px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   text-align: center;
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   

   background-color: #FFFFFF; /* Une couleur de fond pour le corps */
   background-image: url("images/motif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   font-family: "Trebuchet MS",serif;
   font-size: 0.8em;
   border: 1px solid red; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps-2
{
   margin-left: 140px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   text-align: left;
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   
   color: #B3B3B3;
   background-color: #FFFFFF; /* Une couleur de fond pour le corps */
   background-image: url("images/motif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */
   
   border: 1px solid red; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
h1 {
font-size : 30px;  
margin : 20px 0 0 0 ;
padding : 0 0 10px 0; 
text-transform : uppercase ;
text-decoration : underline ;
text-align : center;
}

h3 /* Pour la partie Certifications W3C */
{
   text-align: center; /* Pour centrer le titre */
   font-family: "Arial Black", Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux */
}

blockquote
{
   text-align: justify; /* La citation sera justifiée */
   font-size: 1em;
}
.signature /* Compteur 3 en 1 */
{
   text-align: right; /* Pour aligner à droite le positonnement du compteur 3 en 1 */
   font-family: "Trebuchet MS", Georgia, "Times New Roman", serif;
   font-size: 100%;
}
#pied_de_page /* Image du pied de page footer */
{
   padding: 5px;

   text-align: center;

   color: #B3B3B3;
   background-color: #FFFFFF;
   background-image: url("../im-site/footer.png");
   background-repeat: repeat-x;
   
   border: 1px solid red;
}

 /* MENU */
ul#menu_pere 
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   170px;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
  border    :   1px solid #6EA325; /* Application d'une bordure */
  
}

ul#menu_pere li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :  1px;            /* Ajout d'une marge en bas du lien */
}

ul#menu_pere li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   90px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #39C;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
  background-color  :   red;           /* Définition de la couleur de fond */ 
  border            :   1px solid #6EA325; /* Ajout d'une bordure */	
  border-left-width :   30px;               /* Modification de la bordure gauche */
}		

ul#menu_enfant 
{			   
  margin    :   0;              /* Marge extérieur nulle */
  padding   :   1px 1px 0;      /* Marge intérieur à 1px sauf pour le bas */ 
  width     :   170px;          /* Largeur de notre liste */
  font-size :   1.2em;          /* Taille de notre police */
  border    :   1px solid #6EA325; /* Application d'une bordure */ 
}

ul#menu_enfant li 
{						  
  list-style-type   :  none;            /* Aucunes puces associées */
  margin-bottom     :  1px;            /* Ajout d'une marge en bas du lien */
}

ul#menu_enfant li a
{
  width             :   auto !important;   /* Largeur interprétée par tous les navigateurs excepté IE6 et inférieur */						
  width             : 	100%;              /* largeur interprétée par IE6 et inférieur */
  padding           :   4px;               /* Définition des marges intérieures */  
  text-decoration   :   none;              /* Suppression du soulignement */
  color             :   #39C;              /* Couleur de la police */
  display           :   block;             /* Définition sous forme de block */
   
  border            :   1px solid #6EA325; /* Ajout d'une bordure */	
  border-left-width :   40px;               /* Modification de la bordure gauche */
}