body {
  background-color: #ffffff;
  margin: 0px;
  padding: 0px;
  font-family: 'Georgia', serif;
}

a:hover {
  text-decoration: none;
}

#wrapper {
  position: relative;
  background-color: #ccd31e;
}

#header {
  /* Pour que les sous-menus apparaissent sous IE */
  position: relative;
  z-index: 2;
}

#conteneurmenu {
  height: 50px;
}

#custom {
  /* Pour que les sous-menus apparaissent sous IE */
  position: relative;
}



/*
 * Bloc de présentation
 */
#bloc_presentation {
  background: url("tl_files/_template/bloc_presentation/bloc_presentation_bottom.gif") bottom center no-repeat;
  min-height: 229px; 
  height:auto;
  position: relative;
  margin: 0;
  padding: 0;
}
/* pour IE, implémantation du min-height*/
* html #bloc_presentation {
  height: 229px;
}
#presentation {
  background: url("tl_files/_template/bloc_presentation/bloc_presentation_top.gif") top center no-repeat;
  margin: 0;
  padding: 0; 
}
#presentation .mod_article {
  margin: 0 0 0 200px;
  padding: 0 0 20px 0;  
  color: #ffffff;
  font-size: 0.8em;
  line-height: 1.3em;
  width: 610px;
  text-align: justify;
}
#presentation .mod_article a {
  color: #ffffff;
}
#presentation h1 {
  margin: 10px 0 0 10px;
  padding: 0;
  color: #d6cc73;
  font-size: 1.7em;
  font-weight: normal;
  /*text-transform: lowercase;*/
  letter-spacing: 0.1em;
  line-height: 1.5em;  
}
#presentation h2 {
  margin: 0;
  padding: 0;
  color: #f0de39;
  font-size: 2em;
  font-weight: normal;
  /*text-transform: lowercase;*/
  line-height: 1.3em;  
}
#presentation .image_container {
  margin: 0 10px 10px 0;
}
#presentation p {
  margin: 0;
  padding: 0;
}



/*
 * Container : les blocs main et right
 * Les deux blocs main et right sont pris en compte dans le calcul de la hauteur
 */
#container {
  overflow: auto;
}


/*
 * Main
 */
#main {
  margin: 40px 0 0 60px;
  padding: 0;
  float: left;
  width: 540px;

  color: #70681b;
  color: #000000;
  font-size: 0.8em;
  line-height: 1.3em;
  text-align: justify;
}
#main h1  {
  font-size: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 0.9em;
  color: #87412e;
  text-align: left;
  border-left-style: solid;
  border-left-width: 15px;
  border-left-color: #f0de39;
  padding-left: 0.5em;
}
#main h2 {
  font-size: 1.4em;
  font-weight: bold;
  /*text-transform: lowercase;*/
  letter-spacing: 0em;
  line-height: 0.9em;
  color: #70681b;
}
#main .image_container {
  margin: 10px;
}
#main .block {
  margin: 0 0 30px 0;
}
#main a {
  color: #000000;
}



/*
 * Main : Séparateur en feuilles
 */
#main .hr {
  background: url("tl_files/_template/hr.gif") no-repeat top center;
  width: 100%;
  height: 25px;
  padding: 0;
  margin: 10px 0 20px 0;
}


/*
 * Blocs du menu d'accès direct sur la page d'accueil
 */
#main .blocAccueil {
  width: 260px;
  min-height: 235px;
  height:auto;
//  background: transparent url('tl_files/_articles/accueil/blocmenubas.gif') bottom center no-repeat;
}
/* pour IE, implémantation du min-height*/
* html #main .blocAccueil {
  height: 235px;
}
#main .blocAccueil p {
  margin: 0;
  padding: 130px 10px 15px 10px;
  text-align: left;
  font-size: 1em;
}
#main .blocAccueil a {
  text-decoration: none;
}
#main .blocAccueil a:hover {
  text-decoration: underline;
}
#main .blocAccueil1 {
  background: url('tl_files/_template/bloc-accueil-1.gif') top center no-repeat;
}
#main .blocAccueil2 {
  background: url('tl_files/_template/bloc-accueil-2.gif') top center no-repeat;
}
#main .blocAccueil3 {
  background: url('tl_files/_template/bloc-accueil-3.gif') top center no-repeat;
}
#main .blocAccueil4 {
  //background: #d7da61 url('tl_files/_articles/accueil/blocmenu4.gif') top center no-repeat;
  background: url('tl_files/template/bloc-accueil-4.gif') top center no-repeat;
}



/*
 * Les bloc d'animation comportent une image en position top pour illustrer l'animation
 */
#main .blocAnimation {
  background: #d6da61 url('tl_files/_template/bloc-animation-bottom.gif') bottom center no-repeat;
  padding: 0 1em 3em 1em;  
}
#main .blocAnimation img {
  margin-left: -1em;
}



/*
 * Bloc d'affichage des calendriers
 */
.BlocCalendrier {
  font-family: 'Arial', sans-serif;
  font-size: 0.9em;
  color: #000000;
  background-color: #d6da61;
  margin: 5px 5px 5px 5px;
  padding: 5px 5px 5px 5px;
}
.BlocCalendrier .nomJour {
  font-weight: bold;
  text-align: center;
}
.BlocCalendrier .numJour {
  text-align: center;
}
.BlocCalendrier a, .BlocCalendrier a:hover {
  text-decoration: none;
  font-weight: bold;
  color: #c10300;
}



/*
 * Colonne Right
 */
#right {
  margin: 40px 20px 0 0;
  padding: 0;
  float: right;
  width: 270px;
  color: #000000;
  font-size: 0.8em;
  line-height: 1.3em;
  text-align: left;
}
#right a {
  text-decoration: none;
}
#right a:hover {
  text-decoration: underline;
}
#right .content {
  padding: 0;
  margin: 0 50px 0 10px;
}
#right ul {
  margin: 1em;
  padding: 0;
}



/*
 * Il y a 4 types de bloc pour la colonne de droite
 * Bloc1 : couleur claire pour la page d'accueil
 * Bloc3 : couleur claire
 */
#right .bloc1 {
  background: transparent url('tl_files/_template/leftbloc1middle.gif') center top repeat-y;
  margin-bottom: 20px;
  color: #70681b;
  text-align: justify;
}
#right .bloc3 {
  background: #d6da61 url('tl_files/_template/bloc_right_3/bloc3-bg.gif') left top repeat-y;
  color: #70681b;
  text-align: left;
  padding: 10px 10px 10px 10px;
}
.bloc3_top {
	height: 61px;
}
.bloc3_bottom {
	height: 14px;
}
#right .bloc1 a, #right .bloc3 a {
  color: #70681b;
}
#right .bloc3 a {
	text-decoration: underline;
}

#right .bloc1  h1, #right .bloc3 h1 {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 0.9em;
  text-align: left;
  border-left-style: solid;
  border-left-width: 7px;
  border-left-color: #c10300; 
  padding-left: 0.5em;
  color: #c10300;
}
#right .bloc1 .top {
  background: transparent url('tl_files/_template/leftbloc1top.gif') center top no-repeat;
  height: 48px;
}
#right .bloc1 .bottom {
  background: transparent url('tl_files/_template/leftbloc1bottom.gif') center bottom no-repeat;
  height: 23px;
}



/*
 * Il y a 4 types de bloc pour la colonne de droite
 * Bloc2 : couleur foncée pour la page d'accueil
 * Bloc4 : couleur foncée
 */
#right .bloc2 {
  background: transparent url('tl_files/_template/leftbloc2middle.gif') center top repeat-y;
  color: #70681b;
  text-align: justify;
}
#right .bloc4 {
  background: #a4a74a url('tl_files/_template/bloc_right_4/bloc4-bg.gif') left top repeat-y;
  color: #70681b;
  text-align: left;
  padding: 10px 10px 10px 10px;
}
.bloc4_top {
	height: 61px;
}
.bloc4_bottom {
	height: 14px;
}
#right .bloc4 a {
	text-decoration: underline;
}
#right .bloc2  a, #right .bloc4  a {
  color: #70681b;
}
#right .bloc2 h1, #right .bloc4 h1 {
  font-size: 1em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  line-height: 0.9em;
  text-align: left;
  border-left-style: solid;
  border-left-width: 7px;
  border-left-color: #410403;
  padding-left: 0.5em;
  color: #410403;
}
#right .bloc2 .top {
  background: transparent url('tl_files/_template/leftbloc2top.gif') center top no-repeat;
  height: 48px;
}
#right .bloc2 .bottom {
  background: transparent url('tl_files/_template/leftbloc2bottom.gif') center bottom no-repeat;
  height: 23px;
}



/*
 * Footer
 */
#footer {
  background: url("tl_files/_template/footer/footer_bottom.gif") bottom center no-repeat;
  padding-bottom: 60px;
}

#footer .inside {
  background: url("tl_files/_template/footer/footer_top.gif") top center no-repeat;
}
#footer .text {
  margin: 0 0 0 142px;
  padding-top: 100px;
  color: #ffffff;
  font-size: 0.7em;
  line-height: 1.2em;
  width: 750px;
  text-align: right;
}
#footer .text a {
  color: #ffffff; 
}