/*********************************** RESPONSIVE ****************************************/
@media screen and (min-width: 450px) and (max-width: 779px){  
    #container{
        width: 99%;
        display: block;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (min-width: 780px) and (max-width: 989px){
    #container{
        width: 99%;
        display: block;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (min-width: 980px){
    #container{
        width:99%;
        display: block;
        align-items: center;
        justify-content: center;
    }
}

/************************************ HEADER *******************************************/

#enTete{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #B2D8B2;
    margin-left: 0.5em;
    margin-right: 0.5em;
}
/******************************** FOOTER ******************************************/

#enSortie{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: black;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.img-fluide {
    background-color: black;
    max-width: 100%;
    height: auto;
}
/******************barre de navigation**************************************************/

.navbar-collapse{
    background-color: #B2D8B2;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.navbar{
    background-color: black;
}

.navbar-nav {
    margin: auto;
}

.nav-link{
    background-color:#B2D8B2;
    color: black;
}

.navbar-expand-md{
    background-color: #7FBF7F;
}

#fixe{
    position: fixed;
    z-index: 10000;
    top: 0px;
    width: 99.3%;
    margin-left: 10px;
    margin-right: 10px;
}
/**********************************************************************************************/


body{
    background-color: #B2D8B2;
}

#HautDePage{
    display:flex;
    justify-content: center;
    align-items: center;
    background-color: #B2D8B2;
    margin-top: 6em;
    margin-left: 10px;
    margin-right: 10px;
}

.img-fluid{
    background-color:  #B2D8B2;
    max-width: 100%;
    height: auto;
}


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

*{
    font-family: 'TDM','Times New Roman', Times, serif;
}

@font-face {
	font-family: 'Orial';
	src: url('../Fonts/Orial_Bold.otf') format('opentype'),
            }

@font-face {
	font-family: 'TDM';
	src: url('../Fonts/policeTdm.otf') format('opentype'),
            }

.h1{
    color: #f27438;
    font-size: 8em;
    background-color: black;
    font-family: 'Orial';
    margin-left: 10px;
    margin-right: 10px;
}

.alert-heading{
    background-color: #318ce7;
}

.alert{
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 0.5em;
}

#h3id1{
    background-color: black;
    color: #f27438;
}

#h3id2{
    background-color: black;
    color: #f27438;
}

#h3id3{
    background-color: black;
    color: #f27438;
}

.h3{
    margin-left: 10px;
    margin-right: 10px;
    padding: 0.5em;
    background-color: #B2D8B2;
}



.gris{
    background-color: #B2D8B2;
}


.btn{
    margin-left: 0.5em;    
}


.h4{
    background-color: #318ce7;
    color: white;
}

/************************************************ fond des titres ********************************************/

#Accueil2{
    background-color: #318ce7;
}

#Prestations{
    background-color: #318ce7;
}

#Temoignages{
    background-color: #318ce7;
}

#Contact{
    background-color: #318ce7;
}

#Partenaires{
    background-color: #318ce7;
}

#Tarifs{
    background-color: #318ce7;
}

#Apropos{
    background-color: #318ce7;
}

/********************************************** Fond des liens ************************************************/

.lien{
    color: black;
    background-color: #B2D8B2;
}

/************************************************** carroussel ************************************************/

#carouselExampleCaptions{
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.carousel-item{
    background-color: black;
}

.carousel-control-prev-icon{
    background-color: #f27438;
}

.carousel-control-next-icon{
    background-color: #f27438;
    margin-right: 0.5em;
}

.carousel-control-next{
    margin-right: 0.5em;
}

.carousel-indicators{
    background-color: black;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.carousel-caption, h5, p{
    background-color: black;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

.carousel-inner{
    background-color: #318ce7;
}

.h5{
    font-family: 'TDM';
}

/**************************************** liens *************************************************/

a{
    color: #f27438;
    background-color: black;
}


/***************************************** Footer ***************************************************/

footer {
    background-color: #B2D8B2;
    color: white;
    text-align: center;
    padding: 15px 0;
    margin-top: 20px;
}



h8{
    background-color: black;
    font-family: 'TDM','Times New Roman', Times, serif;
    color: white;
}