@import url(font.css);
@import url(colors.css);
@import url(gallery.css);

@import url(plateforme-bloc.css);
@import url(access-bloc.css);

/* USED COLORS

Grey #828282 

Vert #7ba63d
Bleu clair #4c7fc1
Bleu fonce #225aa4
Orange #d26b30
Mauve #9c157c
No color #757575

*/

/* LOADER */
#content-loader{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 9999;}
#loader{ border: 4px solid #f3f3f3;	border-top-color: #ff6c0c; border-left-color: #b70d80; border-bottom-color: #0055b8;	border-right-color: #63a70a; border-radius: 50%; width: 60px; height: 60px; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -35px; animation: spin 2s linear infinite;}
#txtloader{ text-align: center; position: absolute; width: 100%; top: 50%; margin-top: 50px; color: #828282; }
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

html{ margin-top: 0 !important;}
.wpml-ls-legacy-list-horizontal {
    clear: none !important;
}
div.wpcf7-response-output{
	border: 0 none !important;
}
.dn-fb{ display: none;}

/* LANDING */
body.landing{ background: #f5f1ba url(landing/gradient.jpg) repeat-x; position: relative;}
body.landing header{ width: 100%; text-align: center; padding-bottom: 350px;}
body.landing header h1{ width: 100%; margin: inherit; padding: 2em 0 1.3em; float: inherit; text-transform: uppercase; color: #fcf8d3; font-size: 5.2em; font-family: 'Montserrat', sans-serif; font-weight: 600;}
body.landing header h1 span{ color: #fff; font-weight: 300; }
body.landing ul.nav-links{ width: 100%;}
body.landing ul.nav-links li{ display: inline-block; margin: 0 1em;}
body.landing ul.nav-links li a{ display: inline-block; background: #fff; color: #51b6b3; padding: 1em 3em; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 50px; border-radius: 50px; font-size: 1.5em; line-height: 1.3em;}
body.landing ul.nav-links li a:hover{ background: #51b6b3; color: #fff;}
body.landing a.main-link{ margin-top: 3em; display: inline-block; border: 1px solid #fff; color: #fff; padding: 1em 3em; text-transform: uppercase; text-decoration: none; -webkit-border-radius: 50px; border-radius: 50px; font-size: 2em; line-height: 1.3em;}
body.landing a:hover.main-link{ border: 1px solid #3a8785; color: #3a8785;}
body.landing .landing-bkgd{ position: fixed; left: 0; bottom: 0; background: url(landing/home-background.png) repeat-x; width: 100%;}
@media screen and (max-height: 860px) {
	body.landing header{ padding-bottom: 100px;}
	body.landing .landing-bkgd{ position: relative;}
}
body.landing .landing-bkgd .landing-bkgd-home{ background: url(landing/home-right.png) repeat-x; width: 100%; height: 300px;}
body.landing .landing-bkgd .landing-bkgd-home span{ background: url(landing/logo-be-circular.png) no-repeat; width: 187px; height: 101px; background-size: 100% 100%; display: inline-block; text-indent: -9999px; float: right; margin: 170px 20px 0 0;}

/* GENERAL */
body{ color: #828282;}
.site{ width: 1050px; margin: 0 auto;}

.clear{ clear:both;}

h2{ width: 100%; text-align: center; padding: 3% 0; margin-bottom: 3%; background: url(layout/title-line-gris.jpg) no-repeat center bottom; background-size: 35% 1px;}
h2.vert{ background-image: url(layout/title-line-vert.jpg); color: #7ba63d;}
h2.bleu-clair{ background-image: url(layout/title-line-bleu-clair.jpg); color: #4c7fc1;}
h2.bleu-fonce{ background-image: url(layout/title-line-bleu-fonce.jpg); color: #225aa4;}
h2.orange{ background-image: url(layout/title-line-orange.jpg); color: #d26b30;}
h2.mauve{ background-image: url(layout/title-line-mauve.jpg); color: #9c157c;}
aside h2{ background-size: 100% 1px; padding: 1em 0;}
h3{ text-transform: uppercase;}
h3.special{ margin-top: 1.5em; margin-bottom: 0.5em; color: #225aa4;}

a:focus,
div:focus,
input:focus,
textarea:focus,
select:focus{ outline: none;}

/* TRANSITION */
div.box-search, .regular.slider div.slick-slide,.box-search span.read-more, .slider .slick-slide span.read-more,.box-search .img span.hover, .regular.slider .slick-slide .img span.hover, ul.event li figure span.hover, ul.event li a .txt span.read-more, header form#searchform input.input, .slick-prev, .slick-next, ul.rs li a, article .website a span{ -webkit-transition: all 0.3s ease-in-out; transition:  all 0.3s ease-in-out;}
 
 
/* ARTICLE */
article { text-align: justify; float: left; width: 70%;}
article.width100{ width: 100%;}
article.article-search{ width: 100%;}
article.article-search h2 span{ display: inline-block; padding: 0;}
article hgroup{ padding-bottom: 15px; background: url(layout/title-art-line.jpg) no-repeat left bottom; background-size: 35% 1px; margin: 4em 0 1.5em;}
article h3{ margin-bottom: 5px;}
article .tags{ margin-top: 5px;}
article .date{ color: #000;}
article.bleu-clair .date{ color: #4c7fc1;}
article.bleu-fonce .date{ color: #225aa4;}
article.orange .date{ color: #d26b30;}
article.vert .date{ color:  #7ba63d;}
article.mauve .date{ color: #9c157c;}
article a{ color: #000;}
article.bleu-clair a{ color: #4c7fc1;}
article.bleu-fonce a{ color: #225aa4;}
article.orange a{ color: #d26b30;}
article.vert a{ color:  #7ba63d;}
article.mauve a{ color: #9c157c;}
article a:hover{ text-decoration: none;}
article p{ margin-bottom: 1.5em;}
article ul,
article ol{ margin-left: 2em; margin-bottom: 1.5em;}
article li{ margin-bottom: 0.75em;}
article h2{ text-align: left; padding: 3% 0; margin-bottom: 3%; background-image: url(layout/title-art-line-gris.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: 35% 1px; color: #757575;}
article h2 span{ background-repeat: no-repeat; background-size: 1.4em auto; padding-left: 2em;}
article h2.bleu-clair{ background-image: url(layout/title-art-line-bleu-clair.jpg);}
article h2.bleu-fonce{ background-image: url(layout/title-art-line-bleu-fonce.jpg); }
article h2.orange{ background-image: url(layout/title-art-line-orange.jpg);}
article h2.vert{ background-image: url(layout/title-art-line-vert.jpg);}
article h2.mauve{ background-image: url(layout/title-art-line-mauve.jpg);}
article h3{ color: #000;}

article a.author{ color: #828282;}
article a.prec-btn{ text-decoration: none;}
article a:hover.prec-btn{ text-decoration: underline;}

article .tags a{ color: #828282;}
article .tags a:hover{ text-decoration: none;}

article input,
article textarea{ width: 94%; border: 1px solid #828282; padding: 1em 3%;}
article input.mailnews{ width: 70%;}
article select {
    padding: 1em;
    border: 1px solid #979997;

    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;

    border: 1px solid #828282;
	background: #fff url(layout/arrow-select.png) no-repeat right center;
	background-size: auto 30%;
}
article input.wpcf7-not-valid,
article textarea.wpcf7-not-valid,
article wpcf7-select.wpcf7-not-valid{ border: 1px solid #d26b30;}
article input:focus,
article textarea:focus,
article select:focus{ border: 1px solid #225aa4; color: #225aa4;}
article input.wpcf7-submit{ width: inherit; background: #225aa4; color: #fff; border: 0 none; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
article input.wpcf7-submit.sendnews{ border: 1px solid #225aa4; border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0;}
article .screen-reader-response,
article .wpcf7-mail-sent-ok,
article .wpcf7-validation-errors{ padding: 1em; color: #d26b30; margin-bottom: 2em; }
article .wpcf7-form-control-wrap + input.wpcf7-submit{ margin-top: 0;}
article span.wpcf7-not-valid-tip{ padding: 0.5em 0 1em 0; color: #d26b30; display:block;}
article .wpcf7-checkbox input{ width: inherit; margin-right: 0.5em;}
article .wpcf7-checkbox .wpcf7-list-item-label{ margin-right:  1em;}

article img{ max-width: 100%; height: auto;}
article img.aligncenter{ text-align: center; margin: 0 auto;}
article img.alignright{ float: right; margin:0 0 5px 20px;}

article .form{ background: #eee; padding: 2em;}
article .form h3{ margin-bottom: 1em;}
article .form .screen-reader-response{ padding: 0; margin: 0;}

article .video{width: 100%;  height: 0; padding-bottom: 56%; position: relative; overflow: hidden; margin-top: 2em;}
article .video iframe{ width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

article .website{ float: left; width: 100%; margin-top: 1em;}
article .website a{ color: #828282; display: block; float: left; width: 100%; padding-bottom: 0.5em; border-top: 1px solid #eee; border-bottom: 1px solid #eee; color: #828282;}
article .website a span{ display:inline-block; float: left;}
article .website a span.icotxt{ padding-top: 0.5em;}
article .website a span.ico{ background-image: url(layout/ico-website-no-color.png); background-position: left top; background-size: 100% auto; width: 20px; height: 20px; overflow:hidden; margin-right: 1em; margin-top: 0.5em;}
article .website a:hover{ color: #000;}
article .website a:hover span.ico{ background-position: left -20px;}
article.orange .website a:hover{ color: #d26b30; }
article.bleu-clair .website a:hover{ color: #4c7fc1;}
article.bleu-fonce .website a:hover{ color: #225aa4;}
article.vert .website a:hover{ color: #7ba63d;}
article.mauve .website a:hover{ color: #9c157c;}
article.orange .website a:hover span.ico{ background-image: url(layout/ico-website-orange.png);}
article.bleu-clair .website a:hover span.ico{ background-image: url(layout/ico-website-bleu-clair.png);}
article.bleu-fonce .website a:hover span.ico{ background-image: url(layout/ico-website-bleu-fonce.png);}
article.vert .website a:hover span.ico{ background-image: url(layout/ico-website-vert.png);}
article.mauve .website a:hover span.ico{ background-image: url(layout/ico-website-mauve.png);}

article ul.address{ list-style: none; margin: 0; padding: 0;}
article ul.address li{ border-left: 1px solid #828282; padding-left: 1em; margin-right: 1em; display:inline-block;}
article ul.address li:first-child{ border-left: 0 none; padding-left: 0; margin-top: 1em;}
article.orange ul.address{ color: #d26b30;}
article.bleu-clair ul.address{ color: #4c7fc1;}
article.bleu-fonce ul.address{ color: #225aa4;}
article.vert ul.address{ color: #7ba63d;}
article.mauve ul.address{ color: #9c157c;}

article .googlemaps{ width: 100%; display:block; position:relative; margin-bottom: 1em; border-top: 1px solid #ccc; padding-top: 1em;}
article .googlemaps iframe{ width: 100%;}

aside{ float: left; width: 25%; margin-left: 5%;}
aside .box-search{ width: 100%; margin: 2% 0; float: left;}
aside .box-search .txt{ height: inherit; display:block; }
aside .box-search .txt h3{ height: inherit;}

/* Arborescence - cartographie */
h3.h3-arborescence{ text-transform: uppercase; font-weight: bold; font-size: 1.3em; color: #225aa4; margin-bottom: 1em;}

.arborescence-breadcrumb{ width: 100%; margin-bottom: 2em;}
.arborescence-breadcrumb strong{ color: #484848; font-weight: bold;}
.arborescence-breadcrumb a{ color: #666; text-decoration: none;}
.arborescence-breadcrumb a:hover{ color: #9c157c; text-decoration: underline;}
.arborescence-breadcrumb span{ color: #9c157c;}

a.arborescence-back{color: #ccc; text-decoration: none; margin-bottom: 3em; display: block;}
a:hover.arborescence-back{ color: #9c157c; text-decoration: underline;}

ul.arborescence-intro{ list-style: none; padding: 0; margin: 0; float: left; width: 100%;}
ul.arborescence-intro li{ width: 18%; margin-left: 2.5%; float: left; text-align: center;}
ul.arborescence-intro li:first-child{ margin-left: 0;}
ul.arborescence-intro li span{ width: 100%; padding-top: 100%; margin-bottom: 1em; display: block; background: no-repeat; background-position: center center; background-size: auto 100%;}
ul.arborescence-intro li.informer span{ background-image: url(arborescence/ico-informer.png);}
ul.arborescence-intro li.inspirer span{ background-image: url(arborescence/ico-inspirer.png);}
ul.arborescence-intro li.accompagner span{ background-image: url(arborescence/ico-accompagner.png);}
ul.arborescence-intro li.financement span{ background-image: url(arborescence/ico-financement.png);}
ul.arborescence-intro li.localisation span{ background-image: url(arborescence/ico-localisation.png);}
ul.arborescence-intro li a{ text-decoration: none;}
ul.arborescence-intro li h3{ font-weight: bold; color: #225aa4; margin-bottom: 1em;}
ul.arborescence-intro li p{ color: #707070;}

ul.arborescence-choice{ list-style: none; padding: 0; margin: 0; float: left; width: 100%;}
ul.arborescence-choice li{ margin-left: 2.5%; float: left; text-align: center;}
ul.arborescence-choice li a{ text-decoration: none; background: #f7f6f4; width: 90%; padding: 5%; -webkit-border-radius: 10px; border-radius: 10px; float: left; display: block; min-height: 140px; }
ul.arborescence-choice li a h3{ line-height: 1.5em; text-transform: none;}
ul.arborescence-choice li a:hover{ background: #225aa4; color: #fff;}
ul.arborescence-choice li a:hover h3{ color: #fff;}
ul.arborescence-choice li:first-child{ margin-left: 0;}
ul.choice-three li{ width: 30%;}
ul.choice-five li{ width: 18%;}
ul.choice-five li a{ min-height: 200px;}

ul.arborescence-choice li span{ width: 50px; margin: 0.5em auto 1.5em; color: #fff; display: inline-block; background: #6d6350; -webkit-border-radius: 50%; border-radius: 50%; height: 35px; text-align: center; font-size: 1em; padding-top: 15px;}
ul.arborescence-choice li a:hover span{ color: #225aa4; background: #fff;}

ul.list-table-result{ list-style: none; margin-left: 0; float: left; width: 100%;}
ul.list-table-result li{ border-bottom: 1px solid #a4a4a4; padding: 1.2em 0; float: left; width: 100%; position: relative; margin-bottom: 0;}
ul.list-table-result li.li-head{ background: #e3e0da; border-bottom: 0 none; color: #595959;}
ul.list-table-result li .left-li{ float: left; width: 84%; padding-left: 2%;}
ul.list-table-result li span{ display: inline-block; float: left;}
ul.list-table-result li span.col-open{ padding-left: 30px; height: 20px; display: none;}
ul.list-table-result li .more{ display: block; width: 100%; float: left; padding-top: 1em;}
ul.list-table-result li .more p{ margin: 0 30px;}
ul.list-table-result li .less{ position: absolute; left: 0; top: 1em;}
ul.list-table-result li .less p{ float: left;}
ul.list-table-result li a.button-read-more,
ul.list-table-result li a.button-read-less{ width: 20px; height: 20px; display: block; text-align: center; text-decoration: none;}
ul.list-table-result li a:hover.button-read-more,
ul.list-table-result li a:hover.button-read-less{ text-decoration: none;}
ul.list-table-result li a.button-read-more{ background: url(arborescence/close.png) no-repeat center center;}
ul.list-table-result li a.button-read-less{ background: url(arborescence/open.png) no-repeat center center;}
ul.list-table-result li a.button-read-more{ display: block;}
ul.list-table-result li a.button-read-less{ display: none;}
ul.list-table-result li div.less.active a.button-read-more{ display: none;}
ul.list-table-result li div.less.active a.button-read-less{ display: block;}
ul.list-table-result li.li-head span.col-title,
ul.list-table-result li.li-head span.col-title a{ color: #595959;}
ul.list-table-result li.li-head span.col-title{ width: 40%;}
ul.list-table-result li span.col-title{ margin-bottom: 1em;}
ul.list-table-result li.li-head span.col-title{ margin-bottom: 0; padding-left: 2%;}
ul.list-table-result li span.col-title{ width: 90%;}
ul.list-table-result li span.col-title,
ul.list-table-result li span.col-title a{ color: #225aa4; text-decoration: none; font-size: 1.1em;}
ul.list-table-result li span.col-title a{ background: url(arborescence/pdf.jpg) no-repeat left 3px; background-size: auto 15px; padding-left: 1.5em; display: inline-block;}
ul.list-table-result li .team,
ul.list-table-result li .price,
ul.list-table-result li .company,
ul.list-table-result li .langues,
ul.list-table-result li .access,
ul.list-table-result li .time{ border-right: 1px solid #afafaf; padding: 0 1em; margin-bottom: 0.3em;}
ul.list-table-result li .team span,
ul.list-table-result li .price span{ margin-left: 5px;}
ul.list-table-result li .team span:first-child,
ul.list-table-result li .price span:first-child{ margin-left: 0;}
ul.list-table-result li .team{ padding-left: 0; margin-left: 0; width: 45px;}
ul.list-table-result li .team span.team-alone,
ul.list-table-result li .team span.team-collect,
ul.list-table-result li .price span.price-tax,
ul.list-table-result li .price span.price-free,
ul.list-table-result li .price span.price-free-limited{ width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px;}
ul.list-table-result li .team span.team-alone{ background-image: url(arborescence/individuel.png);}
ul.list-table-result li .team span.team-alone.hover{ background-image: url(arborescence/individuel-hover.png);}
ul.list-table-result li .team span.team-collect{ background-image: url(arborescence/collectif.png);}
ul.list-table-result li .team span.team-collect.hover{ background-image: url(arborescence/collectif-hover.png);}
ul.list-table-result li .price span.price-tax{ background-image: url(arborescence/payant.png);}
ul.list-table-result li .price span.price-tax.hover{ background-image: url(arborescence/payant-hover.png);}
ul.list-table-result li .price span.price-free{ background-image: url(arborescence/gratuit.png);}
ul.list-table-result li .price span.price-free.hover{ background-image: url(arborescence/gratuit-hover.png);}
ul.list-table-result li .price span.price-free-limited{ background-image: url(arborescence/gratuit-limite.png);}
ul.list-table-result li .price span.price-free-limited.hover{ background-image: url(arborescence/gratuit-limite-hover.png);}
ul.list-table-result li span.col-actor{ float: right; padding: 0 2%; width: 10%; height: 50px; overflow: hidden; text-align: center; border-left: 0 none /* 1px solid #afafaf */;}
ul.list-table-result li.li-head span.col-actor{ height: inherit;}
ul.list-table-result li span.col-actor img{ max-width: 100%; max-height: 100%;}
ul.list-table-result li .company{ background: url(arborescence/entrepreneur.png) no-repeat 10px center; padding: 2px 1em 2px 35px; min-width: 269px;}
ul.list-table-result li .time{ background: url(arborescence/duree.png) no-repeat 10px center; padding: 2px 1em 2px 30px; width: 55px;}

ul.list-table-result li .team span.team-alone,
ul.list-table-result li .team span.team-collect,
ul.list-table-result li .price span.price-tax,
ul.list-table-result li .price span.price-free,
ul.list-table-result li .price span.price-free-limited{ position: relative;}

ul.list-table-result li .team span.team-alone .explain,
ul.list-table-result li .team span.team-collect .explain,
ul.list-table-result li .price span.price-tax .explain,
ul.list-table-result li .price span.price-free .explain,
ul.list-table-result li .price span.price-free-limited{ display: none; position: absolute; left: 0; top: 20px; background: rgba(0,0,0, 0.7); color: #fff; padding: 5px 10px; text-indent: 0;}
ul.list-table-result li .team span:hover.team-alone .explain,
ul.list-table-result li .team span:hover.team-collect .explain,
ul.list-table-result li .price span:hover.price-tax .explain,
ul.list-table-result li .price span:hover.price-free .explain,
ul.list-table-result li .price span:hover.price-free-limited{ display: block;}

ul.list-table-result li .langues{ width: 70px; text-align: center;}
ul.list-table-result li .langues span{ width: 20px; height: 20px; background-repeat: no-repeat; background-position: center center; background-size: 80% auto; text-indent: -9999px; margin-left: 5px; float: none; display: inline-block;}
ul.list-table-result li .langues span:first-child{ margin-left: 0;}
ul.list-table-result li .langues span.langues-fr-yes{ background-image: url(arborescence/ico-flag-fr.png);}
ul.list-table-result li .langues span.langues-fr-no{ background-image: url(arborescence/ico-flag-fr-off.png);}
ul.list-table-result li .langues span.langues-en-yes{ background-image: url(arborescence/ico-flag-en.png);}
ul.list-table-result li .langues span.langues-en-no{ background-image: url(arborescence/ico-flag-en-off.png);}
ul.list-table-result li .langues span.langues-nl-yes{ background-image: url(arborescence/ico-flag-nl.png);}
ul.list-table-result li .langues span.langues-nl-no{ background-image: url(arborescence/ico-flag-nl-off.png);}

ul.list-table-result li .access{ border: 0 none; padding-right: 0; padding-top: 2px;}

ul.back-link{ list-style: none; padding: 0; margin: 2em 0 0; float: left; width: 100%; text-align: center; }
ul.back-link li{ background: #f7f6f4; padding: 0 2% 0; margin: 0 2%; width: 16%; display: inline-block; -webkit-border-radius: 10px; border-radius: 10px; height: 300px;}
ul.back-link li a{ text-decoration: none;}
ul.back-link li span.ico-txt-discover,
ul.back-link li span.ico-txt-back{ background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; color: #fff; text-indent: -9999px; display: inline-block; width: 40%; padding-top: 30%; margin: 1em 30%;}
ul.back-link li span.ico-txt-discover{ background-image: url(arborescence/discover.png);}
ul.back-link li:hover span.ico-txt-discover{ background-image: url(arborescence/discover-hover.png);}
ul.back-link li span.ico-txt-back{ background-image: url(arborescence/back.png);}
ul.back-link li:hover span.ico-txt-back{ background-image: url(arborescence/back-hover.png);}

.arborescencelogo.slider { margin: 2em 0;}
.arborescencelogo div a{ width: 100%; padding: 0; display: block; float: left;}
.arborescencelogo div img{ max-width: 100%; max-height: 100%;}

/* cartographie financement */
.fin-demarrage, .fin-startup, .fin-scaleup{	background: rgba(112,112,112, 0.08); border-radius: 30px; -webkit-border-radius: 30px; float: left;	text-align: center;	padding: 3%; width: 26%; min-height: 450px; margin-bottom: 2em; text-decoration: none;}
a:hover.fin-demarrage, a:hover.fin-startup, a:hover.fin-scaleup{ background: rgba(112,112,112, 0.15);}
article .fin-demarrage hgroup, article .fin-startup hgroup, article .fin-scaleup hgroup{ background: none;}
article .fin-demarrage hgroup h3, article .fin-startup hgroup h3, article .fin-scaleup hgroup h3{ font-size: 1.5em; font-weight: 300; text-align: center; text-transform: uppercase; font-family: 'montserratregular';}
article .fin-demarrage hgroup h3{ color: #225aa4; }
article .fin-startup hgroup h3{ color: #7ba63d;}
article .fin-scaleup hgroup h3{ color: #9c157c;}
article .fin-demarrage hgroup h3 strong, article .fin-startup hgroup h3 strong, article .fin-scaleup hgroup h3 strong{ font-family: 'montserratbold';}
article .fin-demarrage hgroup span, article .fin-startup hgroup span, article .fin-scaleup hgroup span{ width: 50%; display: inline-block; padding-top: 50%; margin-left: 25%; background: no-repeat center center; background-size: 100% 100%;}
article .fin-demarrage hgroup span{ background-image: url("arborescence/phase-dem.png");}
article .fin-startup hgroup span{ background-image: url("arborescence/phase-startup.png");}
article .fin-scaleup hgroup span{ background-image: url("arborescence/phase-scaleup.png");}
.fin-startup{ margin: 0 1.5%;}

.tablefin h3{ font-family: 'montserratbold'; font-size: 1.5em; text-transform: inherit; margin-bottom: 1em;}

ul.list-table-fin{ list-style: none; margin-left: 0; margin-bottom: 4em; float: left; width: 100%;}
ul.list-table-fin li{ background: url("layout/bullet-fin.png") no-repeat left 1.2em; border-bottom: 1px solid #a4a4a4; padding: 1.2em 0 1.2em 1.2em; float: left; width: 100%; position: relative; margin-bottom: 0;}
ul.list-table-fin li.li-head{ background: #e3e0da; border-bottom: 0 none; color: #595959;}
ul.list-table-fin li .col-info,
ul.list-table-fin li .col-montant,
ul.list-table-fin li .col-actor{ display: block; float: left;}
ul.list-table-fin li .col-info{ width: 60%;}
ul.list-table-fin li .col-montant{ width: 20%;}
ul.list-table-fin li .col-actor{ width:20%;}

ul.list-table-fin li .left-fin,
ul.list-table-fin li figure{ display: block; float: left;}
ul.list-table-fin li .left-fin{ width: 80%;}
ul.list-table-fin li figure{ width: 20%; height: 80px; overflow: hidden; position: relative;}
ul.list-table-fin li figure img{ left: 50%; max-height: 100%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

ul.list-table-fin li .title,
ul.list-table-fin li .montant{ display: block; float: left;}
ul.list-table-fin li .montant{ width: 25%; color:#7ba63d;}
ul.list-table-fin li .title,
ul.list-table-fin li .title a{ width: 75%; color: #225aa4; text-decoration: none;}
ul.list-table-fin li .title a.pdf{ background: url("arborescence/pdf.jpg") no-repeat left top; background-size: auto 1.3em; padding-left: 2em;}
ul.list-table-fin li .title a.linkFin{ background: url("arborescence/url.png") no-repeat left top; background-size: auto 1.3em; padding-left: 2em;}

ul.list-table-fin li .fin-label,
ul.list-table-fin li .fin-desc{ float: left; color: #bbb;}
ul.list-table-fin li .fin-label{ padding-right: 0.5em;}
ul.list-table-fin li .fin-desc{ color: #707070;}
ul.list-table-fin li .fin-bus-desc{ text-transform: uppercase;}

a.arborescence-back-fin{color: #ccc; text-decoration: none; margin-bottom: 3em; display: inline-block;}
a:hover.arborescence-back-fin{ color: #9c157c; text-decoration: underline;}

.choice-fin{ background: #e7edf5; -webkit-border-radius: 150px;	border-radius: 150px; width: 90%; padding: 5%;}
.img-choice{ background: url('arborescence/ico-financement.png') no-repeat center center; background-size: auto 100%; width: 20%; float: left; padding-top: 20%; display: block;}
.select-choice-fin{ width: 70%; float: left; text-align: center;}
.select-choice-fin p{ font-size: 2.1em; margin-bottom:  0.5em;}
.select-choice-fin ul{ list-style: none; float: left; width: 100%;}
.select-choice-fin ul li{ display: inline-block; float: left; margin: 1em 3%; width: 44%;}
.select-choice-fin ul li a{ background: #2159A6; color: #fff; text-decoration: none; display: block; padding: 1em 0; -webkit-border-radius: 20px; border-radius: 20px;}
.select-choice-fin ul li a:hover{ background:#7CA73E;}

/* EVENEMENT */
.event-hp h3{ display: none;}

ul.event{ list-style: none; width: 95%; margin: 0 auto;}
ul.event li{ margin-top: 3em; float: left; width: 100%;}
ul.event li.event-archive{ opacity: 0.35;}
ul.event li:hover.event-archive{ opacity: 1;}
ul.event li:first-child{ margin-top: 2em;}
ul.event li a{ color: #828282;}
ul.event li figure,
ul.event li .txt{ float: left;}
ul.event li figure{ width: 15%; position: relative; background: #ccc url(layout/Bruxelles-Default.jpg) left top; background-size: auto 100%; background-repeat: no-repeat; padding-top: 15%; overflow: hidden; text-align: center;}
ul.event li figure img{ position: absolute; height: 100%; max-width: none; left: -50%; top: 0;}
.page ul.event li figure img{ left: 0;}
ul.event li figure span.hover{ background: rgba(0,0,0,0.5); position:absolute; left: 50%; bottom: 50%; width: 0%; height: 0%; z-index: 2; display:block; border-radius: 500%; -webkit-border-radius: 500%; -moz-border-radius: 500%;}
ul.event li:hover figure span.hover{ bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
ul.event li:hover.orange figure span.hover{ background: rgba(210,107,48,0.6);}
ul.event li:hover.vert figure span.hover{ background: rgba(123,166,61,0.6);}
ul.event li:hover.bleu-clair figure .img span.hover{ background: rgba(76,127,193,0.6);}
ul.event li:hover.bleu-fonce figure span.hover{ background: rgba(34,90,164,0.6);}
ul.event li:hover.mauve figure span.hover{ background: rgba(156,21,124,0.6);}

ul.event li hgroup{ padding-bottom: 0.3em; margin-bottom: 0.6em;}
ul.event li .txt{ width: 82%; margin-left: 3%;}
ul.event li .txt h3{ text-transform: none; margin-bottom: 0.2em;}
ul.event li .txt hgroup span{ color: #ccc;}
ul.event li:hover.orange .txt h3,
ul.event li.orange .txt hgroup span{ color: #d26b30;}
ul.event li:hover.vert .txt h3,
ul.event li.vert .txt hgroup span{ color: #7ba63d;}
ul.event li:hover.bleu-clair .txt h3,
ul.event li.bleu-clair .txt hgroup span{ color: #4c7fc1;}
ul.event li:hover.bleu-fonce .txt h3,
ul.event li.bleu-fonce .txt hgroup span{ color: #225aa4;}
ul.event li:hover.mauve .txt h3,
ul.event li.mauve .txt hgroup span{ color: #9c157c;}

ul.event li a .txt span.read-more{ border: 1px solid #c3c3c3; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; display: inline-block; padding: 0.5em 1em; margin-top: 2em;}
ul.event li a:hover .txt span.read-more{ background: #757575; border: 1px solid #757575; color: #fff;}
ul.event li.orange a .txt span.read-more{ border: 1px solid #d26b30; color: #d26b30;}
ul.event li.vert a .txt span.read-more{ border: 1px solid #7ba63d; color: #7ba63d;}
ul.event li.bleu-clair a .txt span.read-more{ border: 1px solid #4c7fc1; color: #4c7fc1;}
ul.event li.bleu-fonce a .txt a:hover span.read-more{ border: 1px solid #225aa4; color: #225aa4;}
ul.event li.mauve a .txt a:hover span.read-more{ border: 1px solid #9c157c; color: #9c157c}
ul.event li.orange a:hover .txt span.read-more{ background: #d26b30; border: 1px solid #d26b30; color: #fff;}
ul.event li.vert a:hover .txt span.read-more{ background: #7ba63d; border: 1px solid #7ba63d; color: #fff;}
ul.event li.bleu-clair a:hover .txt span.read-more{ background: #4c7fc1; border: 1px solid #4c7fc1; color: #fff;}
ul.event li.bleu-fonce a:hover .txt a:hover span.read-more{ background: #225aa4; border: 1px solid #225aa4; color: #fff;}
ul.event li.mauve a:hover .txt a:hover span.read-more{ background: #9c157c; border: 1px solid #9c157c; color: #fff;}

article ul.event{ width: 100%;}
article ul.event li figure{ width: 22%; padding-top: 22%;}
ul.event li .txt{ width: 75%; margin-left: 3%;}
article ul.event hgroup{ margin: 0;}

/* HOME */
.infoHome{ margin: 4em 1.5em 0; padding: 3em; text-align: center; background: #f1f1f1; -webkit-border-radius: 5px; border-radius: 5px;}
.infoHome h3{ color: #4c7fc1; font-size: 1.5em; text-align: center; text-transform: inherit; margin-bottom: 1em; }
.infoHome a{ display: inline-block; background: #4c7fc1; color: white; border: 3px solid #4c7fc1; text-align: center; text-decoration: none; padding: 1em 2em; -webkit-border-radius: 50px; border-radius: 50px; animation: btnAnime 1s ease-in-out infinite; font-size: 1.3em; }
.infoHome a:hover{ border-color: #7ba63d; background: #7ba63d; }

@keyframes btnAnime {
  0% {padding: 1em 2em; }
  50%{ padding: 1em 2.5em;}
  100% { padding: 1em 2em; }
}


/* FOOTER */
.subscribe{ margin: 3em 0;}
.subscribe span.title{ padding: 0.5em 0.5em 0.5em 10px; display:block;}
.subscribe .wpcf7-email{ border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; padding: 5px 10px; height: 20px; border: 0 none; float: left; background: #f2f2f2; width: 80%;}
.subscribe .wpcf7-submit{ border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; padding: 5px 10px; height: 30px; border: 0 none; float: left; background: #fff; color: #828282; display:block;}
.subscribe .screen-reader-response{ display: none;}
.subscribe .wpcf7-response-output{ clear:both; display: block; padding: 10px;}
.subscribe .wpcf7-validation-errors{ color: #d26b30;}
.subscribe .wpcf7-mail-sent-ok{ color:#7ba63d;}

ul.rs{ list-style: none; float: left; margin-left: 10px;}
ul.rs li{ display: inline-block; margin-right: 10px;}
ul.rs li a{ background-position: left top; width: 23px; height: 22px; text-indent: -9999px; display: block;}
ul.rs li a:hover{ background-position: left 22px;}
ul.rs li a.fb{ background-image: url(layout/facebook.png);}
ul.rs li a.insta{ background-image: url(layout/instagram.png);}
ul.rs li a.linked{ background-image: url(layout/linkedin.png);}
ul.rs li a.tw{ background-image: url(layout/twitter.png);}

.left-footer{ float: left; width: 30%;}

.copyright{ float: right; margin: 3em 0;}

/* GALLERY */
article .gallery{ margin-top: 2em; padding-top: 2em; border-top: 1px solid #eee; text-align: left;}
article .gallery img{ height: 100px; display:inline-block; margin: 0 10px 10px 0;}

article.one-gallery .gallery{ margin-top: 2em; padding-top: 0; border-top: 0 none;}
article.one-gallery .gallery img{ height: 150px;}

aside ul.list-gallery{ list-style: none;}
aside ul.list-gallery li{ border-bottom: 1px solid #eee;}
aside ul.list-gallery li a{ color: #828282; text-decoration: none; padding: 1em; display:block;}
aside ul.list-gallery li a:hover{ background: #757575; color: #fff;}
aside ul.vert.list-gallery li a:hover{ background: #7ba63d;}
aside ul.bleu-clair.list-gallery li a:hover{ background: #4c7fc1;}
aside ul.bleu-fonce.list-gallery li a:hover{ background: #225aa4;}
aside ul.orange.list-gallery li a:hover{ background: #d26b30;}
aside ul.mauve.list-gallery li a:hover{ background: #9c157c;}


/* HEADER */
header h1{ width: 43%; margin: 30px 0; float: left;}
header h1 img{ width: 100%;}
header .right-header{ float: right; text-align: right; width: 57%; margin-top: 5%;}
header .right-header .top-right-header{ width: 100%; float: left;}
header .right-header a{ text-decoration: none;}
header .right-header ul{ list-style: none; float: right; margin: 10px 10px 0 0;}
header .right-header ul li{ display: inline-block; border-left: 1px solid #acadb1; padding: 0 10px;}
header .right-header ul li:first-child{ border-left: 0 none;}
header .right-header ul li a{ color: #acadb1;}
header .right-header ul li.wpml-ls-current-language a{ color: #7ba63d;}

.lang-choice-landing ul{ list-style: none; float: right; margin: 10px 10px 0 0;}
.lang-choice-landing ul li{ display: inline-block; border-left: 1px solid #fff; padding: 0 10px;}
.lang-choice-landing ul li:first-child{ border-left: 0 none;}
.lang-choice-landing ul li a{ color: #fff; text-decoration: none;}
.lang-choice-landing ul li a:hover{ text-decoration: none;}
.lang-choice-landing ul li.wpml-ls-current-language a{ color: #7ba63d;}

header a.facebook-header{ display: block; width: 38px; height: 38px; background: #4d6fa9 url(layout/facebook-header.png) no-repeat; background-size: 100% auto;  border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; text-indent: 9999px; float: right; padding: 0;}
header a.linkedin-header{ display: block; width: 38px; height: 38px; background: #4d6fa9 url(layout/linkedin-header.jpg) no-repeat; background-size: 100% auto;  border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; text-indent: 9999px; float: right; padding: 0; margin-left: 1em;}
header a.instagram-header{ display: block; width: 38px; height: 38px; background: #4d6fa9 url(layout/instagram-header.jpg) no-repeat; background-size: 100% auto;  border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px; text-indent: 9999px; float: right; padding: 0; margin-left: 1em;}

header a.login{ background: #d26b30; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px 25px; display: inline-block; float: right; text-transform: uppercase; color: #fff; margin-left: 1em;}
header form#searchform{ float: right; margin-top: 10px;}
header form#searchform input.input{ border-radius: 5px 0 0 5px;  -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border: 1px solid #acadb1; border-right: 0; float:left; height: 33px; padding: 0 10px; color: #acadb1; width: 200px;}
header form#searchform input:focus.input{ border: 1px solid #7ba63d; border-right: 0; color: #7ba63d; padding-right: 60px;}
header form#searchform input.btn{ border-radius: 0 5px 5px 0;  -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border: 1px solid #7ba63d; float: left; text-indent: -9999px; background: #7ba63d url(layout/search.png) no-repeat center center; height: 35px; width: 40px;}
header form#searchform input:focus.btn{ background: #acadb1 url(layout/search.png) no-repeat center center; border: 1px solid #acadb1;}
header #btn{ display: none;}

/* INTRO */
.intro{ position: relative; margin: 30px 0; text-align: center;}
.intro h2{ padding: 0; margin-bottom: 0; width: 100%; background: none; font-size: 24px;}
.intro p{ width: 100%; margin: 1vw 0; font-size: 16px;}

/* NAVIGATION */
.wp-pagenavi{ width: 50%; text-align: center; position:relative; margin: 0 auto;}
.wp-pagenavi .pages{ display: none;}
.wp-pagenavi a.page,
.wp-pagenavi span.current{ display: inline-block; padding: 15px; color: #828282; text-decoration: none;}
.wp-pagenavi span.current{ padding-top: 18px;}
.wp-pagenavi span.current,
.wp-pagenavi a:hover{ color: #225aa4;}
.wp-pagenavi a.first,
.wp-pagenavi a.last{ text-indent:-9999px; display: inline-block;}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink{ line-height: 0; position: absolute; top: 50%; width: 30px; height: 30px; padding: 0; margin-top: -15px; cursor: pointer; color: transparent; border: 1px solid #d2d2d2; border-radius: 50%;  -webkit-border-radius:  50%; -moz-border-radius:  50%; background-repeat: no-repeat;	background-position: center center;	background-color: transparent; outline: none; z-index: 20;}
.wp-pagenavi a:hover.previouspostslink,
.wp-pagenavi a:hover.nextpostslink{ border-color: #225aa4;}
.wp-pagenavi a.previouspostslink{ left: 10px; background-image: url(layout/prev.png);}
.wp-pagenavi a.nextpostslink{ right: 10px; background-image: url(layout/next.png);}
.wp-pagenavi a:hover.previouspostslink{ left: 10px; background-image: url(layout/prev-blue.png);}
.wp-pagenavi a:hover.nextpostslink{ right: 10px; background-image: url(layout/next-blue.png);}

/* MENU */
nav{ clear: both; background: url(layout/menu.jpg) repeat-y; background-size: 100% 100%; position:relative;}
nav .menu{}
nav .menu li{ float: left; width: 20%; text-align: center; padding: 1em 0;}
nav .menu li li{}
nav .menu li a{ color: #fff; text-decoration: none;}
nav .menu li{ background-position: right top; background-size: auto 100%; background-repeat: no-repeat;}
nav .menu li{ background-color: #7ba63d; background-image: url(layout/menu/menu-corner-green.jpg);}
nav .menu li + li{ background-color: #4c7fc1; background-image: url(layout/menu/menu-corner-bleu-clair.jpg);}
nav .menu li + li + li{ background-color: #225aa4; background-image: url(layout/menu/menu-corner-bleu-fonce.jpg);}
nav .menu li + li + li + li{ background-color: #d26b30; background-image: url(layout/menu/menu-corner-orange.jpg);}
nav .menu li + li + li + li + li{ background: #9c157c;}
nav .menu li ul{ display: none; position:absolute; z-index:99; left: 0; top: 3.45em; width: 100%; }
nav .menu li ul{ background: #7ba63d;}
nav .menu li + li ul{ background: #4c7fc1;}
nav .menu li + li + li ul{ background: #225aa4;}
nav .menu li + li + li + li ul{ background: #d26b30;}
nav .menu li + li + li + li + li ul{ background: #9c157c;}
nav .menu li ul.submenu li,
nav .menu li ul li,
nav .menu li ul li + li + li + li,
nav .menu li + li ul li,
nav .menu li + li + li ul li,
nav .menu li + li + li + li ul li{ background: none;}
nav .menu li:hover ul{ display: block;  float: inherit;}
nav .menu li:hover ul ul,
nav .menu li ul ul{ display:none;}

nav .menu li ul{ width: 100%; text-align:center; padding: 3em 0 0;}
nav .menu li li,
nav .menu li li a{ width: 130px; float: none; display:inline-block; height: 150px; overflow: hidden; padding: 0;}
nav .menu li ul li a{ background-image: url(layout/menu/nav-menu-def-vert.png); background-repeat: no-repeat; background-size: 50px auto; background-position: center top; padding: 60px 0; }
nav .menu li + li ul li a{ background-image: url(layout/menu/nav-menu-def-bleu-clair.png);}
nav .menu li + li + li ul li a{ background-image: url(layout/menu/nav-menu-def-bleu-fonce.png);}
nav .menu li + li + li + li ul li a{ background-image: url(layout/menu/nav-menu-def-orange.png);}
nav .menu li + li + li + li + li ul.sub-menu{ display: none;}
nav .menu li + li + li + li + li ul li a{ background-image: url(layout/menu/nav-menu-def-mauve.png);}

nav .menu li ul li.menu-item-198 a,
nav .menu li ul li.menu-item-79 a{ background-image: url(layout/menu/nav-menu-introduction.png);}
nav .menu li ul li.menu-item-1245 a,
nav .menu li ul li.menu-item-1068 a,
nav .menu li ul li.menu-item-799 a{ background-image: url(layout/menu/nav-menu-voisins.png);}
nav .menu li ul li.menu-item-219 a,
nav .menu li ul li.menu-item-215 a{}
nav .menu li ul li.menu-item-1072 a,
nav .menu li ul li.menu-item-348 a,
nav .menu li ul li.menu-item-81 a{ background-image: url(layout/menu/nav-menu-mediatheque.png);}
nav .menu li ul li.menu-item-1073 a,
nav .menu li ul li.menu-item-347 a,
nav .menu li ul li.menu-item-78 a{ background-image: url(layout/menu/nav-menu-agenda.png);}
nav .menu li ul li.menu-item-228 a,
nav .menu li ul li.menu-item-1071 a,
nav .menu li ul li.menu-item-105 a{ background-image: url(layout/menu/nav-menu-contact.png);}
nav .menu li ul li.menu-item-189 a,
nav .menu li ul li.menu-item-104 a{ background-image: url(layout/menu/nav-menu-faq.png);}
nav .menu li ul li.menu-item-1110 a,
nav .menu li ul li.menu-item-954 a,
nav .menu li ul li.menu-item-881 a{ background-image: url(layout/menu/nav-menu-la.png);}
nav .menu li ul li.menu-item-10724 a,
nav .menu li ul li.menu-item-10725 a{ background-image: url(layout/menu/nav-menu-chronologie.png);}

nav .menu li ul li.menu-item-1102 a,
nav .menu li ul li.menu-item-294 a,
nav .menu li ul li.menu-item-269 a{ background-image: url(layout/menu/nav-menu-cd.png);}
nav .menu li ul li.menu-item-1104 a,
nav .menu li ul li.menu-item-295 a,
nav .menu li ul li.menu-item-259 a{ background-image: url(layout/menu/nav-menu-re.png);}
nav .menu li ul li.menu-item-1103 a,
nav .menu li ul li.menu-item-297 a,
nav .menu li ul li.menu-item-270 a{ background-image: url(layout/menu/nav-menu-lo.png);}
nav .menu li ul li.menu-item-1105 a,
nav .menu li ul li.menu-item-296 a,
nav .menu li ul li.menu-item-268 a{ background-image: url(layout/menu/nav-menu-co.png);}

nav .menu li ul li.menu-item-1100 a,
nav .menu li ul li.menu-item-288 a,
nav .menu li ul li.menu-item-277 a{ background-image: url(layout/menu/nav-menu-fo.png);}
nav .menu li ul li.menu-item-1097 a,
nav .menu li ul li.menu-item-289 a,
nav .menu li ul li.menu-item-279 a{ background-image: url(layout/menu/nav-menu-mp.png);}
nav .menu li ul li.menu-item-1096 a,
nav .menu li ul li.menu-item-292 a,
nav .menu li ul li.menu-item-274 a{ background-image: url(layout/menu/nav-menu-cn.png);}
nav .menu li ul li.menu-item-1095 a,
nav .menu li ul li.menu-item-286 a,
nav .menu li ul li.menu-item-278 a{ background-image: url(layout/menu/nav-menu-in.png);}
nav .menu li ul li.menu-item-1092 a,
nav .menu li ul li.menu-item-290 a,
nav .menu li ul li.menu-item-272 a{ background-image: url(layout/menu/nav-menu-aed.png);}
nav .menu li ul li.menu-item-1094 a,
nav .menu li ul li.menu-item-287 a,
nav .menu li ul li.menu-item-273 a{ background-image: url(layout/menu/nav-menu-aei.png);}
nav .menu li ul li.menu-item-1099 a,
nav .menu li ul li.menu-item-285 a,
nav .menu li ul li.menu-item-280 a{ background-image: url(layout/menu/nav-menu-te.png);}
nav .menu li ul li.menu-item-1093 a,
nav .menu li ul li.menu-item-291 a,
nav .menu li ul li.menu-item-276 a{ background-image: url(layout/menu/nav-menu-em.png);}
nav .menu li ul li.menu-item-1098 a,
nav .menu li ul li.menu-item-284 a,
nav .menu li ul li.menu-item-275 a{ background-image: url(layout/menu/nav-menu-es.png);}

aside.aside-gal .menu li:first-child,
aside.aside-gal .menu li:first-child ul.sub-menu,
aside.aside-gal .menu li:first-child ul.sub-menu li{ display: block;}

aside .menu{ list-style: none;}
aside .menu ul{ list-style: none;}
aside .menu li{ display: none; margin-bottom: 2em;}
aside .menu li li{ margin-bottom: 0;}
aside .menu li a{  padding: 1em; display:block; color: #fff; text-decoration: none;}
aside .menu li li a{ color: #828282;}
aside .menu li ul li a{ color: #828282;}
aside .menu li li a:hover{background:#eee;}
aside .menu li li a{ padding: 1em; background: #eee; border-bottom: inherit; display:block; color: #828282; text-decoration: none;}
aside .menu li li ul.sub-menu li a{ border-top: 0 none;}
aside .menu li li li a{ padding-left: 2em;}
aside .menu li li li li a{ padding-left: 3em;}
aside .menu li li:first-child a{ border-top: none;}
aside .menu li.current-events-parent a,
aside .menu li.current_page_item a{ background: #ddd;}
aside .menu li.current-events-ancestor,
aside .menu li.current-events-ancestor ul.sub-menu li,
aside .menu li.current-menu-item,
aside .menu li.current-menu-item ul.sub-menu li,
aside .menu li.current-post-ancestor,
aside .menu li.current-post-ancestor ul.sub-menu li,
aside .menu li.current-menu-ancestor,
aside .menu li.current-menu-ancestor ul.sub-menu li{ display:block;}

aside .menu li.menu-item-188 a,
aside .menu li.menu-item-1067 a,
aside .menu li.menu-item-77 a{ background: #7ba63d; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
aside .menu li.menu-item-1067 li a,
aside .menu li.menu-item-188 li a,
aside .menu li.menu-item-77 li a{ background-color: #eee; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit;}
aside .menu li.menu-item-1067 li.current_page_item a,
aside .menu li.menu-item-188 li.current_page_item a,
aside .menu li.menu-item-77 li.current_page_item a{ background-color:#ddd;}
aside .menu li.menu-item-1067 li.current_page_item li a,
aside .menu li.menu-item-188 li.current_page_item li a,
aside .menu li.menu-item-77 li.current_page_item li a{ background-color:#eee;}
aside .menu li.menu-item-1067 ul a:hover,
aside .menu li.menu-item-1067 ul li + li ul a:hover,
aside .menu li.menu-item-188 ul a:hover,
aside .menu li.menu-item-188 ul li + li ul a:hover,
aside .menu li.menu-item-77 ul a:hover,
aside .menu li.menu-item-77 ul li + li ul a:hover{ color: #7ba63d;}

aside .menu li.menu-item-1101 a,
aside .menu li.menu-item-293 a,
aside .menu li.menu-item-258 a{ background: #4c7fc1; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
aside .menu li.menu-item-1101 li a,
aside .menu li.menu-item-293 li a,
aside .menu li.menu-item-258 li a{ background-color: #eee; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit;}
aside .menu li.menu-item-1101 li.current-events-parent a,
aside .menu li.menu-item-1101 li.current-post-ancestor a,
aside .menu li.menu-item-1101 li.current-menu-item a,
aside .menu li.menu-item-1101 li.current_page_item a,
aside .menu li.menu-item-1101 li.current-menu-ancestor a,
aside .menu li.menu-item-293 li.current-events-parent a,
aside .menu li.menu-item-293 li.current-post-ancestor a,
aside .menu li.menu-item-293 li.current-menu-item a,
aside .menu li.menu-item-293 li.current_page_item a,
aside .menu li.menu-item-293 li.current-menu-ancestor a,
aside .menu li.menu-item-258 li.current-events-parent a,
aside .menu li.menu-item-258 li.current-post-ancestor a,
aside .menu li.menu-item-258 li.current-menu-item a,
aside .menu li.menu-item-258 li.current_page_item a,
aside .menu li.menu-item-258 li.current-menu-ancestor a{ background-color:#ddd;}
aside .menu li.menu-item-1101 ul a:hover,
aside .menu li.menu-item-1101 ul li + li ul a:hover,
aside .menu li.menu-item-293 ul a:hover,
aside .menu li.menu-item-293 ul li + li ul a:hover,
aside .menu li.menu-item-258 ul a:hover,
aside .menu li.menu-item-258 ul li + li ul a:hover{ color: #4c7fc1;}

aside .menu li.menu-item-1091 a{ background: #225aa4; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
aside .menu li.menu-item-283 a,
aside .menu li.menu-item-271 a{ background: #225aa4; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
aside .menu li.menu-item-1091 li a,
aside .menu li.menu-item-283 li a,
aside .menu li.menu-item-271 li a{ background-color: #eee; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit;}
aside .menu li.menu-item-1091 li.current-events-parent a,
aside .menu li.menu-item-1091 li.current-post-ancestor a,
aside .menu li.menu-item-1091 li.current-menu-item a,
aside .menu li.menu-item-1091 li.current-menu-ancestor a,
aside .menu li.menu-item-283 li.current-events-parent a,
aside .menu li.menu-item-283 li.current-post-ancestor a,
aside .menu li.menu-item-283 li.current-menu-item a,
aside .menu li.menu-item-283 li.current-menu-ancestor a,
aside .menu li.menu-item-271 li.current-events-parent a,
aside .menu li.menu-item-271 li.current-post-ancestor a,
aside .menu li.menu-item-271 li.current-menu-item a,
aside .menu li.menu-item-271 li.current-menu-ancestor a{ background-color: #ddd;}
aside .menu li.menu-item-283 ul a:hover,
aside .menu li.menu-item-283 ul li + li ul a:hover,
aside .menu li.menu-item-1091 ul a:hover,
aside .menu li.menu-item-1091 ul li + li ul a:hover,
aside .menu li.menu-item-271 ul a:hover,
aside .menu li.menu-item-271 ul li + li ul a:hover{ color: #225aa4;}

aside .menu li.menu-item-1108 a,
aside .menu li.menu-item-299 a,
aside .menu li.menu-item-281 a{ background: #d26b30; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
aside .menu li.menu-item-1108 li a,
aside .menu li.menu-item-299 li a,
aside .menu li.menu-item-281 li a{ background-color: #eee; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit;}
aside .menu li.menu-item-1108 li.current-events-parent a,
aside .menu li.menu-item-1108 li.current-post-ancestor a,
aside .menu li.menu-item-1108 li.current-menu-item a,
aside .menu li.menu-item-299 li.current-events-parent a,
aside .menu li.menu-item-299 li.current-post-ancestor a,
aside .menu li.menu-item-299 li.current-menu-item a,
aside .menu li.menu-item-281 li.current-events-parent a,
aside .menu li.menu-item-281 li.current-post-ancestor a,
aside .menu li.menu-item-281 li.current-menu-item a{ background-color:#ddd;}
aside .menu li.menu-item-299 li.current-menu-ancestor a,
aside .menu li.menu-item-299 li.current-menu-ancestor .sub-menu a,
aside .menu li.menu-item-299 li.current_page_parent .sub-menu a,
aside .menu li.menu-item-299 li.current-menu-item .sub-menu a,
aside .menu li.menu-item-1108 li.current-menu-ancestor a,
aside .menu li.menu-item-1108 li.current-menu-ancestor .sub-menu a,
aside .menu li.menu-item-1108 li.current_page_parent .sub-menu a,
aside .menu li.menu-item-1108 li.current-menu-item .sub-menu a,
aside .menu li.menu-item-281 li.current-menu-ancestor a,
aside .menu li.menu-item-281 li.current-menu-ancestor .sub-menu a,
aside .menu li.menu-item-281 li.current_page_parent .sub-menu a,
aside .menu li.menu-item-281 li.current-menu-item .sub-menu a{ background-color:#eee;}
aside .menu li.menu-item-1108 li.current_page_parent .sub-menu li.current-menu-item a,
aside .menu li.menu-item-299 li.current_page_parent .sub-menu li.current-menu-item a,
aside .menu li.menu-item-281 li.current_page_parent .sub-menu li.current-menu-item a{ background-color:#ddd;}
aside .menu li.menu-item-1108 li.current_page_parent .sub-menu li.current-menu-item .sub-menu a,
aside .menu li.menu-item-299 li.current_page_parent .sub-menu li.current-menu-item .sub-menu a,
aside .menu li.menu-item-281 li.current_page_parent .sub-menu li.current-menu-item .sub-menu a{ background-color:#eee;}
aside .menu li.menu-item-1108 li.current_page_parent .sub-menu li.current-menu-item .sub-menu li.current-menu-item a,
aside .menu li.menu-item-299 li.current_page_parent .sub-menu li.current-menu-item .sub-menu li.current-menu-item a,
aside .menu li.menu-item-281 li.current_page_parent .sub-menu li.current-menu-item .sub-menu li.current-menu-item a{ background-color:#ddd;}
aside .menu li.menu-item-1108 ul a:hover,
aside .menu li.menu-item-1108 ul li + li ul a:hover,
aside .menu li.menu-item-299 ul a:hover,
aside .menu li.menu-item-299 ul li + li ul a:hover,
aside .menu li.menu-item-281 ul a:hover,
aside .menu li.menu-item-281 ul li + li ul a:hover{ color: #d26b30;}

aside .menu li.menu-item-1109 a,
aside .menu li.menu-item-298 a,
aside .menu li.menu-item-282 a{ background: #9c157c; border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;}
aside .menu li.menu-item-1109 li a,
aside .menu li.menu-item-298 li a,
aside .menu li.menu-item-282 li a{ background-color: #eee; border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit;}
aside .menu li.menu-item-1109 li.current-events-parent a,
aside .menu li.menu-item-1109 li.current-menu-item a,
aside .menu li.menu-item-1109 li.current-menu-ancestor a,
aside .menu li.menu-item-298 li.current-events-parent a,
aside .menu li.menu-item-298 li.current-menu-item a,
aside .menu li.menu-item-298 li.current-menu-ancestor a,
aside .menu li.menu-item-282 li.current-events-parent a,
aside .menu li.menu-item-282 li.current-menu-item a,
aside .menu li.menu-item-282 li.current-menu-ancestor a{ background-color:#ddd;}
aside .menu li.menu-item-1109 ul a:hover,
aside .menu li.menu-item-1109 ul li + li ul a:hover,
aside .menu li.menu-item-298 ul a:hover,
aside .menu li.menu-item-298 ul li + li ul a:hover,
aside .menu li.menu-item-282 ul a:hover,
aside .menu li.menu-item-282 ul li + li ul a:hover{ color: #9c157c;}

aside .menu li.menu-item-1067 li a,
aside .menu li.menu-item-1101 li a,
aside .menu li.menu-item-1091 li a,
aside .menu li.menu-item-1108 li a,
aside .menu li.menu-item-1109 li a,
aside .menu li.menu-item-77 li a,
aside .menu li.menu-item-258 li a,
aside .menu li.menu-item-271 li a,
aside .menu li.menu-item-281 li a,
aside .menu li.menu-item-282 li a,
aside .menu li.menu-item-188 li a,
aside .menu li.menu-item-293 li a,
aside .menu li.menu-item-283 li a,
aside .menu li.menu-item-299 li a,
aside .menu li.menu-item-298 li a{ background-image: url(layout/title-line-right-gris.jpg); background-size: 100% 1px; background-position: left bottom; background-repeat: no-repeat; border-bottom: 0 none; color: #828282;}

aside .menu li.menu-item-1067 a:hover,
aside .menu li.menu-item-1101 li a:hover,
aside .menu li.menu-item-1091 li a:hover,
aside .menu li.menu-item-1108 li a:hover,
aside .menu li.menu-item-1109 li a:hover,
aside .menu li.menu-item-77 li a:hover,
aside .menu li.menu-item-94 li a:hover,
aside .menu li.menu-item-271 li a:hover,
aside .menu li.menu-item-281 li a:hover,
aside .menu li.menu-item-282 li a:hover,
aside .menu li.menu-item-188 li a:hover,
aside .menu li.menu-item-293 li a:hover,
aside .menu li.menu-item-283 li a:hover,
aside .menu li.menu-item-299 li a:hover,
aside .menu li.menu-item-298 li a:hover{ background-image: url(layout/title-line-gris.jpg); background-size: 100% 1px; background-position: left bottom; background-repeat: no-repeat; border-bottom: 0 none;}

aside .menu li.menu-item-1109 li li ul,
aside .menu li.menu-item-1101 li li ul,
aside .menu li.menu-item-94 li ul.sub-menu,
aside .menu li.menu-item-1091 li li ul,
aside .menu li.menu-item-271 li li ul,
aside .menu li.menu-item-282 li li ul,
aside .menu li.menu-item-188 li li ul,
aside .menu li.menu-item-293 li li ul,
aside .menu li.menu-item-283 li li ul,
aside .menu li.menu-item-298 li ul.sub-menu{ display: none;}


footer .menu{ list-style: none; float: left; width: 70%;}
footer .menu li{ width:30%; margin-left: 3%; float: left; margin-bottom: 1em; }
footer .menu li a{ color: #828282; text-decoration: none;}
footer .menu li a:hover{ color: #225aa4}
footer .menu li li{ border: inherit; width: inherit; margin-left: 0; float: inherit; margin-bottom: 0;}
footer .menu ul{ margin-top: 1em; list-style: none;}
footer .menu ul ul{ display: none;}

/* FAQ */
.faq h3{ margin: 2em 0 0em; color: #828282;}


/* PARTNERS LOGO */
.partners-logo{ border-top: 1px solid #e7e7e7; margin-top: 3em;}
.partners-logo ul{ list-style: none; text-align: center;}
.partners-logo ul li{ display: inline-block; vertical-align:middle; width: 18%; margin: 10px 1%; text-align: center;}
.partners-logo ul li img{ max-width: 100%; max-height: 100px;}


/* SLIDER ARTICLE BOX */
.show-responsive{ display: none;}

.slider{ width: 100%; margin: 0 auto;}
.slick-slide img{ width: 100%;}
.box-search,
.regular.slider .slick-slide{ display: block; border: 1px solid #e7e7e7; margin: 0 20px;}
div:hover.box-search,
.regular.slider div:hover.slick-slide{ border-color: #757575;}
div:hover.box-search.bleu-clair,
.regular.slider div:hover.slick-slide.bleu-clair{ border-color: #4c7fc1;}
div:hover.box-search.bleu-fonce,
.regular.slider div:hover.slick-slide.bleu-fonce{ border-color: #225aa4;}
div:hover.box-search.orange,
.regular.slider div:hover.slick-slide.orange{ border-color: #d26b30;}
div:hover.box-search.vert,
.regular.slider div:hover.slick-slide.vert{ border-color: #7ba63d;}
div:hover.box-search.mauve,
.regular.slider div:hover.slick-slide.mauve{ border-color: #9c157c;}
.box-search{ width: 20%; margin: 2%; float: left;}
.box-search a,
.regular.slider .slick-slide a{ color: #828282; text-decoration: none; display:block; padding-bottom: 15px; text-align: center;}
.box-search .img,
.regular.slider .slick-slide .img{ width: 100%; padding-top: 66%; position: relative; overflow:hidden; display:block; background: url(layout/bxl-default.jpg) no-repeat; background-size: 100% 100%;}
.box-search .img span.hover,
.regular.slider .slick-slide .img span.hover{ background: rgba(0,0,0,0.5); position:absolute; left: 45%; bottom: -100%; width: 10%; height: 100%; z-index: 2; display:block; border-radius: 500%; -webkit-border-radius: 500%; -moz-border-radius: 500%;}
.box-search:hover .img span.hover,
.regular.slider .slick-slide:hover .img span.hover{ bottom: 0; left: 0; width: 100%; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0;}
.box-search.orange .img span.hover,
.regular.slider .slick-slide.orange .img span.hover{ background: rgba(210,107,48,0.6);}
.box-search.vert .img span.hover,
.regular.slider .slick-slide.vert .img span.hover{ background: rgba(123,166,61,0.6);}
.box-search.bleu-clair .img span.hover,
.regular.slider .slick-slide.bleu-clair .img span.hover{ background: rgba(76,127,193,0.6);}
.box-search.bleu-fonce .img span.hover,
.regular.slider .slick-slide.bleu-fonce .img span.hover{ background: rgba(34,90,164,0.6);}
.box-search.mauve .img span.hover,
.regular.slider .slick-slide.mauve .img span.hover{ background: rgba(156,21,124,0.6);}

.box-search .img img,
.regular.slider .slick-slide .img img{ width: 100%; position:absolute; left: 0; top: 0;}
.box-search .border-color,
.slider .slick-slide .border-color{ position: absolute; left: 0; bottom: 0; background-size: 100% auto; background-repeat: no-repeat; z-index: 3; width: 100%; padding-top: 13%; background-image: url(layout/Border-nocolor.png);}
.box-search.orange .border-color,
.slider .slick-slide.orange .border-color{ background-image: url(layout/Border-orange.png);}
.box-search.vert .border-color,
.slider .slick-slide.vert .border-color{ background-image: url(layout/Border-vert.png);}
.box-search.bleu-clair .border-color,
.slider .slick-slide.bleu-clair .border-color{ background-image: url(layout/Border-bleu-clair.png);}
.box-search.bleu-fonce .border-color,
.slider .slick-slide.bleu-fonce .border-color{ background-image: url(layout/Border-bleu-fonce.png);}
.box-search.mauve .border-color,
.slider .slick-slide.mauve .border-color{ background-image: url(layout/Border-mauve.png);}
.box-search .picto,
.slider .slick-slide .picto{ width: 100%;}
.box-search .picto span,
.slider .slick-slide .picto span{ width: 30%; padding-bottom: 30%; background-size: 100% auto; display:block; position:absolute; left: 50%; bottom: 0; z-index: 4; margin-left: -15%;}
.box-search .txt,
.slider .slick-slide .txt{ padding: 15px;}
.slider .slick-slide .txt{ height: 170px; display:block; margin-bottom: 15px; overflow: hidden;}
.box-search .txt h3,
.slider .slick-slide .txt h3{ margin-bottom: 15px; padding: 0 10px;}
.box-search .txt h3{ height: 60px; margin-bottom: 5px; overflow: hidden;}
.box-search span.read-more,
.slider .slick-slide span.read-more{ border: 1px solid #c3c3c3; border-radius: 10px; display: block;  padding: 0.5em 1em; width: 50%; margin: 0 auto;}
.box-search a:hover span.read-more,
.slider .slick-slide a:hover span.read-more{ background: #757575; border: 1px solid #757575; color: #fff;}
.box-search.orange a:hover span.read-more,
.slider .slick-slide.orange a:hover span.read-more{ background: #d26b30; border: 1px solid #d26b30;}
.box-search.vert a:hover span.read-more,
.slider .slick-slide.vert a:hover span.read-more{ background: #7ba63d; border: 1px solid #7ba63d;}
.box-search.bleu-clair a:hover span.read-more,
.slider .slick-slide.bleu-clair a:hover span.read-more{ background: #4c7fc1; border: 1px solid #4c7fc1;}
.box-search.bleu-fonce a:hover span.read-more,
.slider .slick-slide.bleu-fonce a:hover span.read-more{ background: #225aa4; border: 1px solid #225aa4;}
.box-search.mauve a:hover span.read-more,
.slider .slick-slide.mauve a:hover span.read-more{ background: #9c157c; border: 1px solid #9c157c;}

.page .box-search,
.charte .box-search{ width: 30%; margin: 1.5%;}
.box-search.pdf a{ }
.charte .box-search span.read-more,
.charte .slider .slick-slide span.read-more{ color: #828282;}
.box-search.pdf .img,
.regular.slider .slick-slide.pdf .img,
.box-search.doc .img,
.regular.slider .slick-slide.doc .img,
.box-search.xls .img,
.regular.slider .slick-slide.xls .img,
.box-search.ppt .img,
.regular.slider .slick-slide.ppt .img,
.box-search.zip .img,
.regular.slider .slick-slide.zip .img,
.box-search.oth .img,
.regular.slider .slick-slide.oth .img,
.box-search.jpg .img,
.regular.slider .slick-slide.jpg .img{ background-color: #333; background-repeat: no-repeat; background-size: auto 50%; background-position: center 25%;}

.box-search.pdf .img,
.regular.slider .slick-slide.pdf .img{ background-image: url(layout/ico-pdf.png);}
div:hover.box-search.pdf,
.regular.slider div:hover.slick-slide.pdf{ border-color: #f21111;}
.box-search.pdf a:hover span.read-more,
.slider .slick-slide.pdf a:hover span.read-more{ background: #f21111; border: 1px solid #f21111;}
.box-search.pdf .img span.hover,
.regular.slider .slick-slide.pdf .img span.hover{ background: rgba(242,17,17,0.6);}
.box-search.pdf .border-color,
.slider .slick-slide.pdf .border-color{ background-image: url(layout/Border-pdf.png);}

.box-search.doc .img,
.regular.slider .slick-slide.doc .img{ background-image: url(layout/ico-doc.png);}
div:hover.box-search.doc,
.regular.slider div:hover.slick-slide.doc{ border-color: #2550ac}
.box-search.doc a:hover span.read-more,
.slider .slick-slide.doc a:hover span.read-more{ background: #2550ac; border: 1px solid #2550ac;}
.box-search.doc .img span.hover,
.regular.slider .slick-slide.doc .img span.hover{ background: rgba(37,80,172,0.6);}
.box-search.doc .border-color,
.slider .slick-slide.doc .border-color{ background-image: url(layout/Border-doc.png);}

.box-search.xls .img,
.regular.slider .slick-slide.xls .img{ background-image: url(layout/ico-xls.png);}
div:hover.box-search.xls,
.regular.slider div:hover.slick-slide.xls{ border-color: #4da134;}
.box-search.xls a:hover span.read-more,
.slider .slick-slide.xls a:hover span.read-more{ background: #4da134; border: 1px solid #4da134;}
.box-search.xls .img span.hover,
.regular.slider .slick-slide.xls .img span.hover{ background: rgba(77,161,52,0.6);}
.box-search.xls .border-color,
.slider .slick-slide.xls .border-color{ background-image: url(layout/Border-xls.png);}

.box-search.ppt .img,
.regular.slider .slick-slide.ppt .img{ background-image: url(layout/ico-ppt.png);}
div:hover.box-search.ppt,
.regular.slider div:hover.slick-slide.ppt{ border-color: #d64419;}
.box-search.ppt a:hover span.read-more,
.slider .slick-slide.ppt a:hover span.read-more{ background: #d64419; border: 1px solid #d64419;}
.box-search.ppt .img span.hover,
.regular.slider .slick-slide.ppt .img span.hover{ background: rgba(214,68,28,0.6);}
.box-search.ppt .border-color,
.slider .slick-slide.ppt .border-color{ background-image: url(layout/Border-ppt.png);}

.box-search.zip .img,
.regular.slider .slick-slide.zip .img{ background-image: url(layout/ico-zip.png);}
div:hover.box-search.zip,
.regular.slider div:hover.slick-slide.zip{ border-color: #cfcfcf;}
.box-search.zip a:hover span.read-more,
.slider .slick-slide.zip a:hover span.read-more{ background: #cfcfcf; border: 1px solid #cfcfcf;}
.box-search.zip .img span.hover,
.regular.slider .slick-slide.zip .img span.hover{ background: rgba(207,207,207,0.6);}
.box-search.zip .border-color,
.slider .slick-slide.zip .border-color{ background-image: url(layout/Border-ppt.png);}

.box-search.oth .img,
.regular.slider .slick-slide.oth .img{ background-image: url(layout/ico-oth.png);}
div:hover.box-search.oth,
.regular.slider div:hover.slick-slide.oth{ border-color: #333;}
.box-search.oth a:hover span.read-more,
.slider .slick-slide.oth a:hover span.read-more{ background: #333; border: 1px solid #333;}
.box-search.oth .img span.hover,
.regular.slider .slick-slide.oth .img span.hover{ background: rgba(51,51,51,0.6);}
.box-search.oth .border-color,
.slider .slick-slide.oth .border-color{ background-image: url(layout/Border-nocolor.png);}

.box-search.jpg .img,
.regular.slider .slick-slide.jpg .img{ background-image: url(layout/ico-jpg.png);}
div:hover.box-search.jpg,
.regular.slider div:hover.slick-slide.jpg{ border-color: #ffdd00;}
.box-search.jpg a:hover span.read-more,
.slider .slick-slide.jpg a:hover span.read-more{ background: #ffdd00; border: 1px solid #ffdd00;}
.box-search.jpg .img span.hover,
.regular.slider .slick-slide.jpg .img span.hover{ background: rgba(255,221,0,0.6);}
.box-search.jpg .border-color,
.slider .slick-slide.jpg .border-color{ background-image: url(layout/Border-jpg.png);}

.banner.slider div.hp-slider{ padding-bottom: 0; overflow: hidden; margin: 0; display:block; width: 100%; background-image: url(layout/bruxelles-brussels-default-600.jpg); background-repeat: no-repeat; background-size: 100% auto; position: relative;}
.banner.slider div.hp-slider a{ position: absolute; left: 50%; margin-left: -525px; height: 85%; top: 0; padding-top: 5%; color: #fff; text-decoration: none; }
.banner.slider div.hp-slider h3,
.banner.slider div.hp-slider p{ width: 70%;}
.banner.slider div.hp-slider h3{ margin-bottom: 1vw;}
.banner.slider span.read-more{ border: 0 none; background: #757575; border: 1px solid #757575; border-radius: 10px; display: block; padding: 1% 2%; width: auto; margin: 2vw 0 0; float: left;}
.banner.slider .bleu-clair span.read-more{ background: #4c7fc1; border: 1px solid #4c7fc1;}
.banner.slider .bleu-fonce span.read-more{ background: #225aa4; border: 1px solid #225aa4;}
.banner.slider .vert span.read-more{ background: #7ba63d; border: 1px solid #7ba63d;}
.banner.slider .orange span.read-more{ background: #d26b30; border: 1px solid #d26b30;}
.banner.slider .mauve span.read-more{ background: #9c157c; border: 1px solid #9c157c;}
.banner.slider span:hover.read-more,
.banner.slider .slick-slide.bleu-clair span:hover.read-more,
.banner.slider .slick-slide.bleu-fonce span:hover.read-more,
.banner.slider .slick-slide.vert span:hover.read-more,
.banner.slider .slick-slide.orange span:hover.read-more,
.banner.slider .slick-slide.mauve span:hover.read-more{ background: #828282; border: 1px solid #828282;}
.filigrane-circles{ background-image: url(layout/circles.png); background-repeat: no-repeat; background-size: 100% auto; width: 30%; position: absolute; height: 50%; bottom: 0; right: 0;}
.curve{ background-image: url(layout/slider-color-curve-grey.png); background-repeat: no-repeat; background-size: 100% 100%; width: 100%; position: absolute; height: 25%; bottom: 0; left: 0;}
.bleu-clair .curve{ background-image: url(layout/slider-color-curve-bleu-clair.png);}
.bleu-fonce .curve{ background-image: url(layout/slider-color-curve-bleu-fonce.png);}
.vert .curve{ background-image: url(layout/slider-color-curve-vert.png);}
.orange .curve{ background-image: url(layout/slider-color-curve-orange.png);}
.mauve .curve{ background-image: url(layout/slider-color-curve-mauve.png);}

/* TOP PAGE */
.top-page{ width: 100%; position:relative; margin-bottom: 30px; background-image: url(layout/bruxelles-brussels.jpg); background-size: 100% auto; background-position: center center; background-repeat: no-repeat;}
.top-page.search{}
.top-page .site{ position: relative; padding-bottom: 25%; overflow: hidden;}
.top-page .site span{ width: 20%; background-repeat: no-repeat; background-size: 100% auto; padding-bottom: 20%; position:absolute; left: 0; top: 45%;}
.top-page .site span.loupe{ background-image: url(layout/loupe.png); left: inherit; right: 0; top: 50%; margin-top: -10%;}
.top-page .site span.nopicto{ background-image: url(layout/white/Picto_NoPicto.png);}
.top-page .aei{ background-image: url(layout/white/Picto_Aides-Eco-Ind.png);}
.top-page .ae{ background-image: url(layout/white/Picto_Aides-Economiques.png);}
.top-page .ad{ background-image: url(layout/white/Picto_Alimentation-Durable.png);}
.top-page .cn{ background-image: url(layout/white/Picto_Cadre-Normatif.png);}
.top-page .co{ background-image: url(layout/white/Picto_Commerces.png);}
.top-page .cd{ background-image: url(layout/white/Picto_Construction-Durable.png);}
.top-page .em{ background-image: url(layout/white/Picto_Emploi-Secteur.png);}
.top-page .fo{ background-image: url(layout/white/Picto_Formation.png);}
.top-page .go{ background-image: url(layout/white/Picto_Gouvernance.png);}
.top-page .in{ background-image: url(layout/white/Picto_Innovation.png);}
.top-page .lo{ background-image: url(layout/white/Picto_Logistique.png);}
.top-page .mp{ background-image: url(layout/white/Picto_Marche-Public.png);}
.top-page .es{ background-image: url(layout/white/Picto_Nouveaux-Modeles.png);}
.top-page .re{ background-image: url(layout/white/Picto_Ressources.png);}
.top-page .te{ background-image: url(layout/white/Picto_Territoire.png);}
.top-page .la{ background-image: url(layout/white/Picto_Laureats.png);}
.top-page .vo{ background-image: url(layout/white/Picto_Voisins.png);}

/* VIDEO */
ul.list-video{ list-style: none; padding: 0; margin: 3em 0 0;}
ul.list-video li{ padding: 0; margin: 0; display: inline-block; width: 48%; margin: 0 2% 2% 0; background: #757575;}
ul.list-video li .video{ margin-top: 0;}
ul.list-video li a{ width: 90%; padding: 1em 5%; text-align: center; color: #fff; text-decoration: none; display:block; background: #757575;}
ul.list-video li a span{ font-style:italic; padding-top: 0.3em;}
ul.list-video li.orange a:hover{ background: #d26b30; }
ul.list-video li.bleu-clair a:hover{ background: #4c7fc1;}
ul.list-video li.bleu-fonce a:hover{ background: #225aa4;}
ul.list-video li.vert a:hover{ background: #7ba63d;}
ul.list-video li.mauve a:hover{ background: #9c157c;}

.eupopup-container{	background: #225aa4; border-top: 1px solid #fff; bottom: 0;	color: #fff; font-size: 0.8em; left: 0;	opacity: 0.8; padding: 1em 5%; position: fixed;	text-align: center;	width: 90%; z-index: 999;}
.eupopup-container a{ border: 1px solid #fff; border-radius: 10px; -webkit-border-radius: 10px; color: #fff;		display: inline-block;	margin: 0.5em 1em;	padding: 0.3em 1.5em; text-align: center; text-decoration: none;}
.eupopup-container a:hover{	border-color: #fff;	color: #fff;}
.eupopup-container a.eupopup-closebutton{ background: #4c7fc1; border-radius: 50%; -webkit-border-radius: 50%; padding: 0.2em 1em 0.4em;	position: absolute;	right: 0; top: -20px;}

/* CAMPAIGN */
.campaign{
	display: -webkit-box; 
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex; 
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	margin-top: 3em;
	max-width: 1020px;
}
.campaign a{ 
	background: grey no-repeat center center;
	background-size: auto 100%;
	padding-top: 20%;
	width: 20%;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
.campaign a:hover{ background-size: auto 120%;}
.campaign a.coin{ background-image: url('layout/campaign/Thumb_Coin@2x.jpg');}
.campaign a.target{ background-image: url('layout/campaign/Thumb_Target@2x.jpg');}
.campaign a.compass{ background-image: url('layout/campaign/Thumb_Boussole@2x.jpg');}
.campaign a.ball{ background-image: url('layout/campaign/Thumb_Ball@2x.jpg');}
.campaign a.wheel{ background-image: url('layout/campaign/Thumb_Wheel@2x.jpg');}


/* FOOTER */
footer{ background: #eaeaea; border-top: 4px solid #ccc; margin-top: 10px; padding-top: 3em;}
footer .home{ width: 200px; display: block;}
footer .home img{ width: 100%;}
footer .copyright a{ color: #828282; text-decoration: none;}
footer .copyright a:hover{ text-decoration: underline;}

/* SOLIFIN */
.solifinTxt{
	float: left;
	font-size: 1.2em;
	margin-right: 29px;
	width: calc(100% - 40px - 475px); 
}
.solifinTxt span{ color:#225aa4;}