/* CSS Document */

body
{
  padding: 0px; margin: 20px 0px 0px 0px;
	background: #AFAFAF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  /*overflow : -moz-scrollbars-vertical;*/  
}

.retour
{
  clear: both ; 
}

#bandeau
{
  background: url("../img/bandeau.jpg") no-repeat;
  color: #fff;
  border: 2px solid #fff;
  border-bottom: none;
  padding: 0px;margin: 0px auto 0px auto;
  width: 990px;height: 140px;
}

#bandeau h1
{
  display: none;
}

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


#bandeau #hmenu
{
  position: relative;
  top: 0px;
  padding: 5px;
  color: #fff;
  text-align: right;
  width: 975px;
}

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

#bandeau #hmenu #coord
{
  color: #A59292;
  font-weight: bold;
  font-size: 10px;
  margin-top: 25px;
}

#bandeau #hmenu a
{
  color: #F2F1ED;
  text-decoration: none;
  font-weight: bold;
  margin: 0px 15px 0px 0px;
}

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

#bandeau #hmenu a:hover
{
  color: #E8EDF6;
}

#bandeau #hmenu form
{
}

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

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


#contenu.trombicontenu table,
#contenu.trombicontenu table tr,
#contenu.trombicontenu table tr td
{
  border: none;
}

#page
{
  background: url("../img/fond.gif") repeat-y;
  margin: 0px auto 0px auto;
  width: 980px;
  padding: 10px 10px 10px 0px;
  text-align: justify;
  border: 2px solid #fff;
  border-top: none;
}

#page a
{
  color: #666;
}

#page a.suite
{
  display: block;
  color: #666;
  background: url("../img/droite.gif") no-repeat;
  padding: 0px 0px 0px 30px;
  line-height: 24px;
  text-decoration: none;
}

#page a.suite:hover
{
  background: url("../img/droite3.gif") no-repeat;  
  color: #856B6B;
}

#page h1, #page h2
{
  color: #437445;
  text-align: left;
  font-size: 22px;  
  margin-top: 0px;
}

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

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


#contenu
{
  padding-left: 185px;
  padding-right: 190px;
}

#contenularge
{
  padding-left: 185px;
}


#droite
{
  float: right;
  width: 150px;
  text-align: left;
  padding: 0px 13px 0px 12px;
}

#droite p.centre
{
  text-align: center;
}

#droite p.boite
{
  border:1px solid #ccc; 
  margin: 0px 0px 10px 0px;
  padding:5px;
  background:#fff;
  color: #666;
  font-size: 10px;
}

img.noborder
{
  border: none;
}

#page #leftMenu
{
  float: left;
  padding: 0px;
  margin: 0px;
  width: 174px;
  text-align: left;
  margin-top: -25px;
}

#page #leftMenu ul
{
  margin: 5px 0px 15px 0px;
  padding: 0px;
  list-style-type:none;
}

#page #leftMenu #cg
{
  border: none;
  margin: 10px 0px 15px 7px;
}

#page #leftMenu #ms
{
  border: none;
  margin: 10px 0px 15px 17px;
}

#page #leftMenu hr
{
  border: 1px solid #fff;
}

#page #leftMenu a
{
  color: #fff;
  text-decoration: none;
}

#page #leftMenu ul li
{
  margin: 15px 0px 5px 0px;
  padding: 0px;
  font-weight: bold;
}

#page #leftMenu ul li ul
{
  filter: alpha(opacity=100); 
  -moz-opacity: 1;  
}

#page #leftMenu ul li a
{
  display: block;
  margin: 0px;
  padding: 5px 5px 5px 10px;
}

#page #leftMenu ul li a:hover
{
  background: #D3C6C6;
}

#page #leftMenu ul li ul li
{
  font-weight: normal;
  margin: 5px 0px 5px 0px;
  padding-left:10px;
}


#page #leftMenu ul li ul li a
{
  margin: 0px;
  padding: 0px 0px 0px 10px;
}


#page #leftMenu ul li ul li div
{
  color : #D3C6C6;
  font-weight: bold;
  margin-top: 10px; 
}


  
#page #leftMenu ul li ul li a:hover
{
  background: none;
  color : #666;
}


#droite #image,
#droite div.image
{
  border: 1px dashed #aaa;
  background: #f5f5f5;
  padding: 5px 10px 5px 10px;
  margin: 30px 0px 30px 0px;
  text-align: center;
  color: #999;
  display: block;
  filter: alpha(opacity=100); 
  -moz-opacity: 1; 
}

#droite div.image div.photos
{
  height: 560px;
}

#droite div.image a
{
  font-weight: bold; 
  color: #000;
  text-decoration: none;
}

#droite div.image a img
{
  border: none;
}

#droite div.image img.photo
{
  border: 1px solid #666;
  margin-top: 8px;
}

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


#droite #informations
{
  border: 1px dashed #ccc;
  background: #E8EDF6;
  padding: 10px;
  margin: 30px 0px 0px 0px;
  font-size: 11px;
}

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

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

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

#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: 0px 0px 0px 0px;
}

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

#bas div a
{
  color: #000;
}


img.imgLien
{
  border: none;
  vertical-align: middle;
  margin-left: 5px;
}


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

#Calendrier table
{
  width: 150px;
  border: 1px dashed #ccc;
  border-collapse: collapse;
  background: #E8EDF6;
}

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

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

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

#Calendrier table thead tr, #Calendrier table tfoot tr 
{
  font-size: 11px;
  background: #ccc;
  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;
}

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

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

.jour3
{
  font-size: 22px;
  font-weight: bold;
  color: #000000;
}


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


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

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

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

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

#page div.listeagenda h3 a
{
  color: #000;
}

#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: 2px solid #ccc;
}

#lightboxDetails{
    font-size: 0.9em;
    color: #A59292;
    padding-top: 0.5em;
    font-weight: bold;
} 

#lightboxDetails a
{
    color: #A59292;
}

#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.pays-salers.fr/img/overlay.png", sizingMethod="scale");
}
/*-------- fin lightbox -------*/


/* Page Horaires et Coordonnées */
div.infosplus
{
  position: absolute;
  top: 0px;
  left: 0px;
  background: #eee;
  border: 1px solid #999; 
  padding: 5px;
  display:none;
  width: 250px;
  text-align: right;
}

#tableInfos
{
  width: 95%;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

#tableInfos thead
{
  border: 1px solid #A59292;
  background: #999;
  color: white;
}

#tableInfos tr.ligne2
{
  background: #eee;
}

#tableInfos th, #tableInfos td
{
  padding: 5px;
  border: 1px solid #ccc;
  text-align: left; 
}

#tableInfos a img
{
  border: none;
}

#tableInfos #col4
{
  width: 135px;
}


#tableInfos #col5
{
  border-left: none;
}

#tableInfos #col5, 
#tableInfos #col6,
#tableInfos #col7
{
  width: 24px;
}

div.infosplusprint
{
  display:none;
}

.dashed
{
  border: 1px dashed #999;
  padding: 2px;
}

div.blocactus
{
  border:1px solid #ccc;
  padding:5px;
  margin-bottom:10px;
  background:#FFF;
  min-height: 56px;
}

#divactus div.blocactus img.vignette,
div.listeactus div.blocactus img.vignette
{
  border: 1px solid #000;
  padding: 2px;
  height: 50px;
  width: 50px;
  float: left;
  margin-right: 10px;
}


a.black
{
  font-size: 12px;
  color: #000;
}

table.collecte
{
  width: 95%;
  border: 1px solid #ccc;
  border-collapse: collapse;
}

table.collecte caption
{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
  color: #666;
}

table.collecte thead
{
  border: 1px solid #A59292;
  background: #999;
  color: white;
}

table.collecte tr.ligne2
{
  background: #eee;
}

table.collecte th, table.collecte td
{
  padding: 5px;
  border: 1px solid #ccc;
  text-align: left; 
}


table.collecte #col1
{
  width: 40%x;
}

table.collecte #col1
{
  width: 30%;
}

table.collecte #col1
{
  width: 30%;
}

div.trombi
{
  border: 1px dashed #ccc;
  padding: 10px;
  margin-bottom: 20px;
  margin-left: 25px; 
  background: #F2EFEA;
  min-height: 75px;
  font-size: 10px;
}

div.trombipetit
{
  border: 1px dashed #ccc;
  padding: 5px;
  margin: 0px 0px 0px 10px;
  background: #F2EFEA;
  min-height: 90px;
  text-align: left;
  font-size: 10px;
}


div.trombi img,
div.trombipetit img
{
  float: left;
  border: 1px solid #999;
  max-width: 60px;
}

div.trombi a,
div.trombipetit a
{
  font-size: 12px;
}

div.trombi p,
div.trombipetit p
{
  /*width: 450px;*/
  margin-left: 70px;
}

p.titrecomm
{
  margin: 0px 0px 10px 0px;
  padding-top: 20px;
  color: #4B453D;
  font-weight: bold;
  font-size: 13px;
}

div.trombidetail
{
  border: 1px dashed #ccc;
  padding: 10px;
  margin-bottom: 20px;
  margin-left: 25px; 
  background: #F2EFEA;
  min-height: 255px;
}

div.trombidetail img
{
  float: left;
  border: 1px solid #999;
  height: 250px;
  max-width: 190px;
}

div.trombidetail p
{
  width: 350px;
  margin-left: 200px;
}

div.trombidetail p.fonction
{
  font-size: 14px;
  color: #4B453D;
}

a.trombi
{
  display: block;
  border: 1px dashed #ccc;
  padding: 10px;
  margin-bottom: 20px;
  margin-left: 25px; 
  background: #F2EFEA;
  line-height: 50px;
  font-size: 16px;
  text-decoration: none;
}


#formcontact label
{
  float:left;
  width: 100px;
  text-align: right;
  margin-right: 15px;
  padding-top: 4px;
}

#formcontact span.obligatoire
{
  vertical-align: 4px; 
  font-size: 75%;
  color: red;
}

.avertissement
{
  color: #AE0000;
  font-weight: bold;
  padding: 0px 0px 0px 40px;
  line-height: 16px;
  background: url(../img/v2attention.gif) no-repeat;
  text-align: left;   
}

#formcontact fieldset
{
  color: #000;
  border: 1px solid #ccc;
  margin-top: 10px;
  padding: 5px;
}

#formcontact legend
{
  color: #999;
  font-weight: bold;
}

#droite h3
{
  font-size: 14px;
  margin: 0px 0px 0px 0px;
}

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

p.erreur
{
  color: red;
}

#page #contenu #adresse
{
  display: none;
}

p.administration
{
  font-size:9px;
  text-align:right;
  margin-bottom:5px;
}

#carroussel
{
  float:right;
  margin:0px 0px 0px 25px;
  height:200px;
  width:300px;
  text-align:center;
  vertical-align:center;
}

#carroussel img
{
  padding:8px;
  border:1px solid #ccc;
  background:#fff;
  max-width:300px;
  max-height:200px;
}

#divactus
{
  min-height: 325px;
  filter: alpha(opacity=100); 
  -moz-opacity: 1;
}

#divagenda
{
  min-height: 425px;
  filter: alpha(opacity=100); 
  -moz-opacity: 1;   
}

#divactus img,
#divagenda img
{
  border: none;
  vertical-align: middle;
  margin: 0px 5px 0px 5px;
}

#divactus a.nav,
#divagenda a.nav
{
  text-decoration: none;
  line-height: 24px;
}

#divactus span.gris,
#divagenda span.gris
{
  color: #ccc;
}

#divagenda div.datesagenda
{
  min-height:50px;
  border:1px solid #ccc; 
  margin-top:10px;
  padding:5px;
  background:#fff;
}

#r1
{
  max-height: 200px;
  max-width: 300px;
  filter: alpha(opacity=100); 
  -moz-opacity: 1; 
}

div.printimpossible
{
  display: none;
}

#listeCommunes
{
  border: 1px dashed #ccc;
  background: #E8EDF6;
  padding: 5px;
  margin: 30px 0px 0px 0px;
  font-size: 9px;
  line-height: 12px;
  float: right;
  width: 150px;
}

#listeCommunes p
{
  margin-top: 10px;
}

#listeCommunes a img
{
  border: none;
}

#listeCommunes span
{
  float: right;
}

#legende
{
  margin-top: 15px; 
}

#legende span.image
{
  margin-right: 15px;
}

#map
{
  width: 595px; 
  height: 400px; 
  border: 1px solid;
}

ul.listefleches
{
  list-style-image: url(../img/flecheli.gif);
}

ul.listefleches li
{
  padding-bottom: 20px;
}

#listeassoc ul 
{
  margin: 15px 0px 15px 15px;
  padding: 0px;
  list-style-image: url(../img/flecheli.gif);
}

#listeassoc ul li
{
  margin: 5px 0px 10px 0px;
}

table.tableau
{
  border: 1px solid #999;
}

table.tableau thead tr
{
  background: #ccc;
}

table.tableau thead tr th
{
  padding: 2px;
  text-align: center;
}

.print
{
  display: none;
}

.noprint
{
/*  display: block;*/ 
}

img.icones
{
  vertical-align: middle;
  border: none;
  margin-right: 5px;
}


table
{
  border: 1px solid #ccc;
  text-align: left;
  border-collapse:collapse;
}

table td
{
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 5px;
  text-align: left;
}

table#social tr:first-child
{
  background: #eee;
  
}

table#social tr>td:first-child
{
  background: #eee;
}