* {
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 box-sizing:border-box
}
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
pre,
code,
fieldset,
form,
label,
legend,
table {
 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
}
table {
 border-collapse:collapse;
 border-spacing:0
}
input,
textarea {
 outline-style:none;
 border-color:transparent;
 box-shadow:none !important
}
@-webkit-keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes fadeInLeft {
 0% {
  opacity:0;
  -webkit-transform:translateX(-20px);
  -ms-transform:translateX(-20px);
  transform:translateX(-20px)
 }
 100% {
  opacity:1;
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0)
 }
}
@-webkit-keyframes bounceInRight {
 0% {
  opacity:0;
  -webkit-transform:translateX(2000px);
  transform:translateX(2000px)
 }
 60% {
  opacity:1;
  -webkit-transform:translateX(-30px);
  transform:translateX(-30px)
 }
 80% {
  -webkit-transform:translateX(10px);
  transform:translateX(10px)
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes bounceInRight {
 0% {
  opacity:0;
  -webkit-transform:translateX(2000px);
  -ms-transform:translateX(2000px);
  transform:translateX(2000px)
 }
 60% {
  opacity:1;
  -webkit-transform:translateX(-30px);
  -ms-transform:translateX(-30px);
  transform:translateX(-30px)
 }
 80% {
  -webkit-transform:translateX(10px);
  -ms-transform:translateX(10px);
  transform:translateX(10px)
 }
 100% {
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0)
 }
}
@-webkit-keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotateX(90deg);
  transform:perspective(400px) rotateX(90deg);
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotateX(-10deg);
  transform:perspective(400px) rotateX(-10deg)
 }
 70% {
  -webkit-transform:perspective(400px) rotateX(10deg);
  transform:perspective(400px) rotateX(10deg)
 }
 100% {
  -webkit-transform:perspective(400px) rotateX(0deg);
  transform:perspective(400px) rotateX(0deg);
  opacity:1
 }
}
@keyframes flipInX {
 0% {
  -webkit-transform:perspective(400px) rotateX(90deg);
  -ms-transform:perspective(400px) rotateX(90deg);
  transform:perspective(400px) rotateX(90deg);
  opacity:0
 }
 40% {
  -webkit-transform:perspective(400px) rotateX(-10deg);
  -ms-transform:perspective(400px) rotateX(-10deg);
  transform:perspective(400px) rotateX(-10deg)
 }
 70% {
  -webkit-transform:perspective(400px) rotateX(10deg);
  -ms-transform:perspective(400px) rotateX(10deg);
  transform:perspective(400px) rotateX(10deg)
 }
 100% {
  -webkit-transform:perspective(400px) rotateX(0deg);
  -ms-transform:perspective(400px) rotateX(0deg);
  transform:perspective(400px) rotateX(0deg);
  opacity:1
 }
}
@-webkit-keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@keyframes fadeIn {
 0% {
  opacity:0
 }
 100% {
  opacity:1
 }
}
@-webkit-keyframes bounceInLeft {
 0% {
  opacity:0;
  -webkit-transform:translateX(-2000px);
  transform:translateX(-2000px)
 }
 60% {
  opacity:1;
  -webkit-transform:translateX(30px);
  transform:translateX(30px)
 }
 80% {
  -webkit-transform:translateX(-10px);
  transform:translateX(-10px)
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes bounceInLeft {
 0% {
  opacity:0;
  -webkit-transform:translateX(-2000px);
  -ms-transform:translateX(-2000px);
  transform:translateX(-2000px)
 }
 60% {
  opacity:1;
  -webkit-transform:translateX(30px);
  -ms-transform:translateX(30px);
  transform:translateX(30px)
 }
 80% {
  -webkit-transform:translateX(-10px);
  -ms-transform:translateX(-10px);
  transform:translateX(-10px)
 }
 100% {
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0)
 }
}
@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
	url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
	url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
 font-weight:normal;
 font-style:normal;
    
     font-family:'flaticon';
 src:url("fonts/flaticon.eot");
 src:url("fonts/flaticon.eot?#iefix") format("embedded-opentype"),
 url("fonts/flaticon.woff") format("woff"),
 url("fonts/flaticon.ttf") format("truetype"),
 url("fonts/websymbols-regular-webfont.svg#web_symbolsregular") format("svg");
 font-weight:normal;
 font-style:normal
}
strong {
 font-weight:bold
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
 font-family:flaticon;
 font-style:normal
}
.flaticon-accepted:before {
 content:"\e000"
}
.flaticon-add20:before {
 content:"\e001"
}
.flaticon-add70:before {
 content:"\e002"
}
.flaticon-address4:before {
 content:"\e003"
}
.flaticon-advance:before {
 content:"\e004"
}
.flaticon-arrow53:before {
 content:"\e005"
}
.flaticon-arrow54:before {
 content:"\e006"
}
.flaticon-arrow56:before {
 content:"\e007"
}
.flaticon-arrows3:before {
 content:"\e008"
}
.flaticon-b2:before {
 content:"\e009"
}
.flaticon-back3:before {
 content:"\e00a"
}
.flaticon-bar:before {
 content:"\e00b"
}
.flaticon-battery4:before {
 content:"\e00c"
}
.flaticon-big31:before {
 content:"\e00d"
}
.flaticon-big34:before {
 content:"\e00e"
}
.flaticon-big35:before {
 content:"\e00f"
}
.flaticon-big36:before {
 content:"\e010"
}
.flaticon-big37:before {
 content:"\e011"
}
.flaticon-big39:before {
 content:"\e012"
}
.flaticon-big61:before {
 content:"\e013"
}
.flaticon-biretta:before {
 content:"\e014"
}
.flaticon-black25:before {
 content:"\e015"
}
.flaticon-black27:before {
 content:"\e016"
}
.flaticon-botton3:before {
 content:"\e017"
}
.flaticon-botton4:before {
 content:"\e018"
}
.flaticon-botton5:before {
 content:"\e019"
}
.flaticon-botton6:before {
 content:"\e01a"
}
.flaticon-bust:before {
 content:"\e01b"
}
.flaticon-button2:before {
 content:"\e01c"
}
.flaticon-card2:before {
 content:"\e01d"
}
.flaticon-cart1:before {
 content:"\e01e"
}
.flaticon-cc1:before {
 content:"\e01f"
}
.flaticon-cc:before {
 content:"\e020"
}
.flaticon-change:before {
 content:"\e021"
}
.flaticon-chevron2:before {
 content:"\e022"
}
.flaticon-chevron4:before {
 content:"\e023"
}
.flaticon-chevron5:before {
 content:"\e024"
}
.flaticon-circle4:before {
 content:"\e025"
}
.flaticon-circle6:before {
 content:"\e026"
}
.flaticon-circle7:before {
 content:"\e027"
}
.flaticon-circled1:before {
 content:"\e028"
}
.flaticon-circuit:before {
 content:"\e029"
}
.flaticon-code1:before {
 content:"\e02a"
}
.flaticon-cogwheel:before {
 content:"\e02b"
}
.flaticon-color:before {
 content:"\e02c"
}
.flaticon-come:before {
 content:"\e02d"
}
.flaticon-conversation:before {
 content:"\e02e"
}
.flaticon-creative1:before {
 content:"\e02f"
}
.flaticon-creative:before {
 content:"\e030"
}
.flaticon-cupful:before {
 content:"\e031"
}
.flaticon-dark:before {
 content:"\e032"
}
.flaticon-database8:before {
 content:"\e033"
}
.flaticon-diamond:before {
 content:"\e034"
}
.flaticon-diary:before {
 content:"\e035"
}
.flaticon-direction:before {
 content:"\e036"
}
.flaticon-diskette:before {
 content:"\e037"
}
.flaticon-document1:before {
 content:"\e038"
}
.flaticon-dolar:before {
 content:"\e039"
}
.flaticon-donut:before {
 content:"\e03a"
}
.flaticon-draft:before {
 content:"\e03b"
}
.flaticon-dribbble:before {
 content:"\e03c"
}
.flaticon-earth1:before {
 content:"\e03d"
}
.flaticon-entry:before {
 content:"\e03e"
}
.flaticon-exit2:before {
 content:"\e03f"
}
.flaticon-extract:before {
 content:"\e040"
}
.flaticon-facebook4:before {
 content:"\e041"
}
.flaticon-film7:before {
 content:"\e042"
}
.flaticon-flattr:before {
 content:"\e043"
}
.flaticon-float:before {
 content:"\e044"
}
.flaticon-flow2:before {
 content:"\e045"
}
.flaticon-flow4:before {
 content:"\e046"
}
.flaticon-focus:before {
 content:"\e047"
}
.flaticon-folder5:before {
 content:"\e048"
}
.flaticon-folding:before {
 content:"\e049"
}
.flaticon-full4:before {
 content:"\e04a"
}
.flaticon-github2:before {
 content:"\e04b"
}
.flaticon-github3:before {
 content:"\e04c"
}
.flaticon-google10:before {
 content:"\e04d"
}
.flaticon-google7:before {
 content:"\e04e"
}
.flaticon-grating:before {
 content:"\e04f"
}
.flaticon-great6:before {
 content:"\e050"
}
.flaticon-great7:before {
 content:"\e051"
}
.flaticon-help:before {
 content:"\e052"
}
.flaticon-high3:before {
 content:"\e053"
}
.flaticon-highlight:before {
 content:"\e054"
}
.flaticon-honour:before {
 content:"\e055"
}
.flaticon-hourglass3:before {
 content:"\e056"
}
.flaticon-i9:before {
 content:"\e057"
}
.flaticon-imagery:before {
 content:"\e058"
}
.flaticon-inbox:before {
 content:"\e059"
}
.flaticon-infinity:before {
 content:"\e05a"
}
.flaticon-info2:before {
 content:"\e05b"
}
.flaticon-large7:before {
 content:"\e05c"
}
.flaticon-large8:before {
 content:"\e05d"
}
.flaticon-last2:before {
 content:"\e05e"
}
.flaticon-last3:before {
 content:"\e05f"
}
.flaticon-leaf3:before {
 content:"\e060"
}
.flaticon-left10:before {
 content:"\e061"
}
.flaticon-license:before {
 content:"\e062"
}
.flaticon-link5:before {
 content:"\e063"
}
.flaticon-location2:before {
 content:"\e064"
}
.flaticon-lock4:before {
 content:"\e065"
}
.flaticon-logo:before {
 content:"\e066"
}
.flaticon-loop:before {
 content:"\e067"
}
.flaticon-love1:before {
 content:"\e068"
}
.flaticon-lug:before {
 content:"\e069"
}
.flaticon-magnet:before {
 content:"\e06a"
}
.flaticon-many:before {
 content:"\e06b"
}
.flaticon-maximum:before {
 content:"\e06c"
}
.flaticon-mobile4:before {
 content:"\e06d"
}
.flaticon-money:before {
 content:"\e06e"
}
.flaticon-music10:before {
 content:"\e06f"
}
.flaticon-music11:before {
 content:"\e070"
}
.flaticon-network1:before {
 content:"\e071"
}
.flaticon-newspapre:before {
 content:"\e072"
}
.flaticon-no1:before {
 content:"\e073"
}
.flaticon-no5:before {
 content:"\e074"
}
.flaticon-note:before {
 content:"\e075"
}
.flaticon-okey:before {
 content:"\e076"
}
.flaticon-open12:before {
 content:"\e077"
}
.flaticon-open2:before {
 content:"\e078"
}
.flaticon-opposing:before {
 content:"\e079"
}
.flaticon-padlock:before {
 content:"\e07a"
}
.flaticon-paper5:before {
 content:"\e07b"
}
.flaticon-parallel:before {
 content:"\e07c"
}
.flaticon-paypal:before {
 content:"\e07d"
}
.flaticon-pencil5:before {
 content:"\e07e"
}
.flaticon-phone8:before {
 content:"\e07f"
}
.flaticon-photogram:before {
 content:"\e080"
}
.flaticon-picasa:before {
 content:"\e081"
}
.flaticon-pie2:before {
 content:"\e082"
}
.flaticon-pinterest1:before {
 content:"\e083"
}
.flaticon-pinterest4:before {
 content:"\e084"
}
.flaticon-play3:before {
 content:"\e085"
}
.flaticon-pointer1:before {
 content:"\e086"
}
.flaticon-pointer:before {
 content:"\e087"
}
.flaticon-pouch:before {
 content:"\e088"
}
.flaticon-pressure:before {
 content:"\e089"
}
.flaticon-program:before {
 content:"\e08a"
}
.flaticon-progress1:before {
 content:"\e08b"
}
.flaticon-progress:before {
 content:"\e08c"
}
.flaticon-prohibited:before {
 content:"\e08d"
}
.flaticon-radio1:before {
 content:"\e08e"
}
.flaticon-range:before {
 content:"\e08f"
}
.flaticon-rdio1:before {
 content:"\e090"
}
.flaticon-rdio:before {
 content:"\e091"
}
.flaticon-record1:before {
 content:"\e092"
}
.flaticon-remainder:before {
 content:"\e093"
}
.flaticon-reply:before {
 content:"\e094"
}
.flaticon-resize2:before {
 content:"\e095"
}
.flaticon-restore:before {
 content:"\e096"
}
.flaticon-retweet:before {
 content:"\e097"
}
.flaticon-rewind3:before {
 content:"\e098"
}
.flaticon-right7:before {
 content:"\e099"
}
.flaticon-rings1:before {
 content:"\e09a"
}
.flaticon-rubber1:before {
 content:"\e09b"
}
.flaticon-sea1:before {
 content:"\e09c"
}
.flaticon-sections:before {
 content:"\e09d"
}
.flaticon-share4:before {
 content:"\e09e"
}
.flaticon-signal1:before {
 content:"\e09f"
}
.flaticon-signal3:before {
 content:"\e0a0"
}
.flaticon-sina:before {
 content:"\e0a1"
}
.flaticon-small16:before {
 content:"\e0a2"
}
.flaticon-small18:before {
 content:"\e0a3"
}
.flaticon-small21:before {
 content:"\e0a4"
}
.flaticon-small22:before {
 content:"\e0a5"
}
.flaticon-small23:before {
 content:"\e0a6"
}
.flaticon-small24:before {
 content:"\e0a7"
}
.flaticon-small25:before {
 content:"\e0a8"
}
.flaticon-small26:before {
 content:"\e0a9"
}
.flaticon-small27:before {
 content:"\e0aa"
}
.flaticon-small28:before {
 content:"\e0ab"
}
.flaticon-small29:before {
 content:"\e0ac"
}
.flaticon-small30:before {
 content:"\e0ad"
}
.flaticon-small31:before {
 content:"\e0ae"
}
.flaticon-small32:before {
 content:"\e0af"
}
.flaticon-small33:before {
 content:"\e0b0"
}
.flaticon-small34:before {
 content:"\e0b1"
}
.flaticon-small35:before {
 content:"\e0b2"
}
.flaticon-small36:before {
 content:"\e0b3"
}
.flaticon-small37:before {
 content:"\e0b4"
}
.flaticon-small38:before {
 content:"\e0b5"
}
.flaticon-small39:before {
 content:"\e0b6"
}
.flaticon-soundcloud:before {
 content:"\e0b7"
}
.flaticon-spotify:before {
 content:"\e0b8"
}
.flaticon-square5:before {
 content:"\e0b9"
}
.flaticon-star2:before {
 content:"\e0ba"
}
.flaticon-storm:before {
 content:"\e0bb"
}
.flaticon-stumbleupon2:before {
 content:"\e0bc"
}
.flaticon-stumbleupon:before {
 content:"\e0bd"
}
.flaticon-suitcase:before {
 content:"\e0be"
}
.flaticon-sum:before {
 content:"\e0bf"
}
.flaticon-sun1:before {
 content:"\e0c0"
}
.flaticon-sun4:before {
 content:"\e0c1"
}
.flaticon-sweden:before {
 content:"\e0c2"
}
.flaticon-switch:before {
 content:"\e0c3"
}
.flaticon-tag1:before {
 content:"\e0c4"
}
.flaticon-tencent:before {
 content:"\e0c5"
}
.flaticon-text:before {
 content:"\e0c6"
}
.flaticon-thermometer:before {
 content:"\e0c7"
}
.flaticon-thick:before {
 content:"\e0c8"
}
.flaticon-thin1:before {
 content:"\e0c9"
}
.flaticon-thin:before {
 content:"\e0ca"
}
.flaticon-thumbs3:before {
 content:"\e0cb"
}
.flaticon-thundercloud:before {
 content:"\e0cc"
}
.flaticon-traffic1:before {
 content:"\e0cd"
}
.flaticon-triangle3:before {
 content:"\e0ce"
}
.flaticon-tumblr1:before {
 content:"\e0cf"
}
.flaticon-tv:before {
 content:"\e0d0"
}
.flaticon-twitter4:before {
 content:"\e0d1"
}
.flaticon-two17:before {
 content:"\e0d2"
}
.flaticon-two18:before {
 content:"\e0d3"
}
.flaticon-two22:before {
 content:"\e0d4"
}
.flaticon-unbroken:before {
 content:"\e0d5"
}
.flaticon-under1:before {
 content:"\e0d6"
}
.flaticon-up10:before {
 content:"\e0d7"
}
.flaticon-up4:before {
 content:"\e0d8"
}
.flaticon-update:before {
 content:"\e0d9"
}
.flaticon-upload2:before {
 content:"\e0da"
}
.flaticon-usb1:before {
 content:"\e0db"
}
.flaticon-user3:before {
 content:"\e0dc"
}
.flaticon-v:before {
 content:"\e0dd"
}
.flaticon-walkie:before {
 content:"\e0de"
}
.flaticon-water3:before {
 content:"\e0df"
}
.flaticon-working:before {
 content:"\e0e0"
}
.flaticon-work:before {
 content:"\e0e1"
}
.flaticon-x3:before {
 content:"\e0e2"
}
a {
 font-size:16px;
 line-height:19.2px;
 text-decoration:none;
 color:inherit
}
a:link {
 color:inherit
}
a:visited {
 color:inherit
}
a:hover {
 color:inherit
}
a:active,
a a:focus {
 color:inherit
}
h1,
h1>a {
 font-size:38.4px;
 line-height:44.8px;
 font-weight:700
}
h2,
h2>a {
 font-size:35.2px;
 line-height:41.6px;
 font-weight:700
}
h3 {
 font-size:25.6px;
 line-height:32px;
 font-weight:400
}
h4 {
 font-size:22.4px;
 line-height:28.8px;
 font-weight:400
}
h5 {
 font-size:19.2px;
 line-height:25.6px
}
h6 {
 font-size:19.2px;
 line-height:25.6px
}
p {
 font-size:16px;
 line-height:19.2px;
 margin-bottom:20px
}
ul,
li,
td {
 font-size:16px;
 line-height:19.2px
}
ul ol {
 list-style-type:value
}
blockquote {
 border-left:10px solid #666;
 margin:1.5em 10px;
 padding:0.5em 10px;
 quotes:"\201C" "\201D" "\2018" "\2019"
}
blockquote p {
 display:inline;
 font-size:16px
}
blockquote:before {
 content:open-quote;
 font-size:19.2px;
 line-height:22.4px;
 margin-right:0.25em;
 vertical-align:-0.4em
}
pre {
 background:#EEE;
 padding:5px;
 border-left:5px solid #666
}
table {
 margin-bottom:15px
}
th {
 border-bottom:2px solid #000;
 padding:10px 8px
}
td {
 border-bottom:1px solid #ccc;
 padding:6px 8px
}
body {
 font-family: 'open_sansregular', sans-serif;
 font-weight:300;
 font-size:16px;
 color:#666;
 background: #fff
}
.page404 {
 margin:40px auto
}
.yellow {
 color:#fcd68a
}
.info {
 background-position:fixed;
 padding:60px 0;
 text-align:center;
 color:#fff;
 @inclure box-shadow(0px 2px 1px 0px #656565);
 ;
 -webkit-animation-duration:0.6s;
 -moz-animation-duration:0.6s;
 -o-animation-duration:0.6s;
 animation-duration:0.6s;
 -webkit-animation-fill-mode:both;
 -moz-animation-fill-mode:both;
 -o-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-delay:450ms;
 -moz-animation-delay:450ms;
 -o-animation-delay:450ms;
 animation-delay:450ms;
 -webkit-animation-name:fadeIn;
 -moz-animation-name:fadeIn;
 -o-animation-name:fadeIn;
 animation-name:fadeIn
}
.info .bt {
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 -o-border-radius:5px;
 border-radius:5px;
 padding:11px;
 text-decoration:none;
 background:none;
 border:1px solid #fcd68a;
 color:#fcd68a;
 cursor:pointer
}
.info .bt:hover {
 background:none;
 border:2px solid #fcd68a;
 color:#fcd68a;
 cursor:pointer
}
.info h1 {
 font-size:64px;
 line-height:1.4;
 font-weight:700
}
.info p {
 margin-bottom:30px;
 font-size:28.8px;
 line-height:2
}
.info h1,
.info p {
 text-shadow:3px 3px 2px #666
}
.sub-title {
 background-position:fixed;
 padding:15px 0;
 color:#fff;
 @inclure box-shadow(0px 2px 1px 0px #656565);
}
.page {
 background:#fff;
 border-radius:3px;
 padding:12px;
 -webkit-box-shadow:0 1px 2px rgba(0,
 1,
 1,
 0.12);
 -moz-box-shadow:0 1px 2px rgba(0,
 1,
 1,
 0.12);
 box-shadow:0 1px 2px rgba(0,
 1,
 1,
 0.12);
 -webkit-animation-duration:0.6s;
 -moz-animation-duration:0.6s;
 -o-animation-duration:0.6s;
 animation-duration:0.6s;
 -webkit-animation-fill-mode:both;
 -moz-animation-fill-mode:both;
 -o-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-delay:450ms;
 -moz-animation-delay:450ms;
 -o-animation-delay:450ms;
 animation-delay:450ms;
 -webkit-animation-name:bounceInLeft;
 -moz-animation-name:bounceInLeft;
 -o-animation-name:bounceInLeft;
 animation-name:bounceInLeft
}
section {
 overflow:hidden
}
section i {
 margin:0 7px
}
.contenu {
 background:#f5f5f5;
 padding:60px 0
}
article .blog {
 visibility:hidden;
 background:#fff;
 border-radius:3px;
 padding:12px;
 -webkit-box-shadow:0 1px 2px rgba(0,1,1,0.12);
 -moz-box-shadow:0 1px 2px rgba(0,1,1,0.12);
 box-shadow:0 1px 2px rgba(0,1,1,0.12);
 margin-bottom:30px
}
article .blog:first-child {
 visibility:visible;
 -webkit-animation-duration:0.6s;
 -moz-animation-duration:0.6s;
 -o-animation-duration:0.6s;
 animation-duration:0.6s;
 -webkit-animation-fill-mode:both;
 -moz-animation-fill-mode:both;
 -o-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-delay:0ms;
 -moz-animation-delay:0ms;
 -o-animation-delay:0ms;
 animation-delay:0ms;
 -webkit-animation-name:flipInX;
 -moz-animation-name:flipInX;
 -o-animation-name:flipInX;
 animation-name:flipInX
}
article .effet {
 visibility:visible;
 -webkit-animation-duration:0.6s;
 -moz-animation-duration:0.6s;
 -o-animation-duration:0.6s;
 animation-duration:0.6s;
 -webkit-animation-fill-mode:both;
 -moz-animation-fill-mode:both;
 -o-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-delay:0ms;
 -moz-animation-delay:0ms;
 -o-animation-delay:0ms;
 animation-delay:0ms;
 -webkit-animation-name:flipInX;
 -moz-animation-name:flipInX;
 -o-animation-name:flipInX;
 animation-name:flipInX
}
article .titre {
 margin-bottom:20px;
 line-height:1
}
.icon-test {
 padding:0;
 margin:0;
 text-align:center;
 height:120px
}
.icon-test p {
 font-size:12px;
 margin-top:12px
}
.icon-test span {
 font-size:45px;
 display:block;
 line-height:1
}
header {
 background-color:#ffff;
 padding-top:10px;
 @inclure box-shadow(0px 2px 1px 0px #656565);
}
header .logo {
 color:#fff;
 font-size:45px;
 line-height:1
}
header .nav {
 position:relative;
 margin:20px 0
}
header .nav ul li.navigation {
 display:none
}
header .nav ul {
 margin:0;
 padding:0
}
header .nav li {
 margin:0 5px 10px 0;
 padding:0;
 list-style:none;
 display:inline-block
}
header .nav a {
 font-size:16px;
 padding:3px 12px;
 text-decoration:none;
 line-height:1;
 text-transform:uppercase;
 margin-left:20px
}
header .nav a.active:before {
 font-family:flaticon;
 font-style:normal;
 margin-right:5px;
 content:'\e000';
 margin-left:-20px
}
aside {
 -webkit-animation-duration:0.6s;
 -moz-animation-duration:0.6s;
 -o-animation-duration:0.6s;
 animation-duration:0.6s;
 -webkit-animation-fill-mode:both;
 -moz-animation-fill-mode:both;
 -o-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-delay:300ms;
 -moz-animation-delay:300ms;
 -o-animation-delay:300ms;
 animation-delay:300ms;
 -webkit-animation-name:bounceInRight;
 -moz-animation-name:bounceInRight;
 -o-animation-name:bounceInRight;
 animation-name:bounceInRight
}
aside .titre {
 font-weight:400;
 font-size:35.2px;
 text-shadow:0 1px 0 rgba(255,255,255,0.4);
 margin-top:12px
}
aside .widget li {
 list-style:none;
 margin-left:-30px;
 padding:0
}
aside .widget a {
 color:inherit
}
aside .widget {
 margin-bottom:30px
}
label {
 display:inline-block;
 width:100%;
 color:#898787
}
input[type='text'],
textarea {
 background-color:#fff;
 background-image:none;
 border:1px solid #898787;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
 -ms-border-radius:4px;
 -o-border-radius:4px;
 border-radius:4px;
 -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;
 -moz-box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;
 box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;
 color:#555;
 font-size:15px;
 padding:6px 12px !important;
 width:60% !important;
 height:36px !important;
 -webkit-transition-duration:1s;
 -moz-transition-duration:1s;
 -o-transition-duration:1s;
 transition-duration:1s
}
input[type='text']:hover,
textarea:hover {
 border:1px solid #000
}
textarea {
 height:150px !important;
 resize:none
}
input.capcha {
 width:60px
}
input[type='submit'],
.bt,
input[type='reset'] {
 -webkit-appearance:none;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 -ms-border-radius:0;
 -o-border-radius:0;
 border-radius:0;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 -ms-border-radius:5px;
 -o-border-radius:5px;
 border-radius:5px;
 background:#666;
 border:1px solid #666;
 color:#fff;
 font-size:18px;
 padding:11px;
 text-decoration:none
}
input[type='submit']:hover,
.bt:hover,
input[type='reset']:hover {
 background:none;
 border:1px solid #666;
 color:#666;
 cursor:pointer
}
form p {
 margin:10px 0 0 0
}
#id_rep {
 width:20% !important
}
.info_comment {
 font-weight:400;
 margin-top:20px
}
.content_com {
 font-style:italic;
 color:#898787
}
footer {
 background:#333;
 color:#fff;
 padding:16px 0 7px 0
}
footer i {
 margin:0 5px 0 12px
}
footer p {
 line-height:1
}
footer a:hover {
 color:#fcd68a
}
.wrap {
 width:1160px;
 margin:0 auto
}
.wrap:after {
 content:"";
 display:table;
 clear:both
}
.clear:before,
.clear:after {
 content:" ";
 display:table
}
.clear:after {
 clear:both
}
.clear {
 *zoom:1
}
.bloc-1,
.bloc-2,
.bloc-3,
.bloc-4,
.bloc-5,
.bloc-6,
.bloc-7,
.bloc-8,
.bloc-9,
.bloc-10,
.bloc-11,
.bloc-12 {
 float:none;
 position:relative;
 min-height:1px;
 padding:0 10px
}
.bloc-1 img,
.bloc-2 img,
.bloc-3 img,
.bloc-4 img,
.bloc-5 img,
.bloc-6 img,
.bloc-7 img,
.bloc-8 img,
.bloc-9 img,
.bloc-10 img,
.bloc-11 img,
.bloc-12 img {
 max-width:100%
}
.bloc-1 {
 width:8.33333%
}
.bloc-2 {
 width:16.66667%
}
.bloc-3 {
 width:25%
}
.bloc-4 {
 width:33.33333%
}
.bloc-5 {
 width:41.66667%
}
.bloc-6 {
 width:50%
}
.bloc-7 {
 width:58.33333%
}
.bloc-8 {
 width:66.66667%
}
.bloc-9 {
 width:75%
}
.bloc-10 {
 width:83.33333%
}
.bloc-11 {
 width:91.66667%
}
.bloc-12 {
 width:100%
}
@media handheld, only screen and (max-width: 1160px) {
 .wrap {
  width:100%
 }
}
@media handheld, only screen and (max-width: 768px) {
 .wrap {
  width:100%;
  min-width:0;
  margin:0;
  padding:0
 }
 [class*='bloc-'] {
  width:auto;
  float:none;
  margin:0;
  padding-top:10px
 }
 img {
  max-width:100%;
  height:auto
 }
 header {
  padding:0;
  background:background: url(http://12v.fr/lula2/data/medias/ent%C3%AAte.jpg) top center no-repeat;
 }
 header .nav {
  position:relative;
  min-height:40px
 }
 header .nav a.active:before {
  display:none
 }
 header .nav ul {
  width:60%;
  padding:5px 0;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  border:1px solid #666;
  background:#fcd68a url(img/icon-menu.png) no-repeat 10px 14px;
  border-radius:5px
 }
 header .nav li {
  display:none;
  margin:0
 }
 header .nav ul li.navigation {
  display:block
 }
 header .nav a {
  display:block;
  padding:5px 5px 5px 32px;
  text-align:left
 }
 header .nav .navigation a {
  background:none
 }
 header .nav ul:hover {
  background-image:none
 }
 header .nav ul:hover li {
  display:block;
  margin:0 0 5px
 }
 header .nav ul:hover .active {
  background:url(img/icon-check.png) no-repeat 10px 10px
 }
 input[type='text'],
 textarea,
 input.capcha,
 input[type='submit'] {
  width:100% !important
 }
 .hiden {
  display:none
 }
}
bannerimage {
  width: 100%;
  background-image: url(http://12v.fr/lula2/data/medias/ent%C3%AAte.jpg);
  height: 405px;
  background-color: purple;
  background-position: center;
}