*{margin:0; padding:0;}
p, div, form{margin: 0; padding: 0;}
.fond_body{margin:0; padding:0; text-align:center; background-color:#aab801;}
 
.texte{font:normal 11px Arial; color: #666666;}
.lien{font:bold 11px Arial; color: #666666; text-decoration: none;}
.lien:hover{text-decoration: underline;}
.titre{font:normal 18px Arial; color: #990033;}
.titre2{font:bold 16px Arial; color: #990033;}
.titre3{font:bold 13px Arial; color: #990033;}

#body {margin:0; padding:0; text-align:center; background-color:#aab801;}
#conteneur2 {margin: 0 auto; position:absolute; left: 50%; top: 50%; width: 769px; height: 582 px; margin-top: -315px; margin-left: -385px; background-color:#fff;}

#conteneur{
    margin: 0 auto; position:absolute; left: 50%; top: 50%; width: 773px; height: 635 px; margin-top: -315px; margin-left: -385px; background-color:#fff;/*position: relative; 
     margin-left: auto;
     margin-right: auto;
     width: 769px;
     text-align: center;*/
     }

.liensmicro { background-color:#aab801; padding-right:5px; padding-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: bold; color: #fff;text-decoration: none;}
.liensmicro a{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-style: normal; font-weight: bold; color: #fff;text-decoration: none;}
.liensmicro a:hover{text-decoration: underline;}

#contour {background-color:#5f5f00; margin:0; padding:0;}
#contenu {background-color:#fff; margin:0; padding:0; }
    #contenu #titrerouge {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #990033;}
    #contenu #text1 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height:1.3em; font-style: normal; color: #666;}
    #contenu .titr {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #990033;}
    #contenu .text {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666;}
    #contenu .text a{font-size: 11px; font-style: normal; font-weight: bold; color: #666; text-decoration: none;}
    #contenu .text a:hover{text-decoration: underline;}
    #contenu .color {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #990033;}
    #contenu .titr1 {padding-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; color: #990033; text-align:left;}
    #contenu .titr2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; color: #990033; text-align:left;}
    #contenu .soustitre {padding-top: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-style: normal; color: #990033; text-align:left;}
    #contenu .menu {padding-left: 5px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; font-weight: bold; color: #990033;}
    #contenu .saisies{font: normal 11px arial; color: #666;}

.champvide {
border:2px solid #FF0000;
padding-left: 2px;
padding-bottom: 2px;
font: normal 11px arial;
color: #666;
}

.ref { position:absolute; font: bold 1px Arial; color:white; visibility:hidden}
h1 {font: 1px;}

ul#ssref {width:196px!important;width:220px!important!;width:220px; list-style-type:none; padding:0 17px 0 20px;}
ul#ssref li{margin:0; float:left; display:inline;}
ul#ssref li a{margin:0 3px 3px 0; float:left; display:inline; width:46px; height:46px;}
ul#ssref li a.m01{background:url(images/references/ssmenu/danone.gif) 0 0 no-repeat;}
ul#ssref li a.m02{background:url(images/references/ssmenu/publicis.gif) 0 0 no-repeat;}
ul#ssref li a.m03{background:url(images/references/ssmenu/epargne.gif) 0 0 no-repeat;}
ul#ssref li a.m04{background:url(images/references/ssmenu/holiday.gif) 0 0 no-repeat;}
ul#ssref li a.m05{background:url(images/references/ssmenu/lissac.gif) 0 0 no-repeat;}
ul#ssref li a.m06{background:url(images/references/ssmenu/sncf.gif) 0 0 no-repeat;}
ul#ssref li a.m07{background:url(images/references/ssmenu/kk.gif) 0 0 no-repeat;}
ul#ssref li a.m08{background:url(images/references/ssmenu/pole.gif) 0 0 no-repeat;}
ul#ssref li a.m09{background:url(images/references/ssmenu/naturalia.gif) 0 0 no-repeat;}
ul#ssref li a.m10{background:url(images/references/ssmenu/dassault.gif) 0 0 no-repeat;}
ul#ssref li a.m11{background:url(images/references/ssmenu/manpower.gif) 0 0 no-repeat;}
ul#ssref li a.m12{background:url(images/references/ssmenu/malakoff.gif) 0 0 no-repeat;}
ul#ssref li a.m13{background:url(images/references/ssmenu/atol.gif) 0 0 no-repeat;}
ul#ssref li a.m14{background:url(images/references/ssmenu/grohe.gif) 0 0 no-repeat;}
ul#ssref li a.m15{background:url(images/references/ssmenu/paladine.gif) 0 0 no-repeat;}
ul#ssref li a.m16{background:url(images/references/ssmenu/intersport.gif) 0 0 no-repeat;}
ul#ssref li a:hover, ul#ssref li a.selected{background-position: 0 -46px;}


ul#menuref {width:444px; list-style-type:none; margin:0 auto!important; margin:0 0 0 160px !important!;margin:0 0 0 160px;  padding-top:25px;}
ul#menuref li{margin:0; float:left; display:inline;}
ul#menuref li a{margin:0 10px 10px 0; float:left; display:inline; width:101px; height:101px;}
ul#menuref li a.m01{background:url(images/references/menu/danone.gif) 0 0 no-repeat;}
ul#menuref li a.m02{background:url(images/references/menu/publicis.gif) 0 0 no-repeat;}
ul#menuref li a.m03{background:url(images/references/menu/epargne.gif) 0 0 no-repeat;}
ul#menuref li a.m04{background:url(images/references/menu/holiday.gif) 0 0 no-repeat;}
ul#menuref li a.m05{background:url(images/references/menu/lissac.gif) 0 0 no-repeat;}
ul#menuref li a.m06{background:url(images/references/menu/sncf.gif) 0 0 no-repeat;}
ul#menuref li a.m07{background:url(images/references/menu/kk.gif) 0 0 no-repeat;}
ul#menuref li a.m08{background:url(images/references/menu/pole.gif) 0 0 no-repeat;}
ul#menuref li a.m09{background:url(images/references/menu/naturalia.gif) 0 0 no-repeat;}
ul#menuref li a.m10{background:url(images/references/menu/dassault.gif) 0 0 no-repeat;}
ul#menuref li a.m11{background:url(images/references/menu/manpower.gif) 0 0 no-repeat;}
ul#menuref li a.m12{background:url(images/references/menu/malakoff.gif) 0 0 no-repeat;}
ul#menuref li a.m13{background:url(images/references/menu/atol.gif) 0 0 no-repeat;}
ul#menuref li a.m14{background:url(images/references/menu/grohe.gif) 0 0 no-repeat;}
ul#menuref li a.m15{background:url(images/references/menu/palatine.gif) 0 0 no-repeat;}
ul#menuref li a.m16{background:url(images/references/menu/intersport.gif) 0 0 no-repeat;}
ul#menuref li a:hover{background-position: 0 -101px;}

#references {width:480px;}
#references #ref-cont{padding-left:15px;}
h2 {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; color: #990033; background:url(images/separation.gif) bottom left no-repeat;margin:0 0 15px 0; padding:0 0 8px 0;}
#references .photos {width:200px;margin:0 20px 20px 0; float:left; display:inline;}
#references #infos {width:220px;float:left;}
.clear {clear:both;}
p {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #666;margin-bottom:10px;}
p a{font-size: 11px; font-style: normal; font-weight: bold; color: #666; text-decoration: none;}
p a:hover{text-decoration: underline;}

#golf a{width:320px; height:276px; background:url(images/golf_a.jpg) top no-repeat;display:block;}
#golf a:hover{background:url(images/golf_a.jpg) bottom no-repeat;}
h2#titre-golf {width:705px; font:bold 13px Arial; color: #990033; background:url(images/titre.gif) bottom left no-repeat;margin:0 0 0 38px; padding:0 0 8px 0;}

#navigation {width:690px;margin-left:38px;padding:15px 0 10px;text-align:center;position:relative;height:30px;}
#navigation a {font:normal 12px Verdana; display:inline;color:#b5133e;text-decoration:none;}
#navigation a:hover {text-decoration:underline;}
#navigation a img{border:0;}
#navigation #precedent{float:left; display:inline; background:url(images/precedent.gif) no-repeat; 
padding-left:25px; margin-right:200px; line-height:15px;position:absolute;left:0;}
#navigation #suivante{float:right; display:inline; background:url(images/suivant.gif) right no-repeat; 
padding-right:25px; line-height:15px;position:absolute;right:0;}
/*#navigation #num{float:left; display:inline; width:200px; text-align:center;}
#navigation #num a{font:normal 11px Verdana; color:#b5133e;text-decoration:none;width:15px; height:14px; line-height:14px; text-align:center;float:left;display:inline;margin:0 1px;}
#navigation #num a:hover{background:url(images/nav_hover.gif) no-repeat; color:#fff;}
*/

#navigation a.page{font:normal 11px Verdana; color:#b5133e;text-decoration:none;width:15px; height:14px; 
line-height:14px; text-align:center;/*float:left;display:inline;*/margin:0 1px;}
#navigation a.page :hover{background:url(images/nav_hover.gif) no-repeat; color:#fff;}
#navigation span.MoteurNavigationPageActuelle{background:url(images/nav_hover.gif) no-repeat; color:#fff;font:normal 11px Verdana; 
text-decoration:none;width:15px; height:14px; line-height:14px; text-align:center;/*float:left;display:inline;*/margin:0 1px;padding:1px 4px;}
#liste {width:705px;margin-left:38px;clear:both;}
#liste .vignette {width:90px; height:90px; margin:0 10px 10px 0; float:left; display:inline;position:relative;cursor:pointer;}
#liste .vignette  .lien_vignette {width:90px; height:90px;border:none;display:block}
#liste .vignette  .lien_vignette img{border:1px solid #999;}
#liste .vignette  .lien_vignette .voile{width:90px; height:90px;background:#fff; position:absolute; top:0; left:0; opacity:0.5;filter : alpha(opacity=50);cursor:pointer;}
#liste .vignette  .lien_vignette:hover .voile{opacity:0.1;filter : alpha(opacity=10);}