/*! normalize.css v3.0.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,menu,nav,section,summary{display:block}body,h1{margin:0}fieldset,hr,legend,td,th{padding:0}fieldset,hr,img,legend{border:0}#cover h2,footer h3,section h3,ul#grid h4{text-transform:uppercase}#cover h2,.btn,.center,.form-header,figcaption,header,ul#grid,ul#grid li{text-align:center}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:1px;border-top:1px solid #ccc;margin:1em 0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}table{border-collapse:collapse;border-spacing:0}/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */html{font-size:12px;line-height:1.2}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{margin:0 2% 0 0}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}body{font:400 18px TitilliumText22L,sans-serif}.wrapper{width:90%;margin:0 5%}body,html{background-color:#FFF}.ie7 .title{padding-top:20px}@font-face{font-family:HelveticaNeueLTProHeavy;src:url(../fonts/HelveticaNeueLTProHeavy.ttf)}@font-face{font-family:HelveticaNeueLTPro;src:url(../fonts/HelveticaNeueLTPro.ttf)}@font-face{font-family:HelveticaNeueLTProThin;src:url(../fonts/HelveticaNeueLTProThin.ttf)}@font-face{font-family:TitilliumText22L;font-weight:400;src:url(../fonts/TitilliumText22L-400wt.otf)}@font-face{font-family:TitilliumText22L;font-weight:600;src:url(../fonts/TitilliumText22L-600wt.otf)}@font-face{font-family:TitilliumText22L;font-weight:800;src:url(../fonts/TitilliumText22L-800wt.otf)}.box{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.container{max-width:900px;margin:75px auto}.container-wide{max-width:1200px;margin:75px auto 130px}img{max-width:100%;height:auto}a{color:#019cde;transition:color .5s}.btn,a:hover{color:#FFF}.btn-brown,.btn-green,.btn-grey{transition:background-color .5s,color .5s}.btn{display:inline-block;font:400 16px/16px Arial;border-radius:3px;text-decoration:none;padding:20px;margin-top:20px}.btn-small{padding:10px;margin-top:10px}.btn-green{background-color:#a0b730;border:2px solid #a0b730}.btn-green:hover{color:#a0b730;background-color:#FFF}.btn-brown{background-color:#8b4e39;border:2px solid #8b4e39}.btn-brown:hover{color:#8b4e39;background-color:#FFF}.btn-grey{background-color:#4f463f;border:2px solid #4f463f}.btn-grey:hover{color:#4f463f;background-color:#FFF}ul{padding-left:0}li{list-style:square}header{padding:45px 20px 10px}.logo{margin-bottom:20px}footer,section{padding:0 20px;position:relative}footer h3,section h3{font:400 24px TitilliumText22L;text-align:center;line-height:1.2}section p{line-height:1.2}.section-icon:before,footer:before{content:'';display:block;width:86px;height:99px;position:absolute;top:-46px;left:40%}#cover{background:url(img/img-top-canopia.jpg) center no-repeat;background-size:cover;padding-bottom:555px}#cover h2{background:url(img/canopia-title-bg.png) no-repeat;background-size:cover;margin:0 auto;width:200px;height:200px;color:#fff;font-family:TitilliumText22L,sans-serif;font-weight:800;font-size:18px;padding:70px 40px;line-height:1.3}#environnement div.left,#solutions div.left{margin-right:5%}.alert,figcaption,ul#grid h4{font-weight:700}#environnement{background:url(img/canopia-environnement-bg.jpg) center bottom no-repeat #65941c;background-size:100% auto;color:#FFF;padding:75px 10%}#environnement:before{background:url(img/picto-feuille.png)}#environnement div{width:100%;display:block}#environnement div.right{padding-bottom:36%}#pourquoi{padding:75px 10%;background:url(img/canopia-pourquoi-bg.png) 10% bottom no-repeat}#pourquoi:before{background:url(img/picto-pourquoi.png)}#pourquoi h3{color:#3c5a0e}#pourquoi ul{line-height:2;max-width:700px;background-color:rgba(255,255,255,.8)}#solutions{background:url(img/bg-green.jpg) no-repeat #342b24;background-size:cover;color:#FFF;padding:75px 10%}#solutions:before{background:url(img/picto-cle.png)}#solutions div{width:100%}strong.blue{color:#019cde}strong.green{color:#9cc45e}#solutions div.right{font-size:16px}figcaption{color:#a0b730}#produits{padding:75px 3% 0;background-color:#e5d9c7;background:-webkit-linear-gradient(to top,#FFF,#FFF 10%,#e5d9c7 10%,#e5d9c7 100%);background:-o-linear-gradient(to top,#FFF,#FFF 310px,#e5d9c7 310px,#e5d9c7 100%);background:-moz-linear-gradient(to top,#FFF,#FFF 310px,#e5d9c7 310px,#e5d9c7 100%);background:linear-gradient(to top,#FFF,#FFF 310px,#e5d9c7 310px,#e5d9c7 100%)}#produits h3{color:#3c5a0e}ul#grid{max-width:910px;list-style:none;margin:50px auto}ul#grid li{display:inline-block;vertical-align:top;color:#FFF;margin-bottom:5px}ul#grid li:nth-child(4){width:604px}ul#grid h4{font-size:26px;margin-top:70px}ul#grid p{margin-top:40px}.flip-container{perspective:1000;transform-style:preserve-3d}.flip-container:hover .back{transform:rotateY(0)}.flip-container:hover .front{transform:rotateY(180deg)}.back,.flipper,.front{transition:.6s;transform-style:preserve-3d}.back,.flip-container,.front,.li-img{width:300px;height:300px}.flipper{position:relative}.back,.front{width:236px;height:196px;padding:50px 30px;backface-visibility:hidden;position:absolute;top:0;left:0;border:2px solid}.front{z-index:2;transform:rotateY(0)}.back{transform:rotateY(-180deg);background-color:#FFF}ul#grid li:first-child .front{background-color:#3a83a2;border-color:#3a83a2}ul#grid li:first-child .back{color:#3a83a2;border-color:#3a83a2}ul#grid li:nth-child(2) .front{background-color:#8b4e39;border-color:#8b4e39}ul#grid li:nth-child(2) .back{color:#8b4e39;border-color:#8b4e39}ul#grid li:nth-child(3){background:url(img/CanopiaExpert_LaurentBlossier_5.jpg)}ul#grid li:nth-child(4){background:url(img/CanopiaExpert_LaurentBlossier_2.jpg)}ul#grid li:nth-child(5) .front{background-color:#cca54c;border-color:#cca54c}ul#grid li:nth-child(5) .back{color:#cca54c;border-color:#cca54c}ul#grid li:nth-child(6) .front{background-color:#4f463f;border-color:#4f463f}ul#grid li:nth-child(6) .back{color:#4f463f;border-color:#4f463f}ul#grid li:nth-child(7) .front{background-color:#ce7f38;border-color:#ce7f38}ul#grid li:nth-child(7) .back{color:#ce7f38;border-color:#ce7f38}ul#grid li:nth-child(8) .front{background-color:#758e31;border-color:#758e31}ul#grid li:nth-child(8) .back{color:#758e31;border-color:#758e31}@media only screen and (min-width:672px) and (max-width:1008px){ul#grid li:nth-child(3){display:none}}@media only screen and (max-width:672px){ul#grid li:nth-child(4){display:none}}#service{padding:75px 10%;background:url(img/canopia-service-bg.png) bottom right 7% no-repeat;min-height:300px}#service h3{color:#3c5a0e}#service .left{background-color:rgba(255,255,255,.8);padding:2%}footer,textarea{padding-top:10px}footer{background:url(img/canopia-footer-bg.jpg) #3b4d20;background-size:cover;color:#FFF}footer:before{background:url(img/picto-savoir-plus.png)}.form-header p{font-size:1.6rem;margin-bottom:70px}input{margin-bottom:16px}input[type=text],textarea{width:100%;color:#000;background-color:#FFF;padding-left:10px;border-radius:5px;border:none}input[type=text]{height:39px}textarea{resize:vertical}input[type=submit]{background-color:#d95b32;padding:15px 30px 10px;text-transform:uppercase;border:none;border-radius:3px;float:right;margin:35px 0 40px;transition:background-color .5s}input[type=submit]:hover{background-color:#d97c5d}.alert{display:block;width:70%;height:40px;border:3px solid #0f0;background-color:#90ee90;margin:10px auto 20px;padding-top:20px}@media only screen and (min-width:480px){#cover h2{width:285px;height:253px;font-size:24px;padding:90px 45px;line-height:1.3}.section-icon:before,footer:before{left:46.5%}#pourquoi h3{position:relative;height:80px;top:-110px;max-width:450px;margin:0 auto}#pourquoi h3:before{background:url(img/abeille.png);content:'';display:block;width:120px;height:120px;position:relative;left:-120px;top:60px}#produits{padding:75px 5% 0}fieldset:nth-of-type(-n+2){width:42%;float:left}fieldset:first-of-type{margin-left:5%;margin-right:3%}fieldset:nth-of-type(2){margin-right:5%;margin-left:3%}fieldset:last-of-type{margin-left:5%;margin-right:5%}}@media only screen and (min-width:760px){#environnement div,#solutions div{width:45%;display:inline-block;vertical-align:top}#pourquoi ul{margin-left:32%;padding:20px}#service .left{max-width:50%}}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}.lowercase{text-transform:capitalize}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999}thead{display:table-header-group}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}