/* compact [
	squelettes/css/normalize.css
	squelettes/css/screen.css
	squelettes/css/print.css
	squelettes/css/forms.css
	squelettes/css/spip_docs.css
] 74.2% */

/* squelettes/css/normalize.css */
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
button,input,select,textarea{font-family:sans-serif;color:#222}
form{margin:0;padding:0;overflow:hidden}
fieldset{border:0;margin:0;padding:0;font-size:100%}
legend{border:0;*margin-left:-7px;margin:0;padding:0;display:block;width:100%}
label{cursor:pointer}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal;*overflow:visible}
table button,table input{*overflow:auto}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;width:auto;height:auto}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box}
input[type="image"],input[type="checkbox"],input[type="radio"]{width:auto;height:auto;padding:0;margin:3px 0;cursor:pointer;*margin-top:0;line-height:normal;border:0;border-radius:0 \0/IE89}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="file"]{padding:initial;line-height:initial;border:initial;background-color:#FFF;background-color:initial;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input[type="file"]:focus,input[type="checkbox"]:focus,select:focus{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{height:auto;overflow:auto;vertical-align:top;resize:vertical}
select,input[type="file"]{height:28px;*margin-top:4px;line-height:28px}
select{width:220px;background-color:#fff}
select[multiple],select[size]{height:auto}
input[type="image"]{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
input[type="hidden"]{display:none}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}

/* squelettes/css/screen.css */
@media screen {
*,:before,:after{box-sizing:inherit}
html{height:100%;box-sizing:border-box}
body{min-height:100%;background:#fff}
.wrap-full{padding-left:15px;padding-right:15px}
}
@media (min-width: 600px) {
.container{max-width:1148px;margin-left:auto;margin-right:auto}
.container:after{content:" ";display:block;clear:both}
}
@media screen {
.row{width:auto}
.row:after{content:"";display:table;clear:both}
.row-content{padding-top:20px}
}
@media (min-width: 600px) {
.row-content{padding-top:60px}
}
@media screen {
.col-main{padding-bottom:30px}
}
@media (min-width: 600px) {
.col-main{width:65.85366%;float:left;margin-right:2.43902%;padding-bottom:70px;padding-right:10px}
}
@media (min-width: 1024px) {
.col-main{padding-right:9.25926%}
}
@media screen {
.full-width .col-main{width:auto;float:none;margin-left:0;margin-right:0}
.col-sub{padding-bottom:20px;border-top:1px solid #ff8a00;padding-top:20px}
}
@media (min-width: 600px) {
.col-sub{padding-top:0;padding-bottom:80px;width:31.70732%;float:right;margin-right:0;border:none}
}
@media screen {
.site-footer{clear:both}
label,input,select,textarea{font-size:1.7rem;line-height:1.7}
ul label,ul input,ul select{font-size:inherit}
label p{font-size:inherit}
form{margin-bottom:0}
legend{padding:15px 0;font-size:1.4em;font-family:"Open Sans",sans-serif;color:#0c87c9;font-weight:700;font-style:normal;text-transform:none}
ul legend{font-size:.8em}
input{margin:0}
input[type="email"],input[type="file"],input[type="image"],input[type="password"],input[type="search"],input[type="text"],input[type="url"],input[type="tel"],input[type="range"],input[type="number"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="week"],input[type="color"],select,textarea{padding:3px 4px;background:#fff;border:1px solid #0c87c9;border-radius:0;width:100%;box-sizing:border-box;font-family:"Open Sans",sans-serif;font-size:1.7rem;color:#515151}
textarea{resize:vertical}
textarea[rows]{height:auto}
input[type="email"]:focus,input[type="file"]:focus,input[type="image"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="url"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="number"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="color"]:focus,select:focus,textarea:focus{border:1px solid #0c87c9;background:#fff}
::-webkit-input-placeholder{color:#515151;font-style:normal}
::-moz-placeholder{color:#515151;opacity:1;font-style:normal}
:-ms-input-placeholder{color:#515151;font-style:normal}
select,input[type="file"]{height:auto}
input[type="submit"],input[type="reset"],input[type="button"],button,.button{margin:0;padding:4px 10px;width:auto;display:inline-block;overflow:visible;outline:none;background:#0c87c9;border:0 solid #0c87c9;border-radius:0;transition:.2s all;box-sizing:border-box;font-family:"Open Sans",sans-serif;font-size:1.5rem;color:#fff;font-weight:400;text-transform:uppercase;text-align:center;text-decoration:none}
input[type="submit"]:hover,input[type="reset"]:hover,button:hover,.button:hover{background-color:#0a72aa;color:#fff;border-color:#0a72aa;color:#fff;text-decoration:none}
input[type="submit"]:active,input[type="reset"]:active,button:active,.button:active{background-color:#0c87c9;border-color:#ff8a00;color:#fff}
button:focus{outline-width:1px;outline-style:dotted}
input[type="radio"],input[type="checkbox"]{border-width:0;width:auto;position:relative;margin:3px 5px 3px 0;float:none;display:inline}
form ul{margin:0;padding:0;list-style:none}
form ul li{margin:3px 0;padding:0 0 2px;background:none;list-style:none;overflow:hidden}
label{display:block;margin-bottom:2px}
html{font-size:71.4%}
}
@media (min-width: 600px) {
html{font-size:62.5%}
}
@media screen {
body{font-family:"Open Sans",sans-serif;color:#000}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address{margin-bottom:1em;margin-top:1em;font-size:1.7rem;line-height:1.7;font-weight:300}
p,dl,ul{margin-top:0}
ol p,ul p,ol ol,ul ul,label p,dt p,dd p,table p{font-size:inherit}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif;font-weight:700;font-style:normal;text-transform:none;color:#0c87c9;line-height:1.25;margin-top:1.5em;margin-bottom:1em}
h1{font-size:3rem;line-height:1}
h2{font-size:2.4rem;line-height:36px}
.col-main h2{font-family:"Montserrat","Open sans",sans-serif;text-transform:uppercase;font-size:1.3rem;margin-top:2em;margin-bottom:1.8em;font-weight:400}
h3{font-size:1.5em;font-weight:400}
h4,h5,h6{font-size:1.4rem;font-weight:400;color:inherit}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child,p:first-child{margin-top:0}
p:last-child{margin-bottom:0}
a{color:#ff8a00;text-decoration:none;background:transparent;transition:.15s all}
a:active,a:focus,a:hover{color:#f26400;text-decoration:underline;background:transparent}
blockquote,blockquote p{font-style:italic}
blockquote{margin:0 0 1.5em;padding:.9rem 2rem;border-left:2px solid #ff8a00}
blockquote cite,blockquote span{display:block;font-style:normal;text-align:right}
p.highlight{background:#ff8a00;padding:15px 17px 17px;border-radius:0;color:#fff}
p.highlight a{color:#fff;text-decoration:underline}
.soft{color:#888}
small{font-size:.8em}
mark{background:#FFFF7F}
.center-text{text-align:center}
ol p,ul p{font-size:inherit}
ul{list-style:none;margin-left:39px;padding-left:0}
ul li{margin-left:0;margin-bottom:0;padding-left:29px;background:url(//www.planf.be/squelettes/img/bullet-plus.svg) no-repeat 0 .8rem;background-size:16px auto}
ul ul{margin-bottom:0}
.col-main ul li{font-style:italic}
ul.arrows,.site-contact ul{margin-left:14px}
ul.arrows li,.site-contact ul li{padding-left:22px;background:url(//www.planf.be/squelettes/img/bullet-arrow.svg) no-repeat 0 1rem;background-size:6px auto;color:#0c87c9}
ol{margin-left:29px}
ol li{margin-bottom:0}
dt{font-weight:700;margin-bottom:5px}
dd{margin-bottom:10px;margin-left:0}
.list-inline{margin:0 0 1em;padding:0;list-style:none}
.list-inline:after{content:"";display:table;clear:both}
.list-inline li{float:left;margin:0 10px 20px 0;padding:0;background:none}
.list-inline img{display:block}
.list-inline a:hover img{opacity:.8}
.liste{margin-left:0;padding-left:0}
.liste li{margin-left:0;padding:15px 0;background:none;border-bottom:#D2EFFF 1px solid}
.liste li:first-child{padding-top:0}
.liste li:last-child{border:none}
.liste .titre{margin:5px 0;font-family:"Montserrat","Open sans",sans-serif;font-variant:small-caps}
.liste .titre a{color:#0C87C9}
.liste p{line-height:1.5}
.list-of-links li{border-bottom:1px solid #D6D6D6}
.list-of-links a{display:block}
img{max-width:100%;height:auto;vertical-align:middle}
.left{float:left;margin:0 25px 5px 0}
.right{float:right;margin:0 0 5px 25px}
.center{display:block;margin:22px auto;clear:both}
.center img{display:block;margin:0 auto}
p:first-child img.center,header + p img.center{margin-top:0}
a img{transition:.15s all}
a:hover img{opacity:.8}
hr{clear:both;display:block;height:1px;border:0;border-top:1px solid #0c87c9;margin:1em 0;padding:0}
table{margin-bottom:1rem;width:100%}
th,td{padding:6px 10px 7px 0;border-top:1px solid #0c87c9}
th{font-weight:700;vertical-align:top;text-align:left;font-family:"Montserrat","Open sans",sans-serif;font-weight:normal;text-transform:uppercase;color:#0c87c9;font-size:1.4rem}
thead:first-child tr th,thead:first-child tr td{border-top:0}
audio,video,object,embed,canvas{max-width:100%;height:auto}
.flex-video{position:relative;height:0;padding-top:25px;padding-bottom:67.5%;overflow:hidden}
.flex-video.widescreen{padding-bottom:56.25%}
.flex-video.vimeo{padding-top:0}
.flex-video video,.flex-video object,.flex-video embed,.flex-video iframe{height:100%;left:0;position:absolute;top:0;width:100%}
.section-header{margin-top:0;padding-top:30px;padding-bottom:12px;margin-bottom:30px;background:url(//www.planf.be/squelettes/img/icon-flag-blue.svg) no-repeat center top;background-size:28px auto;text-align:center;position:relative}
}
@media (min-width: 600px) {
.section-header{margin-bottom:65px}
}
@media screen {
.section-header h2,.section-header h1{margin-top:0;margin-bottom:8px;font-size:2.2rem;color:#ff8a00;letter-spacing:-1px;line-height:1.1}
}
@media (min-width: 600px) {
.section-header h2,.section-header h1{font-size:4.8rem;letter-spacing:-2px}
}
@media screen {
.section-header p.subtitle{font-family:"Montserrat","Open sans",sans-serif;color:#0c87c9;text-transform:uppercase;font-weight:400;font-size:1.3rem}
.section-header:after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:28px;height:2px;background:#ff8a00}
.site-contact .section-header{background-image:url(//www.planf.be/squelettes/img/icon-pointer.svg)}
.content-header{margin-top:0;padding-top:0;padding-bottom:1px;margin-bottom:0}
.content-header h1{font-size:2.2rem;color:#ff8a00;letter-spacing:-1px}
}
@media (min-width: 600px) {
.content-header h1{font-size:3rem}
}
@media screen {
p.page-intro{color:#0c87c9;font-weight:400}
#documents_joints ul,#documents_portfolio ul{margin-left:0}
#documents_portfolio li{display:inline-block;padding-left:0;background-image:none}
.wrap-site-header{background:#0c87c9 url(//www.planf.be/squelettes/img/header-pattern.png) repeat center top}
}
@media (min-width: 810px) {
.wrap-site-header{background:#0c87c9 url(//www.planf.be/squelettes/img/header.png) no-repeat center top}
}
@media screen {
.site-header{position:relative;padding-top:30px;min-height:auto}
.site-header:after{content:"";display:table;clear:both}
}
@media (min-width: 600px) {
.site-header{min-height:300px}
}
@media screen {
.site-logo{float:left;margin-top:-23px;margin-right:0;margin-bottom:0;width:130px}
}
@media (min-width: 600px) {
.site-logo{margin-top:5px;margin-bottom:10px;width:25.60976%}
}
@media (min-width: 810px) {
.site-logo{margin-bottom:20px}
}
@media screen {
.site-logo a{display:block}
.site-logo a:hover{text-decoration:none;background-color:transparent}
.site-logo a:hover img{opacity:1}
.wrap-nav-main{display:none;margin-bottom:20px;clear:left}
}
@media (min-width: 600px) {
.wrap-nav-main{display:block;padding-top:15px}
}
@media (min-width: 810px) {
.wrap-nav-main{float:right;clear:none;width:67.85714%}
}
@media screen {
.nav-main{margin:0;padding-left:0;padding-right:10px;clear:both;background:#ffffff1a;text-transform:uppercase;font-family:"Montserrat","Open sans",sans-serif;font-weight:400}
.nav-main:after{content:"";display:table;clear:both}
}
@media (min-width: 1180px) {
.nav-main{padding-left:12px}
}
@media screen {
.nav-main > li{float:left;position:relative;margin:0 0 0 21px;padding:9px 0 7px;list-style-type:none;background:none}
.nav-main > li > a{float:left;width:auto;margin:0;padding:0;background:transparent;border-bottom:2px solid transparent;text-decoration:none;color:#fff;letter-spacing:.5px;font-size:1.4rem;line-height:32px}
.nav-main > li.item-home > a{width:32px;background:url(//www.planf.be/squelettes/img/icon-home-sprite.svg) no-repeat center 2px;background-size:28px auto;text-indent:-900px;overflow:hidden;border-bottom-color:transparent!important}
.nav-main > li.item-home > a:hover,.page-accueil .nav-main > li.item-home > a{background-position:center -38px}
.nav-main > li > a:active,.nav-main > li > a:focus,.nav-main > li > a:hover,.nav-main > li:hover > a{color:#fff;background-color:transparent;text-decoration:none;border-bottom-color:#ff8a00}
.nav-main > li.current > a{color:#fff;background-color:transparent;text-decoration:none;border-bottom-color:#ff8a00}
.nav-main > li ul{opacity:0;visibility:hidden;position:absolute;top:100%;left:0;z-index:99999;margin:-2px 0 0;padding:12px 0;min-width:200px;background:#ff8a00;box-shadow:3px 3px 0 #0000001a}
.nav-main li:hover > ul,.nav-main li.sfHover > ul{opacity:1;visibility:visible;margin-top:0}
.nav-main > li ul ul{top:0;left:100%}
.nav-main > li:last-child ul{left:auto;right:0}
.nav-main > li:last-child ul ul{left:auto;right:100%}
.nav-main > li li{margin:0;padding:0;background:none;position:relative}
.nav-main > li li a{display:block;padding:1px 25px;color:#fff;font-size:1rem;line-height:22px;text-decoration:none;letter-spacing:1px}
.nav-main > li li a:hover{text-decoration:underline}
.nav-main > li li.current a{color:#fff}
.nav-main > li li:last-child a,.nav-main > li li.last a{border:none}
.nav-main > li li a:hover{color:#fff}
.wrap-nav-extra{padding-top:0;padding-bottom:21px;text-align:center;position:absolute;left:0;right:0;bottom:0;z-index:2;display:none}
}
@media (min-width: 600px) {
.wrap-nav-extra{display:block}
}
@media (min-width: 810px) {
.wrap-nav-extra{padding-top:90px}
}
@media screen {
.nav-extra{display:inline-block;margin:0;padding:0 15px;background:#ff8a00;box-shadow:0 3px 0 #0000001a}
.nav-extra:after{content:"";display:table;clear:both}
.nav-extra li{margin:0;padding:5px 15px 5px 14px;background:none;float:left;position:relative}
.nav-extra li:after{content:"";position:absolute;left:100%;top:50%;margin-top:-6px;width:1px;height:12px;background:#f26400}
.nav-extra li:last-child:after{display:none}
.nav-extra a{border-bottom:1px solid transparent;text-decoration:none;font-family:"Montserrat","Open sans",sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:1.3rem;line-height:45px;color:#fff}
.nav-extra a:hover{border-color:#fff}
.wrap-search{background:#e4f4fc;overflow:hidden}
.site-search{clear:both;margin-left:0;padding:0}
.site-search:after{content:"";display:table;clear:both}
.site-search label{margin:0;padding:25px 0 10px;position:relative;z-index:2;display:none;font-size:1.8rem;font-weight:300;color:#0C87C9}
}
@media (min-width: 600px) {
.site-search label{display:block;float:left}
}
@media (min-width: 810px) {
.site-search label{margin-left:98px}
}
@media screen {
.site-search form .saisies{overflow:visible;position:relative;margin:0;padding:15px 0;position:relative}
}
@media (min-width: 600px) {
.site-search form .saisies{float:right;clear:none;width:364px;background:#daedf7}
.site-search form .saisies:before{content:"";height:0;width:0;border-top:260px solid #daedf7;border-left:260px solid transparent;position:absolute;right:100%;top:-96px}
.site-search form .saisies:after{content:"";position:absolute;top:0;left:100%;width:1000px;height:100%;background:#daedf7}
}
@media (min-width: 810px) {
.site-search form .saisies{margin-right:98px}
}
@media screen {
.site-search input[type="search"]{height:28px;width:100%;height:40px;margin:0;padding-left:10px;padding-right:75px;border:none;line-height:inherit}
.site-search input[type="submit"]{position:absolute;right:0;top:15px;z-index:2;width:70px;height:40px;border:none;background-color:#0c87c9;background-image:url(//www.planf.be/squelettes/img/icon-search-white.svg);background-repeat:no-repeat;background-position:center center;background-size:20px auto;text-indent:120%;overflow:hidden;white-space:nowrap;padding-left:0;padding-right:0}
.site-search input[type="submit"]:hover{background-color:#0a72aa}
.sf-arrows ul .sf-with-ul{padding-right:2.5em}
.sf-arrows ul .sf-with-ul:after{content:'';position:absolute;top:50%;right:5px;margin-top:-3px;height:0;width:0;border:5px solid transparent;border-top-color:#ff8a0080}
.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after{border-top-color:#ff8a00}
.sf-arrows ul .sf-with-ul:after{margin-top:-5px;margin-right:-3px;border-color:transparent;border-left-color:#ffffff80}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after{border-left-color:#fff}
.wrap-nav-mobile{float:right;margin-top:-30px;margin-left:15px;margin-right:-15px;width:123px;position:relative;z-index:99999;font-family:"Montserrat","Open sans",sans-serif;display:block}
}
@media (min-width: 600px) {
.wrap-nav-mobile{display:none}
}
@media screen {
#nav-mobile-toggle{position:relative;display:block;line-height:48px;font-family:"Montserrat","Open sans",sans-serif;font-size:20px;text-transform:uppercase;padding-left:15px;margin-bottom:0;background:#ff8a00;color:#fff;text-decoration:none;transition:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:0}
#nav-mobile-toggle .icon-nav{display:block;width:20px;height:2px;position:absolute;z-index:2;right:16px;top:23px;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-duration:.2s}
#nav-mobile-toggle .icon-nav:before,#nav-mobile-toggle .icon-nav:after{content:"";position:absolute;z-index:3;left:0;width:100%;height:2px;background:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-duration:.2s}
#nav-mobile-toggle .icon-nav:before{top:-7px}
#nav-mobile-toggle .icon-nav:after{bottom:-7px}
#nav-mobile-toggle.open{background-color:#ff8a00;color:#fff;box-shadow:0 5px 5px 0 #00000080}
#nav-mobile-toggle.open .icon-nav,#nav-mobile-toggle.open .icon-nav:before,#nav-mobile-toggle.open .icon-nav:after{background:#fff}
#nav-mobile-toggle.open .icon-nav:before{-webkit-transform:rotate(45deg) translate(5px,4px);-ms-transform:rotate(45deg) translate(5px,4px);transform:rotate(45deg) translate(5px,4px)}
#nav-mobile-toggle.open .icon-nav:after{-webkit-transform:rotate(-45deg) translate(6px,-5px);-ms-transform:rotate(-45deg) translate(6px,-5px);transform:rotate(-45deg) translate(6px,-5px)}
#nav-mobile-toggle.open .icon-nav{background:#ff8a00}
#nav-mobile.open{display:block}
#nav-mobile{display:none;position:absolute;top:100%;right:0;z-index:9000;width:290px;margin:0;padding:15px 0;background:#ff8a00;box-shadow:0 5px 5px 0 #0000004d}
#nav-mobile li{margin:0;padding:0 0 1px;list-style-type:none;background:transparent;position:relative}
#nav-mobile a{display:block;padding:6px 3.6rem 6px 20px;font-family:"Montserrat","Open sans",sans-serif;text-transform:uppercase;color:#fff;font-size:1.6rem;text-decoration:none;transition:.15s all}
#nav-mobile a:hover,#nav-mobile .current > a{background:#ff8a00}
#nav-mobile ul{margin-left:0;margin-top:3px;margin-bottom:1px;padding-left:0;max-height:0;overflow:hidden;transition:.25s all}
#nav-mobile ul.mobile-open{max-height:500px}
#nav-mobile li li a{color:#fff;font-weight:300;font-size:1.4rem;padding-left:35px}
#nav-mobile .mobile-toggle-sub{background:#ff8a00;cursor:pointer;width:3.4rem;position:absolute;top:0;right:0;z-index:99;border-left:1px solid #0003;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;font-family:Arial,Helvetica,sans-serif;font-size:3rem;color:#fff;line-height:3.5rem;text-align:center}
#nav-mobile .mobile-toggle-sub.mobile-active{color:#fff}
.wrap-site-contact{border-top:1px solid #ff8a00;padding-top:30px;position:relative}
.wrap-site-contact:before{display:none;content:'';position:absolute;left:50%;top:0;margin-left:-75px;margin-top:-1px;width:150px;height:75px;background:#fff url(//www.planf.be/squelettes/img/angel-half-circle.png) no-repeat center top}
}
@media (min-width: 600px) {
.wrap-site-contact{padding-top:109px}
.wrap-site-contact:before{display:block}
}
@media screen {
.site-contact{padding-bottom:20px}
}
@media (min-width: 600px) {
.site-contact{padding-bottom:68px}
}
@media screen {
.site-contact p{margin-bottom:1.7em}
.site-contact strong{font-weight:600;color:#0c87c9}
.site-contact i{font-weight:400;color:#ff8a00;font-style:normal}
.site-contact h3{color:inherit;font-weight:700;font-size:1.6rem;line-height:1.7;margin-bottom:0}
.site-contact .sep{color:gray}
.site-contact .row{margin-top:-10px}
}
@media (min-width: 600px) {
.site-contact .col{width:48.78049%;float:left;margin-right:2.43902%}
.site-contact .col:last-child{float:right;margin-right:0}
}
@media screen {
.wrap-site-footer{border:4px solid #0c87c9;border-width:4px 0;background:#ff8a00 url(//www.planf.be/squelettes/img/footer-bg-orange.png) no-repeat center top;color:#fff}
.site-footer{padding:20px 0 15px}
ul.footer-nav{margin:0;padding:0;display:block;width:100%}
ul.footer-nav:after{content:"";display:table;clear:both}
ul.footer-nav li{display:block;vertical-align:top;text-align:left;margin:0;padding:0;background:none;font-size:1.3rem}
}
@media (min-width: 600px) {
ul.footer-nav li{float:left;margin-right:25px}
}
@media screen {
ul.footer-nav a{display:block;padding:5px 0;color:#fff;font-family:"Montserrat","Open sans",sans-serif;text-transform:uppercase;letter-spacing:1px;line-height:1.6}
ul.footer-nav ul{display:block;margin-left:10px}
ul.footer-nav ul li{display:block;float:none;text-align:left;line-height:1.3}
ul.footer-nav ul a{font-size:1rem}
ul.footer-nav > li{margin-bottom:10px}
p.footer-legal{margin-top:40px;text-align:center;font-family:"Montserrat","Open sans",sans-serif;text-transform:uppercase;font-size:1.2rem;letter-spacing:1px}
p.footer-legal a{color:#fff}
p.footer-legal a:hover,p.footer-legal a:focus{text-decoration:underline}
}
@media (min-width: 600px) {
p.footer-legal{margin-top:66px}
}
@media screen {
.widget{margin-bottom:40px}
.widget h3{padding:0 0 0 46px;margin-top:0;margin-bottom:32px;background:url(//www.planf.be/squelettes/img/icon-star-orange.svg) no-repeat left center;background-size:28px auto;color:#ff8a00;font-family:"Open Sans",sans-serif;font-size:2.4rem;line-height:1.6;font-weight:400;font-weight:700;color:#0c87c9;letter-spacing:-1px}
.widget-subtitle{width:270px;margin:auto}
.widget ul,.widget ul li{list-style:none}
.widget ul{margin-left:0;padding-left:0}
.widget li{padding-left:0;background:none;margin-left:0}
.widget:last-child{margin-bottom:0}
.nav-sec{margin:0;padding:0}
.nav-sec li{margin:0 0 17px;padding:0;list-style-type:none;background:transparent}
.nav-sec a{display:block;padding:18px 5px;border:1px solid #0c87c9;text-decoration:none;transition:.15s all;text-align:center;font-family:"Montserrat","Open sans",sans-serif;text-transform:uppercase;font-weight:700;color:#ff8a00;font-size:1.3rem;line-height:1.2;letter-spacing:1px}
}
@media (min-width: 600px) {
.nav-sec a{font-size:1.5rem}
}
@media (min-width: 810px) {
.nav-sec a{font-size:1.8rem}
}
@media screen {
.nav-sec a:hover,.nav-sec .current a{background:#ff8a00;color:#fff;border-color:#ff8a00;box-shadow:0 3px 0 #0000001a}
.nav-sec ul{margin-top:4px;margin-bottom:0;padding:0 20px}
.nav-sec ul a{padding-left:27px}
.widget-links h3{background-image:url(//www.planf.be/squelettes/img/icon-link-orange.svg)}
.widget-links ul{margin:0;padding:0}
.widget-links li{margin:0;padding:0}
.widget-links a{display:block;border-bottom:1px solid #dbedf7;padding:13px 0 13px 17px;font-family:"Montserrat","Open sans",sans-serif;text-transform:uppercase;font-weight:400;color:#6c6c6c;letter-spacing:1px;font-size:1.3rem;line-height:1.4}
.widget-links a:hover{color:#ff8a00;text-decoration:none}
li:last-child .widget-links a{border:none}
.widget-quiz h3{background-image:url(//www.planf.be/squelettes/img/icon-crayon-orange.svg)}
.widget-quiz p{margin-top:0;margin-bottom:25px;font-family:"Montserrat","Open sans",sans-serif;text-transform:uppercase;font-weight:400;color:#0c87c9;font-size:1.3rem;line-height:1.8;text-align:center}
ul.quiz-questions{margin:0;padding:0}
ul.quiz-questions li{display:block;width:100%;margin:0 0 20px;padding:0;border:20px solid #e4f4fc;background:none;position:relative}
ul.quiz-questions a{display:block;padding:10px;height:140px;position:relative;font-weight:300;font-style:italic;color:#0c87c9;text-align:center;line-height:1.2;font-size:1.7rem;vertical-align:middle}
ul.quiz-questions span{display:inline-block;max-width:299px}
}
@media (min-width: 600px) {
ul.quiz-questions a{height:180px;font-size:1.7rem}
ul.quiz-questions a br{display:inline}
}
@media (min-width: 770px) {
ul.quiz-questions a{font-size:2rem}
}
@media screen {
ul.quiz-questions a span{position:absolute;left:50%;top:50%;width:100%;z-index:1;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
ul.quiz-questions a:after{content:'';position:absolute;top:50%;left:50%;width:78px;height:78px;margin-left:-39px;margin-top:-39px;z-index:5;background:url(//www.planf.be/squelettes/img/icon-plus-thin-white.svg) no-repeat center center;background-size:78px auto;opacity:0;transition:.15s opacity}
ul.quiz-questions a:hover{text-decoration:none;background:#ff8a00;color:#ed5400}
ul.quiz-questions a:hover:after{opacity:1}
ul.quiz-questions a br{display:none}
.page_sommaire .wrap-site-contact{border:none;padding-top:42px}
.page_sommaire .wrap-site-contact:before{display:none}
.wrap-home-quiz{background:#e4f4fc url(//www.planf.be/squelettes/img/angel-half-circle-noborder.png) no-repeat center top;padding-top:109px}
.home-quiz{padding-bottom:30px}
}
@media (min-width: 600px) {
.home-quiz{padding-bottom:98px}
}
@media screen {
.home-quiz .section-header{background-image:url(//www.planf.be/squelettes/img/icon-crayon-blue.svg)}
.home-quiz ul.quiz-questions{display:table;table-layout:fixed;width:100%}
.home-quiz ul.quiz-questions:after{content:"";display:table;clear:both}
.home-quiz ul.quiz-questions li{border-color:#fff;margin:0;background:#fff;margin-bottom:20px}
}
@media (min-width: 600px) {
.home-quiz ul.quiz-questions li{width:48.78049%;float:left;margin-right:2.43902%;margin-bottom:0}
.home-quiz ul.quiz-questions li:last-child{float:right;margin-right:0}
}
@media screen {
.home-quiz ul.quiz-questions a{font-size:2rem;height:140px}
}
@media (min-width: 600px) {
.home-quiz ul.quiz-questions a{height:241px;font-size:2.4rem}
.home-quiz ul.quiz-questions a br{display:inline}
}
@media screen {
.hide-on-mobile{display:none}
}
@media (min-width: 600px) {
.hide-on-desktop{display:none}
.hide-on-mobile{display:block}
}
@media screen and (max-width: 769px) {
body{-webkit-text-size-adjust:none}
}
@media screen {
.indent{margin-left:20px}
.full-width{width:100%}
.no-padding{padding:0!important}
.no-margin{margin:0!important}
.no-padding-v{padding-top:0;padding-bottom:0}
.no-margin-v{margin-top:0!important;margin-bottom:0!important}
.no-margin-top{margin-top:0!important}
.no-margin-bottom{margin-bottom:0!important}
.transition{-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease;animation-timing-function:ease}
.visible.transition{display:block!important;visibility:visible!important}
.hidden.transition{display:none;visibility:hidden}
.hide-text,.ir{background-color:transparent;border:0;overflow:hidden}
.hide-text:before,.ir:before{content:"";display:block;width:0;height:150%}
.hide-text-indent{text-indent:100%;overflow:hidden;white-space:nowrap}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clear{clear:both}
.hide-tap-highlight{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
}

/* squelettes/css/print.css */
@media print {
.header,.footer,.sub-col{display:none}
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
body{font-family:"Open Sans",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif}
a,a:visited{text-decoration:underline}
abbr[title]:after{content:" (" attr(title) ")"}
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}
}

/* squelettes/css/forms.css */
@media screen{.formulaire_spip{width:100%}
.formulaire_spip .explication{display:inline-block;padding:3px 5px;background-color:#d7f0fd;margin-bottom:0;color:#096799}
.formulaire_spip .reponse_formulaire_erreur{display:inline-block;padding:3px 5px;background-color:#fffcfc;margin-bottom:0;color:#c90000}
.formulaire_spip .reponse_formulaire_ok{display:inline-block;padding:3px 5px;background-color:#d7f0d7;margin-bottom:0;color:#286e27}
.formulaire_spip li{display:table;width:98%;clear:both;margin:10px 0}
.formulaire_spip li.fieldset fieldset{display:table}
.formulaire_spip li.erreur{border-color:#ff9696;border-style:solid;border-width:1px;padding:5px}
.formulaire_spip li.erreur .erreur_message{display:inline-block;padding:3px 5px;background-color:#fffcfc;margin-bottom:0;color:#c90000}
.formulaire_spip li.erreur .erreur_message input,.formulaire_spip li.erreur .erreur_message label{float:left;width:auto}
.formulaire_spip label,.formulaire_spip input,.formulaire_spip textarea{display:table-cell;padding:5px;vertical-align:top;font-size:1em}
.formulaire_spip label{width:30%}
.formulaire_spip input,.formulaire_spip textarea{width:100%}
.formulaire_spip input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}
.formulaire_spip input[type="file"]{width:100%}
.formulaire_spip.pleine_largeur input,.formulaire_spip.pleine_largeur textarea{width:95%}
.formulaire_spip .choix{clear:both}
.formulaire_spip .choix input,.formulaire_spip .choix label{float:left;width:auto}
.formulaire_spip .choix label{margin-left:5px;max-width:90%}
.formulaire_spip input.text{border-color:#0C87C9;border-style:solid;border-width:1px;padding:5px;font-family:"Open Sans",sans-serif;color:#17a5f1}
.formulaire_spip textarea{border-color:#0C87C9;border-style:solid;border-width:1px;padding:5px;font-family:"Open Sans",sans-serif;color:#17a5f1}
.formulaire_spip input[type="radio"],.formulaire_spip input[type="checkbox"]{margin-top:13px}
.formulaire_spip fieldset{border:1px solid #e1f3fd;background-color:#FFF;padding:10px;margin:20px 0}
.formulaire_spip legend{border:1px solid #77caf7;padding:0 2px;background-color:#FFF;border-radius:3px}
.formulaire_spip .saisie_checkbox_mots_arborescents fieldset,.formulaire_spip .saisie_checkbox_mots_arborescents legend{border:none;background:none}
.formulaire_spip .saisie_checkbox_mots_arborescents legend{padding-left:33px;margin-left:-7px;margin-bottom:-8px;background-repeat:no-repeat;background-position:1px 1px;background-image:url('//www.planf.be/squelettes/css/img/minus.png')}
.formulaire_spip .saisie_checkbox_mots_arborescents legend.plie{background-image:url('//www.planf.be/squelettes/css/img/plus.png')}
.formulaire_spip .saisie_checkbox_mots_arborescents .choix_groupe_mots{margin-bottom:-18px}
.formulaire_spip .boutons{display:table-row}
.formulaire_spip .boutons span,.formulaire_spip .boutons .submit,.formulaire_spip .boutons input[type="submit"]{display:table-cell;width:auto}
.formulaire_spip .boutons .submit,.formulaire_spip .boutons input[type="submit"]{color:#FFF;background-color:#0C87C9;border:none;text-transform:uppercase;padding:1px 10px;margin:15px 5px 5px}
.bouton_action_post{float:right}
.formulaire_connaissance label,.formulaire_11_14_quelle_contraception label,.formulaire_7_10_quelle_contraception label,.formulaire_quelle_contraception label{display:block;width:100%;font-style:normal;font-weight:700}
.formulaire_connaissance label em,.formulaire_11_14_quelle_contraception label em,.formulaire_7_10_quelle_contraception label em,.formulaire_quelle_contraception label em{font-weight:400}
.formulaire_connaissance .choix,.formulaire_11_14_quelle_contraception .choix,.formulaire_7_10_quelle_contraception .choix,.formulaire_quelle_contraception .choix{padding-left:20px}
.formulaire_connaissance .choix label,.formulaire_11_14_quelle_contraception .choix label,.formulaire_7_10_quelle_contraception .choix label,.formulaire_quelle_contraception .choix label{font-weight:400}
.formulaire_connaissance span.obligatoire,.formulaire_11_14_quelle_contraception span.obligatoire,.formulaire_7_10_quelle_contraception span.obligatoire,.formulaire_quelle_contraception span.obligatoire{display:none}}

/* squelettes/css/spip_docs.css */
@media screen{.spip_documents{font-size:1.2em;margin:5px 15px}
.spip_documents .spip_doc_titre{margin:5px auto 3px;font-size:1.2em}
.spip_documents figcaption > *{text-align:center}
.spip_documents_center{clear:both;text-align:center}
.spip_documents_left{margin-left:0}
.spip_documents_right{margin-right:0}}