/*
	Fichier : 			style.css
	Date creation : 	19/02/2015
*/
/*
	Reset CSS fait dans le bootstrap ici ne seront mis en place que les styles principaux et génériques
	Entre commentaires il y aura du CSS spécifiques à certaines pages mais il faut tendre à en avoir le moins possible
	
	Les couleurs: E85731 (from image.. E65631 )
		Orange foncé 		: DA6741 (10% darken C14E28) (10% ligthen F4815B)
		Orange clair 		: E4723A ( depuis l'image : EC785A)
		Orange Ocre 		: ED9939
		Gris foncé 			: 595959
		Fushia foncé 		: 942E55 (10% darken 7B153C) (from image... A00052 )
		Rose 				: D4799E (10% darken BB6085) (from image... F193BD )
		saumon orange clair : F4C6AE
		Saumon orange 		: E08263

*********************************************************************
							GENERAL STYLE 
********************************************************************* 	*/
@font-face {
    font-family: 'museo300';
    src: url('../fonts/Museo300-Regular-webfont.eot');
    src: url('../fonts/Museo300-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Museo300-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Museo300-Regular-webfont.woff') format('woff'),
         url('../fonts/Museo300-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Museo300-Regular-webfont.svg#museo300') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{
	padding: 0 !important;
	margin: 0 !important;
}

h1 {
	font-family: museo300, Arial, sans-serif;
	font-size: 28px;
	color: #DA6741;
	padding-left: 15px;
}

.whitecontainer{
	background-color: white;
	padding-left: 0;
	padding-right: 0;
}

.container.content {
	padding-left: 15px;
	padding-right: 15px;
}

.backorange{
	background-color: #E65631;
	color: #FFFFFF;
}

.backfuschia{
	background-color: #A00052;
	color: #FFFFFF;
}

.backblue{
	background-color: #0092c8;
	color: #FFFFFF;
}

.backyellow{
	background-color: #fbaf2d;
	color: #FFFFFF;
}

.backblue a,
.backorange a,
.backfuschia a,
.backyellow a{
	text-decoration: none;
	color: #FFFFFF;
}

li > a:hover{
	text-decoration: underline;
	/* color: #245BA5; */
}

/* 4 couleurs de news et d'informations */
.bgcolor_classic{
	background-color: rgb(241, 142, 0) !important;
}

.bgcolor_particulier{
	background-color: rgb(0, 85, 159) !important;
}

.bgcolor_professionnels{
	background-color: rgb(122, 178, 220) !important;
}

.bgcolor_ce{
	background-color: rgb(160, 0, 82) !important;
}

.vert{
	color: #76AB91;
	background-color: white;
}

.vert_text{
	color: #76AB91;
}

.bleubanq{
	color: #0085B2;
	background-color: white;
}

.bleubanq_text{
	color: #0085B2;
}

.orange{
	color: #FF8000;
	background-color: white;
}

.orange_text{
	color: #FF8000;
}

.purple{
	color: #C8ABDB;
	background-color: white;
}

.purple_text{
	color: #C8ABDB;
}

/* BUTTONS */
/* -- primary -- */
.btn-brand-primary {
	color: #FFFFFF;
	background-color: #DA6741;
	border-color: #DA6741;
}

.btn-brand-primary:hover,
.btn-brand-primary:focus,
.btn-brand-primary:active,
.btn-brand-primary.active,
.open .dropdown-toggle.btn-brand-primary {
	color: #FFFFFF;
	background-color: #DA6741;
	border-color: #DA6741;
}
/* -- secondary -- */
.btn-brand-secondary {
	color: #FFFFFF;
	background-color: #0053A1;
	border-color: #0053A1;
}

.btn-brand-secondary:hover,
.btn-brand-secondary:focus,
.btn-brand-secondary:active,
.btn-brand-secondary.active,
.open .dropdown-toggle.btn-brand-secondary {
	color: #FFFFFF;
	background-color: #003F7A;
	border-color: #003F7A;
}

/* no-gutters Class Rules */
.row.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
	padding-right: 0;
	padding-left: 0;
}


/* SOUSCRIRE */
.frame{
	padding: 15px 10px 10px 20px;
	margin-top: 0;
	margin-bottom: 20px;
	border: 1px solid #595959;
}

.frame_vignette{
	padding: 15px 10px 10px 20px;
	margin-top: 0;
	margin-bottom: 0px;
	background-color: #F4F4F4;
}

.frame h2 {
	font-size: 20px;
	color: #FFFFFF;
	background-color: #595959;
	margin-left: -20px;
	margin-right: -10px;
	margin-top: -15px;
	padding: 10px 10px 10px 20px;
}

.vignette_header{
	color: #DA6741;
    font-weight: bold;
    font-size: 16px;
}

.vignette_header .col-xs-12 p{
	margin-top: 18px;
}

.bonasavoir{
	color: #000000;
	text-align: center;
	font-size: 16px;
}

.bonasavoir a{
	color: #DA6741;
}


.sub_souscrire_vignette{
	position: relative;
	background-color: #F4F4F4;
	text-align: left;
}

.sub_souscrire_vignette ul{
	padding-left: 30px;
}

.sub_souscrire_vignette ul ul{
	padding-left: 45px;
}

.sub_souscrire_vignette+div{
	text-align: center;
}

.img-garantie-souscrire{
	margin: 15px auto;
}

.btn_activer_garantie{
	background-color: #DA6741;
	color: #FFFFFF;
	font-weight: bold;
	margin: 5px auto 15px;
}

.btn_activer_garantie:hover{
	background-color: #DA6741;
	color: #FFFFFF;
	font-weight: bold;
}

.row_sub_souscrire{
	background-color: #F4F4F4;
}

@media(min-width: 768px){
	.frame_vignette{
		height: 124px;
	}

	.img-garantie-souscrire{
		margin-top: 110%;
	}

	.btn_activer_garantie{
		margin-top: 80%;
	}

	.row_sub_souscrire{
		padding: 15px 0px;
	}
}

@media(min-width: 992px){
	.frame_vignette{
		height: 104px;
	}

	.img-garantie-souscrire{
		margin-top: 50%;
	}

	.btn_activer_garantie{
		margin-top: 65%;
	}

	.sub_souscrire_vignette+div{
		padding-left: 0;
		padding-right: 0;
		text-align: center;
	}
}

@media(min-width:1200px){
	#left_header_p{
		text-align: center;
	}

	#right_header_p{
		text-align: center;	
	}

	.frame_vignette{
		height: 92px;
	}

	.vignette_header img{
		height: 85px;
	}

	.img-garantie-souscrire{
		margin-top: 25%;
	}

	.btn_activer_garantie{
		margin-top: 38%;
	}
}
/* FIN SOUSCRIRE */

#sites-app_row, #partenaires_row {
	margin-top: 30px;
}

#sites-app_row .col-md-4.col-sm-6 .frame {
	height: 340px;
	min-height: 340px;
	border: none;
}

#partenaires_row .col-md-4.col-sm-6 .frame {
	height: 90px;
	min-height: 90px;
}

.tab_indent {
	margin-left: 15px;
}

.title_bullet {
	color: #DA6741;
	background: url("../images/title_bullet.png") no-repeat left .3em;
	padding-left: 7px;
	margin-left: 8px;
	font-weight: bold;
}

ul.primary_bullet li {
	background: url("../images/primary_bullet.png") no-repeat left center;
	padding-left: 30px;
}

ul.secondary_bullet li {
	background: url("../images/puces/coche_PNEU.png") no-repeat left center;
	padding-left: 30px;
}

ul.tertiary_bullet li {
	background: url("../images/puces/coche_VELO.png") no-repeat left center;
	padding-left: 30px;
}


/* 	*********************************************************************
							BANDEAU HAUT 
********************************************************************* 	*/
/* 
	Redefinition de la navbar bootstrap pour éviter le min-height 50px; 
	et pour limiter le margin-bottom de 20px a une valeur moindre car 
	trop d'espacement par rapport à la maquette..
*/
.navbar{
	min-height: 0 !important;
	margin-bottom: 8px;
}

nav input:not([type=submit]):not([type=file]){
	/* Box shadow pour donner une impression d'enfoncement au champs */
	-webkit-box-shadow: 
	  inset 0 0 8px  rgba( 0, 0, 0, 0.1 ),
			0 0 16px rgba( 0, 0, 0, 0.1 );

	-moz-box-shadow: 
	  inset 0 0 8px  rgba( 0, 0, 0, 0.1 ),
			0 0 16px rgba( 0, 0, 0, 0.1 );

	box-shadow: 
	  inset 0 0 8px  rgba( 0, 0, 0, 0.1 ),
			0 0 16px rgba( 0, 0, 0, 0.1 );

	/* Suppression des bordures afin de fondre le champs de recherche dans le bandeau */
	border : 0;
	background: rgba( 255, 255, 255, 0.4 );
	height: 100%;
}

.search_form{
	margin-left: 0;
	margin-right: 0;
}

.bandeau_haut .container form{
	height: 32px;
	color: white;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	margin-left: -15px;
	padding: 0px;
	border: 0;
}

/* Media queries pour gerer la taille du formaulaire de recherche, plus petite sur mobile car le header est diminué */
@media screen and (max-width: 767px){
	.bandeau_haut .container form{
		width: 100%;
		border: 0;
	}

	.bandeau_haut .container form input{
		width: 90%;
		border: 0;
	}

	/* Override des valeurs de bootstrap */
	.navbar-default{
		background-color: #DA6741;
	}
}

@media screen and (max-width: 452px){
	.bandeau_haut .container form input{
		width: 70%;
		border: 0;
	}
}

@media screen and (min-width: 768px){
	.bandeau_haut{
		background-color: #DA6741;
	}
}

.bandeau_haut .container form input{
	color: white;
	padding-left: 4px;
}

.bandeau_haut .container form input:-moz-placeholder{
	color: white;
}

.bandeau_haut .container form input::-webkit-input-placeholder{
	color: white;
}

.bandeau_haut .container ul{
	background-color: #EC785A;
}

.bandeau_haut .container ul li{
	height: 32px;
	padding: 0 4px;
}

.bandeau_haut .container ul li a{
	color: white;
	margin-top: 6px;
}

.text-right{
	padding-right: 0;
}

/*
	Gestion du sub_header, ici on place des margins top pour aligner 
	les images verticalement, mais le margin deviens un problème sur mobile car
	il décalle vers le bas les images et rajoute des espaces inutiles.
*/
.cpt_access_mag_link button{
	margin-top: 25px;
	background-color: #FBAF2D;
	color: white;
}

.cpt_access_mag_link.open>button{
	background-color: #FBAF2D !important;
	color: white !important;
}

.cpt_access_mag_link button:hover,
.cpt_access_mag_link button:focus,
.cpt_access_mag_link button:active{
	background-color: #FBAF2D;
	color: white;
}

/* Smartphone and tablets */
@media screen and (min-width: 1200px){
	.cpt_access_mag_link button{
		margin-right: 30px;
	}
}

.cpt_access_link button{
	margin-top: 25px;
	background-color: #DA6741;
	color: white;
}

.cpt_access_link.open>button{
	background-color: #DA6741 !important;
	color: white !important;
}

.cpt_access_link button:hover,
.cpt_access_link button:focus,
.cpt_access_link button:active{
	background-color: #DA6741;
	color: white;
}

.cpt_access_link ul{
	background-color: #DA6741;
	color: white;
}

.cpt_access_link ul li>a{
	background-color: #DA6741;
	color: white !important;
}

.cpt_access_link ul li>a:hover{
	background-color: #EC785A;
	color: white;
}

.sub_bandeau_haut{
	margin-bottom: 15px;
}

.img_header_central img{
	margin: 0 auto !important;
}

.logo_edel{
	padding-left: 0;
	text-align: center;
}

.logo_edel img{
	height: 83px;
}

@media screen and (max-width: 767px){
	.sub_bandeau_haut .col-sm-4:not(.logo_edel)>img{
		margin-top: 10px;
	}
}

/* 	*********************************************************************
							  FOOTER 
********************************************************************* 	*/
#footer {
	background-color: #DA6741;
	color: #fff;
}

#footer a {
	color: #fff;
}

#footer #mentions_legales,
#footer #footer_liens {
	padding: 15px;
}

@media screen and (max-width: 992px){
	#footer #mentions_legales,
	#footer #footer_liens {
		text-align: center;
	}
}

.haut-page {
	position: fixed;
	bottom: 1em;
	right: 1em;
	text-decoration: none;
	color: #fff;
	background-color: #DA6741;
	padding: .5em;
	line-height: 0;
	border-radius: 1em;
	display: none;
}

.haut-page:hover,
.haut-page:focus,
.haut-page:active {
	color: #fff;
}

@media screen and (max-width: 768px){
	.haut-page {
		visibility: hidden;
	}
}

.global_ul{
	margin-top: 30px;
	margin-bottom: 18px;

	padding: 0 130px;
}

.global_ul ul{
	list-style-type: none;
}

.global_ul img{
	margin-top: -16px;
}

.global_ul > ul > li{
	float: left;
	margin-top: 10px;
	/* border-bottom: 1px solid rgba(0, 83, 161, 0.1); */
}

.global_ul > ul > li a{
	color: black !important;
}

.global_ul > ul > li a:hover{
	color: #DA6741 !important;
}

.hidden-xs.hidden-lg.hidden-md.global_ul > ul > li{
	/* border-bottom: 1px solid rgba(0, 83, 161, 0.1); */
}

.sub_list{
	line-height: 22px;
}

.hidden-lg .sub_list:hover{
	cursor: pointer;
}

.sub_list:after{
	content: '';
	display: block;
	clear: both;
}

.global_ul .sub_list span{
	float: left;
	font-size: 16px;
	color: black;
	cursor: pointer;
}

.global_ul .sub_list img{
	float: right;
	margin-top: 10px;
}

.global_ul .sub_ul{
	margin-top: -6px;
	padding-left: 0px;
}

.sub_ul > li{
	line-height: 26px;
	vertical-align: middle;
	color: black;
}


/* 	*********************************************************************
							  INDEX 
********************************************************************* 	*/
.sub_caroussel > div{
	margin-bottom: 10px;
}

.bandeau_garantie{
	background-color: #595959;
	padding: 6px 10px;
	color: #FFFFFF;

	font-size: 24px;
	font-weight: 600;
}

.bandeau_garantie h1{
	color: #FFFFFF;
}

/* Mobile */
@media screen and (max-width: 767px){
	.sub_caroussel > div {
		margin-left : 10px;
		margin-right: 10px;
	}

	.bq_navbar .navbar-collapse{
		float: left;
		margin-top: 10px;
	}

	.img_header{
		float: left;
		vertical-align: baseline;
		margin-right: 8px;
		height: 45px;
	}

	/* Gestion du cadenas */
	.img_header.access-compte{
		float: right;
		margin-right: 0px;
		margin-top: 0px;
		background-color: #A75539;
		height: 50px;
		width: 50px;
	}

	/* Gestion du cadenas */
	.img_header.access-magasin{
		float: right;
		margin-top: 0px;
		background-color: #fbaf2d;
		height: 50px;
		width: 50px;
		margin-right: 0;
	}
	
	.access-compte-cadenas{
		margin-top: 13px;
		margin-left: 15px;
	}

	.bandeau_garantie{
		background-color: #595959;
		padding: 20px 10px;
		color: #FFFFFF;
		font-weight: 400;
	}

	.bandeau_garantie span{
		font-weight: 600;
	}
}

.bq_navbar{
	color: #245BA5;
	margin-bottom: 0;
	border: 0;
}

.bq_navbar .navbar-collapse{
	padding-left: 0;
	padding-right: 0;
}

.navbar-default .navbar-collapse{
	border : none;
}

.bq_navbar .navbar-nav{
	text-align: center;
	width: 100%;
}

.bq_navbar .nav li{
	font-size: 12px;
}

/* Ajout de la mise en majuscule pour les options de menu */
.bq_navbar ul.nav > li, .bq_navbar ul.nav > li button{
	text-transform: uppercase;
}

.bq_navbar .nav>li>a{
	padding-left: 0;
	padding-right: 0;
	color: #FFFFFF;
}

.bq_navbar .nav li.presentation-banque button {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}

.bq_navbar .nav li.presentation-banque .dropdown-menu {
	background-color: #DA6741;
}

.bq_navbar .nav li.presentation-banque .dropdown-menu > li > a {
  color: #fff;
}

.bq_navbar .nav li.presentation-banque .dropdown-menu > li > a:hover,
.bq_navbar .nav li.presentation-banque .dropdown-menu > li > a:focus {
  background-color: #E4723A;
}

.bq_navbar #activergarantie{
	color: #DA6741;
	font-weight: bold;
}

@media screen and (max-width: 767px){
	.bq_navbar #activergarantie{
		color: #FFFFFF;
	}

	.navbar-collapse{
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

/*
	Menu a gauche sur mobile
*/
.menu_dropdown_toggle{
	float: left !important;
	margin-left: 15px !important;
	border: none;
}

.menu_dropdown_toggle:hover{
	background-color: #E08263 !important;
}

.navbar-default .navbar-toggle .icon-bar{
	background-color: white;
}

.navbar-default .navbar-toggle:focus{
	background-color: #E08263;
}

.cercles{
	margin-top: 30px;
	margin-bottom: 20px;
}

.cercles div img{
	position: relative;
	margin: auto;
}

.cercles div span.number{
	width: 74px;
	position : absolute;
	top: 30px;
	left: 50%;
	margin-left: -37px;

	font-size: 36px;
	text-align: center;
}

.cercles div span.number.purple{
    font-size: 18px;
    top: 45px;
}

.tout-sur-ma-banque{
	border-radius: 12px;
	background-clip: padding-box;
	background-color: #0053A1;
	padding: 15px 10px;
	color: white;
	margin-bottom: 15px;
}

.tout-sur-ma-banque .lien-savoir-plus{
	border-radius: 3px;
	background-clip: padding-box;
	padding: 6px;
	background-color: #F18E00;
}

.lien-savoir-plus a{
	color: white;
}

.lien-savoir-plus a:hover{
	color: white;
	text-decoration: underline;
}

.tout-sur-ma-banque-text{
	padding: 15px !important;
	padding-top: 35px !important;
	text-align: left;
}

/* Gestion de l'affichage des garanties */
.vignette_garantie{
	padding-top: 60px;
	padding-left: 25px !important;
}



.contacts{
	background-color: #f6f6f6;
}

.contacts .cote_rh ul{
	list-style: none;
	margin-top: 5px;
}

.contacts .cote_rh ul li{
	max-width: 245px;
	word-wrap: normal;
}

.contacts .cote_rh ul li p{
	margin-bottom: 0px;
}

.contacts .cote_rh ul li hr{
	margin: 5px 0px 10px 0px;
}

.contacts .cote_rh #rh_subtitle{
	display: block;
	background-color: #D1D0CE;
	color: black;
	max-width: 245px;
	padding: 4px;
}

.contacts .on_en_parle{
	max-width: 380px;
}

.contacts .on_en_parle ul{
	word-wrap: normal;
	list-style: none;
}

.contacts .on_en_parle ul hr{
	margin-top: 0px;
	margin-bottom: 8px;
}

.contacts .on_en_parle ul li{
	padding-left: 10px;
	text-indent: -7px;
}

.contacts .on_en_parle ul li:before{
	display: inline;
	content: "• ";
	color: #FF8000;
}

.contacts .on_en_parle ul li:after{
	content: '';
	display: block;
	clear: both;
}

.contacts .on_en_parle ul li a {
	color: #333;
}

.contacts .on_en_parle .gris{
	color: lightgrey;
	font-style: italic;
}

/* Smartphone and tablets */
@media screen and (min-width: 992px){
	.contacts .contact{
		margin-left: 60px;
	}

	.contacts .cote_rh{
		margin-left: 45px;
	}
}

/* tablets.. */
@media screen and (min-width: 768px) and (max-width: 991px){
	#bq_header_menu li{
		padding-left: 0;
	}
	
	.contacts .cote_rh{
		margin-left: 10px;
	}

	.contacts .on_en_parle{
		margin-left: 20px;
	}

	.contacts .contact{
		margin-left: 30px;
	}

	/* FOOTER */
	.slider{
		max-height: 200px;
		overflow-y: hidden;
	
				transition : all 0.6s ease-out;
		-webkit-transition : all 0.6s ease-out;
	}

	.slider.closed{
		max-height: 0px;
	}
	

	.vignette_garantie{
		font-size: 12px;
		padding-left: 25px !important;
		padding-top: 35px;
	}

	.vignette_garantie h2{
		font-size: 20px;
	}
}

/* For medium screen and over */
@media screen and (min-width: 992px){
	.footer{
		background-color:  #0053A1;
		color: white;
	}
}


/* 	*********************************************************************
							  GARANTIES 
********************************************************************* 	*/
/*#espace-multimedia,
#espace-electromenager,
#espace-pneu {
	margin-top: 15px;
	padding: 30px 0;
}*/

#espace-electromenager{
	background-color: #EFEFEF;
}

#espace-electromenager div:nth-child(4),
#espace-velo div:nth-child(4){
	padding-top: 60px;
	padding-bottom: 60px;
}
@media (max-width: 767px){
	#espace-electromenager.re div:nth-child(4),
	#espace-velo.re div:nth-child(4){
        padding-top: 20px;
    }
}
@media (min-width: 768px){
	#espace-electromenager.re div:nth-child(4),
	#espace-velo.re div:nth-child(4){
        padding-top: 140px;
    }
}

 #espace-velo{
	background-color: #EFEFEF;
 }

#espace-pneu div:nth-child(3){
	padding-top: 60px;
	padding-bottom: 60px;
}

#espace-multimedia .offre-mobile,
#espace-electromenager .offre-mobile,
#espace-pneu .offre-mobile,
#espace-velo .offre-mobile,
#espace-multimedia .offre-desktop,
#espace-electromenager .offre-desktop,
#espace-pneu .offre-desktop,
#espace-velo .offre-desktop {
	color: #fff;
	padding: 5px 15px 15px 15px;
	margin-bottom: 15px;
}

#espace-pneu .offre-desktop{
	margin-bottom: 0px;
}

#espace-multimedia .offre-mobile { background: #DA6741; }
#espace-electromenager .offre-mobile { background: #942E55; }
#espace-pneu .offre-mobile { background: #0092C8; }
#espace-velo .offre-mobile { background: #fbaf2d; }

#espace-multimedia .offre-mobile h2 span,
#espace-electromenager .offre-mobile h2 span,
#espace-pneu .offre-mobile h2 span,
#espace-velo .offre-mobile h2 span,
#espace-multimedia .offre-desktop h2 span,
#espace-electromenager .offre-desktop h2 span,
#espace-pneu .offre-desktop h2 span,
#espace-velo .offre-desktop h2 span {
	display: block;
}

#espace-multimedia dl,
#espace-electromenager dl,
#espace-pneu dl, 
#espace-velo dl{
	margin-left: 15px;
}

#espace-multimedia dl dt{
	color: #DA6741;
	/*background: url("../images/title_bullet_orange.png") no-repeat left .3em;*/
	padding-left: 15px;
	font-size: 18px;
	font-weight: 400;
}

#espace-electromenager dl dt{
	color: #942E55;
	/*background: url("../images/title_bullet_magenta.png") no-repeat left .3em;*/
	padding-left: 15px;
	font-size: 18px;
	font-weight: 400;
}

#espace-pneu dl dt {
	color: #0092C8;
	/*background: url("../images/title_bullet_rose.png") no-repeat left .3em;*/
	padding-left: 15px;
	font-size: 18px;
	font-weight: 400;
}

#espace-velo dl dt{
	color: #fbaf2d;
	padding-left: 15px;
	font-size: 18px;
	font-weight: 400;
}

#espace-multimedia dl dd,
#espace-electromenager dl dd,
#espace-pneu dl dd,
#espace-velo dl dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-bottom: 1px solid #eee;
}

#espace-multimedia .btn,
#espace-electromenager .btn,
#espace-pneu .btn,
#espace-velo .btn {
	margin-top: 10px;
}

#espace-pneu ul {
	list-style-type: none;
	margin-left: 30px;
}

#espace-velo ul {
	list-style-type: none;
	margin-left: 30px;
}

@media(min-width:768px){
	.bq_navbar .nav>li>a{
		color: #000000;
	}

	.bq_navbar .nav li.presentation-banque button {
		color: #000000;
	}

	#espace-multimedia {
		/*background-image: url("../images/multimedia-sm.png");*/
		background-repeat: no-repeat;
		background-position: center right;
	}

	#espace-electromenager {
		/*background-image: url("../images/electro-sm.png");*/
		background-repeat: no-repeat;
		background-position: center left;
	}

	#espace-pneu {
		/*background-image: url("../images/pneu-sm.png");*/
		background-repeat: no-repeat;
		background-position: center right;
	}

	#espace-velo {
		/*background-image: url("../images/electro-sm.png");*/
		background-repeat: no-repeat;
		background-position: center left;
	}
}

@media(min-width:992px){
	#espace-multimedia {
		/*background-image: url("../images/multimedia-md.png");*/
		background-repeat: no-repeat;
		background-position: center right;
	}

	#espace-electromenager {
		/*background-image: url("../images/electro-md.png");*/
		background-repeat: no-repeat;
		background-position: center left;
	}

	#espace-pneu{
		/*background-image: url("../images/pneu-md.png");*/
		background-repeat: no-repeat;
		background-position: center right;
	}
	
	#espace-velo{
		/*background-image: url("../images/electro-md.png");*/
		background-repeat: no-repeat;
		background-position: center left;
	}
}

@media(min-width:1200px){
	#espace-multimedia {
		/*background-image: url("../images/multimedia-lg.png");*/
		background-repeat: no-repeat;
		background-position: center right;
	}

	#espace-electromenager {
		/*background-image: url("../images/electro-lg.png");*/
		background-repeat: no-repeat;
		background-position: center left;
	}

	#espace-pneu{
		/*background-image: url("../images/pneu-lg.png");*/
		background-repeat: no-repeat;
		background-position: center right;
	}

	#espace-velo {
		/*background-image: url("../images/electro-lg.png");*/
		background-repeat: no-repeat;
		background-position: center left;
	}
}

/* ESPACE multimedia */
#espace-multimedia .btn-brand-secondary,
.sticky_garantie .btn-brand-secondary {
	color: #FFFFFF;
	background-color: #DA6741;
	border-color: #DA6741;
}

#espace-multimedia .btn-brand-secondary:hover,
#espace-multimedia .btn-brand-secondary:focus,
#espace-multimedia .btn-brand-secondary:active,
#espace-multimedia .btn-brand-secondary.active,
#espace-multimedia .open .dropdown-toggle.btn-brand-secondary {
	color: #FFFFFF;
	background-color: #C14E28;
	border-color: #C14E28;
}

/* ESPACE electromenager */
#espace-electromenager .btn-brand-secondary {
	color: #FFFFFF;
	background-color: #942E55;
	border-color: #942E55;
}

#espace-electromenager .btn-brand-secondary:hover,
#espace-electromenager .btn-brand-secondary:focus,
#espace-electromenager .btn-brand-secondary:active,
#espace-electromenager .btn-brand-secondary.active,
#espace-electromenager .open .dropdown-toggle.btn-brand-secondary {
	color: #FFFFFF;
	background-color: #7B153C;
	border-color: #7B153C;
}

/* ESPACE CE */
#espace-pneu .btn-brand-secondary {
	color: #FFFFFF;
	background-color: #0092C8;
	border-color: #0092C8;
}

#espace-pneu .btn-brand-secondary:hover,
#espace-pneu .btn-brand-secondary:focus,
#espace-pneu .btn-brand-secondary:active,
#espace-pneu .btn-brand-secondary.active,
#espace-pneu .open .dropdown-toggle.btn-brand-secondary {
	color: #FFFFFF;
	background-color: #02658A;
	border-color: #02658A;
}

/* ESPACE velo */
#espace-velo .btn-brand-secondary {
	color: #FFFFFF;
	background-color: #fbaf2d;
	border-color: #fbaf2d;
}

#espace-velo .btn-brand-secondary:hover,
#espace-velo .btn-brand-secondary:focus,
#espace-velo .btn-brand-secondary:active,
#espace-velo .btn-brand-secondary.active,
#espace-velo .open .dropdown-toggle.btn-brand-secondary {
	color: #FFFFFF;
	background-color: #fbaf2d;
	border-color: #fbaf2d;
}


/* BOUTON Parametrer les cookies */

#ot-sdk-btn.ot-sdk-show-settings {
    background-color: white !important;
    color: #0268AD !important;
    border: 1px solid #0268AD !important;
}

#ot-sdk-btn.ot-sdk-show-settings:hover {
    background-color: #0268AD !important;
    color: white !important;
}