html,body    {margin:0; padding:0; height:100%;}
body         {font-family:'open_sansregular',Arial; font-size:12px; color:#111111; background:#808080;}

.clear       {clear:both;}
.story       {margin:auto; width:990px;}

#top         {position:static; width:100%; background:#ffffff; height:112px; padding-top:12px;}
.item        {float:right; padding:10px 5px 5px 5px; width:90px; font-size: 14px; margin-left:10px; text-align:center;line-height:35px; margin-top:20px;}
.item:hover  {background:#eeeeee; border-radius:6px; cursor:pointer;}
.item-on     {float:right; padding:10px 5px 5px 5px; width:90px; font-size: 14px; margin-left:10px; text-align:center;line-height:35px; margin-top:20px;background:#f2ecf2; border-radius:6px; cursor:pointer;}

#mask        {z-index:99;position:absolute; margin-top:220px; background:url('/ima/mask.png') no-repeat center center;width:100%; height:90px; display:block;}
#diaporama   {position:static; width:100%; height:320px; background:#ffffff;}
.diapotitre  {font-size:45px; color:#ffffff; font-weight:Bold; text-shadow: 3px 3px 5px #111111; text-align:right; margin-top:60px;}
.diapotexte  {font-size:25px; color:#ffffff; font-weight:Bold; text-shadow: 3px 3px 5px #111111; text-align:right; margin-top:10px;}

#main        {position:static; width:100%; background:#ffffff;overflow:hidden;}

.navih       {float:left; width:240px; margin-top:20px;}
#line        {position:absolute; width:100%; height:1px; background: #111111; display:block; margin-top:65px;}
.navim       {float:left; padding:10px; width:220px; background:url('/ima/navi.jpg'); height:195px; margin-top:20px; cursor:pointer;}
.navib       {float:left; width:240px; background:url('/ima/navib.png'); height:30px; font-size:13px; line-height:25px; color:#ffffff; text-align:center; font-weight: bold;}
.marge       {float:left; width:10px;}

#bas         {position:static; width:100%; background:url('/ima/bas.jpg') no-repeat top center; display:block; color:#ffffff; padding-top:40px; height:140px;}      
#basg        {float:left;width:195px;text-align:left;}
.basm        {float:left;width:600px;text-align:center;}
#basd        {float:left;width:195px;text-align:right;}
#tel         {background:#ffffff; border-radius:6px; font-size: 24px; display:inline-block; font-weight:Bold; color:#742c73; padding:0 10px 0 10px; margin:10px 0 10px 0;}

.titre       {font-size:20px;} 
.text        {border: 1px solid #999999; background: #eeeeee; font-family:'open_sansregular',Arial; font-size:13px; cursor:pointer; padding:4px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.text:hover  {background: #ffffff;}
.textarea    {border: 1px solid #999999; background: #eeeeee; font-family:'open_sansregular',Arial; font-size:13px; cursor:pointer; padding:4px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.textarea:hover  {background: #ffffff;}

a            {outline: none;}
a:link       {color: #000000; text-decoration: none}
a:visited    {color: #000000; text-decoration: none}
a:hover      {color: #000000; text-decoration: none}
a.blanc:link    {color: #ffffff; text-decoration: none}
a.blanc:visited {color: #ffffff; text-decoration: none}
a.blanc:hover   {color: #eeeeee; text-decoration: none}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*highslide*/
.highslide                                            {cursor: url(/lib/highslide/graphics/zoomin.cur), pointer; outline: none;}
.highslide-active-anchor img                          {visibility: hidden;}
.highslide img                                        {border: 1px solid #999999; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
.highslide:hover img                                  {border: 1px solid #999999;}
.highslide-loading                                    {display: block; color: #ffffff; font-size: 11px; font-face: Arial; font-weight: bold; text-decoration: none; padding: 2px; border: 1px solid black; background-color: #dddddd; padding-left: 22px; background-image: url(highslide/graphics/loader.white.gif); background-repeat: no-repeat; background-position: 3px 1px;}
.highslide-wrapper, .highslide-outline    {background: none;}
.highslide-image                          {border: 1px solid #999999; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}