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{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
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:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
span.clear{clear:both;display:block;height:1px;margin:-1px 0 0 0;width:100%}
div.alert_box, p.alert_box{font-family:'DeliciousRoman';display:block;padding:6px 7px;font-weight:normal !important;font-size:13px;background:#eee;border:1px solid rgba(0,0,0,0.1);margin-top:.7em;margin-bottom:12px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;text-shadow:0 1px rgba(255,255,255,0.9);position:relative;}
.alert_box.error{background-color:#c00000 !important;color:#fff;text-shadow:0 -1px rgba(0,0,0,0.3);}
.alert_box.success{background-color:#7fae00 !important;color:#fff;text-shadow:0 -1px rgba(0,0,0,0.3);}
.alert_box.warning{background-color:#f68b01 !important;color:#fff;text-shadow:0 -1px rgba(0,0,0,0.3);}
.resultat{height:0px;}
.alert_box a.close{color:#000;position:absolute;right:4px;top:0;font-size:18px;opacity:0.2;padding:4px;text-decoration:none}
.alert_box a.close:hover,.alert_box a.close:focus{opacity:0.4;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
html{background:#222}
body{font-family:'DeliciousRoman';font-size:100%; border-top: 5px solid #222}
header,
#presentation article,
#steps ul,
.step,
#about{
  margin:0 auto;
  max-width:880px;
  width:100%;
}
.about-wrap {border-top:10px solid #222; padding: 40px 0}
#header-wrapper{background:#fdfce5}
header{padding:1em 0; height: 245px}
footer{margin:2em 0 0;padding:2em 0;border-top:1px solid #ccc;color:#BAB6B6;font-size:.75em;clear:both}
footer ul{width:100%;text-align:center}
footer li{display:inline-block;padding:0 .15em}
footer a{color:#BAB6B6;text-decoration:none}
footer a:hover{color:#BAB6B6;text-decoration:underline}
.yooda{display:inline-block;text-align:left;margin-left:-30px;width:100%}
.try_it{display:block;color:#0A7894;margin-top:30px;margin-bottom:15px}
#logo, #main_nav{width:50%}
#logo{
  float:left;
  width:397px;
  margin:20px 0 0 -10px;
  height:138px;
  text-indent:-999em;
  background:transparent url('../images/logo.png') 0 0 no-repeat
}
#main_nav{float:right;text-align:right;padding-top:5.2875em}
#main_nav li{display:inline-block;font-size:.875em;margin:0 0 0 10px}
#main_nav li a{color:#696969;text-decoration:none;padding-bottom:.25em;border-bottom:2px solid rgba(10, 120, 148, 0)}
#fb a, #twitter a{font-family:'WebSymbolsRegular';font-size:1.2em}
#fb a:hover, #twitter a:hover{border-bottom:2px solid rgba(10, 120, 148, 0) !important}
#main_nav #fb a:hover{color:#3b5998}
#main_nav #twitter a:hover{color:#499ee8}
#main_nav #twitter{margin-left:.1em}
#fb span, #twitter span{width:0px;height:0;display:inline-block;text-indent:-999em;overflow:hidden;opacity:0}
input[type="text"], textarea{font-family:'DeliciousRoman';}
input[type="text"]{padding:.95em .8em;border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
input[type="submit"], a.link_result{font-family:'nevisBold';background:#1289a2;background:-moz-linear-gradient(top, #1289a2 1%, #076582 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,#1289a2), color-stop(100%,#076582));background:-webkit-linear-gradient(top, #1289a2 1%,#076582 100%);background:-o-linear-gradient(top, #1289a2 1%,#076582 100%);background:-ms-linear-gradient(top, #1289a2 1%,#076582 100%);background:linear-gradient(top, #1289a2 1%,#076582 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1289a2', endColorstr='#076582',GradientType=0);border:none;display:inline-block;padding:0 2em;text-transform:uppercase;color:#fff;text-shadow:1px 1px 1px #114859;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;text-decoration:none;line-height:1;font-size:.9375em;margin:0;height:35px;line-height:35px;}
input[type="submit"]{width:130px;padding-top:0;padding-bottom:0}
input.valid_contact{width:280px;text-align:center;}
textarea{padding:.5em 2%;width:95%;margin:0 0 1em;min-height:200px;border:1px solid #999;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
a.link_result{position:relative;top:-35px;color:#fdec63;left:10em;}
span.custom{display:inline-block;width:10px;height:10px;position:relative;top:2px;border:solid 1px #ccc;}
span.custom.radio{border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
span.custom.radio.checked{background:#0A7894}
span.custom.checkbox.checked{background-position:0 -28px;}
#presentation{
  padding:0 0 1.5em;
  height: 403px;
  background: transparent url('../images/band.jpg') center top no-repeat;
  overflow: hidden;
  border-top: 1px solid #a8a8a8;
  border-bottom: 1px solid #a8a8a8;
  -webkit-box-shadow: inset 0 -1px 1px white;
  -webkit-box-shadow: inset 0 1px 1px white
}
#presentation article {
  position: relative;
  top: 35px
}
#presentation h2,
#presentation p {
  width: 540px
}
#presentation h2{color:#0A7894;font-family:'nevisBold';font-size:1.9em;margin:0 0 1.1em;text-transform:uppercase}
#presentation h2 span{color:#fff}
#presentation > article:first-child p{line-height:1.517em;color:#fff;font-size:1.6em}
#presentation > article:first-child p strong{font-weight:normal;color:#0A7894}
#presentation a{
  font-family:'nevisBold';
  text-transform: uppercase;
  background:#0A7894;
  color: #fff;
  text-decoration:none;
  display:inline-block;
  margin:.6em 0 0 37em;
  padding: .85em .75em;
  -webkit-border-radius: 5px;
  border-radius: 5px
}
#presentation article.slider{float:right;width:53.409009%;}
#radio_1, #radio_2{margin:0 0 .7em;display:inline-block}
#content-wrapper .step {
  padding: 3.5em 0 2.5em;
  overflow: hidden
}
#steps{
  border-bottom:1px solid #6caebf;
  display:inline-block;
  float: left;
  width:100%;
  background: #0a7894
}
#steps li{float:left;width:33.333333%}
#steps li a{font-size:1em;padding:1.5em 0;display:inline-block;font-family:'nevisBold';color:#5d8a96;text-transform:uppercase;text-decoration:none;}
#steps li a, #steps li a span, #main_nav li a{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-transition:all .5s ease-in-out;}
#steps span{background:#5d8a96;color:#9dc9d4;width:33px;height:33px;-webkit-border-radius:33px;-moz-border-radius:33px;-o-border-radius:33px;border-radius:33px;line-height:33px;text-align:center;display:inline-block}
#steps li a:hover, #steps li a.active{color:#fff;}
#main_nav li a:hover, #main_nav li a.active{border-bottom:2px solid #0A7894}
#steps li a:hover span, #steps li a.active span{background:#fff;color:#0a7894}
#content-wrapper{background: #fff; float: left; width: 100%}
#step1, #step2, #step3, #about, #contact{padding:1em 0 0}
.info_step, .content_step{float:left;display:inline-block}
.info_step{font-family:'DeliciousBold';color:#696969;width:31.8409%;margin:0 5.982% 0 0;padding:0 0 0 4.5454%;line-height:1.3em}
.content_step{width:56.9%}
.content_step div > p{font-size:.875em;color:#696969;margin:0 0 .6em;line-height:1.45em}
.content_step li{padding:.8em 0 0;margin:.8em 0 0;border-top:1px dotted #696969}
.content_step li:first-child{margin-top:0;padding-top:0;border-top:0 none}
.content_step div > p:first-child{font-family:'DeliciousBold';font-size:1.125em;margin:0 0 .525em;color:#0a7894}
.content_step input[type="text"]{width:60%;margin:0 0 .8em}
.content_step input[type="checkbox"]{margin:0 .5em .8em 0;display:inline-block;}
.content_step strong{font-family:'DeliciousBold';}
#about, #contact{color:dimGray}
#about li, #about dd, #about dt{margin:0 0 .55em;padding:0;line-height:1.5em;}
#about dd, #about dt{width:70%}
#about dt{font-family:'DeliciousBold';margin-bottom:.2em}
#about dl{padding:0 0 0 2%;border-left:2px solid #efefef;margin:2em 0 2em 2em}
#about a{color:#0A7894;text-decoration:none}
#about a:hover{text-decoration:underline}
#about h2, #contact h2{font-family:'DeliciousBold';color:#0A7894;margin:0 0 .75em;font-size:1.65em}
#about p, #contact p{font-size:.975em;margin:0 0 .525em;line-height:1.5em}
#about h3, #contact h3, #contact p.legend{font-family:'DeliciousBold';color:#0A7894;margin:2em 0 .75em;}
#contact{padding-left:20%;padding-right:20%}
#contact p.legend{font-size:1.05em;margin:0 0 1em}
#contact label{font-size:.85em;margin:0 0 .5em;display:block}
#contact input[type="text"]{width:200px;margin:0 0 1em}
#contact fieldset{padding:1em 0 0;margin:1em 0 0;border-top:1px solid #ccc}
form.custom div.custom.dropdown{display:block;position:relative;width:60.5% !important;height:44px;margin-bottom:9px;margin-top:2px;}
form.custom div.custom.dropdown a.current{display:block;width:auto;line-height:42px;min-height:42px;padding:0 38px 0 6px;border:solid 1px #999;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;color:#141414;background-color:#fff;color:#444;text-decoration:none}
form.custom div.custom.dropdown a.selector{position:absolute;width:26px;height:44px;display:block;background:url('../images/custom-form-sprites.png') -14px 10px no-repeat;right:0;top:0;border:solid 1px #999;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-o-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}
form.custom div.custom.dropdown:hover a.selector,
form.custom div.custom.dropdown.open a.selector{background-position:-14px -16px;}
form.custom div.custom.dropdown ul{position:absolute;width:91.5% !important;display:none;margin:0;left:0;top:44px;margin:0;padding:0;background:#fff;background:rgba(255,255,255,0.95);border:solid 1px #ddd;}
form.custom div.custom.dropdown ul li{cursor:pointer;padding:3px 38px 3px 6px;min-height:18px;margin:0;white-space:nowrap;color:#777}
form.custom div.custom.dropdown ul li.selected{background:url(../images/misc/custom-form-sprites.png) right -52px no-repeat;}
form.custom div.custom.dropdown ul li:hover{background-color:#ccc;color:#444;}
form.custom div.custom.dropdown ul li.selected:hover{background-color:#999;color:#fff;}
form.custom div.custom.dropdown ul.show{display:block;}
form.custom div.custom.dropdown.open ul{display:block;z-index:10;}
form.custom div.custom.dropdown.small{width:134px !important;}
form.custom div.custom.dropdown.medium{width:254px !important;}
form.custom div.custom.dropdown.large{width:434px !important;}
form.custom div.custom.dropdown.expand{width:100% !important;}
form.custom div.custom.dropdown.open.small ul{width:132px !important;}
form.custom div.custom.dropdown.open.medium ul{width:252px !important;}
form.custom div.custom.dropdown.open.large ul{width:432px !important;}
form.custom div.custom.dropdown.open.expand ul{width:100% !important;box-sizing:border-box;}
.flexslider{border:0 none;}
.flexslider img{-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
@font-face{font-family:'nevisBold';src:url('../fonts/nevis-webfont.eot');src:url('../fonts/nevis-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/nevis-webfont.woff') format('woff'),
url('../fonts/nevis-webfont.ttf') format('truetype'),
url('../fonts/nevis-webfont.svg#nevisBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'DeliciousBold';src:url('../fonts/delicious-bold-webfont.eot');src:url('../fonts/delicious-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/delicious-bold-webfont.woff') format('woff'),
url('../fonts/delicious-bold-webfont.ttf') format('truetype'),
url('../fonts/delicious-bold-webfont.svg#DeliciousBold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'DeliciousRoman';src:url('../fonts/delicious-roman-webfont.eot');src:url('../fonts/delicious-roman-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/delicious-roman-webfont.woff') format('woff'),
url('../fonts/delicious-roman-webfont.ttf') format('truetype'),
url('../fonts/delicious-roman-webfont.svg#DeliciousRoman') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'WebSymbolsRegular';src:url('../fonts/websymbols-regular-webfont.eot');src:url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/websymbols-regular-webfont.woff') format('woff'),
url('../fonts/websymbols-regular-webfont.ttf') format('truetype');font-weight:normal;font-style:normal;}
@media only screen and (min-width: 569px) and (max-width: 1000px) {
  #logo {margin:20px auto 0; float: none}
  #main_nav {float: none; margin: 0 auto; padding-top: 0; text-align: center}
  #steps li a {font-size: 1.25em}
  #presentation {padding-left: 5%; padding-right: 5%}
  #presentation h2, #presentation p {width: 100%}
  #presentation a {float: right; width: 280px; margin-right: 0}
  #presentation > article:first-child p {font-size: 1.4em}
  #steps {padding: .55em 2%}
  #steps li{float:none;width:100%; border-top: 1px solid #efefef; text-align: center}
  #steps li:first-child{border-top: 0 none}
  #steps li a {padding:.5em 0; text-align: left; width: 335px;}
  #steps span {width: 25px; height: 25px; line-height: 25px; -webkit-border-radius: 50%; border-radius: 50%}
}
@media only screen and (min-device-width:481px) and (max-device-width:1024px) and (orientation:portrait){body{-webkit-text-size-adjust:none;}
}
@media only screen and (max-width: 568px) {
body{
  -webkit-text-size-adjust:none;
  width:100%;
  background: #fff
  }
input[type="text"],
textarea{
  width:100% !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
form.custom div.custom.dropdown ul {width: 93% !important;}
form.custom div.custom.dropdown{width:100% !important}
header {height: 180px; position: relative}
#header-wrapper {
  background: none
}
#logo{position:relative;float:none;text-align:center;width:auto; background-size: 60%; background-position: center center}
#main_nav{float:none;text-align:center;width:100%; margin:0; padding:0; position: absolute; top:8px; left: 0}
#presentation {display: none}
#presentation article{float:none;display:inline-block;width:100%}
#presentation > article:first-child{width:100%}
#presentation h2{margin:.75em 0 .7em; width: 100%}
#presentation > article:first-child p{text-align:left;font-size:1em;line-height:1.3em}
#steps li{float:none;width:100%}
.info_step, .content_step{float:none;}
.info_step{
  width:95%;
  margin-right:0;
  padding-left:0;
  padding-bottom:1em;
  border-bottom:1px dotted #ccc;
  margin-bottom:1em;
  margin-left: 2.5%;
  font-family: helvetica, Trebuchet MS, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 19px;
}
.info_step br {
  display: none
}
.content_step{
  width: 95%;
  margin: 0 0 0 2.5%
}
.content_step div > p:first-child {
  text-transform: uppercase;
  text-align: center;
  margin: 1.5em 0
}
.content_step li {
  border-top:  0 none;
  margin-top: 0
}
#steps {
  background: none;
  border-bottom: 0 none
}
#steps li a{
  width:95%;
  padding:.7em 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 1em 2.5%;
  background: #ccc;
  opacity: .4;
  filter:alpha(opacity=40);
  -webkit-border-radius: 3px;
  border-radius: 3px
}
.try_it,
.yooda,
.yooda + img {
  display: none
}

#steps li a.active,
#steps li a:hover {
  background: #0a7894;
  opacity: 1;
  filter:alpha(opacity=100);
}

#content-wrapper .step {
  padding-top: .85em
}
#presentation article.slider{float:none;width:100%;margin:1em 0 0}
#about dl{margin-left:.5em;}
#about dd{width:95%}
#contact{padding-left:2%;padding-right:2%}
#contact input[type="submit"]{
  height: 35px;
  line-height: 35px
}
.last-step {
  text-align: center
}
  .last-step p {
    text-align: left
  }
  .last-step [type="submit"] {
      margin: 1em 0 0
  }
#steps span{width:25px;height:25px;line-height:25px}
#steps li a{font-size:.85em}
}
@media screen and (min-width:321px) and (max-width:480px){}