:root {

    --gallery_image_width:30%;
    --paragrapheImage_width:60%;
    --devenirsapeurImage_width:80%;

    /** taille des blocs **/

    --para-devenir-entete-minheight:30vh;
}

/****** custom patrice ********/

/** adaptation de la position du bloc admin par rapport à la navbar sinon manque ajouter+ **/ 
#c-admin {

    top:100px !important;

}

#adminLangDiv {
   
    top: 100px !important;
  
}

/** ajout du bouton backtotop **/

/*
.__                           
|  |__   ____   _____   ____  
|  |  \ /  _ \ /     \_/ __ \ 
|   Y  (  <_> )  Y Y  \  ___/ 
|___|  /\____/|__|_|  /\___  >
     \/             \/     \/ 
*/

html {
    scroll-behavior: smooth;
  }



a.manage
{
    z-index:100;
}

  #carrouselActuHome > div > div > div.owl-nav
  {
    margin:auto;
  }

  #carrouselActuHome .owl-item.active
  {
    padding-left:20px;
    padding-right:20px;
  }
/** bouton de remontée au top **/

#backtotop
{
    position:fixed;
    bottom:5%;
    right:2%;
    font-size:200%;
    z-index:1000;
    color:#1e354d;
    height:30px;
    width:30px;
    background:#fff;
    display:flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition:0.3s color cubic-bezier(0.215, 0.610, 0.355, 1);
}


#backtotop:hover
{

    background:#1e354d;
}

#backtotop a
{
     color:#1e354d; 
     
     transition:0.3s color cubic-bezier(0.215, 0.610, 0.355, 1);
     
}

#backtotop a:hover
{
     color:#fff;    
}

#backtotop a:active
{
     transform: translateY(-2px);  
}

/** fin bouton de remontée au top **/

/** navbar **/
.menu-niv4 li
{
display:none;
} 

.menu-niv4 .admin
{
display:contents;
} 


.logo18112
{
width:10%;
margin-right:50px;
}

.logo18112 img
{
width:100%;
}

.navbar {
    background-color: #1e354d !important;
    border-bottom: solid 3px #fff !important;
   
}

/** application des bandeaux de tissus **/ 


/*
main::before 
{
    content:"";
    background: #AF1A18;
    background: url('../images/layout/Bandeau_rouge.jpg');
    background-size: contain;
    width:100%;
    height:30px;
    position: absolute;
    top:-30px;
    left:0;
   
} 
*/ 

.bandeau_tissu
{
    background: #AF1A18;
    background: url('../images/layout/Bandeau_rouge.jpg');
    background-size: contain;
    width:100%;
    height:30px;  
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left:20px;
    color:#fff;
}

footer
{
position:relative;
margin-top: 30px;
}

footer::before 
{
    content:"";
    background: #AF1A18;
    background: url('../images/layout/Bandeau_rouge.jpg');
     background-size: contain;
    width:100%;
    height:30px;
    position: absolute;
    top:-30px;
    left:0;
   
}  

.homeEntete
{

position:relative;
}

.homeEntete div
{
    margin-bottom:10px;
}
    .homeEntete::after {
        content:"";
        background: #AF1A18;
        background: url('../images/layout/Bandeau_rouge.jpg');
        background-size: contain;
        width:100%;
        height:30px;
        position: absolute;
        bottom:0px;
        left:0;
      
       
    }
/** fin des bandeaux de tissus **/


/**** communs ***/

.wrapper
{

position:relative;
overflow:hidden;
}



.btn-primary
{
margin-top:20px;
margin-bottom:10px;
background: #1e354d;
border:none;
}

.btn-highlight
 {
    background:#fff;
    color:#000;
 }

 #entete_homePresentation

 {
    height:50vh;
    position:relative;
  
}

.paragrapheHome, 
#home_devenirSapeurPompier, 
.homeEntete,
.homeFocus
{
    min-height:var(--para-devenir-entete-minheight);
    position:relative;
  
}

section
{
    width:100%;
}

#entete_homePresentationImage img,#home_devenirSapeurPompier img
{
height: 100%;
width:var(--devenirsapeurImage_width);
object-fit: cover;

}

.homeEntete, .homeFocus, .paragrapheHome, .entete_homeEmployerSapeurPompier,#chiffres_cles .row
{
    margin-left:0;
    padding-left:0;
    margin-right:0;
    padding-right:0;
    overflow:hidden;
}


.blocFocusPrincipal
{
    padding-left:0;
    padding-right:0;
}

#entete_homeDevenirSapeurPompier
{
 
    display: flex;
    justify-content: center;
    align-items: center;
}

/**** fin communs ***/



 /*** zone de focus **/ 

 .homeFocus
{
    margin: 0;
    padding:0
}
 

 .homeFocus .gallery
 {
    height: 100%;
    width: 100%;
    object-fit: cover;
 }
 /*** fin zone de focus **/ 

 /****gallerie des focus et des paragrapphes ***/

 .gallery_content
 {
    display:flex;
    align-items: center;
    justify-content: space-between;
 }

 .gallery_text
 {
    
    
    width:50%;
    vertical-align: middle;
    text-align: justify;
    padding:40px;
 }

 .left
 {
    text-align: left;
    margin-left: 0;
    padding-left:0;
 }

 .right
 {
    text-align: right;
    margin-right: 0;
    padding-right:0;
 }

 .gallery_image
 {

    height:100%;
    width:var(--gallery_image_width);
    object-fit: cover;
 }

 /**** fin gallerie des focus et des paragrapphes ***/



/**** présentation ****/
#entete_homePresentationImage,#home_devenirSapeurPompier
{
height:100%;
object-fit: cover;
}

/**** fin présentation ****/

/**** paragraphes ****/

.paragrapheHome
{
    
    display:flex;
    align-items:center;
    justify-content: center;
}

.paragrapheImage img
{
    height: 100%;
    width:var(--paragrapheImage_width);
    object-fit: contain;
    
  
}

/**** fin paragraphes ***/

/**** chiffres clés ****/
#chiffres_cles .titre h2{font-size: 4em;line-height:3}


/**** fin chiffres clés ****/

/**** agenda ****/
#c-agenda p
{
    text-align: left;
    padding-left:10%;
    padding-right:10%;
    background:rgba(255,255,255,0.1);
    padding-top:1%;
    padding-bottom:1%;
    box-shadow: 1px 1px 1px black;
}

/**** fin agenda ****/

#photothequeDevenirSapeurHome img
{
height: 15%;
width:15%;
object-fit: cover;
border-radius:5px;
}

#entete_homeEmployerSapeurPompier
{
    display:flex;
    flex-direction: row;
}

#entete_homeDevenirSapeurPompier, #entete_homePresentation
{
    text-align: left;
}


/*** footer ****/
.adresse
{
    text-align: left;
}

.cursor
{
    border-right:1px solid #eb5e4c;
}



#SDIS_partenaires .footer_social
{
    vertical-align: middle;
    font-size:1.2em;
}

#noscentres
{
    position:relative;
}


#noscentres .btn-primary
{
    position:absolute;
    top:40%;
    left:50%;
    transform:translate(-50%,-50%);
    border:1px solid #fff;
    transition:1s all;
}

#noscentres .btn-primary:hover
{
    background: transparent;
    z-index:1;
    color:transparent;
    border:transparent;
}

#noscentres .btn-primary:hover .localisation
{
    z-index:2;
}

#noscentres .localisation
{
    position:relative;
     font-size: 6em;
}

.partnersbox
{
    background: #fff;
}

.partners
{
    width:200px;
    height:100px;
    object-fit: cover;
    margin:10px;
}
.partners img
{
height:100%;
width:100%;
object-fit: contain;
}


/*** fin footer ***/


#section_presentation #btn_contactHome {
    background-color: #2265aa !important;

}

#blocActuHome
{
background: #2265aa !important;
}

.homeFonce
{
    background: #2265aa !important; 
    color:#fff; 
}

.homeFonce .btn-primary
{
    background: #fff !important; 
    color:#000; 
}

.homeFocus
{
    background: #2265aa !important; 
    color:#fff; 
}

.homeFocus .btn-primary
{
    background: #fff !important; 
    color:#000; 
}


#header-contact hr
{
    height:3px;
}

/*
                                _       _                            
                               (_)     | |                           
  _ __   __ _  __ _  ___  ___   _ _ __ | |_ ___ _ __ _ __   ___  ___ 
 | '_ \ / _` |/ _` |/ _ \/ __| | | '_ \| __/ _ \ '__| '_ \ / _ \/ __|
 | |_) | (_| | (_| |  __/\__ \ | | | | | ||  __/ |  | | | |  __/\__ \
 | .__/ \__,_|\__, |\___||___/ |_|_| |_|\__\___|_|  |_| |_|\___||___/
 | |           __/ |                                                 
 |_|          |___/    
*/


.title-view h1,#s-news > div.content > h2 {
    background: #1e354d !important;
    color:#fff !important;
    padding-left:5px;
    border-bottom: 10px solid #fff;
    position:relative;

}

.title-view h1::after,#s-news > div.content > h2:after {

    content:"";
    height:5px;
    width:100%;
    background:#ca191f;
    position:absolute;
    bottom:-10px;
    left:0;

}

.head-block-view .imgOrkiRwd
{
    margin-top:10px;
}

.chapeau
{
    margin-top:10px;
    margin-bottom:10px;
    padding-top:10px;
    padding-bottom:10px;
    position:relative;
    width:60%;
}


.chapeau:after
{
    
    content:'';
    position:absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%,0);
    background: #005eb8;
    height:1px;
    width:50%;

}



.chapeau h3
{
font-size:1.2em;
margin-top:10px;
}


#contenu a
{
    position:relative;
    transition:0.5s all;
    color:#1e354d;
    text-decoration: none;
}

#contenu a.btn-primary
{
    position:relative;
    transition:0.5s all;
    color:#ffffff;
    text-decoration: none;
}

#contenu a:hover
{
    
    text-decoration: none;
    color:#005eb8;
    
}

#contenu h4
{
    
    position: relative;
    transition:1s all;
    width:fit-content;
 
}

#contenu h4::after
{
    position:absolute;
    bottom:0;
    left:0;
    content:"";
    height:2px;
    background: #005eb8;
    width:0%;
    transition:1s all;
    margin-left:15px;
}

#contenu a:hover h4::after
{
    position:absolute;
    bottom:0;
    left:0;
    content:"";
    height:2px;
    width:100%;
    background: #005eb8;
}


#paragraphe
{
    display: flex;
    flex-direction: column;
    justify-content: center;
   
}


/** pages de listes intermédiaires **/

.nextLevel
{
   margin-bottom:50px;
    
}

.nextLevel li
{
    position:relative;
    margin-bottom: 20px;
    
}
.edito-style 
{
    position:relative;
    padding:0;
    margin:0;
    box-sizing: border-box;
    border-left:2px solid #00005E;
    border-bottom:2px solid #00005E;
   
    margin-bottom:50px;
    display:flex;
    align-items: center;
    justify-content: center;
    width:80%;
    margin-left:100px;
    
}

.edito-style div 
{
    
    padding:0;
    margin:0;
  
}

.edito-style img 
{
    
    border:3px solid #ca191f;
    
    margin:10px;
   
    margin-top:0;
    padding:5px;
   
  
}

.edito-style:after
{
    content:"";
    height:2px;
    width:50%;
    background:#ca191f;
    position:absolute;
    bottom:5px;
    left:50%;
}

/** page de contenu titre + chapeau + image + texte **/

.head-block-view
{
    margin:0;
    padding:0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    
}

.head-block-view img 
{
    padding:5px;
    border:3px solid #ca191f;
}

/** page version cards pour les spécialités  ***/ 
#contenu .cartes
{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
   
    margin-bottom:20px;
}

#contenu .cartes .row
{
   
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
   
}

/** version page des groupements **/

.cartes2 .nextLevel
{
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;

}

.cartes2 .nextLevel a
{
    color:#fff !important;
}

.cartes2 .nextLevel li
{
   height:50px;
}

.cartes2 .nextLevel .card-dispatched2 .row
{


        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: flex-start!important;
        align-items: flex-start!important;


}

 .cartes2 .nextLevel .card-dispatched2{
    position:relative;
    min-height: 60vh;
    width:25em !important;
    border:1px solid grey;
    display: flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin:20px!important;
    padding:10px;

    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}

.cartes2 .nextLevel .card-dispatched2 h4:before {
  
    color: #fff !important;
  
}

.cartes2 .nextLevel .card-dispatched2 h4::after
{
 
    background: #fff !important;
 
}


.cartes2 .nextLevel .card-dispatched2:nth-child(even) {
    background: #1e354d ;
    color:#fff;
    }
    
.cartes2 .nextLevel .card-dispatched2:nth-child(odd) {
        background: #ca191f;
        color:#fff;
        
    }

.cartes2 .nextLevel .card-dispatched2 .edito-style
{

    margin-left:0;
    flex-direction:column !important;
    border:0;
   
    margin:auto;
}

.cartes2 .nextLevel .card-dispatched2 .edito-style img
{
margin:0;
padding:0;
border:1px solid #fff;
text-align: center;
margin-bottom:10px;


}

.cartes2 .nextLevel .card-dispatched2 .edito-style::after
{

 content:none;
}

.cartes2 .nextLevel .card-dispatched2 .edito-style .col-md-6
{

 width:100%;
}

.cartes2 .nextLevel .card-dispatched2::before
{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0.2;
background: #000;
transition:0.3s all;
}

.cartes2 .nextLevel .card-dispatched2:hover::before
{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
background: #000;
}

/** fin version page des groupements **/


#contenu .card-dispatched{
    position:relative;
    min-height: 60vh;
    width:25em !important;
    border:1px solid grey;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin:20px;
    padding:10px;
    -webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
    box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}


#contenu .card-dispatched::before
{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0.2;
background: #000;
transition:0.3s all;
}

#contenu .card-dispatched:hover::before
{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
opacity:0;
background: #000;
}

#contenu .card-dispatched:nth-child(even) {
background: #1e354d ;
color:#fff;
}

#contenu .card-dispatched:nth-child(odd) {
    background: #ca191f;
    color:#fff;
    
}

#contenu .card-dispatched h2
{
    color:#fff;
    text-align: center;
    vertical-align: middle;
    width:100%;
    min-height:80px;
   
}

#contenu .card-dispatched h2 span
{
  vertical-align: middle;
  min-height: 100%;
  text-decoration: underline;
}

#contenu .card-dispatched .imgOrkiRwd
{
    width:100%;
    object-fit: cover;
    margin:auto;
    margin-bottom:10px;
    transition:1s all;
}

#contenu .card-dispatched .imgOrkiRwd img
{
    width:100%;
    object-fit: cover;
    aspect-ratio: 15/10;
}

#contenu .card-dispatched .corpsTexte
{
    margin:0;
    padding:0;
    padding:20px;
    min-height:30vh;
}

#contenu .card-dispatched .corpsTexte li
{
    list-style-type: none;
}

.corpsTexte .btn-primary
{
    color:#fff !important;
}

/**** formulaire ****/ 



 /** fin version cards pour les spécialités **/ 


 /** version paragraphe classiques  **/

 #paragraphe
 {
    margin-top:20px;
 }
.para 
{
    padding:5px;
    width:80%;
    border-bottom: 3px inset #ca191f;
    position:relative;
}

.para::after
{
  content:"";
  width:50%;
  height:3px;
  position:absolute;
  left:0;
  bottom:5px;
  background: #00005E;
}

.para h2
{
  position: relative;
}

.para h2::before
{
    content: url('../images/layout/minicasque2.png');
    position:relative;
    vertical-align: middle;
  
}

.chap
{
    width:100%;
}

.corpsTexte
{
  padding-top:10px;
  padding-right:20px;
  margin-bottom:20px;
}
/** fin version paragraphe classiques **/








/** responsive queries **/
/*
                                       _     _ _   _           ______ __   ___            
                                      (_)   | | | | |      _  |____  / /  / _ \           
  _ __ ___   __ ___  __________      ___  __| | |_| |__   (_)     / / /_ | (_) |_ ____  __
 | '_ ` _ \ / _` \ \/ /______\ \ /\ / / |/ _` | __| '_ \         / / '_ \ > _ <| '_ \ \/ /
 | | | | | | (_| |>  <        \ V  V /| | (_| | |_| | | |  _    / /| (_) | (_) | |_) >  < 
 |_| |_| |_|\__,_/_/\_\        \_/\_/ |_|\__,_|\__|_| |_| (_)  /_/  \___/ \___/| .__/_/\_\
                                                                               | |        
                                                                               |_|        
                                                                               */


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

    .bandeau_tissu
{
    font-size:70%;
    padding:5px;
    height:40px; 
   

}

    #home_devenirSapeurPompier iframe
    {
        width:100%;
    }
    .logo18112
    {
    width:30%;
    margin-right:80px;
    margin-bottom:20px;
   
    }

    
    .cartes
    {
        margin:0 !important;
    }

    .cartes > div.row
    {
        margin-bottom:0 !important;
        margin-top:20px !important;
        margin-right:0 !important;
    }

    #contenu .card-dispatched 
    {
        margin:0 !important;
        margin-bottom:10px !important;
    }

    #main_content {
       
        
        margin: 0px 10px 20px 10px !important;
       
    }

    #view-head
    {
        margin-left:0!important;
        margin-right: 0!important;
        
    }

    #paragraphe
    {
        margin-left:10px !important;
        margin-bottom: 20px;
    }

    #paragraphe > div.row
    {
        margin-bottom:0 !important;
        margin-top:20px !important;
        margin-right:0 !important;
    }

    .para
    {
        width:100% !important;
    }

    #paragraphe .imgOrkiRwd
    {
        object-fit: cover;
        width:100%;
        height:100%;

        margin:0;
        padding:0 !important;
        padding-bottom:10px !important;
    }

    #paragraphe .imgOrkiRwd img
    {
        object-fit: cover;
        width:100%;
        height:100%;
    }

}


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

    #SDIS_partenaires p 
    {
        display: none;
    };

    #address_bottom p
    {
        font-size:1em;
    }
}

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

    /*** paragraphes ***/
    .paragrapheImage
    {
        text-align: center;
    }
    .paragrapheImage img
    {
        height: 50%;
        width:50%;
        vertical-align: middle  ;
        margin-bottom:20px;
    }


    /*** fin paragraphes ***/


    #entete_homeEmployerSapeurPompier
    {
    display:flex;
    flex-direction: column;
    }


    #entete_homePresentation, 
    .paragrapheHome, 
    #home_devenirSapeurPompier, 
    .homeEntete,
    .paragrapheHome
    {
    height:auto;     
    text-align: left;
    margin-bottom:10px;
    }

    .s-gallery {
        justify-content: center;
        align-items: center;
    }

    #entete_homePresentationImage img,#home_devenirSapeurPompier img
    {
    border-radius: 0;
    }

   

    #backtotop
    {

    right:5%;

    } 

    .cursor
    {
        border-right:none;
    }

  
}

/*
_ _                               _           
| (_)                             (_)          
_ __ ___   ___  __| |_  __ _    __ _ _   _  ___ _ __ _  ___  ___ 
| '_ ` _ \ / _ \/ _` | |/ _` |  / _` | | | |/ _ \ '__| |/ _ \/ __|
| | | | | |  __/ (_| | | (_| | | (_| | |_| |  __/ |  | |  __/\__ \
|_| |_| |_|\___|\__,_|_|\__,_|  \__, |\__,_|\___|_|  |_|\___||___/
                | |                            
                |_|                          

                
                                      (_)   | | | | |     |____  / /  / _ \ 
  _ __ ___   __ ___  __________      ___  __| | |_| |__       / / /_ | (_) |
 | '_ ` _ \ / _` \ \/ /______\ \ /\ / / |/ _` | __| '_ \     / / '_ \ > _ < 
 | | | | | | (_| |>  <        \ V  V /| | (_| | |_| | | |   / /| (_) | (_) |
 |_| |_| |_|\__,_/_/\_\        \_/\_/ |_|\__,_|\__|_| |_|  /_/  \___/ \___/ 
                                                                            
                                                                           
                          
                
                */
@media screen and (max-width:768px){

    .homeFonce, .homeClair ,.homeEntete h1,.homeEntete p
    {
        padding:10px;
    }
    

    .owl-carousel .owl-item
    {
        width:100%;
        height:100%;
        object-fit: contain;
    }
  
    .gallery
    {
        text-align: center;
        width:100%;
    }
    .gallery_content
    {
       display:flex;
       flex-direction: column;
       align-items: center;
       text-align: center;
       width:100%;
    }

    .gallery_text,.gallery_image
    {
        width:100%;
        
    }

    .gallery_image, .left,.right,.gallery_image a,.gallery_image a img,.img_fluid
    {
        text-align: center;
        width:100%;
        margin: auto;
    }

    
    .paragrapheImage img
    {
        height: 100%;
        width:100%;
        object-fit: cover;
        border-radius:5px;
        margin-top:20px;
      
    }

    #photothequeEmployerSapeurHome img {
        margin-bottom: 10px;
    }

    #entete_homePresentationImage img, #home_devenirSapeurPompier img {
      
        width: 100%;
        height:30vh;
        object-fit: cover;
        
    }

    .gallery_text
    {
    text-align: left;
    }

 
    .img-fluid 
    {
       margin-bottom:10px;
    }

    /** positionnement du numéro d'appel **/
    #header-contact-links 
    {
       
        text-align: left;
        margin-bottom:30px;
        position:relative;
        margin-left:20%;
    }


   

    #section_tel
    {
        padding:10px;
        background:#ca191f ;
    }

    #section_tel a
    {
       font-weight:700;
       text-decoration: none;
       color:#ffffff;
       font-size:130%;
    }

    .cursor
    {
        border-right:none;
    }
    
    .btn-primary
    {
    width:100%;


    }

    #view-head {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .title-view {
        margin-right: 0 !important;
        padding: 0 !important;
    }

    .title-view-h1 {
        margin: 0 !important;

    }

    .edito-style {
        box-sizing: border-box;
        border-left: 2px solid #00005E;
        border-bottom: 2px solid #00005E;
        margin-bottom: 20px;
       padding:10px;
        width: 100%;
        margin-left:0px;
    }


    
.chapeau
{
   
    width:100%;
}

/** modal de vue des photos **/
.mfp-container {
    text-align: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
left:0;
 
}


}

/**** fin custom patrice ****/

/*
__ _                        _                     __ _             _ 
/ _(_)                      | |                   / _(_)           | |
| |_ _ _ __     ___ _   _ ___| |_ ___  _ __ ___   | |_ _ _ __   __ _| |
|  _| | '_ \   / __| | | / __| __/ _ \| '_ ` _ \  |  _| | '_ \ / _` | |
| | | | | | | | (__| |_| \__ \ || (_) | | | | | | | | | | | | | (_| | |
|_| |_|_| |_|  \___|\__,_|___/\__\___/|_| |_| |_| |_| |_|_| |_|\__,_|_|

*/
/** formations-familles **/
.formations-familles .badge{
    float: right;
}

.formations-familles .img-section-family-container{
    max-width: 25px;
}

.formations-familles .block-formations-date{
    cursor: unset;
}
/** formations-familles **/


.content-training{
    text-align: justify;
    background-color: #EEEEEE;
    padding: 15px;
}




/** block-formations-date **/
.block-formations-date .img-section-family{
    max-width: 40px;
}

.btn-inscription{
    float: right;
}

.block-formations-date{
    text-align: center;
    padding: 20px 0;
    margin: 10px 20px;
    border-color: #2d605a;
    background-color:#eff3f2;
    cursor: pointer;
}
.owl-formations-home  .block-formations-date{
    background-color: transparent;
}

.block-formations-date .panel-body{
    min-height: 170px;
    vertical-align: middle;
    background-color:#eff3f2;
}
.block-formations-date .date{
    font-weight: bold;
}
.block-formations-date .lieu{
    text-transform: uppercase;
}
.block-formations-date .title_formation{
    font-size: 1.4em;
    font-weight: bold;
}
.block-formations-date .panel-footer button{
    width: 100%;
}
.block-formations-date .panel-heading{
    background-color:#eff3f2;
    border-bottom-color: transparent;
}
.block-formations-date .img-section-family{
    margin: auto;
}
.block-formations-date a{
    width: 100%;
    text-decoration: none;
    color: #FFF;
    font-weight: 1.4em;
}

.formations-next-week .block-formations-date{
    margin: 10px 0px;
}

/** block-formations-date **/

/** block-actu **/
#actualites_home h2{font-family: 'rondaloregular'; text-transform: uppercase;}

.block-actu{
    text-align: center;
    padding: 20px 0;
    margin: 10px 20px;
    border-color: #2d605a;
    background-color:#eff3f2;
    cursor: pointer;
}
.owl-formations-home  .block-actu{
    background-color: transparent;
}

.block-actu .panel-body{
    min-height: 170px;
    vertical-align: middle;
    background-color:#eff3f2;
}
.block-actu .panel{
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.block-actu a{
    width: 100%;
    text-decoration: none;
    color: #00005E;
    font-weight: 1.4em;
}
/** block-actu **/


#s-view-formation p{
    line-height: 1.3em;
    font-size: 1.1em;
}
#s-view-formation label{
    font-weight: bold;
    line-height: 1.2em;
    font-size: 1.2em;
    margin-bottom: 14px;

}

.block-all-formations h2{
    color: #2d605a !important;
}
.block-all-formations a,
.block-all-formations a:hover{
    color: #535353;
    text-decoration: none;
}


.gallery-container-item {
    height: 280px;
    background-repeat: no-repeat;
    background-size: cover;
}

.gallery-bloc-caption {
    width: 100%;
    background-color: rgba(3, 3, 3, 0.289);
    position: relative;
    top: 217px;
    padding-top: 15px;
}

.gallery-bloc-contour {
    position: absolute;
    bottom: 30%;
    top: 30%;
    font-size: 5em;
    color: #fff;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
}

.gallery-bloc-legend {
    margin-left: 20px;
    margin-right: 20px;
    text-align: left;
    color: #fff;
    font-size: 1.2em;
}

#ged-table-role-list td{
    vertical-align: middle;
}



/** block-formations-rglt-search **/
.block-formations-rglt-search .panel-body{
    padding: 0px !important;
}

.block-formations-rglt-search .filter-formation-rglt,
.block-formations-rglt-search .filter-formation-month,
.block-formations-rglt-search .filter-formation-departement{
        cursor: pointer;
}

.block-formations-rglt-search .filter-formation-rglt span{
    display: none;
}

.block-formations-rglt-search .isSelected{
    font-weight: bold;
    color: #2d605a;
}

.block-formations-rglt-search .isSelected:before{
    font-family: 'Glyphicons Halflings'; 
    font-weight: bold;
    color: #2d605a;
    content:"\e013";
}

.block-formations-rglt-search .accordion-toggle:after {
    font-family: 'Glyphicons Halflings'; 
    content: "\e114";
    float: right;
    color: grey;
}
.block-formations-rglt-search .accordion-toggle.collapsed:after {
    content: "\e080";    
}

.collapse-list-group{
    margin-top: 10px;
}

.footer_social a
{
margin:20px;
transform:scale(1.5);

}




.footer_page{
    background-color: #2d605a;
    text-align: center;
    color: #fff;

}

blockquote {
    background: #eff3f2;
    color: #535353;
    border-radius: 5px;
}

blockquote p {
    padding: 15px;
}

/****
#header-conteur{
    position: absolute;
    top: 1px;
    text-align: center;
    z-index: 10000;
    background: url('/sites/sdis16/template/images/layout/bandeau_SDIS16.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    background-position: left;
    min-height: 404px;    
}
*/
@media screen and (max-width:1023px){
    #header-conteur{background-position: 65% 0%;}
}

#header-conteur .container{position: relative; /*min-height: 340px;min-height: 640px;*/}

#header-contact{ color: #eb5e4c;/* padding-top: 20px;padding-bottom: 20px;*/ font-weight: bold; font-size: 1.25em;}
#header-contact a{color: #eb5e4c; }
#header-contact a svg{color: #8d9aa8; }
#header-contact #header-contact-links a{line-height: 35px;}
#header-contact #header-social{text-align: center;}
#header-contact #header-social span{font-size: 35px; display: inline-block; border-right: solid 1px #e4e4e4; width: 1px; height: 35px; vertical-align: bottom; margin: 0px 5px;}
#header-contact #header-social a,.footer_social a
{color: white;
    background-color: #eb5e4c; 
    width:1.8em; 
    height: 1.8em; 
    display: inline-flex; 
    align-items: center;
    justify-content: center;
    padding: 0px 0px 0px 1px; 
    font-size:1.2em; border-radius: 50px;}

.footer_social a
{
    width:1.5em; 
    height: 1.5em; 
    font-size:0.8em;
}
#header-contact #header-social a svg{color: white;}

@media screen and (max-width:767px){
   /* #header-contact #header-contact-links a{display: block; text-align: left;margin-left:20px;}*/
    #header-contact #header-contact-links a svg{margin-right: 15px;}
    
   
}
@media screen and (min-width:768px){
   /* #header-contact #header-contact-links a{margin: 0px 10px;}*/
    #header-contact #header-contact-links a svg{margin-right: 15px;}
    #header-contact #header-social span{margin: 0px 15px;}
}
@media screen and (min-width:1440px){
   /* #header-contact #header-contact-links a{margin: 0px 35px;}*/
    #header-contact #header-social a{margin-right: 5px;}
}

#background-carousel{
	/*position: absolute;
	width: 100%;
	height: 460px;
    z-index: -1;*/
    min-height: 120px;
}

#dotsContainerHeaderHome{
    position: absolute; top: 15px; width: 100%; z-index:1000; text-align: center; 
}
#dotsContainerHeaderHome .owl-dot{width:35px; height:15px; margin-right:10px; border-radius: 0px; border: none;}
#dotsContainerHeaderHome .owl-dot.active{background-color: #CCCCCC;}

.owl-head-carousel{position: relative;}
.owl-head-carousel .owl-nav{position: absolute; top: 20%; width: 100%;}
.owl-head-carousel .owl-nav button{width: 50px; height: 50px; font-size: 3.25em !important; color: #c4c4c4 !important;}
.owl-head-carousel .owl-nav button.owl-prev{float: left; margin-left: 0px;}
.owl-head-carousel .owl-nav button.owl-next{float: right; margin-right: 0px;}
@media screen and (min-width: 768px){
    .owl-head-carousel .owl-nav{top: 33%;}
    .owl-head-carousel .owl-nav button{width: 100px; height: 100px; font-size: 6.25em !important;}
    .owl-head-carousel .owl-nav button.owl-prev{margin-left: 35px;}
    .owl-head-carousel .owl-nav button.owl-next{margin-right: 35px;}
}

#background-carousel .item {
	width: 100%;
	max-height: 500px;
	min-height: 500px;
}
#background-carousel .owl-carousel .owl-item img{
    width: unset !important;
}

#background-carousel  .img-head-background{
    height: 500px;
    background-size: cover;
    width: 100%;
}

#s-formations-list .dd{
    max-width: 100%;
}
#s-formations-list .dd-item{
    display: flex;
}
#s-formations-list .dd-handle{
    
    border: none;
    background: transparent;
}
#s-formations-list .list-table{
    width: 100%;
    height: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

#s-formations-list .dd-handle-change{
    background-color: #fcf8e3 !important;
}

#s-formations-list .list-order,
#s-formations-list .list-uid{
    width: 5%;
}
#s-formations-list .list-title{
    width: 30%;
}
#s-formations-list .list-family-title{
    width: 20%;
}
#s-formations-list .list-teacher{
    width: 23%;
}

#s-formations-list .actions{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    width: 17%;

}

/********************************* s-formations-form-doc *********************************/

#s-formations-form-doc h2{
    color: #fff;
}


#s-formations-form-doc .formations-next-week .block-formations-date,
#s-formations-form-doc .formations-this-month .block-formations-date{
    cursor: unset;
    text-align: center;
    min-height: 250px;
    margin: 10px 20px;
}

#s-formations-form-doc .formations-next-week .block-formations-date a,
#s-formations-form-doc .formations-this-month .block-formations-date a{
    width: unset;
}

/********************************* s-formations-form-doc *********************************/


/********************************* HOME section_actualites *********************************/
#section_actualites{
    /*padding: 0px 0 40px 0;    */
    -webkit-box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.75); 
    box-shadow: 0px 5px 15px -5px rgba(0,0,0,0.75);
}

/*#section_actualites .container{padding: 0px;}
#section_actualites .container .col-xs-12{padding: 0px;}
#section_actualites .container .col-xs-12 .item{position: relative;}
#section_actualites .container .col-xs-12 .item .accroche{position: absolute; bottom: 0px; color: white; padding: 10px 20px;background: url('/sites/ntconseil/template/images/layout/fondActus.png'); width: 100%;}
#section_actualites .container .col-xs-12 .item .accroche .titre{font-size:2em;} 
#section_actualites .col-xs-12{padding: 0px;}
#section_actualites .col-xs-12 .item{position: relative;} */
#section_actualites .col-xs-12 .item .accroche{position: absolute; bottom: 0px; color: white; padding: 10px 20px;background: url('/sites/ntconseil/template/images/layout/fondActus.png'); width: 59%;}
#section_actualites .col-xs-12 .item .accroche .titre{font-size:2em;}
#section_actualites h2{
    color: #ee7b00;
    padding-bottom: 50px;
    text-transform: uppercase;
}

@media screen and (max-width:767px){
    #section_actualites .col-xs-12 .item .accroche{display: none;}
}

/********************************* section_actualites *********************************/


/********************************* section_chiffres_cles *********************************/
#chiffres_cles{background-color: #f4feff; padding: 60px 0px 30px 0px; /**border-bottom: solid 50px #f4feff;**/}
#chiffres_cles .titre{text-align: center;}
#chiffres_cles .titre p{font-size: 1.125em;}
#chiffres_cles .titre h2{font-size: 2em; font-weight: bold; padding: 0px; margin-bottom: 60px;line-height:2}
#chiffres_cles .chiffres_cles{border: solid 2px #cb0d10; border-radius: 160px; display: block; width: 200px; height: 200px; text-align: center; margin: 0px auto; padding: 20px 35px; margin-bottom: 60px;}
#chiffres_cles .chiffres_cles svg{font-size: 4em;}
#chiffres_cles .chiffres_cles h3{color: #d20411; font-size: 2em; font-weight: bold;}
#chiffres_cles .chiffres_cles p{font-weight: bold; color: #565656; font-size: 0.95em;}

/********************************* section_chiffres_cles *********************************/


.description{
    text-align: initial !important;
}

/*********************** HOME services_section ****************************/
#services_section{ background: url('/sites/sdis16/template/images/layout/bandeau_fond.jpg') no-repeat; background-size: cover; text-align: center; font-family: 'rondaloregular'; padding: 20px 0px 10px 0px;}
#services_section a:hover{ text-decoration: none; }
#services_section .block-formations{background-color: white; margin-bottom: 15px; min-height: 393px; /*min-height: 360px;*/}

@media screen and (min-width: 768px) and (max-width: 991px){
    #services_section .block-formations{min-height: 390px; /*min-height: 370px;*/}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
    #services_section .block-formations{min-height: 410px;/*min-height: 349px;*/}
}
#services_section .block-formations i{display: block; font-size: 95px; margin-bottom:35px;}
#services_section .block-formations label{color: black; font-size: 1.29em; margin-top: 20px; text-transform: uppercase;}
#services_section .block-formations p{font-size: 1.07em; padding:15px 25px 25px 25px; text-align: justify;}

/************************ section HOME realisations_home *****************************/
#realisations_home h2{font-family: 'rondaloregular'; text-transform: uppercase;}
#realisations_home i{font-size: 35px;}

/************************ section HOME home-contact-links *****************************/
#home-contact-links{
    background-color: #CCCCCC;
    color: #aeaeae;
    margin: 0px 0px 50px 0px;
    padding: 30px 0px;
}
#home-contact-links h2{
    font-weight: bold;
    font-size: 3rem;
    color: #000;
    font-family: 'rondaloregular';
}
#home-contact-links .btn-go{
    color: #fff;
    background-color: #0DA154;
    font-size: 2rem;
    padding: 10px 50px;
    border: none;
}

#home-contact-links .btn-go svg{
    font-size: 1.2em;
    vertical-align: sub;
    margin-right: 10px;
}

#home-contact-links .jumbotron{
    min-height: 295px;
    margin-bottom: 10px;
}
#home-contact-links .jumbotron p{
    padding-right: 50px;
}
#home-contact-links .jumbotron-bg{
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
    /*background-image: url( /sites/bforu/template/images/home/expert.png );
    background-image: url( /sites/bforu/template/images/home/formateur.png );*/
}
#home-contact-links .jumbotron-bg-1{
    background-position-x: right;
    background-position-y: bottom;
    background-repeat: no-repeat;
    /*background-image: url( /sites/bforu/template/images/home/commerciale.png );*/
}
#home-contact-links .img-perso{
    position: absolute;
    right: 35px;
    bottom: 50px;
}

@media screen and (max-width: 425px ){
    #home-contact-links h2{
        font-size: 2.5rem;
    }
    #home-contact-links .jumbotron p{
        font-size: 1.8rem !important;
    }
    #home-contact-links .jumbotron-bg, #home-contact-links .jumbotron-bg-1{
        background-image: none;
    }
    #home-contact-links .img-perso{
        bottom: 30px;
    }
}
@media screen and (min-width: 768px){
    #home-contact-links .container .jumbotron{padding-right: 80px !important;}
}




#home-contact-links .formation-actions{
    text-align: center;
}
#home-contact-links .formation-actions a.btn-default{
    /*background-color: #48a65a;*/
    background-color: #0DA154;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    padding: 20px 50px;

}
/*#home-contact-links{ background-color: #e7ede3; padding: 70px 0px 50px 0px;}
#home-contact-links .formation-links,
#home-contact-links .formation-actions{
    text-align: center;
    padding-bottom: 50px;

}

#home-contact-links .formation-links a,
#home-contact-links .formation-links a:hover{ 
    text-decoration: none;
    color: #535353;

}

#home-contact-links .formation-actions a.btn-default{
    background-color: #48a65a;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    padding: 20px 50px;

}*/

/************************** section HOME formation_afficheNext_home *************************/
#formation_afficheNext_home h2{font-family: 'rondaloregular'; text-transform: uppercase;}
#formation_afficheNext_home i{font-size: 35px;}

#footerDatablock{max-height: 68px; margin: 0px auto;}

/************************** section home-description **************************************/
#home-description{/*margin-bottom: 30px;*/ background-color: #f2f1f0; padding: 30px 0px;}

/************************** Bloc téléchargements ******************************************/
.c-footer{display: none;}

/*********** address_bottom *********************/
@media screen and (min-width:768px){
    #address_bottom .container .row{display: flex; align-items: center;}
}

/*********** bottom-navigation ******************/
#bottom-navigation{background-color: black;padding:50px 0px;}
#bottom-navigation label{display: block;margin-top:20px;font-size: 1.05em;}
#bottom-navigation a{color: white;}

/*********** Docs in pages *******/
#docInPage h3{margin-top: 25px; border-bottom: dotted 1px #ca191f; cursor: pointer;}
#docInPage h3:before { font-family: 'Fontawesome'; content: "\f0da"; color: #ca191f; margin-right: 6px;}
#docInPage ul{display: none;}