body    { font-size: 0.8em; font-family: Verdana, sans-serif; background: #c8e3f7 repeat-x; margin: 0; padding: 0 }
a:link   { color: #36c; text-decoration: none }
a:visited   { color: #36c; text-decoration: none }
a:hover    { color: #ecb323; text-decoration: none }
#header    { background-color: #22a4e2; height: 75px }
#conteneur       { background-color: white; margin-top: 10px; margin-left: -463px; border: solid 4px #959595; position: absolute; left: 50%; width: 926px; height: 540px }
html>body #conteneur {height: auto; min-height: 540px }
#centre      { background-color: white; margin-right: 0px; margin-left: 146px; position: relative; height: 540px }
#gauche      { background-color: #22a4e2; position: relative; left: 0; width: 146px }
#pied     { color: #d5755f; font-size: 10px; line-height: 14px; background-color: #512218; text-align: center; height: 30px }
.menugauche  { background-color: yellow; list-style-type: none; margin: 0; padding: 0 }

.menugauche a:hover {
text-decoration: none;
}
.menudroit  { background-color: teal; list-style-type: none; margin: 0; padding: 0 }

p {margin: 0 0 10px 0;}
#pub { position: absolute; top: 0px; left: 500px;  }
#pub .bloc  { width: 245px; display:block; float:left;}
#lienHome     { background-color: transparent; position: absolute; z-index: 1; top: 0px; left: 0px; width: 500px; height: 100px; display: block }
#lienHome a     { left: 0px; width: 500px; height: 100px; display: block }
.panier   { font-size: 11px; font-family: Verdana, sans-serif; text-align: center; position: absolute; top: 30px; left: 5px; width: 75px; height: 50px }
.clear { clear:both; height:1px; overflow:hidden }

.ariane   { color: #762224; font-size: 10px; margin: 5px 10px 0px; padding: 2px; border-bottom: 1px dashed silver }
.ariane a:link  { color: #762224 }
.ariane a:visited { color: #762224; text-decoration: none }
.ariane a:hover { color: #c00000; text-decoration: underline }
.t10 { font-size: 10px; font-family: Tahoma, sans-serif }


#logo  { float: left; margin: 0; padding: 0; position: relative; width: 146; height: 75px; overflow: hidden; display: block }

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu1S, #menu2S, #menu3S, #menu4S, #menu5S, #menu6S  { float: left; margin: 0; padding: 0; position: 
relative; width: 130px; height: 75px; overflow: hidden; display: block }
#menu1 a:link, #menu2 a:link, #menu3 a:link, #menu4 a:link, #menu5 a:link, #menu6 a:link, #menu1 a:visited, #menu2 a:visited, #menu3 a:visited, #menu4 a:visited, #menu5 a:visited, #menu6 a:visited, #menu1S a:link, #menu2S a:link, #menu3S a:link, #menu4S a:link, #menu5S a:link, #menu6S a:link, #menu1S a:visited, #menu2S a:visited, #menu3S a:visited, #menu4S a:visited, #menu5S a:visited, #menu6S a:visited { text-decoration: none; width: 130px; height: 75px; display: block}

#menu1 a:link, #menu1 a:visited { background: url(../im/m1.jpg) no-repeat 0 0;}
#menu2 a:link, #menu2 a:visited { background: url(../im/m2.jpg) no-repeat 0 0;}
#menu3 a:link, #menu3 a:visited { background: url(../im/m3.jpg) no-repeat 0 0;}
#menu4 a:link, #menu4 a:visited { background: url(../im/m4.jpg) no-repeat 0 0;}
#menu5 a:link, #menu5 a:visited { background: url(../im/m5.jpg) no-repeat 0 0;}
#menu6 a:link, #menu6 a:visited { background: url(../im/m6.jpg) no-repeat 0 0;}


#menu1 a:visited {text-decoration: none}
#menu2 a:visited {text-decoration: none}
#menu3 a:visited {text-decoration: none}
#menu4 a:visited {text-decoration: none}
#menu5 a:visited {text-decoration: none}
#menu6 a:visited {text-decoration: none}

#menu1S a:visited {text-decoration: none}
#menu2S a:visited {text-decoration: none}
#menu3S a:visited {text-decoration: none}
#menu4S a:visited {text-decoration: none}
#menu5S a:visited {text-decoration: none}
#menu6S a:visited {text-decoration: none}

#menu1 a:hover   { background: url(../im/m1.jpg) no-repeat 0px -75px }
#menu2 a:hover   { background: url(../im/m2.jpg) no-repeat 0px -75px }
#menu3 a:hover   { background: url(../im/m3.jpg) no-repeat 0px -75px }
#menu4 a:hover   { background: url(../im/m4.jpg) no-repeat 0px -75px }
#menu5 a:hover   { background: url(../im/m5.jpg) no-repeat 0px -75px }
#menu6 a:hover   { background: url(../im/m6.jpg) no-repeat 0px -75px }

#menu1S a:link, #menu1S a:visited, #menu1S a:hover { background: url(../im/m1.jpg) no-repeat 0px -75px }
#menu2S a { background: url(../im/m2.jpg) no-repeat 0px -75px }
#menu3S a { background: url(../im/m3.jpg) no-repeat 0px -75px }
#menu4S a { background: url(../im/m4.jpg) no-repeat 0px -75px }
#menu5S a { background: url(../im/m5.jpg) no-repeat 0px -75px }
#menu6S a { background: url(../im/m6.jpg) no-repeat 0px -75px }



.CrochetMenu   { color: #0066b1; font-size: 10px; font-family: verdana; text-decoration: none; margin-bottom: 5px }
#MenuG   { background-color: #22a4e2; margin-top: 10px; margin-bottom: 10px }
#MenuG a        { color: #006cc8; font-size: 10px; font-family: verdana; text-decoration: none; margin-left: 4px }
#MenuG a:hover     { color: #006cc8; font-size: ; font-family: verdana; text-decoration: underline }
#couleurfond       { background-color: white; border: solid 2px #fc0; position: relative; left: 2px }
#couleurfond-actu  { background-color: white; padding-right: 10px; padding-left: 10px; border: solid 2px #fc0; position: relative; left: 2px }
.sstitre { color: #06c; font-weight: bold; font-size: 12px; font-family: verdana }
#mg    { color: #006cc8; font-family: Verdana, Sans-serif; background-color: #c9e4f1; text-align: left; margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-bottom: 4px; padding-left: 5px; width: 133px }
#mgtitre         { color: white; font-weight: bold; font-size: 11px; line-height: 18px; font-family: Verdana, Sans-serif; background-color: #006cc8; text-align: center; margin-right: 4px; margin-left: 4px; width: 138px; height: 18px }
#mgsel    { color: #006cc8; text-decoration: none; background-color: #fff; text-align: left; margin-right: 4px; margin-left: 4px; padding-top: 4px; padding-bottom: 4px; padding-left: 5px; border-top: 1px solid #fc0; border-bottom: 1px solid #fc0; width: 133px }




p   { color: #555; font-size: 11px; line-height: 17px; font-family: verdana }
.retour { font-size: 10px; font-family: verdana, sans-serif }
li { color: #555; font-size: 11px; font-family: verdana }
select { color: #555; font-size: 11px; font-family: verdana }
td {}

h1    { color: #777; font-weight: 500; font-size: 22px; font-family: Verdana }
h2         { color: #06c; font-size: 12px; background: url('../im/puce.gif') no-repeat; text-indent: 32px; list-style-type: disc; margin-top: 7px; margin-bottom: 7px; padding-top: 0px; padding-bottom: 2px; left: -32px }
h6       { color: #06c; font-size: 12px; background: url('../im/puce-vG.gif') no-repeat; text-indent: 32px; list-style-type: disc; margin-top: 7px; margin-bottom: 7px; left: -32px }
h3 { color: #555; font-weight: normal; font-size: 9px; font-family: verdana; text-align: left }
h4   { color: #555; font-weight: bold; font-size: 10px; font-family: verdana; text-align: left }
h5 { color: #06c; font-size: 12px; font-family: Verdana }
#titre   { color: #eee; font-weight: 500; font-size: 12px; font-family: Verdana; background-color: #aaa; text-align: center; vertical-align: middle; padding: 3px 3px 3px 7px }
#photo { text-align: center }
.input        { color: #222; font-size: 10px; font-family: verdana; background-color: #eaf3ff; border: solid 1px #339 }
hr  { background-color: gray }
button  { color: #222; font-size: 10px; font-family: verdana; background-color: #98c1ea; border: solid 1px #339 }
button:hover  { color: #222; font-size: 10px; font-family: verdana; background-color: #c03; border: solid 1px #700 }
#accroche     { color: #777; font-weight: 500; font-size: 20px; font-family: verdana }
#accroche_ac { color: #444; font-size: 26px; font-family: verdana }
#ac1     { color: #555; font-size: 16px; font-family: verdana; text-decoration: none; text-align: center; border-bottom: 1px solid #555 }
#ac1 a { color: #555; font-size: 16px; font-family: verdana; text-decoration: none; text-align: center; border-bottom: 1px solid #555 }
#ac1 a:link  { color: #555; font-size: 16px; font-family: verdana; text-decoration: none; text-align: center; border-bottom: 1px solid #555 }
#ac1 a:hover  { color: #717171; font-size: 16px; font-family: verdana; text-decoration: none; text-align: center; border-bottom: 1px solid #555 }
#ac2     { color: #888; font-size: 16px; font-family: verdana; text-decoration: none; text-align: center; border-bottom: 1px solid #888 }
#ac2 a { color: #888; font-size: 16px; font-family: verdana; text-decoration: none; text-align: center; border-bottom: 1px solid #888 }
#ac2 a:link  { color: #888; font-size: 16px; font-family: verdana; text-decoration: none; text-align: center; border-bottom: 1px solid #888 }
#ac2 a:hover  { color: #a4a4a4; font-size: 16px; font-family: verdana; text-decoration: none; text-align: center; border-bottom: 1px solid #888 }
#btProjet         { background-color: white; float: left; margin: 0px; padding: 0 0 0 0px; width: 347px; height: 45px; overflow: hidden; visibility: visible; display: block }
#btProjetG { background-color: #efefef; float: left; margin: 0px; padding: 0 0 0 0px; width: 347px; height: 45px; overflow: hidden; visibility: visible; display: block }
#btProjetac { background-color: white; float: left; margin: 0px; padding: 0 0 0 0px; width: 780px; height: 45px; overflow: hidden; visibility: visible; display: block }
#btProjet a  { line-height: 45px; text-decoration: none; background: url(../im/btProjet.gif) no-repeat 0 0; text-align: center; width: 347px; display: block }
#btProjetG a  { line-height: 45px; text-decoration: none; background: url(../im/btProjetG.gif) no-repeat 0 0; text-align: center; width: 347px; display: block }
#btProjetac a  { line-height: 45px; text-decoration: none; background: url(../im/btProjet.gif) no-repeat 0 0; text-align: center; width: 780px; display: block }
#btProjet a:hover  { background: url(../im/btProjet.gif) no-repeat 0 -45px }
#btProjetG a:hover  { background: url(../im/btProjetG.gif) no-repeat 0 -45px }
#btProjetac a:hover { background: url(../im/btProjet.gif) no-repeat 0 -45px }
#gauche  { background-color: #22a4e2; position: absolute }
#contenu              { background-color: #fff; text-align: center; position: relative; left: 146px; width: 780px }
.titreMenu { color: #0066b1; font-size: 12px; font-family: verdana; margin-bottom: 5px }
#page  { font-size: 12px; font-family: Verdana, sans-serif; text-align: left; margin: 0px; padding: 10px }


#btProjet      { float: left; margin: 0px; padding: 0; width: 347px; height: 45px; overflow: hidden; visibility: visible; display: block }
#btProjet a  { line-height: 45px; text-decoration: none; background: url(../im/btProjet.gif) no-repeat 0 0; text-align: center; width: 347px; display: block }
#btProjet a:hover  { background: url(../im/btProjet.gif) no-repeat 0 -45px }
.credits  { color: #c8e3f7; font-size: 10px; font-family: verdana; text-align: center; padding: 5px; width: 136px }
.credits a:link { color: #c8e3f7; font-family: verdana; text-align: center; padding: 5px; width: 136px }
.credits a:visited { color: #c8e3f7; font-family: verdana; text-align: center; padding: 5px; width: 136px }
.credits a:hover { color: white; font-family: verdana; text-align: center; padding: 5px; width: 136px }

.actuphoto              { font-size: 9px; background-color: #eee; text-align: center; float: left; clear: both; margin-right: 5px; padding: 2px; border: solid 2px #c0c0c0 }
.actuphoto2     { font-size: 9px; background-color: white; text-align: center; float: left; clear: both; margin-right: 5px; padding: 2px; border: 0px #39546d }
.actuphotod           { font-size: 9px; background-color: #eee; text-align: center; float: right; clear: both; margin-left: 5px; padding: 2px; border: solid 2px #c0c0c0 }
.actuphotod2     { font-size: 9px; background-color: white; text-align: center; float: right; clear: both; margin-left: 5px; padding: 2px; border: solid 0px #39546d }