/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Fonts
   ========================================================================== */

   /* cyrillic-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnPKreSxf6TF0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnPKreQhf6TF0.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnPKreShf6TF0.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnPKreRRf6TF0.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnPKreSRf6TF0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnPKreSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnPKreRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/va9E4kDNxMZdWfMOD5VvmojLeTY.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/va9E4kDNxMZdWfMOD5Vvk4jLeTY.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/va9E4kDNxMZdWfMOD5Vvm4jLeTY.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/va9E4kDNxMZdWfMOD5VvlIjLeTY.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/va9E4kDNxMZdWfMOD5VvmIjLeTY.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnZKveSxf6TF0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnZKveQhf6TF0.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnZKveShf6TF0.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnZKveRRf6TF0.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnZKveSRf6TF0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnZKveSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eSxf6TF0.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eQhf6TF0.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eShf6TF0.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eRRf6TF0.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eSRf6TF0.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  /* latin-ext */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzY4SY.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzYw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NaPecZTIAOhVxoMyOr9n_E7fdM3mDbRS.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/NaPecZTIAOhVxoMyOr9n_E7fdMPmDQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   @author: Thomas Rambaud @ dixxit.fr
   
   Google fonts: 
   'Fira Sans', sans-serif
   'Titillium Web', sans-serif
   
   light          : font-weight:200
   Book           : font-weight:300
   Medium/Regular : font-weight:500
   Semi-bold      : font-weight:600
   Bold (700)     : font-weight:bold
   Extra-bold     : font-weight:800
   ======-==================================================================== */


::-webkit-input-placeholder {
   font-style: italic;
   color:#999a97;
}
:-moz-placeholder {
   font-style: italic;
   color:#999a97;
}
::-moz-placeholder {
   font-style: italic;
   color:#999a97;
}
:-ms-input-placeholder {  
   font-style: italic;
   color:#999a97;
}

body {font-family:'Fira Sans', sans-serif;word-break: break-word;}
#skip-link {visibility: hidden;position: absolute;top:0;left:0;}
#skip-link:focus {visibility: visible;}

.element-invisible {display:none}
.link-image:hover,
.arrow:hover,
.std-button:hover,
.button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="image"]:hover {opacity:0.8;cursor:pointer;}

input[type="number"],
input[type="text"],
input[type="email"],
input[type="password"] {background:#fff;border:none;padding:10px;box-sizing:border-box;word-break: normal;}

input[type=checkbox]:after {content: " ";background-color: #fff;display: inline-block;visibility: visible;width: 19px;height: 21px;border: solid 1px #ccc;padding-top: 0;text-align: center;vertical-align: top;font-size: 14px;position:relative;top:-1px;}
input[type=checkbox]:checked:after {content: "\2714";color:#de63a7;}
/*input[type="checkbox"] {-webkit-appearance: none;-moz-appearance: none;-o-appearance:none;appearance: none;border:solid 1px #687880;width:18px;height:18px;display:inline-block;content: " ";background:#fff;padding-top: 0;text-align: center;vertical-align: top;font-size: 14px;position:relative;top:-1px;padding:0 !important;}
input[type="checkbox"]:checked {content: "\2714";line-height:20px;color:#de63a7;}*/

textarea, select {box-sizing:border-box;word-break: normal;}

select, option {outline:0;}

h1, h2, h3, h4, h5 {margin:0;font-weight: normal;}

h2.lined {font-size:22px;color:#687880;font-family:'Titillium Web', sans-serif;font-weight:300;background: url(../img/lined.jpg) repeat-x center center;text-align:center;text-transform:uppercase;}
h2.lined span {background:#fff;padding:0 10px;}

li {font-family:'Titillium Web', sans-serif;font-weight:300;}

.field {position:relative;margin-bottom:10px;}
.field label {font-family: 'Titillium Web', sans-serif;font-weight: 500; font-size:18px;}
.field label.alignleft {float:left;width:40%;padding-right:20px;box-sizing: border-box;}
.field label.alignleft + input,
.field label.alignleft + select,
.field label.alignleft + textarea,
.field label.alignleft + div,
.field .ms-parent {float:left;width:54%;box-sizing:border-box;}
.field label em {font-size:12px;display: block;color:#687880;}
.field .ms-parent,
.field select {max-width:600px;max-height:50px;}
.field .ms-drop {width:100%;}
.label-inside {position:absolute;width:75px;left:17px;top:10px;}
.label-inside + input {padding-left:80px;padding-top:15px;padding-bottom:15px;}

.cb input {float:left;margin-right:10px;position:relative;top:5px;}

.ms-parent {width:98%;}

.section, #search-form {max-width:1280px;margin:auto;position:relative;}
.marginbot20 {margin-bottom:20px;}
.padding {padding:0 10px;}
.bigpadding {padding:0 100px 30px 100px;}
.padd20 {padding:20px;}
.padd20-0 {padding:20px 0;}
.paddleft20 {padding-left:20px;}
.paddleft25 {padding-left:25px;}
.paddright20 {padding-right:20px;}
.padd0-30 {padding:0 30px;}
.padd40 {padding:40px;}
.relative {position:relative;}
.center {text-align: center;}
.alignright {text-align: right;}
.breakword {word-wrap: break-word;word-break: break-all;}

.cell {float:left;box-sizing:border-box;}
.cell.goright {float:right;}
.cell.w10 {width:10%;}
.cell.w20 {width:20%;}
.cell.w25 {width:25%;}
.cell.w30 {width:30%;}
.cell.w33 {width:33.3333%;}
.cell.w35 {width:35%;}
.cell.w40 {width:40%;}
.cell.w45 {width:45%;}
.cell.w50 {width:50%;}
.cell.w55 {width:55%;}
.cell.w60 {width:60%;}
.cell.w70 {width:70%;}
.cell.w75 {width:75%;}
.cell.w80 {width:80%;}

.invisible {display:none;}

.title2-container {text-align:center;}
.title2 {font-family:'Fira Sans', sans-serif;font-weight: 200;color:#fff;display:inline-block;font-size:32px;margin-bottom:50px;padding-top:50px;}
.title2:after {content:" ";position:relative;display:block;border-bottom:solid 6px #fff;width:50%;top:10px;margin:auto;}
.title2 strong {font-weight:600;}

.title3 {font-family:'Fira Sans', sans-serif;font-weight:200;text-transform:uppercase;font-size:32px;color:#000;margin-bottom:20px;padding-bottom:20px;box-sizing:border-box;display:inline-block;line-height:1.1em;}
.title3:after {content:" ";position:relative;display:block;border-bottom:solid 6px #000;width:60%;top:13px;}
.title3 strong {font-weight:600;}

.small-search-form {position: absolute;bottom: 25px;width: 91%;box-sizing: border-box;left: 25px;}
.small-search-form #keywords {width: 100%;height: 56px;}

.carousel-container {position:relative;}
.carousel-slider {position:relative;}
.carousel-bullets {text-align: center;padding-top:25px;}
.carousel-bullets > span {display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:10px;cursor: pointer;background:rgba(0,0,0,0.4);}
.carousel-bullets > span:last-child {margin-right:0;}
.carousel-bullets > span:hover,
.carousel-bullets > span.active {background:#fff;}
.carousel.fade .carousel-item {position:absolute;top:0;left:0;width:100%;}

.carousel.slide {overflow:hidden;}
.carousel.slide .carousel-container {width:9999px;text-align: left;}

.smallpadding {padding:0 10px;}

.link-image {text-decoration: none;}

.underline {text-decoration: underline;}
.pointer {cursor: pointer;}

.std-button {border:none;text-decoration:none;text-transform:uppercase;color:#fff;padding:15px 20px;background:#de63a7;font-family:'Titillium Web', sans-serif;font-weight:200;font-size:22px;display:inline-block;margin-top:15px;width:auto;cursor:pointer;}
.std-button.bg-white {border:solid 1px #e7e7e7;}

.std-button2 {border:none;text-decoration:none;color:#fff;padding:7px 10px 9px 10px;background:#de63a7;font-family:'Titillium Web', sans-serif;font-weight:200;font-size:18px;display:inline-block;margin:10px 0 20px 0;width:96.5%;box-sizing:border-box;text-align:center;cursor:pointer;}
.std-button2:hover {opacity:0.8;}

.std-button.candidate.active {opacity: 0.8;}
.std-button.candidate .cancel {display:none;font-size:16px;}
.std-button.candidate.active .approve {display:none;}
.std-button.candidate.active .cancel {display: inline;}

.std-button-plus {padding:8px 22px 14px 22px;}

.std-article {border-bottom:solid 1px #fff;height:183px;position:relative;overflow: hidden;}
.std-article a {text-decoration:none;color:#fff;}
.std-article a > .img,
.std-article a > img {float:left;width:183px;margin-right:15px;overflow: hidden;}
.std-article a > .img img {width:183px;height: auto;}
.std-article h4 {font-family:'Titillium Web', sans-serif;font-weight:600;font-size:20px;margin-bottom:10px;margin-top:-6px;}
.std-article p {font-family:'Titillium Web', sans-serif;font-size:18px;margin:0 0 1px 0;width:97%;}
.std-article p strong {font-weight:600;}

.std-article.small {height:73px;}
.std-article.small img {width:73px;height:73px;}
.std-article.small a {font-size:18px;font-weight: 200;}
.std-article.small a > span {max-width:73%;display:inline-block;font-weight: 500;}

.std-article-green {border-color:#015466;}
.std-article-pink {border-color:#ed7ebc;}
.std-article-orange {border-color:#f18d2d;}
.std-article-lightgreen {border-color:#8ea11d;}

.std-article.verysmall {/*height:40px;*/}

.std-testimony {border-bottom:solid 1px #fff;height:183px;position:relative;}
.std-testimony a {text-decoration:none;color:#fff;}
.std-testimony p {font-family:'Titillium Web', sans-serif;font-size:20px;margin:0 0 3px 0;}
.std-testimony div {position:absolute;left:0;bottom:0;width:100%;}
.std-testimony div p {font-size:18px;padding-top:5px;}
.std-testimony div img {width:76px;float:left;margin-right:15px;}

.std-block {width:320px;float:left;margin-left:40px;}
.std-block:hover p {opacity:0.8;}
.std-block a {text-decoration:none;color:#fff;}
.std-block a div {display:table;width:100%;}
.std-block img {width:100%;height:auto;}
.std-block p {background:#007e95;margin:0;padding:20px;font-size:20px;text-transform: uppercase;text-align: center;font-family:'Titillium Web', sans-serif;font-weight:500;display:table-cell;height:140px;box-sizing:border-box;width:100%;vertical-align:middle;}

.std-link {font-family:'Titillium Web', sans-serif;font-weight:200;text-decoration: underline;color:#015466;font-size:14px;cursor:pointer;}
.std-link:hover {text-decoration: none;}

.std-annonce {margin-top:20px;box-sizing: border-box;border:solid 1px #e7e7e7;padding:5px;position:relative;width:100%;padding-bottom:60px;}
.std-annonce.heightauto {min-height:105px;}
.std-annonce .img {float:left;width:94px;height:100%;overflow: hidden;}
.std-annonce .img img {width:100%;height:auto;}
.std-annonce .main {float:left;width:calc(100% - 104px);}
.std-annonce .main h3 {font-family: 'Fira Sans', sans-serif;font-size:23px;font-weight: 600;color:#015466;padding-left:15px;position:relative;top:5px;}
.std-annonce .main h3 a {text-decoration: none;color:#015466;}
.std-annonce .main h3 a:hover {text-decoration: underline;}
.std-annonce .main p {font-family:'Titillium Web', sans-serif;font-weight: 200;margin:5px 0;padding-left:15px;font-size:16px;color:#7c8a91;}
.std-annonce .main p a {color:#7c8a91;}
.std-annonce .main p a:hover {text-decoration: none;}
.std-annonce .main p span {font-weight: 600;}
.std-annonce .details {position:absolute;bottom:0;right:0;}
.std-annonce .infos {background:#f8f8f8;padding:15px 0;position:absolute;bottom:0;left:0;width:100%;color:#7c8a91;overflow: hidden;}
.std-annonce .infos.nopadd {padding:0;}
.std-annonce .fa {color:#bbc4c8;margin-right:5px;}
.std-annonce .infos strong,
.std-annonce .infos .link {color:#e177b2;text-decoration: none;}
.std-annonce .infos a:hover {text-decoration: underline;}
.std-annonce .infos .std-button {margin-top: 0;padding-top: 14px;padding-bottom: 13px;font-size: 18px;}
.std-annonce > .std-button {padding-top:10px;padding-bottom:10px;}
.std-annonce .status {border-radius:50%;width:15px;height:15px;display:inline-block;margin-right:5px;position:relative;top:2px;}
.std-annonce .status-10 {background:#f28d2c;}
.std-annonce .status-20 {background:#82d34c;}
.std-annonce .status-30 {background:#2b8598;}
.std-annonce .status-40 {background:#d34c59;}
.std-annonce .status-70 {background:#ccc;}
.std-annonce .delete-candidature {position:absolute;top: 10px;right:10px;color:#687880;font-size:16px;}
.std-annonce .delete-candidature:hover {text-decoration: none;}

.std-annonce-status {padding:15px;background:#f8f8f8;margin-top:20px;min-height:160px;box-sizing: border-box;}
.std-annonce-status p {margin:0 0 5px 0;color:#687880;}
.std-annonce-status a {color:#c95693;}
.std-annonce-status .status {font-family:'Titillium Web', sans-serif;font-weight:500;font-size:22px;}
.std-annonce-status .status-attente {color:#687880;}
.std-annonce-status .status-accepte {color:#82d34c;}
.std-annonce-status .status-pourvu {color:#d34c59;}

.plus {background:url(../img/plus.png) no-repeat top left;width:44px;height:44px;display:block;position:absolute;bottom:0;right:0;cursor:pointer;}
a:hover .plus {opacity:0.7;}

.pink {color:#de63a7;}
.white {color:#fff;}
.black {color:#000;}
.orange {color:#F18D2D;}
.grey {color:#687980;}
.green {color:#007187;}
.red {color:#d34c59;}
.blue {color:#2b8598;}
.lightgreen {color:#9fb329;}
.model {color:#ccc;}

.bg-pink {background-color:#de63a7;}
.bg-white {background-color:#fff;}
.bg-black {background-color:#000;}
.bg-green {background-color:#007187;}
.bg-orange {background-color:#F18D2D;}
.bg-grey {background-color:#687980;}
.bg-lightgrey {background-color:#BECAD6;}
.bg-lightgreen {background-color:#BCD03D;}
.bg-blue {background-color:#24798c;}

.encadre {border-bottom:solid 3px #015466;margin-top:20px;}
.encadre h4 {font-family:'Fira Sans', sans-serif;font-weight:500;font-size:22px;color:#fff;padding:10px;background:#015466;}
.encadre p {padding-left:10px;padding-right:10px;}
.encadre.seul {width:90%;max-width:768px;margin:30px auto;}

figure.seul {max-width:640px;margin:auto;}

.citation {max-width: 525px;margin:0 auto 20px auto;}
.citation blockquote {font-family:'Titillium Web', sans-serif;border-top:solid 2px #de63a7;margin:0;padding:30px 0 0 0;position: relative;margin-top:57px;clear:both;}
.citation blockquote:after {content:" ";background: url(../img/quote-big.jpg) no-repeat top left;width: 110px;height: 104px;display: block;position: absolute;top:-74px;left:-10px;}
.citation blockquote p {margin:0;}
.citation blockquote > p {color:#687880;font-size:22px;font-style:italic;padding-bottom: 30px;}
.citation blockquote footer {border-top:solid 2px #de63a7;padding-top: 10px;}
.citation cite {color:#687880;font-size: 18px;font-style: normal;display: block;text-align: right;}
.citation cite strong {font-weight: 600;color:#de63a7;display: block;}

div.video {margin:20px 0;padding:30px 100px 60px 100px;background:url(../img/video-bg.jpg) no-repeat top right;background-color:#007e95;background-size: cover;}
div.video h2 {color:#fff;}
div.video h2:after {display:none;}
div.video p {color:#fff;margin-top:1px;}
div.video .iframe-wrapper {position: relative;padding-bottom: 56.25%;padding-top: 0;height: 0;}
div.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.half {width:50%;float:left;}
.h480 {height:500px;overflow: hidden;}

.arrow {background:url(../img/arrows.png) no-repeat top left;display:block;width:38px;height:59px;position:absolute;top:45%;top:calc(50% - 59px);}
.arrow-left {left:20px;}
.arrow-right {right:20px;background-position: top right;}

.share {border-top:solid 1px #F4F4F4;width:100%;box-sizing:border-box;padding:10px;bottom:0;left:0;position:absolute;}
.share i {height:auto;margin-right:10px;color:#b7bcbf;font-size:18px;}

.hub-blocks {padding:40px 0;}
.hub-blocks .loading {position: absolute;display: block;left: 50%;top: 10%;margin-left: -32px;}
.hub-block .cell {overflow: hidden;}
.hub-block .inner, .hub-block * {transition:all linear 150ms;}
.hub-block {float:left;width:33.33%;box-sizing: border-box;padding:0 10px 20px 10px;}
.hub-block .inner {border:solid 1px #F4F4F4;height:420px;box-sizing: border-box;position:relative;overflow: hidden;}
.hub-block .hub-img {width:100%;height:auto;}
.hub-block a {text-decoration:none;}
.hub-block p,
.hub-block h2 {padding:0 10px;}
.hub-block h2 {font-family:'Fira Sans', sans-serif;font-weight:500;font-size:22px;text-transform:uppercase;color:#015466;padding:20px 20px 0 20px;line-height:1.1em;}
.hub-block h2.alone {margin-top:40px;}
.hub-block p {font-size:16px;color:#687880;font-family:'Titillium Web', sans-serif;padding:10px 20px 0 20px;margin-top:0;}
.hub-block time {background:rgba(0,0,0,0.3);display:inline-block;padding:5px 10px;position:absolute;top:0;left:10%;font-family:'Titillium Web', sans-serif;font-weight:200;font-style:italic;font-size:14px;color:#fff;}
.hub-block .hubplus {position:absolute;display:block;width:43px;font-family:'Titillium Web', sans-serif;height:43px;color:#fff;background-color:#015466;z-index:1;bottom:0;right:0;text-align:center;font-size:48px;line-height:0.7em;font-weight:200;}
.hub-block .share {padding-left:25px;}
.hub-block.two {width:66.66%;}
.hub-block.two img {width:95%;height:auto;margin-right:20px;}
.hub-block.two .share {width:52.5%;right:0;left:auto;}
.hub-block.two time {left:52.5%;}
.hub-block.colored:hover h2,
.hub-block.colored:hover i,
.hub-block.colored:hover p {color:#fff;}
.hub-block.colored:hover .hubplus {background-color:#fff;}
.hub-block.color-green:hover .inner {background-color:#007187;}
.hub-block.color-green:hover .hubplus {color:#007187;}
.hub-block.color-lightgreen:hover .inner {background-color:#bad03d;}
.hub-block.color-lightgreen:hover .hubplus {color:#bad03d;}
.hub-block.color-orange:hover .inner {background-color:#f18d2d;}
.hub-block.color-orange:hover .hubplus {color:#f18d2d;}
.hub-block.color-pink:hover .inner {background-color:#de63a7;}
.hub-block.color-pink:hover .hubplus {color:#de63a7;}

.pagination, #search-form .item-list {background:#E6E6E6;padding:40px 30px 5px 30px;text-align: center;}
.pagination .containment, .pager {height:44px;}
.pagination a, .pager li {font-family:'Titillium Web', sans-serif;font-weight:200;color:#697980;text-decoration: none;font-size:18px;text-transform: uppercase;box-sizing: border-box;}
.pager li a {color:#697980;}
.pagination .number {font-size:28px;padding:0 3px 0 3px;}
.pagination .current, .pager-current {font-weight:600;}
.pagination-previous {float:left;background:url(../img/pagination-arrow-left.jpg) no-repeat top left;padding-left:65px;height:44px;padding-top:7px;position:absolute;left:100px;}
.pagination-next {float:right;background:url(../img/pagination-arrow-right.jpg) no-repeat top right;padding-right:65px;height:44px;padding-top:7px;position:absolute;right:0;top: 0;}
.pagination .pagesin {max-width: 50%;transform: translateY(-25%);margin: 0 auto;}

ul.primary {margin:0;}

.form-errors {display:none;}

.std-form .field-photo {background: #f8f8f8 url(../img/bigplus.jpg) no-repeat center 35%;text-align: center;cursor: pointer;padding-top: 78px;padding-bottom: 23px;margin-right: 2px;position:relative;}
.std-form .field-photo.has-photo {background-image:none;}
.std-form .field-photo:hover {opacity: 0.8;}
.std-form .field-photo p {z-index:1;font-family:'Titillium Web', sans-serif;font-weight:600;color:#f28d2c;font-size:16px;position:relative;top:15px;padding:0 20px;text-transform: uppercase;}
.std-form .field-photo p span {display: block;font-size:16px;font-weight: 200;color:#acb7bb;text-transform: none;font-style:italic;}
.std-form .field-photo .hidden-file {position:absolute;width:100%;bottom:0;height:100%;opacity:0;z-index:2;cursor: pointer;left:0;}
.std-form .field-photo img {position: absolute;width: 56px;left: 38%;top: 42px;}

.std-form .field label {width:34%;max-width:355px;font-family:'Titillium Web', sans-serif;color:#687880;font-size:18px;font-weight: 500;display:block;box-sizing:border-box;padding:5px 15px 5px 0;}
.std-form .paddleft label {padding-left:25px;}
.std-form .field label.widthauto {width:auto;float:none;}
.std-form .field input,
.std-form .field select,
.std-form .field textarea {background:#f8f8f8;border:none;padding:9px 15px;border:none;width:66%;font-family:'Titillium Web', sans-serif;font-weight:500;color:#687880;font-size:18px;outline-offset:0;}
.std-form .mandatory {color:#f18d2d;font-size:18px;padding-left:2px;}
.std-form .field .int {width:100px;} 
.std-form .field label.w300 {width:325px;}
.std-form .field label.w200 {width:225px;}
.std-form .textarea-default-height {height:130px;resize:none;}

.std-form .notice {width:100px;font-family:'Titillium Web', sans-serif;font-weight:500;color:#acb7bc;font-size:16px;font-style:italic;position:relative;top:10px;padding-left:5px;}

.std-form .field-huge-textarea {padding:15px 0;margin:0;}
.std-form .field-huge-textarea label {max-width:95%;}
.std-form .field-huge-textarea h2 {margin-bottom:7px;}
.std-form .field-huge-textarea textarea {display:block;padding:10px 15px;background:#f8f8f8;box-sizing: border-box;width:100%;min-height: 160px;resize:none;}

.std-form .field input[type="checkbox"],
.std-form .field input[type="radio"] {width:19px;height:19px;position:relative;top:9px;}
.std-form .field-cblist {max-width:80%;clear:both;margin-top:0;}
.std-form .field-cblist .cb:nth-child(odd) {clear:left;margin-left:0;}
.std-form .field-cblist .cb {float:left;margin:0 10px;}
.std-form .field-cblist .cb:first-child {margin-left:0;}
.std-form .field-cblist .cb > label {float:left;width:auto;}

.std-form .field-tooltip {background: url(../img/triangle.png) no-repeat bottom 0px left 12px;padding-bottom: 10px;position: absolute;top: -16px;font-family: 'Titillium Web', sans-serif;font-weight: 200;font-size: 14px;color: #fff;min-width:169px;z-index:1;}
.std-form .field-tooltip span {background:#acb7bb;padding:2px 10px;}

.std-form .field .invalid {outline:1px solid #de1419;}
.std-form .field input[type="checkbox"].invalid {outline:0;}

.std-form .toggle-btn {cursor:pointer;border:solid 1px #f18d2d;padding:3px 10px;color:#f18d2d;float:left;margin:0 10px 10px 0;font-size:16px;transition:200ms linear background-color;}
.std-form .toggle-btn:hover,
.std-form .toggle-btn.active {background:#f18d2d;color:#fff;}
.std-form .toggle-btn:hover {opacity: 0.65;}
.std-form .toggle-btn.active {opacity: 1 !important;}

.std-form .mandatory-explanation {color:#f18d2d;position:absolute;left:10px;top:0px;}

.std-form .std-button {background-color:#f18d2d;}
.std-form .std-button.green {background-color:#015466;color:#fff;}

.std-form .toggle-banner {padding:0 25px;margin:0 0 20px 0;}
.std-form .toggle-banner p {font-family:'Titillium Web', sans-serif;font-weight:500;color:#fff;font-size:20px;display:inline-block;margin:0;position:relative;top:-13px;}
.std-form .toggle-switch {font-family:'Titillium Web', sans-serif;font-weight:500;color:#fff;font-size:20px;padding:0 20px;display: inline-block;}

.form-error-msg {color:#c85694;}

.onoffswitch {position: relative; width: 116px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;text-align: left;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer;border:none; border-radius: 50px;padding:0 !important;width:auto !important;}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%;transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 41px; padding: 0; line-height: 41px;font-size: 20px; color: white;font-family:'Titillium Web', sans-serif;font-weight:600;box-sizing: border-box;letter-spacing:1px;}
.onoffswitch-inner:before {content: "Oui";padding-left: 14px;background-color: #EEEEEE; color: #F18D2D;}
.onoffswitch-inner:after {content: "Non";padding-right: 14px;background-color: #EEEEEE; color: #999999;text-align: right;}
.onoffswitch-switch {display: block; width: 38px; height: 38px; margin: 1.5px;background: #A1A1A1;position: absolute; top: 0; bottom: 0;right: 75px; border-radius: 50px;transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {margin-left: 0;}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {right: 0px; background-color: #F18D2D; }

.std-form .toggle-box {padding-left:25px;}
.std-form .toggle-box p {color:#f18d2d;font-family:'Titillium Web', sans-serif;font-weight:500;font-size:18px;display: inline-block;margin:5px 0 23px 0;}
.std-form .toggle-box .toggle-switch {color:#acb7bc; position: relative;top: 15px;left: 15px;}

.std-form.pink-form .toggle-btn {border-color:#de63a7;color:#de63a7;}
.std-form.pink-form .toggle-btn:hover,
.std-form.pink-form .toggle-btn.active {background-color:#de63a7;color:#fff;}
.std-form.pink-form .std-button,
.std-form.pink-form .std-button2 {background-color: #de63a7;}
.std-form.pink-form .mandatory-explanation {color: #de63a7;}
.std-form.pink-form .onoffswitch-inner:before {color:#de63a7;}
.std-form.pink-form .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {background-color:#de63a7;}
.std-form.pink-form .ms-choice span {color:#de63a7;}
.std-form.pink-form .toggle-banner p {color:#de63a7;}

.std-form.orange-form .toggle-btn {border-color:#F18D2D;color:#F18D2D;}
.std-form.orange-form .toggle-btn:hover,
.std-form.orange-form .toggle-btn.active {background-color:#F18D2D;color:#fff;}
.std-form.orange-form .std-button,
.std-form.orange-form .std-button2 {background-color: #F18D2D;}
.std-form.orange-form .mandatory-explanation {color: #F18D2D;}
.std-form.orange-form .ms-choice span {color:#F18D2D;}
.std-form.orange-form .toggle-banner p {color:#F18D2D;}
.std-form.orange-form input[type=checkbox]:checked:after {color:#F18D2D;}

.std-form .field-civilite input {width:auto;position:relative;top:11px;}
.std-form .field-civilite .cb {clear:none !important;}
.std-form .field .fullwidth {width:100%;box-sizing: border-box;}
.std-form .field .std-textarea {height:100px;resize: none;}

.std-form .field-banner {padding:20px;background:#f8f8f8;margin:0 0 20px 0;text-align: center;margin-top:20px;}
.std-form .field-banner label {font-family:'Titillium Web', sans-serif;font-weight:500;color:#015466;font-size:22px;display:inline-block;margin:0;text-transform:uppercase;max-width:100%;float:none;width:auto;margin-right:20px;}
.std-form .field-banner select {background:#fff;}

.std-form #cbs {margin:20px 0;}
.std-form #cbs p {font-family:'Titillium Web', sans-serif;font-weight:500;color:#687880;font-size:18px;font-style: italic;font-style:italic;margin:5px 0;position:relative;}
.std-form #cbs a {text-decoration: underline;color:#687880;}
.std-form #cbs a:hover {text-decoration: none;}
.std-form .buttons {text-align: right;padding-bottom:20px;}
.std-form .submit-buttons {border-top:3px solid #015466;position:relative;padding-right:0 !important;}
.std-form .submit-buttons input {margin-top:0;opacity: 0.4;transition: opacity 400ms linear;cursor: default}
.std-form .submit-buttons input.active {opacity: 1;cursor: pointer;}

.std-form .ms-choice {background: #f8f8f8;border: none;padding: 10px;border: none;font-family: 'Titillium Web', sans-serif;font-weight: 500;color: #687880;font-size: 18px;box-sizing:border-box;height:47px;outline:0;}
.std-form .ms-choice div {top:11px;}
.std-form .ms-choice > div {right:3px;}
.std-form .ms-choice span {top:11px;}
.std-form .ms-drop.bottom {background: #f8f8f8;box-shadow: none;border:none;padding:0;border-left:solid 1px #f8f8f8;border-right:solid 1px #f8f8f8;border-bottom:solid 1px #f8f8f8;box-shadow:0px 6px 11px -8px #333;}
.std-form .ms-drop.bottom label {padding:0 0 3px 0;font-size:17px;}
.std-form .ms-drop.bottom input {margin-top: -21px;margin-right: 6px;background:#fff;}
.std-form .ms-drop ul {padding:10px;margin-bottom:5px;}

.std-form .tip {color:#acb7bc;font-size:18px;}
.std-form .tip.topright {position:absolute;top:40px;right:5px;}

.std-fieldset {background:#f8f8f8;padding:15px 30px;}
.std-fieldset + .std-fieldset {margin-top:20px;}
.std-fieldset h2 {padding-left:25px;}
.std-fieldset h2:first-child {margin-top:5px;}
.std-fieldset .field input,
.std-fieldset .field select,
.std-fieldset .ms-choice,
.std-fieldset .ms-drop.bottom,
.std-fieldset .field textarea {background-color:#fff;}

.encadre-simple {padding:14px;font-family: 'Titillium Web', sans-serif;font-weight: 500;color:#acb7bc;font-size:18px;border:solid 1px #F18D2D;    margin-bottom: 20px;margin-top: 8px;}
.encadre-simple p {margin:0;}
.encadre-simple em {color:#f18d2d;}

.bigger {font-size:20px;}

.featherlight {background:rgba(0,0,0,0.7);}
.featherlight .tarifs {max-height:640px;overflow:auto;}
.featherlight .tarifs * {font-size:16px;}
.featherlight table {width:100%;}
.featherlight table th,
.featherlight table td {padding:2px 10px;}
.featherlight .featherlight-content {background:#f8f8f8;margin-left:0;margin-right:0;min-width:40%;max-width:830px;position:relative;overflow:visible;}
.featherlight .clearfix > .left,
.featherlight .clearfix > .right {float:left;width:50%;box-sizing:border-box;padding:20px;}
.featherlight .clearfix > .left {border-right:solid 1px #dfdfdf;padding-right:30px;}
.featherlight .clearfix > .right {padding-left:30px;}
.featherlight h2 {font-family:'Titillium Web', sans-serif;font-weight: 500;text-transform: uppercase;color:#015466;font-size:22px;margin-bottom:30px;text-align:center;}
.featherlight .std-button,
.featherlight .std-button2 {background:#015368;}
.featherlight .field label {color:#acb7bc;}
.featherlight .field input {background: #fff;}
.featherlight .yes {margin-right:10px;}
.featherlight .yes .loading {width:23px;height:auto;}
.featherlight .no {opacity: 0.8;}
.featherlight .chapo {font-family:'Titillium Web', sans-serif;font-weight: 200;color:#015466;font-size:18px;margin:0 0 20px 0;}
.featherlight .featherlight-close-icon {font-size: 36px;top:14px;right:15px;color: #d4d9db;}

.back-button {background:url(../img/back-button.jpg) no-repeat left center;font-family:'Titillium Web', sans-serif;font-weight: 200;text-transform: uppercase;font-size:16px;color:#697980;padding-left:33px;text-decoration:none;margin-left:15px;margin-top:5px;display:block;}
.back-button:hover {opacity:0.8;}

.bordered {border-top:solid 3px #015466;border-bottom:solid 3px #015466;}
.border-grey {border-right:solid 1px #e5e5e5;padding-top:0;margin-top:20px;}

.favstar {background:url(../img/favstar.png) no-repeat top left;width:29px;height:28px;display:block;position:absolute;top:20px;right:20px;cursor: pointer;}
.favstar:hover, .favstar.active {background-image:url(../img/favstar-active.png);}
.favstar:after {content:"Ajouter aux favoris";font-family:'Titillium Web', sans-serif;font-weight: 200;color:#E279B4;font-size:16px;position:absolute;right:36px;top:4px;width:150px;display:block;text-align:right;opacity:0;transition:all 200ms linear;}
.favstar:hover {opacity: 0.8;}
.favstar.active {opacity:1}
.favstar.active:after {content:"Retirer des favoris";}
.favstar:hover:after {opacity:1;}

.partner-badge {position:absolute;top:0;right:90px;}

.onglet h1 {font-family:'Titillium Web', sans-serif;font-weight:600;color:#015466;font-size:30px;text-transform: uppercase;margin:20px 0;}
.onglet h2 {font-family:'Titillium Web', sans-serif;font-weight:500;color:#2b8598;font-size:22px;text-transform: uppercase;margin:20px 0;}
.onglet h2.lower {text-transform: none;}
.onglet form h2:first-child {margin-top:0;}

.confirmation-message {font-size:18px;text-align: center;width:60%;margin:auto;padding-top:15px;min-width:300px;}
.confirmation-message p {font-weight: bold;}

#ui-datepicker-div {background:#687880;padding:0;}
#ui-datepicker-div * {font-family:'Titillium Web', sans-serif;font-size:18px;font-weight: 200;font-style: normal;color:#fff;border:none;text-align: center;}
#ui-datepicker-div th { border-collapse: collapse;border: solid 1px #8e9fad;padding-top: 2px;padding-bottom: 4px;text-transform: lowercase;}
#ui-datepicker-div .ui-datepicker-title {font-weight: 600 !important;text-transform: uppercase;}
.ui-datepicker .ui-datepicker-header {background:none;border:none;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {background: url(../img/datepicker-arrow-left.png) no-repeat 4px 4px;background-color: #687880;background-position:4px 4px !important;}
.ui-datepicker .ui-datepicker-next {background-image: url(../img/datepicker-arrow-right.png);}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {opacity: 0 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:#8e9fad;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-datepicker-calendar .ui-state-hover {background:#de63a7;}

.burger-menu a:focus, .burger-menu a:hover {opacity:0.8;}
#slicknav, .slicknav_menu {display:none;}

#toolbar {box-shadow: none;}

#header {}
#header .main {height:150px;}
#logo {margin-top:25px;display: block;float:left;}

#nav1 {position:absolute;right:0;bottom:0;}
#nav1 a {font-family:'Fira Sans', sans-serif;font-size:22px;text-transform:uppercase;text-decoration:none;color:#697980;margin-right:5px;padding-right:5px;position:relative;}
#nav1 a:after {content:"|";position:relative;font-size:18px;margin-left:12px;color:#697980;}
#nav1 a:hover {opacity:0.8;}
#nav1 a:last-child {padding-right:0;}
#nav1 a:last-child:after {display:none;}
#nav1 .t {transition: 250ms opacity linear;position: absolute;bottom: -12px;background: url(../img/triangle-black.jpg) no-repeat top left;width: 19px;height: 9px;margin-left: -9px;display: block;left: 40%;}

#nav1 .item1:hover,
#nav1 .item1.active,
#nav1 .item5:hover,
#nav1 .item5.active {color:#24798c;}

#nav1 .item2:hover,
#nav1 .item2.active {color:#ed7ebc;}

#nav1 .item3:hover,
#nav1 .item3.active {color:#f18d2d;}

#nav1 .item4:hover,
#nav1 .item4.active {color:#abc124;}

#nav1-b {margin-top:8px;background:#687880;width:100%;text-align: right;position: relative;}
#nav1-b a {font-family:'Fira Sans', sans-serif;font-size:20px;color:#fff;padding:10px 0;text-transform: uppercase;margin-right:5px;padding-right:5px;display: inline-block;text-decoration:none;position:relative;}
#nav1-b a:hover {opacity:0.8;}
#nav1-b a:after {content:"|";position:relative;font-size:18px;margin-left:15px;color:#fff;}
#nav1-b a:last-child:after {display:none;padding-right: 0;}

#nav2 {position: absolute;top: 0;right: 321px;text-align: right;background: #787f82;height: 50px;box-sizing: border-box;padding-top:11px;padding-right: 20px;max-width:670px;padding-left:20px;}
#nav2 a {font-family:'Titillium Web', sans-serif;color:#fff;font-size:16px;padding-right:3px;text-transform:uppercase;text-decoration:none;padding-left:0;position: relative;}
#nav2 a:hover {opacity: 0.8;}
#nav2 a:after {content:"|";position:relative;font-size:17px;margin-left:10px;top:-2px;}
#nav2 a:last-child {margin-right:0;padding-right:0;}
#nav2 a:last-child:after {display:none;}

#user-tools {position:absolute;top:0;right:0;width:320px;height:100px;}
#user-tools-buttons .button {display:block;width:50%;float:left;box-sizing:border-box;font-family:'Titillium Web';color:#fff;font-size:12px;text-decoration:none;padding-top:10px;height:50px;line-height:1.2em;}
#user-tools-buttons .button:hover {opacity:0.8;}
#user-tools-buttons .button img {margin-left:10px;margin-bottom:20px;margin-right:10px;float:left;position:relative;top:2px;}
#user-tools-buttons .connect {display: inline-block;padding-top: 6px;}

#disconnect {font-family:'Titillium Web';color:#343434;font-size:14px;text-decoration: none;position: absolute;left: 128px;top:-3px;}
#disconnect:hover {opacity:0.8;}
#disconnect i {background: #fff;width: 31px;height: 34px;text-align: center;padding-top: 19px;margin-top: 0;}

#button-dashboard {border-right:1px solid #fff;background:#015466;}
#button-center {background:#de63a7;}
#button-center img {top:-1px;}

#search-main {position:relative;}
#search-main input {display:block;float:left;}
#search-main #q {width:100%;border:none;outline:0;height:50px;background:#F5F6F8;}
#search-main #s {position:absolute;top:12px;right:10px;}

#login-form {display:none;}
#login-form.featherlight-inner {display:block;}
#login-form .buttons-login {padding-top:29px;}
#login-form .buttons-register {padding-top:16px;}
#login-form .forgot-pwd,
#login-form .back {padding-top:20px;margin-bottom:-20px;}
#login-form .forgot-pwd a,
#login-form .back a{color:#de63a7;text-decoration: underline;}
#login-form .forgot-pwd a:hover,
#login-form .back a:hover{color:#de63a7;text-decoration: none;}
#login-form .lost-submit {font-size:16px;margin-top:74px;}

#register-form {}

#form-upload-photo {position:relative;}

.fa-facebook:hover, .share .fa-facebook:hover {color:#3b5998;}
.fa-twitter:hover, .share .fa-twitter:hover {color:#1da1f2;}
.fa-linkedin:hover, .share .fa-linkedin:hover {}
.fa-envelope:hover, .share .fa-envelope:hover {color:#de63a7;}

#slideshow {margin-top:5px;}
#slideshow article,
#slideshow .carousel-item,
#slideshow .carousel-container {height:415px;}
#slideshow .carousel-bullets {position: absolute;bottom: 10px;width: 100%;}
#slideshow article {background-position:center center;background-repeat:no-repeat;background-size:cover;}
#slideshow article > div {max-width:490px;text-align:center;padding:80px;}
#slideshow h3 {font-family:'Fira Sans', sans-serif;font-size:58px;color:#fff;font-weight:300;text-transform:uppercase;line-height:1em;margin:0;}
#slideshow h3 strong {font-weight:600;} 
#slideshow .arrow {top:46%;}

#home-actus .section {padding:12px 0 19px 0;background:#015466;}
#home-actus h2 {margin:0;font-family:'Fira Sans', sans-serif;font-weight:200;text-transform:uppercase;color:#fff;font-size:27px;border-right:4px solid #6798a3;box-sizing:border-box;padding-left:20px;height:60px;float:left;line-height:1.1em;padding-top:4px;padding-right:20px;}
#home-actus h2 strong {font-weight:600;display:block;}
#home-actus h2 a {color:#fff;text-decoration: none;}
#home-actus h2 a:hover,
#home-actus h2 a:hover strong {opacity: 0.8;}
#home-actus .carousel a,
#home-actus p {color:#fff;margin:0;padding-left:20px;}
#home-actus .carousel {width: 75%;float: left;box-sizing: border-box;}
#home-actus .carousel a:hover {text-decoration: none;}
#home-actus .headline {text-transform:uppercase;}

#home-tabs-links > div {float:left;width:32.3333%;margin-right:1.5%;box-sizing:border-box;padding:20px;text-align:center;border-top:3px solid #BEC3C6;margin-top:34px;}
#home-tabs-links > div:last-child {margin-right:0;}
#home-tabs-links a {display:block;text-decoration:none;color:#fff;font-family:'Titillium Web', sans-serif;color:#BEC3C6;font-size:22px;}
#home-tabs-links img {float:left;margin-right:20px;}
#home-tabs-links span {text-align:left;margin:0;display:block;line-height:1.2em;}
#home-tabs-links .title {text-transform:uppercase;padding-top:15px;font-family:'Fira Sans', sans-serif;font-weight:500;}
#home-tabs-links .benevoles.active {border-color:#de63a7;}
#home-tabs-links .benevoles.active a,
#home-tabs-links .benevoles:hover a {color:#de63a7;}
#home-tabs-links .associations.active {border-color:#f39c49;}
#home-tabs-links .associations.active a,
#home-tabs-links .associations:hover a {color:#f39c49;}
#home-tabs-links .partenaires.active {border-color:#acc031;}
#home-tabs-links .partenaires.active a,
#home-tabs-links .partenaires:hover a {color:#acc031;}

#home-tabs-content {margin-bottom:40px;}
#home-tabs-content .left,
#home-tabs-content .right {float:left;}
#home-tabs-content .left, 
#home-tabs-content .half,
#home-tabs-content .right {padding:45px;box-sizing:border-box;}
#home-tabs-content .two,
#home-tabs-content .three {height:515px;position: relative;}
#home-tabs-content .two {width:40%;background:#DF64A7 url(../img/home-tab-bg2.png) no-repeat bottom right;position:relative;}
#home-tabs-content .two .std-button {position: absolute;bottom: 36px;left: 45px;}
#home-tabs-content .three {width:60%;background:#F5F3F6 url(../img/home-tab-1-bg.jpg) no-repeat top right;}
#home-tabs-content h3 {margin-bottom:0px;}
#home-tabs-content h3 strong {}
#home-tabs-content li {color:#de63a7;font-size:21px;}
#home-tabs-content li span {color:#687880;}
#home-tabs-content .benevoles .three .title3:after {border-color:#de63a7;}
#home-tabs-content .associations .title3:after {border-color:#f39c49;}
#home-tabs-content .partenaires .title3:after {border-color:#acc031;}
#home-tabs-content .yes-you-can {color:#de63a7;text-transform:uppercase;font-size:22px;font-family:'Titillium Web', sans-serif;font-weight:500;margin-left:150px;}
#home-tabs-content .yes-you-can:hover {text-decoration: none;}
#home-tabs-content .half {height:390px;}
#home-tabs-content .half .title3 {color:#fff;margin-bottom:30px;}
#home-tabs-content .half .title3:after {border-color:#fff;}
#home-tabs-content .annonces {background:#cc5296;}
#home-tabs-content .testimonials {background:#ed7ebc url(../img/phyl.png) no-repeat top 0 right 45px;}
#home-tabs-content > div {display:none;}
#home-tabs-content > .active {display:block;}
#home-tabs-content #home-associations li {color:#F18D2D;}
#home-tabs-content #home-associations .two {background-color:#F18D2D;background-image: url(../img/home-tab-bg2.png);}
#home-tabs-content #home-associations .two .title3:after {border-color:#fff;}
#home-tabs-content #home-associations .three {background-image: url(../img/home-tab-2-bg.jpg);}
#home-tabs-content #home-associations .annonces {background-color: #E66C17;}
#home-tabs-content #home-associations .testimonials {background-color: #F4A354;}
#home-tabs-content #home-associations .three .std-button {position: absolute;bottom: 36px;right: 45px;}
#home-tabs-content #home-partenaires li {color:#acc031;}
#home-tabs-content #home-partenaires .two {background-color:#acc031;background-image: url(../img/home-tab-bg2.png);}
#home-tabs-content #home-partenaires .two .title3:after {border-color:#000;}
#home-tabs-content #home-partenaires .three {background-image: url(../img/home-tab-3-bg.jpg);}
#home-tabs-content #home-partenaires .three .std-button {background-color: #acc031;position: absolute;bottom: 36px;right: 45px;}
#home-tabs-content #home-partenaires .three strong span {color:#acc031;}
#home-tabs-content #home-partenaires .annonces {background-color: #acc031;}
#home-tabs-content #home-partenaires .testimonials {background-color: #86981c;}

#action {background:#015466;padding-bottom:65px;}
#action .carousel {width:86%;margin:auto;}

#partners {border-top:solid 2px #687980;text-align: center;padding-bottom:65px;}
#partners .title2:after {border-color:#687980;}
#partners img {margin-right:20px;height:96px;width:auto;}
#partners a {text-decoration: none;}
#partners a:first-child img {margin-left:150px;}

#social {background:#f4f8fa;padding:25px 0 40px 0;}
#social > .section > div {float:left;width:32.3333%;margin-right:1.5%;box-sizing:border-box;padding:20px;height:330px;overflow:hidden;}
#social > .section > div:last-child {margin-right:0;}
#social h2 {font-family: 'Fira Sans', sans-serif;text-transform: uppercase;font-size:24px;font-weight: 500;margin-bottom:20px;}

#footer-blocks {background:#718086;padding:35px 0;text-align: center;}
#footer-blocks .footer-block {box-sizing:border-box;padding:0 20px 20px 20px;display: inline-block;text-align: left;vertical-align: top;margin-left:80px;}
#footer-blocks .footer-block:first-child {margin-left:0px;}
#footer-blocks .footer-block:last-child {margin-left:70px;}
#footer-blocks .footer-block h2 {font-family:'Fira Sans', sans-serif;font-weight:500;text-transform: uppercase;display:inline-block;color:#fff;}
#footer-blocks .footer-block h2:after {content:" ";position:relative;display:block;border-bottom:solid 4px #fff;width:70%;top:2px;}
#footer-blocks .footer-block p {font-family: 'Titillium Web', sans-serif;font-size:18px;color:#fff;padding-top:10px;}
#footer-blocks .social > div {padding-top:36px;}
#footer-blocks .social img {padding-right:20px;}
#footer-blocks .links ul {padding:0;margin:0;padding-top:29px}
#footer-blocks .links li {list-style-type:none;padding:0;margin:0 0 7px 0;}
#footer-blocks .links a {color:#fff;text-decoration: none;font-size:16px;font-family: 'Titillium Web', sans-serif;}
#footer-blocks .links a:hover {text-decoration: underline;}
#footer-blocks .links a:before {content:"//";position:relative;padding-right:7px;top:1px;font-weight:600;}
#follow-company {padding-left:7px;}

#nl-input {background:#d5dbde;color:#697980;font-family:'Titillium Web', sans-serif;font-size:18px;border:none;outline:0;display:block;float:left;height:35px;}
#nl-ok {background:#fff;color:#697980;font-family:'Titillium Web', sans-serif;font-size:14px;border:none;outline:0;display:block;float:left;height:35px;padding-left:8px;padding-right:8px;}
#nl-cb {float:left;width:19px;height:19px;position:relative;top:10px;}
#footer-blocks #nl-form > div + p {padding-top: 20px;clear: both;}
#nl-label {color:#fff;margin-left:18px;position:relative;top:10px;font-weight: normal;float:left;margin-right:20px;}

#footer-links {background:#697980;padding:15px 0;text-align: center;}
#footer-links a {font-family:'Titillium Web', sans-serif;color:#d4dbde;text-transform: uppercase;text-decoration: none;}
#footer-links a:after {content:"/";padding:0 10px;}
#footer-links a:last-child:after {display:none;}
#footer-links a:hover {text-decoration: underline;}

#breadcrumb {font-family:'Titillium Web', sans-serif;color:#fff;font-size:14px;padding:5px 0 0 17px;}
#breadcrumb a {text-decoration: none;color:#fff;}
#breadcrumb a:hover {text-decoration: underline;}
#breadcrumb .title {}
#breadcrumb .triangle {padding-right:7px;padding-left:2px;}
#breadcrumb .triangle:last-child {display:none;}

#block-share {text-align: center;margin-bottom:50px;margin-top:20px;}
#block-share .title {font-size:22px;color:#687880;font-family:'Titillium Web', sans-serif;text-transform: uppercase;background:url(../img/title-bar.png) repeat-x center center;}
#block-share .title span {background:#fff;padding:0 15px;}
#block-share a {text-decoration: none;margin-right:20px;color:#b7bcbf;font-size:22px;}
#block-share a:last-child {margin-right:0;}

#block-connexes {text-align: center;margin-bottom:50px;margin-top:20px;}
#block-connexes .title {font-size:22px;color:#687880;font-family:'Titillium Web', sans-serif;text-transform: uppercase;background:url(../img/title-bar.png) repeat-x center center;margin-bottom:25px;}
#block-connexes .title span {background:#fff;padding:0 15px;}
#block-connexes article {width:40%;float:left;text-align: left;margin-bottom: 20px !important;margin:0 5%;}
#block-connexes a {text-decoration: none;}
#block-connexes img {float:left;margin-right:20px;border:solid 1px #cecece;}
#block-connexes h4 {font-family: 'Titillium Web', sans-serif;font-weight: 600;text-transform: uppercase;font-size: 18px;color:#015466;}
#block-connexes p {font-family: 'Titillium Web', sans-serif;font-weight: 200;color:#015466;margin:8px 0 6px 0;}
#block-connexes .read {font-family: 'Titillium Web', sans-serif;font-weight: 300;color:#de63a7;text-decoration: underline;}
#block-connexes a:hover .read {text-decoration: none;}

#block-engagement1 {padding:40px 0;background:#E6E6E6;}
#block-engagement1 .section > div {float:left;width:32.3333%;margin-right:1.5%;box-sizing:border-box;height:400px;padding:30px;position:relative;background-repeat:no-repeat;background-position:bottom right;}
#block-engagement1 .section > div p {margin:0;}
#block-engagement1 .section > div:last-child {margin-right:0;}
#block-engagement1 .section > div .std-button {position:absolute;bottom:30px;width:260px;left:50%;margin-left:-152px;text-align: center;}
#block-engagement1 .lightgreen1 {background-image:url(../img/block-lightgreen-1.jpg);}
#block-engagement1 .lightgreen2 {background-image:url(../img/block-lightgreen-2.jpg);}
#block-engagement1 .pink1 {background-image:url(../img/block-pink-1.jpg);}
#block-engagement1 .orange1 {background-image:url(../img/block-orange-1.jpg);}
#block-engagement1 .orange2 {background-image:url(../img/block-orange-2.jpg);}
#block-engagement1 .orange3 {background-image:url(../img/block-orange-3.jpg);}
#block-engagement1 .blue1 {background-image:url(../img/block-blue-1.jpg);}
#block-engagement1 .title3:after {border-color:#fff;}

#article-top {height:215px;}
#article-top .section {background-repeat:no-repeat;background-position:top right;background-size:auto 100%;height:100%;}
#article-top .bigpadding {padding:0 0 0 17px;}

#donate {background:rgba(255,255,255,0.3);font-family:'Titillium Web', sans-serif;color:#fff;font-size:22px;padding:15px;text-transform: uppercase;position:absolute;bottom:20%;right:0;text-decoration:none;}
#donate i {margin-right:6px;}
#donate:hover {background:#de63a7;color:#fff;}
#slideshow #donate {bottom:14%;}
#slideshow #donate i {color:#de63a7;}
#slideshow #donate span {color:#000;}
#slideshow #donate:hover i {color:#fff;}
#slideshow #donate:hover span {color:#fff;}

#page-title {font-family: 'Fira Sans', sans-serif;font-size: 60px;font-weight: 300;text-transform: uppercase;line-height: 1em;color: #fff;margin-top: 0;max-width: 1020px;display: inline-block;vertical-align: top;padding-top:61px;}
#page-title.two-lines {padding-top:35px;}
#page-title strong {font-weight:600;}

#chapo {font-family:'Titillium Web', sans-serif;color:#015466;font-size:22px;margin:30px 0;}
#chapo a {color:#015466;}

#tags-list {text-align: center;padding:40px 0 0 0;}
#tags-list span {cursor:pointer;display:inline-block;padding: 9px 10px 6px 10px;text-transform: uppercase;color:#007187;font-family:'Fira Sans', sans-serif;font-size:18px;margin-right:20px;}
#tags-list span.active {background:#007187;color:#fff;}

.body-text {color:#687880;font-family:'Titillium Web', sans-serif;font-weight:200;font-size:18px;}
.body-text h2 {font-family:'Fira Sans', sans-serif;font-size:40px;font-weight:500;display:inline-block;color:#e15996;text-transform: uppercase;margin-bottom:10px;}
.body-text h2:after {content:" ";position:relative;display:block;border-bottom:solid 3px #e15996;width:90%;top:0px;}
.body-text h2.pink {color:#de63a7;}
.body-text h2.pink:after {border-color:#de63a7;}
.body-text h2.white {color:#fff;}
.body-text h2.white:after {border-color:#fff;}
.body-text h2.black {color:#000;}
.body-text h2.black:after {border-color:#000;}
.body-text h2.orange {color:#F18D2D;}
.body-text h2.orange:after {border-color:#F18D2D;}
.body-text h2.grey {color:#687980;}
.body-text h2.grey:after {border-color:#687980;}
.body-text h2.green {color:#007187;}
.body-text h2.green:after {border-color:#007187;}
.body-text h2.red {color:#d34c59;}
.body-text h2.red:after {border-color:#d34c59;}
.body-text h2.blue {color:#2b8598;}
.body-text h2.blue:after {border-color:#2b8598;}
.body-text h2.lightgreen {color:#9fb329;}
.body-text h2.lightgreen:after {border-color:#9fb329;}
.body-text h3 {color:#015466;font-family:'Fira Sans', sans-serif;font-weight:500;font-size:26px;margin:10px 0;}
.body-text ul, 
.body-text ol {margin:30px 0;}
.body-text li,
.body-text a:not(.std-button) {color:#e15996;}
.body-text a:not(.std-button):hover {text-decoration: none;}
.body-text li > span {color:#687880;}
.body-text strong {font-weight:600;}
.body-text figure {margin:40px auto;position:relative;}
.body-text .half figure {margin:20px auto;}
.body-text figure img {width:100%;height:auto;}
.body-text figcaption {position:absolute;padding:10px;background:rgba(0, 0, 0, 0.4);width:100%;bottom:0;left:0;box-sizing: border-box;}
.body-text figcaption p {font-family:'Titillium Web', sans-serif;font-weight:200;font-size:14px;font-style:italic;color:#fff;margin:0;}
.body-text .half {padding-right:15px;box-sizing:border-box;}
.body-text .half + .half {padding-left:15px;padding-right:0;}
.body-text iframe {margin-left: auto; margin-right: auto; display: block;}

.faq {position: relative;left: -1%;width: 101%;}
.faq + .faq {margin-top:25px;}
.faq h2 {padding-bottom:0;margin-top:15px;padding-left:1%;}
.faq h2:after {display:none;}
.faq-item {border-top:solid 1px #e5e5e5;border-bottom: solid 1px #e5e5e5;padding:10px 0;transition: background-color 250ms linear;padding-left:1%;}
.faq-item h3 {font-size:22px;color:#015466;font-family:'Titillium Web', sans-serif;font-weight:600;padding:0;margin:0;text-transform: none;cursor: pointer;background:url(../img/arrow-right.png) no-repeat right  20px top  3px;padding-right:60px;}
.faq-item h3:hover {opacity: 0.8;}
.faq-item p {display: none;}
.faq-item.active {background:#fafafa;}
.faq-item.active h3 {background-image: url(../img/arrow-down.png);}

#search {position: relative;z-index: 1;}

#search-type {padding:20px 0;width:97%;margin:auto;}
#search-type span {display: inline-block;opacity: 0.3;background:#015466;padding:5px 10px;text-transform: uppercase;color:#fff;cursor: pointer;}
#search-type span:first-of-type {margin-left: 10px;}
#search-type span:hover,
#search-type span.active {opacity: 1;}

#search-main-fields {background: #2b8598;position: relative;width: 97%;margin: auto;}
#search-main-fields label {font-family:'Titillium Web', sans-serif;font-size:22px;color:#fff;padding-top:10px;}
#search-main-fields .cell {padding:5px 20px;}
#search-main-fields input {width:100%;height:64px;}
#search-main-fields .std-button {background-color:#015466;top:30px;position:relative;right:20px;}
#search-main-fields select {padding:15px;}
#search-main-fields #more-criterias {position:absolute;bottom:-39px;right:0;cursor: pointer;z-index:1;}
#search-main-fields #more-criterias:hover {opacity:0.8;}

#search-secondary-fields {padding-top:15px;border:solid 1px #f8f8f8;border-top:none;padding-bottom:15px;padding-left:15px;width: 97%;margin: auto;box-sizing: border-box;}
#search-secondary-fields .pinklabel {font-family:'Titillium Web', sans-serif;font-size:18px;color:#de63a7;text-align: right;font-weight: 600;}
#search-secondary-fields .boldlabel {font-family:'Titillium Web', sans-serif;font-size:18px;color:#015466;font-weight: 600;max-width: 100%;}
#search-secondary-fields label > i {margin-right:4px;}
#search-secondary-fields .orangelabel {font-family:'Titillium Web', sans-serif;font-size:18px;color:#f28d2c;font-weight: 600;}
#search-secondary-fields .toggle-btn {font-size:17px;margin:0 10px 10px 0;}
#search-secondary-fields .fa-wheelchair {}
#search-secondary-fields .field-dispos .toggle-btn,
#search-secondary-fields .field-freqs .toggle-btn,
#search-secondary-fields .field-evenements .toggle-btn{color:#de63a7;border-color:#de63a7;}
#search-secondary-fields .field-dispos .toggle-btn.active,
#search-secondary-fields .field-freqs .toggle-btn.active,
#search-secondary-fields .field-evenements .toggle-btn.active,
#search-secondary-fields .field-dispos .toggle-btn:hover,
#search-secondary-fields .field-freqs .toggle-btn:hover,
#search-secondary-fields .field-evenements .toggle-btn:hover{background-color:#de63a7;color:#fff;}

#search-secondary-fields {position: relative;}
#search-secondary-fields .loading {position: absolute;top: 55px;right: 20px;}

#results-count {font-family:'Fira Sans', sans-serif;font-size:16px;font-weight: 500;color:#687880;margin-top:30px;}
#results-count strong {font-size:36px;color:#de63a7;padding-right:5px;font-weight: 500;}
#results-count + article {margin-top:0;}

.tabs {display: none;}
article.shadow {padding-top:10px;background:url(../img/bg-article.jpg) repeat-x top left;}

#espace #breadcrumb,
#espace #breadcrumb a,
#espace #breadcrumb .title {color:#687880;}

#espace-header {background:#f8f8f8;border:solid 1px #dfdfdf;box-sizing:border-box;padding:20px 20px 20px 40px;position:relative;margin-top:50px;}
#espace-header h2 {font-family:'Titillium Web', sans-serif;font-weight:500;font-size:22px;color:#687880;text-transform: uppercase;}
#espace-header h2 span,
#espace-header h2 a {font-family: 'Fira Sans', sans-serif;color:#f18d2d;font-weight:500;font-size:30px;display:block;line-height:41px;text-decoration: none;}
#espace-header h2 a:hover {text-decoration: underline;}
#espace-header h2 a.inactive {text-decoration: none;cursor: default;}
#espace-header .espace-logo {float:left;width:105px;height:auto;position:relative;padding-bottom:20px;}
#espace-header .espace-logo .img {height:102px;overflow: hidden;}
#espace-header .espace-logo img {width:100%;height:auto;}
#espace-header .espace-logo .std-link {position:absolute;bottom:0;width:100%;text-align: center;font-size:13px;color:#818d93;left:0;}
#espace-hello {position:absolute;top:20px;left:165px;}
#espace-hello p {font-family:'Titillium Web', sans-serif;font-weight:200;color:#687880;font-size:14px;margin:7px 0 0 0;}

#espace-nav {background:#015466;text-align: right;}
#espace-nav a {text-transform: uppercase;font-family: 'Fira Sans', sans-serif;font-weight:400;color:#fff;font-size:20px;text-decoration: none;padding:7px 17px 7px 12px;background:url(../img/espace-header-bar.jpg) no-repeat center right;display:inline-block;position:relative;}
#espace-nav a:last-child {background:none;}
#espace-nav a:hover {color:#dfdfdf;}
#espace-nav a.active:after {background:url(../img/arrow-up.png) no-repeat bottom left;width:21px;height:8px;display:block;content: " ";position:absolute;bottom:0;left:48%;}

#block-espace {min-height:600px;}

#fiche {margin-top:15px;position:relative;}
#fiche .share {border:none;width: auto;bottom: -20px;right: 0;left:auto;display: inline-block;}
#fiche-border {border-left:solid 1px #e5e5e5;border-right:solid 1px #e5e5e5;}
#fiche h1 {font-family: 'Fira Sans', sans-serif;font-weight:500;color:#015466;font-size:30px;text-transform: none;min-height:85px;}
#fiche-time {font-family:'Titillium Web', sans-serif;font-weight:200;color:#687880;font-size:14px;font-style: italic;position:relative;top:-3px;}
#fiche .favstar {right:15px;top:7px;}

#fiche-infos {background:#015466;height:160px;}
#fiche-infos .image {overflow: hidden;}
#fiche-infos .image img {height: 160px;background: #fff;object-fit: contain;width: 100%;padding: 10px;box-sizing: border-box;}
#fiche-infos p {font-family:'Titillium Web', sans-serif;font-weight:200;color:#fff;font-size:16px;border-bottom:solid 1px #1b6576;margin:0;padding:13px 15px 16px 0px;margin-left:15px;margin-right:15px;}
#fiche-infos p:nth-child(1) {padding-top:15px;}
#fiche-infos p:last-child {border:none;}
#fiche-infos p span {font-weight:600;}

#fiche-desc .body-text p {margin:0;}

#fiche .small-title {font-family:'Titillium Web', sans-serif;font-weight:600;color:#015466;font-size:16px;margin:15px 0 10px 0;}
#fiche .small-title:first-child {margin-top:5px;}

#fiche-caracs {border-top:solid 1px #e5e5e5;}
#fiche-caracs > div {border-right:solid 1px #e5e5e5;}
#fiche-caracs > div:last-child {border:none;}
#fiche-caracs > div .small-title:first-child {margin-top:0;}
#fiche-caracs p {font-family:'Titillium Web', sans-serif;font-weight:200;color:#687880;font-size:18px;}
#fiche-caracs p strong {color:#de63a7;font-weight:600;}
#fiche-caracs .fa, #nb-benevoles {float:right;margin-right:20px;margin-top:5px;}
#fiche-caracs .fa-times {color:#b2bcc0;}

.col-block {position:relative;padding:0 0 0 38px;margin-bottom:18px;}
.col-block i {position:absolute;color:#b2bcc0;font-size:22px;left:5px;top:2px;}
.col-block h3 {color:#015466;font-size:16px;text-transform: uppercase;font-family:'Titillium Web', sans-serif;font-weight:600;}
.col-block p {margin:0;color:#687880;font-size:18px;font-family:'Titillium Web', sans-serif;font-weight:200;}
.col-block a {color:#687880;text-decoration: none;}
.col-block a:hover {text-decoration: underline;}

#fiche-main-infos {border-bottom:solid 1px #e5e5e5;}

#fiche-col {background-color:#f8f8f8;}

#fiche-col .contact {margin-top:25px;}
#fiche-col .contact .subinfo {font-weight: 600;position:relative;margin-bottom:6px;}
#fiche-col #fiche-contact-name {padding:10px 0 15px 0;}
#fiche-col .contact i {position:relative;top:auto;left:auto;margin-right:10px;}
#fiche-col .contact a {color:#de63a7;position:absolute;font-weight: 200;}
#fiche-col .contact a:hover {text-decoration: underline;}
#fiche-col p strong {color:#de63a7;}

#fiche-annonce-asso {position:relative;padding-top:14px;}
#fiche-annonce-asso .small-title {margin-bottom:8px;}
#fiche-annonce-asso h3 a {text-decoration: none;color:#f18d2d;font-family:'Titillium Web', sans-serif;font-weight:600;font-size:22px;}
#fiche-annonce-asso h3 a:hover {text-decoration: underline;}
#fiche-annonce-asso .body-text p {margin-top:10px;}
#fiche-annonce-asso .img {float:left;width:110px;margin-right:15px;}
#fiche-annonce-asso .img img {width:100%;height:auto;}

.node-ficheannonce #breadcrumb {display: none;}
.node-ficheasso #breadcrumb {display: none;}

#fiche-header .asso {position:relative;padding-left:15px;}
#fiche-asso .image {float:left;height:160px;width:auto;}
#fiche-asso .image img {height:160px;width:auto;}
#fiche-asso h1 {margin-top:10px;max-width: 69%;min-height:0;line-height:1.2em;}
#fiche-asso .asso p {margin:5px 0;font-family:'Titillium Web', sans-serif;font-weight:200;font-size:16px;color:#687880;}
#fiche-asso .asso i {margin-right: 5px;font-size: 20px;color: #b2bcc0;}
#fiche-asso .asso p:last-child {margin-bottom:10px;}
#fiche-asso .asso a {text-decoration: none;font-weight: 400;color:#687880;}
#fiche-asso .asso a:hover {text-decoration: underline;}
#fiche-asso #fiche-border {border-top:solid 1px #e5e5e5;}
#fiche-asso #fiche-infos {height:auto;}
#fiche-asso .partner-badge {right:10px;}

#fiche-candidature-spontanee {position: relative;}
#fiche-candidature-spontanee .plus {background-color:#015466;}
#fiche-candidature-spontanee .plus:hover {opacity:0.8;}
#form-candidature-spontanee {max-width:680px;margin:20px auto;}
#form-candidature-spontanee label {text-align: right;color:#f18d2d;}
#form-candidature-spontanee textarea {height:200px;}
#form-candidature-spontanee .buttons {padding-right:317px;}

#form-inscription-asso-contact-fbn {height:111px;margin-right:20px;}
#form-inscription-asso-contact-fbn .toggle-box p {padding-top:32px;}
#contact-centre-encadre select {width:100%;}
#contact-centre-encadre select:disabled {background:#fbfbfb;}

#fiche-missions-list {margin-top:-40px;}
#fiche-missions-list > h2 {margin:27px 0 49px 0;}

#form-inscription-benevole .field-choix-centre {margin-bottom:30px;}
#form-inscription-benevole > div,
#form-inscription-benevole > h2,
#form-inscription-benevole > fieldset {padding-left:30px;padding-right:30px;}
#form-inscription-benevole > h2.paddleft20 {padding-left:54px;}

#cookies-notice {background-color:#de63a7;padding:5px 5px 7px 5px;text-align: center;}
#cookies-notice p {margin:5px 0;font-family:'Titillium Web', sans-serif;font-weight:500;font-size:18px;color:#fff;}
#cookies-notice a {color:#fff;margin:0 20px;}
#cookies-notice a:hover {text-decoration: none;}
#cookies-notice .ok {background: #fff;color:#000;padding:0 5px;cursor: pointer;}
#cookies-notice .ok:hover {opacity: 0.8;}

#page404 {text-align: center;background: url(../img/bg-404.jpg) no-repeat center center #C75F92;background-size:cover;padding:200px 0;}
#page404 h1 {font-family:'Titillium Web', sans-serif;font-weight: bold;font-size:120px;color:#fff;}
#page404 p {margin:5px 0;font-family:'Titillium Web', sans-serif;font-weight:200;font-size:24px;color:#fff;}
#page404 > a {display: inline-block;text-transform: uppercase;font-family:'Titillium Web', sans-serif;font-weight:200;font-size:22px;color:#fff;margin:30px auto;padding:7px 20px;background:#bb4285;text-decoration:none;}
#page404 > a:hover {opacity:0.8;}

#compte .partner-badge {top:0;}
.show-contact-assoc-label {font-size:14px !important;font-style:italic;position:relative;top:3px;}
#users-list,#add-user-button {margin-bottom: 20px;}

#publier-annonce {text-transform: uppercase;color:#f18d2d;border: solid 1px #f18d2d;border-radius: 25px;padding:7px 16px 5px 13px;font-size: 20px;position: absolute;display: block;right: 45px;bottom: 20px;cursor: pointer;text-decoration:none;}
#publier-annonce.active {color:#acb7bc;border-color:#acb7bc;}
#publier-annonce:hover {color:#fff;background: #f18d2d;border-color: #f18d2d;}

#nouvelle-mission-submit-buttons {}
#nouvelle-mission .field-photo {background-image: url(../img/bigplusgreen.jpg);}
#nouvelle-mission .field-photo.has-photo {background-image:none;}
#nouvelle-mission .field-photo p {color:#015466;}

#profil #first-cell {margin-right:0;padding-bottom:0;}
#profil #affilie-toggle-box {text-align: left;}
#profil #affilie-toggle-box p {max-width:200px;}

#mon-centre {margin-top:30px;}
#mon-centre .nom {text-transform: none;color:#2b8598;font-size:18px;font-family:'Titillium Web', sans-serif;font-weight: bold;}
#mon-centre > div > div {padding:20px;min-height: 500px;}
#mon-centre .left {background-color: #f8f8f8;position: relative;box-sizing: border-box;height: auto !important;padding-bottom: 92px;}
#mon-centre .left .std-button:first-child {margin-right:10px;background:#015466;}
#mon-centre .left .std-button:last-child {background: #2b8598;}
#mon-centre .right {background-color:#eaebec;text-align: center;}
#mon-centre .right a {padding-top:40px;display: block;}
#mon-centre .right p {font-family: 'Fira Sans', sans-serif;font-weight: 300;font-size:26px;color:#687880;max-width: 380px;margin:auto;padding:20px 0 10px 0;}
#mon-centre .right p strong {font-weight: bold;}
#mon-centre .right .green {color:#2b8598;}
#mon-centre h2 a {font-style: italic;color:#75838a;font-size: 16px;margin-left:15px;text-transform: none;}
#mon-centre h2 a:hover {text-decoration: none;}
#mon-centre .left > .center {position:absolute;bottom:20px;width:100%;}

#filter-nav {text-align: center;margin-top: 30px;margin-bottom: 30px;}
#filter-nav a {display:inline-block;padding:3px 13px 3px 10px;font-style: italic;text-decoration: none;text-transform: uppercase;}
#filter-nav a:hover,
#filter-nav a.active {color:#fff;}
#filter-nav .all {color:#2b8598;}
#filter-nav .all:hover,
#filter-nav .all.active {background:#2b8598;}
#filter-nav .orange:hover,
#filter-nav .orange.active {background:#f28d2c;}
#filter-nav .green:hover,
#filter-nav .green.active {background:#007187;}
#filter-nav .blue:hover,
#filter-nav .blue.active {background:#2b8598;}
#filter-nav .red:hover,
#filter-nav .red.active {background:#d34c59;}
#filter-nav .model:hover,
#filter-nav .model.active {background:#ccc;}

#espace-annonces .std-annonce {min-height:148px;}
#espace-annonces .std-annonce h3 {margin-bottom:7px;}
#espace-annonces .std-annonce .main {width:100%;}
#espace-annonces .std-annonce .main p {font-size:18px;}
#espace-annonces .std-annonce .main p span {font-weight: normal;}
#espace-annonces .std-annonce .infos {padding:0;}
#espace-annonces .std-annonce .infos .w50 {text-align: right;}
#espace-annonces .std-annonce .infos .std-button {display: inline-block;}
#espace-annonces .std-annonce .std-button.bg-white {color:#687880;}
#espace-annonces .std-annonce .infos p {color:#687880;}

#user-login {padding:30px;max-width:600px;margin:auto;}
#user-login input {background:#f1f1f1;}
.profile, .page-user #content {margin:0 20px;}

#espace-candidatures .toggle-candidates {position: absolute;bottom: 0;right: 0;background: #2b8598;padding-right: 15px;padding-left: 18px;}
#espace-candidatures .toggle-candidates .fa {color:#fff;margin-left:10px;margin-right: 0;}
#espace-candidatures .list {border:solid 1px #e7e7e7;border-top:none;}
#espace-candidatures .list .plus {position:relative;top:auto;bottom:auto;left:auto;right:auto;margin-top:2px;}
#espace-candidatures .list .plus:hover {opacity:0.8;}
#espace-candidatures .list > div {border-bottom:solid 1px #e7e7e7;padding:5px 0;}
#espace-candidatures .list p {margin:0;padding-top:10px;}
#espace-candidatures .nom {font-family: 'Fira Sans', sans-serif;font-size:20px;font-weight: 500;cursor: pointer;}
#espace-candidatures .nom:hover {opacity: 0.8;}
#espace-candidatures .nom strong {font-weight: 600;}
#espace-candidatures .date p {color:#687880;font-family: 'Titillium Web', sans-serif;font-size:18px;}
#espace-candidatures .statuts {min-width:270px;padding-left:15px;text-align: right;padding-right:20px;padding-top:7px;}
#espace-candidatures .statuts span {display: inline-block;width:125px;cursor: pointer;padding: 5px 5px 3px 5px;font-family: 'Fira Sans', sans-serif;font-size: 18px;font-weight: 500;box-sizing: border-box;text-align: center;border-radius:15px;}
#espace-candidatures .statuts span.active,
#espace-candidatures .statuts span.inactive {opacity:0.7;}
#espace-candidatures .statuts span.active {cursor:default;}
#espace-candidatures .statuts span:hover,
#espace-candidatures .statuts span.active {color:#fff;opacity:1;}
#espace-candidatures .statuts .accept {color:#73c43d;margin-right:10px;}
#espace-candidatures .statuts .accept:hover,
#espace-candidatures .statuts .accept.active {background-color:#73c43d;}
#espace-candidatures .statuts .refuse {color:#d34c59;}
#espace-candidatures .statuts .refuse:hover,
#espace-candidatures .statuts .refuse.active {background-color:#d34c59;}

.node-espacebenevole #espace-header h2 span {color:#de63a7;}

#search-teaser {background:#015466;}
#search-teaser .section {background:url(../img/bg-search-teaser.jpg) no-repeat top right;background-size:auto 100%;padding:30px 0;}
#search-teaser .inner {padding-left:17px;}
#search-teaser #search-main-fields {background:none;}
#search-teaser #search-main-fields .cell {padding:5px 20px 5px 0;}
#search-teaser h2 {color:#fff;margin-bottom:0;}
#search-teaser h2:after {border-color:#fff;}
#search-teaser p {margin:10px 0 5px 0;font-size:26px;color:#fff;max-width:530px;font-weight: 200;}
#search-teaser .std-button {background:#de63a7;color:#fff;}

#sous-accueil > div {padding-bottom:40px;padding-top:30px;}

#sous-accueil .item {box-sizing: border-box;position:relative;}
#sous-accueil .item .buttons {position:absolute;bottom:30px;left:50%;margin-left:-106px;}
#sous-accueil .item p {font-size:20px;}
#sous-accueil .item h2 {margin-bottom:0;}
#sous-accueil .item.first .cell > img {width:100%;height:auto;}
#sous-accueil .item.first .std-article a {color:#687880;}
#sous-accueil .item-nav .std-article {margin-top:20px;}

#sous-accueil .item-green h2,
#sous-accueil .item-green p,
#sous-accueil .item-green a,
#sous-accueil .item-green li {color:#fff;}
#sous-accueil .item-green .std-button {color:#015466;}
#sous-accueil .item-green h2:after {border-color:#fff;}
#sous-accueil .title3green strong {color:#015466;}
#sous-accueil .title3green:after {border-color:#015466;}

#sous-accueil .item-pink h2,
#sous-accueil .item-pink p,
#sous-accueil .item-pink a,
#sous-accueil .item-pink li {color:#fff;}
#sous-accueil .item-pink .std-button {color:#de63a7;}
#sous-accueil .item-pink h2:after {border-color:#fff;}
#sous-accueil .title3pink strong {color:#de63a7;}
#sous-accueil .title3pink:after {border-color:#de63a7;}

#sous-accueil .item-orange h2,
#sous-accueil .item-orange p,
#sous-accueil .item-orange a,
#sous-accueil .item-orange li {color:#fff;}
#sous-accueil .item-orange .std-button {color:#F18D2D;}
#sous-accueil .item-orange h2:after {border-color:#fff;}
#sous-accueil .title3orange strong {color:#F18D2D;}
#sous-accueil .title3orange:after {border-color:#F18D2D;}

#sous-accueil .item-lightgreen h2,
#sous-accueil .item-lightgreen p,
#sous-accueil .item-lightgreen a,
#sous-accueil .item-lightgreen li {color:#fff;}
#sous-accueil .item-lightgreen .std-button {color:#9db127;}
#sous-accueil .item-lightgreen h2:after {border-color:#fff;}
#sous-accueil .title3lightgreen strong {color:#9db127;}
#sous-accueil .title3lightgreen:after {border-color:#9db127;}

#search-form {margin-top:50px;margin-bottom:20px;padding-left:15px;}
#search-form + div {padding:0 10px;}
#search-form + div > h2 {margin:20px 0;font-size: 36px;color: #015466;padding-right: 5px;font-weight: 500;}
#search-form #edit-keys { width: 50%;border: none;outline: 0;height: 64px;background: #F5F6F8;}
#search-form .std-button {display: inline-block;position: relative;top: 4px;height: 64px;}
#search-form label { font-family: 'Titillium Web', sans-serif;font-size: 18px;color: #015466;font-weight: 600;margin-right:20px;}
.search-results li {margin-bottom:40px;}
.search-results {padding-left:0;}
.search-results .search-snippet-info {padding-left:0;}
.search-results p {margin:7px 0; font-family: 'Titillium Web', sans-serif;font-weight: 200;font-size: 16px;color: #7c8a91;}
.search-result .title {font-family: 'Fira Sans', sans-serif;font-size: 24px;font-weight: 600;}
.search-result .title a {color: #015466;text-decoration:none;}
.search-result .title a:hover {text-decoration:underline;}

#block-creer-compte .title2 {color:#687980;}
#block-creer-compte .title2:after {border-color:#687980;}
#block-creer-compte .items {text-align: center;}
#block-creer-compte .item {display: inline-block;margin:20px 0 15px 0;text-align: left;margin-right:30px;width:310px;color:#687980;font-size:18px;}
#block-creer-compte .item:last-child {margin-right:0;}
#block-creer-compte .item img {float:left;margin-bottom:30px;margin-right:20px;margin-left:10px;}
#block-creer-compte form {text-align: center;margin-bottom:30px;}
#block-creer-compte .field {display:inline-block;width:40%;}
#block-creer-compte .field input {width: 100%;height: 64px;position: relative;top: -2px;border: solid 1px #687b81;box-sizing: border-box;border-right: 0;}

#upload-box {width:100%;margin:auto;}
#upload-image-preview {position:absolute;top:-50px;right:0;width:auto;height:150px;max-width:60%;}

#postulate-box textarea {background: #fff;}

#sitemap {padding:20px 0 30px 0;}
#sitemap h1 {text-transform: none;font-size:22px;color:#667980;}
#sitemap h2 {text-transform: uppercase;font-size:20px;color:#D15A94;margin-bottom:0;}
#sitemap h2 a {color:#D15A94;text-decoration: none;}
#sitemap ul {margin-top:0;margin:0;}
#sitemap li {list-style-type: none;margin:1px 0;}
#sitemap li a {text-transform: uppercase;text-decoration: none;color:#667980;font-weight: 500;}
#sitemap li li a {text-transform: none;color:#667980;font-weight: 200;}
#sitemap a:hover {text-decoration: underline;}
#sitemap .cell {padding-right:20px;}
#sitemap-links > div > div > ul {margin-bottom:30px;}

#gmap-list {height:740px;}
#gmap-list .left {height:100%;overflow-y: auto;overflow-x: hidden;}
#gmap-list .goright {position:relative;}

#reseau {border:solid 1px #E2E2E2;margin-bottom:40px;}
#reseau #search-main-fields {width:70%;margin:auto;background: none;padding-bottom:20px;padding-top:13px;}
#reseau #search-head {background: #f8f8f8;border-bottom:solid 1px #E2E2E2;}
#reseau #lieu {background:#fff;}
#reseau label {color:#007187;}
#reseau .std-button {background-color:#DF64A7;}
#reseau #gmap-list .std-button {margin-top:0;}
#reseau h2 {text-transform: none;font-weight: 500;font-size:18px;margin-bottom:10px;color:#2B8698;cursor: pointer;}
#reseau h2:hover {opacity: 0.8;}
#reseau .col-block a {color:#DF64A7;}
#reseau .item {border-bottom:solid 1px #E2E2E2;padding:15px 0 0px 0;width:92%;margin:auto;position: relative;}
#reseau .item:last-child {border:none;}
#reseau .item:last-child em {font-size: 14px;max-width: 75%;display: block;margin-top: 5px;}
#reseau .item .subinfo {position: relative;}
#reseau .item .subinfo i {left:-24px;}
#reseau .more a {padding-top:10px;color:#DF64A7;font-size:18px;margin-top:5px;display: inline-block}
#reseau .more a:hover {text-decoration: none;}
#reseau .choose a {color:#007187;}
#reseau .contact-button {margin-top:10px;margin-bottom:20px;}
#reseau .gm-style-iw h2 {padding-top:15px;}

#reseau-legend {padding:5px 0;position:absolute;top:0;right:0;padding:5px 10px;}
#reseau-legend p {margin: 4px 0;color: #000;font-size: 14px;text-shadow: 0px 1px 1px #fff;}
#reseau-legend img {padding-right:5px;width:14px;height:auto;}

#contact-box textarea,
#contact-box input {background: #fff;}

#benevole-view {max-height: 640px;overflow: auto;}
#benevole-view .head {height:100px;}
#benevole-view .head .img {float:left;width:90px;height:90px;overflow: hidden;margin-right:20px;}
#benevole-view .head .img img {width:100%;height:auto;background:#fff;}
#benevole-view .head h3 {font-family: 'Fira Sans', sans-serif;font-weight: 500;font-size:30px;color:#de63a7;margin: 15px 0 0 0;}
#benevole-view .head p {font-family: 'Titillium Web', sans-serif;font-weight: 200;font-size:14px;color:#687880;margin:0;}
#benevole-view h2 {text-align: left;margin-bottom:10px;}
#benevole-view h2:first-child {margin-top:0;}
#benevole-view .label,
#benevole-view .value {margin:0 0 11px 0;font-family: 'Titillium Web', sans-serif;font-weight: normal;font-size:18px;}
#benevole-view .label {color:#acb7bc;}

.asso-tarif {margin-left:10px;color:#f18d2d;cursor: pointer;}
.asso-tarif:hover {opacity:0.8;}

#record-id {font-size:12px;text-align: right;}

.mgdpr-title {color: #de63a7;}
.mgdpr-button {background: #de63a7;border-color: #de63a7;}
.mgdpr-button:hover {background: none;color: #de63a7;}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {display: none !important;}

.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto;}

.invisible {visibility: hidden;}

.clearfix:before,
.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}

/* ==========================================================================
   Responsive
   ========================================================================== */

/* Desktops --------------------------------- */
@media only screen and (min-width: 1280px) {
    
}

/* Small laptops ---------------------------- */
@media only screen and (max-width: 1280px) {
    #block-connexes article {width:45%;margin:0 2.5%;}
}


/* Tablets landscape ------------------------ */
@media only screen and (max-width: 1024px) {
    #nav1, #nav2, #nav1-b {display:none;}
    #user-tools {top:50px;}
    #main-wrapper {margin-top:20px;}
    
    .slicknav_nav {background:#015466;min-width:300px;padding:10px 0;}
    .slicknav_menu {display:block;background:none;position:fixed;top:0;right:0;z-index:3;padding:0;margin:0;}
    .slicknav_menu, .slicknav_menu * {border-radius: 0;}
    .slicknav_menu .slicknav_menutxt {display: block;line-height: 1.188em;color: #fff;font-weight: 300;font-size: 12px;float:none;padding-top:8px;}
    .slicknav_btn {padding:0;width:47px;height:50px;text-align: center;box-sizing: border-box;margin:0;background:#015466;}
    .slicknav_menu .slicknav_icon-bar {width:2em;margin-left:1px;}
    .slicknav_nav .slicknav_row, .slicknav_nav a {position:relative;outline:0;}
    .slicknav_nav .slicknav_arrow {position:absolute;top:8px;right:10px;}
    .slicknav_nav > li {padding: 0px 10px 9px 10px;}
    .slicknav_nav > li > a {border-bottom:solid 1px rgba(255,255,255, 0.3);}
    .slicknav_nav li li {padding-bottom:0px;}
    .slicknav_nav li li a {padding-bottom:0px;}
    .slicknav_nav .small {padding-bottom: 0;text-align: right;display: inline-block;padding: 0;font-size: 14px;text-align: center;padding-left: 5px;padding-top: 10px;}
    .slicknav_nav .small a {border:none;padding:0;}
    .slicknav_nav .small .item1 {padding-left:15px;}
    
    .bigpadding {padding: 0 70px 30px 70px;}
    
    .std-article img {width: 115px;height: auto;margin-bottom:100px;}
    .std-testimony div p {font-size:16px;max-width: 88%;}
    .std-block {width:237px;}
    .std-annonce .infos .w40 {width:35%;overflow: hidden;height:21px;}
    .std-annonce .infos .std-button {font-size:14px;}
    #espace-annonces .std-annonce .main p {font-size:16px;}
    
    .hub-block.two img {margin-left:-25%;width:125%;}
    
    .small-search-form {width:88%;}
    
    .std-form .field label {font-size:16px;}
    .std-form .field label.w200 {width:180px;}
    .std-form .field label.w300 {width:225px;}
    .field label.alignleft + input, .field label.alignleft + select, .field label.alignleft + textarea, .field label.alignleft + div, .field .ms-parent {width:50%;}
    .w50 .field label.alignleft + input, .w50 .field label.alignleft + select, .w50 .field label.alignleft + textarea, .w50 .field label.alignleft + div, .w50 .field .ms-parent {width:42%;}
    .std-form .field-cblist .cb {margin:0;}
    .std-form #cbs {padding-left:25px;}
    .std-form .paddleft label  {padding-left:15px;}
    .std-form .field-photo p {font-size:14px;}
    
    #form-inscription-benevole > div, #form-inscription-benevole > h2, #form-inscription-benevole > fieldset {padding-left:0;padding-right:0;}
    
    #espace-candidatures .date p {font-size:16px;margin-top:5px;}
    #espace-candidatures .statuts {min-width: 0;}
    #espace-candidatures .statuts span {width:100px;font-size:16px;}
    
    #benevole-view .label, #benevole-view .value {font-size:16px;margin-bottom:5px;}
    
    #home-tabs-content .half .title3 {margin-bottom:20px;}
    #home-tabs-content .left, #home-tabs-content .half, #home-tabs-content .right {padding:25px;}
    
    #social h2 {text-align: center;}
    #social > .section > div {max-width:480px;margin:20px auto;width:auto;float:none;height:auto;}
    #social > .section > div:last-child {margin-right:auto;}
    
    #publier-annonce {right:35px;}
    
    #partners {max-width:90%;margin:auto;}
    
    .h480 > img, #sous-accueil .item.first img {width:125%;margin-left:-12.5%;}
    
    #search-secondary-fields .toggle-btn {font-size:16px;}
    #search-secondary-fields .field-dispos .boldlabel {width:90%;}
    
    #nav1-b a {font-size:18px;}
    
    #passage-id {max-width:290px;}
    
    input[type=checkbox]:after,
    input[type=checkbox]:checked:after {display:none;}
    #nl-label {top:-1px;width:64%;}
    
    #fiche-missions-list {margin-top:0;}
}

/* Tablets portrait ------------------------ */
@media only screen and (max-width: 900px) {
    #home-actus .carousel {width:66%;}
    #home-actus .carousel p:nth-child(2) {display: none;}
    
    .padd0-30 {padding:0 10px;}
    .std-fieldset {padding:15px 10px;}
    .padd40 {padding:20px;}
    .title3 {font-size:26px;}
    .std-button {padding:10px 15px;font-size:20px;}
    
    .std-article {padding-bottom:20px;height:175px;}
    .std-article p:nth-child(3) {display:none;}    
    
    .std-testimony {height:224px;}
    .std-testimony div {height: 74px;overflow: hidden;}
        
    .std-block {width:265px;}
    
    .hub-block {width:49%;}
    .hub-block.two {width:49%;}
    .hub-block.two img {margin-left: -36%;width: 172%;}
    
    .std-form .toggle-box p {margin-bottom:4px;}
    .std-form .field-photo {margin-bottom:15px;}
    
    .section .onglet form > .clearfix > .cell {width:auto;float:none;}    
    .section .onglet form > .clearfix > .cell .field input {width:60%;}
    .hide-tablet {display:none;}
    
    .cell.w35-t {width:35%;}
    .cell.w40-t {width:40%;}
    .cell.w50-t {width:50%;}
    .cell.w60-t {width:60%;}
    .cell.w65-t {width:65%;}
    
    #footer-blocks .footer-block {clear: both;margin: 35px auto !important;height: auto;max-width: 320px;}
    
    #home-tabs-links > div {padding:12px;width:auto;float:none;border-width: 2px;border-color:#B6B6B6 !important;}
    #home-tabs-content {display:none;}
    #home-tabs-content > div {display:block;margin-top:20px;}
    #home-tabs-content .two .std-button {left:27px;}
    #home-tabs-content #home-associations .testimonials .carousel-bullets {margin-top:50px;}
    #home-tabs-content #home-associations .testimonials .title3 {overflow: hidden;text-indent: -181px;}
    
    #sous-accueil .item p {font-size:18px;}
    
    #donate {bottom:5%;}
    #page-title {font-size:48px;padding-top:23px;}
    
    div.video {padding:30px 50px 60px 50px;}    
    .h480 > img, #sous-accueil .item.first img {width: 168%;margin-left: -34%;}
    .bigpadding {padding:0 20px 30px 20px;}
    .std-form .field label.w200 {width:140px;}
    
    #espace-nav a {font-size:16px;}
    #espace-candidatures .date p {margin-top:0;}
    
    #search-main-fields .clearfix > div {float:none;clear:both;width:50%;margin:20px auto;min-width:300px;}
    #fiche-infos {height:auto;}
    
    #affilie-gra-sel {margin-top:20px;}
    
    .padd20 {padding:10px;}
    
    #espace-annonces .std-annonce .main {padding-bottom:15px;}
    #espace-annonces .std-annonce {padding-bottom:50px;}
    #espace-annonces .std-annonce .infos {height:auto;}
    #espace-annonces .std-annonce .infos p {margin:0;}
    #espace-annonces .std-annonce .infos .std-button {margin-top: 0;padding-top: 14px;padding-bottom: 13px;font-size: 18px;padding-left: 5px;padding-right: 5px;}
    #espace-candidatures .statuts .accept {margin-right:0;}
 
    #benevole-view .head {height:80px;}
    #benevole-view .head + div {clear:both;padding-top:50px;}
    #benevole-view .head h3 {margin:0;}
    #benevole-view .head .img {height:65px;}
    
    #reseau #search-main-fields {width:auto;}
    #search-main-fields .std-button {right:0;top:0;margin-top:0;}
    
    #block-creer-compte .field input {height:50px;}
    #block-engagement1 .section > div .std-button {width: 191px;left: 50%;margin-left: -112px;}
    
    #form-inscription-asso-contact-fbn .toggle-box p {max-width: 280px;}
    
    #block-connexes article {width:95%;margin:auto;}
    
}

/* Smartphones and small tablets ----------- */
@media only screen and (max-width: 640px) {
    html, body {overflow-x: hidden;}
    
    #home-tabs-content .three,
    #home-tabs-content .two,
    #block-engagement1 .section > div,
    .body-text .half,
    .cell,
    .cell.w10,
    .cell.w20,
    .cell.w25,
    .cell.w30,
    .cell.w33,
    .cell.w35,
    .cell.w40,
    .cell.w45,
    .cell.w50,
    .cell.w55,
    .cell.w60,
    .cell.w70,
    .cell.w75,
    .cell.w80,
    .cell.w90,
    .half {width:auto;float:none;clear:both;}
    
    .title2 {font-size:25px;}
    .body-text {font-size:17px;}
    .body-text h2 {font-size:26px;}
    .body-text img {width:100% !important;float:none !important;clear:both !important;height:auto !important;margin:15px 0;}
    h2.lined {}
    
    .std-button {font-size:18px;}
    
    .std-annonce .main h3 {font-size:20px;padding-left:5px;}
    .std-annonce .main p {padding-left:5px;}
    .std-annonce .main {width:auto;}
    .std-annonce .infos {padding:23px 0;}
    
    .std-block {margin-left:33px;margin-right:7px;width:210px;}
    .std-block p {padding:10px;}
    
    .hub-blocks {padding:20px 0;}
    .hub-block, .hub-block.two {width:100%;}
    .hub-block h2.alone {margin-top:19px;}
    .hub-block.two .share {left:0;bottom:0;width:auto;}
    .hub-block.two h2 {margin-top:0;}
    .hub-block.two > div > div > .cell:first-child  {height:150px;}
    .hub-block.two img {left:0;width:100%;top:0;margin-left:0;}
    .hub-block h2 {padding:20px 10px 0 10px;}
    .hub-block p {padding:10px 10px 0 10px;}
    
    .std-article.small img {width: 50px;display: block;float: left;height:auto;}
    .std-article a,
    .std-article.small a {font-size:16px;}
    
    .hide-smartphone {display:none;}
    
    .small-search-form {bottom:auto;left:auto;top:auto;position:relative;}
    
    .std-form .mandatory-explanation {position: relative;left: auto;}
    
    .arrow-left {left:0px;}
    .arrow-right {right:0px;}
    
    .marginbot20 {margin-bottom:0;}
    .padding {padding:0;}
    .padd20 {padding:10px;}
    .padd20-0 {padding:10px 0;}
    .paddleft20 {padding-left:10px;}
    .paddleft25 {padding-left:15px;}
    .paddright20 {padding-right:10px;}
    .padd0-30 {padding:0 15px;}
    .padd40 {padding:20px;}
    .bigpadding {padding: 0 10px 30px 10px;}
    .smallpadding {padding:0;}
    
    .citation {margin-top:20px;clear:both;padding-top:1px;}
    .region-content {padding-top:0;}
    .full-height-auto {height:auto !important;}
    article.shadow {padding-top:0;background:none;}    
    .pagination, #search-form .item-list {padding:5px 30px 5px 30px;}
    div.video {padding:20px 20px 40px 20px;}
    .title2 {padding-top:30px;}
    .arrow {transform:scale(0.5);transform-origin:center center;}
    .favstar {right:10px;top:10px;}
    .body-text figure img {margin-bottom:0 !important;}
    .col-block p {font-size:16px;}
    
    #donate {font-size: 18px;padding: 10px;}
    
    #logo {width:104px;margin-top:0;}
    #logo img {width:100%;height:auto;}

    #header .main {height:53px;}
    
    #main-wrapper {margin-top:0;}
    #user-tools {position:absolute;margin-bottom:0;width:96px;z-index:3;top:0;clear:both;left:auto;right:48px;}
    #user-tools-buttons .button span {display:none;}
    #user-tools-buttons #button-dashboard.fixed {position: fixed;right: 47px;left: auto; width: 48px;height: 53px;z-index:1;}
    #user-tools-buttons #disconnect {display: none;position: fixed;right: 96px;left: auto; width: 48px;height: 53px;z-index:1;}
    #user-tools-buttons #disconnect i {background: #015466;width: 100%;height: 100%;text-align: center;padding-top: 19px;margin-top: 0;box-sizing: border-box;color: #fff;}
    #search-main {position: absolute;right: 97px;width: 45px;top: 0;}
    
    #footer-blocks {padding:0;}
    #footer-blocks .footer-block:last-child {padding-bottom:0;margin-bottom:0;}
    #footer-links a {font-size:14px;}
    #social .third > span {transform-origin: left center;transform:scale(0.8)}
    
    #partners {padding-bottom:40px;}
    
    #slideshow h3 {font-size:31px;padding-top:10px;}
    #slideshow #donate {display:none;}
    #slideshow article {background-position: top right;}
    #slideshow article > div {max-width: 210px;margin: 85px auto 0 auto;background: rgba(1,84,102,0.5);padding:20px;}
    #slideshow .carousel-bullets {display:none}
    
    #home-actus h2 {float:none;clear:both;width:auto;margin-bottom:15px;}
    #home-actus h2:after {content:" ";background:#6D96A8;height:2px;width:30%;margin-top:15px;margin-bottom:10px;display:block;}
    #home-actus .carousel {width:auto;float:none;height:140px;margin-top:35px;}
    #home-tabs-content li {font-size:19px;}
    #home-tabs-content .yes-you-can {margin-left:0;clear:both;font-size:19px;margin-bottom:15px;}
    #home-tabs-content .two, #home-tabs-content .three {height:auto;}    
    #home-actus .carousel p:nth-child(2) {display: block;margin-top:5px;}
    #home-tabs-links > div:last-child {padding-bottom:29px;}
    #home-tabs-content .two .std-button {position:relative;top:auto;bottom:auto;left:auto;right:auto;}
    #home-tabs-content .three {background-size: cover;}
    #home-tabs-content #home-associations .testimonials .title3 {text-indent: 0;}
    #home-tabs-content #home-partenaires .three .std-button,
    #home-tabs-content #home-associations .three .std-button {clear:both;float:none;position:relative;top:auto;left:auto;bottom:auto;right:auto;}
    #home-tabs-links .benevoles {margin-top:3px;border-top:none;}
    
    #results-count {margin-bottom:20px;}
    #results-count strong {font-size:20px;}
    
    #footer-blocks .footer-block {float: none;display: block;}
    #footer-blocks .social img {padding-right:5px;}
    
    #search-secondary-fields > div > div {width:auto;float:none;}
    
    #page-title {font-size:26px;}
    
    #fiche h1 {font-size:22px;line-height:1.4em;min-height:auto;padding-bottom:20px;max-width:86%;}
    #fiche .favstar {right:0;top:0;}
    #fiche-infos .image img {height:70px;}
    #fiche-caracs {border-top:none;}
    #fiche-caracs p {font-size:16px;}
    #fiche .share {bottom:-6px;}
    #fiche-col {height:auto !important;}
    #fiche-header .asso {padding-left:0;clear:none;}
    #fiche-asso h1 {max-width: 100%;font-size:22px;}
    #fiche-asso .image {width:30%;float:left;height:auto;}
    #fiche-asso .image img {width:100%;height:auto;}
    #fiche-asso .partner-badge {position:relative;right:auto;margin:10px auto;}
    #fiche-asso p {clear:both;padding-top:8px;}
    #fiche-asso #fiche-border {border:none;}
    #fiche-missions-list > h2 {margin:3px 0 22px 0;font-size:14px;}
    #fiche-annonce-asso h3 a {font-size:20px;}
    #fiche-annonce-asso .img {float: left;width: 60px;margin-right: 5px;}
    #fiche-annonce-asso .body-text p {margin-top:-2px;font-size:16px;}
    
    #tags-list {padding:20px 0 0 0;}
    #tags-list span {font-size:16px;padding:5px 4px;margin-bottom:2px;}
    
    #breadcrumb {clear:both;padding-top:15px;display:none;}
    #article-top {height:auto;}
    #article-top .section {padding-bottom:75px;}
    
    #gmap-list {height:auto;}
    #gmap {height:400px !important;}
    
    #espace-header {padding:20px 20px 20px 20px;}
    #espace-header .espace-logo {z-index:1;margin-bottom:15px;}
    #espace-nav a.active:after {display:none;}
    #espace-hello {left: 0;position: relative;top: auto;margin: 0;clear: both;}
    #publier-annonce {font-size: 14px;position: relative;margin: 34px 0 0 30px;}
    #upload-image-preview {height:50px;}
    
    .std-form .field label,
    .std-form .field input,
    .std-form .field select,
    .std-form .field .ms-choice,
    .field label.alignleft + input, 
    .field label.alignleft + select, 
    .field label.alignleft + textarea, 
    .field label.alignleft + div, 
    .std-form .field-cblist,
    .field .ms-parent {width:100% !important;max-width: 100% !important;}
    .std-form .paddleft label {padding-left:0;}
    .paddleft25 {padding-left:0;}
    .std-form .toggle-banner p {font-size:17px;margin-top:20px;}    
    .std-form .field input[type="checkbox"] {width:18px !important;}
    .std-fieldset h2 {padding-left:0;}
    .field label.alignleft {width:100%;float:none;}
    .std-form .toggle-box {padding-bottom:15px;}
    .std-form .field-cblist .cb > label {width:auto !important}
    
    .h480 {height:auto;}
    
    #form-inscription-benevole > h2.paddleft20 {padding-left:10px;}
    #form-inscription-benevole > div, #form-inscription-benevole > h2, #form-inscription-benevole > fieldset {padding-left:10px;padding-right:10px;}
    
    #form-inscription-asso-contact-fbn {height:auto;}
    
    .featherlight h2 {margin-bottom:15px;}
    .featherlight .clearfix > .left, .featherlight .clearfix > .right {float:none;width:auto;clear:both;padding:10px;}
    .featherlight .clearfix > .left {border:none;}
    .featherlight .clearfix > .right {padding-top:20px;}
    .featherlight .featherlight-content {width:90%;margin-left:1%;}
    
    #login-form .forgot-pwd {padding-top:13px;}
    #login-form .buttons-login {padding-top:0;}
    #login-form h2 {position:absolute;top:45px;width:50%;font-size:16px;}
    #login-form h2.active:after {height: 2px;background: #035270;content: " ";width: 34%;margin-top: 0;display: block;margin: auto;top: 3px;position: relative;}
    #login-form .left h2 {left:-9px;}
    #login-form .right h2 {right:17px;}
    #login-form form {margin-top:90px;}
    #login-form .lost-submit {margin-top:15px;}
    
    #search-form {padding-left:15px;padding-right:15px;}
    #search-form #edit-keys {width:100%;clear:both;}
    #search-form .std-button {display:block;width:59%;margin:0 0 20px auto;}
    
    #search-main-fields, #search-secondary-fields {width: 100%;border: none;}
    #search-secondary-fields {border-bottom: 2px solid #dedede;padding-bottom: 41px;}
    #search-main-fields > .clearfix {padding:10px 0;}
    #search-main-fields .clearfix > div {margin:0 auto;}
    
    #sous-accueil > div {padding-bottom:0;}
    #sous-accueil .item .buttons {position:relative;left:0;margin-left:auto;margin-right:auto;bottom:auto;top:auto;}
    #sous-accueil .item {margin-bottom:20px;}
    
    #block-engagement1 {padding:20px 0;}
    #block-engagement1 .section > div {height:283px;margin-right: 0;}
    
    #search-form {padding-left:5px;padding-right:5px;}
    #search-form + div {padding:0 5px;}
    #search-form + div > h2 {font-size:24px;}
    .search-result .title {font-size:18px;}
    
    #reseau-legend {top:auto;position: relative;}
    
    #action .carousel {position:relative;left:-12px;}
    
    #mon-centre .left {padding-bottom:65px;}
    #gmap-list .left {clear: both;}
}


/* ==========================================================================
   Print styles.
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {text-decoration: underline;}

    #donate:after,
    .body-text a[href]:after {content: " (" attr(href) ")";}
    .body-text abbr[title]:after {content: " (" attr(title) ")";}

    a[href^="#"]:after,
    a[href^="javascript:"]:after {content: "";}

    pre,
    blockquote {border: 1px solid #999;page-break-inside: avoid;}
    
    thead {display: table-header-group;}

    tr,
    img {page-break-inside: avoid;}

    img {max-width: 100% !important;}

    p,
    h2,
    h3 {orphans: 3;widows: 3;}

    h2,
    h3 {page-break-after: avoid;}
    
    body {padding-top:0 !important;}
    
    #footer-blocks,
    #social,
    #search-main,
    #slideshow,
    #toolbar-menu,
    #user-tools-buttons,
    form,
    #home-tabs-content .two .std-button,
    #home-tabs-content #home-associations .three .std-button,
    #home-actus .carousel a,
    #toolbar-user,
    #partners,
    #block-share,
    #block-engagement1,
    #donate,
    #sous-accueil .item-pink .std-button,
    #sous-accueil .item .buttons,
    #fiche .share,
    .plus,
    .std-annonce > .std-button,
    .body-text h2:after,
    #search-type,
    nav {display:none;}
    
    #fiche-infos p {border:none;padding:3px 15px 6px 0px;}
    
    #action {padding-bottom: 9px;}
    
    .std-annonce {page-break-inside: avoid;}
    
    #home-tabs-content {margin-bottom: 0;}   
    #home-tabs-content > div {display: block;}
    #home-tabs-content .two, #home-tabs-content .three {height: auto;}
    #home-actus .carousel .carousel-item {display: block !important;position: relative;top: auto;left: auto;margin-top: 25px;}
    
    #login-form + a {display: none;}
    
    #chapo p {margin: 0;}
    #chapo {margin:10px 0 20px 0;}
    
    .citation blockquote {margin-top:0;}
    .citation blockquote > p {padding: 0px 20px 10px 20px;line-height: 1.4em;}
    .citation blockquote footer {border-top:none;padding-top:0;}
    .citation cite {padding-right: 10px;padding-bottom: 10px;}
    
    .bigpadding {padding:0 20px 10px 20px;}
    
    #footer-wrapper {position: relative;padding:5px 0;margin-top:10px;}
    #footer-wrapper::after {content:'Copyright France Bénévolat - tous droits réservés';position: absolute;display: block;max-width:300px;text-align: center;margin-left: -150px;top:10px;left:50%;font-size:12px;}
    
    #search-teaser .section {padding:10px 0;}
    
    #article-top {height:170px;}
    
    #page-title {font-size:45px;}
    
    .col-block p,
    #fiche-caracs p,
    .body-text {font-size:16px;line-height:1.4em;}
    .body-text h2 {margin-bottom: 0;font-size:32px;line-height: 1.2em;}
    
    .hub-block .hub-img {display: none;}
    .hub-block .inner {height: 200px;}
    .hub-block h2 {padding-top:40px;}
    
    .body-text h2 a {text-decoration: none;}
    .faq-item {border-top: none;}
    .faq-item p {display: block;}
    
    #search {display: block;}
    #search input[type="submit"] {display:none;}
    .toggle-btn {border:none !important;}
    .toggle-btn.active {background:#000 !important;color:#fff !important;}
    .toggle-btn.active i::before {color:#fff !important;}
}