html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
header, nav, aside, section, video, article, footer {display:block;}
:focus {outline: 0;}
* {padding:0; margin:0;}
a:focus, a:active {outline: none;}
img {border: 0; vertical-align: bottom;}
strong {font-weight: bold;}
body {background: #f7f1e3; font-size:24px; line-height: 130%; font-family: 'Roboto', sans-serif; color:#003c54; text-align: center; font-weight: 300;}
p, ul, table {margin-bottom:10px;}
li {list-style: none;}
a {text-decoration:none; color:#969b10;}
a:hover {text-decoration:none;}
header {position: absolute; z-index: 999; text-align: center; width: 100%;}
header img {padding: 45px 0;}
h1 {font-size: 34px; text-transform: uppercase; margin-bottom: 22px;font-weight: 400;}
#content {position: relative; padding-top: 300px;}
#compo{ width: 1200px; margin: 0 auto; height: 730px; z-index: 1; position: relative;}
#compo img {height: auto; max-width: 100%;}
#compo div { position: absolute;}
.macbook {width: 56%; right: -10%; top: 13%;-webkit-transition: all .8s 0s; -moz-transition: all .8s 0s; -ms-transition: all .8s 0s; -o-transition: all .8s 0s; transition: all .8s 0s;}
.panneau {width: 30.1%; right: 10%; top: 26.5%;-webkit-transition: all 1.5s 0s; -moz-transition: all 1.5s 0s; -ms-transition: all 1.5s 0s; -o-transition: all 1.5s 0s; transition: all 1.5s 0s;}
.imac {width: 53.6%; left: 5%; top: -3%;-webkit-transition: all .8s 0s; -moz-transition: all .8s 0s; -ms-transition: all .8s 0s; -o-transition: all .8s 0s; transition: all .8s 0s;}
.iphone {width: 5%; left: 0; top: 43%;-webkit-transition: all .8s 0s; -moz-transition: all .8s 0s; -ms-transition: all .8s 0s; -o-transition: all .8s 0s; transition: all .8s 0s;}
.echelle {width: 8.4%; left: 45%; top: 90%;opacity: 0;-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;}
.plume { width: 4%; left: 40.7%; top: -20%; opacity: 0;-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;}
.on .macbook {right: -4%;-webkit-transition: all .8s 0s; -moz-transition: all .8s 0s; -ms-transition: all .8s 0s; -o-transition: all .8s 0s; transition: all .8s 0s;}
.on .panneau {right: -4%; top: 26.5%;-webkit-transition: all 1.5s 0s; -moz-transition: all 1.5s 0s; -ms-transition: all 1.5s 0s; -o-transition: all 1.5s 0s; transition: all 1.5s 0s;}
.on .imac {left: 11.5%; top: 2%;-webkit-transition: all .8s 0s; -moz-transition: all .8s 0s; -ms-transition: all .8s 0s; -o-transition: all .8s 0s; transition: all .8s 0s;}
.on .iphone {width: 37.6%; left: 0; top: 43%;}
.on .echelle {top: 64.5%;opacity: 1;-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;}
.on .plume { width: 7.5%; top: -5%; opacity: 1;-webkit-transition: all .4s 0s; -moz-transition: all .4s 0s; -ms-transition: all .4s 0s; -o-transition: all .4s 0s; transition: all .4s 0s;}
a.btn {display: inline-block; background: #f25a29;padding: 5px 25px; color: #fff; font-size: 18px;}
a.btn { border: 1px solid #e84713; display: inline-block; border-radius: 3px; background: #f25a29; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyNWEyOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlODQ3MTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #f25a29 0%, #e84713 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f25a29), color-stop(100%,#e84713)); background: -webkit-linear-gradient(top,  #f25a29 0%,#e84713 100%); background: -o-linear-gradient(top,  #f25a29 0%,#e84713 100%); background: -ms-linear-gradient(top,  #f25a29 0%,#e84713 100%); background: linear-gradient(to bottom,  #f25a29 0%,#e84713 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25a29', endColorstr='#e84713',GradientType=0 );}
a.btn:hover { background: #e5771f; text-shadow:1px 1px 1px #8b3008;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1NzcxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMjVhMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #e5771f 0%, #f25a29 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5771f), color-stop(100%,#f25a29)); background: -webkit-linear-gradient(top,  #e5771f 0%,#f25a29 100%); background: -o-linear-gradient(top,  #e5771f 0%,#f25a29 100%); background: -ms-linear-gradient(top,  #e5771f 0%,#f25a29 100%); background: linear-gradient(to bottom,  #e5771f 0%,#f25a29 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5771f', endColorstr='#f25a29',GradientType=0 );}
#footer {padding: 100px 0 10px; font-size: 11px;color: #a09a8d;}
#footer p {line-height: 13px;}