/*------------------------------------------------------------*/
/*--- GESTIONS DES BOUTONS                                  ---*/
/*------------------------------------------------------------*/
/*-- Permet de faire fonctionner le style sur les balise <code> en dev --*/
a.b_c_standard code,a.b_d_infoaide code, a.b_g_infoaide code,a.b_g_standard code, a.b_d_standard code,
a.b_g_stdprecedent code, a.b_d_stdsuivant code, a.b_g_contact code, a.b_g_imprimer code, a.b_g_actualiser code,
a.b_g_infofonce code, a.b_g_infoclair code, a.b_d_infofonce code, a.b_d_infoclair code,
a.b_g_loginHP code, a.b_d_loginHP code, a.b_g_HP code, a.b_d_HP code, a.b_g_ffp code, a.b_d_ffp code,
a.b_g_condition_ffp code, a.b_g_precedent_ffp code, a.b_d_suivant_ffp code, a.b_d_standardUpsellABT code,
a.b_g_standardUpsellABT code,a.b_g_standardABT code,a.b_d_standardABT code,a.b_g_previousABT code,a.b_d_nextABT code,
a.b_g_infoABT code,a.b_d_validateABT code,a.b_d_buyup code,
.i_g_standard code, .i_d_standard code, .i_g_standard_hover code, .i_d_standard_hover code {
  font-family: verdana;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
}

.i_g_standard, .i_d_standard, .i_g_standard_hover, .i_d_standard_hover {
  border:0px;
  cursor: pointer;
}
/*------------------------------------------------------------*/
/*--- Styles de base dont doivent hériter tous les boutons ---*/
/*------------------------------------------------------------*/
a.b_c_standard,
a.b_d_infoaide, a.b_g_infoaide,
a.b_g_standard, a.b_d_standard,
a.b_g_stdprecedent, a.b_d_stdsuivant,
a.b_g_contact, a.b_g_imprimer, a.b_g_actualiser,
a.b_g_infofonce, a.b_g_infoclair,
a.b_d_infofonce, a.b_d_infoclair,
a.b_g_loginHP, a.b_d_loginHP,
a.b_g_HP, a.b_d_HP,
a.b_g_ffp, a.b_d_ffp,
a.b_g_condition_ffp,
a.b_g_precedent_ffp,a.b_d_suivant_ffp,
a.b_d_standardUpsellABT,
a.b_g_standardUpsellABT,
a.b_g_standardABT,
a.b_d_standardABT,
a.b_g_previousABT,
a.b_d_nextABT,
a.b_g_infoABT,
a.b_d_validateABT,
a.b_d_buyup,
.i_g_standard, .i_d_standard, .i_g_standard_hover, .i_d_standard_hover {
	font-family: verdana;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	background-repeat: no-repeat;
	display: block;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 100%;
}

/*------------------------------------------------------------*/
/*--- Couleurs de bordure                                  ---*/
/*------------------------------------------------------------*/
/* BLANC */
a.b_c_standard,
a.b_d_infoaide, a.b_g_infoaide, 
a.b_g_standard, a.b_d_standard,a.b_d_loginHP,
a.b_g_contact, a.b_g_imprimer, a.b_g_actualiser,
a.b_g_infofonce, 
a.b_g_infoclair,
a.b_d_infofonce, 
a.b_d_infoclair,
a.b_g_ffp, a.b_d_ffp,
a.b_g_condition_ffp,
a.b_g_precedent_ffp, 
a.b_d_suivant_ffp,
a.b_d_standardUpsellABT, 
a.b_g_standardUpsellABT,
a.b_g_standardABT,
a.b_d_standardABT,
a.b_g_previousABT,
a.b_d_nextABT,
a.b_g_infoABT, 
a.b_d_buyup,
a.b_d_validateABT,
.i_g_standard, 
.i_d_standard, 
.i_g_standard_hover, 
.i_d_standard_hover {
  border-top: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
}

/* BLEU NOUVELLE CHARTE */
a.b_g_stdprecedent, a.b_d_stdsuivant {
  border-top: #3675ae 1px solid;
	border-bottom: #3675ae 1px solid;
}

/*------------------------------------------------------------*/
/*--- Couleurs de fonds                                    ---*/
/*------------------------------------------------------------*/
/* HOVER FONCE */
a:hover.b_g_stdprecedent, a:hover.b_d_stdsuivant,
a:hover.b_g_infofonce, a:hover.b_d_infofonce {
  background-color: #051039;
}

/* FONCE */
a.b_g_HP, a.b_d_HP,
a.b_g_standard, a.b_d_standard,
a.b_g_ffp, a.b_d_ffp,
a.b_g_precedent_ffp,a.b_d_suivant_ffp,
a.b_g_standardABT, a.b_d_standardABT,
.i_g_standard, .i_d_standard {
  background-color: #051039;
}

a.b_g_previousABT, 
a.b_d_nextABT {
  background-color: #BEC8DC;
}

/* BUYUP */
a.b_d_buyup {
  BACKGROUND-IMAGE: url('/FR/common/common/img/pictos/fleche_droite.gif');
  width:170px;
  background-color:#7A3C54; 
}

/* INFO AIDE */
a:hover.b_g_infoaide, a:hover.b_d_infoaide {
  background-color: #3675ae;
}
a.b_g_infoaide, a.b_d_infoaide {
  background-color: #85b7e3;
}

a.b_g_loginHP, a.b_d_loginHP {
  background-color: #29528b;
}

a.b_d_standardUpsellABT{
   BACKGROUND-COLOR: #7F9BCE;
}



/* BLANC */
a.b_g_stdprecedent, a.b_d_stdsuivant, a.b_g_infofonce {
	background-color: #ffffff;
}

/* HOVER BLANC */
a:hover.b_g_infoclair, a:hover.b_d_infoclair {
	background-color: #ffffff;
}

/* HOVER BLEU FONCE */
a:hover.b_g_contact, a:hover.b_c_standard, a:hover.b_g_imprimer, a:hover.b_g_actualiser {
  background-color: #1b4790;
}
a.b_c_standard, a.b_g_contact, a.b_g_imprimer, a.b_g_actualiser {
	background-color: #e4f0fa;
}

/* CLAIR */
a.b_g_infoclair, a.b_d_infoclair {
	background-color: #deebef;
}

/* BLEU GRIS */
a.b_g_infoABT,a.b_d_validateABT{
	background-color: #bec8dc;
}

/* ROUGE */
a:hover.b_g_standard, a:hover.b_d_standard,
a:hover.b_g_condition_ffp,
a:hover.b_g_precedent_ffp,
a:hover.b_d_suivant_ffp,
a:hover.b_standardResa,
.i_g_standard_hover, .i_d_standard_hover {
	background-color: #ff0000;
}

/* rouge abt */
a:hover.b_g_infoABT,
a:hover.b_d_validateABT,
a:hover.b_g_standardABT, 
a:hover.b_d_standardABT,
a:hover.b_g_previousABT, 
a:hover.b_d_nextABT,
a:hover.b_d_standardUpsellABT
{
	background-color: #cc0000;
}

a.b_g_loginHP:hover, a.b_d_loginHP:hover,
a.b_g_HP:hover, a.b_d_HP:hover, 
a.b_g_ffp:hover, a.b_d_ffp:hover {
  background-color: #ff0000;
}

/*gris bleu ffp */
a.b_g_condition_ffp{
	background-color: #bec8dc;
}

/*------------------------------------------------------------*/
/*--- Couleurs de la font                                  ---*/
/*------------------------------------------------------------*/
/* BLANC */
a.b_g_standard, a.b_d_standard,
a.b_g_infofonce ,a.b_d_infofonce, 
a.b_g_HP, a.b_d_HP,
a.b_g_ffp, a.b_d_ffp,
a.b_g_loginHP, a.b_d_loginHP,
a.b_g_infoclair, a.b_d_infoclair, a.b_g_condition_ffp,
a.b_g_precedent_ffp,a.b_d_suivant_ffp,
a.b_standardResa,
a.b_g_infoaide, a.b_d_infoaide,
a.b_g_infoABT,
a.b_d_standardUpsellABT,
a.b_d_validateABT,
a.b_g_standardABT, 
a.b_d_standardABT, 
a.b_g_previousABT, 
a.b_d_nextABT, 
a.b_d_buyup,
.i_g_standard, .i_d_standard, .i_g_standard_hover, .i_d_standard_hover {
  color: #ffffff;
}

/* GRIS */
a.b_g_infoclair, a.b_d_infoclair {
  color: #596B91;
}

/* BLEU NOUVELLE CHARTE */
a.b_g_stdprecedent, a.b_d_stdsuivant {
  color: #3675AE;
}

/* BLEU ACTION CENTRAUX */
a.b_c_standard, a.b_g_contact, a.b_g_imprimer, a.b_g_actualiser {
  color: #1B4790;
}

/* HOVER BLANC */
a:hover.b_c_standard, a:hover.b_g_contact, a:hover.b_g_imprimer, a:hover.b_g_actualiser {
  color: #FFFFFF;
}

/*------------------------------------------------------------*/
/*--- Propriétés spécifiques au bouton de type droite      ---*/
/*------------------------------------------------------------*/
a.b_d_standard, 
a.b_d_stdsuivant,
a.b_d_standardABT, 
a.b_d_nextABT, 
a.b_d_standardUpsellABT,
a.b_d_infoaide,
a.b_d_infoclair,a.b_d_infofonce,
a.b_d_HP, a.b_d_ffp, a.b_d_loginHP, a.b_d_suivant_ffp, a.b_d_buyup,
a.b_d_validateABT,
.i_d_standard, .i_d_standard_hover {
	background-position: 100%;
	padding-right: 15px;
	padding-left: 5px;
	text-align: left;
	-moz-box-sizing: border-box;
}
/*------------------------------------------------------------*/
/*--- Propriétés spécifiques au bouton de type gauche      ---*/
/*------------------------------------------------------------*/
a.b_g_standard, 
a.b_g_stdprecedent,
a.b_g_standardABT,
a.b_g_previousABT,
a.b_g_infoaide, 
a.b_g_contact, a.b_g_imprimer, a.b_g_actualiser,
a.b_g_infofonce, 
a.b_g_infoclair,
a.b_g_infoABT,
a.b_g_HP, a.b_g_ffp, a.b_g_loginHP, a.b_g_condition_ffp,
a.b_g_precedent_ffp,
.i_g_standard, .i_g_standard_hover {
	background-position: 0px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: right;
	-moz-box-sizing: border-box;
}
/*------------------------------------------------------------*/
/*--- Propriétés spécifiques au bouton de type centre      ---*/
/*------------------------------------------------------------*/
a.b_c_standard 
{
	background-position: 0px;
	padding-left: 15px;
	padding-right: 5px;
	text-align: center;
}

/*--------------------------------------------------*/
/*-- Lorsqu'il y a 4 blocs de boutons ,           --*/
/*-- les 3 premiers doivent avoir cette propriété --*/
/*--------------------------------------------------*/
.blocBouton div.quart {
	float: left;
	width: 25%;
}

/*-------------------------------*/
/*------- IMAGE DE FOND ---------*/
/*-------------------------------*/
a.b_g_standard {
  background-image: url('/FR/common/common/img/pictos/fleche_gauche.gif');
  width: 170px;
}
a.b_d_standard, a.b_d_stdsuivant {
  background-image: url('/FR/common/common/img/pictos/fleche_droite.gif');
  width: 170px;
}
a.b_g_infoaide {
  background-image: url('/FR/common/common/img/pictos/bt_info_blanc.gif');
  width: 170px;
}
a:hover.b_g_contact {
  background-image: url('/FR/common/common/img/pictos/bt_contact_blanc.gif');
}

a.b_g_contact {
  background-image: url('/FR/common/common/img/pictos/bt_contact_bleu.gif');
  width: 100px;
}

a:hover.b_g_imprimer {
  background-image: url('/FR/common/common/img/pictos/bt_imprimer.gif');
}

a.b_g_imprimer {
  background-image: url('/FR/common/common/img/pictos/bt_imprimer_bleu.gif');
}

a.b_g_actualiser {
  background-image: url('/FR/common/common/img/pictos/bt_actualiser_bleu.gif');
}

a:hover.b_g_actualiser {
  background-image: url('/FR/common/common/img/pictos/bt_actualiser.gif');
}

/*****************************************/
/*     nouveaux  boutons  rel 10.0       */
/*****************************************/
div.blocBouton {
  background-color: white;
  padding :10px;
  border: 1px solid #afd2f0;
  border-top: none;
  margin-bottom:16px;
}

div.blocBoutonHP {
  background: none;
  border: none;
  padding-bottom :15px;
  padding-right :5px;
 }
 
 div.blocboutonMiniBe {
 	padding-right:0.9em;
 }

div.blocBoutonOneLine {
  padding-bottom :10px !important;
  padding-bottom :0px;
}
div.blocBouton div.leftButton {
  width: 30% !important;
  width: 28%;
  float: left;
  margin: 0px;
  padding: 0px;
}

div.blocBouton div.rightButton {
  width: 30% !important;
  width: 28%;
  float: right;
  padding: 0px;
}

div.blocBouton div.centerButton {
  width: 40% !important;
  width: 39%;
  float: left;
  padding: 0px;
  text-align: center;
}

div.blocBouton div.centerButton .centerPrint {
	margin: 0px auto;
	width: 100px;
}

div.blocBouton div.centerButton .centerContact {
	margin: 0px auto;
	width: 100px;
}

div.blocBouton div.centerButton .leftContact {
	float: left;
}

div.blocBouton div.centerButton .rightPrint {
	float: right;
}

div.blocBouton div div { 
  margin: 0; 
  padding: 0; 
}

.blocBouton div div input {  
  margin-top: 4px; 
}

div.blocBouton a, div.rightButton a, div.leftButton a {
	cursor: pointer; 
}
a.btn_inscrire  {
	float:right;
	margin-top:0px;
	padding-top:0px;
	background:none;
	cursor: pointer;
}

/*
div.blocBouton div div a:hover span span {
	text-decoration: underline;
}

div.blocBouton div a:hover span span {
	text-decoration: underline;
}
*/
div.blocBouton div div span span, .blocBouton div div input {  
  padding-top: 4px; 
}

div.blocBouton div div span span {
	padding-bottom:4px !important;
	padding-bottom:7px;
}
div.blocBouton div .left {
	float:left;
}

div.blocBouton div .right {
	float:right;
}

div.blocBouton div.onSecondLine {
  margin-top:10px !important;
  margin-top:0px;
}

div.blocBouton div.onThirdLine {
  margin-top:10px;
}

.btnnext, .btnnext span, .btnback, .btnback span, .btncontact, .btnprint, .btncontact span, .btnprint span, .btnmoreinfo, .btnmoreinfo span, .btnNavLeft, .btnNavLeft span,.btnNavRight, .btnmoreinfoHP  ,.btnmoreinfoHP span {
	height:24px;
	margin: 0;
}

.btnnext span, .btnback span, .btncontact  span, .btnprint  span, .btnmoreinfo span,.btnNavLeft span ,.btnNavRight span, .btnmoreinfoHP span{
	display:block;
	float:left;
	font: bold 11px Arial;
	height:auto;
	min-height:16px;
	text-decoration:none;
	white-space:nowrap;
}

.btnback {
	background:url(/FR/common/common/img/pictos/af_bback.gif) no-repeat left top;
	padding:0pt 0pt 0pt 20px;
	float:left;
}

.btnback span {
	background:url(/FR/common/common/img/pictos/af_bback.gif) no-repeat 100% -30px;
	display:block;
	float:left;
	color: white;
	padding:5px 19px 3px 6px !important;
	padding-bottom: 7px;
	
}

.btnnext {
	background:url(/FR/common/common/img/pictos/af_bnext.gif) no-repeat left top;
	float:left;
	padding:0pt 0pt 0pt 10px;
	
}

.btnnext span {
	background:url(/FR/common/common/img/pictos/af_bnext.gif) no-repeat 100% -30px;
	display:block;
	float:left;
	color: white;
	padding:5px 24px 3px 10px !important;
	padding-bottom:7px;
	
}

.btncontact{
	background:url(/FR/common/common/img/pictos/af_bcontact.gif) no-repeat left top;
	float:left;
	padding:0pt 0pt 0pt 24px;
}

.btncontact span {
	background:url(/FR/common/common/img/pictos/af_bcontact.gif) no-repeat 100% -30px;
	display:block;
	float:left;
	color: #494949;
	padding: 0px 19px 4px 6px;
}

.btncontactHP span {
	padding: 0px 19px 5px 6px;
	
}

.btnmoreinfoHP {
	background:url(/FR/common/common/img/pictos/af_bmoreinfo.gif) no-repeat left top;
	float:left;
	padding:0pt 0pt 0pt 10px;
	height:26px;
}

.btnmoreinfoHP span {
	background:url(/FR/common/common/img/pictos/af_bmoreinfo.gif) no-repeat 100% -30px;
	display:block;
	color: #3E647E;
	padding:5px 24px 7px 10px;
	
	
}

.btnprint {
	background:url(/FR/common/common/img/pictos/af_bprint.gif) no-repeat left top;
	float:left;
	padding:0pt 0pt 0pt 24px;
}

.btnprint span {
	background:url(/FR/common/common/img/pictos/af_bprint.gif) no-repeat 100% -30px;
	display:block;
	float:left;
	color: #494949;
	padding: 0px 19px 4px 6px;
}

.btnmoreinfo {
	background:url(/FR/common/common/img/pictos/af_bmoreinfo.gif) no-repeat left top;
	float:left;
	padding:0pt 0pt 0pt 10px;
	
}

.btnmoreinfo span {
	background:url(/FR/common/common/img/pictos/af_bmoreinfo.gif) no-repeat 100% -30px;
	display:block;
	float:left;
	color: #494949;
	padding:5px 24px 3px 10px !important;
	padding-bottom: 7px;
}

.btnmoreinfo span a {
	color: #494949;
	padding:5px 24px 3px 6px;
}

.btnOkHP {
	background-image:url(/FR/common/common/img/background/questionBtn_bkgrd.gif); 
	background-repeat: no-repeat; 
	width:52px; 
	height:19px; 
	background-color:transparent; 
	color:#fff; 
	font-weight:bold; 
	float:right; 

	padding-top:1px;
	text-indent:10px;
	padding:2px 0pt 0pt 5px;
	
	
}

.hidden {
	display:none;
}
div.popUpContact{
  display:none;
  position:absolute;
  background-color:#E4F0FA;
  border: 0px solid #051039;
  width:450px;
  z-index:1000;
}

.btnNavLeft {
	background:url(/FR/common/common/img/pictos/af_bNavLeft.gif) no-repeat left top;
	padding:0pt 0pt 0pt 20px;
	float:left;
}

.btnNavLeft span {
	background:url(/FR/common/common/img/pictos/af_bNavLeft.gif) no-repeat 100% -30px;
	display:block;
	float:left;
	color: #494949;
	padding:5px 19px 3px 6px !important;
	padding-bottom: 7px;
}

.btnNavRight {
	background:url(/FR/common/common/img/pictos/af_bNavRight.gif) no-repeat left top;
	float:left;
	padding:0pt 0pt 0pt 10px;
}

.btnNavRight span {
	background:url(/FR/common/common/img/pictos/af_bNavRight.gif) no-repeat 100% -30px;
	display:block;
	float:left;
	color: #494949;
	padding:5px 24px 3px 10px !important;
	padding-bottom: 7px;
}

/*****************************************/
/*  fin nouveaux  boutons  rel 10.0      */
/*****************************************/