@charset "utf-8";
/* CSS Document */

#menu-up li a{font-family: Helvetica, sans-serif;  padding:8px 20px 8px 20px; float:left; font-size:14px; font-weight:bold; text-decoration:none; color:#fff;}
#menu-up li a:hover{background-color:#c03;}
#normal{background-color:#000;}
#contact{background-color:#c03;}
#menu-gallerie ul{float:right;}
#menu-gallerie ul li{float:left;}
#menu-gallerie ul p{float:left; color:#fff;  padding:12px 60px 8px 30px; font-size:14px; background:url(../img/focus-plus.jpg) top right no-repeat;}
#menu-gallerie ul li a{color:#fff; text-decoration:none; padding:12px 70px 8px 10px; float:left; font-size:14px; font-weight:bold; }
#web-plus{background:url(../img/web-plus.jpg) top right no-repeat;}
#print-plus{background:url(../img/print-plus.jpg) top right no-repeat; }
#web-plus:hover{color:#c03;}
#video-plus:hover{color:#369;}
#print-plus:hover{color:#696;}
#video-plus{background:url(../img/video-plus.jpg) top right no-repeat;}
@font-face {font-family:bell; src:url(../font/bell-gothic-black-bt.ttf);

}
#content-home h2 {font-family:bell; font-size:30px; color:#333; text-transform: uppercase; padding:0px 0px 0px 0px;}
#content-home h2::first-letter {font-size:40px; color:#c03;}
#content-home h3{font-size:30px; color:#333; word-spacing:2px; padding:0px 0px 25px 0px;}
#content-home h3 strong{ font-weight:bold;color:#c03;}
#content-home h1{font-size:14px; color:#333; padding:0px 0px 30px 0px;}
#content-home h1 strong{font-weight:bold;}
#content-home p{font-size:12px; color:#333; text-align:justify; line-height:18px; padding:0px 0px 35px 0px;}
#content-home p strong{ font-weight:bold; color:#c03;}
#savoir-home{list-style:none; float:right;}
#savoir-home a{color:#fff; font-size:16px; font-weight:bold; background:url(../img/bg-savoirplus.jpg) top left no-repeat #000; text-decoration:none; padding:9px 20px 9px 55px; float:left;}
#savoir-home a:hover{color:#c03;}
#content-presentation h3{margin-top:67px; font-size:14px;  color:#fff; font-weight:bold; float:right; clear:both; padding:6px 15px 6px 45px; background:url(../img/bord-categ.jpg) top left no-repeat #be1522;}
#content-presentation h1{ float:left; clear:both; padding:20px 25px 10px 25px; background-color:#f0f0f0; width:550px; font-family:Myriad Pro; font-size:30px; text-transform:uppercase;}
#content-presentation h1::first-letter {font-size:40px; color:#c03;}
#content-presentation h2{ float:left; clear:both;  float:left; clear:both; padding:15px 25px 25px 25px; background-color:#181818; width:550px; color:#fff; font-size:18px;}
#content-duo p{float:left; color:#fff; font-size:12px;  text-align:justify; width:470px;line-height:18px;}
#content-duo p strong{ font-weight:bold; color:#c03;}
p {line-height:18px;}
.btn-content {color:#666; font-size:18px; text-decoration:none; float:right; clear:both; padding:3px 15px 2px 40px; background:url(../img/corner-up-btn) top left no-repeat #f0f0f0;}
.btn-content:hover{color:#333;}
.plus{ font-weight:bold; color:#c03; font-size:24px;}
#stat h3{ padding:10px 20px; float:left; clear:both; width:290px; font-size:18px; font-weight:bold; color:#c03;}
.metiers p{ color:#CCCCCC; font-size:12px; padding-bottom:8px; }
#close-stat{ color:#CCCCCC; font-size:12px; padding:5px; float:right; clear:both; text-decoration:none;}

.norm{float:left; color:#fff; font-size:12px;  text-align:justify; line-height:18px; width:80px;}
.norm1{float:left; color:#fff; font-size:12px;  text-align:justify; line-height:18px; width:80px;}