/*
 ceci est la page de design du site Assistante en Folie, réalisé par Jessie.  VERSION SEPTEMBRE 2006
feuille de style .css
le nom de cette page est "designAF.css"
*/
body
{
   width: 984px;
   margin-left: 10px; /* Pour débuter notre page à gauche */
   margin-right: 10px; /* Pour débuter notre page à droite */
   margin-top: 2px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 5px;    /* Idem pour le bas du navigateur */
  
   
}

/* L'en-tête */

#en_tete
{
   width: 984px;
   height: 140px;
   background-repeat : no-repeat;
   margin-bottom: 10px;
   background-position: 10px;  /*permet de positionner le logo*/
   background-image: url('newbanaf.gif');
   
   
}
/* Le menu */

#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 130px; /* Très important : donner une taille au menu */
   background-color: #fff5ee;  /* fond du menu gris clair */
   font-size : 7px;
   

}

#menu2
{
   float: right; /* Le menu flottera à gauche */
   width: 130px; /* Très important : donner une taille au menu */
   background-color : #fff5ee; 
   font-size : 7px;
 
}

/* Quelques effets sur les menus */
.element_menu
{
  font-family:  "comic sans MS", "trebushet Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
  margin-bottom: 1px;
  font-weight: bold;
}

.element_menu h4 /* Tous les titres de menus */
{   
   color: #ffffff;
   font-family:  "comic sans MS", "trebushet Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left;
   Font-size: 7px;
   font-weight: bolder;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-type: square; /* On change l'apparence des puces */
   color: #86138e;
   padding-left: 15px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 0.5px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   border: none;
   color: #86138e;
   font-size: 12px;
   text-decoration: none;
   font-style: italic;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   color: #00bfff;
}

.rubrique
{
color: #00bfff;
font-size: 7px;
padding: 0.5px;
margin-top: 3px;
font-weight: bold;

}
/* Le corps de la page */

#corps
{
   margin-left: 135px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-right: 135px; /* Une marge à droite pour pousser le corps, afin qu'il ne passe plus sous le menu */
   margin-bottom: 30px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   padding: 2px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #606060;
   font-family:  "comic sans MS", "trebushet Ms", Arial, "Arial Black", "Times New Roman", Times, serif;

  }

#corps h1 /* Tous les titres h1 du corps */
{
   color: #811788;
   text-align: left;
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 10px;
   padding-left: 0px;
   color:#CD82BE;
   text-align: left;
}

#corps h3 /* Tous les titres h3 du corps */
{
   height: 10px;
   padding-left: 0px;
   color: #EC2D8D;
   text-align: left;
}

#corps h4 /* Tous les titres h4 du corps */
{
   color: #811788;
   text-align: left;
}

#corps h5 /* Tous les titres h5 du corps */
{
   height: 0px;
   padding-left: 0px;
   color:#CD82BE;
   text-align: left;
}


#corps ul /* tous les liste à puce dans le corps*/
{
   list-style-type: circle; /* On change l'apparence des puces */
   color: red;
   font-family:  "comic sans MS", "trebushet Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 12px;
   color: black;
   padding-left: 50px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   margin: 5px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}

#corps p /* tous les paragraphes contenus dans un clockquote*/
{
text-align: justify;
padding-bottom: 0px;
font-size: 13px;
}
#formulaire
{
text-align: left;
width: 600px;
font-size : 13px;
color : #ffffff;
}

input, textarea
{
font-family: "garamond";
color: #199DBF;
}
input:focus, textearea:focus
{
background-color: black;
}
label
{
 text-align: left;
 padding-left:2px;
 color: black;
 }
 legend
 {
 text-align: left;
 color:black;
 font-weight: bold;
 }
 fieldset
 {
 margin-bottom: 15px;
 background-color: none;
 }

#pied_de_page
{
   padding: 5px;
   text-align: center;
   color: #86138e;
    
}

/*les tableaux - caption = Titre du tableau */
Caption
{
   margin: auto; /* Centre le titre du tableau */
   font-family:   "comic sans MS", "trebushet Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
   font-weight: bold;
   font-size: 1.2em;
   color:none;
   margin-bottom: 30px; /* 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: 1px; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}

th /* Les cellules d'en-tête */
{
   background-color:none;
   color: Black;
   font-size: 1.1em;
   font-family:  "comic sans MS", "trebushet Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
}

td /* Les cellules normales */
{
   border: 1px solid #199DBF;
   font-family:  "comic sans MS", "trebushet Ms", Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: left; /* Tous les textes des cellules seront centrés*/
   padding: 6px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */

}