body      	    { background-color: #63676e; margin: 0px 0 10px; padding: 0; border: 0 }
#conteneur	 { font-family: "Lucida Grande", Verdana, Lucida, serif; background-repeat: repeat-y; margin: auto; width: 900px }
#tete   		      { background-image: url(../im/haut.gif); position: relative; width: 900px; height: 105px }
#corp   { background-image: url(../im/corp.gif) }


#navig1  { position: absolute; top: 14px; left: 475px; overflow: hidden }
#navig2 { position: absolute; top: 60px; left: 280px; overflow: hidden }
#lienhome, #lienhome a { position: absolute; top: 0; left: 0; width: 270px; height: 110px; display: block; text-indent: -3000px }
#bh1, #bh2, #bh4, #bh6, #bh8, #bh1S, #bh2S, #bh4S, #bh6S, #bh8S { text-indent: -3000px; float: left; margin: 0px; padding: 0px }

#bh1, #bh2, #bh1S, #bh2S { width: 32px; height: 19px }
#bh4, #bh4S { width: 101px; height: 19px }
#bh6, #bh6S { width: 90px; height: 19px }
#bh8, #bh8S { width: 114px; height: 19px }

.sep1 { width: 12px; height: 19px; float: left; background-image: url(../im/bh3.gif) }
.sep2 { width: 12px; height: 19px; float: left; background-image: url(../im/bh5.gif) }
.sep3 { width: 12px; height: 19px; float: left; background-image: url(../im/bh7.gif) }

#bh1 a, #bh1S a { background-repeat: no-repeat; overflow: hidden; display: block; background-image: url(../im/bh1.gif); width: 32px; height: 19px }
#bh2 a, #bh2S a { background-repeat: no-repeat; overflow: hidden; display: block; background-image: url(../im/bh2.gif); width: 32px; height: 19px }
#bh4 a, #bh4S a { background-repeat: no-repeat; overflow: hidden; display: block; background-image: url(../im/bh4.gif); width: 101px; height: 19px }
#bh6 a, #bh6S a { background-repeat: no-repeat; overflow: hidden; display: block; background-image: url(../im/bh6.gif); width: 90px; height: 19px }
#bh8 a, #bh8S a { background-repeat: no-repeat; overflow: hidden; display: block; background-image: url(../im/bh8.gif); width: 114px; height: 19px }

#bh1S a, #bh2S a, #bh4S a, #bh6S a, #bh8S a { background-position: 0px -19px; height: 19px; overflow: hidden; display: block }

#bh1 a:hover, #bh2 a:hover, #bh4 a:hover, #bh6 a:hover, #bh8 a:hover { background-position: 0px -19px; height: 19px; overflow: hidden; display: block }

#bh1 a:hover { background-image: url(../im/bh1.gif); width: 32px }
#bh2 a:hover { background-image: url(../im/bh2.gif); width: 32px }
#bh4 a:hover { background-image: url(../im/bh4.gif); width: 101px }
#bh6 a:hover { background-image: url(../im/bh6.gif); width: 90px }
#bh8 a:hover { background-image: url(../im/bh8.gif); width: 114px }

#btActus, #btDemarche, #btMetiers, #btActusS, #btDemarcheS, #btMetiersS { text-indent: -3000px; float: left; margin: 0px; padding: 0px; width: 189px; height: 45px }
#btActus a, #btActusS a { background: url(../im/btActus.gif) no-repeat; width: 189px; height: 45px; display: block }
#btDemarche a, #btDemarcheS a { background: url(../im/btDemarche.gif) no-repeat; width: 189px; height: 45px; display: block }
#btMetiers a, #btMetiersS a { background: url(../im/btMetiers.gif) no-repeat; width: 189px; height: 45px; display: block }

#btActus a:hover, #btDemarche a:hover, #btMetiers a:hover, #btActusS a, #btDemarcheS a, #btMetiersS a { background-position: 0px -45px }



#pied    		     { color: #c0c0c0; font-size: 12px; background: url(../im/bas.gif) no-repeat; text-align: center; width: 900px; height: 20px }
#colGauche    { float: left; width: 230px; height: auto }


.btGauche       { text-align: center; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; border-top: 1px none; border-bottom: 1px solid #aaa }
.btGauche a, .btGauche a:visited    { color: #aaa; font-weight: bold; font-size: 11px; text-decoration: none }
.btGauche a:hover    { color: #696969 }

.btGaucheS  { text-align: center; margin-left: 3px; padding-top: 4px; padding-bottom: 4px; border-bottom: 2px solid #000 }
.btGaucheS a, .btn-gauche-s a:visited   { color: #000; font-weight: bold; font-size: 11px; text-decoration: none }
.btGaucheS a:hover { text-decoration: underline }

#contenu             { color: black; font-size: 12px; float: left; margin: 0px; padding: 10px 30px 0px 10px; width: 630px }
#contenu a, #contenu a:visited, #zoomSur a, #zoomSur a:visited   { color: #1553d0; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #badceb }
#contenu a:hover, #zoomSur a:hover   { color: white; text-decoration: none; background-color: #0095d6; border-bottom: 1px solid #1c3b78 }
#contenu h1      { color: white; font-weight: bold; font-size: 18px; background: url(../im/titre-h1.gif) no-repeat; text-align: center; text-transform: uppercase; word-spacing: 2px; letter-spacing: 2px; clear: both; margin: 0px 0px 10px; padding: 4px 0px 0px; width: 630px; height: 26px }
#contenu h2   { color: black; font-weight: bold; font-size: 12px; text-decoration: none; background-repeat: no-repeat; text-indent: 28px; padding-top: 9px; width: 150px; height: 32px; display: block }


.parag h1       { font-weight: bold; font-size: 14px;  letter-spacing: 2px; padding-left: 3px }
.photoGC                     { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoG           { font-size: 9px; line-height: 10px; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px; padding: 0 }
.photoDC                  { font-size: 9px; line-height: 10px; background-color: white; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 6px; border-style: solid; border-width: 1px; border-color: #d3d3d3 #696969 #696969 #d3d3d3 }
.photoD           { font-size: 9px; line-height: 10px; text-align: center; float: right; margin-bottom: 5px; margin-left: 10px; padding: 0; border: solid 0 #39546d }

.dates  { color: #ee7900; font-weight: bold; margin-top: 0; padding-top: 0 }

.soustitre      { font-weight: bold; font-size: 14px; margin-top: 0; padding-top: 0; padding-left: 3px }

.tarif  { font-weight: bold; background-color: #eef1af; text-align: center; margin-top: 2px; margin-bottom: 2px; padding-top: 2px; padding-bottom: 2px }

p { margin-top: 0.75em; margin-bottom: 0.75em }

.petit { font-size: 10px; font-family: Tahoma, Arial, sans-serif }

.lightbox        { text-align: center; margin: 5px 0; padding: 0; border-style: solid; border-width: 1px; border-color: #d5d59f #fff #fff #d5d59f }

h3 { font-size: 14px }

.parag  { margin-top: 10px; margin-bottom: 5px }
.parag h4      { color: #ba7507; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #ee9e1d }
.parag h5      { color: #0039a3; font-size: 14px; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }

.lien  { padding-bottom: 5px }

.titreGros    { color: #936700; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #ee7900 }
#pied a, #pied a:visited { color: #a16b1c; text-decoration: none; padding-top: 2px; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #c29a3d }
#pied a:hover { color: white; text-decoration: none; background-color: #a16b1c; border-bottom: 1px solid #c29a3d }


#recherche  { background-image: url(../im/recherche.gif); margin-top: 8px; margin-left: 21px; position: relative; width: 200px; height: 84px; overflow: hidden }
#recherche .form { position: absolute; top: 38px; left: 8px }
#recherche input { font-size:10px }

#menu      { font-size: 11px; margin-top: 8px; margin-left: 21px; padding: 0; width: 200px }
#menu #haut   { background-image: url(../im/menu-haut.gif); width: 200px; height: 7px; overflow: hidden }
#menu #fond    { background: url(../im/menu-fond.gif) repeat-y; padding-right: 1px; padding-left: 1px; width: 198px }
#menu #bas  { background-image: url(../im/menu-bas.gif); width: 200px; height: 7px; overflow: hidden }

#menu #bas2  { margin-top:15px; text-align:center }


#menu .gamme  {  }
#menu .gamme a  { color: white; font-weight: bold; text-decoration: none; background-color: #424851; clear: none; margin-bottom: 1px; padding: 2px 6px; display: block }
#menu .gamme a:hover { background-color: #325aa4 }

#menu .gammeS  {  }
#menu .gammeS a     { color: white; font-weight: bold; text-decoration: none; background-color: #0095d6; clear: none; margin-bottom: 1px; padding: 2px 6px; display: block }
#menu .gammeS a:hover  { background-color: #3bc4ff }

#menu .sGamme   { font-size: 10px; margin-left: 12px }
#menu .sGamme a      { color: black; text-decoration: none; clear: none; padding: 1px 6px 1px 3px; border-bottom: 1px solid #a4afca; display: block }
#menu .sGamme a:hover  { background-color: #a4afca }

#menu .sGammeS   { font-size: 10px; margin-left: 12px }
#menu .sGammeS a      { color: black; text-decoration: none; background-color: white; clear: none; margin-bottom: 1px; padding: 1px 6px 1px 3px; border-bottom: 1px solid #a4afca; display: block }
#menu .sGammeS a:hover  { background-color: #dde1eb }



#liste  { background-color: #b8c2dc; clear: both; border-right: 1px solid #3962a7; border-left: 1px solid #3962a7 }
#listeHaut   { background-image: url(../im/liste-haut.gif); width: 630px; height: 8px; overflow: hidden }
#listeBas  { background-image: url(../im/liste-bas.gif); width: 630px; height: 8px; overflow: hidden }

.produit    { background-color: #e0e3f1; margin: 0px 10px; padding: 5px }
.produit td { vertical-align: top }
.prodPhoto  { float: left; background-color: maroon; float: left; width: 164px; display: inline }
.prodTable  { float: left; background-color: olive; width: 434px; display: inline }

.separation   { clear: both; margin: 0px; padding: 0px; border: 0px; height: 0; visibility: hidden }
.produit h4 { font-weight: bold; font-size: 12px; margin-top: 0px; margin-bottom: 5px }
.tabl { font-size: 10px }
.tabl th { background-color: #c0cbd5 }
.tabl td { background-color: #d8e2f1 }