/* ----------------------------------------- */
/*CLASSES DE POSITIONNEMENT DE BASE */
/* ----------------------------------------- */
html {
  height: 100%;
  min-height: 100%;
  background: url(../images/interface/fixe_fond.gif) repeat;
}

body{
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background-color: #FFFFFF;
  width: 766px;
  margin: 0 auto;
}
/* ----------------------------------------- */

/* -------------------------------------------------------------- */
/* LOGO / PROMO FLASH / INSCRIPTION NEWSLETTER :: H = 90Px */
/* -------------------------------------------------------------- */
div#logo, div#promo, div#newsletter{
  background-color: #FFFFFF;
  position: relative;
  float: left;
  height: 90px;
}
div#logo{
  background: url(../images/interface/fixe_logo.jpg);
  width: 263px;
  border-left: 1px solid black;
}
div#promo{
  width: 320px;
  text-align: center;
  *margin-top: -3px;
}
div#newsletter{
  background: url(../images/interface/fixe_newsletter.gif);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 181px;
  border-right: 1px solid black;
}
div#newsletter input{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid black;
}
.contact{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.contact input{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: 1px solid black;
}
/* -------------------------------------------------------------- */

/* ---------------------- */
/* MENU ROOT :: H = 23Px */
/* ---------------------- */
div#winter_menuroot, div#spring_menuroot, div#fall_menuroot, div#summer_menuroot{
  clear: both;
  width: 764px;
  height: 23px;
  border: 1px solid black;
  border-bottom: none;
  text-align: left;
}
div#winter_menuroot{
  background-color: #505050; /* GRIS */
}
div#spring_menuroot{
  background-color: #507000;  /* VERT */
}
div#fall_menuroot{
  background-color: #705000; /* BRUN */
}
div#summer_menuroot{
  background-color: #C70000; /* BLEU */
}
div#winter_menuroot a, div#summer_menuroot a, div#fall_menuroot a, div#spring_menuroot a{
  font-size: 9px;
  font-weight: bold;
  display: inline;
  border: none;
  height: 23px;
  margin-left: 15px;
  text-decoration: none;
  color: #FFFFFF;
}
div#winter_menuroot a:hover, div#summer_menuroot a:hover, div#fall_menuroot a:hover, div#spring_menuroot a:hover{
  color: #000000;
}
/* ---------------------- */

/* -----------------------------*/
/* BANDEAU FLASH :: H = 216Px */
/* -----------------------------*/
div#flash{
  width: 764px;
  height: 216px;
  border: 1px solid black;
  border-bottom: none;
}
/* -----------------------------*/

/* ----------------- */
/* OMBRE :: H = 15Px */
/* ----------------- */
div#winter_ombre, div#fall_ombre, div#spring_ombre, div#summer_ombre{
  width: 766px;
  height: 15px;
  border: none;
  border-top: 1px solid black;
}
div#winter_ombre{
  background: url(../images/interface/winter_ombre.gif) no-repeat;
}
div#fall_ombre{
  background: url(../images/interface/fall_ombre.gif) no-repeat;
}
div#spring_ombre{
  background: url(../images/interface/spring_ombre.gif) no-repeat;
}
div#summer_ombre{
  background: url(../images/interface/summer_ombre.gif) no-repeat;
}
/* ----------------- */

/* ----------------------------- */
/* COLONNE GAUCHE :: H = 100% */
/* ----------------------------- */
div#winter_colonne_gauche img, div#spring_colonne_gauche img, div#fall_colonne_gauche img, div#summer_colonne_gauche img{
  margin-top: 10px;
}

div#winter_colonne_gauche, div#spring_colonne_gauche, div#fall_colonne_gauche, div#summer_colonne_gauche{
  float: left;
  width: 168px;
  background-color: #FFFFFF;
}
.winter_menu_gauche, .spring_menu_gauche, .fall_menu_gauche, .summer_menu_gauche{
  text-align: left;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  display: block;
  width: 168px;
  height: 21px;
  margin: 0px;
  margin-top: 5px;
  padding-top: 9px;
  color: #FFFFFF;
}
.winter_menu_gauche:link, .winter_menu_gauche:visited{
  background-color: #A0A0A0;
}
.spring_menu_gauche:link, .spring_menu_gauche:visited{
  background-color: #90C040;
}
.fall_menu_gauche:link, .fall_menu_gauche:visited{
  background-color: #C09050;
}
.summer_menu_gauche:link, .summer_menu_gauche:visited{
  background-color: #CA4040;
}
.winter_menu_gauche:hover, .spring_menu_gauche:hover, .fall_menu_gauche:hover, .summer_menu_gauche:hover{
  color: #000000;
  background-color: #CA4040;
}
/* ----------------------------- */

/* -------------------------- */
/* BLOC DE NEWS :: H = 100% */
/* -------------------------- */
div#winter_news, div#fall_news, div#spring_news, div#summer_news{
  width: 168px;
  height: 110px;
}
div#winter_news p, div#fall_news p, div#spring_news p, div#summer_news p{
  margin: 5px;
  text-align: justify;
  font-weight: bold;
  font-size: 9px;
}
div#winter_news h1, div#fall_news h1, div#spring_news h1, div#summer_news h1{
  margin-left: 3px;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  *margin-top: 7px;
  *margin-bottom: 3px;
}
.winter_lnk, .fall_lnk, .spring_lnk, .summer_lnk{
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}
.winter_lnk:hover{
  color: #606060;
}
.fall_lnk:hover{
  color: #704010;
}
.spring_lnk:hover{
  color: #609010;
}
.summer_lnk:hover{
  color: #7B3030;
}
/* -------------------------- */

/* -----------------*/
/* BLOC DE ACTUS  */
/* -----------------*/
div#winter_actu, div#fall_actu, div#spring_actu, div#summer_actu{
  margin: 5px;
  height: 75px;
}
div#winter_actu h4, div#fall_actu h4, div#spring_actu h4, div#summer_actu h4{
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  width: 450px;
  *width: 436px;
  border-bottom: 1px solid black;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
}
div#winter_actu h5, div#fall_actu h5, div#spring_actu h5, div#summer_actu h5{
  margin: 0;
  *margin-right: 10px;
  text-align: right;
  font-style: italic;
  font-size: 9px;
}
div#winter_actu p, div#fall_actu p, div#spring_actu p, div#summer_actu p{
  margin: 0;
  text-align: justify;
  font-weight: bold;
  font-size: 9px;
}
.winter_lnk, .fall_lnk, .spring_lnk, .summer_lnk{
  font-weight: bold;
  font-size: 9px;
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}
.winter_lnk:hover{
  color: #606060;
}
.fall_lnk:hover{
  color: #704010;
}
.spring_lnk:hover{
  color: #609010;
}
.summer_lnk:hover{
  color: #7B3030;
}
/* -----------------*/

/* ------------------------ */
/* CENTRE SITE :: H = 100% */
/* ------------------------ */
div#centre{
  float: left;
  width: 468px;
  border: none;
  background-color: #FFFFFF;
}
div#centre p{
  text-align: justify;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 10px;
}
div#centre h1{
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
div#centre h2{
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10px;
}
div#centre h3{
  text-align: left;
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-top: 10px;
  margin-left: 10px;
}
.selector{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}
div#centre li{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: italic;
  text-align: left;
}
div#centre ul{
  margin: 0px;
  margin-top: 5px;
  margin-bottom: 10px;
}
/* ------------------------ */

/* -----------------------------*/
/* COLONNE DROITE :: H = 100% */
/* -----------------------------*/
div#colonne_droite{
  float: right;
  width: 130px;
  background-color: #FFFFFF;
}
div#colonne_droite img{
  margin-top: 10px;
}
/* -----------------------------*/

/* -----------------------------*/
/* PIED DU SITE :: H = 100% */
/* -----------------------------*/
div#winter_piedpage, div#spring_piedpage, div#fall_piedpage, div#summer_piedpage{
  font-size: 9px;
  font-weight: bold;
  padding-top: 4px;
  color: #FFFFFF;
  clear: both;
  width: 764px;
  height: 26px;
  border: 1px solid black;
  text-align: center;
}
div#winter_piedpage{
  background-color: #505050; /* GRIS */
}
div#spring_piedpage{
  background-color: #507000;  /* VERT */
}
div#fall_piedpage{
  background-color: #705000; /* BRUN */
}
div#summer_piedpage{
  background-color: #C70000; /* BLEU */
}
div#winter_piedpage a, div#summer_piedpage a, div#fall_piedpage a, div#spring_piedpage a{
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: none;
  color: #FFFFFF;
}
div#winter_piedpage a:hover, div#summer_piedpage a:hover, div#fall_piedpage a:hover, div#spring_piedpage a:hover{
  color: #330000;
}