/* Global Styles */

html,
body {
    width: 100%;
    height: 100%;
    color: #3b4954;
}

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    font-size: 4.5em;
    font-weight: 700;
    margin: 0;
    padding: 0;
}


/* Custom Button Styles */
.btn {
	white-space: normal !important;
}
.btn-dark {
    color: #fff;
    border: none;
    border-radius: 0;
    /*background-color: rgba(0, 0, 0, 1);*/
	background: #c3c3c3;
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
}

.btn-light {
    color: #333;
    border: none;
    border-radius: 0;
    background-color: rgb(255, 255, 255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255, 255, 255, .8);
}


/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}




/* Header */

.header {
   /* position: relative;
    height: 100%;
    background: url(../img/bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    /*display: table;*/
    width: 100%;
   /* padding:20px;
    margin-bottom: 20px;*/
    background: #f1f1f1 ;
    border-bottom: 1px solid #e8e8e8;
}
.figure-caption {
    color: #fff;
    font-size: 50%;
    margin:0;
    padding:0;
}

/* About */

.about {
    padding: 50px 0;
}


/* Services */

.services {
    padding: 50px 0;
}

.service-item {
    margin-bottom: 30px;
}


/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/callout.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* Portfolio */

.portfolio {
    padding: 50px 0;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: .8;
}


/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}


/* Map */

.map {
    height: 500px;
}

@media(max-width:768px) {
    .map {
        height: 75%;
    }
}

.map iframe {
    pointer-events: none;
}


/* Footer */

footer {
    padding: 20px 0;
    background: #f1f1f1;
    color: #3b4954;
    border-top: 1px solid #e8e8e8;
}
footer a {
    color:#3b4954;
}
footer a:hover {
    color:#c3c3c3;
}
footer hr {
    border-color:#868e96;
}

#to-top {
    font-size: 1em;
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    padding: 15px 20px;
}
 /* code couleur Card video */
 .video .card-title a{
	color: #17a2b8;
 }
.photo .card-title a{
	color: #28a745;
 }
.audio .card-title a{
	color: #dc3545;
 }

 a {
    color:#3b4954;
 }
 .voir-aussi:hover {
    background-color:#ccc;
 }
 .voir-aussi a:hover {
    text-decoration: none;
 }
 .voir-aussi.border-primary a:hover {
    color:#007bff;
 }
 .voir-aussi.border-danger a:hover {
    color:#dc3545;
 } 
 .voir-aussi.border-info a:hover {
    color:#17a2b8  ;
 }
 .voir-aussi.border-secondary a:hover {
    color:#868e96  ;
 } 
 .vignettes {
 	background:#000; 	
 	/*border: 1px solid #1485cc;*/
 	border-bottom: 3px solid;
    max-height:175px;
    overflow:hidden;
    width:100%;
 }
.vignettes img {
    margin-top: -20px;
}
 .vignettes2 {
    background:#000;    
    /*border: 1px solid #1485cc;*/
    border-bottom: 3px solid;
    max-height:105px;
    overflow:hidden;
    width:100%;
 }
.vignettes2 img {
    margin-top: -10px;
}
.border-primary {
    border-color: #1485cc !important;
}
.text-primary {
	color: #1485cc !important;
}
.border-info {
    border-color: #ff530d !important;
}
.text-info {
	color: #ff530d !important;
}
.border-secondary {
    border-color: #00b233 !important;
}
.text-secondary {
	color: #00b233 !important;
}
.border-danger {
    border-color: #e80c7a !important;
}
.text-danger {
	color: #e80c7a !important;
}
/* Carousel */
#carouselHomePage2 {
    max-height:400px;   
    overflow:hidden;
}
#carouselHomePage2 .carousel-inner img {
    width:100%;
    /*min-height:300px;
    margin-top:-300px*/
}
.carousel-caption {
    background-color: rgba(0, 0, 0, 0.7);
    width:350px;
    height: 200px;
    top: 70px;
}
.carousel-caption {
}
#sidebarCollapse:hover,.carousel-indicators li:hover {
    cursor: pointer;
}

#carousel_hp {
	margin-top: 40px;
}
#carousel-item {
	min-height:450px;
}
@media (max-width: 991px) { 
	#carousel_hp {
		margin-top: 110px;
	} 
	#carousel-item {
		min-height:300px;
	}
	.carousel-caption {
		top:50px;
	}
}
#debut_projet {
	margin-top: 50px
}
@media (max-width: 991px) { 
	#debut_projet {
	margin-top: 110px
	}
}

/*PrettyGallery*/
.prettyGalleryThumb, .prettyGalleryThumb:hover {
     margin: 10px;
}

/*Filtre selector*/

.filter-selector {
    font-size: 16px;
    list-style: none;
    padding: 10px 0 0 0;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}

.filter-selector li {
    display: inline-block;
    list-style: none;
    line-height: 16px;
    margin: 0;
    padding: 10px;
    color: #777777;
}

.filter-selector li:hover {
    text-decoration: none;
    color: #3b4954;
    border-bottom: 4px solid #00a79e;
}

.filter-selector li.filtr-active {
    font-weight: bold;
    color: #3b4954;
    border-bottom: 4px solid #00a79e;
}

.filter-selector li.video:hover,.filter-selector li.video.filtr-active {
    color: #3b4954;
    border-bottom: 4px solid #1485cc;
}
.filter-selector li.photo:hover,.filter-selector li.photo.filtr-active {
   color: #3b4954;
    border-bottom: 4px solid #ff530d;
}
.filter-selector li.audio:hover,.filter-selector li.audio.filtr-active {
    color: #3b4954;
    border-bottom: 4px solid #00b233;
}
.filter-selector li.graphisme:hover,.filter-selector li.graphisme.filtr-active {
    color: #3b4954;
    border-bottom: 4px solid #e80c7a;
}
.imgHover {
    max-width: 100%;
    height: auto;
}
.filtr-container .row {
	margin-left:10px;
	margin-right:10px;
}

/* Actions ---------------------------------------------------------------------------------------*/
.action-fdd .buttons {
    margin-top: 33%;
    margin-bottom: 33%;
    text-align: center;
}

.slick-prev::before, .slick-next::before {
    color: #000;
}


#sidebar ul li a:hover {
    background-color: #00a79e;
}

/** **/
main {
	 margin-top: 38px;
} 
.navbar .form-control {
	color:#CCC;
	border-color: #ccc;
}
.btn-secondary {
	background-color: #f8f8f8;
	border-color: #CCC;
	color:#959595;
}
.text-muted {
	color: #b5bcbe !important; 
}