* { margin: 0; padding: 0; }

body
{
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  background: #333e54;
  color: #000;
}

html, body { height: 100%; }

.float_left { float: left; }
.float_right { float: right; }

a img { border: 0; }
.clear,.clearfix { clear: both; font-size: 0; line-height: 0px; height: 0px; visibility: hidden;}


td
{
  background: #f2efe7;
  color: #000;
}

tr.titre td
{
  background: #6b1d1f;
  color: #fff;
  font-weight: bold;
}

td.centre { text-align: center; }

td
{
  padding: 5px;
}  
table.normal td { background: #fff; color: #000; padding: 0; }
table.sansBackground td { background: #fff; padding: 0; }

#banqueImages tr td { padding: 2px; }
html>body #banqueImages tr td { padding: 0 2px; }
#banqueImages tr, #banqueImages tr td { background: #fff; }
p
{
  margin-bottom: 18px;
}  

a
{
  text-decoration: underline;
  color: #2b55a2;
}

ul { list-style: none; margin-bottom: 20px; margin-left: 10px;}

ul li
{
  background: url(/images/bullet.gif) 0% 5px no-repeat;
  padding-left: 10px;
}
  
a:hover { text-decoration: none; }

#hautDePagePrint {
  display:none;
}

#basDePagePrint {
  display:none;
}
  
#conteneur
{
  width: 702px;
  padding: 0px 11px;
  margin: 0 auto;
  background: #fff url(/images/backgroundConteneur.gif) repeat-y;
  background-color: #fff;
  min-height: 100%;
}
* html #conteneur { height: 100%; }

#enteteHaut
{
  margin-left: -11px;
  margin-right: -11px;
  width: 724px;
  height: 25px;
  background: #fff url(/images/enteteHaut.gif) no-repeat;
  font-size: 11px;
  text-align:right;
  padding-top:25px;
}

#enteteGauche
{
  width: 232px;
  height: 165px;
  float: left;
  background: #6b1d1f;
  border-right: 2px solid #fff;
  color: #b58e8f;
}

#enteteGauche ul
{
  margin: 15px 0 0 0;
  list-style: none;
  text-align: center;  
}

#enteteGauche ul li
{
  margin: 0;
  background:none;
  padding-left: 10px;
  display: inline;
  background: url(/images/separateurLiensEntete.gif) -2px 4px no-repeat;  
}

#actualiteListe li
{
  margin-top: 10px;
}
#actualiteListe li
{
  margin-bottom: 10px;
}

#enteteGauche ul li.sansSeparateur { background: none; }

#enteteGauche ul#liensBlocks
{
  margin: 0;
  padding: 0;
  border-top: 2px solid #fff;
}

#enteteGauche ul#liensBlocks li
{
  padding: 0;
  float: left;
  height: 24px;
  margin: 0;
}

#enteteGauche ul#liensBlocks li a
{
  width: 76px;
  display: block;
  height: 24px;
  text-align: center;
  line-height: 24px;
  text-decoration: none;
  outline: none;
}

#enteteGauche ul#liensBlocks li#evenements a
{
  background-color: #868e60;
  color: #d5dabc;
  border-right: 2px solid #fff;
}

#enteteGauche ul#liensBlocks li#evenements a:hover
{
  background-color: #d5dabc;
  color: #868e60;
}

#enteteGauche ul#liensBlocks li#aSavoir a
{
  background-color: #b17636;
  color: #f9dab8;
  border-right: 2px solid #fff;
}

#enteteGauche ul#liensBlocks li#aSavoir a:hover
{
  background-color: #f9dab8;
  color: #b17636;
}  

#enteteGauche ul#liensBlocks li#nouvelles a
{
  background-color: #678695;
  color: #c6e1ee;
}

#enteteGauche ul#liensBlocks li#nouvelles a:hover
{
  background-color: #c6e1ee;
  color: #678695;
}

#enteteGauche img { margin-top: 12px; height: 95px; }
#enteteGauche a { text-decoration: none; color: #fff; }
#enteteGauche a:hover { text-decoration: underline; }

#enteteDroite
{
  width: 468px;
  height: 165px;
  float: left;
}

#enteteGaucheAccueil
{
  width: 232px;
  height: 220px;
  float: left;
  background: #6b1d1f;
  border-right: 2px solid #fff;
  color: #b58e8f;
}

#enteteGaucheAccueil div
{
  text-align: center;
}
  
#enteteGaucheAccueil img { margin-top: 17px; }
#enteteGaucheAccueil a { text-decoration: none; color: #fff; }
#enteteGaucheAccueil a:hover { text-decoration: underline; }

#enteteGaucheAccueil ul
{
  margin: 15px 0 0 0;
  list-style: none;
}

#enteteGaucheAccueil ul li
{
  padding-left: 10px;
  float: left;
  background: url(/images/separateurLiensEntete.gif) 0px 4px no-repeat;
}

#enteteGaucheAccueil ul li.sansSeparateur { background: none; }
  
#enteteDroiteAccueil
{
  width: 468px;
  height: 220px;
  float: left;
}



ul#menu a { text-decoration:none; }

ul#menu
{
  font-size:12px;
  color:#FFFFFF;
  width:702px;
  height:25px;
  background:url(/images/menu.gif);
  border-top:2px solid #FFFFFF;
  border-bottom:2px solid #FFFFFF;
  clear:both;
  margin:0px;
}

ul#menu li
{
  float:left;
  width:auto;
  height:25px;
  list-style:none;
  position:relative;
  background:#B9A77D;
  margin-left:15px;
  padding:0px 5px;
  z-index:99;
}
* html ul#menu li { display:inherit !important; display:inline; }
ul#menu li#menu26 { background-image:none; width:97px; margin-left:15px; }
ul#menu li#menu27 { width:120px; margin-left:27px; }
ul#menu li#menu28 { width:124px; margin-left:24px; }
ul#menu li#menu29 { width:105px; margin-left:24px; }
ul#menu li#menu48 { width:86px; margin-left:25px; }


ul#menu li a
{
  color:#FFFFFF;
  height:20px;
  padding-top:5px;
  display:block;

}

#menu ul li.multi a
{
  background:url(/images/menuMulti.gif) 97% 8px no-repeat;
}

ul#menu li:hover, ul#menu li.over { background-color:#A7915C; }

#menu li ul
{
  position:absolute;
  top:25px;
  left:0px;
  list-style:none;
  left:-5000px;
  padding:0px;
  margin:0px;
  height:auto;
  border-right:1px solid #775E21;
  border-left:1px solid #775E21;
  border-top:1px solid #775E21;
}

#menu li:hover ul, #menu li.over ul { /*background-color:#A7915C;*/ background-color:#B9A77D; left:auto }

#menu li ul li
{
  /*height:20px;*/
  height:auto;
  width:200px;
  float:none;
  position:relative;
  background:none;
  background-color:#B9A77D;
  border-bottom:1px solid #775E21;
  /*line-height:20px;*/
  padding:0px;
  margin:0px;
}

/**html #menu li ul { border-bottom:1px solid #775E21; }*/

#menu li ul li a
{
  color:#FFFFFF;
  height:auto;
  /*height:20px;*/
  /*line-height: 20px;*/
  text-align:left;
  padding-left:10px;
  padding-top:3px;
  padding-bottom:3px;
  /*border:1px solid #775E21;*/
  display:block;
  /*margin-bottom:-1px;*/
  width:189px;
}

#menu ul li.multi ul li a { background-image:none; }

/**html #menu li ul li a { border-bottom:0px; }*/

*html #menu li ul li { float:left; height:1%; }
*html #menu li ul li a { height:1%; }

#menu li ul li:hover, #menu li ul li.over { background-color:#A7915C; }

#menu li ul li ul
{
  position:absolute;
  left:-5000px;
  visibility:hidden;
  top:-1px;
  border-bottom:0px;
  display:none;
  margin:0px;
  /*border-top:none;*/
}
#menu li ul li ul.sm { position:absolute; left:-5000px; top:-1px; visibility:hidden; display:none; border-bottom:0px; margin:0px; }

#menu li ul li.over ul li.over { margin:0px; }

#menu li ul li:hover ul, #menu li ul li.over ul { display:block; visibility:visible; float:left; left:200px; top:-1px; margin:0px; }
#menu li ul li:hover ul.sm, #menu li ul li.over ul.sm { display:block; visibility:visible; float:left; left:200px; top:-1px; margin:0px; }

#menu li ul li:hover, #menu li ul li.over { margin-bottom:0px; }

/**html #menu li ul li a { border-bottom:none; }*/

#menu li ul li ul li.over { background:#A7915C; }

#menu li ul li ul li
{
  width: 250px;
}

#menu li ul li ul li a { width: 239px; }

#contenuMenuGauche
{
  float: left;
  width: 150px;
}

img.center
{
 text-align:center;
 display:block;
}

ul#menuGauche
{
  background-color: #e4dece;
  padding-top: 23px;
  margin: 0;
  width: 150px;  
  margin-bottom: 23px;  
}

ul#menuGauche a
{
  display: block;
  padding-left: 10px;
  width: 140px;
  min-height: 19px;
  height: auto;
  padding-top: 5px;
  color: #000;
  text-decoration: none;
}

ul#menuGauche li a:hover
{
  background-color: #d3c8ad;
}

ul#menuGauche li
{
  padding-left: 0;
  width: 150px;
  border-top: 2px solid #fff;
  background: #f2efe7 none; 
}

ul#menuGauche li a:hover, ul#menuGauche li.selectionne a
{
  background: #d3c8ad;
}

ul#menuGauche li.multi a
{
  background: url(/images/menuGaucheMulti.gif);
}

ul#menuGauche li.multi a:hover
{
  background: url(/images/menuGaucheMultiSelect.gif);
}

ul#menuGauche li.multiselectionne a, ul#menuGauche li.multiselectionne a:hover
{
  background: url(/images/menuGaucheSelect.gif);
}


ul#menuGauche li.sousMenus ul
{
 padding: 5px 0;
 background-color: #e4dece;
 margin: 0;
 
}

ul#menuGauche li.sousMenus ul li
{
  background: url(/images/bulletSousMenu.gif) 10px 6px no-repeat;
  background-color: #e4dece;
  border: 0;

}

ul#menuGauche li.sousMenus ul li a 
{ 
  line-height: auto;
  height: auto;
  padding: 0px 0px 0px 20px;
  width: 130px;
}

ul#menuGauche li.sousMenus ul li.selectionne a, ul#menuGauche li.sousMenus ul li a:hover
{
  color: #622801;
  background-color: #e4dece; 
  background: url(/images/bulletSousMenuSelect.gif) 10px 6px no-repeat;
}  
  
div.overflow {
  overflow : auto ;
  height:170px;
}  
  
#accueilEvenement
{
  width: 232px;
  height: 212px;
  padding-top: 50px;
  float: left;
  font-size: 11px;
  border-bottom: 3px solid #fff;
  background: #edeee7 url(/images/accueilEvenementHaut.gif) no-repeat;
}

#evenementsFleches
{
  margin-top: -7px;
  width: 11px; 
  height: 24px; 
  float: right;
}

#accueilASavoir
{
  width: 232px;
  height: 229px;
  padding-top: 33px;
  float: left;
  border-bottom: 3px solid #fff;
  border-left: 2px solid #fff;
  background: #fff;
  background: #edf0f1 url(/images/accueilASavoirHaut.gif) no-repeat;  
}

#accueilNouvelles
{
  width: 234px;
  height: 212px;
  padding-top: 50px;
  float: left;
  border-bottom: 3px solid #fff;
  border-left: 2px solid #fff;
  background: #edf0f1 url(/images/accueilNouvellesHaut.gif) no-repeat;
}   
* html #accueilEvenements { border-bottom: 1px solid #fff; }
* html #accueilASavoir { border-bottom: 1px solid #fff; }
* html #accueilNouvelles { border-bottom: 1px solid #fff; }
.blocAccueil a 
{ 
  font-weight: bold; 
  font-size: 9px; 
  font-family: Verdana, Sans-Serif;
  color: #2b55a2; 
}

.blocAccueil div.article { margin: 0px 22px 0px 22px; }

div.article h1 
{ 
  font-size: 11px; 
  font-weight: bold; 
  margin: 0;
}

div.lienVersTousEvenements
{
  margin-top: 15px;
  margin-left: 75px;
}

div.lienVersToutesNouvelles
{
  margin-top: 15px;
  margin-left: 90px;
}
  
div.lienVersTousEvenements a img, div.lienVersToutesNouvelles a img { float: left; margin-top: 1px; margin-right: 6px;}

  
div.article p
{
  margin: 0;
  margin-bottom: 4px;
}

.bulletLien { font-family: Verdana, Sans-Serif; font-size: 9px;}

.separateurEvenements
{
  width: 202px;
  height: 1px;
  background: url(/images/separateurEvenements.gif) no-repeat;
  margin-top: 7px;
  margin-bottom: 5px;
  font-size: 0;
}  
.date
{
  color: #a89754;
}

#reussirChezNous
{
  width: 234px;
  float: left;
}

.contenusBasAccueil
{
  width: 217px;
  margin: 0;
  margin-left: 10px;
  background: url(/images/accueilBackgroundPointille.gif) repeat-y;
}

.sansBackGround { background: none; }

.contenuBasAccueil
{
  margin: 0;
  text-indent: -5000px;
  margin-bottom: 5px;
}

.contenusBasAccueil ul { list-style: none; }
.contenusBasAccueil ul li { background: none; padding: 0; margin-bottom: 5px; }

div#reussirChezNous div.contenusBasAccueil { width: 224px; }
div#reussirChezNous div.contenusBasAccueil h1
{
  margin: 0;
  text-indent: -5000px;
  background: url(/images/titreReussirChezNous.gif) no-repeat;
  margin-bottom: 5px;
  line-height: 30px;
}

.contenusBasAccueil p { margin: 0; }


div#vivreChezNous
{
  width: 234px;
  float: left;
}

div#vivreChezNous div.contenusBasAccueil
{
  padding-left: 7px;
}
  
div#vivreChezNous div.contenusBasAccueil h1
{
  margin: 0;
  text-indent: -5000px;
  background: url(/images/titreVivreChezNous.gif) no-repeat;
  margin-bottom: 5px;
  line-height: 30px;
}

div#decouvrezNotreRegion
{
  width: 232px;
  float: left;
}

div#decouvrezNotreRegion div.contenusBasAccueil a { margin-top: 100px; }
div#decouvrezNotreRegion div.contenusBasAccueil
{
  padding-left: 7px;
}

div#decouvrezNotreRegion div.contenusBasAccueil h1
{
  margin: 0;
  text-indent: -5000px;
  background: url(/images/titreDecouvrezNotreRegion.gif) no-repeat;
  margin-bottom: 5px;
  line-height: 30px;
}

hr.separationBas
{
  height: 1px; 
  color: #d9d9d9;
  background-color: #d9d9d9;
  border-color: #d9d9d9;
  border: 0;
  margin-top: 15px;
  font-size: 1px;
  clear: both;
}

#basDePage
{
  
  text-align: center;
  padding-top: 7px;
  padding-bottom: 15px;
}

#basDePage a
{
  margin-right: 15px;
  color: #000;
  text-decoration: none;
}

#basDePage a:hover
{
  text-decoration: underline;
}

#basDePage .ligneBas { color: #6f6f6f; }
  
#contenu
{
  background: #fff;
}

#sectionPrincipale
{
  width: 505px;
  float: left;
  padding-left: 26px;
  padding-top: 27px;
  padding-right: 21px;
  position:relative;
  z-index:0;
}

#containerIcoUtilitaires
{
  position:absolute;
  right:0px;
  top:20px;
  display:none;
}

#containerIcoUtilitaires a
{
  float:left;
  background-repeat:no-repeat;
  text-decoration:none;
}

#containerIcoUtilitaires a#btnIcoTextePlus
{
  background-image:url(/images/img_icoTextePlus.gif);
  width:17px;
  height:12px;
}

#containerIcoUtilitaires a#btnIcoTexteMoins
{
  background-image:url(/images/img_icoTexteMoins.gif);
  width:14px;
  height:12px;
}

#containerIcoUtilitaires a#btnIcoTexteMoins
{
  background-image:url(/images/img_icoTexteMoins.gif);
  width:14px;
  height:12px;
}

#containerIcoUtilitaires a#btnIcoPrint
{
  background-image:url(/images/img_icoPrint.gif);
  width:14px;
  height:14px;
}

#containerIcoUtilitaires a#btnIcoSend
{
  background-image:url(/images/img_icoSend.gif);
  width:17px;
  height:14px;
}

#containerIcoUtilitaires a span
{
  font-size:1px;
  visibitily:hidden;
}

h1
{
  font-size: 16px;
  color: #622801;
  font-weight: bold;
  margin-bottom: 7px;
 /* clear: both; */
}

h1.top
{
  font-size: 16px;
  color: #622801;
  font-weight: bold;
  margin-bottom: 7px;
  width:410px;
  float:left;
  clear:left;
}

h2
{
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 10px;
}  

#sectionPrincipale a
{
  text-decoration: underline;
  color: #622801;
}

#sectionPrincipale a:hover
{
  text-decoration: none;
}
    
div.lignePointillee
{
  font-size: 0px;
  width: 498px;
  height: 1px;
  clear:both;
  background: url(/images/lignePointillee.gif) repeat-x;
}

img.icone {
  margin: 0 6px 10px 0;
  float:left;
}

#hautPage
{
  
  width: 100%;
  clear: both;
  text-align: center;

}

#hautPage a img
{  
  margin: 25px auto 0 auto;
}

.hautPage
{
  width: 100%;
  clear: both;
  text-align: center;
}

.hautPage a img
{
  margin-bottom: 15px;
}

div.blocConseilMunicipal 
{
  margin-top: 15px;
  margin-bottom: 25px;
}

div.blocConseilMunicipal hr { visibility: hidden; clear: both; }

div.blocConseilMunicipal img
{
  float: left;
  margin-right: 15px;
}  
ul.chrono li { margin-bottom: 10px; } 
.menuPrint { visibility: visible; display: block; }

div.imagesAlignees { width: 100%;}

div.imagesAlignees img
{
  width: 160px;
  height: 160px;
  float: left;
  margin-right: 5px;
   padding-bottom: 15px;
  
}

ul.planDuSite li ul, ul.planDuSite li ul li ul { margin-bottom: 0; margin-top: 5px; }
ul.planDuSite li { padding-bottom: 5px; }

/*--------- Formulaires ---------*/
table.formulaire
{
 width:100%; 
}

table.formulaire td
{
 vertical-align: top; 
}

table.formulaire input.texte
{
  border:0px;
  font: bold 11px Verdana, Sans-Serif;  
  color: #564c39;
}
table.formulaire input.texte2
{
  border:0px;
  font: 11px Arial, Sans-Serif;  
  color: #564c39;
}

table.formulaire input.autre
{
  width:237px;
}

table.formulaire label
{
float: right;
text-align: right;
padding-right: 14px; 
width:120px;
}

table.formulaire input, table.formulaire select, table.formulaire textarea
{
  width:295px;
  font: 11px Arial, Helvetica, Sans-Serif;;  
}


table.formulaire select
{
  width:299px;  
}


table.formulaire input.com
{
  width:150px;
  margin-right:5px;
}

table.formulaire input.com-petit
{
  width:30px;
  margin-right:5px;
}
table.formulaire input.com-petit2
{
  width:17px;
  margin-right:5px;  
}

table.formulaire .sansLargeur 
{
width: auto;
}

table.formulaire .bouton, .bouton { WIDTH: auto; cursor: pointer; BACKGROUND-COLOR: #FFF; border: 1px solid black; FONT-SIZE: 8pt; FONT-WEIGHT: bold ;}

div#boiteUtilitaires{
width:95px;
float:left;
clear:right;
}

div#boiteUtilitaires img{
display:block;
float:left;
}

div.caseOeuvre{
width:155px;
float:left;
padding:5px;
margin:0;
text-align:center;
}

div.caseOeuvre ul{
margin:0 auto 0 auto;
text-align:left;
width:150px;
}

div.antifloat{
width:100%;
float:none;
clear:both;
height:1px;
font-size:1px;
line-height:0;
margin-bottom:15px;
}

h2.realisations{
font-size:16px;
float:none;
clear:both;
color:#622801;
font-weight:bold;
margin-top:12px;
margin-bottom:0px;
padding:10px 0 0 0;
}

img.btnHautTitre{
display:block;
margin:auto;
}

ul.artistes{
width:30%;
float:left;
}

.boiteCheckboxAutorisation{
margin-left:21px;
}

.chechboxAutorisation{
margin-top:-3px;
}

.texteAutorisation{
float:left;
width:437px;
padding-top:5px;
margin-bottom:10px;
}

*+html .texteAutorisation{
padding-top:8px;
}

.noticeChamp{
font-size:9px;
color:#666666;
padding-right:3px;
}

span.gras{font-weight:bold;}