/***** GENERAL *****/
@import url('https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

* {
	font-family: 'Nunito', sans-serif;
}
.content {
    width: 100%;
    position: relative;
    overflow-x: hidden;
}
.nav-shadow {
	box-shadow: 0 4px 8px #dedede;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
}
small {
	font-size: 10px;
}
.main {
	margin-top: 20px;
}

.desk {
	display: block !important;
}
.mob {
	display: none !important;
}
.desk-hover {
	display: block !important;
}
.desk-panier {
	display: block !important;
}
.mob-panier {
	display: none !important;
}
.desk-num-gagnant {
	display: block !important;
}
.lap-num-gagnant {
	display: none !important;
}
.mob-num-gagnant {
	display: none !important;
}
.clr:after{ content: ""; display:block; clear: both; }





/*** HOME PRINCIPALE ***/
.color-item-nav {
	color: #08082e !important;
	font-size: 17px;
	font-weight: 400;
}
.color-separate {
	color: rgba(0,0,0,.12);
}
.info-size {
	font-size: 13px;
}
.info-size small {
	font-size: 9px;
}
.bg-home {
	background-color: #f9f9f9 !important;
}
.thehome-title {
	color: #00519e;
	font-size: 20px;
	font-weight: 900;
}
.figure-bg {
	background-color: #f9f9f9;
}
.homestyle:hover img {
  opacity: 0.4;
}
.homestyle:hover {
	transform: scale(0.96, 0.96);
	/* background: #b9b9b9dd;
	  background: -moz-linear-gradient(90deg, #b9b9b9dd 0%, #ffffff 100%, #ffffff 100%);
	  background: -webkit-linear-gradient(90deg, #b9b9b9dd 0%, #ffffff 100%, #ffffff 100%);
	  background: linear-gradient(90deg, #b9b9b9dd 0%, #ffffff 100%, #ffffff 100%); */
}
/* .bg-num-gagnant {
	background-color: #f4f4f4;
} */
.num-gagnant-title {
	color: #00519e;
	font-size: 20px;
	font-weight: 700;
}
.num-gagnant-title small {
	font-size: 17px;
}
.num-gagnant {
	color: ##000000;
	font-size: 22px;
	font-weight: 900;
	padding-left: 0px 62px;
}
.figure-caption-size {
	font-size: 16px !important;
	color: #050000;
	font-weight: 400;
}




/********** HOME ***************/
/***** PANIER *****/
header nav div .panier {
	cursor: pointer;
}

.modal-panier {
	position: relative;
}

.modal-panier .num_panier {
	position: absolute;
	left: 75px;
	top: 30px;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
}
.modal-panier .num_panier-mob {
	position: absolute;
    left: 11px;
    top: 3px;
    font-size: 16px;
    color: #ffffff;
}




/***** ICONES *****/
.list-icone {
	font-size: 12px;
}




/***** EXCLU WEB *****/
.bg-exclu {
	background: #f4f4f4;
	padding-top: 10px;
	padding-bottom: 10px;
}
.title{
	color: #0373cc;
}
.title:after {
	content:"";
	display: block;
	position: absolute;
	top: 23px;
	left: 270px;
	width: 60.20vw;
	height: 1px;
	background: #0373cc;
}




/***** SELECTION *****/
.col-produits {
	width: auto;
}
.row .gallery-selection {
	position: relative;
}
.initial-price {
	font-size: 18px;
}
.price strong {
	font-size: 25px;
	color: #DB1725;
} 
.figure-fig {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
/* .figure-img {
	border: 1px solid #bfbfc0;
} */
.figure-img:active {
	border: 1px solid #5588A3;
}
.transition {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.btn-hover {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  background-color: #52c4f4;
  color: #ffffff !important;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  width: 80%;
}
.btn-hover:hover {
  background-color: #2b7898;
  color: #ffffff;
}
h6 {
	font-size: 16px;
	color: #444444;
}
p {
	font-size: 12px;
}

.basic-widgets {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* project hover*/
.project-hover {
  position: relative;
  overflow: hidden;
}
.project-hover:hover .text-view {
  top: 35%;
  opacity: 1;
}
/* .project-hover:hover .btn-view {
  top: 55%;
  opacity: 1;
  background: #bfbfc0;
} */
.project-hover:hover img {
  opacity: 0.2;
  transform: scale(0.8, 0.8);
  background: rgba(0, 0, 0, 0.71);
}
.project-hover .text-view {
  width: 95%;
  position: absolute;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  font-weight: 600;
  color: #fff;
  background-color: rgba(0,0,0,0.5);
  height: 60%;
}
.project-hover .text-view h6 {
  color: #fff;
}
/* .project-hover .btn-view {
  position: absolute;
  top: 65%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  color: #fff;
} */
.zoom {
	border: 1px solid #53C4F4;
}

.photo {
  display: inline-block;
  padding: 0;
  float: none;
  margin-bottom: 0;
  vertical-align: top;
/*   width: 100px;
height: 100px; 
  background-color: #bfbfc0;*/
  clear: none;
}

.big {
  display: block;
  /* width: 100%;
  height: 100px;
  background-color: blue; */
  text-align: left;
  overflow: hidden;
  /* font-size: 16px; */
  float: left;
  position: relative;
}




/***** INSCRIPTION NEWSLETTER *****/
.bg-newsletter {
	background: #f9f9f9;
	padding: 20px 0;
}
.label-size {
	font-size: 20px;
	font-weight: bold;
	color: #444 !important;
}
.input-email {
	width: 100% !important;
	font-size: 13px;
	color: #A2A1A1;
}
.btn-email {
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
}




/***** PANIER POP UP ****/
.nom_produit {
	font-weight: bold;
	font-size: 16px;
}
.prix3x {
	color: #de363f;
}
.prix3x_number {
	color: #de363f;
	font-size: 2rem;
	font-weight: bold;
}

.bg-remise {
	background-color: #fff0eb;
	color: #000000;
	font-size: 12px;
}

.bg-cadeau {
	background-color: #ffffff;
	color: #59aa75;
	font-size: 12px;
}
.bg-blue {
	background-color: #e2ebf7;
}
.somme {
	font-weight: bold;
	font-size: 15px;
	color: #0373cc;
}
.somme-text {
	font-size: 10px;
	color: #000000;
}



/***** PANIER *****/
.home {
	color: #00519e;
}

.home-shop {
	color: #00519e;
	font-size: 1rem;
}

a .home-shop:hover {
	text-decoration: none;
}
.breadcrumb-panier {
	background : none;
}
.breadcrumb-home {
	color: #000000;
}
.panier-title, .recap-title, .coordonnees-title,
.paiement-title, .confirmation-title {
	color: #0373cc;
}
.total-panier {
	font-size: 1.28rem;
}
.cgv-approuve {
	font-size: 12px;
}
.bg-aide {
	background-color: #F4F4F4;
}



/*** PAIEMENT ***/
.card-accordion {
	background-color: #eeeeee;
}
.btn-accordion {
	font-size: 25px;
	background-color: #eeeeee;
}
.btn-accordion:hover {
	background-color: #eeeeee;
}



/***** FOOTER *****/
.btn-font-size {
	font-size: 18px;
}



/***************COOKIES******************/
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
#bandeau_cookies {
    background-color: #E4E4E4;
    color: #5D5658;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
	height:45px;
	padding-top:5px;
	border-bottom:1px solid #CCC;
}

#bandeau_cookies span, #bandeau_cookies .close {
    display: inline-block;
    font-size: 11px;
}
#bandeau_cookies a {
    color: #333333;
    font-weight: bold;
}
#bandeau_cookies .pictoInfo {
    background: url("../images/picto_alerte.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 16px;
    position: relative;
    vertical-align: top;
    width: 16px;
	margin-right:6px;
}
#bandeau_cookies .close {
    background: url("../images/fermer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline-block;
    height: 22px;
    margin-left: 6px;
    position: relative;
    top: 0px;
    vertical-align: top;
	text-indent:18px;
    width: 16px;
}

.close {
	float: none;
}

.br-cookies {
	display: block;
}






/***** MEDIAS *****/
@media screen and (max-width:  1200px) {
	.title:after {
	content:"";
	display: block;
	position: absolute;
	top: 23px;
	width: 66.20vw;
	}
	#bandeau_cookies {
		height:48px;
	}

}

@media screen and (max-width:  992px) {
	.lap-num-gagnant {
    	display: block!important;
    }
    .desk-num-gagnant {
    	display: none!important;
    }
    .separate-desk {
		display: none !important;
	}
	.title:after {
		content:"";
		display: block;
		position: absolute;
		top: 23px;
		width: 56.68vw;
	}
	.modal-panier .num_panier {
		left: 71px;
		top: 28px;
	}
	.desk-hover {
		display: none !important;
	}
	.project-hover:hover img {
	  transform: none;
	}
	.project-hover:active img {
	  border: 1px solid blue;
	  cursor: pointer;
	}
	img:visited {
		border: 1px solid blue;
	  	cursor: pointer;
	}
	.figure-caption-size {
		font-size: 62% !important;
	}
	.a-fa {
		font-size: 75%;
	}
}

@media screen and (max-width:  768px) {
    .mob {
    	display: block !important;
    }
    .desk {
    	display: none !important;
    }
	.title:after {
		content: "";
		display: block;
		position: absolute;
		top: 23px;
		right: 1vw;
		width: 40.68vw;
	}
	.homestyle:hover img {
 		opacity: 1;
	}
	.homestyle:hover {
		transform: none;
		background: rgba(0,0,0,0);
	}
	.figure-caption-size {
		font-size: 82% !important;
	}
	.br-cookies {
		display: none;
	}
}

@media screen and (max-width:  576px) {
	.title{
		font-size: 20px;
	}
	.title:after {
		content: "";
		display: block;
		position: absolute;
		top: 18px;
		left: 235px;
		right: 1vw;
		width: 34vw;
	}
	.btn-font-size {
		font-size: 14px;
	}
	#bandeau_cookies {
		height: 58px;
	}
}


@media screen and (max-width:  480px) {
	.mob-panier {
    	display: block!important;
    }
    .desk-panier {
    	display: none!important;
    }
    .lap-num-gagnant {
    	display: none!important;
    }
    .mob-num-gagnant {
    	display: block!important;
    }
    .title {
		font-size: 20px;
	}
	.title:after {
		content: "";
		display: block;
		position: absolute;
		top: 18px;
		right: 1vw;
		width: 42vw;
	}
	.input-email {
		font-size: 80%;
	}
	.num-gagnant {
		font-size: 27px;
	}
	#bandeau_cookies {
		height: 80px;
	}
	/* .num-size-mob {
		font-size: 27px !important;
	} */
}