/*
Design rélaisé par Grég

Couleur de la terre battue: #B14B1A
*/

body
{
   width: 900px;
   margin: auto;
   margin-bottom: 0px;
   background-color: #B14B1A;
}

/* L'en-tête */

#en_tete
{
   width: 900px;
   height: 120px;
   background-image: url("images/banniere.jpg");
   background-repeat: no-repeat;
   margin-top: 0px;
   margin-bottom: 0px;
}

/* Le corps de la page */
#infos
{
   margin-left: 300px;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   text-align: right;
   color: white;
   font-size: 10px;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#titre_diapo
{
	color: grey;
	font-size: 11px;
	font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
	text-align: center;
	font-weight: bold;
}

#corps
{
   margin-left: 180px;
   margin-top: 0px;/*20px;*/
   margin-bottom: 0px;
   padding: 5px 25px 5px 25px;
   
   color: #404040;
   background-image: url("images/back_corps.jpg");
   background-repeat: repeat-y;
}

p
{
   color: black;
   font-size: 13px;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h1
{
   color: #214721;
   text-align: center;
   font-size: 32px;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
   background-image: url("images/raquette.jpg");
   background-repeat: no-repeat;
   background-position : top center;
   padding-top:8px;
}

#corps h2
{
   text-align: left;
   padding-left: 30px;
   color: #b5633b;
   font-size: 18px;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif; 
}

#corps h3
{
   text-align: left;
   padding-left: 10px;
   color: #400000;
   font-size: 15px;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps a
{
   color: #109BFF;
   text-decoration: none;
   font-weight: bold;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps a:hover
{
   color: #C8C8C8;
   text-decoration: none;
   font-weight: bold;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps ul
{
   color: black;
   font-size: 14px;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
   padding: 0px;
   padding-left: 20px;
}

.cmde_diapo table
{
   border: 0px;
}

.cmde_diapo td 
{
   border: 0px;
   text-align: center;
   padding: 0px;
}

.resultat table /* Le tableau en lui-même */
{
   margin: left;
   border: 2px outset;
   border-collapse: collapse;
}

.resultat td /* Les cellules normales */
{
   border: 1px solid black;
   text-align: left;
   padding: 5px;
}

.indent
{
	padding-left: 60px;
}

.signature
{
	 padding-left: 400px;
}

.nous
{
	color: blue;
	font-weight: bold;
}

.eux
{
	color: red;
	font-weight: bold;
}

.H
{
	color: blue;
	font-weight: bold;
}

.F
{
	color: red;
	font-weight: bold;
}

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

.pied_de_page
{
	color: #B14B1A;
	font-weight: bold;
}

/* Le formulaire */

input, textarea
{
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}
 
input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: #ffffdf;
}
 
label
{
   color: black;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}
 
legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
   color: #b5633b;
   font-weight: bold;
}
 
fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
}

/*************************************************************************************************/

/***** menu CSS *****/
body {
  behavior: url("csshover.htc");
}

#menu_dynamique li a {
  display:block;
  height:38px;
  text-decoration:none;
  color:#696969;
  background-color:#FFFFFF;
  font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
  font-size: 16px;
  text-align: center;
  vertical-align: top;
  padding-top: 12px;
}

#menu_dynamique {
  width:auto;
  float:left;
  margin:0px 0px;
  padding:0px;
}

#menu_dynamique ul {
  width:170px;
  list-style:none;
  padding:0px;
  margin:0px;
  border-right:1px solid silver;
}

#menu_dynamique ul li {
  width:auto;
  margin-left:5px;
  padding-left:25px;
  text-indent:5px;
  height:50px;
  background:url("images/menu_bordure.png") repeat-y;
  border:1px solid silver;
}

#menu_dynamique ul li ul {
  display:none;
}

#menu_dynamique ul li:hover ul {
  display:block;
  position:relative;
  top:-52px;
  left:135px;
}

#menu_dynamique ul li ul, #menu_dynamique ul li:hover ul li ul, #menu_dynamique ul li:hover ul li:hover ul li ul{
  display:none;
}

#menu_dynamique ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul li:hover ul{
  display:block;
  position:relative;
  top:-52px;
  left:135px;
}

#menu_dynamique ul li.extend a {
  background:white url("images/menu_suite.gif") right no-repeat;
}

#menu_dynamique ul li.extend:hover ul li.end a {
  background-image:none;
}

#menu_dynamique li:hover {
  background:url("images/menu_balle.jpg");
}

#menu_dynamique li a:hover {
  color:black;
  background-color:#BBB7C7;
  font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
  font-size: 18px;
}

#menu_dynamique ul li.extend:hover a, #menu_dynamique ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{
  background-color:#93f393;
}

#menu_dynamique ul li.extend:hover ul li a, #menu_dynamique ul li.extend:hover ul li:hover ul li a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover ul li a{
  background-color:#FFFFFF;
}

#menu_dynamique li.first{
  border-top:2px solid silver;
}

#menu_dynamique li.last{
  border-bottom:2px solid silver;
}

#menu_dynamique ul li.extend:hover {
  width:138px;
  height:50px;
  overflow:hidden;
}

html > body #menu_dynamique ul li.extend:hover {
  overflow:visible;
}

.nouveau a
{
   color: #109BFF;;
   text-decoration: none;
   font-weight: bold;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.nouveau a:hover
{
   color: #C8C8C8;
   text-decoration: none;
   font-weight: bold;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

.titre_menu
{
	color: #214721;
	font-weight: bold;
	font-size: 24px;
    font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}

/*************************************************************************************************/

/*************************************************************************************************/

/***** news CSS *****/

.news
{
   float: left;
   width: 170px;
   padding: 0px 0px 0px 10px;
   margin-left: 0px;
   margin-top: 0px;
   color: black;
   background-image: url("images/back_news.jpg");
   background-attachment: scroll;
   
   height: 295px;
   overflow-x :hidden;
   overflow-y :auto;
   padding-top: 10px;
}

.news_titre
{
   text-align: left;
   color: #400000;
   font-size: 15px;
   font-weight: bold;
   font-family: Tahoma, Comic Sans MS, Arial, "Arial Black", "Times New Roman", Times, serif;
}