body 
{
   background-color: #F6E7C0; /* Une couleur pour le fond */

   width: 1000px; 
   margin: auto; /* Pour centrer notre page */
   margin-bottom: 20px;    /* pour que le site ne cole pas au fond de la fenêtre */
   font-family:  Georgia ,"Arial Black", "Comics sans ms", "Times New Roman", Times, serif;
   font-size: 13px;
   behavior: url("csshover.htc");
}

h3
{
   text-align: center;
   text-decoration: underline;
}


h2, h4
{

   text-decoration: underline;
}

a img
{
   border:none;
}

#lien_langues
{
   position: relative;
   left: 200px;
   top: -163px;
}

#corpshaut
{
   background-image: url("images/corps_haut1.png");
   background-repeat: no-repeat;
   margin-left:200px;
}

#corps
{
   padding: 10px;
   margin-left:200px;
   width: 809;
   padding-left: 25px;
   text-align: justify;
   background-image: url("images/corps_plein.png");
   background-repeat: repeat-y;
}

#corpsbas
{
   background-image: url("images/corps_bas_plein.png");
   background-repeat: no-repeat;
   margin-left:200px;
   width:785;
   height: 45px;
}
#cycle
{
   margin: auto;
}
#indexcarre1
{
   float: left;
   background-image: url("images/corp_fond_index3.png");
   background-repeat: no-repeat;
   padding-left: 10px;
   padding-top: 1px;
   margin-left:0px;
   width:350px;
   height:400px;
}

#indexcarre2
{
   background-image: url("images/corp_fond_index3.png");
   background-repeat: no-repeat;
   padding-left: 15px;
   padding-top: 1px;
   margin-left:370px;
   text-align: justify;
   width:390px;
   height:400px;
}

#indexcarre2t
{
   width:305px;
   height:350px;
}



#pied
{
   background-image: url("images/pied.png");
   background-repeat: no-repeat;
   padding-top: 16px;
   margin-left:195px;
   text-align: center;
}

#fond
{
   background-image: url("images/fond.png");
   background-repeat: no-repeat;
   width: 1000px; 

}

.centre
{
  text-align: center;
  margin: auto;
  padding-left: 40px;
}

hr
{
  width:700px;
}

.news
{
  text-align: left;
}

h3 em
{
  font-size: 10px;
}

.corpsHautText
{
   background-image: url("images/corps_text_haut.png");
   background-repeat: no-repeat;
   overflow: hidden;
   margin: 0;
   width:715px;
   height:30px;
}

.corpsCentreTexte
{
   background-image: url("images/corps_text_centre.png");
   background-repeat: repeat-y;
   margin: 0px;
   padding: 10px;
   width:715px;
   overflow: auto;


}

.corpsBasText
{
   background-image: url("images/corps_text_bas.png");
   background-repeat: no-repeat;
   margin: 0px;
   margin-bottom: 10px;
   padding: 0px;
   width:715px;
   height:35px;
}

table
{
   border-collapse: collapse;
   border: 4px solid #F6E7C0;
   width:700px;
}
.tdevenementtitre
{
   width:80%;
   padding-left:100px;
   border: 3px solid #F6E7C0;
   padding-top: 5px;
   padding-bottom:5px;
}

.table2
{
   margin-top: 50px;
   float: right;
   border-collapse: collapse;
   border: 4px solid #F6E7C0;
   width:100px;
}

.tddate
{
   width:20%;
   border: 3px solid #F6E7C0;
   text-align: center;
   padding: 5px;
}
.tdtexte
{
   width:80%
   text-align: justify;
   border: 3px solid #F6E7C0;
   padding: 5px;
}

.tddate2
{
   margin-top: 50px;
   width:100%;
   border: 3px solid #F6E7C0;
   text-align: center;
   padding: 5px;
}

.newstext
{
   width:680px;
}


#corpstext
{
   width:715px;
}

a h4
{
   color: black;
}

a.liencache
{
   color: black;
   text-decoration: none;
}

img.imageborder
{
   margin-right: 15px;
   margin-left:15px;
}


/*maintenant le menu déroulant! accrochez vous...*/


#menu_dynamique li a 
{
  display:block;
  height:21px;
  text-decoration:none;
  color: rgb(162,8,8);
}

#menu_dynamique 
{
   float: left;
   width:191px;
   height: 414px;
   background-image: url("images/menu.png");
   background-repeat: no-repeat;
   padding-top: 130px;
   padding-left: 17px;
}

#menu_dynamique ul 
{
  width:140px;
  list-style:none;
  padding:0px;
  margin:0px;
}

#menu_dynamique ul li 
{
  width:auto;
  height:21px;
}

#menu_dynamique ul li ul {
  background-image: url("images/base.menu.gif");
  padding-left:3px;
  padding-top:3px;
  display:none;
}
#menu_dynamique ul li:hover ul 
{
  display:block;
  position:relative;
  top:-21px;
  left:140px;
}

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

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

.MenuRepasFloatRight
{
	float: right;
	background-color: #F6E7C0;
	width:350px;
	height:550px;
}

.formulaireAgranditSoupers

{
	height:550px;
}
.BlockGaucheRepas
{
	width:350px;
	background-color: #F6E7C0;
	height:550px;
}

.floatRight_FB
{
	Float: right;
	background-color: #FFFFFF;
}
.gauche_FB
{
	height: 600px;
}