@charset 'UTF-8';
/**
 * Description:  Styles css pour Alcool Assistance.
 * Version: 1.0.0
 * Last update: 26/13/2016
 * Author: User Name <bastien@orealys.com>
 *
 * Summary:
 *
 *  0. VENDORS
 *      - 0.1. BOOTSTRAP
 *      - 0.2. FONTICON
 *  1. BASE
 *      - 1.1. RESET
 *      - 1.2. TYPOGRAPHY
 *  2. LAYOUT
 *      - 1.1. GRID
 *      - 1.2. BLOCKS
 *      - 1.3. HEADER
 *      - 1.4. FOOTER
 *  3. COMPONENTS
 *      - 1.1. CAROUSEL
 *  4. PAGES
 *      - 1.1. ACCUEIL
 */
/*
  * Note: Use ${section-name} to search a specific section
  *
  *
  */
/* Layout
----------------------------------------------------------------------------------------*/
/* Footer
------------------------------------------*/
/* ==========================================================================
   HEXA TO RGBA
   ========================================================================== */
/* ==========================================================================
   $VENDORS
   ========================================================================== */
/* $BOOTSTRAP HELPERS
   ========================================================================== */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url(//fonts.googleapis.com/css?family=Dosis:400,300,700,600,500|Roboto:400,300,400italic,500,700,700italic,500italic,300italic);
.container, .container-11, .page-content--higher, .page-content--11, .section-article--11, .section-article--higher, .section-quote .section-quote_inner, .page-content--container, .section-article--container {
   margin-right: auto;
   margin-left: auto;
   padding-right: 10px; 
   padding-left: 10px;
}
.container:before, .container-11:before, .page-content--higher:before, .page-content--11:before, .section-article--11:before, .section-article--higher:before, .section-quote .section-quote_inner:before, .page-content--container:before, .section-article--container:before, .container:after, .container-11:after, .page-content--higher:after, .page-content--11:after, .section-article--11:after, .section-article--higher:after, .section-quote .section-quote_inner:after, .page-content--container:after, .section-article--container:after {
   display: table; 

   content: ' ';
}
.container:after, .container-11:after, .page-content--higher:after, .page-content--11:after, .section-article--11:after, .section-article--higher:after, .section-quote .section-quote_inner:after, .page-content--container:after, .section-article--container:after {
   clear: both;
}
@media (min-width: 768px) {
   .container, .container-11, .page-content--higher, .page-content--11, .section-article--11, .section-article--higher, .section-quote .section-quote_inner, .page-content--container, .section-article--container {
      width: 740px;
   }
}
@media (min-width: 992px) {
   .container, .container-11, .page-content--higher, .page-content--11, .section-article--11, .section-article--higher, .section-quote .section-quote_inner, .page-content--container, .section-article--container {
      width: 960px;
   }
}
@media (min-width: 1200px) {
   .container, .container-11, .page-content--higher, .page-content--11, .section-article--11, .section-article--higher, .section-quote .section-quote_inner, .page-content--container, .section-article--container {
      width: 1160px;
   }
}

.container-fluid {
   margin-right: auto;
   margin-left: auto;
   padding-right: 10px; 
   padding-left: 10px;
}
.container-fluid:before, .container-fluid:after {
   display: table; 

   content: ' ';
}
.container-fluid:after {
   clear: both;
}

.row {
   margin-right: -10px; 
   margin-left: -10px;
}
.row:before, .row:after {
   display: table; 

   content: ' ';
}
.row:after {
   clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .section-article--10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .section-quote .citation, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   position: relative;

   min-height: 1px;
   padding-right: 10px; 
   padding-left: 10px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
   float: left;
}

.col-xs-1 {
   width: 8.3333333333%;
}

.col-xs-2 {
   width: 16.6666666667%;
}

.col-xs-3 {
   width: 25%;
}

.col-xs-4 {
   width: 33.3333333333%;
}

.col-xs-5 {
   width: 41.6666666667%;
}

.col-xs-6 {
   width: 50%;
}

.col-xs-7 {
   width: 58.3333333333%;
}

.col-xs-8 {
   width: 66.6666666667%;
}

.col-xs-9 {
   width: 75%;
}

.col-xs-10 {
   width: 83.3333333333%;
}

.col-xs-11 {
   width: 91.6666666667%;
}

.col-xs-12 {
   width: 100%;
}

.col-xs-pull-0 {
   right: auto;
}

.col-xs-pull-1 {
   right: 8.3333333333%;
}

.col-xs-pull-2 {
   right: 16.6666666667%;
}

.col-xs-pull-3 {
   right: 25%;
}

.col-xs-pull-4 {
   right: 33.3333333333%;
}

.col-xs-pull-5 {
   right: 41.6666666667%;
}

.col-xs-pull-6 {
   right: 50%;
}

.col-xs-pull-7 {
   right: 58.3333333333%;
}

.col-xs-pull-8 {
   right: 66.6666666667%;
}

.col-xs-pull-9 {
   right: 75%;
}

.col-xs-pull-10 {
   right: 83.3333333333%;
}

.col-xs-pull-11 {
   right: 91.6666666667%;
}

.col-xs-pull-12 {
   right: 100%;
}

.col-xs-push-0 {
   left: auto;
}

.col-xs-push-1 {
   left: 8.3333333333%;
}

.col-xs-push-2 {
   left: 16.6666666667%;
}

.col-xs-push-3 {
   left: 25%;
}

.col-xs-push-4 {
   left: 33.3333333333%;
}

.col-xs-push-5 {
   left: 41.6666666667%;
}

.col-xs-push-6 {
   left: 50%;
}

.col-xs-push-7 {
   left: 58.3333333333%;
}

.col-xs-push-8 {
   left: 66.6666666667%;
}

.col-xs-push-9 {
   left: 75%;
}

.col-xs-push-10 {
   left: 83.3333333333%;
}

.col-xs-push-11 {
   left: 91.6666666667%;
}

.col-xs-push-12 {
   left: 100%;
}

.col-xs-offset-0 {
   margin-left: 0;
}

.col-xs-offset-1 {
   margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
   margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
   margin-left: 25%;
}

.col-xs-offset-4 {
   margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
   margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
   margin-left: 50%;
}

.col-xs-offset-7 {
   margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
   margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
   margin-left: 75%;
}

.col-xs-offset-10 {
   margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
   margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
   margin-left: 100%;
}

@media (min-width: 768px) {
   .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;
   }
   .col-sm-1 {
      width: 8.3333333333%;
   }
   .col-sm-2 {
      width: 16.6666666667%;
   }
   .col-sm-3 {
      width: 25%;
   }
   .col-sm-4 {
      width: 33.3333333333%;
   }
   .col-sm-5 {
      width: 41.6666666667%;
   }
   .col-sm-6 {
      width: 50%;
   }
   .col-sm-7 {
      width: 58.3333333333%;
   }
   .col-sm-8 {
      width: 66.6666666667%;
   }
   .col-sm-9 {
      width: 75%;
   }
   .col-sm-10 {
      width: 83.3333333333%;
   }
   .col-sm-11 {
      width: 91.6666666667%;
   }
   .col-sm-12 {
      width: 100%;
   }
   .col-sm-pull-0 {
      right: auto;
   }
   .col-sm-pull-1 {
      right: 8.3333333333%;
   }
   .col-sm-pull-2 {
      right: 16.6666666667%;
   }
   .col-sm-pull-3 {
      right: 25%;
   }
   .col-sm-pull-4 {
      right: 33.3333333333%;
   }
   .col-sm-pull-5 {
      right: 41.6666666667%;
   }
   .col-sm-pull-6 {
      right: 50%;
   }
   .col-sm-pull-7 {
      right: 58.3333333333%;
   }
   .col-sm-pull-8 {
      right: 66.6666666667%;
   }
   .col-sm-pull-9 {
      right: 75%;
   }
   .col-sm-pull-10 {
      right: 83.3333333333%;
   }
   .col-sm-pull-11 {
      right: 91.6666666667%;
   }
   .col-sm-pull-12 {
      right: 100%;
   }
   .col-sm-push-0 {
      left: auto;
   }
   .col-sm-push-1 {
      left: 8.3333333333%;
   }
   .col-sm-push-2 {
      left: 16.6666666667%;
   }
   .col-sm-push-3 {
      left: 25%;
   }
   .col-sm-push-4 {
      left: 33.3333333333%;
   }
   .col-sm-push-5 {
      left: 41.6666666667%;
   }
   .col-sm-push-6 {
      left: 50%;
   }
   .col-sm-push-7 {
      left: 58.3333333333%;
   }
   .col-sm-push-8 {
      left: 66.6666666667%;
   }
   .col-sm-push-9 {
      left: 75%;
   }
   .col-sm-push-10 {
      left: 83.3333333333%;
   }
   .col-sm-push-11 {
      left: 91.6666666667%;
   }
   .col-sm-push-12 {
      left: 100%;
   }
   .col-sm-offset-0 {
      margin-left: 0;
   }
   .col-sm-offset-1 {
      margin-left: 8.3333333333%;
   }
   .col-sm-offset-2 {
      margin-left: 16.6666666667%;
   }
   .col-sm-offset-3 {
      margin-left: 25%;
   }
   .col-sm-offset-4 {
      margin-left: 33.3333333333%;
   }
   .col-sm-offset-5 {
      margin-left: 41.6666666667%;
   }
   .col-sm-offset-6 {
      margin-left: 50%;
   }
   .col-sm-offset-7 {
      margin-left: 58.3333333333%;
   }
   .col-sm-offset-8 {
      margin-left: 66.6666666667%;
   }
   .col-sm-offset-9 {
      margin-left: 75%;
   }
   .col-sm-offset-10 {
      margin-left: 83.3333333333%;
   }
   .col-sm-offset-11 {
      margin-left: 91.6666666667%;
   }
   .col-sm-offset-12 {
      margin-left: 100%;
   }
}

@media (min-width: 992px) {
   .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .section-article--10, .col-md-11, .section-quote .citation, .col-md-12 {
      float: left;
   }
   .col-md-1 {
      width: 8.3333333333%;
   }
   .col-md-2 {
      width: 16.6666666667%;
   }
   .col-md-3 {
      width: 25%;
   }
   .col-md-4 {
      width: 33.3333333333%;
   }
   .col-md-5 {
      width: 41.6666666667%;
   }
   .col-md-6 {
      width: 50%;
   }
   .col-md-7 {
      width: 58.3333333333%;
   }
   .col-md-8 {
      width: 66.6666666667%;
   }
   .col-md-9 {
      width: 75%;
   }
   .col-md-10, .section-article--10 {
      width: 83.3333333333%;
   }
   .col-md-11, .section-quote .citation {
      width: 91.6666666667%;
   }
   .col-md-12 {
      width: 100%;
   }
   .col-md-pull-0 {
      right: auto;
   }
   .col-md-pull-1 {
      right: 8.3333333333%;
   }
   .col-md-pull-2 {
      right: 16.6666666667%;
   }
   .col-md-pull-3 {
      right: 25%;
   }
   .col-md-pull-4 {
      right: 33.3333333333%;
   }
   .col-md-pull-5 {
      right: 41.6666666667%;
   }
   .col-md-pull-6 {
      right: 50%;
   }
   .col-md-pull-7 {
      right: 58.3333333333%;
   }
   .col-md-pull-8 {
      right: 66.6666666667%;
   }
   .col-md-pull-9 {
      right: 75%;
   }
   .col-md-pull-10 {
      right: 83.3333333333%;
   }
   .col-md-pull-11 {
      right: 91.6666666667%;
   }
   .col-md-pull-12 {
      right: 100%;
   }
   .col-md-push-0 {
      left: auto;
   }
   .col-md-push-1 {
      left: 8.3333333333%;
   }
   .col-md-push-2 {
      left: 16.6666666667%;
   }
   .col-md-push-3 {
      left: 25%;
   }
   .col-md-push-4 {
      left: 33.3333333333%;
   }
   .col-md-push-5 {
      left: 41.6666666667%;
   }
   .col-md-push-6 {
      left: 50%;
   }
   .col-md-push-7 {
      left: 58.3333333333%;
   }
   .col-md-push-8 {
      left: 66.6666666667%;
   }
   .col-md-push-9 {
      left: 75%;
   }
   .col-md-push-10 {
      left: 83.3333333333%;
   }
   .col-md-push-11 {
      left: 91.6666666667%;
   }
   .col-md-push-12 {
      left: 100%;
   }
   .col-md-offset-0 {
      margin-left: 0;
   }
   .col-md-offset-1, .section-article--10 {
      margin-left: 8.3333333333%;
   }
   .col-md-offset-2 {
      margin-left: 16.6666666667%;
   }
   .col-md-offset-3 {
      margin-left: 25%;
   }
   .col-md-offset-4 {
      margin-left: 33.3333333333%;
   }
   .col-md-offset-5 {
      margin-left: 41.6666666667%;
   }
   .col-md-offset-6 {
      margin-left: 50%;
   }
   .col-md-offset-7 {
      margin-left: 58.3333333333%;
   }
   .col-md-offset-8 {
      margin-left: 66.6666666667%;
   }
   .col-md-offset-9 {
      margin-left: 75%;
   }
   .col-md-offset-10 {
      margin-left: 83.3333333333%;
   }
   .col-md-offset-11 {
      margin-left: 91.6666666667%;
   }
   .col-md-offset-12 {
      margin-left: 100%;
   }
}

@media (min-width: 1200px) {
   .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
      float: left;
   }
   .col-lg-1 {
      width: 8.3333333333%;
   }
   .col-lg-2 {
      width: 16.6666666667%;
   }
   .col-lg-3 {
      width: 25%;
   }
   .col-lg-4 {
      width: 33.3333333333%;
   }
   .col-lg-5 {
      width: 41.6666666667%;
   }
   .col-lg-6 {
      width: 50%;
   }
   .col-lg-7 {
      width: 58.3333333333%;
   }
   .col-lg-8 {
      width: 66.6666666667%;
   }
   .col-lg-9 {
      width: 75%;
   }
   .col-lg-10 {
      width: 83.3333333333%;
   }
   .col-lg-11 {
      width: 91.6666666667%;
   }
   .col-lg-12 {
      width: 100%;
   }
   .col-lg-pull-0 {
      right: auto;
   }
   .col-lg-pull-1 {
      right: 8.3333333333%;
   }
   .col-lg-pull-2 {
      right: 16.6666666667%;
   }
   .col-lg-pull-3 {
      right: 25%;
   }
   .col-lg-pull-4 {
      right: 33.3333333333%;
   }
   .col-lg-pull-5 {
      right: 41.6666666667%;
   }
   .col-lg-pull-6 {
      right: 50%;
   }
   .col-lg-pull-7 {
      right: 58.3333333333%;
   }
   .col-lg-pull-8 {
      right: 66.6666666667%;
   }
   .col-lg-pull-9 {
      right: 75%;
   }
   .col-lg-pull-10 {
      right: 83.3333333333%;
   }
   .col-lg-pull-11 {
      right: 91.6666666667%;
   }
   .col-lg-pull-12 {
      right: 100%;
   }
   .col-lg-push-0 {
      left: auto;
   }
   .col-lg-push-1 {
      left: 8.3333333333%;
   }
   .col-lg-push-2 {
      left: 16.6666666667%;
   }
   .col-lg-push-3 {
      left: 25%;
   }
   .col-lg-push-4 {
      left: 33.3333333333%;
   }
   .col-lg-push-5 {
      left: 41.6666666667%;
   }
   .col-lg-push-6 {
      left: 50%;
   }
   .col-lg-push-7 {
      left: 58.3333333333%;
   }
   .col-lg-push-8 {
      left: 66.6666666667%;
   }
   .col-lg-push-9 {
      left: 75%;
   }
   .col-lg-push-10 {
      left: 83.3333333333%;
   }
   .col-lg-push-11 {
      left: 91.6666666667%;
   }
   .col-lg-push-12 {
      left: 100%;
   }
   .col-lg-offset-0 {
      margin-left: 0;
   }
   .col-lg-offset-1 {
      margin-left: 8.3333333333%;
   }
   .col-lg-offset-2 {
      margin-left: 16.6666666667%;
   }
   .col-lg-offset-3 {
      margin-left: 25%;
   }
   .col-lg-offset-4 {
      margin-left: 33.3333333333%;
   }
   .col-lg-offset-5 {
      margin-left: 41.6666666667%;
   }
   .col-lg-offset-6 {
      margin-left: 50%;
   }
   .col-lg-offset-7 {
      margin-left: 58.3333333333%;
   }
   .col-lg-offset-8 {
      margin-left: 66.6666666667%;
   }
   .col-lg-offset-9 {
      margin-left: 75%;
   }
   .col-lg-offset-10 {
      margin-left: 83.3333333333%;
   }
   .col-lg-offset-11 {
      margin-left: 91.6666666667%;
   }
   .col-lg-offset-12 {
      margin-left: 100%;
   }
}

/* ==========================================================================
   $BASE
   ========================================================================== */
/* $RESET
   ========================================================================== */
body {
   overflow-x: hidden; 

   width: 100%;
}

nav {
   border: 0 !important;
}

a {
   text-decoration: none;
}
a:hover, a:focus {
   text-decoration: none;

   outline: none;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .page-content__menu:before, .actu-gallerie .actu-item--big:before, footer.footer:before, .footer__social-list:before, .clearfix:after, .page-content__menu:after, .actu-gallerie .actu-item--big:after, footer.footer:after, .footer__social-list:after {
   /* 1 */
   display: table;

   content: ' ';
   /* 2 */
}

.clearfix:after, .page-content__menu:after, .actu-gallerie .actu-item--big:after, footer.footer:after, .footer__social-list:after {
   clear: both;
}

/*
*
* Removed bullets on lists
*/
ul {
   padding: 0; 

   list-style-type: none;
}

/* ----------------------------------------------------------------------------------------------------

Super Form Reset

A couple of things to watch out for:

- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs

----------------------------------------------------------------------------------------------------*/
input, label, select, button, textarea {
   font-family: Arial; 
   /* Browsers have different default form fonts */
   font-size: 13px;
   line-height: 1;

   display: inline-block;

   margin: 0;
   padding: 0;

   vertical-align: middle;
   white-space: normal;

   border: 0;
   background: none;
}

/* Remove the stupid outer glow in Webkit */
input:focus {
   outline: 0;
}

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input, textarea {
   box-sizing: content-box;
}

/* These elements are usually rendered a certain way by the browser */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
   box-sizing: border-box;
}

/* Text Inputs
-----------------------------------------------*/
/* Button Controls
-----------------------------------------------*/
input[type=checkbox], input[type=radio] {
   width: 13px;
   height: 13px;
}

/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
   -webkit-box-sizing: content-box; 

   -webkit-appearance: textfield;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
   display: none;
}

/* Buttons
-----------------------------------------------*/
button, input[type='reset'], input[type='button'], input[type='submit'] {
   /* Fix IE7 display bug */
   overflow: visible;

   width: auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
   padding: 0;

   border: 0;
   background: none;
}

/* Textarea
-----------------------------------------------*/
textarea {
   /* Turn off scroll bars in IE unless needed */
   overflow: auto; 
   /* Move the label to the top */

   vertical-align: top;
}

/* Selects
-----------------------------------------------*/
select[multiple] {
   /* Move the label to the top */
   vertical-align: top;
}

/* $TYPOGRAPHY
========================================================================== */
/*
*
* Tous les styles de texte sont définis ici
*/
@font-face {
   font-family: 'Blogger Sans';
   font-weight: 700;
   font-style: normal;

   src: url('../fonts/Blogger_Sans-Bold.eot') format('embedded-opentype'), url('../fonts/Blogger_Sans-Bold.woff2') format('woff2'), url('../fonts/Blogger_Sans-Bold.woff') format('woff'), url('../fonts/Blogger_Sans-Bold.ttf') format('truetype'), url('../fonts/Blogger_Sans-Bold.svg') format('svg');
}

@font-face {
   font-family: 'Blogger Sans';
   font-weight: 700;
   font-style: italic;

   src: url('../fonts/Blogger_Sans-Bold_Italic.eot') format('embedded-opentype'), url('../fonts/Blogger_Sans-Bold_Italic.woff2') format('woff2'), url('../fonts/Blogger_Sans-Bold_Italic.woff') format('woff'), url('../fonts/Blogger_Sans-Bold_Italic.ttf') format('truetype'), url('../fonts/Blogger_Sans-Bold_Italic.svg') format('svg');
}

@font-face {
   font-family: 'Blogger Sans';
   font-weight: 400;
   font-style: normal;

   src: url('../fonts/Blogger_Sans.eot') format('embedded-opentype'), url('../fonts/Blogger_Sans.woff2') format('woff2'), url('../fonts/Blogger_Sans.woff') format('woff'), url('../fonts/Blogger_Sans.ttf') format('truetype'), url('../fonts/Blogger_Sans.svg') format('svg');
}

@font-face {
   font-family: 'Blogger Sans';
   font-weight: 400;
   font-style: italic;

   src: url('../fonts/Blogger_Sans-Medium_Italic.eot') format('embedded-opentype'), url('../fonts/Blogger_Sans-Medium_Italic.woff2') format('woff2'), url('../fonts/Blogger_Sans-Medium_Italic.woff') format('woff'), url('../fonts/Blogger_Sans-Medium_Italic.ttf') format('truetype'), url('../fonts/Blogger_Sans-Medium_Italic.svg') format('svg');
}

@font-face {
   font-family: 'Blogger Sans';
   font-weight: 400;
   font-style: italic;

   src: url('../fonts/Blogger_Sans-Italic.eot') format('embedded-opentype'), url('../fonts/Blogger_Sans-Italic.woff2') format('woff2'), url('../fonts/Blogger_Sans-Italic.woff') format('woff'), url('../fonts/Blogger_Sans-Italic.ttf') format('truetype'), url('../fonts/Blogger_Sans-Italic.svg') format('svg');
}

@font-face {
   font-family: 'Blogger Sans';
   font-weight: 200;
   font-style: normal;

   src: url('../fonts/Blogger_Sans-Light.eot') format('embedded-opentype'), url('../fonts/Blogger_Sans-Light.woff2') format('woff2'), url('../fonts/Blogger_Sans-Light.woff') format('woff'), url('../fonts/Blogger_Sans-Light.ttf') format('truetype'), url('../fonts/Blogger_Sans-Light.svg') format('svg');
}

@font-face {
   font-family: 'Blogger Sans';
   font-weight: 200;
   font-style: italic;

   src: url('../fonts/Blogger_Sans-Light_Italic.eot') format('embedded-opentype'), url('../fonts/Blogger_Sans-Light_Italic.woff2') format('woff2'), url('../fonts/Blogger_Sans-Light_Italic.woff') format('woff'), url('../fonts/Blogger_Sans-Light_Italic.ttf') format('truetype'), url('../fonts/Blogger_Sans-Light_Italic.svg') format('svg');
}

html {
   font-size: 62.5%;
}

body {
   font-family: 'Roboto', sans-serif;
   font-size: 1.3rem;
   font-weight: 300;

   color: #888888;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, .004);

   text-rendering: optimizeLegibility !important;
   -webkit-font-smoothing: antialiased !important;
}

p, a, li {
   font-size: 14px;
   font-size: 1.4rem;
}

.p-like, .dropdown-menu li a {
   font-family: 'Roboto', sans-serif;
   font-size: 1.3rem;

   margin: 0 0 10px; 

   text-transform: initial;

   color: #888888;
}

[class*='section-article'] p {
   text-justify: justify;
}

input, label, select, button, textarea {
   font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, h6, label, .label {
   font-family: 'Blogger Sans', sans-serif;
   font-weight: 500;
}

a {
   font-weight: 500;

   text-decoration: none; 

   color: #1c4987;
}
a:hover {
   text-decoration: none; 

   color: #13325d;
}
a:hover h2 {
   text-decoration: underline;
}
a[href^='mailto'] {
   text-decoration: underline;
}

h2 {
   font-size: 32px;
   font-size: 3.2rem;
   font-weight: 400;
}
section.section-article--higher > h2:first-child {
   margin-top: 60px;
}

h3 {
   font-size: 34px;
   font-size: 3.4rem; 
   font-weight: 300;
}

h4 {
   font-size: 24px;
   font-size: 2.4rem;
   font-weight: 500;
}

label {
   font-size: 22px;
   font-size: 2.2rem;
}
.form-horizontal label {
   font-size: 17px;
   font-size: 1.7rem;

   margin-bottom: 10px; 

   text-transform: uppercase;
}

/* font classes */
.titre-bloc {
   font-family: 'Blogger Sans', sans-serif;
}

.titre-page, .titre-section, .titre-section-2, .titre-form, .titre-paragraphe-niv-2, .titre-paragraphe, .titre-bloc, .titre-bloc-2, .titre-bloc-actu, .titre-cat, .form-style-2 h2, .form-style-2 .control-label, .form-style-2 .form-control, .huge_block li article h5, .huge_block li article h2, .bloc_items h2, .bloc_items.card .bloc_txt .titre-paragraphe, .bloc_items.contact .infos h4 {
   font-family: 'Roboto', sans-serif;
}

/* Styles de texte & paragraphes
------------------------------------------*/
.titre-page, .titre-section, .titre-section-2, .titre-form, .titre-paragraphe, .titre-paragraphe-niv-2, .titre-checkbox, label, .titre-bloc-2 {
   color: #1c4987;
}

.titre-page, .titre-section, .titre-section-2 {
   font-weight: 300;

   text-transform: uppercase;
}

.titre-page {
   font-size: 40px;
   font-size: 4rem;
   font-weight: 400;

   margin: 50px 0 15px 0;
}

.titre-rubrique {
   font-size: 34px;
   font-size: 3.4rem;

   margin: 0;
}

.titre-section, .titre-section-2, .titre-form {
   font-size: 28px;
   font-size: 2.8rem;
   font-weight: 400;

   margin-bottom: 35px;
   padding-bottom: 15px;

   text-transform: uppercase;

   border-bottom: 1px solid #cfcfcf;
}

.titre-form {
   margin-top: 60px;
}

.titre-paragraphe {
   margin: 40px 0 20px 0;
}
@media (min-width: 992px) {
   .titre-paragraphe {
      margin: 70px 0 20px 0;
   }
}

.titre-paragraphe-niv-2 {
   font-size: 16px;
   font-size: 1.6rem;
   font-weight: 700;

   margin-top: 25px; 

   color: #1c4987;
}

.titre-section-2 {
   color: #888888;
}

.titre-section-big {
   font-size: 44px;
   font-size: 4.4rem;
   font-weight: 100;

   text-transform: uppercase;
}

.titre-paragraphe, .titre-bloc, .titre-bloc-2 {
   font-size: 26px;
   font-size: 2.6rem;
   font-weight: 400;
}

.titre-bloc {
   font-size: 22px;
   font-size: 2.2rem;
   font-weight: 400;

   text-transform: uppercase; 

   color: #1c4987;
}

.titre-bloc-2 {
   font-size: 20px;
   font-size: 2rem;

   margin: 0 0 10px 0; 

   color: #1a171b !important;
}

.titre-bloc-actu {
   font-size: 20px;
   font-size: 2rem;
   font-weight: 500; 

   color: #1c4987;
}

.bloc-icon-lien__title {
   font-size: 14px;
   font-size: 1.4rem;

   margin-bottom: 0; 

   text-align: center;
}
.bloc-icon-lien__title--big {
   font-size: 20px;
   font-size: 2rem;
   font-weight: 700;

   text-transform: uppercase;
}

.titre-paragraphe-niv-2, .texte-chapeau {
   text-transform: initial;
}

.text-chapeau {
   font-family: 'Roboto';
   font-size: 16px;
   font-size: 1.6rem;
   font-weight: 500;

   margin-top: 20px; 
   margin-bottom: 30px;
}

.sous-titre {
   font-size: 20px;
   font-size: 2rem;
}

/* Mini titres
------------------------------------------*/
.titre-cat {
   font-size: 14px;
   font-size: 1.4rem;
   font-weight: 700;

   margin: 0; 

   text-transform: uppercase;
}

.titre-date {
   font-size: 15px;
   font-size: 1.5rem;
   font-weight: 300;

   text-transform: uppercase;
}

.label {
   font-size: 15px;
   font-size: 1.5rem;
   font-weight: bold;

   padding: 5px;

   text-transform: uppercase; 

   border-radius: 3px;
}
.label:not(:last-child) {
   margin-right: 2px;
}
.label--accent-color {
   color: #ffffff;
   background: #1c4987;
}

.titre-contact {
   font-family: 'Roboto', sans-serif;
   font-size: 1.3rem;

   color: #888888;
}

/* Text formaters
----------------------------------------------------------------------------------------*/
/* colors */
.color1 {
   color: #1c4987;
}

.blue {
   color: #069edb;
}

.purple {
   color: #822182;
}

.white, .bloc-dark-bg p, .bloc-dark-bg a, .bloc-dark-bg h2, .bloc-dark-bg h3, .bloc-dark-bg h4, .bloc-dark-bg label, .bloc-dark-bg .btn-more:before, .bloc-dark-bg .btn-nav--more:before, .bloc-dark-bg .btn-nav--close:before, .bloc-dark-bg > [class*='icon-'], .bloc-dark-bg ul[class^='liste'] > li:before, .bloc-dark-bg ol[class^='liste'] > before, .bloc-bg-colored p, .bloc-bg-colored a, .bloc-bg-colored h2, .bloc-bg-colored h3, .bloc-bg-colored h4, .bloc-bg-colored label, .bloc-bg-colored .btn-more:before, .bloc-bg-colored .btn-nav--more:before, .bloc-bg-colored .btn-nav--close:before, .bloc-bg-colored > [class*='icon-'], .bloc-bg-colored ul[class^='liste'] > li:before, .bloc-bg-colored ol[class^='liste'] > before {
   color: #ffffff;
}

/* Font weights */
.light {
   font-weight: 300;
}

.normal {
   font-weight: 400;
}

.medium {
   font-weight: 500;
}

.semi-bold {
   font-weight: 600;
}

.bold {
   font-weight: 700;
}

.extra-bold {
   font-weight: 800;
}

/* Text transform */
.uppercase {
   text-transform: uppercase;
}

.lowercase {
   text-transform: lowercase;
}

.em {
   font-family: Georgia, Cambria, serif;
   font-style: italic;

   color: #1c4987;
}

.exergue {
   font-weight: 700; 

   color: #1c4987;
}

.underline:after {
   position: absolute;
   bottom: -12px; 
   left: 0;

   width: 30px;
   height: 1px;

   content: '';

   background: #1a171b;
}

/* TYPO PAGES / COMPONENTS
========================================================================== */
/* HEADER
----------------------------------------------------------------------------------------*/
/* Nav
------------------------------------------*/
.navbar-collapse a {
   font-family: 'Dosis', sans-serif;
   font-size: 15px;
   font-size: 1.5rem;
   font-weight: 600;

   text-transform: uppercase; 

   color: #1c4987;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
   background: none;
}

/* Menu principal
------------------------------------------*/
.nav--main > li > a {
   font-size: 15px;
   font-size: 1.5rem;

   color: #1c4987;
}
.nav--main > li > a:hover {
   color: #13325d;
   background: transparent;
}

/* Sous-menu
------------------------------------------*/
.dropdown-menu {
   padding: 30px 30px 50px 30px; 
   /* Bootstrap reset */

   border: 0;
   border-radius: 1px;
   background-image: url('https://www.alcoolassistance.net/template/alcool-assistance/img/pattern-3.png');
   box-shadow: 0 4px 4px rgba(0, 0, 0, .175);
}
.dropdown-menu li a {
   padding: 0 !important;
}

/* FOOTER
----------------------------------------------------------------------------------------*/
footer p, footer a {
   font-family: 'Roboto', sans-serif;
   font-size: 14px;
   font-size: 1.4rem;
   font-weight: 300;

   color: #888888;
}

footer a:hover {
   font-weight: 700;
}

footer p.tel {
   margin: 0;
}

.titre-footer {
   font-family: 'Roboto', sans-serif;
   font-size: 18px;
   font-size: 1.8rem;
   font-weight: 700;

   margin-top: 0; 

   color: #1c4987;
}

.titre-footer--small {
   font-size: 15px;
   font-size: 1.5rem;
   font-weight: 500;
}

/* PAGE CONTENT
----------------------------------------------------------------------------------------*/
/* LISTES
------------------------------------------*/
ul[class^='liste'], ol[class^='liste'] {
   padding-left: 0;
}
ul[class^='liste'] > li, ol[class^='liste'] > li {
   padding: 5px 0 5px 1em;

   text-indent: -.7em;
}
ul[class^='liste'] > li:before, ol[class^='liste'] > li:before {
   font-family: 'consolas', sans-serif;
   font-weight: 700;

   position: relative;
   top: -1px;

   padding-right: 7px; 

   content: '>';

   color: #1c4987;
}
ul[class^='liste'] > li a:hover, ol[class^='liste'] > li a:hover {
   font-weight: 600;

   position: relative;
   left: -.2px;
}
ul[class^='liste'].liste--border > li, ol[class^='liste'].liste--border > li {
   padding: 10px 0 10px 1em;
}
ul[class^='liste'].liste--border > li:not(:first-child), ol[class^='liste'].liste--border > li:not(:first-child) {
   border-top: 1px solid #e9ecee;
}

ul.liste-puces > li:before {
   content: '\002022';
}

ul.liste-fleche-rounded {
   margin: 40px 0;
}
ul.liste-fleche-rounded > li {
   font-weight: 700;
}
ul.liste-fleche-rounded > li:before {
   position: relative;
   bottom: 2px;

   float: left;

   padding-right: 20px; 

   color: #888888;
}

ul.liste-fleches > li:before {
   top: 2px; 

   content: 'p';

   color: #ffffff;
}

ul.liste-fleches > li:hover a {
   font-weight: bold;
}

ul.liste-sous-menu > li .titre-sous-menu {
   font-size: 17px;
   font-size: 1.7rem;
   font-weight: 600;

   text-transform: uppercase; 

   color: #1c4987;
}

ul.liste-sous-menu > li:before {
   font-size: 24px;
   font-size: 2.4rem;

   top: 5px; 

   content: '';
}

ul.liste-sous-menu > li > ul {
   padding-top: 5px;
}

ul.liste-color2 li:before {
   color: #e42b41;
}

ol.liste {
   counter-reset: item;
}
ol.liste li {
   display: block;
}
ol.liste li:before {
   content: '';
   content: counter(item) '.';
   counter-increment: item;

   color: #1c4987;
}

.list-separator {
   margin-top: 50px;
}
.list-separator li {
   margin-bottom: 30px;
}

/* Slider
------------------------------------------*/
.bandeau__titre-wrapper {
   color: #ffffff;
}

.bandeau__titre {
   font-family: 'Dosis', sans-serif;
   font-size: 42px;
   font-size: 4.2rem;
   font-weight: 300; 

   white-space: nowrap;
   text-transform: uppercase;

   color: #ffffff;
}
.bandeau__titre p {
    margin: 0;
    font-size: inherit;
}
@media (max-width: 768px) {
   .bandeau__titre {
      font-size: 2rem;
   }
}

/* Breadcrumb
------------------------------------------*/
#breadcrumbs {
   padding: 20px 0;
}
#breadcrumbs .separator {
   font-family: 'consolas', sans-serif;
   font-weight: 700; 

   padding: 0 10px;
}
#breadcrumbs .breadcrumb_last, #breadcrumbs a {
   font-weight: 300;
}
#breadcrumbs .breadcrumb_last {
   font-weight: 700;
}
#breadcrumbs .breadcrumb_last {
   color: #1c4987;
}

/* BLOC COLORED
----------------------------------------------------------------------------------------*/
.bloc--accent-color {
   padding: .1px 30px 30px;

   background-color: #1c4987;
}
.bloc--accent-color a, .bloc--accent-color p {
   font-size: 14px;
   font-size: 1.4rem;
}

/* BLOC ITEM ACTU
----------------------------------------------------------------------------------------*/
.actu-item > p {
   font-size: 14px;
   font-size: 1.4rem;
}

/* BLOC CARD
----------------------------------------------------------------------------------------*/
.bloc-card a, .bloc-card p {
   font-size: 14px;
   font-size: 1.4rem;
}

/* $HELPERS
   ========================================================================== */
/* ---------------------------------- */
/* ==visual helpers                   */
/* .. use them with parcimony !       */
/* ---------------------------------- */
.wauto {
   width: auto;
}

.wfull {
   width: 100%;
}

.d-i {
   display: inline;
}

.d-b {
   display: block !important;
}

/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n = small, medium, large, none
*/
.man, .ma0 {
   margin: 0;
}

.pan, .pa0 {
   padding: 0;
}

.mas {
   margin: 10px;
}

.mam {
   margin: 20px;
}

.mal {
   margin: 50px;
}

.pas {
   padding: 10px;
}

.pam {
   padding: 20px;
}

.pal {
   padding: 50px;
}

.mtn, .mt0 {
   margin-top: 0;
}

.mtt {
   margin-top: 5px;
}

.mts {
   margin-top: 10px;
}

.mtm {
   margin-top: 20px;
}

.mtl {
   margin-top: 50px;
}

.mrn, .mr0 {
   margin-right: 0;
}

.mrs {
   margin-right: 10px;
}

.mrm {
   margin-right: 20px;
}

.mrl {
   margin-right: 50px;
}

.mbn, .mb0 {
   margin-bottom: 0 !important;
}

.mbt {
   margin-bottom: 5px;
}

.mbs {
   margin-bottom: 10px;
}

.mbm {
   margin-bottom: 20px;
}

.mbl {
   margin-bottom: 50px;
}

.mln, .ml0 {
   margin-left: 0;
}

.mls {
   margin-left: 10px;
}

.mlm {
   margin-left: 20px;
}

.mll {
   margin-left: 50px;
}

.ptn, .pt0 {
   padding-top: 0;
}

.pts {
   padding-top: 10px;
}

.ptm {
   padding-top: 20px;
}

.ptl {
   padding-top: 50px;
}

.prn, .pr0 {
   padding-right: 0;
}

.prt {
   padding-right: 5px;
}

.prs {
   padding-right: 10px;
}

.prm {
   padding-right: 20px;
}

.prl {
   padding-right: 50px;
}

.pbn, .pb0 {
   padding-bottom: 0 !important;
}

.pbs {
   padding-bottom: 10px;
}

.pbm {
   padding-bottom: 20px;
}

.pbl {
   padding-bottom: 50px;
}

.pln, .pl0 {
   padding-left: 0;
}

.plt {
   padding-left: 5px;
}

.pls {
   padding-left: 10px;
}

.plm {
   padding-left: 20px;
}

.pll {
   padding-left: 50px;
}

/* others
   ========================================================================== */
.visually-hidden {
   position: absolute !important;

   overflow: hidden !important;
   clip: rect(1px, 1px, 1px, 1px) !important; 

   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;

   border: 0 !important;
}

.text-justify p, .text-justify {
   text-align: justify;
}

.no-underline, .no-underline:before {
   text-decoration: none;
}

/* POSITION
----------------------------------------------------------------------------------------*/
.v-center {
   display: inline-block; 

   vertical-align: middle;
}

.fl-left {
   float: left;
}

.fl-right {
   float: right;
}

.abs-over {
   position: absolute;
   font-size: 0;
   z-index: 1; 
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

/* IMAGES
----------------------------------------------------------------------------------------*/
.cover {
   overflow: hidden; 

   background-size: cover;

   object-fit: cover;
}

/* ==========================================================================
   $LAYOUT
   ========================================================================== */
/* $GRID 
   ========================================================================== */
.container-11, .page-content--higher, .page-content--11, .section-article--11, .section-article--higher, .section-quote .section-quote_inner {
   width: 1070px;
}

.col-lg-2-4 {
   position: relative;

   min-height: 1px;
   padding-right: 10px; 
   padding-left: 10px;
}
@media (min-width: 1200px) {
   .col-lg-2-4 {
      float: left;

      width: 20%;
   }
}

.col-md-2-4 {
   position: relative;

   min-height: 1px;
   padding-right: 10px; 
   padding-left: 10px;
}
@media (min-width: 992px) {
   .col-md-2-4 {
      float: left;

      width: 20%;
   }
}

.col-sm-2-4 {
   position: relative;

   min-height: 1px;
   padding-right: 10px; 
   padding-left: 10px;
}
@media (min-width: 768px) {
   .col-sm-2-4 {
      float: left;

      width: 20%;
   }
}

@media (min-width: 992px) {
   .col-md-push-2-4 {
      left: 20%;
   }
}

@media (min-width: 992px) {
   .col-md-pull-2-4 {
      right: 20%;
   }
}

@media (min-width: 992px) {
   .col-md-offset-2-4 {
      margin-left: 20%;
   }
}

.col-lg-4-8 {
   position: relative;

   min-height: 1px;
   padding-right: 10px; 
   padding-left: 10px;
}
@media (min-width: 1200px) {
   .col-lg-4-8 {
      float: left;

      width: 40%;
   }
}

.col-md-4-8 {
   position: relative;

   min-height: 1px;
   padding-right: 10px; 
   padding-left: 10px;
}
@media (min-width: 992px) {
   .col-md-4-8 {
      float: left;

      width: 40%;
   }
}

.col-sm-4-8 {
   position: relative;

   min-height: 1px;
   padding-right: 10px; 
   padding-left: 10px;
}
@media (min-width: 768px) {
   .col-sm-4-8 {
      float: left;

      width: 40%;
   }
}

@media (min-width: 992px) {
   .col-md-push-3-3 {
      left: 27.7775%;
   }
}

@media (min-width: 992px) {
   .col-md-pull-3-3 {
      right: 27.7775%;
   }
}

@media (min-width: 992px) {
   .col-md-offset-3-3 {
      margin-left: 27.7775%;
   }
}

/* Col table same height
----------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
   .row-table {
      display: table;

      height: 100%; 

      table-layout: fixed;
   }
   .col-table {
      display: table-cell;
      float: none;

      height: 100%; 

      vertical-align: top;
   }
   .col-top {
      vertical-align: top;
   }
   .col-middle {
      vertical-align: middle;
   }
   .col-bottom {
      vertical-align: bottom;
   }
}

@media (max-width: 992px) {
   .row-table.wfull {
      width: auto;
   }
}

/* Custom gutters
----------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
   .gutter-60.container, .gutter-60.container-11, .gutter-60.page-content--higher, .gutter-60.page-content--11, .gutter-60.section-article--11, .gutter-60.section-article--higher, .section-quote .gutter-60.section-quote_inner, .gutter-60.page-content--container, .gutter-60.section-article--container {
      width: 1200px;
      padding-right: 30px; 
      padding-left: 30px;
   }
   .gutter-60 .row {
      margin-right: -30px;
      margin-left: -30px;
   }
   .gutter-60 .row > [class*='col-'] {
      padding-right: 30px;
      padding-left: 30px;
   }
}

/* Only for extends
----------------------------------------------------------------------------------------*/
/* Insets
----------------------------------------------------------------------------------------*/
.col-md-inset-right-1 {
   padding-right: 8.3333%;
}

.col-md-inset-left-1 {
   padding-left: 8.3333%;
}

/* $BLOCKS
========================================================================== */
body, html {
   width: 100%;
}

html {
   position: relative;

   min-height: 100%;
}

body {
   background-color: #ffffff;
}
@media (min-width: 992px) {
   body {
      min-width: 1100px;
      margin: 0 0 250px;
      /* bottom = footer height */
   }
}

/* PAGE CONTENTS & SECTIONS
----------------------------------------------------------------------------------------*/
.page-content {
   position: relative;
   z-index: 1; 

   padding-bottom: 50px;
}
.page-content--higher {
   position: relative;
   z-index: 1;

   margin-right: auto;
   margin-left: auto;
   padding: 10px 3.4722222222% 0 3.4722222222%;
}
@media (min-width: 992px) {
   .page-content--higher {
      margin-top: -60px;
   }
}
.page-content--11 {
   margin-top: 50px;
   padding: 10px 3.4722222222% 0 3.4722222222%;
}
.page-content__header {
   position: relative;
}
.page-content__header .titre-page {
   padding-right: 30.3333%;
}
.page-content__header .links-social-page {
   position: absolute;
   top: 0;
   right: 0;
}
.page-content__header .links-social-page .icon-social {
   position: relative;
   top: 5px;
}
.page-content__header .links-social-page [class^='icon-']:nth-child(3) {
   padding-right: 10px;
}
.page-content__header .links-social-page [class^='icon-']:not(:last-child) {
   line-height: 60px;

   color: #c8d5dd;
}
.page-content__header .links-social-page [class^='icon-']:not(:last-child):hover {
   color: #a8bdca;
}
.page-content__header .links-social-page [class^='icon-']:not(:last-child):before {
   font-size: 2rem; 

   padding: 5px;
}
.page-content__menu {
   padding: 40px 30px; 

   background-color: #1c4987;
}

.section-article, .section-article--container, .section-article--11, .section-article--higher, .section-quote .section-quote_inner, .section-article--10 {
   padding-bottom: 40px;
}
@media (max-width: 992px) {
   .section-article, .section-article--container, .section-article--11, .section-article--higher, .section-quote .section-quote_inner, .section-article--10 {
      width: 100% !important;
   }
}
.section-article--11, .section-article--higher, .section-quote .section-quote_inner {
   position: relative;

   margin-right: auto;
   margin-left: auto;
   padding: 0 3.4722222222% 40px 3.4722222222%;
}
.section-article--10 {
   position: relative;

   margin-right: auto; 
   margin-left: auto;
}
.section-article--higher {
   position: relative;
   z-index: 1;

   background: #ffffff;
}
@media (min-width: 992px) {
   .section-article--higher {
      margin-top: -60px;
   }
}

/* Blocs images
----------------------------------------------------------------------------------------*/
.img_wrapper {
   background: #f7f7f7;
}
.img_wrapper img {
   width: 100%;
   height: auto;

   object-fit: cover;
}

.img_wrapper--link {
   overflow: hidden;
}
.img_wrapper--link img:hover {
   -webkit-transform: scale(1.05);
       -ms-transform: scale(1.05);
           transform: scale(1.05);
}

/* Img circle
------------------------------------------*/
.img_wrapper--circle {
   position: relative;

   overflow: hidden;

   width: 80px;
   height: 80px;

   border: 3px solid #1c4987; 
   border-radius: 50%;
}
.img_wrapper--circle img {
   position: absolute;
   top: 50%;
   left: 50%;

   width: 140%; 

   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
}

/* Bloc positionning
----------------------------------------------------------------------------------------*/
.bloc-bottom {
   right: 0; 
   bottom: 0;
   left: 0;
}
@media (min-width: 992px) {
   .bloc-bottom {
      position: absolute;
   }
}
.row > [class*='col-'] .bloc-bottom {
   right: 15px; 
   left: 15px;
}
.gutter-60 .row > [class*='col-'] .bloc-bottom {
   right: 30px; 
   left: 30px;
}

/* Animation on load
----------------------------------------------------------------------------------------*/
.cssanimations .page-content {
   /* make things invisible upon start */
   -webkit-transform: translate(0, 10px);
       -ms-transform: translate(0, 10px);
           transform: translate(0, 10px);
   -webkit-animation: fadeIn ease-in 1;
           animation: fadeIn ease-in 1;
   /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
   -webkit-animation-duration: .3s;
           animation-duration: .3s;
   -webkit-animation-delay: .5s;
           animation-delay: .5s; 

   opacity: 0;
   /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

   -webkit-animation-fill-mode: forwards;
           animation-fill-mode: forwards;
}

@-webkit-keyframes fadeIn {
   from {
      -webkit-transform: translate(0, 10px);
          -ms-transform: translate(0, 10px);
              transform: translate(0, 10px); 

      opacity: 0;
   }
   to {
      -webkit-transform: translate(0, 0px);
          -ms-transform: translate(0, 0px);
              transform: translate(0, 0px); 

      opacity: 1;
   }
}

@keyframes fadeIn {
   from {
      -webkit-transform: translate(0, 10px);
          -ms-transform: translate(0, 10px);
              transform: translate(0, 10px); 

      opacity: 0;
   }
   to {
      -webkit-transform: translate(0, 0px);
          -ms-transform: translate(0, 0px);
              transform: translate(0, 0px); 

      opacity: 1;
   }
}

/* Bandeau
----------------------------------------------------------------------------------------*/
.bandeau {
   position: relative;

   overflow: hidden;

   background-color: #f8f9f9;
}
.bandeau > img {
   width: 100%;
   height: auto;
}

.bandeau__titre-wrapper {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 2%;

   width: 40%;
}
.bandeau__titre-wrapper:before {
   position: absolute;
   z-index: -1; 
   top: 50%;
   left: 50%;

   width: 200%;
   height: 400%;

   content: '';
   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);

   background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .1) 8%, rgba(50, 50, 50, .1) 26%, rgba(161, 161, 161, 0) 66%, rgba(255, 255, 255, 0) 100%);
   background:         radial-gradient(ellipse at center, rgba(0, 0, 0, .1) 8%, rgba(50, 50, 50, .1) 26%, rgba(161, 161, 161, 0) 66%, rgba(255, 255, 255, 0) 100%);

   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00ffffff',GradientType=1 );
}
@media (max-width: 992px) {
   .bandeau__titre-wrapper {
      width: 60%;
   }
}

.bandeau__titre-wrapper-inner {
   position: absolute;
   top: 50%;
   left: 50%;

   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
   .bandeau__titre-wrapper-inner > p {
      display: none;
   }
}

.bandeau-interne {
   width: 100%;
   height: 420px;
}
.bandeau-interne img {
   height: 100%;

   object-fit: cover;
}
@media (max-width: 768px) {
   .bandeau-interne {
      height: 220px;
   }
   .bandeau-interne img {
      height: 220px;
   }
}

.bandeau-bg-color {
   height: 240px;

   background: #1c4987;
}

/* Bakground decoration
------------------------------------------*/
.filligrane-bg-left {
   background-image: url('https://www.alcoolassistance.net/template/alcool-assistance/img/filigrane-full.png');
   background-repeat: no-repeat;
   background-position: 0 -10px;
}

/* Quotes Bloc
----------------------------------------------------------------------------------------*/
.bandeau-quote .bandeau-quote_citation {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;

   width: 43.0555555556%;
   padding-left: 75px; 

   background: rgba(28, 73, 135, .88);
}
@media (max-width: 992px) {
   .bandeau-quote .bandeau-quote_citation {
      width: 83.3333333333%; 
      padding-left: 30px;
   }
}

.bandeau-quote .citation {
   position: absolute;
   top: 50%;

   max-width: 310px; 

   -webkit-transform: translate(0, -50%);
       -ms-transform: translate(0, -50%);
           transform: translate(0, -50%);
}

.section-quote {
   background: #f17995;
}
.section-quote .section-quote_inner {
   padding: 60px 0 40px 0;

   background: #f17995;
}
.section-quote .citation {
   margin: 20px 5% 20px 5%;
}

/* Page content intro
----------------------------------------------------------------------------------------*/
.page-content-intro {
   margin-bottom: 70px; 
   padding: 20px 40px 40px;

   text-align: center;

   background-image: url('https://www.alcoolassistance.net/template/alcool-assistance/img/pattern-3.png');
}

/* Page content Recherche
----------------------------------------------------------------------------------------*/
.page-content-recherche {
   padding: 20px 40px 40px;

   background-image: url('https://www.alcoolassistance.net/template/alcool-assistance/img/pattern-3.png');
}
article > section .page-content-recherche:not(:last-child) {
   margin-bottom: 70px;
}
.page-content-recherche__titre {
   text-align: center;
}
.page-content-recherche__form {
   padding-right: 0;
}

/* Bloc actu item
----------------------------------------------------------------------------------------*/
.actu-item_info {
   font-size: inherit;
}

.actu-item_titre {
   margin: 10px 0 5px 0;
}

.actu-gallerie .actu-item {
   margin-bottom: 30px;
   padding-bottom: 20px;

   border-bottom: 1px solid #d6e0e6;
}

.actu-gallerie .actu-item--big {
   margin-bottom: 50px;
   padding-right: 50px;
   padding-bottom: 0; 

   border: 1px solid #d6e0e6;
}
.actu-gallerie .actu-item--big .actu-item_image {
   float: left; 

   width: 50%;
   padding-right: 50px;

   background: #ffffff;
}

/* Bloc card
----------------------------------------------------------------------------------------*/
.bloc-card__content {
   padding: 20px 30px;
}

.bloc-card--bordered {
   border: 1px solid #888888;
}
.bloc-card--bordered:hover {
   border: 1px solid #1c4987;
}

/* BLoc styles
----------------------------------------------------------------------------------------*/
.bloc {
   padding: 25px; 

   -webkit-transition: all .25s ease-in-out;
           transition: all .25s ease-in-out;
}

.bloc--higher {
   position: relative;
   top: -100px;

   min-height: 100px;

   background: #ffffff;
}

.bloc--bordered {
   position: relative;

   padding: 40px 35px;

   border: 2px solid #e9f0f9;
}
.bloc--bordered:hover {
   border: 2px solid #89a5b6;
}
.bloc--bordered__btn-bottom {
   position: absolute !important;
   right: 20px; 
   bottom: 20px;
}

/* Bloc backgrounds
------------------------------------------*/
.bloc-bg-pattern-3 {
   background-image: url('https://www.alcoolassistance.net/template/alcool-assistance/img/pattern-3.png');
}

.bloc--color2, .bloc-icon-lien--color2 {
   background-color: #e42b41;
}
.bloc--color2.bloc--link:hover, .bloc--link.bloc-icon-lien--color2:hover, .bloc--color2.bloc--link:focus, .bloc--link.bloc-icon-lien--color2:focus, .bloc--color2.bloc--link:active, .bloc--link.bloc-icon-lien--color2:active {
   background-color: #c3192d;
}

.bloc--color3, .bloc-icon-lien--color3 {
   background-color: #f17995;
}
.bloc--color3.bloc--link:hover, .bloc--link.bloc-icon-lien--color3:hover, .bloc--color3.bloc--link:focus, .bloc--link.bloc-icon-lien--color3:focus, .bloc--color3.bloc--link:active, .bloc--link.bloc-icon-lien--color3:active {
   background-color: #ec4b70;
}

.bloc--color4, .bloc-icon-lien--color4 {
   background-color: #acca43;
}
.bloc--color4.bloc--link:hover, .bloc--link.bloc-icon-lien--color4:hover, .bloc--color4.bloc--link:focus, .bloc--link.bloc-icon-lien--color4:focus, .bloc--color4.bloc--link:active, .bloc--link.bloc-icon-lien--color4:active {
   background-color: #8faa30;
}

.bloc--color5, .bloc-icon-lien--color5 {
   background-color: #f7b540;
}
.bloc--color5.bloc--link:hover, .bloc--link.bloc-icon-lien--color5:hover, .bloc--color5.bloc--link:focus, .bloc--link.bloc-icon-lien--color5:focus, .bloc--color5.bloc--link:active, .bloc--link.bloc-icon-lien--color5:active {
   background-color: #f5a20f;
}

.bloc--color6, .bloc-icon-lien--color6 {
   background-color: #f0ebde;
}
.bloc--color6.bloc--link:hover, .bloc--link.bloc-icon-lien--color6:hover, .bloc--color6.bloc--link:focus, .bloc--link.bloc-icon-lien--color6:focus, .bloc--color6.bloc--link:active, .bloc--link.bloc-icon-lien--color6:active {
   background-color: #e0d6bb;
}

.bloc--color7 {
   background-color: #779aca;
}
.bloc--color7.bloc--link:hover, .bloc--color7.bloc--link:focus, .bloc--color7.bloc--link:active {
   background-color: #527fbc;
}

/* Gallerie logo
----------------------------------------------------------------------------------------*/
.logo-item-wrapper {
   position: relative;
}
.logo-item-wrapper:before {
   display: block;

   padding-top: 115%;

   content: '';
   /* initial ratio of 1:1*/
}
.logo-item-wrapper .logo-item {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;

   margin: 10px;

   -webkit-transition: all .25s;
           transition: all .25s; 

   background-color: #e4edf2;
   background-repeat: no-repeat;
   background-position: 50% 50%;
}
.logo-item-wrapper .logo-item-rollover {
   visibility: hidden;

   opacity: 0;
}
.logo-item-wrapper:hover .logo-item {
   visibility: hidden; 

   opacity: 0;
}
.logo-item-wrapper:hover .logo-item-rollover {
   visibility: visible; 

   opacity: 1;
}

/* Bloc text
----------------------------------------------------------------------------------------*/
.bloc-text-inner {
   padding: 0 25px;
}

/* Bloc image bg
----------------------------------------------------------------------------------------*/
.blue-gradient {
   position: relative;
}
.blue-gradient:before {
   position: absolute !important;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;

   content: '';

   background-image: -webkit-linear-gradient(75deg, rgba(119, 154, 202, .8) 0%, rgba(119, 154, 202, 0) 100%) !important;
   background-image:         linear-gradient(15deg, rgba(119, 154, 202, .8) 0%, rgba(119, 154, 202, 0) 100%) !important;
}

.bloc-text-over-image, .bg-image-deco {
   background-repeat: no-repeat;
   background-size: cover;
}

.bg-image-deco {
   position: relative;
}
@media (min-width: 768px) {
   .bg-image-deco {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 47%, 96% 50%, 100% 53%, 100% 100%, 0 100%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 47%, 96% 50%, 100% 53%, 100% 100%, 0 100%);
   }
}

@media (min-width: 768px) {
   .bg-image-deco--right {
      -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%, 0 53%, 5% 50%, 0 47%);
              clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0 100%, 0 53%, 5% 50%, 0 47%);
   }
}

.bloc-text-over-image {
   position: relative;
}

.bloc-text-over-image_inner {
   position: absolute;
   bottom: 20px;
   left: 40px; 

   width: 50%;
}

/* Bloc icon lien 
----------------------------------------------------------------------------------------*/
.bloc-icon-lien {
   position: relative;

   cursor: pointer;
}

.bloc-icon-lien:not(.bloc-icon-lien--big) .bloc-icon-lien__inner {
   position: absolute;
   top: 50%;
   left: 50%;

   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
}

.bloc-icon-lien--big .bloc-icon-lien__inner {
   text-align: center;
}

/* $HEADER
========================================================================== */
.header--main {
   position: relative;
}

.navbar {
   margin-bottom: 0;
}

.navbar-default .navbar-brand {
   padding: 40px 0;
}

.navbar-nav > li > a {
   padding-top: 15px;
}

.menu-top {
   width: 65%;
   padding: 15px 0 0;
}
@media (max-width: 1200px) {
   .menu-top {
      width: 75%;
   }
   .menu-top > * {
      float: right;
   }
}
@media (max-width: 992px) {
   .menu-top {
      display: none;
   }
}
.menu-top .nav--secondary {
   float: right;
}
/*.menu-top .nav--secondary > li > a {
   padding: 0 20px 0 0;
}*/
.menu-top .nav--secondary > li > a {
   padding: 0 10px 0 0;
}
.menu-top .nav--secondary > li > a .btn {
   font-size: 12px;
}

.nav--main {
   margin-right: -35px;
}
.nav--main li {
   padding: 40px 0;
}
.nav--main li a {
   position: relative;

   padding: 5px 35px;
}
@media (max-width: 1200px) {
   .nav--main li a {
      padding: 5px 15px;
   }
}
.nav--main li a:after {
   position: absolute;
   right: 35px;
   bottom: 0;
   left: 35px;

   width: auto;
   max-width: 0;

   content: '';
   -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
           transition: all 1s cubic-bezier(.77, 0, .175, 1); 

   border-bottom: 4px solid #1c4987;
}
.nav--main li a:hover:after {
   max-width: 1000px;
}
.nav--main li a.home {
   font-size: 2.5rem;

   padding: 3px 25px 0 25px;
}

.navbar-brand--main > img {
   width: 290px;
   height: auto;
   padding-top: 20px;
   padding-left: 40px;
}
@media (max-width: 992px) {
   .navbar-brand--main > img {
      width: 100px;
   }
}
@media (max-width: 1200px) {
   .navbar-brand--main > img {
      width: 200px;
   }
}

@media (max-width: 992px) {
   .navbar-brand--main {
      padding: 10px !important;
   }
}

nav.navbar-default {
   background-color: transparent;
}

/* Fixed Nav
----------------------------------------------------------------------------------------*/
.navbar-fixed-top {
   overflow: hidden;
}

.navbar-fixed-top, .navbar-fixed-top__header {
   background-color: #0a1b33;
}
.navbar-fixed-top .nav--main > li, .navbar-fixed-top__header .nav--main > li {
   padding: 20px 0;
}
.navbar-fixed-top .nav--main > li > a, .navbar-fixed-top__header .nav--main > li > a {
   color: #ffffff;
}

@media (max-width: 992px) {
   .navbar-fixed-top, .navbar-fixed-top__header {
      -webkit-transform: translateY(0) !important;
          -ms-transform: translateY(0) !important;
              transform: translateY(0) !important;
   }
}

.navbar-fixed-top__header {
   height: 66px;

   -webkit-transition-delay: .15s !important;
           transition-delay: .15s !important;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
   max-height: 420px;
}

/* Dropdown
----------------------------------------------------------------------------------------*/
.nav > li.dropdown {
   position: static;
}

/* LANG
----------------------------------------------------------------------------------------*/
@media (min-width: 1200px) {
   .lang {
      float: left;
   }
}

.lang a {
   display: inline-block;

   padding: 5px;
}

/* SEARCH
------------------------------------------*/
.moteur-recherche {
   position: relative;

   width: 100%; 
   max-width: 165px;
   margin: 0;
   padding: 0;
}
@media (max-width: 1200px) {
   .moteur-recherche {
      max-width: 165px;
   }
}
.moteur-recherche input.form-control {
   font-weight: 300;

   width: 100%; 
   height: 40px;
   padding-top: 0;
   padding-bottom: 0;
}
.moteur-recherche .icon-loupe, .moteur-recherche .icon-search {
   font-size: 2.5rem;

   position: absolute;
   top: 8px;
   right: -10px;

   color: #1c4987;
}
.moteur-recherche .icon-loupe:hover, .moteur-recherche .icon-search:hover {
   color: #888888;
}

button.navbar-toggle {
   line-height: 50px; 

   height: 50px;
   margin-right: 20px;
   padding-right: 0;

   border: none !important;
   background: none !important;
}

.navbar-toggle .icon-bar + .icon-bar {
   margin-top: 6px;
}

.navbar-toggle .icon-bar {
   width: 32px;
   height: 3px;

   background: #ffffff;
}

.navbar-toggle .icon-bar {
   position: relative;

   -webkit-transition: all 300ms cubic-bezier(.18, .91, .87, 1.04);
           transition: all 300ms cubic-bezier(.18, .91, .87, 1.04);
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
   top: 9px;

   -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
           transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
   background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
   top: -9px;

   -webkit-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
           transform: rotate(-45deg);
}

/* Page menu
   ========================================================================== */
.pagemenu {
   background: #779aca;
}

.pagemenu__bloc-titre {
   background: rgba(255, 255, 255, .05);
}
@media (max-width: 992px) {
   .pagemenu__bloc-titre {
      padding: 20px;
   }
}
.pagemenu__bloc-titre .pagemenu__titre {
   min-width: 270px;

   text-align: center;
}

.pagemenu__bloc-nav {
   padding: 40px 0;
}
@media (max-width: 992px) {
   .pagemenu__bloc-nav {
      padding: 20px 0;
   }
}

/* Medium devices (desktops, 992px and bottom) */
@media (max-width: 992px) {
   /* BOOTSRAP Nav menu mobile reset */
   .navbar-header {
      float: none;
   }
   .navbar-left, .navbar-right {
      float: none !important;
   }
   .navbar-toggle {
      display: block;
   }
   .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
   }
   .navbar-fixed-top {
      top: 0;

      border-width: 0 0 1px;
   }
   .navbar-collapse.collapse {
      display: none !important;
   }
   .navbar-nav {
      float: none !important;

      margin-top: 7.5px;
   }
   .navbar-nav > li {
      float: none;
   }
   .navbar-nav > li > a {
      padding-top: 10px;
      padding-bottom: 10px;
   }
   .collapse.in {
      display: block !important;
   }
   /* Header < medium devices  */
   .header--main {
      height: 100px;
      margin-bottom: 66px;
   }
   .navbar-brand--main {
      position: absolute;
      top: 50%;
      left: 50%;

      float: none;

      width: 30%;
      min-width: 130px;
      max-width: 150px; 

      -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
   }
   .navbar-brand--main > img {
      width: 100%;
      padding-top: 15px;
   }
   .navbar-fixed-top {
      position: absolute;
      top: 100px; 

      -webkit-transition: none !important;
              transition: none !important;
   }
   .navbar-fixed-top--pos-fixed {
      position: fixed !important;
      top: 0;
   }
   .navbar-fixed-top__navbar-brand {
      -webkit-transition: all .25s ease;
              transition: all .25s ease;
      -webkit-transform: translateY(-150%);
          -ms-transform: translateY(-150%);
              transform: translateY(-150%);
   }
}

@media (min-width: 992px) {
   .navbar-collapse-inner {
      float: right;
   }
}

/* $FORMS
      ========================================================================== */
form.main-form, .form-style-1 {
   /*
    * Select
    */
   /*
    * Timepicker
    */
}
form.main-form fieldset, .form-style-1 fieldset {
   margin: 40px 0;
   padding: 0;

   border: none;
}
form.main-form .form-group--submit, .form-style-1 .form-group--submit {
   text-align: right;
}
form.main-form .form-control, .form-style-1 .form-control {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-size: 1.5rem;

   box-sizing: border-box;
   width: 100%;
   height: 60px;
   padding: 0 15px;

   color: #888888;
   border: 2px solid #c8d5dd;
   border-radius: 3px;
   background: #ffffff;
   box-shadow: none;
}
form.main-form .form-control:focus, .form-style-1 .form-control:focus {
   border-color: #1c4987;
   outline: none;
   box-shadow: inset 0 0 0 0 #c8d5dd;
}
form.main-form .input-wrapper, .form-style-1 .input-wrapper {
   padding-right: 20px;
}
form.main-form .input-wrapper.required, .form-style-1 .input-wrapper.required {
   position: relative;
}
form.main-form .input-wrapper.required:after, .form-style-1 .input-wrapper.required:after {
   font-size: 15px;
   font-size: 1.5rem;
   font-weight: bold;

   position: absolute;
   top: 0; 
   right: 5px;

   display: block;

   content: '*';

   color: #1c4987;
}
form.main-form textarea, .form-style-1 textarea {
   overflow: auto;

   width: 100%;
   min-height: 200px;
   padding: 15px !important;

   resize: none;

   outline: none;
}
form.main-form textarea:focus, .form-style-1 textarea:focus {
   border-color: #1c4987;
   outline: none;
   box-shadow: inset 0 0 0 0 #c8d5dd;
}
form.main-form .control-label, .form-style-1 .control-label {
   padding-top: 15px; 

   text-align: left;

   color: #1c4987;
}
form.main-form legend, .form-style-1 legend {
   margin-bottom: 30px;

   border: none;
}
form.main-form .form-group-inline > *, .form-style-1 .form-group-inline > * {
   display: inline-block;

   margin-bottom: 5px;
}
form.main-form .date-select, .form-style-1 .date-select {
   width: 100%;
   min-width: 90px; 
   max-width: 130px;
}
form.main-form .select-wrap, .form-style-1 .select-wrap {
   position: relative;

   display: inline-block;
   overflow: hidden;

   min-width: 160px;
   margin: 0;
   padding-right: 35px;

   -webkit-transition: all, .2s, ease-in-out;
           transition: all, .2s, ease-in-out; 

   border-radius: 3px;
   background-color: #ffffff;
}
form.main-form .select-wrap:before, .form-style-1 .select-wrap:before {
   position: absolute;
   z-index: 10; 
   top: 50%;
   right: 15px;

   margin-top: -4px;

   color: #1c4987;
}
form.main-form .select-wrap select, .form-style-1 .select-wrap select {
   position: relative;
   z-index: 1;

   width: 124%;

   cursor: pointer; 

   background-color: #ffffff;
   background-image: none;
   box-shadow: none;

   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
}
form.main-form .select-wrap select option.placeholder, .form-style-1 .select-wrap select option.placeholder {
   display: none;
}
form.main-form .select-wrap select:focus, .form-style-1 .select-wrap select:focus {
   outline: none;
}
form.main-form .timepicker-container, .form-style-1 .timepicker-container {
   padding-right: 0;
}
form.main-form .timepicker-container > input, .form-style-1 .timepicker-container > input {
   display: inline-block;

   width: 70px;
   margin: 0 10px;
}
@media (max-width: 992px) {
   form.main-form, .form-style-1 {
      padding-right: 5px;
   }
}

/* Form Horizontal
  ----------------------------------------------------------------------------------------*/
form.form-horizontal {
   background: none;
}
form.form-horizontal .form-control, form.form-horizontal .select-wrap {
   width: 100%; 
   height: 50px;
}
form.form-horizontal .form-group {
   overflow: hidden;

   margin-right: 0; 
   margin-left: 0;
   padding-right: 10px;
   padding-left: 10px;
}
form.form-horizontal .submit-group {
   vertical-align: bottom;
}
form.form-horizontal input[type='submit'], form.form-horizontal .btn {
   width: 100%;
   height: 50px;
   /* fix for table-cell layout */
}

form.form-horizontal:not(.form-accueil) .select-wrap {
   overflow: visible;
}

/* Form display table cell
----------------------------------------------------------------------------------------*/
@media (min-width: 992px) {
   form.form-table .form-group {
      display: table-cell;
      float: none;
   }
}

/*
   * Checkboxes
   */
div.custom-checkbox {
   /* Base for label styling */
   /* checkbox aspect */
   /* checked mark aspect */
   /* checked mark aspect changes */
   /* disabled checkbox */
   /* accessibility */
}

div.custom-checkbox [type='checkbox']:not(:checked), div.custom-checkbox [type='checkbox']:checked {
   position: absolute;
   left: -9999px;
}

div.custom-checkbox [type='checkbox']:not(:checked) + label, div.custom-checkbox [type='checkbox']:checked + label {
   position: relative;

   padding-top: 7px;
   padding-bottom: 7px;
   padding-left: 35px;

   cursor: pointer;
}

div.custom-checkbox [type='checkbox']:not(:checked) + label:before, div.custom-checkbox [type='checkbox']:checked + label:before {
   position: absolute;
   top: 4px;
   left: 0;

   width: 25px;
   height: 25px;

   content: '';

   border: 1px solid #c8d5dd;
   border-radius: 3px; 
   background: white;
}

div.custom-checkbox [type='checkbox']:not(:checked) + label:after, div.custom-checkbox [type='checkbox']:checked + label:after {
   position: absolute;
   top: 11px;
   left: 6px;

   width: 14px;
   height: 10px; 

   content: '';
   -webkit-transition: all .2s;
           transition: all .2s;

   color: #09ad7e;
   background: url('https://www.alcoolassistance.net/template/alcool-assistance/img/icons/icone-checked.png');
}

div.custom-checkbox [type='checkbox']:not(:checked) + label:after {
   -webkit-transform: scale(0);
       -ms-transform: scale(0);
           transform: scale(0); 

   opacity: 0;
}

div.custom-checkbox [type='checkbox']:checked + label:after {
   -webkit-transform: scale(1);
       -ms-transform: scale(1);
           transform: scale(1); 

   opacity: 1;
}

div.custom-checkbox [type='checkbox']:disabled:not(:checked) + label:before, div.custom-checkbox [type='checkbox']:disabled:checked + label:before {
   border-color: #bbbbbb;
   background-color: #dddddd; 
   box-shadow: none;
}

div.custom-checkbox [type='checkbox']:disabled:checked + label:after {
   color: #999999;
}

div.custom-checkbox [type='checkbox']:disabled + label {
   color: #aaaaaa;
}

/* Form input icon
----------------------------------------------------------------------------------------*/
.form-input-icon {
   position: relative;
}
.form-input-icon input {
   box-sizing: border-box;
}
.form-input-icon .icon-input {
   position: absolute;
   top: 50%;
   right: 10px;

   -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
           transform: translateY(-50%);
}

/* Form style 2
  ----------------------------------------------------------------------------------------*/
.form-style-2 {
   margin-bottom: 100px;

   text-align: left;
}
.form-style-2 h2 {
   font-weight: 400; 

   margin: 30px 0;

   color: #1c4987;
}
.form-style-2 .control-label {
   position: relative; 

   display: block;

   color: #779aca;
}
.form-style-2 .control-label::after {
   display: none;
}
.form-style-2 .control-label::before {
   display: none;
}
.form-style-2 .valid label::after {
   font-style: normal;

   position: absolute;
   top: 45px; 
   right: -50px;

   display: block;

   color: #aec524;
   background: none;
}
@media (max-width: 768px) {
   .form-style-2 .valid label::after {
      right: -35px;
   }
}
.form-style-2 .error .control-label::after {
   font-style: normal;

   position: absolute;
   top: 45px; 
   right: -50px;

   display: block;

   color: #e60005;
   background: none;
}
@media (max-width: 768px) {
   .form-style-2 .error .control-label::after {
      right: -35px;
   }
}
.form-style-2 .form-control {
   font-weight: 300;
   font-style: normal;

   display: block;

   box-sizing: border-box;
   width: 100%;
   height: 50px;
   margin: 10px 0 30px;
   padding: 5px 15px;

   -webkit-transition: .3s ease;
           transition: .3s ease; 

   color: #777777;
   border: 1px solid #c4c4c4;
   border-radius: 4px;
   background: #ffffff;
   box-shadow: none;
}
.form-style-2 .form-control:focus, .form-style-2 .form-control:active, .form-style-2 .form-control:target {
   border: 1px solid #c4c4c4;
   background: #ededed; 
   box-shadow: none;
}
.form-style-2 textarea.form-control {
   height: 220px;
}
.form-style-2 small {
   font-size: 14px;
   font-size: 1.4rem; 

   float: left;

   color: #779aca;
}
.form-style-2 .list-checkbox-wrap ul {
   margin-top: 10px;
}
.form-style-2 .list-checkbox-wrap ul li {
   display: table-cell;

   padding-right: 20px;
}
.form-style-2 .list-checkbox-wrap ul li input {
   margin-right: 10px;
   margin-bottom: 5px;
}
.form-style-2 .label-right .control-label {
   display: inline-block;
}
.form-style-2 .label-right input {
   float: left;

   margin-right: 10px;
   margin-bottom: 5px;
}
.form-style-2 .help-block {
   margin-top: -25px;
}
.form-style-2 button[type='submit'] {
   float: right;

   margin: 0 0 30px 0;
   padding: 0;

   text-align: center; 

   border: none;
   background: none;
}
.form-style-2 button[type='submit']:hover, .form-style-2 button[type='submit']:focus, .form-style-2 button[type='submit']:target {
   color: #13325d; 
   border: none;
   background: none;
}
@media (max-width: 768px) {
   .form-style-2 button[type='submit'] {
      float: left;

      width: 100%; 
      margin-top: 30px;
   }
}
.form-style-2 button[type='submit'] span {
   font-weight: 400;
   font-weight: 700;

   position: relative;

   -webkit-transition: .3s ease;
           transition: .3s ease; 
   letter-spacing: 1px;
   text-transform: uppercase;

   color: #1c4987;
}
.form-style-2 button[type='submit'] span::after {
   position: absolute;
   bottom: -5px;
   left: 0;

   width: 0; 
   height: 2px;

   content: '';
   -webkit-transition: .3s ease;
           transition: .3s ease;

   opacity: 0;
   background: #779aca;
}
.form-style-2 button[type='submit'] i {
   display: inline-block;

   margin-left: 15px;

   -webkit-transition: .3s ease;
           transition: .3s ease;
   vertical-align: middle; 

   color: #555555;
}
.form-style-2 button[type='submit']:hover span {
   color: #1c4987;
}
.form-style-2 button[type='submit']:hover span::after {
   width: 100%; 

   opacity: 1;
}
.form-style-2 button[type='submit']:hover i {
   color: #1c4987;
}


/* ADHERENT */
form.adherent input.form1 {
   font-weight: 300;
   font-style: normal;
   box-sizing: border-box;
   width: 100%;
   height: 50px;
   margin: 10px 0 30px;
   padding: 5px 15px;

   -webkit-transition: .3s ease;
           transition: .3s ease; 

   color: #777777;
   border: 1px solid #c4c4c4;
   border-radius: 4px;
   background: #ffffff;
   box-shadow: none;
}

form.adherent select {
   font-weight: 300;
   font-style: normal;
   box-sizing: border-box;
   height: 50px;
   margin: 10px 0 30px;
   padding: 5px 15px;

   -webkit-transition: .3s ease;
           transition: .3s ease; 

   color: #777777;
   border: 1px solid #c4c4c4;
   border-radius: 4px;
   background: #ffffff;
   box-shadow: none;
}

form.adherent {
   width:100%;
}
form.adherent td.gauche {
    white-space: nowrap;
    padding:5px;
}
form.adherent td.droite {
    width:100%;
}

form.adherent label {
    font-size:14px;
}

form.adherent input.formbt {
    font-weight: bold;
    position: relative;
    padding: 10px 25px 10px 25px;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    text-transform: uppercase;
    color: #1c4987;
    border: 1px solid #1c4987;
    border-radius: 3px;
    background-color: transparent;
}

/* $FOOTER
     ========================================================================== */
footer.footer {
   width: 100%;
   padding-top: 40px;

   background-color: #f0ebde;
}
@media (min-width: 992px) {
   footer.footer {
      position: absolute;
      bottom: 0;
      left: 0;

      height: 250px;
   }
}

.footer__newsletter input {
   display: inline-block;

   width: auto;
   height: 50px;
}

.footer__newsletter input[type=search] {
   box-sizing: border-box; 
   width: 64%;
   margin-right: -4px;

   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   background: #ffffff;
}

.footer__newsletter input[type=submit] {
   font-weight: 700;

   width: 34%;

   text-transform: uppercase;

   color: #ffffff;
   border-color: #1c4987;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0; 
   background: #1c4987;
}

/* Social
------------------------------------------*/
@media (max-width: 992px) {
   .footer__social-list {
      margin-bottom: 30px;
   }
}

.footer__social-list li {
   position: relative;

   float: left;

   width: 50px;
   height: 50px;
   margin-right: 10px;

   border: 1px solid #acca43; 
   border-radius: 2px;
   background: #ffffff;
}
.footer__social-list li span:before {
   font-size: 20px;
   font-size: 2rem;

   position: absolute;
   top: 50%;
   left: 50%;

   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);

   color: #acca43;
}
.footer__social-list li span:hover:before {
   color: #1c4987;
}

@media (max-width: 992px) {
   .footer-nav {
      margin-bottom: 30px;
   }
}

.footer-nav .footer-nav__menu {
   margin-bottom: 15px;
   padding-bottom: 15px;

   border-bottom: 1px solid #ddd1bf;
}

.footer-nav ul[class^='liste'] {
   display: table-cell;

   min-width: 125px;
}
@media (min-width: 992px) {
   .footer-nav ul[class^='liste']:nth-child(2) {
      padding-left: 60px;
   }
}

.footer__ext {
   padding-left: 90px;
}

/* ==========================================================================
   $COMPONENTS
   ========================================================================== */
/* $ICONS
   ========================================================================== */
/* $FONTICON
   ========================================================================== */
@font-face {
   font-family: 'alcoolassistance';
   font-weight: normal;
   font-style: normal; 

   src: url('../fonts/alcoolassistance.eot');
   src: url('../fonts/alcoolassistance.eot#iefix') format('embedded-opentype'), url('../fonts/alcoolassistance.woff') format('woff'), url('../fonts/alcoolassistance.ttf') format('truetype'), url('../fonts/alcoolassistance.svg') format('svg');
}

[data-icon]:before {
   font-family: 'alcoolassistance' !important;
   font-weight: normal !important;
   font-style: normal !important;
   font-variant: normal !important;
   line-height: 1;

   content: attr(data-icon);
   text-transform: none !important;

   speak: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

[class^='icon-']:before, [class*=' icon-']:before, .icon:before, ul.liste-fleche-rounded > li:before, ul.liste-fleches > li:before, ul.liste-sous-menu > li:before, form.main-form .select-wrap:before, .form-style-1 .select-wrap:before, .form-style-2 .valid label:before, .form-style-2 .error .control-label:before, .swiper-button-next:before, .swiper-button-prev:before, .btn-more:before, .btn-nav--more:before, .btn-nav--close:before, .btn-fleche:before, .bloc_items.card .card-link span:before {
   font-family: 'alcoolassistance' !important;
   font-weight: normal !important;
   font-style: normal !important;
   font-variant: normal !important;
   line-height: 1;

   text-transform: none !important;

   speak: none;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

.icon-access:before {
   content: '\61';
}

.icon-access-big:before {
   content: '\62';
}

.icon-fleche-rounded:before, ul.liste-fleche-rounded > li:before, ul.liste-sous-menu > li:before, .icon-fleche-rounded--left:before, .btn-more:before, .btn-nav--more:before, .btn-nav--close:before, .bloc_items.card .card-link span:before {
   content: '\63';
}

.icon-fleche-slider:before, .icon-fleche-slider--right:before, .swiper-button-next:before, .swiper-button-prev:before {
   content: '\64';
}

.icon-user:before {
   content: '\65';
}

.icon-angle-right:before {
   content: '\66';
}

.icon-caret-right:before {
   content: '\67';
}

.icon-search:before {
   content: '\68';
}

.icon-croix:before, .icon-close:before, .btn-nav--close:before {
   content: '\69';
}

.icon-doc:before {
   content: '\6a';
}

.icon-fleche:before, .icon-fleche-list:before, ul.liste-fleches > li:before, .icon-fleche-left:before, .btn-fleche--left:before, .icon-fleche-bottom:before, form.main-form .select-wrap:before, .form-style-1 .select-wrap:before, .btn-nav--more:before, .btn-fleche:before {
   content: '\6b';
}

.icon-coeur-big:before {
   content: '\6d';
}

.icon-coeur:before {
   content: '\6c';
}

.icon-marker-l:before {
   content: '\6e';
}

.icon-croix-fine:before {
   content: '\6f';
}

.icon-valid:before, .form-style-2 .valid label:before {
   content: '\70';
}

.icon-wrong:before, .form-style-2 .error .control-label:before {
   content: '\71';
}

.icon-fleche-rounded--left:before {
   display: inline-block;

   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
}

.icon-fleche-slider--right:before, .swiper-button-next:before {
   display: inline-block;

   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
}

.icon-fleche-list, ul.liste-fleches > li:before {
   font-size: .5em;
}

.icon-fleche-left:before, .btn-fleche--left:before {
   display: inline-block;

   -webkit-transform: rotate(180deg);
       -ms-transform: rotate(180deg);
           transform: rotate(180deg);
}

.icon-fleche-bottom:before, form.main-form .select-wrap:before, .form-style-1 .select-wrap:before {
   -webkit-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
           transform: rotate(90deg);
}

.icon-close:before, .btn-nav--close:before {
   display: inline-block;

   -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
           transform: rotate(45deg);
}

.icon-fleche:before, .icon-fleche-list:before, ul.liste-fleches > li:before, .icon-fleche-left:before, .btn-fleche--left:before, .icon-fleche-bottom:before, form.main-form .select-wrap:before, .form-style-1 .select-wrap:before, .btn-nav--more:before, .btn-fleche:before {
   padding-right: 0;
}

.icon-x05 {
   font-size: .5em;
}

.icon-x1-5, ul.liste-fleche-rounded > li:before {
   font-size: 1.5em;
}

.icon-x2 {
   font-size: 2em;
}

.icon-x4, .swiper-button-next, .swiper-button-prev {
   font-size: 4em;
}

.icon-x6 {
   font-size: 60px;
   font-size: 6rem;
}

/* $CAROUSEL
   ========================================================================== */
.swiper-pagination-bullet {
   display: inline-block;

   width: 8px;
   height: 8px;

   opacity: 1; 
   border-radius: 100%;
   background: #95928f;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
   display: block;

   width: 11px;
   height: 11px;
   margin: 0 5px;

   cursor: pointer;
   -webkit-transition: border .1s ease;
           transition: border .1s ease; 

   border: 6px solid #95928f;
   border-radius: 50%;
   background: transparent;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
   position: relative;
   top: -1px;

   width: 11px;
   height: 11px;

   opacity: 1;
   border: 6px solid #e42b41; 
   background: none;
}

.swiper-button-next, .swiper-button-prev {
   color: #ffffff; 
   background: none;
}
.swiper-button-next:before, .swiper-button-prev:before {
   display: inline-block;

   width: 35px;
}

.swiper-button-prev {
   left: 0;
}

/* Carousel actu
----------------------------------------------------------------------------------------*/
.slider-control {
   position: absolute;
   z-index: 10; 
   top: 0;
   right: 0;

   display: table;
}

.button-slide-prev, .button-slide-next {
   display: inline-block; 

   cursor: pointer;
}
.button-slide-prev:last-child, .button-slide-next:last-child {
   margin-left: 5px;
}
.button-slide-prev.icon-fleche-rounded:hover:before, ul.liste-fleche-rounded > li.button-slide-prev:hover:before, ul.liste-sous-menu > li.button-slide-prev:hover:before, .button-slide-prev.icon-fleche-rounded--left:hover:before, .button-slide-prev.btn-more:hover:before, .button-slide-prev.btn-nav--more:hover:before, .button-slide-prev.btn-nav--close:hover:before, .bloc_items.card .card-link span.button-slide-prev:hover:before, .button-slide-next.icon-fleche-rounded:hover:before, ul.liste-fleche-rounded > li.button-slide-next:hover:before, ul.liste-sous-menu > li.button-slide-next:hover:before, .button-slide-next.icon-fleche-rounded--left:hover:before, .button-slide-next.btn-more:hover:before, .button-slide-next.btn-nav--more:hover:before, .button-slide-next.btn-nav--close:hover:before, .bloc_items.card .card-link span.button-slide-next:hover:before {
   color: #1c4987;
}

/* $BUTTONS
========================================================================== */
.btn, .btn-primary {
   font-weight: bold;

   position: relative;

   padding: 10px 25px 10px 25px;

   -webkit-transition: all .25s ease-in-out;
           transition: all .25s ease-in-out;
   text-transform: uppercase;

   color: #1c4987;
   border: 1px solid #1c4987;
   border-radius: 3px;
   background-color: transparent;
}
.btn .icon-fleche:before, .btn .icon-fleche-list:before, .btn ul.liste-fleches > li:before, .btn .icon-fleche-left:before, .btn .btn-fleche--left:before, .btn .icon-fleche-bottom:before, .btn form.main-form .select-wrap:before, form.main-form .btn .select-wrap:before, .btn
  .form-style-1 .select-wrap:before, .form-style-1 .btn .select-wrap:before, .btn .btn-nav--more:before, .btn .btn-fleche:before, .btn .icon-croix:before, .btn .icon-close:before, .btn .btn-nav--close:before, .btn-primary .icon-fleche:before, .btn-primary .icon-fleche-list:before, .btn-primary ul.liste-fleches > li:before, .btn-primary .icon-fleche-left:before, .btn-primary .btn-fleche--left:before, .btn-primary .icon-fleche-bottom:before, .btn-primary form.main-form .select-wrap:before, form.main-form .btn-primary .select-wrap:before, .btn-primary
  .form-style-1 .select-wrap:before, .form-style-1 .btn-primary .select-wrap:before, .btn-primary .btn-nav--more:before, .btn-primary .btn-fleche:before, .btn-primary .icon-croix:before, .btn-primary .icon-close:before, .btn-primary .btn-nav--close:before {
   font-size: 12px;
   font-size: 1.2rem;

   position: relative;
   top: 1px;

   padding-left: 10px;

   -webkit-transition: all .25s ease-in-out;
           transition: all .25s ease-in-out; 

   color: #1c4987;
}
.btn[class*='icon-']:before, .btn-primary[class*='icon-']:before {
   position: relative;
   top: 1px; 

   padding-right: 5px;
}
.btn:hover, .btn:active, .btn-primary:hover, .btn-primary:active {
   color: #ffffff; 
   background-color: #1c4987;
}
.btn:hover .icon-fleche:before, .btn:hover .icon-fleche-list:before, .btn:hover ul.liste-fleches > li:before, .btn:hover .icon-fleche-left:before, .btn:hover .btn-fleche--left:before, .btn:hover .icon-fleche-bottom:before, .btn:hover form.main-form .select-wrap:before, form.main-form .btn:hover .select-wrap:before, .btn:hover
    .form-style-1 .select-wrap:before, .form-style-1 .btn:hover .select-wrap:before, .btn:hover .btn-nav--more:before, .btn:hover .btn-fleche:before, .btn:active .icon-fleche:before, .btn:active .icon-fleche-list:before, .btn:active ul.liste-fleches > li:before, .btn:active .icon-fleche-left:before, .btn:active .btn-fleche--left:before, .btn:active .icon-fleche-bottom:before, .btn:active form.main-form .select-wrap:before, form.main-form .btn:active .select-wrap:before, .btn:active
    .form-style-1 .select-wrap:before, .form-style-1 .btn:active .select-wrap:before, .btn:active .btn-nav--more:before, .btn:active .btn-fleche:before, .btn-primary:hover .icon-fleche:before, .btn-primary:hover .icon-fleche-list:before, .btn-primary:hover ul.liste-fleches > li:before, .btn-primary:hover .icon-fleche-left:before, .btn-primary:hover .btn-fleche--left:before, .btn-primary:hover .icon-fleche-bottom:before, .btn-primary:hover form.main-form .select-wrap:before, form.main-form .btn-primary:hover .select-wrap:before, .btn-primary:hover
    .form-style-1 .select-wrap:before, .form-style-1 .btn-primary:hover .select-wrap:before, .btn-primary:hover .btn-nav--more:before, .btn-primary:hover .btn-fleche:before, .btn-primary:active .icon-fleche:before, .btn-primary:active .icon-fleche-list:before, .btn-primary:active ul.liste-fleches > li:before, .btn-primary:active .icon-fleche-left:before, .btn-primary:active .btn-fleche--left:before, .btn-primary:active .icon-fleche-bottom:before, .btn-primary:active form.main-form .select-wrap:before, form.main-form .btn-primary:active .select-wrap:before, .btn-primary:active
    .form-style-1 .select-wrap:before, .form-style-1 .btn-primary:active .select-wrap:before, .btn-primary:active .btn-nav--more:before, .btn-primary:active .btn-fleche:before {
   left: 2px; 

   color: #ffffff;
}
.btn:focus, .btn-primary:focus {
   top: 1px;

   outline: none;
   background-color: #13325d;
}
.btn:focus, .btn:focus span, .btn-primary:focus, .btn-primary:focus span {
   color: #ffffff;
}
.btn--filled, .btn--filled-color1, .btn-primary--filled-color1, .btn--filled-color2, .btn-primary--filled-color2, .btn--filled-color3, .btn-primary--filled-color3, .btn--filled-color4, .btn-primary--filled-color4, .btn-primary--filled {
   color: #ffffff;
   border: 1px solid transparent; 
   background-color: rgba(28, 73, 135, .95);
}
.btn--filled .icon-fleche:before, .btn--filled-color1 .icon-fleche:before, .btn-primary--filled-color1 .icon-fleche:before, .btn--filled-color2 .icon-fleche:before, .btn-primary--filled-color2 .icon-fleche:before, .btn--filled-color3 .icon-fleche:before, .btn-primary--filled-color3 .icon-fleche:before, .btn--filled-color4 .icon-fleche:before, .btn-primary--filled-color4 .icon-fleche:before, .btn--filled .icon-fleche-list:before, .btn--filled-color1 .icon-fleche-list:before, .btn-primary--filled-color1 .icon-fleche-list:before, .btn--filled-color2 .icon-fleche-list:before, .btn-primary--filled-color2 .icon-fleche-list:before, .btn--filled-color3 .icon-fleche-list:before, .btn-primary--filled-color3 .icon-fleche-list:before, .btn--filled-color4 .icon-fleche-list:before, .btn-primary--filled-color4 .icon-fleche-list:before, .btn--filled ul.liste-fleches > li:before, .btn--filled-color1 ul.liste-fleches > li:before, .btn-primary--filled-color1 ul.liste-fleches > li:before, .btn--filled-color2 ul.liste-fleches > li:before, .btn-primary--filled-color2 ul.liste-fleches > li:before, .btn--filled-color3 ul.liste-fleches > li:before, .btn-primary--filled-color3 ul.liste-fleches > li:before, .btn--filled-color4 ul.liste-fleches > li:before, .btn-primary--filled-color4 ul.liste-fleches > li:before, .btn--filled .icon-fleche-left:before, .btn--filled-color1 .icon-fleche-left:before, .btn-primary--filled-color1 .icon-fleche-left:before, .btn--filled-color2 .icon-fleche-left:before, .btn-primary--filled-color2 .icon-fleche-left:before, .btn--filled-color3 .icon-fleche-left:before, .btn-primary--filled-color3 .icon-fleche-left:before, .btn--filled-color4 .icon-fleche-left:before, .btn-primary--filled-color4 .icon-fleche-left:before, .btn--filled .btn-fleche--left:before, .btn--filled-color1 .btn-fleche--left:before, .btn-primary--filled-color1 .btn-fleche--left:before, .btn--filled-color2 .btn-fleche--left:before, .btn-primary--filled-color2 .btn-fleche--left:before, .btn--filled-color3 .btn-fleche--left:before, .btn-primary--filled-color3 .btn-fleche--left:before, .btn--filled-color4 .btn-fleche--left:before, .btn-primary--filled-color4 .btn-fleche--left:before, .btn--filled .icon-fleche-bottom:before, .btn--filled-color1 .icon-fleche-bottom:before, .btn-primary--filled-color1 .icon-fleche-bottom:before, .btn--filled-color2 .icon-fleche-bottom:before, .btn-primary--filled-color2 .icon-fleche-bottom:before, .btn--filled-color3 .icon-fleche-bottom:before, .btn-primary--filled-color3 .icon-fleche-bottom:before, .btn--filled-color4 .icon-fleche-bottom:before, .btn-primary--filled-color4 .icon-fleche-bottom:before, .btn--filled form.main-form .select-wrap:before, form.main-form .btn--filled .select-wrap:before, .btn--filled-color1 form.main-form .select-wrap:before, form.main-form .btn--filled-color1 .select-wrap:before, .btn-primary--filled-color1 form.main-form .select-wrap:before, form.main-form .btn-primary--filled-color1 .select-wrap:before, .btn--filled-color2 form.main-form .select-wrap:before, form.main-form .btn--filled-color2 .select-wrap:before, .btn-primary--filled-color2 form.main-form .select-wrap:before, form.main-form .btn-primary--filled-color2 .select-wrap:before, .btn--filled-color3 form.main-form .select-wrap:before, form.main-form .btn--filled-color3 .select-wrap:before, .btn-primary--filled-color3 form.main-form .select-wrap:before, form.main-form .btn-primary--filled-color3 .select-wrap:before, .btn--filled-color4 form.main-form .select-wrap:before, form.main-form .btn--filled-color4 .select-wrap:before, .btn-primary--filled-color4 form.main-form .select-wrap:before, form.main-form .btn-primary--filled-color4 .select-wrap:before, .btn--filled
    .form-style-1 .select-wrap:before, .form-style-1 .btn--filled .select-wrap:before, .btn--filled-color1
    .form-style-1 .select-wrap:before, .form-style-1 .btn--filled-color1 .select-wrap:before, .btn-primary--filled-color1
    .form-style-1 .select-wrap:before, .form-style-1 .btn-primary--filled-color1 .select-wrap:before, .btn--filled-color2
    .form-style-1 .select-wrap:before, .form-style-1 .btn--filled-color2 .select-wrap:before, .btn-primary--filled-color2
    .form-style-1 .select-wrap:before, .form-style-1 .btn-primary--filled-color2 .select-wrap:before, .btn--filled-color3
    .form-style-1 .select-wrap:before, .form-style-1 .btn--filled-color3 .select-wrap:before, .btn-primary--filled-color3
    .form-style-1 .select-wrap:before, .form-style-1 .btn-primary--filled-color3 .select-wrap:before, .btn--filled-color4
    .form-style-1 .select-wrap:before, .form-style-1 .btn--filled-color4 .select-wrap:before, .btn-primary--filled-color4
    .form-style-1 .select-wrap:before, .form-style-1 .btn-primary--filled-color4 .select-wrap:before, .btn--filled .btn-nav--more:before, .btn--filled-color1 .btn-nav--more:before, .btn-primary--filled-color1 .btn-nav--more:before, .btn--filled-color2 .btn-nav--more:before, .btn-primary--filled-color2 .btn-nav--more:before, .btn--filled-color3 .btn-nav--more:before, .btn-primary--filled-color3 .btn-nav--more:before, .btn--filled-color4 .btn-nav--more:before, .btn-primary--filled-color4 .btn-nav--more:before, .btn--filled .btn-fleche:before, .btn--filled-color1 .btn-fleche:before, .btn-primary--filled-color1 .btn-fleche:before, .btn--filled-color2 .btn-fleche:before, .btn-primary--filled-color2 .btn-fleche:before, .btn--filled-color3 .btn-fleche:before, .btn-primary--filled-color3 .btn-fleche:before, .btn--filled-color4 .btn-fleche:before, .btn-primary--filled-color4 .btn-fleche:before, .btn-primary--filled .icon-fleche:before, .btn-primary--filled .icon-fleche-list:before, .btn-primary--filled ul.liste-fleches > li:before, .btn-primary--filled .icon-fleche-left:before, .btn-primary--filled .btn-fleche--left:before, .btn-primary--filled .icon-fleche-bottom:before, .btn-primary--filled form.main-form .select-wrap:before, form.main-form .btn-primary--filled .select-wrap:before, .btn-primary--filled
    .form-style-1 .select-wrap:before, .form-style-1 .btn-primary--filled .select-wrap:before, .btn-primary--filled .btn-nav--more:before, .btn-primary--filled .btn-fleche:before {
   color: #ffffff;
}
.btn--filled:hover, .btn--filled-color1:hover, .btn-primary--filled-color1:hover, .btn--filled-color2:hover, .btn-primary--filled-color2:hover, .btn--filled-color3:hover, .btn-primary--filled-color3:hover, .btn--filled-color4:hover, .btn-primary--filled-color4:hover, .btn-primary--filled:hover {
   background-color: #13325d;
}
.btn--filled-color1, .btn-primary--filled-color1 {
   background-color: rgba(28, 73, 135, .95);
}
.btn--filled-color1:hover, .btn-primary--filled-color1:hover {
   background-color: #13325d;
}
.btn--filled-color2, .btn-primary--filled-color2 {
   background-color: rgba(228, 43, 65, .95);
}
.btn--filled-color2:hover, .btn-primary--filled-color2:hover {
   background-color: #c3192d;
}
.btn--filled-color3, .btn-primary--filled-color3 {
   background-color: rgba(241, 121, 149, .95);
}
.btn--filled-color3:hover, .btn-primary--filled-color3:hover {
   background-color: #ec4b70;
}
.btn--filled-color4, .btn-primary--filled-color4 {
   background-color: rgba(172, 202, 67, .95);
}
.btn--filled-color4:hover, .btn-primary--filled-color4:hover {
   background-color: #8faa30;
}
.btn--base, .btn-primary--base {
   color: #1c4987;
   border-color: #1c4987 !important; 
   background-color: transparent;
}
.btn--gris, .btn-primary--gris {
   color: #555555; 
   border-color: #555555;
}
.btn--gris .icon-fleche:before, .btn--gris .icon-fleche-list:before, .btn--gris ul.liste-fleches > li:before, .btn--gris .icon-fleche-left:before, .btn--gris .btn-fleche--left:before, .btn--gris .icon-fleche-bottom:before, .btn--gris form.main-form .select-wrap:before, form.main-form .btn--gris .select-wrap:before, .btn--gris
    .form-style-1 .select-wrap:before, .form-style-1 .btn--gris .select-wrap:before, .btn--gris .btn-nav--more:before, .btn--gris .btn-fleche:before, .btn-primary--gris .icon-fleche:before, .btn-primary--gris .icon-fleche-list:before, .btn-primary--gris ul.liste-fleches > li:before, .btn-primary--gris .icon-fleche-left:before, .btn-primary--gris .btn-fleche--left:before, .btn-primary--gris .icon-fleche-bottom:before, .btn-primary--gris form.main-form .select-wrap:before, form.main-form .btn-primary--gris .select-wrap:before, .btn-primary--gris
    .form-style-1 .select-wrap:before, .form-style-1 .btn-primary--gris .select-wrap:before, .btn-primary--gris .btn-nav--more:before, .btn-primary--gris .btn-fleche:before {
   color: #555555;
}
.btn--gris:hover, .btn-primary--gris:hover {
   background-color: #555555;
}
.btn--simple, .btn-primary--simple {
   padding: 20px 30px; 

   color: #888888;
   border: 1px solid #d6e0e6;
}
.btn--simple:hover, .btn--simple:active, .btn--simple:focus, .btn-primary--simple:hover, .btn-primary--simple:active, .btn-primary--simple:focus {
   border-color: #d6e0e6; 
   background: #888888;
}
.btn--dl, .btn-primary--dl {
   width: 100%;
}
.btn--dl .icon-telecharger, .btn-primary--dl .icon-telecharger {
   margin-right: 5px;

   color: #1c4987;
}
.btn--dl:hover .icon-telecharger, .btn-primary--dl:hover .icon-telecharger {
   color: #ffffff;
}
.btn--no-border, .btn-primary--no-border {
   border: none;
}
.btn--border-hover, .btn-primary--border-hover {
   font-weight: initial;

   text-transform: initial; 

   color: #888888;
   /* reset */
   border: none;
   background: none;
}
.btn--border-hover:hover [class*='icon-']:before, .btn-primary--border-hover:hover [class*='icon-']:before {
   color: #ffffff;
}

.bloc.btn--base .btn:hover {
   color: #1c4987;
}
.bloc.btn--base .btn:hover .icon-fleche:before, .bloc.btn--base .btn:hover .icon-fleche-list:before, .bloc.btn--base .btn:hover ul.liste-fleches > li:before, .bloc.btn--base .btn:hover .icon-fleche-left:before, .bloc.btn--base .btn:hover .btn-fleche--left:before, .bloc.btn--base .btn:hover .icon-fleche-bottom:before, .bloc.btn--base .btn:hover form.main-form .select-wrap:before, form.main-form .bloc.btn--base .btn:hover .select-wrap:before, .bloc.btn--base .btn:hover
  .form-style-1 .select-wrap:before, .form-style-1 .bloc.btn--base .btn:hover .select-wrap:before, .bloc.btn--base .btn:hover .btn-nav--more:before, .bloc.btn--base .btn:hover .btn-fleche:before {
   color: #1c4987;
}

.bloc.btn--base .btn:hover {
   color: #555555;
}
.bloc.btn--base .btn:hover .icon-fleche:before, .bloc.btn--base .btn:hover .icon-fleche-list:before, .bloc.btn--base .btn:hover ul.liste-fleches > li:before, .bloc.btn--base .btn:hover .icon-fleche-left:before, .bloc.btn--base .btn:hover .btn-fleche--left:before, .bloc.btn--base .btn:hover .icon-fleche-bottom:before, .bloc.btn--base .btn:hover form.main-form .select-wrap:before, form.main-form .bloc.btn--base .btn:hover .select-wrap:before, .bloc.btn--base .btn:hover
  .form-style-1 .select-wrap:before, .form-style-1 .bloc.btn--base .btn:hover .select-wrap:before, .bloc.btn--base .btn:hover .btn-nav--more:before, .bloc.btn--base .btn:hover .btn-fleche:before {
   color: #555555;
}

/* Btn navigation
----------------------------------------------------------------------------------------*/
.btn-more, .btn-nav--more, .btn-nav--close {
   font-family: 'Blogger Sans', sans-serif;
   font-weight: 700;
   line-height: 25px;

   position: relative;

   display: block;

   margin: 20px 0; 
   padding-right: 40px;

   text-align: right;

   color: #1c4987;
}
.btn-more:before, .btn-nav--more:before, .btn-nav--close:before {
   font-size: 25px;
   line-height: 25px;

   position: absolute;
   right: 0;

   -webkit-transition: all .3s cubic-bezier(.77, 0, .175, 1);
           transition: all .3s cubic-bezier(.77, 0, .175, 1); 
   text-align: center;

   color: #1c4987;
}
.btn-more:hover:before, .btn-nav--more:hover:before, .btn-nav--close:hover:before, .btn-more:active:before, .btn-nav--more:active:before, .btn-nav--close:active:before, .btn-more:focus:before, .btn-nav--more:focus:before, .btn-nav--close:focus:before {
   right: -4px;
}

.btn-nav--more:before {
   padding-left: 3px;
}

.btn-nav--close:before {
   font-size: 1.6rem;
}

/* Btn fleche
----------------------------------------------------------------------------------------*/
.btn-fleche {
   font-size: 22px;
   line-height: 34px;

   width: 32px;
   height: 32px;

   text-align: center; 

   color: #ffffff;
   border: 2px solid #acca43;
   border-radius: 50%;
   background: #acca43;
}
.btn-fleche:before {
   font-size: 12px;
   font-size: 1.2rem;
   line-height: 0;
   /* margin-top: -6px; */

   position: relative;
   top: -6px; 

   padding-left: 3px;
}
.btn-fleche:hover {
   border-color: #8faa30; 
   background: #8faa30;
}

/* $ANIMATION
   ========================================================================== */
.img_wrapper--link img, .bloc-icon-lien, .navbar-fixed-top, .navbar-fixed-top__header, .huge_block li figure img {
   -webkit-transition: all .3s cubic-bezier(.77, 0, .175, 1);
           transition: all .3s cubic-bezier(.77, 0, .175, 1);
}

.huge_block li figure img {
   -webkit-transition-duration: .5s;
           transition-duration: .5s;
}

/* nav animation */
.fade-top, .navbar-fixed-top, .navbar-fixed-top__header {
   -webkit-transform: translateY(-150%);
       -ms-transform: translateY(-150%);
           transform: translateY(-150%);
}
.fade-top-active {
   -webkit-transform: translateY(0px);
       -ms-transform: translateY(0px);
           transform: translateY(0px);
}

/* ==========================================================================
   $PAGES
   ========================================================================== */
/* $ACCUEIL
   ========================================================================== */
/* slider
   ================================================ */
.swiper-bandeau .swiper-wrapper {
   margin-bottom: 0;
}

.swiper-bandeau .bandeau {
   position: relative;
}
.swiper-bandeau .bandeau img {
   width: 100%;
}

.swiper-container .pagination-swiper {
   position: absolute;
   position: absolute;
   z-index: 1; 
   top: 50%;
   top: auto;
   bottom: 20px;
   left: 50%;
   left: 50%;

   -webkit-transform: translate(-50%, 0);
       -ms-transform: translate(-50%, 0);
           transform: translate(-50%, 0);
}
.swiper-container .pagination-swiper span {
   display: inline-block;
}

.swiper-pagination-clickable .swiper-pagination-bullet-active {
   top: 0;
}

/* Bloc info accueil
   ================================================ */
.bloc-info-home {
   height: 200px;
   margin-bottom: 2px;
}
@media (min-width: 992px) {
   .bloc-info-home {
      height: 340px;
      margin-bottom: 0;
   }
}
@media (max-width: 768px) {
   .bloc-info-home {
      height: 300px;
   }
}

.bloc-info-home, .bg-image-deco {
   background-position: center; 
   background-size: cover;
}

.bg-image-deco {
   height: 100%;
}

@media (max-width: 768px) {
   .bloc-info-home-vt {
      height: auto;
   }
}

@media (max-width: 768px) {
   .bloc-info-home-vt .bg-image-deco {
      height: 0;
      min-height: 0;
   }
}

.bloc-info-home-vt .bloc-text-inner {
   text-align: left;
}

/* Bloc slider actu home
   ========================================================================== */
.bloc-actu-home {
   height: 415px;
   padding: 40px 45px 20px;

   border: 2px solid #e9f0f9;
   box-shadow: 1px 0 0 0 white;
}
@media (max-width: 768px) {
   .bloc-actu-home {
      height: auto; 
      padding: 20px;
   }
}

.swiper-container .pagination-swiper-actu {
   bottom: 20px;
   left: 30px;
}

.item-actu > p {
   margin-bottom: 40px;
}

/* Bloc icon lien
   ========================================================================== */
.bloc-icon-lien {
   height: 170px;

   box-shadow: 1px 0 0 0 white;
}

.bloc-icon-lien--big {
   height: 245px;
}

.bloc-icon-lien__inner {
   width: 100%;
}

.bloc-icon-lien__icon {
   font-size: 50px;
   line-height: .9em; 

   text-align: center;
}

/* Bloc newsletter
   ========================================================================== */
.bg-people {
   background: transparent url('../img/silhouette.png') right bottom no-repeat;
}

/* ==========================================================================
   PAGE DEFAUT
   ========================================================================== */
.intro-page {
   display: inline-block;
}
@media (min-width: 992px) {
   .intro-page {
      margin-top: -100px;
   }
}
.intro-page .intro-page__inner {
   position: relative;
   z-index: 1;

   display: inline-block;

   background: #ffffff;
}
@media (min-width: 992px) {
   .intro-page .intro-page__inner {
      width: 66.66667%;
      padding-right: 20%;
   }
}
@media (min-width: 992px) {
   .intro-page .titre-paragraphe:first-child {
      margin-top: -30px;
   }
}

/* ==========================================================================
   $ACTUALITES
   ========================================================================== */
.huge_block {
   margin-bottom: 140px; 

   text-align: center;
}
.huge_block li {
   padding: 20px;

   -webkit-transition: .3s ease;
           transition: .3s ease;
}
@media (max-width: 992px) {
   .huge_block li {
      float: none;

      width: 545px; 
      max-width: 545px;
      margin: 0 auto;
   }
}
.huge_block li figure {
   margin: 0;
}
@media (min-width: 1200px) {
   .huge_block li figure {
      overflow: hidden; 

      max-height: 303px;
   }
}
.huge_block li figure img {
   width: 100%;
}
.huge_block li figure img:hover, .huge_block li figure img:focus, .huge_block li figure img:active {
   -webkit-transform: scale(1.05);
       -ms-transform: scale(1.05);
           transform: scale(1.05);
}
.huge_block li article {
   width: 100%; 
   padding: 30px 75px 60px 75px;

   -webkit-transition: .3s ease;
           transition: .3s ease;
   text-align: center;

   background: #ffffff;
}
@media (min-width: 1200px) {
   .huge_block li article {
      height: 400px;
      max-height: 400px;
   }
}
@media (max-width: 992px) {
   .huge_block li article {
      padding: 30px 45px;
   }
}
@media (max-width: 768px) {
   .huge_block li article {
      padding: 30px 45px;
   }
}
.huge_block li article h5 {
   font-size: 15px;
   font-size: 1.5rem;
   font-weight: bold;

   position: relative; 

   margin-bottom: 0;
   padding-bottom: 20px;

   text-transform: uppercase;

   color: #1c4987;
}
.huge_block li article h5::after {
   position: absolute;
   bottom: 0;
   left: 50%;

   width: 50px; 
   height: 1px;
   margin-left: -25px;

   content: '';

   background: #1c4987;
}
.huge_block li article h2 {
   font-weight: 500; 

   position: relative;

   margin-top: 0;
   margin-bottom: 30px;

   color: #1c4987;
}
.huge_block li article h2 a {
   font-size: 21px;
   font-size: 2.1rem;
   line-height: 24px;
   line-height: 2.4rem;

   color: #1c4987;
}
.huge_block li article h2 a:hover, .huge_block li article h2 a:focus, .huge_block li article h2 a:target, .huge_block li article h2 a:active {
   color: #0f2748;
}
.huge_block li article p {
   font-size: 17px;
   font-size: 1.7rem;
   line-height: 30px;
   line-height: 3rem;

   margin-bottom: 15px;
}
.huge_block li article a.actu-item__link {
   position: absolute;
   bottom: 40px;
   left: 50%;

   margin-left: -15px;
}

/* ==========================================================================
   $ACTUALITES DETAIL
   ========================================================================== */
.bloc_items {
   position: relative; 

   display: block;
   float: left;

   margin: 35px 0;
}
.bloc_items:last-child {
   margin-bottom: 100px;
}
.bloc_items h2 {
   font-size: 2.1px;
   font-size: 2.1rem;
   font-weight: 500; 
   line-height: 110%;

   position: relative;

   padding: 60px 0 50px;

   text-transform: uppercase;

   color: #1c4987;
}
.bloc_items .bloc_txt {
   position: relative;
   z-index: 10; 

   padding: 65px 95px;

   text-align: center;

   background: #ffffff;
}
.bloc_items .bloc_txt p {
   margin-bottom: 20px; 

   color: #777777;
}
.bloc_items .bloc_txt p:last-child {
   margin-bottom: 0;
}
.bloc_items .bloc_txt p a {
   font-weight: 300;

   -webkit-transition: .2s ease;
           transition: .2s ease; 

   color: #aec524;
   border-bottom: 1px dotted #ffffff;
}
.bloc_items .bloc_txt p a:hover {
   border-bottom: 1px dotted #aec524;
}
.bloc_items .bloc_txt p a.has-tip {
   color: #aec524;
}
.bloc_items .bloc_txt p .has-tip {
   font-weight: 300; 

   color: #777777;
   border-bottom: 1px dotted #aec524;
}
.bloc_items .bloc_txt p .has-tip.open {
   border-bottom: 1px dotted #aec524;
}
.bloc_items .bloc_txt h3 {
   font-family: 'Playfair Display', Georgia, serif;
   font-size: 1.1875rem;
   font-style: italic; 

   color: #1c4987;
}
.bloc_items .bloc_infos {
   -webkit-transition: .5s ease;
           transition: .5s ease; 
   text-align: left;
}
.bloc_items .bloc_infos h4 {
   font-family: 'Playfair Display', Georgia, serif;

   margin: 0; 

   color: #1c4987;
}
.bloc_items .bloc_infos h5 {
   font-family: 'Roboto', Arial, sans-serif;
   font-size: 1.5625rem;

   margin: 20px 0 0; 

   color: #1c4987;
}
.bloc_items .bloc_infos h5 sup {
   font-size: 50%;

   top: -10px;
}
.bloc_items .bloc_infos h6 {
   font-family: 'Playfair Display', Georgia, serif;
   font-size: 1rem;
   font-style: italic;

   margin: 0 0 15px; 

   color: #1c4987;
}
.bloc_items .bloc_infos p {
   font-weight: 300; 

   color: #777777;
}
.bloc_items .bloc_infos span {
   font-family: 'Roboto', Arial, sans-serif;
   font-weight: 300; 

   display: block;

   color: #777777;
}
.bloc_items .bloc_infos a {
   font-weight: bold;

   position: relative; 

   display: block;

   margin-bottom: 10px;
   padding-left: 40px;

   color: #1c4987;
}
.bloc_items .bloc_infos a::before {
   position: absolute;
   top: 0;
   left: 0;

   width: 30px; 
   height: 30px;

   content: '';

   background: url('https://www.alcoolassistance.net/template/alcool-assistance/img/arrow-go.svg') no-repeat center center;
}
.bloc_items .bloc_infos a:nth-of-type(1) {
   margin-top: 20px;
}
.bloc_items figure {
   position: absolute;
   z-index: 5; 
   top: 0;

   margin: 0;
}

.bloc_items.listing {
   z-index: 5;
}
.bloc_items.listing h2 {
   text-align: left;
}
.bloc_items.listing h3 {
   font-family: 'Playfair Display', Georgia, serif;
   font-size: 1.875rem;
   font-style: italic;

   margin: 0 0 20px;

   text-align: left; 

   color: #1c4987;
}
.bloc_items.listing h4 {
   font-family: 'Playfair Display', Georgia, serif;

   position: relative;

   margin: 0 0 15px;

   text-transform: capitalize; 

   color: #1c4987;
}
.bloc_items.listing h4::before {
   position: absolute;
   top: 15px;
   left: -35px;

   width: 20px; 
   height: 1px;

   content: '';

   background: #43496f;
}
.bloc_items.listing li {
   padding: 20px;
}
.bloc_items.listing li:last-child {
   margin-bottom: 30px;
}
.bloc_items.listing .white_bloc {
   padding: 45px;

   -webkit-transition: .3s ease;
           transition: .3s ease; 
   text-align: left;

   background: #ffffff;
}
.bloc_items.listing .white_bloc p {
   font-size: 1.0625rem;
}

.bloc_items.no-title .bloc_txt {
   margin-top: 100px;
}

.bloc_items.card.no-img h2 {
   width: 100%;
   min-height: auto; 
   padding-right: 17%;
   padding-left: 17%;

   text-align: center;
}
.bloc_items.card.no-img h2::before {
   left: 50%;

   margin-left: -77px;
}

.bloc_items.card.no-img .card-info {
   position: relative;

   width: 100%; 

   text-align: center;
}
.bloc_items.card.no-img .card-info::before {
   position: absolute;
   bottom: 0;

   width: 50px; 
   height: 1px;

   content: '';

   background: #43496f;
}

.bloc_items.card h2 {
   display: inline-block;
   float: left;

   width: 45%;
   min-height: 290px; 
   margin-top: 0;
   margin-bottom: 0;

   text-align: left;
   text-transform: none;
}
.bloc_items.card h2::before {
   top: 0; 
   left: 0;
}

.bloc_items.card .card-info {
   font-family: 'Roboto', Arial, sans-serif;
   font-size: .875em;
   font-weight: bold;

   position: absolute;
   top: 5px; 
   left: 0;

   padding-bottom: 20px;

   text-align: left;
   text-transform: uppercase;

   color: #1c4987;
}
.bloc_items.card .card-info::before {
   position: absolute;
   bottom: 0;

   width: 50px; 
   height: 1px;

   content: '';

   background: #43496f;
}

.bloc_items.card figure {
   right: 0;

   width: 50%; 

   text-align: right;
}
.bloc_items.card figure img {
   width: 100%;
   height: auto;
}

.bloc_items.card .bloc_txt {
   float: left;

   width: 83%; 
   margin-bottom: 35px;
   margin-left: 8.5%;

   text-align: left;
}
.bloc_items.card .bloc_txt h4 {
   font-family: 'Roboto', Arial, sans-serif;
   font-size: 16px;
   font-size: 1.6rem;
   font-weight: bold;

   margin-bottom: 20px; 

   color: #1c4987;
}
.bloc_items.card .bloc_txt .titre-paragraphe {
   font-size: 21px;
   font-size: 2.1rem;
   font-weight: 500;
   font-style: normal;

   margin-top: 50px; 

   color: #1c4987;
}
.bloc_items.card .bloc_txt strong {
   color: #1c4987;
}
.bloc_items.card .bloc_txt p {
   line-height: 150%;
}

.bloc_items.card .back-btn {
   font-size: 60px;

   position: absolute;
   top: -35px;
   left: 50%;

   display: block;

   width: 70px; 
   height: 70px;
   margin-left: -35px;

   color: #ffffff;
   border-radius: 50%;
   background: #779aca url('../img/close-btn.svg') no-repeat center center;
   background-size: 60px 60px;
}
.bloc_items.card .back-btn:hover, .bloc_items.card .back-btn:active, .bloc_items.card .back-btn:focus {
   background-color: #527fbc;
}

.bloc_items.card .card-link {
   font-weight: 300;

   position: relative;

   display: inline-block;
   float: left;
   clear: both;

   width: 100%; 
   margin-bottom: 15px;
   margin-left: 8.5%;
   padding-left: 95px;

   text-align: left;

   color: #777777;
}
.bloc_items.card .card-link:hover, .bloc_items.card .card-link:active, .bloc_items.card .card-link:focus {
   color: #1c4987;
}
.bloc_items.card .card-link span {
   position: relative; 

   padding-left: 30px;
}
.bloc_items.card .card-link span::before {
   font-size: 20px;

   position: absolute;
   top: 0;
   left: 0;

   width: 20px; 
   height: 20px;
}
.bloc_items.card .card-link strong {
   color: #1c4987;
}

@media only screen and (min-width: 40.063em) and (max-width: 72.75em) {
   .bloc_items {
      width: 100%;
   }
   .bloc_items h2 {
      padding: 30px 0 15px;
   }
   .bloc_items h2::before {
      top: 20px;
   }
   .bloc_items.card h2 {
      width: 90%; 
      margin: 20px 5%;
   }
   .bloc_items.card .card-info {
      left: 5%;
   }
   .bloc_items.card .card-link {
      margin-left: 5%;
      padding-left: 0;
   }
   .bloc_items.card figure {
      position: relative;

      display: inline-block;
      float: none;
      overflow: hidden;

      width: 90%; 
      height: auto;
      max-height: 400px;

      text-align: center;
   }
   .bloc_items.card figure img {
      width: 100%;
   }
   .bloc_items.card .bloc_txt {
      display: inline-block;
      float: none;

      width: 90%; 
      margin: -10px auto 35px;
   }
   .bloc_items.card .bloc_infos {
      float: none;

      width: 90%; 
      padding-left: 0;
   }
   .bloc_items.card.no-img h2 {
      width: 90%; 
      margin: 20px 5% 50px;
      padding-right: 90px;
      padding-left: 90px;
   }
   .bloc_items.card.no-img .card-info {
      left: 0;
   }
}

@media only screen and (max-width: 40em) {
   .bloc_items {
      width: 100%; 
      margin-bottom: 20px;
   }
   .bloc_items h2 {
      font-size: 1.5rem;

      padding: 30px 0 15px;
   }
   .bloc_items h2::before {
      top: 20px;
   }
   .bloc_items .bloc_txt {
      padding: 30px 40px;
   }
   .bloc_items .bloc_infos {
      width: 100%;
   }
   .bloc_items .bloc_infos a {
      margin: 0;
   }
   .bloc_items.card h2 {
      width: 100%; 
      margin: 40px 0 20px;
   }
   .bloc_items.card .card-info {
      top: 50px; 
      left: 0;
   }
   .bloc_items.card .card-link {
      width: 100%; 
      margin-left: 0;
      padding-left: 0;
   }
   .bloc_items.card .card-link span {
      display: block;
   }
   .bloc_items.card figure {
      position: relative;

      display: inline-block;
      float: none;

      width: 100%; 

      text-align: center;
   }
   .bloc_items.card figure img {
      width: 100%;
   }
   .bloc_items.card .bloc_txt {
      display: inline-block;
      float: none;

      width: 100%; 
      margin: -10px auto 35px;
      padding-top: 60px;
   }
   .bloc_items.card .bloc_infos {
      float: none;

      width: 100%; 
      padding-left: 0;
   }
   .bloc_items.card.no-img h2 {
      width: 100%; 
      margin: 40px 0 50px;
      padding-right: 0;
      padding-left: 0;
   }
   .bloc_items.card.no-img .card-info {
      left: 0;
   }
}

@media only screen and (max-width: 72.75em) {
   .bloc_items .bloc_infos {
      float: none;

      width: 90%; 
      margin: -20px auto 20px !important;
      padding: 20px;

      text-align: center;

      background: #ffffff;
   }
   .bloc_items .bloc_infos p {
      padding: 0 30px;
   }
   .bloc_items .bloc_infos a {
      display: inline-block;

      margin: 0 20px;
   }
}

@media only screen and (min-width: 72.813em) {
   .bloc_items figure.gmap {
      height: 350px;
   }
   .bloc_items.listing ul {
      margin: 0 -20px;
   }
}

/* ==========================================================================
   $CONTACT
   ========================================================================== */
.bloc_items.contact {
   width: 100%;
   margin-top: -20px;
}
.bloc_items.contact h2 {
   font-size: 21px;
   font-size: 2.1rem;
   font-weight: 400;

   position: relative;

   margin-bottom: 30px;
   padding-top: 40px;
   padding-bottom: 25px; 

   text-align: left;
   text-transform: uppercase;
}
.bloc_items.contact h2:after {
   position: absolute;
   bottom: -12px;
   bottom: 0; 
   left: 0;

   width: 50px;
   height: 1px;

   content: '';

   background: #1c4987;
}
@media (min-width: 1200px) {
   .bloc_items.contact h2 {
      float: left;

      width: 48%;
   }
}
@media (max-width: 768px) {
   .bloc_items.contact h2 {
      margin-left: 0;
   }
}
.bloc_items.contact .infos {
   position: relative;
   z-index: 10; 

   float: left;

   width: 100%;
   padding: 40px 50px;

   text-align: center;

   background: #f8f9f9;
}
@media (min-width: 1200px) {
   .bloc_items.contact .infos {
      float: right;

      width: 390px; 
      margin-top: 60px;
      margin-right: 77px;
   }
}
.bloc_items.contact .infos h3 {
   font-size: 18px;
   font-size: 1.8rem;
   font-weight: 700;

   margin: 0 0 10px 0; 

   color: #1c4987;
}
.bloc_items.contact .infos h4 {
   font-size: 15px;
   font-size: 1.5rem;
   font-weight: bold;
   font-style: normal;

   margin: 15px 0;

   text-transform: uppercase; 

   color: #1c4987;
}
.bloc_items.contact .infos p {
   font-size: 15px;
   font-size: 1.5rem;
   line-height: 18px;
   line-height: 1.8rem;

   margin-bottom: 0;
}
.bloc_items.contact .infos a {
   color: #888888;
}
.bloc_items.contact figure {
   position: relative;
   z-index: 5; 

   float: left;

   width: 100%;
   margin-top: 20px;
}
@media (min-width: 1200px) {
   .bloc_items.contact figure {
      margin-top: -100px;
   }
}
.bloc_items.contact figure #case-google-map {
   width: 100%;
    margin-top: 100px;
}
.bloc_items.contact figure #case-google-map #big-google-container {
   width: 100%;
}
@media (max-width: 768px) {
   .bloc_items.contact figure #case-google-map #big-google-container {
      height: 250px;
   }
}

#case-google-map {
   position: relative;
}
#case-google-map #google-container, #case-google-map #big-google-container {
   position: relative;

   width: 100%; 
   height: 334px;

   background-color: #e7eaf0;
}
@media (min-width: 1200px) {
   #case-google-map #google-container, #case-google-map #big-google-container {
      width: 445px;
   }
}
#case-google-map #google-container .gm-style > div:nth-of-type(2), #case-google-map #big-google-container .gm-style > div:nth-of-type(2), #case-google-map #google-container .gm-style > div:nth-of-type(3), #case-google-map #big-google-container .gm-style > div:nth-of-type(3), #case-google-map #google-container .gm-style > div:nth-of-type(4), #case-google-map #big-google-container .gm-style > div:nth-of-type(4) {
   display: none;
}
#case-google-map #google-container .gm-style > div:nth-of-type(7), #case-google-map #big-google-container .gm-style > div:nth-of-type(7) {
   top: 0 !important;
}
#case-google-map #google-container .gm-style > .gm-style-cc, #case-google-map #big-google-container .gm-style > .gm-style-cc {
   display: none;
}
#case-google-map #google-container #zoom-in, #case-google-map #big-google-container #zoom-in, #case-google-map #google-container #zoom-out, #case-google-map #big-google-container #zoom-out {
   width: 34px; 
   height: 34px;
   margin-left: 10px;

   cursor: pointer;
   -webkit-transition: .2s ease;
           transition: .2s ease;

   border-radius: 3px;
   background-color: #1c4987;
   background-image: url('../img/cd-icon-controller.svg');
   background-repeat: no-repeat;
   background-size: 34px 64px;
}
.no-touch #case-google-map #google-container #zoom-in:hover, .no-touch #case-google-map #big-google-container #zoom-in:hover, .no-touch #case-google-map #google-container #zoom-out:hover, .no-touch #case-google-map #big-google-container #zoom-out:hover {
   background-color: #aec524;
}
#case-google-map #google-container #zoom-in, #case-google-map #big-google-container #zoom-in {
   margin-top: 252px; 
   margin-bottom: 1px;

   background-position: 50% 0;
}
#case-google-map #google-container #zoom-out, #case-google-map #big-google-container #zoom-out {
   background-position: 50% -30px;
}
#case-google-map #big-google-container {
   height: 440px;
}
#case-google-map #big-google-container #zoom-in {
   margin-top: 20px;
}
#case-google-map #big-google-container #zoom-in, #case-google-map #big-google-container #zoom-out {
   margin-left: 20px;
}
#case-google-map address {
   position: absolute;
   bottom: 0;
   left: 0;

   width: 100%; 
   padding: 1em 1em;

   color: #ffffff;
   background-color: rgba(28, 73, 135, .9);
}
/* Secondary Menu */
.section-secondary-menu h1 {
   position: relative;
   padding-bottom: 30px;
   margin-bottom: 30px;
}
.section-secondary-menu h1::after {
   position: absolute;
   bottom: -12px;
   bottom: 0; 
   left: 0;
   width: 50px;
   height: 1px;
   content: '';
   background: #1c4987;
}
.btn-actu {
   font-size: 26px;
   font-size: 2.6rem;
   border-color: #e9f0f9;
   text-transform: none;
   font-weight: 500;
   padding: 30px;
   margin-bottom: 40px;
}
.btn-actu::after {
   content: 'c';
   font-family: "alcoolassistance" !important;
   font-style: normal !important;
   font-variant: normal !important;
   font-weight: normal !important;
   line-height: 1;
   text-transform: none !important;
   margin-left: 20px;
   position: relative;
   top: 5px;
}
.secondary-menu-page-link {
   margin-bottom: 40px;
}
.secondary-menu-page-link figure {
   overflow: hidden;
   position: relative;
   height: 0;
   width: 100%;
   padding-top: 79%;
}
.secondary-menu-page-link img {
   transition-duration: 0.5s;
   height: 100%;
}
.secondary-menu-page-link img:hover {
   transform: scale(1.05);
}
.secondary-menu-page-link a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
.secondary-menu-page-link-text {
   position: absolute;
   bottom: 0;
   right: 0;
   font-size: 20px;
   font-size: 2rem;
   color: #fff;
   margin-bottom: 20px;
   width: 100%;
   text-align: center;
}
.secondary-menu-page-link-text::after {
   content: 'c';
   font-family: "alcoolassistance" !important;
   font-style: normal !important;
   font-variant: normal !important;
   font-weight: normal !important;
   line-height: 1;
   text-transform: none !important;
   margin-left: 10px;
   position: relative;
   top: 3px;
}
.section-liaison-page {
   margin-top: 60px;
   margin-bottom: 140px;
}
.pager {
    text-align: center;
}
.pager a, .pager span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    margin: 5px;
    background-color: #f0ebde;
    border: solid 1px #f0ebde;
    color: #1c4987;
}
.pager a:hover {
    background-color: #1c4987;
    border-color: #1c4987;
    color: #fff;
}
.pager span.pager-select {
    background-color: #1c4987;
    border-color: #1c4987;
    color: #fff;
}
ul.liste-actu {
    display: table;
    width: 100%;
    margin-bottom: 70px;
}
.huge_block li figure {
    overflow: hidden;
}
.form-style-2 button.button-inactive span {
    color: #f0ebde;
}
.form-style-2 button.button-inactive i {
    color: #f0ebde;
}
.form-style-2 button.button-inactive:hover i {
    color: #f0ebde;
}
.form-style-2 button.button-inactive:hover span {
   color: #f0ebde;
}
.form-style-2 button.button-inactive:hover span::after {
   opacity: 0;
}
.onglet-adherent {
    display: inline-table;
    width:300px;
}
.adherent-nom {
    display: table-cell;
}
.adherent-ico {
    display: table-cell;
    width: 60px;
}
.download {
    border-bottom: solid 1px #c4c4c4;   
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.folder-ico {
    /*height : 64px;
    width: 93px;
    background-image : url('../img/folder.png');
    background-repeat: no-repeat;
    display: block;
    position: relative;
    top: 0;
    left: 0;*/
}
.fichier-descript {
    position: absolute;
    top: 0;
    left: 120px;
}
.fichier-btn {
    float: right;
    margin-left: 10px;
}
.error-message {
    border: solid 1px #c4c4c4;
    margin: 15px;
    padding: 15px;
}
.stat-table {
    width: 100%;
}
.stat-table td {
    border: solid 1px #c4c4c4;
    padding: 5px 10px;
}
.stat-table td.entete {
    font-weight: bold;
    background-color: #c4c4c4;
    color: #000000;
    text-align: center;
}
.stat-table td.entete:not(:last-child) {
    border-right: solid 1px #ffffff;
}
.stat-table td.total {
    font-weight: bold;
    text-align: center;
    background-color: #f0ebde;
}
.stat-table td.empty-cell {
    border: none;
}







ul.accordeon h2 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
}

ul.accordeon h2 a {
    text-decoration: none;
}

ul.accordeon div {
  position: relative;
  overflow: hidden;
  max-height: 800px;
  opacity: 1;
  transform: translate(0, 0);
  z-index: 2;
  background-color: #eeeeee;
  padding: 15px;
}

ul.accordeon {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
ul.accordeon li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  padding-top: 18px;
  border-top: 1px dotted #8cb830;
  animation-delay: 0.75s;
}
ul.accordeon li:last-of-type {
  padding-bottom: 0;
}
ul.accordeon li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 6px;
  right: 0;
}
ul.accordeon li i:before, ul.accordeon li i:after {
  content: "";
  position: absolute;
  background-color: #8cb830;
  width: 3px;
  height: 9px;
}
ul.accordeon li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
ul.accordeon li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
ul.accordeon li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
ul.accordeon li input[type=checkbox]:checked ~ div {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
}
ul.accordeon li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
ul.accordeon li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}


/* EDIT */

.btn-white {
  color: #fff;
  border-color: #fff;
}

.btn-white:hover,
.btn-white:focus {
  color: #1c4987;
  background-color: #fff;
}