body
{
   width: 1024px;
   margin: auto;
   background-image: url("Fond-Charte.jpg");
}

/* L'en-tête */

#en_tete
{
   width: 1024px;
   height: 91px;
   background-image: url("KCP_TITRE_2_2.jpg");
   background-repeat: no-repeat;
   margin-bottom:10px;
}
#marquee
{
width:1024px; 
height:24px;
margin-bottom: 35px;
border: 0px solid black;
}

/* Le menu gauche*/
#menugauche
{
   float: left;
   margin-top: 40px;
   margin-left : 0px;
   width: 185px;
   height: 768px;
   border: 0px solid black;
}
#menugauche h2
{
font-size: 1.2em ; 
}
.element_menu
{
   background-color: none ;
   background-image: url("");
   background-repeat: repeat-x;
   border: 0px solid black;
   margin-bottom: 20px;
}

/* Quelques effets sur les menus */
.element_menu h3
{    
   color: #B3B3B3;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
}
.element_menu ul
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.9em;
   list-style-image: url("");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   list-style-type: none;
}
#menugauche .element_menu ul
{
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 1em;
   list-style-image: url("");
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   list-style-type: none;
}
.element_menu a
{
   color: black;
   text-decoration: none;
}
.element_menu a:hover
{
   background-color: none;
   color: red;
   text-decoration: underline;
}

/* Les compteurs */
.compteur
{
Margin-top : 10px;
}
.compteurtdtitre
{
padding-left:10px;
color: navy ; 
font-size: 8pt ; 
text-align: left ; 
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
}
.compteurtdnumber
{
padding-left:10px;
color: orangered; 
font-size: 8pt ; 
text-align: center ; 
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

/* bambougauche */
#bambougauche
{
   float: left;
   margin-top: 0px;
   margin-left : -5px;
   width: 30px;
   height: 768px;
   background-image: url("bambougauche.gif");
   background-repeat: no-repeat;
   margin-bottom: 10px;
   border: 0px solid black;
 }

 /* Le titre de la page */
#titre h1
{
   float: left;
   margin-top: -780px;
   margin-left : -10px;
   width: 605px;
   height: 40px;
   background-color: ;
   background-image: url("");
   background-repeat: repeat-x;
   border: 0px solid black;
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
/* Le corps de la page */
#corps
{
   float: left;
   margin-top: -720px;
   margin-left : -10px;
   width: 605px;
   color: ;
   background-color: ;
   background-image: url("");
   background-repeat: repeat-x;
   border: 0px solid black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h1
{
   color: #B3B3B3;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
   height: 15px;
   background-image: url("");
   background-repeat: no-repeat;
   padding-left: 30px;
   color: 	#B22222;
   text-align: center;
}
#corps a
{
   color: black;
   text-decoration: none;
}
#corps a:hover
{
   background-color: none;
   color: red;
   text-decoration: underline;
}
#corps .lastcom_index a
{
   font-family: "Comic Sans MS", Verdana, "Arial", "Arial Black", "Times New Roman";
   font-size: 0.7em ;
   text-decoration: underline;
   font-weight: bold ;
   color : navy;
}
#corps .lastcom_index a:hover
{
   font-family: "Comic Sans MS", Verdana, "Arial", "Arial Black", "Times New Roman";
   font-size: 0.7em ;
   text-decoration: none;
   font-weight: bold ;
   color : green;
}
/* bamboudroite */
#bamboudroite
{
   float: right;
   margin-top:0px;
   margin-right :-7px;
   width: 30px;
   height: 768px;
   background-image: url("bamboudroite.gif");
   background-repeat: no-repeat;
   border: 0px solid black;
}

/* bamboudroite exclusivement pour IE Hack css */
*html #bamboudroite
{
   float: right;
   margin-top:0px;
   margin-right :-8px;
   width: 30px;
   height: 768px;
   background-image: url("bamboudroite.gif");
   background-repeat: no-repeat;
   border: 0px solid black;
}
/* Le menu droite*/
#menudroite
{
   float: right;
   margin-top: 0px;
   margin-right : 20px;
   width: 180px;
   height: 768px;
   border: 0px solid black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#menudroite h2
{
   font-size: 1.2em ; 
   background-image: url("");
   background-repeat: no-repeat;
   padding-left: 5px;
   color:;
   text-align: left;
}
/* Le menu droite exclusivement pour IE Hack css*/
* html #menudroite
{
   float: right;
   margin-top: 0px;
   margin-right :10px;
   width: 180px;
   height: 768px;
   border: 0px solid black;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
* html #menudroite h2
{
   font-size: 1.2em ; 
   background-image: url("");
   background-repeat: no-repeat;
   padding-left: 5px;
   color:;
   text-align: left;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   float: left;
   margin-top: 20px;
   margin-left : 0px;
   width: 1024px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.8em;
   text-align: center;
   color: navy;
   background-color: ;
   background-image: url("");
   background-repeat: repeat-x;
   border: 0px solid black;
}

/* Le lien toutes les news (qui se trouve tout en bas) */

#allnews
{
   float: left;
   margin-top: -45px;
   margin-left : 700px;
   width: 1024px;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   font-size: 0.8em;
   font-weight: bold;
   color: navy;
   background-color: ;
   background-image: url("");
   background-repeat: repeat-x;
   border: 0px solid black;
}



/* Le lien Administrateur */
.admin a
{
 color: navy;
 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
 font-size: 0.6em;
 font-weight: bold;
 padding-left: 80px;
 text-decoration: none;
 }
 .admin a:hover
 {
 background-color: none;
 color: purple;
text-decoration: underline;
}



/* La page d'index.php*/
th .titrephp
{
text-align: center; 
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
.datephp
{
color: navy; 
font-size: 8pt; 
text-align: center; 
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
.contenuphp
{
color: ; 
font-size: 10pt; 
text-align: center ; 
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
.prenomphp
{
color: orangered; 
font-size: ; 
text-align: ; 
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
.construction
{
color: red; 
font-size: 20px; 
padding-left: 220px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#image_construction
{
background-image: url("construction.jpg");
padding-left: 220px;
}
.enteteutile
{
color: navy; 
font-size: 1.2em; 
font-family: "Comic Sans Ms",Arial, "Arial Black", "Times New Roman", Times, serif;
font-weight: bold;
margin-bottom: 20px;
margin-top: 20px;
text-align: left; 
padding-left: 20px;
}
.logoutile
{
margin-bottom: 20px;
margin-top: 20px;
width:100px;
}
#corps .lienutile a
{
font-family: Verdana, "Arial", "Arial Black", "Times New Roman";
font-size: 0.7em ;
text-decoration: underline;
font-weight: normal;
color : black;
margin-left: 20px;
}
#corps .lienutile a:hover
{
font-family: Verdana, "Arial", "Arial Black", "Times New Roman";
font-size: 0.7em ;
text-decoration: none;
font-weight: normal;
color : green;
}
.newsletter
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 0.9em;
}
.newsletter2
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size: 0.7em;
}