html,body    {margin: 0; padding: 0; height: 100%;}
body         {font-family: Arial; font-size: 14px; color: #111111;}

#logo        {position: fixed; margin-left:50%; left:-495px; top:20px; z-index: 99; width:350px; height:60px; background:url('/ima/pinsonetfils.png');}
#kw          {position: fixed; margin-left:50%; left:-495px; top:85px; z-index: 99; width:350px; text-align:center; font-size: 16px; color:#379d2d;}
#top         {position: fixed; width: 100%; height: 150px; top: 0px; z-index: 98; background:url('/ima/haut.png') center;}
#menu        {text-align:right; margin:auto; width:990px; color:#379d2d; font-size: 17px; font-weight: Bold; margin-top:20px;}

.story       {width:990px; margin:auto; padding-top:160px; padding-bottom: 85px;}

#home        {position: static; width: 100%; min-height: 100%; overflow: hidden; background:url('/ima/bk-home.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#texte       {float:right; width:550px; padding:30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-border-radius: 30px; background:url('/ima/tsp.png');}

#activites   {position: static; width: 100%; min-height: 100%; overflow: hidden; color:#111111; background:url('/ima/bk-activites.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#realisations{position: static; width: 100%; min-height: 100%; overflow: hidden; background:url('/ima/bk-realisations.jpg');}

#contact     {position: static; width: 100%; min-height: 100%; overflow: hidden; color:#111111; background:url('/ima/bk-contact.jpg') no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;padding-bottom:70px;}
.formulaire  {float:left; width:470px; padding:10px; background:url('/ima/tsp.png'); -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;  font-family: 'SegoePrintRegular'; color: #111111;}
.cali        {font-family:SegoePrintRegular; font-size:14px; font-weight:Bold;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #111111; background-color: transparent; color: #111111; padding: 0 5px 0 5px; margin-bottom: 5px;}
.jaune       {float:left; border:10px solid #ffba05;-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px;}
.marge       {float:left; width:10px;}

#bas         {position: fixed; width: 100%; height: 75px; bottom:0px; z-index: 99;vertical-align:bottom; background:url('/ima/bas.png') center;}
#coord       {text-align:right; margin:auto; width:990px; margin-top:15px; font-size:12px;}

@font-face   {font-family: 'SegoePrintRegular';src: url('segoepr-webfont.eot'); src: url('segoepr-webfont.eot?#iefix') format('embedded-opentype');src: url('/lib/segoepr-webfont.woff') format('woff');font-weight: normal; font-style: normal;}

.titre       {font-family: Arial; font-size:20px;font-weight:Bold; text-align:center;}
.tel         {font-family: Arial; font-size:21px;font-weight:Bold; color:#df1115;}

a            {outline: none;}
a:link       {color: #379d2d; text-decoration: none}
a:visited    {color: #379d2d; text-decoration: none}
a:hover      {color: #ffffff; text-decoration: none}
a.rouge:link{color: #379d2d; text-decoration: none}
a.rouge:visited    {color: #379d2d; text-decoration: none}
a.rouge:hover      {color: #df1115; text-decoration: none}

.diapo { position:relative; width:970px; height:430px; margin:0; overflow:hidden; z-index:3; border :10px solid #ffba05;-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; }
.diapo a.slideshow_prev { position:absolute; left:-40px; top:196px; z-index:50; width:40px; height:46px; outline:none; background-color:#ffba05; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.diapo a.slideshow_prev:hover { background:#ff0005; }
.diapo a.slideshow_prev span { display:block; width:40px; height:46px; background:url(/ima/arrows.png) no-repeat -55px 50%; text-indent:-9999px; }
.diapo a.slideshow_next { position:absolute; right:-40px; top:196px; z-index:50; width:40px; height:46px; outline:none; background-color:#ffba05; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.diapo a.slideshow_next:hover { background:#ff0005; }
.diapo a.slideshow_next span { display:block; width:40px; height:46px; background:url(/ima/arrows.png) no-repeat -5px 50%; text-indent:-9999px; }
.diapo .legende {position:absolute;width:960px;bottom:0px;font-size: 14px; font-style:Italic;padding:10px 10px 10px 0px;color:#111111;text-align:right;background-image:url('/ima/tspl.png');}