/* CSS RESET */
* {margin:0;padding:0;}
body{font:normal 85%/1.4em "Lucida Grande", Verdana, Arial, sans-serif;color:#ccc;background:#282c2f url(../img/pageBg.gif) repeat-x right top;}
ol,ul{list-style:none;margin:0;padding:0}
a img{border:0 none;display:block;}
/* STANDARD STYLES */
p{margin:0;padding:0;}
a, a:active,a:visited,a:hover{text-decoration:none;color:#3f464a;}
a:hover{border:0;color:#96bf55;}
h1{text-align:left;text-indent:-9000px;display:none;margin:0;padding:0;background-color:#282c2f}
h2{ position:absolute;top:0;margin:0;padding:20px 0 3px;width:500px;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;color: #0099ff;font-size: 1.3em;font-weight:400;border-bottom:2px solid #09f;}
h3{padding-left: 0; padding-bottom: 0px; padding-right: 0; padding-top: 0; margin:0;font-size:1.3em;color:#fff;font-weight: normal;}
acronym{cursor:help;}
#header #spot span,li.web a span,li.print_i a span,li.contact a span,#footer #spot2 span{display:none;}
/* MAIN DIVS */
#wrapper{width:700px;background:transparent;margin:0 auto;}
#header{position:relative;height:93px;background:transparent;}
#main{padding:0 100px;}
/* HEADER */
#header IMG{position:absolute;top:25px;}
#header p{position:absolute; top:64px; font-size:1em; left:3px; color:#fff}
#header #spot{position:absolute;left:560px;width:196px;height:164px;background:url(../img/spot.gif) no-repeat top;}
a#lien-accueil{position:absolute; left:0; top:23px; width:173px; height:42px;}
.cache{text-indent:-5000px; font-size:0px; line-height:1px; text-decoration:none;}
/* NAVIGATION */
ul.navigation{margin:0 0 0 100px;padding:0;}
ul.navigation li{list-style-type:none;float:left;}
ul.navigation li a{height:33px;display:block;float:left;}
ul.navigation li a:hover{background-position:0 -33px;}
li.web a{width:50px;background-image:url(../img/bWeb.gif);background-repeat:no-repeat;}
li.print_i a{width:182px;background-image:url(../img/bPrint_i.gif);background-repeat:no-repeat;}
li.contact a{width:90px;background-image:url(../img/bContact.gif);background-repeat:no-repeat;}
#competences {padding: 10px 0}
#competences h3 {font-size: 1em;}
#competences ul {margin: 0;padding: 0;list-style: none; font-family: monospace;}
#competences li{padding: 0px; margin: 0px;}
/* FOOTER */
#footer{display:block;clear:both;width:100%;height:130px;background:#282c2f url(../img/bgFooter.gif) repeat-x left bottom;font-size:85%;text-transform:uppercase;}
#footer p{color:#676a6b;margin:0;padding:72px 0 0 105px;}
#footer ul{position:absolute;top:0.1em;right:8em;padding:71px 0 0;}
#footer ul li{background-image:url(../img/check.gif);background-repeat:no-repeat;background-position:0 50%;float:left;padding:0 15px 0 12px;}
#footer_content{background:url(../img/spot_bottom.gif) no-repeat;position:relative;width:700px;height:130px;margin:0 auto;padding:0;}
#footer a, #footer a:visited{color:#676a6b;text-decoration:none;}
#footer a:active, #footer a:hover{color:#9fa4a6;text-decoration:underline;}
/* MAIN SUB DIVS */
#profil, #web, #print, #contact{position:relative;padding-top:4em;}
#profil p, #web p, #print p{text-align:justify;}
ul.thumbs{width:500px;list-style:none;margin:10px 0 0;padding:0;}
ul.thumbs li{float:left;position:relative;margin:5px;padding:0;}
ul.thumbs li a img{border:5px solid #3f464a;}
ul.thumbs li a:hover img{border:5px solid #96bf55;}
/* CONTACT */
#contact .button{padding:0;}
#contact p.email{background-image:url(../img/email.gif);background-repeat:no-repeat;background-position:0 50%;padding-left:25px;}
#contact a,#contact a:link,#contact a:active,#contact a:visited,#contact a:hover{color:#96bf55;font-size:1em;text-decoration:none;border:none;}
#contact a:hover{text-decoration:underline;color:#A7C494;border:0 none;}
span.error{color:#e02d35;display:none;}
#loadBar{display:none;color:#09f;background-color:#333;padding:5px;}
#emailSuccess{display:none;color:#96bf55;background-color:#333;background-image:url(../img/check.gif);background-repeat:no-repeat;background-position:5px 50%;padding:5px 5px 5px 20px;}
label span{font-style:italic;color:#999;}
input,textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;color:#575b5b; border:0;}
#contactRead{display:block;color:#e02d35;font-weight:700;text-align:justify;margin:0;padding:0;}
#contact strong{background-color:transparent;font-weight:700;}
#contact .info{position:absolute;width:16px;height:16px;margin:0;padding:2px 0 0;}
form{margin:0;padding:5px 0 0;}
/* CLEARFIX */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
* html .clearfix{height:1%;}
.comming {
padding:0.5em;
margin:0.5em 0 0;
color:#F9630D;
background-color:#FFEC00;
}