/*============================================*/
/*                                            */
/* Styles structurant la page                 */
/*                                            */
/*============================================*/

  body { 
    margin: 0pt;
    padding: 0pt;
    font-family: Century Gothic;
    font-size: 0.9em;
    background-image:url(../images/fond.jpg);
    background-repeat: repeat;
    }

  #conteneur { 
    position: absolute;
    width: 100%;
    color: rgb(0, 0, 0);
    }

  #gauche_index {
	float: left;
    margin-left: 0px;
    margin-right: 0px;
	width: 200px;
	height:800px;
    text-align: justify;
    background-image:url(../images/fond_gauche1.jpg);
    background-repeat: repeat;
    }

  #droit_index {
	float: right;
    margin-left: 0px;
    margin-right: 0px;
	width: 200px;
	height:800px;
    text-align: justify;
    background-image:url(../images/fond_droit1.jpg);
    background-repeat: repeat;
    }

  #centre_index {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    }
	
  #gauche {
	float: left;
    margin-left: 0px;
    margin-right: 0px;
	width: 298px;
	height:2100px;
    text-align: justify;
    background-image:url(../images/fond_gauche.jpg);
    background-repeat: repeat;
    }
	
  #centre {
    margin-left: 350px;
    margin-right: 10px;
    text-align: justify;
    }


/*============================================*/
/*                                            */
/* Styles des menus                           */
/*                                            */
/*============================================*/

  #menu { margin: 0pt;
  	margin-top: 20px;
    padding: 0pt;
    list-style-type: none;
    color: rgb(0, 0, 0);
    }

  #menu li {
	margin-top: 5px;
	margin-left: 50px;
    font-family: Century Gothic;
    font-size: 1.2em;
	text-align: left;
    color: rgb(90, 154, 115);
    }

  #menu a { margin: 0pt 2px;
    color: rgb(90, 154, 115);
    text-decoration: none;
    }

  #menu a:hover { text-decoration: underline;
    color: rgb(255,0, 124);
    }

 #menu2 { margin: 0pt;
  	margin-top: 5px;
    padding: 0pt;
    list-style-type: none;
    color: rgb(0, 0, 0);
    }

  #menu2 li {
	margin-top: 5px;
	margin-left: 35px;
    font-family: Century Gothic;
    font-size: 0.8em;
	font-style: italic;
	text-align: left;
    color: rgb(0, 0, 0);
    }

  #menu2 a { margin: 0pt 2px;
    color: rgb(0, 0, 0);
	font-style: italic;
    text-decoration: none;
    }

  #menu2 a:hover { text-decoration: underline;
    color: rgb(255,0, 124);
    }

	
/*============================================*/
/*                                            */
/* Styles de la page                          */
/*                                            */
/*============================================*/

.h1_page { 
	margin: 0pt;
    color: rgb(255,0, 124);
    font-family: Century Gothic;
    font-size: 2em;
    text-decoration: none;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: normal;
    }

.h2_page { margin: 0pt;
    color: rgb(153, 0, 153);
    font-family: Century Gothic;
    font-size: 1.5em;
    text-decoration: none;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: bold;
    }

/* Classes des liens dans une page */

#centre a {
	margin: 0pt 2px;
	color: rgb(255, 51, 204);
	font-weight: normal;
    text-decoration: none;
    }

#centre a:hover {
	text-decoration: underline;
    color: rgb(150, 150, 150);
	font-weight: normal;
    }
	
#centre_index a {
	margin: 0pt 2px;
	color: rgb(255, 51, 204);
	font-weight: bold;
    text-decoration: none;
    }

#centre_index a:hover { text-decoration: underline;
    color: rgb(150, 150, 150);
    }

/* Classe des listes */

#centre ul {
	text-align: left;
    font-weight: normal;
    font-family: Century Gothic;
    font-size: 1.1em;
}

#centre li {
    margin-top: 10px;
    text-align: left;
    font-weight: normal;
    font-family: Century Gothic;
    font-size: 1.1em;
    list-style-type: none;
}

/* Classes des paragraphes des pages */

  p { margin: 5pt 5pt 10px;
    }

.p_center { 
    margin-top: 15px;
	text-align: center;
    font-weight: normal;
	font-size: 1.5em;
    }

.p_center_sous_titre { 
    margin-top: 10px;
	text-align: center;
    font-weight: normal;
	font-size: 0.8em;
    }

.p_center_forte { 
    text-align: center;
    font-family: Century Gothic;
	color: rgb(255, 0, 128);
    font-size: 1.4em;
    font-weight: bold;
    }

.p_center_century {
	margin-top: 10px;
    text-align: center;
    font-family: Century Gothic;
    font-size: 1.2em;
    font-weight: normal;
    }

.p_center_century_15 {
	margin-top: 30px;
    text-align: center;
    font-family: Century Gothic;
    font-size: 1.5em;
    font-weight: normal;
    }

.p_center_century_bold {
	margin-top: 30px;
    text-align: center;
    font-family: Century Gothic;
    font-size: 1.2em;
    font-weight: bold;
    }

.p_texte {
    text-align: left;
    font-weight: normal;
    font-family: Century Gothic;
    font-size: 1.1em;
    }

.p_texte_2 {
    text-align: center;
    font-weight: bold;
    font-family: Century Gothic;
    font-size: 1.1em;
	color: rgb(255,0, 124);
    }

.p_texte_3 {
    text-align: center;
    font-weight: bold;
    font-family: Century Gothic;
    font-size: 0.7em;
	color: rgb(128,128,128);
    }

.lien_3 {
	color: rgb(255, 51, 204);
	font-weight: bold;
    text-decoration: none;
    }

.lien_3:hover { text-decoration: underline;
    color: rgb(255,0, 124);
    }

.p_erreur {
	margin-top: 10px;
    text-align: center;
    font-family: Century Gothic;
    font-size: 1.2em;
    font-weight: normal;
	color: rgb(255, 58, 107);
    }

.span_bold {
	font-weight: bold;
}
	
 /* Classes des images (images cliquables ou non : on enlève les bordures */

img 
{
   border-width : 0px;
   border : 0px;
   padding-bottom:0px;
}

 /* Classes des tableaux des formulaires des pages */

td {
    font-family: Century Gothic;
    font-size: 0.9em;
}

th {
    font-family: Century Gothic;
    font-size: 1em;
	color: rgb(255, 58, 107);
}
 
.form_legend {
    color: rgb(153, 0, 153);
	font-size: 1.3em;
    text-align: left;
	font-family: Century Gothic;
   }

.form_tableau {
    align: center;
    color: rgb(153, 0, 153);
    margin-top: 10px;
    margin-bottom: 20px;
    text-align: center;
	font-family: Century Gothic;
    font-size: 1.0em;
    border: 2px outset;
    border-color: rgb(153, 0, 153);
   }
   
   .form_titre_tableau {
    color: rgb(153, 0, 153);
	font-family: Century Gothic;
    text-align: center;
   }

   .form_colonne_entete {
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font-style: normal;
    background-color: rgb(250, 220, 250);
	border: 0px;
   }
   
   .form_ligne_entete {
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
    font-style: normal;
    background-color: rgb(250, 220, 250);
	border: 0px;
   }

   .form_cellule {
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    font-style: normal;
    background-color: rgb(250, 220, 250);
	border: 0px;
   }

   .form_cellule_centree { 
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-style: normal;
    background-color: rgb(250, 220, 250);
    }

   .form_cellule_erreur { 
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
    font-style: Century Gothic;
	font-size: 0.6em;
    color: rgb(255,0,0);
    background-color: rgb(250, 220, 250);
    }

/* Classes des formulaires */
   .form_fieldset { 
    border: 0 px;
   }

   input { font-family: Century Gothic;
    }

   select { font-family: Century Gothic;
    }

   .input_disable {
    border: 0px;
    background-color: rgb(250, 220, 250);
   }

  textarea { font-family: Century Gothic;
    }

   .textarea_disable {
    border: 0px;
    background-color: rgb(250, 220, 250);