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


/* - CSS pour les balises html générales - */


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



p:empty {
    display: none;
}


/*
  Enléve les pointillers de mozilla sur les liens
 */

a,
a:focus {
    /*outline: none;*/
}


/* Style des titres  */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-style: normal;
    color: #222222;
    text-rendering: optimizeLegibility;

}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0;
}

h1 {
    font-size: 2.1em;
}

h2 {
    font-size: 1.8em;
}

h3 {
    /*font-size:22px;*/
    font-size: 1.5em;
}

h4 {
    /*font-size:18px;*/
    font-size: 1.3em;
}

h5 {
    font-size: 1.3em;
}

h6 {
    font-size: 1.2em;
}

@media screen and (max-width: 475px) {
    h1 {
        font-size: 1.7em;
    }
}

iframe {
    width: 100%;
    margin: 10px 0;
}

a {
    color: #0080FF;
    transition: color 0.2s ease-out;
}

a:hover,
a:focus {
    color: #004080;
    text-decoration: underline;
}

ul {
    list-style: disc;
}

ol {
    margin-left: 30px;
}

.no-padding{ padding: 0 !important}
/* ------------------------------------------------------ */


/* - Css qui surplombe celui existant de VC ou Méganews - */


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

.wpb_content_element {
    margin-bottom: 0px;
}

.container-fluid {
    z-index: 5;
    background: white;
    /*box-shadow: 0 0 5px black;*/
}


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


/* Pagination sur les post grid  */


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


/*.nav-previous{
  float:right;
}
*/


/*.nav_posts{
  font-size:1.1em;
}
*/







/* post section START */


/*.post_wrapp_width1 { width: 185px; }

.post_wrapp_width2 { width: 382px; }

.post_wrapp_width3 { width: 579px; }

.post_wrapp_width4 { width: 776px; }
*/


/*.large_post_wrapper {
  position: relative;
  float: left;
  overflow: hidden;
  line-height: 0;
  margin-left: 12px;
}

.small_post_wrapper {
  position: relative;
  float: left;
  margin-bottom: 12px;
  overflow: hidden;
  line-height: 0;
}

.upright_post_wrapper {
  position: relative;
  margin-left: 6px;
  float: left;
  margin-bottom: 12px;
  overflow: hidden;
  line-height: 0;
}

.first {
  margin-left: 0;
}
*/

a.post_cat_tag,
.post_cat_tag {
    padding: 5px;
    bottom: 1.8em;
    color: #fff !important;
    -webkit-font-smoothing: antialiased;
    font-size: 1.1em;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    position: relative;
}


/*h1.post_cat_title_large {
  background: rgba(0,0,0,0.5);
  left: 0;
  line-height: 30px;
  padding: 15px 15px 20px 15px;
  position: absolute;
  bottom: 0;
  -webkit-font-smoothing: antialiased;
  letter-spacing: -2px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
*/


/*h1.post_cat_title_small {
  background: rgba(0,0,0,0.5);
    left: 0;
    line-height: 20px;
    padding: 15px;
    position: absolute;
    bottom: 0;
  width: 100%;
  /*font-size: 26px;*/

-webkit-font-smoothing: antialiased;
letter-spacing: -1px;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
*/
/*a h1.post_cat_title_large, a h1.post_cat_title_small  {
  color: #fff;
  text-decoration: none;
}

.large_post_wrapper img,
.small_post_wrapper img,
.upright_post_wrapper img {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
  max-width: 100%;
  height: auto;
}
*/


/*.large_post_wrapper:hover > a > img,
.small_post_wrapper:hover img,
.upright_post_wrapper:hover img,
.large_post_wrapper:hover  .flexsliderPostSection ul li:hover img {
  -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -o-transform:scale(1.2);
}
*/

a.post_cat_tag:hover {
    text-decoration: underline;
}


/*.small_outher_wrapper {
  float: left;
  margin-left: 6px;
  position: relative;
  width: 382px;
}

.icon-for-post-format {
  background: rgba(255,255,255, 0.5);
  padding: 8px;
  color: #fff;
  position: relative;
  top: -1px;
}
*/


/* post section END */


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


/* Gére le débordement des élément pour évité le décalage sur les mobiles */


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


/*body{overflow-x: hidden;}
*/


/* Admin */

@media screen and (min-width: 767px) {
    .cols-no-padding {
        padding-right: inherit !important;
        padding-left: inherit !important;
        margin-bottom: 10px;
    }
}

.flex-next {
    right: 0px !important;
}

.flex-prev {
    left: 0px !important;
}


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


/* ------ CSS pour le breadcrumbs et les tags de catégories ------ */


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

.p_nomargin {
    margin-bottom: 0;
}

.table_border {
    margin: auto;
}

.post-tags {
    bottom: 5px;
    position: absolute;
    top: inherit;
}

.category_sticker {
    position: absolute;
    bottom: 30px;
}


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


/* --------------- CSS pour la date -------------- */


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

.post-date {
    font-size: 1em;
    font-weight: bold;
}


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


/* ----- Taille police ecriture dans article et excerpt ----- */


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

.single-post-title {
    font-size: 2.2em;
    color: #000;
    text-align: center;
    letter-spacing: -1px;
    font-weight: normal;
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 10px;
}

.single-post-content p,
.excerpt {
    font-size: 1.1em;
}

.single-post-content ul {
    margin-left: 40px;
}

@media screen and (max-width: 769px) {
    .single-post-content ul {
        margin-left: 0px;
    }
}


/*.wpb_wrapper ul li{text-indent: 30px;}
*/


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


/* ----- Lien admin ----- */


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

.admin_link {
    position: absolute;
    top: -45px;
    left: 5px;
    background-color: #FF8040;
    padding: 10px;
    color: white;
    box-shadow: 0px 0px 3px #656565;
}

.admin_link:hover {
    color: white;
    text-decoration: underline;
}


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


/* - CSS appliqué a l'image à la une dans les articles -- */


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

.image_a_la_une {
    width: 100%;
    background: transparent;
    margin-bottom: 10px;
    /*transition: max-height 2s ease-out;*/
}

.image_a_la_une.large {
    margin: 0 auto 0 auto;
    max-height: 255px;
}

.image_a_la_une.small {
    margin: 0 auto;
    max-height: 390px;
}


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


/* - Permet de centré l'image à la une sur les page de l'article - */


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

.single-post-type-content {
    width: 100%;
    margin: 0 auto;
}


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


/* - Css permettant de personalisé le lien "consulter articles de la catégorie" - */


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


/*.actus_liens{
  font-size:14px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  color:white;
  text-decoration: none;
  padding:15px 10px;
  margin-top: -15px;
  margin-bottom: 2%;
  transition: background 0.4s ease-out;
}

.actus_liens{
   background-color: #C0C0C0;
}

.actus_liens:hover{
  text-decoration: underline;
  color:white;
  background-color: #0080FF;
}
*/


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


/* ---- CSS pour la sidebar sur les pages ---- */


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

.sidebar-left-border {
    border-left: 0;
    padding-left: 5px;
}

.widget_text {
    padding: 0 10px 10px 10px;
}

.widget_text .textwidget {
    margin: 0 auto;
}

.sidebar_liens .fa {
    margin-right: 5px;
}

.widget_text {
    padding: 0;
}

.sidebar_liens li {
    list-style: none;
    padding: 0;
    margin-left: 0;
    text-align: center;
    position: relative;
    display: block;
    /*overflow: hidden;*/
}

.sidebar_liens li span {
    transition: margin 6s ease-out, color 6s ease-out, opacity 6s ease-out;
}

.sidebar_liens .fa {
    /*display: block;*/
    /*float: left;*/
    position: absolute;
    right: 30px;
    bottom: 0;
    z-index: 1;
    opacity: 0.7;
    top: 10%;
    font-size: 3em;
    margin: 0 -15px 0 15px;
}

.sidebar_liens a {
    font-weight: 200;
    z-index: 2;
    border-radius: 20px 10px 10px 0;
    /*background-color: #EAEAEA;*/
    /*background-color: #ABC1C7;*/
    background-color: #64777E;
    /*background-color: #64777E;*/
    transition: margin 0.2s ease-out, color 0.2s ease-out, opacity 0.2s ease-out, background-color 0.2s ease-out;
    display: block;
    width: 100%;
    margin: 0;
    text-align: left;
    color: black;
    padding: 10px 60px 10px 20px;
    font-size: 0.85em !important;
}

.sidebar_liens a span {
    z-index: 2;
    position: relative;
}

.sidebar_liens a:hover .fa,
.sidebar_liens a:focus .fa {
    opacity: 1;
}

.sidebar_liens li a {
    color: white !important;
}

.sidebar_liens li a:hover,
.sidebar_liens li a:focus {
    color: inherit !important;
}

#sidebar-principal {
    margin-left: 0px;
}

@media screen and (max-width:767px) {
    .sidebar,
    .sidebar_liens {
        display: none;
    }
    .col-xs-12 {
        /*padding-left: 0px;*/
        padding-right: 0px;
    }
}


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


/* ------ Pagination -----*/


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

.vc_grid-pagination ul li a {
    font-size: 1em !important;
}

.pagination .current {
    border: 1px solid #ccc;
    color: #3796d5;
    margin-top: -1px;
    font-size: 1.5em;
}

.pagination-liens {
    color: #3796d5 !important;
    font-weight: bold;
}


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


/* Crée l'effet 'cards' de l'actualité de l'acceuil sur portable/tablette  */


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

@media screen and (max-width:769px) {
    .post-grid-thumb-type3 {
        margin: 0;
    }
    .category .vc_span8.type1 .post-grid-thumb-type3-wrapper {
        /* width:47.5%;margin-left:2.5%;float:left;*/
        background: #FFF;
        border-radius: 2px;
        padding: 0;
        /*box-shadow:0px 0px 2px #000;*/
    }
    /*  .category .vc_span8.type1 {
    margin-left:-1%;
  }
  */
    .category .vc_span8.type1 {
        margin-left: 0%;
    }
    .single-post-type-content {
        background-color: white;
    }
    div.single-post-type-content {
        margin: inherit;
    }
}


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


/* Modification taille des images des grilles des catégories */


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


/*.post-grid-thumb-type3 {
  width:35%;
  float:left;
  overflow:hidden;
  height:auto;
  line-height: 0;
}
*/


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


/* Style de la pagination des catégories */


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

@media screen and (max-width:769px) {
    .pagination-wrapper {
        background: white;
        margin-bottom: 30px;
    }
    .pagination-wrapper .pagination {
        padding: 10px 0;
        margin-bottom: -7px;
    }
}

@media screen and (max-width: 475px) {
    .pagination-liens {
        display: none !important;
    }
}


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


/* ------ ICONE SOCIAL ---- */


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

div.blog-share-socials-title {
    float: left;
    color: white;
    font-size: 16px;
    margin-right: 10px;
}

div.blog-share-socials-title i.fa {
    padding: 0px 10px;
    vertical-align: -13%;
    font-size: 1.5em;
}

ul.blog-share-socials {
    list-style: none;
    float: left;
    margin: 0;
}

ul.blog-share-socials li {
    position: relative;
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    padding: 0 !important;
    top: 0;
    transition: top 0.4s ease-out;
}

ul.blog-share-socials li:hover,
ul.blog-share-socials li:focus {
    transition:s top 0.2s ease-out;
    top: -10px;
}


@media screen and (max-width: 769px) {
    .blog-share-socials-wrapper {
        margin-top: inherit;
    }
    .blog-share-socials {
        width: 80%;
        margin-left: 5px;
    }
}

@media screen and (max-width: 475px) {
    div.blog-share-socials-title {
        width: 100%;
    }
    .blog-share-socials {
        width: 100%;
        float: left;
        margin-left: 5px !important;
    }
}


/* ul.blog-share-socials {
  float: left;
}
*/


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


/* ------ Breadcrumbs / Fils d'ariane ---- */


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

.page-breadcrumbs {
    padding: 10px;
    display: inline-block;
    float: left;
    margin-top: 0px;
    width: inherit;
}

.breadcrumbs-content,
.breadcrumbs-content>a,
.breadcrumbs-content>span {
    font-size: 0.95em;
}

@media screen and (max-width:769px) {
    .breadcrumbs-content,
    .breadcrumbs-content>a,
    .breadcrumbs-content>span {
        font-size: 1.05em;
        line-height: 1;
    }
}

@media screen and (max-width: 475px) {
    .page-breadcrumbs {
        max-width: inherit;
    }
}


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


/* ---- Modification sidebar page catégorie ---- */


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

.vc_span8 {
    width: 77.375%;
    /*margin-left:1.2%;*/
    ;
}


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


/* ------- Formulaire de contact "contact 7 form" ------- */


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

.wpcf7-form {
    text-align: center;
}


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


/* ----- CSS pour page conseil municipal----- */


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

.section_conseil {
    text-align: center;
    background-color: #8AAFD0;
    width: 10%;
    max-height: 40px;
}


/*.espace_presse {
  text-align: center;
  background-color: #B7CA79;
  padding: 5px 0px 5px 0px;
  margin-bottom: 10px;
  max-height: 38px;
}
*/

.center_bouton {
    text-align: center;
    margin: 0 auto;
}

.titre_page {
    text-align: center;
    margin-bottom: 10px;
}


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


/* ----- Pour les pages écoles colléges lycées ----- */


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

.bloc_info_ecole ul {
    list-style: none;
    margin-left: inherit;
}

.bloc_info_ecole li {
    margin: 0;
    padding: 0;
}

.bloc_info_ecole ol {
    display: inline;
}


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


/* --------------- ACCORDEON -------------- */


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

.ui-state-default {
    width: 100%;
}

.wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
    background-color: #3796D5 !important;
}

.wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
    color: white !important;
}

.ui-accordion-header-active {
    background-color: #3796D5 !important;
}

.ui-accordion-header-active a {
    color: white !important;
}

.ui-accordion-content-active {
    background-color: #E6E6E6;
}

.ui-state-hover {
    background: #97CBFF !important;
}

.wpb_content_element .wpb_accordion_header {
    white-space: inherit !important;
}

@media screen and (max-width:1046px) {
    .tabs_custom .wpb_tabs_nav li a {
        font-size: 0.75em !important;
    }
    .tabs_full .wpb_tabs_nav li a {
        font-size: 1em !important;
    }
}

@media screen and (max-width:769px) {
    .sidebar_liens {
        display: none;
    }
    .single-post-thumb {
        width: inherit !important;
    }
    .sidebar {
        display: none;
    }
    .tabs_custom .wpb_tabs_nav ul {
        float: none;
        width: 100%;
    }
    .tabs_custom .wpb_tabs_nav li {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .tabs_custom .wpb_tabs_nav li a {
        font-size: 1em !important;
    }
}

.mot_info {
    text-decoration: none;
    border-width: 0px 0px 1px;
    border-style: dashed;
    border-color: #017AC6;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    cursor: help;
}

.wpb_gmaps_widget {
    position: relative;
}


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


/* ---- Titre page recherche ---- */


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


/*  Page Home */

.home .vc_span12 .wpb_content_element {
    margin-bottom: 0;
}

.post-content-bg {
    background: white;
}


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


/* - Css pour les boutons A+,A-,A - */


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

.boutton-post-font-size {
    text-align: right;
}

.boutton-page-font-size {
    margin-left: 66.5%;
}

@media screen and (max-width:769px) {
    .boutton-page-font-size {
        margin-left: inherit;
        float: right;
        margin-top: inherit;
    }
    body {
        font-size: 12px;
        background: #FFFFFF !important;
    }
    .isotope-item,
    .single-post-thumb {
        background: white;
    }
    .single-post-content p {
        font-size: 1.2em;
    }
    .single-post-title {
        font-size: 2.231em;
        color: #000;
        text-align: center;
        letter-spacing: -1px;
        font-weight: normal;
        line-height: 1.2;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .post-content-bg {
        background-color: transparent;
        padding: inherit;
    }
    /* ---------------------------------------- */
    /* - Css pour l'agenda récupéré sur ayaline */
    /* ---------------------------------------- */
    .ayaline_sit_conteur_par_defaut img {
        display: block !important;
        margin: 0 auto !important;
        float: none !important;
    }
    .ayaline_sit_conteur_par_defaut .ayaline_sit_contenu_item_liste div:nth-child(1) {
        margin-left: 0 !important;
    }
}

.isotope-item {
    transition: height 0.4s ease-out;
}


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


/* ---- WIDGETS ---- */


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

.wpb_widgetised_column .widget {
    margin-bottom: 40px !important;
}


/*h3.sidebar-title {
  font-size: 20px;
  font-weight: normal;
  color: #000;
}
*/


/*.title_stripes_sidebar {
  border-bottom: 1px solid #e5e5e5;
  width: 150px;
  float: left;
  margin-bottom: 25px;
}

*/

.wpb_widgetised_column a {
    color: #919191;
}

.wpb_widgetised_column a:hover {
    color: #e00008;
}


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


/* - Template autocompletion jquery-ui pour la barre de recherche - */


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

.ui-autocomplete {
    background: white;
    color: black;
    z-index: 9999;
    list-style: none;
    box-shadow: 0 0 1px white;
}

.ui-autocomplete li {
    padding: 5px;
    transition: background .1s ease-out, padding .1s ease-out;
}

.ui-autocomplete li:hover {
    background: #DBDBDB;
    padding-left: 10px;
}


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


/* - Boutton de clavier page accessibilité - */


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

.touche {
    padding: 2px 5px;
    background-color: #DADADA;
    border-radius: 0.2em;
    font-weight: bold;
    font-family: arial;
    cursor: default;
    box-shadow: 0px 1px 1px #656565;
    transition: box-shadow 0.4s ease-out;
}

.touche:hover {
    box-shadow: 0px 1px 1px #656565 inset;
}

[class^="page-"] {
    background: white;
}


/**
 * Permet d'afficher une pop up sur le coté avec bouton de déroulement
 * (voir custom.js pour le javascript)
 */


/*#feedback{
  transition: right 0.4s ease-out;
  max-width: 400px;
  position: fixed;
  right: -300px;
  z-index: 99999;
  box-shadow: 0 0 5px black;
  top: 172px;
}

.feedback_button{
  transition: padding 0.4s ease-out;
  float: left;
  vertical-align: middle;
  padding: 10px 8px;
  background: #FF8040;
  text-align: center;
  color: white;
  text-shadow: 0px 0px 2px black;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  top: 12px;
  position: absolute;
  left: -57px;
}

.feedback_button:hover, .feedback_button:active , .feedback_button:focus{
  color: white;
}

.feedback_button.active{
  padding: 17px 8px 3px 8px;
}

#feedback .wpcf7{
  overflow-x: scroll;
  padding: 20px;
  opacity: 0;
  width: 300px;
  max-width: 300px;
  background: white;
}

#feedback .wpcf7 input, #feedback .wpcf7 textarea{
  width: 100%;
}

#feedback .wpcf7 p:last-child{
  margin: 0;
}
*/


/*Retour a la ligne pour les tours de visual composeur*/


/*.wpb_content_element .wpb_tabs_nav li{
  white-space: inherit !important;
}
*/

@media screen and (max-width: 769px) and (min-width: 450px) {
    .vc_grid-item {
        width: 50% !important;
        float: left !important;
    }
    .vc_column_container.vc_col-sm-9,
    .vc_grid-item .vc_col-sm-4,
    .vc_grid-item .vc_col-sm-8 {
        width: 100% !important;
    }
}

.vc_gitem-post-data {
    margin-bottom: inherit !important;
}

.vc_gitem_row .vc_gitem-col {
    padding: 0 5px !important;
}

@media screen and (max-width: 769px) {
    .vc_gitem_row .vc_gitem-col {
        padding: 0px 10px 0px 10px !important;
    }
    .category_sticker {
        bottom: 20px;
    }
    .wpb_row {
        margin-bottom: 5px !important;
    }
}


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


/* - CSS pour l'effet Zoom sur les images au survol - */


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

.vc_grid-item .vc_single_image-wrapper {
    overflow: hidden;
}

.vc_grid-item .vc_single_image-wrapper img {
    transition: -webkit-transform 1s linear;
    transition: transform 1s linear;
    transition: transform 1s linear, -webkit-transform 1s linear;
}

.vc_grid-item .vc_single_image-wrapper img:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    filter: progid: DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=-0, M21=0, M22=1);
}


/* --- */

@media screen and (max-width: 769px) {
    .wpb_single_image.vc_align_left,
    .wpb_single_image.vc_align_right {
        text-align: center !important;
    }
}


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


/* - CSS le titre des pages et article avec image à la une - */


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

.banniere_a_la_une {
    padding: 0;
    position: relative;
    margin: 0 -5px;
}

.banniere_a_la_une .title-a-la-une {
    position: absolute;
    z-index: 999;
    background: #000;
    background: rgba(0, 0, 0, 0.6) !important;
    transition: background 0.4s ease-out;
    bottom: 25px;
    left: 0;
    cursor: default;
    font-size: 2em;
    color: #FFF !important;
    text-align: left !important;
    text-shadow: -2px 2px 2px #000;
    padding: 5px 10px;
    box-shadow: 0px 2px 5px #000;
}

.banniere_a_la_une .title-a-la-une:hover {
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 1) !important;
}

@media screen and (max-width: 769px) {
    .banniere_a_la_une .title-a-la-une {
        font-size: 1.4em;
        line-height: 1;
        bottom: 10px;
    }
}

.cycloneslider-caption-title {
    /* text-shadow: -2px 2px 2px #000; */
}


/*
Résolution supérieur à 1920x1080
 */

@media screen and (min-width: 1921px) {
    .header-content,
    .menu-wrapper,
    .container-fluid {
        width: 60% !important;
    }
    .cycloneslider {
        max-width: 100% !important;
        margin: 0 !important;
    }
    body {
        background-size: cover;
        font-size: 20px;
    }
}


/*
Style contact form 7
 */

@media screen and (min-width: 769px) {
    .wpcf7 textarea,
    .wpcf7 input {
        width: 60%;
    }
}


/*
 Gere les containers des iframes
 */

.video-container {
    height: 0px;
    margin-bottom: 0.88889rem;
    overflow: hidden;
    padding-bottom: 67.5%;
    padding-top: 1.38889rem;
    position: relative;
}

.video-container iframe,
.video-container object,
.video-container embed {
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    margin: 0;
}

.cycloneslider-template-standard .cycloneslider-slide .video-container,
.wpb_video_wrapper .video-container {
    height: inherit;
    margin-bottom: inherit;
    overflow: inherit;
    padding-bottom: inherit;
    padding-top: inherit;
    position: inherit;
    width: 100%;
}

.cycloneslider-template-standard .cycloneslider-slide .video-container iframe,
.wpb_video_wrapper .video-container iframe {
    height: inherit;
    position: inherit;
    top: inherit;
    width: inherit;
    margin: inherit;
}

@media screen and (max-width: 475px) {
    .cycloneslider-caption-title {
        font-size: 1.1em !important;
    }
    .cycloneslider-caption-description {
        display: none;
    }
}


/* Icone de pdf */

.fa.fa-file-pdf-o {
    font-size: 2.0em;
    color: #C81E26;
}

.fa.fa-file-pdf-o:hover {
    color: #DB1A23;
}


}