@charset "utf-8";
@import url(style_mobile.css);
body{color:#333;font-family:'Oswald',Arial,sans-serif;font-size:13px;background-color:#000;background-image:url(fondBody.jpg);margin:0}
h2,p{text-align:center;color:#444;text-shadow:0 1px 0 #fff}
a{color:#fff;text-decoration:none}
.clearfloat{clear:both}
#head{width:100%;background-color:#000;border-bottom-size:10px;border-bottom-style:dotted}
#top{height:180px;width:96%;max-width:910px;margin:0 auto;padding-top:3px}
.logo{float:left;height:80px;margin-left:0;width:70%}
.logo h1{color:#666;font-size:18px;margin-top:-15px;margin-left:350px}
.tele{float:right;margin-top:130px}
#partners{width:96%;max-width:925px;margin:0 auto;height:auto;text-align:center;background-color:#f08a14;padding:15px}
#partners img{margin-left:30px}
.content_bose{padding:1px;color:#000;font-weight:700;margin:20px;float:right;width:80%;max-width:400px;font-family:Verdana,Geneva,sans-serif;background-image:url(whitetransparent.png);font-size:14px;text-align:justify}
.bose{height:370px}
.container_bose{max-width:950px;margin:0 auto}
.tr_bose{background:rgba(0,0,0,.1);width:100%;height:370px}
.tech{padding-top:5px;background-color:#F93;padding-bottom:5px;margin-top:10px;font-weight:700;font-size:15px}
#footer_page{width:100%;background-color:#000;height:50px;padding-top:20px}
.content_footer_page{margin:auto;max-width:960px;width:96%;color:#FFF;font-size:13px;font-family:Arial,Helvetica,sans-serif;text-align:center}
#footer{width:100%;background-color:#000;height:auto}
.content_footer{margin:auto;max-width:950px;width:96%;color:#FFF;height:auto}
.box_footer{display:inline-block;border-right:#F90;width:300px}
.box_footer a:hover{color:#F93}
.box_footer img{float:left;margin-top:15px}
.box_footer h3{float:left;color:#f08a14}
.image img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}
.image:hover img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
#lab{width:96%;max-width:950px;margin:0 auto;height:auto;text-align:center;padding-bottom:20px;background-color:#F2F2F2}
.droite{float:left;max-width:400px;width:40%;margin-left:5px;height:auto;color:#FFF;font-size:10px;line-height:25px}
.droite p{color:#333;font-size:13px;padding:2%;letter-spacing:1px}
.droite h1{color:#000}
.gauche{float:left;margin:10px;width:40px;position:fixed}
#thumbwrap{position:relative;width:400px;float:left}
#vlightbox3 img{margin:0}
#vlightbox3{width:70px;overflow:hidden}
.tele{float:right}
#content_page{width:96%;font-family:Arial,Helvetica,sans-serif;max-width:950px;margin:auto;padding:0;background-color:#E6E6E6;padding-top:1%}
.content_page_left{float:left;width:25%;background-color:#FFF;height:640px;margin-left:1%;text-align:center}
.content_page_left img{margin-top:10px}
.content_page_midlle{float:left;width:45%;background-color:#FFF;height:auto;margin-left:1%;text-align:justify;font-size:14px;padding:1%}
.content_page_midlle a{color:#F93}
.content_page_right{float:left;width:22%;background-color:#000;height:auto;margin-left:1%;padding:1%}
.content_page_right a{color:#CCC}
.content_page_right a:hover{color:#ff961f}
.content_page_right h4{color:#ff961f}
.tech_associee{font-size:16px;text-align:left;margin-bottom:10px;font-weight:700;width:auto;background-color:#666;height:30px;padding-top:5px;text-align:center;margin-top:5px}
.tech_associee a{color:#F93}
.contact_page{margin:auto;max-width:960px;width:96%;background-color:#E6E6E6}
.contact_left{float:left;width:40%;padding-left:3%}
.contact_page h2{color:#f08a14;font-size:14px}
.contact_right{float:left;width:50%;background-image:url(whitetransparent.png);height:auto;padding-left:20px;padding-right:20px}
#realisations{width:96%;max-width:950px;margin:0 auto;min-height:250px;text-align:center;background-color:#FF712D}
@media (min-width:750px) and (max-width:990px) {
.view{width:22%;text-align:center;margin:auto;height:auto;display:inline-block}
.mask p{height:auto;text-align:left;width:60%;overflow:visible}
.view a.info{display:inline-block;text-decoration:none;padding:0;margin:auto;background:#000}
}
@media (min-width:500px) and (max-width:749px) {
#hov{background-color:#0F3;height:auto;margin-top:50px}
.view{width:45%;text-align:center;margin:auto;height:auto}
.mask{background-color:#F6F;height:300px;position:absolute;overflow:hidden;top:0;left:0}
.mask p{height:auto;text-align:left;width:80%;overflow:visible}
.view a.info{display:inline-block;text-decoration:none;padding:0;background:#000}
}
@media (min-width:1px) and (max-width:499px) {
.view{width:100%;text-align:center;max-width:260px;margin:auto;height:auto;float:none}
#hov{height:auto;margin-top:50px}
.mask{height:300px;position:absolute;overflow:hidden;top:0;left:0}
.mask p{height:auto;text-align:left;width:80%;overflow:visible}
.view a.info{display:inline-block;text-decoration:none;padding:0;background:#000}
}
@media (min-width:1px) and (max-width:767px) {
.logo{float:none;height:auto;margin-left:0;width:96%}
.logo h1{color:#666;font-size:16px;margin-left:5px}
.logo img{width:100%}
.tele{float:right;margin-top:5px}
.content_bose h1{font-size:14px;text-align:left}
.content_page_left{float:left;width:15%;background-color:#FFF;height:auto;margin:1%}
.content_page_midlle{float:none;width:96%;background-color:#FFF;height:auto;margin:1%;text-align:justify;font-size:14px;padding:1%}
.content_page_midlle a{color:#F93}
.content_page_right{float:none;width:auto;background-color:#000;height:auto;margin:1%;padding:2%}
.content_page_left img{width:80%;height:auto}
hr{width:100%}
.contact_left{float:none;width:auto;padding-left:3%}
.contact_right{float:none;width:auto;padding-left:3%}
.droite{float:nonet;width:auto}
.gauche{float:nonet;width:auto}
}