/* Bases
------------------------------------*/
/* Polices */
body{
    font-family: 'Quicksand', sans-serif;
    font-size:16px;
    font-weight: normal;
}

.navbar-nav{
    font-size:0.9rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-nav .fa{
    font-size:0.8rem;
}

#navbarSupportedContent.show ul{
    width:100%;
}

.carousel-item > .carousel-text > h2 a{
    font-size: 3rem;
}

.article-img{
    height:300px; overflow:hidden;
}

.img-fluid-phv {
    max-width: 100%;
    min-height: 100%;
}

/* page categorie */
.categories3 h5 a{
    font-size: 1.4rem;
    font-weight: 900;
}
.SousCategories{
    font-size: 0.85rem;
}
.SousCategories .btn{
    font-size: 0.7rem;
    padding: 0.15rem 0.4rem;
    line-height: 1.2;
}

.articlesPar3{
    padding:0;
}
.articlePar3{
    height:240px;
    width:100%;
    padding:20px;
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}
.articlePar3:hover{
    background-color: #000000;
    color: #ffffff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}
.articlePar3:hover + .article-img{
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.19),0 5px 20px 0 rgba(0,0,0,0.9);
}

.tag-articles-chapo{
    -webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}

.tag-articles-chapo:hover{
    background-color: #000000;
    color: #ffffff;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}

.tag-articles-chapo:hover + .article-img{
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.19),0 5px 20px 0 rgba(0,0,0,0.9);
}


.categories3 .row .cat{
    padding-top:7px;
    padding-bottom:7px;
    border: 1px dotted white;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}
.categories3 .row .cat:hover{
    /* box-shadow: 0 2px 5px rgba(0,0,0,.26); */
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
}


.footer ul{
    list-style: none;
}


.index .row,
.categorie .row{
    margin-right: 0px;
    margin-left: 0px;
}

/* Disposition
------------------------------------*/
.navbar{
    z-index:2;
}

.navbar-nav li.nav-item{
    margin-right:20px;
}

#slider{
    position:relative;
    /* top:-120px; */
    width:100%;
    max-height:500px;
    overflow:hidden;
}

.carousel-inner {
    overflow:hidden;
}

.full-width-image {
    width: 100%;
    flex: 100%;
}
  
.full-width-image img {
    position: relative;
    /* top: 50%;   */
    /* margin-top: -15%; */
    width: 100%;
}

/* On screens that are 992px wide or less, the background color is blue */
@media screen and (min-width: 992px) {
    .full-width-image img {
        /* top: 50%;   */
        margin-top: -15%;
    }
}

.carousel-item > .carousel-text{
    position: absolute;
    top: 20%;
    width:100%;
    margin:0 auto;
    z-index: 999999999999;
}

.carousel-item > .carousel-text > h2{
    text-align: center;
}

.carousel-item > .carousel-text > h2 a::after {
    background: #f17531;
    position: absolute;
    top: 70px;
    left: 50%;
    height: 1px;
    width: 5%;
    content: " ";
    margin-left: -35px;
}

.carousel-item > .carousel-text > p{
    text-align: center;
    color: #ffffff;
    font-size: 2rem;
    text-shadow:1px 1px 3px #000000;
}

.categories3{
    position: relative;
    /* top: -120px; */
    margin:20px 0 20px 0;
    padding:10px 40px 10px 40px;
}
.categories3 h2{
    text-align: center;
    width: 100%;
    color: #444;
    font-size: 1.8rem;
    font-weight: 900;
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

.categories3 h2::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 70px;
    content: " ";
    margin-left: -35px;
}

.categories3 .row{
    margin-top:30px;
    margin-bottom:20px;
}
.categories3 div.media-body p{
    text-align: justify;
}

.categories3 h5 a,
.articlePar3 h5 a{
    text-transform: uppercase;
}


/* Modules
------------------------------------*/


/* Etats
------------------------------------*/
li.nav-item:hover{
    background-color:#f17531;
}



/* Thème
------------------------------------*/
/* couleurs */
/*
  Tons RVB (utilisation Web) :
      • Marron foncé  : = #000000
      • Martron clair : = #777777
      • Orange        : = #f17531
      • Gris        : = #c8b5b1

*/
.btn{
    margin:.25rem;
}
a.orange{
    color:#f17531;
}
.bg-marron-clair{
    background-color:#777777;
    color: #000000;
}

.bg-brun{
    background-color:#000000;
    color:#ffffff;
    padding:20px;
    text-align:justify;
}

.fondGrisClair{
    background-color:#a1a8c5;
}
section article > div.bg-brun{
    background-color:#000000;
    color:#ffffff;
    padding:20px;
    text-align:justify;
}
section aside > div{
    padding-top:20px;
    padding-right:20px;
    text-align:justify;
}

/*menu*/
nav{
    background-color: #000000;
}
.navbar-toggler {
    border-color: #ffffff;
}

.navbar-nav li.nav-item > a{
    color:#ffffff;
}

/*slider*/
.carousel-item > .carousel-text > h2 a{
    color: #ffffff;
    text-shadow:1px 1px 3px #777777;
}

#cookieChoiceInfo a{
    color:#f17531;
}
/*footer*/
.footer{
    background-color:#000000;
    color:#ffffff;
}

/* page categorie */
.categories3 h2 a{
    color: #444;
}
.categories3 h2::after {
    background: #f17531;
}

.categories3 h5 a,
.articlePar3 h5 a{
    color: #444;
}
.articlePar3:hover h5 a{
    color: #ffffff;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
}

#portfolio {  
    margin: 1rem 0;
    -webkit-column-count: 3; 
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-column-width: 33.33333333333333%;
    -moz-column-width: 33.33333333333333%;
    column-width: 33.33333333333333%;
}

.tile { 
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;

}
.tile:hover { 

}

.scale-anm {
    transform: scale(1);
  }

  .map {
	width: 100%; 
	height: 100%;
	min-height: 500px;
	border-top: solid 1px #eee;
	border-bottom: solid 1px #eee;
}

h1.header-sannier a{
    font-size:2rem;
}

.demandededevis{
    position: absolute;
    left: 0px;
    top: -30px;
    z-index: 3;
    font-size: 18px;
    border-radius: 100px;
    width: 100px;
    height: 100px;
    background-image: url('https://clem1.philiacom.com/web/uploads/image/Fotolia_66293457_Subscription_Monthly_M.jpg');
    background-repeat: no-repeat;
    background-size: 100px 100px;
}

.alert-success {

    color: #ffffff;
    background-color: #77c64d;
    border-color: #c7c8c8;

}