body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
label{display:block;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
body{font-size:62.5%;font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,arial,sans-serif;font-weight:300;color:#4f4f4f;}
#c{padding:5px 10px;font-size:1.4em;line-height:1.375em;text-align:right;background-color:#0c334a;color:#fff;}
#c a{color:#fff;text-decoration:none;}
#c a:hover{text-decoration:underline;}
#m,.w{margin:auto;width:96em;overflow:hidden;}
.bloc{padding:3em;}
h1{clear:both;margin:2em 0;text-align:center;font-size:3.2em;color:#900;}
h1 span{color:#969696;}
h2{margin:0 0 1em 0;font-size:2.8em;color:#333;}
p,dl,q,.accessList{margin:0 0 1em 0;font-size:1.6em;line-height:1.375em;}
q{display:block;padding:0 1.8em;font-style:italic;}
dl{margin:0 0 3em 0;}
dt{font-weight:bold;}
dd,.accessItem{margin:0 0 0 1.5em;padding:0 0 0 .3em;list-style-position:outside;list-style-type:disc;display:list-item;}
b{font-weight:600;}
a{color:#0c334a;}
.light{background-color:#fffaf8;}
.medium{background-color:#ecedd1;}
.high{background-color:#fffacc;}
.logo{color:#000;}
.logo i{font-style:normal;color:#900;}
.inlink{font-size:1.2em;clear:both;}
.hotMore{font-size:.8em;padding-left:25px;background-image:url(../img/arrow-down.gif);background-repeat:no-repeat;background-position:0 4px;}
.up{padding-left:20px;background-image:url(../img/arrow-up.gif);background-repeat:no-repeat;background-position:top left;}
.left{width:50%;float:left;}
.right{width:45%;float:right;}
a{color:#0c334a;}
#o{margin:2em 0;height:4em;background-color:#0c334a;-moz-border-radius:5px;-webkit-border-radius:5px;}
#o ul{margin:0 10px;}
#o li{float:left;width:25%;height:4em;text-align:center;cursor:pointer;}
#o a{font-size:1.6em;line-height:2.3em;color:#fff;text-decoration:none;}
#o a:hover{text-decoration:underline;}
#o li:hover{background-color:#1f4f5f;}
#o li:hover a{text-decoration:underline;}
#home #m{background:0 0 url(../img/hot-home.jpg) no-repeat;}
.hotHome{margin:50px 0 0 480px;height:15em;font-size:2em;}
.developpement{background-image:url(../img/hot-developpement.jpg);}
.ergonomie{background-image:url(../img/hot-ergonomie.png);}
.referencement{background-image:url(../img/hot-referencement.png);}
.about{border-top:1px dashed #0c334a;margin-bottom:3em;}
.about p{padding-right:50%;}
.developpement,.ergonomie,.referencement{padding-right:50%;background-position:top right;background-repeat:no-repeat;border-top:1px dashed #0c334a;}
.staff{float:right;width:350px;}
.staff .info{display:none;width:100%;margin:0 0 0 140px;padding:30px 0 0 0;}
.staffBloc{width:350px;height:150px;background-image:url(../img/logo-down.jpg);background-position:top left;background-repeat:no-repeat;}
.staffBloc:hover{background-image:url(../img/logo-up.jpg);}
.staffBloc:hover .info{display:block;}
.vigneron{background-image:url(../img/vigneron-down.jpg);}
.vigneron:hover{background-image:url(../img/vigneron-up.jpg);}
.caloine{background-image:url(../img/caloine-up.jpg);}
.caloine:hover{background-image:url(../img/caloine-down.jpg);}
#f{background-color:#ccc;}