/******************************************************************
Theme Name: Centre Jacques-Cartier
Author: SALTO
Author URI: https://agence-salto.com
Version: 1.0
******************************************************************/
@font-face {
    font-family: 'Painted Paradise';
    src: url('assets/fonts/PaintedParadise.eot');
    src: url('assets/fonts/PaintedParadise.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/PaintedParadise.woff2') format('woff2'),
        url('assets/fonts/PaintedParadise.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'icomoon';
  src:  url('assets/fonts/icomoon.eot?t39ss');
  src:  url('assets/fonts/icomoon.eot?t39ss#iefix') format('embedded-opentype'),
    url('assets/fonts/icomoon.ttf?t39ss') format('truetype'),
    url('assets/fonts/icomoon.woff?t39ss') format('woff'),
    url('assets/fonts/icomoon.svg?t39ss#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-atelier:before {
  content: "\e909";
}
.icon-fibre:before {
  content: "\e90c";
}
.icon-cirque:before {
  content: "\e90a";
}
.icon-communautaire:before {
  content: "\e90b";
}
.icon-revolution:before {
  content: "\e90d";
}
.icon-play:before {
  content: "\e908";
}
.icon-arrow-left:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e901";
}
.icon-facebook:before {
  content: "\e902";
}
.icon-instagram:before {
  content: "\e903";
}
.icon-loupe:before {
  content: "\e904";
}
.icon-loupe-plus:before {
  content: "\e905";
}
.icon-x:before {
  content: "\e906";
}
.icon-youtube:before {
  content: "\e907";
}



html { height: 100%;}
body {font-family: 'Lato', sans-serif;  font-size: 16px; background: #FFF; width:100%; }
   
a { color: #333993; }
a:focus{ color: #FFF;}

img:focus, a:focus, input[type="submit"]:focus { outline:0 !important; }
p, ul li { font-size:18px; line-height: 1.4;}


.stopFlickering {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0);
}
:focus { outline: 0;}


a {-webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);}


h1, h2 , h3, h4 {font-family: 'Lato', sans-serif; letter-spacing: 0.5px; line-height: 1.2;}

h1{}
h2{ font-size: 44px; font-weight:900;}
h3{ font-size: 28px; font-weight:700;}

.row { max-width:1430px;}
.row.full { max-width:100%;}
.row.full .columns{ padding:0;}


#st-topbar-cta .st-topbar-cta-message p { margin: 0;}


.grid-container {max-width:1430px; padding-right: .9375rem;  padding-left: .9375rem;}



.cta-rouge {
    display: inline-block;
    background: #ed4150;
    color:#FFF !important;
    text-align: center;
    font-size:18px;
    font-weight:900;
    line-height: 1;
    padding: 15px 25px;
    letter-spacing: 0.5px;
    text-decoration: none !important;
}
.cta-rouge:hover { color:#FFF !important; background: #333993; }


.cta-orange {
    display: inline-block;
    background: #f9a521;
    color:#FFF !important;
    text-align: center;
    font-size:18px;
    font-weight:900;
    line-height: 1;
    padding: 15px 25px;
    letter-spacing: 0.5px;
    text-decoration: none !important;
}
.cta-orange:hover { color:#FFF !important; background: #333993; }

.cta-bleu {
    display: inline-block;
    background: #333993;
    color:#FFF;
    text-align: center;
    font-size:18px;
    font-weight:900;
    line-height: 1;
    padding: 15px 25px;
    letter-spacing: 0.5px;
}
.cta-bleu:hover { color:#FFF; background: #ed4150; }


h2.wline {color:#FFF; text-align: center; position: relative; display: block; margin-bottom: 60px;}
h2.wline span { display: inline-block; padding: 0 30px; position: relative; z-index: 5;}
h2.wline:before {content:''; width:100%; height: 1px; background: #FFF; position: absolute; z-index: 1; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.nav-wline {text-align: center; position: relative; display: block; margin: 60px 0 0 0;}
.nav-wline a{ display: inline-block; position: relative; z-index: 5;}
.nav-wline:before {content:''; width:100%; height: 1px; background: #FFF; position: absolute; z-index: 1; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}

.guedi { 
    position:absolute; width: 82px; height:70px; 
    background-image:url("assets/images/guedi.svg"); 
    background-position: center; 
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 80;
}
.guedi-plein { 
    position:absolute; width: 148px; height:125px; 
    background-image:url("assets/images/guedi-plein.svg"); 
    background-position: center; 
    background-size: contain; 
    background-repeat: no-repeat;
    z-index: 80;
}
.guedi-jaune { 
    position:absolute; width: 80px; height:57px; 
    background-image:url("assets/images/guedi-jaune.svg"); 
    background-position: center; 
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 80;
}
.guedi-rouge { 
    position:absolute; width: 149px; height:107px; 
    background-image:url("assets/images/guedi-rouge.svg"); 
    background-position: center; 
    background-size: contain; 
    background-repeat: no-repeat;
    z-index: 80;
}
.guedi-rouge-plein { 
    position:absolute; width: 148px; height:125px; 
    background-image:url("assets/images/guedi-rouge-plein.svg"); 
    background-position: center; 
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 80;
}
.guedi-bleu { 
    position:absolute; width: 160px; height:112px;
    background-image:url("assets/images/guedi-bleu.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 80;
}

.custom-slider-nav {display:block; position: absolute; bottom:0;}
.custom-slider-nav > div { 
    display: inline-block; font-size: 18px; 
    line-height: 1; opacity: 1; color:#FFF; cursor: pointer;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.custom-slider-nav .custom-prev {margin: 0 20px 0 0; }


.breadcrumbs {margin:0 0 100px 0; font-size: 12px; font-weight:900;}
.breadcrumbs span.current-item { color:#FFF; }
.breadcrumbs a {color:#000;}


.breadcrumbs.light {position:absolute; top:20px; left: .9375rem; color:rgba(255,255,255,0.5); margin: 0;}
.breadcrumbs.light span.current-item { color:#FFF; }
.breadcrumbs.light a { color:rgba(255,255,255,0.5);}

.category-emploi .breadcrumbs span:nth-child(2), .category-emploi .breadcrumbs span:nth-child(3) { display:none;}
.emploi .breadcrumbs span:nth-child(2), .emploi .breadcrumbs span:nth-child(3) { display:none;}

.category-publication .breadcrumbs span:nth-child(2), .category-publication .breadcrumbs span:nth-child(3) { display:none;}
.publications .breadcrumbs span:nth-child(2), .publications .breadcrumbs span:nth-child(3) { display:none;}

.bandeau .grid-container {position:relative;}
.bandeau.general {width:100%; height:350px; background-position: center center; background-size: cover;}
.bandeau.general .grid-container {height:100%; position:relative;}
.bandeau.general .grid-container .grid-x {height:100%;}
.bandeau.general .cell {color:#FFF; text-align: center;}
.bandeau.general .cell h1 { font-size:50px; font-weight:900; margin: 0; letter-spacing: 1px;}
.bandeau.general .cell .cta-rouge { margin-top:20px; }


.bandeau-slider .slick-slide img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.bandeau-slider .custom-slider{
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.bandeau-slider .custom-slider.slick-initialized {
    visibility: visible;
    opacity: 1;    
}


/**** HEADER ****/

.header {width:100%; position: relative; z-index: 100;}

.header.changed::after {content:''; height:42px; display: block; }

.header .top-header {width:100%; height:176px; background-image:url(assets/images/cjc_header_back.jpg); background-position: center center; background-size: cover;  padding: 5px 0 0 0;} 
.header .top-header .logo { display: inline-block; margin-top: -10px;}
.header .top-header .logo img{ width:252px;}


.header .top-header .sec-nav {
    display: inline-block; 
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s; 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
.header .top-header .sec-nav.hideIt { 
    opacity:0; 
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);  
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.header .top-header .sec-nav .top-menu {display: inline-block;}
.header .top-header .sec-nav .top-menu li {display:inline-block;}
.header .top-header .sec-nav .top-menu a {
    font-size: 11px;
    color: #FFF;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0 30px;
    line-height: 40px;
    letter-spacing:0.5px
}

.header .top-header .sec-nav .top-menu a:hover, .header .top-header .sec-nav .top-menu li.current-menu-item a { color: #ed4150; text-decoration: underline; background: transparent;}
.header .top-header .sec-nav .social {display: inline-block; color: #FFF; font-size: 15px; line-height: 40px; padding: 0 20px 0 5px;}
.header .top-header .sec-nav .social:hover { color: #ed4150;}

.header .top-header .top-search { 
    display: inline-block; overflow: hidden; vertical-align: middle;
    -webkt-transform:scaleX(0);
    transform:scaleX(0);
    opacity: 0; position: absolute; right:20px;
    -wenkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.header .top-header .top-search.showIt { 
    -webkt-transform:scaleX(1); 
    transform:scaleX(1); 
    opacity: 1; 
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s; 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s;
}
.header .top-header .top-search .close-form { color: #FFF; font-size: 11px; line-height: 40px; display: inline-block; padding: 0 30px 0 10px;}
.header .top-header .top-search .close-form:hover { color: #ed4150;}
.header .top-header .top-search form {display: inline-block; width:290px;}
.header .top-header .top-search input { 
    display: inline-block;
    color:#FFF;  font-size:17px;
    font-weight:900; padding:0;
    font-family: 'Lato', sans-serif;
    border:0; height:40px;
    background:transparent;
    box-shadow: none;
    border-bottom: 1px #FFF solid;
    width: 100%;
    margin: 0;
    letter-spacing: 0.5px;
    padding-right: 30px;
}

.header .top-header .top-search input::-webkit-input-placeholder { color:#FFF;}
.header .top-header .top-search input::-moz-placeholder { color:#FFF;}
.header .top-header .top-search input:-ms-input-placeholder { color:#FFF;}
.header .top-header .top-search input:-moz-placeholder { color:#FFF;}

.header .top-header .open-form{ display: inline-block; color: #FFF; font-size: 14px; padding: 0 5px 0 10px; line-height:40px; }
.header .top-header .open-form:hover {color: #ed4150;}


.header .menu-principal {background:#000000; width:100%; position: relative;}
.header.changed .menu-principal {position: fixed; top:0; left: 0;}


#main-nav {position: static;}
#main-nav a {color:#FFF; font-size:12px; letter-spacing: 1px; font-weight:700; text-transform: uppercase; background: transparent;}
#main-nav a:hover{ color: #ed4150; text-decoration: underline;}
#main-nav > li > a { padding: 15px 40px;}
#main-nav > li.menu-item-32 > a::after, #main-nav > li.menu-item-30 > a::after {
    width: 0; height: 0;
    vertical-align: middle;
    content: "";
    display: inline-block;
    margin-left: 5px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #FFFFFF;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
#main-nav > li.current-menu-item > a {color: #ed4150; background: transparent;}
#main-nav > li > a:hover::after, #main-nav > li.current-menu-item a::after {border-top: 4px solid #ed4150;}

#main-nav > li .sub-menu-wrap { position: absolute; width: 100%; background:#000000; top:100%; left:0; display: none; }
#main-nav > li:hover .sub-menu-wrap{ display: block;}
#main-nav > li ul {margin: 20px auto; width:960px;}
#main-nav > li ul li { flex:1; border-right:1px rgba(255,255,255,0.3) solid;}
#main-nav > li ul li:last-child {border-right:0;}




.header .menu-principal .nav-ap{ width:100%; padding: 15px 30px 30px 30px; text-align: center; position: absolute; display:none; z-index:10; background: #000;}
.header .menu-principal .nav-ap.open {display: block;}
.header .menu-principal .nav-ap ul {max-width: 1700px; margin: 0 auto;}
.header .menu-principal .nav-ap ul li {flex:1; }
.header .menu-principal .nav-ap ul li a {display:block; position: relative; color:#FFF; padding: 0;  margin: 0;}
.header .menu-principal .nav-ap ul li span {
    position: absolute; 
    top:50%; left: 50%; padding: 20px;
    text-align: center; width:100%; 
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}
.header .menu-principal .nav-ap ul li span img {width:100%;}

.header .menu-principal .nav-ap ul li a .hover-img {-webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.header .menu-principal .nav-ap ul li a:hover .hover-img {opacity:0.8;}



/**** MODAL ****/

.videoModal.reveal {
    max-width: 80%;
    margin: 0 auto;
    width:100%;
    overflow:visible;
    padding: 0;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    position: relative;
    height: auto;
    min-height: auto;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.reveal-overlay {background-color: rgba(0,0,0,0.9); z-index: 99999999;}
.close-reveal-modal {
    color: #FFF;
    position: absolute;
    right: 1px;
    top: -50px;
    padding: 0;
    height: 58px;
    font-size: 50px;
    line-height: 1;
    background: transparent;
    z-index: 999999;
    font-family: 'Arial';
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.close-reveal-modal:hover {color:#ed4150;}



/**** ACCUEIL****/


.accueil .bandeau-slider .custom-slider .slick-slide {
    background-position: center center;
    background-size: cover;
    height:auto;
}
.accueil .bandeau-slider .custom-slider .slick-slide img{ position: relative;}

.about-video { position: relative;}
.about-video .guedi { right:120px; top:-45px; }
.about-video .texte{ padding: 100px 50px 100px 0; padding-left: calc((100% - 1400px) / 2); color: #333993;}
.about-video .texte h2{ font-size:30px; color: #333993; font-weight:900; margin: 0 0 30px 0;}
.about-video .texte h2 .text-rotation {display:inline-block; color:#ed4150; vertical-align: middle; vertical-align: text-bottom; height: 36px;}
.about-video .texte h2 .text-rotation .rotator { width:200px; display:inline-block;}
.about-video .texte h2 ul { list-style: none;}
.about-video .texte h2 ul li {font-size:30px; line-height: 1.2;}
.about-video .texte p { font-size:18px; margin: 0 0 30px 0;}
.about-video .texte ul { font-size:18px; margin-bottom:40px;}
.about-video .texte ul li { padding:3px 0;}
.about-video .texte ul li a { font-weight:700; text-decoration: underline; color:#333993;}
.about-video .texte ul li a:hover {color:#ed4150; }
.about-video .videoPlay {display:block; height:100%;}
.about-video .videoPlay .video-thumb { width:100%; height:100%; background-position: center center; background-size: cover; position:relative;}
.about-video .videoPlay .video-thumb .icon-play {
    color:#FFF; position: absolute; 
    left:50%;top:50%; font-size:80px;
    -webkit-transform:translate(-50%,-50%); 
    transform:translate(-50%,-50%);
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.about-video .videoPlay .video-thumb:hover .icon-play {color:#ed4150; }

.home-ateliers { background-image:url(assets/images/cjc_accueil_ateliers_back.jpg); background-position: center center; background-size: cover; padding: 50px 0;}
.home-ateliers h2 { text-align: center; color:#ed4150; margin-bottom: 20px; }
.home-ateliers .custom-slider {padding:0 60px;}
.home-ateliers .custom-slider .slick-list {padding: 0 !important;}
.home-ateliers .custom-slider .slick-track{ display: flex; }
.home-ateliers .custom-slider .slick-slide{  display: flex;  height: 150px;  align-items: center;  justify-content: center;}
.home-ateliers .custom-slider .slick-prev:before, .home-ateliers .custom-slider .slick-next:before { color:#333993;}
.home-ateliers .custom-slider .slick-prev:hover:before, .home-ateliers .custom-slider .slick-next:hover:before { color:#ed4150;}
.home-ateliers .custom-slider a {display: block !important; text-align: center; }
.home-ateliers .custom-slider a i {
    color:rgba(0,0,0,0.2); font-size: 100px; 
    -webkit-perspective: 1000;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.home-ateliers .custom-slider a i.icon-communautaire{font-size: 80px;}



.home-ateliers .custom-slider .slick-slide.slick-center a{ -webkit-transform:scale(1.2); transform:scale(1.2);}
.home-ateliers .custom-slider a:hover i.icon-atelier, .home-ateliers .custom-slider .slick-slide.slick-center a i.icon-atelier{ color:#becb00;}
.home-ateliers .custom-slider a:hover i.icon-cirque, .home-ateliers .custom-slider .slick-slide.slick-center a i.icon-cirque {color:#00aced;}
.home-ateliers .custom-slider a:hover i.icon-fibre, .home-ateliers .custom-slider .slick-slide.slick-center a i.icon-fibre{ color:#00ad4d;}
.home-ateliers .custom-slider a:hover i.icon-revolution, .home-ateliers .custom-slider .slick-slide.slick-center a i.icon-revolution{ color:#ed4150;}
.home-ateliers .custom-slider a:hover i.icon-communautaire, .home-ateliers .custom-slider .slick-slide.slick-center a i.icon-communautaire{color:#ffd53d;}


@media screen and (min-width: 640px) and (max-width: 940px) {
    .home-ateliers .custom-slider .slick-slide a{ -webkit-transform:scale(0.7); transform:scale(0.7);}
    .home-ateliers .custom-slider .slick-slide.slick-center a{ -webkit-transform:scale(0.9); transform:scale(0.9);}
}



.home-calendrier {background:#333993; padding: 100px 0;}
.home-calendrier h2.wline span { background:#333993;}
.home-calendrier .texte {position:relative;}
.home-calendrier .texte h2{ color:#FFF; margin-bottom: 20px;}
.home-calendrier .texte h3{ color:#FFF; margin-bottom: 30px;}
.home-calendrier .texte p { color:#FFF;}
.home-calendrier .cta-rouge:hover {background: #FFF; color:#ed4150; }
.home-calendrier .custom-slider {}
.home-calendrier .custom-slider .slick-list { margin: 0 -.625rem;}
.home-calendrier .custom-slider .slick-list .slick-slide { margin: 0 .625rem;}
.home-calendrier .custom-slider-nav > div:hover {color:#ed4150;}
.home-calendrier .home-events .thumb { padding-top: 48%;display: block; overflow: hidden; position: relative;}
.home-calendrier .home-events .thumb img { position: absolute; top: 50%;  left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.home-calendrier .home-events .wrap {background:#FFF; padding: 30px 40px; position:relative;}
.home-calendrier .home-events .wrap .date {display:block;}
.home-calendrier .home-events .wrap .date span {display:block; font-size:21px; color:#333993; line-height:1.2;}
.home-calendrier .home-events .wrap .date span.weekday {text-transform: capitalize;}
.home-calendrier .home-events .wrap .date .left-side {display: inline-block; margin: 0 5px 0 0;}
.home-calendrier .home-events .wrap .date .left-side .jour { font-size:50px; color:#ed4150; font-weight:900; line-height: 1;}
.home-calendrier .home-events .wrap .date .left-side .mois {  font-size: 26px; color: #ed4150;  font-weight: 900; text-transform: uppercase;  letter-spacing: 3.5px; line-height: 1.1; }
.home-calendrier .home-events .wrap .date .right-side {display: inline-block;}
.home-calendrier .home-events .wrap h3 { font-size:22px; font-weight:900; color: #333993; padding:20px 0 0 0; border-top: 1px #333993 solid; margin: 20px 0 50px 0; line-height:1.1;}
.home-calendrier .home-events .wrap h3 a { color: #333993;}
.home-calendrier .home-events .wrap h3 a:hover { color: #ed4150;}
.home-calendrier .home-events .wrap p {color: #333993; font-weight:700; font-size: 16px;}
.home-calendrier .home-events .wrap a.lire-article {color: #ed4150; font-weight:700; font-size: 16px; position: absolute; bottom:30px;}
.home-calendrier .home-events .wrap a.lire-article:hover {color: #333993}


.home-nouvelles {background:#ed4150; padding: 100px 0 250px 0;}
.home-nouvelles h2.wline span { background:#ed4150;}
.home-nouvelles .texte {position:relative;}
.home-nouvelles .texte h2{ color:#FFF; margin-bottom: 20px;}
.home-nouvelles .texte h3{ color:#FFF; margin-bottom: 30px;}
.home-nouvelles .texte p { color:#FFF;}
.home-nouvelles .texte a {color:#FFF; font-weight:700; text-decoration: underline;}
.home-nouvelles .texte a:hover {color:#333993; text-decoration: underline;}
.home-nouvelles .cta-bleu:hover {background: #FFF; color:#333993; }
.home-nouvelles .custom-slider {}
.home-nouvelles .custom-slider .slick-list { margin: 0 -.625rem;}
.home-nouvelles .custom-slider .slick-list .slick-slide { margin: 0 .625rem;}
.home-nouvelles .custom-slider-nav > div:hover {color:#333993;}
.home-nouvelles .home-news .thumb { padding-top: 48%;display: block; overflow: hidden; position: relative;}
.home-nouvelles .home-news .thumb img { position: absolute; top: 50%;  left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.home-nouvelles .home-news .wrap {background:#FFF; padding: 30px 40px; position:relative;}
.home-nouvelles .home-news .wrap h3 { font-size:22px; font-weight:900; color: #333993; padding:0 0 20px 0; border-bottom: 1px #333993 solid; margin: 0 0 20px 0; line-height:1.1;}
.home-nouvelles .home-news .wrap h3 a { color: #333993;}
.home-nouvelles .home-news .wrap h3 a:hover { color: #ed4150;}
.home-nouvelles .home-news .wrap p {color: #333993; font-weight:700; font-size: 16px; margin: 0 0 50px 0;}
.home-nouvelles .home-news .wrap a.lire-article {color: #ed4150; font-weight:700; font-size: 16px; position: absolute; bottom:30px;}
.home-nouvelles .home-news .wrap a.lire-article:hover {color: #333993}


.home-gang {background-image:url(assets/images/cjc_accueil_gang_back.jpg); background-position: center center; background-size: cover; padding: 0 0 100px 0;}
.home-gang .titre-gang { position: relative; z-index: 5; top: -45%;}
.home-gang .galerie-grid {margin: 0 -15px;}
.home-gang .galerie-grid .cell {margin-top: -23%;}
.home-gang .galerie {position: relative; z-index: 10; }
.home-gang .galerie a .over {position:absolute; left: -5%; top: -5%; width: 110%; height: 110%;}
.home-gang .galerie a .over::before {
    content:''; position:absolute; 
    left:0; top:0; 
    width:100%; height:100%; 
    background: #ed4150; 
    opacity: 0; z-index: 11;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.home-gang .galerie a .over i {
    position: absolute; left:50%; top:50%; 
    -webkit-transform:translate3d(-50%,-50%,0); 
    transform:translate3d(-50%,-50%,0); 
    opacity: 0; z-index: 15;
    color: #FFF; font-size: 80px;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.home-gang .galerie a:hover .over::before {opacity: 0.8;}
.home-gang .galerie a:hover .over i { opacity: 0.8; }
.home-gang .galerie a img {webkit-backface-visibility: hidden;}

.lg-outer {z-index: 99999999;}
.lg-backdrop {z-index: 9999999; background-color:rgba(0,0,0,0.95);}
.lg-outer .lg-thumb-outer {height:130px !important;}
.lg-outer .lg-thumb-item {border-radius:0; border: 2px #000 solid;}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #ed4150;}



.home-ns {background-image:url(assets/images/cjc_accueil_ns_back.jpg); background-position: center center; background-size: cover; padding: 130px 0;}
.home-ns .ns-wrap {
    background-position: center center; 
    background-size: cover; 
    text-align: center;
    padding: 30px;
    height: 100%;
    min-height: 430px;
}
.home-ns .ns-wrap .ns-content { max-width:520px; margin: 0 auto;}
.home-ns .ns-wrap .ns-content h3 {color:#FFF; font-size:40px; font-weight:900; margin: 0 0 20px 0; line-height: 1; }
.home-ns .ns-wrap .ns-content h3 b { font-size:40px; color:#333993; font-weight: 900; font-style: italic;}
.home-ns .ns-wrap .ns-content .texte {display:block; margin: 0 auto;}
.home-ns .ns-wrap .ns-content p {font-size:18px; color:#FFF; margin: 0; display: block; line-height:1.6}
.home-ns .ns-wrap .ns-content p a {font-weight:900; text-decoration: underline; color:#FFF;}
.home-ns .ns-wrap .ns-content p a:hover { color:#FFF; font-weight:900; text-decoration: underline}



/****** ATELIERS *******/


.ateliers .bandeau {width:100%; height:350px; background-position: center center; background-size: cover;}
.ateliers .bandeau .grid-container {height:100%; position:relative;}
.ateliers .bandeau .grid-container .grid-x {height:100%;}
.ateliers .bandeau .cell {color:#FFF; font-size: 220px; text-align: center;}

.ateliers .breadcrumbs {position:absolute; top:20px; left: .9375rem; color:rgba(255,255,255,0.5); margin: 0;}
.ateliers .breadcrumbs span.current-item { color:#FFF; }
.ateliers .breadcrumbs a { color:rgba(255,255,255,0.5);}


.ateliers .description {padding: 130px 0 300px 0; text-align: center;}
.ateliers .description .grid-container{ max-width: 690px;}
.ateliers .description h2 { color:#333993; font-weight:900; font-size:50px; margin: 0 0 30px; letter-spacing: 1px; line-height: 1.1;}
.ateliers .description p {color:#333993; font-size:18px;}
.ateliers .description p:last-of-type{margin: 0;}
.ateliers .description .cta-rouge{ max-width: 380px;  margin: 40px auto 0 auto; display: block;  font-size: 22px; padding: 20px 25px; }


.ateliers .brique { position:relative; padding: 0 0 120px 0; background-image:url(assets/images/cjc_accueil_ns_back.jpg); background-position: center center; background-size: cover;}
.ateliers .brique .image-video{ position: relative;}
.ateliers .brique .image-video .cell { margin: -13.8% 0 80px 0;}

.ateliers .videoPlay {display:block; height:100%;}
.ateliers .videoPlay .video-thumb { width:100%; height:100%; background-position: center center; background-size: cover; position:relative;}
.ateliers .videoPlay .video-thumb .icon-play {
    color:#FFF; position: absolute; 
    left:50%;top:50%; font-size:106px;
    -webkit-transform:translate(-50%,-50%); 
    transform:translate(-50%,-50%);
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.ateliers .videoPlay .video-thumb:hover .icon-play {color:#ed4150; }

.ateliers .box-infos {background: #FFF; display: -ms-flexbox; display: -webkit-flex; display: flex; padding:40px 0 0 0; }
.ateliers .box-infos .infos {padding: 0 40px 40px 40px; flex: 1 auto; font-size:20px; color:#333993; line-height: 1.3;}
.ateliers .box-infos .infos b {color:#333993; font-weight:900; font-size:20px; display: block;}
.ateliers .box-infos .infos small{font-size:16px;}
.ateliers .box-infos .infos a { font-size:14px; color:#ed4150; font-weight:700;}
.ateliers .box-infos .infos a:hover {text-decoration: underline;}

.ateliers .inscription { margin-top: 50px;}
.ateliers .inscription .cta-rouge{ max-width: 350px;  margin: 0 auto; display: block;  font-size: 22px; padding: 20px 25px;}

.ateliers .image-slider { position:relative;}
.ateliers .image-slider .custom-slider {width:100%; height: 100%; position:absolute;}
.ateliers .image-slider .custom-slider .slick-list, .ateliers .image-slider .custom-slider .slick-track { height: 100%;}
.ateliers .image-slider .custom-slider .slide {height:100%; background-size:cover; background-position: center center;}
.ateliers .image-slider .image-seule {background-size: cover; background-position: center center; width: 100%; height: 100%;}
.ateliers .objectifs .texte {background: #333993; padding: 100px 50px 100px 0; padding-left: calc((100% - 1400px) / 2); color: #FFF; font-size: 18px; min-height:516px;}
.ateliers .objectifs .texte h3 { font-size:36px; color:#becb00; font-weight:900;  margin: 0 0 30px;}
.ateliers .objectifs .texte strong { font-weight:700;}
.ateliers .objectifs .texte ul {margin: 0; list-style: none;}
.ateliers .objectifs .texte ul li{position: relative;margin-bottom: 20px; padding-left: 20px;}
.ateliers .objectifs .texte ul li:last-of-type{margin:0;}
.ateliers .objectifs .texte ul li::before{ content:'•'; position:absolute; left:0; top:4px; color: #becb00; font-size:13px; }


.ateliers .infos-personnes { padding: 100px 0 20px 0;}
.ateliers .infos-personnes .cell {margin-bottom: 80px;}
.ateliers .infos-personnes .infos-supp {padding-right:50px;}
.ateliers .infos-personnes h3 { font-size:36px; color:#becb00; font-weight:900;  margin: 0 0 30px 0;}
.ateliers .infos-personnes ul {margin: 0 0 20px 0; list-style: none;}
.ateliers .infos-personnes ul li{position: relative;margin-bottom: 20px; padding-left: 20px;}
.ateliers .infos-personnes ul li:last-of-type{margin:0;}
.ateliers .infos-personnes ul li::before{ content:'•'; position:absolute; left:0; top:4px; color: #becb00; font-size:13px; }
.ateliers .infos-personnes .infos-supp p.indent {margin: -15px 0 0 70px;}
.ateliers .infos-personnes .infos-supp-col2 {margin:0 0 50px 0;}

.ateliers .infos-personnes .personne {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 50px;
    
}

.ateliers .infos-personnes .personne:last-of-type { margin:0; }
.ateliers .infos-personnes .personne .personne-infos{ padding: 0 0 0 20px; overflow: hidden; }
.ateliers .infos-personnes .personne .personne-infos p { color:#333993; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ateliers .infos-personnes .personne .personne-infos p:last-of-type {margin:0}
.ateliers .infos-personnes .personne .personne-infos a { color:#333993; text-decoration: underline;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ateliers .infos-personnes .personne .personne-infos a:hover {color:#ed4150;}

.ateliers.atelier-terre .bandeau {background-image:url(assets/images/cjc_projets_ateliers_header.jpg)}


.ateliers.cirque .bandeau {background-image:url(assets/images/cjc_projets_cirque-du-monde_header.jpg)}
.ateliers.cirque .infos-personnes .personne { float: left; width: 50%; }
.ateliers.cirque .infos-personnes .personne:nth-child(even) {padding-right:50px; }
.ateliers.cirque .infos-personnes .personne:nth-child(odd) {padding-left:50px; }
.ateliers.cirque .infos-personnes .personne:nth-of-type(3) {clear:left;}


.ateliers.fibre-bois .bandeau {background-image:url(assets/images/cjc_projets_fibre-du-bois_header.jpg)}
.ateliers.fibre-bois .description .grid-container { max-width: 620px;}

.ateliers.revolution .bandeau {background-image:url(assets/images/cjc_projets_revolution-art_header.jpg)}
.ateliers.revolution .description {padding: 130px 0;}
.ateliers.revolution .description .grid-container { max-width: 735px;}
.ateliers.revolution .infos-personnes .personne { float: left; width: 50%; }
.ateliers.revolution .infos-personnes .personne:nth-child(even) {padding-right:50px; }
.ateliers.revolution .infos-personnes .personne:nth-child(odd) {padding-left:50px; }



.ateliers.vie .bandeau {background-image:url(assets/images/cjc_projets_vie-communautaire_header.jpg)}
.ateliers.vie .bandeau .cell { font-size: 170px;}
.ateliers.vie .description {padding: 130px 0;}
.ateliers.vie .description a {font-weight:900; text-decoration: underline; color: #333993;}
.ateliers.vie .projets #tab-1 .box-infos, .ateliers.vie .projets #accordion-1 .box-infos {  margin: 0 auto;}


.ateliers.vie .infos-personnes .personne { float: left; width: 50%; }
.ateliers.vie .infos-personnes .personne:nth-child(even) {padding-right:50px; }
.ateliers.vie .infos-personnes .personne:nth-child(odd) {padding-left:50px; }

.ateliers .projets .tab-nav { position: relative; z-index: 10;}

.ateliers .projets .tab-link {
    font-size: 20px;
    text-align: center;
    font-weight: 900;
    color: #FFF;
    letter-spacing: 0.05em;
    background: #ed4150;
    padding: 25px 10px;
    cursor: pointer;
    position:relative;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


.ateliers .projets .tab-link::after, .ateliers .projets .tab-link::after { 
    content:'';  width: 0;  height: 0; 
    border-left: 25px solid transparent; 
    border-right: 25px solid transparent;
    border-top: 0; z-index: -1;
    position: absolute; left:50%; top:100%;
    -webkit-transform:translate(-50%,-100%);
    transform:translate(-50%, -100%);
     -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.ateliers .projets .tab-link.current::after, .ateliers .projets .tab-link.tab-nav-active::after {  -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }

.ateliers .projets .tab-nav .cell:nth-child(1) .tab-link {background: #ed4150;}
.ateliers .projets .tab-nav .cell:nth-child(1) .tab-link::after {border-top: 0 solid #ed4150;}
.ateliers .projets .tab-nav .cell:nth-child(1) .tab-link.current::after {border-top: 25px solid #ed4150; }

.ateliers .projets .tab-nav .cell:nth-child(2) .tab-link {background: #becb00;}
.ateliers .projets .tab-nav .cell:nth-child(2) .tab-link::after {border-top: 0 solid #becb00;}
.ateliers .projets .tab-nav .cell:nth-child(2) .tab-link.current::after {border-top: 25px solid #becb00;}

.ateliers .projets .tab-nav .cell:nth-child(3) .tab-link {background: #333993;}
.ateliers .projets .tab-nav .cell:nth-child(3) .tab-link::after {border-top: 0 solid #333993;}
.ateliers .projets .tab-nav .cell:nth-child(3) .tab-link.current::after {border-top: 25px solid #333993;}

.ateliers .projets .tab-nav .cell:nth-child(4) .tab-link {background: #00aced;}
.ateliers .projets .tab-nav .cell:nth-child(4) .tab-link::after {border-top: 0 solid #00aced;}
.ateliers .projets .tab-nav .cell:nth-child(4) .tab-link.current::after {border-top: 25px solid #00aced;}


.ateliers .projets .tab-nav .cell .tab-link:hover {background:#000;}
.ateliers .projets .tab-nav .cell .tab-link.current:hover::after {border-top: 25px solid #000;}


.ateliers .projets .tab-content .description {padding: 100px 0;}
.ateliers .projets .tab-content .description .grid-container {max-width: 710px;}
.ateliers .projets .tab-content .box-infos {background:rgba(210,211,211,0.3);}
.ateliers .projets .tab-content .box-infos .infos b {display: inline-block;}
.ateliers .projets .tab-content .info-inscription {padding-bottom: 100px;}
.ateliers .projets .tab-content .inscription { margin-top: 100px;}

.ateliers .projets .tab-content{ display: none;}
.ateliers .projets .tab-content.current{display: inherit;}


.ateliers .projets .tab-content .box-infos .infos ul {margin: 5px 0 0 0; list-style: none;}
.ateliers .projets .tab-content .box-infos .infos ul li{position: relative; font-size: 16px; margin-bottom: 5px; padding-left: 10px; max-width: 400px;}
.ateliers .projets .tab-content .box-infos .infos ul li:last-of-type{margin:0;}
.ateliers .projets .tab-content .box-infos .infos ul li::before{ content:'-'; position:absolute; left:0; top:0; color: #333993; font-size:16px; }


.ateliers .projets.mobile .tab-content{ display: none;}


.ateliers .projets.mobile .projet .tab-link .arrow-down { 
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin: 0 0 0 10px;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.ateliers .projets.mobile .projet:nth-child(1) .tab-link {background: #ed4150;}
.ateliers .projets.mobile .projet:nth-child(1) .tab-link::after {border-top: 25px solid #ed4150;}

.ateliers .projets.mobile .projet:nth-child(2) .tab-link {background: #becb00;}
.ateliers .projets.mobile .projet:nth-child(2) .tab-link::after {border-top: 25px solid #becb00;}

.ateliers .projets.mobile .projet:nth-child(3) .tab-link {background: #333993;}
.ateliers .projets.mobile .projet:nth-child(3) .tab-link::after {border-top: 25px solid #333993;}

.ateliers .projets.mobile .projet:nth-child(4) .tab-link {background: #00aced;}
.ateliers .projets.mobile .projet:nth-child(4) .tab-link::after {border-top: 25px solid #00aced;}


.ateliers .projets.mobile .projet .tab-link:hover {background:#000;}
.ateliers .projets.mobile .projet .tab-link.tab-nav-active:hover::after {border-top: 25px solid #000;}
.ateliers .projets.mobile .projet .tab-link.tab-nav-active .arrow-down {-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}


.projets.mobile {display:none;}

.ateliers .nouvelles { padding: 100px 0 80px 0;}
.ateliers .nouvelles h2 {
    color: #FFF;
    font-weight: 900;
    font-size: 36px;
    margin: 0 0 50px;
    letter-spacing: 1px;
    line-height: 1.1;
    text-align: center;
}
.ateliers .nouvelles .home-news { background: #FFF; }

.dome.ateliers #tab-2 .description p:first-of-type  { max-width: 320px; margin: 0 auto 20px auto; }

.ateliers .description .cta-orange {  max-width: 380px; margin: 40px auto 0 auto;   display: block;  font-size: 22px; padding: 20px 25px;}
.ateliers .description  .go-mediation{ margin: 10px auto 0 auto; } 


.dome.ateliers .bandeau .cell{ font-size: 100%; }
.dome.ateliers .bandeau img { max-width: 312px; }

.dome.ateliers .description .grid-container { max-width: 720px;}
.dome.ateliers .description p em {
    font-size: 13px;
    line-height: 1.4;
    display: block;
    max-width: 550px;
    margin: 0 auto;
}
.dome.ateliers #tribe-events {  padding: 40px 4% 20px; }
.dome.ateliers #tribe-events-content .tribe-events-calendar td { height: 70px; }
.dome.ateliers .tribe-events-has-events a { padding:0; }
.dome.ateliers div.tribe-events-notices>ul, .dome.ateliers div.tribe-events-notices>ul>li { font-size: 14px; }
.dome.ateliers #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title { font-size: 90%;}


.dome.ateliers .objectifs .texte ul li { padding-left: 0;}
.dome.ateliers .objectifs .texte ul li::before {  display:none;}

@media screen and (min-width: 1800px) {
    
    .ateliers .projets .tab-link { font-size: 28px;}
    
}

@media screen and (max-width: 1460px) {
    
    .ateliers .objectifs .texte {padding: 100px 15px 100px 15px;}

}

@media screen and (max-width: 1280px) {
    
    .ateliers .projets .tab-link { font-size: 18px; }

}


@media screen and (max-width: 1023px) {
    
    
    .ateliers .description { padding: 80px 0 240px 0; text-align: center;}
    .ateliers .objectifs .texte {min-height: auto;}
    
    .ateliers .image-slider { height:300px;}
   /* .ateliers .image-slider .custom-slider {display:none;} */
    
    .ateliers .box-infos {
        -webkit-flex-wrap:  wrap;
        -moz-flex-wrap:  wrap;
        flex-wrap: wrap;
    }
    .ateliers .box-infos .infos {
        -webkit-box-flex: 1 50%;
        -webkit-flex: 1 50%;
        -ms-flex: 1 50%;
        flex: 1 50%;
    }
    
    .ateliers .infos-personnes { padding: 80px 0 20px 0;}
    .ateliers.cirque .infos-personnes .personne {width:100%;}
    .ateliers.cirque .infos-personnes .personne:nth-child(odd), .ateliers.cirque .infos-personnes .personne:nth-child(even) {padding:0; }
    .ateliers.revolution .infos-personnes .personne {width:100%;}
    .ateliers.revolution .infos-personnes .personne:nth-child(odd), .ateliers.revolution .infos-personnes .personne:nth-child(even) {padding:0; }
    .ateliers.vie .infos-personnes .personne {width:100%;}
    .ateliers.vie .infos-personnes .personne:nth-child(odd), .ateliers.vie .infos-personnes .personne:nth-child(even) {padding:0; }
    
    
    .projets.desktop {display:none;}
    .projets.mobile {display:block;}
    
    
    .ateliers .projets .tab-content .description {  padding: 80px 0;}
    .ateliers .projets .tab-content .info-inscription { padding-bottom: 80px;}
    .ateliers .projets .tab-content .objectifs {margin-bottom:0;}
    .ateliers .projets .tab-content .inscription {margin-top:80px;}
    
    .ateliers.vie .description {padding: 80px 0;}
    .ateliers.vie .projets #tab-1 .info-inscription, .ateliers.vie .projets #accordion-1 .info-inscription { padding-bottom: 80px;}
    
    
    .ateliers.revolution .description {padding: 80px 0;}
    .ateliers.revolution .projets.mobile { margin: 80px 0 0 0;}
    .ateliers.revolution .projets #tab-2 .objectifs, .ateliers.revolution .projets #accordion-2 .objectifs { margin: 0;}
    
    
    .ateliers .nouvelles { padding: 80px 0 60px 0;}
    .ateliers .nouvelles h2 { font-size: 28px; }
    .dome.ateliers #accordion-0  .objectifs .text-wrap { padding: 60px 15px 0 15px;}
    .dome.ateliers #accordion-2 .description p:first-of-type { max-width: 320px; margin: 0 auto 20px auto;}
    
    
}

@media screen and (max-width: 767px) {
    .ateliers .infos-personnes .infos-supp { padding-right: 15px;}
     .ateliers .box-infos .infos {
        -webkit-box-flex: 1 100%;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
    }
}
    
@media screen and (max-width: 639px) {
    
    .ateliers .bandeau {height:300px;}
    .ateliers .description {padding: 80px 0;}
    .ateliers .brique {padding: 80px 0;}
    .ateliers .brique .image-video .cell { margin: 0 0 50px 0;}
    .ateliers .objectifs .texte { padding: 80px 15px 80px 15px;}
    .ateliers .infos-personnes {  padding: 80px 0 40px 0;}
    .ateliers .infos-personnes .cell { margin-bottom: 40px;}
    
    .ateliers .bandeau .cell { font-size: 120px; }
    .ateliers.vie .bandeau .cell { font-size: 100px;}
    
    .ateliers .description h2 {font-size:36px;}
    .ateliers .infos-personnes h3, .ateliers .objectifs .texte h3 {font-size:28px;}
    .ateliers .infos-personnes .personne {-webkit-flex-wrap: wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
    .ateliers .infos-personnes .personne .personne-infos {padding: 20px 0 0 0; width: 100%;}
    
    
    
    .ateliers.vie .description {padding: 80px 0;}
    
    .ateliers .description .cta-rouge, .ateliers .description .cta-orange { font-size:18px;}
    
    .dome.ateliers .bandeau img { max-width: 200px;}
    
}

@media screen and (max-width: 639px) {
    
    .ateliers .infos-personnes .infos-supp p.indent { margin: -15px 0 0 30px;}
}


/****** RÉSIDENCES ******/

.residences .bandeau {background-image:url(assets/images/cjc_residences_header.jpg)}
.residences .description {padding: 130px 0 300px 0; text-align: center;}
.residences .description .grid-container{ max-width: 690px;}
.residences .description h2 { color:#333993; font-weight:900; font-size:50px; margin: 0 0 30px; letter-spacing: 1px; line-height: 1.1;}
.residences .description p {color:#333993; font-size:18px;}
.residences .description p:last-of-type{margin: 0;}
.residences .description .cta-rouge{ max-width: 350px;  margin: 40px auto 0 auto; display: block;  font-size: 22px; padding: 20px 25px; }


.residences .brique { position:relative; padding: 0 0 120px 0; background-image:url(assets/images/cjc_accueil_ns_back.jpg); background-position: center center; background-size: cover;}
.residences .brique .image-video{ position: relative;}
.residences .brique .image-video .cell { margin: -13.8% 0 80px 0;}

.residences .videoPlay {display:block; height:100%;}
.residences .videoPlay .video-thumb { width:100%; height:100%; background-position: center center; background-size: cover; position:relative;}
.residences .videoPlay .video-thumb .icon-play {
    color:#FFF; position: absolute; 
    left:50%;top:50%; font-size:106px;
    -webkit-transform:translate(-50%,-50%); 
    transform:translate(-50%,-50%);
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.residences .videoPlay .video-thumb:hover .icon-play {color:#ed4150; }

.residences .box-infos {background: #FFF; display: -ms-flexbox; display: -webkit-flex; display: flex; padding:40px 40px 0 40px; }
.residences .box-infos .infos {padding: 0 10px 40px 10px; flex: 1 auto; font-size:20px; color:#333993; line-height: 1.3;}
.residences .box-infos .infos b {color:#333993; font-weight:900; font-size:20px; display: block;}
.residences .box-infos .infos small{font-size:16px;}
.residences .box-infos .infos a { font-size:14px; color:#ed4150; font-weight:700;}
.residences .box-infos .infos a:hover {text-decoration: underline;}


.residences .image-slider { position:relative;}
.residences .image-slider .custom-slider {width:100%; height: 100%; position:absolute;}
.residences .image-slider .custom-slider .slick-list, .residences .image-slider .custom-slider .slick-track { height: 100%;}
.residences .image-slider .custom-slider .slide {height:100%; background-size:cover; background-position: center center;}
.residences .image-slider .image-seule {background-size: cover; background-position: center center; width: 100%; height: 100%;}
.residences .objectifs .texte {background: #333993; padding: 100px 50px 100px 0; padding-left: calc((100% - 1400px) / 2); color: #FFF; font-size: 18px; min-height:516px;}
.residences .objectifs .texte h3 { font-size:36px; color:#becb00; font-weight:900;  margin: 0 0 30px;}
.residences .objectifs .texte strong { font-weight:700;}
.residences .objectifs .texte ul {margin: 0; list-style: none;}
.residences .objectifs .texte ul li{position: relative;margin-bottom: 20px; padding-left: 20px;}
.residences .objectifs .texte ul li::before{ content:'•'; position:absolute; left:0; top:4px; color: #becb00; font-size:13px; }


.residences .comment {background:#ed4150; padding: 100px 0 50px 0;}
.residences .comment  h2 { font-size: 50px;  color: #FFF; font-weight: 900; margin: 0 0 50px; letter-spacing: 1px; line-height: 1; text-align: center;}
.residences .comment  h2 b { font-family: 'Painted Paradise'; font-size: 57px; color:#333993; font-weight: 400;}
.residences .comment .infos {margin-bottom: 50px; text-align: center;}
.residences .comment .infos .num { color:#333993; font-family: 'Painted Paradise'; font-weight: 400; font-size:72px; display: block; margin: 0; }
.residences .comment .infos p {margin: 0 auto; color: #FFF; font-size:18px; max-width: 385px;}
.residences .comment .infos p a { color:#FFF; font-weight:700; text-decoration: underline;}
.residences .comment .infos p a:hover {color:#333993;}

.residences .infos-personnes { padding: 100px 0 20px 0;}
.residences .infos-personnes .cell {margin-bottom: 80px;}
.residences .infos-personnes h3 { font-size:36px; color:#becb00; font-weight:900;  margin: 0 0 30px 0;}
.residences .infos-personnes ul {margin: 0 0 20px 0; list-style: none;}
.residences .infos-personnes ul li{position: relative;margin-bottom: 20px; padding-left: 20px;}
.residences .infos-personnes ul li:last-of-type{margin:0;}
.residences .infos-personnes ul li::before{ content:'•'; position:absolute; left:0; top:4px; color: #becb00; font-size:13px; }
.residences .infos-personnes .infos-supp p.indent {margin: -15px 0 0 70px;}
.residences .infos-personnes .infos-supp a { color:#000; font-weight:700; text-decoration: underline;}
.residences .infos-personnes .infos-supp a:hover { color:#ed4150;}

.residences .infos-personnes .personne {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 50px;
    
}

.residences .infos-personnes .personne:last-of-type { margin:0; }
.residences .infos-personnes .personne .personne-infos{ padding: 0 0 0 20px; overflow: hidden; }
.residences .infos-personnes .personne .personne-infos p { color:#333993; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.residences .infos-personnes .personne .personne-infos p:last-of-type {margin:0}
.residences .infos-personnes .personne .personne-infos a { color:#333993; text-decoration: underline;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.residences .infos-personnes .personne .personne-infos a:hover { color:#ed4150;}



@media screen and (max-width: 1460px) {
    
    .residences .objectifs .texte {padding: 100px 15px 100px 15px;}

}

@media screen and (max-width: 1300px) {
    
     .residences .box-infos {
        -webkit-flex-wrap:  wrap;
        -moz-flex-wrap:  wrap;
        flex-wrap: wrap;
    }
    .residences .box-infos .infos {
        -webkit-box-flex: 1 33.333%;
        -webkit-flex: 1 33.333%;
        -ms-flex: 1 33.333%;
        flex: 1 33.333%;
    }

}



@media screen and (max-width: 1023px) {
    
    
    .residences .description { padding: 80px 0 240px 0; text-align: center;}
    .residences .objectifs .texte {min-height: auto;}
    
    .residences .image-slider .custom-slider {display:none;}
    
    
    .residences .infos-personnes { padding: 80px 0 20px 0;}
    .residences .infos-personnes .go-last {order:2;}
    .residences .comment {padding: 80px 0 30px;}
    
    
}

@media screen and (max-width: 767px) {
    
     .residences .box-infos .infos {
        -webkit-box-flex: 1 100%;
        -webkit-flex: 1 100%;
        -ms-flex: 1 100%;
        flex: 1 100%;
    }
}
    
@media screen and (max-width: 639px) {
    
    .residences .bandeau {height:300px;}
    .residences .description {padding: 80px 0;}
    .residences .brique {padding: 80px 0;}
    .residences .brique .image-video .cell { margin: 0 0 50px 0;}
    .residences .objectifs .texte { padding: 80px 15px 80px 15px;}
    .residences .infos-personnes {  padding: 80px 0 40px 0;}
    .residences .infos-personnes .cell { margin-bottom: 40px;}
    
    .residences .description h2 {font-size:36px;}
    .residences .infos-personnes h3, .residences .objectifs .texte h3 {font-size:30px;}
    .residences .infos-personnes .personne {-webkit-flex-wrap: wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
    .residences .infos-personnes .personne .personne-infos {padding: 20px 0 0 0; width: 100%;}
    .residences .infos-personnes .infos-supp ul li{ text-align: left;}
	
	
	.residences .comment h2 {font-size: 38px;}
	.residences .comment h2 b { font-size: 50px;}
	.residences .comment .infos .num {font-size:60px;}
    
    
}


/***** NOUS SOUTENIR *****/


.soutenir .bandeau {background-image:url(assets/images/cjc_nous-soutenir_header.jpg);}

.soutenir .description {
    padding: 130px 0; text-align: center; 
    background-image:url(assets/images/cjc_accueil_ns_back.jpg); 
    background-position: center center; background-size: cover;
}
.soutenir .description .grid-container{ max-width: 905px;}
.soutenir .description h2 { color:#ed4150; font-weight:900; font-size:50px; margin: 0; letter-spacing: 1px; line-height: 1.1;}
.soutenir .description h2 b {color:#333993; font-family: 'Painted Paradise'; font-weight: 400; font-size:57px;}

.soutenir .merci { padding: 160px 0 130px 0; text-align: center; background:#333993;}
.soutenir .merci .grid-container{ max-width: 800px;}
.soutenir .merci .grid-x {position:relative;}
.soutenir .merci h2 { color:#ed4150; font-family: 'Painted Paradise'; font-weight: 400; font-size:80px; letter-spacing: 1px; line-height: 1.1; margin-bottom: 30px;}
.soutenir .merci p { color:#FFF; font-size: 22px; max-width:470px; margin: 0 auto 30px auto;  }
.soutenir .merci p strong {font-weight:700; color:#ed4150;}
.soutenir .merci .guedi-jaune.haut {top: -50px; right: 0;}
.soutenir .merci .guedi-jaune.bas {bottom:0; left: 78px; -webkit-transform: rotate(180deg); transform: rotate(180deg);}
.soutenir .merci .cta-rouge:hover { background: #FFF; color:#ed4150;}


.soutenir .image-slider { position:relative;}
.soutenir .image-slider .custom-slider {width:100%; height: 100%; position:absolute;}
.soutenir .image-slider .custom-slider .slick-list, .residences .image-slider .custom-slider .slick-track { height: 100%;}
.soutenir .image-slider .custom-slider .slide {height:100%; background-size:cover; background-position: center center;}
.soutenir .image-slider .image-seule {background-size: cover; background-position: center center; width: 100%; height: 100%;}
.soutenir .objectifs .texte {background: #FFF; padding: 100px 50px 100px 0; padding-left: calc((100% - 1400px) / 2); color: #FFF; font-size: 18px; min-height:516px;}
.soutenir .objectifs .texte h3 { font-size:36px; color:#ed4150; font-weight:900;  margin: 0 0 30px;}
.soutenir .objectifs .texte strong { font-weight:700;}
.soutenir .objectifs .texte ul {margin: 0; list-style: none;}
.soutenir .objectifs .texte ul li{position: relative;margin-bottom: 20px; padding-left: 20px; color: #333993}
.soutenir .objectifs .texte ul li::before{ content:'•'; position:absolute; left:0; top:4px; color:#ed4150; font-size:13px; }



.soutenir .financement {background:#ed4150; padding: 130px 0 80px 0; text-align: center;}
.soutenir .financement  h2 { font-size: 50px;  color: #FFF; font-weight: 900; margin: 0 0 50px; letter-spacing: 1px; line-height: 1; text-align: center;}
.soutenir .financement  h2 b { font-family: 'Painted Paradise'; font-size: 57px; color:#333993; font-weight: 400;}
.soutenir .financement .infos {margin-bottom: 50px; text-align: center;}
.soutenir .financement .infos img{ margin: 0 auto;}
.soutenir .financement .infos .nom {display:block; color: #FFF; font-size:18px; margin: 20px 0 0 0;}

.soutenir .ou {  
    background-image:url(assets/images/cjc_accueil_ns_back.jpg); 
    background-position: center center; background-size: cover; 
    padding: 130px 0 80px 0; text-align: center;
}
.soutenir .ou  h2 { font-size: 50px;  color: #ed4150; font-weight: 900; margin: 0 0 70px; letter-spacing: 1px; line-height: 1; text-align: center;}
.soutenir .ou  h2 b { font-family: 'Painted Paradise'; font-size: 57px; color:#333993; font-weight: 400;}
.soutenir .ou .infos {margin-bottom: 50px; text-align: center;}
.soutenir .ou .infos .img-wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;  
    margin:0 auto 20px auto; 
    height:104px; width:100%;
}
.soutenir .ou .infos .img-wrap img { vertical-align: middle; margin: 0 auto;}
.soutenir .ou .infos p {margin: 0 auto; color: #333993; font-size:18px; max-width: 360px;}
.soutenir .ou .infos p a { color:#333993; font-weight:700; text-decoration: underline;}
.soutenir .ou .infos p a:hover {color:#ed4150;}


.soutenir .destin { padding: 130px 0; text-align: center; background:#333993;}
.soutenir .destin .grid-container{ max-width: 9300px;}
.soutenir .destin .grid-x {position:relative;}
.soutenir .destin h2 { font-size: 50px;  color: #FFF; font-weight: 900; margin: 0 0 50px; letter-spacing: 1px; line-height: 1; text-align: center;}
.soutenir .destin h2 b { font-family: 'Painted Paradise'; font-size: 57px; color: #ed4150; font-weight: 400;}
.soutenir .destin .cta-rouge:hover { background: #FFF; color:#ed4150;}

.partenaires {padding: 100px 0 70px 0;}
.partenaires h2 {font-size: 50px; color:#ed4150; font-weight: 900; margin: 0 0 50px; letter-spacing: 1px; line-height: 1; text-align: center;}
.partenaires .partenaires-grid .cell {margin-bottom:30px; text-align: center;}



.partenaires .partenaires-grid .cell.cinq-col {width:20%;}



.soutenir .dons { padding: 100px 0; text-align: center; background:#ed4150;}
.soutenir .dons h2 { font-size: 50px;  color: #FFF; font-weight: 900; margin: 0 0 100px; letter-spacing: 1px; line-height: 1; text-align: center;}
.soutenir .dons h2 b { font-family: 'Painted Paradise'; font-size: 57px; color: #333993; font-weight: 400;}
.soutenir .dons .permet {max-width: 1230px;}
.soutenir .dons .permet .permet-wrap {border-top:1px #FFF solid; border-bottom:1px #FFF solid; padding: 40px 0; }
.soutenir .dons .permet .permet-wrap p {color: #FFF; font-size:22px; margin: 0; letter-spacing: 1px;}
.soutenir .dons .permet .permet-wrap strong{  font-family: 'Painted Paradise'; font-size: 78px; color: #333993; font-weight: 400; display:block;}


.soutenir .dons.mobile {display:none;}

.bdon {text-align:center; }
.bandeau.general form input[type="image"] { margin-top:20px;}
.bdon form input[type="image"] { width:170px; margin-top: 0px; }


@media screen and (max-width: 1460px) {
    
    .soutenir .objectifs .texte {padding: 100px 15px 100px 15px;}

}

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

    .soutenir .dons .permet .permet-wrap strong { font-size: 60px;}
    
}    
    

@media screen and (max-width: 1200px) {
    
    
    .partenaires .partenaires-grid.align-justify { ms-flex-pack: center; justify-content: center;}
    .partenaires .partenaires-grid .cell.shrink {width:33.333%}
    .partenaires .partenaires-grid .cell.cinq-col {width:25%;}
    
    
  
}

@media screen and (max-width: 1023px) {
    
    .partenaires .partenaires-grid .cell.cinq-col {width:33.333%;}
    
    
    .soutenir .description {padding: 100px 0;}
    .soutenir .description h2 {font-size:36px;}
    .soutenir .description h2 b {font-size: 42px;}
    
    .soutenir .merci { padding: 130px 0 100px 0; }
    .soutenir .merci h2 {font-size: 60px;}
    
    
    .soutenir .financement {padding: 100px 0;}
    .soutenir .financement h2  {font-size:36px;}
    .soutenir .financement h2 b {font-size:42px;}
    
    .soutenir .ou {padding: 100px 0 50px;}
    .soutenir .ou h2  {font-size:36px;}
    .soutenir .ou h2 b {font-size:42px;}
    
    .partenaires h2 {font-size:36px;}
    
    .soutenir .destin {padding:100px 0;}
    .soutenir .destin h2  {font-size:36px;}
    .soutenir .destin h2 b {font-size:42px;}
    
    .soutenir .dons h2  {font-size:36px;}
    .soutenir .dons h2 b {font-size:42px;}
    
    
    
  
}

@media screen and (max-width: 639px) {
    
    .soutenir .bandeau.general {height:300px;}
    .soutenir .description {padding: 80px 0;}
    .soutenir .objectifs .texte { padding: 80px 15px;}
    
    .partenaires .partenaires-grid .cell.shrink {width:50%;}
    .partenaires .partenaires-grid .cell.cinq-col {width:50%;}
	
    .soutenir .merci .guedi-jaune.haut {display:none;}
    .soutenir .merci .guedi-jaune.bas {display:none;}
    
    .soutenir .description {padding: 80px 0;}
	.soutenir .description h2 { font-size: 32px;}
    .soutenir .description h2 b {font-size: 40px;}
    
    .soutenir .merci { padding: 80px 0; }
    .soutenir .merci h2 {font-size: 50px;}
    
    
    .soutenir .financement {padding: 80px 0;}
    .soutenir .financement h2  {font-size:36px;}
    .soutenir .financement h2 b {font-size:42px;}
    
    .soutenir .ou {padding: 80px 0 30px;}
    .soutenir .ou h2  {font-size:36px;}
    .soutenir .ou h2 b {font-size:42px;}
    
    .partenaires {  padding: 80px 0 50px 0;}
    .partenaires h2 {font-size:36px;}
    
    .soutenir .destin {padding:80px 0;}
    .soutenir .destin h2  {font-size:34px;}
    .soutenir .destin h2 b {font-size:42px;}
    
    .soutenir .dons { padding: 80px 0; }
    .soutenir .dons h2  {font-size:36px; margin: 0 0 80px 0;}
    .soutenir .dons h2 b {font-size:42px;}
    .soutenir .dons .permet .permet-wrap p {line-height:1.2;}
	.soutenir .dons .permet .permet-wrap strong {line-height: 1; margin: 10px 0 -5px 0; font-size:46px;}
    
    .soutenir .dons.desktop {display:none;}
    .soutenir .dons.mobile {display:block;}
   
    
}



/****** FONDATION ******/

.fondation .bandeau {background-image:url(assets/images/cjc_fondation_header.jpg); background-position: center center; background-size: cover;}
.fondation .bandeau .grid-container { position: relative; padding-top: 130px; padding-bottom: 130px;}
.fondation .bandeau .logo-fondation {display: block; max-width:375px; margin: 0 auto;}
.fondation .bandeau .divider {
    display: block; height:1px; 
    margin: 80px auto; max-width: 1045px;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.5) 75%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.5) 75%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.fondation .bandeau .texte {color:#FFF;}
.fondation .bandeau .texte h2 { font-size:50px; font-weight:400; letter-spacing: 3px; margin: 0 0 30px 0;}
.fondation .bandeau .texte p { font-size:18px; margin-bottom: 50px;}

.fondation .bandeau .infos {margin-bottom: 50px; text-align: center;}
.fondation .bandeau .infos .img-wrap {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;  
    margin:0 auto 20px auto; 
    height:104px; width:100%;
}
.fondation .bandeau .infos .img-wrap img { vertical-align: middle; margin: 0 auto;}
.fondation .bandeau .infos p {margin: 0 auto; color: #FFF; font-size:18px; max-width: 360px;}
.fondation .bandeau .cta-rouge {display: block; max-width: 350px; margin: 30px auto 0 auto; font-size:22px;}



.fondation .mission {background-image:url(assets/images/cjc_fondation_mission_bg.jpg); background-position: center center; background-size: cover; padding: 150px 0;}
.fondation .mission h3 {color:#000; font-size:36px; margin: 0 0 20px 0; font-weight:700;}
.fondation .mission p { font-size: 31px; color:#000; margin: 0; max-width: 590px;}


.fondation .activites {background: #000;}

.fondation .image-slider { position:relative;}
.fondation .image-slider .custom-slider {width:100%; height: 100%; position:absolute;}
.fondation .image-slider .custom-slider .slick-list, .residences .image-slider .custom-slider .slick-track { height: 100%;}
.fondation .image-slider .custom-slider .slide {height:100%; background-size:cover; background-position: center center;}
.fondation .image-slider .image-seule {background-size: cover; background-position: center center; width: 100%; height: 100%;}

.fondation .activites .texte {padding: 150px 0 150px 15px; padding-right: calc((100% - 1400px) / 2); color: #FFF; font-size: 18px;}
.fondation .activites .texte h3 { font-size:36px; color:#FFF; font-weight:700;  margin: 0 0 20px; letter-spacing: 0;}
.fondation .activites .texte strong { font-weight:900;}
.fondation .activites .texte .cta-rouge { display:block; max-width: 300px;}
.fondation .activites .texte .cta-rouge:first-child {margin: 50px 0 0 0;}

.fondation .histoire .texte {background: #FFF; padding: 130px 15px 130px 0; padding-left: calc((100% - 1400px) / 2); color: #000; font-size: 18px;}
.fondation .histoire .texte h3 { font-size:36px; color:#000; font-weight:700;  margin: 0 0 20px;letter-spacing: 0;}
.fondation .histoire .texte strong { font-weight:700;}


.fondation .fondateurs {background-image:url(assets/images/cjc_fondation_fondateurs_bg.jpg); background-position: center center; background-size: cover; padding: 130px 0 80px; color:#FFF;}
.fondation .fondateurs .large-5 {margin-bottom: 50px;}
.fondation .fondateurs h3 {color:#FFF; font-size:36px; margin: 0 0 80px 0; font-weight:700; text-align: center; letter-spacing: 0;}
.fondation .fondateurs strong {font-size:20px;}
.fondation .fondateurs .alignright {float:right; margin: 0 0 25px 75px; }


.fondation .ca {padding: 130px 0 30px}
.fondation .ca h3 {color:#000; font-size:36px; margin: 0 0 100px 0; font-weight:700; text-align: center; letter-spacing: 0;}
.fondation .ca-personne {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    margin: 0 0 100px;
    
}
.fondation .ca-personne .personne-infos{ padding: 0 20px 0 0; max-width: 380px; }
.fondation .ca-personne .personne-infos .nom-titre{
    font-size: 20px;
    font-weight: 700;
    display: block;
    padding: 0 0 10px 0;
    line-height: 1.2;
    margin: 0 0 10px 0;
    border-bottom: 2px #000 solid;
}
.fondation .ca-personne .personne-infos p { color:#000;}
.fondation .ca-personne .photo {-webkit-box-flex:1 0 250px; -webkit-flex:1 0 250px; -ms-flex:1 0 250px; flex: 1 0 250px;}


.fondation .ca-personne .infos-hide{display: none;}

.fondation .ca-personne a.lire { 
    color:#ed4150; font-size:14px; 
    text-transform: uppercase; vertical-align: middle; 
    font-weight:900; position:relative; 
    display:inline-block; margin:0 0 0 0;
}
.fondation .ca-personne a.lire::after { content:"»"; display:inline-block; -webkit-transform:rotate(90deg); transform:rotate(90deg); margin: 0 0 0 5px;}
.fondation .ca-personne a.lire.current::after {-webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.fondation .ca-personne a.lire:hover {text-decoration: none; color: #333993;}


.fondation .centre { padding: 100px 0; text-align: center; background:#ed4150;}
.fondation .centre h2 { font-size: 50px;  color: #FFF; font-weight: 900; margin: 0 0 50px; letter-spacing: 3px; line-height: 1; text-align: center;}
.fondation .centre h2 b { font-family: 'Painted Paradise'; font-size: 57px; color: #333993; font-weight: 400;}
.fondation .centre .cta-bleu {max-width:285px; margin: 0 auto; display: block;}
.fondation .centre .cta-bleu:hover { background:#FFF; color:#333993;}

@media screen and (min-width: 1430px) {

    .fondation .ca .col1 {padding-right:50px;}
    .fondation .ca .col2 {padding-left:50px;}

}

@media screen and (max-width: 1460px) {
    
    .fondation .activites .texte{padding: 150px 15px 150px 15px;}
    .fondation .histoire .texte{padding: 130px 15px 130px 15px;}

}

@media screen and (min-width: 1024px) and (max-width: 1180px) {
    
    
    .fondation .ca-personne .photo {-webkit-box-flex:1 0 150px; -webkit-flex:1 0 150px; -ms-flex:1 0 150px; flex: 1 0 150px;}
     
  
}


@media screen and (max-width: 1023px) {
    
    .fondation .activites .image-slider { padding: 0 15px;}
    
    .fondation .bandeau .grid-container { padding-top: 100px; padding-bottom: 100px; }
    .fondation .bandeau .logo-fondation {max-width: 340px;}
    .fondation .bandeau .texte h2 { font-size: 36px;}
    
    .fondation .mission {padding:130px 0;}
    .fondation .activites .texte { padding: 100px 15px;}
    .fondation .histoire .texte { padding: 100px 15px;}
    .fondation .fondateurs {padding: 100px 0 50px;}
    .fondation .ca {padding: 100px 0 0;}
    .fondation .ca-personne .personne-infos {max-width: none;}
    .fondation .centre h2  {font-size:36px;}
    .fondation .centre h2 b {font-size:42px;}
    
}



@media screen and (max-width: 639px) {
    
    .fondation .bandeau .grid-container { padding-top: 80px; padding-bottom: 80px; }
    .fondation .bandeau .logo-fondation {max-width: 260px;}
    .fondation .bandeau .texte h2 { font-size: 28px;}
    .fondation .bandeau .divider {margin: 60px auto;}
	.fondation .bandeau .infos .img-wrap img { max-width: 80px !important; }
    
    .fondation .mission {padding:80px 0;}
    .fondation .mission h3 {font-size: 30px;}
    .fondation .mission p { font-size: 24px; }
    .fondation .activites .texte { padding: 80px 15px;}
    .fondation .activites .texte h3 {font-size:30px;}
    .fondation .histoire .texte { padding: 80px 15px;}
    .fondation .histoire .texte h3 {font-size:30px;}
    .fondation .fondateurs {padding: 80px 0 30px;}
    .fondation .fondateurs h3 {font-size:30px; margin:0 0 60px 0;}
    .fondation .fondateurs strong {font-size:18px;}
    .fondation .ca {padding: 80px 0 20px 0;}
    .fondation .ca h3 {font-size:30px;  margin: 0 0 60px 0;}
    .fondation .ca-personne { margin: 0 0 60px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    .fondation .ca-personne .personne-infos { max-width: none; order: 2; width: 100%; padding: 0;  margin: 20px 0 0;}
    .fondation .ca-personne .personne-infos .nom-titre {font-size:18px;}
    
    .fondation .centre { padding: 80px 0;}
    .fondation .centre h2  {font-size:36px;}
    .fondation .centre h2 b {font-size:42px;}
    
    .fondation .mission {background-position: left center;}
    .fondation .fondateurs .alignright {float:right; margin: 0 0 25px 25px;  }
}


@media screen and (max-width: 480px) {
    
    .fondation .bandeau .texte p { max-width: 360px; margin: 0 auto 50px auto;}
    
    .fondation .ca-personne{
        -webkit-flex-wrap:  wrap;
        -moz-flex-wrap:  wrap;
        flex-wrap: wrap;
    }
    .fondation .ca-personne .personne-infos { padding: 20px 0 0 0; width: 100%; order:2;}

}


/***** DEVENIR MEMBRE *****/


.devenir-membre .bandeau {background-image:url(assets/images/cjc_devenir-membre_header.jpg); }

.devenir-membre .comment { background: #FFF; text-align: center;}
.devenir-membre .comment .grid-container {position:relative; padding-bottom: 130px; padding-top: 130px;}
.devenir-membre .comment  h2 { font-size:50px; color:#ed4150; font-weight:900;  margin: 0; letter-spacing: 1px; line-height: 1;}
.devenir-membre .comment  h2 b { font-family: 'Painted Paradise'; font-size: 57px; color:#333993; font-weight: 400;}
.devenir-membre .comment .guedi-rouge-plein {right:0; top:-65px;}


.devenir-membre .membres .tab-link {
    font-size: 30px;
    text-align: center;
    font-weight: 900;
    color: #FFF;
    background: #ed4150;
    padding: 25px 20px;
    cursor: pointer;
    position:relative;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}


.devenir-membre .membres .tab-link::after { 
    content:'';  width: 0;  height: 0; 
    border-left: 25px solid transparent; 
    border-right: 25px solid transparent;
    border-top: 0; z-index: -1;
    position: absolute; left:50%; top:100%;
    -webkit-transform:translate(-50%,-100%);
    transform:translate(-50%, -100%);
     -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.devenir-membre .membres .tab-link.current::after, .devenir-membre .membres .tab-link.tab-nav-active::after {  -webkit-transform:translate(-50%, 0); transform:translate(-50%, 0); }

.devenir-membre .membres .tab-nav .cell:nth-child(1) .tab-link {background: #ed4150;}
.devenir-membre .membres .tab-nav .cell:nth-child(1) .tab-link.current::after {border-top: 25px solid #ed4150; }

.devenir-membre .membres .tab-nav .cell:nth-child(2) .tab-link {background: #becb00;}
.devenir-membre .membres .tab-nav .cell:nth-child(2) .tab-link.current::after {border-top: 25px solid #becb00;}

.devenir-membre .membres .tab-nav .cell:nth-child(3) .tab-link {background: #333993;}
.devenir-membre .membres .tab-nav .cell:nth-child(3) .tab-link.current::after {border-top: 25px solid #333993;}

.devenir-membre .membres .tab-nav .cell:nth-child(4) .tab-link {background: #00aced;}
.devenir-membre .membres .tab-nav .cell:nth-child(4) .tab-link.current::after {border-top: 25px solid #00aced;}


.devenir-membre .membres .tab-nav .cell .tab-link:hover {background:#000;}
.devenir-membre .membres .tab-nav .cell .tab-link.current:hover::after {border-top: 25px solid #000;}


.devenir-membre .membres .tab-content .description {padding: 100px 0; text-align: center;}
.devenir-membre .membres .tab-content .description .grid-container {max-width: 1050px;}
.devenir-membre .membres .tab-content .description h3{ font-size:30px; color:#333993; letter-spacing: 1px; font-weight:900; margin-bottom: 30px;}
.devenir-membre .membres .tab-content .description p { font-size:24px; margin: 0; color:#333993;}

.devenir-membre .membres .tab-content{ display: none;}
.devenir-membre .membres .tab-content.current{display: inherit;}




.devenir-membre .membres.mobile .tab-content{ display: inherit;}


.devenir-membre .membres.mobile .membre:nth-child(1) .tab-link {background: #ed4150;}
.devenir-membre .membres.mobile .membre:nth-child(1) .tab-link::after {border-top: 25px solid #ed4150;}

.devenir-membre .membres.mobile .membre:nth-child(2) .tab-link {background: #becb00;}
.devenir-membre .membres.mobile .membre:nth-child(2) .tab-link::after {border-top: 25px solid #becb00;}

.devenir-membre .membres.mobile .membre:nth-child(3) .tab-link {background: #333993;}
.devenir-membre .membres.mobile .membre:nth-child(3) .tab-link::after {border-top: 25px solid #333993;}

.devenir-membre .membres.mobile .membre:nth-child(4) .tab-link {background: #00aced;}
.devenir-membre .membres.mobile .membre:nth-child(4) .tab-link::after {border-top: 25px solid #00aced;}


.devenir-membre .membres.mobile .membre .tab-link:hover {background:#000;}
.devenir-membre .membres.mobile .membre .tab-link.tab-nav-active:hover::after {border-top: 25px solid #000;}


.membres.mobile {display:none;}


.devenir-membre .informations .bleu {background: #333993; padding: 100px 100px 100px 0; padding-left: calc((100% - 1400px) / 2); color: #FFF; font-size: 18px; }
.devenir-membre .informations .rouge {background: #ed4150; padding: 100px 0 100px 100px; padding-right: calc((100% - 1400px) / 2); color: #FFF; font-size: 18px; }
.devenir-membre .informations .texte h2 { font-size:50px; color:#ed4150; font-weight:900;  margin: 0 0 30px; letter-spacing: 1px;}
.devenir-membre .informations .rouge.texte h2 {color:#FFF;}
.devenir-membre .informations .rouge.texte h2 strong{font-size:20px;}
.devenir-membre .informations .texte p {max-width:490px; }
.devenir-membre .informations .texte p:last-of-type{ margin: 0;}
.devenir-membre .informations .texte a {color:#FFF; font-weight:700; text-decoration: underline;}
.devenir-membre .informations .texte a:hover {color:#ed4150;}
.devenir-membre .informations .texte ul {margin: 0; list-style: none;}
.devenir-membre .informations .texte ul li{position: relative; margin-bottom: 20px; padding-left: 20px; color: #FFF}
.devenir-membre .informations .texte ul li::before{ content:'•'; position:absolute; left:0; top:4px; color:#333993; font-size:13px; }



@media screen and (max-width: 1460px) {
    
    .devenir-membre .informations .bleu, .devenir-membre .informations .rouge {padding: 100px 15px;}

}

@media screen and (max-width: 1280px) {
    
   .devenir-membre .membres .tab-link { font-size: 24px; }

}


@media screen and (max-width: 1023px) {
    
    .devenir-membre .comment .grid-container {padding: 100px 0;}
    .devenir-membre .comment h2 {font-size:36px;}
    .devenir-membre .comment h2 b {font-size: 42px;}

    
    .membres.desktop {display:none;}
    .membres.mobile {display:block;}
    
    .devenir-membre .membres {margin-bottom: 100px;}
    .devenir-membre .membres .tab-content .description {  padding: 80px 0;}
    
    
    
}

@media screen and (max-width: 639px) {
    
    .devenir-membre .bandeau {height:300px;}
    
    .devenir-membre .comment .guedi-rouge-plein {display:none;}
    .devenir-membre .comment .grid-container {padding: 80px 0;}
    .devenir-membre .comment h2 {font-size:36px;}
    .devenir-membre .comment h2 b {font-size: 42px;}
	
	
	.devenir-membre .membres .tab-content .description h3 {font-size:26px}
	.devenir-membre .membres .tab-content .description p {font-size:20px;}
	
	
	.devenir-membre .informations .texte h2 {font-size:44px;}
	.devenir-membre .membres .membre:last-child .tab-content .description {padding: 80px 0 0 0;}
    
    .membres.desktop {display:none;}
    .membres.mobile {display:block;}
    
    .devenir-membre .membres {margin-bottom: 80px;}
    .devenir-membre .informations .bleu, .devenir-membre .informations .rouge {  padding: 80px 15px;}
    
    
    
}

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

    .devenir-membre .informations .rouge.texte h2 strong {display:block;}

}

/***** ÉQUIPE *****/


.equipe .bandeau { background: #ed4150;}
.equipe .bandeau .grid-container { position:relative; padding-top:150px; padding-bottom: 450px;  }
.equipe .bandeau .cell {color:#FFF; text-align: center;}
.equipe .bandeau .cell h1 { font-size:50px; font-weight:900; margin: 0; letter-spacing: 1px;}

.equipe .coordonnes {padding:0 0 100px 0; color:#333993;}
.equipe .coordonnes .image .cell { margin: -21% 0 100px 0;}
.equipe .coordonnes strong { font-weight:900; display: block; margin: 30px 0 -10px 0;}
.equipe .coordonnes .cell p:first-child strong {margin: 0 0 -10px 0;}
.equipe .coordonnes .cell.col1 p strong {margin: 0 0 -10px 0;}
.equipe .coordonnes strong em {font-weight:400; font-style: normal;}
.equipe .coordonnes a {color:#333993; text-decoration: underline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.equipe .coordonnes a:hover {color:#ed4150;}


.equipe .ca-titre {padding:130px 0; background:#333993;}
.equipe .ca-titre  h2 { font-size:50px; color:#FFF; font-weight:900;  text-align: center; margin: 0; letter-spacing: 1px; line-height: 1;}

.equipe .ca {color: #333993; padding: 130px 0 100px 0;}
.equipe .ca p {margin-bottom:30px;}
.equipe .ca strong, .equipe .ca b {font-weight:900;}
.equipe .ca .col1 { color:#ed4150;  }
.equipe .ca .col1 p {max-width:300px; font-size: 24px;}

.equipe .devenir-benevole { background:#ed4150;}
.equipe .devenir-benevole .grid-container { position:relative; padding-top:130px; padding-bottom: 130px;  }
.equipe .devenir-benevole .grid-container .guedi-bleu {right:0; top:-25px;}
.equipe .devenir-benevole h2 { font-size:50px; color:#FFF; font-weight:900;  margin: 0 0 30px 0; letter-spacing: 1px; line-height: 1;}
.equipe .devenir-benevole h2 strong { font-family: 'Painted Paradise'; font-size: 57px; color:#333993; font-weight: 400;}
.equipe .devenir-benevole h3 {font-size:24px; color:#FFF; font-weight:400; margin: 0 0 20px 0; max-width: 660px;}
.equipe .devenir-benevole h3:nth-child(3) {margin: 0 0 40px 0;}
.equipe .devenir-benevole h3 strong { font-weight:900;}
.equipe .devenir-benevole h3:last-of-type{margin:0; max-width: none;}
.equipe .devenir-benevole p { color:#FFF;}
.equipe .devenir-benevole ul {margin: 20px 0 30px 0; list-style: none; -webkit-columns: 2; -moz-columns: 2; columns: 2; max-width: 1030px;}
.equipe .devenir-benevole ul li{position: relative; margin-bottom: 20px; padding-left: 20px; color: #FFF; max-width: 380px;}
.equipe .devenir-benevole ul li::before{ content:'•'; position:absolute; left:0; top:4px; color:#333993; font-size:13px; }
.equipe .devenir-benevole a {font-weight:700; text-decoration: underline; color:#FFF;}
.equipe .devenir-benevole h3 a {font-weight:900;}
.equipe .devenir-benevole a:hover {color:#333993;}





@media screen and (max-width: 1200px) {
    
    .equipe .bandeau .grid-container {  padding-bottom: 380px; }
    
}

@media screen and (max-width: 1023px) {
    
    
    .equipe .bandeau .grid-container { padding-top: 145px; padding-bottom: 300px;}
    .equipe .coordonnes .cell p:first-child strong {margin: 15px 0 -10px 0;}
    .equipe .coordonnes .image .cell {margin: -20% 0 100px 0;}
    
    .equipe .ca-titre {padding:100px 0;}
    .equipe .ca-titre  h2 {font-size:36px;}
    .equipe .ca { padding: 100px 0 70px 0;}
    .equipe .ca .col1 {margin-bottom: 30px;}
    
    .equipe .devenir-benevole .grid-container {padding-top: 100px; padding-bottom: 100px;}
    
    
}

@media screen and (max-width: 639px) {
    
    .equipe .bandeau .grid-container { padding-top: 95px; padding-bottom: 200px;}
	.equipe .bandeau .cell h1 {font-size: 44px;}
    .equipe .coordonnes .image .cell { margin: -20% 0 80px 0;}
    
    .equipe .coordonnes {padding: 0 0 80px 0;}
    .equipe .ca-titre {padding:80px 0;}
    .equipe .ca { padding: 80px 0 50px 0;}
    
    .equipe .devenir-benevole .grid-container {padding-top: 80px; padding-bottom: 80px;}
    .equipe .devenir-benevole .grid-container .guedi-bleu {display:none;}
    .equipe .devenir-benevole h2 {font-size:36px;}
    .equipe .devenir-benevole h2 strong {font-size: 42px;}
    .equipe .devenir-benevole h3 { font-size: 20px;}
    .equipe .devenir-benevole ul { -webkit-columns: 1; -moz-columns: 1; columns: 1;}

}

@media screen and (max-width: 480px) {
    
    
    .equipe .bandeau .grid-container {  padding-top: 95px; padding-bottom: 130px;}
    .equipe .coordonnes .image .cell { margin: -18% 0 80px 0;}
}



/***** À PROPOS ******/


.apropos .bandeau {background-image:url(assets/images/cjc_apropos_header.jpg);}

.apropos .description {
    text-align: center; 
    background-image:url(assets/images/cjc_accueil_ns_back.jpg); 
    background-position: center center; background-size: cover;
}
.apropos .description .grid-container{padding-top:130px; padding-bottom:130px; position:relative;}
.apropos .description .guedi-plein {right:0; top:-60px;}
.apropos .description h2 { color:#ed4150; font-weight:900; font-size:50px; margin: 0 0 30px 0; letter-spacing: 1px; line-height: 1.1;}
.apropos .description h2 strong {color:#ed4150; font-family: 'Painted Paradise'; font-weight: 400; font-size:57px;}
.apropos .description p {color:#ed4150;  max-width: 760px; margin: 0 auto; font-size: 24px;}

.apropos .objectifs .texte {background: #FFF; padding: 100px 100px 100px 0; padding-left: calc((100% - 1400px) / 2); color: #333993; font-size: 18px; min-height:516px; position:relative;}

.apropos .objectifs .texte h3 { font-size:36px; color:#ed4150; font-weight:900;  margin: 0 0 30px;}
.apropos .objectifs .texte strong { font-weight:900;}
.apropos .objectifs .texte ul {margin: 0 0 20px 0; list-style: none;}
.apropos .objectifs .texte ul li{position: relative;margin-bottom: 10px; padding-left: 20px; color: #333993;}
.apropos .objectifs .texte ul li::before{ content:'•'; position:absolute; left:0; top:4px; color:#ed4150; font-size:13px; }
.apropos .objectifs .texte em { font-style:normal; font-weight:900; color: #ed4150;}
.apropos .objectifs .texte a {color: #333993; text-decoration: underline; font-weight:700;}
.apropos .objectifs .texte a:hover { color: #ed4150;}

.apropos .image-slider { position:relative;}
.apropos .image-slider .image-seule {background-size: cover; background-position: center center; width: 100%; height: 100%;}

.apropos .ligne-temps { 
    padding: 130px 0 80px 0; 
    background-image:url(assets/images/cjc_apropos_ligne-temps_bg.jpg); 
    background-position: center center; 
    background-size: cover;
}
.apropos .ligne-temps h2{ color:#ed4150; font-family: 'Painted Paradise'; font-weight: 400; font-size:80px; margin: 0; letter-spacing: 1px; line-height: 1.1; text-align: center;}
.apropos .ligne-temps .grid-container {position:relative; max-width: 1200px;}
.apropos .ligne-temps .grid-container .guedi-rouge{ left: 0; top:-168px;}

.apropos .mission-vision p {color:#FFF; font-size:22px; margin: 0; text-align: center;}
.apropos .mission-vision h2 { 
    color:#ed4150; font-family: 'Painted Paradise'; 
    font-weight: 400; font-size:60px;
    margin: 0 0 20px 0; letter-spacing: 1px; 
    line-height: 1.1; text-align: center;
}

.apropos .mission-vision .mission {background: #333993; padding:130px 15px; }
.apropos .mission-vision .mission p {max-width:550px; margin: 0 auto;}
.apropos .mission-vision .mission strong {font-weight:700; color:#ed4150;}

.apropos .mission-vision .vision {background: #ed4150; padding:130px 15px; }
.apropos .mission-vision .vision h2 {color:#333993;}
.apropos .mission-vision .vision p {max-width:335px; margin: 0 auto;}
.apropos .mission-vision .vision strong {font-weight:700; color:#333993;}


.apropos .valeurs { 
    text-align: center; padding:130px 0 50px 0;
    background-image:url(assets/images/cjc_accueil_ns_back.jpg); 
    background-position: center center; background-size: cover;
}

.apropos .valeurs h2 { color:#ed4150; font-weight:900; font-size:50px; margin: 0 0 80px 0; letter-spacing: 1px; line-height: 1.1;}
.apropos .valeurs .valeurs-grid {max-width:1030px; }
.apropos .valeurs .valeurs-grid .cell {margin-bottom: 80px;}
.apropos .valeurs .valeurs-grid h3 { 
    color:#333993; font-family: 'Painted Paradise'; 
    font-weight: 400; font-size:70px;
    margin: 0 0 20px 0; letter-spacing: 1px; 
    line-height: 1.1; text-align: center;
}
.apropos .valeurs .valeurs-grid p { margin: 0 auto; color:#333993; max-width:385px;}

.apropos .prix { background:#ed4150;}
.apropos .prix .grid-container { position:relative; padding-top:130px; padding-bottom: 130px;  }
.apropos .prix .grid-container .guedi-bleu {right:0; bottom:-85px;}
.apropos .prix h2 { font-size:50px; color:#FFF; font-weight:900;  margin: 0 0 50px 0; letter-spacing: 1px; line-height: 1;}
.apropos .prix p { color:#FFF;}
.apropos .prix ul {margin: 0; list-style: none; -webkit-columns: 2; -moz-columns: 2; columns: 2; max-width: 1030px;}
.apropos .prix ul li{position: relative; margin-bottom: 20px; padding-left: 20px; color: #FFF; max-width: 460px;}
.apropos .prix ul li::before{ content:'•'; position:absolute; left:0; top:4px; color:#333993; font-size:13px; }
.apropos .prix a {font-weight:700; text-decoration: underline; color:#FFF;}
.apropos .prix a:hover {color:#333993;}

.apropos ul > * {
  display: inline-block;
  width: 100%;
}


.royalSlider {width:100%; margin-top:-80px;}
.timeline .rond{
	background-color:#ed4150;
	width:28px;
	height:28px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	display:block;
	left:13px;
	position: absolute;
	top:calc(50% - 14px);
}
.timeline.royalSlider, .timeline.royalSlider .rsOverflow, .timeline .item, .timeline .rsSlide .grid-container{height:520px}
#timeline-mobile.timeline.royalSlider, #timeline-mobile.timeline.royalSlider .item{width:100%;}

.timeline .annee{position:absolute; bottom:50%; font-size:48px; margin-bottom:34px;letter-spacing:0.5px; font-weight:900; color:#FFF;}
.timeline .desc{position:absolute; top:50%; margin-top:40px; font-size: 18px; color:#FFF; font-weight:400; max-width: 220px;}
.timeline .rsSlide{overflow:hidden;}
.timeline .rsSlide .grid-container:after{
	display:block;
	top:50%;
	content:"";
	width:300%;
	height:2px;
	background-color:#FFF;
	left:50%;
	position:absolute;
	transform:translate(-50%, -50%);
}
.timeline .rsSlide .grid-container{padding:0 40px;}


.timeline .rsSlide:first-child .grid-container:after{
	left:70px;
	transform:translateY(-50%);
}
.timeline .rsSlide:last-child .grid-container:after{
	left:auto;
	right:46px;
	transform:translateY(-50%);
}
.timeline .rsSlide:last-child .grid-container:before{
	display:block;
	content:"";
	width:30px;
	height:30px;
	position:absolute;
	top:50%;
	right:50px;
	transform:translateY(-50%) rotate(-45deg);
	border: 2px solid #FFF;
	border-top:none;
	border-left:none;
}
.timeline .rsArrow{
    width:54px;
    height:54px;
	left:10px;
    z-index:1029;
	border:0; 
	display:block;
	position:absolute;;
	background-color:#333993;
	top:50%;
	transform:translateY(-50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.325s ease-in-out;
   -moz-transition: all 0.325s ease-in-out;
    transition: all 0.325s ease-in-out;
	margin:0;
}
.timeline .rsArrow::before {
    content: "\e900"; font-family: 'icomoon'; 
    color:#FFF; font-size:18px;
    position:absolute; top:50%; left:50%; 
    -webkit-transform:translate(-50%, -50%); 
    transform:translate(-50%, -50%);
}
.timeline .rsArrow.rsArrowDisabled{opacity:0;}
.timeline .rsArrow.rsArrowRight.rsArrowDisabled{margin-right:50px;}
.timeline .rsArrow.rsArrowLeft.rsArrowDisabled{margin-left:50px;}

.timeline .rsArrow.rsArrowRight{right:10px;left:auto;}
.timeline .rsArrow.rsArrowRight::before{content: "\e901";}

/*.timeline .rsSlide:last-child .annee{width:100%; text-align:center; padding:0 50px; font-size:24px; letter-spacing: 1px;}*/
.timeline .rsSlide .item{ position:relative;}


#timeline-mobile.timeline .annee,
#timeline-mobile.timeline .desc,
#timeline-mobile.timeline .rond{left:50%; transform: translateX(-50%);z-index: 999; text-align: center;}
#timeline-mobile.timeline .rsSlide:first-child .container:after {left:50%;}
/*#timeline-mobile.timeline .rsSlide:last-child .annee{font-size:20px;}*/

#timeline-mobile {display:none;}

@media (max-width: 767px) {
	/* XS seulement */		
	
    .timeline.royalSlider p.desc{width:100%;}
}

@media (min-width: 768px) {
	/* SMALL */
   
    .timeline .rsSlide:first-child .container{padding-left:15px;}
}

@media (min-width:1500px){
	.timeline .rsArrow{width:100px; height:100px;left:50px;}
    .timeline .rsArrow::before { font-size:30px;}
	.timeline .rsArrow.rsArrowRight{right:50px;}
	
}

 

@media screen and (max-width: 1460px) {
    
    .apropos .objectifs .texte {padding: 100px 15px 100px 15px;}

}
@media screen and (min-width: 1023px) and (max-width: 1460px) {
    
    .timeline .rsSlide .grid-container { padding: 0 100px;}
    .timeline .rsSlide:first-child .grid-container:after { left: 100px; }
}

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

    .apropos .description .grid-container {padding-top:100px; padding-bottom: 100px;}
    .apropos .description h2 {font-size:36px;}
    .apropos .description h2 strong {font-size: 42px;}
    .apropos .description p {font-size:20px;}
    
    
    .apropos .ligne-temps {padding: 100px 0 50px 0;}
    .apropos .ligne-temps h2 {font-size:70px;}
    
    .apropos .mission-vision .mission, .apropos .mission-vision .vision { padding: 100px 15px;}
    .apropos .mission-vision h2 {font-size:60px;}
    
    .apropos .valeurs { padding: 100px 0 20px 0;}
    .apropos .valeurs h2 {font-size:36px;}
    .apropos .valeurs .valeurs-grid h3 {font-size:50px;}
    
    .apropos .prix .grid-container { padding-top: 100px; padding-bottom: 100px;}
    .apropos .prix h2 { font-size: 36px; }
    
    #timeline-desktop {display:none;}
    #timeline-mobile {display:block;}
    .timeline .desc {max-width: 340px;}
    .timeline.royalSlider, .timeline.royalSlider .rsOverflow, .timeline .item, .timeline .rsSlide .grid-container { height: 430px;}
    
    
    
}

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

    .apropos .description .grid-container { padding-top: 80px;padding-bottom: 80px;}
    .apropos .description .guedi-plein {display:none;}
	
	.apropos .objectifs .texte { padding: 80px 15px;}
    
    .apropos .ligne-temps {padding: 80px 0 30px 0;}
    .apropos .ligne-temps h2 {font-size:50px;}
    .apropos .ligne-temps .grid-container .guedi-rouge {display:none;}
    .timeline .annee {font-size:40px;}
    
    .apropos .mission-vision .mission, .apropos .mission-vision .vision { padding: 80px 15px;}
    .apropos .mission-vision h2 {font-size:50px;}
    .apropos .mission-vision p {font-size:20px;}
    
    .apropos .valeurs { padding: 80px 0 0 0;}
    .apropos .valeurs h2 {font-size:36px;}
    .apropos .valeurs .valeurs-grid h3 {font-size:44px;}
    
    .apropos .prix .grid-container { padding-top: 80px; padding-bottom: 80px;}
    .apropos .prix h2 { font-size: 36px; }
    .apropos .prix ul { -webkit-columns: 1; -moz-columns: 1; columns: 1;}
    .apropos .prix .grid-container .guedi-bleu {display:none;}
    
}

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

    .apropos .prix ul li { font-size:14px;}

}

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

    .apropos .valeurs .valeurs-grid p { max-width: 316px;}
    
    .coordonnes .medium-6.cell .show-for-small-only.special {display:none !important;}

}

/***** NOUS JOINDRE *****/


.nous-joindre .bandeau {background-image:url(assets/images/cjc_nous-joindre_header.jpg);}

.nous-joindre .infos-map .texte {background: #333993; padding: 100px 50px 100px 0; padding-left: calc((100% - 1400px) / 2); color: #FFF; font-size: 18px; min-height:516px;}
.nous-joindre .infos-map .texte h2 { font-size:50px; color:#ed4150; font-weight:900;  margin: 0 0 40px; letter-spacing: 1px;}
.nous-joindre .infos-map .texte p {font-size:26px; margin: 0 0 40px 0;}
.nous-joindre .infos-map .texte p:last-of-type{ margin: 0;}
.nous-joindre .infos-map .texte strong { font-weight:700;}
.nous-joindre .infos-map .texte a {color:#FFF; text-decoration: underline;}
.nous-joindre .infos-map .lien-map { position: relative; width: 100%; height: 100%; display: block;}
.nous-joindre .infos-map .lien-map .map{ 
    background-size: cover; 
    background-position: center center; 
    width: 100%; height: 100%; 
    background-image:url(assets/images/cjc_nous-joindre_map.jpg);
}
 
.nous-joindre .form-contact { padding:100px 0; }
.nous-joindre .form-contact h2 { font-size: 50px;  color: #ed4150;font-weight: 900; margin: 0 0 50px; letter-spacing: 1px; line-height: 1; text-align: center;}
.nous-joindre .form-contact h2 b { font-family: 'Painted Paradise'; font-size: 57px; color:#333993; font-weight: 400;}

.nous-joindre .partie-equipe { background: #ed4150; padding:100px 0; text-align: center;}
.nous-joindre .partie-equipe h2 { font-size:50px; color:#FFF; font-weight:900;  margin: 0 0 50px; letter-spacing: 1px; line-height: 1;}
.nous-joindre .partie-equipe h2 strong { font-family: 'Painted Paradise'; font-size: 57px; color:#333993; font-weight: 400;}
.nous-joindre .partie-equipe .cta-bleu:hover{background:#FFF; color:#333993; }

 
.wpcf7-form label {display: block ;margin: 0; font-size: 26px; font-weight: 900; line-height: 1.8; color: #ed4150;}
.wpcf7-form .asterix {font-size: 17px; color: #ed4150;display: inline-block; vertical-align: text-top;}
.wpcf7-form .obligatoire {font-size: 17px; color: #ed4150; font-weight:900; margin: 0 0 30px 0;display: block;}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea {
    background: none;
    border: 2px #ed4150 solid;
    box-shadow: none;
    border-radius:0;
    height: 45px;
 
}
.wpcf7-form textarea { height:215px;}

.wpcf7-form .wpcf7-submit {
    display: block;
    background: #333993;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    padding: 15px 25px;
    letter-spacing: 0.5px;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
    border: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 266px;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    
}
.wpcf7-form .wpcf7-submit:hover { color:#FFF; background: #ed4150; }

.wpcf7-form .wpcf7-not-valid-tip { font-size: 14px;  margin: -10px 0 0 0;}



.search-form .search-field {
    background: none;
    border: 2px #ed4150 solid;
    box-shadow: none;
    border-radius:0;
    height: 45px;
    max-width: 350px;
}

.search-form .search-submit {
    display: block;
    background: #333993;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    padding: 15px 25px;
    letter-spacing: 0.5px;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
    border: 0;
    margin: 0;
    width: 100%;
    max-width: 266px;
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    
}
.search-form .search-submit:hover { color:#FFF; background: #ed4150; }


@media screen and (max-width: 1460px) {
    
    .nous-joindre .infos-map .texte {padding: 100px 15px 100px 15px;}

}

@media screen and (max-width: 1130px) {
    
    #main-nav>li>a { padding: 15px 30px; }

}




@media screen and (max-width: 1023px) {
    
    
    .nous-joindre .infos-map .texte {min-height: auto;}
    .nous-joindre .form-contact { padding: 80px 0;}
    .nous-joindre .infos-map .texte { padding: 80px 15px;}
    .nous-joindre .partie-equipe { padding: 80px 0;}
    .nous-joindre .infos-map .lien-map .map {min-height:300px;}

}

@media screen and (max-width: 639px) {
    
    .nous-joindre .infos-map .texte h2 {font-size:36px;}
    .nous-joindre .infos-map .texte p {font-size:20px;}
    .nous-joindre .form-contact h2 {font-size:36px;}
    .nous-joindre .form-contact h2 b {font-size: 42px;}
    .wpcf7-form label {font-size: 20px;}
    .nous-joindre .partie-equipe h2 {font-size:36px;}
    .nous-joindre .partie-equipe h2 strong{font-size: 42px;}
    
}




/******* NOUVELLES *******/

.nouvelles {background:#ed4150; padding: 20px 0 100px 0;}
.nouvelles h2.wline span { background:#ed4150;}

.nouvelles .home-news {position:relative; z-index: 1; max-width: 500px; margin: 0 auto 30px auto; }
.nouvelles .home-news::after {
    content: ""; z-index: -1;
    width: 95%; height: 20px;
    position: absolute; opacity:0;
    bottom: 0; left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    box-shadow: 0px 15px 25px rgba(0,0,0,0.25);
    -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.nouvelles .home-news .thumb { padding-top: 48%;display: block; overflow: hidden; position: relative;}
.nouvelles .home-news .thumb img { position: absolute; top: 50%;  left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.nouvelles .home-news .wrap {background:#FFF; padding: 30px;}
.nouvelles .home-news .wrap h3 { font-size:22px; font-weight:900; color: #333993; padding:0 0 20px 0; border-bottom: 1px #333993 solid; margin: 0 0 20px 0; line-height:1.1;}
.nouvelles .home-news .wrap h3 a { color: #333993;}
.nouvelles .home-news .wrap h3 a:hover { color: #ed4150;}
.nouvelles .home-news .wrap p {color: #333993; font-weight:700; font-size: 16px;}
.nouvelles .home-news .wrap a.lire-article {color: #ed4150; font-weight:700; font-size: 16px;}
.nouvelles .home-news .wrap a.lire-article:hover {color: #333993}

.nouvelles .home-news:hover::after {opacity:1;}


.page-navigation {margin:50px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width:100%;}
.page-navigation .pagination{ display: block; text-align: center; margin: 0; position: relative; width: 100%;}
.page-navigation .pagination .prev-list-item {position: absolute; left:0;}
.page-navigation .pagination .next-list-item {position: absolute; right:0;}
.page-navigation .pagination .prev-list-item a, .page-navigation .pagination .next-list-item a { padding: .1875rem 0;}
.page-navigation .pagination li {
    margin-right: 5px;
    border-radius: 0;
    font-size: 20px;
    color: #FFF;
    font-weight:700;
}
.pagination .current {
    padding: 3px 10px;
    background: #FFF;
    color: #ed4150;
    font-size: 20px;
    cursor: default;
    font-weight: 700;
}
.page-navigation .pagination li a{ font-size: 20px;  color: #FFF; font-weight:700; }
.page-navigation .pagination li a:hover{ color:#333993;  background: transparent;}




.nouvelle {padding: 20px 0 60px 0;}
.nouvelle .cta-rouge {position: relative; top:26px; z-index: 10;}
.nouvelle h2.wline {color:#ed4150;}
.nouvelle h2.wline span {background: #FFF;}
.nouvelle h2.wline:before { background:#ed4150;}
.nouvelle .breadcrumbs {margin: 0 0 50px 0;}
.nouvelle .breadcrumbs span.current-item {color:#ed4150;}
.nouvelle h1.single-title {font-size: 50px; font-weight: 900; line-height: 1;  margin: 0 0 50px 0; color: #333993;}
.nouvelle .contenu{ display: block;  border-top: 1px #333993 solid;  border-bottom: 1px #333993 solid;  padding: 50px 0 30px 0; }
.nouvelle .partage { display: block; margin: 30px 0 0 0;}
.nouvelle .partage .titre-partage {font-size: 20px; color: #333993; font-weight:700; display: inline-block; margin: 0 15px 0 0;}
.nouvelle .partage .addthis_inline_share_toolbox { display: inline-block; vertical-align: top;}
.nouvelle .partage .addthis_inline_share_toolbox .at-resp-share-element .at-share-btn {margin:0 5px;}
.nouvelle .partage .addthis_inline_share_toolbox .at-resp-share-element .at-share-btn.at-svc-email { background: #ed4150 !important;}
.nouvelle .page-navigation {margin:100px 0 0 0;}
.nouvelle .page-navigation a{ font-size: 20px;  color: #333993; font-weight:700; }
.nouvelle .page-navigation a:hover{ color: #ed4150;}
.nouvelle .page-navigation a.nav-next {margin-left: auto;}

@media screen and (min-width: 1024px) {
	.nouvelle .desc {padding-right:50px;}
}



/***** ACTIVITÉS ******/

#tribe-events .tribe-events-button, #tribe_events_filters_wrapper input[type=submit], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a { 
    background-color: #333993; color:#FFF;
}


#tribe-events .tribe-events-button:hover, .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover {
    background-color: #ed4150; color:#FFF;
}

.tribe-events-tooltip .tribe-event-description p { font-size:14px;}
.tribe-events-tooltip { display: none !important;}
.recurringinfo {display:none;}

.post-type-archive-tribe_events .tribe-events-nav-next a, .post-type-archive-tribe_events .tribe-events-nav-previous a{ text-transform: capitalize;}
.tribe-events-divider {display: inline-block; margin: 0 5px;}
.excerpt-read-more {display:none;}
.tribe-address {display:block;}
.tribe-events-month-event-title a { font-weight: 700;letter-spacing: 0;}
.tribe-events-month-event-title a:hover{color:#ed4150;}
.tribe-events-month-event-title a:focus {color:#333993;}


/***** PLAN ET TERMES *****/

.plan h1 {font-size: 50px;  font-weight: 900; margin: 0 0 30px 0; letter-spacing: 1px;}



/***** NS ******/

.ns .ns-wrap {
    background-position: center center; 
    background-size: cover; 
    text-align: center;
    padding: 30px;
    height: 100%;
    min-height: 300px;
}
.ns .ns-wrap .ns-content { max-width:530px; margin: 0 auto;}
.ns .ns-wrap .ns-content.nos-soupers-communautaires-brisent-lisolement { max-width:600px; margin: 0 auto;}
.ns .ns-wrap .ns-content h3 {color:#FFF; font-size:40px; font-weight:900; margin: 0 0 5px 0; line-height: 1; }
.ns .ns-wrap .ns-content h3 b {font-family: 'Painted Paradise'; font-size:44px; color:#ed4150; font-weight: 400;}
.ns .ns-wrap .ns-content span {font-size:20px; color:#FFF; margin: 0 0 30px 0; display: block;}
.ns .ns-wrap .ns-content .cta-bleu { font-weight:900;}



/**** FOOTER *****/

.footer {background-image:url(assets/images/cjc_footer_back.jpg); background-position: center center; background-size: cover; padding: 100px 0; margin: 0; letter-spacing: 0.5px;}
.footer .footer-logo { width:100%; display: block; max-width: 190px;  margin: -30px 0 40px 0;}
.footer .footer-logo img {display:block;}
.footer .top-footer .cell { margin-bottom: 50px;}
.footer p {color:#FFF; margin-bottom: 30px;}
.footer .cell p:last-of-type {margin: 0;}
.footer p a {color: #FFF; text-decoration: underline;}
.footer p a:hover { color:#ED4150;}
.footer p a.nav-carte {font-size:15px; color: #FFF; text-decoration: underline;}
.footer p a.nav-carte:hover { color:#ED4150;}
.footer p a.nav-ecrivez {font-weight:700;}
.footer .footer-nav {list-style: none; margin: 0; display: block; }
.footer #menu-footer-colonne-1 { margin: 0 0 0 30px;}
.footer .footer-nav li {display:block; padding: 0; margin: 0 0 15px 0;}
.footer .footer-nav li a{ font-size:16px; font-weight:700; display: block; color:#FFF;}
.footer .footer-nav li a:hover {color:#ED4150; text-decoration: underline;}
.footer .footer-nav-big {list-style: none; margin: 0; display: block; text-align: right;}
.footer .footer-nav-big li {display:inline-block; padding: 0; margin: 0 0 5px 0;  max-width: 280px; width: 100%;}
.footer .footer-nav-big li a{ font-size:18px; font-weight:900; display: block; color:#FFF; text-align: center; background:#ED4150; padding: 15px;  }
.footer .footer-nav-big li a:hover {color:#ED4150; background:#FFF;}

.footer .footer-nav-big li .faire-don{
    display: block;
    background: #ED4150;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    padding: 15px;
    letter-spacing:0;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
    border: 0;
    margin: 0 auto;
    width: 100%;
    -webkit-transition: all 0.3s cubic-bezier(.455,.03,.515,.955);
    transition: all 0.3s cubic-bezier(.455,.03,.515,.955);
}
.footer .footer-nav-big li .faire-don:hover{color:#ED4150; background:#FFF;}


.footer .bottom-footer:before{content:''; width:100%; height:1px; background: rgba(255,255,255,0.4); display: block; margin: 0 15px 50px 15px;}
.footer .bottom-footer .infolettre-text { font-size:18px; font-weight:700; line-height: 1.2; color: #FFF;}


.footer .bottom-footer .social ul {text-align: right; list-style: none; margin: 0; display: block;}
.footer .bottom-footer .social ul li { display: inline-block;}
.footer .bottom-footer .social ul li:nth-child(2){ padding:0 10%; margin: 0 10%; border-right:1px rgba(255,255,255,0.4) solid; border-left:1px rgba(255,255,255,0.4) solid; }
.footer .bottom-footer .social ul li a {display: block; font-size: 36px; line-height: 1; color:#FFF;}
.footer .bottom-footer .social ul li a:hover {color:#ED4150;}

.footer .infolettre {display: inline-block; width:100%; margin: 0 0 0 30px; max-width: 340px;}
.footer .infolettre .mc-field-group{ position:relative; display: flex;}
.footer .infolettre input[type="email"]{ 
	height:40px; background: transparent;
	border:1px #FFF solid; margin:0;
	font-family: 'Lato', sans-serif;
	font-size:13px; 
	font-weight:700; 
	color:#FFF;
	 padding: 0 20px; box-shadow: none;
	-webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
	transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.footer .infolettre .mc-field-group:hover input[type="email"] {border:1px #ED4150 solid;}
.footer .infolettre .button { 
	background: #FFF; height:40px; 
	text-align: center; border: 0; 
	font-size:13px; margin: 0;
	text-transform: uppercase; 
	color: #333993; font-weight:900;
	padding: 2px 20px 0 20px;
	font-family: 'Lato', sans-serif;
	-webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); 
	transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.footer .infolettre .button:hover {background:#ED4150; color: #FFF;}

.footer .infolettre input[type="email"]::-webkit-input-placeholder { color: #FFF;}
.footer .infolettre input[type="email"]::-moz-placeholder { color: #FFF;}
.footer .infolettre input[type="email"]:-ms-input-placeholder { color: #FFF;}
.footer .infolettre input[type="email"]:-moz-placeholder { color: #FFF;}

.sub-footer { background: #000000; padding: 0 0 20px 0;}
.sub-footer .cell > a, .sub-footer .cell > span {display: inline-block; padding: 20px 0 0 0;}
.sub-footer .cell a, .sub-footer .cell span {color:#FFF; font-size: 9px; text-transform: uppercase; letter-spacing: 2px;}
.sub-footer .cell a:hover {color:#ED4150;}

#mce-responses {color: #FFF; font-size: 14px;  line-height: 1.3;  margin: 10px 0 0 0;}


@media screen and (max-width: 1430px) {
	
	.about-video .texte{ padding: 100px 15px;}
    
    .home-calendrier .home-events .wrap .date .left-side {display: none;}
    .custom-slider-nav {  position: relative; bottom: 0; margin: 40px 0 0 0;}
	
}


@media screen and (max-width: 1200px) {
	
    
    .header .menu-principal .nav-ap ul li span {max-width:160px;}
    .header .menu-principal .nav-ap ul li.nav-60 span {max-width:200px;}
}


@media screen and (max-width: 1023px) {
	
    .guedi {display:none;}
    
    .about-video .videoPlay { height:300px;}
    .about-video .videoPlay .video-thumb {background-position: center top;}
    
    .custom-slider-nav { position: relative; margin: 40px 0 20px; bottom:auto;}
	
    
    .nouvelle .partage { margin: 30px 0; }
    
    .ns .ns-wrap .ns-content h3 {font-size: 36px;}
     .ns .ns-wrap .ns-content h3 b {font-size: 42px;}
    
	.footer { padding: 80px 0;}
	.footer #menu-footer-colonne-1 {margin: 0;}
    .footer .footer-nav-big {text-align: center; max-width: 280px; margin:0 auto;}
    .footer .footer-nav-big li {display:block; margin: 0 0 5px 0;}
	.footer .footer-logo{margin: 0 auto 50px auto;}
	.footer .infolettre {margin: 0;}
	.footer .bottom-footer .social {margin-top: 40px;}
	.footer .bottom-footer .social ul { text-align: center;}
    

	 
	#responsive-menu-pro-container #responsive-menu-pro-wrapper{ padding-top:90px;}
	body #responsive-menu-pro-header {z-index:999999;}
	#responsive-menu-pro-header-bar-button #responsive-menu-pro-button {z-index:9999999;}
	#responsive-menu-pro-header-bar-button .responsive-menu-pro-box { margin-top: -2px; }
    #responsive-menu-pro-container #responsive-menu-pro li.responsive-menu-pro-item .responsive-menu-pro-item-link {text-transform: uppercase;}
    #responsive-menu-pro-container .responsive-menu-pro-search-box {  border-radius: 0 !important; max-width: 480px;}

    
}

@media screen and (max-width: 768px) {
	
    .home-nouvelles { padding: 100px 0 200px 0;}
    
    
}


@media screen and (max-width: 767px) {
	.sub-footer .align-justify {-ms-flex-pack: center;  justify-content: center; }
}

@media screen and (max-width: 640px) {
    
    
    .breadcrumbs { margin: 0 0 60px 0;}
	.bandeau.general {height:250px }
	.bandeau.general .cell h1 {font-size: 44px;}
    
    .bandeau-slider .slick-arrow, .bandeau-slider .slick-dots {display:none !important;}
    
    
    h2 {font-size: 36px;}
    h3 { font-size: 26px;}
    p {font-size:16px; hanging-punctuation: first force-end last;}
    
	.about-video .texte{ padding: 80px 15px;}
	
    .home-ateliers .custom-slider { padding: 0 30px;}
    .home-ateliers .slick-prev {  left: 15px;}
    .home-ateliers .slick-next {  right: 15px;}
    .home-calendrier .home-events .wrap .date span { font-size: 18px; }
    .home-calendrier .home-events .wrap, .home-nouvelles .home-news .wrap { padding: 30px; } 
    .home-nouvelles .texte h2, .home-calendrier .texte h2{ font-size:30px;}
    .home-nouvelles .texte h3, .home-calendrier .texte h3{ font-size:24px;}
    
    .home-gang {padding: 0 0 80px 0; }
   
    
    .nouvelle .cta-rouge {display:none;}
    .nouvelle h1.single-title { font-size: 30px; line-height:1.2; }
    .nouvelle .page-navigation {margin: 60px 0 0 0;}
    .nouvelles .home-news .wrap p {font-size: 15px;}
	
	.footer {text-align: center; padding: 50px 0;}
	.footer .top-footer .cell:nth-child(2) {margin-bottom: 0;}
    
	.footer .footer-logo{margin: 0 auto 50px auto;}
	.footer .bottom-footer .infolettre-text {margin-bottom: 30px; display: block;}
    
    
    .pagination .current {display:none;}
    

}


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

    .cta-bleu, .cta-rouge {font-size:16px;}
    
    .page-navigation .pagination li a {font-size:18px;}
    
    
    .about-video .texte { padding: 30px 15px;}
    
    .about-video .texte h2 {font-size: 28px;}
    .about-video .texte h2 ul li { font-size: 28px;}
    
    .home-calendrier { padding: 60px 0;}
    .home-calendrier .home-events .wrap, .home-nouvelles .home-news .wrap { padding: 30px 20px; } 
    
    .home-nouvelles { padding: 60px 0 150px 0;}
    
    .home-ns { padding: 60px 0;}
    .home-ns .ns-wrap { min-height: 300px;}
    .home-ns .ns-wrap .ns-content h3 {font-size: 30px;}
    .home-ns .ns-wrap .ns-content h3 b { font-size: 30px; }
    .home-ns .ns-wrap .ns-content p {font-size:16px;}
    
    
    .nouvelles {padding: 20px 0 60px 0;}
    .nouvelle h1.single-title {margin: 0 0 30px 0;}
    .nouvelle .contenu { padding: 30px 0;}
    .nouvelle .page-navigation a { font-size: 16px; }
    
    
    .ns .ns-wrap .ns-content h3 {font-size: 28px;}
    .ns .ns-wrap .ns-content h3 b {font-size: 30px;}
    .ns .ns-wrap .ns-content span {font-size: 18px;}
    
    
    .sub-footer .cell a, .sub-footer .cell span { letter-spacing: 1px;}
    
    
}