/*kookydailyec1.css*/
body
{
   width: 760px;
   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("../pictures1/fd.jpg"); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
   cursor: url("../curseur/kpb.cur");
}
/* L'en-tête */
#en_tete
{
   text-align: center;
   margin: auto;
   width: 750px;
   height: 200px;
   background-image: url("../pictures1/kban.jpg");
   background-repeat: no-repeat;
   margin-bottom: 10px;
}
/* Le menu */
#menu
{
   float: left; /* Le menu flottera à gauche */
   width: 200px; /* Très important : donner une taille au menu */
   background-image: url("../pictures1/kmnu.jpg");
   margin-top: 50px
}

.element_menu
{
   background-color: #cbbeff;
   background-image: url("../pictures/motifbl.jpg");
   background-repeat: repeat-x;
   text-align: left;
   border: 2px solid steelblue;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   margin: 8px
}
.element_menu1
{
   background-color: #cbbeff;
   
   text-align: left;
   border: 2px solid steelblue;
   
   margin-bottom: 20px; /* Pour éviter que les éléments du menu ne soient trop collés */
   margin: 8px
}
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: indigo;
}
a:active /* Quand le visiteur clique sur le lien */
{
   cursor: url("../curseur/xtrk.cur");
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline;
   color: yellow;
   cursor: url("../curseur/xtrk.cur");

}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   font-style: italic;
   cursor: url("../curseur/xtrk.cur");

   
}
.element_menu a:active /* Quand le visiteur clique sur le lien */
{
   background-color: #FFCC66;
   }
.element_menu h3 /* Tous les titres de menus */
{    
   color: #7c3cf8;
   font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Times, arial, serif;
   text-align: center;
}
.element_menu1 h3 /* Tous les titres de menus */
{    
   color: #7c3cf8;
   font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Times, arial, serif;
   text-align: center;
}
#corps
{
   width: 600px;
   height: 670px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #213713;
   background-color: #bbc2f2; /* Une couleur de fond pour le corps */
   background-image: url("../pictures1/une2.jpg");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: center;
   font-size: 0.9em;
   
   border: 2px solid slateblue; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps h2,h3
{
   color: #995ac6;
   font-family: "Comic Sans MS", "Trebuchet MS", Verdana, Times, arial, serif;
   text-align: center;
}
#pied_de_page
{
   padding: 5px;

   text-align: center;

   color: #292421;
   background-color: #bdf7c6;
   background-image: url("../pictures/ppminlttrkp.png");
   background-repeat: repeat-x;
   background-position: bottom;
   
   border: 2px solid #b5697b;
   }

#pied_de_page1
{
   padding: 5px;

   text-align: center;

   color: #292421;
   background-color: #c2a5c8;
   background-image: url("../pictures/ppminlttrkp.png");
   background-repeat: repeat-x;
   background-position: bottom;
   
   border: 2px solid #b5697b;
}
.petit
{
  font-size: 0.9em;
}
.gauche
{
  text-align: left;
}
.centre
{
  text-align: center;
}
.droite
{
  text-align: right;
}
#corps a:hover
{
  text-decoration: none;
  font-style: italic;
  color: blue;
  cursor: url("../curseur/xtrk.cur");
}
/* A partir d'ici commence là page 2 ou la redakenfoly.htlm */
#corps2
{
   width: 600px;
   height: 640px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #213713;
   background-color: #f7a652; /* Une couleur de fond pour le corps */
   
   
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: center;
   font-size: 0.9em;
   
   border: 2px solid blue; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
.green
{
	color: green;
}
.orange
{
	color: orange;
}
.brown
{
	color: brown;
}
.sonmarmot
{
	color: #ffd9f9;
}
.ecran
{
	color: #bfc359;
}
.signature
{
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 80%;
}
.centre2
{
	text-align: center;
	font-family: verdana, "Comic Sans MS", Georgia, serif;
	font-size: 88%;
}
.indigo
{
	color: indigo;
}
#corps3
{
width: 600px;
   height: 600px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #213713;
   background-color: #6bc78c; /* Une couleur de fond pour le corps */
   background-image: url("../pictures/lttrkp.png");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: center;
   font-size: 0.9em;
   
   border: 2px solid green; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
.signature2
{
   color: orange;
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 70%;
 }
#corps4
{
width: 600px;
   height: 600px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #213713;
   background-color: #ff7a29; /* Une couleur de fond pour le corps */
   
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: center;
   font-size: 0.9em;
   
   border: 2px solid green; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
} 
.signature3
{
   color: green;
   text-align: right; /* Pour aligner à droite ma signature */
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
   font-size: 70%;
 }
 .grand
{
   font-size: large;
}
.grand_emk
{
   font-size: 1.5em;
   background-image: url("../pictures/kookytexturefun.jpg");
   font-family: "Comic Sans MS", Georgia, "Times New Roman", serif;
}
.moyen_em
{
   font-size: 1.3em;
}
.petit_em
{
   font-size: 1.1em;
}
.toutpetit_em
{
   font-size: 0.9em;
}
.trestoutpetit_em
{
   font-size: 0.7em;
}
.kmcolor
{
   color: #eed054;
   font-weight: bold;
}
.cfc
{
   background-color: yellow;
   border: 1px solid green;
   
   position: absolute;
   right: 35px;
   top: 50px;
}
.kyd
{
   background-color: blue;
   border: 1px solid purple;
   
   position: absolute;
   left: 35px;
   top: 50px;
}
#corps5
{
width: 600px;
   height: 670px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #213713;
   background-color: #ca9a83; /* Une couleur de fond pour le corps */
   background-image: url("../pictures/chocojess.png");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: center;
   font-size: 0.9em;
   
   border: 2px solid firebrick; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps6
{
width: 600px;
   height: 700px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #3d6292;
   background-color: #b8bde1; /* Une couleur de fond pour le corps */
   background-image: url("../pictures/cmmkzik.png");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: top-left;
   font-size: 0.9em;
   
   border: 2px solid darkblue; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps7
{
width: 600px;
   height: 600px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #6a4a27;
   background-color: #e4ceb5; /* Une couleur de fond pour le corps */
   background-image: url("../pictures/elmpi2.jpg");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: top-left;
   font-size: 0.9em;
   
   border: 2px solid #6677c8; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}
#corps8
{
width: 600px;
   height: 600px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #183312;
   background-color: #e2e594; /* Une couleur de fond pour le corps */
   background-image: url("../pictures/chocotext.jpg");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: top-left;
   font-size: 0.9em;
   
   border: 2px solid #943591; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}

/* début de la news letter*/
	input, textarea
			{
				font-family:"Times New Roman", Times, serif; /* On modifie la police du texte tapé l'intérieur des champs */
			}

			input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
			{
				background-color:#FFFF99;
			}

			label
			{
				color:blue; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
			}

			legend /* On met un peu plus en valeur les titres des fieldset */
			{
				font-family:Arial, "Arial Black", Georgia, "Times New Roman", Times, serif;
				color:#FF9933;
				font-weight:bold;
			}

			fieldset
			{
				margin-bottom:15px; /* Une marge pour séparer les fieldset */
				background-color:#FFFFCC;
			}
#corps9
{
width: 600px;
   height: 600px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #183312;
   background-color: #ffc4ff; /* Une couleur de fond pour le corps */
   background-image: url("../pictures/lttrkp.png");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: top-left;
   font-size: 0.9em;
   text-align: center;
   border: 2px solid #943591; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}			
			
/*finde la news letter*/
#corps10
{
width: 600px;
   height: 470px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #183312;
   background-color: #ffc4ff; /* Une couleur de fond pour le corps */
   background-image: url("../pictures/id1.jpg");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: top-left;
   font-size: 0.9em;
   text-align: center;
   border: 2px solid #943591; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}	
#menu2
{
   float: left; /* Le menu flottera à gauche */
   width: 200px; /* Très important : donner une taille au menu */
   background-image: url("../pictures/menupic.jpg");
   margin-top: 6px;
}	

#pied_de_page2
{
   padding: 5px;
margin-top: 75px;
   text-align: center;

   color: #292421;
   background-color: #bdf7c6;
   background-image: url("../pictures/ppminlttrkp.png");
   background-repeat: repeat-x;
   background-position: bottom;
   
   border: 2px solid #b5697b;
}
.xiti
{
   background-color: #efdb67;
   border: 1px solid green;
   
   position: absolute;
   right: 25px;
   top: 800px;
}
#totale
{
text-align: center;
   background-position: center;
float: center;
width: 900px;
   }
   
   #corps12
{
width: 600px;
   height: 600px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #183312;
   background-color: #ffc4ff; /* Une couleur de fond pour le corps */
   background-image: url("../pictures/id1.jpg");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: top-left;
   font-size: 0.9em;
   text-align: center;
   border: 2px solid #943591; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}	
 #corps13
{
width: 600px;
   height: 600px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #183312;
   background-color: #ffc4ff; /* Une couleur de fond pour le corps */
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: top-left;
   font-size: 0.9em;
   text-align: center;
   border: 2px solid #943591; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}	
#corps52
{
width: 600px;
   height: 670px;
   margin-left: 200px; /* 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 */
   padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
   color: #213713;
   background-color: #ca9a83; /* Une couleur de fond pour le corps */
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   background-position: center;
   font-size: 0.9em;
   
   border: 2px solid firebrick; /* Une bordure pour bien marquer les limites du corps et pour faire joli */
}