body {
    width: 100%;    height: 100%;
    font: 400 15px Lato, Lora,"Helvetica Neue",Helvetica,Arial, sans-serif; line-height: 1.8;
    color: #fff;     background-color: #1db8ea!important;
     /* #f2f2f2!important ;  */
  /*  font-family: tangerine, Arial, sans-serif; */
}

/*kkkkkkkkkkk**/
a {
 color: #72c02c;
 text-decoration: none;
}

a,
a:focus,
a:hover,
a:active,
button,
button:hover {
  outline: 0 !important;
}

a:focus {
text-decoration: none;
}
a:hover {
 color: #72c02c;
 text-decoration: underline;
}


/*mmmm*/

@media (max-width:767px){.w3-hide-xsmall{display:none !important}}
@media (max-width:991px) and (min-width:768px){.w3-hide-small{display:none !important}}
@media (max-width:1199px) and (min-width:992px){.w3-hide-medium{display:none !important}}
@media (min-width:1200px) {.w3-hide-large{display:none !important}}

/*********************************** section my work **************************/
/* Create a Parallax Effect */
.bgimg-1, .bgimg-2, .bgimg-3 { opacity: 0.9;background-attachment: fixed;background-position: center;background-repeat: no-repeat;
    background-size: cover;}

/* First image (Logo. Full height) */
.bgimg-1 { background-image: url("'../img/Photos web wered/Wired7.JPG'");min-height: 100%;}

/* Second image (Portfolio) */
.bgimg-2 { background-image: url("../img/Photos web wered/Wired7.JPG");min-height: 400px;width:100%;}
.noirCasse{ }
/* Third image (Contact) */
.bgimg-3 {background-image: url("../img/Photos web wered/Wired10.JPG");min-height: 400px;}

.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

#googleMap {   width: 100%; height: 400px;-webkit-filter: grayscale(90%);filter: grayscale(90%);}

/* Turn off parallax scrolling for tablets and mobiles */
@media only screen and (max-width: 1024px) { .bgimg-1, .bgimg-2, .bgimg-3 { background-attachment: scroll;} }
/****************************************************************************************************************************************/

html {
    width: 100%;
    height: 100%;
}
.w3-tangerine { font-family: 'Tangerine', serif; }
@font-face { font-family: 'Roboto';font-style: normal;font-weight: 300;src: local('Roboto Light'), local('Roboto-Light'),
   url(http://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/******************** caroussel ******************/
.light { font-weight: 400; }
/******************* filtres couleurs images ***************/
.grayscale { -webkit-filter: grayscale(5%);  filter: grayscale(5%);}
/********************* couleurs ***************/
.fondblanc { background-color: #fff; }
.bleuecolor { color: #1db8ea!important; }
.bleue { background-color: #1db8ea!important; }
.bleuelegant { background-color: rgba(54,112,171,0.10);  }/* #3670ab; */
.blanc-important { color: #fff!important; }
.gris { background-color: #f2f2f2!important; }
.grisClair {color: #777;}
.grisBeau { background-color: #f2f2f2; }
.autreGris { background-color: #d5d4d0; } /* autre gris agréable */
.grisBlanc {background-color: #f4f4f2;} /* entre gris et blanc */
.toutBlanc { color: #fff; }
.rouge-noir { color: darkred;}
.noir {color: #000 !important;}
.noire {color: ; font-weight: 400; font-size: 1em;line-height:1.2; }
.orange { color: #f4511e; }
/******************** nav barre de navigation *****************/

.navbar-custom {
    margin-bottom: 0;
    border-bottom: 0.063em solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #1db8ea!important;
}
.navbar-custom div.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}
.navbar-custom .nav img.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

.imgSlide5 { margin-left: 15em; width: 12.5em;height: 4.69em; display: inline-block; }
/* .navbar-custom ul.nav { padding-right: 100px; } */
/* .navbar-custom ul.nav i, .navbar-custom ul.nav i+a { display: inline; } */

/* ------------------- 1ère lettre des items du menu ------------------- */
.navbar-custom .navbar-brand span:nth-child(2) { color: #f4511e; }
.navbar-custom .navbar-brand span { text-shadow: 0.125em 0.125em 0.25em #000000; }
.navbar-custom .navbar-brand i { text-shadow: 0.125em 0.125em 0.25em #000000; }
.navbar-custom .navbar-brand { font-weight: 700;  }/* padding-left: 3.125em;*/

.navbar-custom .navbar-brand:focus { outline: 0;}
.navbar-custom .navbar-header .navbar-toggle { padding: 0.25em 0.375em;font-size: 1em;color: #fff  ;}
.navbar-custom .navbar-header .navbar-toggle:focus, .navbar-custom .navbar-header .navbar-toggle:active { outline: 0;}

.navbar-custom a { color: #fff;}
/* a { color: #fff; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } */
/* a:hover, a:focus { text-decoration: none; color: #1d9b6c; } */

/******** couleur orange: #f4511e ******* #1db8ea!important */ 
.navbar-custom .nav li a span { color: #f4511e; text-decoration: underline; }
/* --------------OMBRE sur les items de menu  ------------------ */
/*.navbar-custom .nav li a:not([href*="nous.html#"]) { text-shadow: 0.125em 0.125em 0.25em #000000; }*/

.navbar-custom .nav li a:hover:not([href*="nous.html#"]) { outline: 0; color: #1db8ea!important; background-color: #fff;border-radius: 6.25em; } 
.navbar-custom .nav li a:focus:not([href*="nous.html#"]) { outline: 0; color: #1db8ea!important; background-color: #fff;border-radius: 6.25em; }
/* .navbar-custom .nav li.active a { outline: 0; background-color: transparent ; } */

@media screen and (min-width:993px) {
    .navbar-custom {
        padding: 1.25em 0;border-bottom: 0;
        letter-spacing: 0.063em;background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

  /* ici est le background-color de la barre de navigation pendant la transition*/
    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 0.063em solid rgba(255,255,255,.3);
        background: #1db8ea!important;
    }
}

/* ****************** Contact section ********************/

/* ****************** intro section ********************/
.mySlides { display: none; }
/*********************** btn-circle ******************** */
.btn-circle {
    width: 55px; height: 55px;margin-top: 9px; padding: 4px 10px;border: 2.8px solid #fff;border-radius: 100%!important;font-size: 2em;
    color: #fff;background: 0 0;-webkit-transition: background .3s ease-in-out;-moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    /*
    width:  4.375em; height: 4.375em;margin-top: 0.94em;padding: 0.4375em 1em;border: 0.3em solid #fff!important;border-radius: 100%!important;
    text-shadow: 0.125em 0.125em 0.25em #000000;font-size: 0.5em;color: #1db8ea;background: 0 0;-webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;transition: background .3s ease-in-out; */
}

.btn-circle:hover, .btn-circle:focus { outline: 0; color: #fff; background: rgba(255,255,255,.1);}
.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}
.croix1-body a.animated, .croix2-body a.animated,
.croix3-body a.animated, .croix4-body a.animated,
.btn-circle i.animated, .btn-circle:hover i.animated
{
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}


/**************************** Ministeres-Charges *****************************************************************/
/**************************** Ministeres-Charges *****************************************************************/

#Ministeres-Charges { font: 400 15px Lato, sans-serif; line-height: 1.8; color: #818181; } 
/* color: #818181*/

#Ministeres-Charges h2 { font-size: 24px;text-transform: uppercase;color: #303030;font-weight: 600;
      margin-top: 30px; }
#Ministeres-Charges h4 { font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 30px;text-transform: capitalize; }  /*color: #303030*/
#Ministeres-Charges .titre2 { text-transform: capitalize; }
.titre3 { margin-top: 30px; }
.logo-small { color: #f4511e; font-size: ;margin-bottom: 30px;text-align: center;margin-top: 30px;opacity: 80%; }
.logo-moyen { color: #f4511e; font-size: 3rem;margin-bottom: 30px;text-align: center;margin-top: 30px;opacity: 80%; }
.logo { color: #f4511e;font-size: 200px; }
.min-Text { color: #999;font-size: 0.95em;font-family: Georgia, helvetica,arial,sans-serif;text-align: left; }
.Values { color: #000; }
/**************************** Activités *********************************************************************/
/**************************** Activités *********************************************************************/

#Activites h2 { font-size: 24px;text-transform: uppercase;color: #303030;font-weight: 600;margin-top: 30px; }
#Activites h3 { font-size: 1.4rem;line-height: 1.2rem;color: #000;font-weight: 400;
               margin: 2.5rem 0rem 0rem 0rem; max-height: 9rem;overflow: hidden;
               padding-bottom: 0.5rem;text-transform: capitalize;text-align: left; }  /*color: #303030*/
#Activites p:not(.min-Text) { font-size: 1.2rem;line-height: 1.6;color: rgba(43,43,43,0.7);margin-right: 0 .25rem; margin-left: 0.25rem;
              max-height: 18rem;overflow: hidden; text-align: justify; }
#Activites { width: 100%; padding: 3.125em 0;color: #fff;background-color: #1db8ea!important;
       -webkit-background-size: cover;-moz-background-size: cover;}
#Activites img { width: 100%; }
.slide {animation-name: slide;-webkit-animation-name: slide;animation-duration: 1s;-webkit-animation-duration: 1s;
      visibility: visible;  }

  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  
  @media screen and (max-width: 768px) {
    .col-sm-4 {
      text-align: center;
      margin: 25px 0;
    }
    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }
  }
  @media screen and (max-width: 480px) {
    .logo {
        font-size: 200px;
    }
  }
#Intercession h1,h5,#Intercession p {font-family: Montserrat, sans-serif; line-height: 1.4; }
/*
#Intercession h2 {font-size: 24px;text-transform: uppercase;color: #303030;font-weight: 600;margin-bottom: 30px;}
#Intercession h4 {font-size: 19px;line-height: 1.375em;color: #303030;font-weight: 400;margin-bottom: 30px;}
#Intercession .col-sm-4 span { margin-top: 50px; }
#Intercession .col-sm-8 h2     { margin-top: 50px; margin-right: 200px; }
#Intercession .col-sm-8 p    { margin-bottom: 50px; }
*/
/* #Activites { padding-top: 3.5em; background-color: #1db8ea!important; } */

/*
#Activites h2 { font-size: 1.5em; text-transform: uppercase;font-weight: 700;margin-bottom: 1.875em;font-family: Montserrat,
"Helvetica Neue",Helvetica,Arial,sans-serif; letter-spacing: 0.005em;color: #fff; } *//*#303030;*/
/*
#Activites .w3-row-padding img { width: 100%; }
#Activites .w3-third { background-color: #f2f2f2!important }
#Activites .w3-card-2 { background-color: #3670ab; }
*/

/**************************************** Ministeres ************************************************************************/
/**************************************** Ministeres ************************************************************************/

#Ministeres { padding-top: 0em; background-color: #1db8ea!important; font-size: 1.2rem; }
.Ministeres-section { width: 100%; padding: 0.65em; color: #fff; background: url(../img/background/sup/vert-nature.JPG) no-repeat center center scroll;
    background-color: #1db8ea!important; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;
    -o-background-size: cover;
}
.Ministeres-section a strong { color: #1db8ea!important;}
.Ministeres-section .btn { border: 2.5px solid #1db8ea!important;}
.Ministeres-section p a span em { color: #1db8ea!important;}
.Ministeres-section p span w3-tag { position: absolute;left: 0;bottom: 18px;}
/* Popover */
  .popover { border: 2px dotted red; }
  /* Popover Header */
  .popover-title { background-color: #73AD21; color: #FFFFFF; font-size: 28px; text-align:center; }
  /* Popover Body */
  .popover-content { background-color: coral; color: #FFFFFF; padding: 25px; }
  /* Popover Arrow */
  .arrow { border-right-color: red !important; }

    background-size: cover;-o-background-size: cover; }
   /* background: url(../img/downloads-bg.JPG) no-repeat center center scroll;*/

/**************************************** Gallerie ************************************************************************/
/**************************************** Gallerie ************************************************************************/

#Gallerie { padding-top: 1.5em; background-color: #3670ab!important;} /* #3670ab!important */
/* .Gallerie-section img { width: 170px; height: 170px;padding: 0px 0px;border: 0.5px;opacity: 0.90;border-radius: 100% !important;} */

    /* width: 100%; height: 155px; border: 1.5px; opacity: 0.90; border-radius: 100%!important; padding: 4px;} */
#Gallerie h3.w3-center {font-size: 24px; margin: 10px 0; font-family: "Lato", sans-serif; font-weight: 400; line-height: 1.8; }

#Gallerie p.w3-center {line-height: 1.8;display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;
    -webkit-margin-end: 0px;  font-style: italic;}

.Gallerie-section img { width: 75%; } 
.Gallerie-section .btn { border: 2.5px solid #1db8ea!important; } 
.Gallerie-section {  
    width: 100%; padding-top: 2.2em; color:#fff;background-color: #3670ab!important; -webkit-background-size: cover; -moz-background-size: cover; 
    background-size: cover; -o-background-size: cover;/* background: url("../img/background/49H.JPG") no-repeat center center scroll;min-height: 400px;width:100%; */
}

/**************************************** Medias ************************************************************************/
/**************************************** Medias ************************************************************************/


#Medias { padding-top: 3.5em; background-color: #1db8ea!important;}
.Medias-section div .w3-row-padding { margin: 0 -16px; }
.Medias-section .w3-quarter img:not([class='media-object']) { margin-bottom: -8px !important; width: 100%; }
.Medias-section .w3-quarter  { margin-bottom: -8px !important; color: #fff; } 
/* .Medias-section .w3-quarter .blanc-important { text-transform: uppercase; } */
.media {  background-color: #f8f8f8;}
 
.media-left img { border-radius: 100% !important; width: 3.15em;  }
.media-body { font-family: Georgia,serif;color: #A8A8A8; font-style: italic;font-weight: 100; font-size: 0.90813em;} 
.media-body p { font-weight: 400;color: #AAAAAA;font-size: 0.875em; }
/*color: #c8c8c8; font-size: 0.8125em; */
.padding { padding: 0.01em 0em; }
.position-rel { position: relative; }
.hauteur-top {position: absolute; left: 0; top: 40%; width: 100%;text-align: center; }
.Medias-section .w3-quarter p { color: #000; }
.Medias-section img.w3-hover-opacity {width: 100%; height: 155px; border:0; opacity: 0.90;}
/* .Medias-section .w3-quarter i {position: absolute; left: 0; top: 5%; width: 100%;text-align: center; } */
.Medias-section h3 {font-size: 24px;}
.Medias-section p {line-height: 1.8;display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;
    -webkit-margin-end: 0px;  }
.Medias-section { width: 100%; padding: 3.125em 0; color:#fff;background-color: #3670ab!important;/* #ebebeb; */
    -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; }


#Structure { padding-top: 3.5em; background-color: #1db8ea!important;}
.Structure-section {
    width: 100%;
    padding: 3.125em 0;
    color: #fff;
    background: url("../img/background/64H.JPG") no-repeat center center scroll;
    background-color: #1db8ea!important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/**************************************** Contact ************************************************************************/
/**************************************** Contact ************************************************************************/

#contact { padding-top: 3.5em; background-color: #1db8ea!important;} /* #3670ab!important ; padding-top: 3.5em;*/
.contact-section img.w3-hover-opacity {width: 100%; height: 100%; border:0; opacity: 0.90;}
.contact-section h3 {color: ; text-transform:capitalize; }
.w3-theme-l5 { color: #000 !important; background-color: #f0f0f0 !important;}
.w3-text-teal {color: #1db8ea!important;}
.w3-border-teal { border-color: #1db8ea!important;}
.w3-bottombar {border-bottom: 6px solid #1db8ea!important;} 
form .w3-label {color: #1db8ea!important;}
.contact-section { width: 100%; padding: 0 0; color: ; 
    background-color: ; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}

#map {  width: 100%; height: 12.5em; margin-top: 6.25em; }
/****************** carte adresse *********************/
#carte { width: 100%; height: 30%;  }
#carte iframe { width: 100%; height: 100%;  }

.w3-validate {color: #1db8ea!important;}
@media(min-width: 47.9375em) { 
    .content-section { padding-top: 10.625em; }
    .Ministeres-section { padding: 5em 0; }
    #map { height: 25em; margin-top: 15.625em; }
}

/**************************************** Boutons ************************************************************************/
/**************************************** Boutons ************************************************************************/

.btn {
    border-radius: 100px; outline: 0;
    text-transform: lowercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default {
    border: 0.063em solid #fff;
    /* color: #1db8ea!important;
    background-color: #fff;
    border-radius: 100px; */
}

.btn-default:hover,
.btn-default:focus {
    border: 0.063em solid #fff;
    outline: 0;
    color: #1db8ea!important;
    background-color: #fff;
    border-radius: 100px;
}

ul.banner-social-buttons {
    margin-top: 0;
}

@media(max-width: 74.9375) {
    ul.banner-social-buttons {
        margin-top: 0.9375em;
    }
}

@media(max-width: 47.9375em) {
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 1.25em;
        padding: 0;
    }

    ul.banner-social-buttons li:last-child {
        margin-bottom: 0;
    }
}

/*footer {
    padding: 9em 0;
    background-color: #393939;
    color: #ccc;
    font-size: 14px;
    background-size: cover;
}
footer p { margin: 0;}
footer a.w3-teal { background-color: }/*#1db8ea!important;*/

::-moz-selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}

::selection {
    text-shadow: none;
    background: #fcfcfc;
    background: rgba(255,255,255,.2);
}
 
img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

body {
    webkit-tap-highlight-color: rgba(255,255,255,.2);
}