html,body,div,span,applet,object,iframe,h1,h2,h3,h4,.tile.text time,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,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:inherit;font-size:100%;vertical-align:baseline}
.couleurdominante{background:#77BDBF}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
*{background-repeat:no-repeat;position:relative;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{font-family:"Hind",sans-serif;font-size:1.15rem;line-height:1.7rem;background:#fff;font-weight:400}
i {font-style:italic}



#booking input:not([type="checkbox"]),#booking .pax,#booking .textarea,#booking #dates_plus  {font-size:16px;width:100%;border:0px;padding:20px 32px;margin:0 auto 12px;font-family:"Raleway";font-weight:400;color:#A0A0A0}
#booking input:not([type="checkbox"]),#booking .pax,#booking .textarea  {background:#DDEEEE;}
#booking #dates_plus  {padding:2px 5px 8px 32px;margin:0px}
#booking .dates2 {background:#C0DEDE;margin:0px 0px 6px 0px}
#booking .textarea  {height:150px;margin:0px}
#booking input.submit {background:#77BDBF;color:white}
#booking .status {font-size:20px;width:100%;border:0px;padding:10px 32px;margin:0px;font-family:"Raleway";font-weight:400;color:#666}


.inverse {background:black;color:white}
.fonce,.fonce2 {background:#555;color:white}
.clair,.clair2 {background:#EEE;color:black}
.bleu {background:#77BDBF;color:white}
.bleu_clair {background:#E1F0F0;color:black}

.bloc_alert,.alerte,.warning,.bloc_alerte {padding:30px;color:white;background:red;font-size:20px}

.tableau .clair {background:#E1F0F0}
.tableau .clair2 {background:#D0E7E7}
.tableau .fonce {background:#BBB;}
.tableau .fonce2 {background:#B0B0B0;}
.billets .fonce {background:#77BDBF;}
.billets .clair {background:#95CCCE;color:white;}
.tableau .info {font-size:12px}
.horaires .titre {text-align:right}
.tableau .cell {float:left;margin-right:7px;padding:12px 15px}
.billets .cell,.billets2 .cell {font-size:15px;width:48%;height:170px;overflow:auto}
.billets3 .cell {font-size:15px;width:31%;height:170px;overflow:auto}
.billets .titre {height:50px}
.billets .cell {margin-right:2px;}
.horaires .cell {font-size:15px;width:31%;height:70px}
.horaires .cell.libelle {height:50px}
.horaires .cell u {font:19px/1.7 "Raleway";font-weight:700;text-decoration:none}

main #booking .biz_prix {margin-bottom:10px}
.biz_prix  {width:100%;}
.biz_prix .cell {margin-right:2px;}
.biz_prix .titre {text-align:right}
.biz_prix .gauche {text-align:left}
.biz_prix .cell {font-size:15px;width:50%;height:100px}
.biz_prix .nombre {width:28%;}
.biz_prix .prix {width:20%;}
.biz_prix .cell.libelle {height:50px}
.biz_prix .cell u {font:19px/1.7 "Raleway";font-weight:700;text-decoration:none}
.biz_prix i {font-size:13px}
.biz_prix  .commentaire {height:50px;width:98.5%;}
.biz_prix .troiscol .commentaire {height:50px;width:97%;}
.biz_prix .troiscol .titre {width:45%;}
.biz_prix .troiscol .nombre {width:15%;}
.biz_prix .troiscol .prix {width:18%;}
.biz_prix .deuxcol .commentaire {height:50px;width:98%;}
.biz_prix .deuxcol .titre {width:60%;}
.biz_prix .deuxcol .prix {width:38%;}
.biz_prix .bas .cell,.biz_prix .cell_bas {height:70px}
.biz_prix .haut {height:120px;}
.biz_prix .bas .haut {height:100px;}
.biz_prix .bas .treshaut,.biz_prix  .treshaut {height:160px;}

.form_commentaire {padding:5px 20px;font-size:13px;background:#CCC;color:white;margin:0px}

ul.infos  {margin:15px 0px;font-size:13px}
ul.adresse  {margin:15px 0px;font-size:13px;font-family:'Hind',sans-serif}

@media (min-width: 0) and (max-width: 656px){body{font-size:18px}
}
a{color:inherit;text-decoration:none}
a:hover{color:#77BDBF}
ul.blocks{padding-bottom:100px}
ul.blocks>li{text-align:center;min-height:140px;max-width:1280px;margin:0 auto;font-size:16px}
ul.blocks>li:before{content:'';width:92px;height:2px;display:inline-block;background:#dadada;position:absolute;bottom:-1px;left:50%;margin-left:-46px}
ul.blocks.half>li{width:50%;float:left}
ul.blocks.half>li:nth-child(odd){clear:left}
.block{padding:40px;display:block;cursor:pointer}
.block span{color:#999}
.block:hover{background:#77BDBF !important;color:#fff}
.block:hover span,.block:hover b,.block:hover p,.block:hover h4,.block:hover .tile.text time,.tile.text .block:hover time{color:#fff !important}
h1{font-family:"Raleway",sans-serif;font-size:78px;font-weight:800;line-height:1.1;letter-spacing:-0.06em;margin-bottom:0.2em}
h2{font-family:"Raleway",sans-serif;font-size:64px;line-height:1.2;letter-spacing:-0.06em;font-weight:800;margin-bottom:0.7em;}
h2.typed{font-size:42px;color:#000}
h3{font-family:"Raleway",sans-serif;font-size:2.8rem;font-weight:700;line-height:3.3rem;margin-bottom:0.3rem}
h3.typed,.nto main figcaption{font-size:22px}

@media (min-width: 0) and (max-width: 656px){h3.typed,.nto main figcaption{font-size:28px}
}
h4,.tile.text time{font-family:"Trirong",serif;font-size:38px;line-height:1.2;letter-spacing:-0.02em;font-weight:700}
h5{font-family:"Trirong",serif;font-size:1.6rem;letter-spacing:-0.06em;font-weight:normal;margin-bottom:0.5em}

@media (min-width: 0) and (max-width: 656px){h5{font-size:22px}
}
h6{font-family:"Trirong",serif;font-size:16px;letter-spacing:-0.06em;font-weight:normal}
.typed{font-family:"Raleway",sans-serif;line-height:1.4;letter-spacing:-0.00em;color:#A1CBCB;text-align:center}
strong{font-weight:bold}
em{font-family:"Hind",sans-serif;font-style:italic}

code{font-family:"Courier New", monospace;background:#fff}
p{margin-bottom:0.1em;margin-top:1.3em;}
.pnotop p {margin-top:0em}
q{font:38px/1.2 "Raleway",sans-serif;letter-spacing:-0.06em;display:inline-block;margin:54px}

@media (min-width: 1297px){q{float:right;width:55%;margin-right:-25%}
}
input:not([type="checkbox"]){width:48%;height:70px;font:15px/30px Arial,sans-serif;color:#fafafa;background:#000;border:0;padding:20px}
button{border:0}
.button{cursor:pointer;text-decoration:none !important;display:inline-block;font-family:Arial,sans-serif;font-weight:bold;text-align:center;color:#fff;-webkit-transition:background-color 0.3s,opacity 0.3s;-moz-transition:background-color 0.3s,opacity 0.3s;-o-transition:background-color 0.3s,opacity 0.3s;transition:background-color 0.3s,opacity 0.3s}
.button:hover{background-color:#77BDBF !important;color:#fff}
.button.black{background:#000;width:160px;height:54px;line-height:54px;font-size:13px}

@media (min-width: 0) and (max-width: 656px){.button.black{width:100%;height:100px;line-height:100px;font-size:24px}
}

@media (min-width: 657px) and (max-width: 977px){.button.black{width:260px}
}
.button.grey-border{color:#000;height:54px;line-height:48px;border:3px #cccccc solid;width:210px}
.button.grey-border:hover{background-color:inherit !important;border-color:#77BDBF}
.button.play{width:80px;height:80px;background:rgba(236,0,140,0.8) url("../pics/maquette/play-icon.png") 50% 50% no-repeat}
.button.link{height:70px;line-height:70px;width:146px;background-color:#262626}
.button.link span{background:url("../pics/maquette/icon-link.png") top left no-repeat;height:10px;line-height:10px;padding-left:30px;display:inline-block;vertical-align:top}
.button.load{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all}
.button.load.loading{color:transparent;background:#232525 url("../pics/maquette/loader.gif") 50% 50% no-repeat !important}
.social{width:64px;height:64px;display:inline-block;margin:10px 0 5px;background-color:#232525;background-size:100% 100%;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-o-transition:background-color 0.3s;transition:background-color 0.3s}
.social.facebook{background-image:url("../pics/maquette/facebook.png")}
.social.twitter{background-image:url("../pics/maquette/twitter.png")}
.social.linkedin{background-image:url("../pics/maquette/linkedin.png")}
.social.gplus{background-image:url("../pics/maquette/gplus.png")}
.social.pinterest{background-image:url("../pics/maquette/pinterest.png")}
.social.instagram{background-image:url("../pics/maquette/instagram.png")}
.social.email{background-image:url("../pics/maquette/email.png")}
.social:hover{background-color:#77BDBF}
.right{float:right}
.left{float:left}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.intitule{font:13px Arial,sans-serif}
.intitule a,.intitule b{color:#77BDBF;font-weight:bold;text-transform:uppercase}
p.caption{text-align:center;font:26px "Raleway"}
.arrow-down{padding-bottom:54px}
.arrow-down:after{content:"\2193";position:absolute;bottom:0;left:0;text-align:center;width:100%;font-family:Heiti, 'Lucida Grande' !important;font-size:36px}
main.arrow-down{padding-top:92px;padding-bottom:inherit}
main.arrow-down:after{bottom:auto;top:0;color:#fff;-webkit-transition:color 0.2s ease-in;-webkit-transition-delay:0.4s;-moz-transition:color 0.2s ease-in 0.4s;-o-transition:color 0.2s ease-in 0.4s;transition:color 0.2s ease-in 0.4s}
main.arrow-down.scroll:after{color:#000}
.arrow{font-family:Heiti, 'Lucida Grande' !important;vertical-align:middle;display:inline-block}
.gutter{padding:0 40px}
.center{display:table;width:100%;height:100%}
.center span{display:table-cell;vertical-align:middle;padding:40px;color:#fff;line-height:1.2}
header .v-center{display:table;width:100%;height:100%}
header .v-center>div{display:table-cell;vertical-align:middle}
.video+h1 span{position:absolute;display:block;top:50%;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
video{width:100%;height:auto;min-height:270px;display:block}
.video{overflow:hidden}
.video .popout{height:100%}
.video .popout>div{background-size:cover}
.video .play{z-index:2;position:absolute;display:block;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

.video+h1{position:absolute;top:0;bottom:0;width:100%;text-align:center;color:#fff;margin:0;background:url("../pics/maquette/pixel.png")}
.touch-device video{min-height:80px !important;width:80px;height:80px;top:50%;left:50%;margin-top:-40px;margin-left:-40px;position:absolute}
.touch-device .video .popout>div{width:100%;height:100%}
.touch-device .play.button{background-color:#77BDBF}
.touch-device body.nto .video{background-size:cover}
.touch-device body.nto video{margin-left:240px}
video:-webkit-full-screen{top:0;left:0}
body:not(.touch-device) .video .popout>div{background:none !important}
.controls{opacity:0;visibility:hidden;position:absolute;width:100%;height:35px;bottom:0;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}
.controls .inner>div{position:absolute;height:25px;top:5px}

.controls .plause{left:5px;width:25px;cursor:pointer}
.controls .plause span{display:block;width:8px;height:9px;margin:8px auto;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-left:10px solid #fff}
.controls .progress{left:40px;right:80px}
.controls .progress div{position:absolute;width:0;height:9px;left:0;margin:8px 0}
.controls .progress div.loaded{opacity:0.8;background-color:#f73d9e}
.controls .progress div.played{background:#fff}
.controls .time{width:75px;right:5px;font:10px/25px "Raleway",sans-serif;color:#fff;text-align:center}
.video.playing video:hover+.controls,.video.playing .controls:hover{opacity:1;visibility:visible;-webkit-transition:opacity 0.3s ease-in-out;-moz-transition:opacity 0.3s ease-in-out;-o-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}
.video.playing .controls .plause span{border-top:0px;border-right:3px solid #fff;border-bottom:0px;border-left:3px solid #fff}
html{position:static;width:100%;height:100%}
body{}
.ocontainer{margin:0 auto;width:640px}

@media (min-width: 0) and (max-width: 656px){.ocontainer{width:640px}
}

@media (min-width: 657px) and (max-width: 977px){.ocontainer{width:640px}
}

@media (min-width: 977px) and (max-width: 1296px){.ocontainer{width:960px}
}

@media (min-width: 1297px){.ocontainer{width:1280px}
}

main{display:block}
#top-overlap{margin-top:-320px;-webkit-transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1);transition:margin-top 1s cubic-bezier(0.7, 0.01, 0.3, 1)}
#top-overlap.scroll{margin-top:0}

@media (min-width: 0) and (max-width: 656px){#top-overlap{margin-top:-200px}
}

@media (min-width: 657px) and (max-width: 977px){#top-overlap{margin-top:-240px}
}
header+h2{color:#000;margin:0;padding-top:84px}
.main-section{padding:80px 0}
body>nav{position:fixed;top:0;left:0;width:100%;height:105px;font:60px "Raleway";color:#fff;padding-top:0px;background:none;z-index:1000;overflow:hidden;backface-visibility:hidden;-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)}
body>nav .abar{z-index:2000;margin-top:0px;width:100%;height:100px;background:none;-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)}
body>nav .nav-background{z-index:1500;position:absolute;top:0px;width:100%;height:100%;background:none;display:table;-webkit-transition:background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);transition:background-color 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)}
body>nav #logo{width:144px;height:74px;padding:58px 40px;z-index:1000;background-image:url("../pics/maquette/logo_plein_bleu_65.png");background-position:50% 50%;background-repeat:no-repeat;display:block;position:absolute;top:0;left:0;-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)}
body>nav #logo:hover{background-image:url("../pics/maquette/logo_plein_bleu_65_com.png");}
body>nav #toggle{width:104px;height:74px;padding:45px 40px;z-index:1000;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer;position:absolute;top:0;right:0;-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)}
body>nav #toggle .patty{width:24px;height:4px;margin:10px 0;background:#77BDBF;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
body>nav #toggle .patty:after,body>nav #toggle .patty:before{content:'';display:block;width:24px;height:4px;background:#77BDBF;position:absolute;z-index:-1;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
body>nav #toggle .patty:before{top:-8px}
body>nav #toggle .patty:after{top:8px}
body>nav #toggle:hover{-webkit-transition:top 0.4s;-moz-transition:top 0.4s;-o-transition:top 0.4s;transition:top 0.4s}
body>nav #toggle:hover .patty:before{top:-9px}
body>nav #toggle:hover .patty:after{top:9px}
body>nav ul{visibility:hidden;top:-10%;width:100%;padding:0;opacity:0;display:table-cell;vertical-align:middle;-webkit-transform:perspective(600px) rotateX(10deg);-moz-transform:perspective(600px) rotateX(10deg);-ms-transform:perspective(600px) rotateX(10deg);-o-transform:perspective(600px) rotateX(10deg);transform:perspective(600px) rotateX(10deg);-webkit-transition:all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);-moz-transition:all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);-o-transition:all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63);transition:all 0.5s cubic-bezier(0.7, 0, 0.36, 0.63)}

body>nav li{list-style:none;text-align:center}
body>nav li a{padding:8px 0 0;width:100%;display:block;letter-spacing:-0.06em}
body>nav li a:hover{background:#fff}
body>nav li a:focus{outline:0}
body>nav.solid{height:80px;padding-top:0}
body>nav.solid .bar{margin-top:-20px;background-color:#77BDBF;background-color:rgba(100,170,170,0.9)}
body>nav.solid #logo{background-image:url("../pics/maquette/logo_plein_blanc_65.png")}
body>nav.solid #logo:hover{background-image:url("../pics/maquette/logo_plein_blanc_65_com.png")}
body>nav.solid #toggle .patty{background:#fff}
body>nav.solid #toggle .patty:before{background:#fff}
body>nav.solid #toggle .patty:after{background:#fff}
body>nav.open{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;height:100%}
body>nav.open .bar{margin-top:0px;background:none}
body>nav.open #logo{background-image:url("../pics/maquette/logo_plein_blanc_65.png") !important}
body>nav.open .patty{background:none !important}
body>nav.open .patty:after{top:0 !important;background:#fff !important;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
body>nav.open .patty:before{top:0 !important;background:#fff !important;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
body>nav.open .nav-background{background-color:#77BDBF !important;background-color:rgba(100,170,170,0.9) !important}
body>nav.open ul{top:0;visibility:visible;opacity:1;margin-top:0;-webkit-transform:perspective(600px) rotateX(0deg);-moz-transform:perspective(600px) rotateX(0deg);-ms-transform:perspective(600px) rotateX(0deg);-o-transform:perspective(600px) rotateX(0deg);transform:perspective(600px) rotateX(0deg)}
body>nav.closing{height:100%}
body>nav.closing ul{top:10%;visibility:visible;opacity:0;-webkit-transform:perspective(600px) rotateX(-10deg);-moz-transform:perspective(600px) rotateX(-10deg);-ms-transform:perspective(600px) rotateX(-10deg);-o-transform:perspective(600px) rotateX(-10deg);transform:perspective(600px) rotateX(-10deg);-webkit-transition:all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1);-moz-transition:all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1);-o-transition:all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1);transition:all 0.5s cubic-bezier(0.63, 0.64, 0.3, 1)}
body>nav.hide-it{margin-top:-120px}
footer{clear:both;background:#000;z-index:100}
footer .container{font-family:"Raleway",sans-serif;line-height:1;font-size:11px;padding:80px 0 40px;text-align:center}
footer #NTO_logo{display:inline-block;width:100px;height:101px;background:url("../pics/maquette/logo_tout_blanc_cadre_100.png") top left no-repeat;text-decoration:none}
footer #NTO_logo:hover{background:url("../pics/maquette/logo_tout_bleu_cadre_100.png") top left no-repeat}
footer p{letter-spacing:0.1em;font-size:1.4em;font-weight:400;color:#999;margin-top:16px}
footer sup{font-size:0.5em;vertical-align:super}
footer #meta{margin-top:60px;border-top:1px solid #333;padding-top:36px;font-family:Arial,sans-serif;font-size:11px;height:64px;padding-left:25px;padding-right:25px}
footer #meta span{float:left;color:#999}
footer #meta a{float:right;color:#999;text-align:right;margin-left:40px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
footer #meta a:hover{color:#fff;opacity:1 !important}
footer #meta a .social{display:none;background-color:transparent;width:64px;height:64px;margin:0;top:-24px}

@media (min-width: 0) and (max-width: 656px){footer .container{font-size:12px;padding:50px 40px 30px}
footer #meta{padding:60px 0;font-size:17px}
footer #meta a{display:none}
footer #meta a.swap{display:block;width:64px;margin-left:20px;text-indent:-999em;text-align:left}
footer #meta a.swap .social{display:inline-block}
}

@media (min-width: 657px) and (max-width: 977px){footer{font-size:10px}
footer #meta a{display:none}
footer #meta a.swap{display:block;width:64px;margin-left:20px;text-indent:-999em;text-align:left}
footer #meta a.swap .social{display:inline-block}
}

.tile{float:left;width:320px;height:320px;overflow:hidden;list-style:none}

@media (min-width: 1077px) and (max-width: 1430px){.tile{width:180px;height:180px}}
@media (min-width: 721px) and (max-width: 1076px){.tile{width:180px;height:180px}}
@media (min-width: 550px) and (max-width: 720px){.tile{width:160px;height:160px}}
@media (min-width: 475px) and (max-width: 549px){.tile{width:140px;height:140px;margin:0px 0px}}
@media (min-width: 0px) and (max-width: 474px){.tile{width:120px;height:120px;margin:0px 0px}}

.galerie_mini .tile {width:100px;height:100px}

.tile a{height:100%;display:block}
.tile.image{font:40px "Raleway",sans-serif;font-weight:400}
.tile.work{font:40px "Raleway",sans-serif;font-weight:400}
.tile.work figcaption{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3);-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;-o-transition:-o-transform 0.4s;transition:transform 0.4s}
.tile.work img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.tile.work figure:hover figcaption{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.tile.work figure:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.galerie_mini .tile.work figure:hover img{-webkit-transform:scale(1.25);-moz-transform:scale(1.25);-ms-transform:scale(1.25);-o-transform:scale(1.25);transform:scale(1.25)}
.tile.quote{background:#77BDBF;font:32px "Raleway"}
.tile.quote .center span{text-align:left}
.tile.quote small{display:inline-block;font-size:0.5em;top:10px}
.tile.quote em{font-family:"Raleway",sans-serif}
.tile.fact{font:24px "Raleway"}
.tile.fact em{font:100px/0.8 "Raleway",sans-serif}
.tile.fact figure img{opacity:1 !important;filter:alpha(opacity=100)}
.tile.fact figure figcaption{opacity:1}
.tile.text{height:480px;background:#fff}
.tile.text .intitule{margin-bottom:32px;color:#777}
.tile.text h5{font:28px/36px "Raleway"}
.tile.text a{display:block;height:100%;padding:50px 40px}
.tile.text a:hover{background:#77BDBF;color:#fff}
.tile.text a:hover .intitule,.tile.text a:hover b{color:#fff}
.tile.time{background:#333 !important;text-align:center}
.tile.time .clock{display:inline-block}
.tile.time .clock .minute,.tile.time .clock .hour{background:#fff}
.tile.time .analog.clock{margin-top:60px;width:160px;height:160px}
.tile.time .hand{background:#fff}
.tile.video{background:#000}
.tile.video .popout{-webkit-perspective:1}
.tile.video .popout.engage .play{top:50%;margin-top:50px}
.tile.video video{min-height:320px}
.tile.video .close{right:28px}
.tile figure{height:100%;background:#77BDBF}
.tile figure figcaption{opacity:0}
.tile figure img{width:100%;height:auto;position:absolute;top:0;left:0;opacity:1;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s}
.tile figure:hover figcaption{opacity:1;}
.tile figure:hover img,.tile figure:hover canvas{opacity:0.3}
.tile figure:hover img.nohover,.tile figure:hover canvas.nohover{opacity:1}
.tile figure span{text-align:center;letter-spacing:-0.06em}

@media (min-width: 0) and (max-width: 656px){#mosaic figure .center{vertical-align:bottom;text-align:left}
}


@media (min-width: 657px) and (max-width: 977px){#mosaic .tile.quote{font:28px "Raleway"}
}

@media (min-width: 1297px){#mosaic .tile.time .analog.clock{margin-top:92px}
}

#more li{font-family:"Raleway",sans-serif;font-size:40px;background-color:#77BDBF;color:#fff;float:left;margin:0;width:320px;height:320px}
#more li:nth-child(2){background-color:#63A9AB}
#more li a:hover{color:#fff;background:none}
#more h2{color:#000;text-align:center}
#more h2:after{font-size:40px}
#more h4,#more .tile.text time,.tile.text #more time,#more h5{font-size:32px}
#more .intitule{display:block;margin-bottom:32px;color:#fff}
#more .intitule b{color:#fff}
#more .container{padding:0}
#more nav{display:none}
#more #mosaic li{float:none}

@media (min-width: 0) and (max-width: 656px){#more{padding-bottom:92px}
#more li{width:100%;height:450px;float:none;margin:0;padding-top:60px}
#more .caroousel{padding:0}
#more .caroousel .arrow{display:none}
#more nav{display:block;bottom:0}
#more nav span{text-shadow:none;background:#4F8E90}
#more nav span.active{border-color:#fff;background:transparent}
#more h4,#more .tile.text time,.tile.text #more time{font-size:48px}
#more h4:after,#more .tile.text time:after,.tile.text #more time:after{display:none}
#more .intitule{font-size:22px}
}

@media (min-width: 657px) and (max-width: 977px){#more h4,#more .tile.text time,.tile.text #more time,#more h5{font-size:24px}
#more li:nth-child(3){display:none !important}
}

@media (min-width: 1297px){#more li{width:33.33333%;height:400px}
}
#projects nav span,.caroousel nav span{cursor:pointer;display:inline-block;background-color:#bbb;border-color:#bbb;border:2px solid transparent;height:12px;width:12px;border-radius:50%;margin:0 3px;-moz-background-clip:content;-webkit-background-clip:content;background-clip:content-box;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.caroousel{margin-bottom:78px}
.w800,.w640{margin-bottom:20px}
.caroousel .slides{overflow:hidden;position:relative}
.caroousel .slides .caroousel-wrap{white-space:nowrap;font-size:0;-webkit-transition:all 0.5s cubic-bezier(0.33, 0.66, 0.66, 1);-moz-transition:all 0.5s cubic-bezier(0.33, 0.66, 0.66, 1);-o-transition:all 0.5s cubic-bezier(0.33, 0.66, 0.66, 1);transition:all 0.5s cubic-bezier(0.33, 0.66, 0.66, 1)}
.caroousel .slides .caroousel-wrap>li{width:100%;display:inline-block;vertical-align:top;white-space:normal;margin:0 10px;font-size:16px}

.caroousel .slides .caroousel-wrap>li:first-child{margin-left:0}
.caroousel nav{position:absolute;height:78px;bottom:-78px;left:0;width:100%;padding:32px;text-align:center}
.w800 nav,.w640 nav{height:48px;bottom:-48px;padding:15px;}
.caroousel nav span.active{border-color:#333;background-color:transparent}
.caroousel img{max-width:100%}
.caroousel .prev,.caroousel .next{position:absolute;width:20%;height:100%;top:0;z-index:100}
.caroousel .prev:hover .button,.caroousel .next:hover .button{opacity:0.75}
.caroousel .prev{left:0}
.caroousel .prev .button{left:-40px}
.w800 .prev .button {left:200px}
.w640 .prev .button {left:300px}
.caroousel .next{right:0}
.caroousel .next .button{right:-40px}
.w800 .next .button {right:200px}
.w640 .next .button {right:300px}
.caroousel .button{position:absolute;top:50%;margin-top:-40px;width:80px;height:80px;line-height:80px;font-size:24px;background:#77BDBF;opacity:0}
.caroousel .button:hover{opacity:1 !important}
.caroousel.inverted .button{background:#393C3C;color:#000}
.caroousel.inverted span.active{border-color:#fff}

@media (min-width: 0) and (max-width: 656px){.caroousel{padding-top:40px}
.caroousel nav{padding:26px}
.caroousel nav span{width:24px;height:24px;margin:0 6px}
.caroousel .next,.caroousel .prev{display:none}
.caroousel+.caption{padding:0 40px}
}
.iPad .caroousel .button{line-height:78px}

@media (min-width: 0) and (max-width: 656px){.constrained li{padding:0 40px}
}

@media (min-width: 657px) and (max-width: 977px){.constrained li{padding:0 100px}
}

@media (min-width: 977px) and (max-width: 1296px){.constrained li{padding:0 200px}
}

@media (min-width: 1297px){.constrained li{padding:0 200px}
}
body.clip{overflow:hidden !important}
.overlay{overflow:hidden;position:fixed;top:0;left:0;height:0;width:100%;background:#fff;background:rgba(255,255,255,0.95);z-index:2000;opacity:0;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;-o-transition:opacity 0.4s;transition:opacity 0.4s}
.overlay>div{padding-top:0;opacity:0;-webkit-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1);transition:all 0.6s cubic-bezier(0.7, 0.01, 0.3, 1)}
.overlay.engage{overflow:auto;height:100%;opacity:1}
.overlay.engage>div{padding-top:100px;opacity:1.0}
.overlay.engage video{padding:0 40px;margin-bottom:40px}
.overlay .close{z-index:2001;cursor:pointer;width:48px;height:48px;position:absolute;top:30px;right:80px;background:url("../pics/maquette/close.png") 50% 50% no-repeat;background-size:100% 100%}

@media (min-width: 0) and (max-width: 656px){.overlay .close{width:64px;height:64px;top:10px;right:10px}
}
header .video{background-color:#000;background-size:cover;min-height:320px}
header.square{text-align:center}
header.square p{font:16px/1.5 "Raleway";display:inline-block;margin-bottom:0}
header.square:before{content:'';display:block;width:320px;height:460px;border:18px solid #393c3c;position:absolute;top:72px;left:50%;margin-left:-178px}
header.dark{background:#232525;color:#999;text-align:center}
header.dark .caroousel .prev .button{left:0}
header.dark .caroousel .next .button{right:0}
header.dark h1{margin:20px auto 0.2em;text-align:center;color:#fff}
header.dark h1 a{display:block}
header.dark .intitule{font:14px "Raleway"}
header.dark .intitule a{color:#fff;text-transform:none;border-bottom:1px solid #393c3c}
header.dark .intitule a:hover{text-shadow:0 0 4px #fff}
header p{max-width:960px;margin:0 auto}

@media (min-width: 0) and (max-width: 656px){header .caroousel{padding-top:200px}
header .caroousel .prev,header .caroousel .next{max-height:800px}
header .v-center{height:500px}
header h1{font-size:60px}
header.dark{min-height:800px}
header.square h1{font-size:64px;margin:30px 0 50px}
header.square p{font-size:14px}
header.square:before{margin-left:-203px;width:370px;height:520px;top:125px}
}

@media (min-width: 657px) and (max-width: 977px){header .caroousel{padding-top:90px;min-height:360px}
header .v-center{height:500px}
header h1{font-size:60px}
header.dark{min-height:500px}
header.square h1{font-size:64px;margin:30px 0 15px}
header.square p{font-size:14px}
header.square:before{margin-left:-138px;width:240px;height:360px;top:40px}
}

@media (min-width: 977px) and (max-width: 1296px){header .caroousel{padding-top:108px;min-height:500px}
header .v-center{height:320px}
header.dark{min-height:500px}
header.square h1{font-size:64px;margin:30px 0 15px}

header.square p{font-size:14px}
header.square:before{margin-left:-138px;width:240px;height:360px;top:40px}
}

@media (min-width: 1297px){header .caroousel{padding-top:124px;min-height:640px}
header .w800 {min-height:560px}
header .w640 {min-height:480px}
header .v-center{height:438px}
header.dark{min-height:640px}
header.square h1{margin:60px 0 20px}
}
.clock .hand-container{position:absolute;height:100%;width:100%;top:-50%;left:50%}
.clock .hand{background:#000;position:absolute;bottom:0;left:0;width:5px;margin-left:-3%;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-transform-origin:bottom center;-moz-transform-origin:bottom center;-ms-transform-origin:bottom center;-o-transform-origin:bottom center;transform-origin:bottom center}
.clock .hand.second{width:4px;margin-left:-2%;height:40%;background:#ea158e}
.clock .hand.second:after{content:"";background:#ea158e;display:block;width:6px;height:6px;border-radius:50%;position:absolute;left:-2px}
.clock .hand.minute{height:40%}
.clock .hand.hour{height:25%}
.clock .tick{width:100%;height:100%;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);transform:rotate(30deg)}
.clock .tick:before,.clock .tick:after{position:absolute;display:block;content:"";width:5%;height:4%;background:#9b9c9c}
.clock .tick:after{bottom:0}
.clock .tick.big-tick:before,.clock .tick.big-tick:after{height:8%}
.clock>.tick{left:50%}
#client-logos-list{background:#fff;padding:60px 0 140px;text-align:center}
#client-logos-list ul{font-size:0}
#client-logos-list li{display:inline-block;border-bottom:1px solid #dadada;width:25%;padding:16px 0}
#client-logos-list li img{width:128px}
#jobs ul.blocks ul{display:none;padding:0 0 40px}
#jobs ul.blocks ul a{line-height:54px;font-size:16px}
#jobs ul.blocks li.open ul{display:block}


.nto header{text-align:center;padding:92px 0 72px;border-bottom:15px solid #CFE5E5;height:auto;min-height:initial}
.nto header span{font-family:"Raleway"}
.nto header .caroousel{padding-top:0}
.nto aside h5{font-weight:700;line-height:1}
.nto aside em{font:12px/18px "Open Sans";color:#666;letter-spacing:0;display:block;margin:5px 0}
.nto aside .meta{font:11px/15px Arial,sans-serif;list-style:none;margin:10px 0 32px}
.nto aside .meta li{margin:5px 0}
.nto aside .meta span{font-weight:bold}
.nto aside .who{margin:10px 0}
.nto aside .who li{margin-top:20px}
.nto aside .who .rond{margin:0 0 12px 0;border-radius:50%}
.nto aside .who h6{font-size:1em;font-family:"Raleway"}
.nto aside .who span{color:#333;font-size:0.6em;font-style:italic}
.nto aside .black.button{margin-bottom:18px}
.nto main{background:#f2f8f8}
.nto main section{padding:72px 0}
.nto main section h1,.nto main section h2,.nto main section h3,.nto main section h4,.nto main section .tile.text time,.tile.text .nto main section time,.nto main section h5,.nto main section h6{font-family:"Raleway",sans-serif;letter-spacing:-0.06em;margin-bottom:0.5em}
.nto main section h4,.nto main section .tile.text time,.tile.text .nto main section time{font-size:28px}
.nto main section a{color:#77BDBF}
.nto main section a:hover{text-decoration:underline}
.nto main section p,.nto main section ul,.nto main section ol{font:16px/2 "Open Sans";margin-bottom:2em}
.MODIF_MIC {width:100%;margin:2em 0;}
main img:not(.notfull) {width:100%;margin:0 0}
main .img_big{width:calc(100% + 300px);margin-left:-300px}
.nto main section p.last::after{content:'';background-color:#77BDBF;display:inline-block;width:11px;height:11px;margin-left:4px}
.nto main section .formatting{min-height:240px}
.nto main section .formatting .video:first-child,.nto main section .formatting .media:first-child{margin-top:0}
.nto main section .formatting ul li{padding-left:20px}
.nto main section .formatting .galerie ul li,.nto main section .formatting .galerie_mini ul li{padding-left:0px}
.nto main section .formatting ul li:before{content:'?';font-size:11px;top:4px}
.nto main section .formatting ol{counter-reset:item}
.nto main section .formatting ol li{padding-left:30px}
.nto main section .formatting ol li:before{content:counters(item,".") " ";counter-increment:item;top:0}
.nto main section .formatting li ul,.nto main section .formatting li ol{margin-bottom:0}
.nto main section .formatting li:before{color:#77BDBF;position:absolute;left:0}
.nto main section .formatting li li{margin-left:48px}
.nto main section .formatting li li:before{color:#ccc}
.nto main section.interlude{background:#fff;z-index:100}
.nto main section.interlude img{margin:0;display:inherit}
.nto main section.interlude .container{padding:0}
.nto main section.interlude .reveal{height:432px;margin-bottom:40px;background-attachment:fixed;background-size:cover}
.nto main section.interlude.two-tone{padding-bottom:0}
.nto main section.interlude.two-tone:after{content:'';display:block;height:240px;width:100%;position:absolute;left:0;bottom:0;background:#f7f7f7;z-index:-1}
.nto main section.interlude.inlined{padding:0}
.nto main #slideshow{overflow:hidden}
.nto main figcaption{text-align:center;color:#333}
.nto main .video{margin:5em 0 6em}
.nto main .media{height:0;margin:5em 0 6em;padding-bottom:56.25%}
.nto main .media iframe,.nto main .media embed{position:absolute;top:0;left:0;width:100%;height:100%}
.nto main .media.aspect-4-3{padding-bottom:75%}
.nto #more{z-index:200;bottom:-60px;overflow:hidden}
.nto #more:after{height:192px;background:#000;width:100%;content:'';position:absolute;bottom:0;z-index:-1}
.nto.perspective header .meta span{font-family:"Raleway"}
.nto.perspective aside em{margin-bottom:24px}
.nto.perspective aside .who{margin-top:0}
.nto.perspective aside .who li{margin-top:0}
.nto.event h1{font-size:100px}
.nto.event.passed header h1{display:inline-block;padding:0 40px;color:#77BDBF}
.nto.event.passed header h1:before{position:absolute;content:'';left:0;top:40%;right:0;border:8px solid #000}
.nto.event.passed aside em{text-decoration:line-through}
.nto.event.passed aside .rsvp{display:none}

@media (min-width: 0) and (max-width: 656px){.nto header{padding:140px 0 84px}
.nto header .container{padding:0 40px;overflow:hidden}
.nto header .caroousel .slides{overflow:visible}
.nto header h1{font-size:98px}
.nto header h5{font-size:26px;margin:0}
.nto aside{border-top:12px solid #ededed;padding:54px 0;line-height:1.2}
.nto aside .container{padding:0 40px}
.nto aside h5{margin-bottom:36px}
.nto aside h5 span{font-size:22px;color:#000}
.nto aside h5 span:before{content:'/';padding:0 3px}
.nto aside .meta{border-top:1px solid #bcbcbc;font-size:22px;padding-top:40px;margin:60px 0;line-height:1.5}
.nto aside .who li{margin-bottom:40px}
.nto aside .who img{float:left;clear:left;margin:-8px 20px 0 0}
.nto main section{padding-bottom:24px}
.nto main section .formatting{padding:0 40px}
.nto main section p{font:28px/2.2 "Raleway";margin-bottom:2em}
.nto main section p.last::after{width:17px;height:17px}
.nto main section li{font:28px/2.2 "Raleway";margin-bottom:0}
.nto main section iframe{max-width:560px}
.nto main section .slides{overflow:visible}
.nto main section:first-child p:first-child::first-line{font-weight:bold}
.nto #more .slides{overflow:hidden}
.nto #more .tile figure img{opacity:0.3}
.nto #more .tile figure figcaption{opacity:1}
.nto.casestudy #more li{width:640px;height:640px}

.nto.casestudy #more li.work{padding:0}
.nto.event aside .meta{border-top:0;margin:30px 0 60px;padding:0}
.nto.event aside ul{font-size:40px}
.nto.event aside h5{font-size:44px}
}

@media (min-width: 657px) and (max-width: 977px){.nto header{padding-bottom:40px}
.nto header h1{margin-bottom:0.4em}
.nto header h5{font-size:15px;margin:0}
.nto aside{padding:48px 0 24px;border-top:12px solid #ededed}
.nto aside .container{padding:0 40px}
.nto aside .meta{font-size:14px;margin-top:16px}
.nto aside .actions{position:absolute;top:0;right:0;width:260px}
.nto aside h5 span:before{content:'/';padding:0 3px}
.nto aside .who li{float:left;width:50%}
.nto main section .formatting{padding:0 40px}
.nto main section.interlude{padding:70px 0}
.nto main section.interlude.two-tone:after{height:120px}
.nto figcaption{font-size:17px}
.nto q{margin-left:0;margin-right:0}
}

@media (min-width: 977px) and (max-width: 1296px){.nto aside{width:100%;position:absolute;top:0;left:0}
.nto aside .container{height:0px;overflow:visible;padding:75px 0 0 800px}
.nto main section .container .formatting{padding:0 200px 0 80px}
.nto main section.interlude.two-tone:after{height:180px}
}

@media (min-width: 1297px){.nto aside{width:100%;position:absolute;top:0;left:0}
.nto aside .container{height:0px;overflow:visible;padding:92px 0 0 1060px}
.nto section .container{padding:0 80px}
.nto section .container .formatting{padding:0 240px 0 80px}
.nto main{padding-top:14px}
.nto .image img{width:100%;height:auto}
.nto figcaption{padding:0 80px;top:-120px}
.nto.casestudy aside em{display:block;font-size:14px}
.nto.casestudy #more .work figcaption{padding:0}
.nto.perspective header .container,.nto.slider_header_mini header .container{padding:0 240px}
.nto.perspective header h5,.nto.perspective header h5+span{display:none}
}
.nto #share{text-align:center}
.nto #share>div{text-align:center;display:inline-block}
.nto #share>div h5{font-family:"Raleway";font-size:26px;padding-bottom:46px;margin-bottom:32px}
.nto #share>div li{display:inline-block;width:112px;padding:0 24px;color:#999;font-size:12px;border-left:1px solid #dadada}
.nto #share>div li:first-child{border:none}
.nto #share>div h6{color:#000}
.nto #share>div a:hover h6{color:#77BDBF}
.nto #share>div .share-url{padding-top:40px;display:inline-block;width:529px}
.nto #share>div .share-url span{background-position:0 50%;height:70px;line-height:70px}
.nto #share>div input{width:383px}
.nto #share>div .zeroclipboard-is-hover{background-color:#77BDBF}

@media (min-width: 0) and (max-width: 656px){.nto #share>div h1{font-size:50px;margin-bottom:1.5em}
.nto #share>div h6,.nto #share>div .share-url,.nto #share>div .shares{display:none}
.nto #share>div li{border:0;margin:18px 30px 18px;width:auto;padding:0}
.nto #share>div li .social{width:128px;height:128px}
.nto #share>div.engage{padding-top:124px}
}

@media (min-width: 657px) and (max-width: 977px){.nto #share>div .share-url{display:none}
}

@media (min-width: 1297px){.nto #share>div{width:800px;height:500px}
.nto #share>div li{border-left:1px solid #dadada}
}
#bio{padding-top:120px;padding-bottom:80px;margin:0}
#bio h1{margin:0;font-size:68px}
#bio h2{font:33px "Raleway";color:#999;margin-bottom:45px}
#bio .ntos{float:left;color:#333;font-size:16px;line-height:1.9}
#bio .photo{float:right;height:400px;overflow:hidden;margin:160px 0 40px}
#bio .photo img{display:block;margin-bottom:32px;max-width:100%}
#bio .actions{margin:40px 0 60px}
#bio .actions h5{font-family:"Raleway"}
#bio .actions .social{width:40px;height:40px;margin-right:20px}
#bio .actions .button{height:40px;line-height:40px;margin:10px 0 5px;width:140px !important;background:#232525}
#bio .actions .button span{position:absolute;top:0;left:0;width:100%}

@media (min-width: 0) and (max-width: 656px){#bio .container{padding:0 40px}
#bio .ntos{font-size:28px}
#bio .photo{display:none}
#bio .actions h5{margin:86px 0 32px;font-size:40px}
#bio .actions .social{width:84px;height:84px;margin-right:36px}
#bio .actions .button{display:none}
}

@media (min-width: 657px) and (max-width: 977px){#bio .photo{margin-top:0;float:none;height:500px}
}

@media (min-width: 977px) and (max-width: 1296px){#bio .container{width:960px}
#bio .ntos{float:left;width:480px}
#bio .photo{float:right;width:384px}
#bio .photo img{width:100%}
#bio .actions{margin-top:60px}
}

@media (min-width: 1297px){#bio .ntos{float:left;width:850px}
#bio .photo{float:right;width:384px}
#bio .photo img{width:100%}
#bio .actions{margin-top:60px}
}
#more .caroousel .slides .caroousel-wrap{text-align:center}
#more .caroousel .slides .caroousel-wrap>li{float:none;text-align:left}
.overlay #more{background-color:#f7f7f7;padding-bottom:100px;padding-top:90px;margin:0}
#capability{padding-top:120px;padding-bottom:80px}
#capability h1{margin-bottom:1em}
#capability h5{font-family:inherit}
#capability p{font-size:16px;line-height:2em;margin-bottom:2em}
#capability .container div{margin:32px 0}
#capability li{list-style-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAADCAYAAAC09K7GAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNpi/P//P8Nbxt5yBgYGJSCuYAFyjIGMDgYIuMcIVbEbqsIVIMAAmDEOPjb0WhYAAAAASUVORK5CYII=");padding-left:20px;margin-left:16px;line-height:2em}

@media (min-width: 0) and (max-width: 656px){#capability .container{padding-left:40px;padding-right:40px}
#capability .container div+div{display:none}
#capability p,#capability h5{font-size:28px}
#capability li{font-size:22px}
}

@media (min-width: 657px) and (max-width: 977px){#capability .container{padding-left:40px;padding-right:40px}
#capability li{font-size:13px}
}

@media (min-width: 977px) and (max-width: 1296px){#capability .container{padding-left:80px;padding-right:80px}
#capability .container div{width:50%}
}

@media (min-width: 1297px){#capability .container{padding-left:160px;padding-right:160px}
#capability .container div{width:50%;float:left}
#capability h2{padding-right:33%}
}
.homepage.gallery{overflow:hidden;height:100%}
.homepage.gallery.Android{overflow:visible !important}
.homepage.gallery.Android .slide{-webkit-transform:none !important}
.homepage.gallery #projects{height:100%}
.homepage.gallery #projects .slide{position:absolute;background-attachment:fixed;height:0;-webkit-transition:height 0.9s cubic-bezier(0.63, 0.64, 0.3, 1);-moz-transition:height 0.9s cubic-bezier(0.63, 0.64, 0.3, 1);-o-transition:height 0.9s cubic-bezier(0.63, 0.64, 0.3, 1);transition:height 0.9s cubic-bezier(0.63, 0.64, 0.3, 1);-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}
.homepage.gallery #projects .slide.no-animation{-webkit-transition:none !important;-moz-transition:none !important;-o-transition:none !important;transition:none !important}
.homepage.gallery #projects .slide.active{height:100%}
.homepage.gallery #projects nav{opacity:1;display:block}
.homepage.shifted #projects nav{opacity:0}
.homepage.shifted #wrap{top:-100%}
.homepage #wrap{top:0;width:100%;height:100%;-webkit-transition:top 0.9s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:top 0.9s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:top 0.9s cubic-bezier(0.7, 0.01, 0.3, 1);transition:top 0.9s cubic-bezier(0.7, 0.01, 0.3, 1)}
.homepage #projects{width:100%}
.homepage #projects .slide{overflow:hidden;height:100%;width:100%;background-repeat:no-repeat;background-position:center 0;background-size:auto 90%}
.homepage #projects .slide:nth-child(1){z-index:10}
.homepage #projects .slide:nth-child(2){z-index:9}
.homepage #projects .slide:nth-child(3){z-index:8}
.homepage #projects .slide:nth-child(4){z-index:7}
.homepage #projects .slide:nth-child(5){z-index:6}
.homepage #projects .slide:nth-child(6){z-index:5}
.homepage #projects .slide:nth-child(7){z-index:4}
.homepage #projects .slide:nth-child(8){z-index:3}
.homepage #projects .slide:nth-child(9){z-index:2}
.homepage #projects .slide:nth-child(10){z-index:1}
.homepage #projects .slide .copy{position:absolute;bottom:220px;left:0;width:100%;padding:0 30px;text-align:center;opacity:0;-webkit-transform:translateY(-50px);-moz-transform:translateY(-50px);-ms-transform:translateY(-50px);-o-transform:translateY(-50px);transform:translateY(-50px);-webkit-transition:-webkit-transform 1.4s cubic-bezier(0.7, 0.01, 0.3, 1),opacity 1s;-moz-transition:-moz-transform 1.4s cubic-bezier(0.7, 0.01, 0.3, 1),opacity 1s;-o-transition:-o-transform 1.4s cubic-bezier(0.7, 0.01, 0.3, 1),opacity 1s;transition:transform 1.4s cubic-bezier(0.7, 0.01, 0.3, 1),opacity 1s}

.homepage #projects .slide .copy a{display:block}
.homepage #projects .slide .copy h2{font:68px/72px "Raleway",sans-serif;letter-spacing:-0.06em;margin-bottom:12px}
.homepage #projects .slide .copy h2 span{display:inline-block}
.homepage #projects .slide .copy p{font:22px/32px "Raleway";color:#666}
.homepage #projects .slide .copy.light{color:#fff}
.homepage #projects .slide .copy.light p{color:#fff}
.homepage #projects .slide .arrow{color:#77BDBF;font-size:30px;line-height:26px;vertical-align:text-bottom}
.homepage #projects .slide.active .copy{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.homepage #projects nav{position:absolute;right:24px;top:40%;width:18px;z-index:100;display:none;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s}
.homepage #projects nav span{margin-bottom:20px}
.homepage #projects nav span.active{background-color:transparent;border-color:#888}
.homepage #projects nav span.mosaic-link{background-color:#ee5eb6}
.homepage #projects button{display:none;cursor:pointer;position:absolute;bottom:0;width:100%;height:50px;background:transparent;text-align:center;border:0;outline:0;z-index:100;color:#bbb;-webkit-transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1);transition:all 0.2s cubic-bezier(0.7, 0.01, 0.3, 1)}
.homepage #projects button span{-webkit-transition:top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);-moz-transition:top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);-o-transition:top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);transition:top 0.7s cubic-bezier(0.7, 0.01, 0.3, 1);display:inline-block;font:36px Heiti, 'Lucida Grande' !important;font-weight:bold;top:-18px}
.homepage #projects button:hover{background:#77BDBF}
.homepage #projects button:hover span{top:0;color:#fff}
.homepage #main{background:#f7f7f7;overflow:hidden}
.homepage #main h2.welcome{background:#77BDBF;font:94px/1 "Raleway",sans-serif;color:#fff;letter-spacing:-0.06em;text-align:center;height:540px}
.homepage #main h2.welcome span{padding:0 40px;margin-top:-40px;position:absolute;display:block;top:50%;width:100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.homepage #main h2.welcome em{font-family:"Raleway"}
.homepage #main #mosaic{margin-top:-222px}
.homepage #offices{margin-top:80px}
.homepage #offices .container{border-top:1px solid #e1e1e1}

@media (min-width: 0) and (max-width: 656px){.homepage #projects .slide{background-size:200% auto}
.homepage #projects .slide .copy{bottom:0;padding:0 10px}
.homepage #projects.landscape{height:360px}
.homepage #projects.landscape .copy h2{font-size:32px;line-height:30px}
.homepage #projects.landscape .copy p{font-size:10px}
}

@media (min-width: 657px) and (max-width: 977px){.homepage #projects .slide{background-size:auto 80%}
.homepage #projects .slide .copy{bottom:20px}
.homepage #projects button{display:none}
.homepage #projects .container{padding:0 96px}
.homepage #offices{background:#fff}
.homepage #offices .container{border:0}
}


@media (min-width: 977px) and (max-width: 1296px){.homepage #projects .slide{background-size:auto 78%}
.homepage #projects .slide .copy{bottom:70px}
.homepage #projects button{display:block}
}

@media (min-width: 1297px){.homepage #projects .slide{background-size:auto 100%}
.homepage #projects .slide .copy{left:72%;width:300px;text-align:left}
.homepage #projects .slide .copy h2 span{display:block}
.homepage #projects button{display:block}
}
.homepage.touch-device.gallery #projects nav span{border-color:#bbb}
.homepage.touch-device.gallery #projects nav span.mosaic-link{border-color:#ee5eb6}
.homepage.touch-device.gallery #main h2.welcome span{margin-top:-80px}


.workpage{background:#f7f7f7;text-align:center}
.workpage header h1{padding-top:0;height:100%;font-size:90px}
.workpage header .video:not(.teaser)+h1{display:none}

.galerie,.galerie_mini{padding-bottom:10px}
.galerie ul li  img, ,.galerie_mini ul li img{margin:0px 0px}
.galerie .button,.galerie_mini .button{margin-bottom:10px}
.galerie_album p {font-size:0.8rem;margin-top:0.1em;margin-bottom:2px;}

.workpage #client-logos-list{padding-top:90px}

@media (min-width: 0) and (max-width: 656px){.workpage.touch-device header .video{height:640px}
.workpage #client-logos-list li{width:33.3333%}
}

@media (min-width: 1297px){main .galerie .container, main .galerie_mini .container{padding:0 1px}
.galerie {width:640px;padding-bottom:0px}
.galerie .tile{width:213px;height:213px}
.galerie .tile img{width:100%;height:100%;}
.galerie .tile.quote .center span{padding-right:80px}
.galerie .tile.video video{min-height:427px}
.article_xxl .galerie {width:940px;padding-bottom:0px}
.article_xxl .galerie .tile{width:235px;height:235px}
.galerie_mini {width:810px;padding-bottom:0px}
.galerie_mini .tile{width:100px;height:100px}
.galerie_mini .tile img{width:100%;height:100%;}
.galerie_mini .tile.quote .center span{padding-right:80px}
.galerie_mini .tile.video video{min-height:100px}

.workpage #client-logos-list li{width:20%}
}

@media (min-width: 657px) and (max-width: 977px){
.formulaire .input-wrapper:last-of-type{float:right;margin-right:0}
}

@media (min-width: 977px) and (max-width: 1296px){.careerspage header .caroousel{min-height:460px}
.formulaire main .container{width:780px;padding:0 40px}
.formulaire .button.black{width:auto}
}

@media (min-width: 1297px){.careerspage header h1{font-size:100px}
.formulaire main .container{width:780px}
.formulaire .button.black{width:auto}
}

.liste main{padding:48px 0 100px;text-align:center}
.liste #tabs{padding-bottom:36px}
.liste #tabs h3,.liste #tabs .close{display:none}
.liste #tabs li{font:13px Arial,sans-serif;font-weight:bold;cursor:pointer;display:inline-block;border:3px solid #dadada;line-height:46px;margin:10px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
.liste #tabs li:after{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;content:'';border:12px solid transparent;border-top-color:#fff;position:absolute;bottom:-12px;right:45px}
.liste #tabs .active{color:#fff;background:#232525;border-color:#232525}
.liste #tabs .active:after{border-top-color:#232525;bottom:-26px}
.liste #tabs .blog{background:#ddd}
.liste #tabs .blog a{display:block}
.liste #tabs .blog:after{display:none}
.liste section h3.typed,.liste section .nto main figcaption,.nto main .liste section figcaption{font-size:40px;color:#000;margin:0}
.liste section ul.blocks>li{max-width:none}
.liste section ul.blocks .intitule{display:inline-block;padding:15px}
.liste section ul.blocks p{padding:16px 10%;max-width:1280px;margin:0 auto;color:#999}
.liste #offices{background:#f7f7f7}

@media (min-width: 0) and (max-width: 656px){.liste header .constrained li{padding:0 40px}
.liste header p{display:none}
.liste header+section{padding-top:20px}
.liste #tabs li{display:none;height:80px;font-size:28px;line-height:75px;margin-bottom:18px}
.liste #tabs li span{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
.liste #tabs li.active{display:block}
.liste #tabs li.active:after{bottom:18px;border-top-color:#fff}
.liste #tabs.overlay{padding-top:92px}
.liste #tabs.overlay h3,.liste #tabs.overlay .close,.liste #tabs.overlay li{display:block}
.liste #tabs.overlay li:after{display:none}
}

@media (min-width: 657px) and (max-width: 977px){.liste header .constrained li{padding:0 90px}
.liste header h1{margin-bottom:24px}
.liste #tabs li{width:90px;height:36px;font-size:11px;line-height:32px;border-width:2px;margin:6px}
.liste #tabs li:after{border-width:8px;right:35px;bottom:-6px}
.liste #tabs li.active:after{bottom:-18px}
}

@media (min-width: 977px) and (max-width: 1296px){.liste header .constrained li{padding:0 100px}
.liste #tabs li{width:120px;height:50px}
}

@media (min-width: 1297px){.liste header .constrained li{padding:0 100px}
.liste #tabs li{width:120px;height:50px}
}

.error404{height:100%;min-height:768px}
.error404 main{height:100%;width:100%;padding-bottom:328px;text-align:center;color:#fff;background:url(../pics/maquette/background.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-ms-behavior:url("/content/ie/backgroundsize.min.htc")}

.error404 main div{top:20%}
.error404 main h1{font-size:180px}
.error404 main h1 span{position:relative}
.error404 main h1 span:before{position:absolute;content:"";left:-50px;top:65px;right:0;border-top:10px solid;border-color:#77BDBF;width:220px;-webkit-transform:rotate(-55deg);-ms-transform:rotate(-55deg);-moz-transform:rotate(-55deg);-o-transform:rotate(-55deg);transform:rotate(-55deg)}
.error404 main p{font-size:30px;padding:0 20px}
.error404 main p span{font:48px "Raleway",sans-serif}
.error404 footer{position:absolute;bottom:0;width:100%}
.hpage{background-color:#f7f7f7}
.hpage header{text-align:center;padding:115px 0 0 0}
.hpage header p{color:#999}
.hpage main{text-align:center}
.hpage main .H{margin-bottom:80px}
.hpage main .H .caroousel{margin-bottom:60px}
.hpage main .H .caroousel nav{padding:21px}
.hpage main .H h2{font-size:28px;margin-bottom:0.4em}
.hpage main .H p{font-size:18px;color:#999;margin-bottom:1.2em}
.hpage main .H p.designer{color:#232525;font-size:10px}
.hpage main .H p.designer a{color:#232525}
.hpage main .H p:last-child{margin-bottom:0}
.hpage main .H .social{display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;margin:0 0.5em;height:34px;width:34px}
.hpage main #load-more>.container{border-top:1px solid #ececec;padding-top:50px}
.ie8 .homepage #projects .slide{height:960px;-ms-behavior:url("/content/ie/backgroundsize.min.htc")}
.ie8 .aboutuspage .overlay>nav .disabled{filter:alpha(opacity=30)}
.ie8 .workpage .video+h1 span{margin-top:-90px}
.ie8 header.square:before{display:none}
.ie8 #tabs li:after{display:none}
.ie8 #tabs .active:after{display:none}
.ie8 .tile .time .digital.clock{font-size:48px;margin-top:-100px}
.ie8 .tile figure figcaption{filter:alpha(opacity=0)}
.ie8 .tile figure figcaption span{filter:inherit}
.ie8 .tile figure:hover figcaption{filter:alpha(opacity=100)}
.ie8 .tile figure:hover img{filter:alpha(opacity=30)}
.ie8 .analog.clock,.ie8 #office-map .clock{visibility:hidden}
.ie8 .social{-ms-behavior:url(/content/ie/backgroundsize.min.htc)}
.ie9 .homepage #projects .slide{height:960px}
.ie9 .time.tile .digital.clock{font-size:48px !important;margin-top:-100px}
.ie9 .analog.clock,.ie9 #office-map .clock{visibility:hidden}

@media print{*{background:transparent !important;color:black !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}
a,a:visited{color:#444 !important;text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100% !important}
@page{margin:0.5cm}
p{font-size:14px !important}
p,h2,h3{orphans:3;widows:3}
nav,.button,aside{display:none}
.formatting{padding:0 !important}
.nto header h5,.nto header h5+span{display:block !important}
#NTO_logo:after{content:"H";font-size:70px}
}


body {font-family:'Hind',sans-serif}
header img {width:100%}
article {padding-bottom:15px;}

.article-index {margin-bottom:65px}

.article-content {width: 940px;margin: auto;}
.article-content .article-header { position: relative; margin: 35px auto 35px; padding: 20px 0 0;margin-bottom:40px}
.article-content .article-header p { margin-top:15px;font-weight:400;font-size:1.5rem;line-height:2.2rem;}
.article-content .article-header h2 {margin-bottom:0px;}

.article-meta {
	float: left;
	width: 240px;
	line-height: 21px;
	font-size: 14px;
    font-family: Adelle,'Helvetica Neue',Helvetica,sans-serif;
    line-height: 20px;
    color: #a1a1a1;
}
.article_videos .article-meta {display:none}



article .article-meta .avatar {display:block;width:60%;border-radius: 60%;margin-bottom:15px}

article .article-meta .auteur {padding-bottom:15px;border-bottom:2px dotted #DDD;margin-bottom:15px;}
article .article-meta .creation {padding-bottom:15px;border-bottom:2px dotted #DDD;margin-bottom:15px;}
article .article-meta .memoriam {padding-bottom:15px;border-bottom:2px dotted #DDD;margin-bottom:15px;}
@media only screen and (max-width: 1024px)
{
article .article-meta .memoriam {margin-top:15px}
}
article .article-meta .credits a {color:#415d5f}
article .article-meta .stats {padding-bottom:15px;border-bottom:2px dotted #DDD;margin-bottom:15px;}
article .article-meta .info {padding:15px 0px;border-top:2px dotted #DDD;}



article .article-meta .article-share {padding-bottom:15px;border-bottom:2px dotted #DDD;margin-bottom:15px;}
article .article-meta .article-share .libelle {position:relative;top:0px;left:0px;display:inline-block;margin-right:6px;}
article .article-meta .article-share .share {margin-top:px;display:inline-block;margin-right:6px;height:20px;width:20px;}
article .article-meta .article-share .facebook {background:url('../pics/maquette/share_facebook.png');}
article .article-meta .article-share .facebook:hover {cursor:pointer;background:url('../pics/maquette/share_facebook_hover.png');}
article .article-meta .article-share .twitter {margin-left:14px;cursor:pointer;height:40px;width:40px;background:url("../pics/maquette/twitter2.png");background-size:40px;}
article .article-meta .article-share .twitter:hover {cursor:pointer;background:url("../pics/maquette/twitter2_hover.png");background-size:40px;}

.article_xxl .article_meta {float:none}
.article_xxl .article-meta {display:block;float:none;width:96%;margin:0 auto;margin-bottom:40px;line-height:1.1rem;font-size:0.9rem}
.article_xxl .article-meta::after {content:'';display:block;clear:left;}
.article_xxl  .article-meta .avatar {margin:0;display:inline;float:left;width:10%;border-radius: 60%;margin-right:30px;min-width:60px}


.article_xxl  .article-meta .auteur {padding:0px;margin:0px;border:0px}
.article_xxl  .article-meta .creation {padding:0px;border:0px;margin:0px;}
.article_xxl  .article-meta .stats {padding:0px;margin:0px;border:0px;}
.article_xxl .article-meta .info {padding:0px;border:0px}

.article-body {
    position: relative;
    max-width: 640px;
    min-height: 150px;
    margin: 0 0 auto auto;
	z-index:6;
}

.article_xxl .article-body {max-width:940px}
.article-body  { color:#555;}
.article-body b { color:#222;}

.article-image {
    width: 100%;
    position: relative;
    padding: 15px 0 0;
    margin-bottom: 4px;
	z-index:500;
}
.article-image.medium {
    max-width: 640px;
}

.article-image-big {margin-left:-300px}
.article-2-cols .article-meta{width:0px;display:none}
.article-2-cols .article-body{width:100%;max-width:940px}


.article-image-caption {
    padding: 10px 0 12px 0px;
    position: relative;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Adelle,'Helvetica Neue',Helvetica,sans-serif;
    line-height: 20px;
    color: #a1a1a1;
    margin: 0;
	border-bottom:2px dotted #EEE;
}

.article-image-small .article-image-caption {width:92%}


@media only screen and (min-width: 1025px)
{
.article-image-medium:not(.caption-bottom):not(.alignleft) .article-image-caption {
    position: absolute;
	padding: 20px 0 22px 0px;
    left: -300px;
    top: 20px;
    width: 240px;
	border-top:2px dotted #EEE;
}
.article-image-medium:not(.caption-bottom):not(.alignleft) .article-image-caption:before {
    content: '';
    display: block;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
}

.article-image-small {
   float: left;
    width: 480px;
    position: relative;
    margin-left: -300px;
    margin-bottom: 0px;
    height: auto;
    min-height: 108px;
}

.article-image-pochette {
   float: right;
    width: 140px;
    position: relative;
    margin-left: 20px;
    margin-bottom: 1px;
    height: auto;
    min-height: 50px;
}
.article-image-pochette img {
    width: 100%;
    top: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}

.article-image-small img {
    width: 92%;
    top: 0;
    padding-top: 0px;
    padding-bottom: 0px;
}

.article-image.medium {
    max-width: 640px;
}

.article-image-expand {
	display: block;
    position: absolute;
    top: 0px;
    right: 40px;
    width: 40px;
    height: 40px;
    background:url(../pics/maquette/expand.png);
	z-index:5;
}

.article-content .exergue {
    float: left;
    width: 530px;
    position: relative;
    margin-left: -300px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
    min-height: 108px;
}

.article-content .exergue_small {
    min-height: 88px;
}


.article-content .encart {
    margin:30px 0px;
	padding:30px 30px;
	width:100%;
	border:0px;
	border-top:2px solid #AAA;
	border-bottom:2px solid #AAA;
	z-index:2;
background-color:#EEE;
}

.article-content ul.liste ul {
    list-style: none; /* Remove list bullets */
}

.article-content ul.liste li {
    padding-left: 16px;
}

.article-content ul.liste li:before {
    content: '»'; /* Insert content that looks like bullets */
    padding-right: 8px;
    color: #006aa4; /* Or a color you prefer */
}

.article-content .encart img {width:100%}

.article-content .pave,.article-content .definition,.article-texte-creole quote {
    float: left;
    width: 265px;
    position: relative;
    margin-left: -300px;
    margin-top: 0px;
    margin-bottom: 20px;
 	height: auto;
    min-height: 50px;
	z-index:2;
}
.article-content .aligne_droite,.article-content .align_droite,.article-content .aligne_right,.article-content .align_right,.article-content .titre_video,.article-content .title_video,.article-content .video_title {text-align:right}
.article-content .titre_video h5,.article-content .title_video h5,.article-content .video_title h5 {
font-size: 1.5rem;
    color: #77BDBF;
    font-weight: bold;
    line-height: 1rem;
    display: inline;
}

.article-content .include_html-full {
    float: left;
    width: calc(100% + 265px);
    position: relative;
    margin-left: -300px;
    margin-top: 0px;
    margin-bottom: 20px;
 	height: auto;
    min-height: 50px;
	z-index:2;
}

.article-content .pave.large { width:520px; margin-right:60px; }
.article-content .pave.large h3 {font-size:2.5rem;font-weight:700;line-height:2.4rem;margin-bottom:0.6rem}
.article-content .pave.large h4 {font-size:1.3rem;font-weight:700;line-height:1.3rem;margin-bottom:0.6rem}


.article-content .pave.moyen { width:420px; margin-right:40px; }
.article-content .pave.moyen h3 {font-size:2.5rem;font-weight:700;line-height:2.4rem;margin-bottom:0.6rem}
.article-content .pave.moyen h4 {font-size:1.6rem;font-weight:700;line-height:1.8rem;margin-bottom:0.6rem}

.article-content .photo_droite,.article-content .disco_img_droite {margin:5px 0px 10px 10px;width:28%}
.article-content .photo_gauche,.article-content .disco_img_gauche {margin:5px 18px 10px 0px;width:28%}
.disco_100px .article-content  .disco_img_droite,.disco_100px .article-content .disco_img_gauche {max-width:100px}

.article-content .definition,.article-content .article-texte-creole quote {
    min-height: 25px;
	font-style:italic;
	font-weight:900;
	font-size:1.1rem;
	text-align:right;
}

.article-content .article-texte-creole quote {
line-height:1.6rem;
}


.article-content .article-texte-theme_definition_large .definition,.article-texte-theme_definition_large quote {
	font-size:1.7rem;
}

.article-content table.table_pourcentages  {    margin-top:25px}
.article-content table.table_pourcentages td {    vertical-align:top;padding-bottom:10px;}
.article-content table.table_pourcentages td b {font-weight:800;color: #81949c}

.article-content table.table_pourcentages th {    vertical-align:top;color: #b1c4cc;font-weight:800;font-size: 2.4rem;}

.article-content .article-menu-inline a {text-decoration:underline;}

.article-content .pave_droite {
    float: right;
    width: 290px;
    position: relative;
    margin-left: 25px;
    margin-top: 0px;
    margin-bottom: 20px;
 	height: auto;
    min-height: 50px;
	z-index:2;
}





.article-content .pave_encadre {
    border:1px solid #AAA;padding:12px 15px;
}

.article-content .pave_filets {
    border:1px solid #BBB;padding:20px 0px;border-top-width:12px;border-right:0px;border-left:0px;
}

.article-lien,.article-link {width:100%;margin:15px 0px;padding:15px 0px;font-size:1.4rem;line-height:2.2rem;background-color:#EEE;}
.article-lien div,.article-link div {margin:0px 15px;}

.article-content .exergue span:not(.exergue-line) {
    width: 83%;
    top: 0;
    color: #006aa4;
    padding-top: 30px;
    padding-bottom: 32px;
    font: 33px/39px 'Trirong',serif;
    font-weight: 700;
    display: block;
}
.article-content .exergue_small span:not(.exergue-line) {
 	width: 92%;
    padding-top: 22px;
    padding-bottom: 26px;
    font: 23px/31px 'Trirong',serif;
}

.article-content .pave img {
    width: 83%;
	margin:0 auto;
}

.article-content .img_medium {width:100%;max-width:640px}

.article-header h5 {font-size:1.7rem;letter-spacing:0em;}
.article-header h4 {font-size:2.2rem;}
.article-texte h4 {font-size:2.4rem;}
.article-texte h5 {font-size:1.9rem;}

.article-pub {background-repeat:no-repeat;background-position:contain}

article .article-inter {padding:20px 0px;background:#999;color:white;font-size:1.7rem;}


.tag_bloc {padding:8px 15px;}
.tag_bloc.fond-gris {background-color:#EEE}

.fond_raye {background: linear-gradient(45deg, #77BDBF 1%, #fff 1%, #fff 49%, #77BDBF 49%, #77BDBF 51%, #fff 51%, #fff 99%, #77BDBF 99%);
  background-size: 6px 6px;
  background-position: 50px 50px;}

#more .tile img {width:100%}


@media only screen and (min-width: 600px)
{
.article-image { padding-top: 10px; margin-bottom: 10px;}
.article-image-small {padding:0px;margin-bottom: 0px;margin-top:10px;}
.inline-image-caption { padding: 22px 0 20px 27px; }
}

@media only screen and (max-width: 1024px)
{
.article-content {width: 86%; overflow: hidden;  margin: auto; }
.article-meta {display:block;float:none;width:96%;margin:0 auto;margin-bottom:40px;line-height:1.1rem;font-size:0.9rem}
.article-meta::after {content:'';display:block;clear:left;}
article .article-meta .avatar {margin:0;display:inline;float:left;width:10%;border-radius: 60%;margin-right:30px;min-width:60px}


article .article-meta .auteur {padding:0px;margin:0px;border:0px}
article .article-meta .creation {padding:0px;border:0px;margin:0px;}
article .article-meta .stats {padding:0px;margin:0px;border:0px;}
article .article-meta .info {padding:0px;border:0px}

.article-image-small {
    width: 320px;
    margin-left: 0px;
    height: auto;
    min-height: 80px;
margin-top:10px;
}
.article-image-small img {  width: 88%; }
.article-image-small .article-image-caption {width:88%}
}
@media only screen and (max-width: 1024px) and (min-width: 600px)
{
.article-body { margin: auto; }
.article-content .exergue span {
    top: 0px;
    color: #006aa4;
    padding-top: 20px;
    padding-bottom: 22px;
    display: block;
    font: 20px/30px;
    font-weight: 700;
    width: 85%;
}
.article-content .exergue_small span {
    width: 81%;
}
.article-content .exergue {
    float: left;
    width: 260px;
    position: relative;
    margin: 20px 0;
    height: auto;
    min-height: 108px;
    top: -4px;
    display: block;
}
.article-content .exergue_small {
    width: 230px;
}

.article-content .pave {
    width: 290px;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    min-height: 50px;
}

.article-content .pave {float:none;margin-left:0px;width:100%}
.article-content .titre_video,.article-content .title_video,.article-content .video_title  {text-align:left;float:none;margin-left:0px;width:100%;width:100%;padding-top:15px;border-top:1px solid #77BDBF}

.article-content .include_html-full {
    width: 100%;
    position: relative;
    margin-left: 0px;
}
.article-content .pave.large,.article-content .pave.moyen {
	width:100%;
    float: none;
	padding:20px 15px;
	border:0px solid #DDD;
	border-width:2px 0px 2px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 35px;
background-color:#EEE
}
.article-content .pave.large img,.article-content .pave.moyen img {
	width:100%;
}

.article-content .pave_filets {float:none;width:100%;margin-top:0px;padding-top:0px;border-top:0px}

.article-content .adefinition {
    width: 165px;
	padding:0px;
	margin:0px;
	padding-right:20px;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
    min-height: 1.1rem;
}

.article-content .definition,.article-texte-creole quote {
    float: none;
    width:auto;
	display:inline-block;
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 10px;
	padding:10px 0px 7px 0px;
	border-top: 0px;
	border-bottom: 1px solid #DDD;
}

.article-content .pave_droite {
    float: right;
    width: 220px;
    position: relative;
    margin-left: 25px;
}

}
@media only screen and (max-width: 599px)
{
body{font-size:1.25rem;line-height:1.95rem;}
.article-body {    max-height: none; }
.article-image-small {
    width: 100%;
	float:none;
    min-height: 80px;
	padding:0px;
	margin-bottom:15px;
}

.article-content .titre_video,.article-content .title_video,.article-content .video_title {text-align:left;float:none;margin-left:0px;width:100%;width:100%;padding-top:15px;border-top:1px solid #77BDBF}

.article-image-small img {  width: 100%; }
.article-image-small .article-image-caption {width:100%}
.article-content .exergue-line {display:none}
.article-content .exergue {
    float: none;
    width:100%;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    height: auto;
    min-height: 30px;
}

.article-content .definition,.article-texte-creole quote {
    float: none;
    width:100%;
    margin-left: 0px;
    margin-top: 3px;
    margin-bottom: 10px;
	padding:10px 0px 7px 0px;
	border-top: 0px;
	border-bottom: 1px solid #DDD;
}

.article-content .pave {float:none;margin-left:0px;width:100%}
.article-content .pave_filets {margin-top:0px;border-top:1px solid #BBB}

.article-content .pave.large {
	width:100%;
    float: none;
	padding:20px 15px;
	border:0px solid #DDD;
	border-width:2px 0px 2px;
    margin-left: 0px;
    margin-top: 20px;
    margin-bottom: 35px;
background-color:#EEE
}

.article-content .include_html-full {
    width: 100%;
    position: relative;
    margin-left: 0px;
}


.article-content .pave img {width:100%}
.article-content .exergue span:not(.exergue-line) {
    width:calc(95% - 3px);
    padding-left: 5%;
	border-left:3px solid #AAA;
}

.article-content .pave_encadre {
	width:calc(100% - 24px);
    padding:15px 12px
}

}

.article-body>div:first-child {  min-height: 140px; }
.article-une { margin-bottom:35px;width:100%}
.article-une img {width:100%}
.glide { margin-bottom:35px; }


.glide {height:auto;}
.glide__track {height:auto;}
.glide_article.glide--horizontal .glide__bullets {  bottom: -20px; }
.glide_article {margin-bottom:40px;}

.glide_article.glide--horizontal .glide__track {  height:auto; }

.glide_article.glide--horizontal .glide__bullets>* {border:0px;background-color: rgba(0,0,0,0.5);}
.glide_article .glide__bullets>*.active{background-color:black}
.glide_article .glide__bullets>*:hover,.glide_article .glide__bullets>*:focus{border:0px;background-color:black}

.glide__arrow { background-color: rgba(0,0,0,0.25);border:0px;-webkit-transition:background-color 0.3s,opacity 0.3s;-moz-transition:background-color 0.3s,opacity 0.3s;-o-transition:background-color 0.3s,opacity 0.3s;transition:background-color 0.3s,opacity 0.3s  }
.glide__arrow:hover { background-color: rgba(0,0,0,0.60);  }


.article-parallax {
    width: 100%;
    height: 700px;
    position: relative;
    overflow: visible;
    background-attachment: fixed !important;
    background-size: contain !important;
text-align:center;
}

.article-banner {
    width: 100%;
    position: relative;
    overflow: visible;
	margin:15px 0px;
}

@media only screen and (min-width: 1000px) { .article-banner { 	margin:50px 0px; } }

.article-banner img {
    width: 100%;
    position: relative;
    overflow: visible;
}

.article-imgparallax {
    width: 100%;
    height: 250px;
    position: relative;
    overflow: visible;
    background-attachment: fixed !important;
    background-size: cover !important;
text-align:center;
}
.article-imgparallax-article {
	width:calc(100% + 240px);
	margin-left:-240px;
}

@media only screen and (max-width: 1000px) {
.article-imgparallax {
	width: 100%;
	margin-left:0px;
    background-size: cover !important;
	background-attachment: auto 100% !important;
}
.article-imgparallax-article {
	width:100%;
	margin-left:0px;
}

}


.article-parallax h3 {padding-top:70px;letter-spacing:0px;font-size:3rem;color:white;font-weight:bold;margin:0 auto;display:block}
.article-parallax h4 {letter-spacing:0px;font-size:2.2rem;color:white;font-weight:bold;margin:0 auto;display:block}
.article-parallax-bleu h3 {color:#39a1a4;}
.article-parallax-bleu h4 {color:#27b2b6}

.article-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin:0px 0px;

}
.article-video iframe {
	position: absolute;
	top: -8px;
	left: 0;
	width: 100%;
	height: 100%;
}

.article-texte {margin:0px;padding:0px}
.article-texte-chic .article-link {width:100%;margin:15px 0px;padding:15px 0px;font-size:1.0rem;line-height:1.4rem;border:1px solid #CCC;border-right-width:0px;border-left-width:0px;background-color:transparent;text-align:center}

.fondjaune {background:yellow}
.commentaires-liste {margin:20px 0px 10px 0px;display:none;}
.visible {display:block;}
.commentaires {margin:25px 0px}
.commentaire-commentaire {margin-bottom:10px;padding:6px 10px;border-bottom:1px solid #E0E0E0;font-size:1.0rem}
.commentaire-commentaire div {font-weight:700;color:#165457}
.commentaire-commentaire span {font-weight:400;color:#47787b}
.commentaire-commentaire p {font-size:1.1rem;margin:0px 20px}
.commentaire-new {background-color:#F0F0F0}
.commentaires input[type=submit] {width:auto;height:auto;padding:3px 10px;font-weight:700;font-size:1.1rem;background:transparent;color:#47787b;border:0px;}
.commentaires input[type=text] {width:auto;height:auto;background:transparent;color:#555;border:1px solid #BBB;padding:3px 10px;margin-bottom:10px}
.commentaires textarea {height:auto;min-height:120px;font-size:1.1rem;width:calc(100% - 20px);padding:4px 10px;border:0px;}
.commentaires-post {width:100%;border:1px solid #BBB;display:none;}
.commentaires .cmt_affiche {cursor:pointer;font-size:1.1rem;margin:10px 0px;}
.commentaires .cmt_affiche:hover {color:#47787b;}
.commentaires .cmt_submit:hover {background-color:#47787b;color:white;-webkit-transition:background-color 0.3s,opacity 0.3s;-moz-transition:background-color 0.3s,opacity 0.3s;-o-transition:background-color 0.3s,opacity 0.3s;transition:background-color 0.3s,opacity 0.3s}

.ias-spinner img {width:auto;height:auto}
.ias-trigger-prev {display:none}

.col-21 .col {float:left;width:47%;margin-right:20px;width:calc((100% - 20px) / 2);margin-bottom:10px}
.col-21 .col:nth-child(even) {margin-right:0px}
.col-31 .col {float:left;width:30%;margin-right:20px;width:calc((100% - 40px) / 3);margin-bottom:10px}
.col-31 .col:nth-child(3n+0) {margin-right:0px}
.col-21:after,.col-31:after {content:'';display:block;clear:left;}
@media only screen and (max-width: 600px) {
.col-21 .col {float:none;width:100%;margin-right:0px;}
}
@media only screen and (max-width: 800px) {
.col-21.col-800px .col {float:none;width:100%;margin-right:0px;}
.col-31 .col {float:none;width:100%;margin-right:0px;}
}
@media only screen and (max-width: 1000px) {
.col-21.break-1000 .col {float:none;width:100%;margin-right:0px;}
}


.desktop {display:block;}
.mobile {display:none;}
.mobile1024 {display:none;}
@media only screen and (max-width: 1024px) {
	.desktop {display:none;}
	.mobile {display:none;}
	.mobile1024 {display:block;}
}
@media only screen and (max-width: 600px) {
	.desktop {display:none;}
	.mobile1024 {display:none;}
	.mobile {display:block;}
}

.jp-audio {width:100%}
.jp-audio .jp-controls {width:100%}

.arbo .cols::after {content:'';clear:left;display:block;}
.arbo .cols .col {width:calc((100% - 50px)/2);margin-right:50px;float:left;}
.arbo .cols .col:nth-child(even) {margin-right:0px;}
.arbo .cols .col:nth-child(even)::after {clear:left}
.arbo h4 {font-size:1rem;text-align:left;letter-spacing:2px}
.arbo h3 {font-size:1.8rem;text-align:left;margin-bottom:0px;}
.arbo h5 {font-size:0.9rem;font-weight:bold;color:#338800;margin-bottom:0px;}

.arbo_section_musique {background-color:#AAA}
.arbo_section_divers {background-color:yellow}
.arbo_section_musique h3 {color:blue;}



.arbo ul li h4,.arbo ul li h5 {display:inline}

@media only screen and (max-width: 800px) {
	.arbo .cols .col {float:none;width:100%;margin-right:0px}
}

.arbo .news_liste_pink {background:pink}

.arbo .element .content {position:relative;top:-35px;z-index:2}
.arbo .element .content p {margin-top:10px}
.arbo .element .content h4 {display:inline-block;margin-left:20px;padding:1px 10px;background:#77cc00;color:white;margin-bottom:16px}

.arbo .full .content {margin:0 auto;width:90%;background:white;padding:15px 20px}

@media only screen and (max-width: 1160px) {
.with_menu_local .container {margin-left:3em}
.article-content {width: 93%;  }
}

@media only screen and (max-width: 1024px) {
.article-content {width: 93%;  }
}

@media only screen and (max-width: 760px) {
.article-content {width: 85%;  }
}

@media only screen and (max-width: 800px) {
	.arbo .cols .element::after {content:'';clear:left;display:block;}
	.arbo .cols .element .header {float:left;width:35%;margin-right:4%;}
	.arbo .cols .element .content {top:0px;float:left;width:61%;margin-right:0%;}
	.arbo .cols .element .content h4 {display:inline;letter-spacing:0px;font-weight:400;margin-left:0px;padding:0px 3px;margin-bottom:0px}
	.arbo .cols .element .content h4 {display:inline;letter-spacing:0px;font-weight:400;margin-left:0px;padding:0px 3px;margin-bottom:0px}
	.arbo .cols .element  {margin-bottom:15px}
	.arbo .cols h3 {font-size:1.3rem;letter-spacing:2px;}
}
@media only screen and (max-width: 600px) { .arbo .cols p {display:none} }

.arbo .cols .fond_vert {background-color:green}
.arbo .cols .fond_vert .element .content h4 {background-color:red}

.arbo .buffer .publicite li {background-repeat:no-repeat;height:200px;}
.arbo .buffer .publicite li {background-repeat:no-repeat;height:200px;background-size:auto auto;margin-bottom:15px}
@media only screen and (max-width: 600px) { .arbo .buffer .publicite li {height:400px;} }
.arbo .buffer.color_white .publicite li {color:white}

.arbo .full.fond_vert .buffer   {background-color:#658015;color:white;}
.arbo .full.fond_vert .content {background-color:green;color:white;}
.arbo.full.fond_vert .content h5 {color:yellow;}

.slider {width:100%}

[class*='slider_header'] {margin-bottom:80px;}
[class*='single_header'] {margin-bottom:80px}

.single_header img {width:100%}
.fancybox-title iframe {
    min-height: 30px;
    vertical-align: middle;
}

.galerie_thumb_hidden {display:none;}


@font-face {
    font-family:'silmanu';
src:url('../fonts/silmanu.ttf') format('truetype');
}
@font-face {
    font-family:'sildoulos';
src:url('../fonts/sildoulos.ttf') format('truetype');}

.doulos {font-family:'sildoulos'; }
.manu {font-family:'silmanu';}

.article-texte-creole .surligne { background-color: #D0E5EE; }

.article-texte-creole blockquote {
    margin: 6px 0px;
    padding: 7px 10px;
    background: #F0F0F0;
}

.article-texte-creole blockquote b {font-weight:800}
.article-texte-creole h6 {font-size:1.6rem}
.article-texte-creole  .indp {
    background: #E9E9D2;
    padding: 0px 3px;
    text-align: justify;
    margin-left: 10pt;
}

.article-texte-creole a.mp3 {font-weight:800}

.article-texte.iorange i {color:#ea8f00}
.article-texte.bgras b {font-weight:800}

.img_gauche, .image_gauche {
    margin-top: 5px;
    float: left;
    margin-right: 20px;
    border: 0px;
    display: inline-block;
}

.img_droite, .image_droite {
    margin-top: 5px;
    float: right;
    margin-left: 20px;
    border: 0px;
    display: inline-block;
}

#sousmenu_local {
  position: fixed;
  left: 0;
  top: 50%;
  width: 4em;
  margin-top: -4em;
  padding:5px 10px;
  z-index:10;
  font-size:0.8rem;
	background:rgba(236,0,140,0.8);
}



.Rtable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 0 0;
  padding: 0;
}
.Rtable-cell {
  box-sizing: border-box;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
  padding: 0.8em 1.2em;
  overflow: hidden;
  list-style: none;
  border: solid 3px white;
  background: rgba(112, 128, 144, 0.2);
}
/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}

.Rtable {
  position: relative;
  top: 3px;
  left: 3px;
}
.Rtable-cell {
  margin: -3px 0 0 -3px;
  background-color: #E1F0F0;
}
/* Cell styles
================================== */
.Rtable-cell--head {
  background-color: #999;
  color: white;
  text-align: right;
}

/* Responsive
==================================== */
@media all and (max-width: 800px) {
  .Rtable--collapse {
    display: block;
  }
  .Rtable--collapse > .Rtable-cell {
    width: 100% !important;
  }
  .Rtable--collapse > .Rtable-cell--foot {
    margin-bottom: 1em;
  }
	.Rtable-cell--head {margin-top:5px;text-align:left}
}
.no-flexbox .Rtable {
  display: block;
}
.no-flexbox .Rtable > .Rtable-cell {
  width: 100%;
}
.no-flexbox .Rtable > .Rtable-cell--foot {
  margin-bottom: 1em;
}

.horaires h4 {color:#99a3a3;font-size:1.9rem;line-height:1.9rem;margin:0;display:inline}

@font-face {
      font-family: 'mndl-icons';
      src: url('../fonts/mndl-icons.eot?99607170');
      src: url('../fonts/mndl-icons.eot?99607170#iefix') format('embedded-opentype'),
           url('../fonts/mndl-icons.woff?99607170') format('woff'),
           url('../fonts/mndl-icons.ttf?99607170') format('truetype'),
           url('../fonts/mndl-icons.svg?99607170#mndl-icons') format('svg');
      font-weight: normal;
      font-style: normal;
    }


    .icn
    {
      font-family: "mndl-icons";
      font-style: normal;
      font-weight: normal;
      speak: none;

      display: inline-block;
      text-decoration: inherit;
      margin-right: 0;
      text-align: center;
      /* opacity: .8; */
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      margin-left: 0;
      /* font-size: 120%; */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      /* Uncomment for 3D effect */
      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

.tooltipster-content img {border:0px;}
.tooltipster-content b {font-weight:800;}
.tooltipster-content img.bulle_img_right,.tooltipster-content img.bulle_img {margin:0px;margin-left:10px;margin-bottom:10px}

.playlist-medium {width:66%}
.article-disco em {color:#2e8f90;font-style:normal}

footer h3 {font-size:1.3rem;color:#478d8f;text-align:center;}
footer .editions {width:100%;background-color:#77bdbf;padding:50px;color:white;}
footer .editions {margin:0 auto;width:100%;}
footer .editions .colonnes {text-align:center;margin:0 auto;max-width:1020px;}
footer .editions .colonnes .colo A {font-size:1.8rem;line-height:2.5rem;padding:1px 20px;transition: all 0.8s;}
footer .editions .colonnes .colo A.menu_small {font-size:1.7rem;line-height:2.1rem;}
footer .editions .colonnes .colo A:hover {background-color:#478d8f;color:white;}
.colonnes:after {clear:both;display:block;content:''}
.colonnes .colo {float:left}
.colonnes.colo2 .colo {width:calc((100% - 30px)/2);margin-right:30px}
.colonnes.colo2 .colo:nth-child(odd)  {margin-right:0%}
.colonnes.colo3 .colo {width:calc((100% - 60px)/3);margin-right:30px}
.colonnes.colo3 .colo:nth-child(3)  {margin-right:0%}

.navigation__nav h3 {font-size:1.3rem;color:#478d8f;text-align:center;}
.navigation__nav .editions {font-size:1.9rem;line-height:2rem;width:100%;padding:50px;color:white;}
.navigation__nav .editions {margin:0 auto;width:100%;}
.navigation__nav .editions .colonnes {text-align:center;margin:0 auto;max-width:1020px;padding-bottom:60px}
.navigation__nav .editions .colonnes A {padding:1px 20px;transition: all 0.8s;font-size:3.5rem;}
.navigation__nav .editions .colonnes .colo A.menu_small {font-size:1.7rem;line-height:2.1rem;}
.navigation__nav .editions .colonnes A:hover {background-color:#478d8f;color:white;}

@media (min-width: 0) and (max-width: 656px){
	.navigation__nav {margin-top:65px;}
	.navigation__nav .editions .colonnes,footer .editions .colonnes  {padding-bottom:25px}
	.navigation__nav .editions .colonnes A,footer .editions .colonnes .colo A {font-size:2.4rem;}
}

.flags {
  color:black;;
  height: 4rem;
  width: 6.5rem;
  position: fixed;
  top: 2rem;
  right: 7rem;
  z-index: 2000;
}

.flags img {margin-top:.75rem;float:right;width:40px;margin-right:10px;-webkit-transition: -webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;}
.flags img:hover {-webkit-transform: rotate(360deg);transform: rotate(360deg);}


.navigation__checkbox {
  display: none;
}
.navigation__button {
  background-color: #77bdbf;
  height: 4rem;
  width: 4rem;
  position: fixed;
  top: 2rem;
  right: 2rem;
  border-radius: 50%;
  z-index: 2000;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
  text-align: center;
  cursor: pointer;
}
.navigation__background {
  height: 3rem;
  width: 3rem;
  border-radius: 50%;
  position: fixed;
  top: 2.2rem;
  right: 2.2rem;
  background-image: radial-gradient(#67adaf, #77bdbf);
  z-index: 1000;
  transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1);
}
.navigation__nav {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1500;
  visibility: hidden;
  opacity: 0;
  width: 0;
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.navigation__list {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  list-style: none;
  text-align: center;
  width: 100%;
}
.navigation__item {
  margin: 1rem;
}
.navigation__link:link, .navigation__link:visited {
  display: inline-block;
  font-size: 3rem;
  font-weight: 300;
  padding: 1rem 2rem;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  background-image: linear-gradient(120deg, transparent 0%, transparent 50%, #fff 50%);
  background-size: 220%;
  transition: all 0.4s;
}
.navigation__link:link span, .navigation__link:visited span {
  margin-right: 1.5rem;
  display: inline-block;
}
.navigation__link:hover, .navigation__link:active {
  background-position: 100%;
  color: #90CAF9;
  transform: translateX(1rem);
}
.navigation__checkbox:checked ~ .navigation__background {
  transform: scale(80);
}
.navigation__checkbox:checked ~ .navigation__nav {
  opacity: 1;
  width: 100%;
  visibility: visible;
}
.navigation__icon {
  position: relative;
  margin-top: 2rem;
}
.navigation__icon, .navigation__icon::before, .navigation__icon::after {
  width: 1.5rem;
  height: 3px;
  background-color: #FFF;
  display: inline-block;
}
.navigation__icon::before, .navigation__icon::after {
  content: "";
  position: absolute;
  left: 0;
  transition: all 0.2s;
}
.navigation__icon::before {
  top: -0.5rem;
}
.navigation__icon::after {
  top: 0.5rem;
}
.navigation__button:hover .navigation__icon::before {
  top: -0.75rem;
}
.navigation__button:hover .navigation__icon::after {
  top: 0.75rem;
}
.navigation__checkbox:checked + .navigation__button .navigation__icon {
  background-color: transparent;
}
.navigation__checkbox:checked + .navigation__button .navigation__icon::before {
  top: 0;
  transform: rotate(135deg);
}
.navigation__checkbox:checked + .navigation__button .navigation__icon::after {
  top: 0;
  transform: rotate(-135deg);
}

.articles_nav {width:100%;margin:5px auto 0px;}
.articles_nav:after {content:'';display:block;clear:left;}
.articles_nav div {text-align:center;width:50%;float:left;font-size:2.3rem;padding:50px 0px 50px 0px;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-o-transition:background-color 0.3s;transition:background-color 0.3s}
.articles_nav div:hover {background-color:#e1f0f0;}


.teaser {
	width: 100%;
	height: 105px;
	overflow: hidden;
	white-space: normal;
	text-overflow:ellipsis;
}
.teaser.on  { 	overflow: auto;  	white-space: normal; 	text-overflow:clip; }
.bouton_teaser { display:inline-block;margin-top:0px;	padding:5px 10px;background-color: #77bdbf65; color:white;cursor:pointer;transition: all 0.25s;}
.bouton_teaser:hover {	background-color: #77BDBF;color:white;}

.teaser::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.teaser {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.teaser.raye {padding:15px 30px;background: linear-gradient(45deg, #77BDBF 1%, #fff 1%, #fff 49%, #77BDBF 49%, #77BDBF 51%, #fff 51%, #fff 99%, #77BDBF 99%);
  background-size: 6px 6px;
  background-position: 50px 50px;}

article-share .twitter {display:inline-block;padding-top:5px}