* { margin: 0; padding: 0; }

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

td {vertical-align:top;}

.site { background: #f1efe4 url(../images/bg.gif) repeat-x; } 

body#accueil
{
  background: #f1efe4 url(../images/bgAccueil.gif) repeat-x;
}

hr { height: 1px; color: #11527e; margin:0; }

.bordureBleu { border: 2px solid #11527e; }
.float_left { float: left; margin:0 5px 5px 0;}
.float_right { float: right; margin:0 0 5px 10px;}

.demiBR                     { FONT-SIZE: 5px; }

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

a
{
  text-decoration: underline;
  color: #00c;
}

a:hover { text-decoration: none; }

#conteneur
{
  width: 766px;
  margin: 0 auto;

}

#entete
{
  width: 740px;
  height: 61px;
  padding-left: 11px;
  padding-right: 17px;
  background: #11527e url(../images/enteteBackground.gif) repeat-y;
}

a#enteteLogo
{
  display: block;
  float: left;
  width: 176px;
  height: 61px;
 
}

div#enteteSlogan
{
  width: 380px;
  height: 61px;
  float: left;
  background: url(../images/enteteSlogan.gif) no-repeat;
}

div#enteteLiens
{
  width: 155px;
  height: 26px;
  float: right;
  padding-left: 28px;
  padding-top: 35px;
}

div#enteteLiens a { text-decoration: none;   color: #fff; }
div#enteteLiens a:hover { text-decoration: underline; }

#menu
{
  list-style: none;
  height: 30px;
  width: 768px;
}

#menu li a
{
  height: 30px;
  display: block;
  text-decoration: none;
}

#menu li a span { display: none; }

#menu li#citoyens, #menu li#visiteurs, #menu li#entreprises, #menu li#organismes, #menu li#nouveauxArrivants, #menu li#informationMunicipale, #menu li#enImages
{
  height: 30px;
  float: left;
  position: relative;
  
}

#menu li#citoyens a#liencitoyens, #menu li#visiteurs a#lienvisiteurs, #menu li#entreprises a#lienentreprises, 
#menu li#organismes a#lienorganismes, #menu li#nouveauxArrivants a#liennouveauxArrivants, #menu li#informationMunicipale a#lieninformationMunicipale, 
#menu li#enImages a#lienenImages
{
  background: url(../images/menu.gif);
}

#menu li#citoyens a#liencitoyens { background-position: 0px 0px; width: 90px; }
#menu li#citoyens:hover a#liencitoyens, #menu li#citoyens.menuSelectionne a#liencitoyens , #menu li#citoyens.over a#liencitoyens { background-position: 0px -30px; }

#menu li#visiteurs a#lienvisiteurs { background-position: -90px 0px; width: 80px; }
#menu li#visiteurs:hover a#lienvisiteurs, #menu li#visiteurs.menuSelectionne a#lienvisiteurs , #menu li#visiteurs.over a#lienvisiteurs { background-position: -90px -30px; }

#menu li#entreprises a#lienentreprises { background-position: -170px 0px; width: 95px; }
#menu li#entreprises:hover a#lienentreprises, #menu li#entreprises.menuSelectionne a#lienentreprises , #menu li#entreprises.over a#lienentreprises { background-position: -170px -30px; }

#menu li#organismes a#lienorganismes { background-position: -265px 0px; width: 100px; }
#menu li#organismes:hover a#lienorganismes, #menu li#organismes.menuSelectionne a#lienorganismes , #menu li#organismes.over a#lienorganismes { background-position: -265px -30px; }


#menu li#nouveauxArrivants a#liennouveauxArrivants { background-position: -365px 0px; width: 150px; }
#menu li#nouveauxArrivants:hover a#liennouveauxArrivants, #menu li#nouveauxArrivants.menuSelectionne a#liennouveauxArrivants , #menu li#nouveauxArrivants.over a#liennouveauxArrivants { background-position: -365px -30px; }

#menu li#informationMunicipale a#lieninformationMunicipale { background-position: -515px 0px; width: 145px; }
#menu li#informationMunicipale:hover a#lieninformationMunicipale, #menu li#informationMunicipale.menuSelectionne a#lieninformationMunicipale , #menu li#informationMunicipale.over a#lieninformationMunicipale { background-position: -515px -30px; }

#menu li#enImages a#lienenImages { background-position: -660px 0px; width: 108px; }
#menu li#enImages:hover a#lienenImages , #menu li#enImages.menuSelectionne a#lienenImages , #menu li#enImages.over a#lienenImages { background-position: -660px -30px; }

/*

* html #menu li#visiteurs.over a#lienvisiteurs { background: url(../images/menu.gif); background-position: -90px -30px; }
#menu li#visiteurs  { background-position: -90px 0px; width: 80px; }
#menu li#visiteurs:hover, #menu li#visiteurs.menuSelectionne { background-position: -90px -30px; }

* html #menu li#entreprises.over { background: url(../images/menu.gif); background-position: -170px -30px; }
#menu li#entreprises  { background-position: -170px 0px; width: 95px; }
#menu li#entreprises:hover, #menu li#entreprises.menuSelectionne { background-position: -170px -30px; }

* html #menu li#organismes.over { background: url(../images/menu.gif); background-position: -265px -30px; }
#menu li#organismes  { background-position: -265px 0px; width: 100px; }
#menu li#organismes:hover, #menu li#organismes.menuSelectionne { background-position: -265px -30px; }

* html #menu li#nouveauxArrivants.over { background: url(../images/menu.gif); background-position: -365px -30px; }
#menu li#nouveauxArrivants  { background-position: -365px 0px; width: 150px; }
#menu li#nouveauxArrivants:hover, #menu li#nouveauxArrivants.menuSelectionne { background-position: -365px -30px; }

* html #menu li#informationMunicipale.over { background: url(../images/menu.gif);background-position: -515px -30px; }
#menu li#informationMunicipale  { background-position: -515px 0px; width: 145px; }
#menu li#informationMunicipale:hover, #menu li#informationMunicipale.menuSelectionne { background-position: -515px -30px; }

* html #menu li#enImages.over { background: url(../images/menu.gif);background-position: -660px -30px; }
#menu li#enImages  { background-position: -660px 0px; width: 108px; }
#menu li#enImages:hover, #menu li#enImages.menuSelectionne  { background-position: -660px -30px; }
*/

#menu li ul
{
  position: absolute;
  top: 30px;
  list-style: none;
  left: -5000px;
  background-image: none;
  float: left;
  width: 1%;
}

* html #menu li ul li { float:left;  }

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

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

#menu li:hover ul, #menu li.over ul { left: 10px; }

#menu li ul li
{
  height: 21px;
  width: 215px;
  float: none;
  position: relative;
  background: #6a4623 none;
  line-height: 20px;
  background-image: none;  
}

#menu li ul li:hover, #menu li ul li.over { background: #b5a47f; }

#menu li ul li.sousMenu
{
  background: #6a4623 url(../images/btn_fleche.gif) 201px no-repeat;
}

#menu li ul li.sousMenu:hover, #menu li ul li.sousMenu.overSousMenu
{
  background: #b5a47f url(../images/btn_fleche.gif) 201px no-repeat;  
}

*+html #menu li ul li.sousMenu:hover, #menu li ul li.sousMenu.overSousMenu { margin-bottom:-3px; }

#menu li ul li ul,#menu li ul li ul li ul#menu3
{
  position: absolute;
  left: -5000px;
  display: none;
  border-top: 0;
}

#menu li ul li:hover ul, #menu li ul li.over ul { display: block; left: 214px; top: 0px; margin: 0; }

#menu li ul li:hover ul, #menu li ul li.overSousMenu ul { display: block; left: 214px; top: 0px; margin: 0; }



#menu li ul li:hover ul li ul#menu3 { display: block; left: 214px; top: 0px; margin: 0; }




#menu li ul li a
{
  display: block;
  color: #fff;
  height: 20px;
  line-height: 20px;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  padding-left: 10px;
  border: 1px solid #fff;;
}

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






#contenu
{
  width: 740px;
  padding-left: 11px;
  padding-right: 17px;
  background: #11527e url(../images/contenuBackground.gif) repeat-y;  
}

div#accueilBoutons a img { margin: 0; float: left;}

div#contenuBasPage 
{ 
  width: 768px;
  height: 18px;
  background: #fff url(../images/contenuBasPageBackground.gif);
  clear: both; 
}

p { margin: 12px 0; }

h1, h2, h3, h4
{
  color: #105380;
  font-size: 14px;
  font-family: Arial, Helvetica, Sans-Serif;
  margin-bottom: 3px;
}

h1 { margin-bottom: 10px; }
h2 { margin-bottom: 9px; font-size: 12px; }
h3 { font-size: 14px; }
h3 span { font-size: 12px; }
h4 { margin-bottom: 0px; }

div#accueilTexteCitoyen
{
  width: 217px;
  height: 96px;
  padding-left: 18px;
  padding-top: 5px;
  padding-right: 10px;
  background: url(../images/backgroundCitoyenAccueil.gif);
  float: left;
}

div#accueilTexteVisiteur
{
  width: 222px;
  height: 96px;
  padding-left: 18px;
  padding-top: 5px;
  padding-right: 10px;
  background: url(../images/backgroundVisiteurAccueil.gif);
  float: left;
} 

div#accueilTexteEntreprise
{
  width: 217px;
  height: 96px;
  padding-left: 18px;
  padding-top: 5px;
  padding-right: 10px;
  background: url(../images/backgroundEntrepriseAccueil.gif);
  float: left;
}

div#basDePage
{
  width: 739px;
  margin: 5px auto;
  margin-bottom: 15px;
  color: #949494;
}

div#basDePage a { margin-right: 10px; }
div#basDePage .derniereMAJ { margin-left: 15px; }
div#basDePage .copyright { margin-left: 15px; }

div#entetePhotos 
{
  width: 768px;
  height: 110px;
  background-image: url(../../images/entetePhotos.jpg);
  clear: both;
}

div#sectionPrincipale
{
  float: left;
  width: 525px;
  padding: 30px;
  text-align:justify;
  font-size:12px;
  background-color:#FFF;
}

div#sectionPrincipale ul	  { color: #000; text-decoration: none;  list-style: none; margin:0; padding:0;}
div#sectionPrincipale ul li   { background: url(../Formulaires/bullet.gif) no-repeat;  padding:0 2px 5px 10px;}

div#accueilTexteVisiteur ul	  { color: #000; text-decoration: none;  list-style: none;}
div#accueilTexteVisiteur ul li   { background: url(../Formulaires/bullet.gif) no-repeat; padding-left:11px;}
  
div#sectionGauche
{
  width: 150px;
  float: left;
}

div#gaucheSousMenuHaut
{
  width: 150px;
  height: 35px;
  background: url(../images/gaucheSousMenuHaut.gif) no-repeat;
}

div#gaucheSousMenuBas
{
  width: 150px;
  height: 53px;
  background: url(../images/gaucheSousMenuBas.gif) no-repeat;
}    

ul#sousMenusGauche
{
  background: #e3dfca;
  width: 150px;
  list-style: none;
  padding-bottom: 10px;
}

ul#sousMenusGauche li { margin-left: 11px; height: 70%;}
ul#sousMenusGauche li a { color: #000; text-decoration: none; padding-left:10px; display : block; }
ul#sousMenusGauche li a:hover, ul#sousMenusGauche li a.selectionne { color: #8f6e55; background: url(../images/separateurOr.gif) no-repeat 0% 4px; }

ul#sousMenusGauche li.niveau2 a { color: #000; text-decoration: none; padding-left:20px;} 
ul#sousMenusGauche li.niveau2 a:hover, ul#sousMenusGauche li.niveau2 a.selectionne { color: #8f6e55; background: url(../images/separateurOr.gif) no-repeat 0% 4px; }

ul#sousMenusGauche li.niveau3 a { color: #000; text-decoration: none; padding-left:30px;} 
ul#sousMenusGauche li.niveau3 a:hover, ul#sousMenusGauche li.niveau3 a.selectionne { color: #8f6e55; background: url(../images/separateurOr.gif) no-repeat 0% 4px; }


img#attraitsActivites
{
  display: block;
  width: 150px;
  height: 137px;  
}

table.classTableau{
 border:1px solid #CFC6BB;
 border-collapse:collapse;
 margin:10px 0 5px 0;
}

table.classTableau td{
border:1px solid #CFC6BB;
padding:6px;
vertical-align:top;
}

table.classTableau td.titre{
 background-color:#9D6E53;
 color:#FFFFFF;
 font-weight:bold;
}

table.classTableau td.fondBeige{
 background-color:#F3F0E4;
}

.bouton       				  { WIDTH: auto; cursor: pointer; BACKGROUND-COLOR: #DDDDDD; border: 1px solid black; FONT-SIZE: 8pt; FONT-WEIGHT: bold ;}
.sansLargeur    			  { WIDTH: auto;}
input           			  { WIDTH: 330px; COLOR:#000000; FONT-SIZE: 12px; }
input.autre     			  { WIDTH: 271px; }
input.privilege 			  { WIDTH: 110px; }
input.nouvelleFenetre 		  { WIDTH: 250px; COLOR:#000000; FONT-SIZE: 12px; }
input.carteCredit 			  { WIDTH: 80px;  COLOR:#000099; FONT-SIZE: 12px; }
input.envoyerAUnAmi 		  { WIDTH: 105px; COLOR:#000000; FONT-SIZE: 12px; }
input.envoyerAUnAmiCourriel   { WIDTH: 165px; COLOR:#000000; FONT-SIZE: 12px; }
select          			  { WIDTH: 330px; COLOR:#000000; FONT-SIZE: 12px; }
select.nouvelleFenetre 		  { WIDTH: 250px; COLOR:#000000; FONT-SIZE: 12px; }
select.envoyerAUnAmi 		  { WIDTH: 125px; COLOR:#000000; FONT-SIZE: 12px; }
select.reservation 			  { WIDTH: 300px; COLOR:#000000; FONT-SIZE: 12px; }
textarea        			  { WIDTH: 330px; COLOR:#000000; FONT-SIZE: 12px; }
textarea.nouvelleFenetre 	  { WIDTH: 250px; COLOR:#000000; FONT-SIZE: 12px; }
textarea.envoyerAUnAmi 		  { WIDTH: 445px; COLOR:#000000; FONT-SIZE: 12px; }
input.rechercher 	   		  { WIDTH: 120px; FONT-SIZE: 8pt; }
input.rechercherBanqueDImage  { WIDTH: 205px; COLOR:#000000; FONT-SIZE: 12px; }
input.bouton { margin-bottom: 10px; }
hr {margin:5px 0 5px 0;}