body {margin:0; padding:0; width:100%; background:#e1e1e4;}

/* Style général */
img {border:none;}
a {text-decoration:none;}
* {font-family:Verdana,Arial,"Trebuchet MS",sans-serif; font-size:12px; color:#434343;}
h1 {color:#6e9b2d; padding-left:20px;}

/* Classes */
.green {color:#6e9b2d;}
.hide {visibility:hidden;}
.clear {clear:both;}
.infobulle {position:absolute; background:#555; border:1px solid #FFF; padding:3px 7px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#FFF; text-align:center; -moz-box-shadow:3px 3px 3px #888; -webkit-box-shadow:3px 3px 3px #888;}
.contact_ok {color:#7b9b09; display:block; margin:auto; width:500px;}
.contact_ok p {text-align:center; font-weight:bold;}
.contact_avert {color:#c80808; display:block; margin:auto; width:500px;}
.contact_avert p {text-align:center; font-weight:bold;}

/* Home */
#main {width:1000px; margin:0 auto;}
#main #top {background:url(../images/background.jpg) no-repeat; height:595px;}
#main #top .logo {float:left;}
#main #top .menu {float:right; margin-top:50px;}
#main #top .menu a {margin-right:10px; font-weight:bold;}
#main #top #reseaux-sociaux {clear:both; float:right; margin-top:450px;}
*+html #main #top #reseaux-sociaux {clear:both; float:right; margin-top:500px;}

#main #portfolio {margin-top:20px; height:370px; background:url(../images/bg-visuels.png) no-repeat;}
#main #portfolio #liens-portfolio {width:140px; margin:auto; padding-top:20px;}
#main #portfolio #liens-portfolio a {display:block; float:left; margin:5px; background:url(../images/btn_norm.png) no-repeat;	 width:23px; height:23px;}
#main #portfolio #liens-portfolio a:hover {background:url(../images/btn_sel.png) no-repeat;}
#main #portfolio #liens-portfolio a:focus {background:url(../images/btn_sel.png) no-repeat;}
#main #portfolio #liens-portfolio #ref-web-btn {background:url(../images/btn_sel.png) no-repeat;}
#main #portfolio #ref-print {display:none;}
#main #portfolio #ref-logo {display:none;}
#main #portfolio #ref-autres {display:none;}
#main #portfolio .references {padding-top:20px; width:850px; margin:auto;}
#main #portfolio .references img {border:5px solid #FFF; -moz-box-shadow:3px 3px 3px #888; -webkit-box-shadow:3px 3px 3px #888; padding: 0px 0px 0px 0px; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70);}
#main #portfolio .references img:hover {border:5px solid #FFF; -moz-box-shadow:3px 3px 3px #888; -webkit-box-shadow:3px 3px 3px #888; padding: 0px 0px 0px 0px; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}

#main #presentation {margin-top:30px;}
#main #presentation #a-propos {float:left;}
#main #presentation #about {float:right;}
#main #presentation #about ul {float:left; width:120px; list-style-image:url(../images/puce.png);}
#main #presentation #about ul.levels {float:left; width:50px; list-style:none;}
#main #presentation #about ul.dev-ul {float:left; width:80px; list-style-image:url(../images/puce.png);}
#main #presentation p {width:420px; padding:20px; text-align:justify; line-height:18px;}
#main #presentation ul {width:420px; padding:20px; text-align:justify; line-height:18px;}

#main #bottom {clear:both; background:url(../images/pic-bottom.jpg) no-repeat; height:102px;}
#main #footer p {text-align:center;}


/* Contact */
#main #top-contact {background:url(../images/bg-contact.jpg) no-repeat; width:1000px; height:402px; margin:auto;}
#main #top-contact .logo {float:left;}
#main #top-contact .menu {float:right; margin-top:50px;}
#main #top-contact .menu a {margin-right:10px; font-weight:bold;}
#main #formContact {display:block; margin:auto; width:280px;}
#main #formContact input {width:275px;}
#main #formContact input[type=submit] {width:100px;}
#main #formContact textarea {width:275px;}
#main p.form  {width:700px; text-align:center; display:block; margin:auto; margin-bottom:30px;}
#main #form {margin-bottom:50px;}