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;
	height: 1060px;
          }

/*

#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;
	clear: both;
	margin-top: -20px;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
          }

#piedcadre p.addresse {
	text-align: right;
	font-style:normal;
	float: left;
	color: #99320B;
	width: 100%;
	padding-top:4px;
	margin-bottom: 4px;
	font-family: Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: normal;
	font-variant: normal;
          }

#piedcadre p.addresse span {
	font-style:normal;
	color: #000000;
	font-size: 12px;
	font-family: 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;
	margin-top:20px;
	float: right;
	margin-bottom: 0px;
	padding-top: 0em;
	padding-right: 2em;
	padding-bottom: 0em;
	padding-left: 2em;
          }

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: 1000px;
          }

#navbouton a span {
	background: #f0f0e3;
	font: .7em/2em Verdana, Helvetica, Arial, sans-serif;
	z-index: 99;
	display: none;
	position: absolute;
	top:300px;
          }

#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: #000000;
	width: 480px;
	margin-left:150px;
	z-index: 99;
	padding: 1em;
	background: #f0f0e3 url(images/fond/fond3.jpg);
	text-decoration: none;
	display: block;
	height: 700px;
          }

/************************ */

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; 
          }