body
{
font-size : 12pt;
font-family : "Maiandra GD", "Comic Sans MS", Arial, sans-serif;
color : black;
background-color:#F2EBD9;  /* 	#E6E6E6   #CCCC99 #F2EBD9*/
width: 720px;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur.*/
margin-bottom: 10px;    /* Idem pour le bas du navigateur */
}


img
{
border:none;
}


#deco
{
width:auto; /* Pour occuper toute la largeur des 760 px du body*/
height:auto; /* Donner une dimension fixe de la hauteur du menu, avec de la marge. Ce sera à augmenter si le contenu du corps devient plus haut(long) que la hauteur d'ici*/
background:#ffffcc;
border:1px solid;
border-color:green;
}


#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* Très important : donner une taille au menu */
height:auto;
border:none;

}


#decoAccueil a:link,#decoAlpha a:link,#decoIllettrisme a:link,#decoMethode a:link,#decoLiens a:link,#decoImprimer a:link,
#decoAccueil a:visited,#decoAlpha a:visited,#decoIllettrisme a:visited,#decoMethode a:visited,#decoLiens a:visited,#decoImprimer a:visited,
#decoAccueil a:active,#decoAlpha a:active,#decoIllettrisme a:active,#decoMethode a:active,#decoLiens a:active,#decoImprimer a:active
{
color:#ffffcc;
border:none;
}


#decoAccueil a:hover,#decoAlpha a:hover,#decoIllettrisme a:hover,#decoMethode a:hover,#decoLiens a:hover,#decoImprimer a:hover
{
color:brown;
text-decoration:none;
border:none;
}


#decoAccueil
{
background:#ffffcc;
width:90px;/*largeur de l'image plus le texte*/
height:80px;/*hauteur de l'image plus le texte*/
margin-top:5px;
margin-bottom:15px;
text-align:center;
margin-left:10px;
font-size : 10pt;
border:none;
}


#iconesLangues
{
width:auto;
text-align:center;
border:none;
}


#decoAlpha,#decoIllettrisme,#decoMethode,#decoLiens
{
background:#ffffcc;
width:90px;/*largeur de l'image plus le texte*/
height:60px;/*hauteur de l'image plus le texte*/
margin-left:10px;
margin-right:10px;
border:none;
text-align:center;
font-size : 10pt;
margin-bottom:5px;
}


#decoImprimer
{
background:#ffffcc;
width:90px;
height:60px;
margin-left:10px;
margin-right:10px;
border:none;
text-align:center;
font-size : 10pt;
}


#en_tete
{
width: auto;
height: 50px;
margin-bottom: 10px;
margin-top:10px;
margin-left:120px;
margin-right:10px;
border:1px solid;
background-color:#CADDFF;

}


#en_tete a:link, #en_tete a:visited, 
{
color:#CADDFF;
font-size:8pt;
}


#en_tete a:active, #en_tete a:hover, 
{
color:blue;
font-size:8pt;
}



.logo
{
margin-left:210px;
border:none;
}


.courriel
{
margin-left:130px;
border:none;
}


#corps
{
width:auto;
height:auto;
margin-left: 120px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */

   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */

   color: #b3b3b3;
   background-color: #996625; /* Une couleur de fond pour le corps #626262  #996633  #c08040 */
   background-image: url("images/motif.png");
   background-repeat: repeat-x; /* Une petite image de fond qui se répètera horizontalement en haut */

   border: 2px solid black; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
margin-right:10px;
}


#spacer
{
width:1px;
height:350px;
border:none;
float:left;
}


#finspacer
{
width:10px;
height:1px;
border:none;
clear:both;
}


#imageAccueil, #imageAlpha, #imageIllettrisme, #imageMethode, #imageLiens
{
padding-bottom:30px;
margin-left:10px;
margin-right:10px;
background-color:#996625;  /* même couleur que le fond du corps*/
border:none;
text-align:center;
}


#titreaccueil
{
color:#ccccff;
font-size:22pt;
border:none;
}


#imageAccueil p  /* pour harmoniser la hauteur de paragraphe dans IE et F */
{
padding-top:5px;
margin-top:0px;
margin-bottom:0px;
}


#lienaide,#liencv,#lienressources
{
line-height:50px;
}




#contenuAide, #contenuCV, #contenuRessources
{
text-align:justify;
border:1px black solid;
font-size:10pt;
font-family : Arial;
color:#000000;
width:400px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
padding:20px;
background-color:#F2EBD9;
}

#contenuAide p, #contenuCV p    /* pour harmoniser la hauteur de paragraphe dans IE et F */
{
padding-top:5px;
margin-top:0px;
margin-bottom:0px;
}


#identitecv
{
text-align:right;
}


#contenuAide a, #contenuRessources a
{
color:red;
}


#contenuCV a
{
color:blue;
}



#contenuCV dt 
{
padding-top:0px;	
margin-bottom:20px; 
font-size: 12pt;
border-bottom: 3px solid;
font-style : italic;
}


#contenuCV dd
{
margin-bottom: 20px;
margin-left:0px;

}


#contenuCV fieldset
{
padding-bottom:15px;
margin-bottom: 15px;
margin-left: 0px;
border : 1px black solid;
}


#contenuCV legend
{
padding-bottom:10px;
font-family: Arial;
font-size: 11pt;
}


#contenuCV ul
{

list-style-type: disc;

}


#contenuCV li {

padding-right:5px;

padding-bottom:5px;
font-family: Arial;
font-size: 10pt;
}

#sanslegende   /* pour baisser la 1re li car il n'y a pas de legend */
{
padding-top:10px;
}


#etoiles
{
text-align:center;
}






#contenuRessources p    /* pour harmoniser la hauteur de paragraphe dans IE et F */
{
padding-bottom:15px;
margin-top:0px;
margin-bottom:0px;
}





.aide
{

padding-right:10px;
padding-left:10px;
}


.cv
{

padding-right:10px;
padding-left:10px;
}


.ressources
{
padding-right:10px;
padding-left:10px;
}

#fermeture
{
margin-left:85%;
}


#fermeture a
{
color:blue;
width:50px;

border:1px solid;
padding:3px;
}


#iconesnavigateurs
{
width:300px;
border:none;
padding-top:15px;
margin-left:auto;
margin-right:auto;
text-align:center;
}


.titrebleu
{
color:#ccccff;
font-size:22pt;
border:none;
}


#contenuAlpha li, #contenuIllettrisme li, #contenuMethode li,#contenuLiens li
{
text-align:left;
color:#CCCCFF;
line-height:2em;
}


#iconealpha, #iconeillettrisme, #iconemethode, #iconeliens
{
border:none;
}


#bas
{
padding-bottom:5px;
background-color: #ffffcc;
border:none;
text-align:center;
clear:both;
}


#compteur
{
text-align:center;
border:none;
width:80px; /*largeur de l'image du compteur=80*/
height:auto;
margin-left:20px;
float:left;
}	


#copyright
{
font-size : 8pt;
font-family : Arial;
color: black;
background-color: #ffffcc;
border:none;
text-align:center;
width:80px;
margin-left:600px;   /*760 du body moins 100 du compteur égale 660*/
}


a:link {
	color: #ffffcc; text-decoration: none;
}
a:visited {
	color: #ffffcc; text-decoration: none;
}
a:hover {
	color: #CCCCFF; text-decoration: ;
}
a:active {
	color: #CCCCFF; text-decoration: none;
}