@charset "utf-8";
/**
 * Fichier : life.css
 * Description : styles spécifiques au site Natixis Life
 * Auteur : Hamza Iqbal - hiqbal[at]actualys.com
 * Version : 1.0.0
 ******************************************/

/**
 * Contenu
 ******************************************/
#contenu .titre_section
{
	background-image: url(../images/fonds/bg_NL_titre_section.png);
	color: #617b8f;
}

#contenu .vi_2 { border-color: #617b8f; }

#contenu .btn_majeur
{
	border-color: #596f7f;
	color: #617b8f;
}

/**
 * Principal
 ******************************************/
#principal h3,
#principal h4,
#principal h3 a,
#principal h4 a { color: #617b8f; }

#principal ul.liste_lien li a { color: #b79b6b; }
 
#principal a.suite,
#acces_extranet .acces a.aide
{
	background-image: url(../images/puces/puce_NL_fleche.png);
	color: #617b8f;
} 

#principal #fil_ariane a,
#principal #fil_ariane strong { color: #617b8f; }

#principal .pagination a.retour,
#principal .pagination ol li a:hover,
#principal .pagination ol li.actif strong { background-color: #617b8f; }

#principal .bloc_onglets ul li.actif a { color: #617b8f; }

#principal .carrousel_equipe,
#principal .carrousel_equipe .liste_personnes,
#principal .carrousel_equipe .liste_personnes li { height: 310px; }
#principal .carrousel_equipe .liste_personnes li a img { max-height: 290px; }
#carrousel_accueil .precedent,
#carrousel_accueil .suivant { background-image: url(../images/boutons/btn_NAP_carrousel_equipe.png) no-repeat; }
#principal .carrousel_equipe .liste_personnes li a .desc { background: url(../images/fonds/bg_bleu_70.png); }


/**
 * Colonne
 ******************************************/
/* Navigation contextuelle */
#nav_contextuelle h2
{
	background: #617b8f;
	color: #fff;
	font-weight: bold;
	padding: 6px 10px;
}

#nav_contextuelle ul li.actif
{
	border-color: #617b8f;
	color: #617b8f;
}

#nav_contextuelle ul li.actif * { background-image: url(../images/puces/puce_NL_fleche.png); }

/* Nos atouts */
#nos_atouts ul li,
#sites_partenaires ul li { background: #717074; }
#nos_atouts ul li a,
#sites_partenaires ul li a { background-image: url(../images/fonds/bg_NL_liste_liens.png); }

/* Sites partenaires */
#sites_partenaires { border-color: #617b8f; }

/* Actions */
#col_actions ul li a
{
	background-image: url(../images/pictos/pi_NL_actions.png);
	color: #617b8f;
}

/* Extranet */
#extranet { background: url(../images/fonds/bg_NL_hachures.png); }


/**
 * Résultats de recherche
 ******************************************/
#principal #resultats_recherche .resultat p.rub,
#principal #resultats_recherche .resultat p.rub a,
#principal #resultats_recherche .resultat .mot_cle { color: #617b8f; }

/**
 * Lexique
 ******************************************/
#principal #lexique .panigation_lexique li a { background-color: #617b8f; }
#principal #lexique .panigation_lexique li a:hover,
#principal #lexique .panigation_lexique li strong { background-color: #717074; }

/**
 * Liste des bénéfices
 ******************************************/
#principal #liste_benefices .benefice { background: url(../images/fonds/bg_NL_hachures.png); }

/**
 * Edito
 ******************************************/
#principal #edito cite strong { color: #617b8f; }

/**
 * FAQ
 ******************************************/
#faq #questions dt
{
	background-image: url(../images/puces/puce_NL_faq.png);
	color: #617b8f;
}

/**
 * Offres des recrutement
 ******************************************/

#offres_recrutement #liste_offres li a
{
	background-image: url(../images/puces/puce_NL_fleche.png);
	color: #617b8f;
}

#offres_recrutement #offre_detail address { color: #617b8f; }

/* Contact candidature */
#offres_recrutement p.contact_candidature { background: #d1dbe2; }
#offres_recrutement p.contact_candidature a { color: #617b8f; }

/**
 * Footer
 ******************************************/
#footer #footer_plan .col h3 a { color: #617b8f; }



/**
 * Carrousel accueil
 ******************************************/
#carrousel_accueil_cont
{
	background: url(../images/fonds/bg_contenu_sep.png) 0 bottom no-repeat;
	margin: 0 auto;
	padding: 0 0 25px;
	position: relative;
	width: 876px;
}

#carrousel_accueil
{
	margin: 0 0 15px;
	padding: 0 35px;
	position: relative;
	width: 806px;
}

#carrousel_accueil ul
{
	position: relative;
	margin: 0 auto;
	height: 350px;
	width: 500px;
}

#carrousel_accueil ul li
{
	height: 225px;
	overflow: hidden;
	width: 389px;
}

#carrousel_accueil ul li a
{
	border: 10px solid #e4e4e4;
	display: block;
	position: relative;
}

#carrousel_accueil ul li a,
#carrousel_accueil ul li a:hover { text-decoration: none; }

#carrousel_accueil ul li a img
{
	display: block;
	width: 100%;
}

#carrousel_accueil .precedent,
#carrousel_accueil .suivant
{
	background: url(../images/boutons/btn_NL_carrousel_accueil.png) no-repeat;
	display: block;
	height: 38px;
	position: absolute;
	top: 150px;
	width: 22px;
}

#carrousel_accueil .precedent
{
	background-position: 0 0;
	left: 10px;
}

#carrousel_accueil .suivant
{
	background-position: -22px 0;
	right: 10px;
}

#carrousel_accueil_cont .carrousel_desc { padding: 0 35px; }

#carrousel_accueil_cont .carrousel_desc h2
{
	color: #617b8f;
	font-size: 1.8em; /* 18px */
	margin: 0 0 10px;
} 

#carrousel_accueil_cont .carrousel_desc h2 a { color: #617b8f; }
#carrousel_accueil_cont .carrousel_desc p { font-size: 1.3em; /* 13px */ }

/* --- Ajout Franck pour formulaire de contact Life - Captcha --- */
#champ_cdn {
	display: none;
}