/*
*
*/

/** New  
    background: #f1f7fd; **/


/*
* FOR RENACAFCI V2
*
*/

section.femmes_references {
  /* padding: 60px 0; */
  padding: 10px 0;
  overflow: hidden;

  border: 1px solid red;

  /* border-bottom: 1px solid red;*/
  border-bottom: 1px solid orange; 
}

section.femmes_references h2, section.paroles_fortes h2{
    color: orange;
    font-size: 30px;
    font-weight: 700;
}

section.femmes_references p > a, section.paroles_fortes p > a{
    color: green;
    /*font-size: 30px;
    font-weight: 700; */
}
section.femmes_references p > a:hover, section.paroles_fortes p > a:hover {
    color: orange;
    /*font-size: 30px;
    font-weight: 700; */
}


/* * --Analyse social cicg  ( Social-media = social ) */

.social a:hover{

            font-size: 14px;

            background-color: #fff;

            box-shadow:inset 4px 4px 6px -2px rgba(0,0,0,0.2),

                        inset -4px -4px 6px -1px rgba(255,255,255,0.7),

                                -0.5px -0.5px 0px -1px rgba(255,255,255,1),

                                0.5px 0.5px 0px rgba(0,0,0,0.15),

                                0px 12px 10px -10px rgba(0,0,0,0.05);

            border: 1px solid rgba(0, 124, 196, 0.1);

                transform: translateY(1px);

            }

            .social a:hover i{

                transform: scale(0.90);

            }

            .social a:hover .fa-facebook{

                color: #3b5998;

            }

            .social a:hover .fa-x-twitter{

                color: #101010;

            }

            .social a:hover .fa-linkedin{

                color: #00acee;

            }

            .social a:hover .fa-instagram{

                color: #f14843;

            }

            .social a:hover .fa-youtube{

                color: #f00;

            }




/****** ***** */

footer{
  background-color: #223d50;
}

#footer {
    color: #444444;
    font-size: 14px;
    background: #223d50;
}

a.voir_plus{
  color: white; 
  background-color: orange !important;
}

a.voir_plus:hover{
  color: white; 
  background-color: green !important;
}

.badge-nb-effectif{
	background-color: green; 
	color: white;
	padding: 0.25em 0.4em;
	border-radius: 0.25rem;

	display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.mffe-bg-section{
	background-color: #f1f7fd;
}

.mffe_bg_grey{
  background-color: #EDEDED;
}

/* ===== Formulaire d'inscription ===== */

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}
.form-group {
    margin-bottom: 1rem;
}
/** **/

/* Style the form */
#regForm {
  background-color: #ffffff;
  /*
  margin: 100px auto;
  padding: 40px;
  width: 70%; 
  */
  margin: auto;
  padding: 40px;
  width: 90%;
  min-width: 300px;
}

/* Style the input fields */
input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: Raleway;
  border: 1px solid #aaaaaa;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}
select.invalid {
  background-color: #ffdddd;
}
div.has-error{
  background-color: #ffdddd;
}
span.help-block{
  color: red;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
}

/* ******** */

/* SLIDER */
#mffe-slider{
 /* margin-top: 180px;  */
 opacity: auto;
}


/***** Modification */
/*
#topbar {
    background: #fff;
    height: 150px !important;
    font-size: 14px;
    transition: all 0.5s;
    z-index: 996;
}

#header {
    background: #fff;
    transition: all 0.5s;
    z-index: 997;
    padding: 15px 0;
    top: 150px;
    box-shadow: 0px 2px 15px rgba(25, 119, 204, 0.1);
}

.about .video-box {
	margin-top: 149px;
}
*/

@media(min-width: 992px){
	.about .video-box {
	   /* background: url(../img/about.jpg) center center no-repeat; 
	    proposition_logo.jpg renacafci_logo_valide_2.jpg */
	    background: url(../img/mffe/renacafci_logo_3.jpg) center center no-repeat;
	    background-size: cover;
	    min-height: 500px; 
	    margin-top: 149px;
	}

	.about .icon-boxes {
	    margin-top: 149px;

	}
}

/* +++++++++++++++++++++++ CAROUSSEL +++++++++++++++++++++++++++ */
/* ------------------------------------------------------------- */


/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
  margin-bottom: 0rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 0px !important;
  z-index: 10;
  background-color: rgba(0,0,0,0.7);
  padding: 1rem;
  /*border-radius: 0rem 3rem; */
  width: 100%;
  margin: auto;
  right: 0 !important;
  left: 0 !important;
  /*text-align: center !important; */
  text-align: left !important;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  background-color: #777;

  /*height: 30rem;*/
  height: 25rem;
  width: 100%;

}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  /*height: 32rem;
  height: 32rem; */
}

.carousel-indicators {
  justify-content: right !important;
  margin-right: 5% !important;
}

.carousel-indicators li.active {
  background-color: #ff7f00;
}

.carousel-caption p {
  font-size: 0.9rem;
}

/* responsible for carousel */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}
/* ---------------------- End caroussel -------------------------------- */

/* ++++++++++++++++++++++ BLOCK MOT MINISTRE +++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------- */
.mot-ministre {
    /*padding-bottom: 3.75rem; mot-ministre*/
    /*border-radius: 0rem 3rem;
    background-color: rgba(0,0,0,0.6);
    background-color: #F5F5F5;*/

    background-color: #F5F5F5;
    border-bottom: 4px solid #036D00;
    border-top: 4px solid #036D00;
    border-radius: 10px 0px;
    padding: 9px 10px;
    padding-bottom: 0px;
}
.n_ministre, .entry-content {
    /*padding-bottom: 3.75rem; */
    border-bottom: 1px solid #036D00;
    margin-bottom: 0px;
  /*  padding-top: 1.125rem;*/
}


/*  */
#box-ministre > ul {
  padding: 0;
  text-align: center;
}
#box-ministre > ul li {
  list-style:none;
  border-bottom: #fff;
  background-color: #fff;
  margin-top: 1rem;
}

#box-ministre > ul li:hover > a {
  color: #fff !important;
  text-decoration: none;
}

#box-ministre > ul li:hover {
  background-color: #ff7f00;
  
}

/* ------- zoom ------- */
/* Actualité
----------------------------- */
.box-news {
/*background-color: #F5F5F5;  #f8f8f8 */
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;
padding-top: 15px;
}
/*
.zoom {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.zoom:hover {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.zoom-parent {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}
*/

.center {
  text-align: center;
}
/* --------------------------------- End BLOCK MOT MINISTRE ---------------- */

/* ============================ BLOCK INFO DEFILANT ======================== */
/* ------------------------------------------------------------------------- */



/** INFO DEROULANT **/
 div#flash-info{
  position:fixed;
  /*top:50%;*/
  background-color:#000;
  border:#fff solid;
  bottom:2px;
  right:0px;
  z-index:999;
  width:100%;
  margin:0px;
  
  font-size: 100%;
  font-style:italic;
}
div#flash-info >.defilant{
  width:85%;
  padding-top:2px;
  white-space:nowrap;
  color: white;
  
}
div#flash-info >.static{
 /* background-color:#ff6d00;*/
  padding:2px;
  background-color: red;
  color: white;
 
}
div#flash-info >.info{
 /* color:#fff;
  margin:0px;

 */
  display:inline-block;
  
} 
div#flash-info >.defilant >.markee .urgent {
 /* background-color:#ff6d00;*/
  padding:2px;
  background-color: green;
  color: white;
 
}/** INFO DEROULANT **/

/* ----------------------- end BLOCK INFO DEFILANT------------------------------*/

/* ------- videothèque  -------------------------- */


/* VIDEOTHEQUE */
/*div#videotheque > div#video-iframe div.row {
  /*display:none;
  visibility: hidden;
}

div#videotheque > div#video-iframe div.row.active {
  visibility: visible;
} */

div#videotheque > div#video-iframe div.row.no-active {
  display:none;
}

div#videotheque, div#videotheque .active, 
div#bibliotheque .active {
  background-color: #333333 !important;
  color: #fff;
  /*margin: 0; 
  background-color: #3A3A3A !important;*/
}

div#publication .active {
  background-color: #fff !important;
  color: #fff;
}
div#videotheque a {
  color: #fff;
}

div.liste_video {
 /* border-top: 1px solid #ffcc00;
  margin: 15px 17px 0 -14px; */
  font-weight: normal;
}

div.lien_precedent {
  border-bottom: 1px solid #ffcc00;
}

div.lien_suivant {
  border-top: 1px solid #ffcc00;
  clear: left;
  position: relative;
}
.lien_precedent a, .lien_suivant a {
    /*display: block;
    padding: 5px; */
    text-align: center;
  } 

div#video-iframe .item_plus {
  /*border-top: 1px solid #ffcc00;
  margin: 15px 17px 0 -14px; */
  font-weight: normal;
}

/* videothèque 2.3 avec li */
/*.v-item-link span {
  display: block;
} */
.v-item-info span {
  display: block;
}

.v-item-link > span {
  /*display: inline-block;*/
  font-weight: normal;
}

div#videotheque li {
  list-style: none;
  float: left;
}

ul.v-item-liste {
  padding: 0px;
}

.v-item-liste .v-item-visuel {
  float: left;
  margin-right: 10px;
}
 div#video-iframe li {
    overflow: hidden;
    padding: 10px 5px;

}
  
/* analyser v-item-info
h1, h2, h3, h4, h5, h6 {

    font-family: "Oswald", Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #333333;
    letter-spacing: -0.5px;
  }*/

  /* Pagination Item */


div.card > a.fancybox{ 
    color:#ccc; text-shadow:0 -1px 0 black; 
} 
div.card > a.fancybox:hover, div.card > a.fancybox:focus{ 
    background:rgba(0,0,0,.4); 
    box-shadow:0 1px 0 rgba(255,255,255,.4); 
    transform:scale(1) rotate(0);
    opacity:1;
}


div.card > a.fancybox span
 { 
    position:absolute; 
    /*... */
    z-index: 3;
    margin-top:23px; 
    margin-left:-35px; 
    color:#09c; 
    background:rgba(0,0,0,.9); 
    padding:15px; 
    border-radius:3px; 
    box-shadow:0 0 2px rgba(0,0,0,.5); 
    transform:scale(0) rotate(-12deg); 
    transition:all .25s; 
    opacity:0;
 }

/*  Animation photothèque */


     /********* Hover image et texte *******/
    /* Overlay */
    .overlay-image .hover {
     position: absolute;
     /*top: 0;*/
     padding-top: 1.5rem;
     text-align: center;
     vertical-align: center;
     height: 100%;
     width: 100%;
     opacity: 0;
     /*transition: .25s ease;
     transition-duration: 1.5s;
     transition-delay: 0.4s;
     transition-timing-function: ease;*/

     -webkit-animation: photothequanimation 2s linear ; /* steps(3);  Boucle d'animation ! */; /* Safari, Opera, Chrome */
    animation: photothequanimation 2s linear ; /* Boucle d'animation ! */; /* Tous les autres navigateurs */

     /*transform: translateX(60px); /* On déplace l'objet */

     background:rgba(0,0,0,.5);
     /*rotate(-12deg);
     transform:scale(1);*/
    }
    /* Apparition overlay sur passage souris */
    .overlay-image:hover .hover {
     opacity: 1;
    }



    /*  *** ANMATON ***   */
    @-webkit-keyframes photothequanimation { /* Safari, Opera, Chrome */

    from {

        transform: translateX(0px);

    }

    80% {

        transform: translate(15px, 20px) rotate(30deg);

    }


    to {

        transform: translate(100px, 80px) rotate(30deg);

        border-radius: 30px;

        background-color: #036D00;

    }

}


@keyframes photothequanimation { /* Tous les autres navigateurs */

    from {

        transform: translateX(0px);

    }

    80% {

        transform: translate(15px, 20px) rotate(30deg);

    }


    to {

        transform: translate(100px, 80px) rotate(30deg);

        border-radius: 30px;

        background-color: #036D00;

    }

}
/* ------------------------------------------------ */