/* ************************************************************************************************
/* Header */
/* ************************************************************************************************ */

#header {position:fixed; top:0; width:100%; background:#fff; z-index:10; box-shadow: 0px 0px 17px -13px #000;}

.header-nav {position:relative;}
#header .hooksHeader {margin:0; position: relative;}
.header-col-logo {float:left;margin-top: -35px;;}
.logo {padding-top: 10px;}
@media (max-width: 991px) {
	.header-col-logo {text-align:center; float:none;    width: 400px;        margin-left: calc(50% - 235px);        margin-top: 20px;        margin-bottom: 20px;} 	.logo {max-width:40%;padding-top: 0px; } .a_vos_mesures {max-width:40%; }
	.logo.minimize {height:40px;} 
	.a_vos_mesures {max-width:40%; }
	
} 
@media (max-width: 543px) { 
	.header-col-logo { margin-top: 30px;        margin-bottom: 30px;}
	#header.minimize .header-col-logo {margin-top: 15px;        margin-bottom: 15px;} 
	.logo {max-width:35%;} 
	.header-col-logo .a_vos_mesures{ display: none !important;}
	}

.header-col-bloc {float:right;margin-top: 5px;}
@media (max-width: 991px) {.header-col-bloc {margin-top: 0px;}} 

#header .right-nav {padding: 0px;float: none;position: absolute;width: 100%;height:0;top: 12px;right: 15px;}

@media (max-width: 991px) {
		#header {box-shadow: 0px 0px 6px -2px #000;margin: 0;padding: 0;max-width: 100vw;}
		#header .displayNav2 {margin:0;padding-top: 120px;}
		.header-nav > .container {padding :0;}
		.header-nav > .container > .mobile {background:#f7f7f7;}
		#header .right-nav {padding: 0px;float: none;position: absolute;width: 100%;height:0;top: 22px;right: 15px;}
		#header.minimize .right-nav {top: -3px;}
		}

@media (max-width: 543px) {	
		#header .right-nav {top: 0px;}
		#header.minimize .right-nav {top: -4px;}
	}
		 
@media (max-width: 991px) {.header-full-width {position:absolute;bottom: 0px;}#header .displayNav2 {margin:0;padding-top: 0px;}}

.header-banner {background: #fff;}
.header-banner .message {background: var(--basecolor);color: #fff;text-align: center;font-size: 14px;padding: 5px;}
.header-banner .message .message_contenair {text-align: center;color: #fff;padding-right: 10px;display: inline-block;    }



/* ************************************************************************************************
/* Bloc top */
/* ************************************************************************************************ */
 
@media (min-width: 992px) {#header .right-nav {margin:0px;padding: 0;}}


#header  .right-nav .element,#menu_top  .element, #_desktop_cart .blockcart, #_mobile_cart .blockcart   {vertical-align: top;display: inline-block;text-align: center;    margin: 0px 7px; position: relative;}
#header  .right-nav .element > a > i,#menu_top .element > a > i, #_desktop_cart .blockcart i, #_mobile_cart .blockcart i   {height: 50px;    width: 50px; min-width: unset;    font-size: 22px !important;       color: #fff;    border-radius: 50%;    padding: 14px 4px;    background-color: #bbb;    transition: all 0.6s;}
#header  .right-nav .element > a:hover > i {background-color: var(--basecolor);  color:#fff;}
#header  .right-nav .element > a > div, #menu_top .element > a > div,  #_desktop_cart .blockcart .mon-panier  {text-align: center;    margin-top: 5px; color:#fff; font-size: 14px; font-weight: normal; position: absolute; width: 400%;    left: -150%;    display: none; transition: all 0.6s;}
#header  .right-nav .element > a:hover > div {color:var(--basecolor);display: block;  }
#header  .right-nav .element .badge-element, #_desktop_cart .blockcart .badge, #_mobile_cart .blockcart .badge {position: absolute;    top: -5px;  right: -5px;  width: 20px;    height: 20px;    background: #aaa;    border-radius: 50%;    display: block;}
#_desktop_cart .blockcart .badge,#_mobile_cart .blockcart .badge {padding-top: 1px;    text-align: center; background: #b00 !important;}

#header  .right-nav .element.rdv > a > i {color: #fff; background: var(--basecolor);}
#header  .right-nav .element.rdv > a:hover > i {background-color: var(--basecolor);  color:#000;}
#header  .right-nav .element.rdv > a > div {color:var(--basecolor);}

#header  .right-nav .element.aide > a > i {color: #fff;background: #f6c900;}
#header  .right-nav .element.aide > a:hover > i {background-color: #f6c900;  color:#000;}
#header  .right-nav .element.aide > a > div {color:#f6c900;}
 
#header  .right-nav .element.compte-client > a > i {color: #fff;}
#header  .right-nav .element.compte-client.logged > a > i {color: #000;background-color: #ddd;}
#header  .right-nav .element.compte-client > a:hover > i {background-color: #ddd;  color:#000;}
#header  .right-nav .element.compte-client.logged > a:hover > i {background-color: #bbb;  color:#000;}
#header  .right-nav .element.compte-client > a > div {color:#000;}
#header  .right-nav .bonjour {position: absolute;top: -40px;right: 0;font-size: 15px !important;line-height: 20px !important;color: #666 !important;}
#header  .right-nav .bonjour a {color: #666 !important; text-decoration: underline; transition: all 0.2s;}
#header  .right-nav .bonjour a:hover {color: var(--basecolor) !important;}
#header  .right-nav .bonjour a.logout:hover {color: #b00 !important;}
#header  .right-nav .bonjour a.logout i {padding-left: 5px;}
@media (max-width: 543px) {#header  .right-nav .bonjour {display: none;}}


#header  .right-nav .element.compte-client.logged .badge-element {background:#00b67a;}
#header  .right-nav .element.compte-client.logged .badge-element:hover {background:#b00;}
#header  .right-nav .element.compte-client.logged .badge-element a {color:#fff; font-size: 12px;vertical-align: 2px;}
#header  .right-nav .element.compte-client.logged .badge-element:hover a:hover {color:#fff}

@media (max-width: 991px) {
	#header  .right-nav .element > a > i, #_desktop_cart .blockcart i, #_mobile_cart .blockcart i   {height: 50px;    width: 50px;    font-size: 22px !important;     padding: 14px 4px;   }
	#header  .right-nav .element .badge-element, #_desktop_cart .blockcart .badge, #_mobile_cart .blockcart .badge { top: -5px; }
	#header  .right-nav .element.compte-client > a > i {color: #000; background: #ddd;}
	#header  .right-nav .element.compte-client > a > div {color:#fff;}

}

@media (max-width: 543px) {
	#header  .right-nav .element > a > i,#menu_top .element > a > i, #_desktop_cart .blockcart i, #_mobile_cart .blockcart i   {height: 45px;    width: 45px;    font-size: 22px !important;     padding: 11px 4px;   }
	#header  .right-nav .element .badge-element, #_desktop_cart .blockcart .badge, #_mobile_cart .blockcart .badge { top: -5px; }
	#header  .right-nav .element.compte-client > a > i {color: #000; background: #ddd;}
	#header  .right-nav .element.compte-client > a > div {color:#fff;}

}

#_desktop_cart .blockcart i, #_mobile_cart .blockcart i  {color: #fff !important;}
#_desktop_cart .blockcart.active i,#_mobile_cart .blockcart.active i   {color: #000 !important;background-color: #ddd;}

#_desktop_cart .blockcart:hover  i, #_mobile_cart .blockcart:hover  i {background-color: #ddd;  color:#000 !important;}
#_desktop_cart .blockcart.active:hover i,#_mobile_cart .blockcart.active:hover i   {color: #000 !important;background-color: #bbb;}

@media (min-width: 990px) {#_desktop_cart .dropdown-item >div:hover  .mon-panier {color:#000;display: block !important;  }}


@media (max-width: 991px) {
	#_desktop_cart .blockcart i,#_desktop_cart .blockcart.active i, #_mobile_cart .blockcart i,#_mobile_cart .blockcart.active i   {color: #000 !important;background-color: #ddd; }
}

#menu_top .element > a > i  {height: 40px;    width: 40px;    font-size: 18px !important;     padding: 11px 4px;   }
#menu_top .element > a > div  {display: block;display: block;    position: relative;    color: var(--basecolor);margin-top: 10px;}
#menu_top  .menu-top-element {text-align: left;padding: 15px 5px 40px 5px;border-bottom: 1px solid #ddd;    border-top: 1px solid #ddd;}
#menu_top .element.rdv > a > i {color: #fff; background: var(--basecolor);}
#menu_top .element.aide > a > i  {color: #fff;background: #f6c900;}
#menu_top .element.aide > a > div {color:#f6c900;}

#menu_top  .menu-top-element > button {vertical-align: top;text-align: center;    margin: 0px 7px; padding: 0; position: relative; float: right;}
#menu_top  .menu-top-element > button > i  {height: 40px;    width: 40px;    font-size: 18px !important;       color: #fff;    border-radius: 50%;    padding: 11px 4px;    background-color: #666;    transition: all 0.6s;}
#menu_top  .menu-top-element > button > div {text-align: center;    margin-top: 5px; color:#fff; font-size: 14px; font-weight: normal;  width: 400%;    left: -150%;  display: block;    position: relative;    color: #666 ;margin-top: 10px;}



/* user */
#_desktop_user_info .user-info {position:relative;}
#_desktop_user_info .user-info i {font-size: 30px !important;color: #666 !important;padding: 15px;background: #fff;border-radius: 50%;min-width: 58px; transition:all 0.4s;}
#_desktop_user_info .user-info i.logged {color: #333 !important;}
#_desktop_user_info .user-info i:hover {background: var(--basecolor);color: #fff !important;}
#_desktop_user_info .user-info span {position: absolute;bottom: -25px;left: 0;font-size: 12px;text-decoration: underline;}
#_desktop_user_info .user-info .logout {position: absolute;right: -5px;top: 7px;font-size: 20px;background: #fff;border-radius: 50%;}
#_desktop_user_info .user-info .logout i {font-size: 16px !important;padding: 0;background: #fff;color: #333 !important;min-width: unset;}
#_desktop_user_info .user-info .logout i:hover {color: var(--basecolor) !important;}

#_mobile_user_info .user-info {text-align:center;}
#_mobile_user_info .user-info i {font-size: 30px !important;color: #666 !important;}
#_mobile_user_info .user-info i.logged {color: #333 !important;}
#_mobile_user_info .user-info span {font-size: 12px;text-decoration: underline;position: relative;bottom:5px;}
#_mobile_user_info .user-info .logout {position: relative;top: -3px;font-size: 16px;}
#_mobile_user_info .user-info .logout i {font-size: 25px !important;padding: 10px;color: #333 !important;min-width: unset;}
#_desktop_user_info .user-info .logout i:hover {color: var(--basecolor) !important;}

@media (max-width: 991px) {
		#_desktop_user_info .user-info {margin: 5px 10px 5px 20px !important;}
		#_desktop_user_info .user-info i {padding: 0;background: transparent;border: 0;}
		#_desktop_user_info .user-info i:hover {padding: 0;background: transparent;border: 0;color: var(--basecolor) !important;}
		#_desktop_user_info .user-info span {position: relative;bottom:5px;}
		#_desktop_user_info .user-info .logout {position: relative;top: -3px;right: -2px;font-size: 16px;}
		}

#header .search-bar { 		position: absolute;		left: 250px;		width: calc(100% - 560px);		top: 15px;		text-align: center;		background: #fff;		}
#header .search-bar form { 	width:100%;	max-width: 600px;background: #f7f7f7;display: inline-block;    text-align: right;	padding: 5px 7px;    border-radius: 40px;}
#header .search-bar form::before {content: "\f002"; padding-right: 13px;    vertical-align: -1px;    font-size: 22px;font-weight: 900;font-family: "Font Awesome 5 Free"; color:#999; }
#header .search-bar form input {background: transparent;    border-radius: 40px;    width: calc(100% - 60px); border: 0;    padding: 5px 24px;transition:all 0.4s;}
#header .search-bar form input:focus {background: #fff; color:var(--basecolor);  }

#header .search-bar.mobile {position: relative;    display: inline-block;    top: -5px;    left: 15px;    width: calc(100% - 250px);}
#header .search-bar.mobile form { 	padding: 5px 7px;   }
@media (max-width: 543px) {#header .search-bar.mobile { top: 20px;	left: 0px;	width: 100%; padding: 0px 5px;}} 

#_desktop_search_widget {background:#f7f7f7;}
#header .search-widget {margin:0;margin-top: 5px; background:#f7f7f7;}
.search-widget .fa {color:#ccc; font-size:20px !important;}
.search-widget form input {border-radius: 5px;transition: all 0.4s;}
.search-widget form input {border:0;border-radius:0; background:transparent;}
.search-widget form input:focus {border:0;border-radius:0;background:transparent;}
.search-widget i {font-size:20px;}

#_desktop_cart .blockcart .header .blockcart-details {border: 2px solid var(--basecolor);box-shadow: 0px 1px 3px 0 rgba(0,0,0,.6);top: 67px;left: -219px;}
#_desktop_cart .blockcart .header .blockcart-details::after {border-bottom-color: var(--basecolor);}


	
@media (max-width: 1200px) {
	.search-widget form input {min-width: 0px;} 
	#header .search-widget {min-width: 0px;} 
	#header .search-widget {max-width: 150px;}
	}  
@media (max-width: 991px) {#header .user-info {margin: 5px 0 5px 20px;} #header .blockcart { margin: 0 7px;}}
@media (max-width: 300px) {#header .search-widget {display:none; }}  

/* ************************************************************************************************
/* Bandeau trsutpilot */
/* ************************************************************************************************ */

#trustpilot_header
{
	background: #fff;
	position: relative;
	width: 100%;
	text-align: center;
	left: 0; 
	padding: 5px 0px 0px 0px !important;
	border:0;
	border: 0px solid #00b67a;
	border-radius: 5px;
	top: -5px;
	font-size: 14px;
	margin: 0 !important;
	display: block !important;
	
}
@media (max-width: 991px) {#trustpilot_header {position:relative; margin-bottom: 10px;}} 
@media (max-width: 543px) {#trustpilot_header {display:none;}} 

#trustpilot_header .stars
{
	background: #fff;
    border: 1px solid #fff;
	vertical-align: middle;
}

#trustpilot_header span
{
	padding: 0px 5px;
	vertical-align: middle;
	display:inline-block;
}
#trustpilot_header .trustpilot-widget
{
	display:block;
	margin:0;
}

/* ************************************************************************************************
/* Reassurannce */
/* ************************************************************************************************ */

#header_reassurance {text-align: center;    font-size: 16px;    color: #00b67a;    background: #fff;    position: relative;    top: unset;    width: unset;    left: unset;    box-shadow: none;    padding: 0px;    max-width: 1400px;    margin: auto; display: none;}
#header_reassurance_arguments {padding-right: 40px !important;}
#header_reassurance div {display:inline-block;margin: 0px 10px 0px 10px; padding: 5px;  vertical-align: middle; }
#header_reassurance div .argument-trustpilot {max-width: 220px; padding: 0;   margin: 0;}
#header_reassurance span {vertical-align: middle;border:0; color: #00b67a; font-size:13px}
#header_reassurance i {font-size: 18px;    vertical-align: middle;    margin-right: 8px;    color: #00b67a;    background: transparent;    border-radius: unset;    width: unset;    height: unset;    display: inline-block;    padding: 0px 0px;}
@media (max-width: 1199px) {
	#header_reassurance {font-size: 14px;}
	#header_reassurance i {font-size: 18px;}
	#header_reassurance div {margin: 0px 7px 0px 7px;height: 40px;} 
	#header_reassurance_arguments {padding-right: 0 !important;    padding-left: 60px !important;}
}
@media (max-width: 991px) {
					#header_reassurance_arguments {display:inline-block !important;} 
					#header_reassurance {display:block;position:relative;width: 100%;left: 0;top: 0; margin-top:0px;box-shadow: none; margin: auto; max-width: 100%;overflow: hidden;white-space: nowrap;}
					#header_reassurance .argument-bzh {display:none;}
				}
@media (max-width: 544px) {#header_reassurance_arguments {display:none !important;} #header_reassurance {padding: 0;} #header_reassurance div .argument-surmesure{display:none;}}
@media (max-width: 450px) {#header_reassurance {font-size: 12px; }}   
@media (max-width: 380px) {#header_reassurance {display:block; }}   


.header-full-width .logo  {position: absolute;    top: 0;    z-index: 1;    height: 40px;    left: 15px; display:none;}
.header-full-width .a_vos_mesures  {position: absolute;    top: 5px;    z-index: 1;    height: 40px;    left: 120px;display:none;}
@media (max-width: 1699px) {
.header-full-width .a_vos_mesures  {display:none !important;}
}
@media (max-width: 1260px) {
.header-full-width .logo  {display:none !important;}
}


/* Video embed */

.video_embed {
	position: relative;
	padding-bottom: 56%; /* 16:9 */
	height: 0;
	border: 2px solid #ccc;
}
.video_embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}