:root {
	--color-soideal: #315470;
	--color-porcher: #005054;
	--color-blue: #72839f;
	/* COLOR FOR CATALOG BUTTON */
	--color-green: #9dc41f;
	--color-yellow: #f5d100;
	--color-orange: #fb9609;
	--color-red: #c9042c;
	--color-white:#ffffff;
	--color-sub-v1:#000000;
	--color-grey-light:#c9c9c9;
	--bg-generic:#315470;
	/* COLOR GENERIC */
	--color-generic-dark-website: #72839f;
	--color-generic-light-website: #FFFFFF;

	/* ==[ CATALOG PAGE ]== */
	/* PAGE MENU CATALOG */
	--bg-catalog-menu: initial;
	--noui-bg: var(--color-soideal);
	/* CARD ITEM */
	--bg-catalog-card: rgba(255, 255, 255, .75);
	--bg-catalog-card-hover: rgba(255, 255, 255, .85);

	--color-catalog-menu-link: var(--color-soideal);
	--color-catalog-menu-link-hover: var(--color-sub-v1);

	--border-catalog-card: grey;
	/* MENU BACKGROUND URL */
	--img-url-multimedia:   url(/medias/images/_common/menucatalogue/store-hightech.jpg) center center no-repeat;
	--img-url-home:         url(/medias/images/_common/menucatalogue/store-maison.jpg) center center no-repeat;
	--img-url-sports:       url(/medias/images/_common/menucatalogue/store-loisirs.jpg) center center no-repeat;
	--img-url-accessories:  url(/medias/images/_common/menucatalogue/store-maroquinerie.jpg) center center no-repeat;
	--img-url-gastronomy:   url(/medias/images/_common/menucatalogue/store-gastronomie.jpg) center center no-repeat;
	--img-url-child:        url(/medias/images/_common/menucatalogue/store-enfant.jpg) center center no-repeat;
	--img-url-comfort:      url(/medias/images/_common/menucatalogue/store-bienetre.jpg) center center no-repeat;
	--img-url-travel:       url(/medias/images/_common/menucatalogue/store_voyage.jpg) center center no-repeat;
	--img-url-gift:         url(/medias/images/_common/menucatalogue/store-chequecadeau.jpg) center center no-repeat;
	--img-url-all-catalog:  url(/medias/images/_common/menucatalogue/store-cadeaux.jpg) center center no-repeat;
	--img-url-pro-products: url(/medias/images/_common/menucatalogue/store-pro.jpg) center center no-repeat;
	/* ==[ ITEM PAGE ]== */
	/* COLOR SELECT FOR ARTICLE PAGE */
	--border-color-gift: #6c757d;
	--border-color-gift-selected: #252424;
	/* ==[ CART PAGE ]== */
	/* TABLE */
	--bg-table-cart-head: var(--color-main-v1);

	--text-table-cart-head: var(--color-white) !important;

	--link-table-cart: var(--color-main-v1);
	--link-table-cart-hover: var(--color-sub-v1);

	/* BTN GENERIC */
	--btn-generic-text: var(--color-white);
	--btn-generic-border: var(--color-white);
	--btn-generic-bg: var(--color-soideal);
	/* BTN GENERIC HOVER */
	--btn-generic-text-hover: var(--color-main-v1);
	--btn-generic-border-hover: var(--color-main-v1);
	--btn-generic-bg-hover: var(--color-white);

	/* BTN OUTLINE GENERIC */
	--btn-outline-generic-text: var(--color-main-v1);
	--btn-outline-generic-border: var(--color-grey-light);
	--btn-outline-generic-bg: var(--color-white);
	/* BTN OUTLINE GENERIC HOVER */
	--btn-outline-generic-text-hover: var(--color-sub-v1);
	--btn-outline-generic-border-hover: var(--color-main-v1);
	--btn-outline-generic-bg-hover: var(--color-white);

	/* BTN NEW GREEN */
	--btn-news-text: var(--color-white);
	--btn-news-icon: var(--color-green);
	--btn-news-border: var(--color-white);
	--btn-news-bg: var(--color-green);
	/* BTN NEWS GREEN HOVER */
	--btn-news-text-hover: var(--color-green);
	--btn-news-icon-hover: var(--color-white);
	--btn-news-border-hover: var(--color-green);
	--btn-news-bg-hover: var(--color-white);

	/* BTN PROMO YELLOW */
	--btn-promo-text: var(--color-white);
	--btn-promo-icon: var(--color-yellow);
	--btn-promo-border: var(--color-white);
	--btn-promo-bg: var(--color-yellow);
	/* BTN PROMO YELLOW HOVER */
	--btn-promo-text-hover: var(--color-yellow);
	--btn-promo-icon-hover: var(--color-white);
	--btn-promo-border-hover: var(--color-yellow);
	--btn-promo-bg-hover: var(--color-white);

	/* BTN HEART  */
	--btn-heart-text: var(--color-white);
	--btn-heart-icon: var(--color-red);
	--btn-heart-border: var(--color-white);
	--btn-heart-bg: var(--color-red);
	/* BTN HEART  HOVER */
	--btn-heart-text-hover: var(--color-red);
	--btn-heart-icon-hover: var(--color-white);
	--btn-heart-border-hover: var(--color-red);
	--btn-heart-bg-hover: var(--color-white);

	/* BTN TIP OF DAY  */
	--btn-day-tip-text: var(--color-white);
	--btn-day-tip-border: var(--color-white);
	--btn-day-tip-bg: var(--color-orange);
	/* BTN TIP OF DAY  HOVER */
	--btn-day-tip-text-hover: var(--color-orange);
	--btn-day-tip-border-hover: var(--color-orange);
	--btn-day-tip-bg-hover: var(--color-white);
}
.color-main-v1{color:var(--color-main-v1)!important;}
.color-sub-v1{color:var(--color-sub-v1)!important;}

.color-title{color:var(--color-main-v1)!important;}
.color-sub-title{color:var(--color-main-v1)!important;}

.color-text{color:var(--color-main-text-v1)!important;}
.color-sub-text{color:var(--color-sub-text-v1)!important;}

.color-point{color:var(--color-main-point-v1)!important;}
.color-point-barre{color:var(--color-main-point-barre-v1)!important;}

/**
COMMMUN
*/

#headerShopMenu>h3,#headerShop>h3,#headerSelection>h3,#headerCart>h3,#headerNews>h3,#headerPartner>h3,#headerAccount>h3,#headerContact>h3,#headerResult>h3,#headerSupport>h3{font-family:var(--font-family-antenna-medium);color:var(--color-main-v1)!important;text-align:center;text-transform:uppercase;margin-top:1.5rem;padding-bottom:.25rem;}
html {
	height: 100%;
}
body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 14px!important;
}
h1{
	color: var(--color-soideal);
}

h2{
	font-size: 24px;
	margin: 0;
	font-weight: normal;
}

h3{
	font-size: 18px;
	margin: 0;
	font-weight: bolder;
}
#menuRubriques a{color:var(--color-white)!important;}
#menuRubriques a:hover{color:var(--color-grey)!important;}
a{color:var(--color-main-v1)!important;text-decoration:none!important;}
a:hover{color:var(--color-sub-v1)!important;text-decoration:underline;}

.zi-init{z-index: 0;}
.zi-10{z-index: 10;}
.zi-100{z-index: 100;}
.zi-1000{z-index: 1000;}

.btn-main,.btn-generic{color:var(--color-white)!important;border:1px solid var(--color-main-v1)!important;background-color:var(--color-main-v1)!important;}
.btn-main:hover,.btn-main.active:hover,.btn-generic:hover,.btn-generic.active:hover{color:var(--color-main-v1)!important;border:1px solid var(--color-main-v1)!important;background-color:var(--color-white)!important;}
.btn-main.active,.btn-generic.active{color:var(--color-white)!important;border-color:var(--color-main-v1)!important;background-color:var(--color-main-v1)!important;background-image:var(--gradient)!important;}
/**
TOAST
 */

/********
LOGIN
 *******/
#bodyLogin {
	font-size: 12px;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	color: var(--color-soideal);
}
#bodyLogin a{color: #ffffff!important;}
.logo_marque img{
	max-height: 63px !important;
}
.nav-item img {
	margin-right: 5px;
}
.bg-porcher{
	background-color: var(--color-porcher) !important;
	color: #ffffff !important;
}
.bg-soideal{
	background-color: var(--color-soideal) !important;
	color: #ffffff !important;
}
.bg-soideal-img{
	background-image: url('../fond_login_soideal.jpg');
	background-size: cover;
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-position-x: center;
}
.bg-porcher-img{
	background-image: url('../fond_login_porcher.jpg');
	background-size: cover;
	background-position-y: bottom;
	background-repeat: no-repeat;
	background-position-x: center;
}
.bg-porcher .logo, .bg-soideal .logo{height: 80px;}
.btn-soideal{
	background-color: var(--color-soideal)  !important;
	color: white  !important;
}
.btn-porcher{
	background-color: var(--color-porcher)  !important;
	color: white  !important;
}
/***
LAYOUT
 */
#small_top_menu_bootstrap{
	background: #e6e7e7;
	border-radius: 0 0 20px 20px;
	position: absolute;
	top: 0;
	right: 0;
}

.titreRubrique{
	font-size: 36px;
	color: var(--color-soideal);
	margin: 0 0 20px 0;
}

.titreRubrique a{
	white-space: nowrap;
	color:	#a3a3a3;
	text-decoration: none;
}

.grosTexte{
	font-size: 18px;
}
/***
FOOTER
 */
#footer{
	border-top: 2px solid #e6e7e7;
}
#reseauxSociaux img{
	height: 30px;
}
/**
TABLEAU
 */
.table-striped>tbody>tr:nth-of-type(odd)>*{background-color: #eae8e6;}


/************
INDEX
 */
#menuRubriques{
	width: 55%;
}
.main-container{min-height: 655px;}
#coteDroit.SOIDEAL{	z-index: 10; background: url("/medias/images/soideal/vignette_0.jpg") left bottom; background-size: cover;}
#rubrique1{background: linear-gradient(to right, #8fa9b8 75%, transparent 80%),url('../fleche1.png') right center;}
#rubrique2{background: linear-gradient(to right, #7998aa 75%, transparent 80%),url('../fleche2.png') right center;}
#rubrique3{background: linear-gradient(to right, #62879b 75%, transparent 80%),url('../fleche3.png') right center;}
#rubrique4{background: linear-gradient(to right, #4c768d 75%, transparent 80%),url('../fleche4.png') right center;}
#rubrique5{background: linear-gradient(to right, #8cb0b2 75%, transparent 80%),url('../fleche5.png') right center;}
#rubrique6{background: linear-gradient(to right, #669698 75%, transparent 80%),url('../fleche6.png') right center;}
#rubrique7{background: linear-gradient(to right, #407c7f 75%, transparent 80%),url('../fleche7.png') right center;}

.menuSousRubrique{
	background-repeat: no-repeat;
	background-position: right center;
	/*POUR 5 FLECHES*/
	/*	height: 65px;*/
	/*	padding-top:15px;*/
	/*POUR 4 FLECHES*/
	height: 84px;
	padding-top: 18px;
}
.menuSousRubrique:hover{z-index: 15 ;}
.menuSousRubrique a, .nomRubrique{color: white;}
.menuSousRubrique p{
	margin: 0 10px 0 15px;
}
.nomRubrique{
	font-size:1.25rem;
	line-height: 20px;
	font-weight: bold;
}
#phraseBienvenue{
	margin-top: 50px;
	color: var(--color-main-v1);
}
.produitIS{
	width: 33%;
	float: left;
	border:1px solid #dddddd;
	text-align: center;
}
/**********************************************************************************************************************/
/********************************************       ACCOUNT PAGE         **********************************************/
/**********************************************************************************************************************/

#motdepasse {
	background-color: #eae8e6;
	height: max-content;
}
#info_compte .table-striped>tbody>tr>th {width: 30%;}
#demandeChangement {
	color: var(--color-main-v1);
	font-size: 18px;
	line-height: 24px;
}
.txtGris{
	color: #717171;
}
#hautdepage{
	position: fixed;
	right: 0;
	top: 50%;
	background-color: #e5e5e5;
	padding: 5px;
}

#pageTexte{
	background-color: #fff;
	margin-top: 0;
	padding-top: 20px;
	width: 100%;
	height:100%;
	padding-bottom: 10px;
	position: relative;
}

#fenetreTexte{
	height: auto;
	text-align: justify;
}
#cadeaux .card-body, #cadeaux .card{
	min-height:  200px!important;
}

/*PAGE BOOSTERS*/

#boosters{
	float: right;
}


/**
SCREEN UNDER 991 PX
 */
@media (max-width: 991px){
	#small_top_menu_bootstrap{
		border-radius:initial;
		position: inherit;
	}
	.produitIS{
		width: 50%;
	}
}
@media (max-width: 800px) {
	#menuRubriques{
		position:initial!important;
		width: 100%!important;
	}
	.main-container{
		min-height: 520px;
	}
	.produitIS{
		width: 100%;
	}
}


/*QUIZ*/


#InfoDiv{
	width: 1080px !important;
}