/* CSS Document */

/*   ---                     ---
   ------ Eléments Généraux ------
     ---                     ---  */

* {
  margin: 0;
  padding: 0;
}

body {
  background: #DEDEDE;
  background: #F2F2F2;
}

html {
  height: 101%;
}

/*   ---                          ---
   ------ Définition des Classes ------
     ---                          ---  */

.cedit {
  font-size: 70%;
  font-style: italic;
  color: #FF0000;
}

.image_droite {
  float: right;
  margin-left: 10px;
}

.image_gauche {
  float: left;
  margin-right: 10px;
}

.titre_droit{
  margin-bottom: 15px;
}

.iLieu, .iHeure, .iDate {
  font-size: 14px;
  font-style: italic;
  text-align: center;
}

.iLieu {
  text-decoration: underline;
}

.iDate {
  font-size: 14px;
  font-weight: bolder;
}

.iGroupe {
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
  text-decoration:underline;
}

.iTitre {
  color: #006600; 
  border-top: 2px solid #006600;
  border-bottom: 2px solid #006600;
  font: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
  display: block;
}

.iInscription a:link, .iInscription a:visited {
  color: #006600; 
  border: 2px solid #006600;
  font: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
  text-decoration: none;
  display: block;
}

.iSection {
  color: #5F0E28; 
  font: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  font-weight: bolder;
  text-align: center;
  display: block;
  padding-bottom: 4px;
  border-bottom: 2px solid #ECEBEA;
  margin-bottom: 10px;
}

.cTitre {
  text-align: right;
  font-style: italic;
  font-weight: bolder;
/*  font-variant: small-caps; */
  font-size: 24px;
  font: Georgia, "Times New Roman", Times, serif;
  color: #006600;
  background-image: url(images/fond12.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
/*  background-position:*/
  padding-right: 15px;
  margin-bottom: 15px;
}

.cTitre a:link, .cTitre a:visited {
  text-decoration: none;
  color: #006600;
}

.csTitre a:link, .csTitre a:visited {
  text-align: center;
  text-decoration: none;
  font-weight: 900;
  font-size: 20px;
  font-family: "Times New Roman", Times, serif;
  color: #006600;
  color: #5F0E28;
  margin-bottom: 10px;
}

/*   ---                            ---
   ------ Définition des Divisions ------
     ---                            ---  */

#wrapper {
  width: 900px;
  background-color: #BFBFBF;
  padding: 15px;
  border: #ACD1AA 5px solid ridge;
  margin: 20px auto;
}

#bandeau {
  margin-bottom: 15px;
}

#navigation {
  width: 170px;
  float: left;
}

#contenu {
  width: 520px;
  float: left;
  color: #20381E;
  font-family: "Times New Roman";
  font-size: 18px;
  text-align: justify;
  margin-left: 20px;
}

#information {
  width: 170px;
  float: right;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-family: "Times New Roman";
  color: #333333;
}

#ligne {
  clear: both;
  height: 5px;
}

#footer {
  clear: both;
  color: #494949;
  font: Georgia, "Times New Roman", Times, serif;
  font-size: 12px;
  font-weight: bolder;
  padding-top: 10px;
}

/*   ---              ---
   ------ Navigation ------
     ---              ---  */

#navigation ul {
  list-style: none;
}

#navigation ul a:link, #navigation ul a:visited, #navigation ul a:hover {
  display: block;
  text-decoration: none;
  color: #006600; 
  font: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  font-weight: bolder;
  text-align: center;
  padding: 3px;
}

#navigation ul ul {
  display: none;
}

#navigation ul ul a:link, #navigation ul ul a:visited, #navigation ul ul a:hover {
  color: #5F0E28;
  font-weight: 500;
  font-style: italic;
  font-size: 16px;
/*  font: normal; */
  padding: 0px;
  border: none;
}

/*   ---           ---
   ------ Contenu ------
     ---           ---  */

#contenu p {
  clear: both;
}

#contenu ul li {
  list-style-image: url(images/puce_logo4.gif);
  list-style-position: outside;
  color: #20381E;
  font-style: italic;
  vertical-align: baseline;
  text-align: justify;
  padding-left: 10px;
  margin-left: 30px;
} 

/*   ---                ---
   ------ Pied de page ------
     ---                ---  */

#footer ul {
  text-align: center;
}

#footer li {
  display: inline;
  list-style-type: none;
  margin-right: 10px;
  margin-left: 10px;
}

#footer a:link, #footer a:visited {
  color: #494949;
  text-decoration: none;
}