html {
     background: #e6e6e6; 
     }
a {
     text-decoration: none; 
     }
/*GROUP page et cadre*/
body {
     width: 800px;
     left:50%;
     margin-left: -400px;
     position: absolute;
     font-family: sans-serif;
     margin-top:  0px;
     padding: 0em; 
     }
#hautcadre {
     width: 800px;
     height: 249px;
     margin: 0em;
     padding: 0em; 
     }
#hautcadre a.haut {
     background: white url(images/fond/fond3haut.jpg) no-repeat 0 0;
     width: 800px;
     height: 245px;
     display: block; 
     }
#hautcadre a.haut:visited {
     background: white url(images/fond/fond3haut.jpg) no-repeat 0 0;
     z-index: 10;
     width: 800px;
     height: 245px;
     display: block; 
     }
#hautcadre a.haut:hover {
     height: 245px;
     background: url(images/fond/fond3haut.jpg) 0 -245px; 
     }
#hautcadre p.titre {
     letter-spacing: -.08em;
     color: #325f00;
     width:355px;
     font: bold 55px Verdana, Helvetica, Arial, sans-serif;
     margin-left: 60px;
     margin-top:-100px;
     top:100px; 
     }
.titre  span {
     color: #d2bd08; 
     }
.titre  em {
     font: normal 22px/22px Verdana, Helvetica, Arial, sans-serif;
     letter-spacing: +11px;
     color: #555557;
     margin: 0em; 
     }
a.contact {
     background: url(images/contacter.png) no-repeat center center;
     width: 110px;
     height: 40px;
     margin-top:-85px;
     margin-left:470px;
     position: absolute;
     border: 2px #ffffff dotted; 
     }
a.contact:hover {
     background:  url(images/contacter.png) no-repeat center center;
     border: 2px #e6e6e6 dotted; 
     }
/*GROUP contenu*/
/*#main {
          background: #3a9999;
          width: 680px;
          position: relative;
          left: 50%;
          margin: -345px; 
          }
*/
#header {
     background: #9999e7;
     width: 680px; 
     }
#cadre {
     background: #ffffff url(images/fond/fond2milieu.jpg) repeat-y;
     width: 800px;
     margin-top:-20px; 
     }
/*

#cadre p {
     margin: 12px 75px 0em 250px;
     background: transparent;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-size: .75em;
     position: relative;
     top: -1em;
     width: 780px;
     left: -0em; 
     }
*/
#piedcadre {
     height: 80px;
     background: url(images/fond/fond2bas.jpg) no-repeat +0px -20px;
     color: #325f00;
     margin: -20px 0em 0em;
     clear: both; 
     }
#piedcadre p.addresse {
     text-align: right;
     font: normal .85em Trebuchet, Verdana, Helvetica, Arial, sans-serif;
     font-style:normal;
     float: left;
     color: #000000;
     width: 100%;
     padding-top:4px;
     margin-bottom: 4px; 
     }
#piedcadre p.addresse span {
     font-style:normal;
     color: #000000;
     font-size: 11px;
     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
     margin-right: 65px; 
     }
#piedcadre p a {
     background: url(images/contacter.png) no-repeat center center;
     width: 100px;
     margin-left:80px;
     height: 20px;
     float: left; 
     }
#piedcadre p a:hover {
     background:   url(images/contacter.png) no-repeat center center;
     color: #f2f2f2; 
     }
.separation {
     clear: both; 
     }
/*group ARGU*/
#argu {
     z-index: 1;
     width: 520px;
     font: .8em/2em Verdana, Helvetica, Arial, sans-serif;
     padding: 0em 2em 0em 2em;
     margin-top:20px;
     height: auto;
     float: right; 
     }
p.pp1 {
     text-align: left;
     color: #325f00;
     font-weight: bold;
     font-size: 14px;
     line-height:.8em;
     margin-top:20px 
     }
p.nouveau {
     font: 12px Times, "Times New Roman", serif;
     color: #882500;
     text-align: justify;
     padding:1em 1em 1em 1em;
     border: 1px dotted;
     width: 425px; 
     }
p.pp1 a {
     font: 12px Verdana, Helvetica, Arial, sans-serif;
     color: #ff0000;
     padding: .5em 0em .5em 2.5em;
     margin-bottom:-3em;
     background: url(images/9421710.gif) no-repeat left center; 
     }
p.nouveau span {
     color: #ff2500;
     text-align: justify;
     font-family: Verdana, Helvetica, Arial, sans-serif;
     font-weight: bold;
     font-size: .9em; 
     }
h3.new {
     background: #882500;
     font-size:13px;
     margin-top:3em;
     padding-bottom:;
     color: #ffffff;
     text-align: center;
     width: 450px; 
     }
p.pp2 {
     text-align: left;
     color: #646464;
     line-height:1.5em 
     }
#argu p.pp3 {
     text-align: right;
     position: relative;
     bottom: 0em; 
     }
/*GROUP colgauche*/
/*GROUP les boutons*/
#navbouton {
     width: 120px;
     color: #2a9999;
     margin-left: 85px;
     margin-top:0px;
     padding-top:0px;
     padding-right:16px;
     border-right: 1px #e4b533 solid;
     top: 3em;
     height: 650px; 
     }
#navbouton a span {
     background: #f0f0e3;
     font: .7em/2em Verdana, Helvetica, Arial, sans-serif;
     z-index: 99;
     display: none;
     position: absolute;
     top:350px; 
     }
#navbouton a span em {
     background: #ffe782;
     color:red;
     font: bold normal 1.2em Trebuchet, Verdana, Helvetica, Arial, sans-serif;
     padding: 3px;
     border-left: 12px #d9c56f solid; 
     }
#navbouton a:hover span {
     color: #4c4c4c;
     width: 440px;
     margin-left:150px;
     z-index: 99;
     padding: 20px;
     background: #f0f0e3 url(images/fond/fond3.jpg);
     text-decoration: none;
     display: block;
     position: absolute;
     top: 250px; 
     }
/************************ */
a.bouton1 {
     width: 113px;
     margin: 0px;
     height: 119px;
     background: url(images/navbouton/bouton.png) no-repeat 0px 0px;
     display: block; 
     }
a.bouton1:hover {
     margin: 0px;
     background: url(images/navbouton/bouton.png) no-repeat -113px +0px; 
     }
a.bouton1 a:hover span {
     background: #dc6602; 
     }
a.bouton1:active {
     background: url(images/navbouton/bouton.png) no-repeat 113px +0px 
     }
/************************ */
a.bouton2 {
     width: 113px;
     height: 119px;
     background: url(images/navbouton/bouton.png) no-repeat 0px -119px;
     display: block; 
     }
a.bouton2:hover {
     background: url(images/navbouton/bouton.png) no-repeat -113px -119px; 
     }
a.bouton2:hover span {
     background: #cdcda2; 
     }
a.bouton2:active {
     background: url(images/navbouton/bouton.png) no-repeat 113px -119px; 
     }
/************************ */
a.bouton3 {
     width: 113px;
     height: 119px;
     background: url(images/navbouton/bouton.png) no-repeat 0px -238px;
     margin-top:10px;
     display: block; 
     }
a.bouton3:hover {
     background: url(images/navbouton/bouton.png) -113px -238px; 
     }
a.bouton3:hover span {
     background: #ffd100;
     top: -10em; 
     }
a.bouton3:active {
     background: url(images/navbouton/bouton.png) no-repeat 113px -238px; 
     }
/************************ */
a.bouton4 {
     width: 113px;
     height: 119px;
     background: url(images/navbouton/bouton.png) no-repeat 0px -357px;
     margin-top:5px;
     display: block; 
     }
a.bouton4:hover {
     background: url(images/navbouton/bouton.png) -113px -357px; 
     }
a.bouton4:hover span {
     background: #ffd100; 
     }
a.bouton4:active {
     background: url(images/navbouton/bouton.png) no-repeat 113px -357px; 
     }
/************************ */
a.bouton5 {
     width: 113px;
     height: 40px;
     background: url(images/trouver.png) no-repeat center center;
     display: block;
     text-align: center;
     border: 2px #ffffff dotted; 
     }
a.bouton5:hover {
     background:  url(images/trouver.png) no-repeat center center;
     color: #f0f0e3;
     border: 2px #e6e6e6 dotted; 
     }
a.bouton5:hover span {
     background: #ffffff; 
     }
a.bouton5:active {
     background: #f9f8eb url(images/trouver.png) no-repeat center center; 
     }
a.bouton5 span {
     background: #f9f8eb url(images/trouver.png) no-repeat center center;
     height: 390px;
     display: none; 
     }
/************************ */
p.target {
     font-size: 40%;
     color: #e5e5e5;
     text-align: center;
     display: block;
     visibility: hidden; 
     }
p.target a {
     color: #d3d3d3;
     text-align: center;
     visibility: hidden; 
     }