@import url('../../fonts/din_web/din.css');html {    font-family: sans-serif;    -ms-text-size-adjust: 100%;    -webkit-text-size-adjust: 100%}
body {    margin: 0}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {    display: block}
audio, canvas, progress, video {    display: inline-block;    vertical-align: baseline}
audio:not([controls]) {    display: none;    height: 0}
[hidden], template {    display: none}
a {    background-color: transparent}
a:active, a:hover {    outline: 0}
abbr[title] {    border-bottom: 1px dotted}
b, strong {    font-weight: bold}
dfn {    font-style: italic}
h1 {    font-size: 2em;    margin: 0.67em 0}
mark {    background: #ff0;    color: #000}
small {    font-size: 80%}
sub, sup {    font-size: 75%;    line-height: 0;    position: relative;    vertical-align: baseline}
sup {    top: -0.5em}
sub {    bottom: -0.25em}
img {    border: 0}
svg:not(:root) {    overflow: hidden}
figure {    margin: 1em 40px}
hr {    box-sizing: content-box;    height: 0}
pre {    overflow: auto}
code, kbd, pre, samp {    font-family: monospace, monospace;    font-size: 1em}
button, input, optgroup, select, textarea {    color: inherit;    font: inherit;    margin: 0}
button {    overflow: visible}
button, select {    text-transform: none}
button, html input[type="button"], input[type="reset"], input[type="submit"] {    -webkit-appearance: button;    cursor: pointer}
button[disabled], html input[disabled] {    cursor: default}
button::-moz-focus-inner, input::-moz-focus-inner {    border: 0;    padding: 0}
input {    line-height: normal}
input:focus, input:active {    outline: 0 none}
.radio_grises label {    margin-right: 26px;}
.radio_grises input[type=radio]+label>span:first-child {    background: url(/common/img/b2c_v4/grosses_checkboxes_bordure.png) left top no-repeat;}
.radio_grises input[type=radio]:checked+label>span:first-child {    background: url(/common/img/b2c_v4/grosses_checkboxes_bordure.png) left bottom no-repeat;}
input[type=radio] {    display: none;}
input[type=radio]+label>span:first-child {    display: inline-block;    width: 17px;    height: 17px;    margin: -1px 4px 0 0;    vertical-align: middle;    background: url(/common/img/b2c_v4/grosses_checkboxes.png) left top no-repeat;    cursor: pointer;}
input[type="checkbox"], input[type="radio"] {    box-sizing: border-box;    padding: 0}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {    height: auto}
input[type="search"] {    -webkit-appearance: textfield;    box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {    -webkit-appearance: none}
fieldset {    border: 1px solid #c0c0c0;    margin: 0 2px;    padding: 0.35em 0.625em 0.75em}
legend {    border: 0;    padding: 0}
textarea {    overflow: auto}
optgroup {    font-weight: bold}
table {    border-collapse: collapse;    border-spacing: 0}
td, th {    padding: 0}
@font-face {    font-family: 'FontAwesome';    src: url("/common/fonts/fondation/fontawesome-webfont.eot?v=4.5.0");    src: url("/common/fonts/fondation/fontawesome-webfont.eot?#iefix&v=4.5.0") format("embedded-opentype"), url("/common/fonts/fondation/fontawesome-webfont.woff2?v=4.5.0") format("woff2"), url("/common/fonts/fondation/fontawesome-webfont.woff?v=4.5.0") format("woff"), url("/common/fonts/fondation/fontawesome-webfont.ttf?v=4.5.0") format("truetype"), url("/common/fonts/fondation/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular") format("svg");    font-weight: normal;    font-style: normal}
.fa {    display: inline-block;    font: normal normal normal 14px/1 FontAwesome;    font-size: inherit;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale}
.fa-lg {    font-size: 1.33333em;    line-height: .75em;    vertical-align: -15%}
.fa-2x {    font-size: 2em}
.fa-3x {    font-size: 3em}
.fa-4x {    font-size: 4em}
.fa-5x {    font-size: 5em}
.fa-fw {    width: 1.28571em;    text-align: center}
.fa-ul {    padding-left: 0;    margin-left: 2.14286em;    list-style-type: none}
.fa-ul > li {    position: relative}
.fa-li {    position: absolute;    left: -2.14286em;    width: 2.14286em;    top: .14286em;    text-align: center}
.fa-li.fa-lg {    left: -1.85714em}
.fa-border {    padding: .2em .25em .15em;    border: solid 0.08em #eee;    border-radius: .1em}
.fa-pull-left {    float: left}
.fa-pull-right {    float: right}
.fa.fa-pull-left {    margin-right: .3em}
.fa.fa-pull-right {    margin-left: .3em}
.pull-right {    float: right}
.pull-left {    float: left}
.fa.pull-left {    margin-right: .3em}
.fa.pull-right {    margin-left: .3em}
.fa-stack {    position: relative;    display: inline-block;    width: 2em;    height: 2em;    line-height: 2em;    vertical-align: middle}
.fa-stack-1x, .fa-stack-2x {    position: absolute;    left: 0;    width: 100%;    text-align: center}
.fa-stack-1x {    line-height: inherit}
.fa-stack-2x {    font-size: 2em}
.fa-inverse {    color: #fff}
.fa-glass:before {    content: ""}
.fa-music:before {    content: ""}
.fa-search:before {    content: ""}
.fa-envelope-o:before {    content: ""}
.fa-heart:before {    content: ""}
.fa-star:before {    content: ""}
.fa-star-o:before {    content: ""}
.fa-user:before {    content: ""}
.fa-film:before {    content: ""}
.fa-th-large:before {    content: ""}
.fa-th:before {    content: ""}
.fa-th-list:before {    content: ""}
.fa-check:before {    content: ""}
.fa-remove:before, .fa-close:before, .fa-times:before {    content: ""}
.fa-search-plus:before {    content: ""}
.fa-search-minus:before {    content: ""}
.fa-power-off:before {    content: ""}
.fa-signal:before {    content: ""}
.fa-gear:before, .fa-cog:before {    content: ""}
.fa-trash-o:before {    content: ""}
.fa-home:before {    content: ""}
.fa-file-o:before {    content: ""}
.fa-clock-o:before {    content: ""}
.fa-road:before {    content: ""}
.fa-download:before {    content: ""}
.fa-arrow-circle-o-down:before {    content: ""}
.fa-arrow-circle-o-up:before {    content: ""}
.fa-inbox:before {    content: ""}
.fa-play-circle-o:before {    content: ""}
.fa-rotate-right:before, .fa-repeat:before {    content: ""}
.fa-refresh:before {    content: ""}
.fa-list-alt:before {    content: ""}
.fa-lock:before {    content: ""}
.fa-flag:before {    content: ""}
.fa-headphones:before {    content: ""}
.fa-volume-off:before {    content: ""}
.fa-volume-down:before {    content: ""}
.fa-volume-up:before {    content: ""}
.fa-qrcode:before {    content: ""}
.fa-barcode:before {    content: ""}
.fa-tag:before {    content: ""}
.fa-tags:before {    content: ""}
.fa-book:before {    content: ""}
.fa-bookmark:before {    content: ""}
.fa-print:before {    content: ""}
.fa-camera:before {    content: ""}
.fa-font:before {    content: ""}
.fa-bold:before {    content: ""}
.fa-italic:before {    content: ""}
.fa-text-height:before {    content: ""}
.fa-text-width:before {    content: ""}
.fa-align-left:before {    content: ""}
.fa-align-center:before {    content: ""}
.fa-align-right:before {    content: ""}
.fa-align-justify:before {    content: ""}
.fa-list:before {    content: ""}
.fa-dedent:before, .fa-outdent:before {    content: ""}
.fa-indent:before {    content: ""}
.fa-video-camera:before {    content: ""}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {    content: ""}
.fa-pencil:before {    content: ""}
.fa-map-marker:before {    content: ""}
.fa-adjust:before {    content: ""}
.fa-tint:before {    content: ""}
.fa-edit:before, .fa-pencil-square-o:before {    content: ""}
.fa-share-square-o:before {    content: ""}
.fa-check-square-o:before {    content: ""}
.fa-arrows:before {    content: ""}
.fa-step-backward:before {    content: ""}
.fa-fast-backward:before {    content: ""}
.fa-backward:before {    content: ""}
.fa-play:before {    content: ""}
.fa-pause:before {    content: ""}
.fa-stop:before {    content: ""}
.fa-forward:before {    content: ""}
.fa-fast-forward:before {    content: ""}
.fa-step-forward:before {    content: ""}
.fa-eject:before {    content: ""}
.fa-chevron-left:before {    content: ""}
.fa-chevron-right:before {    content: ""}
.fa-plus-circle:before {    content: ""}
.fa-minus-circle:before {    content: ""}
.fa-times-circle:before {    content: ""}
.fa-check-circle:before {    content: ""}
.fa-question-circle:before {    content: ""}
.fa-info-circle:before {    content: ""}
.fa-crosshairs:before {    content: ""}
.fa-times-circle-o:before {    content: ""}
.fa-check-circle-o:before {    content: ""}
.fa-ban:before {    content: ""}
.fa-arrow-left:before {    content: ""}
.fa-arrow-right:before {    content: ""}
.fa-arrow-up:before {    content: ""}
.fa-arrow-down:before {    content: ""}
.fa-mail-forward:before, .fa-share:before {    content: ""}
.fa-expand:before {    content: ""}
.fa-compress:before {    content: ""}
.fa-plus:before {    content: ""}
.fa-minus:before {    content: ""}
.fa-asterisk:before {    content: ""}
.fa-exclamation-circle:before {    content: ""}
.fa-gift:before {    content: ""}
.fa-leaf:before {    content: ""}
.fa-fire:before {    content: ""}
.fa-eye:before {    content: ""}
.fa-eye-slash:before {    content: ""}
.fa-warning:before, .fa-exclamation-triangle:before {    content: ""}
.fa-plane:before {    content: ""}
.fa-calendar:before {    content: ""}
.fa-random:before {    content: ""}
.fa-comment:before {    content: ""}
.fa-magnet:before {    content: ""}
.fa-chevron-up:before {    content: ""}
.fa-chevron-down:before {    content: ""}
.fa-retweet:before {    content: ""}
.fa-shopping-cart:before {    content: ""}
.fa-folder:before {    content: ""}
.fa-folder-open:before {    content: ""}
.fa-arrows-v:before {    content: ""}
.fa-arrows-h:before {    content: ""}
.fa-bar-chart-o:before, .fa-bar-chart:before {    content: ""}
.fa-twitter-square:before {    content: ""}
.fa-facebook-square:before {    content: ""}
.fa-camera-retro:before {    content: ""}
.fa-key:before {    content: ""}
.fa-gears:before, .fa-cogs:before {    content: ""}
.fa-comments:before {    content: ""}
.fa-thumbs-o-up:before {    content: ""}
.fa-thumbs-o-down:before {    content: ""}
.fa-star-half:before {    content: ""}
.fa-heart-o:before {    content: ""}
.fa-sign-out:before {    content: ""}
.fa-linkedin-square:before {    content: ""}
.fa-thumb-tack:before {    content: ""}
.fa-external-link:before {    content: ""}
.fa-sign-in:before {    content: ""}
.fa-trophy:before {    content: ""}
.fa-github-square:before {    content: ""}
.fa-upload:before {    content: ""}
.fa-lemon-o:before {    content: ""}
.fa-phone:before {    content: ""}
.fa-square-o:before {    content: ""}
.fa-bookmark-o:before {    content: ""}
.fa-phone-square:before {    content: ""}
.fa-twitter:before {    content: ""}
.fa-facebook-f:before, .fa-facebook:before {    content: ""}
.fa-github:before {    content: ""}
.fa-unlock:before {    content: ""}
.fa-credit-card:before {    content: ""}
.fa-feed:before, .fa-rss:before {    content: ""}
.fa-hdd-o:before {    content: ""}
.fa-bullhorn:before {    content: ""}
.fa-bell:before {    content: ""}
.fa-certificate:before {    content: ""}
.fa-hand-o-right:before {    content: ""}
.fa-hand-o-left:before {    content: ""}
.fa-hand-o-up:before {    content: ""}
.fa-hand-o-down:before {    content: ""}
.fa-arrow-circle-left:before {    content: ""}
.fa-arrow-circle-right:before {    content: ""}
.fa-arrow-circle-up:before {    content: ""}
.fa-arrow-circle-down:before {    content: ""}
.fa-globe:before {    content: ""}
.fa-wrench:before {    content: ""}
.fa-tasks:before {    content: ""}
.fa-filter:before {    content: ""}
.fa-briefcase:before {    content: ""}
.fa-arrows-alt:before {    content: ""}
.fa-group:before, .fa-users:before {    content: ""}
.fa-chain:before, .fa-link:before {    content: ""}
.fa-cloud:before {    content: ""}
.fa-flask:before {    content: ""}
.fa-cut:before, .fa-scissors:before {    content: ""}
.fa-copy:before, .fa-files-o:before {    content: ""}
.fa-paperclip:before {    content: ""}
.fa-save:before, .fa-floppy-o:before {    content: ""}
.fa-square:before {    content: ""}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {    content: ""}
.fa-list-ul:before {    content: ""}
.fa-list-ol:before {    content: ""}
.fa-strikethrough:before {    content: ""}
.fa-underline:before {    content: ""}
.fa-table:before {    content: ""}
.fa-magic:before {    content: ""}
.fa-truck:before {    content: ""}
.fa-pinterest:before {    content: ""}
.fa-pinterest-square:before {    content: ""}
.fa-google-plus-square:before {    content: ""}
.fa-google-plus:before {    content: ""}
.fa-money:before {    content: ""}
.fa-caret-down:before {    content: ""}
.fa-caret-up:before {    content: ""}
.fa-caret-left:before {    content: ""}
.fa-caret-right:before {    content: ""}
.fa-columns:before {    content: ""}
.fa-unsorted:before, .fa-sort:before {    content: ""}
.fa-sort-down:before, .fa-sort-desc:before {    content: ""}
.fa-sort-up:before, .fa-sort-asc:before {    content: ""}
.fa-envelope:before {    content: ""}
.fa-linkedin:before {    content: ""}
.fa-rotate-left:before, .fa-undo:before {    content: ""}
.fa-legal:before, .fa-gavel:before {    content: ""}
.fa-dashboard:before, .fa-tachometer:before {    content: ""}
.fa-comment-o:before {    content: ""}
.fa-comments-o:before {    content: ""}
.fa-flash:before, .fa-bolt:before {    content: ""}
.fa-sitemap:before {    content: ""}
.fa-umbrella:before {    content: ""}
.fa-paste:before, .fa-clipboard:before {    content: ""}
.fa-lightbulb-o:before {    content: ""}
.fa-exchange:before {    content: ""}
.fa-cloud-download:before {    content: ""}
.fa-cloud-upload:before {    content: ""}
.fa-user-md:before {    content: ""}
.fa-stethoscope:before {    content: ""}
.fa-suitcase:before {    content: ""}
.fa-bell-o:before {    content: ""}
.fa-coffee:before {    content: ""}
.fa-cutlery:before {    content: ""}
.fa-file-text-o:before {    content: ""}
.fa-building-o:before {    content: ""}
.fa-hospital-o:before {    content: ""}
.fa-ambulance:before {    content: ""}
.fa-medkit:before {    content: ""}
.fa-fighter-jet:before {    content: ""}
.fa-beer:before {    content: ""}
.fa-h-square:before {    content: ""}
.fa-plus-square:before {    content: ""}
.fa-angle-double-left:before {    content: ""}
.fa-angle-double-right:before {    content: ""}
.fa-angle-double-up:before {    content: ""}
.fa-angle-double-down:before {    content: ""}
.fa-angle-left:before {    content: ""}
.fa-angle-right:before {    content: ""}
.fa-angle-up:before {    content: ""}
.fa-angle-down:before {    content: ""}
.fa-desktop:before {    content: ""}
.fa-laptop:before {    content: ""}
.fa-tablet:before {    content: ""}
.fa-mobile-phone:before, .fa-mobile:before {    content: ""}
.fa-circle-o:before {    content: ""}
.fa-quote-left:before {    content: ""}
.fa-quote-right:before {    content: ""}
.fa-spinner:before {    content: ""}
.fa-circle:before {    content: ""}
.fa-mail-reply:before, .fa-reply:before {    content: ""}
.fa-github-alt:before {    content: ""}
.fa-folder-o:before {    content: ""}
.fa-folder-open-o:before {    content: ""}
.fa-smile-o:before {    content: ""}
.fa-frown-o:before {    content: ""}
.fa-meh-o:before {    content: ""}
.fa-gamepad:before {    content: ""}
.fa-keyboard-o:before {    content: ""}
.fa-flag-o:before {    content: ""}
.fa-flag-checkered:before {    content: ""}
.fa-terminal:before {    content: ""}
.fa-code:before {    content: ""}
.fa-mail-reply-all:before, .fa-reply-all:before {    content: ""}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {    content: ""}
.fa-location-arrow:before {    content: ""}
.fa-crop:before {    content: ""}
.fa-code-fork:before {    content: ""}
.fa-unlink:before, .fa-chain-broken:before {    content: ""}
.fa-question:before {    content: ""}
.fa-info:before {    content: ""}
.fa-exclamation:before {    content: ""}
.fa-superscript:before {    content: ""}
.fa-subscript:before {    content: ""}
.fa-eraser:before {    content: ""}
.fa-puzzle-piece:before {    content: ""}
.fa-microphone:before {    content: ""}
.fa-microphone-slash:before {    content: ""}
.fa-shield:before {    content: ""}
.fa-calendar-o:before {    content: ""}
.fa-fire-extinguisher:before {    content: ""}
.fa-rocket:before {    content: ""}
.fa-maxcdn:before {    content: ""}
.fa-chevron-circle-left:before {    content: ""}
.fa-chevron-circle-right:before {    content: ""}
.fa-chevron-circle-up:before {    content: ""}
.fa-chevron-circle-down:before {    content: ""}
.fa-html5:before {    content: ""}
.fa-css3:before {    content: ""}
.fa-anchor:before {    content: ""}
.fa-unlock-alt:before {    content: ""}
.fa-bullseye:before {    content: ""}
.fa-ellipsis-h:before {    content: ""}
.fa-ellipsis-v:before {    content: ""}
.fa-rss-square:before {    content: ""}
.fa-play-circle:before {    content: ""}
.fa-ticket:before {    content: ""}
.fa-minus-square:before {    content: ""}
.fa-minus-square-o:before {    content: ""}
.fa-level-up:before {    content: ""}
.fa-level-down:before {    content: ""}
.fa-check-square:before {    content: ""}
.fa-pencil-square:before {    content: ""}
.fa-external-link-square:before {    content: ""}
.fa-share-square:before {    content: ""}
.fa-compass:before {    content: ""}
.fa-toggle-down:before, .fa-caret-square-o-down:before {    content: ""}
.fa-toggle-up:before, .fa-caret-square-o-up:before {    content: ""}
.fa-toggle-right:before, .fa-caret-square-o-right:before {    content: ""}
.fa-euro:before, .fa-eur:before {    content: ""}
.fa-gbp:before {    content: ""}
.fa-dollar:before, .fa-usd:before {    content: ""}
.fa-rupee:before, .fa-inr:before {    content: ""}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {    content: ""}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {    content: ""}
.fa-won:before, .fa-krw:before {    content: ""}
.fa-bitcoin:before, .fa-btc:before {    content: ""}
.fa-file:before {    content: ""}
.fa-file-text:before {    content: ""}
.fa-sort-alpha-asc:before {    content: ""}
.fa-sort-alpha-desc:before {    content: ""}
.fa-sort-amount-asc:before {    content: ""}
.fa-sort-amount-desc:before {    content: ""}
.fa-sort-numeric-asc:before {    content: ""}
.fa-sort-numeric-desc:before {    content: ""}
.fa-thumbs-up:before {    content: ""}
.fa-thumbs-down:before {    content: ""}
.fa-youtube-square:before {    content: ""}
.fa-youtube:before {    content: ""}
.fa-xing:before {    content: ""}
.fa-xing-square:before {    content: ""}
.fa-youtube-play:before {    content: ""}
.fa-dropbox:before {    content: ""}
.fa-stack-overflow:before {    content: ""}
.fa-instagram:before {    content: ""}
.fa-flickr:before {    content: ""}
.fa-adn:before {    content: ""}
.fa-bitbucket:before {    content: ""}
.fa-bitbucket-square:before {    content: ""}
.fa-tumblr:before {    content: ""}
.fa-tumblr-square:before {    content: ""}
.fa-long-arrow-down:before {    content: ""}
.fa-long-arrow-up:before {    content: ""}
.fa-long-arrow-left:before {    content: ""}
.fa-long-arrow-right:before {    content: ""}
.fa-apple:before {    content: ""}
.fa-windows:before {    content: ""}
.fa-android:before {    content: ""}
.fa-linux:before {    content: ""}
.fa-dribbble:before {    content: ""}
.fa-skype:before {    content: ""}
.fa-foursquare:before {    content: ""}
.fa-trello:before {    content: ""}
.fa-female:before {    content: ""}
.fa-male:before {    content: ""}
.fa-gittip:before, .fa-gratipay:before {    content: ""}
.fa-sun-o:before {    content: ""}
.fa-moon-o:before {    content: ""}
.fa-archive:before {    content: ""}
.fa-bug:before {    content: ""}
.fa-vk:before {    content: ""}
.fa-weibo:before {    content: ""}
.fa-renren:before {    content: ""}
.fa-pagelines:before {    content: ""}
.fa-stack-exchange:before {    content: ""}
.fa-arrow-circle-o-right:before {    content: ""}
.fa-arrow-circle-o-left:before {    content: ""}
.fa-toggle-left:before, .fa-caret-square-o-left:before {    content: ""}
.fa-dot-circle-o:before {    content: ""}
.fa-wheelchair:before {    content: ""}
.fa-vimeo-square:before {    content: ""}
.fa-turkish-lira:before, .fa-try:before {    content: ""}
.fa-plus-square-o:before {    content: ""}
.fa-space-shuttle:before {    content: ""}
.fa-slack:before {    content: ""}
.fa-envelope-square:before {    content: ""}
.fa-wordpress:before {    content: ""}
.fa-openid:before {    content: ""}
.fa-institution:before, .fa-bank:before, .fa-university:before {    content: ""}
.fa-mortar-board:before, .fa-graduation-cap:before {    content: ""}
.fa-yahoo:before {    content: ""}
.fa-google:before {    content: ""}
.fa-reddit:before {    content: ""}
.fa-reddit-square:before {    content: ""}
.fa-stumbleupon-circle:before {    content: ""}
.fa-stumbleupon:before {    content: ""}
.fa-delicious:before {    content: ""}
.fa-digg:before {    content: ""}
.fa-pied-piper:before {    content: ""}
.fa-pied-piper-alt:before {    content: ""}
.fa-drupal:before {    content: ""}
.fa-joomla:before {    content: ""}
.fa-language:before {    content: ""}
.fa-fax:before {    content: ""}
.fa-building:before {    content: ""}
.fa-child:before {    content: ""}
.fa-paw:before {    content: ""}
.fa-spoon:before {    content: ""}
.fa-cube:before {    content: ""}
.fa-cubes:before {    content: ""}
.fa-behance:before {    content: ""}
.fa-behance-square:before {    content: ""}
.fa-steam:before {    content: ""}
.fa-steam-square:before {    content: ""}
.fa-recycle:before {    content: ""}
.fa-automobile:before, .fa-car:before {    content: ""}
.fa-cab:before, .fa-taxi:before {    content: ""}
.fa-tree:before {    content: ""}
.fa-spotify:before {    content: ""}
.fa-deviantart:before {    content: ""}
.fa-soundcloud:before {    content: ""}
.fa-database:before {    content: ""}
.fa-file-pdf-o:before {    content: ""}
.fa-file-word-o:before {    content: ""}
.fa-file-excel-o:before {    content: ""}
.fa-file-powerpoint-o:before {    content: ""}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {    content: ""}
.fa-file-zip-o:before, .fa-file-archive-o:before {    content: ""}
.fa-file-sound-o:before, .fa-file-audio-o:before {    content: ""}
.fa-file-movie-o:before, .fa-file-video-o:before {    content: ""}
.fa-file-code-o:before {    content: ""}
.fa-vine:before {    content: ""}
.fa-codepen:before {    content: ""}
.fa-jsfiddle:before {    content: ""}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {    content: ""}
.fa-circle-o-notch:before {    content: ""}
.fa-ra:before, .fa-rebel:before {    content: ""}
.fa-ge:before, .fa-empire:before {    content: ""}
.fa-git-square:before {    content: ""}
.fa-git:before {    content: ""}
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {    content: ""}
.fa-tencent-weibo:before {    content: ""}
.fa-qq:before {    content: ""}
.fa-wechat:before, .fa-weixin:before {    content: ""}
.fa-send:before, .fa-paper-plane:before {    content: ""}
.fa-send-o:before, .fa-paper-plane-o:before {    content: ""}
.fa-history:before {    content: ""}
.fa-circle-thin:before {    content: ""}
.fa-header:before {    content: ""}
.fa-paragraph:before {    content: ""}
.fa-sliders:before {    content: ""}
.fa-share-alt:before {    content: ""}
.fa-share-alt-square:before {    content: ""}
.fa-bomb:before {    content: ""}
.fa-soccer-ball-o:before, .fa-futbol-o:before {    content: ""}
.fa-tty:before {    content: ""}
.fa-binoculars:before {    content: ""}
.fa-plug:before {    content: ""}
.fa-slideshare:before {    content: ""}
.fa-twitch:before {    content: ""}
.fa-yelp:before {    content: ""}
.fa-newspaper-o:before {    content: ""}
.fa-wifi:before {    content: ""}
.fa-calculator:before {    content: ""}
.fa-paypal:before {    content: ""}
.fa-google-wallet:before {    content: ""}
.fa-cc-visa:before {    content: ""}
.fa-cc-mastercard:before {    content: ""}
.fa-cc-discover:before {    content: ""}
.fa-cc-amex:before {    content: ""}
.fa-cc-paypal:before {    content: ""}
.fa-cc-stripe:before {    content: ""}
.fa-bell-slash:before {    content: ""}
.fa-bell-slash-o:before {    content: ""}
.fa-trash:before {    content: ""}
.fa-copyright:before {    content: ""}
.fa-at:before {    content: ""}
.fa-eyedropper:before {    content: ""}
.fa-paint-brush:before {    content: ""}
.fa-birthday-cake:before {    content: ""}
.fa-area-chart:before {    content: ""}
.fa-pie-chart:before {    content: ""}
.fa-line-chart:before {    content: ""}
.fa-lastfm:before {    content: ""}
.fa-lastfm-square:before {    content: ""}
.fa-toggle-off:before {    content: ""}
.fa-toggle-on:before {    content: ""}
.fa-bicycle:before {    content: ""}
.fa-bus:before {    content: ""}
.fa-ioxhost:before {    content: ""}
.fa-angellist:before {    content: ""}
.fa-cc:before {    content: ""}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {    content: ""}
.fa-meanpath:before {    content: ""}
.fa-buysellads:before {    content: ""}
.fa-connectdevelop:before {    content: ""}
.fa-dashcube:before {    content: ""}
.fa-forumbee:before {    content: ""}
.fa-leanpub:before {    content: ""}
.fa-sellsy:before {    content: ""}
.fa-shirtsinbulk:before {    content: ""}
.fa-simplybuilt:before {    content: ""}
.fa-skyatlas:before {    content: ""}
.fa-cart-plus:before {    content: ""}
.fa-cart-arrow-down:before {    content: ""}
.fa-diamond:before {    content: ""}
.fa-ship:before {    content: ""}
.fa-user-secret:before {    content: ""}
.fa-motorcycle:before {    content: ""}
.fa-street-view:before {    content: ""}
.fa-heartbeat:before {    content: ""}
.fa-venus:before {    content: ""}
.fa-mars:before {    content: ""}
.fa-mercury:before {    content: ""}
.fa-intersex:before, .fa-transgender:before {    content: ""}
.fa-transgender-alt:before {    content: ""}
.fa-venus-double:before {    content: ""}
.fa-mars-double:before {    content: ""}
.fa-venus-mars:before {    content: ""}
.fa-mars-stroke:before {    content: ""}
.fa-mars-stroke-v:before {    content: ""}
.fa-mars-stroke-h:before {    content: ""}
.fa-neuter:before {    content: ""}
.fa-genderless:before {    content: ""}
.fa-facebook-official:before {    content: ""}
.fa-pinterest-p:before {    content: ""}
.fa-whatsapp:before {    content: ""}
.fa-server:before {    content: ""}
.fa-user-plus:before {    content: ""}
.fa-user-times:before {    content: ""}
.fa-hotel:before, .fa-bed:before {    content: ""}
.fa-viacoin:before {    content: ""}
.fa-train:before {    content: ""}
.fa-subway:before {    content: ""}
.fa-medium:before {    content: ""}
.fa-yc:before, .fa-y-combinator:before {    content: ""}
.fa-optin-monster:before {    content: ""}
.fa-opencart:before {    content: ""}
.fa-expeditedssl:before {    content: ""}
.fa-battery-4:before, .fa-battery-full:before {    content: ""}
.fa-battery-3:before, .fa-battery-three-quarters:before {    content: ""}
.fa-battery-2:before, .fa-battery-half:before {    content: ""}
.fa-battery-1:before, .fa-battery-quarter:before {    content: ""}
.fa-battery-0:before, .fa-battery-empty:before {    content: ""}
.fa-mouse-pointer:before {    content: ""}
.fa-i-cursor:before {    content: ""}
.fa-object-group:before {    content: ""}
.fa-object-ungroup:before {    content: ""}
.fa-sticky-note:before {    content: ""}
.fa-sticky-note-o:before {    content: ""}
.fa-cc-jcb:before {    content: ""}
.fa-cc-diners-club:before {    content: ""}
.fa-clone:before {    content: ""}
.fa-balance-scale:before {    content: ""}
.fa-hourglass-o:before {    content: ""}
.fa-hourglass-1:before, .fa-hourglass-start:before {    content: ""}
.fa-hourglass-2:before, .fa-hourglass-half:before {    content: ""}
.fa-hourglass-3:before, .fa-hourglass-end:before {    content: ""}
.fa-hourglass:before {    content: ""}
.fa-hand-grab-o:before, .fa-hand-rock-o:before {    content: ""}
.fa-hand-stop-o:before, .fa-hand-paper-o:before {    content: ""}
.fa-hand-scissors-o:before {    content: ""}
.fa-hand-lizard-o:before {    content: ""}
.fa-hand-spock-o:before {    content: ""}
.fa-hand-pointer-o:before {    content: ""}
.fa-hand-peace-o:before {    content: ""}
.fa-trademark:before {    content: ""}
.fa-registered:before {    content: ""}
.fa-creative-commons:before {    content: ""}
.fa-gg:before {    content: ""}
.fa-gg-circle:before {    content: ""}
.fa-tripadvisor:before {    content: ""}
.fa-odnoklassniki:before {    content: ""}
.fa-odnoklassniki-square:before {    content: ""}
.fa-get-pocket:before {    content: ""}
.fa-wikipedia-w:before {    content: ""}
.fa-safari:before {    content: ""}
.fa-chrome:before {    content: ""}
.fa-firefox:before {    content: ""}
.fa-opera:before {    content: ""}
.fa-internet-explorer:before {    content: ""}
.fa-tv:before, .fa-television:before {    content: ""}
.fa-contao:before {    content: ""}
.fa-500px:before {    content: ""}
.fa-amazon:before {    content: ""}
.fa-calendar-plus-o:before {    content: ""}
.fa-calendar-minus-o:before {    content: ""}
.fa-calendar-times-o:before {    content: ""}
.fa-calendar-check-o:before {    content: ""}
.fa-industry:before {    content: ""}
.fa-map-pin:before {    content: ""}
.fa-map-signs:before {    content: ""}
.fa-map-o:before {    content: ""}
.fa-map:before {    content: ""}
.fa-commenting:before {    content: ""}
.fa-commenting-o:before {    content: ""}
.fa-houzz:before {    content: ""}
.fa-vimeo:before {    content: ""}
.fa-black-tie:before {    content: ""}
.fa-fonticons:before {    content: ""}
.fa-reddit-alien:before {    content: ""}
.fa-edge:before {    content: ""}
.fa-credit-card-alt:before {    content: ""}
.fa-codiepie:before {    content: ""}
.fa-modx:before {    content: ""}
.fa-fort-awesome:before {    content: ""}
.fa-usb:before {    content: ""}
.fa-product-hunt:before {    content: ""}
.fa-mixcloud:before {    content: ""}
.fa-scribd:before {    content: ""}
.fa-pause-circle:before {    content: ""}
.fa-pause-circle-o:before {    content: ""}
.fa-stop-circle:before {    content: ""}
.fa-stop-circle-o:before {    content: ""}
.fa-shopping-bag:before {    content: ""}
.fa-shopping-basket:before {    content: ""}
.fa-hashtag:before {    content: ""}
.fa-bluetooth:before {    content: ""}
.fa-bluetooth-b:before {    content: ""}
.fa-percent:before {    content: ""}
.rate-widget {    overflow: visible;    padding: 10px 0 0 0;    position: relative;    width: 100%}
.ratings-stars {    background-image: url("/common/img/fondation/star-empty.png");    background-repeat: no-repeat;    float: left;    height: 12px;    width: 15px}
.total-votes {    padding-left: 8px;    float: left;    font-weight: bold;    line-height: 12px}
.ratings-vote {    background-image: url("/common/img/fondation/star-full.png")}
.ratings-over {    background-image: url("/common/img/fondation/star-full.png")}
.bx-wrapper {    position: relative;    margin: 0 auto 60px;    padding: 0;    *zoom: 1}
.bx-wrapper img {    max-width: 100%;    display: block}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {    position: absolute;    bottom: -30px;    width: 100%}
.bx-wrapper .bx-loading {    min-height: 50px;    background: url(/common/img/fondation/bx_loader.gif) center center no-repeat #fff;    height: 100%;    width: 100%;    position: absolute;    top: 0;    left: 0;    z-index: 2000}
.bx-wrapper .bx-pager {    text-align: center;    font-size: .85em;    font-family: Arial;    font-weight: bold;    color: #666;    padding-top: 20px;    bottom: -50px}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {    display: inline-block;    *zoom: 1;    *display: inline}
.bx-wrapper .bx-pager.bx-default-pager a {    background: #e3dfdc;    text-indent: -9999px;    display: inline-block;    vertical-align: middle;    width: 12px;    height: 12px;    margin: 2px 7px;    outline: 0;    -moz-border-radius: 50%;    -webkit-border-radius: 50%;    border-radius: 50%}
.list-journey .bx-wrapper .bx-pager.bx-default-pager a {    background: #fff;    opacity: 0.54}
.list-journey .bx-wrapper .bx-pager.bx-default-pager a:hover, .list-journey .bx-wrapper .bx-pager.bx-default-pager a.active {    opacity: 1}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {    background: none;    border: 2px solid #fff;    margin: 0 5px;    width: 16px;    height: 16px;    border-radius: 50%}
.bx-wrapper .bx-prev {    left: 10px}
.bx-wrapper .bx-next {    right: 10px}
.bx-wrapper .bx-prev:hover {    background-position: 0 0}
.bx-wrapper .bx-next:hover {    background-position: -43px 0}
.bx-wrapper .bx-controls-direction a {    position: absolute;    top: 50%;    margin-top: -16px;    outline: 0;    width: 32px;    height: 32px;    text-indent: -9999px;    z-index: 9999}
.bx-wrapper .bx-controls-direction a.disabled {    display: none}
.bx-wrapper .bx-controls-auto {    text-align: center}
.bx-wrapper .bx-controls-auto .bx-start {    display: block;    text-indent: -9999px;    width: 10px;    height: 11px;    outline: 0;    margin: 0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {    background-position: -86px 0}
.bx-wrapper .bx-controls-auto .bx-stop {    display: block;    text-indent: -9999px;    width: 9px;    height: 11px;    outline: 0;    margin: 0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {    background-position: -86px -33px}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {    text-align: left;    width: 80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {    right: 0;    width: 35px}
.bx-wrapper .bx-caption {    position: absolute;    bottom: 0;    left: 0;    background: #666 \9;    background: rgba(80, 80, 80, 0.75);    width: 100%}
.bx-wrapper .bx-caption span {    color: #fff;    font-family: Arial;    display: block;    font-size: .85em;    padding: 10px}
body {    font-family: 'SomfySans-Regular', sans-serif;    background-color: #fff;    font-size: 14px;    color: #fff}
* {    box-sizing: border-box}
*, *:before, *:after {    box-sizing: border-box}
a {    text-decoration: none}
a:hover {    text-decoration: underline}
p {    font-size: 18px;    margin: 0}
ul {    margin: 0;    padding: 0}
li {    margin: 0;    padding: 0;    list-style: none}
h1 {    font-family: 'SomfySans-Light', sans-serif;    margin: 0;    font-weight:normal;}
h2 {    font-family: 'SomfySans-Light', sans-serif;    margin: 0;    font-weight:normal;}
h3 {    font-family: 'SomfySans-Light', sans-serif;    margin: 0;    font-weight:bold;}
h4 {    font-family: 'SomfySans-Light', sans-serif;    margin: 0;    font-weight:normal;}
.addthis-smartlayers {    display: none !important}
#wrapper {    width: 100%;    position: relative;    overflow: hidden}
#mask {    position: fixed;    width: 100%;    height: 100%;    top: 0;    left: 0;    background-color: rgba(0, 0, 0, 0.7);    z-index: 4;    display: none}
#container {    width: 100%}
.grid1 {    width: 1190px}
@-webkit-keyframes arrow-button {    0% {        margin-left: 10px    }
    100% {        margin-left: 20px    }
}
@-moz-keyframes arrow-button {    0% {        margin-left: 10px    }
    100% {        margin-left: 20px    }
}
@-o-keyframes arrow-button {    0% {        margin-left: 10px    }
    100% {        margin-left: 20px    }
}
@keyframes arrow-button {    0% {        margin-left: 10px    }
    100% {        margin-left: 20px    }
}
@-webkit-keyframes menu-slide {    0% {        height: 0;        opacity: 0    }
    100% {        height: 50px;        opacity: 1    }
}
.more-button, #content .content .form-wrap dl input[type="submit"] {    width: 360px;    height: 60px;    line-height: 60px;    border-radius: 2px;    text-align: center;    color: #fff;    font-size: 18px;    background: #3f425a;    display: inline-block;    text-transform: uppercase;    font-weight: bold;    font-family: 'SomfySans-Bold', sans-serif;    position: relative}
.more-button span, #content .content .form-wrap dl input[type="submit"] span {    left: 0px;    transition: opacity 0.2s ease-out, left 0.2s ease-out;    -webkit-transition: opacity 0.2s ease-out, left 0.2s ease-out;    position: relative}
.more-button .fa, #content .content .form-wrap dl input[type="submit"] .fa {    opacity: 0;    position: absolute;    height: 60px;    line-height: 60px;    font-size: 26px;    -webkit-transition: all 0.2s ease-out;    transition: all 0.2s ease-out}
.more-button:hover, #content .content .form-wrap dl input[type="submit"]:hover {    text-decoration: none}
.more-button:hover .fa, #content .content .form-wrap dl input[type="submit"]:hover .fa {    margin-left: 6px;    opacity: 1 !important}
.more-button:hover span, #content .content .form-wrap dl input[type="submit"]:hover span {    left: -18px}
.more-button.medium-width, #content .content .form-wrap dl input.medium-width[type="submit"] {    width: 260px;    height: 50px;    line-height: 50px}
.more-button.medium-width .fa, #content .content .form-wrap dl input.medium-width[type="submit"] .fa {    height: 50px;    line-height: 50px}
.more-button.medium-width.color-brown, #content .content .form-wrap dl input.medium-width.color-brown[type="submit"] {    background: #fff !important;    color: #c1bab2 !important}
.more-button.medium-width.color-orange, #content .content .form-wrap dl input.medium-width.color-orange[type="submit"] {    background: #fff !important;    color: #db6a02 !important}
.custom-button, #content .content .programme-cols .more-button, #content .content .programme-cols .form-wrap dl input[type="submit"], #content .content .form-wrap dl .programme-cols input[type="submit"], #content .content .project-two-cols .button-wrap .more-button, #content .content .project-two-cols .button-wrap .form-wrap dl input[type="submit"], #content .content .form-wrap dl .project-two-cols .button-wrap input[type="submit"] {    height: 50px;    line-height: 50px;    font-size: 18px;    padding: 0 26px;    width: auto}
.custom-button .fa, #content .content .programme-cols .more-button .fa, #content .content .programme-cols .form-wrap dl input[type="submit"] .fa, #content .content .form-wrap dl .programme-cols input[type="submit"] .fa, #content .content .project-two-cols .button-wrap .more-button .fa, #content .content .project-two-cols .button-wrap .form-wrap dl input[type="submit"] .fa, #content .content .form-wrap dl .project-two-cols .button-wrap input[type="submit"] .fa {    font-size: 22px;    width: auto;    height: 50px;    line-height: 50px}
.circle-box, #content .content .group-user .circle-group, #content .content .project-circle-box .circle-project {    width: 184px;    height: 184px;    border: 10px solid #e0ddd9;    border-radius: 50%;    margin: 0 auto;    position: relative;    background: #fff url(/common/img/fondation/sprite.png) no-repeat -612px 30px}
#content .content-light-brown .content .circle-column .column {    border: 10px solid #e0ddd9;}
#content .content-orange-red .content .circle-column .column {    border: 10px solid #e48f41;}
#content .content-light-brown .content .circle-column .column p {    color: #c1bab2;}
#content .content-orange-red .content .circle-column .column p {    color: #db6a02;}
#content .content-light-brown .content .circle-column .column.noCaption p.number {    margin-top: 35px;    font-size: 60px;}
#content .content-light-brown .content .circle-column .column.noCaption p {    font-size: 24px;    text-transform: uppercase;}
.plus-bottom-wrap {    text-align: center}
.plus-button {    font-size: 18px;    color: #fff;    text-align: center;    text-transform: uppercase;    position: relative;    padding-top: 19px}
.plus-button:before {    content: "";    position: absolute;    width: 20px;    height: 12px;    left: 50%;    top: 0;    margin-left: -10px;    background: url(/common/img/fondation/sprite.png) no-repeat 0 -506px}
.plus-button:hover {    text-decoration: none}
.video-container {    position: relative;    padding-bottom: 56.25%;    padding-top: 30px;    height: 0;    overflow: hidden}
.link-overlay {    font-size: 0;    position: absolute;    width: 100%;    height: 100%;    z-index: 2;    left: 0;    top: 0}
.tab-section {    position: fixed;    right: 0px;    top: 50%;    z-index: 92;    background: rgba(0, 0, 0, 0.4);    padding: 10px;    border-top-left-radius: 5px;    border-bottom-left-radius: 5px;    }
.tab-section div {    display: block;    text-align: right;    color: #fff;    font-size: 8px;    padding:6px;        }
.tab-section div a {color: rgba(255, 255, 255, 0.5);    display:block;}
.tab-section div span {    color: #3f425a;    font-size: 14px;    display: none;    text-transform: uppercase;    padding-right: 5px}
.tab-section div.active {    color: #003265}
.tab-section div.active a {    color: #fff; }
.tab-section div.active span {    display: inline-block}
.tab-section.custom-color div span {    color: #fff}
.home-page h1 {    font-size: 45px;    color: #db6a02;    padding-bottom: 0;    margin-bottom: 0;    line-height: normal}
.home-page h2 {    font-size: 37px;    color: #3f425a}
.home-page #content .content-home {    padding-bottom: 2px}
.home-page #content .content-home p {    color: #3f425a}
.home-page #content .content-home p .image {    padding-bottom: 0}
.home-page #content .content-home .image {    width: 100%;    text-align: center;    display: block;    padding-bottom: 22px}
#header {    width: 100%;    position: relative;    z-index: 91}
.top-bar-wrap {    width: 100%;    height: 40px;    background: #d9691c;    display: block}
.top-bar-wrap a {    display: inline-block}
.top-bar-wrap .top-bar {    margin: 0 auto}
.top-bar-wrap .top-link {    float: left;    padding-right: 96px;    padding-top: 11px}
.top-bar-wrap .top-link a {    font-size: 18px;    color: #fdfdfd;    margin-right: 30px;    text-transform: uppercase}
.top-bar-wrap .top-social {    float: left;    padding-top: 7px;    padding-right: 240px}
.top-bar-wrap .top-social a {    color: #fff;    font-size: 21px;    margin-right: 30px}
.top-bar-wrap .language {    float: left;    padding-top: 14px;    padding-right: 30px}
.top-bar-wrap .language a {    color: #eea471;    padding-left: 15px;    padding-right: 15px}
.top-bar-wrap .language a.active {    color: #fff}
.top-bar-wrap .language a:first-child {    border-right: 1px solid #fff}
.top-bar-wrap .top-collaborate {    float: right;    background: #1b2b44;    width: 250px;    height: 40px;    padding-left: 33px}
.top-bar-wrap .top-collaborate a {    text-transform: uppercase;    color: #fff;    font-size: 12px;    line-height: 40px;    padding-right: 56px;    background: url(/common/img/fondation/sprite.png) no-repeat 124px -158px;    background-position-x: 150px;}
.top-bar-wrap .top-collaborate a:hover {    text-decoration: none}
.top-bar-wrap .top-logout {    float: right;    width: auto;     padding-top:7px;     background: #1b2b44;      height: 40px;    }
.top-bar-wrap .top-logout a {text-transform: uppercase;color: #fff;font-size: 21px;margin-left: 10px;padding: 0px 10px;line-height: 40px; border-left:1px solid #fff;   }
.header {    width: 100%;    height: 105px;    background: #fff}
.fixed .header {    position: fixed;    top: 0;    background: rgba(255, 255, 255, 0.9)}
.fixed #content {    padding-top: 105px}
.header-inner {    margin: 0 auto}
.header-inner .logo {    float: left;    margin-top: 29px;    margin-right: 74px}
.header-inner .logo img {    display: block}
.header-inner .main-nav {    float: left;    padding-top: 60px}
.header-inner .main-nav h2 {    display: none}
.header-inner ul {    margin: 0;    padding: 0}
.header-inner ul > li a {    height: 45px}
.header-inner ul > li a:hover {    text-decoration: none;    border-bottom: 5px solid #d9691c}
.header-inner ul > li:hover ul {    opacity: 1}
.header-inner ul .sub-menu {    position: absolute;    width: 100%;    height: 50px;    left: 0;    opacity: 0.9;    display: none;    text-align: center;    background: #e0ddd9;    border-top: 1px solid #c1bab2;    border-bottom: 5px solid #7a7672;    -webkit-transition: opacity 0.5s ease;    -moz-transition: opacity 0.5s ease;    -ms-transition: opacity 0.5s ease;    -o-transition: opacity 0.5s ease;    transition: opacity 0.5s ease}
.header-inner ul .sub-menu li {    float: none;    display: inline-block;    padding-left: 0;    position: relative}
.header-inner ul .sub-menu li a {    padding: 14px 15px 0;    font-size: 18px;    font-family: 'SomfySans-Light', sans-serif;    color: #3f425a;    text-transform: none}
.header-inner ul .sub-menu li a:hover {    text-decoration: underline;    border-bottom: none}
.header-inner ul .sub-menu li:after {    content: "";    width: 6px;    height: 1px;    background: #3f425a;    position: absolute;    right: -3px;    top: 24px}
.header-inner ul .sub-menu li:last-child:after {    display: none}
.header-inner li {    margin: 0;    padding: 0 0 0 55px;    float: left}
.header-inner li a {    font-family: 'SomfySans-Regular', sans-serif;    color: #3f425a;    display: block;    font-size: 16px;    text-transform: uppercase}
.header-inner li:first-child {    padding-left: 0}
#content {    width: 100%}
#content .content-wrap {    width: 100%;    position: relative;    padding-top: 132px;    padding-bottom: 160px}
#content .content-wrap.content-home .content-header p {    font-size: 37px;    font-family: 'SomfySans-Light', sans-serif;    color: #3f425a;    padding-bottom: 22px}
#content .content-wrap.content-home .content-header p:after {    content: "\f111";    color: #d9691c;    font: normal normal normal 14px/1 FontAwesome;    position: absolute;    bottom: 0;    left: 50%;    width: 7px;    height: 7px;    margin-left: -3px;    z-index: 2}
#content .content-wrap.content-home .content-header:before {    background: #999}
#content .content-wrap.content-home .content-header:after {    background: #999}
#content .content-wrap .content-header {    position: relative;    margin-bottom: 36px}
#content .content-wrap .content-header p {    color: #fff;    font-size: 24px;    text-transform: uppercase;    padding-bottom: 0;    font-family: 'SomfySans-Light', sans-serif;}
#content .content-wrap .content-header h2 {    font-family: 'SomfySans-Light', sans-serif;    text-transform: uppercase;    text-align: center;    font-size: 37px;    padding-bottom: 30px;    line-height: normal;    color: #fff}
#content .content-wrap.content-ghost-white .content-header h2 {color: #3f425a;}
#content .content-wrap .content-header h2.custom-icon-download {    margin-bottom: 100px}
#content .content-wrap .content-header h2.custom-icon-download:before {    content: "";    width: 50px;    height: 42px;    background: url(/common/img/fondation/sprite.png) no-repeat -299px 0;    position: absolute;    bottom: -45px;    left: 50%;    margin-left: -24px}
#content .content-wrap .content-header h2:after {    content: "\f111";    font: normal normal normal 7px/1 FontAwesome;    color: #fff;    position: absolute;    bottom: -2px;    left: 50%;    width: 7px;    height: 7px;    margin-left: -3px;    z-index: 2}
#content .content-wrap .content-header:before {    content: "";    width: 80px;    text-align: center;    height: 1px;    left: 50%;    bottom: 0;    position: absolute;    margin-left: -98px;    background: #fff;    z-index: 2}
#content .content-wrap .content-header:after {    content: "";    width: 80px;    text-align: center;    height: 1px;    left: 50%;    bottom: 0;    margin-left: 23px;    position: absolute;    background: #fff;    z-index: 2}
#content .content-wrap .content-header.header-main h1 {    font-size: 45px;    color: #fff;    padding-bottom: 22px}
#content .content-wrap .content-header.header-main h1:after {    content: "\f111";    font: normal normal normal 7px/1 FontAwesome;    color: #fff;    position: absolute;    bottom: -2px;    left: 50%;    width: 7px;    height: 7px;    margin-left: -3px;    z-index: 2}
#content .content-wrap h1 {    text-transform: uppercase;    text-align: center;    font-weight: normal}
#content .content-wrap h2 {    font-size: 37px;    text-transform: uppercase;    text-align: center;    font-weight: normal}
#content .content-wrap h3 {    font-size: 24px;    text-transform: uppercase;    font-weight: normal}
#content .content-wrap .info h3 {font-size: 20px;}
#content .content-wrap h4 {    font-size: 20px;    text-transform: uppercase;    font-weight: normal}
.home-page #content .content-wrap.content-orange-red h1,.home-page #content .content-wrap.content-orange-red h2,.home-page #content .content-wrap.content-dark-gray h2,.home-page #content .content-wrap.content-orange-red h3,.home-page #content .content-wrap.content-orange-red h4,.home-page #content .content-wrap.content-orange-red h5{color: #fff !important;}
#content .content-wrap.content-home.content-orange-red .content-header p::after{color: #fff !important;}
#content .content-wrap.content-home.content-dark-gray .content-header p,#content .content-wrap.content-home.content-dark-gray p.text-intro,#content .content-wrap.content-home.content-dark-gray p{color: #fff !important;}
.home-page #content .content-wrap.content-light-cyan h2,.home-page #content .content-wrap.content-light-cyan h3,.home-page #content .content-wrap.content-light-cyan h4,.home-page #content .content-wrap.content-light-cyan h5,.home-page #content .content-wrap.content-ghost-white h3,.home-page #content .content-wrap.content-ghost-white h4,.home-page #content .content-wrap.content-ghost-white h5{color: #3f425a !important;}
#content .content-wrap p {    font-family: 'SomfySans-Regular', sans-serif;    text-align: center;    padding-bottom: 22px;    line-height: normal}
#content .content-wrap .info p{text-align:left;}
#content .content-wrap p.text-title-medium {    font-family: 'SomfySans-Regular', sans-serif}
#content .content-wrap p .pre-text {    font-family: 'SomfySans-Regular', sans-serif}
#content .content-wrap a {    color: #fff}
#content .content-wrap .text-intro {    font-weight: bold;}
#content .content-wrap.content-ghost-white {    background: #fcfcfc}
#content .content-wrap.content-ghost-white .separate-border-opacity .separate-bottom:before {    border-right: 480px solid rgba(202, 196, 181, 0.15)}
#content .content-wrap.content-ghost-white .separate-border-opacity .separate-bottom:after {    border-left: 480px solid rgba(202, 196, 181, 0.25)}
#content .content-wrap.content-ghost-white .separate-bottom:before {    border-right: 480px solid #fcfcfc}
#content .content-wrap.content-ghost-white .separate-bottom:after {    border-left: 480px solid #fcfcfc}
#content .content-wrap.content-ghost-white .top-separate-bottom:before {    border-left: 480px solid #fcfcfc}
#content .content-wrap.content-ghost-white .top-separate-bottom:after {    border-right: 480px solid #fcfcfc}
#content .content-wrap.content-light-brown {    background: #c1bab2}
#content .content-wrap.content-light-brown .separate-bottom:before {    border-right: 480px solid #c1bab2}
#content .content-wrap.content-light-brown .separate-bottom:after {    border-left: 480px solid #c1bab2}
#content .content-wrap.content-light-brown .top-separate-bottom:before {    border-left: 480px solid #c1bab2}
#content .content-wrap.content-light-brown .top-separate-bottom:after {    border-right: 480px solid #c1bab2}
#content .content-wrap.content-light-cyan {    background: #edebe6}
#content .content-wrap.content-light-cyan .separate-border-opacity .separate-bottom:before {    border-right: 480px solid rgba(202, 196, 181, 0.15)}
#content .content-wrap.content-light-cyan .separate-border-opacity .separate-bottom:after {    border-left: 480px solid rgba(202, 196, 181, 0.25)}
#content .content-wrap.content-light-cyan .separate-bottom:before {    border-right: 480px solid #edebe6}
#content .content-wrap.content-light-cyan .separate-bottom:after {    border-left: 480px solid #edebe6}
#content .content-wrap.content-light-cyan .top-separate-bottom:before {    border-left: 480px solid #edebe6}
#content .content-wrap.content-light-cyan .top-separate-bottom:after {    border-right: 480px solid #edebe6}
#content .content-wrap.content-deep-sky-blue {    background: #0daeda}
#content .content-wrap.content-deep-sky-blue .separate-bottom:before {    border-right: 480px solid #0daeda}
#content .content-wrap.content-deep-sky-blue .separate-bottom:after {    border-left: 480px solid #0daeda}
#content .content-wrap.content-deep-sky-blue .top-separate-bottom:before {    border-left: 480px solid #0daeda}
#content .content-wrap.content-deep-sky-blue .top-separate-bottom:after {    border-right: 480px solid #0daeda}
#content .content-wrap.content-dark-gray {    background: #3f425a}
#content .content-wrap.content-dark-gray .separate-bottom:before {    border-right: 480px solid #3f425a}
#content .content-wrap.content-dark-gray .separate-bottom:after {    border-left: 480px solid #3f425a}
#content .content-wrap.content-dark-gray .top-separate-bottom:before {    border-left: 480px solid #3f425a}
#content .content-wrap.content-dark-gray .top-separate-bottom:after {    border-right: 480px solid #3f425a}
#content .content-wrap.content-green {    background: #78aa00;}
#content .content-wrap.content-green .separate-bottom:before {    border-right: 480px solid #78aa00;}
#content .content-wrap.content-green .separate-bottom:after {    border-left: 480px solid #78aa00;}
#content .content-wrap.content-green .top-separate-bottom:before {    border-left: 480px solid #78aa00;}
#content .content-wrap.content-green .top-separate-bottom:after {    border-right: 480px solid #78aa00;}
#content .content-wrap.content-orange-red {    background: #db6a02}
#content .content-wrap.content-orange-red .separate-bottom:before {    border-right: 480px solid #db6a02}
#content .content-wrap.content-orange-red .separate-bottom:after {    border-left: 480px solid #db6a02}
#content .content-wrap.content-orange-red .top-separate-bottom:before {    border-left: 480px solid #db6a02}
#content .content-wrap.content-orange-red .top-separate-bottom:after {    border-right: 480px solid #db6a02}
#content .content-wrap.content-gray {    background: #837666}
#content .content-wrap.content-gray .separate-bottom:before {    border-right: 480px solid #837666}
#content .content-wrap.content-gray .separate-bottom:after {    border-left: 480px solid #837666}
#content .content-wrap.content-gray .top-separate-bottom:before {    border-left: 480px solid #837666}
#content .content-wrap.content-gray .top-separate-bottom:after {    border-right: 480px solid #837666}
#content .content-wrap.content-image {    padding-top: 0;    padding-bottom: 0}
#content .content-wrap.content-image .zooming img {    position: absolute;    left: 50%;    top: 50%;    height: auto;    transform: translate(-50%, -50%)}
#content .content-wrap.content-image img {    width: 100%;    height: auto;    display: block;    margin: 0 auto;    transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);    -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1)}
#content .content-wrap.content-image img.over, #content .content-wrap.content-image img:hover {    transform: scale(1.07);    -webkit-transform: scale(1.07)}
#content .content-wrap.content-image .separate-bottom:before {    border-right: 480px solid transparent}
#content .content-wrap.content-image .separate-bottom:after {    border-left: 480px solid transparent}
#content .content-wrap.content-image .border-wrap {    bottom: 0}
#content .content-wrap.content-image .content {    overflow: hidden;    }
#content .content-wrap.content-under-image {    padding-top: 55px}
#content .content-wrap.content-under-image .content {    position: relative;    z-index: 2}
#content .content-wrap.custom-content-height {    padding: 0;    margin-bottom: -80px}
#content .content-wrap.custom-content-height .border-top-wrap {    height: 80px}
#content .content-wrap .border-wrap {    width: 100%;    position: absolute;    overflow: hidden;    height: 160px;    bottom: -80px}
#content .content-wrap .border-top-wrap {    width: 100%;    position: absolute;    overflow: hidden;    height: 160px;    top: -80px}
#content .content-wrap .separate-border-top {    width: 1920px;    position: absolute;    left: 50%;    height: 160px;    top: 0;    z-index: 1;    margin-left: -960px}
#content .content-wrap .separate-border {    width: 1920px;    position: absolute;    left: 50%;    height: 160px;    bottom: 0;    z-index: 1;    margin-left: -960px}
#content .content-wrap .separate-bottom {    position: relative;    width: 960px;    height: 160px;    z-index: 2;    float: left}
#content .content-wrap .separate-bottom:before {    content: "";    width: 0;    height: 0;    border-right: 480px solid #fcfcfc;    border-top: 80px solid transparent;    border-bottom: 80px solid transparent;    position: absolute;    left: 0}
#content .content-wrap .separate-bottom:after {    content: "";    width: 0;    height: 0;    border-left: 480px solid #fcfcfc;    border-top: 80px solid transparent;    border-bottom: 80px solid transparent;    position: absolute;    right: 0}
#content .content-wrap .top-separate-bottom {    position: relative;    width: 960px;    height: 160px;    z-index: 2;    float: left}
#content .content-wrap .top-separate-bottom:before {    content: "";    width: 0;    height: 0;    border-left: 480px solid #3f425a;    border-top: 80px solid transparent;    border-bottom: 80px solid transparent;    position: absolute;    left: 0}
#content .content-wrap .top-separate-bottom:after {    content: "";    width: 0;    height: 0;    border-right: 480px solid #3f425a;    border-top: 80px solid transparent;    border-bottom: 80px solid transparent;    position: absolute;    right: 0}
#content .content-wrap .separate-border-opacity {    z-index: 3}
#content .content-wrap .separate-border-opacity .separate-bottom-left:before {    content: "";    border-right: 480px solid rgba(255, 255, 255, 0.15);}
#content .content-wrap .separate-border-opacity .separate-bottom-left:after {    content: "";    border-left: 480px solid rgba(255, 255, 255, 0.25);}
#content .content-wrap .separate-border-opacity .separate-bottom-right {    z-index: 3}
#content .content-wrap .separate-border-opacity .separate-bottom-right:before {    content: "";    border-right: 480px solid rgba(255, 255, 255, 0.15);}
#content .content-wrap .separate-border-opacity .separate-bottom-right:after {    content: "";    border-left: 480px solid rgba(255, 255, 255, 0.25);}
#content .content-wrap .image-background {    position: absolute;    bottom: -163px;    left: 50%;    transform: translateX(-50%);    z-index: 2}
#content .content-wrap.content-home {    padding-top: 69px}
#content .section-wrap:first-child .content-wrap:first-child {    padding-top: 85px}
#content .section-wrap:first-child .content-wrap.content-home {    padding-top: 69px}
#content .content {    margin: 0 auto;    position: relative}
#content .content .content-space {    margin: 0 auto}
#content .content .list-info {    margin: 0 auto;    padding: 64px 0 38px;    width: 946px;    overflow: hidden}
#content .content .list-info li {    margin: 0 0 30px;    padding: 0;    text-align: center;    width: 100%;    float: left}
#content .content .list-info li:nth-child(odd) .image-info {    background: #fff; }
#content .content .list-info li:nth-child(even) .image-info {    background: #837666;}
#content .content .list-info li:nth-child(odd) .number span {    color: #837666;}
#content .content .list-info .image-info {    float: left;    width: 456px;    height: 300px;    position: relative}
#content .content .list-info .number {    display: block;    font-size: 18px;    text-align: right;    color: #fff;    padding: 20px 20px 15px 0}
#content .content .list-info .number span {    display: inline-block;    vertical-align: top;    font-family: 'SomfySans-Bold', sans-serif}
#content .content .list-info .number span:first-child {    font-size: 40px;    line-height: 1em}
#content .content .list-info .number span:last-child {    font-size: 18px;    line-height: 28px}
#content .content .list-info .text-info {    float: left;    background: #fff;    width: 458px;    padding: 26px 29px 65px;    margin-left: 30px;    position: relative}
#content .content .list-info .text-info p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 18px;    text-align: left;    padding-bottom: 0}
#content .content .list-info .text-info p,#content .content .list-info .text-info p a {    color: #3f425a;}
#content .content .list-info .text-info:before {    content: "";    position: absolute;    width: 0;    height: 0;    left: -28px;    top: 0;    border-top: 0 solid transparent;    border-bottom: 28px solid transparent;    border-right: 28px solid #fff}
#content .content .list-info h3 {        font-size: 24px;    padding-bottom: 12px;    color: #3f425a;    text-align: left}
#content .content .list-info.subpage-list-info {    width: 750px}
#content .content .list-info.subpage-list-info li .image-info {    width: 360px;    height: 360px}
#content .content .list-info.subpage-list-info li .image-info img,#content .content .detail-wrap .image-info img {    max-width: 100%}
#content .content .list-info.subpage-list-info li .text-info {    width: 360px;    margin-top: 32px;    padding: 20px 20px 45px}
#content .content .list-info.subpage-list-info li:nth-child(even) .image-info {    background: #837666}
#content .content .list-info.subpage-list-info li:nth-child(odd) .number span {    color: #837666; }
#content .content .list-info.subpage-list-info .number span {    font-family: 'SomfySans-Bold', sans-serif}
#content .content .programme {    width: 100%;    overflow: hidden;    text-align: center;    padding-top: 50px;    padding-bottom: 70px}
#content .content .programme .programme-image {    display: inline-block}
#content .content .programme .prgramme-data {    display: inline-block;    text-align: left;    vertical-align: top;    padding-top: 80px}
#content .content .programme .prgramme-data p {    line-height: normal;    text-align: left;    padding-bottom: 12px}
#content .content .programme .data-value {    width: 280px;    display: inline-block;    text-align: right;    font-size: 50px;    color: #f0eeeb;    font-weight: bold}
#content .content .programme .data-title {    display: inline-block;    font-family: 'SomfySans-Regular', sans-serif;    color: #3f425a;    font-size: 24px;    text-transform: uppercase;    text-align: left;    padding: 0 0 0 20px}
#content .content .programme .button-wrap {    padding-top: 0;    margin-top: 80px}
#content .content .content-two-cols {    width: 100%;    display: block;    text-align: center;    padding-bottom: 80px;    padding-top: 50px}
#content .content .content-two-cols .content-colum {    display: inline-block;    vertical-align: top;    width: 318px;    text-align: center;    position: relative;    margin-bottom: 10px}
#content .content .content-two-cols .content-colum:first-child {    padding-right: 94px}
#content .content .content-two-cols .content-colum:first-child:after {    content: "";    width: 1px;    height: 150px;    background: #fff;    position: absolute;    right: 0;    top: 13px}
#content .content .content-two-cols .content-colum:nth-child(2) {    padding-left: 94px}
#content .content .content-two-cols .number {    font-size: 60px;    color: #fff;    padding-top: 70px;    display: block}
#content .content .content-two-cols .number span {    text-transform: uppercase;    font-family: 'SomfySans-Bold', sans-serif}
#content .content .content-two-cols .number.clock {    background: url(/common/img/fondation/sprite.png) no-repeat 76px -17px}
#content .content .content-two-cols .number.user {    background: url(/common/img/fondation/sprite.png) no-repeat 31px -236px}
#content .content .content-two-cols .text {    display: block}
#content .content .content-two-cols .text p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 24px;    text-transform: uppercase}
#content .content .content-two-cols .button-wrap {    padding-top: 55px}
#content .content .content-two-cols .button-wrap a {    background: #fff;    color: #3f425a}
#content .content .content-two-cols.custom-space {    padding-top: 12px;    padding-bottom: 0}
#content .content .map-wrap {    width: 100%;    position: relative;    padding-bottom: 15px;    overflow: hidden}
#content .content .map-wrap .button-wrap {    position: absolute;    bottom: 0;    left: 50%;    margin-left: -180px;    padding-bottom: 0}
#content .content .map-wrap .button-wrap a {    background: #f4f5f9;    color: #db6a02}
#content .content .animation-map {    width: 1156px;    text-align: center;    position: relative;    margin: 0 auto}
#content .content .animation-map .map {    position: relative}
#content .content .animation-map .icon-map {    position: absolute;    top: 0;    left: 0;    width: 80px;    height: 80px;    z-index: 4;    text-decoration: none}
#content .content .animation-map .icon-map .icon-map-image {    position: absolute;    width: 80px;    height: 80px;    left: 50%;    top: 50%;    -webkit-transform: translate(-50%, -50%);    -moz-transform: translate(-50%, -50%);    -o-transform: translate(-50%, -50%);    transform: translate(-50%, -50%);    border-radius: 50%;    background-repeat: no-repeat;    background-position: center;    background-image: url(/common/img/fondation/icon-map-small.png);    -webkit-transition: all 0.2s ease;    -moz-transition: all 0.2s ease;    -o-transition: all 0.2s ease;    transition: all 0.2s ease}
#content .content .animation-map .icon-map div, #content .content .animation-map .icon-map span {    -webkit-transition: none;    -moz-transition: none;    -o-transition: none;    transition: none}
#content .content .animation-map .icon-map.hover {    width: 162px;    height: 162px;    margin-top: -41px;    margin-left: -41px;    text-decoration: none}
#content .content .animation-map .icon-map.hover .icon-map-image {    width: 162px;    height: 162px;    position: absolute;    background-image: url(/common/img/fondation/icon-map-large.png)}
#content .content .animation-map .icon-map.hover .icon-number {    line-height: 162px}
#content .content .animation-map .icon-map.hover:before {    content: "";    position: absolute;    width: 110px;    height: 48px;    bottom: 50%;    left: 50%;    background: url(/common/img/fondation/sprite.png) no-repeat 0 -386px}
#content .content .animation-map .position_sprite.icon-map.hover:before {    content: "";    position: absolute;    width: 108px;    height: 50px;    bottom: 50%;    left: -18%;top: 50%;    background: url(/common/img/fondation/sprite.png) no-repeat -653px -299px}
#content .content .animation-map .icon-map.icon-map-medium {    width: 100px;    height: 100px}
#content .content .animation-map .icon-map.icon-map-medium .icon-map-image {    background: url(/common/img/fondation/icon-map-medium.png) no-repeat center}
#content .content .animation-map .icon-map.icon-map-medium .icon-number {    font-family: 'SomfySans-Bold', sans-serif;    position: relative;    font-size: 30px;    text-align: center;    font-weight: bold;    line-height: 100px;    color: #db6a02}
#content .content .animation-map .icon-map.icon-map-medium.hover {    width: 162px;    height: 162px;    margin-top: -31px;    margin-left: -31px}
#content .content .animation-map .icon-map.icon-map-medium.hover .icon-map-image {    width: 162px;    height: 162px;    position: absolute;    background-image: url(/common/img/fondation/icon-map-large.png)}
#content .content .animation-map .icon-map.icon-map-medium.hover .icon-number {    line-height: 162px}
#content .content .animation-map .icon-map.icon-map-pos1 {    top: 224px;    left: 166px}
#content .content .animation-map .icon-map.icon-map-pos2 {    top: 224px;    left: 532px}
#content .content .animation-map .icon-map.icon-map-pos3 {    top: 550px;    left: 238px}
#content .content .animation-map .icon-map.icon-map-pos4 {    top: 430px;    left: 308px}
#content .content .animation-map .icon-map.icon-map-pos5 {    top: 322px;    left: 756px}
#content .content .animation-map .icon-map .map-list {    position: absolute;    left: 195px;    width: inherit;    text-align: left;    color: #fff;    font-size: 24px;    top: 22px;    display: none;    font-family: 'SomfySans-Regular', sans-serif;    -webkit-transition: none;    -moz-transition: none;    -o-transition: none;    transition: none}
#content .content .animation-map .icon-map .map-list.position_sprite {    position: absolute;    right: 195px;left: auto;    width: inherit;    text-align: right;    color: #fff;    font-size: 24px;    top: 109px;    display: none;    font-family: 'SomfySans-Regular', sans-serif;    -webkit-transition: none;    -moz-transition: none;    -o-transition: none;    transition: none}
#content .content .animation-map.gray-map .icon-map.hover:after {    content: "";    background: #db6a02;    width: 42px;    height: 42px;    position: absolute;    left: 50%;    top: 50%;    margin-left: -21px;    margin-top: -21px;    z-index: 3;    border-radius: 50%}
#content .content .animation-map.gray-map .icon-map.icon-map-medium.hover .icon-number {    color: #fff;    z-index: 4;    position: relative}
#content .content .content-overlay {    position: relative;    z-index: 3}
#content .content .foundation-left {    display: inline-block;    vertical-align: top;    width: 554px;    margin-right: 28px}
#content .content .foundation-left h2 {    font-size: 42px;    color: #fff;    text-transform: uppercase;    text-align: left}
#content .content .foundation-left .introduction {    font-size: 30px;    font-family: 'SomfySans-Light', sans-serif;    color: #fff}
#content .content .foundation-left p {    font-size: 18px;    text-align: left}
#content .content .foundation-left .button-wrap {    text-align: center;    padding-top: 70px}
#content .content .foundation-left .button-wrap .more-button, #content .content .foundation-left .button-wrap .form-wrap dl input[type="submit"], #content .content .form-wrap dl .foundation-left .button-wrap input[type="submit"] {    width: 260px;    background: #fff;    color: #837666;    font-size: 18px;    border-radius: 4px;}
#content .content .foundation-right {    width: 554px;    display: inline-block;    vertical-align: top}
#content .content .foundation-right li {    margin-bottom: 30px;    position: relative}
#content .content .foundation-right li img {    display: block;    position: absolute;    width: 310px;    height: auto;    max-width: none}
#content .content .foundation-right li .image {    position: relative;    overflow: hidden;    width: 310px;    min-height: 207px}
#content .content .foundation-right li .image img {    transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1);    -webkit-transition: all 0.7s cubic-bezier(0.2, 1, 0.22, 1)}
#content .content .foundation-right li .image img.hover, #content .content .foundation-right li .image img:hover {    transform: scale(1.07);    -webkit-transform: scale(1.07)}
#content .content .foundation-right li .detail {    background: #fff;    width: 262px;    min-height: 101px;    position: absolute;    top: 20px;    right: 0;    padding: 18px 32px 42px 21px}
#content .content .foundation-right li .detail:before {    content: "";    background: url(/common/img/fondation/background-triangle.png) no-repeat left top;    width: 15px;    height: 101px;    position: absolute;    left: -15px;    top: 0}
#content .content .foundation-right li .detail:after {    content: "";    position: absolute;    bottom: 0;    width: 15px;    height: 30%;    left: -15px;    background: #fff}
#content .content .foundation-right li h3 {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 15px;    font-weight: bold;    text-align: left;    text-transform: uppercase;    color: #3f425a;    padding-bottom: 5px}
#content .content .foundation-right li p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 15px;    padding-bottom: 0;    text-align: left;    color: #3f425a}
#content .content .circle-column {    width: 100%;    display: block;    text-align: center;    padding: 12px 0 54px}
#content .content .circle-column .column {    background: #fff;    display: inline-block;    width: 180px;    height: 180px;    margin: 0 55px;    border-radius: 50%;    border: 10px solid #9fa1ad}
#content .content .circle-column p {    padding: 0 16px;    text-align: center;    font-size: 16px;    color: #3f425a;    line-height: 1em;    font-family: 'SomfySans-Regular', sans-serif;text-transform: uppercase}
#content .content .circle-column p.number {    margin-top: 20px;    font-size: 60px;    font-family: 'SomfySans-Bold', sans-serif;    font-weight: normal}
#content .content .circle-column p.caption {    font-size: 24px;    font-weight: bold;    padding-bottom: 5px;    text-transform: uppercase}
#content .content .content-list {    width: 100%;    display: block;    overflow: hidden;    padding: 60px 0 86px}
#content .content .content-list ul {    margin: 0;    padding: 0;    width: 100%;    display: block;    text-align: center}
#content .content .content-list li {    margin: 0 29px 29px 0;    padding: 0;    width: 263px;    height: 390px;    vertical-align: top;    position: relative;    float: left}
#content .content .content-list li figure {    margin: 0}
#content .content .content-list li img {    display: block}
#content .content .content-list li figcaption {    min-height: 134px;    margin: 0;    padding: 20px;    position: absolute;    bottom: 0;    left: 0;    width: 100%;    background: #fff}
#content .content .content-list li figcaption:before {    content: "";    width: 100%;    height: 15px;    position: absolute;    left: 0;    top: -15px;    background: url(/common/img/fondation/background-content-list.png) no-repeat center}
#content .content .content-list li .caption {    display: block;    width: 100%;    padding-bottom: 15px}
#content .content .content-list li .detail {    display: none}
#content .content .content-list li .detail p {    padding: 0}
#content .content .content-list li .detail .link {    padding-top: 20px;    text-align: right}
#content .content .content-list li .detail .link a {    color: #3f425a;    font-family: 'SomfySans-Regular', sans-serif}
#content .content .content-list li h3 {    font-size: 18px;    color: #3f425a;    font-family: 'SomfySans-Bold', sans-serif;    padding-bottom: 8px;    text-transform: uppercase;    text-align: left;    font-weight: normal}
#content .content .content-list li p {    font-size: 16px;    padding-bottom: 0;    font-family: 'SomfySans-Regular', sans-serif;    text-align: left;    color: #3f425a}
#content .content .content-list li:nth-child(4n+4) {    margin-right: 0}
#content .content .content-list:last-child {    padding-bottom: 0}
#content .content.content-space {    padding: 0 80px}
#content .content .social-list {    width: 100%;    text-align: center;    display: inline-block;    padding-top: 14px}
#content .content .social-list ul {    margin: 0;    padding: 0 0 60px}
#content .content .social-list li {    margin: 0 30px;    padding: 0;    width: 280px;    display: inline-block;    vertical-align: top;    text-align: center}
#content .content .social-list li p {    font-family: 'SomfySans-Regular', sans-serif;    color: #fff;    font-size: 18px;    padding-bottom: 26px;    }
#content .content .social-list li p img.attachment {max-width:280px;max-height:140px;}
#content .content .social-list li iframe {    border: none;    width:280px;    height:159px;   }
#content .content .social-list li p span {    color: #3f425a}
#content .content .social-list li:before {    content: ""}
#content .content .social-list li .icon-social {    color: #fff;    text-align: center;    font-size: 21px}
#content .content .social-list li .icon-social span {    color: #fff}
#content .content .social-list li .icon-social span .fa-inverse:before {    color: #db6a02}
#content .content .detail-wrap {    width: 100%;    overflow: hidden;    padding-top: 24px}
#content .content .detail-wrap .image-info {    width: 360px;    min-height: 360px;    float: left;    background: #fff;    position: relative}
#content .content .detail-wrap .image-info p {    padding-bottom: 10px}
#content .content .detail-wrap .image-info.custom-image-info .number span {    color: #3f425a}
#content .content .detail-wrap .content-detail {    width: 750px;    float: left}
#content .content .detail-wrap .content-detail.custom-content-detail {    width: 780px}
#content .content .detail-wrap .content-detail.custom-content-detail .text-info {    padding-top: 40px}
#content .content .detail-wrap .content-detail.custom-content-detail .box-info h3 {    color: #3f425a}
#content .content .detail-wrap .content-detail.custom-content-detail .box-info p {    color: #3f425a}
#content .content .detail-wrap .box-info {    margin: 30px 0 0 30px;    position: relative;    background: #fff;    padding: 20px}
#content .content .detail-wrap .box-info h3 {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 24px;    color: #676767;    font-weight: bold;    padding-bottom: 10px}
#content .content .detail-wrap .box-info p {    font-size: 24px;    font-family: 'SomfySans-Regular', sans-serif;    color: #676767;    text-align: left;    padding-bottom: 0}
#content .content .detail-wrap .box-info:before {    content: "";    position: absolute;    width: 0;    height: 0;    left: -28px;    top: 0;    border-top: 0 solid transparent;    border-bottom: 28px solid transparent;    border-right: 28px solid #fff}
#content .content .detail-wrap .text-info {    width: 100%;    padding-left: 50px}
#content .content .detail-wrap .text-info h4 {    font-size: 18px;    font-family: 'SomfySans-Regular', sans-serif;    padding-bottom: 26px}
#content .content .detail-wrap .text-info p {    font-family: 'SomfySans-Regular', sans-serif;    text-align: left;    font-size: 18px}
#content .content .detail-wrap .text-info ul {    margin: 0;    padding: 0 0 22px}
#content .content .detail-wrap .text-info li {    margin: 0;    padding: 0;    font-size: 18px}
#content .content .detail-wrap .text-info li:before {    content: "\f105";    font: normal normal normal 10px/1 FontAwesome;    display: inline-block;    margin-right: 14px}
#content .content .detail-wrap .social-addthis {    width: 100%;    padding-bottom: 50px;    padding-top: 20px}
#content .content .detail-wrap .social-addthis span {    font-size: 16px}
#content .content .detail-wrap .social-addthis span.title {    display: inline-block;    vertical-align: middle;    font-size: 24px}
#content .content .detail-wrap .social-addthis .fa-inverse {    font-size: 23px;    color: #c1bab2}
#content .content .detail-wrap .social-addthis .addthis {    padding-left: 34px;    display: inline-block}
#content .content .detail-wrap .social-addthis a {    margin-right: 12px}
#content .content .detail-wrap .social-addthis a:hover {    text-decoration: none}
#content .content .detail-wrap .number {    display: block;    font-size: 18px;    text-align: right;    color: #fff;    padding: 20px 20px 15px 0}
#content .content .detail-wrap .number span {    color: #676767;    font-family: 'SomfySans-Bold', sans-serif}
#content .content .detail-wrap .number span:first-child {    font-size: 40px;    line-height: 1em}
#content .content .detail-wrap .number span:last-child {    font-size: 18px;    line-height: 28px;    display: inline-block;    vertical-align: top}
#content .content .image-list {    width: 100%;    display: block;    text-align: center;    padding-top: 50px;    overflow: hidden}
#content .content .image-list .list-wrap {    width: 750px;    margin: 0 auto;    overflow: hidden}
#content .content .image-list ul {    margin: 0;    padding: 0;    width: 110%}
#content .content .image-list li {    margin: 0 30px 0 0;    padding: 0;    float: left}
#content .content .image-list li img {    display: block}
#content .content .info-list {    width: 100%;    display: block;    text-align: center;    overflow: hidden;    padding-top: 60px}
#content .content .info-list.custom-info-list .box-info h3 {    color: #3f425a}
#content .content .info-list.custom-info-list .box-info p {    color: #3f425a}
#content .content .info-list ul {    margin: 0;    padding: 0;    width: 110%}
#content .content .info-list li {    margin: 0 30px 0 0;    padding: 0;    float: left;    width: 554px}
#content .content .info-list li img {    display: block}
#content .content .info-list .image-info {    width: 166px;    height: 166px;    float: left;    position: relative;    background: #c1bbb3}
#content .content .info-list .image-info img {    display: block;    width: 100%;    max-height: 100%}
#content .content .info-list .image-info p {    padding-bottom: 0}
#content .content .info-list .image-info .number {    display: block;    font-size: 18px;    text-align: right;    color: #fff;    padding: 17px 20px 15px 0;    position: absolute;    top: 0;    right: 0}
#content .content .info-list .image-info .number span {    color: #fff;    font-family: 'SomfySans-Bold', sans-serif}
#content .content .info-list .image-info .number span:first-child {    font-size: 40px;    line-height: 1em}
#content .content .info-list .image-info .number span:last-child {    font-size: 18px;    line-height: 28px;    display: inline-block;    vertical-align: top}
#content .content .info-list .box-info {    margin: 30px 0 0 30px;    position: relative;    background: #fff;    padding: 20px;    width: 358px;    float: left;    min-height: 190px}
#content .content .info-list .box-info h3 {    font-family: 'SomfySans-Bold', sans-serif;    font-size: 19px;    padding-bottom: 8px;    text-align: left;    color: #676767}
#content .content .info-list .box-info p {    font-size: 15px;    font-family: 'SomfySans-Regular', sans-serif;    padding-bottom: 0;    text-align: left;    color: #676767}
#content .content .info-list .box-info:before {    content: "";    position: absolute;    width: 0;    height: 0;    left: -30px;    top: 0;    border-top: 0 solid transparent;    border-bottom: 30px solid transparent;    border-right: 30px solid #fff}
#content .content .programme-cols {    width: 100%;    padding-top: 15px;    overflow: hidden}
#content .content .programme-cols .cols-left {    float: left;    width: 330px}
#content .content .programme-cols .cols-left img {    width: 306px;    height: auto}
#content .content .programme-cols .cols-left .house-image {    padding-bottom: 45px}
#content .content .programme-cols .cols-right {    float: right;    width: 460px;    text-align: center}
#content .content .programme-cols .cols-right h2 {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 34px;    color: #fff;    line-height: 1em;    padding: 0}
#content .content .programme-cols .cols-right p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 20px;    color: #3f425a;    padding-bottom: 26px}
#content .content .programme-cols .cols-right .graph-wrap {    width: 100%;    overflow: hidden;    padding-bottom: 95px}
#content .content .programme-cols .cols-right .image-graph {    float: left}
#content .content .programme-cols .cols-right .graph-detail {    float: left;    padding-left: 20px;    text-align: center;    padding-top: 30px}
#content .content .programme-cols .cols-right .graph-detail span {    font-size: 40px;    font-family: 'SomfySans-Bold', sans-serif;    display: block;    line-height: 31px;    text-transform: uppercase}
#content .content .programme-cols .cols-right .graph-detail span:nth-child(1) {    color: #fff}
#content .content .programme-cols .cols-right .graph-detail span:nth-child(2) {    color: #eb6424}
#content .content .programme-cols .cols-right .graph-detail span:nth-child(3) {    color: #eb6424}
#content .content .programme-cols .more-button, #content .content .programme-cols .form-wrap dl input[type="submit"], #content .content .form-wrap dl .programme-cols input[type="submit"] {    width: auto;    background: #1b2b44}
#content .content .group-user {    width: 100%;    display: block;    text-align: center;    padding: 25px 0 100px}
#content .content .group-user .dons {    position: absolute;    left: -165px;    padding-right: 103px;    top: 99px;    background: url(/common/img/fondation/sprite.png) no-repeat -578px -294px;    min-width: 110px;    height: 80px}
#content .content .group-user .projects {    position: absolute;    right: -196px;    padding-left: 103px;    top: 99px;    background: url(/common/img/fondation/sprite.png) no-repeat -666px -200px;    min-width: 110px;    height: 80px}
#content .content .group-user .apportes {    position: absolute;    bottom: -114px;    width: 400px;    left: 50%;    margin-left: -200px}
#content .content .group-user span {    color: #fff}
#content .content .group-user span.data-value, #content .content .group-user span.count {    font-family: 'SomfySans-Bold', sans-serif;    font-size: 50px;    line-height: 44px}
#content .content .group-user span.title {    font-family: 'SomfySans-Light', sans-serif;    font-size: 24px;    display: block;    text-transform: uppercase}
#content .content .project-two-cols {    width: 100%;    overflow: hidden;    padding-top: 60px}
#content .content .project-two-cols p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 18px;    text-align: left}
#content .content .project-two-cols .cols-left {    width: 568px;    float: left}
#content .content .project-two-cols .cols-right {    width: 460px;    float: right}
#content .content .project-two-cols .cols-right .percent-number {    width: 116px;    height: 100px;    padding-top: 17px;    display: inline-block;    text-align: center;    vertical-align: top;    background: url(/common/img/fondation/sprite.png) no-repeat -680px -420px}
#content .content .project-two-cols .cols-right .percent-number span {    font-family: 'SomfySans-Bold', sans-serif;    font-size: 16px;    color: #fff}
#content .content .project-two-cols .cols-right .percent-number span.data-value {    font-size: 18px;    line-height: 1em;    display: block}
#content .content .project-two-cols .cols-right .percent-number span.count {    font-size: 36px;    line-height: 1em}
#content .content .project-two-cols .cols-right .percent-number span.title {    text-transform: uppercase}
#content .content .project-two-cols .cols-right .details {    display: inline-block;    vertical-align: top;    width: 290px;    margin-left: 42px;    padding-top: 10px}
#content .content .project-two-cols .cols-right .details h3 {    font-family: 'SomfySans-Bold', sans-serif;    font-size: 20px;    text-align: left;    padding-bottom: 10px;    text-transform: uppercase}
#content .content .project-two-cols .cols-right .details p {    color: #3f425a;    padding-bottom: 0}
#content .content .project-two-cols .cols-right ul {    margin: 0;    padding: 0}
#content .content .project-two-cols .cols-right li {    margin: 0;    padding: 0 0 50px;    width: 100%;    display: block}
#content .content .project-two-cols .button-wrap {    width: 100%;    overflow: hidden;    text-align: center}
#content .content .project-two-cols .button-wrap .more-button, #content .content .project-two-cols .button-wrap .form-wrap dl input[type="submit"], #content .content .form-wrap dl .project-two-cols .button-wrap input[type="submit"] {    padding: 0 26px}
#content .content .custom-width {    width: 332px}
#content .content .video-box {    width: 100%;    display: block;    padding-top: 14px}
#content .content .video-box.custom-video {    padding-top: 62px;    padding-bottom: 40px}
#content .content .video-box.custom-video .box-info {    padding-bottom: 20px;    padding-right: 20px;    min-height: 150px}
#content .content .video-box.custom-video .box-info:before {    height: 50%}
#content .content .video-box.custom-video .box-info:after {    height: 50%}
#content .content .video-box.custom-video .box-info h3 {    font-size: 21px;    padding-bottom: 10px}
#content .content .video-box.custom-video .box-info p {    padding-bottom: 0}
#content .content .video-box .youtube {    width: 650px;    height: 490px;    position: relative}
#content .content .video-box .youtube .video-container {        width: 100%}
#content .content .video-box .youtube .video-container iframe {    border: none;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%}
#content .content .video-box .box-info {    background: #fff;    width: 390px;    min-height: 230px;    position: absolute;    top: 30px;    right: -290px;    padding: 36px 32px 42px 21px;    -webkit-transition: all 0.6s ease;    -moz-transition: all 0.6s ease;    -o-transition: all 0.6s ease;    transition: all 0.6s ease}
#content .content .video-box .box-info h3 {    font-size: 24px;    color: #3f425a;    font-family: 'SomfySans-Bold', sans-serif;    padding-bottom: 16px;    text-align: left}
#content .content .video-box .box-info p {    font-size: 18px;    font-family: 'SomfySans-Regular', sans-serif;    color: #3f425a;    text-align: left}
#content .content .video-box .box-info:before {    content: "";    background: url(/common/img/fondation/background-triangle.png) no-repeat left top;    width: 15px;    height: 30%;    position: absolute;    left: -15px;    top: 0}
#content .content .video-box .box-info:after {    content: "";    position: absolute;    bottom: 0;    width: 15px;    height: 70%;    left: -15px;    background: #fff}
#content .content .video-box .box-info.move-out {    right: -405px}
#content .content .button-two-cols {    width: 100%;    display: block;    text-align: center;    padding-top: 70px}
#content .content .button-two-cols .button-wrap {    display: inline-block;    margin: 0 100px}
#content .content .button-two-cols a {    background-color: #fff;    color: #3f425a}
#content .content .image-info-wrap {    width: 810px;    margin: 0 auto;    padding-bottom: 76px;    padding-top: 22px;    position: relative}
#content .content .image-info-wrap .main-image {    display: block}
#content .content .image-info-wrap .main-image img {    display: block}
#content .content .image-info-wrap .detail {    background: #fff;    width: 380px;    min-height: 101px;    position: absolute;    top: 52px;    right: 0;    padding: 26px 36px 26px 19px}
#content .content .image-info-wrap .detail h3 {    font-size: 24px;    font-family: 'SomfySans-Bold', sans-serif;    color: #3f425a;    padding-bottom: 10px;    text-align: left}
#content .content .image-info-wrap .detail p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 18px;    color: #3f425a;    text-align: left;    padding-bottom: 25px}
#content .content .image-info-wrap .detail p.link {    text-align: right;    padding-bottom: 0}
#content .content .image-info-wrap .detail p a {    color: #3f425a;    font-style: italic}
#content .content .image-info-wrap .detail:before {    content: "";    background: url(/common/img/fondation/background-triangle.png) no-repeat left top;    width: 15px;    height: 30%;    position: absolute;    left: -15px;    top: 0}
#content .content .image-info-wrap .detail:after {    content: "";    position: absolute;    bottom: 0;    width: 15px;    height: 70%;    left: -15px;    background: #fff}
#content .content .logo-list {    width: 750px;    margin: 0 auto;    overflow: hidden}
#content .content .logo-list p {    font-size: 24px;    color: #fff;    text-transform: uppercase;    padding-bottom: 30px}
#content .content .logo-list ul {    width: 110%;    margin: 0;    padding: 0;    text-align: center}
#content .content .logo-list li {    margin: 0 30px 0 0;    padding: 0;    float: left}
#content .content .project-circle-box {    width: 100%;    text-align: center;    display: block;    padding: 6px 0 60px}
#content .content .project-circle-box .circle-project {    background: #fff;    padding-top: 34px}
#content .content .project-circle-box span {    font-size: 60px;    font-family: 'SomfySans-Bold', sans-serif;    line-height: 1em;    display: block;    color: #c1bab2}
#content .content .project-circle-box p {    font-size: 24px;    font-family: 'SomfySans-Regular', sans-serif;    color: #c1bab2;    text-transform: uppercase}
#content .content .country-list {    width: 100%;    overflow: hidden;    display: block;    padding-top: 80px}
#content .content .country-list ul {    margin: 0;    padding: 0;    width: 105%;    overflow: hidden;    position: relative}
#content .content .country-list li {    margin: 0 32px 140px 0;    padding: 0;    float: left;    width: 260px}
#content .content .country-list.content-orange-red li .box-list {    background-color: #e48f41;}
#content .content .country-list li .box-list {    height: 140px;    background: #a2988c;    width: 100%;    display: block;    position: relative}
#content .content .country-list li p {    font-size: 30px;    font-family: 'SomfySans-Bold', sans-serif;    text-align: left;    vertical-align: top;    line-height: 1em;    padding: 26px 10px 0 28px}
#content .content .country-list li span {    font-size: 16px;    line-height: 1.5em;    vertical-align: top}
#content .content .country-list li .tips {    position: absolute;    bottom: 0;    left: 0;    background: #fff;    width: 1136px;    height: 110px;    padding: 20px;    display: none}
#content .content .country-list li .tips p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 14px;    color: #3f425a;    padding: 0;    line-height: normal}
#content .content .country-list li .tips .arrow {    top: -14px;    height: 14px;    left: 0;    margin-left: -14px;    border-left: 14px solid transparent;    border-right: 14px solid transparent;    border-bottom: 14px solid #fff;    background: none;    position: absolute}
#content .content .form-wrap {    width: 946px;    margin: 0 auto;    overflow: hidden;    padding-top: 43px}
#content .content .form-wrap h2 {    font-size: 24px;    color: #fff;    padding-bottom: 20px}
#content .content .form-wrap.form-orange {    padding-top: 4px}
#content .content .form-wrap.form-orange .field, #content .content .form-wrap.form-orange dl input[type="email"], #content .content .form-wrap.form-orange dl input[type="text"], #content .content .form-wrap.form-orange dl textarea, #content .content .form-wrap.form-orange dl .custom-select {    background: #edb581}
#content .content .form-wrap.form-orange dl input[type="submit"] {    color: #db6a02}
#content .content .form-wrap.form-orange dl input[type="submit"].disabled {    background: rgba(237, 181, 129, 0.4);    color: #edb581}
#content .content .form-wrap.form-orange .button-submit .fa {    color: #db6a02 !important}
#content .content .form-wrap .field, #content .content .form-wrap dl input[type="email"], #content .content .form-wrap dl input[type="text"], #content .content .form-wrap dl textarea, #content .content .form-wrap dl .custom-select {    background: #e0ddd9;    width: 100%;    height: 50px;    font-size: 20px;    color: #fff;    font-family: 'SomfySans-Regular', sans-serif;    border: none;    border-radius: 2px;    padding: 5px 20px}
#content .content .form-wrap dl {    width: 360px;    margin: 0;    padding: 0;    float: left}
#content .content .form-wrap dl .error {    display: block;    font-family: 'SomfySans-Regular', sans-serif;    line-height: 40px;    margin-top: 10px;    width: 100%;    height: 40px;    background: #c999a4;    border: 2px solid #e42e77;    color: #fff;    font-size: 16px;    font-style: italic;    padding-left: 16px}
#content .content .form-wrap dl .error .fa {    width: 20px;    height: 20px;    border-radius: 50%;    border: 1px solid #fff;    text-align: center;    line-height: 18px;    margin-right: 13px}
#content .content .form-wrap dl .error .fa:before {    font-size: 12px}
#content .content .form-wrap dl label {    display: block;    padding-bottom: 7px;    font-size: 24px;    color: #fff;    font-family: 'SomfySans-Light', sans-serif;    line-height: 1em}
#content .content .form-wrap dl .text-required {    font-size: 16px;    margin-top: -17px;    display: block}
#content .content .form-wrap dl .button-submit {    position: relative;    margin-top: 30px}
#content .content .form-wrap dl .button-submit.disabled:hover .fa {    opacity: 0 !important}
#content .content .form-wrap dl .button-submit .fa {    opacity: 0;    position: absolute;    height: 50px;    line-height: 50px;    margin-left: 50px;    top: 0;    left: 50%;    font-size: 26px;    -webkit-transition: all 0.2s ease-out;    transition: all 0.2s ease-out}
#content .content .form-wrap dl .button-submit input {    left: 0px;    transition: opacity 0.2s ease-out, text-indent 0.2s ease-out;    -webkit-transition: opacity 0.2s ease-out, text-indent 0.2s ease-out;    position: relative}
#content .content .form-wrap dl .button-submit:hover .fa {    color: #c1bab2;    margin-left: 56px;    opacity: 1 !important}
#content .content .form-wrap dl .button-submit:hover input {    text-indent: -18px}
#content .content .form-wrap dl .button-submit:hover input.disabled {    text-indent: 0}
#content .content .form-wrap dl input[type="submit"] {    border: none;    height: 50px;    line-height: 50px;    background: #fff;    color: #c1bab2;    cursor: pointer}
#content .content .form-wrap dl input[type="submit"].disabled {    background: #d1cbc5;    color: #e0ddd9}
#content .content .form-wrap dl textarea {    height: 166px}
#content .content .form-wrap dl .custom-select {    padding: 0;    position: relative}
#content .content .form-wrap dl .custom-select:before {    content: "";    background: url(/common/img/fondation/sprite.png) no-repeat -321px -503px;    position: absolute;    width: 28px;    height: 16px;    top: 19px;    right: 20px;    font-size: 28px}
#content .content .form-wrap dl select {    display: inline-block;    font-size: 20px;    color: #fff;    font-family: 'SomfySans-Regular', sans-serif;    position: relative;    padding: 5px 20px;    width: 100%;    height: 100%;    border: none;    outline: none;    background: transparent;    -webkit-appearance: none;    -moz-appearance: none;    position: relative}
#content .content .form-wrap dl select option {    color: #3f425a}
#content .content .form-wrap dl dt {    display: block;    margin: 0;    padding: 0}
#content .content .form-wrap dl dd {    display: block;    margin: 0;    padding: 0 0 35px}
#content .content .form-wrap dl ::-webkit-input-placeholder {    color: #fff;    text-transform: uppercase}
#content .content .form-wrap dl :-moz-placeholder {    color: #fff;    opacity: 1;    text-transform: uppercase}
#content .content .form-wrap dl ::-moz-placeholder {    color: #fff;    opacity: 1;    text-transform: uppercase}
#content .content .form-wrap dl :-ms-input-placeholder {    color: #fff;    text-transform: uppercase}
#content .content .form-wrap dl:first-child {    float: left}
#content .content .form-wrap dl:last-child {    float: right}
#content .content .contact-address {    width: 100%;    display: block;    text-align: center}
#content .content .contact-address p {    text-transform: uppercase;    line-height: 30px}
#content .content .contact-address:before {    content: "";    width: 40px;    height: 60px;    display: inline-block;    background: url(/common/img/fondation/sprite.png) no-repeat -252px -465px}
#content .content.contact-map {    padding: 0px 0px 80px 0px;    background-color: #f1f2f2;}
#content .content #contact-map {    width: 100%;    height: 600px;    display: block}
#content .content #contact-map .info-marker {    padding: 20px 20px 0}
#content .content #contact-map .info-marker p {    font-size: 20px;    color: #3f425a;    text-transform: uppercase}
#content .content .list-journey {    width: 1000px;    margin: 0 auto;    overflow: hidden;    padding-top: 34px}
#content .content .list-journey ul {    margin: 0;    padding: 0;    overflow: hidden}
#content .content .list-journey li {    margin: 0;    padding: 0;    float: left}
#content .content .list-journey .box-info {    background: #fff;    width: 288px;    height: 130px;    float: right;    margin-right: 28px;    margin-top: 50px;    padding: 15px 20px 20px 30px;    position: relative}
#content .content .list-journey .box-info:before {    content: "";    position: absolute;    width: 0;    height: 0;    right: -28px;    top: 0;    border-top: 0 solid transparent;    border-bottom: 28px solid transparent;    border-left: 28px solid #fff}
#content .content .list-journey .number {    display: block;    font-size: 16px;    text-align: right;    color: #676767;    padding: 0 0 15px}
#content .content .list-journey .number span {    font-family: 'SomfySans-Bold', sans-serif}
#content .content .list-journey .number span:first-child {    font-size: 36px;    line-height: 1em}
#content .content .list-journey .number span:last-child {    font-size: 16px;    line-height: 28px;    display: inline-block;    vertical-align: top}
#content .content .list-journey .image {    float: right}
#content .content .list-journey h3 {    font-family: 'SomfySans-Bold', sans-serif;    font-size: 24px;    color: #676767;    padding-bottom: 4px;    text-align: left;    line-height: 1em}
#content .content .list-journey p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 16px;    color: #676767;    text-align: left;    padding-bottom: 0}
#content .content .article-list {    width: 100%;    display: block;    padding-top: 20px}
#content .content .article-list ul {    margin: 0;    padding: 0;    text-align: center}
#content .content .article-list li {    margin: 0 0 30px;    padding: 0;    width: 100%;    overflow: hidden}
#content .content .article-list .list-left {    display: inline-block;    width: 290px;    height: 140px;    padding: 20px;    vertical-align: top;    background: #797b8c}
#content .content .article-list .list-left h3 {    font-family: 'SomfySans-Bold', sans-serif;    font-size: 24px;    text-align: left;    color: #fff;    line-height: 1em}
#content .content .article-list .list-left p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 20px;    text-align: left}
#content .content .article-list .box-info {    width: 620px;    margin-left: 26px;    background: #fff;    padding: 20px;    display: inline-block;    position: relative;    vertical-align: top;    margin-top: 30px}
#content .content .article-list .box-info:before {    content: "";    position: absolute;    width: 0;    height: 0;    left: -28px;    top: 0;    border-top: 0 solid transparent;    border-bottom: 28px solid transparent;    border-right: 28px solid #fff}
#content .content .article-list .box-info p {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 16px;    color: #3f425a;    text-align: left;    padding-bottom: 0}
#content .content .list-calendar {    margin: 54px auto 0}
#content .content .list-calendar ul li ul {    margin: 0 0 54px;    padding: 0;    overflow: hidden}
#content .content .list-calendar ul li ul li {    margin: 0;    padding: 30px 20px 30px 30px;    width: 245px;    height: 200px;    float: left;    position: relative}
@media (min-width: 1024px) and (max-width: 1280px) {#content .content .list-calendar ul li ul li {    width: 33.333333%;}
}
#content .content-orange-red .list-calendar ul li ul li {    background: #fff;    border-right: 1px solid #b65801;    border-bottom: 1px solid #b65801;}
#content .content .list-calendar ul li ul li .overlay {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 2;    font-size: 0}
#content .content .list-calendar ul li ul li.main {    position: relative}
#content .content-orange-red .list-calendar ul li ul li.main {    background: #b65801;}
#content .content .list-calendar ul li ul li.main .date {    text-align: left}
#content .content .list-calendar ul li ul li.main .date span {    color: #fff}
#content .content .list-calendar ul li ul li.main:after {    content: "";    background: none;    position: absolute;    right: -15px;    top: 50%;    margin-top: -15px;    border-bottom: 15px solid transparent;    border-top: 15px solid transparent;    z-index: 2;}
#content .content-orange-red .list-calendar ul li ul li.main:after {    border-left: 15px solid #b65801;}
#content .content .list-calendar ul li ul li.main:last-child:before {    content: "";    background: url(/common/img/fondation/sprite.png) no-repeat -422px -488px;    width: 16px;    height: 30px;    position: absolute;    z-index: 1;    right: 20px;    top: 50%;    margin-top: -15px}
#content .content .list-calendar ul li ul li.main:last-child:after {    display: none}
#content .content .list-calendar ul li ul li .date {    display: block;    width: 100%;    text-align: right;    padding-bottom: 17px}
#content .content .list-calendar ul li ul li .date span {    font-family: 'SomfySans-Bold', sans-serif;    font-size: 16px;    line-height: 1.5em;    display: inline-block;    vertical-align: top;    color: #676767;    text-transform: uppercase}
#content .content .list-calendar ul li ul li .date span:first-child {    font-size: 36px;    line-height: 1em}
#content .content .list-calendar ul li ul li .detail {    display: block;    text-align: left}
#content .content .list-calendar ul li ul li .detail h3 {    font-size: 20px;    font-family: 'SomfySans-Bold', sans-serif;    color: #676767}
#content .content .list-calendar ul li ul li .detail p {    font-family: 'SomfySans-Regular', sans-serif;    color: #676767;    text-align: left;    font-size: 16px}
#content .content .two-cols {    width: 100%;    display: block;    padding-top: 70px}
#content .content .two-cols .cols-left {    display: inline-block;    vertical-align: top;    width: 310px}
#content .content .two-cols .cols-left p {    text-transform: uppercase;    font-family: 'SomfySans-Light', sans-serif;    font-size: 19px}
#content .content .two-cols .cols-left p strong {    font-family: 'SomfySans-Regular', sans-serif;    font-weight: normal}
#content .content .two-cols .cols-right {    display: inline-block;    vertical-align: top;    width: 416px;    padding-left: 15px}
#content .content .two-cols .cols-right ul {    margin: 0;    padding: 0}
#content .content .two-cols .cols-right li {    margin: 0;    padding: 6px 0 25px 57px;    width: 100%;    height: 64px;    display: block;    font-family: 'SomfySans-Regular', sans-serif;    font-size: 17px;    position: relative}
#content .content .two-cols .cols-right li strong {    font-family: 'SomfySans-Regular', sans-serif;    font-weight: normal}
#content .content .two-cols .cols-right li:before {    content: "";    position: absolute;    width: 50px;    height: 48px;    left: 0;    top: 0}
#content .content .two-cols .cols-right li.date:before {    background: url(/common/img/fondation/sprite.png) no-repeat -153px -385px}
#content .content .two-cols .cols-right li.contact:before {    background: url(/common/img/fondation/sprite.png) no-repeat -578px -376px}
#content .content .two-cols .cols-right li.activity:before {    background: url(/common/img/fondation/sprite.png) no-repeat -500px -369px}
#content .content .two-cols .cols-right li.transport:before {    background: url(/common/img/fondation/sprite.png) no-repeat -412px -380px}
#content .content .two-cols .cols-right li.restaurant:before {    background: url(/common/img/fondation/sprite.png) no-repeat -339px -376px}
#content .content .two-cols .cols-right li.person:before {    background: url(/common/img/fondation/sprite.png) no-repeat -254px -374px}
#content .content .two-cols .cols-right li.price:before {    background: url(/common/img/fondation/sprite.png) no-repeat -248px -305px}
#content .content .two-cols .cols-right li.contact_association:before {    background: url(/common/img/fondation/sprite.png) no-repeat -636px -373px}
#footer {    background: #3f425a;    width: 100%;    padding-top: 200px}
#footer .footer-inner {    margin: 0 auto}
#footer .footer-column {    width: 100%;    text-align: center;    padding-bottom: 80px;    display: block}
#footer .footer-column h3 {    font-family: 'SomfySans-Regular', sans-serif;    text-align: left;    text-transform: uppercase;    font-size: 20px;    padding-bottom: 4px}
#footer .footer-column .footer-list {    width: 274px;    display: inline-block;    vertical-align: top}
#footer .footer-column .footer-list li:first-child {    font-family: 'SomfySans-Regular', sans-serif;    text-align: left;    text-transform: uppercase;    font-size: 20px;    padding-bottom: 4px;    font-weight:bold;}
#footer .footer-column .footer-list li:last-child {    text-transform: none;    font-weight: normal;}
#footer .footer-column li {    width: 100%;    display: block;    text-align: left;    padding-bottom: 4px}
#footer .footer-column li a {    font-family: 'SomfySans-Regular', sans-serif;    font-size: 20px;    color: #fff}
#footer h4 {    font-size: 20px;    text-transform: uppercase;    padding-bottom: 16px}
#footer .social {    width: 100%;    display: block;    text-align: center;    padding-bottom: 94px}
#footer .social a {    font-size: 30px;    color: #fff;    display: inline-block;    margin: 0 15px}
#footer .wide-logo {    width: 100%;    display: block;    text-align: center;    padding-bottom: 94px}
#footer .footer-link {    width: 100%;    display: block;    text-align: center;    position: relative;    padding-bottom: 20px}
#footer .footer-link p {    padding-bottom: 5px;    font-size: 14px}
#footer .footer-link p span {    padding-right: 5px}
#footer .footer-link p a {    font-size: 14px;    color: #fff;    text-transform: uppercase;    border-left: 1px solid #fff;    display: inline-block;    padding: 0 5px}
#footer .footer-link .footer-logo {    position: absolute;    top: 0;    left: 0}
.bx-wrapper .bx-controls-direction a {    position: absolute;    font-size: 0;    border: 1px solid rgba(255, 255, 255, 0.2);    width: 70px;    height: 70px;    border-radius: 50%;    top: 218px !important;}
#content .bx-wrapper .bx-controls-direction a.bx-next::before {    content: "";    width: 16px;    height: 30px;    position: absolute;    z-index: 1;    right: 20px;    top: 50%;    margin-top: -15px;    background: url("/common/img/fondation/sprite.png") -422px -488px no-repeat;}
#content .bx-wrapper .bx-controls-direction a.bx-prev::before {    content: "";    width: 16px;    height: 30px;    position: absolute;    z-index: 1;    right: 30px;    top: 50%;    margin-top: -15px;    background: url("/common/img/fondation/sprite.png") -422px -488px no-repeat;    -moz-transform: rotate(180deg);    -webkit-transform: rotate(180deg);}
@media only screen and (max-width: 1280px) {    .youtube-embed, #content .content .video-box .youtube .video-container object, #content .content .video-box .youtube .video-container embed, #content .content .video-box .youtube .video-container iframe {        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%    }
    #wrapper {        overflow: hidden    }
    .grid1 {        width: 1000px    }
    .top-bar-wrap .top-link {        padding-right: 46px    }
    .top-bar-wrap .top-social {        padding-right: 100px    }
    #content .content-wrap .image-background {        width: 100%    }
    #content .content-wrap .image-background img {        width: 100%;        height: auto    }
    #content .content .image img {        max-width: 100%;        height: auto    }
    #content .content .animation-map {        width: 100%    }
    #content .content .animation-map .map {        margin: 0;        left: 0    }
    #content .content .foundation-left {        width: 100%;        text-align: center;        margin: 0;        padding-bottom: 40px    }
    #content .content .foundation-left h2 {        text-align: center    }
    #content .content .foundation-left .button-wrap {        position: absolute;        bottom: 0;        left: 50%;        margin-left: -130px    }
    #content .content .foundation-right {        margin: 0 auto;        display: block;        padding-bottom: 110px    }
    #content .content .content-list li {        float: none;        display: inline-block    }
    #content .content .content-list li:nth-child(4n+4) {        margin-right: 29px    }
    #content .content .detail-wrap .content-detail {        width: 640px    }
    #content .content .detail-wrap .content-detail.custom-content-detail {        width: 640px    }
    #content .content .info-list .box-info {        width: 280px    }
    #content .content .project-two-cols .cols-left {        width: 500px    }
    #content .content .project-two-cols .cols-right {        width: 420px    }
    #content .content .project-two-cols .cols-right .details {        margin-left: 30px;        width: 260px    }
    #content .content .video-box .youtube {        width: 60%;        height: auto;        position: relative    }
    #content .content .video-box .youtube .video-container {        height: 100%;        width: 100%    }
    #content .content .video-box .box-info {        width: 290px;        min-height: 220px    }
    #content .content .video-box .box-info.move-out {        right: -305px    }
    #content .content .button-two-cols .button-wrap {        margin: 0 50px    }
    #content .content .country-list li .tips {        left: 0;        width: 844px    }
    #content .content .two-cols .cols-left {        width: 280px    }
    #content .content .two-cols .cols-left p {        font-size: 16px    }
    #content .content .two-cols .cols-right {        width: 300px    }
    #content .content .two-cols .cols-right li {        font-size: 15px    }
    #footer {        padding-top: 150px    }
    #footer .footer-column .footer-list {        width: 240px    }
    #footer .social {        padding-bottom: 50px    }
    #footer .footer-logo {        display: none    }
    #footer .footer-link p {        padding-bottom: 45px    }
}
@media only screen and (max-width: 1023px) {    *:not(.list-calendar) {        float: none !important    }
    .grid1 {        width: 96%    }
    .tab-section {        display: none    }
    .fixed .header {        height: 90px    }
    .fixed .main-nav h2 {        top: 23px !important    }
    .fixed #content {        padding-top: 90px    }
    .top-bar-wrap .top-link {        display: none    }
        .top-bar-wrap .language {    float: left !important;    width: 40px;    overflow: hidden;    padding-top: 12px;    }
.top-bar-wrap .language a {   display: none;}
.top-bar-wrap .language a.active {    display: inline-block;   }
.top-bar-wrap .language a.active.en:before {    content: 'EN';    padding-right: 50px;    }
.top-bar-wrap .language a.active.fr:before {    content: 'FR';    padding-right: 50px;  }
.top-bar-wrap .language a:first-child {border:none;}
    .top-bar-wrap .top-social {        float: left !important;        padding-right: 0    }
.top-bar-wrap .top-logout {        float: right !important;        background: none;        width: auto;         padding-top:7px;           }
        .top-bar-wrap .top-logout a {    text-transform: uppercase;    color: #fff;    font-size: 21px;    margin-left: 10px;    padding-left: 10px;    line-height: 40px;     border-left:1px solid #fff;       }
        .top-bar-wrap .top-collaborate {        float: right !important;        background: none;        padding-left: 0;        width: 50px;            }
.top-bar-wrap .top-collaborate a{padding-right:40px;        background: url(/common/img/fondation/sprite.png) no-repeat 126px -158px;        background-position-x: 150px;    }
    .header {        height: 90px    }
    .header .logo {        display: inline-block;        margin: 15px 0 0 2%    }
    .header-inner {        width: 100%    }
    .header-inner .main-nav {        top: 0;        right: 2%;        padding-top: 17px    }
    .header-inner .main-nav h2 {        display: block;        position: absolute;        font-size: 0;        top: 64px;        right: 2%;        color: #00174c;        cursor: pointer    }
    .header-inner .main-nav h2:before {        content: "\f0c9";        font: normal normal normal 38px/1 FontAwesome;        width: 53px;        height: 38px    }
    .header-inner .main-nav h2.expand:before {        content: "\f00d"    }
    .header-inner .main-nav ul {        display: none;        position: relative;        z-index: 3;        margin-top: 0;        padding: 30px 0;        width: 100%;        background: #fff;        border-top: 1px solid #3f425a    }
    .header-inner .main-nav .sub-menu {        display: block;        position: relative;        border-top: none;        border-bottom: none;        height: auto;        padding: 0    }
    .header-inner .main-nav .sub-menu li {        padding-bottom: 0;        display: block    }
    .header-inner .main-nav .sub-menu li a {        padding: 0    }
    .header-inner .main-nav .sub-menu li a:hover {        text-decoration: none    }
    .header-inner .main-nav .sub-menu li:after {        display: none    }
    .header-inner .main-nav li {        padding: 0 0 16px;        margin-bottom: 0;        position: relative;        text-align: center    }
    .header-inner .main-nav li a {        margin-bottom: 16px;        display: block;        height: auto    }
    .header-inner .main-nav li a:hover {        text-decoration: none;        padding-bottom: 0;        border-bottom: none    }
    .header-inner .main-nav li:after {        content: "";        width: 120px;        height: 1px;        margin-left: -60px;        background: #3f425a;        position: absolute;        left: 50%    }
    .header-inner .main-nav li:last-child:after {        display: none    }
    #content .content-wrap .separate-border {        width: 1200px;        margin-left: -600px    }
    #content .content-wrap .separate-border-top {        width: 1200px;        margin-left: -600px    }
    #content .content-wrap .top-separate-bottom {        width: 600px;        float: left !important    }
    #content .content-wrap .top-separate-bottom:before {        border-left: 300px solid #f6f6f4    }
    #content .content-wrap .top-separate-bottom:after {        border-right: 300px solid #f6f6f4    }
    #content .content-wrap .separate-bottom {        width: 600px;        float: left !important    }
    #content .content-wrap .separate-bottom:before {        border-right: 300px solid #f6f6f4;        border-top: 80px solid transparent;        border-bottom: 80px solid transparent    }
    #content .content-wrap .separate-bottom:after {        border-left: 300px solid #f6f6f4;        border-top: 80px solid transparent;        border-bottom: 80px solid transparent    }
    #content .content-wrap.content-ghost-white .separate-border-opacity .separate-bottom:before {        border-right: 300px solid rgba(202, 196, 181, 0.15)    }
    #content .content-wrap.content-ghost-white .separate-border-opacity .separate-bottom:after {        border-left: 300px solid rgba(202, 196, 181, 0.25)    }
    #content .content-wrap.content-ghost-white .separate-bottom:before {        border-right: 300px solid #fcfcfc    }
    #content .content-wrap.content-ghost-white .separate-bottom:after {        border-left: 300px solid #fcfcfc    }
    #content .content-wrap.content-ghost-white .top-separate-bottom:before {        border-left: 300px solid #fcfcfc    }
    #content .content-wrap.content-ghost-white .top-separate-bottom:after {        border-right: 300px solid #fcfcfc    }
    #content .content-wrap.content-light-brown {        background: #c1bab2    }
    #content .content-wrap.content-light-brown .separate-bottom:before {        border-right: 300px solid #c1bab2    }
    #content .content-wrap.content-light-brown .separate-bottom:after {        border-left: 300px solid #c1bab2    }
    #content .content-wrap.content-light-brown .top-separate-bottom:before {        border-left: 300px solid #c1bab2    }
    #content .content-wrap.content-light-brown .top-separate-bottom:after {        border-right: 300px solid #c1bab2    }
    #content .content-wrap.content-light-cyan .separate-border-opacity .separate-bottom:before {        border-right: 300px solid rgba(202, 196, 181, 0.15)    }
    #content .content-wrap.content-light-cyan .separate-border-opacity .separate-bottom:after {        border-left: 300px solid rgba(202, 196, 181, 0.25)    }
    #content .content-wrap.content-light-cyan .separate-bottom:before {        border-right: 300px solid #edebe6    }
    #content .content-wrap.content-light-cyan .separate-bottom:after {        border-left: 300px solid #edebe6    }
    #content .content-wrap.content-light-cyan .top-separate-bottom:before {        border-left: 300px solid #edebe6    }
    #content .content-wrap.content-light-cyan .top-separate-bottom:after {        border-right: 300px solid #edebe6    }
    #content .content-wrap.content-deep-sky-blue .separate-bottom:before {        border-right: 300px solid #0daeda    }
    #content .content-wrap.content-deep-sky-blue .separate-bottom:after {        border-left: 300px solid #0daeda    }
    #content .content-wrap.content-deep-sky-blue .top-separate-bottom:before {        border-left: 300px solid #0daeda    }
    #content .content-wrap.content-deep-sky-blue .top-separate-bottom:after {        border-right: 300px solid #0daeda    }
    #content .content-wrap.content-dark-gray .separate-bottom:before {        border-right: 300px solid #3f425a    }
    #content .content-wrap.content-dark-gray .separate-bottom:after {        border-left: 300px solid #3f425a    }
    #content .content-wrap.content-dark-gray .top-separate-bottom:before {        border-left: 300px solid #3f425a    }
    #content .content-wrap.content-dark-gray .top-separate-bottom:after {        border-right: 300px solid #3f425a    }
    #content .content-wrap.content-green .separate-bottom:before {        border-right: 300px solid #78aa00    }
    #content .content-wrap.content-green .separate-bottom:after {        border-left: 300px solid #78aa00    }
    #content .content-wrap.content-green .top-separate-bottom:before {        border-left: 300px solid #78aa00    }
    #content .content-wrap.content-green .top-separate-bottom:after {        border-right: 300px solid #78aa00    }
    #content .content-wrap.content-orange-red .separate-bottom:before {        border-right: 300px solid #db6a02    }
    #content .content-wrap.content-orange-red .separate-bottom:after {        border-left: 300px solid #db6a02    }
    #content .content-wrap.content-orange-red .top-separate-bottom:before {        border-left: 300px solid #db6a02    }
    #content .content-wrap.content-orange-red .top-separate-bottom:after {        border-right: 300px solid #db6a02    }
    #content .content-wrap.content-gray .separate-bottom:before {        border-right: 300px solid #837666    }
    #content .content-wrap.content-gray .separate-bottom:after {        border-left: 300px solid #837666    }
    #content .content-wrap.content-gray .top-separate-bottom:before {        border-left: 300px solid #837666    }
    #content .content-wrap.content-gray .top-separate-bottom:after {        border-right: 300px solid #837666    }
    #content .content-wrap .separate-border-opacity .separate-bottom:before {        border-right: 300px solid rgba(255, 255, 255, 0.15)    }
    #content .content-wrap .separate-border-opacity .separate-bottom:after {        border-left: 300px solid rgba(255, 255, 255, 0.25)    }
    #content .content .list-info {        width: 100%    }
    #content .content .list-info li {        text-align: right;        width: 90%;        margin: 0 auto 30px    }
    #content .content .list-info .text-info {        text-align: right;        display: inline-block;        margin: 28px 0 0 0    }
    #content .content .list-info .text-info:before {        content: "";        top: -28px;        left: 0;        border-top: 28px solid transparent;        border-bottom: 0px solid transparent;        border-left: 28px solid #fff;        border-right: 0    }
    #content .content .list-info.subpage-list-info {        width: 100%    }
    #content .content .list-info.subpage-list-info li .text-info {        margin-top: 28px;        width: 60%    }
    #content .content .programme {        padding-bottom: 40px    }
    #content .content .programme .button-wrap {        margin: 20px 0 0    }
    #content .content .programme .prgramme-data {        padding-top: 10px;        margin-top: 0    }
    #content .content .animation-map .icon-map.icon-map-pos1 {        top: 166px;        left: 120px    }
    #content .content .animation-map .icon-map.icon-map-pos2 {        top: 154px;        left: 409px    }
    #content .content .animation-map .icon-map.icon-map-pos3 {        top: 418px;        left: 186px    }
    #content .content .animation-map .icon-map.icon-map-pos4 {        top: 322px;        left: 256px    }
    #content .content .animation-map .icon-map.icon-map-pos5 {        top: 282px;        left: 590px    }
    #content .content .map-wrap {        padding-bottom: 45px    }
    #content .content .animation-map .map {        width: 1023px;        height: auto    }
    #content .content.content-space {        padding: 0    }
    #content .content .detail-wrap {        text-align: right    }
    #content .content .detail-wrap .content-detail {        display: inline-block;        text-align: left    }
    #content .content .detail-wrap .box-info {        margin-top: 28px    }
    #content .content .detail-wrap .box-info:before {        content: "";        top: -28px;        left: 0;        border-top: 28px solid transparent;        border-bottom: 0px solid transparent;        border-left: 28px solid #fff;        border-right: 0    }
    #content .content .image-list li {        float: left !important    }
    #content .content .info-list li {        float: left !important    }
    #content .content .info-list .box-info {        width: 70%;        margin: 28px 0 0 0;        display: inline-block    }
    #content .content .info-list .box-info:before {        content: "";        top: -28px;        left: 0;        border-top: 28px solid transparent;        border-bottom: 0px solid transparent;        border-left: 28px solid #fff;        border-right: 0    }
    #content .content .programme-cols .cols-left {        margin: 0 auto 20px    }
    #content .content .programme-cols .cols-right {        margin: 0 auto    }
    #content .content .programme-cols .cols-right .graph-wrap {        padding-bottom: 50px    }
    #content .content .programme-cols .cols-right .image-graph {        display: inline-block    }
    #content .content .programme-cols .cols-right .graph-detail {        vertical-align: bottom;        display: inline-block    }
    #content .content .project-two-cols .cols-left {        width: 100%    }
    #content .content .project-two-cols .cols-right {        margin: 0 auto    }
    #content .content .image-info-wrap {        width: 100%    }
    #content .content .image-info-wrap .main-image {        width: 60%    }
    #content .content .image-info-wrap .main-image img {        width: 100%;        height: auto    }
    #content .content .button-two-cols .button-wrap {        margin: 0 0 20px;        display: block    }
    #content .content .logo-list {        width: 720px    }
    #content .content .logo-list li {        float: left !important;        margin-right: 20px    }
    #content .content .logo-list ul.no-slide {        width: 100%    }
    #content .content .logo-list ul.no-slide li {        float: none !important;        display: inline-block;        margin-right: 15px;        margin-bottom: 15px    }
    #content .content .logo-list ul.no-slide li:last-child {        margin-right: 0    }
    #content .content .country-list ul {        width: 100%;        text-align: center    }
    #content .content .country-list li {        display: inline-block;        vertical-align: top;        min-height: 140px;        height: auto;        margin-bottom: 30px    }
    #content .content .country-list li .tips {        width: 100%;        left: 0;        top: 0 !important;        height: auto;        position: relative    }
    #content .content .country-list li .tips .arrow {        left: 50% !important;        top: -20px;        height: 20px;        margin-left: -10px;        border-left: 10px solid transparent;        border-right: 10px solid transparent;        border-bottom: 10px solid #fff    }
    #content .content .form-wrap {        width: 100%    }
    #content .content .form-wrap dl {        margin: 0 auto    }
    #content .content .form-wrap dl .text-required {        margin-top: 0;        padding-bottom: 10px    }
    #content .content .form-wrap dl input[type="submit"] {        margin-top: 0    }
    #content .content .list-calendar {        margin-top: 0;        width: 500px    }
    #content .content .list-calendar ul li ul li {        float: left !important    }
    #content .content .list-journey {        width: 100%    }
    #content .content .list-journey li {        float: left !important;        text-align: right;        width: 100%    }
    #content .content .list-journey .box-info {        display: inline-block;        width: 50%;        margin-top: 0    }
    #content .content .list-journey .box-info:before {        right: initial;        left: 0;        top: -28px;        border-top: 28px solid transparent;        border-bottom: 0px solid transparent;        border-left: 28px solid #fff    }
    #content .content .list-journey .image {        width: 90%;        margin: 0 auto    }
    #content .content .article-list .box-info {        width: calc(100% - 390px)    }
    #footer .footer-column {        display: none    }
}
@media only screen and (max-width: 767px) {    p {        font-size: 14px    }
    .more-button, #content .content .form-wrap dl input[type="submit"] {        width: 240px;        height: 50px;        line-height: 50px    }
    .more-button .fa, #content .content .form-wrap dl input[type="submit"] .fa {        height: 50px;        line-height: 50px    }
    .circle-box-mobile, #content .content .group-user .circle-group {        width: 100px;        height: 100px;        background: #fff url(/common/img/fondation/icon-group.png) no-repeat center;        background-size: 60px auto    }
    .custom-button, #content .content .programme-cols .more-button, #content .content .programme-cols .form-wrap dl input[type="submit"], #content .content .form-wrap dl .programme-cols input[type="submit"], #content .content .project-two-cols .button-wrap .more-button, #content .content .project-two-cols .button-wrap .form-wrap dl input[type="submit"], #content .content .form-wrap dl .project-two-cols .button-wrap input[type="submit"] {        width: auto    }
    .fixed .header {        height: 70px    }
    .fixed .main-nav h2 {        top: 14px !important    }
    .fixed #content {        padding-top: 90px    }
    .header {        height: 70px    }
    .header-inner img {        width: 140px;        height: auto    }
    .header-inner .main-nav h2 {        top: 56px    }
    .home-page h1 {        font-size: 32px    }
    #content .section-wrap:first-child .content-wrap:first-child {        padding-top: 30px    }
    #content .content-wrap {        padding-top: 80px;        padding-bottom: 50px    }
    #content .content-wrap .border-wrap {        bottom: -40px;        height: 80px    }
    #content .content-wrap.content-home .content-header p {        font-size: 32px    }
    #content .content-wrap h2 {        font-size: 28px    }
    #content .content-wrap .content-header p {        font-size: 28px    }
    #content .content-wrap .content-header h2 {        font-size: 32px;        padding-bottom: 12px    }
    #content .content-wrap .content-header.header-main h1 {        font-size: 32px;        padding-bottom: 12px    }
    #content .content-wrap .separate-border {        width: 800px;        margin-left: -400px;        height: 80px    }
    #content .content-wrap .separate-border-top {        width: 800px;        height: 80px;        margin-left: -400px    }
    #content .content-wrap .border-top-wrap {        height: 80px;        top: -40px    }
    #content .content-wrap .top-separate-bottom {        width: 400px;        height: 80px;        float: left !important    }
    #content .content-wrap .top-separate-bottom:before {        border-left: 200px solid #f6f6f4;        border-top: 40px solid transparent;        border-bottom: 40px solid transparent    }
    #content .content-wrap .top-separate-bottom:after {        border-right: 200px solid #f6f6f4;        border-top: 40px solid transparent;        border-bottom: 40px solid transparent    }
    #content .content-wrap .separate-bottom {        width: 400px;        float: left !important;        height: 80px    }
    #content .content-wrap .separate-bottom:before {        border-right: 200px solid #f6f6f4;        border-top: 40px solid transparent;        border-bottom: 40px solid transparent    }
    #content .content-wrap .separate-bottom:after {        border-left: 200px solid #f6f6f4;        border-top: 40px solid transparent;        border-bottom: 40px solid transparent    }
    #content .content-wrap.content-ghost-white .separate-border-opacity .separate-bottom:before {        border-right: 200px solid rgba(202, 196, 181, 0.15)    }
    #content .content-wrap.content-ghost-white .separate-border-opacity .separate-bottom:after {        border-left: 200px solid rgba(202, 196, 181, 0.25)    }
    #content .content-wrap.content-ghost-white .separate-bottom:before {        border-right: 200px solid #fcfcfc    }
    #content .content-wrap.content-ghost-white .separate-bottom:after {        border-left: 200px solid #fcfcfc    }
    #content .content-wrap.content-ghost-white .top-separate-bottom:before {        border-left: 200px solid #fcfcfc    }
    #content .content-wrap.content-ghost-white .top-separate-bottom:after {        border-right: 200px solid #fcfcfc    }
    #content .content-wrap.content-light-brown {        background: #c1bab2    }
    #content .content-wrap.content-light-brown .separate-bottom:before {        border-right: 200px solid #c1bab2    }
    #content .content-wrap.content-light-brown .separate-bottom:after {        border-left: 200px solid #c1bab2    }
    #content .content-wrap.content-light-brown .top-separate-bottom:before {        border-left: 200px solid #c1bab2    }
    #content .content-wrap.content-light-brown .top-separate-bottom:after {        border-right: 200px solid #c1bab2    }
    #content .content-wrap.content-light-cyan .separate-border-opacity .separate-bottom:before {        border-right: 200px solid rgba(202, 196, 181, 0.15)    }
    #content .content-wrap.content-light-cyan .separate-border-opacity .separate-bottom:after {        border-left: 200px solid rgba(202, 196, 181, 0.25)    }
    #content .content-wrap.content-light-cyan .separate-bottom:before {        border-right: 200px solid #edebe6    }
    #content .content-wrap.content-light-cyan .separate-bottom:after {        border-left: 200px solid #edebe6    }
    #content .content-wrap.content-light-cyan .top-separate-bottom:before {        border-left: 200px solid #edebe6    }
    #content .content-wrap.content-light-cyan .top-separate-bottom:after {        border-right: 200px solid #edebe6    }
    #content .content-wrap.content-deep-sky-blue .separate-bottom:before {        border-right: 200px solid #0daeda    }
    #content .content-wrap.content-deep-sky-blue .separate-bottom:after {        border-left: 200px solid #0daeda    }
    #content .content-wrap.content-deep-sky-blue .top-separate-bottom:before {        border-left: 200px solid #0daeda    }
    #content .content-wrap.content-deep-sky-blue .top-separate-bottom:after {        border-right: 200px solid #0daeda    }
    #content .content-wrap.content-dark-gray .separate-bottom:before {        border-right: 200px solid #3f425a    }
    #content .content-wrap.content-dark-gray .separate-bottom:after {        border-left: 200px solid #3f425a    }
    #content .content-wrap.content-dark-gray .top-separate-bottom:before {        border-left: 200px solid #3f425a    }
    #content .content-wrap.content-dark-gray .top-separate-bottom:after {        border-right: 200px solid #3f425a    }
    #content .content-wrap.content-green .separate-bottom:before {        border-right: 200px solid #78aa00    }
    #content .content-wrap.content-green .separate-bottom:after {        border-left: 200px solid #78aa00    }
    #content .content-wrap.content-green .top-separate-bottom:before {        border-left: 200px solid #78aa00    }
    #content .content-wrap.content-green .top-separate-bottom:after {        border-right: 200px solid #78aa00    }
    #content .content-wrap.content-orange-red .separate-bottom:before {        border-right: 200px solid #db6a02    }
    #content .content-wrap.content-orange-red .separate-bottom:after {        border-left: 200px solid #db6a02    }
    #content .content-wrap.content-orange-red .top-separate-bottom:before {        border-left: 200px solid #db6a02    }
    #content .content-wrap.content-orange-red .top-separate-bottom:after {        border-right: 200px solid #db6a02    }
    #content .content-wrap.content-gray .separate-bottom:before {        border-right: 200px solid #837666    }
    #content .content-wrap.content-gray .separate-bottom:after {        border-left: 200px solid #837666    }
    #content .content-wrap.content-gray .top-separate-bottom:before {        border-left: 200px solid #837666    }
    #content .content-wrap.content-gray .top-separate-bottom:after {        border-right: 200px solid #837666    }
    #content .content-wrap .separate-border-opacity .separate-bottom:before {        border-right: 200px solid rgba(255, 255, 255, 0.15)    }
    #content .content-wrap .separate-border-opacity .separate-bottom:after {        border-left: 200px solid rgba(255, 255, 255, 0.25)    }
    #content .content-wrap .image-background {        bottom: -54px    }
    #content .content-wrap .custom-content-height {        margin-bottom: -40px    }
    #content .section-wrap:first-child .content-wrap:first-child {        padding-top: 30px    }
    #content .content .foundation-left h2 {        font-size: 28px    }
    #content .content .foundation-left .introduction {        font-size: 22px    }
       #content .content .programme {        padding-bottom: 0    }
    #content .content .list-info {        padding: 34px 0    }
    #content .content .list-info h3 {        font-size: 20px    }
    #content .content .list-info li {        width: 100%    }
    #content .content .list-info .image-info {        width: 60%;        height: auto    }
    #content .content .list-info .image-info img {        max-width: 80%;        height: auto    }
    #content .content .list-info .text-info {        width: 60%;        padding-bottom: 26px    }
    #content .content .list-info .text-info p {        font-size: 14px    }
    #content .content .list-info.subpage-list-info li .image-info {        width: 50%;        height: auto    }
    #content .content .list-info.subpage-list-info li .text-info {        width: 100%    }
    #content .content .list-info.subpage-list-info li .text-info:before {        left: 10px    }
    #content .content .programme .prgramme-data {        width: 100%;        margin-top: 0    }
    #content .content .programme .data-value {        width: 45%;        font-size: 32px    }
    #content .content .programme .data-title {        width: 50%;        font-size: 16px    }
    #content .content .content-two-cols {        padding-bottom: 20px    }
    #content .content .content-two-cols .content-colum {        width: 230px    }
    #content .content .content-two-cols .content-colum:first-child {        padding-right: 0    }
    #content .content .content-two-cols .content-colum:nth-child(2) {        padding-left: 0    }
    #content .content .content-two-cols .number {        font-size: 50px    }
    #content .content .content-two-cols .text p {        font-size: 16px    }
    #content .content .content-two-cols .number.clock {        background: url(/common/img/fondation/icon-clock.png) no-repeat center top;        background-size: 40px auto;        padding-top: 50px    }
    #content .content .content-two-cols .number.user {        background: url(/common/img/fondation/icon-users.png) no-repeat center top;        background-size: auto 40px;        padding-top: 50px    }
    #content .content .foundation-right {        width: 100%    }
    #content .content .foundation-right li .detail {        width: 55%;        left: 210px;        right: inherit    }
    #content .content .foundation-right .image img {        width: auto;        height: 100%    }
    #content .content .map-wrap {        padding-bottom: 46px    }
    #content .content .map-wrap .button-wrap {        margin-left: -120px    }
    #content .content .animation-map .icon-map {        width: 40px;        height: 40px    }
    #content .content .animation-map .icon-map .icon-map-image {        width: 40px;        height: 40px;        background: url(/common/img/fondation/icon-map-small.png) no-repeat center;        background-size: 40px auto    }
    #content .content .animation-map .icon-map.icon-map-medium {        width: 50px;        height: 50px    }
    #content .content .animation-map .icon-map.icon-map-medium .icon-map-image {        background: url(/common/img/fondation/icon-map-medium.png) no-repeat center;        background-size: 50px auto;        width: 50px;        height: 50px    }
    #content .content .animation-map .icon-map.icon-map-medium .icon-number {        font-size: 22px;        line-height: 50px    }
    #content .content .animation-map .icon-map.icon-map-medium.hover {        width: 80px;        height: 80px;        margin-top: -15px;        margin-left: -15px    }
    #content .content .animation-map .icon-map.icon-map-medium.hover .icon-map-image {        background: url(/common/img/fondation/icon-map-large.png) no-repeat center;        background-size: 80px auto;        width: 80px;        height: 80px    }
    #content .content .animation-map .icon-map.icon-map-medium.hover .icon-number {        line-height: 80px    }
    #content .content .animation-map .icon-map.hover {        width: 80px;        height: 80px;        margin-top: -20px;        margin-left: -20px    }
    #content .content .animation-map .icon-map.hover .icon-map-image {        width: 80px;        height: 80px;        background: url(/common/img/fondation/icon-map-large.png) no-repeat center;        background-size: 80px auto    }
    #content .content .animation-map .icon-map.hover:before {        content: "";        background: url(/common/img/fondation/map-list.png) no-repeat 0 0;        background-size: 70px auto;        bottom: 30%    }
    #content .content .animation-map .icon-map.icon-map-pos1 {        top: 150px;        left: 124px    }
    #content .content .animation-map .icon-map.icon-map-pos2 {        top: 150px;        left: 358px    }
    #content .content .animation-map .icon-map.icon-map-pos3 {        top: 370px;        left: 166px    }
    #content .content .animation-map .icon-map.icon-map-pos4 {        top: 296px;        left: 210px    }
    #content .content .animation-map .icon-map.icon-map-pos5 {        top: 228px;        left: 510px    }
    #content .content .animation-map .icon-map .map-list {        font-size: 18px;        left: 115px;        top: 0    }
    #content .content .animation-map .map {        width: 767px;        height: auto    }
    #content .content .animation-map.gray-map .icon-map.hover:after {        content: "";        background: #db6a02;        width: 22px;        height: 22px;        position: absolute;        left: 50%;        top: 50%;        margin-left: -11px;        margin-top: -11px;        z-index: 3;        border-radius: 50%    }
    #content .content .animation-map.gray-map .icon-map.icon-map-medium.hover .icon-number {        color: #fff;        z-index: 4;        position: relative    }
    #content .content .circle-column {        padding-bottom: 20px    }
    #content .content .circle-column .column {        display: block;        margin: 0 auto 20px    }
    #content .content .content-list {        padding-top: 20px;        padding-bottom: 20px    }
    #content .content .content-list li {        padding-right: 0;        margin: 0 auto 20px;        display: block    }
    #content .content .content-list li:nth-child(4n+4) {        margin-right: auto    }
    #content .content .foundation-right li .image {        width: 210px;        min-height: 150px    }
    #content .content .social-list ul {        padding-bottom: 20px    }
    #content .content .social-list li {        margin-bottom: 20px    }
    #content .content .detail-wrap .image-info {        width: 50%;        height: auto;        min-height: initial    }
    #content .content .detail-wrap .image-info img {        width: 90%;        height: auto    }
    #content .content .detail-wrap .content-detail {        width: 100%    }
    #content .content .detail-wrap .content-detail.custom-content-detail {        width: 100%    }
    #content .content .detail-wrap .box-info {        margin-left: 0    }
    #content .content .detail-wrap .box-info h3 {        font-size: 16px    }
    #content .content .detail-wrap .box-info p {        font-size: 14px    }
    #content .content .detail-wrap .box-info:before {        left: 10px    }
    #content .content .detail-wrap .text-info {        padding-left: 10px;        padding-right: 10px    }
    #content .content .detail-wrap .text-info p {        font-size: 14px    }
    #content .content .detail-wrap .text-info h4 {        font-size: 16px;        padding-bottom: 22px    }
    #content .content .image-list li {        margin-right: 0    }
    #content .content .image-list li img {        width: 100%;        height: auto    }
    #content .content .image-list .list-wrap {        width: 100%    }
    #content .content .info-list .box-info {        width: 80%    }
    #content .content .info-list .box-info h3 {        font-size: 16px    }
    #content .content .programme-cols .cols-right h2 {        font-size: 28px    }
    #content .content .programme-cols .cols-right p {        font-size: 16px    }
    #content .content .programme-cols .cols-right .graph-detail span {        font-size: 30px    }
    #content .content .project-two-cols {        padding-top: 20px    }
    #content .content .project-two-cols .cols-left p {        font-size: 14px    }
    #content .content .project-two-cols .cols-right .details h3 {        font-size: 16px    }
    #content .content .video-box {        padding-bottom: 20px    }
    #content .content .video-box.custom-video {        padding-bottom: 20px    }
    #content .content .video-box.custom-video .box-info:before {        height: 0    }
    #content .content .video-box .youtube {        width: 70%;        margin: 0 auto    }
    #content .content .video-box .box-info {        position: relative;        right: initial;        min-height: initial;        width: 100%;        padding: 20px;        top: 0    }
    #content .content .video-box .box-info.move-out {        right: 0    }
    #content .content .video-box .box-info h3 {        font-size: 20px;        padding-bottom: 6px    }
    #content .content .video-box .box-info p {        font-size: 14px;        padding-bottom: 0    }
    #content .content .video-box .box-info:before {        content: "";        top: -10px;        left: 8px;        width: 0;        height: 0;        border-left: 10px solid transparent;        border-right: 10px solid transparent;        border-bottom: 10px solid #fff;        background: none    }
    #content .content .video-box .box-info:after {        display: none    }
    #content .content .group-user .dons {        left: -100px;        padding-right: 30px;        top: 56px;        height: 50px;        background: url(/common/img/fondation/icon-info-left.png) no-repeat 57px 0;        background-size: 60px auto    }
    #content .content .group-user .projects {        right: -94px;        padding-left: 54px;        top: 56px;        background: url(/common/img/fondation/icon-info-right.png) no-repeat 0px 0;        background-size: 60px auto;        min-width: initial;        height: 50px    }
    #content .content .group-user .apportes {        position: absolute;        bottom: -85px;        width: 280px;        left: 50%;        margin-left: -140px    }
    #content .content .group-user span.data-value {        font-size: 24px    }
    #content .content .group-user span.count {        font-size: 24px;        line-height: 1em    }
    #content .content .group-user span.title {        font-size: 14px    }
    #content .content .content-two-cols .button-wrap {        padding-top: 20px    }
    #content .content .image-info-wrap {        text-align: right    }
    #content .content .image-info-wrap .detail {        position: relative;        display: inline-block;        width: 60%;        top: 28px;        padding: 20px    }
    #content .content .image-info-wrap .detail h3 {        font-size: 20px    }
    #content .content .image-info-wrap .detail p {        font-size: 14px;        padding-bottom: 16px    }
    #content .content .image-info-wrap .detail:before {        content: "";        top: -28px;        left: 0;        height: 28px;        border-top: 28px solid transparent;        border-bottom: 0px solid transparent;        border-left: 28px solid #fff;        border-right: 0    }
    #content .content .image-info-wrap .detail:after {        display: none    }
    #content .content .logo-list {        width: 100%    }
    #content .content .logo-list p {        font-size: 20px    }
    #content .content .button-two-cols {        padding-top: 20px    }
    #content .content ul.no-slide li {        float: none !important;        display: inline-block;        margin-right: 15px    }
    #content .content ul.no-slide li:last-child {        margin-right: 15px !important    }
    #content .content .project-circle-box .circle-project {        width: 140px;        height: 140px;        padding-top: 28px    }
    #content .content .project-circle-box .circle-project span {        font-size: 40px    }
    #content .content .project-circle-box .circle-project p {        font-size: 16px    }
    #content .content .form-wrap {        padding-top: 20px;        padding-bottom: 20px    }
    #content .content .form-wrap h2 {        font-size: 18px    }
    #content .content .form-wrap dl {        width: 90%    }
    #content .content .form-wrap dl label {        font-size: 16px    }
    #content .content .form-wrap dl dd {        padding-bottom: 25px    }
    #content .content .form-wrap dl .custom-select {        height: 38px    }
    #content .content .form-wrap dl .custom-select:before {        font-size: 22px;        top: 15px;        right: 12px;        background: url(/common/img/fondation/icon-select-down.png) no-repeat 0 0;        background-size: 20px auto    }
    #content .content .form-wrap dl select, #content .content .form-wrap dl input[type="text"] {        height: 38px;        font-size: 16px    }
    #content .content .form-wrap dl input[type="submit"] {        width: 100%;        line-height: 38px;        font-size: 16px;        height: 38px    }
    #content .content .form-wrap dl .button-submit .fa {        height: 38px;        line-height: 38px    }
    #content .content .contact-address {        padding-bottom: 20px    }
    #content .content .contact-address p {        line-height: normal    }
    #content .content .contact-address:before {        background: url(/common/img/fondation/icon-loation.png) no-repeat center 0;        background-size: 20px auto;        height: 40px    }
    #content .content .list-journey .box-info {        margin-right: 0;        width: 100%    }
    #content .content .list-journey .image {        width: 100%    }
    #content .content .list-journey .image img {        width: 100%    }
    #content .content .article-list .box-info {        display: block;        width: 290px;        margin: 0 auto    }
    #content .content .article-list .box-info:before {        content: "";        right: initial;        left: 0;        top: -28px;        border-top: 28px solid transparent;        border-bottom: 0px solid transparent;        border-left: 28px solid #fff;        border-right: 0    }
    #content .content .list-calendar {        width: 300px    }
    #content .content .list-calendar ul li ul li {        width: 150px;        height: 150px;        padding: 15px    }
    #content .content .list-calendar  ul li ul li.main:last-child:before {        background: url(/common/img/fondation/icon-right.png) no-repeat 0 0;        background-size: 10px auto;        width: 10px;        height: 20px;        right: 10px;        top: 50%;        margin-top: -10px    }
    #content .content .list-calendar ul li ul li.main:after {        right: -10px;        top: 50%;        margin-top: -10px;        border-bottom: 10px solid transparent;        border-top: 10px solid transparent;    }
    #content .content-orange-red .list-calendar li.main:after {        border-left: 10px solid #b65801;    }
    #content .content-green .list-calendar ul li ul li.main:after {        border-left: 10px solid #b65801;    }
    #content .content .list-calendar ul li ul li .date span {        font-size: 12px    }
    #content .content .list-calendar ul li ul li .date span:first-child {        font-size: 20px    }
    #content .content .list-calendar ul li ul li .detail h3 {        font-size: 14px    }
    #content .content .list-calendar ul li ul li .detail p {        font-size: 13px    }
    #content .content .two-cols {        padding-top: 20px    }
    #content .content .two-cols .cols-left {        width: 100%;        display: block    }
    #content .content .two-cols .cols-right {        width: 100%;        padding-left: 0    }
    #content .content .list-calendar ul li ul {        margin-bottom: 40px    }
    #content .content .list-journey {        padding-top: 0    }
    #content .content .detail-wrap .number span:first-child {        font-size: 30px    }
    #content .content .detail-wrap .number span:last-child {        font-size: 14px;        line-height: 21px    }
    #content .content .info-list .image-info .number span {        font-size: 14px;        line-height: 21px    }
    #content .content .info-list .image-info .number span:first-child {        font-size: 30px;        line-height: 1em    }
    #content .content .list-info.subpage-list-info .number span:last-child {        font-size: 14px;        line-height: 21px    }
    #content .content .list-info.subpage-list-info .number span:first-child {        font-size: 30px;        line-height: 1em    }
    #footer {        padding-top: 80px    }
    #footer .wide-logo {        padding-bottom: 50px    }
    .bx-wrapper .bx-controls-direction a {        position: absolute;                width: 45px;        height: 45px;        bottom: -60px !important;        top: auto !important;    }
    .bx-wrapper .bx-controls-direction a.bx-next {        right: 50px;    }
    #content .bx-wrapper .bx-controls-direction a.bx-next::before {        right: 10px;    }
    .bx-wrapper .bx-controls-direction a.bx-prev {        left: 50px;    }
    #content .bx-wrapper .bx-controls-direction a.bx-prev::before {        right: 15px;    }
    .bx-pager {        display: none;    }
}
@media only screen and (max-width: 480px) {    .home-page h1 {        font-size: 26px    }
    .top-bar-wrap .top-social a {        margin-right: 10px    }
    #content .content-wrap {        padding-top: 40px;        padding-bottom: 40px    }
    #content .content-wrap h2 {        font-size: 22px    }
    #content .content-wrap .image-background {        bottom: -40px    }
    #content .content-wrap .separate-border {        width: 480px;        margin-left: -240px    }
    #content .content-wrap .separate-border {        height: 40px    }
    #content .content-wrap .border-wrap {        height: 40px;        bottom: -20px    }
    #content .content-wrap .separate-border-top {        width: 480px;        height: 40px;        margin-left: -240px    }
    #content .content-wrap .border-top-wrap {        height: 40px;        top: -20px    }
    #content .content-wrap .top-separate-bottom {        width: 240px;        height: 40px;        float: left !important    }
    #content .content-wrap .top-separate-bottom:before {        border-left: 120px solid #f6f6f4;        border-top: 20px solid transparent;        border-bottom: 20px solid transparent    }
    #content .content-wrap .top-separate-bottom:after {        border-right: 120px solid #f6f6f4;        border-top: 20px solid transparent;        border-bottom: 20px solid transparent    }
    #content .content-wrap .separate-bottom {        height: 40px;        width: 240px;        float: left !important    }
    #content .content-wrap .separate-bottom:before {        border-right: 120px solid #f6f6f4;        border-top: 20px solid transparent;        border-bottom: 20px solid transparent    }
    #content .content-wrap .separate-bottom:after {        border-left: 120px solid #f6f6f4;        border-top: 20px solid transparent;        border-bottom: 20px solid transparent    }
    #content .content-wrap.content-ghost-white .separate-border-opacity .separate-bottom:before {        border-right: 120px solid rgba(202, 196, 181, 0.15)    }
    #content .content-wrap.content-ghost-white .separate-border-opacity .separate-bottom:after {        border-left: 120px solid rgba(202, 196, 181, 0.25)    }
    #content .content-wrap.content-ghost-white .separate-bottom:before {        border-right: 120px solid #fcfcfc    }
    #content .content-wrap.content-ghost-white .separate-bottom:after {        border-left: 120px solid #fcfcfc    }
    #content .content-wrap.content-ghost-white .top-separate-bottom:before {        border-left: 120px solid #fcfcfc    }
    #content .content-wrap.content-ghost-white .top-separate-bottom:after {        border-right: 120px solid #fcfcfc    }
    #content .content-wrap.content-light-brown {        background: #c1bab2    }
    #content .content-wrap.content-light-brown .separate-bottom:before {        border-right: 120px solid #c1bab2    }
    #content .content-wrap.content-light-brown .separate-bottom:after {        border-left: 120px solid #c1bab2    }
    #content .content-wrap.content-light-brown .top-separate-bottom:before {        border-left: 120px solid #c1bab2    }
    #content .content-wrap.content-light-brown .top-separate-bottom:after {        border-right: 120px solid #c1bab2    }
    #content .content-wrap.content-light-cyan .separate-border-opacity .separate-bottom:before {        border-right: 120px solid rgba(202, 196, 181, 0.15)    }
    #content .content-wrap.content-light-cyan .separate-border-opacity .separate-bottom:after {        border-left: 120px solid rgba(202, 196, 181, 0.25)    }
    #content .content-wrap.content-light-cyan .separate-bottom:before {        border-right: 120px solid #edebe6    }
    #content .content-wrap.content-light-cyan .separate-bottom:after {        border-left: 120px solid #edebe6    }
    #content .content-wrap.content-light-cyan .top-separate-bottom:before {        border-left: 120px solid #edebe6    }
    #content .content-wrap.content-light-cyan .top-separate-bottom:after {        border-right: 120px solid #edebe6    }
    #content .content-wrap.content-deep-sky-blue .separate-bottom:before {        border-right: 120px solid #0daeda    }
    #content .content-wrap.content-deep-sky-blue .separate-bottom:after {        border-left: 120px solid #0daeda    }
    #content .content-wrap.content-deep-sky-blue .top-separate-bottom:before {        border-left: 120px solid #0daeda    }
    #content .content-wrap.content-deep-sky-blue .top-separate-bottom:after {        border-right: 120px solid #0daeda    }
    #content .content-wrap.content-dark-gray .separate-bottom:before {        border-right: 120px solid #3f425a    }
    #content .content-wrap.content-dark-gray .separate-bottom:after {        border-left: 120px solid #3f425a    }
    #content .content-wrap.content-dark-gray .top-separate-bottom:before {        border-left: 120px solid #3f425a    }
    #content .content-wrap.content-dark-gray .top-separate-bottom:after {        border-right: 120px solid #3f425a    }
    #content .content-wrap.content-green .separate-bottom:before {        border-right: 120px solid #78aa00    }
    #content .content-wrap.content-green .separate-bottom:after {        border-left: 120px solid #78aa00    }
    #content .content-wrap.content-green .top-separate-bottom:before {        border-left: 120px solid #78aa00    }
    #content .content-wrap.content-green .top-separate-bottom:after {        border-right: 120px solid #78aa00    }
    #content .content-wrap.content-orange-red .separate-bottom:before {        border-right: 120px solid #db6a02    }
    #content .content-wrap.content-orange-red .separate-bottom:after {        border-left: 120px solid #db6a02    }
    #content .content-wrap.content-orange-red .top-separate-bottom:before {        border-left: 120px solid #db6a02    }
    #content .content-wrap.content-orange-red .top-separate-bottom:after {        border-right: 120px solid #db6a02    }
    #content .content-wrap.content-gray .separate-bottom:before {        border-right: 120px solid #837666    }
    #content .content-wrap.content-gray .separate-bottom:after {        border-left: 120px solid #837666    }
    #content .content-wrap.content-gray .top-separate-bottom:before {        border-left: 120px solid #837666    }
    #content .content-wrap.content-gray .top-separate-bottom:after {        border-right: 120px solid #837666    }
    #content .content-wrap .separate-border-opacity .separate-bottom:before {        border-right: 120px solid rgba(255, 255, 255, 0.15)    }
    #content .content-wrap .separate-border-opacity .separate-bottom:after {        border-left: 120px solid rgba(255, 255, 255, 0.25)    }
    #content .content-wrap .content-header p {        font-size: 22px    }
    #content .content-wrap .content-header h2 {        font-size: 25px    }
    #content .content-wrap.content-home .content-header p {        font-size: 20px    }
    #content .content-wrap .content-header.header-main h1 {        font-size: 25px    }
    #content .content-wrap.custom-content-height {        margin-bottom: -40px    }
    #content .content .map-wrap {        padding-bottom: 80px    }
    #content .content .foundation-right li {        padding-bottom: 20px;        overflow: hidden    }
    #content .content .foundation-right li .detail {        padding-left: 12px;        padding-right: 12px;        position: relative;        top: 0;        float: right !important;        width: 75%;        left: inherit;        right: 0    }
    #content .content .foundation-right li .detail:before {        content: "";        top: -10px;        left: 8px;        width: 0;        height: 0;        border-left: 10px solid transparent;        border-right: 10px solid transparent;        border-bottom: 10px solid #fff;        background: none    }
    #content .content .foundation-right li .detail:after {        display: none    }
    #content .content .programme-image img {        max-width: 70%;        height: auto    }
    #content .content .programme .prgramme-data {        margin-top: 0    }
    #content .content .list-info h3 {        font-size: 16px    }
    #content .content .list-info .text-info {        width: 90%;        padding: 15px    }
    #content .content .list-info.subpage-list-info li .text-info {        width: 90%    }
    #content .content .list-info.subpage-list-info .number span:first-child {        font-size: 30px    }
    #content .content .content-two-cols .content-colum:first-child {        border-bottom: 1px solid #fff;        margin-bottom: 20px    }
    #content .content .content-two-cols .content-colum:first-child:after {        display: none    }
    #content .content .social-list li {        margin: 0 0 20px    }
    #content .content .video-box .youtube {        width: 100%    }
    #content .content .programme-cols .more-button, #content .content .programme-cols .form-wrap dl input[type="submit"], #content .content .form-wrap dl .programme-cols input[type="submit"] {        width: 240px    }
    #content .content .programme-cols .cols-left {        width: 100%    }
    #content .content .programme-cols .cols-left img {        width: 70%;        height: auto    }
    #content .content .programme-cols .cols-left .house-image {        padding-bottom: 20px    }
    #content .content .programme-cols .cols-right {        width: 100%    }
    #content .content .programme-cols .cols-right h2 {        font-size: 20px    }
    #content .content .programme-cols .cols-right .graph-detail {        padding-left: 0;        padding-top: 15px;        display: block    }
    #content .content .programme-cols .cols-right .graph-detail span {        font-size: 24px;        line-height: 1em    }
    #content .content .programme-cols .cols-right .graph-wrap {        padding-bottom: 20px    }
    #content .content .project-two-cols .button-wrap .more-button, #content .content .project-two-cols .button-wrap .form-wrap dl input[type="submit"], #content .content .form-wrap dl .project-two-cols .button-wrap input[type="submit"] {        font-size: 13px    }
    #content .content .project-two-cols .cols-right {        width: 100%    }
    #content .content .project-two-cols .cols-right li {        padding-bottom: 20px    }
    #content .content .project-two-cols .cols-right .percent-number {        width: 80px;        height: 65px;        background: url(/common/img/fondation/icon-percent-number.png) no-repeat center;        background-size: 80px auto;        padding-top: 12px    }
    #content .content .project-two-cols .cols-right .percent-number span {        font-size: 12px    }
    #content .content .project-two-cols .cols-right .percent-number span.count {        font-size: 18px    }
    #content .content .project-two-cols .cols-right .percent-number span.title {        font-size: 12px    }
    #content .content .project-two-cols .cols-right .details {        margin-left: 0;        padding: 0 10px;        width: calc(100% - 84px)    }
    #content .content .project-two-cols .cols-right .details h3 {        font-size: 14px;        padding-bottom: 5px    }
    #content .content .project-two-cols .cols-right .details p {        font-size: 14px    }
    #content .content .custom-width {        width: auto    }
    #content .content .image-info-wrap .detail {        width: 90%;        padding: 15px    }
    #content .content .image-info-wrap .detail h3 {        font-size: 16px    }
    #content .content .country-list li {        margin-right: 0    }
    #content .content .list-journey h3 {        font-size: 18px    }
    #content .content .list-journey p {        font-size: 14px    }
    #content .content .list-journey .box-info {        padding: 15px    }
    #content .content .list-journey .number {        padding-bottom: 5px    }
    #content .content .list-journey .number span:first-child {        font-size: 30px    }
    #content .content .list-journey .number span:last-child {        font-size: 14px    }
    #content .content .two-cols .cols-right li {        padding: 3px 0 25px 45px;        height: 46px    }
    #content .content .two-cols .cols-right li.date:before {        background: url(/common/img/fondation/icon-calendar.png) no-repeat 0 0;        background-size: 25px auto    }
    #content .content .two-cols .cols-right li.contact:before {        background: url(/common/img/fondation/icon-contact.png) no-repeat 0 0;        background-size: 25px auto    }
    #content .content .two-cols .cols-right li.activity:before {        background: url(/common/img/fondation/icon-activity.png) no-repeat 0 0;        background-size: 22px auto    }
    #content .content .two-cols .cols-right li.transport:before {        background: url(/common/img/fondation/icon-transport.png) no-repeat 0 0;        background-size: 32px auto    }
    #content .content .two-cols .cols-right li.restaurant:before {        background: url(/common/img/fondation/icon-restaurant.png) no-repeat 0 0;        background-size: 22px auto    }
    #content .content .two-cols .cols-right li.person:before {        background: url(/common/img/fondation/icon-person.png) no-repeat 0 0;        background-size: 25px auto    }
}
.gallery-popup {    display: none;    position: fixed;    top: 0;    left: 0;    z-index: 99;    background-color: rgba(0, 0, 0, 0.7);    width: 100%;    height: 100%;}
.gallery-popup .close-box {    position: absolute;    top: 0;    right: -230px;    background: url(/common/img/fondation/xclose.png) no-repeat center top;    width: 49px;    height: 53px;    font-size: 0;}
.gallery-popup .galler-slide-list {    position: fixed;    top: 50%;    left: 50%;    margin-top: -400px;    z-index: 3;    margin-left: -566px;}
.gallery-popup ul {    margin: 0;    padding: 0;}
.gallery-popup ul li {    margin: 0;    padding: 0;    width: 1133px;    display: inline-block;    text-align: center;}
.gallery-popup ul li .image,.gallery-popup ul li .image img,.gallery-popup ul li .text-detail {    display: block;}
.gallery-popup ul li .text-detail {    position: relative;}
.gallery-popup ul li .text-detail p {    color: #dfe0e1;}
.gallery-popup ul li .text-detail p.text-description {    width: 560px;    font-size: 12px;    padding-top: 28px;    line-height: 22px;    display: inline-block;}
.gallery-popup ul li .text-detail p.title {    color: #fff;    font-size: 15px;    font-style: italic;    font-weight: bold;    position: absolute;    left: 0;    top: 28px;}
.gallery-popup ul li .text-detail p.title:before {    content: "";    width: 40px;    height: 1px;    background: #fff;    display: block;    margin: 0 auto 20px;}
.gallery-popup ul li .text-detail p.popup-number {    font-family: "Times New Roman", Times, "Liberation Serif", FreeSerif, serif;    font-size: 17px;    font-weight: bold;    font-style: italic;    color: #cdd2d4;    position: absolute;    top: 24px;    right: 0;}
.gallery-popup ul li .text-detail p.popup-number span {    color: #9d8455;}
.time-controls-direction a.time-prev,.bx-wrapper .bx-prev {    left: -126px;}
@media (min-width: 1024px) and (max-width: 1340px) {.time-controls-direction a.time-prev,.bx-wrapper .bx-prev {    left: -76px;}
}
.gallery-popup .bx-wrapper .bx-prev {    left: -230px;}
.gallery-popup .bx-wrapper .bx-next {    right: -230px;}
.time-controls-direction a.time-prev:before,.bx-wrapper .bx-prev:before {    content: "\f104";    display: inline-block;    font-family: 'FontAwesome';    color: #fff;    font-size: 47px;    line-height: 70px;    width: 70px;    height: 70px;    text-align: center;}
.time-controls-direction a.time-next,.bx-wrapper .bx-next {    right: -126px;}
@media (min-width: 1024px) and (max-width: 1340px) {.time-controls-direction a.time-next,.bx-wrapper .bx-next {    right: -76px;}
}
.time-controls-direction a.time-next:before,.bx-wrapper .bx-next:before {    content: "\f105";    display: inline-block;    font-family: 'FontAwesome';    color: #fff;    font-size: 47px;    line-height: 70px;    width: 70px;    height: 70px;    text-align: center;}
.time-controls-direction a {    position: absolute;    font-size: 0;    border: 1px solid #333;    width: 70px;    height: 70px;    border-radius: 50%;    top: 24px;}
.gallery-popup .bx-wrapper .bx-controls-direction a {    top: 50% !important;}
.bx-wrapper .bx-controls-direction a.disabled {    display: none;}
.gallery-popup .bx-wrapper .bx-controls-direction a {    text-indent: 0;}
#content .admin-block br {    display: none;}
#content .admin-block {    z-index: 93;    margin-top: 15px;}
#content .content-image > .admin-block {    padding-top: 100px;}
#content .content-image div.content header.content-header {    position: absolute;    margin: 0 auto;    z-index: 1;    left: 0;    right: 0;    top: 100px;}
#content .content-green .list-calendar ul li ul li.main {    background: #8cb726;}
#content .list-calendar ul li ul li.main.past-event {    background: #666;}
#content .content-green .list-calendar ul li ul li {     background-color: #fff;     border-right: 1px solid #8cb726;     border-bottom: 1px solid #8cb726;}
#content .list-calendar ul li ul li.past-event {    background-color: #cfd1cf;}
#content .content-green .list-calendar ul li ul li.main:after {    border-left: 15px solid #8cb726;}
#content .list-calendar ul li ul li.main.past-event:after {    border-left: 15px solid #666;}
#content .content-wrap.content-green .article-list .list-left {    background: #8cb726;}
#content .content-green .button-wrap a {    background: #fff !important;    color: #78aa00 !important}
#content .content-green .form-wrap .field,#content .content-green .form-wrap dl input[type="email"],#content .content-green .form-wrap dl input[type="text"],#content .content-green .form-wrap dl textarea,#content .content-green .form-wrap dl .custom-select {    background: #8cb726;}
#content .content-green .form-wrap dl input[type="submit"].disabled {    background: rgba(199, 237, 170, 0.4);    color: #8cb726;}
#content .content-green .form-wrap dl input[type="submit"] {    color: #78aa00;}
#content .content-orange-red .button-wrap a {    background: #fff !important;    color: #db6a02 !important}
#content .content-orange-red .form-wrap .field,#content .content-orange-red .form-wrap dl input[type="email"],#content .content-orange-red .form-wrap dl input[type="text"],#content .content-orange-red .form-wrap dl textarea,#content .content-orange-red .form-wrap dl .custom-select {    background: #edb581;}
#content .content-orange-red .form-wrap dl input[type="submit"].disabled {    background: rgba(237, 181, 129, 0.4);    color: #edb581;}
#content .content-orange-red .form-wrap dl input[type="submit"] {    color: #db6a02;}
.cfdump_struct {    color: #000 !important;}
#customform p.confirmation-content { font-size: 20px;}
.sitemap{ margin-top: 60px; }
.sitemap li .contenu_liste{ background-image: none; padding: 23px 16px; overflow: hidden;  }
.sitemap ul{ list-style-type: none;  }
.sitemap ul li { list-style-type: none; margin-bottom: 1px solid white; font-size: 18px; display: block; }
.sitemap ul li:hover .titre_question{ background-color: #d9691c; }
.sitemap ul li.active .titre_question { border-bottom: none; background-image: url("../../img/b2c_v4/sprite.png"); background-position: 942px -1838px; background-repeat: no-repeat; background-color: #d9691c; text-transform:uppercase;}
.sitemap ul li.active .contenu_liste { display: block; }
.sitemap ul li .titre_question{ cursor: pointer; border-bottom: 1px solid white; padding: 15px; display: block; color: black; font-size: 14px; font-weight: bold; background-image: url("../../img/b2c_v4/sprite.png"); background-position: -50px -1125px; background-repeat: no-repeat; background-color:#837666;  text-transform:uppercase; }
.sitemap ul li .contenu_liste{ display: none; color: #555555; font-style: italic; padding: 0px 15px; border-left: 1px solid #837666; border-right: 1px solid #837666; border-bottom: 1px solid #837666; }
Free wall programs map¬.free-wall{margin: 15px;}
.brick {border: none;float:left;width:360px !important;background:#1b2b44;opacity: 1;}
.info{padding:15px}
.brick img {display: block;margin: 0;}
.brick :hover, .brick a:hover, .brick img:hover{opacity: 0.5;z-index: 2;}
.brick .info .location{background: url(/common/img/fondation/sprite.png) no-repeat -341px -309px;font-weight: bold;font-size: 19px;padding-left:25px;}
#content .content-wrap .brick .info h3{font-weight: bold;padding-bottom:4px;}
#content .content-wrap .brick .info h4{font-family:'SomfySans-Regular', sans-serif;font-size:18px;text-transform:none;padding-top: 8px;padding-left: 8px;}
#content .content-wrap .brick .info p{font-family:'SomfySans-Regular', sans-serif;text-transform:none;padding-left: 8px;font-size: 16px;}
#content .content-map{padding-top:0px !important;}
#content .content-map {padding-bottom: 0px !important;}
#content .content-wrap_map .form-wrap dl .custom-select {background: #1b2b44;}
@media screen and (min-width: 300px) and (max-width: 325px) {.brick , .brick img{width:300px !important;}
}