body{
	font-size: 13px;
}

.tac{text-align: center;}

.text-error{
	color: #d00;
}

#logo_pipeul
{
	margin-top: 15px;
	background: url('../img/logo_pipeul.png') no-repeat;
	display: block;
	width: 202px;
	height: 77px;
}
body.bleu #logo_pipeul
{
	background: url('../img/logo_pipeul_bleu.png') no-repeat;
}

body.orange #logo_pipeul
{
	background: url('../img/logo_pipeul_orange.png') no-repeat;
}

body.violet #logo_pipeul
{
	background: url('../img/logo_pipeul_violet.png') no-repeat;
}

body.violet_fonce #logo_pipeul
{
	background: url('../img/logo_pipeul_violet_fonce.png') no-repeat;
}

header .span7{
	/*padding-top: 32px;*/
}

#menu{
	background-color: #33aa16;
	height: 25px;
	width: auto;
}
@media (max-width: 978px){ 
	#menu{
		background-color: #33aa16;
		height: auto;
		min-height: 25px;
	}
	.enchere .row-fluid > .span4{
		display: none ! important;
	}
	.modif_compte {
		align-items: center;
	}
}
ul#submenu{
	margin-top: -20px;
	background-color: #78C3E4;
	/*z-index:1;*/
}
ul#submenu li a{
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin: 0;
}
ul#submenu li.active a{
	background-color: rgb(87, 182, 230);
}
ul#submenu li a:hover{
	background-color: #1798D0;
}

#menu ul.nav li.active:after {
	/*background-color: #33aa16;*/
	content: '';
	display: block;
	position: relative;
	left: 0;
	right: 0;
	margin: -1px auto;
	height: 0;
	width: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 5px solid #0298cf;
}
#menu li a{
	color: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin: 0;
	padding-bottom: 6px;
	padding-top: 5px;
	text-align: center;
	margin-top: -1px;
}
.tab-pane ul.inline li  a{
	color: #fff;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
#menu li a:hover{
	background: none;
}
#menu li.active{
	background: none;
}
#menu li.active a{
	
	background-color: #0298cf;
	box-shadow: 0 0 5px grey;

}
/*
#menu li.active span {
display: block;
width: 24px;
height: 12px;
background: transparent url('../img/visuels.png') -112px -176px;
margin: 0 auto;
margin-top: -2px;
padding: 0;
z-index: 100;
}*/

.main_part .span9,.main_part .span3 {
	height: auto;
	padding-bottom: 20px;
	background-color: #F5F5F5;
	margin-bottom:20px;
}
.main_part .span9{
	background: none;
}
.main_part .span9 .text{
	background-color: #F5F5F5;
	padding: 5px;
	padding-top: 0px;
}
.main_part .span9 .text p{
	line-height: 18px;
}

.main_part .span9  h1,.main_part .span3  h2{
	margin: 0;
	text-transform: uppercase;
	font-weight: normal;
	text-decoration: underline;
	text-align: center;
	font-size: 17px;
	color: #686868;
	background-color: #cfcfcf;
	border-bottom: 2px solid #fff;

}
.main_part .span9  h1{
	text-align: left;
	padding-left:10px;
	text-decoration: none;
	color: #fff;
	background-color: #0298cf;
}
.main_part .span9  h1 small{
	font-size: 16px;
	text-transform: none;
	margin-left: 4px;
	color: #fff;
	font-weight: normal;
}
.main_part .span9 .text h1{
	margin: 0;
	color: #0298cf !important;
	font-size: 25px !important;
	background: none;
	border: none;
	padding: 0;
}

.main_part > .span3{
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:         border-box;
	height: 100%;
	border-bottom: 2px solid #DCDCDC;
	border-right: 2px solid #EFEFEF;
}


.block_bottom{
	margin-top: 20px;
}
.block_bottom .span3{
	background-color: #F0F0F0;
}
.block_bottom .span3 h3{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	font-weight: normal;
	background-color: #33aa16;
	margin: 0;
	line-height:1;
	font-size:1.1em;
}
.block_bottom .span3 .content{
	height: auto;
	min-height: 180px;
	border-bottom: 2px solid #DCDCDC;
	/*border-right: 2px solid #EAEAEA;*/
}


#submenu{
	/*display: block;
	clear: both;*/
	border: 1px solid red;
}


#menu{
	margin-top: 25px;
}

#menu.nav{
	margin: 0;
}

#menu .nav-tabs, #menu .nav-tabs a, #menu .nav-tabs .active a  {
	border: none;
}
#menu li a:hover {
	border: none;
}
#menu .nav-tabs li a{
	line-height: 14px;
}
#menu .tab-content{
	margin-top: -20px;
	background-color: #78C3E4;
}
/*
#menu .nav-tabs{
	margin-bottom: 0px;
}*/
#menu .nav-tabs>li {
	margin-top: 1px;
	height: 32px;
	margin-bottom: -8px;
}
.tab-pane ul.inline{
	margin-bottom: 0px;
}
.tab-pane ul.inline li{
	

}
.tab-pane ul.inline li a{
	display: block;
	min-width: 120px;
	text-align: center;
}
#menu2 li a{
	min-width: 61px;
	position:relative;
}
#menu2 li a .pastille{
	position: absolute;
	background: red;
	display: inline-block;
	font-size: 10px;
	padding: 1px 6px;
	border-radius: 5px;
	color: white;
	bottom: -13px;
	right: 17px;
	z-index: 1;
}



/* CHANGEMENT DE COULEUR */
/*************************/

#versions_couleurs
{
	float: right;
	    /*height: 9px;
	    margin: -19px 0 0;*/
	    height: 19px;
	    margin: 0px;
	    padding: 0;
	    width: 52px;
	    display:block;
	}

	ul#versions_couleurs
	{
		float: right;
	}

	#versions_couleurs li
	{
		display: inline-block;
		height: 9px;
		width: 9px;
		margin-left: -2px;
	} 


	#bleu
	{
		background: url("../img/visuels.png") no-repeat scroll -51px -100px transparent;
		height: 9px;
		width: 9px;
		display: inline;
		float: left;
	}

	#vert
	{
		background: url("../img/visuels.png") no-repeat scroll -62px -100px transparent;
		height: 9px;
		width: 9px;
		display: inline;
		float: left;
	}

	#orange
	{
		background: url("../img/visuels.png") no-repeat scroll -73px -100px transparent;
		height: 9px;
		width: 9px;
		display: inline;
		float: left;
	}

	#violet
	{
		background: url("../img/visuels.png") no-repeat scroll -84px -100px transparent;
		height: 9px;
		width: 9px;
		display: inline;
		float: left;
	}

	#violet_fonce
	{
		background: url("../img/visuels.png") no-repeat scroll -95px -100px transparent;
		height: 9px;
		width: 9px;
		display: inline;
		float: left;
	}
	.sous-titre {
		color: #171D1B;
		font-family: Arial;
		font-size: 18px;
		font-style: normal;
		font-weight: lighter;
		text-align: center;
		margin-top: 25px;
		text-decoration: underline;
		text-transform: uppercase;
	}


/* FORMULAIRE CONNEXION */
#connexion{
	margin-top: 20px;
	display: flex;
	flex-direction: column;
}
#connexion input{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
#connexion .control-group{
	display: flex;
	flex-direction: column;
	margin: auto;
}
#connexion .control-label{
	width: auto;
	margin-bottom: 0px;
	padding-right: 5px;
	color: #686868;
	font-size: 12px;
	text-align: left;
}
#connexion .controls{
	margin: auto;
	text-align: center;
}
#connexion .controls input[type=text]{
	max-width: 115px;
	min-width: 96px;
	height: 18px;
}
#inputPassword{
	max-width: 115px;
	min-width: 96px;
}
.bouton_valide,a.bouton_valide, input.bouton_valide {
	font-family: Arial;
	border: none;
	color: white;
	cursor: pointer;
	border-radius: 5px;
	padding: 5px 10px;
	/* background-color: #0298CF; */
	box-sizing: border-box;
	border: solid 2px #0298CF;
	color: #0298CF;
	font-weight: bold;
	width: 150px;
	transition: 0.6s;
	text-transform: capitalize;
	background: none;
}

.bouton_valide:hover,a.bouton_valide:hover, input.bouton_valide:hover{
	color: #fff;
	background-color: #0298CF;
	text-decoration: none;
}

a.bouton_valide{
	text-align: center;
	display: block;
}

a.bouton_valide.inscription{
	/* width: 40%; */
	margin: 0px auto;
	display: block;
	float: none;
}
a#inviter_vos_amis{
	display: block;
	margin: 5px auto;
	margin-top: 14px;
	width: 120px;
	color: #686868;
}
a#inviter_vos_amis:hover{
	text-decoration: none;
}
.bulle_bleue {
	background: url("../img/visuels.png") no-repeat scroll -119px -93px transparent;
	display: inline-block;
	height: 25px;
	vertical-align: bottom;
	width: 32px;
}



#visuel_inscrits {
	background: url("../img/visuels.webp") no-repeat scroll -514px -311px transparent;
	display: inline-block;
	float: right;
	height: 92px;
	width: 95px;
	margin-top: -94px;
	z-index: 1;
}

.mot_gris {
	color: #686868;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 0;
	padding-top: 9px;
	padding-left: 8px;
}

.blue, #mes_points li a.active, .row-fluid .span8.info_compte a.active{
	color: #0298cf;
}
.row-fluid .span8.info_compte a.active{
	font-weight: bold;
}
.green{
	color: #33aa16;
}
ul.bxsliderlight {
	margin: 0;
	padding: 0;
}
ul.derniergagnant {
	list-style:none;
	margin: 0;
	padding: 0;
}
.bx-wrapper .bx-viewport {
	background: none;
}

.bxsliderlight b{
	font-size: 13px;
}

#visuel_carte_cadeau {
	background: url("../img/visuels.png") no-repeat scroll -175px -81px transparent;
	display: inline-block;
	height: 97px;
	vertical-align: top;
	width: 73px;
	display: inline-block;
	float: right;
	margin-top: 5px;
}
.content.a_gagner{
	min-height: 164px !important;
	padding: 0;
	padding-top: 15px;
}
.a_gagner b{
	margin-top: 15px;
	display: block;
	padding-left: 10px;
}

img.avatar{
	width: 45px;
	height: 50px;
}
img.cheque_cadeau{
	width: 45px;
	height: auto;
}
/** footer */

#notes
{
	display: inline-block;
	float: right;
	height: 100px;
	height: auto;
	margin-right: 15px;
	margin-top: 10px;
}
footer a, footer li a  {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
#insta, #facebook, #contact a{
	font-size: 13px;
	color: #3d3d3d;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
footer a:hover, footer li a:hover,#insta:hover, #facebook:hover,#contact:hover a{
	color: #0298cf;
}
/* #facebook:hover #logo_fb,#contact:hover #logo_contact{
	filter: invert(1);
} */
#notes li a{
	
	display: inline-block;
	text-align: center;
	width: 100%;
	font-size: 12px;
	color: #686868;
}
.visuels_notes
{
	min-width: 64px;
}

#faq
{
	display: inline-block;
	height: 110px;
	height: auto;
	width: 90px;
	vertical-align:top;
}

#logo_faq
{
	background: url("../img/faq.png") no-repeat ;
	display: block;
	height: 20px;
	/* margin: 0px auto; */
	vertical-align: top;
	width: 30px;
}
#faq  a
{
	text-decoration: none;
	line-height: 10px;
}



#facebook
{
	display: inline-block;
	/*width: 85px;*/
	height: 85px;
	vertical-align: top;
	text-decoration: none;
	text-align: center;

}

#insta
{
	display: inline-block;
	/*width: 85px;*/
	height: 85px;
	vertical-align: top;
	text-decoration: none;
	text-align: center;

}

#logo_fb
{
	/* background: url("../img/visuels.png") no-repeat scroll -93px -133px transparent; */
	background: url("../img/facebook.png") no-repeat;
	display: inline-block;
	height: 20px;
	margin: 0px auto;
	vertical-align: top;
	width: 10px;
}

#logo_insta
{
	/* background: url("../img/visuels.png") no-repeat scroll -93px -133px transparent; */
	background: url("../img/Pipeul-Insta.svg") no-repeat;
	display: inline-block;
	height: 20px;
	margin: 0px auto;
	vertical-align: top;
	width: 20px;
}

#contact
{
	display: inline-block;
	text-align: center;
	height: 85px;
	vertical-align: top;
}

#contact > a
{
	text-decoration: none;
}

#logo_contact
{
	/* background: url("../img/visuels.png") no-repeat scroll -119px -133px transparent; */
	background: url("../img/mail.png") transparent;
	display: inline-block;
	height: 20px;
	margin: 0px auto;
	vertical-align: top;
	width: 28px;
}

.trait
{
	background: url("../img/visuels.png") no-repeat scroll -158px -136px transparent;
	display: inline-block;
	height: 43px;
	width: 1px;
}

/* contenu */
.span6 h2{
	color: #0298cf;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 1px;
}

.fleche_bleue {
	background: url("../img/visuels.png") no-repeat scroll -40px -168px transparent;
	display: inline-block;
	height: 19px;
	width: 28px;
	margin-left: 13px;
	vertical-align: top;
	margin-top: 10px;
}
#attention {
	background: url("../img/visuels.png") no-repeat scroll -79px -166px transparent;
	display: inline-block;
	height: 19px;
	margin-left: 13px;
	width: 27px;
}

.table2 td p{
	font-size: 12px;
	margin-top: 10px;
}
table.table2 > tbody > tr > td#image_kadeos
{	
	background: url("../img/visuels.png") no-repeat scroll -18px -1379px transparent;
	display: inline-block;
	height: 86px;
	width: 67px;
	margin: 10px 0 0 0px;
}

table.table2 > tbody > tr > td#image_promod
{
	background: url("../img/visuels.png") no-repeat scroll -109px -1372px transparent;
	display: inline-block;
	height: 92px;
	margin: 10px 0 0 0px;
	width: 68px;
}

table.table2 > tbody > tr > td#image_total
{
	background: url("../img/visuels.png") no-repeat scroll -193px -1372px transparent;
	display: inline-block;
	height: 100px;
	margin: 0px 0 0 0px;
	width: 73px;
}
table.table2 > tbody > tr > td#image_yves_rocher
{
	background: url("../img/visuels.png") no-repeat scroll -275px -1381px transparent;
	display: inline-block;
	height: 88px;
	margin: 10px 0 0 0px;
	width: 74px;
}
table.table2 > tbody > tr > td#image_decathlon
{
	background: url("../img/visuels.png") no-repeat scroll -364px -1379px transparent;
	display: inline-block;
	height: 92px;
	margin: 0px 0 0 0px;
	width: 83px;
}

table.table2 > tbody > tr > td#image_carrefour
{
	background: url("../img/visuels.png") no-repeat scroll -450px -1380px transparent;
	display: inline-block;
	height: 94px;
	margin: 0px 0 0 0px;
	width: 68px;
}


table.table2 > tbody > tr > td#image_auchan
{
	background: url("../img/visuels.png") no-repeat scroll -535px -1384px transparent;
	display: inline-block;
	height: 89px;
	margin: 10px 0 0 0px;
	width: 70px
}


table.table2 > tbody > tr > td#image_supreme_award
{
	background: url("../img/visuels.png") no-repeat scroll -18px -1472px transparent;
	display: inline-block;
	height: 92px;
	margin: 5px -1px 0 0px;
	width: 70px;
}

table.table2 > tbody > tr > td#image_camaieu
{
	background: url("../img/visuels.png") no-repeat scroll -209px -1477px transparent;
	display: inline-block;
	height: 92px;
	margin: -4px 0 0 0px;
	width: 68px;
}

table.table2 > tbody > tr > td#image_aubert
{
	background: url("../img/visuels.png") no-repeat scroll -382px -1492px transparent;
	display: inline-block;
	height: 59px;
	margin: 12px 0 0 0px;
	width: 68px;
}

table.table2 > tbody > tr > td#image_sodexho
{
	background: url("../img/visuels.png") no-repeat scroll -298px -1477px transparent;
	display: inline-block;
	height: 92px;
	margin: 38px 0 0 0px;
	width: 75px;
}

table.table2 > tbody > tr > td#image_manor
{
	background: url("../img/visuels.png") no-repeat scroll -477px -1497px transparent;
	display: inline-block;
	height: 25px;
	margin: 30px -5px 0 0px;
	width: 86px;
}


table.table2 > tbody > tr > td#image_coop
{
	background: url("../img/visuels.png") no-repeat scroll -479px -1524px transparent;
	display: inline-block;
	height: 92px;
	margin: 14px 0 0 0px;
	width: 75px;
}

table.table2 > tbody > tr > td#image_walmart
{
	background: url("../img/visuels.png") no-repeat scroll -578px -1471px transparent;
	display: inline-block;
	height: 92px;
	margin: 10px 0 0 0px;
	width: 68px;
}


/* NAV TABS */
.nav_tabs li{
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	color: #0298cf;
	background-color: #fff;

}
.nav_tabs li > a{
	text-transform: uppercase;
	color: #fff;
	font-size: 15px;
	background-color: #0298CF;
	margin: 0;
	padding: 0;
	display: block;
	padding: auto;
	text-align: center;
	height: 30px;
	line-height: 30px;
	opacity: 0.45;
}
.nav_tabs li.active a{
	opacity: 1;
}
.nav_tabs li a:hover{
	opacity: 1;
	text-decoration: none;
}
.nav_tabs li p{
	text-align: justify;
	padding: 10px;
	font-size: 12px;
	margin: 0;
	min-height: 176px;
}
.boutique_cadeaux{
	padding-left: 6px;
}
.boutique_cadeaux .span8{
	height:296px;
	overflow-y:auto; 
}
table.tableau_tombolas td{
	border-color: transparent;
	line-height: 15px;
	font-size: 12px;
}
.tableau_tombolas thead tr th{
	font-style: italic;
	font-weight: normal;
}
table.tableau_tombolas td.description_enchere{
	font-size: 13px;
}

.titre_tableau{
	color: #0298cf;
	padding-top: 10px;
	text-transform: uppercase;
	font-weight: normal;

}
#image_demande_inscription {
	background: url("../img/visuels.png") no-repeat scroll -2px -428px transparent;
	display: inline-block;
	height: 300px;
	width: 219px;
}
#formulaire_inscription{
	margin-top: 10px;
}
#formulaire_inscription label{
	font-size: 12px;

}


#formulaire_inscription .control-label {
	width: 104px;
}

#formulaire_inscription .controls {
	margin-left: 121px;
}

#formulaire_inscription .control-group {
	margin-bottom: 2px;
}
#formulaire_inscription input{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	height: 15px;
}
#formulaire_inscription select#Civilite, #formulaire_inscription select#Pays{
	height: 28px;
	width: 284px;
}

select.listeV2.span3, select.liste.span3{
	/*width: 50px;*/
	height: 28px !important;
	min-height: 28px !important;
}


/*page: gagner des produits*/

#fond_image_etudes
{
	background: url("../img/etudes_en_cours.jpg") no-repeat transparent;
	display: inline-block;
	height: 300px;
	width: 100%;
	background-size: 100% 100%;
	position: relative;
}
#visuel_fond_j_ai_gagne {
	background: url("../img/j_ai_gagne.jpg") no-repeat  transparent;
	display: inline-block;
	height: 300px;
	width: 100%;
	background-size: 100% 100%;
	position: relative;
	/*padding: 10px;*/
	font-size: 12px;
}

#etudes_actuelles{
	margin-right: 35px;
	margin-top: 30px;
}

#boutons_etudes_parraine{
	position: absolute;
	bottom: 0px;
	margin-left: 15px;
	margin-bottom: 15px;
}
#boutons_etudes_parraine li{
	text-transform: uppercase;
}
#boutons_etudes_parraine li.active2 a{
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
	background-color: #08c;
	opacity: 0.65;
}
#boutons_etudes_parraine li.active2 a:hover{
	opacity: 1;
}

#visuel_encheres {
	background: url("../img/visuels.png") no-repeat scroll -450px -606px transparent;
	display: inline-block;
	height: 115px;
	width: 190px;
	margin: 0px auto;
}



/* changement de style */

/* bleu */
body.bleu .block_bottom .span3 h5 {
	background-color: #25374f;
}

body.bleu .green {
	color: #25374f;
}
body.bleu #menu {
	background-color: #25374f;
}

body.bleu #etudes_actuelles > .green {
	color: #25374f;
}

/* orange */

body.orange .block_bottom .span3 h5 {
	background-color: #f18a14;
}

body.orange .green {
	color: #f18a14;
}
body.orange #menu {
	background-color: #f18a14;
}

body.orange #etudes_actuelles > .green {
	color: #f18a14;
}

/* violet */

body.violet .block_bottom .span3 h5 {
	background-color: #a5448b;
}

body.violet .green {
	color: #a5448b;
}
body.violet #menu {
	background-color: #a5448b;
}

body.violet #etudes_actuelles > .green {
	color: #a5448b;
}

/* violet_fonce */

body.violet_fonce .block_bottom .span3 h5 {
	background-color: #8b115c;
}

body.violet_fonce .green {
	color: #8b115c;
}
body.violet_fonce #menu {
	background-color: #8b115c;
}

body.violet_fonce #etudes_actuelles > .green {
	color: #8b115c;
}


#tab1 ul.inline li a {
	display: block;
	min-width: 117px;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}
#tab1 ul.inline>li {
	display: inline-block;
	padding-right: 0px;
	padding-left: 0px;
}

#mes_points li{
	text-align: center;
	color: #686868;
}
#mes_points li a{
	color: #686868;
}
#mes_points li span{
	display: block;
	font-weight: bold;
}

#content_page{
	padding: 10px;
	min-height: 200px;
}

#content_page .form-horizontal{
	margin: auto;
	display: flex;
	flex-direction: column;
}
#content_page .form-horizontal .control-label {
	float: left;
	width: 160px;
	padding-top: 5px;
	text-align: right;
	font-size: 12px;
}

#content_page .form-horizontal .controls {
	margin-left: 175px;
}
.modif_compte .controls{
	margin-left: 0 !important;
}

#content_page .form-horizontal .control-group {
	margin-bottom: 10px;
	width: 80%;
	text-align: center;;
}

#content_page .form-horizontal .controls input[type=text]{
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	height: 18px;
}

.row-fluid .span8.info_compte,.row-fluid .span4.info_compte {
	margin-top: 10px;
	font-size:11px;
	line-height:12px;
}

.row-fluid .span8.info_compte a{
	color: #686868;
}

input.bouton_valide.btn_center, a.bouton_valide.btn_center{
	margin:4px auto;
	float:none;
	display:block;
}

table.suivi thead tr th{

	color: #fff;
	background-color: #0298cf;
}

.modif_compte  .control-label{
	font-weight: bold;
	font-size: 13px;
}





/**  PAGE MON PROFIL  **/
#page_profil > a > div , #page_profil > div{/*width:245px;*/margin-bottom:10px;color:#707173}
#page_profil a{color:#707173; font-size: 12px;line-height: 11px;}
#page_profil a .label_logo_profil:hover{text-decoration: underline}
#page_profil .label_logo_profil{
	padding-top: 9px;
}
/*#page_profil .label_logo_profil:hover{text-decoration:underline;}*/
#page_profil .img_profil{width:50px;height:61px;background: transparent url("../img/profil/icones_profil.png") center center no-repeat;}
.box_profil.span3{
	background: none;
	min-height: 65px;
}


#page_profil .span3 .row{
	margin-left: 0px;
	font-size: 12px;line-height: 11px;
}


#page_profil .general-none{background-position:-87px -195px}
#page_profil .general{background-position:0px -195px}
/*#page_profil .general:hover  {background-position:-165px -195px}*/

#page_profil .automobile-none{background-position:-320px -196px}
#page_profil .automobile{background-position:-244px -196px}
/*#page_profil .automobile:hover{background-position:-391px -196px}*/

#page_profil .internet-none{background-position:-87px -322px}
#page_profil .internet{background-position:0px -322px}
/*#page_profil .internet:hover{background-position:-165px -322px}*/

#page_profil .travail-none{background-position:-87px -132px}
#page_profil .travail{background-position:-244px -132px}
/*#page_profil .travail:hover{background-position:-165px -132px}*/




#page_profil .finances-none{background-position:-87px -133px}
#page_profil .finances{background-position:0px -133px !important}
/*#page_profil .finances:hover  {background-position:-165px -133px}*/
.box_profil:hover .img_profil  {background-position:-165px -133px}

#page_profil .maison-none{background-position:-87px -68px}
#page_profil .maison{background-position:0px -68px}
/*#page_profil .maison:hover{background-position:-165px -68px}*/

#page_profil .medias-none{background-position:-87px -386px}
#page_profil .medias{background-position:0px -386px}
/*#page_profil .medias:hover{background-position:-165px -386px}*/

#page_profil .voyages-none{background-position:-320px -257px}
#page_profil .voyages{background-position:-244px -257px}
/*#page_profil .voyages:hover{background-position:-391px -257px}*/





#page_profil .alimentation-none{background-position:-87px -4px}
#page_profil .alimentation{background-position:0px -4px}
/*#page_profil .alimentation:hover{background-position:-165px -4px}*/

#page_profil .hightech-none{background-position:-87px -258px}
#page_profil .hightech{background-position:0px -258px}
/*#page_profil .hightech:hover{background-position:-165px -258px}*/

#page_profil .sport-none{background-position:-320px -3px}
#page_profil .sport{background-position:-244px -3px}
/*#page_profil .sport:hover{background-position:-391px -3px}*/

#page_profil .textile-none{background-position:-320px -67px}
#page_profil .textile{background-position:-244px -67px}
/*#page_profil .textile:hover{background-position:-391px -67px}*/


.profile_alerts {display: flex;flex-direction: column;justify-content: center;gap: 15px;background-color: #F5F5F5;padding: 10px 40px !important;}
.profile_alerts > span{font-size: 13px;}
.profile_alerts i{text-align: left;color: #525252;font-size: 13px;}
.profile_alerts .a1{display: flex;}
.profile_alerts .a1 > span{text-align: left;margin-right: 10px;font-weight: bold;}
.profile_alerts .knobs, .layer{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.profile_alerts .button{position: relative;top: 50%;width: 59px;height: 28px;margin: -20px auto 0 auto;overflow: hidden;}
.profile_alerts .button.r, .button.r .layer{border-radius: 100px;}
.profile_alerts .checkbox{position: relative;width: 100%;height: 100%;padding: 0;margin: 0;opacity: 0;cursor: pointer;z-index: 3;}
.profile_alerts .knobs{z-index: 2;}
.profile_alerts .layer{background-color: #0dafe1;transition: 0.3s ease all;z-index: 1;border: 1px solid #c3c3c3;background-color: #fff;}
.profile_alerts #toggleButton .knobs:before{content: 'NON';right: 23px;background-color: #c3c3c3;position: absolute;top: 2px;width: 24x;height: 6px;color: #fff;font-size: 11px;font-weight: bold;text-align: center;line-height: 0.6;padding: 9px 4px;border-radius: 20px;transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
.profile_alerts #toggleButton .checkbox:checked + .knobs:before{content: 'OUI';right: 3px;background-color: #0098CF;}
.profile_alerts #toggleButton .checkbox:checked ~ .layer{}
.profile_alerts #toggleButton .knobs, #toggleButton .knobs:before, #toggleButton .layer{transition: 0.3s ease all;}



/**
 * Questionnaires de profil
 */


#progression-bar{width:215px;float:right;height:17px;}
#progression-bar div{width:100px;height:14px;border:1px solid #4F4F4F;display: inline-block}
#progression-bar>span{vertical-align: text-bottom;display: inline-block;}
#progression-bar div span{height:14px;background-color: #00AFE0;width:0%;display: inline-block;vertical-align: top;}

#page_profil #content-quest-pofil{ width:auto;height:100%;/*border:2px solid #33EAB0 ;*/ padding:10px }

#page_profil #content-quest-pofil .titre{ font-size: 16px ; font-weight:bold; text-decoration:underline; width:100%;}

div.message-erreur h4{border:1px solid #FF0000; text-align:center; color:#FF0000;padding:10px}


#page_profil div.question .intitule { color:inherit; font-size: 13px; font-weight: bold; padding: 3px; text-decoration:underline; }
#page_profil div.question .info {  font-style: italic; margin: 5px 0 0 25px; }


div.question .content { /*line-height: 160%;*/
	line-height: 0px;
	margin: 10px 25px 25px; }
	
	.err{ color: #FF0000 !important; }
	
	#content-quest-pofil form{margin-top:50px;padding-bottom: 50px;}
	
	#btn-submit{ border:0; float:right; margin : 0 24px 0 0; width:auto;height:auto; }
	
	#btn-submit:hover{cursor:pointer}
	
	
	
	.question .content table.echelle tfoot tr td { background: none repeat scroll 0 0 #CCCCCC; font-weight: bold; }
	
	
	#page_profil .question input[type="text"]{width:150px;}

	#page_profil input[type="radio"]{border:0;}
	#page_profil {/*width:572px;*/color:#6f7073;}
	
	
	.question .content table.echelle {
		border-collapse: collapse;
		margin: 10px auto;
	}
	
	
	.question .content table.echelle tr td.vide {
		background: none repeat scroll 0 0 transparent;
		border: 0 none;
	}
	
	
	
	.question .content table.echelle thead tr td {
		background: none repeat scroll 0 0 #CCCCCC;
		font-weight: bold;
	}
	
	.question .content table.echelle tr td {
		background: none repeat scroll 0 0 #DDDDDD;
		border: 1px solid #FFFFFF;
		color: #333333;
		cursor: pointer;
		padding: 5px;
		text-align: center;
	}
	
	
	#page_profil .question .content table.echelle tr td.intitule {
		background: none repeat scroll 0 0 #CCCCCC;
		font-size: 12px;
		font-weight: bold;
		text-align: left;
		text-decoration:none;
		color:#333333;
		
	}
	
	
	
	
	
	
	#btn-submit {

		background-color:#00AFE0;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		border:1px solid #dcdcdc;
		display:inline-block;
		color:#FFF;
		font-family:arial;
		font-size:15px;
		padding:6px 24px;
		text-decoration:none;
		background-color:#00AFE0;
		position:relative;
		top:1px;
	}


	form#formulaire input[type="radio"],form#formulaire  input[type="checkbox"] {
		margin: -4px 0 0;
	}

	#page_profil {
		width: auto !important;
		color: #6f7073;
	}












/**  ESPACE BOUTIQUE CADEAUX  **/

#espace_boutique_cadeaux{color: #707173;font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 12px;}

.title{font-size:16px;color:#0aaae9;}

.title_bandeau{font-size:16px;color:#FFFFFF;line-height:30px;position:relative;margin:40px 0;width:100%;min-width: 611px;}
.title_bandeau .btn_left{background:url('../img/pipeul_barre_titre_left.png') no-repeat 0 0 transparent; width:5px;height:30px;}
.title_bandeau .btn_right{background:url('../img/pipeul_barre_titre_right.png') no-repeat 0 0 transparent; width:3px;height:30px;}
.title_bandeau .btn_center{background:url('../img/pipeul_barre_titre_repeat.png') repeat-x 0 0 transparent; width:1px;height:30px;width:504px;padding-left:50px;}

#img_france{position:absolute;background:url('../img/france.png') no-repeat 0 0 transparent; width:112px;height:106px;right:10px;top:-40px;z-index:1;}
#img_belgique{position:absolute;background:url('../img/belgique.png') no-repeat 0 0 transparent; width:101px;height:83px;right:29px;top:-22px;z-index:1;}
#img_suisse{position:absolute;background:url('../img/suisse.png') no-repeat 0 0 transparent; width:103px;height:62px;right:28px;top:-16px;z-index:1;}
#img_luxembourg{position:absolute;background:url('../img/luxembourg.png') no-repeat 0 0 transparent; width:60px;height:92px;right:28px;top:-29px;z-index:1;}
#img_canada{position:absolute;background:url('../img/canada.png') no-repeat 0 0 transparent; width:103px;height:83px;right:17px;top:-31px;z-index:1;}


.txt_orange{color:#F9A41E}
.txt_bleu{color:#22b6e3;}
.txt_bleu2{color:#09AADE;}
.txt_rose{color:#c74593;}
.bold{font-weight:bold;}
.hide{display:none;}
.show{display:block;}
.underline{text-decoration:underline;}


#loader{display:none;}

.box_descriptif_cadeau{border:1px solid #E8E8E9;padding:20px;position:relative;height:100px;}
.box_descriptif_cadeau > div {display:none;position:absolute;width:524px;}
.box_descriptif_cadeau .item0{display:block;}

.box_descriptif_cadeau:hover{border:1px solid #707173;background-color:#FBFBFB;cursor:pointer;background:url('../img/pipeul_commander_55pt.png') center center no-repeat;}
a.inline:hover .box_descriptif_cadeau  *{text-decoration:none !important;}
a.inline:hover{text-decoration:none}

.box_descriptif_cadeau p{display:none;position:absolute;top:10px;right:10px;}
.box_descriptif_cadeau:hover p{display:block}







/**  SCROLLABLE  **/
.box_scrollable{margin:0 auto; width: 562px; height:160px;}
.scrollable { position:relative;overflow:hidden;width: 456px;height:120px;float:left; border:1px solid #ccc;}
.scrollable .items {width:20000em;position:absolute;clear:both;}



#partie_france a.right , #partie_france a.left{display: none}
#partie_france .box_scrollable{width: 696px}
#partie_france .scrollable {width: 696px}
#partie_france .page > div {width: 135px}
#partie_france .page {width: 676px}
#partie_france .page > div > div:first-child {width: 125px}


.page { padding:10px; width:436px; float:left;}
.page > div { float:left; text-align:center; width:145px;}
.page > div:hover{cursor:pointer;}
.page > div:hover span{color:#F9A41E !important;}
.page > div >div:first-child{padding: 5px; height: 65px;line-height:65px;width:135px;}

/*.page img{max-width:135px;max-height:65px;}*/
.page img{max-width:600px;/*max-height:400px;*/}

a.browse { display:block; width:52px; height:72px; float:left; margin:23px 0px; cursor:pointer; font-size:1px; }
a.right { background:url('../img/pipeul_fleches.png') no-repeat -52px 0 transparent; clear:right; margin-right: 0px; }
a.right:hover { background:url('../img/pipeul_fleches.png') no-repeat -52px -72px transparent; }
a.left { background:url('../img/pipeul_fleches.png') no-repeat 0 0 transparent; clear:right; margin-left: 0px; }
a.left:hover  { background:url('../img/pipeul_fleches.png') no-repeat 0 -72px transparent; }
a.disabled { visibility:hidden !important; }






/**  ColorBox  **/
/*
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxContent{position:relative;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxOverlay{background:#CBF0F9;}
#colorbox{}
#cboxContent{margin-top:32px; overflow:visible;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#FFFFFF;}
#cboxLoadingOverlay{background:#000;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}*/
#cboxLoadedContent {
	background: #fff !important;
	border: 2px solid #707173;
	color: #707173;
	padding: 5px !important;
}
#cboxClose {
	display: none!important;
}
#cboxOverlay{background:#CBF0F9! important;}

#inline_content{font-size:12px;border:2px solid #707173;color:#707173;font-family:Arial}


.inline{color:#707173;}


#valide_gpipeul{width:146px;height:22px;background:url("../img/pipeul_boutons_many.png") no-repeat scroll -59px -22px transparent;color:#FFFFFF;text-align:center;line-height:22px;cursor:pointer;margin:30px 0 20px 58px;}
#valide_gpipeul:hover{background-position:-59px 0px;/*line-height:25px;*/}


#cancel_gpipeul{width:146px;height:22px;background:url("../img/pipeul_boutons_many.png") no-repeat scroll -59px -66px transparent;color:#FFFFFF;text-align:center;line-height:22px;cursor:pointer;margin:30px 0 20px 20px;}
#cancel_gpipeul:hover{background-position:-59px -44px;/*line-height:25px;*/}


#cboxContent #valide_gpipeul{display:inline-block;margin:30px 5px;}
#cboxContent #cancel_gpipeul{display:inline-block;margin:30px 5px;}

.circle_blue{
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	width: 175px;
	height: 175px; 
	background: #0298cf;
	color: #fff;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
margin: 0px auto;
display: flex;
justify-content: center;
align-items: center;
}
.circle_blue p {
	text-align: center;
	/* padding-top: 12%; */
}
.circle_blue p b{
	color: #25374f;
}

.content.a_gagner ul.bxsliderlight li {
	display:none;
}


#liste_questionnaires_profil {width:100%!important;text-align: center;margin:0;}
#liste_questionnaires_profil .questionnaire_profil{display:inline-block;width:16%!important;margin:1% 2% 4%;background-position:0 0;vertical-align: bottom;}
#liste_questionnaires_profil .questionnaire_profil.inactif{color:#666;}
#liste_questionnaires_profil .questionnaire_profil .titre{font-weight:bold;text-align: center;line-height:1.3em;}
#liste_questionnaires_profil .questionnaire_profil .picto{width: 70px;height: 70px;background: #efeff0;border-radius: 70px;display: flex;align-items: center;justify-content: center;padding: 15px;box-sizing:border-box;margin: 10px auto;}
#liste_questionnaires_profil .questionnaire_profil .picto img {max-width: 100%;max-height:100%;}
#liste_questionnaires_profil .questionnaire_profil .description{vertical-align: middle;line-height:20px;font-weight:bold}
#liste_questionnaires_profil .questionnaire_profil .description a{text-decoration:none;font-size:inherit;line-height:inherit;}
#liste_questionnaires_profil .questionnaire_profil.actif .description a{background-color:#0DAFE1;color:white;padding:5px 10px;border-radius:3px;display:inline-block;}
#liste_questionnaires_profil .questionnaire_profil.actif .description a:hover{text-decoration: none;}
#liste_questionnaires_profil .questionnaire_profil.inactif .description {background-color:#C5C5C7;color:#666;padding:5px 10px;border-radius:3px;}

.span4.text-center.info_compte {width: 14px;}

#liste_cartes_cadeaux .item:nth-child(1){border-top:1px solid #DDD;padding-top:1em;margin-top:1em;}
#liste_cartes_cadeaux .item{display:flex;margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #DDD;}
#liste_cartes_cadeaux .item .image {margin-right:0.5em;}
#liste_cartes_cadeaux .item .image img{width:150px;max-width: initial;}

#tableau_historique tbody tr td:nth-child(1) {white-space: nowrap;}

.picto_app {display:inline-block;width:150px;margin-top:20px;}
.picto_app img{width:100%;}

form#link_referal{max-width: 700px;margin:0 auto;display:flex;width: 100%; align-items: center;justify-content: center;}
form#link_referal #input_link{background-color:#ececec;border-radius:4px 0 0 4px;height: 32px;line-height:32px;padding:0 10px;text-overflow: ellipsis;overflow: hidden;}
form#link_referal button{outline:none;border-radius:0 4px 4px 0;white-space: nowrap;height:32px;border:0;background-color:#0298cf;color:white;padding:0 1rem;}

@keyframes Unsubscribe {
	0% {
		background-color: #F5F5F5;
	}
	50% {
		background-color: #fbf6dd;
	}
	100% {
		background-color: #F5F5F5;
	}
}

.init-unsubscribe{
	animation-name: Unsubscribe;
	animation-duration: 1s;
	animation-iteration-count: 2;
}

.slick-slide img{
	margin: 0 auto;
}

.slickslider .slick-dots{position: absolute;bottom: -8px;left: 0;right: 0;text-align: center;margin: 0;}
.slickslider .slick-dots li{width:10px;height:10px;border-radius:10px;background:#CCC;text-indent: -9999px;display:inline-block;outline:none;cursor:pointer;margin: 0 0.5rem;}
.slickslider .slick-dots li.slick-active{background:#33aa16;}
.slickslider .slick-dots li button{text-indent: -1000%;}

@media (max-width: 700px){ 
	#menu2 li a .pastille {
		display:none;
	}
}


/* Pages publiques éditoriales et SEO */
.skip-link {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	white-space: nowrap;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
}

.skip-link:focus-visible {
	position: fixed;
	top: 8px;
	left: 8px;
	z-index: 10000;
	width: auto;
	height: auto;
	margin: 0;
	padding: 9px 13px;
	overflow: visible;
	color: #fff;
	white-space: normal;
	background: #263b48;
	border-radius: 4px;
	clip: auto;
	clip-path: none;
	outline: 3px solid #fff;
	outline-offset: 2px;
}

.skip-link:focus-visible:hover {
	color: #fff;
}

.seo-page,
.seo-page * {
	box-sizing: border-box;
}

.seo-page {
	padding: 24px;
	color: #30343b;
	font-size: 14px;
	line-height: 1.55;
	background: #f5f7f8;
}

.seo-page a {
	color: #006f9c;
	text-decoration: underline;
}

.seo-page a:hover,
.seo-page a:focus {
	color: #004f70;
}

.main_part .span9 .seo-page h1 {
	margin: 0 0 14px;
	padding: 0;
	color: #067da9;
	font-size: 27px;
	font-weight: 600;
	line-height: 1.25;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	letter-spacing: -0.2px;
	background: none;
	border: 0;
}

.main_part .span9 .seo-page h2 {
	margin: 0 0 13px;
	color: #25323c;
	font-size: 21px;
	font-weight: 600;
	line-height: 1.3;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	background: none;
	border: 0;
}

.main_part .span9 .seo-page h3 {
	margin: 0 0 7px;
	color: #25323c;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35;
	text-transform: none;
}

.seo-page p {
	margin: 0 0 13px;
	line-height: 1.55;
}

.seo-page-header,
.seo-section {
	margin-bottom: 18px;
	padding: 21px;
	background: #fff;
	border: 1px solid #dde5e8;
	border-radius: 8px;
}

.seo-page-header {
	border-left: 5px solid #079bcf;
}

.seo-page-header p:last-child,
.seo-section p:last-child,
.seo-card p:last-child {
	margin-bottom: 0;
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/montserrat/montserrat-latin.woff2') format('woff2');
}

#main-content .seo-eyebrow,
#main-content .p-eyebrow {
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
}

.seo-page .seo-eyebrow {
	margin: 0 0 5px;
	color: #397b20;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
}

.seo-page .seo-lead {
	font-size: 15px;
	line-height: 1.6;
}

.seo-card-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.seo-card {
	display: flex;
	gap: 12px;
	min-width: 0;
	padding: 15px;
	background: #f7fafb;
	border: 1px solid #e0e8eb;
	border-radius: 7px;
}

.seo-card-plain {
	display: block;
}

.seo-step-number {
	display: flex;
	flex: 0 0 31px;
	align-items: center;
	justify-content: center;
	width: 31px;
	height: 31px;
	color: #fff;
	font-weight: 700;
	background: #007ba8;
	border-radius: 50%;
}

.seo-check-list,
.seo-numbered-list {
	margin: 0 0 15px;
	padding-left: 25px;
}

.seo-check-list li,
.seo-numbered-list li {
	margin-bottom: 9px;
	padding-left: 3px;
}

.seo-page .seo-text-link {
	display: inline-block;
	margin-top: 2px;
	font-weight: 600;
}

.seo-stat {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 18px;
	padding: 17px 20px;
	color: #fff;
	background: #007ba8;
	border-radius: 8px;
}

.seo-stat strong {
	font-size: 31px;
	line-height: 1;
}

.seo-stat span {
	font-size: 15px;
}

.seo-notice {
	padding: 14px 16px;
	background: #fff8dc;
	border-left: 4px solid #c28a00;
}

.reward-logo-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 16px 0;
	padding: 0;
	list-style: none;
}

.reward-logo-grid li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 112px;
	padding: 10px;
	text-align: center;
	background: #fff;
	border: 1px solid #dfe6e9;
	border-radius: 6px;
}

.reward-logo-grid img {
	max-width: 125px;
	max-height: 62px;
	margin-bottom: 8px;
}

.reward-logo-grid span {
	font-weight: 600;
}

.reward-catalogue,
.recipient-list {
	margin: 17px 0 0;
	padding: 0;
	list-style: none;
}

.reward-catalogue-item,
.recipient-item {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 11px;
	padding: 15px;
	background: #f8fafb;
	border: 1px solid #e0e6e9;
	border-radius: 7px;
}

.reward-catalogue-image {
	display: flex;
	flex: 0 0 145px;
	align-items: center;
	justify-content: center;
	min-height: 76px;
}

.reward-catalogue-image img {
	max-width: 140px;
	max-height: 72px;
}

.recipient-item > img {
	flex: 0 0 90px;
	max-width: 90px;
	max-height: 70px;
}

.main_part .span9 .seo-page .recipient-item h2 {
	margin-bottom: 2px;
	font-size: 16px;
}

.seo-page .recipient-location {
	margin-bottom: 5px;
	color: #57616a;
	font-size: 12px;
}

.seo-cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 21px;
	color: #fff;
	background: #263b48;
	border-radius: 8px;
}

.main_part .span9 .seo-page .seo-cta h2 {
	margin-bottom: 5px;
	color: #fff;
}

.seo-cta p {
	margin: 0;
}

.seo-page .seo-button {
	display: inline-block;
	flex: 0 0 auto;
	padding: 10px 15px;
	color: #fff;
	font-weight: 700;
	line-height: 1.25;
	text-align: center;
	text-decoration: none;
	background: #007ba8;
	border: 2px solid #fff;
	border-radius: 5px;
}

.seo-page .seo-button:hover,
.seo-page .seo-button:focus {
	color: #263b48;
	background: #fff;
}

.accessibility-page .seo-section h3 {
	margin-top: 18px;
}

.accessibility-page .seo-section ul {
	margin-bottom: 15px;
}

@media (min-width: 768px) and (max-width: 979px) {
	#menu2 li a {
		min-width: 0;
		padding-right: 8px;
		padding-left: 8px;
		font-size: 12px;
	}
}

@media (max-width: 767px) {
	.seo-page {
		padding: 14px;
	}

	.seo-page-header,
	.seo-section {
		padding: 17px;
	}

	.main_part .span9 .seo-page h1 {
		font-size: 23px;
	}

	.main_part .span9 .seo-page h2 {
		font-size: 19px;
	}

	.seo-card-grid,
	.reward-logo-grid {
		grid-template-columns: 1fr;
	}

	.seo-stat,
	.seo-cta,
	.reward-catalogue-item,
	.recipient-item {
		align-items: flex-start;
		flex-direction: column;
	}

	.reward-catalogue-image {
		flex-basis: auto;
		width: 100%;
	}

	.seo-page .seo-button {
		width: 100%;
	}
}

#main-content .terms-page section + section,
#main-content .terms-page .terms-company {
	margin-top: 32px;
}

#main-content .terms-page h2 {
	margin: 0 0 16px;
	font: 700 18px/1.5 Arial, Helvetica, sans-serif;
	color: #087fa8;
}

#main-content .terms-page p {
	line-height: 1.7;
	overflow-wrap: anywhere;
}

/* Même champ de recherche pour la FAQ et le catalogue de récompenses. */
#main-content .seo-page .faq-tools,
#main-content .seo-page .catalogue-search-field {
    position: relative;
}
#main-content .seo-page .faq-tools {
    margin-bottom: 18px;
}
#main-content .faq-search-icon,
#main-content .catalogue-search-icon {
    position: absolute;
    top: 50%;
    left: 18px;
    display: flex;
    color: #087fa8;
    transform: translateY(-50%);
    pointer-events: none;
}
#main-content .seo-page #faq-search,
#main-content .seo-page #catalogue-search {
    box-sizing: border-box;
    width: 100%;
    min-height: 52px;
    margin: 0;
    padding: 13px 18px 13px 50px;
    border: 1px solid #c8dce5;
    border-radius: 12px;
    background: #fff;
    color: #21343d;
    font: inherit;
    line-height: 1.5;
    box-shadow: 0 3px 12px #21343d06;
    transition: border-color .15s, box-shadow .15s;
}
#main-content .seo-page #faq-search::placeholder,
#main-content .seo-page #catalogue-search::placeholder {
    color: #657985;
    opacity: 1;
}
#main-content .seo-page #faq-search:focus,
#main-content .seo-page #catalogue-search:focus {
    border-color: #087fa8;
    outline: 2px solid #bfe3ef;
    outline-offset: 2px;
    box-shadow: none;
}
#main-content .reward-exchange > summary {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    list-style: none;
    cursor: pointer;
}
#main-content .reward-exchange > summary::-webkit-details-marker {
    display: none;
}
#main-content .reward-exchange > summary::before {
    content: none;
}
#main-content .reward-shop .reward-exchange > summary h2 {
    margin: 0;
}
#main-content .reward-exchange > summary .ui-icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    color: #087fa8;
}
#main-content .reward-exchange[open] > summary .ui-icon {
    transform: rotate(90deg);
}
#main-content .reward-exchange[open] > summary {
    margin-bottom: 16px;
}
#main-content .reward-exchange > summary:focus-visible {
    outline: 2px solid #087fa8;
    outline-offset: 4px;
    border-radius: 4px;
}
#main-content .seo-page .faq-contact-cta > div {
    flex: 1;
    min-width: 0;
}
#main-content .seo-page .faq-contact-cta > a {
    flex: 0 0 auto;
    white-space: nowrap;
}
@media (max-width: 700px) {
    #main-content .seo-page .faq-contact-cta {
        flex-direction: column;
        align-items: flex-start;
    }
}