/* ----------------------------- */
/*          Généralités          */
/* ----------------------------- */

body {
	color: black;
	background: #D0C8B7;
	font: normal 75% "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}



a img {
  border: 0;
}

img.bordure {
  padding: 1px;
  border: 1px solid #CFCCC7;
}

html, body, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}

ul {
  margin-left: 7px;
  margin-bottom: 10px;
  list-style-type: none;
}
ol {
  margin-left: 15px;
  margin-bottom: 10px;
}
li {
  padding-left: 10px;
  background: url(design/puce.png) 0 8px no-repeat;
  margin-bottom: 5px;
}
ol li {
  padding-left: 2;
  background: none;
}

fieldset {
  border: 0;
}

.reset {
  margin: 0;
  padding: 0;
}

.droite {
  float: right;
  margin-left: 5px;
}
.gauche {
  float: left;
  margin-right: 5px;
}
.textedroite {
  text-align: right;
}
.textegauche {
  text-align: left;
}
.textecentre {
  text-align: center;
}
.textemini {
  font-size: 0.8em;
}
.textegros {
  font-size: 1.2em;
  font-weight: bold;
}

.margegauche {
  margin-left: 1em;
}
.margehaute {
  margin-top: 1em;
}
.minimargebasse {
  margin-bottom: 1em;
}
.valign {
  vertical-align: middle;
}
.bleu {
  color: #22A4CE;
}
.gris {
  color: #777;
}

/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */

h1 {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 1em;
}

h2 {
  font: normal 1.8em Georgia, "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  font-variant: small-caps;
  color: #303030;
  border-bottom: 3px solid #EEEEEE;
  padding-bottom: 4px;
  margin-bottom: 5px;
  margin-top: 0;
  padding-top: 20px;
}
.sommaire h2 {
  font-size: 1.7em;
}
h2 span, h2 span a {
  color : #838383;
}
h2 span a {
  text-decoration: none;
  font-size: 0.9em;
}
h2 span a:hover {
  text-decoration: underline;
}

h3 {
  font-size: 1.4em;
  font-weight: normal;
  letter-spacing: 0px;
  margin: 8px 0 8px 0;
  color: #456;
}
.sommaire h3 {
  font-size: 1.2em;
  margin: 5px 0;
  font-weight: bold;
}

h4 {
  font-size: 1.2em;
  padding: 0;
  margin: 0;
}
h5 {
  font-size: 1.1em;
  padding: 0;
  margin: 0;
}
h6 {
  font-size: 1em;
  padding: 0;
  margin: 0;
}
p {
  margin: 0 0 5px 0;
}
.description {
  color: #5D7085;
}
p.ladate {
  float: right;
  color: #456;
}
div.texte {
  font-size: 1em;
}
div#middleinside div.texte {
  font-size: 1em;
}
div.sommaire div.texte {
  font-size: 1.1em;
}

/* ----------------------------- */
/*      Liens                    */
/* ----------------------------- */

a {
  color: #22A4CE;
  text-decoration: none;
}


a:hover, a:focus, a:active {
  text-decoration: underline
}

p.lienplus {
  clear: both;
  text-align: right;
  margin-bottom: 0; 
}
p.lienplus_activite {
  clear: none;
  text-align: left;
  margin: 10px 10px 0 5px; 
}

/* ----------------------------- */
/*           Entête             */
/* ----------------------------- */

div#entete {
  height: 80px;
  background: #000 url(design/fond_entete.jpg) left top no-repeat;
  position: relative;
}
div#entete ul {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
div#entete li {
  float: left;
  background: none;
  padding: 0;
  margin: 0 3px 0 0;
}
div#entete li a {
  float: left;
  text-align: center;
  background: #000 url(design/fond_menu.jpg) left top no-repeat;
  width: 102px;
  height: 33px;
  line-height: 33px;
  color: #fff;
  font-size: 1.4em;
  text-decoration: none;
}
div#entete li a:hover, div#entete li a:focus {
  background: #000 url(design/fond_menu_hover.jpg) left top no-repeat;
  }

/* ----------------------------- */
/*            bloc Page          */
/* ----------------------------- */

div#page {
  width: 900px;
  background: #D0C8B7 url(design/fond_page.jpg) center top repeat-y;
  margin: 0 auto;
  padding: 0 24px;
}
div#page.sommaire {
  width: 900px;
  background: #D0C8B7 url(design/fond_page_sommaire.jpg) center top repeat-y;
  margin: 0 auto;
  padding: 0 24px;
}

/* ----------------------------- */
/*            Bloc Actualité     */
/* ----------------------------- */

div#actualite img {
  float: right;
  margin: 15px 0 5px 8px;
  padding: 1px;
  border: 1px solid #CFCCC7;
}

div#actualite img.logo_rubrique {
  border: none;
}
div#actualite img.puce {
  border: none;
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 4px;
}

p.date {
  margin-bottom: 0;
  font-weight: bold;
  color : #838383;
}

/* ----------------------------- */
/*            bloc sidebar          */
/* ----------------------------- */

div#sidebar {
  width: 178px;
  padding: 0 0 0 10px;
  float: left;
  text-align: right;
  margin-bottom: 10px;
}
div#sidebar h2 {
  font: bold 1.2em Georgia "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
  color: #448AC9;
  border: none;
  margin-bottom: 2px;
}

div#photoaleat {
  text-align: right;
}
div#photoaleat img {
  padding: 6px 16px 18px 6px;
  position: relative;
  left: 8px;
  background: url(design/fond_photo.jpg) right bottom no-repeat;
}

/* ----------------------------- */
/*      Recherche                */
/* ----------------------------- */

div#recherche {
  background: url(design/icone_loupe) left top no-repeat;
  margin: 10px 0;
}
div#recherche h2 {
  margin-top: 0;
  padding-top: 0;
}
div#recherche ul, div#recherche li, div#recherche label, div#recherche input {
  margin: 0;
  padding: 0;
}
div#recherche li {
  background: none;
}
div#recherche ul {
  margin-bottom: 5px;
  zoom: 1;
}
div#recherche input.forml {
  background: #E7E5DE;
  border: 1px solid #CAC6B7;
  width: 130px;
  padding: 2px;
}

div#recherche input.bouton {
  background: #BCB8A5;
  border: 1px solid #CAC6B7;
  padding: 0px;
  color: #fff;
}
p.termerecherche {
  font-size: 1.3em;
  color: gray;
  margin-bottom: 20px;
}

/* ----------------------------- */
/*            bloc content       */
/* ----------------------------- */

div#content {
  width: 710px;
  float: left;
}

/* ----------------------------- */
/*            bloc contenu       */
/* ----------------------------- */

div#contenu {
  width: 677px;
  float: left;
  padding-left: 15px;
  padding-right: 10px;
  
  margin-left: 8px;
  padding-bottom: 10px;
}
div#contenu div#hierarchie {
  font-size: 0.9em;
  color: #888;
  text-align: right;
}
div#contenu div#hierarchie a {
  color: #888;
}
div#contenu h2 {
   margin-top : 4px;
   padding-top: 0;
}
p.articleinfos {
  margin-top:0;
  margin-bottom: 15px;
}
#documents_portfolio {
  margin: 20px 0;
}
div#contenu img.logo_article {
 float: right;
 margin-top: 10px;
}

/* ----------------------------- */
/*            bloc middle       */
/* ----------------------------- */

div#middle {
  width: 275px;
  padding: 0 0 20px 0;
  background: url(design/bloc_beige_bas.jpg) left bottom no-repeat;
  float: left;
  margin-bottom: 10px;
}
div#middle h2 {
  padding-left: 5px;
}
div#middle a {
  color : #838383;
  font-weight: bold;
}
div#middle h3 {
  color: #303030;
}
div#middle h3 a {
  color: #303030;
}
div#middle p {
  font-size: 1em;
}
h2#agendatitle {
  background: url(design/bloc_beige_haut.jpg) left top no-repeat;
  padding: 20px 20px 4px 20px;
  margin: 0;
  text-indent: 20px;
}
div#middleinside {
  padding: 0 20px;
}
div#middle p, div#middle h3, div#middle ul {
  margin-right: 8px;
  margin-left: 3px;
}
div#middle p.date {
  font-size: 0.85em;
}
div#middle ul li a {
  color : #000;
  font-weight: normal;
}
p.illustmiddle {
  margin: 30px 0 0 0;
}

div#assohasard ul  {
  margin-top: 8px;
}
div#assohasard ul li {
  margin-bottom: 0;
}

/* ----------------------------- */
/*            bloc rightcontent      */
/* ----------------------------- */

div#rightcontent {
  width: 420px;
  float: right;
  padding-right: 10px;
  margin-bottom: 10px;
}
div#pub {
  margin-top: 15px;
}

/* ----------------------------- */
/*            bloc pied       */
/* ----------------------------- */

div#pied {
  clear: both;
  background: #696C73 url(design/fond_pied.jpg) left top no-repeat;
  margin-top: 10px;
  zoom: 1;
  padding: 10px;
  color :#CCCCCC;
  font-size: 0.9em;
  position: relative;
}
div#pied a {
  color :#CCCCCC;
  text-decoration: underline;
}
div#pied a:hover {
  text-decoration: none;
}
div#pied ul {
  margin: 0 0 0 85px;
}
div#pied ul li {
  margin: 0;
  background: none;
}
div#pied #piedinfo {
  position: absolute;
  right: 10px;
  bottom: 7px;
  font-size: 0.9em;
}


/* ----------------------------- */
/*    bloc agenda  du sommaire    */
/* ----------------------------- */

div#agenda h2 {
  border-bottom: none;
}

div#agenda ul {
  border-top: 3px solid #EEEEEE;
  padding-top: 4px;
  margin: 0 20px;
  padding: 5px 5px 0 5px;
}
div#agenda ul li a {
  display: block;
  color: #22A4CE;
  zoom: 1;
}
div#agenda ul li {
  padding-left: 15px;
  margin-bottom: 5px;
  background: url(design/puce2.png) 0 6px no-repeat;
}
div#agenda ul li a:first-letter {
  text-transform: uppercase;
}
div#agenda p {
  margin: 0 20px;
}

/* ----------------------------- */
/*    page agenda               */
/* ----------------------------- */

div#pageagenda {
  margin-top: 15px;
}

div#pageagenda table, div#pageagenda_activ table {
  width: 670px;
  margin: 25px 0;
  border: 1px solid #CCCCCC;
	text-align: left;
	border-spacing: 1px;
	background: #FFFFFF;
	font-size: 1.1em;
}
div#pageagenda_activ table {
  width: 464px;
  margin: 10px 0 10px 0px;
	font-size: 1em;
}
div#pageagenda table th, div#pageagenda_activ table th {
  text-align: left;
  font-weight: bold;
	color: #000;
	background: #CDE0F1;
	border-bottom: 1px solid #CCCCCC;
	white-space: nowrap;
}
div#pageagenda table td, div#pageagenda table th, div#pageagenda_activ table td, div#pageagenda_activ table th {
  padding: 4px 5px;
}
div#pageagenda table tr.impair td, div#pageagenda_activ table tr.impair td {
  background: #F3F3F3;
}
div#pageagenda table td.date {
  width: 180px;
}
div#pageagenda_activ table td.date {
  width: 100px;
}


/* ----------------------------- */
/*            Menu déroulant         */
/* ----------------------------- */


.navigation {
      width: 175px;
      font: normal 1.25em "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;      
      color: #303030;
      margin: 19px 0 20px 0;
      padding: 0;
      text-align: right;
      }
.navigation li {
  background: none;
  padding: 0;
  margin: 0;
}
   .navigation a, .navigation span {
      display: block;
      padding: 4px 0px;
      color: #303030;
      text-decoration: none;
      zoom: 1;
      border-bottom: 1px solid #EEEEEE;
      }
   .navigation a:hover, .navigation a:focus, .navigation a:active {
      text-decoration: underline;
      }
   .navigation .subMenu, .navigation .subMenuactive {
      font-size: 0.8em;
      margin: 0;
      padding: 0;
      font-variant: normal;
      font-weight: normal;
      font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
      }
   .navigation ul.subMenu a, .navigation ul.subMenuactive a {
      background: none;
      padding: 3px 0px;
      color : #838383;;
      }
      
/* ----------------------------- */
/*        Rubrique Albums photo  */
/* ----------------------------- */

div#contenu.albums img, div#contenu.activite div#photolast img {
  padding: 6px 16px 18px 6px;
  position: relative;
  left: 8px;
  background: url(design/fond_photo.jpg) right bottom no-repeat;
}

div#contenu.albums div#photolast, div#contenu.activite div#photolast {
  float: right;
  width : 175px;
  margin-top: 10px;
  padding: 0 10px 5px 10px;
  background: #fff url(design/fond_photolast.jpg) left top no-repeat;
  text-align: center;
}
div#contenu.activite div#photolast {
clear: right;
margin-top: 20px;
margin-left: 10px;
}
div#contenu.albums ul, div#contenu.activite div#photolast ul {
  padding: 0;
  margin: 0;
}
div#contenu.albums ul li, div#contenu.activite div#photolast ul li {
  float: left;
  border: 1px solid #ddd;
  padding: 0;
  margin: 0 10px 5px; 0;
  width: 210px;
  background: #F9FFE6 url(design/icone_photo.png) right top no-repeat;
}
div#contenu.albums ul li a, div#contenu.activite div#photolast ul li a {
  display: block;
  padding: 10px 28px 10px 10px;
  background: none;
}
div#contenu.albums ul li a:hover, div#contenu.activite div#photolast ul li a:hover {
  display: block;
  padding: 10px 28px 10px 10px;
  background: beige url(design/icone_photo.png) right top no-repeat;
  text-decoration: none;
}
div#contenu.albums ul li a small, div#contenu.activite div#photolast ul li a small {
  display: block;
  color: gray;
  font-weight: normal;
}
div#contenu.albums ul li a:hover small, div#contenu.activite div#photolast ul li a:hover small {
  font-weight: bold;
}

div#contenu.albums div#warning {
  clear: left;
  padding: 6px 25px 18px 6px;
  margin: 30px 30px 0 10px;
  font-style: italic;
  color: gray;
}

/* ----------------------------- */
/*        Rubrique Activites    */
/* ----------------------------- */

div.article_activite {
  color: #456;
}
div#bloc_activite {
  background: url(design/bloc_activite_haut.jpg) left top no-repeat;
  padding-top: 10px;
  margin-top: 15px;
}
div#bloc_activite_inside {
  background: url(design/bloc_activite_bas.jpg) left bottom no-repeat;
  padding: 0 20px 10px 20px;
}
div.bloc_actu {
  background: url(design/bloc_activite2_haut.jpg) left top no-repeat;
  padding-top: 10px;
  margin-top: 15px;
}
div.bloc_actu_inside {
  background: url(design/bloc_activite2_bas.jpg) left bottom no-repeat;
  padding: 0 20px 10px 20px;
}

/* ----------------------------- */
/*  Rubrique Centre de vacances  */
/* ----------------------------- */

div.sapinsmenu {
  float: right;
  padding: 10px 15px 15px 15px;
  width: 302px;
  margin-left: 15px;
  background: #eed url(design/bloc_sapinshaut.jpg) left top no-repeat;
}
div.sapinsmenu h2 {
  font-size: 1.5em;
  font-variant:normal;
}
div.sapinsmenu ul a {
  color: #000;
}

/* ----------------------------- */
/*  Bloc encart                   */
/* ----------------------------- */

div#encart {
  width: 340px;
  padding: 10px 30px 0px 50px;
  background: #F9D07D url(design/bloc_encart.jpg) left top no-repeat;
  margin: 5px 0 0 0;
}
div#encart h2 {
  font-size: 1.5em;
  font-variant:normal;
  border-bottom: none;
  padding-top: 0;
}
div#encartbottom {
  height: 10px;
  width: 420px;
  background: #F9D07D url(design/bloc_encart_bottom.jpg) left bottom no-repeat;
}
div#encart p {
  margin: 0;
}