@charset "utf-8";
/**
 * Fichier : global.css
 * Description : styles génériques du site
 * Auteur : Hamza Iqbal - hiqbal[at]actualys.com
 * Version : 1.0.0
 ******************************************/

/**
 * Reset
 ******************************************/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video
{
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
} 

html, body { height: 100%; }
a img, fieldset { border: 0; }
a *, label, button, input[type=image], input[type=button], input[type=submit] { cursor: pointer; }
ol { list-style-position: inside; }
ul { list-style: none; }
strong { font-weight: bold; }
em { font-style: italic; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
table { border-collapse: collapse; border-spacing: 0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

article, aside, figure, footer, header, 
hgroup, nav, section { display: block; }

/**
 * Eléments génériques
 ******************************************/
html
{
	overflow-y: scroll;
	-webkit-font-smoothing: antialiased;
}

/* Modif */body
{
	background: #fff;
	color: #404040;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1.2;
}
 
a { color: #000; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

textarea, input, select { font: 12px Arial, sans-serif; }

input[type=search] { -webkit-appearance: none; }
input[type="radio"] { height: 14px; vertical-align: text-bottom; width: 14px; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

button { background: 0; border: 0; font-family: Arial, sans-serif; margin: 0; outline: 0; overflow: visible; padding: 0; }
button::-moz-focus-inner { border: 0; padding: 0; }
button span { position: relative; !margin: -1px 0 -2px; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

pre
{ 
	padding: 15px;
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

/**
 * Classes génériques
 ******************************************/
 
/* Coins arrondis */ 
.coin
{
	background-repeat: no-repeat;
	display: block;
	font-size: 4px !important;
	line-height: 1 !important;
	font-weight: normal;
	height: 4px;
	position: absolute;
	width: 4px;
	zoom: 1;
}

.coin_hg { background-position: 0 0; top: 0; left: 0; }
.coin_hd { background-position: right 0; top: 0; right: 0; }
.coin_bd { background-position: right bottom; bottom: 0; right: 0; }
.coin_bg { background-position: left bottom; bottom: 0; left: 0; }


.invisible
{    
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}


/* Divers */
.masque
{
    background: 0 !important;
    border: 0 !important;
    display: block !important;
    float: none !important;
    height: 1px !important;
    list-style: none !important;
    margin: -1px 0 0 -1px !important;
    position: absolute !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
}

.clear { clear: both; }
.center { text-align: center; }
.f_left { display: inline; float: left; }
.f_right { display: inline; float: right; }

.clearfix { zoom: 1; }
.clearfix:before,
.clearfix:after
{
	content: "\0020";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden; 
}

.clearfix:after { clear: both; }


/**
 * Structure générique
 ******************************************/
#global
{
	margin: 0 auto;
	width: 98em;
}

.ielt9 #global,
.ie9 #global
{
	width: 98.15em;
}

#header
{
	padding: 3em 0;
	position: relative;
}

#contenu
{
	clear: both;
	padding: 0 0 1.8em;
}

.template_2 #colonne
{
	float: left;
	width: 23.6em;
}

.template_2 #principal
{
	float: right;
	width: 73.2em;
}

.ielt8 .template_2 #principal { width: 73.25em; }

#footer
{
	background: url(indimages/fonds/bg_footer.png) center 0 no-repeat;
	font-size: 1.1em; /* 11px */
	padding: 1.5em 0;
	text-align: center;
}



/**
 * Liens d'évitement
 ******************************************/
#evitement
{
	position: absolute;
	left: -999em;
}

/**
 * Header
 ******************************************/
/* Logo */
#header #logo
{
	display: inline;
	float: left;
	margin: 0 2em 0 0.8em;
	width: 20.9em;
}

#header #logo img
{
	display: block;
	width: 100%;
}

/* Accès profils */
/* Modif */#header #acces_profils
{
	float: left;
	font: normal normal 1.7em/1 Arial, Sans-Serif;
	margin: 0.588em 0 0; /* 10px = 10/17 */
}

#header #acces_profils li
{
	border-left: 1px dotted #cfcfd0;
	display: inline;
	float: left;
	padding: 0 0.7em; /* 12px = 12/17 */
}

#header #acces_profils li:first-child
{
	border-left: 0;
	padding-left: 0;
}

#header #acces_profils li.actif { color: #d00019; }

#header #acces_profils li * { float: left; }
#header #acces_profils li a { color: #8a8a8e; }
#header #acces_profils li a:hover { color: #333; }
#header #acces_profils li.actif a { color: #d00019; }

#header #acces_profils li strong
{
	background: url(indimages/pictos/pi_profil_actif.png) 0 center no-repeat;
	color: #d00019;
	font-weight: normal;
	padding: 0 0 0 26px;
}


/* Changer caisse */
/*#header #changer_caisse_epargne*/
#header .changer_caisse_epargne
{
	background: url(indimages/pictos/pi_changer_caisse.png) right center no-repeat;
	color: #999;
	line-height: 1.4;
	padding: 0 15px 0 0;
	position: absolute;
	right: 0;
	text-decoration: underline;
	top: 0.8em;
}

#header .changer_caisse_epargne:hover { color: #d00019; }
/*#header #changer_caisse_epargne:hover { color: #d00019; }*/

/* Liens rapides */
#header #liens_rapides
{
	float: right;
	margin: 0.3em 0 0;
	zoom: 1;
}

#header #liens_rapides li
{
	border-right: 1px dotted #cfcfd0;
	display: inline;
	float: left;
	margin: 0 1.2em 0 0;
	position: relative;
}

#header #liens_rapides li a
{
	background: url(indimages/pictos/pi_liens_rapides.png) no-repeat;
	float: left;
	height: 24px;
	margin: 0 1.2em 0 0;
	text-indent: -9999px;
}

#header #liens_rapides li.contact a
{
	background-position: 0 0;
	width: 20px;
}

#header #liens_rapides li.agence a
{
	background-position: 0 -26px;
	width: 22px;
}

#header #liens_rapides li.aide a
{
	background-position: 0 -52px;
	width: 21px;
}

#header #liens_rapides li a span
{
	background: url(indimages/textes/txt_infobulle_header.png) no-repeat;
	display: none;
	height: 29px;
	position: absolute;
	top: -30px;
}

#header #liens_rapides li a:hover span { display: block; }

#header #liens_rapides li.contact a span
{
	background-position: 0 0;
	left: -22px;
	width: 62px;
}

#header #liens_rapides li.agence a span
{
	background-position: 0 -29px;
	left: -30px;
	width: 84px;
}

#header #liens_rapides li.aide a span
{
	background-position: 0 -58px;
	left: -55px;
	width: 150px;
}

/* Formulaire de recherche */
#header #form_recherche_header
{
	background: url(indimages/fonds/bg_recherche_header.png) 0 0 no-repeat;
	float: right;
	height: 23px;
	overflow: hidden;
	padding: 3px 25px 3px 3px;
	position: relative;
	width: 149px;
}

#header #form_recherche_header.focus { background-position: 0 -29px; }

/* ABE - Integration Fjord 16/11/11 */
/* GCE_TECH */ 
#header #form_recherche_header a 
{
	background: url(indimages/boutons/btn_rechercher_header.png) no-repeat;
	position: absolute;
	width: 20px;
	height: 20px;
	right: 10px;
	top: 5px;
}

#header #form_recherche_header input { }

#header #form_recherche_header input.texte
{
	background: #fff;
	border: 0;
	color: #5c5c5c;
	font-size: 11px; /* 11px */
	height: 23px;
	outline: 0;
	padding: 0 5px;
	width: 135px;
	zoom: 1;
}

.ielt9 #header #form_recherche_header input.texte
{
	padding-top: 4px;
	height: 19px;
}

#header #form_recherche_header input.btn
{
	position: absolute;
	right: 10px;
	top: 5px;
}


/**
 * Navigation
 ******************************************/
#navigation
{
	background: #f5f8f9 url(indimages/fonds/bg_navigation.png) 0 bottom repeat-x;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	font: normal normal 1.4em/4 Arial, Sans-Serif; /* 14px/56px */
	margin: 0 0 2.15em; /* 30px = 30/14 */
	padding: 0 0 1px;
	position: relative;
	text-align: center;
	float: left;
}

#navigation .coin { background-image: url(indimages/fonds/bg_navigation_coins.png); }
#navigation .coin_bd,
#navigation .coin_bg { bottom: -1px; }

#navigation ul li
{
	background: url(indimages/fonds/bg_navigation_sep.png) 0 bottom no-repeat;
	float: left;
	padding: 0 0 0 0.143em;
	position: relative;
}

#navigation ul li a
{
	color: #59595e;
	display: block;
	float: left;
	height: 4em; /* 56px = 56/14 */
	position: relative;
	width: 13.07em; /* 183px = 183/14 */
}

#navigation ul li.long a
{
	line-height: 1.2;
	height: 2.428em;  /* 34px = 34/14 */
	padding: 0.786em 0;  /* 11px = 11/14 */
}

#navigation ul li:last-child a
{
	-webkit-border-radius: 0 4px 4px 0;
	   -moz-border-radius: 0 4px 4px 0;
	        border-radius: 0 4px 4px 0;
}

#navigation ul li a:hover { background: #ebf1f3 url(indimages/fonds/bg_navigation_on.png) 0 bottom repeat-x; }
#navigation ul li a:hover .coin { background-image: url(indimages/fonds/bg_navigation_coins_on.png); }

#navigation ul li.actif a,
#navigation ul li.actif a:hover
{
	background: #de0029 url(indimages/fonds/bg_navigation_actif.png) 0 bottom repeat-x;
	color: #fff;
}

#navigation ul li.actif a .coin,
#navigation ul li.actif a:hover .coin { background-image: url(indimages/fonds/fonds/bg_navigation_coins_actif.png); }

#navigation ul li#btn_acces_comptes
{
	background: #ebf1f3 url(indimages/fonds/bg_acces_comptes.png) 0 bottom repeat-x;
	-webkit-border-radius: 4px 0 0 4px;
	   -moz-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
	height: 3.286em; /* 46px = 46/14 */
	padding: 0.714em 0.786em 0; /* 10px = 10/14 - 11px = 11/14 */
	text-align: left;
}

#navigation ul li#btn_acces_comptes a
{
	background: #8f9091 url(indimages/fonds/bg_btn_acces_comptes.png) 0 0 repeat-x;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	color: #fff;
	line-height: 2.5; /* 35:14 */
	height: auto;
	margin: 0 auto;
	padding: 0 0.714em 0 0; /* 10px = 10/14 */
	position: relative;
	width: auto;
}
/*
#navigation ul li#btn_acces_comptes a:hover { background-position: 0 -35px; }
*/

#navigation ul li#btn_acces_comptes a:hover
{
	background-color: #737476;
	background-image: url(indimages/fonds/bg_btn_acces_comptes_on.png);
}


#navigation ul li#btn_acces_comptes.actif a,
#navigation ul li#btn_acces_comptes.actif a:hover
{
	background-color: #c30025;
	background-image: url(indimages/fonds/bg_btn_acces_comptes_actif.png);
}

#navigation ul li#btn_acces_comptes a span
{
	background: url(indimages/pictos/pi_acces_comptes.png) 0 0 no-repeat;
	background: url(indimages/pictos/pi_acces_comptes_ie.png) 0 50% repeat-y\9;
	display: block;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	padding: 0 0 0 45px;
	width: 11.64em; /* 163px = 163/14 */
}

.ielt9 #navigation ul li#btn_acces_comptes a span,
.ie9 #navigation ul li#btn_acces_comptes a span
{
	width: 11.639em;
}

#navigation ul li#btn_acces_comptes a:hover span { background-image: url(indimages/pictos/pi_acces_comptes_on.png); background-image: url(indimages/pictos/pi_acces_comptes_on_ie.png)\9;}
#navigation ul li#btn_acces_comptes.actif a span,
#navigation ul li#btn_acces_comptes.actif a:hover span { background-image: url(indimages/pictos/pi_acces_comptes_actif.png); background-image: url(indimages/pictos/pi_acces_comptes_actif_ie.png)\9;}


#navigation ul li#btn_acces_comptes a span .coin_bd,
#navigation ul li#btn_acces_comptes a span .coin_bg { bottom: 0; }
#navigation ul li#btn_acces_comptes a span .coin { background-image: url(indimages/fonds/bg_btn_acces_comptes_coins.png); }
#navigation ul li#btn_acces_comptes a:hover span .coin { background-image: url(indimages/fonds/bg_btn_acces_comptes_coins_on.png); }
#navigation ul li#btn_acces_comptes.actif a span .coin,
#navigation ul li#btn_acces_comptes.actif a:hover span .coin { background-image: url(indimages/fonds/bg_btn_acces_comptes_coins_actif.png); }


/**
 * Toolbar identité utilisateur
 ******************************************/
#toolbar_identite
{
	background: #f7f7f7 url(indimages/fonds/bg_toolbar_identite.png) 0 0 repeat-x;
	border-top: 1px solid #ddd;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	font-size: 1.1em; /* 11px */
	margin: 0 0 2.73em; /* 30px = 30/11 */
	padding: 0.73em 1.18em; /* 8px = 8/11 - 13px = 13/11 */
	position: relative;
}

#toolbar_identite p,
#toolbar_identite ul,
#toolbar_identite ul li
{
	display: inline-block;
	vertical-align: middle;
}

.ielt8 #toolbar_identite p,
.ielt8 #toolbar_identite ul,
.ielt8 #toolbar_identite ul li
{
	display: inline;
	zoom: 1;
}

#toolbar_identite p
{
	color: #000;
	line-height: 1.4;
}

#toolbar_identite ul
{
	line-height: 1.5;
	font-weight: bold;
	margin: 0 0 0 1.81em; /* 20px = 20/11 */
}

#toolbar_identite ul li
{
	border-left: 1px solid #ddd;
	padding: 0.9em 1.18em; /* 10px = 10/11 - 13px = 13/11 */
}

#toolbar_identite ul li a
{
	background: 0 center no-repeat;
	color: #333;
	display: inline-block;
	padding: 0 0 0 27px;
}

#toolbar_identite ul li a:hover { color: #d00019; }
#toolbar_identite ul li.messagerie a { background-image: url(indimages/pictos/pi_messagerie.png); }
#toolbar_identite ul li.deconnexion a { background-image: url(indimages/pictos/pi_deconnexion.png); }


/**
 * Colonne
 ******************************************/
#colonne .bloc_col
{
	font: normal normal 1.3em/1.2 Arial, Sans-Serif; /* 13px */
	margin: 0 0 1.92em; /* 25px = 25/13 */
	overflow: hidden;
}

#colonne .bloc_col .coin
{
	height: 4px;
	width: 4px;
}

#colonne .bloc_col .coin_hg { top: -1px; left: -1px; }
#colonne .bloc_col .coin_hd { top: -1px; right: -1px; }
#colonne .bloc_col .coin_bd { bottom: -1px; right: -1px; }
#colonne .bloc_col .coin_bg { bottom: -1px; left: -1px; }


#colonne .bloc_col h2
{
	background: #979899 url(indimages/fonds/bg_bloc_col_titre.png) 0 0 repeat-x;
	border: 1px solid #a3a4a6;
	border-bottom: 0;
	-webkit-border-radius: 4px 4px 0 0;
	   -moz-border-radius: 4px 4px 0 0;
	        border-radius: 4px 4px 0 0;
	color: #fff;
	/* cursor: pointer; suppression menu collapsable */
	font-weight: normal;
	position: relative;
	zoom: 1;
}

#colonne .bloc_col_ferme h2
{
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

#colonne .bloc_col h2 .coin { background-image: url(indimages/fonds/bg_bloc_col_coins_titre.png); }
#colonne .bloc_col h2 .coin_bd,
#colonne .bloc_col h2 .coin_bg { bottom: 0; display: none; }
#colonne .bloc_col_ferme h2 .coin_bd,
#colonne .bloc_col_ferme h2 .coin_bg { display: block; }

#colonne .bloc_col h2 span
{
	/* GCE_TECH : désactiver les blocs */
	/*background: url(indimages/pictos/pi_bloc_col_ouvert_24.png) right center no-repeat;*/
	/*_background: url(indimages/pictos/pi_bloc_col_ouvert.png) right center no-repeat;*/ /*IE6*/
	
	display: block;
	padding: 0.77em 2.69em 0.77em 0.92em; /* 10px = 10/13 - 35px = 35/13 - 12px = 12/13 */
	zoom: 1;
}

#colonne .bloc_col_ferme h2 span {
background-image: url(indimages/pictos/pi_bloc_col_ferme_24.png);
_background-image: url(indimages/pictos/pi_bloc_col_ferme.png); /*IE6*/
}

#colonne .bloc_col ul li
{
	border: 1px solid #ececec;
	border-bottom-color: #fff;
}

#colonne .bloc_col ul li:last-child
{
	border-bottom-color: #d8d8d8;
	-webkit-border-radius: 0 0 4px 4px;
	   -moz-border-radius: 0 0 4px 4px;
	        border-radius: 0 0 4px 4px;
}

#colonne .bloc_col ul li.actif { border-color: #b00021 #a90a25; }

#colonne .bloc_col ul li a
{
	background: #e6e7e7 url(indimages/fonds/bg_bloc_col_lien.png) 0 0 repeat-x;
	color: #59595e;
	display: block;
	padding: 0.77em 0.7em 0.77em 0.92em;
	position: relative;
	zoom: 1;
}

#colonne .bloc_col ul li a:hover
{
	background-color: #cfd0d0;
	background-image: url(indimages/fonds/bg_bloc_col_lien_on.png);
}

#colonne .bloc_col ul li.actif a,
#colonne .bloc_col ul li.actif a:hover
{
	background-color: #a50f26;
	background-image: url(indimages/fonds/bg_bloc_col_lien_actif.png);
	color: #fff;
}

#colonne .bloc_col ul li a .coin { background-image: url(indimages/fonds/bg_bloc_col_coins_lien.png); }
#colonne .bloc_col ul li a:hover .coin { background-image: url(indimages/fonds/bg_bloc_col_coins_lien_on.png); }
#colonne .bloc_col ul li.actif a .coin,
#colonne .bloc_col ul li.actif a:hover .coin { background-image: url(indimages/fonds/bg_bloc_col_coins_lien_actif.png); }

#colonne #identite_col h2 { background-image: url(indimages/fonds/bg_bloc_col_titre_identite.png); }
#colonne #identite_col ul li { border-color: #6d6e70 #7f8183 #d8d8d8; }
#colonne #identite_col ul li a
{
	background: #6d6e6f url(indimages/fonds/bg_bloc_col_lien_identite.png) repeat-x;
	color: #fff;
}

#colonne #identite_col ul li a .coin { background-image: url(indimages/fonds/bg_bloc_col_coins_lien_identite.png); }

#colonne #identite_col ul li a span
{
	background: url(indimages/pictos/pi_bloc_col_quitter_24.png) right center no-repeat;
	_background: url(indimages/pictos/pi_bloc_col_quitter_24.png) right center no-repeat; /*IE6*/
	display: block;
}

/**
 * Footer
 ******************************************/
#footer ul,
#footer ul li { display: inline; }

#footer ul li
{
	border-left: 1px dotted #d8d8d8;
	padding: 0 0.45em; /* 5px = 5/11 */
}

#footer ul li:first-child { border-left: 0; }

#footer ul li a { color: #59595e; }
#footer ul li a:hover { color: #333; }
#footer ul li.actif a,
#footer ul li.actif a:hover { color: #d00019; }

#footer ul li#change_affichage a
{
	background: url(indimages/pictos/pi_change_affichage.png) right center no-repeat;
	color: #333;
	padding: 0 20px 0 0;
}


/**
 * Popups
 ******************************************/
.popup_contenu
{
	background: #f5f7f8 url(indimages/fonds/bg_popup_contenu.png) 0 bottom repeat-x;
	border: 1px solid;
	border-color: #f5f7f8 #f2f2f2 #d7d7d7;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	height: 650px;
	padding: 15px;
	width: 605px;
}

.popup_contenu h2
{
	font: normal normal 2.8em/1.2 Arial, Sans-Serif; /* 28px */
	color: #181e1e;
	margin: 0 0 15px;
}

.popup_contenu p
{
	font-size: 1.1em; /* 11px */
	line-height: 1.4;
	margin: 15px 0;
}