html {
    scroll-behavior: smooth;
  }
  .br-mobile 
  {
      display: none;
  }
.gal {
		
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
.gal img{ width: 100%; padding: 7px 0;}

@media (max-width: 500px) {		
		.gal {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    }
    .br-mobile 
    {
        display: block;
    }
}

p{
    text-align:justify;
}

div.contact--icon svg.svg-inline--fa
{
	font-size:2rem;
	color:var(--first-color);
}

.first-color
{
    color:var(--first-color);
}

.contact-info
{
	border: dashed var(--first-color) 3px;
	padding: 1rem;
	border-radius:25px;
}

div.contact--icon svg.svg-inline--fa
{
	font-size:2rem;
	color:var(--second-color);
}

.contact--panel
{
	border: dashed var(--first-color) 3px;
	padding: 1rem;
    border-radius:25px;
    margin-bottom: 2rem;
}

.contact--panel a , .contact--panel h4
{
    font-family: "Work Sans", sans-serif;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 23px;
    font-size: 1.1rem;
}

.contact--panel h4
{
    margin-bottom: 7px;
}

.rs-image-box ul{
    margin: 0;
    padding: 0;
}

.rs-image-box ul li 
{
    list-style-type: none;

}

.rs-image-box ul li:before {
    content: "•   "; /* caractère ISO 10646 */
    color: var(--dark-blue);
}


.header-1 .navbar-main .nav-link {
    padding: 2rem 1rem;
}

.row:before, .row:after {display: none !important;}


.gradasi-primary, .btn-primary, .rs-icon-info .fa, .rs-icon-info-2 .fa, .rs-icon-info-3 .fa, .rs-icon-funfact .icon, .box-image-6 .media .no, .rs-pricing-1.popular, .progress-bar, .bg-gradient-primary, .portfolio_filter li a.active {
    background: var(--bg-webkit-gradient);
    background: var(--bg-webkit);
    background: var(--bg); }

  .gradasi-primary:hover, .btn-primary:hover, .rs-icon-info .fa:hover, .rs-icon-info-2 .fa:hover, .rs-icon-info-3 .fa:hover, .rs-icon-funfact .icon:hover, .box-image-6 .media .no:hover, .rs-pricing-1.popular:hover, .progress-bar:hover, .bg-gradient-primary:hover, .portfolio_filter li a.active:hover {
    background: var(--bg-inverse-webkit-gradient);
    background: var(--bg-inverse-webkit );
    background: var(--bg-inverse); }

.box-widget ul.list-info li div.info-text a
{
    color:white;
}

.box-widget ul.list-info li div.info-text a:hover
{
    color:var(--dark-blue);
}

@keyframes topback{
    from {transform: translateY(0);}
    to   {transform: translateY(-5px);}
}

.topback {
    animation: topback 0.7s ease infinite;
}

.banner-full {
    height: 60%;
    position: relative;
}

.content-wrap {
    padding: 150px 0;
}

.contact-wrap {
    padding: 50px 0 0 0;
}

.wrap-caption h1 , .wrap-caption p {
    text-shadow: 1px 1px 2px black
}

.wrap-caption p , div.wrap-caption.text-white a.btn.btn-primary
{
    margin-left:1rem;
}

.navbar-main .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(59, 74, 113, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#navbar-example a.navbar-brand
{
    color: var(--dark-blue) !important;
    font-weight: 700;
}

.section-mobile
{
    display: none;
}

@media (max-width:970px)
{
    .content-wrap {
        padding: 50px 0;
    }
    .section-mobile
    {
        display: block;
        padding:0;
    }
    .section-mobile img 
    {
        border:15px solid var(--first-color);
    }
    .section-desktop
    {
        display: none;
    }

}

.eapps-widget-toolbar {
    position: absolute;
    top: -32px;
    left: 0;
    right: 0;
    display: block;
    z-index: 99999;
    padding-bottom: 4px;
    transition: all .3s ease;
    pointer-events: none;
    opacity: 0;
    display: none!important;
}

.banner-gradient:before {
	content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    background: -webkit-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.027) 0%,rgba(0,0,0,0.5) 100%);
}

#intro .content-wrap 
{
    padding: 75px 0;
}

.somatopathe-margin
{
    margin-bottom: 5rem;
}

li.nav-item:nth-child(3)
{
    background: var(--bg-webkit-gradient);
    background: var(--bg-webkit);
    background: var(--bg); 
}


span.methodetitre
{
    font-weight: 500;
    color:var(--dark-blue);
    font-size: 1.5rem;
    font-family: var(--gabriola);
}

.lienfb 
{
    color: var(--dark-blue);
    font-weight: 700;
    font-size: 17px;
}

.lienfb:hover
{
    color: var(--first-color);
    font-weight: 700;
    font-size: 17px;
}

/* i.fa.fa-facebook 
{
    font-size: 2.3rem;
} */

.blue 
{
    color:var(--dark-blue);
}

.rs-accordion .title .btn::before, .rs-accordion .title .btn-primary::before, .rs-accordion .title .btn-secondary::before, .rs-accordion .title .btn-light::before, .rs-accordion .title .btn-ghost-light::before {
    content: "\29BF";
    font-family: Arial;
    color: var(--dark-blue);
    font-size: 24px;
    position: absolute;
    top: 22px;
    left: 0;
    line-height: 1;
    padding: 0 0px 0 20px;
}

#navbarNavDropdown.collapse.navbar-collapse ul.navbar-nav.ml-auto li.nav-item a.nav-link i.fa
{
    font-size:1.5rem;
    margin-top: -6px;
}
.bg-grey 
{
    background-color:#f2f2f2;
}

.section-heading.useful-link {
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 10px;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 5px;
    position: relative;
}

.content-wrap.liens
{
    padding: 100px 0;
}

nav#navbar-example.navbar.navbar-expand-lg div#navbarNavDropdown.collapse.navbar-collapse ul.navbar-nav.ml-auto li.nav-item.facebook a.nav-link
{
    margin-right: 10rem;
}


.bg-gradient
{
    background: var(--bg-webkit-gradient);
    background: var(--bg-webkit);
    background: var(--bg);
}
div.fcopy.bg-gradient div.container div.row div.col-sm-12.col-md-12.text-center
{
color:white!important;
}

/* .rs-icon-info-3 .info-icon .fa , .rs-icon-info-3 .info-icon .fas , .rs-icon-info-3 info-icon/ .fab {
    width: 80px;
    height: 80px;
    padding-top: 22px;
    margin-bottom: 20px;
}

.rs-icon-info-3 .fa , .rs-icon-info-3 .fas , .rs-icon-info-3 .fab {
    text-align: center;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    color: #ffffff;
    background-color: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    padding-top: 14px;
    font-size: 35px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.rs-icon-info-3:hover .info-icon .fa , .rs-icon-info-3:hover .info-icon .fas , .rs-icon-info-3:hover .info-icon .fas  {
    color: #ffffff;
    background-color: var(--dark-blue);
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
} */

div.row div.col-sm-4.col-md-4 div.rs-icon-info-3.text-center.mb-5 div.info-icon svg
{
    color: #ffffff;
    -webkit-animation-name: hvr-icon-push;
    animation-name: hvr-icon-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    width: 60px;
    height: 60px;
    padding-top: 22px;
    margin-bottom: 20px;
    margin:0 auto;
}

div.row div.col-sm-4.col-md-4 div.rs-icon-info-3.text-center.mb-5 div.info-icon {
    background: var(--bg-webkit-gradient);
    background: var(--bg-webkit);
    background: var(--bg);
    text-align: center;
    width: 80px;
    height: 80px;
    margin-right: 10px;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    font-size: 35px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin:0 auto;
}


div.rs-icon-info-3.mb-3 div.info-icon img.energy
{
    border-style: none;
    width: 2.4rem;
    text-align: center;
    position: relative;
    top: 15px;
    left: 11px;
}

div.rs-icon-info-3.mb-3 div.info-icon .icon-poyet
{
    background: var(--bg-webkit-gradient);
    background: var(--bg-webkit);
    background: var(--bg);
    text-align: center;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border-style: none;
    width: 2rem;
    width: 3.7rem;
}

div#home.section.banner-full.bgi-cover-center
{
    border-top: 3px solid #4D5A7D;
    border-bottom: 3px solid #A1A4B4;
}

@media screen and (min-width: 992px) and (max-width: 1281px) {
    div#navbarNavDropdown.collapse.navbar-collapse ul.navbar-nav.ml-auto li.nav-item a.nav-link {
      font-size:0.7rem;
    }
    .header-1 .navbar-main .nav-link {
        padding: 2rem 0.4rem;
    }
  }


  .testimonial-quote {
    font-size: 16px;
}
.testimonial-quote blockquote {
   /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    color: gray;
    font-family: Georgia, serif;
    font-size: 1.5em;
    font-style: italic;
    line-height: 0.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}
.testimonial-quote blockquote * {
    box-sizing: border-box;
}
.testimonial-quote blockquote p {
    color: black;
    line-height: 1.4 !important;
    font-family: var(--gabriola);
    text-align: center;
}
.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: 0.3;
    position: absolute;
    top: -0.4em;

    left: 1.2em; /* HEREEEEEEEEEEEEEEEEEEEEEEEEEEE */

    text-shadow: none;
    z-index: -300;
}


.testimonial-quote blockquote p.xl-line:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: 0.3;
    position: absolute;
    top: -0.4em;

    left: 0.6em; /* HEREEEEEEEEEEEEEEEEEEEEEEEEEEE */

    text-shadow: none;
    z-index: -300;
}



.testimonial-quote blockquote p.small-line:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: 0.3;
    position: absolute;
    top: -0.4em;

    left: 1.9em; /* HEREEEEEEEEEEEEEEEEEEEEEEEEEEE */

    text-shadow: none;
    z-index: -300;
}




.testimonial-quote blockquote p.medium-line:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: 0.3;
    position: absolute;
    top: -0.4em;

    left: 1em; /* HEREEEEEEEEEEEEEEEEEEEEEEEEEEE */

    text-shadow: none;
    z-index: -300;
}


@media (max-width:1199px)
{
    .testimonial-quote blockquote p:first-child:before
    {
            display: none;
    }
}

.testimonial-quote cite {
    color: gray;
    display: block;
    font-size: 0.8em;
}
.testimonial-quote cite span {
    color: #5e5e5e;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px white;
}
.testimonial-quote {
    position: relative;
}
.testimonial-quote .quote-container {
    padding-left: 0px;
}
.testimonial-quote.right .quote-container {
    padding-left: 0;
    padding-right: 100px;
}
.testimonial-quote.right img {
    left: auto;
    right: 0;
}
.testimonial-quote.right cite {
    text-align: right;
}

.content-wrap.wrap-quote {
    padding-top: 100px;
    padding-bottom: 0px;
}

.content-wrap.wrap-parcours {
    padding-top: 90px;
    padding-bottom: 0px;
}

@media (max-width:600px)
{
    #navbar-example a.navbar-brand {
        color: var(--dark-blue) !important;
        font-weight: 700;
        font-size: 1.2rem;
    }
    span.methodetitre {
        font-weight: 500;
        color: var(--dark-blue);
        font-size: 1.1rem;
        font-family: var(--gabriola);
    }
}

@media (max-width:991px)
{
    .header-1 .navbar-main .nav-link {
        padding: 0.7rem 1rem;
    }
}

.portrait
{
    width:13rem;
    border:15px solid white;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}


.rounded {
    border-radius: 8.25rem !important;
}

@media(max-width:560px)
{
    .portrait-div
    {
        justify-content:center;
    }
}