/* ||||||||||||||||||||||||||||||
                             ||                             ||
                             ||          CSS V1             ||
                             ||       Auteur : Crcl         ||
                             ||       Version : 1.4.1       ||
                             ||   Mise a jour : 16.07.2010  ||
                             ||                             ||
                             |||||||||||||||||||||||||||||| */


   /* |||| Fond du site |||| */

body 
{
  width: 760px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;

  background-color: #87b1f1;

  font-family : Arial, Arial Black, Times New Roman, Times, serif;
  font-size : 15px;
}


   /* |||| L'en-tête |||| */

#en_tete
{
  width: 758px;
  height: 200px;
  background-image: url("banniere_v1.png");
  background-repeat: no-repeat;

  border: 1px solid #4C9FFF;

  margin-bottom: 10px;
}

   /* |||| Menu du haut |||| */

#menu_haut
{
  margin-bottom: 10px;
  padding: 7px;

  color: #2666C3;
  background-color: #B5D3FF;

  border: 2px solid #4C9FFF;
}

#menu_haut a 
{
  color: #2666C3;
  text-decoration: none;
}

#menu_haut a:hover 
{
  color: #4C9FFF;
}


   /* |||| Menu de gauche |||| */

#menu 
{
  float: left;
  width: 120px;
}

 /* Partie Site du menu */

.menu_site
{
  background-color: #B5D3FF;
  background-image: url("basmenu_aelita.png");
  background-position: 5px bottom;
  background-repeat: no-repeat;
  
  border: 2px solid #4C9FFF; 

  margin-bottom: 20px; 
}

.menu_site h3 
{
  color: #2666C3;
  font-family: Arial, "Arial Black", "Time New Roman", Times, serif;
  text-align: center;
}

.menu_site ul
{
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  margin-bottom: 176px;
  color: #2666C3;
}

.menu_site a
{
  color: #2666C3;
}

.menu_site a:hover
{
  color: #4C9FFF;
  text-decoration: none;
}

 /* Partie Dessin animé du menu */

.menu_codelyoko 
{
  background-color: #B5D3FF;
  background-image: url("basmenu_william.png");
  background-position: bottom;
  background-repeat: no-repeat;

  border: 2px solid #4C9FFF;

  margin-bottom: 20px; 
}

.menu_codelyoko h3 
{
  color: #2666C3;
  font-family: Arial, "Arial Black", "Time New Roman", Times, serif;
  text-align: center;
}

.menu_codelyoko ul
{
  padding: 0px;
  padding-left: 20px;
  margin: 0px;
  margin-bottom: 150px;
  color: #2666C3;
}

.menu_codelyoko a
{
  color: #2666C3;
}

.menu_codelyoko a:hover
{
  color: #4C9FFF;
  text-decoration: none;
}


 /* Partie Reseaux du menu */

.menu_reseaux 
{
  margin-bottom: 20px; 
  text-align: center;  
}


   /* |||| Corps de la page |||| */

#corps
{
margin-left: 20px;
margin-bottom: 20px;
padding: 5px;
float: left;
width: 605px;
color: #2666C3;
background-color: #B5D3FF;
background-image: url("motif.png");
background-repeat: repeat-x;
border: 2px solid #4C9FFF;
}

#corps h1
{
  color: #2666C3;
  text-align: center;
  font-family: Arial, "Arial Black",  "Times New Roman", Times, serif;
  text-shadow: 2px 2px 4px #2666C3;
} 


#corps h2
{
  height: 30px;

  background-image: url("");
  background-repeat: no-repeat;

  padding-left: 30px;
  color: #2666C3;
  text-align: left;

  text-shadow: 0px 0px 9px #2666C3;
}

#corps h3
{ 
  text-align: center;
  color: #2666C3;
  text-shadow:3px 3px 7px #2666C3
}

#corps a 
{
  color: #2666C3;
}


   /* |||| Le pied de page |||| */

#pied_de_page
{
  clear: both;
}

 /* Partie Copyright du footer */ 

.copyright
{
  margin-bottom: 5px;
  padding: 5px;
  text-align: center;

  color: #2666C3;
  background-color: #B5D3FF;
  background-image: url("motif.png");
  background-repeat: repeat-x;

  border: 2px solid #4C9FFF;

  margin-bottom: 5px
}

.copyright a 
{
  color: #2666C3;
}

.copyright a:hover 
{
  color: #4C9FFF;
  text-decoration: none;
}

 /* Partie Partenariat du footer */

.partenaires
{
  margin-left: 100px;
  margin-right: 100px;
  margin-bottom: 10px;
  padding: 5px;
  
  text-align: center;

  color: #2666C3;
  background-color: #B5D3FF;

  border: 2px solid #4C9FFF;
}

.partenaires a
{
  color : #2666C3;
  text-decoration : none;
}

.partenaires a:hover 
{
  color: #4C9FFF;
}
                             /* ||||||||||||||||||||||||||||||
                             ||                             ||
                             ||         Copyright           ||
                             ||     2009 - 2010 C.R.C.L.    ||
                             ||                             ||
                             |||||||||||||||||||||||||||||| */