/*
 * Feuille de style externe à l'application DevBooster permettant de modifier le style CSS de la charte de l'écran d'accueil
 */
 
.backgroundFlecheBasGauche
{
    background-image: url("../../../images/appli/ei_custom_dbad/fleche_bas_gauche_transparente.png");
    background-repeat: no-repeat;
    height: 52px;
    margin-left: 20px;
    margin-top: 5px;
    position: relative;
    width: 35px;
}

.backgroundFlecheBasDroite
{
    background-image: url("../../../images/appli/ei_custom_dbad/fleche_bas_droite_transparente.png");
    background-repeat: no-repeat;
    height: 52px;
    margin-left: 0;
    margin-top: 5px;
    width: 35px;
}

.backgroundFlecheHautGauche
{
    background-image: url("../../../images/appli/ei_custom_dbad/fleche_haut_gauche_transparente.png");
    background-repeat:no-repeat;
    height: 35px;
    width: 52px;
    margin-left: 0px;
    margin-top: 10px;
    position: relative;
}

.backgroundFlecheHautDroite
{
    background-image: url("../../../images/appli/ei_custom_dbad/fleche_haut_droite_transparente.png");
    background-repeat:no-repeat;
    height: 35px;
    width: 52px;
    margin-left: 0px;
    margin-top: 10px;
    position: relative;
}

/*Onglet produits sélectionné*/
.backgroundOngletProduitsSelectionneDebut {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_selectionne_debut.png");
    background-repeat: no-repeat;
    height: 24px;
    margin-left: 0;
    position: absolute;
    width: 5px;
}

.backgroundOngletProduitsSelectionneMilieu {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_selectionne_milieu.png");
    background-repeat: repeat-x;
    height: 24px;
    margin-left: 5px;
    position: absolute;
    width: 145px;
}

.backgroundOngletProduitsSelectionneFin {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_selectionne_fin.png");
    background-repeat: no-repeat;
    height: 24px;
    margin-left: 150px;
    position: absolute;
    width: 5px;
}

/*Onglet produits non sélectionné*/
.backgroundOngletProduitsNonSelectionneDebut {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_non_selectionne_debut.png");
    background-repeat: no-repeat;
    height: 25px;
    margin-left: 0;
    position: absolute;
    width: 5px;        
}

.backgroundOngletProduitsNonSelectionneMilieu {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_non_selectionne_milieu.png");
    background-repeat: repeat-x;
    height: 25px;
    margin-left: 5px;
    position: absolute;
    width: 145px;
}

.backgroundOngletProduitsNonSelectionneFin {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_non_selectionne_fin.png");
    background-repeat: no-repeat;
    height: 25px;
    margin-left: 150px;
    position: absolute;
    width: 5px;
}

/*Onglet produits annexes sélectionné*/
.backgroundOngletProduitsAnnexesSelectionneDebut {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_selectionne_debut.png"); 
    background-repeat: no-repeat;
    height: 24px;
    margin-left: 96px;
    position: absolute;
    width: 5px;
}

.backgroundOngletProduitsAnnexesSelectionneMilieu {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_selectionne_milieu.png");
    background-repeat: repeat-x;
    height: 24px;
    margin-left: 101px;
    position: absolute;
    width: 127px;
}

.backgroundOngletProduitsAnnexesSelectionneFin {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_selectionne_fin.png");
    background-repeat: no-repeat;
    height: 24px;
    margin-left: 228px;
    position: absolute;
    width: 5px;
}

/*Onglet produits annexes non sélectionné*/
.backgroundOngletProduitsAnnexesNonSelectionneDebut {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_non_selectionne_debut.png");
    background-repeat: no-repeat;
    height: 25px;
    margin-left: 96px;
    position: absolute;
    width: 5px;
}

.backgroundOngletProduitsAnnexesNonSelectionneMilieu {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_non_selectionne_milieu.png");
    background-repeat: repeat-x;
    height: 25px;
    margin-left: 101px;
    position: absolute;
    width: 127px;
}

.backgroundOngletProduitsAnnexesNonSelectionneFin {
    background-image: url("../../../images/appli/ei_custom_dbad/background_onglet_non_selectionne_fin.png");
    background-repeat: no-repeat;
    height: 25px;
    margin-left: 228px;
    position: absolute;
    width: 5px;
}

/* Style du logo du comparateur */
.logoComparateur 
{
    background-color: transparent;
    background-image: url("../../../images/appli/ei_custom_dbad/logo_comparateur.png");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.boutonRetourAuxUniversArbreDeDecision
{
    background-image: url("../../../images/appli/ei_custom_dbad/bouton_retour_aux_univers_par_defaut.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

.conteneurBoutonQuestionPrecedenteArbreDeDecision
{
    height: 25px;
    width: 135px;
    margin-left: 0px;   
    margin-right: 0px; 
}

.boutonQuestionPrecedenteArbreDeDecision
{
    background-image: url("../../../images/appli/ei_custom_dbad/bouton_question_precedente_par_defaut.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

.conteneurBoutonQuestionSuivanteArbreDeDecision
{
    height: 25px;
    width: 122px;
    margin-left: 0px;   
    margin-right: 0px; 
}

.boutonQuestionSuivanteArbreDeDecision
{
    background-image: url("../../../images/appli/ei_custom_dbad/bouton_question_suivante_par_defaut.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

.miniLogoUniversAutomobile
{
    background-image: url("../../../images/appli/ei_custom_dbad/mini_logo_univers_automobile.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

.miniLogoUniversImmobilier
{
    background-image: url("../../../images/appli/ei_custom_dbad/mini_logo_univers_immobilier.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

.miniLogoUniversImprevus
{
    background-image: url("../../../images/appli/ei_custom_dbad/mini_logo_univers_imprevus.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

.miniLogoUniversFamille
{
    background-image: url("../../../images/appli/ei_custom_dbad/mini_logo_univers_famille.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

.miniLogoUniversTravaux
{
    background-image: url("../../../images/appli/ei_custom_dbad/mini_logo_univers_travaux.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

.miniLogoUniversVoyage
{
    background-image: url("../../../images/appli/ei_custom_dbad/mini_logo_univers_voyage.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

.miniLogoUniversRetraite
{
    background-image: url("../../../images/appli/ei_custom_dbad/mini_logo_univers_retraite.png");    
    background-repeat: no-repeat;      
    background-color: transparent;
    width: 100%;    
    height: 100%; 
}

div.bouleUnivers {
	background:url("../../../images/appli/ei_custom_dbad/rond_univers_mini_2x.png") left -274px no-repeat;
	overflow:hidden;
    cursor:pointer !important;
    position: relative !important;
    background-size: 322px;
}

div.bouleUnivers img 
{
    background:url("../../../images/appli/ei_custom_dbad/rond_univers_mini_2x.png") left top no-repeat, url(../../../images/appli/ei_custom_dbad/rond_univers_mini_2x.png) left top no-repeat;
    position: relative !important;
    background-size: 322px;
}

.titreZone
{
   font-size: 17px !important;
   padding-right: 1px !important;
      padding-left: 1px !important;
   color: #686868;
}

/* Positionnement du bouton de validation du montant saisie au clavier lié à un slider */
.boutonValidationSaisieClavierSlider 
{
    /* Placement à droite de la zone de saisie (après la devise) */
    margin-left: 96px;
    margin-top: -6px;
}

.sousTitreZone {
    /*#AM001 : Amélioration visuelle pour la compréhension */
    color: #414141 !important; /*bleu charte CM*/
    font-size: 11px !important;
}

/* Surchage de la position de l'arrière-plan gauche de la boule des univers de l'écran d'accueil */
.backgroundRondUnivers {
    margin-left: -27px !important;
    *margin-left: -29px !important; /*Spécifique à IE7*/
    margin-top: 166px !important;
    *margin-top: 166px !important;  /*Spécifique à IE7*/
}

/*Remonter la zone contenant les sliders pour moins la coller à la zone des produits */
.positionSpecifiqueSliderPIAccueil {
    margin-top: -78px;
}

/* Décaler plus vers la droite la zone du conteneur de la capacité d'épargne */
.conteneurCriteresDeChoix {
    /* margin-left: 10% !important; */
    /* vertical-align: top !important; */
    /* height:auto !important; */
}

/*Centrer le bouton comparer de l'écran d'accueil de manière vertical (par rapport aux cases)*/
#conteneurBoutonsActionsComparateur 
{
    height: 0px !important;
}

/* Bouton de contact custom */
#idConteneurGlobal {
	position: relative;
}

.btn__contact {
    position: absolute;
    display: block;
    padding-left: 0px;
    z-index: 5;
    text-align: right;
	top: 0;
	right: 0;
}

.btn__contact>a {
	z-index:999;
    position: relative;
    display: table-cell;
    min-height: 63px;
    height: 63px;
    min-width: 78px;
    width: 78px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 13px;
    line-height: 0.8125rem;
    text-decoration: none !important;
    color: #fff !important;
    background-color: #4170a9;
    text-align: center;
    -webkit-transition: background-color .1s linear, color .1s linear;
    -o-transition: background-color .1s linear, color .1s linear;
    transition: background-color .1s linear, color .1s linear;
	float: right;
    padding-top: 15px;
	margin-right: 5px;
}

#bt-hb0:hover {
	cursor: pointer;
	background-color: #335884 !important;
}

#bt-hb0:hover:before {
	background-color: #335884 !important;
}

.btn__contact>a:before {
    position: static;
    margin: 0;
    display: block;
    line-height: 23px;
    font-size: 25px;
    font-size: 1.5625rem;
    content: "\e063";
    font-family: "fts_commun";
    -webkit-transition: background-color .1s linear, color .1s linear;
    -o-transition: background-color .1s linear, color .1s linear;
    transition: background-color .1s linear, color .1s linear;
}

.btn__contact>a:after {
    content: "\e635";
    padding-top: 0.1875rem;
    -webkit-transition: background-color .1s linear, color .1s linear;
    -o-transition: background-color .1s linear, color .1s linear;
    transition: background-color .1s linear, color .1s linear;
    display: block;
    vertical-align: middle;
    line-height: 11px;
    font-size: 0.6875rem;
    font-family: "fts_commun";
    text-decoration: none;
}

.conteneurBoutonsContact {
    display: table-cell;
    margin-top: 90px;
    width: 270px;
    right: 0;
    position: absolute;
	height: 0px;
    overflow: hidden;
     -webkit-transition:height, 0.4s linear;
    -moz-transition: height, 0.4s linear;
    -ms-transition: height, 0.4s linear;
    -o-transition: height, 0.4s linear;
    transition: height, 0.4s linear;
}

.btn__contact.expanded .conteneurBoutonsContact {
	height: 290px;
     -webkit-transition:height, 0.4s linear;
    -moz-transition: height, 0.4s linear;
    -ms-transition: height, 0.4s linear;
    -o-transition: height, 0.4s linear;
    transition: height, 0.4s linear;
}

.btn__contact.expanded > a:before {
	content: "\e629";
    position: absolute;
    background-color: #4170a9;
    width: 100%;
    line-height: 50px;
}

.btn__contact.expanded > a:hover:before {
	content: "\e629";
    position: absolute;
    width: 100%;
    line-height: 50px;
}

.conteneurBoutonsContact > .ei_button {
	display: table;
}

.conteneurBoutonsContact > .ei_button > .ei_btn {
	padding: 15px 40px;
}

.conteneurBoutonsContact > .ei_button > .ei_btn > .ei_btn_body:before {
    left: -12px !important;
}

.conteneurBoutonsContact > .btnGeoloc > .ei_btn > .ei_btn_body:before {
    content: "\e62f" !important;
	font-family: "fts_commun" !important;
}

.conteneurBoutonsContact > .ei_button:not(:first-child) > .ei_btn {
	border-top: 1px solid #7A9BC3;
}


/*Bouton déroulant*/

.menucustom > li > a {
	background-color: #616975;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(95, 139, 184)),to(rgb(63, 116, 170)));
	background-image: -webkit-linear-gradient(top, rgb(95, 139, 184), rgb(63, 116, 170));
	background-image: -moz-linear-gradient(top, rgb(95, 139, 184), rgb(63, 116, 170));
	background-image: -o-linear-gradient(top, rgb(95, 139, 184), rgb(80, 88, 100));
	background-image: -ms-linear-gradient(top, rgb(95, 139, 184), rgb(80, 88, 100));
	background-image: linear-gradient(top, rgb(95, 139, 184), rgb(80, 88, 100));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5F8BB8', EndColorStr='#3F74AA');
	border-radius: 3px 3px 3px 3px;
    border-bottom: 1px solid #33373D;
    	border: 1px solid #2F65A3;
    box-shadow: 0 1px 0 0 #878E98 inset;
    color: #FFFFFF !important;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    height: 35px;
    line-height: 2.5em;
    padding-left: 8px;
    text-align: center;
    position: relative;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
    width: 190px;
}

.main ul {
    list-style: none !important;
}

.menucustom ul {
    margin: 0 !important;
    list-style: none !important;
     border: 1px solid #D3D3D3;
      background-color: white;
}



.menucustom ul li a {
	background: #fff;
	border-bottom: 1px solid #efeff0;
	width: 100%;
	height: 2.75em;
	line-height: 2.75em;
	text-indent: 0em;
	display: block;
	position: relative;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	 text-decoration: none !important;
	 margin:  0px !important;
	font-weight: 400;
	color: #71777F;
}
.menucustom ul li:last-child a {
	
	list-style: none !important;
	text-decoration: none !important;
}
.menucustom > li > a:hover, .menu > li > a.active {
	background-color: #35afe3;
		 text-decoration: none !important;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
}
.menucustom > li > a.active {
	border-bottom: 1px solid #1a638f;
			 text-decoration: none !important;
}

.menucustom > li > a:before {
			 text-decoration: none !important;
    background-repeat: no-repeat;
    content: "";
    font-size: 36px;
    height: 1em;
    left: 0;
    margin: -0.5em 0 0;
    position: absolute;
    top: 50%;
    width: 1em;
}
.item1 > a:before {
	background-position: 0 0;
}

.menucustom > li > a span 
{
    text-decoration:none !important;
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1.8em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: .769em;
	border-radius: .769em;
	-webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	-moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
	text-shadow: 0px 1px 0px rgba(0,0,0,.5);
	font-weight: 500;
}
.menucustom > li > a:hover span, .menu > li a.active span {
	background: #2173a1;
}


.menucustom > li > ul {
    width: 235px;
}

.menucustom > li > ul li a:before
{
    text-decoration:none !important;
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 10;
	left: -1.7em;
}

.menucustom > li > ul li:hover a,
.menucustom > li > ul li:hover a span,
.menucustom > li > ul li:hover a:before {
   text-decoration:none !important;
	color: #32373D;
}

.menucustom > li > ul li
{
	color: #32373D;
}


.menucustom ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; /
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 2em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	-webkit-border-radius: .769em;
	-moz-border-radius: 769em;
	border-radius: 769em;
	text-shadow: 0px 0px 0px rgba(255,255,255,.01));
	 text-decoration:none !important;
}

/**/


.questionActuelleArbreDeDecision 
{
    color: #919191 !important;
}

.titreSliderAccueil {color :#797676  !important;}

.titreZone {color: #414141  !important;}


#zoneConteneurOffreProduits  
{
    background-color: #f6f2ef !important;
    /*margin-top: -45px !important;
    padding-top: 30px !important;*/
}

#conteneurOngletOffreProduits {
    margin-left: -5px !important;
}



.backgroundRondUnivers {display :none  !important;}

.titreOngletSelectionne
{
     font-size: 1em !important;
}

.titreOngletNonSelectionne
{
     font-size: 1em !important;
}

.zoneConteneurUniversEtCriteres {
    text-align: center;
    margin-right: 29px !important;
}

.zoneUniversEtArbre {
    height: 100%;
    width: 348px !important;
}


.conteneurReponsesArbreDeDecision
{
      text-align: left !important;
      padding: 39px 30px 5px !important;
}



/* boutons bloc "nos solutions" */
#backgroundOngletProduitsDebut,
#backgroundOngletProduitsMilieu,
#backgroundOngletProduitsFin,
#backgroundOngletProduitsAnnexesDebut,
#backgroundOngletProduitsAnnexesMilieu,
#backgroundOngletProduitsAnnexesFin,
.backgroundLogoTitreNomProduitGauche,
.backgroundLogoTitreNomProduitCentre,
.backgroundLogoTitreNomProduitDroit,
.backgroundSousTitreGauche,
.backgroundSousTitreCentre,
.backgroundSousTitreDroit {
  display: none !important;
}
#idConteneurGlobalDetails .backgroundUniversGauche,
#idConteneurGlobalDetails .backgroundCapaciteEpargneDroite {
  background-image: none !important;
}
#OngletProduitsZoneOffreProduits,
#OngletProduitsAnnexesZoneOffreProduits {
  display: inline-block !important;
}
#conteneurTitreOngletProduits,
#conteneurTitreOngletProduitsAnnexes {
  position: relative !important;
  margin-left: 0;
}

#conteneurTitreOngletProduitsAnnexes {
    margin-left: -50px !important;
}

.titreOngletSelectionne {
  background-color: #4170a9;
  padding: 10px 20px;
  font-size: 1em;
}
.titreOngletNonSelectionne {
  background-color: #fff;
  padding: 10px 18px;
  border: 1px solid #4170a9;
  font-size: 1em;
  color: #4170a9;
}
#conteneurPriseDeContactAvecConseiller {
  position: absolute;
  right: 0;
}
#conteneurPriseDeContactAvecConseiller .conteneurBoutonContacterConseiller {
  margin-top: 0;
}

#conteneurPriseDeContactAvecConseiller .conteneurBoutonContacterConseiller ul li.titreOngletProduitsAnnexes {
  position: absolute;
  top: 0;
  right: initial;
}

#conteneurPriseDeContactAvecConseiller .conteneurBoutonContacterConseiller ul li.titreOngletProduitsAnnexes a {
  padding: 10px 20px;
  font-size: 1em;
  border-radius: 0;
  border: none;
  text-shadow: none;
  height: auto;
  width: 195px;
  line-height: 1em;
}


#conteneurSeparateurHorizontaleZoneCentraleComparateur
{
    display:none;  
}



/* remplacement bouton images par boutons CSS */
.conteneurBoutonComparer {
  background: #4170a9;
  /* padding: 10px 20px; */
  font-size: 1em;
  border-radius: 0;
  border: none;
  text-shadow: none;
  height: 35px;
  width: 110px;
  line-height: 1em;
  position: relative;
  display: none;
}
.conteneurBoutonComparer > input {
  opacity: 0;
  width: 100%;
  height: 100%;
}
.conteneurBoutonComparer:before {
  content: "Comparer";
  position: absolute;
  top: 11px;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  color: #fff;
  font-size: 1em;
}


.conteneurCapaciteEpargne {
    padding-top: 7px !important;
}



.indicationsDansCaseComparateur {
    font-size: 0.9 em !important;
}


#zoneConteneurGlobal {
	position: relative;
}

.zoneConteneurOffreProduits {
    background-color: #797676;
    padding-top: 11px;
    /*margin-top: -68px;*/
    position: relative;
	
	border-right: 2px solid #797676;

    width: calc(100% - 183px) !important;
    display: inline-block !important;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}


.zoneConteneurOffreProduits100 {
    background-color: #F9F9F9;
    padding-top: 11px;
    /*margin-top: -68px;*/
    position: relative;

    width: calc(100% - 15px) !important;
    display: inline-block !important;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
}


.backgroundEspacementFlechesBas {
    width: 180px !important;
}
#PuceComparateur2 {
    position: absolute;
}


/*#PucePos::after {
    right: 12px;
    bottom: 12px;
    margin-top: -12px;
    line-height: 24px;
    font-size: 1.5rem;
    content: "\e646";
    font-family: glyphs_cm2015;
    color: #3F8BD2;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: all 400ms ease-in-out 0s;
    transform: rotate(180deg);
}*/

#PucePos:before {
	font-size: 25px;
	margin-left: -6px;
	transition: all 400ms ease-in-out 0s;
    content: "\F0329";
    font-family: fts_picto;
    speak: none;
    font-display: block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

#PucePos {
	background-color: #797676;
    top: 50%;
    position: absolute;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 13px;
    color: white;
    margin-top: -16px;
    height: 28px;
    padding-top: 2px;
	cursor:pointer;
}

.PucePosRot:before {
    content: "\F0328" !important;
    margin-left: -7px !important;
}


#zoneConteneurComparateur {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;

    /*padding-top: 10px;*/

    display: inline-block !important;
    float: right !important;
    
    /*margin-top: -40px;*/
    overflow: hidden;
	
	height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 206px;
}

#Slide {
    top: 50%;
    position: relative;
    height: 361px;
    margin-top: -215px;
    margin-left: 15px;
}

#infoBulleComparateur
{
    display:none;
}

#PuceComparateur {
    margin-left: -30px;
}

#conteneurBoutonsActionsComparateur {
    height: 80px;

    margin-left: 34px !important;
    margin-right: 20px !important;
}

.backgroundSeparationHorizontaleZoneComparateurBasDePage {

    display: none !important;
}

.backgroundFlecheBasDroite {

    display: none !important;
}


.backgroundFlecheBasGauche {

    display: none !important;
}


.caseComparateur {

    margin-top: 12px !important;
}

.caseComparateurSansBordure {
    margin-bottom: 12px;
}


.conteneurGlobalVignetteComparateur
{
 
      margin-top: 12px !important;
    
}

#comparateurInfo {

    display: none;
}

.notification {
    position: fixed;
    top: -45px;
    z-index: 10000000;
    width: 100%;
    color: white !important;
    background-color: black;
    margin: 0px;
    padding: 10px;
    height: 25px;
    valign: center;
    font-family: Arial !important;
    opacity: 0.7;
    display:none;
}

.ui-state-active{
background-color: #FFFF99;
}

.ui-state-hover{
background-color: #DDEEFF;
}


@media screen and (max-width:890px) {
.zoneUniversEtArbre {
 display: none !important;
}

.conteneurBoutonContacterConseiller {
    margin-top: 15px;
    display: none;
}

.conteneurCriteresDeChoix {
    margin-left: -5% !important;
}

.zoneUniversEtArbre {
    width: 310px !important;
}

.notification {
display:block !important;
}

}






@media screen and (max-width:810px) {
.zoneUniversEtArbre {
    width: 308px !important;
}

#zoneUnivers {
    margin-left: 20px !important;
}

}

@media screen and (max-width:550px) {
    #conteneurProduitsVueVignettes {
        padding-left: 0px !important;
    }
    
    #conteneurProduitsAnnexes 
    {
        padding-left: 0px !important;
    }
    
    .backgroundSeparationHorizontaleAvantOffreProduitsDebut,
    .backgroundSeparationHorizontaleAvantOffreProduitsMilieuGauche,
    .backgroundSeparationHorizontaleAvantOffreProduitsMilieuDroit,
    .backgroundSeparationHorizontaleAvantOffreProduitsFin
    {
	    display:none !important;
    }
    
    #zoneConteneurComparateur {
    display: none !important;
    }
    
    
#zoneConteneurOffreProduits {
    width: 100% !important;
}


#comparateurInfo {
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 0px;
    display: inherit !important;
    border-color: #FFFF;
    border: 2px solid #AAAAAA;
    width: 92%;
    padding: 4px;
    background-color: #FFFFFF;
}

}


@media screen and (max-width:350px) {

#conteneurTitreOngletProduits {
    margin-left: 9px !important;
}

#conteneurOngletOffreProduits {
    margin-left: -16px !important;
}

#OngletProduitsAnnexesZoneOffreProduits {
    margin-left: 60px !important;
}


.conteneurCriteresDeChoix {
    margin-left: -9% !important;
}

}

@media screen and (max-width:350px) {
.btn__contact {
	display:none;
}
}

@media screen and (min-width: 759px) {
	.titreRubriqueFiltre {
		display: none;
	}
	
	.filtresContent {
		border-top: 1px solid lightgrey !important;
	}
	
	article .cc {
		display: block;
	}
}

@media screen and (max-width: 759px) {
	.tableauFiltrageProduits td > p {
		height: 40px !important;
	}
	
	.tableauFiltrageProduits td > p > label {
		margin-top: 11px !important;
		margin-left: 5px !important;
	}
	
	.tableauFiltrageProduits td > span > span {
		float: right !important;
		top: -38px !important;
		margin-right: 15px !important;
	}
	
	article .cc {
		display: none;
	}

	.titreRubriqueFiltre {
		background-color: #4170a9 !important;
		font-size: 1.2em !important;
		text-transform: uppercase;
		padding: 5px 15px !important;
		position: relative;
		display: block;
	}
	
	.titreRubriqueFiltre:hover,
	.titreRubriqueFiltre label:hover {
		cursor: pointer;
	}
	
	.titreRubriqueFiltre label {
		color: white !important;
	}
	
	.titreRubriqueFiltre p::after {
		color: white;
		content: "\F05A4";
		font-size: 1.2em !important;
		-webkit-transition: color .2s linear;
		transition: color .2s linear;
		font-family: fts_picto;
		speak: none;
		font-style: normal;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 1.2em;
		top: 18px;
		-webkit-font-smoothing: antialiased;
		position: absolute;
		right: 20px;
	}
	
	.titreRubriqueFiltre.expanded p::after {
		content: "\e629";
		font-family: "fts_commun";
	}
	
	.filtresContent {
		overflow: hidden;
		height: 0;
		transition: 0.3s height linear;
		padding: 0 !important;
	}
	
	.filtresContent.expanded {
		height: 240px;
		padding: auto;
	}
	
	.zoneConteneurProduitDetenu > label {
		top: 4px;
		position: relative;
		margin-right: 10px;
	}
	
	.zoneConteneurProduitDetenu > span {
		vertical-align: middle;
	}
}