/* CSS Document */

body
{
  padding: 0px;
	margin: 0px;
	background: url("../img/v2fond.jpg") repeat-x #F2F2F1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

.retour
{
  clear: both ; 
}

#bandeau
{
  background: url("../img/v2bandeau.jpg") no-repeat;
  padding: 0px;
  margin: 0px auto 0px auto;
  width: 990px;
  height: 130px;
  color: #fff;
}

#bandeau h1
{
  margin: 0px;
  padding: 15px 0px 0px 40px;
  font-family: 	"Trebuchet MS", sans-serif;
  font-size: 32px;
}

#bandeau h2
{
  margin: 0px;
  padding: 0px 0px 0px 40px;
  font-family: 	"Trebuchet MS", sans-serif;
  font-size: 14px;
}


#bandeau #hmenu
{
  position: absolute;
  top: 106px;
  margin: 0px 45px 0px 25px;
  padding: 0px;
  width: 920px;
  color: #fff;
}

#bandeau #hmenu p
{
  margin: 0px;
  padding: 0px;
}

#bandeau #hmenu a
{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 0px 10px 0px 10px;
}

#bandeau #hmenu a:hover
{
  color: #33869E;
}

#bandeau #hmenu form
{
  float: right;
}

#bandeau #hmenu form #g
{
  width:150px;
  height:12px;
  font-size:10px;
  background:#F2F1ED;
  border:1px solid #766F65;
}

#bandeau #hmenu form #gosearch
{
 vertical-align:middle;
}

#vmenu
{
  position: relative;
  float: left;
  width: 240px;
  margin: 10px 0px 0px 0px;
  color: #4B453D;
  font-size: 13px;
}

#vmenu p
{
  margin: 0px;
  padding: 0px;
}

#page #vmenu hr
{
  background: #CAC5C0;
  color: #CAC5C0;
  border:0px;
  margin: 20px 0px 20px 0px;
}

#page #vmenu span.bleu
{
  color: #658ECE;
}

#page #vmenu span.mauve
{
  color: #A065B9;
}

#page #vmenu span.vert
{
  color: #52A04A;
}

#page #vmenu span.rouge
{
  color: #D47863;
}


#page #vmenu #vmenuhaut
{
  background: url("../img/v2hautmenu.jpg") no-repeat;
  height: 25px;
}

#page #vmenu #vmenumilieu
{
  background: url("../img/v2menu.jpg") repeat-y;
  padding: 0px 10px 0px 15px;
}

#page #vmenu #vmenumilieu ul
{
  list-style: none;
  margin: 10px 0px 0px 10px; 
  padding: 0px;
  font-size: 11px;
}

#page #vmenu #vmenumilieu ul li
{
  margin: 10px 0px 0px 0px;
  padding: 0px;
}

#page #vmenu #vmenumilieu ul li a
{
  text-decoration: none;
  color: #777;
  margin: 0px;
  padding: 0px;
}

#page #vmenu #vmenumilieu ul li a:hover
{
}

#page #vmenu #vmenubas
{
  background: url("../img/v2basmenu.jpg") no-repeat;
  height: 25px;
}


#page
{
  background: url("../img/v2page.jpg") repeat-y;
  margin: 0px auto 0px auto;
  width: 930px;
  padding: 20px 30px 30px 30px;
  text-align: justify;
}

#page a
{
  color: #33869E;
}


#page h1
{
  color: #4B453D;
  text-align: left;
  font-size: 22px;  
}

#page h2
{
  color: #4B453D;
}

#page h3
{
  margin: 24px 0px -12px 0px;
  padding: 0px;
}

#contenu p
{
  margin-top: 3px;
}

#contenu
{
  padding-left: 260px;
  padding-right: 240px;
}

#contenularge
{
  padding-left: 260px;
  padding-right: 0px;
}


#contenu a img
{
  border: 1px solid #766F65;
}

#droite
{
  float: right;
  width: 220px;
  text-align: left;
}

#droite #image
{
  text-align: center;
}

#droite #informations
{
  border: 1px dashed #ccc;
  background: #f5f5f5;
  padding: 10px;
  margin: 30px 0px 0px 0px;
}

#droite #informations h2
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
  font-size: 18px;
  line-height: 24px;
  background: url(../img/v2infos.gif) no-repeat;
}

#droite #documents
{
  border: 1px dashed #ccc;
  background: #f5f5f5;
  padding: 10px;
  margin: 30px 0px 0px 0px;
}

#droite #documents h2
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
  font-size: 18px;
  line-height: 24px;
  background: url(../img/v2documents.gif) no-repeat;
}

#droite #documents ul
{
  margin: 20px 0px 0px 0px;
  padding: 0px;
  list-style-type: none; 
}

#droite #documents ul li
{
  margin-top: 10px;
}

#droite #documents ul li span
{
  font-size: 10px;
  color: #666;
}

#bas
{
  padding: 0px;
	margin: -15px 0px 0px 0px;
	background: url("../img/v2fondbas.jpg") repeat-x;
  height: 80px;  
}

#bas div
{
  padding: 0px;
	margin: 0px auto 0px auto;
  width: 990px; 
  height: 80px;
	background: url("../img/v2bas.jpg") no-repeat;  
  height: 80px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 40px;
  border: 0px solid; 
}

#bas div a
{
  color: #fff;
}


img.polaroid
{
    padding: 0px; 
    margin: 0px 0px 5px 0px;
    background: #fff;
    border: 1px solid #555;
    border-width: 1px 1px 1px 1px;
}


/* ========================================================================== */
/* Calendrier                                                                 */
/* ========================================================================== */
#Calendrier
{
  text-align: center;
  margin: 25px 0px 0px 0px;
}

#Calendrier table
{
  width: 200px;
  border: 1px solid #55504B;
  border-collapse: collapse;
  background: #ECE8E3;
}

#Calendrier table tbody td
{
  text-align: center;
  margin: 0px;
  padding: 0px; 
}

#Calendrier table tbody td a
{
  color: #000;
  text-decoration: none;
  width: 29px;
  line-height:20px;
  text-align: center;
  display: block;
}

#Calendrier table tbody td a:hover
{
  background: #55504B; 
  color: #fff;
  text-decoration: none; 
}

#Calendrier table thead tr, #Calendrier table tfoot tr 
{
  font-size: 11px;
  background: #55504B;
  color: #fff;
}

#Calendrier table tfoot a
{
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
   
}

#Calendrier table tfoot a:hover
{
  text-decoration: none;
}


#Calendrier td.Aujourdhui
{
  font-weight: bold;
  background: #fff;
}


/* -------- Jour agenda -------- */

.jour_semaine, .mois, #meteo
{
  font-size: 9px;
  font-weight: bold; 
}

.jour
{
  font-size: 22px;
  font-weight: bold;
  color: #B70000;
}

.datejour
{
  text-align: center;
  width: 55px;
  height: 55px; 
  float: left;
  margin-right: 15px;
}


/*---------- Agenda ------------*/
#page div.listeagenda
{
  text-align: left;
}

#page div.listeagenda p
{
  padding-left: 70px;
}

#page div.listeagenda h3
{
  margin: 0px 0px 10px 0px;
  line-height: 24px;
  background-position: middle left;
  font-size: 16px;
}

#page div.listeagenda h3 sup
{
  font-size: 10px;
  color: green;
}

#page div.listeagenda h3 a
{
  color: #000;
  text-decoration: none;
}

#page div.listeagenda img.polaroid
{
  float: right;
  margin: 0px 0px 5px 10px;
}

#page div.listeagenda span.placesVente
{
  color: green;
}

#page div.listeagenda span.placesComplet
{
  color: red;
  font-weight: bold;
}

#page div.listeagenda span.placesFermeture
{
  color: red;
}

#menuAgenda
{
  font-size: 9px;
}

#menuAgenda a
{
  color: #000;
}


/*--------- Agenda Page D2tail ---------*/

#page span.placesVente
{
  color: green;
}

#page span.placesComplet
{
  color: red;
  font-weight: bold;
}

#page span.placesFermeture
{
  color: red;
}

#page span.public
{
  color: green;
}


#page span.prive
{
  color: red;
}



/*--------- Lightbox -----------*/
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #555;
    padding-top: 0.5em;
} 

#closeButton{ top: 5px; right: 5px; }

#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url(../img/overlay.png); }

* html #overlay{ 
    background-color: #000;
    background-color: transparent;
    background-image: url(blank.gif);
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.bouriol.net/semad/img/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/