#miniheader .categorisation{display:none;}


/*home*/
.topthemeselement {padding:0; margin-top : 53px;     min-height: 193px;}
.mobilehover {display: none}
.topthemeselement .imgflip{width:initial;min-width: 100%; min-height: 193px; max-width: initial;}
.topthemeselement .img{overflow: hidden;}
#topthemes .titreflip .back {height: 100%;margi!n-top: 9%;}
#topthemes {padding-top: 0; background-color: #efefef}
#topthemes .title {margin:auto; padding-top: 0; margin-top: 0;top: 0px;}

.topcategoryelement {padding:0; margin: 25px 0;min-height: 193px;}
.mobilehover {display: none}
.topcategoryelement .imgflip{width: 100%;}
/*.topcategoryelement .img{overflow: hidden;}*/
.topcategoryelement .img .bottomtitle {text-align: center;height: 45px;background: rgba(230,192,20,0.9);border-radius: 20px;margin-top: -160px;right: 10px;line-height: 44px;color: #000;font-weight: bold;}
.topcategoryelement .img .bottomtitle .categorytitle {display: inline-block;vertical-align: middle;line-height: 18px;}
#topcategory .titreflip .back {height: 100%;margi!n-top: 9%;}
#topcategory {padding-top: 0;}
#topcategory .title {margin:auto; padding-top: 0; margin-top: 0;top: 0px; font-size: 20px;}

/*#listing-products .item .item-photo{height: 250px}*/
#topproduits #listing-products .item .item-photo .overlay{height: 208px;}

.titreflip {position: absolute;height: 100%;width: 100%;top: 0;text-align: center;color: #fff;font-family: 'Spoon', sans-serif;font-size: 31px;font-weight: bold;disp!lay: flex;    perspective: 800px;}
.titreflip .flip {margin: auto;height: 100%;display: flex;    transform-style: preserve-3d;transition: transform 0.4s;}
.titreflip .front {posi!tion: absolute;width: 100%;hei!ght: 100%;backface-visibility: hidden;padding: 0 20px;margin: auto;text-shadow: 0 0 7px #000;}
.titreflip .back { text-trans!form: capitalize;opacity: 0; filter: alpha(opacity=0); transition:0.4s;position: absolute;width: 100%;height: 202%;background: rgba(42, 41, 93,0.8);padding: 0 30px;backface-visibility: hidden;left: 0px;}
.titreflip .back h1{font-family: 'Spoon', sans-serif;margin:auto;margin-top:5px;padding:10px; font-size: 20px;}
.titreflip .back .border{margin:auto; display:block;width:60%; border-bottom: 1px solid white }
.titreflip .back .content{text-align:left;padding-top:10px;font-size: 16px; font-weight: 100;padding-left: 20px;}
.titreflip .back .content div { width:50%; padding:1px 2px; font-size: 13px; text-transform: initial;}
.titreflip .back .content a:nth-child(odd) div{float:left;}
.titreflip .back .content a:nth-child(even) div{float:right;}
.titreflip .back .content a:nth-child(even):last-child div{float:left;}
.titreflip .back .content div:hover { text-decoration: underline; }
.titreflip:hover .flip {backgr!ound: rgba(0, 0, 0, .5);}
.titreflip:hover .back {opacity: 1;filter: alpha(opacity=100);}
.titreflip:hover .bottomtitle{ opacity: 0;filter: alpha(opacity=0);}
.titreflip .flip a {text-decoration: none;color: #fff;}
.titreflip .flip p {font-family: 'Oxygen', sans-serif;font-size: 16px;text-transform: none;}
.titreflip .flip .ligne1 {margin-bottom: -30px;}
.titreflip .flip .ligne2 {margin-top: -35px;}
.imgflip {width: 100%;}
.titreflip .bottomtitle{t!ext-transform: capitalize;transition:0.4s;position: relative; top:-30px; margin:auto; padding:10px 7px; background-color: #212c60; width:60%;font-size: 20px;     font-weight: 100; z-index: -1}

/****************/
#topvendeurs {background: #181818;}
#topvendeurs .title {color: #fff;}
#topvendeurs .front {line-height: 28px;}
#topvendeurs .ligne1 {margin-bottom: 0px;}
#topvendeurs .titreflip .flip {width: 100%;}
#topvendeurs .titreflip .flip .front p {font-family: inherit;text-transform: inherit;margin-top: 10px;font-size: 19px;}
#topvendeurs .titreflip .flip .back {font-size: 22px;background: rgba(24, 24, 24, 0.6);wid!th: 220px;mar!gin-left: -14px;display: flex;height: 325px;t!op: -83px;}
#topvendeurs .titreflip .flip .back > div {margin: auto;}
#topvendeurs .titreflip .flip .back .bigligne1 {width: 215px;height: 1px;position: absolute;left: 2px;top: 15px;}
#topvendeurs .titreflip .flip .back .bigligne2 {width: 215px;height: 1px;position: absolute;left: 2px;bottom: 15px;}
#topvendeurs .titreflip .flip .back .note {color: #fd6619;font-weight: bold;}




/****************/
#howto { background-image: url("../img/backgroundhowto.jpg"); padding: 70px}
#howto .title{color:white; text-transform: uppercase;font-size: 30px}
#howto .title span.orange{font-size: inherit;}
#howto .subtitle{color:white; text-align: center; font-size: 31px}

#howto .vague{margin-top: 60px;margin-bottom: 30px; text-align: center}

#howto .inputbg{border:0; border-radius: 0; background-color: transparent; box-shadow: none;  padding:0;padding-bottom:3px; border-bottom:1px solid white; max-width: 275px}
#howto .btn {font-size:20px;padding:2px; height:55px;}

#howto .btn img{height: 100%; padding:0 15px 0 0; }
#howto .boutons {font-style: italic;}

/****************/
#themes {background: #f6f4ef;}
#themes .regionfond {position: absolute;bottom: 0;left: 15px;}
#themes .regiontitle {font-family: 'Spoon', sans-serif;font-size: 18px;color: #fff;position: absolute;bottom: 15px;z-index: 10;text-align: center;width: 100%;padding: 0 10px;margin-left: -15px;text-transform: uppercase;}
#themes .form-group {margin-bottom: 30px;}
#themes .col-md-3 {height: 221px;overflow: hidden;margin-bottom: 30px;}

/****************/
#ancrerecherchebottom {background: url(../img/recherchebottombg.jpg) no-repeat center;background-size: cover;padding-bottom: 130px;}
#ancrerecherchebottom .title {color: #fd6619;}

/****************/
#experience {}
#experience .experiencecontenu {position: absolute;top: 0;width: 100%;padding: 0 15px;margin-left: -15px;height: 100%;text-align: center;}
#experience .experiencefond {position: absolute;top: 30px;left: 30%;}
#experience a {display: flex;height: 80%;}
#experience a:hover {text-decoration: none;}
#experience .experiencetitle {text-align: center;color: #fff;margin: auto;font-size: 19px;}

/****************/
#footernote {background: #f6f4ef;}
#socialfooter {padding-top: 20px;}
#socialfooter img {margin-left: 25px;}
#socialfooter a:hover {text-decoration: none;}

/****************/
/*div newsletter*/
#newsletter {padding:40px;background:url(../img/image_newsletter.jpg) no-repeat;background-size: cover; padding: 15px 0;}
/*#newsletter > .container {background:url(../img/image_newsletter.jpg);}*/
/*#newsletter > .container > h3 {display: inherit;}
#newsletter > .container  > h3 { text-align: center; text-transform:uppercase; color:#000;font-size: 29px;    letter-spacing: 0.6px; margin-bottom: 50px}
#newsletter h3 span{ color:white;}
#newsletter h3 .ligne { display:block; margin:auto; margin-top:5px;}
#newsletter > div {position: relative; margin-bottom: 110px; margin:10px auto; margin-bottom:40px; overflow:visible; max-height: auto}
#newsletter > div > a > div:last-child{max-width: 32%; margin-left: 0}
#newsletter > div > div,#newsletter > div > div:not(:first-child){margin-left: inherit; max-width: 33.333% }
#newsletter > div > div{padding: inherit;}
#newsletter > div > h3 + div{margin-left: inherit!important;}
#newsletter > div > div:last-child{width:100%;    margin-left: inherit;max-width: 33.333%; margin-top: -3px}
#newsletter .container > div{max-height: 100%;    margin-bottom: 70px;}

#newsletter .hover {top:auto;line-height: 1.3; font-family:'Varela Round', sans-serif;position: absolute; bottom: -76px; left: 0; right: 0; margin: 0 auto; width: 152px;height: 152px;}
#newsletter .hover p {position: absolute; color:white; width:110px; height:65px; text-align: center; text-transform: uppercase; font-size: 16px; top:0; bottom:0; left:0; right:0; margin:auto;}


#newsletter .inscription{}
#newsletter .inscription h3{font-size : 24px; text-align: left; margin-bottom: 15px; margin-top: 3px}
#newsletter .inscription h4,#newsletter .inscription #prevenir {color:white; font-size: 16px}
#newsletter .inscription h4 { display: inherit; }

#newsletter #prevenir > div{margin:0; margin-top: 20px}
#newsletter #prevenir .input-group-addon,#newsletter #prevenir .input-group-btn .btn, #newsletter #prevenir .form-control {height: 50px}
#newsletter #prevenir .input-group-btn .btn{text-transform: uppercase; }*/



/*#index #reassurance {display: none;}*/
#prelancement p {font-size: 16px;}
#prelancement h2 {font-size: 24px;width: 500px;margin: auto;}
#counter {background: #f6f4ef;color: #000;font-family: 'Spoon', sans-serif;font-size: 16px;padding: 30px 0;}
#counter .clockworks {text-align: center;}
#counter .clockworks .clock {display: inline-block;text-align: center;wid!th: 96px;hei!ght: 96px;margin: 0 6%;bor!der: 2px solid #fff;bord!er-radius: 100%;}
#counter .clockworks .clock {background: url(/themes/lecargo/img/compteur.png);background-size: 96px;background-repeat: no-repeat;background-position: 2px 1px;width: 100px;height: 100px;}
/*#counter .clockworks .clock canvas {position: absolute;top: -4px;left: -4px;}*/
#counter .clockworks .clock .num {position: absolute;to!p: 20px;top:19px;width: 100%;}
#counter .clockworks .clock .str {position: absolute;to!p: 45px;top:63px;font-size: 14px;width: 100%;}
#prevenir > div {margin: auto;text-align: center;}
#prevenirmerci {display: none;}
.prevenirmerci {display: none;}
.prevenir > div {margin: auto;text-align: center;}

#div_recherche{
	position:relative;
}

#div_recherche #helm{
	left:10px;
}

.auto-complete{
	position:absolute;
	background:white;
	width:calc(100% - 50px);
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align:left;
	padding:5px 10px;
	box-sizing: border-box;
	display:none;
	list-style: none;
	z-index:10;
	box-shadow:0 0 100px #EAEAEA;
}

.auto-complete.show{
	display:block;
}

.auto-complete li:not(:first-child){
	margin-top:5px;
}

.auto-complete a{
	display:block;
	cursor:pointer;
}