.bg-grey {
      background-color: #f6f6f6 ;      
}
.bg-1 {
  background: #2d2d30;/* noir bleue élégant */  
  color: #bdbdbd; margin-top: 8.5em; 
}

/*
@media(min-width:56.25em) {
    #init {
       height: 44.375em;  
       padding-top: 5%; padding-left: 0%;
       padding-right: 0%; margin-bottom: 20%;
    }
}
@media screen and (max-width: 48em) {
    .col-sm-3 {
      text-align: center;
      margin: 1.5625em 0;
  }
}
*/

/* a:hover, a:focus { text-decoration: ; color: ; } */

.logo { color: #f4511e;font-size: 12.5em;}
.espace { line-height: 0.9; }
/*********** w3-dropdown-content *****************/
#li_Apropos .w3-dropdown-content { width: 55rem;right: 0; background-color: #F2F2F2;z-index: 90;padding-bottom: 20px;}
#ministere .w3-dropdown-content { width: 12rem;right: 0; background-color: #F2F2F2;z-index: 90;padding-bottom: 20px;}
#activites .w3-dropdown-content { width: 18rem;right: 0; background-color: #F2F2F2;z-index: 90;padding-bottom: 20px;}
#li_Apropos .w3-dropdown-content .w3-row-padding .w3-col:nth-child(3) {padding-right: 17px;}
#li_Apropos .w3-dropdown-content .w3-row-padding .w3-col:nth-child(1)  { padding-left: 17px;}
#li_Apropos .w3-dropdown-content .w3-row-padding .w3-col:nth-child(2) {padding-right: 10px;padding-left: 10px;}

#li_Apropos .w3-dropdown-content h4 
{ 
  text-transform: capitalize;
  color: #303334; /* rgb(48,51,52); */
  font-weight: 400; 
  letter-spacing: -0.05em;
  margin-top: 22px;
  font-size: 18px;
  text-transform: lowercase;
  line-height: 1.47;
  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; 
 }
#ministere .w3-animate-right, 
#li_Apropos .w3-animate-right,   
#activites .w3-animate-right  { position: absolute; -webkit-animation: animateright 0.4s; animation: animateright 0.4s; } 
#ministere .w3-animate-left ,
#activites .w3-animate-left ,
#li_Apropos .w3-animate-left { position: absolute; -webkit-animation: animateleft 0.4s; animation: animateleft 0.4s; }
#ministere .w3-animate-zoom, 
#activites .w3-animate-zoom, 
#li_Apropos .w3-animate-zoom { position: absolute; -webkit-animation: animatezoom 0.4s; animation: animatezoom 0.4s; }
#ministere .w3-animate-top, 
#activites .w3-animate-top, 
#li_Apropos .w3-animate-top { position: absolute; -webkit-animation: animatetop 0.4s; animation: animatetop 0.4s; } 
#li_Apropos .w3-animate-bottom, 
#activites .w3-animate-bottom, 
#ministere .w3-animate-bottom { position: absolute; -webkit-animation: animatebottom 0.4s; animation: animatebottom 0.4s; }

#li_Apropos .w3-dropdown-content img { width: 100%; height: 8rem;} /* 22.86em; height: 11.8em;*/
#li_Apropos .w3-dropdown-content h1 span { border-bottom: 3.7px solid #1db8ea!important;padding-bottom: 3px; }
#li_Apropos .w3-dropdown-content h1 {    
    text-transform: capitalize;
    font-size: 38px;line-height: 1.20;
    letter-spacing: -0.05rem;
    color: #303334; /*  rgb(48,51,52);*/
    font-weight: 500; padding: 0 24px;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; 
    margin-bottom: 25px;
}

.w3-dropdown-content a:hover
{ color: #1db8ea!important;
  background-color: #fff!important;
  border: 1px solid #1db8ea!important;
}
#ministere .w3-dropdown-content a,
#activites .w3-dropdown-content a
 { color: #777; font-size: 13px; padding: 6px 25px; }
 
.w3-dropdown-content a { 
  font-size: 0.9rem; 
  padding: 16.5px 1.5px;
  border: 1.502px;margin-top: 13px;
  border-width: 1px;border-color: rgb(29,184,234);
  background: rgb(29,184,234);
  text-transform: capitalize;margin-bottom: 30px;   

  display: inline-block;
    text-align: center;
    line-height: 0.55;
    white-space: nowrap;
    max-width: 100%;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-overflow: ellipsis;
    cursor: pointer;
    border-style: solid;
    overflow: hidden;
    border-radius: 150px;
    transition: all 0.3s ease;

}
.w3-dropdown-content p
{ 
    font-size: 13px;color: rgb(110,114,115);/*#6e7273;*/
    font-family: Roboto,sans-serif; 
    margin-top: 15px;      
    text-transform: capitalize;
    text-align: justify;  
    font-weight: 300;line-height: 1.4; 
    margin-bottom: 20px;     
 }
/*********************** A propos ********************/
#APropos h2 { 
    font-size: 1.5em;
    text-transform: uppercase;
    color: #bdbdbd; /*#303030;*/
    font-weight: 700;
    margin-bottom: 1.875em;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;    
    letter-spacing: 0.005em;
 }
#APropos h4 {
    font-size: 1.1875em;
    line-height: 1.375em;
    color: #bdbdbd; /*#303030;#6e7273*/
    font-weight: 400;
    margin-bottom: 1.875em;
}
.city {display: none;}
/*#id01 {z-index: -1;}*/
#Afrique address,#Europe address,
#Etats-Unis address,#Canada address
{ text-align: left; }
.brun_noir { color: #444;
text-decoration: underline; }
#Afrique address span,#Europe address span,
#Etats-Unis address span,#Canada address span
{ color: #1db8ea!important; }
#APropos #Afrique dl,#APropos #Europe dl, 
#APropos #Etats-Unis dl,#APropos #Canada dl, 
#APropos #Afrique p, 
#APropos #Europe p, 
#APropos #Etats-Unis p, 
#APropos #Canada p { 
    margin-left: 2.19rem; margin-right: 2.19rem;
    color: #444;font-size: 1rem;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; 
    text-align: justify;
    font-style: normal;
 }
 .Apotre { font-size: 1.2rem;
  color: deepskyblue; }
.w3-light-grey { 
    background-color: #333;
    color: #f1f1f1;
 }
#APropos #Afrique dl dt,  
#APropos #Europe dl dt ,
#APropos #Etats-Unis dl dt, 
#APropos #Canada dl dt { 
    font-size: 1.1rem;
}
#APropos #id01 .w3-modal-content { 
  width: 69.5rem; 
}
#APropos #id01 ul { width: 100%; }
#APropos #id01 ul li a { 
    color: #444;
    font-style: bolder;
    font-weight: 700;
    font-size: 1.3rem;
}

#APropos .container-fluid { padding: 5rem 7.5rem; }
  /***************** thumbnail *************/
#APropos .container-fluid { width: 90%; }
#APropos .thumbnail {
    padding: 0 0 0.9375rem 0;
    border: none;
    border-radius: 0; 
    height: ; /* 26.5rem;           */
}

#APropos .thumbnail p:nth-child(2) {
    color: #000!important;
    font-weight: bold;
    font-style: normal;
}
#APropos .thumbnail p { 
  margin: 0 0 0.625rem; margin-top: 0.9375rem;
  color: #555;font-family: Lato, sans-serif;
  font-style: ;font-size: 0.933rem;line-height: 1.2;
}

#APropos .thumbnail img 
{ 
  width: 100%; height: auto; margin-bottom: 0.625rem;
}
     
#APropos .thumbnail .w3-btn { 
  /*  color: #fff; background-color: #1db8ea!important; */
    padding: 0.625rem 1.25rem; margin-top: 0.5rem;
    background-color: #333;
    color: #f1f1f1;
    border-radius: 0;
    outline: 0;
   /* text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    */
    width: 8.7rem;
    font-family: Lato, sans-serif;
    font-weight: normal;
    font-size: auto;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}

#APropos .thumbnail .w3-btn:hover,
.thumbnail .w3-btn:focus { 
  /*  border: 0.063em solid #fff;outline: 0;
    color: #fff;background-color: #fff;   */ 
    border: 0.0625em solid #333;
    background-color: #fff;color: #000;
} 

.light { font-weight: 400; }
/******************* filtres couleurs images ***************/
.grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.opacity {-webkit-filter: opacity(30%);filter: opacity(30%);}
/********************* couleurs ***************/
.fondblanc { background-color: #fff; }
.bleuecolor { color: #1db8ea!important; }
.bleue { background-color: #1db8ea!important; }
.bleuelegant { background-color: #3670ab; }/* bleu élégant */
.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!important; }
.grisTresFonce { color: #777777; }
.orange { color: #f4511e; }
/******************** boutons ************/
.btn-md { font-size: 10px;width: 130px;
  border-color: #1db8ea!important }
.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; }

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

.item .w3-animate-top, .item .w3-animate-right,.item .w3-animate-bottom,.item .w3-animate-left,.item .w3-animate-zoom {   
  -moz-animation-delay:       0ms;
  -webkit-animation-delay:    0ms;
  animation-delay:            0ms;
  -webkit-animation-duration: 4000ms;
  -moz-animation-duration:    4000ms;
  animation-duration:         4000ms;
  animation-iteration-count: infinite;
}
 
#mycaroussel2 { width: 100%; height: 600px; }
#mycaroussel2 .carousel-inner img { width: 100%; height: 600px; }
#caroussel, #mycaroussel2 { padding-right: 0; padding-left: 0;  }
.item .intro-text { font-size: 1.625em; font-style: italic;}

/******************* myCarousel *****************/
.carousel-inner img { width: 100%;margin: auto;min-width: block;max-width: 100%;} 
/* 71.474em height: 56em ;*/
/* 
.item { 
  width: 100%;
  height: 56em;
  margin: auto;
  text-align: center;
  color: #fff;  
 }
  -webkit-filter: grayscale(60%);  filter: grayscale(60%);   */
/*
h1,h2,h3,h4,h5,h6 {
    margin: 0 0 0.6rem; 
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: ;
}
*/
#myCarousel .croix1-body .carousel-caption p:nth-child(4),#myCarousel .croix2-body .carousel-caption p:nth-child(3),
#myCarousel .croix3-body .carousel-caption p:nth-child(3),#myCarousel .croix4-body .carousel-caption p:nth-child(3)
{font-size: 1.25rem;font-style: normal;line-height: 2rem;margin-bottom: 3.5%;}

 /* texte du verset dans les item du carroussel  */
#myCarousel .carousel-caption p:nth-child(2),#myCarousel .croix1-body .carousel-caption p:nth-child(3)
 { font-size: 1.8rem;font-style: italic;line-height: 1.25;margin-bottom: 2%; }

hr { margin-left: 30%; margin-right: 30%; font-weight: 900;}

/* initiales des 1ers caractères du titre de la communauté */
#myCarousel .carousel-caption .brand-heading span { 
  /*  text-shadow: 0.125rem 0.125rem 0.25rem #000000;*/
    color: #1db8ea!important;
 }
/* tout le titre de la communauté dans le brand-heading */
#myCarousel .carousel-caption .brand-heading { 
  font-size: 4rem; 
  text-shadow: 0.125rem 0.125rem 0.25rem #000000;
  color: #fff;width: 100%;  max-width: 100%;
  top: 1%;
}

.carousel-caption { 
  position: absolute;
  font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
  right: 15%;left: 20%;top: 15%;
  bottom: 30%; z-index: 10;
  padding-top: 5%; padding-bottom: 5%; 
  color: #fff; text-align: center; 
  width: 60%; max-width: 60%;
  text-shadow: 0.125em 0.125em 0.5em #000000;  
}

.carousel-caption h2 {
  font-family: inherit;
  font-weight: 600;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 1.25rem;
  color: #fff !important;
}
.carousel-indicators { bottom: 22.5%;}
.carousel-indicators li 
{ 
  font-weight: 900; line-height: 47px;
  width: 20px;height: 20px;
  background-color: #fff;
  border: 2px solid #1db8ea!important;
  margin: 0px 7px;
}

.carousel-indicators li.active {
    font-weight: 900; line-height: 47px;
    width: 20px;height: 20px;
    background-color: #1db8ea!important;
    border-color: #1db8ea!important;
    margin: 0px 7px;
}

.glyphicon-chevron-left
 { 
    background-color: #f2f2f2; 
    padding-left: 1.25em; padding-right: 1.875em;
    margin-left:  1.25em ; margin-right: 1.875em;
    padding-bottom: 1.5625em; padding-top: 0.625em;
 }

.glyphicon-chevron-right 
{
    background-color: #f2f2f2; 
    padding-left: 1.25em; padding-right: 1.875em;
    margin-left:  1.25em ; margin-right: 1.875em;
    padding-bottom: 1.5625em; padding-top: 0.625em;
}
.carousel-control.right, .carousel-control.left {background-image: none;color: #1db8ea!important; }

@media screen and (min-width:768px) and (max-width: 992px)
{
    .w3-dropdown-content { width: 22rem; height:; left: 0; background-color: #F2F2F2;z-index: 90; padding-bottom: 20px;}
    .w3-dropdown-content h1 { font-size: 27px; }
    .w3-dropdown-content h4 { font-size: 12px; }
    .w3-dropdown-content p { font-size: 9px; }
    .w3-dropdown-content img { height: 4rem; }
    .w3-dropdown-content a { font-size: 1rem; padding: 12px 1.2px;}
 /*   p {margin: 0 0 1.10rem;font-size: 1rem;line-height: 1.16;} */

    /* initiales des 1ers caractères du titre de la communauté */
    #myCarousel .carousel-caption .brand-heading span { 
    /*  text-shadow: 0.125rem 0.125rem 0.25rem #000000;*/
    color: #1db8ea!important;
    }
    /* tout le titre de la communauté dans le brand-heading */
    #myCarousel .carousel-caption .brand-heading { 
    font-size: 2rem; 
    text-shadow: 0.0625rem 0.0625rem 0.125rem #000000;
    color: #fff;width: 100%;  max-width: 100%;
    top: 1%;
    }
    #myCarousel .croix1-body .carousel-caption p:nth-child(4), #myCarousel .croix2-body .carousel-caption p:nth-child(3),
    #myCarousel .croix3-body .carousel-caption p:nth-child(3),#myCarousel .croix4-body .carousel-caption p:nth-child(3)
    {font-size: 0.625rem;font-style: normal;line-height: 2rem;margin-bottom: 3.5%;}

    /* texte du verset dans les item du carroussel  */
    #myCarousel .carousel-caption p:nth-child(2),#myCarousel .croix1-body .carousel-caption p:nth-child(3)
    { font-size: 1rem;font-style: italic;line-height: 1.25;margin-bottom: 2%; }    
}
@media screen and (min-width:992px) and (max-width:1166px)
{
    .w3-dropdown-content { width: 38rem; left: 0; background-color: #F2F2F2;z-index: 90; padding-bottom: 20px;}
    .w3-dropdown-content h1 { font-size: 27px; }
    .w3-dropdown-content h4 { font-size: 9px; }
    .w3-dropdown-content p { font-size: 7px; }
    .w3-dropdown-content img { height: 5.5rem; }
    .w3-dropdown-content a { font-size: 0.45rem; padding: 12px 1.2px;}
   /* p {margin: 0 0 1.12rem;font-size: px;line-height: 0.9;} */

    /* initiales des 1ers caractères du titre de la communauté */
    #myCarousel .carousel-caption .brand-heading span { 
    /*  text-shadow: 0.125rem 0.125rem 0.25rem #000000;*/
    color: #1db8ea!important;
    }
    /* tout le titre de la communauté dans le brand-heading */
    #myCarousel .carousel-caption .brand-heading { 
      font-size: 2.5rem; 
      text-shadow: 0.0937rem 0.0937rem 0.187rem #000000;
      color: #fff;width: 100%;  max-width: 100%;
      top: 1%;
    }
    #myCarousel .croix1-body .carousel-caption p:nth-child(4),
    #myCarousel .croix2-body .carousel-caption p:nth-child(3),
    #myCarousel .croix3-body .carousel-caption p:nth-child(3),
    #myCarousel .croix4-body .carousel-caption p:nth-child(3)
    {
        font-size: 0.925rem;
        font-style: normal;
        line-height: 2rem;
        margin-bottom: 3.5%;
    }

    /* texte du verset dans les item du carroussel  */
    #myCarousel .carousel-caption p:nth-child(2),
    #myCarousel .croix1-body .carousel-caption p:nth-child(3)
    { 
        font-size: 1.3rem;
        font-style: italic;
        line-height: 1.25;
        margin-bottom: 2%; 
    }   
}

@media screen and (min-width:1167px) and (max-width:1465px)
{
    .w3-dropdown-content { width: 45rem; right: 0; background-color: #F2F2F2;z-index: 90; padding-bottom: 20px;}
    .w3-dropdown-content h1 { font-size: 27px; }
    .w3-dropdown-content h4 { font-size: 12px; }
    .w3-dropdown-content p { font-size: 9px; }
    .w3-dropdown-content img { height: 6rem; }
    .w3-dropdown-content a { font-size: 0.6rem; padding: 12px 1.2px;}
 /*   p {margin: 0 0 1.15rem; font-size: px;line-height: 1.1;} */

    /* initiales des 1ers caractères du titre de la communauté */
    #myCarousel .carousel-caption .brand-heading span { 
    /*  text-shadow: 0.125rem 0.125rem 0.25rem #000000;*/
    color: #1db8ea!important;
    }
    /* tout le titre de la communauté dans le brand-heading */
    #myCarousel .carousel-caption .brand-heading { 
    font-size: 3rem; 
    text-shadow: 0.0937rem 0.0937rem 0.187rem #000000;
    color: #fff;width: 100%;  max-width: 100%;
    top: 1%;
    }
    #myCarousel .croix1-body .carousel-caption p:nth-child(4),
    #myCarousel .croix2-body .carousel-caption p:nth-child(3),
    #myCarousel .croix3-body .carousel-caption p:nth-child(3),
    #myCarousel .croix4-body .carousel-caption p:nth-child(3)
    {
        font-size: 1.1rem;
        font-style: normal;
        line-height: 2rem;
        margin-bottom: 3.5%;
    }

    /* texte du verset dans les item du carroussel  */
    #myCarousel .carousel-caption p:nth-child(2),
    #myCarousel .croix1-body .carousel-caption p:nth-child(3)
    { 
        font-size: 1.5rem;
        font-style: italic;
        line-height: 1.25;
        margin-bottom: 2%; 
    }   
}

@media (max-width: 768px) {
  .carousel-caption { display: none; }
  .w3-dropdown-content { width: 23rem; height:; left: 0; background-color: #F2F2F2;z-index: 90; padding-bottom: 20px;}
    .w3-dropdown-content h1 { font-size: 20px; }
    .w3-dropdown-content h4 { font-size: 9px; }
    .w3-dropdown-content p { font-size: 6.5px; }
    .w3-dropdown-content img { height: 3rem; }
    .w3-dropdown-content a { font-size: 0.4rem; padding: 12px 1.2px;}    
}


@media(min-width:56.25em) {
    .myCarousel  {
        height: ;
   /*     padding: 0;  44.375em */
       padding-top: 5%; padding-left: 0%;
       padding-right: 0%; margin-bottom: 20%;
    }        
}

@media screen and (max-width: 40em) {
    .col-sm-3 {
        text-align: center;
        margin: 0 0;
    }
}