﻿/* perso cofidis 4 étoiles */

/*table d'info version Test
table {
    position: absolute;
    z-index: 1201;
	display:none;
}
*/
/*------- v3base.css----*/
a {color: #000;}
div#e_identification{width:324px;position: absolute;top:0;right:5px;}
div#e_identification ul{margin-right: 0px; margin-top: 17px;}
div#e_identification ul li {height:40px; font-weight:bold;}




/*------- env.css----*/

/*FONT*/
@font-face {
    font-family: 'frutibold';
    src: url('frutigerltstd-bold_0-webfont.eot');
    src: url('frutigerltstd-bold_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('frutigerltstd-bold_0-webfont.woff') format('woff'), 
         url('frutigerltstd-bold_0-webfont.ttf') format('truetype'),
         url('frutigerltstd-bold_0-webfont.svg#frutiger_lt_std_45_lightbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* HELPERS */
.FrutiBold {
	font-family: 'frutibold';
}


/*-----------header--------*/
div#e_header {background-color: #FFF;}
span#e_baseline {top: 34px; left: 165px;font-size: 1.17em;line-height:1.2em;}
div#e_logo a, div#e_logo img {width: 145px;}
div#e_barreNav{display:none;}
div#e_filetAriane{display:none;}
div#e_contener { background: url("../images/css/v3couleurs_4etoiles/bg_content.gif") repeat-x scroll top center transparent; padding-top:143px;}
div#e_contenu{ background-color: #FFF; margin: 0 auto; position: relative; width: 980px;}
div#e_bdLegal{ background-color: #EEEEEE; border-top: 2px solid #CCCCCC; color: #999999;}

/*-----------MENU--------------*/
div#e_menuLevel1 nav > ul > li, div#e_menuLevel1 > ul > li {background:none; font-style:normal; vertical-align:baseline;}
div#e_menuLevel1 { background: url("../images/css/v3couleurs_4etoiles/bg_menu.gif") repeat-x scroll left top #212121;}
div#e_menuLevel1 nav > ul, div#e_menuLevel1 > ul {margin: 0 auto;width: 940px;  background: url("../images/css/v3couleurs_4etoiles/menu_sep.gif") no-repeat 0 0;}
div#e_menuLevel1 nav > ul > li > a, div#e_menuLevel1 > ul > li > a {vertical-align: baseline; height: 25px; margin-right: 0px; margin-top: 0px; padding: 15px 20px 0; background: url("../images/css/v3couleurs_4etoiles/menu_sep.gif") no-repeat scroll right top transparent}
div#e_menuLevel1 ul li.e_select.e_menuDeroulant a {color:#FFF;background: url("../images/css/v3couleurs_4etoiles/menu_sep.gif") no-repeat scroll right top transparent;}
div#e_menuLevel1 div.e_smenu ul li.e_smenu1 a,div#e_menuLevel1 div.e_smenu ul li.e_smenu2 a,div#e_menuLevel1 div.e_smenu ul li.e_smenu3 a{color:#CC0000;background: none;}
div#e_menuLevel1 div.e_smenu ul li.e_smenu1 li a,div#e_menuLevel1 div.e_smenu ul li.e_smenu2 li a,div#e_menuLevel1 div.e_smenu ul li.e_smenu3 li a{color:#000;background: none;}
div#e_menuLevel1 nav > ul > li.e_menuDeroulant:hover > a,
div#e_menuLevel1 > ul > li.e_menuDeroulant:hover > a  {color:#000; background:white none}
div#e_menuLevel1 div.e_smenu ul li li a {color:#000;}
div#e_menuLevel1 ul li#rubMenu div.e_smenu ul li {color:#000;}
div#e_menuLevel1 ul li#rubMenu {background: url("../images/css/v3couleurs_4etoiles/bg_red.gif") repeat-x scroll left top #CC0000;}
div#e_menuLevel1 ul li#rubMenu:hover{background-position:0 0 ;}
div#e_menuLevel1 ul li#rubMenu a {color:#FFF; padding: 15px 20px 0 19px; background:none;}


/*-----------SMENU--------------*/
div#e_menuLevel1 nav > ul > li > div.e_smenu, div#e_menuLevel1 > ul > li > div.e_smenu {left:-5px; padding-left: 0px; padding-right: 0px;padding-right: 30px;}
div#e_menuLevel1 div.e_smenu a span.imgSprite{background:none;}
div#e_menuLevel1 div.e_smenu ul {margin-bottom:12px;}
div#e_menuLevel1 div.e_smenu ul li {vertical-align:baseline; margin-left:0px;}
div#e_menuLevel1 div.e_smenu ul li a{vertical-align: baseline; padding-left:0px;padding-top:15px;margin-top: 0px;height:auto;line-height:28px;}
div#e_menuLevel1 div.e_smenu ul li ul{margin-left:0px;}
div#e_menuLevel1 div.e_smenu ul li li{border-top: 1px solid #CCCCCC;color: #333333;margin-left:0px;margin-top:0px;padding-top:0px;padding-left:0px;}
div#e_menuLevel1 div.e_smenu ul li li a{text-transform:none;font-size:12px; font-weight: bold;}


/*--------BOUTONS---------------*/
a.butonblue {background-image: url("../images/css/v3couleurs_4etoiles/btblack_left_40.png");}
a.butonblue span {font-size:12px;font-family:Arial,​Helvetica,​sans-serif; background-image: url("../images/css/v3couleurs_4etoiles/btblack_right_40.png");}
a.butonblue span, a.butonblack span {padding: 15px 15px 0 10px;}
a.butonblack30{background-image: url("../images/css/v3couleurs_4etoiles/btblack_left_30.png");}
a.butonblack30 span { font-weight:bold;font-size: 14px;color: #FFF;background-image: url("../images/css/v3couleurs_4etoiles/btblack_right_30.png");}
a.butonwhite30 {font-family:Arial, Helvetica, sans-serif; position: absolute; top: 120px;left: 10px; width:240px;background-image: url("../images/css/v3couleurs_4etoiles/btwhite_left_30.png");}
a.butonwhite30 span {color: #000;background-image: url("../images/css/v3couleurs_4etoiles/btwhite_right_30.png");}

a.butonblack30 , a.butonwhite30 {
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    margin-right: 10px;
    overflow: hidden;
    padding-left: 5px;
    text-decoration: none;
}

a.butonblack30 span, a.butonwhite30 span {
    background-position: right top;
    background-repeat: no-repeat;
    display: inline-block;
    height: 24px;
    padding: 8px 15px 0 10px;
    text-align: center;
    text-decoration: none;
    font-size:12px;
    line-height:12px;
}


a.butonblack30:hover, a.butonwhite30:hover { text-decoration:none; background-position:left -30px;} 
a.butonblack30:hover span, a.butonwhite30:hover span { text-decoration:none; background-position:right -30px;} 



/*----------FOOTER------------*/
div#e_footer{margin-top:0;}
div#e_footer a{text-decoration:none;}
div#e_footer a:hover{text-decoration:underline;}

div#e_footer_top{background: url("../images/css/v3couleurs_4etoiles/bg_footer_top.gif") repeat-x center top;}
div#e_footer_top_head{ display:none; color:#000;background-color : #FFFFFF; font-family: 'frutibold'; font-size: 16px; padding: 15px 10px 10px;  text-align: center;}
div#e_footer_top_head_ombre{  display:none; position: relative; height: 10px;padding-bottom: 10px; background-image: url("../images/css/v3couleurs_4etoiles/fx-ombre-papier.png"); background-repeat: no-repeat; background-size: 100% 10px;}
div#e_footer_top_content{padding: 10px 0 0;margin: 0 auto; position: relative; width: 940px;height:170px;}
div#e_footer_top_content p.titre1{font-family: 'frutibold'; font-size: 16px; margin-bottom: 15px;}
div#e_footer_top_content ul li{list-style: none outside none;margin-bottom: 10px;}
div#e_footer_top_content ul li.picto{color:#000;background-position : 0 0; background-repeat: no-repeat; display: block; font-family: 'frutibold'; font-size: 16px;  height: 20px;  padding: 5px 0 0 35px;}
div#e_footer_top_content ul li.email{background-image: url("../images/css/v3couleurs_4etoiles/picto-email.png");}
div#e_footer_top_content ul li.tel{background-image: url("../images/css/v3couleurs_4etoiles/picto-mobile.png");}
div#e_footer_top_content div.fg{font-size: 12px;margin-left: 10px;width: 225px;}

div#e_footer_mid{background: url("../images/css/v3couleurs_4etoiles/bg_footer_mid.gif") repeat-x center top #151515;}
div#e_footer_mid_content{list-style: none outside none;padding-top:20px;margin: 0 auto; position: relative; width: 980px;height:220px;}
div#e_footer_mid_4etoiles {color: #FFFFFF; font-family: 'frutibold'; font-size: 12px; height: 85px; line-height: 16px; padding: 15px 0 0 120px; width: 120px; background-image: url("../images/css/v3couleurs_4etoiles/logo_blanc.png");background-position : 0 0; background-repeat: no-repeat;}
div#e_footer_mid_4etoiles a:hover{text-decoration:none;}
div#e_footer_mid_content div.fg{font-size: 12px;margin-left: 10px;width: 135px;}
div#e_footer_mid_content div.e_col1 {width:240px;}
div#e_footer_mid_content ul li{line-height: 8px; list-style: none outside none;margin-bottom: 10px;}
div#e_footer_mid_content p.titre1{font-family: 'frutibold';font-size: 14px;margin-bottom: 13px; margin-top: 17px;}
div#e_footer_mid_content p.titre1,div#e_footer_mid_content ul li a {color:#FFF;}
div#e_footer_mid_content div.paypal {display: block; float: right;  height: 20px; width: 50%;}
div#e_footer_mid_content div.paypal span { color: #FFFFFF; display: block; float: left;  font-size: 11px;font-weight: bold;margin: 5px 10px 0 0;}
div#e_footer_mid_content div.paypal span.logo {margin:0;}

div#e_footer_links{background-color: #000;}
div#e_footer_links_content{margin: 0 auto; position: relative; width: 980px;height:50px;}
div#e_footer_links ul{ margin:20px 30px 0 0; padding:0;font-size: 0.9em;}

div#e_footer_last{background-color: #FFF}
div#e_footer_last_content{margin: 0 auto; position: relative; width: 940px;height:50px;}
div#e_footer_last_content span { color: #666; display: block;font-size: 0.9em; margin-top: 10px;}



/*-----------------------------------------*/
/*------------- RESPONSIVE DESIGN ---------*/
@media only screen and (max-width: 639px) {
	
	div#e_contener{padding-top:100px;}
	/*menu*/
	div#e_menuLevel1 nav > ul, div#e_menuLevel1 > ul {width: 320px;}
	div#e_menuLevel1 nav > ul > li > a, div#e_menuLevel1 > ul > li > a { padding: 15px 15px 0;font-size:10px;}
	div#e_menuLevel1 ul li#rubMenu div.e_smenu ul li.e_smenu320_deroulant a {background: url("../images/css/v3couleurs_4etoiles/menu320_pictos.gif") no-repeat scroll 20px top transparent;}
	div#e_menuLevel1 ul li#rubMenu div.e_smenu ul li {background-color: #CC0000;}
	span#e_baseline {font-size: 1.45em;left: 145px;top: 25px;}
	div#e_logo a, div#e_logo img { height: 60px; width: 109px;}
	div#e_menuLevel1 nav > ul, div#e_menuLevel1 > ul {background:none;}
	div#e_footer_mid {display:none;}
	div#e_footer_links ul li a{font-size:11px;}
	div#e_footer_last_content {height:50px; width:300px;}
	div#e_footer_last_content span{font-size:11px;}
	
	/*footer*/
	div#e_footer_top_content { width: 300px; height:100px;}
	div#e_footer_top_content div.fg{display:none;}
	div#e_footer_top_head_ombre {padding-bottom:0px;}
	div#e_footer_top_head,div#e_footer_top_head_ombre{display:block;}
	div#e_bdLegal{display:none;}
	
	/*taille*/
	div#e_bdHaut, div#e_contenu, div#e_barreNav,
 	div#e_footer_em_content, div#e_footer_links_content, div#e_footer_bleu_content,
	div#e_footer_legal, div#e_footer_marchand, div#e_footer_bleu_head { width:320px}

}

@media only screen and (min-width: 640px) and (max-width: 759px) {
	
	div#e_contener{padding-top:122px;}
	
	/*ident*/
	div#e_identification ul { margin-top: 10px;}
	span#e_baseline {font-size: 1.45em;left: 145px;top: 25px;}
	div#e_logo a, div#e_logo img { height: 60px; width: 109px;}
	
	/*menu*/
	div#e_menuLevel1 nav > ul > li, div#e_menuLevel1 > ul > li {font-size:10px;}
	div#e_menuLevel1 nav > ul > li > a, div#e_menuLevel1 > ul > li > a { padding: 15px 9px 0;}
	div#e_menuLevel1 nav > ul, div#e_menuLevel1 > ul {width: 620px;}
	
	/*footer*/
	div#e_footer_top_content {width: 620px;}
	div#e_footer_top_content div.e_col2,div#e_footer_top_content div.e_col3 {display:none;}
	div#e_footer_top_content div.fg {margin-left:90px;width:200px;}
	div#e_footer_mid_content{height:100px;padding-top: 20px;margin-left:100px;width: 640px; margin: 0 auto;}
	div#e_footer_mid_content div.e_col1 {padding-left: 90px;}
	div#e_footer_mid_content div.e_col2, div#e_footer_mid_content div.e_col3, div#e_footer_mid_content div.e_col4, div#e_footer_mid_content div.e_col5, div#e_footer_mid_content div.e_col6 {display:none;}
	div#e_footer_mid_content div.paypal{display:none;}
	a.butonblack30, a.butonwhite30 {position:absolute;left: 340px;top: 65px;}
	div#e_footer_links ul li a{font-size:11px;}
	div#e_footer_last_content {height:50px; width:620px;}
	div#e_footer_last_content span{font-size:11px;}
	
	/*taille*/
	div#e_bdHaut, div#e_contenu, div#e_barreNav,
 	div#e_footer_em_content, div#e_footer_links_content, div#e_footer_bleu_content,
	div#e_footer_legal, div#e_footer_marchand, div#e_footer_bleu_head { width:640px}

}

/*tablette*/
@media only screen and (min-width: 760px) and (max-width: 979px) {
	/*menu*/
	div#e_menuLevel1 nav > ul > li, div#e_menuLevel1 > ul > li {font-size:11px;}
	div#e_menuLevel1 nav > ul, div#e_menuLevel1 > ul {width: 720px;}
	
	/*footer*/
	div#e_footer_top_content {width: 720px;}
	div#e_footer_top_content div.e_col3 {display:none;}
	div#e_footer_mid_content{height:220px;margin-left:100px;width: 760px; margin: 0 auto;}
	div#e_footer_mid_content div.e_col6 {display:none;}
	div#e_footer_mid_content div.fg {margin-left:5px;width:120px;}
	div#e_footer_mid_content div.e_col1{width:240px; margin-left:10px;}
	div#e_footer_mid_content p.titre1{margin-top:17px;}
	
	/*taille*/
	div#e_bdHaut, div#e_contenu, div#e_barreNav,
 	div#e_footer_em_content, div#e_footer_links_content, div#e_footer_bleu_content,
	div#e_footer_legal { width:760px}
	div#e_footer_last_content {height:50px; width:720px;}
	
	

}
/* SITE */

/*------------------------*/
/* PARTIE TRANSACTIONNELLE*/
/*------------------------*/
div#ei_tpl_transac a, div#ei_tpl_identif {color: #d2223c}
/*logo*/

div#ei_tpl_transac div#ei_tpl_logo a, 
div#ei_tpl_identif div#ei_tpl_logo a {background-image:url('../images/css/v3couleurs_4etoiles/logo_transac.png')}
div#ei_tpl_transac div#ei_tpl_logo, 
div#ei_tpl_identif div#ei_tpl_logo  {margin-top:5px}
div#ei_tpl_transac div#ei_tpl_logo, 
div#ei_tpl_transac div#ei_tpl_logo a img,
div#ei_tpl_identif div#ei_tpl_logo,
div#ei_tpl_identif div#ei_tpl_logo a img {height: 108px; width: 108px;}
/* env_transac*/
div#ei_tpl_transac ul.a_menuappli li.sel, 
div#ei_tpl_transac p.restriction a,
div#ei_tpl_identif p.restriction a, 
div#ei_tpl_transac .rupture, div#ei_tpl_identif .rupture,
div#ei_tpl_transac div#ei_tpl_footer_colRight, 
div#ei_tpl_identif div#ei_tpl_footer_colRight,
.a_blocappli table.liste caption, .a_blocappli table.tab2dim caption,
.a_blocappli table.liste th.titcolgroup, .a_blocappli table.tab2dim th.titcolgroup,
.rupture, .a_blocappli div.a_blocongv li.sel a  {background-color: #D2223C;}

div#ei_tpl_transac li#ei_tpl_link_service div,
div#ei_tpl_identif li#ei_tpl_link_service div { border-color: #D2223C}
div#ei_tpl_transac li#ei_tpl_link_service div ul li span,
div#ei_tpl_identif li#ei_tpl_link_service div ul li span,
.a_blocappli div.ei_tpl_ident fieldset a,
.a_blocappli a.act, .a_blocappli span.act, .a_blocappli a.popaide, .a_blocappli ul.a_menuappli li a,
.a_blocappli ul.menu li a, .a_blocappli span.oblig,
div.a_blocappli em {color: #D2223C;}
/*Identification*/
div#ei_tpl_identif div.richBlock h2 {background: url("../images/css/v3couleurs_4etoiles/msg_header.gif") repeat-x scroll left top #b01a3a}
/* Transactionnel */
.a_blocappli table.fiche {border-spacing: 0px; border-collapse: collapse; border-right:3px solid white; border-left:3px solid white; border-top:0 none; border-bottom :0 none;}
.a_blocappli table.fiche th, .a_blocappli table.fiche td{ border:0 none; background-color: #fbfbfb; color:black; font-weight: normal;}
.a_blocappli table.fiche .titcolgroup {font-weight: bold;}


.a_blocappli table.liste tr.sel, .a_blocappli table.tab2dim tr.sel, .a_blocappli table.liste tr.over, .a_blocappli table.tab2dim tr.over, 
.a_blocappli table.liste td.tittot, .a_blocappli table.tab2dim td.tittot, .a_blocappli table.liste td.tot, 
.a_blocappli table.tab2dim td.tot, .a_blocappli table.liste td.tot, .a_blocappli table.tab2dim td.tot {background-color: #efc6cc}
.a_blocappli ul.menu li a:hover {color: black;}
.a_blocappli fieldset {background-image:none}
.a_blocappli fieldset legend {background:#d2223c none; width:100%}
.a_blocappli .a_blocongh ul li {background:url('../images/css/v3couleurs_4etoiles/a_blocongh_left.png') left top no-repeat;}
.a_blocappli .a_blocongh ul li.sel a, .a_blocappli .a_blocongh ul li.sel span {
    color: white !important;
}



div.a_blocfctltitre {background: #d2223c none; border-radius: 0px 0px 0 0;}
div.a_blocfctltitre a {color:#fff !important}
ul.ei_app_mcrf_blockConditions li, div.ei_app_mcrf_blockTel {background-image: url("../images/css/v3couleurs_4etoiles/ei_mcrf_sprite2.png") !important}

/*menuappli*/
ul.a_menuappli li.sel {background: url("../images/css/v3couleurs_4etoiles/a_meuappli_select.gif") no-repeat scroll center bottom transparent;}
/*composants devbooster*/
.a_blocappli .ei_numbers span {background: url("../images/css/v3couleurs_4etoiles/ei_numbers.png") no-repeat scroll left top transparent !important;}
span.ei_number1, span.ei_number2, span.ei_number3,
span.ei_number4, span.ei_number5, span.ei_number6,
span.ei_number7, span.ei_number8, span.ei_number9, .ei_numbers span {
	background-image: url("../images/css/v3couleurs_4etoiles/ei_numbers.png") !important;
	color: #c80910 !important;
}
.ei_process_current span.ei_number1, .ei_process_current span.ei_number2, 
.ei_process_current span.ei_number3, .ei_process_current span.ei_number4, 
.ei_process_current span.ei_number5, .ei_process_current span.ei_number6, 
.ei_process_current span.ei_number7, .ei_process_current span.ei_number8, 
.ei_process_current span.ei_number9, .ei_process_failed span.ei_number1, 
.ei_process_failed span.ei_number2, .ei_process_failed span.ei_number3, 
.ei_process_failed span.ei_number4, .ei_process_failed span.ei_number5, 
.ei_process_failed span.ei_number6, .ei_process_failed span.ei_number7, 
.ei_process_failed span.ei_number8, .ei_process_failed span.ei_number9 {color: #FFFFFF !important;}
/*ei_progress*/
.ei_process li.ei_process_item {background-image:url('../images/css/v3couleurs_4etoiles/a_blocongh_left.png') !important}
span.ei_app_mcrf_info, span.ei_app_mcrf_option,
span.ei_app_mcrf_contract, span.ei_app_mcrf_validation {background-image: url('../images/css/v3couleurs_4etoiles/ei_mcrf_sprite.png') !important}

div.ei_process li.ei_process_current div.ei_iblock {color:white !important}

@media only screen and (min-width: 999px) {
	/*etats
	.ei_process li.ei_process_failed { background:#e93232 none !important}
	div.ei_process li.ei_process_item.ei_process_passed {background:#959595 none !important}
	div.ei_process li.ei_process_item.ei_process_current {background:#00ABC4 none !important}
*/
}
@media (max-width: 999px) {
	.ei_process_item span.ei_number1, .ei_process_item span.ei_number2, .ei_process_item span.ei_number3, 
	.ei_process_item span.ei_number4, .ei_process_item span.ei_number5, .ei_process_item span.ei_number6, 
	.ei_process_item span.ei_number7, .ei_process_item span.ei_number8, .ei_process_item span.ei_number9, .ei_process_item  .ei_numbers span {
	     background-image:none !important; width:15px; color:#7f7f7f
	}
}
@media (max-width: 780px) {
	div.ei_process li.ei_process_current {background-color:#d2223c !important}
	div#ei_tpl_transac div#ei_tpl_logo a, div#ei_tpl_identif div#ei_tpl_logo a {
		background-image: url("../images/css/v3couleurs_4etoiles/logo_transac_mobil.png");
	}
	
	div#ei_tpl_transac div#ei_tpl_logo, div#ei_tpl_transac div#ei_tpl_logo a img, div#ei_tpl_identif div#ei_tpl_logo, div#ei_tpl_identif div#ei_tpl_logo a img {
		height: 60px;
		width: 60px;
	}
	div#ei_tpl_header {
		height: 80px;
	}
	
div#ei_tpl_fileAriane {
    margin-top: 10px;
}
}

