@charset "UTF-8";
/* CSS Document */

/*
PALETTE GRAPHIQUE

#000000 = noir
#333333= gris foncé
#CC9900 = jaune
#80b3e6 = bleu
#663300 = rose ?
#0099FF = bleur clair
#FF6633 = orange

*/



body
{
   width: 760px;  /* 760 +20+20 = 800 tout juste pour une résolution 800x600 */
   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-color:#000000; /* Une petite couleur de fond pour éviter d'avoir un vieux fond blanc :p */
   background-image: url("images/fond.jpg");
   background-repeat:no-repeat;
   background-attachment:fixed;
   background-position: center;
   
   
}


/* La bannière écoleattention mettre un dièse devant parce que pour un "id", (on met un point pour une "class")*/
#school 
{
   width: 760px;
   height: 100px;
   background-image: url("images/banniereadikan.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   margin-top: 30px;
   border:none;
}

/* La bannière PRODUCTION attention mettre un dièse devant parce que pour un "id", (on met un point pour une "class")*/
#production 
{
   width: 760px;
   height: 100px;
   background-image: url("images/banniereadikanproductions.jpg");
   background-repeat: no-repeat;
   margin-bottom: 0px;
   border:none;
}

/* La bannière CREATiON attention mettre un dièse devant parce que pour un "id", (on met un point pour une "class")*/
#creation
{
   width: 760px;
   height: 100px;
   background-image: url("images/bannierecreations.jpg");
   background-repeat: no-repeat;
   margin-bottom: 5px;
   border:none;
   
}

h1, h3/* Tous les titres h1 de presentation */
{
   color: #999999;
   font-family: Arial,Verdana, "Arial Black", "Times New Roman", Times, serif;
  
}

p
{
   color: #999999;
   font-family: Arial,Verdana, "Arial Black", "Times New Roman", Times, serif;
   font-size:14px;
   padding-top: 0px;
  
}


  /* CSS inutilisé: Le CORPS de la page */

#corps
{
	margin-bottom: 5px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
	padding: 15px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
	padding-left: 20px;
	background-color: #333333; /* Une couleur de fond pour le corps */
	/*border: 10px dotted #663300;  Une bordure pour bien marquer les limites du corps et pour faire joli */
	text-transform: none;
	text-align: justify;
    overflow: visible;
	font-size: 80%;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	clear:none;
	min-height:640px;
 }
 
 #corps h1 /* Tous les titres h1 du corps */
{
   color: #80b3e6;
   text-align: center;
   margin-left: 150px;  /*Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   
}

#corps h2 /* Tous les titres h2 du corps */
{
	color: #CC9900;
	text-align: left;
	padding-left: 30px;
	margin-left: 150px;  /*Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
	
}

#corps a
{
   color: #80b3e6;
   text-decoration: none;
 
}

#corps a:hover
{
   color: #0099FF;
}

#corps p
{

	color: #FFFFFF;
 margin-left: 150px; /*Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
 font-size:90%;

}



#corps ul
{

	color: #FFFFFF;
 margin-left: 150px; /*Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */

}

#corps strong
{

 color: #FF6633;


}

.notabene
{
font-size: 50%;

}



/*LE PIED DE PAGE

#pied_de_page
{
	padding: 5px;
	margin-left: 0px;
	text-align: right;
	color: #CC9900;
	background-color: #333333;
	font-family: Verdana, Arial, "Arial Black", "Times New Roman", Times, serif;
	border: no;
	font-size: 70%;
	padding-right: 10px;
}
*/