/*
Theme Name: Scopikatz
Author: Scopika
Author URI: http://scopika.com/
Version: 2.1.17
Text Domain: scopikatz
*/

/* PICTOS 
================================================== */
.font-scopikatz, .font-scopikatz-before:before, .font-scopikatz-before:after { display: inline-block; font:400 30px/40px 'font-scopikatz'; width:40px; height:40px; }


/* PLUGIN DE GESTION DES COOKIES 
================================================== */
.cookie-notice-container { padding:10px; }
#cn-notice-text { display:block; font-size:11px; line-height:15px; }
#cookie-notice .cn-button { }


/* GENERAL
================================================== */

html, body {  height:100%; line-height:normal; padding:0; }
html { scroll-behavior: smooth; }

h1, .titre_actu, h2, h3, h4, h5, h5 { }
.titre_actu { font-size:36px; font-weight:500; margin-top: 20px; margin-bottom: 10px; }

::-moz-selection { background: #428bca; color: #fff; text-shadow: none; }
::selection { background: #428bca; color: #fff; text-shadow: none; }

.mt30 { margin-top:3em; }
.pb30 { padding-bottom:3em; }


/* VERSION PC
================================================== */

.desktop { display: block; }
.responsive { display: none; }


/* HEADER
================================================== */

#wrapperheader { background:#f5f5f5;  }
#sidebar-pre-header-left {background-color:#64bc70; padding-top:10px; }
#sidebar-pre-header-right {background-color:#92c8e6; padding-top:10px; }
#sidebar-main-header-left {background: #fdbd56; padding-top:10px; }
#sidebar-main-header-right {background: #d5a1d6; padding-top:10px; }
#sidebar-foot-header { background: #F5C493; padding-top:10px; }
#sidebar-main-header {background: #A1BCD6; }
#sidebar-logo  { background: #f6d96d; }
.navbar-brand { padding: 9px; }

/* Spécifications HEADER 4
================================================== */

body.header-type4.with--sidebar { }
body.header-type4 #wrapperheader { background-color: #f7da64; }

body.header-type4 #mainHeader-button { position: absolute; z-index: 3; right: 0; outline: none; background: #f6d96d; }
body.header-type4 .navbar-toggle { display: inherit; height:60px; padding: 15.5px 18px; margin: 0; border: none; border-radius: 0; }
body.header-type4 .navbar-toggle .icon-bar { transition: all 0.3s ease-out; background: #444; height: 3px; width: 24px; }
body.header-type4.with--sidebar .navbar-toggle .icon-bar { opacity:1; transform: rotate(45deg) translateX(5px) translateY(5px); }
body.header-type4.with--sidebar .navbar-toggle .icon-bar+.icon-bar {opacity:0;}
body.header-type4.with--sidebar .navbar-toggle .icon-bar+.icon-bar+.icon-bar { opacity:1; transform: rotate(-45deg) translateX(5px) translateY(-5px); }

body.header-type4 .toggle-site-container { height: 100%; overflow: hidden; }
body.header-type4 .toggle-site-pusher { height: 100%; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }

body.header-type4 .responsive { display: block; }
body.header-type4 .hidden-xs, body.header-type4 tr.hidden-xs, body.header-type4 th.hidden-xs, body.header-type4 td.hidden-xs { display: none!important; }

body.header-type4.with--sidebar .site-cache { background-color:transparent; }

body.header-type4 #sidebar-logo, body.header-type4 #sidebar-main-header, body.header-type4 #wrapper-searchform, body.header-type4 #sidebar-wrapper{ width:100%; }
body.header-type4 .widget_scopikatz_logo { text-align:center; }
body.header-type4 .navbar-brand { width:100%; padding: 5px; }


body.header-type4 .wrappermenu { position: absolute; left: 0; top: 0; bottom: 0; z-index: 100; width: 100%; background-color: #f7da64; overflow-y: scroll; -webkit-overflow-scrolling: touch; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); transition-duration: 0.3s; }
body.header-type4.with--sidebar .wrappermenu { z-index: 100; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); transition-duration: 0.3s; }

body.header-type4 #wrapper-searchform { background: #A2D6A1; padding: 10px 15px; }
body.header-type4 #searchform { }
body.header-type4 #searchform input#s { width: calc(100% - 40px); height: 40px; padding: 5px; border: none; outline: none; }
body.header-type4 #searchform button#searchsubmit { position: absolute; height:40px; padding: 0; border-radius: 0; border: none; }
body.header-type4 #searchform .font-scopikatz-search { }
body.header-type4 #searchform .font-scopikatz-search:before { content:"\ea04"; font: 400 30px/40px 'font-scopikatz'; display: inline-block; width: 40px; height: 40px; }

body.header-type4 #menuHeader { padding:0; }
body.header-type4 #mainMenu ul#menu-menu-principal { float: none !important; }
body.header-type4 #mainMenu ul#menu-menu-principal > li { float: none; }
body.header-type4 #mainMenu ul#menu-menu-principal > li > a { padding: 10px 15px; }
body.header-type4 .navbar-nav .open .dropdown-menu { position: static; float: none; }
body.header-type4 #mainMenu ul#menu-menu-principal ul.dropdown-menu li a .caret { float: none; border-top: 5px solid; border-left: 5px solid transparent; border-right: 5px solid transparent; }



/* MENU
================================================== */

#menuHeader { background:#EF9191; }

/* Premier niveau */
#mainMenu ul#menu-menu-principal { }
#mainMenu ul#menu-menu-principal > li { }
#mainMenu ul#menu-menu-principal > li > a { color:#000; padding: 10px; }
#mainMenu ul#menu-menu-principal > li > a:hover, #mainMenu ul#menu-menu-principal > li > a:focus, #mainMenu ul#menu-menu-principal > li.open > a { color:#fff; background:#D17F7F; }
.caret { border-top: 5px solid; border-left: 5px solid transparent; border-right: 5px solid transparent; }

/* Second niveau */
#mainMenu ul#menu-menu-principal ul.dropdown-menu { border:none; border-radius:0; padding:0; margin:0; -webkit-box-shadow:none; box-shadow:none; }
#mainMenu ul#menu-menu-principal ul.dropdown-menu li { }
#mainMenu ul#menu-menu-principal ul.dropdown-menu li a { color:#fff; padding:10px; background:#D17F7F; }
#mainMenu ul#menu-menu-principal ul.dropdown-menu > li > a:hover, #mainMenu ul#menu-menu-principal ul.dropdown-menu > li > a:focus { color:#fff; background:#B36D6D; }
#mainMenu ul#menu-menu-principal ul.dropdown-menu li a .caret { float:right; margin:5px 0 0 0; border-top:5px solid transparent; border-left:5px solid; border-bottom:5px solid transparent; }

/* Troisième niveau */
#mainMenu ul#menu-menu-principal ul.dropdown-menu ul { top:0; left:100%; }

/* Bootstrap Navwalker : déployer lms éléments parents au survol*/
.dropdown:hover > .dropdown-menu {
  display: block;
}
@media(max-width:1024px) {
  .dropdown:hover > .dropdown-menu {
    width:100%;
    position: relative;
  }
  #mainMenu ul#menu-menu-principal ul.dropdown-menu ul {
    left:0;
  }
  .caret,#mainMenu ul#menu-menu-principal ul.dropdown-menu li a .caret{
    float:right;
    margin-top:7.5px;
  }
  #mainMenu ul#menu-menu-principal ul.dropdown-menu li a {
  	padding-left: 15px;
  }
  #mainMenu ul#menu-menu-principal ul.dropdown-menu li ul.dropdown-menu li a {
  	padding-left: 20px;
  }
}

/* FOOTER
================================================== */

footer { background:#f5f5f5; }

#sidebar-pre-footer { background: #d6a0d7; padding-top:10px; }
#sidebar-footer-col1 { background:#fdbd56; padding-top:10px; }
#sidebar-footer-col2 { background:#90c8e8; padding-top:10px; }
#sidebar-footer-col3 { background:#f8db5a; padding-top:10px; }
#sidebar-footer-col4 { background:#EF9191; padding-top:10px; }
#sidebar-post-footer { background:#64bc70; padding-top:10px; }
.widget_scopikatz_logo_footer img { }


#mainFooter .container .row { box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; }

/* Retour en haut */

a.top { position:fixed; right:15px; z-index:100; width:40px; height:40px; overflow:hidden; animation-duration:1s; animation-delay:3s; animation-name: glissement; animation-fill-mode:forwards; }
a.top::before { display:block; font:normal 24px/40px 'font-scopikatz'; content: "\e91c"; color: #fff; text-align:center; width:40px; height:40px; background:green; }

@keyframes glissement {
  from { bottom: -65px; }
  to { bottom:15px; }
}

/* FIL D'ARIANE
================================================== */

#breadcrumbsWrapper { font-size:12px; padding:10px 0; background:#f5f5f5; }
body.home #breadcrumbsWrapper { display: none; }


/* STYLES PERSONNALISÉS VISUAL COMPOSER
================================================== */

/* Divers */
.intro { font-size:130%; font-weight:bold; }
code { border:solid 1px; }

/* Citation */
blockquote {position: relative; quotes: "«" "»"; padding:10px 35px 20px 35px; border-left:solid 5px #428bca; }
blockquote p { display:inline; font: italic 20px/28px Georgia,serif; }
blockquote::before { float:left; content:open-quote; font-size:20px; margin-right: 5px;  }
blockquote::after { display:-webkit-inline-box; content:close-quote; font-size:20px; }

/* Légende d"une image */
figcaption {color:#fff; background:#000; margin-top:-2px !important; padding:5px 8px; }


/* Réglages des marges des colonnes avec le style "bloc" */
.vc_section.bloc, .vc_row.bloc { padding-top:35px;  }
.vc_col-sm-2.bloc, .vc_col-sm-3.bloc, .vc_col-sm-4.bloc, .vc_col-sm-6.bloc, .vc_col-sm-8.bloc, .vc_col-sm-9.bloc, .vc_col-sm-12.bloc { margin:15px; padding:35px 20px 0 20px; }
.vc_col-sm-2.bloc { width: calc(16.66666667% - 30px); }
.vc_col-sm-3.bloc { width: calc(25% - 30px); }
.vc_col-sm-4.bloc {width: calc(33.33333333% - 30px);}
.vc_col-sm-6.bloc { width: calc(50% - 30px); }
.vc_col-sm-8.bloc { width: calc(66.66666667% - 30px); }
.vc_col-sm-9.bloc { width: calc(75% - 30px); }
.vc_col-sm-12.bloc { width: calc(100% - 30px); }

/* Sections, colonnes ou éléments sans  marge intérieure / extérieure */
.vc_col-sm-2.bloc.pas-de-marge, .vc_col-sm-3.bloc.pas-de-marge, .vc_col-sm-4.bloc.pas-de-marge, .vc_col-sm-6.bloc.pas-de-marge, .vc_col-sm-8.bloc.pas-de-marge, .vc_col-sm-9.bloc.pas-de-marge, .vc_col-sm-12.bloc.pas-de-marge { margin:0 !important; }
.vc_col-sm-2.bloc.pas-de-marge { width:16.66666667%; }
.vc_col-sm-3.bloc.pas-de-marge { width:25%; }
.vc_col-sm-4.bloc.pas-de-marge { width:33.33333333%; }
.vc_col-sm-6.bloc.pas-de-marge { width:50%; }
.vc_col-sm-8.bloc.pas-de-marge { width:66.66666667%; }
.vc_col-sm-9.bloc.pas-de-marge { width:75%; }
.vc_col-sm-12.bloc.pas-de-marge { width:100%; }

/* Réglages de l'élément texte avec le style "bloc" */
.wpb_content_element.bloc {padding: 35px; }

/* Comportements des titres dans les éléments ".bloc" */
.bloc h1, .bloc h2, .bloc h3, .bloc h4, .bloc h5, .bloc h6 { margin-top: 0; }

.bloc p + .bloc h3 { margin-top:100px; }

/* Section, colonne ou élément sur fond "uni" */
.couleur { color:#fff; background:#428bca;  }
.couleur h2, .couleur h3, .couleur h4, .couleur h5, .couleur h6 { color:#fff; }
.couleur .clair, .couleur .clair h2, .couleur .clair h3, .couleur .clair h4, .couleur .clair h5, .couleur .clair h6 { color:#333; }
.couleur .sombre, .couleur .sombre h2, .couleur .sombre h3, .couleur .sombre h4, .couleur .sombre h5, .couleur .sombre h6 { color:#fff; }
.couleur a, .couleur a:hover { color:#fff; }
.couleur .clair a, .couleur .clair a:hover { color:#428bca; }
.couleur .sombre a, .couleur .sombre a:hover { color:#fff; }

/* Section, colonne ou élément sur fond "clair" */
.clair { background:#f5f5f5; }
.clair h2, .clair h3, .clair h4, .clair h5, .clair h6 { }
.clair .couleur, .clair .couleur h2, .clair .couleur h3, .clair .couleur h4, .clair .couleur h5, .clair .couleur h6 { color: #fff; }
.clair .sombre, .clair .sombre h2, .clair .sombre h3, .clair .sombre h4, .clair .sombre h5, .clair .sombre h6 { color: #fff; }
.clair a, .clair a:hover { color:#428bca; }
.clair .couleur a , .clair .couleur a:hover { color:#fff; }
.clair .sombre a, .clair .sombre a:hover { color:#fff; }

/* Section, colonne ou élément sur  fond "sombre" */
.sombre { color:#fff; background:#666; }
.sombre h2, .sombre h3, .sombre h4, .sombre h5, .sombre h6 { color:#fff; }
.sombre .couleur, .sombre .couleur h2, .sombre .couleur h3, .sombre .couleur h4, .sombre .couleur h5, .sombre .couleur h6 { color: #fff; }
.sombre .clair, .sombre .clair h2, .sombre .clair h3, .sombre .clair h4, .sombre .clair h5, .sombre .clair h6 { color:#333; }
.sombre a, .sombre a:hover { color:#fff ; }
.sombre .couleur a, .sombre .couleur a:hover { color:#fff ; }
.sombre  .clair a, .sombre .clair a:hover { color:#428bca ; }

/* Section, colonne ou élément sur fond "blanc" */
.blanc { background:#fff; }

/* Section, colonne ou élément sur fond transparent */
.transparent  { background:rgba(255,255,255,.8); }

/* Section, colonne ou élément avec un contour */
.contour.solide { border: solid 2px #333; }
.contour.pointilles {border:2px dotted #333; }
.contour.tirets {border:2px dashed #333; }
.contour.double {outline-offset:4px; outline:2px dashed #333; border:2px solid #333; }

/* Autres styles */
.degrade { background: #428bca; background: -webkit-linear-gradient(#428bca,#c7254e); background: -moz-linear-gradient(#428bca,#c7254e); background: linear-gradient(#428bca,#c7254e);}
.rayon { -webkit-border-radius: 20px; border-radius: 20px; }
.ombre { -webkit-box-shadow: 0 0 60px 10px rgba(0,0,0,0.1); box-shadow: 0 0 60px 10px rgba(0,0,0,0.1); }
.rotation { -moz-transform: skewY(-5deg); -webkit-transform: skewY(-5deg); -o-transform: skewY(-5deg); -ms-transform: skewY(-5deg); transform: skewY(-5deg); }

/* Image avec un contour */
.wpb_single_image.contour.solide { padding:10px 10px 11px 10px; }
.wpb_single_image.contour.tirets { padding:5px 5px 6px 5px; }
.wpb_single_image.contour.pointilles { padding:5px 5px 6px 5px; }
.wpb_single_image.contour.double { padding:5px 5px 6px 5px; }
.wpb_single_image.ombre { -webkit-box-shadow: 0 0 60px 10px rgba(0,0,0,0.4); box-shadow: 0 0 60px 10px rgba(0,0,0,0.4); }
.wpb_single_image.rayon img { -webkit-border-radius: 20px; border-radius: 20px; }

/* Boutons d'action */
.bouton a.vc_general.vc_btn3 { }
.bouton.coul-1 a.vc_general.vc_btn3 { color: #fff!important; border:solid 2px #428bca; background: #428bca!important; }
.bouton.coul-1 a.vc_general.vc_btn3:hover { color: #428bca!important; border:solid 2px #428bca; background: #fff!important; }
.bouton.coul-2 a.vc_general.vc_btn3 { color:#fff!important; border:solid 2px #c7254e; background:#c7254e!important; }
.bouton.coul-2 a.vc_general.vc_btn3:hover { color: #c7254e!important; border:solid 2px #c7254e; background: #fff!important; }

/* Effet de rebond flèche */

.fleche-rebond a.vc_general.vc_btn3 { color:#fff; margin-bottom: 15px; background:transparent!important; }
.fleche-rebond a.vc_general.vc_btn3::after { position:absolute; left:50%; font: normal 24px/40px 'font-scopikatz'; content: "\e90e"; animation: rebond 0.4s ease infinite alternate; }
@keyframes rebond { from {transform: translateY(30px);} to { transform: translateY(10px);} }


/* Blocs d'appel à action */
.vc_general.vc_cta3.vc_cta3-style-custom.couleur { color:#fff; background:#428bca; border:none; }
.vc_general.vc_cta3.vc_cta3-style-custom.clair { background:#f5f5f5; border:none; }
.vc_general.vc_cta3.vc_cta3-style-custom.sombre { color:#fff; background:#666; border:none; }

/* Paragraphes découpés en colonnes */
.colonnes-x2 { column-count:2; column-gap:30px; column-rule: 1px solid #000; }
.colonnes-x2 h2, .colonnes-x2 h3, .colonnes-x2 h4 { column-span: all; }
.colonnes-x3 { column-count:3; column-gap:30px; column-rule: 1px solid #000; }
.colonnes-x3 h2, .colonnes-x3 h3, .colonnes-x3 h4 { column-span: all; }
.colonnes-x4 { column-count:4; column-gap:30px; column-rule: 1px solid #000; }
.colonnes-x4 h2, .colonnes-x4 h3, .colonnes-x4 h4 { column-span: all; }


/* Contenu par onglet */
.onglet .vc_tta-tabs-container { margin: 0!important; }
.onglet .vc_tta-tabs-list, .onglet .vc_tta-panels { background:#fff!important; }
.onglet .vc_tta-tabs-list .vc_tta-tab > a { border-radius:0!important; background: #fff!important; }

.onglet.couleur .vc_tta-tabs-list .vc_tta-tab > a { color:#428bca!important;  border: solid 2px #428bca!important; }
.onglet.couleur .vc_tta-tabs-list .vc_tta-tab.vc_active > a { color:#fff!important; background:#428bca!important; }
.onglet.couleur .vc_tta-panels { border: solid 2px #428bca!important; border-width:0 2px 2px 2px !important; }
.onglet.couleur .vc_tta-panels p, .onglet.couleur .vc_tta-panels h2, .onglet.couleur .vc_tta-panels h3, .onglet.couleur .vc_tta-panels h4, .onglet.couleur .vc_tta-panels h5 { color:#333; }

.onglet.sombre .vc_tta-tabs-list .vc_tta-tab > a { border: solid 2px #666!important; }
.onglet.sombre .vc_tta-tabs-list .vc_tta-tab.vc_active > a { color:#fff!important;  background:#666!important; }
.onglet.sombre .vc_tta-panels { border: solid 2px #666!important; border-width:0 2px 2px 2px !important; }
.onglet.sombre .vc_tta-panels p, .onglet.sombre .vc_tta-panels h2, .onglet.sombre .vc_tta-panels h3, .onglet.sombre .vc_tta-panels h4, .onglet.sombre .vc_tta-panels h5 { color:#333; }


.onglets.clair .vc_tta-tabs-list .vc_tta-tab > a { border: solid 2px #f5f5f5!important; }
.onglets.clair .vc_tta-tabs-list .vc_tta-tab.vc_active > a { background: #f5f5f5!important; }
.onglets.clair .vc_tta-panels { border: solid 2px #f5f5f5!important; border-width:0 2px 2px 2px !important; }





.accordeon { }
.accordeon .vc_tta-panel { background: #fff; }
.accordeon .vc_tta-panel .vc_tta-panel-heading, .accordeon .vc_tta-panel .vc_tta-panel-heading:focus, .accordeon .vc_tta-panel .vc_tta-panel-heading:hover { background:transparent!important; }


.accordeon.couleur .vc_tta-panel { border:solid 2px #0047ba; border-width:2px 2px 0 2px; }
.accordeon.couleur .vc_tta-panel:last-child { border:solid 2px #0047ba; border-width:2px; }
.accordeon.couleur .vc_tta-panel .vc_tta-panel-title > a { color:#0047ba!important; }
.accordeon.couleur .vc_tta-panel.vc_active .vc_tta-panel-title > a { color:#fff!important; background:#0047ba; }
.accordeon.couleur .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before { border-color: #fff!important; }
.accordeon.couleur .vc_tta-controls-icon::after, .accordeon.couleur .vc_tta-controls-icon::before { border-color: #0047ba!important; }

.accordeon.clair .vc_tta-panel { border:solid 2px #fde8ea; border-width:2px 2px 0 2px; }
.accordeon.clair .vc_tta-panel:last-child { border:solid 2px #fde8ea; border-width:2px; }
.accordeon.clair .vc_tta-panel.vc_active .vc_tta-panel-title > a { background:#fde8ea; }
.accordeon.clair .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before { border-color: #ff6065!important; }
.accordeon.clair .vc_tta-controls-icon::after, .accordeon.clair .vc_tta-controls-icon::before { border-color: #ff6065!important; }

.accordeon.sombre .vc_tta-panel { border:solid 2px #222; border-width:2px 2px 0 2px; }
.accordeon.sombre .vc_tta-panel:last-child { border:solid 2px #222; border-width:2px; }
.accordeon.sombre .vc_tta-panel .vc_tta-panel-title > a { color:#222!important; }
.accordeon.sombre .vc_tta-panel.vc_active .vc_tta-panel-title > a { color:#fff!important; background:#222; }
.accordeon.sombre .vc_tta-panel.vc_active .vc_tta-panel-heading .vc_tta-controls-icon::before { border-color: #fff!important; }
.accordeon.sombre .vc_tta-controls-icon::after, .accordeon.sombre .vc_tta-controls-icon::before { border-color: #222!important; }


/* LISTE ACTUALITÉS
================================================== */

.archive, .blog  {}
.archive h2, .blog h2 { margin-top:10px; margin-bottom:10px; }

#choix-categorie { text-align: center; padding:15px; background:#f5f5f5; }
#choix-categorie div { display: inline-block; }
#choix-categorie ul { display: inline-block; list-style: none; margin: 0; padding: 0; }
#choix-categorie ul li { display: inline-block; }

div#columns-posts { column-width: 370px; margin:30px auto 0; padding:15px 15px 42px; background:#f5f5f5; }
div#columns-posts article { display: inline-block; margin:0 0 15px; padding-bottom:15px; background: #fff; column-break-inside: avoid; transition: opacity .4s ease-in-out; }
div#columns-posts article img { width: 100%; height: auto; }
div#columns-posts:hover article:not(:hover) { opacity: 0.5; }
.pager { }
.icon-right-open-mini { float:right; line-height:inherit !important; margin: 0 0 0 5px; }
.icon-right-open-mini:before { content: '\e917'; }
.icon-left-open-mini { float:left; line-height:inherit !important; margin: 0 5px 0 0; }
.icon-left-open-mini:before { content:'\e90d'; }


/* PAGE ACTUALITÉ
================================================== */

article { padding:0 0 50px 0; }
.single-post {}
.single-post h1 { margin-top: 20px; margin-bottom:35px;}
.single-post .postPic { background:#f5f5f5; }
.single-post .postPic img { width: 100%; height: auto; }
.single-post .postMeta { text-align:center; padding:10px 0; margin:0 0 15px 0; background:#f5f5f5; }
.entry-meta { display:none; }
.postMeta { font-size:80%; padding-top:10px; margin:0; }


/* FORMULAIRE
================================================== */

/*Labels*/
.gform_wrapper.gravity-theme legend.gfield_label { font-size:130%; border:none; margin:15px 0 10px; }


label { }
.ginput_complex label, .ginput_container_radio label, .ginput_container_checkbox label { }

/*Input / Select */
.gform_body input, .gform_body select, .gform_body textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; height:45px; color:#444; padding:5px!important; border:1px solid #999; background-color:#f5f5f5; border-radius:0; transition:all 0.2s ease; outline:none; }
.gform_body textarea { height:inherit; }
.gform_body input:focus, .gform_body select:focus, .gform_body textarea:focus { border: 1px solid #999; }
.gform_body input:hover, .gform_body select:hover, .gform_body textarea:hover { border: 1px solid #000; }
.gform_body input::placeholder, .gform_body select::placeholder, .gform_body textarea::placeholder { opacity:0.5; }


.name_prefix_select, .address_country { position: relative; }
.name_prefix_select:after, .address_country:after  { position: absolute; right:20px; bottom:5px; content: "\e90e"; font:normal 16px/45px 'font-scopikatz'; pointer-events: none; }

/*Textarea*/


/* Cases à cocher et Boutons radio */
input[type="radio"], input[type="checkbox"] { display: none!important; }
.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label { display:inline-flex!important; max-width:100%!important; margin-bottom:5px!important; }



/*ul.gfield_checkbox li label { line-height:30px !important; padding-left:22px !important; }

input[type="checkbox"] + label, input[type="radio"] + label {  }*/



input[type="checkbox"] + label:before, input[type="radio"] + label:before { float:left; width:20px; height:20px; font:normal 24px/18px 'font-scopikatz'; content: ""; color: #fff; text-indent:-4px; margin-right:5px;  background: #f5f5f5; border:solid 1px #999; }



input[type="radio"] + label:before { width:20px; height:20px; font:normal 24px/19px 'font-scopikatz'; content: ""; color: #fff; text-indent: -3px; border-radius:50%; }


input[type="checkbox"]:hover + label, input[type="checkbox"]:checked + label { color: #000; }
input[type="checkbox"]:hover + label:before { border:solid 1px #000; }
input[type="checkbox"]:checked + label:before { content:"\e94b"; background:#000; border:solid 1px #000; }

/*/

ul.gfield_radio li label { line-height:30px !important; padding-left:20px !important;  }
input[type="radio"]:hover + label, input[type="radio"]:checked + label { color: #000; }
input[type="radio"]:hover + label:before { border:solid 1px #000; }
input[type="radio"]:checked + label:before { content:"\e94b"; background:#000; border:solid 1px #000; }

/*Bloc CGU*/
.bloc-cgu {border:none!important; }
.bloc-cgu .gfield_description { padding:0; border:none; }

/*Bouton de validation du formulaire*/
.gform_wrapper .gform_footer input[type=submit] { color: #fff; padding:15px 30px; border:solid 2px #428bca; background: #428bca; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.gform_wrapper .gform_footer input[type=submit]:hover { color: #428bca; border:solid 2px #428bca; background: #fff; }


/* SLIDER - ADVANCED CAROUSSEL
================================================== */

/* Slider simple */
.diaporama { }

/* Flèches Précédent / Suivant */
.diaporama .slick-next, .diaporama .slick-prev, .diaporama .slick-next:active, .diaporama .slick-next:focus, .diaporama .slick-next:hover, .diaporama .slick-prev:active, .diaporama .slick-prev:focus, .diaporama .slick-prev:hover { width:40px; height:40px; background:#c7254e; color:#fff; }

/* Puces */
.diaporama .slick-dots li {color:#c7254e; }

/* Slider pleine largeur */
.diaporama.pleine-largeur .wpb_single_image .vc_figure { width:100%; }
.diaporama.pleine-largeur .wpb_single_image .vc_single_image-wrapper { width:100%; }
.diaporama.pleine-largeur .wpb_single_image .vc_single_image-wrapper img { width:100%; }

/* Slider avec Légende centrée sur l'image" */
.diaporama.appel-a-action-sur-image .appel-a-action { position:absolute; bottom:35px; left: 25%; right: 25%; }

/* Slider pleine largeur / Légende à droite" */
.diaporama.appel-a-action-sur-image.a-droite .appel-a-action { top:0; left:inherit; right:0; width:30%; }
.diaporama.appel-a-action-sur-image.a-droite .slick-prev { top:inherit; bottom:35px; left: calc(50% - 45px); }
.diaporama.appel-a-action-sur-image.a-droite .slick-next { top:inherit; bottom:35px; right: calc(50% - 45px); }


/* SLIDER - GRID POSTS
================================================== */

.diaporama-posts { }


/* BANNIÈRES INTERRACTIVES
================================================== */

.banniere { }

.banniere.ult-banner-block .bb-top-title { position: absolute!important; top:50%; transform: translateY(-50%); font-size: 24px; line-height: 30px; font-weight:bold; }
.banniere.avec-bt a.bb-link { position: absolute!important; bottom: 100px; left:50%; transform: translateX(-50%)!important; }
.banniere.avec-bt a.bb-link:hover { }


/* PAGE 404
================================================== */

.erreur-404 { text-align: center; }


/* MENU RESPONSIVE
================================================== */

@media only screen and (max-width:1024px) {

/* Structure */
.toggle-site-pusher { height: 100%; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
.toggle-site-container { height: 100%; overflow: hidden }

/* Glissement du menu à l'ouverture */
.wrappermenu { position: absolute; left:0; top:0; bottom:0; z-index: 100; width:260px; background-color: #f7da64; overflow-y: scroll; -webkit-overflow-scrolling: touch; -moz-transform: translateX(-260px); -ms-transform: translateX(-260px); -webkit-transform: translateX(-260px); transform: translateX(-260px); transition-duration: 0.2s; }
    
/*Menu chasse à droite et contenu fixe*/
.with--sidebar .wrappermenu { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); transition-duration: 0.2s; }
	
/* Cache au-dessus du contenu quand le menu apparait */
.with--sidebar .site-cache { position: absolute; z-index: 2; top:0; left:0; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.6); transition-duration: 0.2s; }
	
}

/* Eco-conception
================================================== */
.ecoindex__list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ecoindex__note {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  align-items: flex-end;
  justify-content: flex-end;
  display: flex;
  padding: 0.325rem;
  margin: 0.15rem;
  border-width: 0.125rem;
  border-style: solid;
  width: 4rem;
  height: 4rem;
  border-radius: 0.625rem;
  font-size: 2rem;
  color: #000;
  font-weight: bold;
  background-color: #fff;
}

li.ecoindex__note:before {
  background:none!important;
}

@media (min-width: 55em) {
  .ecoindex__note {
    width: 5rem;
    height: 5rem;
    border-radius: 1.25rem;
    font-size: 2rem;
    padding: 0.625rem;
    margin: 0.25rem;
  }
}

/* A */
.ecoindex__note:nth-of-type(1) {
  border-color: #4f9f30;
}

.ecoindex__note:nth-of-type(1).ecoindex__note--active {
  background-color: #4f9f30;
}

/* B */
.ecoindex__note:nth-of-type(2) {
  border-color: #51b84b;
}

.ecoindex__note:nth-of-type(2).ecoindex__note--active {
  background-color: #51b84b;
}

/* C */
.ecoindex__note:nth-of-type(3) {
  border-color: #cadb2a;
 }

.ecoindex__note:nth-of-type(3).ecoindex__note--active {
  background-color: #cadb2a;
}

/* D */
.ecoindex__note:nth-of-type(4) {
  border-color: #f6eb15;
}

.ecoindex__note:nth-of-type(4).ecoindex__note--active {
  background-color: #f6eb15;
}

/* E */
.ecoindex__note:nth-of-type(5) {
  border-color: #fecd06;
}

.ecoindex__note:nth-of-type(5).ecoindex__note--active {
   background-color: #fecd06;
}

/* F */
.ecoindex__note:nth-of-type(6) {
  border-color: #f99839;
}

.ecoindex__note:nth-of-type(6).ecoindex__note--active {
  background-color: #f99839;
}

/* G */
.ecoindex__note:nth-of-type(7) {
  border-color: #ed2124;
}

.ecoindex__note:nth-of-type(7).ecoindex__note--active {
  background-color: #ed2124;
}

.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body, .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
  background: none;
  background-color: transparent!important;
}

/**
End Eco-conception
================================================== */

@media(max-width:1024px){
	
/* Général */
.desktop { display: none;}
.responsive { display: block; }
.container { /*width:inherit;padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;*/ overflow:hidden; }
.vc_row { margin-left: 0!important; margin-right: 0!important; }
.hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none!important; }
.col-xs-12 { width: 100%; }
	
/* Entête */
#wrapperheader { background-color: #f7da64; }
#menuHeader { width: 100%; }
.navbar-brand { width: 100%; text-align: center; padding: 5px 0;/* margin: auto; */}
	
/* Bouton ouverture / fermeture du menu responsive */
#mainHeader-button { position: absolute; z-index: 1; right: 0; outline:none; }
.navbar-toggle { display:inherit; border: none; margin: 0; padding:15.5px; border-radius: 0;}
.navbar-toggle .icon-bar{background-color: #444; height: 3px; width: 24px;}
body.header-type4 .navbar-toggle { height: 50px; padding: 0 13px; }
	
	
/* Searchform */
#wrapper-searchform {background:#A2D6A1; padding:10px 15px; }
#searchform { }
input#s { width:calc(100% - 40px); height:40px; padding:5px; border:none; outline:none; }
input#s:hover { border:none; }
::-webkit-input-placeholder {color:#999;}
button#searchsubmit { position:absolute; padding:0; border-radius:0; border:none; }
button#searchsubmit:hover { }
.font-scopikatz-search { font:400 24px/40px 'font-scopikatz'; }
.font-scopikatz-search:before { content: "\ea04"; }
	
/* Menu */
.navbar-nav > li { float: none; }
#mainMenu .navbar-nav li a.hasSubMenu:after { margin-right:0; }
.navbar-left { float: none!important; }
.nav > li { position: relative; display: block; }	
#mainMenu ul#menu-menu-principal ul.dropdown-menu li a .caret { border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; }
.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }

/* Footer */
#sidebar-pre-footer, #sidebar-post-footer { float: left; width: 100%; }

}


@media(max-width:768px) {

.navbar-nav { margin: inherit; }

/* Réglages des marges des colonnes avec le style "bloc" */
.vc_col-sm-2.bloc, .vc_col-sm-3.bloc, .vc_col-sm-4.bloc, .vc_col-sm-6.bloc, .vc_col-sm-8.bloc, .vc_col-sm-9.bloc, .vc_col-sm-12.bloc, .vc_col-sm-2.bloc.pas-de-marge, .vc_col-sm-3.bloc.pas-de-marge, .vc_col-sm-4.bloc.pas-de-marge, .vc_col-sm-6.bloc.pas-de-marge, .vc_col-sm-8.bloc.pas-de-marge, .vc_col-sm-9.bloc.pas-de-marge, .vc_col-sm-12.bloc.pas-de-marge { width: 100%; }
	
.vc_rtl-columns-reverse { display: flex !important; flex-direction: column-reverse; }

/* Footer */
#sidebar-footer-col1, #sidebar-footer-col2, #sidebar-footer-col3, #sidebar-footer-col4 { float: left; width: 100%; }
}

@media (max-width: 1024px) {
	.container { width: inherit; }
}