/*-----------------------*/
/*  Paramètres généraux  */
/*-----------------------*/
html, body
{
	background-color: #ffe6a6; /* ou gris F4F4F4 */
	font-size: 13px;
	font-family: comic sans ms, arial, verdana, sans-serif;
	border: 0px;
  margin: 0px;
  padding: 5px;
}

/*--------------------*/
/*  LIENS hypertexte  */
/*--------------------*/
a:link{ color: black; text-decoration: none; }
a:visited{ color: black; text-decoration: none; }
a:hover{ color: #FFAA02; text-decoration: none; } /* Orange équivalent à la bulle du logo */

/*------------------*/
/*  ENTETE de page  */
/*------------------*/
.entete
{
  background-image: url("img_design/titre_850.gif");
  background-repeat: no-repeat;
  width: 850px;
  height: 159px;
}

/*-------------------*/
/*  MENU horizontal  */
/*-------------------*/
.menu
{
  background-image: url("img_design/inter_850.gif");
  background-repeat: no-repeat;
  width: 850px;
  height: 111px;
  
}
ul#menu_titre li 
{
  display: inline;
  padding: 0 2px; /* Pour espacer les boutons entre eux */
  vertical-align: middle;
}
ul#menu_titre 
{
  margin: 0px;
  padding-left: 0px;
  padding-top: 6px;
  list-style-type : none; /* Sinon les puces se placent n'importe où */
  text-align: center;
}

/*----------------*/
/*  MENU onglets  */
/*----------------*/
.menu_onglet
{
  background-image: url("img_design/inter_onglet_850.gif");
  background-repeat: no-repeat;
  width: 850px;
  height: 111px;
}
#actu
{
  position: relative;
  top: 50px;
  * top: 47px; /* Hack IE6 */
  right: 358px;
  display: inline;
  height: 38px;
  width: 355px;
}
#plan
{
  position: relative;
  top: 50px;
  * top: 47px; /* Hack IE6 */
  left: 446px;
  display: inline;
  height: 38px;
  width: 355px;
}

/*--------------------*/
/*  CORPS de la page  */
/*--------------------*/
.corps
{
  background-position: center;
  background-image: url("img_design/fond_850.gif");
  background-repeat: repeat-y;
  width: 850px;
  padding-top: 10px;
}
#text_intro
{
  margin-top: 60px;
  font-size: 15px;
  text-align: center;
}
#text_bienvenue
{
  font-size: 20px;
  font-weight: bold;
}
.text_droite
{
  position: absolute;
  top: 480px;
  left: 690px;
  padding-left: 5px;
  font-size: 15px;
}

#bulle_droite
{
  background-image: url("img_design/bulle.gif");
  background-repeat: no-repeat;
  position: absolute;
  width: 404px;
  height: 762px;
  top: 40px;
  left: 845px;
  z-index: 0;
}
#img_accueil
{ 
  width: 650px; 
  height: 487px; 
  padding-left: 30px;
  text-align: center;
}
#img_goodies
{ 
  width: 650px; 
  height: 487px; 
  padding-left: 95px;
}
.img_gallery{ border: 0px; padding: 10px; }

/*------------------------------*/
/*  Espace GAUCHE pour article  */
/*------------------------------*/
.news
{
  margin-left: 25px;
  margin-right: 270px;
  height: auto !important;
  height: 700px;
  min-height: 700px;
}
/*------------*/
/*  Articles  */
/*------------*/
.titre_news
{ 
  font-size: 15px; 
  font-weight: bold; 
  height: 21px; 
  background-color: #ffe6a6;
}
.ico_news
{
  float: left;
  padding-top: 2px;
  padding-right: 2px;
}
.date_news
{ 
  float: right; 
  font-size: 11px; 
  padding-top: 3px;
  padding-right: 2px;
  background-color: #ffe6a6; 
  height: 18px;
  margin-left: 0px !important; /* IE6 ne prend pas en compte */
  margin-left: -3px; /* Enlève l'écrat entre les 2 divs */
}
.img_news
{ 
  float: left; 
  margin-right: 5px;
}
.content_news
{
  margin-top: 2px;
  margin-bottom: 2px;
  padding: 5px;
  border-top: solid 1px;
  border-bottom: solid 1px;
  text-align: justify;
  margin: 0px;
  background-color: #f4f1e2;
}
/*--------------*/
/*  Pagination  */
/*--------------*/
#nb_page{ 
  text-align: center; 
  font-family: arial, sans-serif; 
}
.pagination a{
  background-color: #f4f1e2;
  border: 1px solid #9aafe5;
  color: #105cb6;
  margin: 1px;
  padding: 2px 5px;
  text-decoration: none;
}
.pagination a:hover{
  background-color: #ffe6a6;
  border: 1px solid #9aafe5;
  color: #ffaa02;
  margin: 1px;
  padding: 2px 5px;
}
.pagination span.courante{
  background-color: #ffe6a6;
  border: 1px solid black;
  color: black;
  font-weight: bold;
  margin: 1px;
  padding: 2px 5px;
}
.pagination span.desactive{
  background-color: #f4f1e2;
  border: 1px solid #eee;
  color: #ddd;
  margin: 1px;
  padding: 2px 5px;
}

/*----------------*/
/*  Commentaires  */
/*----------------*/
.com_panel
{
  border-top: 1px dashed black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  background-color: #ffe6a6;
  font-family: arial, verdana, sans-serif;
  padding: 8px;
  margin: 0px;
}
.com_write
{ 
  margin: 0px; /* évite les espace entre les divs */
  padding: 2px;
  font-size: 12px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px dashed black; 
  background-color: #ffe6a6;
}
.text_box{ border: 1px solid black; }
.message{ display: inline; font-size: 11px; font-family: arial,sans-serif; }
.textarea_box{ border: 1px solid black; font-family: arial, verdana, sans-serif; }
.button{ border: 1px solid black; width: 160px; }
.com_read
{ 
  float: right; 
  font-size: 12px; 
  padding: 2px; 
  margin-right: 2px;
}
hr
{
  color: black; /* IE */
  background-color: black; /* Mozilla et Opéra */
  height: 1px;
  border: 0px;
}
.lien_numpage
{
  border: 1px solid black /*#FFAA02*/;
  padding: 0px 3px 0px 3px;
  margin-left: 4px;
  font-family: arial, sans-serif;
}
.pied_com{ font-size: 10px; padding-top: 3px; }

/*------------------------------*/
/*  Espace DROITE pour annonce  */
/*------------------------------*/
.annonce
{
  float: right; /* Obligatoire pour aligner les 2 DIV */
  background-image: url("img_design/bulle_nouveaute.gif");
  background-repeat: no-repeat;
  width: 222px;
  height: 135px;
  padding-right: 30px;
  padding-top: 40px;
  padding-left: 7px;
  text-align: center;
}
#img_annonce
{
  position: absolute;
  top: 450px;
  left: 620px;
  border: 0;
}

/*-----------------*/
/*  PAGE Planning  */
/*-----------------*/
#planning{ font-family: arial, verdana, sans-serif; }
#date_planning{ font-size: 18px; font-weight: bold; }
#mois_suivant{ text-align: center; }
.table_agenda{ border: 0px; }
.table_agenda th
{
  background-color: #ffe6a6;
  border: 1px solid black;
}
.table_agenda td{ border-bottom: 1px dashed black; }
.td_middle{ border-right: 1px solid black; }

/*----------------*/
/*  PAGE Contact  */
/*----------------*/
.contact
{
  margin-top: 80px;
  margin-left: 25px;
  margin-right: 270px;
  height: 390px;
}
.p_contact{ font-weight: bold; }
.horaires
{
  list-style-type: none;
	text-indent: 35px;
}
#tel{ list-style-image: url("img_design/phone.png");	}
#mail{ margin-top: 5px; list-style-image: url("img_design/mail2.gif"); }
#googlemap
{ 
  position: absolute;
  top: 350px;
  left: 370px;
  text-align: center;
}

/*-----------------*/
/*  POPUP Crédits  */
/*-----------------*/
.popup
{
  background-color: #f4f1e2;
  border: 1px dashed black;
  font-family: arial;
  padding-left: 5px;
  padding-bottom: 5px;
}

/*----------------*/
/*  PIED de page  */
/*----------------*/
.pied
{
  background-image: url("img_design/pied_850.gif");
  background-repeat: no-repeat;
  width: 850px;
  height: 80px;
}
#pointille
{
  position: absolute;
  width: 100px;
  height: 11px;
  top: 785px;
  left: 720px;
}
#mentions_legales
{
  padding-top: 22px;
  text-align: center;
  font-size: 10px;
  font-family: arial;
}
#mentions_legales a{ text-decoration: underline; }
#mentions_legales a:hover{ text-decoration: none; }
#logos
{
  padding-top: 15px;
  margin-left: 480px;
}