body {
     margin: -16px auto ;
     padding: 0;
     width: 800px;
     background: #e6e6e6 ;
     font-family: sans-serif;
     line-height: 1.4em;
     font-size: x-small; 
     }


div#header {
     color: #a3a382;
     background: #e6e6e6 url(images/fond/fond4haut.jpg) no-repeat;
     height: 164px;
     text-align: right;
     width: 800px; 
     }


img {
     position: relative;
     top: 10%;
     left: -4.5em; 
     }


a.haut {
     width: 40px;
     height:18px;
     background: url(images/haut.gif) no-repeat left top;
     display: inline-block;
     float: left;
     padding-bottom:15px; 
     }


a.haut:hover {
     background: url(images/hauthover.gif) no-repeat  left top; 
     }


#header p.titre {
     letter-spacing: -.08em;
     color: #325f00;
     font: bold 60px/0.01em Verdana, Helvetica, Arial, sans-serif;
     top:35%;
     position: relative;
     display: inline;
     right: 1em;
     text-align: left; 
     }


p.titre  span {
     color: #d2bd08; 
     }


p.titre  em {
     font: 0.3em Verdana, Helvetica, Arial, sans-serif;
     letter-spacing: 0.87em;
     color: #000000;
     margin: -1em; 
     }


div#footer {
     margin: 0;
     padding: 0;
     text-align: center;
     clear: both;
     color: #e4e4e4;
     height: 100px;
     background: #e6e6e6 url(images/fond/fond2bas2.jpg) no-repeat;
     float: left;
     width: 800px; 
     }


#footer p.addresse2 {
	text-align: right;
	font: normal 1em Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-style:normal;
	color: #000000;
	width: 450px;
	height: auto;
	padding-top:4px;
	margin-bottom: 4px;
	margin-right:100px;
	z-index: 1;
	float: right;
     }


#footer p.addresse span {
     font-style:normal;
     color: #000000;
     line-height:1.5; 
     }


#footer p.addresse {
     float: left; 
     }


#footer  a {
     background: url(images/contacter.png) no-repeat center center;
     width: 110px;
     margin-left:80px;
     height: 40px;
     float: left;
     border:  #f0f0e3 dotted; 
     }


#footer p a:hover {
     background:  url(images/contacter.png) no-repeat center center;
     border: 3px #d6d6d6 dotted;
     color: #dedede; 
     }


div#maincontent {
     text-align: justify;
     color: #7e7e7e;
     background: url('images/fond/fond2milieu.jpg') repeat-y;
     height: auto;
     width: auto;
     padding: 2%; 
     }


div#gauche {
     background: #ffffff;
     width: 160px;
     color: #798538;
     float: left;
     margin-left: 5em; 
     }


/*GROUP colonne gauche*/


div#gauche p {
     color: #000000;
     text-align: justify;
     letter-spacing: .05em;
     line-height:1.5em;
     margin: 5em 0em 00em 0em; 
     }



div#gauche p.nfound {
     text-align: center;
     color: #882500;
     font: bold 1.3em Verdana, Helvetica, Arial, sans-serif;
     position: absolute;
     top: 145px;
     width: 160px;
padding-left:8px; 
     }




div#gauche p  a {
     background: url(images/contacter.png) no-repeat center center;
     width: 110px;
     height: 30px;
     border: #ffffff solid;
     display: inline-block;
     margin: 1em auto .5em 26px;
     position: absolute;
     top: 330px; 
     }


div#gauche p  a:hover {
     background: #ffffff url(images/contacter.png) no-repeat center center;
     border: #f0f0e3 dotted; 
     }


div#gauche p.bouton {
     width: 113px;
     height: 119px;
     background: url(images/navbouton/bouton.png) no-repeat 0px -238px;
     margin-left:25px;
     display: inline-block;
     text-align: center; 
     }


div#gauche p.boutonreponse {
     width: 113px;
     height: 85px;
     background: url(images/navbouton/bouton.png) no-repeat 119px 113px;
     margin-left:25px;
     display: inline-block;
     text-align: center; 
     }


div#gauche ul {
     display: block;
     list-style-type: none;
     padding: 0em 0em;
     border-left: 1px #ffd100 solid;
     border-right: 1px #ffd100 solid;
     padding-right:0px;
     color: #ffd100;
     list-style-position: outside;
     width: 160px; 
     }


div#gauche ul li a {
     border-left: #ffffff solid;
     display: list-item;
     font:  normal 1em Trebuchet, Verdana, Helvetica, Arial, sans-serif;
     padding: 6px 1em 6px 6px;
     border-top: 1px #ffffff solid;
     border-bottom: 1px #ffffff solid;
     border-right: 1px #ffffff solid;
     border-left:  1px #ffffff solid;
     margin: 0em;
     text-decoration: none;
     margin-left:1px;
     color: #606060; 
     }


div#gauche ul li a:hover {
     color: #c53400;
     background: #ffffe3 url(images/closed.gif) no-repeat right center;
     border-left: 1px solid #c53400;
     list-style-position: outside;
     display: list-item;
     margin-left:-1px;
     padding-left:8px;
     border-bottom: 1px #cdcda2 dotted;
     border-top: 1px #cdcda2 dotted; 
     }


ul li.accueil {
     border-top: 1px #ffd100 solid;
     border-bottom: 1px #ffd100 solid;
     border-left:  1px #ffffff solid; 
     }


ul li.accueil:hover {
     border-top: 1px #cdcda2 dotted;
     border-bottom: 1px #cdcda2 dotted;
     color: #ffffff; 
     }


/*GROUP colonne droite*/


#coupon1 {
     width: 400px;
     height: 88px;
     background: url(images/coupon1.gif) no-repeat; 
     }


#coupon2 {
     width: 400px;
     height: auto;
     background: url(images/coupon2.gif) repeat-y;
     padding-top:10px;
     margin-bottom:-12px 
     }


#coupon3 {
     width: 400px;
     height: 36px;
     background: url(images/coupon3.gif) no-repeat 0em -7px;
     text-align: center; 
     }


div#droite {
     width: 430px;
     color: #882500;
     left: 220px;
     margin-left: 240px;
     padding-left: 2em;
     border-left: 2px #cdcda2 dotted; 
     }


div#droite p {
     margin: 0em 0em;
     color: #4d4d4d;
     font-family: Verdana, Helvetica, Arial, sans-serif; 
     }



p.notfound {
     padding-bottom:25px}





p.404 {}




div#droite p.erreur {
     height: 250px;
     }


div#droite p.merci {
     height: 250px;
     padding: 7em 0em 0em 0em; 
     }


div#droite a {
     padding: 0em 0.1em 0em 0.1em;
     text-decoration: none;
     color: #ffffff;
     }


#maincontent #Anchor-QuarkXPress-49575, .soft>#Anchor-Altsys-49575, .soft>#Anchor-Style-49575, .soft>#Anchor-Adobe-11481, #maincontent #Anchor-migration-3800, .soft>#Anchor-Enfocus-35326, .soft>#Anchor-Adobe-23240, .soft>#Anchor-Adobe-14210, .soft>#Anchor-PAO-49575, .soft>#Anchor-Adobe-35882, .soft>#Anchor-Adobe-47857  {
background: #ffffff; 
}

div#droite a:hover {
     padding: 0em 0.1em 0em 0.1em;
     text-decoration: none;
     background: #9ca263; 
     }

div#droite  a.haut {
     padding: 0em 0.1em 0em 0.1em;
     text-decoration: none;
     color: #ffffff;
     background: url('images/haut2.gif') no-repeat;
     height: 24px;
     width: 22px; 
     }
div#droite a:hover {
     padding: 0em 0.1em 0em 0.1em;
     text-decoration: none;
     background: url('images/haut.gif') no-repeat; 
height: 22px;
     width: 22px; 
     }

#coupon2 p {
     padding: 0em 20px 0em 20px; 
     }


div#droite p.intro {
     font: 1em/1.6em Verdana, Helvetica, Arial, sans-serif;
     padding: .6em;
     margin: 0 70px 0 50px;
     letter-spacing: .05em; 
     }


div#droite p.description {
     font: 1.15em/1.4em Georgia, Times, "Times New Roman", serif;
     text-align: left;
     padding-bottom: 10px;
     color: #000000; 
     }


p.pcmac {
     font: 1.5em/3em Times, "Times New Roman", serif;
     display: list-item;
     list-style-type: none;
     list-style-image: none;
     padding: 0em 0em 0em 1.5em;
     background: url(images/closed.gif) no-repeat left center;
     font-stretch: condensed;
     color: #882500; 
     }


form {
     margin-left:15px;
     margin-top:1em 
     }


h3 {
     font: bold 1.2em Verdana, Helvetica, Arial, sans-serif;
     color: #000000; 
     }


div#droite ul li {
     color: #3e3e3e;
     list-style-type: square;
     font-family: Verdana, Helvetica, Arial, sans-serif; 
     }



li.description {
     color: #f0f0e3;
     font: bold 1em Verdana, Helvetica, Arial, sans-serif; 
     }




h4 {
     color: #798538;
     text-transform: lowercase; 
     }


h1 {
     font: bold 2em Verdana, Helvetica, Arial, sans-serif;
     color: #798538;
     padding: 0em;
     text-align: left; 
     }


h1 span {
     margin-left: 80px; 
     }


h2.soft, h2 {
     color: #000000;
     font: 2.5em Times, "Times New Roman", serif;
     border-bottom: 1px #cdcda2 solid;
     border-top: 1px #cdcda2 solid;
     padding-bottom:6px;
     text-align: left;
     padding: 8px 6px;
     }