/*
TOC
	1. Default Colors
	2. Spacing
	3. Typography
	4. Utilities
	5. Bootsrtap custo
*/


/*
Ref Client color code

	#5fa4bf - light blue
	#29254f - purple
	#f6f6f6 - light grey
	#7e7e7e - dark grey
	#333333 - extra dark grey
*/



/* 1. Colors */
body {
	color:#000000;
	background-color:#ffffff;
}

#header #wk-header-top {
	color:#fff;
	background-color:#999;
}


header {
	color:#00000;
	background-color:#fff;
}

footer {
	color:#333;
	background-color:#ccc;
}
footer .footer-bottom{
	color:#fff;
	background-color:#999;
}

.bg-dark {
    background-color: #000000!important;
}
.bg-light {
    background-color: #f6f6f6!important;
}

.bg-color-1 {
    background-color: red!important;
}
.bg-color-2 {
    background-color: blue!important;
}
.bg-color-3 {
    background-color: green!important;
}



/*Default WK Typography*/

h1,h2,h3,h4,h5,h6{
	/*color:#000;*/
}


a,
a:link,
a:visited
 {
    color: #3b55e6;
}
a:hover,
a:active {
    color: #3b55e6;
}


header a,
header a:link,
header a:visited,

footer a,
footer a:link,
footer a:visited
{
    color: #333;
}

header a:hover,
header a:active {
    color: #f6f6f6;
}
footer a:hover,
footer a:active {
    color: #f6f6f6;
}

.btn-primary,
.btn-primary:link,
.btn-primary:visited
 {
    color: #fff;
	background-color: #5fa4bf;
    border-color: #5fa4bf;
}
.btn-primary:hover,
.btn-primary:active {
    color: #fff;
	background-color: #29254f;
    border-color: #29254f;
}
.btn-info,
.btn-info:link,
.btn-info:visited
 {
    color: #fff;
}
.btn-info:hover,
.btn-info:active {
    color: #fff;
}
.btn-down {
	position:absolute;
	right:0;
	left:0;
	
	bottom:25px;

	}
.btn-down a {
	background-color:white;
	color:#333!important;
	width:40px;
	border-radius: 50%;
}

/*Bootsrap cards*/

.card {
	background-color:#f6f6f6;
	border: 0px solid rgba(0,0,0,.125);
    border-radius: 0rem;
}

.bg-light .card {
	background-color:#ffffff;
	border: 0px solid rgba(0,0,0,.125);
    border-radius: 0rem;
}




/* 2. Spacing */


section#bartop {
	padding-top:8px;
	padding-bottom:8px;
	background-color:#000;
	border-bottom: 1px solid #333;
}


#nav_menutop .nav-item{
	padding-left: 1rem;
	padding-right: 1rem;
}


/* 3. Typography */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 2.5rem;
}

/* 4. Utilities */
section.alternate,



.btn-square {
    border-radius: 0rem;
}





.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.2;
  transition: .4s ease;
  background-color: #3b55e6;
  padding-right: 15px;
    padding-left: 15px;
}



/* 5. CARD WK_NAVIGATOR_STYLE 3 */
.card.style_03 a:hover .overlay {
	opacity: 0.8;
}
.card.style_03 .card-image-container {
	position:relative;
}
.card.style_03 .card-title-wrapper {
	position:absolute;
	top:45%;
	text-align:center;
}
.card.style_03 .card-title-wrapper .card-title {
	padding-left:1.25rem;
	padding-right:1.25rem;
	text-align:center;
}








.card-img-left {
  border-bottom-left-radius: calc(.25rem - 1px);
  border-top-left-radius: calc(.25rem - 1px);
  float: left;
  padding-right: 1em;
  margin-bottom: -1.25em;
  object-fit: cover;
}






.parallax-separator .inner {
	height:250px;
}

/*Carousel Références*/

.jcarousel-wrapper {
    border: 0px solid #fff;
}
.jcarousel li {
    border: 0px solid #fff;
	height:85px;
	line-height:85px;
	text-align:center;
}
.jcarousel li img {
	display:inline-block !important;
	vertical-align:middle;
}

 
/*Contact*/
label { 
    display: inline-block;
    max-width: 100%;
    margin-bottom: 4px;
    font-weight: bold;
	margin-right:1.25rem;
} 
.contactform label {
	width : 80px;
	text-align: right;
}


/*navigation footer*/
ul.menu.vertical {
	    list-style-type: none;
}



.carousel-caption {
	top : 35px;
}
.carousel-caption .content{
	background-color: rgba(0, 0, 0, 0.8);
	padding:50px;
	width:389px;
}
@media screen and (max-width: 480px) {
	
.onglet-promotion{display:none}
}

@media screen and (max-width: 680px) {
	
.onglet-promotion{padding:15px}
}