/*General*/

*{margin:0; padding:0; font-family: "Trebuchet MS";color:#fff; list-style:none;}

HTML{font-size: 100%;}
body{font-size: 0.9em; margin:0 auto; background:#202020;color:#fff;}

a{ text-decoration:underline;}
a img{ margin:0; padding:0; border:0;}
.clear{clear:both;}

input, select, textarea{font-size: 100%;}

#Content{ margin:0 auto; width:996px;}



#header{ background:url(../images/header.jpg) no-repeat; height:221px;}

h1.UC{ background:url(../images/UnderConstructionText.jpg) no-repeat; float:left; width:384px; height:44px; margin:0 0 0 35px;}

.MessageWrap{ background:url(../images/UnderConstructionBG.jpg) no-repeat; width:988px; height:244px; float:left; clear:both;}

.MessageWrap p{font-size:0.9em; padding:40px 60px 0 280px; color:#fff;}

/*Some examples*/
ul.SomeExamples{ width:988px; float:left; background:url(../images/FewExamples.jpg) no-repeat 35px top; padding:33px 0 0 0; margin:10px 0 0 0;}
ul.SomeExamples li{ float:left; height:210px;}

ul.SomeExamples li dl { margin:0 32px; height:210px; width:239px; background:url(../images/BgWorks.jpg) no-repeat left 52px ;}
ul.SomeExamples li dl h2{ height:52px; clear:both;}

ul.SomeExamples li dl h2.Surcouf{ background:url(../images/SurcoufExample.jpg) no-repeat;}
ul.SomeExamples li dl h2.Spluw{ background: url(../images/SpluwExample.jpg) no-repeat;}
ul.SomeExamples li dl h2.MDG{ background: url(../images/MDGExample.jpg) no-repeat;}

ul.SomeExamples li dl a{ display:block; margin:12px 0 0 47px; position:relative;}
ul.SomeExamples li dl a span{ display:none; margin:12px 0 0 47px;}
ul.SomeExamples li dl a:hover span{ display:block; position:absolute; right:65px; bottom:3px; width:59px; height:13px; background:url(../images/ZoomBtn.png) no-repeat;}


/*footer*/
#footer{width:988px;font-size:0.72em;margin:15px 0 0 0; padding:3px 5px 0 5px; float:left; background:url(../images/FooterLine.jpg) no-repeat;}
#footer p, #footer p.LiensFooter{font-size:0.85em;}
#footer p.LiensFooter{float: right;margin:0 25px 0 0;}