html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} /*CLEARFIX*/ .clearfix:after {clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}.clearfix {display:inline-block;} /* Pour IE mac */html[lang] .clearfix {display:block;}* html .clearfix {height:1%;}
a, img {border:none;}

body {background:#FFF url(/images/bg-body.png) repeat-x center 0;color:#5e6a72;font:14px/1.8em Tahoma, Geneva, sans-serif;}

.wrapper {margin:0 auto;padding:0 10px;position:relative;width:960px;}
.hide {display:none;}
.clear {clear:both;}

/* Avoid faux-bold and faux-italic */
h1, h2, h3, h4, h5, h6, strong, em, b, i {font-style:normal;font-weight:normal;}
b, strong {font-weight:normal;font-family:'SourceSansProBold', Tahoma, Geneva, sans-serif;}
i, em {font-style:normal;font-family:'SourceSansProLightItalic', Tahoma, Geneva, sans-serif;}
b i,
b em,
strong i,
strong em,
i b,
i strong,
em strong,
em b {font-weight:normal;font-style:normal;font-family:'SourceSansProBoldItalic', Tahoma, Geneva, sans-serif;}

/* Content style */
.blue-wide {background:#016dc2;height:74px;margin-bottom:60px;width:100%;}

h2 {color:#2f292b;font:38px/1.35em 'SourceSansProLight', Tahoma, Geneva, sans-serif;padding-bottom:30px;text-transform:uppercase;}
h2.blue-box {background:#016dc2;color:#FFF;font:36px/1.35em 'SourceSansProLight', Tahoma, Geneva, sans-serif;padding:25px 30px 0;text-transform:uppercase;width:900px;}
h2.blue-box span {font-size:24px;padding-left:24px;text-transform:none;}

h3 {color:#016dc2;font:28px/1.3em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;padding:0 0 18px;}
h4 {color:#36424a;font:18px/1.3em 'SourceSansProBold', Tahoma, Geneva, sans-serif;padding:0 0 8px;}

a {color:#016dc2;text-decoration:none;}
a:visited {color:#005598;}
a:hover {color:#0385ec;}

.alignleft {float:left;margin:0 40px 10px 0;}

/* -- Header -- */
.mast-head {background:url(/images/shadow-mast-head.png) no-repeat center bottom;height:165px;margin:0 0 20px;padding:0 0 47px;}

.mast-head .top {height:26px;}
.mast-head .top ul {float:right;list-style:none;margin:0;padding:0;}
.mast-head .top ul li {float:left;padding:6px 42px 0 0;}
.mast-head .top ul li a {color:#5e6a72;display:block;font:13px/1em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;padding-bottom:2px;padding-top:2px;text-decoration:none;}
.mast-head .top ul li a:hover {color:#42a9db;}
.mast-head .top ul li a.accueil {background:url(/images/ico-top.png) no-repeat 0 4px;padding-left:22px;}
.mast-head .top ul li a.sitemap {background:url(/images/ico-top.png) no-repeat 0 -16px;padding-left:26px;}
.mast-head .top ul li a.connexion {background:url(/images/ico-top.png) no-repeat right -40px;padding-right:28px;}

.mast-head .head {background:url(/images/bg-header.jpg) no-repeat center 0;height:137px;}
.mast-head .logo {float:left;padding-top:36px;width:222px;}
.mast-head h1 {color:#d1d4d3;float:left;font:54px/0.7em 'SourceSansProLight', Tahoma, Geneva, sans-serif;padding:38px 0 0 400px;text-transform:uppercase;width:338px;}
.mast-head h1 span {color:#0981fc;font:italic 44px/1em 'SourceSansProBold', Tahoma, Geneva, sans-serif;padding:0 0 0 90px;text-transform:none;}

.mast-nav {position:relative;z-index:1002;}
.mast-nav ul {border-bottom:3px solid #ceccc9;line-height:1.0;list-style:none;width:870px;}
.mast-nav ul li {bottom:-3px;float:left;padding:0 25px 0 0;position:relative;}
.mast-nav ul li a {color:#1b232a;font:18px/1em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;display:block;padding:15px 0 18px;text-decoration:none;}
.mast-nav ul li a:hover,
.mast-nav ul li a.current,
.mast-nav ul li a.page-produits {border-bottom:3px solid #000;color:#000;padding:15px 0 15px;}

.mast-nav ul, .mast-nav ul * {list-style:none;margin:0;padding:0;}
.mast-nav ul ul {background:#232f3a;border-bottom:none;padding:10px 0;position:absolute;top:-999em;width:250px;z-index:9999;}
.mast-nav ul ul li {bottom:auto;float:none;margin:0;padding:0}
.mast-nav ul ul li a {color:#8996a0;font:12px/1.2em Verdana, Geneva, sans-serif;padding:6px 0 6px 30px;}
.mast-nav ul ul li a:hover,
.mast-nav ul ul li a.current {background:#394b5a;border:none;color:#dfe5e6;padding:6px 0 6px 30px;}

.mast-nav ul ul li {width:100%;}
.mast-nav ul li:hover {visibility:inherit;}
.mast-nav ul li {float:left;position:relative;}
.mast-nav ul a {display:block;position:relative;}
.mast-nav ul li:hover ul,
.mast-nav ul li.sfHover ul {left:0;top:48px;z-index:99;}
.mast-nav ul li:hover li ul,
.mast-nav ul li.sfHover li ul {top:-999em;}
.mast-nav ul li li:hover ul,
.mast-nav ul li li.sfHover ul {left:250px;top:0;}
.mast-nav ul li li:hover li ul,
.mast-nav ul li li.sfHover li ul {top:-999em;}
.mast-nav ul li li li:hover ul,
.mast-nav ul li li li.sfHover ul {left:250px;top:0;}

.fb-wrap {overflow:hidden;position:absolute;right:10px;top:32px;width:60px;}


/* -- Main structure -- */
.main {padding:50px 0 75px;}
.mainProduits {padding:14px 0 75px;}

/* -- Content -- */

/* accueil */
.slider {position:relative;}
.shadow {background:url(/images/shadow-slider.png) no-repeat center bottom;padding-bottom:82px;}
.inner-slider {height:280px;margin:0 auto;overflow:hidden;padding-left:1px;position:relative;width:960px;}
.overlay {background:url(/images/mask-slider.png) no-repeat 0 0;height:280px;left:50%;margin-left:-480px;position:absolute;top:0;width:960px;z-index:300;}

.caption {color:#FFF;display:none;font-family:'SourceSansProLight', Arial, Helvetica, sans-serif;font-size:36px;height:135px;left:570px;line-height:1.1em;position:absolute;text-transform:uppercase;top:150px;width:370px;z-index:400;}
.caption:first-child {display:block;}

.teasers {left:-4px;margin:50px auto 80px;position:relative;width:976px;}
.teaser {background:url(/images/bg-teaser-accueil.png) no-repeat 0 0;float:left;height:315px;margin:0 5px;width:314px;}
.teaser .top {height:116px;}
.teaser h3 {color:#000;font:20px/1em 'SourceSansProSemibold', Tahoma, Geneva, sans-serif;padding-bottom:10px;padding-top:30px;text-align:center;}
.teaser h3.double {padding-top:22px;}
.teaser p {color:#636161;font:13px/1.2em Tahoma, Geneva, sans-serif;padding:0 20px;text-align:center;}
.teaser .imgs {display:block;height:156px;margin:0 auto;overflow:hidden;position:relative;width:310px;}
.teaser .imgs img {left:0;position:absolute;top:0;}

/* services */
.box-service {border-bottom:6px solid #d1d3d4;float:left;height:305px;margin:60px 0 40px;padding:0 0 15px;width:440px;}
.box-service-left {margin-right:80px;}

.box-service img {display:block;margin:0 0 25px;}
.box-service h3 {color:#1b232a;display:block;float:left;font:20px/1em 'SourceSansProBold', Tahoma, Geneva, sans-serif;border-right:1px solid #c4c7c8;height:80px;margin:0 7px 0 0;padding:0 7px 0 0;text-align:right;text-transform:uppercase;width:160px;}
.box-service p {color:#5e6a72;display:inline-block;float:left;font:13px/1.4em Tahoma, Geneva, sans-serif;width:265px;}
.box-service a {display:block;font:11px/1em Tahoma, Geneva, sans-serif;}
.box-service a.more {padding-top:10px;}

#services #fancybox-content .slider-wrap,
#assemblage-panneau #fancybox-content .slider-wrap {height:580px;left:0;overflow:hidden;position:absolute;top:0;width:815px;z-index:1;}
#services #fancybox-content .slider-wrap .bx-controls a,
#assemblage-panneau #fancybox-content .slider-wrap .bx-controls a {top:245px;}

/* nos realisations */
.sub-title {border-bottom:1px solid #d4d6d6;height:33px;margin-bottom:24px;width:960px;}
.sub-title strong {background:#f7f7f7;color:#443c43;display:block;float:left;font:12px/1em 'SourceSansProBold', Tahoma, Geneva, sans-serif;padding:6px 12px;text-transform:uppercase;}
.prev-next-wrap {float:right;width:64px;}
.prev-next-wrap a {background:url(/images/btn-realisation-prevnext.png) no-repeat 0 0;display:block;float:right;height:22px;margin-left:10px;text-indent:-9999em;width:22px;}
.prev-next-wrap a#prev {background-position:0 0;}
.prev-next-wrap a#prev:hover {background-position:0 -22px;}
.prev-next-wrap a#next {background-position:-22px 0;}
.prev-next-wrap a#next:hover {background-position:-22px -22px;}

#slide-realisations {height:270px;overflow:hidden;position:relative;width:980px;}
#slide-realisations ul {list-style-type:none;position:absolute;right:0;}
#slide-realisations ul li {border-bottom:2px solid #000;height:267px;padding:0px;position:absolute;width:225px;}
#slide-realisations ul li a {display:block;position:relative;}
#slide-realisations ul li a span {background:url(/images/mask-realisation.png) no-repeat center center;display:none;height:178px;left:0;position:absolute;top:0;width:225px;}
#slide-realisations h4 {color:#2c2633;font:13px/1.25em 'SourceSansProBold', Tahoma, Geneva, sans-serif;padding:20px 0 5px;text-align:center;text-transform:uppercase;}
#slide-realisations h5 {color:#a5acb0;font:12px/1.25em 'SourceSansProSemibold', Tahoma, Geneva, sans-serif;text-align:center;}

#realisations-controls {display:none;}

#fancybox-content .corner {background:url(/images/bg-fake-corners-fancy-realisation.png) no-repeat 0 0;height:8px;position:absolute;width:8px;}
#fancybox-content .left-top {background-position:0 0;left:0;top:0;z-index:999;}
#fancybox-content .right-top {background-position:-8px 0;right:0;top:0;z-index:999;}
#fancybox-content .left-bottom {background-position:0 -8px;left:0;bottom:0;z-index:999;}
#fancybox-content .right-bottom {background-position:-8px -8px;right:0;bottom:0;z-index:999;}

body a#fancybox-close {background:url(/images/fancybox-close.png) no-repeat 0 0;height:26px;top:15px;right:15px;width:26px;}
body a#fancybox-close:hover {background-position:0 bottom;}

.fancy-title-details {padding:10px 2px;}
.fancy-title-details h3 {border-bottom:1px solid #212020;padding:0 0 8px;}
.fancy-title-details h3 strong {color:#007ad0;font:24px/1em 'SourceSansProSemibold', Tahoma, Geneva, sans-serif;padding-right:25px;text-transform:uppercase}
.fancy-title-details h3 span {background:url(/images/arr-details-fancybox.gif) no-repeat 0 center;color:#bdcfdb;font:22px/1em 'SourceSansProLight', Tahoma, Geneva, sans-serif;padding:0 0 0 25px;}
.fancy-title-details h3 span + span {background:none;padding:0;}
.fancy-title-details em {color:#9e9e9e;display:inline-block;font:18px/1em 'SourceSansProLight', Tahoma, Geneva, sans-serif;padding:10px 25px 0 0;text-transform:uppercase;}
.fancy-title-details p {color:#bdcfdb;font:14px/1.3em 'SourceSansProLight', Tahoma, Geneva, sans-serif;padding:10px 0 3px;max-width:600px;}
.fancy-title-details .dispo {display:block;font:16px/1.35em 'SourceSansProSemibold', Tahoma, Geneva, sans-serif;padding:10px 0 0;text-transform:uppercase;}
.fancy-title-details .dispo-oui {color:#32ad0c;}
.fancy-title-details .dispo-non {color:#ad1b0c;}
.fancy-title-details .dispo-bientot {color:#0c6bad;}

h3.fancy-title {color:#007ad0;font:24px/1em 'SourceSansProSemibold', Tahoma, Geneva, sans-serif;padding:15px 0 0 ;text-transform:uppercase}

/* panneaux-reclame */
.bg-panneau-reclame {background:url(/images/panneau-reclame/bg-panneau.jpg) no-repeat center top;height:133px;width:100%;}

.top-panneau-reclame {background:url(/images/panneau-reclame/fond-panneau.jpg) no-repeat -100px top;height:133px;margin:0 0 0 -10px;width:960px;}
.top-panneau-reclame h2 { color:#828a8f;display:block;font:29px/33px 'SourceSansProRegular', Tahoma, Geneva, sans-serif; font-weight:lighter;float:right;height:62px;position:relative;width:500px;}
.top-panneau-reclame h2 span {color:#36424a;display:inline-block;font:italic bold 29px/33px Arial, Helvetica, sans-serif;padding-left:120px;text-transform:none;}

.bg-nav-panneau {background:url(/images/panneau-reclame/bg-nav-panneaux.jpg) repeat-x;}

.bg-nav-panneau h3 {background:url(/images/panneau-reclame/ic-aut-20.png) no-repeat right 8px;color:#b7bec4;font:18px/20px 'SourceSansProSemibold', Tahoma, Geneva, sans-serif;float:left;height:34px;margin:0 10px 0 0;padding:18px 60px 0 0;}
.bg-nav-panneau h3 span {background:url(/images/panneau-reclame/arrow-down.png) no-repeat right 5px;padding-right:25px;}

.nav-panneaux {clear:both;height:135px;}
.nav-panneaux ul, .nav-panneau-2 ul {float:left;height:120px;margin:10px 90px 0 0;width:90px;}
.nav-panneaux ul li a, .nav-panneau-2 ul li a {color:#5b7184;display:inline-block;font:13px/11px Tahoma, Geneva, sans-serif;padding:0 0 0 10px;width:90px;}
.nav-panneaux ul li a:hover,
.nav-panneaux ul li a.hover, 
.nav-panneau-2 ul li a:hover,
.nav-panneau-2 ul li a.hover {background:url(/images/panneau-reclame/arrow-hover.png) left center no-repeat;color:#CCC;}
.nav-panneau-2 ul {height:100px;margin:23px 0 0 14px;}

.shadow-panneaux {background:url(/images/shadow-panneaux.png) no-repeat center 187px;padding:0 0 36px;}

.bg-map-1 {background:url(/images/panneau-reclame/map-1.jpg) center top no-repeat;border-bottom:1px dotted #999;height:390px;margin:0 0 40px;padding:0 0 50px;position:relative;width:960px;}
.bg-map-1 ul li {position:absolute;display:block;height:29px;position:absolute;width:29px;}
.bg-map-1 ul li a {color:#fff;display:block;font:11px/3.3em "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;height:29px;text-align:center;position:absolute;width:29px;}

.bg-map-1 ul li .p101 {background-color:#36424a;left:705px;top:203px;}
.bg-map-1 ul li .p102 {background-color:#36424a;left:770px;top:57px;}
.bg-map-1 ul li .p103 {background-color:#a5acb0;left:785px;top:92px;}
.bg-map-1 ul li .p104 {background-color:#a5acb0;left:830px;top:65px;}
.bg-map-1 ul li .p105 {background-color:#a5acb0;left:290px;top:250px;}
.bg-map-1 ul li .p106 {background-color:#36424a;left:290px;top:215px;}
.bg-map-1 ul li .p107 {background-color:#36424a;left:538px;top:289px;}
.bg-map-1 ul li .p108 {background-color:#36424a;left:505px;top:307px;}
.bg-map-1 ul li .p109 {background-color:#a5acb0;left:275px;top:320px;}
.bg-map-1 ul li .p110 {background-color:#36424a;left:275px;top:355px;}
.bg-map-1 ul li .p111 {background-color:#36424a;left:480px;top:254px;}
.bg-map-1 ul li .p112 {background-color:#36424a;left:673px;top:220px;}
.bg-map-1 ul li .p113 {background-color:#36424a;left:438px;top:254px;}
.bg-map-1 ul li .p115 {background-color:#36424a;left:467px;top:318px;}
.bg-map-1 ul li .p124 {background-color:#36424a;left:820px;top:30px;}
/*.bg-map-1 ul li .p125 {background-color:#a5acb0;left:573px;top:273px;}*/
.bg-map-1 ul li .p126 {background-color:#a5acb0;left:607px;top:252px;}
.bg-map-1 ul li .p127 {background-color:#36424a;left:641px;top:235px;}
.bg-map-1 ul li .p128 {background-color:#a5acb0;left:603px;top:187px;}

.bg-map-1 h3.ressource {color:#095ec9;height:auto;display:inline-block;font:16px/24px 'SourceSansProSemibold', Tahoma, Geneva, sans-serif;left:325px;text-transform:uppercase;position:absolute;top:40px;width:285px;}
.bg-map-1 h3.ressource span {border-top:1px solid #CCC;color:#36424a;display:inline-block;font:14px/14px 'SourceSansProRegular', Tahoma, Geneva, sans-serif;text-transform:none;padding:5px 0 0;width:100%;}

p.infos-panneaux {background:url(/images/panneau-reclame/ic-echelles.jpg) no-repeat 0 6px;color:#36424a;display:block;font:13px/24px 'SourceSansProRegular', Tahoma, Geneva, sans-serif;height:44px;left:720px;padding:0 0 0 23px;position:absolute;top:324px;width:400px;}

.bg-nav-panneau-2 { background:url(/images/panneau-reclame/map-2.jpg) no-repeat 340px 0;height:421px;width:100%;}
.panneau-2 .nav-panneau-2, .panneau-2 ul {float:left;}
.nav-panneau-2 {background:url(/images/panneau-reclame/bg-nav-2.jpg) 0 0 no-repeat;height:180px;position:relative;width:210px;}
.nav-panneau-2 h3 {color:#b7bec4;display:inline-block;font:18px/18px 'SourceSansProSemibold', Tahoma, Geneva, sans-serif;height:auto;margin:15px 0 0 24px;padding:0;width:210px;}
.nav-panneau-2 h3 span {display:inline-block;width:100%;}
.nav-panneau-2 p.infos-panneaux {background:url(/images/panneau-reclame/ic-echelles-2.JPG) 0 5px no-repeat;color:#36424a;display:block;font:13px/24px 'SourceSansProRegular', Tahoma, Geneva, sans-serif;height:44px;left:0px;padding:0 0 0 23px;position:absolute;top:200px;width:400px;}

.panneau-2 ul.nav-2 li {position:absolute;display:block;height:29px;position:absolute;width:29px;}
.panneau-2 ul.nav-2 li a {color:#fff;display:block;font:11px/3.3em "Trebuchet MS", Arial, Helvetica, sans-serif;font-weight:bold;height:29px;text-align:center;position:absolute;width:29px;}
.panneau-2 ul.nav-2 li .p-A-1 {background-color:#a5acb0;left:344px;top:180px;}
.panneau-2 ul.nav-2 li .p-A-2 {background-color:#36424a;left:278px;top:243px;}
.panneau-2 ul.nav-2 li .p-A-3 {background-color:#36424a;left:247px;top:335px;}
.ville-dru {background:url(/images/panneau-reclame/logo-ville-drum.jpg) 0 0 no-repeat;display:block;height:110px;margin:215px 0 0 -5px;width:227px;}

#panneaux-reclame #fancybox-content .slider-wrap {height:580px;left:0;overflow:hidden;position:absolute;top:0;width:700px;z-index:1;}
#panneaux-reclame #fancybox-content .details-panneau {background:url(/images/black-80.png) repeat 0 0;bottom:0;height:120px;left:0;padding:15px 25px;position:absolute;width:650px;z-index:3;}
#panneaux-reclame #fancybox-content .details-panneau .desc {color:#c4c7c8;float:right;font:16px/24px Tahoma, Geneva, sans-serif;height:125px;width:290px;}
#panneaux-reclame #fancybox-content .details-panneau h3 {color:#FFF;font:18px/1em Tahoma, Geneva, sans-serif;margin:0;padding:0 0 20px;}
#panneaux-reclame #fancybox-content .details-panneau h3 span {color:#c4c7c8;font-size:13px;}
#panneaux-reclame #fancybox-content .details-panneau h3 span em {font-family:Tahoma, Geneva, sans-serif !important;font-style:normal;padding:0 10px;}
#panneaux-reclame #fancybox-content .details-panneau .dispo {display:block;font:16px/1.35em Tahoma, Geneva, sans-serif;padding:0 0 20px;}
#panneaux-reclame #fancybox-content .details-panneau .dispo-oui {color:#04f00f;}
#panneaux-reclame #fancybox-content .details-panneau .dispo-non {color:#ff7900;}
#panneaux-reclame #fancybox-content .details-panneau .dispo-bientot {color:#01b6f3;}
#panneaux-reclame #fancybox-content .details-panneau .emplacement {color:#c4c7c8;font:13px/1.2em Tahoma, Geneva, sans-serif;text-transform:uppercase;}


/* Assemblage de panneaux */
.assemblage-title {background:url(/images/bg-title-assemblage.png) no-repeat 0 0;color:#FFF;font:34px/1em 'SourceSansProLight', Tahoma, Geneva, sans-serif;height:45px;padding:110px 35px 0 0;text-align:right;width:905px;}
.assemblage-title-2 {color:#016dc2;display:inline-block;font:33px/1em 'SourceSansProItalic', Tahoma, Geneva, sans-serif;height:20;margin-bottom:40px;padding:10px 35px 0 0;text-align:right;width:905px;}

.box-assemblage {padding-bottom:30px;}
.box-assemblage h3 {color:#231f20;font-size:30px;padding:0 0 10px;}
.box-assemblage p {color:#36424a;font-size:1.07em; line-height:23px!important}
.box-assemblage a {float:left;padding-right:40px;position:relative;}
.box-assemblage a span {background:url(/images/mask-assemblage.png) no-repeat center center;display:none;height:196px;left:0;position:absolute;top:0;width:450px;}


/* a propos */
h2.blue-box-a-propos {padding-left:550px;width:380px;}
.content-a-propos {padding:35px;}
.content-a-propos p {padding-bottom:8px;}
.content-a-propos strong {font-family:Tahoma, Geneva, sans-serif;font-weight:bold;}

.slogan-a-propos {background:url(/images/bg-slogan-a-propos.png) no-repeat 60px 25px;border-top:1px solid #d9d9d9;margin:60px 0 0;height:160px;padding:24px 0 0 205px;}
.slogan-a-propos h3 {color:#36424a;font:33px/1em 'SourceSansProLight', Tahoma, Geneva, sans-serif;padding:45px 0 0;text-transform:uppercase;}
.slogan-a-propos h3 span {color:#5f9de3;font-family:'SourceSansProItalic', Tahoma, Geneva, sans-serif;display:block;padding:5px 0 0 145px;text-transform:none;}
.slogan-a-propos {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;}


/* videos______________________________________________________________________________________________ */
.bg-h2{background-color:#016dc2;height:73px;position:relative;top:73px;width:100%;}
h2.blue-box-videos {background-color:#016dc2;color:#fff;display:inline-block;font: 36px/1.35em "SourceSansProLight",Tahoma,Geneva,sans-serif;height:48px;padding:0;margin:0 0 80px 0;padding:25px 140px 0 0;position:relative;text-align:right;width:840px;}
.i-frame{float:left;height:235px;position:relative;width:418px;}
.content-vid {float:left;height:auto;margin:00;padding:0;position:relative;width:350px;}
.content-vid strong {font-family:Tahoma, Geneva, sans-serif;font-weight:bold;}

.content-videos, .box-videos {border-bottom:4px solid #d1d3d4;height:327px;width:439px;}
.content-vid h3 {color:#1b232a;display:inline-block;font:36px/1.35em "SourceSansProLight",Tahoma,Geneva,sans-serif;height:auto;float:left;margin:0 0 0 45px;position:relative;width:500px;}
.content-vid p {display:inline-block;float:left;font-size:1.12em;line-height:26px;height:auto;margin:0 0 0 45px;padding:0;position:relative;width:500px;}

/*______________________________________________________________________________________________________*/



/* nous joindre */
h2.blue-box-nous-joindre {padding-left:500px;width:430px;}
.colL {float:left;padding:0 110px 90px 24px;width:364px;}
.colR {float:left;padding:0 0 90px;width:462px;}
.colR p {color:#5e6a72;font:16px/1.2em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;}

.colR .coordonnees {border-bottom:6px solid #d1d3d4;margin-bottom:40px;padding:15px 0 30px;}
.colR .numbers {color:#016dc2;font:18px/1.4em 'SourceSansProBold', Tahoma, Geneva, sans-serif;padding-top:20px;}
.colR .numbers span {display:inline-block;width:65px;}
.colR .googlemap-btn {background:url(../images/btn-googlemap.jpg) no-repeat 0 0;display:block;float:right;height:88px;margin-top:5px;text-indent:-9999em;width:191px;}

.colR .moreinfos div {float:left;overflow:hidden;padding:0 0 25px;width:230px;}
.colR .moreinfos div h4 {padding:0;}
.colR .moreinfos div.heures-bureau h4 {padding:0 0 7px;}
.colR .moreinfos div.heures-bureau {padding-bottom:30px;}

#confirm {font:15px/1.3em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;position:relative;top:6px;width:270px;}
#confirm .error_message {color:#D6141A;}
#confirm #success {white-space:nowrap;}

a.mail {background:url(/images/ico-mail.png) no-repeat 0 center;color:#36424a;display:block;padding:6px 0 3px 40px;}
a.mail:hover {color:#7fa6d1;}

.fadein-map {display:none;}
#map_canvas {display:block;height:585px;position:absolute;top:415px;width:100%;z-index:100;}
#close-map {background:url(/images/ico-close-map.png) no-repeat 0 0;display:block;height:52px;left:50%;margin-left:400px;position:absolute;top:355px;text-indent:-9999em;width:51px;z-index:200;}

/* -- Form Style -- */
form .row {padding:0 0 10px;}
label {color:#36424a;font:13px/1em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;}
input.text,
textarea {behavior:url(/PIE.htc);border:solid 1px #a5acb0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;font:13px/16px Tahoma, Geneva, sans-serif;padding:3px 5px;height:auto;width:349px;outline:none;position:relative;
background: #f8f8f8; /*non-CSS3 browsers will use this*/
background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF) to(#f2f2f1)); /*old webkit*/
background: -webkit-linear-gradient(#FFF, #f2f2f1); /*new webkit*/
background: -moz-linear-gradient(#FFF, #f2f2f1); /*gecko*/
background: -ms-linear-gradient(#FFF, #f2f2f1); /*IE10 preview*/
background: -o-linear-gradient(#FFF, #f2f2f1); /*opera 11.10+*/
background: linear-gradient(#FFF, #f2f2f1); /*future CSS3 browsers*/
-pie-background: linear-gradient(#FFF, #f2f2f1); /*PIE*/ }

input.text:focus,
textarea:focus {behavior:url(/PIE.htc);position:relative;
background: #f8f8f8; /*non-CSS3 browsers will use this*/
background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF) to(#fafaf7)); /*old webkit*/
background: -webkit-linear-gradient(#FFF, #fafaf7); /*new webkit*/
background: -moz-linear-gradient(#FFF, #fafaf7); /*gecko*/
background: -ms-linear-gradient(#FFF, #fafaf7); /*IE10 preview*/
background: -o-linear-gradient(#FFF, #fafaf7); /*opera 11.10+*/
background: linear-gradient(#FFF, #fafaf7); /*future CSS3 browsers*/
-pie-background: linear-gradient(#FFF, #fafaf7); /*PIE*/ }

textarea {height:130px;}

.submit {border:1px solid #c4c7c8;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#5e6a72;cursor:pointer;display:block;float:right;font:12px/1em Tahoma, Geneva, sans-serif;margin-top:15px;padding:3px 15px;
behavior:url(/PIE.htc);position:relative;
background: #d4d6d6; /*non-CSS3 browsers will use this*/
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f6f5) to(#d4d6d6)); /*old webkit*/
background: -webkit-linear-gradient(#f2f6f5, #d4d6d6); /*new webkit*/
background: -moz-linear-gradient(#f2f6f5, #d4d6d6); /*gecko*/
background: -ms-linear-gradient(#f2f6f5, #d4d6d6); /*IE10 preview*/
background: -o-linear-gradient(#f2f6f5, #d4d6d6); /*opera 11.10+*/
background: linear-gradient(#f2f6f5, #d4d6d6); /*future CSS3 browsers*/
-pie-background: linear-gradient(#f2f6f5, #d4d6d6); /*PIE*/}

.submit:hover {behavior:url(/PIE.htc);position:relative;
background: #d4d6d6; /*non-CSS3 browsers will use this*/
background: -webkit-gradient(linear, 0 0, 0 100%, from(#d4d6d6) to(#f2f6f5)); /*old webkit*/
background: -webkit-linear-gradient(#d4d6d6, #f2f6f5); /*new webkit*/
background: -moz-linear-gradient(#d4d6d6, #f2f6f5); /*gecko*/
background: -ms-linear-gradient(#d4d6d6, #f2f6f5); /*IE10 preview*/
background: -o-linear-gradient(#d4d6d6, #f2f6f5); /*opera 11.10+*/
background: linear-gradient(#d4d6d6, #f2f6f5); /*future CSS3 browsers*/
-pie-background: linear-gradient(#d4d6d6, #f2f6f5); /*PIE*/}


/* Login */
#fancy-login {background:url(/images/bg-fancy-login.png) repeat-x 0 0;height:210px;padding-top:45px;position:relative;}
#fancy-login .left {float:left;height:205px;padding:0 0 0 45px;width:340px;}
#fancy-login .right {float:left;height:205px;width:345px;}
#fancy-login .left img {left:34px;position:relative;top:-2px;}
#fancy-login h4 {color:#36424a;font:22px/1.25em 'SourceSansProSemibold', Tahoma, Geneva, sans-serif;margin:0;padding:0 0 15px;text-transform:uppercase;}
#fancy-login p {font-size:15px;line-height:1.3em;width:260px;}
#fancy-login p.error {color:#9f2424;}

#login-form {padding-bottom:40px;}

.submit-login {color:#36424a;float:left;font-family:Arial, Helvetica, sans-serif;font-size:14px;margin-top:20px;padding:6px 28px;}
.get-password {color:#0981e0 !important;display:block;float:left;font:13px/30px Tahoma, Geneva, sans-serif;height:30px;margin-top:20px;padding-left:30px;}
.get-password:hover {color:#0d65aa !important;}


/* -- Footer -- */
.mast-foot .shadow {background:url(/images/shadow-mast-foot.png) no-repeat center bottom;margin-bottom:-79px;padding-bottom:79px;}
.mast-foot .inner-foot {background:#000 url(/images/bg-footer.jpg) no-repeat center top;border-top:4px solid #a5acb0;border-bottom:4px solid #a5acb0;height:500px;}
.mast-foot .foot {margin:0 auto;width:980px;}

.mast-foot .sitemap {float:left;padding:46px 0 0 0;width:420px;}
.mast-foot .sitemap ul {float:left;width:210px;}
.mast-foot .sitemap ul li {padding:0 0 6px;}
.mast-foot .sitemap ul li a {color:#485f6f;font:15px/1.25em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;text-decoration:none;text-transform:uppercase;}
.mast-foot .sitemap ul li a:hover,
.mast-foot .sitemap ul li a.current {color:#c4c7c8;}
.mast-foot .sitemap ul ul {padding:0 0 10px;}
.mast-foot .sitemap ul ul li {padding:0 0 2px;}
.mast-foot .sitemap ul ul li a {font:12px/1.25em Verdana, Geneva, sans-serif;padding-left:12px;text-transform:none;}

.mast-foot .normes {background:url(/images/bg-footer-normes.png) no-repeat 0 0;float:left;height:370px;margin-top:35px;padding-top:37px;width:343px;}
.mast-foot .normes h5 {background:url(/images/sep-title-normes.png) no-repeat center bottom;color:#1a75d1;font:14px/1.4em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;margin:0 0 30px;padding:0 0 15px;text-align:center;text-transform:uppercase;}
.mast-foot .normes a.logos {color:#8d9faa;display:block;font:14px/1.2em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;margin:15px auto;padding:12px 0 8px 50px;text-decoration:none;width:160px;}
.mast-foot .normes a.csa {background:url(/images/logo-csa.png) no-repeat 0 center;}
.mast-foot .normes a.aqie {background:url(/images/logo-aqie.png) no-repeat 0 center;}
.mast-foot .normes a.rbq {background:url(/images/logo-rbq.png) no-repeat center 0;color:#8d9faa;display:block;font:bold 13px/1em Tahoma, Geneva, sans-serif;margin:30px auto 0;padding:80px 0 0;text-align:center;text-decoration:none;width:140px;}
.mast-foot .normes a.logos:hover,
.mast-foot .normes a.rbq:hover {color:#b8cfde;}

.mast-foot .coords {float:left;padding:60px 0 0 40px;width:175px;}
.mast-foot .coords img {display:block;padding:0 0 30px;}
.mast-foot .coords p {color:#8d9faa;font:13px/1.4em Tahoma, Geneva, sans-serif;padding:0 0 12px;}
.mast-foot .coords strong {font-family:Tahoma, Geneva, sans-serif;font-weight:bold;}
.mast-foot .coords .numbers {font-size:14px;font-weight:bold;padding:25px 0 0;}
.mast-foot .coords .numbers span {display:inline-block;width:55px;}

.mast-foot .seo {color:#748694;font:15px/1.5em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;padding:40px 0;}

.mast-foot .copyright {border-top:1px solid #dddfde;color:#a5acb0;font:13px/1.5em 'SourceSansProRegular', Tahoma, Geneva, sans-serif;padding:15px 0 125px;}
.mast-foot .copyright p {float:left;width:50%;}
.mast-foot .copyright p.sign {text-align:right;}
.mast-foot .copyright p.sign a {background:url(/images/bg-sign.png) no-repeat 0 0;display:block;float:right;height:24px;margin-left:16px;position:relative;top:-4px;width:125px;}
.mast-foot .copyright p.sign a:hover {background-position:0 bottom;}
.mast-foot .copyright p.sign a span {display:none;}