@import url("/css-v2511/loyalty-program/style-cg-common.css");

body {
	color:#747f83;
	font: 12px Arial, Helvetica, sans-serif;
	background:#f7f7f8;
}

.popinContainer .leftContent .communBloc {
	background: url(/imagerie/loyalty-program/bg_corner_left-popin.png) no-repeat -223px 100%;
}

.popinContainer .leftContent .communBloc .innerSide {
	background: url(/imagerie/loyalty-program/bg_corner_left-popin.png) no-repeat left top;
}

.popinContainer .leftContent .communBloc .innerSide h2, .popinContainer .leftContent .communBloc .innerSide h2 a {
	font-size: 11px;
	color:#003F6F;
	text-decoration:none;
}

.popinContainer .leftContent .communBloc .innerSide ul li {
	font-size: 11px;
	color:#003F6F;
	font-weight:bold;
}

.popinContainer .leftContent .communBloc .innerSide ul li a {
	color:#003F6F;
	text-decoration:none;
	font-weight:normal;
}

.popinContainer .rightContent {
	background: url(/imagerie/loyalty-program/bg_corner_popin.png) no-repeat -638px 100%;
}

.popinContainer .rightContent .innerSide {
	background: url(/imagerie/loyalty-program/bg_corner_popin.png) no-repeat 0px 0px;
}

.popinContainer .rightContent .innerSide h1 {
	font-size: 18px;
	color:#003F6F;
}

.popinContainer .rightContent .innerSide div.cgOffer {
	border: 1px solid #dedede;
	scroll-behavior: smooth;
}

.popinContainer .rightContent .innerSide div.cgOffer h2 {
	font-size: 13px;
	font-weight: bold;
	color:#003F6F;
}

.popinContainer .rightContent .innerSide div.cgOffer h2 a {
	color:#003F6F;
}

.popinContainer .rightContent .innerSide div.cgOffer h3 {
	font-size: 11px;
	color:#003F6F;
	padding-left: 8px;
}

.popinContainer .rightContent .innerSide div.cgOffer li {
	background: url(/imagerie/loyalty-program/arrow_list.gif) no-repeat left 4px;
}

.ar .popinContainer .rightContent .innerSide div.cgOffer li {
	background: url(/imagerie/loyalty-program/arrow_list_ar.gif) no-repeat right 4px;
}

.popinContainer .rightContent .innerSide div.cgOffer p, .popinContainer .rightContent .innerSide div.cgOffer li {
	color:#51585b;
	font-size: 11px;
}

/* popin */
.btnClose  {
	color: #fff; 
	text-decoration: none;
	padding: 7x;
	display:none;
	border: 1px solid #2f71b4;
	box-shadow: 1px 1px 3px #666;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	background: rgb(72,129,186);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzQ4ODFiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjNDg4MWJhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNDc4NGMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjMmU3NmJjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJkODVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(72,129,186,1) 1%, rgba(72,129,186,1) 1%, rgba(71,132,194,1) 50%, rgba(46,118,188,1) 51%, rgba(45,133,213,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(72,129,186,1)), color-stop(1%,rgba(72,129,186,1)), color-stop(50%,rgba(71,132,194,1)), color-stop(51%,rgba(46,118,188,1)), color-stop(100%,rgba(45,133,213,1)));
	background: -webkit-linear-gradient(top,  rgba(72,129,186,1) 1%,rgba(72,129,186,1) 1%,rgba(71,132,194,1) 50%,rgba(46,118,188,1) 51%,rgba(45,133,213,1) 100%);
	background: -o-linear-gradient(top,  rgba(72,129,186,1) 1%,rgba(72,129,186,1) 1%,rgba(71,132,194,1) 50%,rgba(46,118,188,1) 51%,rgba(45,133,213,1) 100%);
	background: -ms-linear-gradient(top,  rgba(72,129,186,1) 1%,rgba(72,129,186,1) 1%,rgba(71,132,194,1) 50%,rgba(46,118,188,1) 51%,rgba(45,133,213,1) 100%);
	background: linear-gradient(to bottom,  rgba(72,129,186,1) 1%,rgba(72,129,186,1) 1%,rgba(71,132,194,1) 50%,rgba(46,118,188,1) 51%,rgba(45,133,213,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4881ba', endColorstr='#2d85d5',GradientType=0 );
	color: #fffcfc;
	font-size: 13px;
	text-decoration: none;
	text-transform:capitalize;
}

.btnClose span {
    color: #fff;
	display: block;
    font-size: 14px;
	font-weight: bold;
}

#loyaltyContent .btnClose{
	line-height: 21px;
	margin-right: 0;
	padding: 0 0 0 17px;
	position:absolute;
	bottom:-16px;
	right:20px;
	border:none;
	box-shadow:none;
}

#loyaltyContent .btnClose span{
	display: block;
	line-height: 18px;
	padding: 0 25px 0 10px;
	text-align:center;
	height:21px;
}

body.ar {
	direction: rtl;
}

body.ar .popinContainer p.headLogo {
	text-align: left;
}

body.ar .popinContainer .leftContent {
	float: right;
}


body.ar .popinContainer .leftContent .communBloc {
	background: url(/imagerie/loyalty-program/bg_corner_left-popin_ar.png) no-repeat 0 100%;
}

body.ar .popinContainer .leftContent .communBloc .innerSide {
	padding: 10px 30px 0px 10px;
	float: right;
}

body.ar .popinContainer .leftContent .communBloc .innerSide ul {
	padding-right: 18px;
	padding-left: initial;
}

body.ar .popinContainer .leftContent .communBloc .innerSide ol {
	padding-right: 18px;
}

body.ar .popinContainer .rightContent .innerSide {
	padding: 30px 30px 15px 20px;
}

body.ar .btnClose {
	left: 20px;
	right: initial;
}

.headLogo {
	display: none;
}