/*
	CSS pour Carrieres en justice - Section Carrières
	Emilie - egzakt.com
	2007-05-18
*/

/* CARRIERES
-----------------------------------------*/
#carrieres_gauche {
	float:left;
	width:226px;
}

#carrieres_milieu {
	float:left;
	width:572px;
	background-color:#FFFFFF;
}

#carrieres_droite {
	float:left;
	width:187px;
	margin:0 0 0 8px;
}


#carrieres_gauche a#concours_bouton {
	display:block;
	width:181px;
	height:42px;
	margin:15px 0 0 15px;
}

#carrieres_gauche a#concours_bouton:hover {
	background:transparent;
}

#carrieres_gauche a#concours_bouton .over {
	position:absolute;
	visibility:hidden;
}

#carrieres_gauche a#concours_bouton:hover .over {
	visibility:visible;
}


/* CARRIERES STYLES
-----------------------------------------*/
#carrieres_milieu h1 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
}

#carrieres_milieu h2 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0 0 5px 0;
}

#carrieres_milieu h3 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#C29220;
	margin:0 0 3px 0;
}

#carrieres_milieu h4 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
}

#carrieres_milieu .bloc_texte a {
	color:#C29220;
}

#carrieres_milieu .bloc_texte a:hover {
	color:#000000;
}

#carrieres_milieu #intro_section .bloc_texte a {
	color:#000000;
}

#carrieres_milieu .bloc_texte ul {
	margin:0;
	padding:0;
	list-style-type:none;	
}

#carrieres_milieu .bloc_texte ul li {
	background:url(../../images/icones/liste_2.gif) no-repeat top left;
	padding:0 0 5px 20px;
}

#carrieres_milieu .encadre {
	background-color:#F5F2BF;
	padding:20px 15px;
}

#carrieres_milieu .colore {	
	color:#C29220;
}

#carrieres_milieu .bloc_deroulant_selected {
	background-color:#F6EFDE;
}

#carrieres_milieu .bloc_deroulant a.lien_deroulant {
	background-image:url(../../images/icones/bloc_deroulant_2.gif);
}



/* NAVIG CARRIERES
-----------------------------------------*/
#navig_carrieres {
	width:188px;
	margin-left:15px;
	background:url(../../images/tuiles/navig_carrieres.gif) no-repeat top left;
}

#navig_carrieres a {
	display:block;
	position:relative;
	width:151px;
	padding:3px 5px 3px 21px;
	border:1px solid #000000;
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-position:2px -7px;
	background-repeat:no-repeat;
	background-color:#000000;
	margin-bottom:2px;	
}

#navig_carrieres a:hover {
	background-position:2px -102px;
	z-index:100;
}

#navig_carrieres a.selected_1, #navig_carrieres a.selected_1:hover, #navig_carrieres a.selected_2, #navig_carrieres a.selected_2:hover, #navig_carrieres a.selected_3, #navig_carrieres a.selected_3:hover, #navig_carrieres a.selected_4, #navig_carrieres a.selected_4:hover, #navig_carrieres a.selected_5, #navig_carrieres a.selected_5:hover {
	background-position:2px -102px;
}

#navig_carrieres a.dernier {
	margin-bottom:6px;
}

#navig_carrieres a img {
	position:absolute;
	visibility:hidden;	
	top:-13px;
	right:-32px;
}

#navig_carrieres a:hover img, #navig_carrieres a.selected_1 img, #navig_carrieres a.selected_1:hover img, #navig_carrieres a.selected_2 img, #navig_carrieres a.selected_2:hover img, #navig_carrieres a.selected_3 img, #navig_carrieres a.selected_3:hover img, #navig_carrieres a.selected_4 img, #navig_carrieres a.selected_4:hover img, #navig_carrieres a.selected_5 img, #navig_carrieres a.selected_5:hover img {
	visibility:visible;
}


/* personnalisations */
#navig_carrieres a.perso_1 {
	background-image:url(../../images/icones/navig_carrieres_1.gif);
}
#navig_carrieres a.perso_1:hover, #navig_carrieres a.perso_1.selected_1, #navig_carrieres a.perso_1.selected_1:hover {
	background-color:#F11B86;
}

#navig_carrieres a.perso_2 {
	background-image:url(../../images/icones/navig_carrieres_2.gif);
}
#navig_carrieres a.perso_2:hover, #navig_carrieres a.perso_2.selected_2, #navig_carrieres a.perso_2.selected_2:hover {
	background-color:#54ADC8;
}

#navig_carrieres a.perso_3 {
	background-image:url(../../images/icones/navig_carrieres_3.gif);
}
#navig_carrieres a.perso_3:hover, #navig_carrieres a.perso_3.selected_3, #navig_carrieres a.perso_3.selected_3:hover {
	background-color:#7BBA29;
}

#navig_carrieres a.perso_4 {
	background-image:url(../../images/icones/navig_carrieres_4.gif);
}
#navig_carrieres a.perso_4:hover, #navig_carrieres a.perso_4.selected_4, #navig_carrieres a.perso_4.selected_4:hover {
	background-color:#EF6414;
}

#navig_carrieres a.perso_5 {
	background-image:url(../../images/icones/navig_carrieres_5.gif);
}
#navig_carrieres a.perso_5:hover, #navig_carrieres a.perso_5.selected_5, #navig_carrieres a.perso_5.selected_5:hover {
	background-color:#F8170C;
}


/* CARRIERES ACCUEIL
-----------------------------------------*/
#carrieres_milieu .padding_accueil {
	padding:8px 6px 0 7px;
}

#carrieres_milieu #intro_section {
	background:url(../../images/tuiles/carrieres_intro_section.gif) no-repeat top left;
	font:12px/14px Arial, Verdana, sans-serif;
	color:#000000;
	padding:15px 39px 10px 15px;
}


/* Persos */
#carrieres_milieu #persos {
	padding-left:7px; /* On a fermé le .padding_accueil pour seulement mette un padding-left à cause du 3px bug de IE6 */
}

#carrieres_milieu #persos a {
	float:left;
}

#carrieres_milieu #persos a .over,
#carrieres_milieu #persos a .on {
	position:absolute;
	visibility:hidden;
}

#carrieres_milieu #persos a .on {
	z-index:2;
}

#carrieres_milieu #persos a:hover {
	background:none; /* Pour IE6 réactivité hover .over */
}

#carrieres_milieu #persos a:hover .over {
	visibility:visible;
}


/* Bandes de couleur */
#carrieres_milieu #conteneur_bandes_couleurs {
	position:relative;
	background:url(../../images/tuiles/bandes_couleurs.gif) no-repeat 0 0;
	margin-left:7px;
	padding:0px 0 10px 0;
	height:100%; /* Pour IE7 bug fond */
}


#carrieres_milieu .bande_couleur {
	float:left;
	width:95px;
	padding:0 6px;
	margin-right:6px;
	text-align:center;
}

#carrieres_milieu .bande_couleur.avant_dernier {
	margin-right:5px;
}

#carrieres_milieu .bande_couleur.dernier {
	margin-right:0;
}

#carrieres_milieu .bande_couleur a {
	display:block;
	text-decoration:none;
	font:bold 11px/12px Arial, Verdana, sans-serif;
	padding-bottom:6px;
}

#carrieres_milieu .bande_couleur a:hover {
	color:#FFFFFF;
}


/* Fiches des persos */
#carrieres_milieu .fiche {
	/*display:none;*/ /* On hide en javascript car sinon IE6 bug avec la transformation des PNG */
	width:542px;
	position:absolute;
	top:3px;
	left:8px;
	font:0.92em/1.2em Arial, Verdana, sans-serif;
	z-index:1;
}

#carrieres_milieu .fiche .profil {
	float:left;
	width:183px;
	padding:17px 17px 4px 17px;
}

#carrieres_milieu .fiche .profil dl {
	margin:0;
}

#carrieres_milieu .fiche .profil dt {
	font-weight:bold;
}

#carrieres_milieu .fiche .profil dd {
	margin:0 0 5px 0;
}

#carrieres_milieu .fiche .carrieres {
	float:left;
	width:291px;
	padding:17px;
}

#carrieres_milieu .fiche .carrieres a.fermer {
	position:absolute;
	top:4px;
	right:4px;
}

#carrieres_milieu .fiche .carrieres a.speaker {
	position:absolute;
	top:11px;
	right:33px;
}

#carrieres_milieu .fiche .carrieres .choix a {
	float:left;
	width:82px;
	padding-right:5px;
	text-decoration:none;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	padding-bottom:6px;
}

#carrieres_milieu .fiche .carrieres .choix a:hover {
	color:#ec2488;
}



/* personnalisations des fiches */
#carrieres_milieu #fiche_1 {
	background:url(../../images/tuiles/carriere_fiche_1.gif) no-repeat top left;
}
#carrieres_milieu #fiche_1 .profil dt,
#carrieres_milieu #fiche_1 .carrieres strong,
#carrieres_milieu #fiche_1 .carrieres .choix a:hover {
	color:#EC2488;
}

#carrieres_milieu #fiche_2 {
	background:url(../../images/tuiles/carriere_fiche_2.gif) no-repeat top left;
}
#carrieres_milieu #fiche_2 .profil dt,
#carrieres_milieu #fiche_2 .carrieres strong,
#carrieres_milieu #fiche_2 .carrieres .choix a:hover {
	color:#4796be;
}

#carrieres_milieu #fiche_3 {
	background:url(../../images/tuiles/carriere_fiche_3.gif) no-repeat top left;
}
#carrieres_milieu #fiche_3 .profil dt,
#carrieres_milieu #fiche_3 .carrieres strong,
#carrieres_milieu #fiche_3 .carrieres .choix a:hover {
	color:#6b9e23;
}

#carrieres_milieu #fiche_4 {
	background:url(../../images/tuiles/carriere_fiche_4.gif) no-repeat top left;
}
#carrieres_milieu #fiche_4 .profil dt,
#carrieres_milieu #fiche_4 .carrieres strong,
#carrieres_milieu #fiche_4 .carrieres .choix a:hover {
	color:#e86312;
}

#carrieres_milieu #fiche_5 {
	background:url(../../images/tuiles/carriere_fiche_5.gif) no-repeat top left;
}
#carrieres_milieu #fiche_5 .profil dt,
#carrieres_milieu #fiche_5 .carrieres strong,
#carrieres_milieu #fiche_5 .carrieres .choix a:hover {
	color:#ee1710;
}


/* CARRIERES DECOUVRIR
-----------------------------------------*/
#carrieres_decouvrir {
	width:187px;
}

#carrieres_decouvrir .carriere_icone {
	margin:55px 0 0 62px;
}

#carrieres_decouvrir .carriere_nom {
	margin:7px 23px 0 10px;
	text-align:right;
}

#carrieres_decouvrir .carriere_nom a {
	font:21px/22px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#carrieres_decouvrir .carriere_nom a:hover {
	color:#000000;
}

#carrieres_decouvrir a.carriere_detail {
	display:block;
	width:153px;
	height:17px;
	padding:1px 0 0 2px;
	margin:15px 0 0 10px;
	color:#F8170C;
	font:bold 10px/13px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../../images/boutons/acc_decouvrir_detail.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

#carrieres_decouvrir a.carriere_detail:hover {
	background-position:0 -58px;
	width:147px;
	height:14px;
	padding:4px 0 0 8px;
}

#carrieres_decouvrir a.carriere_detail:active {
	color:#000000;
}

#carrieres_decouvrir #saviez_vous {
	background-color:#F7DA12;
	width:140px;
	padding:6px 10px;
	margin:0 0 12px 12px;
	font:12px/14px Arial, Verdana, sans-serif;
}

#carrieres_decouvrir #saviez_vous img {
	margin-bottom:5px;
}

#carrieres_decouvrir #test {
	margin-left:10px;
	width:154px;
	padding-bottom:10px;
}

#carrieres_decouvrir #test_detail {
	background:url(../../images/tuiles/acc_test.gif) no-repeat top left;
	padding:10px 8px 6px 46px;
}

#carrieres_decouvrir #test_detail a {
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
}

#carrieres_decouvrir #test_detail a:hover {
	color:#ED1782;
}


/* CARRIERES CONTENU RELIÉ
-----------------------------------------*/
#carriere_contenu_relie {
	width:187px;
	padding:10px 0 0 0;
	background:url(../../images/tuiles/carriere_contenu_relie.gif) no-repeat top left;
}

#carriere_contenu_relie #saviez_vous {
	background-color:#F7DA12;
	width:140px;
	padding:6px 10px;
	margin:0 0 12px 12px;
	font:12px/14px Arial, Verdana, sans-serif;
}

#carriere_contenu_relie #saviez_vous img {
	margin-bottom:5px;
}

#carriere_contenu_relie #test {
	margin-left:10px;
	width:154px;
	padding-bottom:10px;
}

#carriere_contenu_relie #test_detail {
	background-repeat:no-repeat;
	background-position:top left;	
	padding:10px 8px 6px 46px;
}

#carriere_contenu_relie #test_detail ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#carriere_contenu_relie #test_detail ul li {
	margin-bottom:10px;
}

#carriere_contenu_relie #test_detail a {
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
}

#carriere_contenu_relie #test_detail a:hover {
	color:#ED1782;
}

#carriere_contenu_relie #test_detail a.voir {
	color:#ED1782;
	font:11px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
}

#carriere_contenu_relie #test_detail a.voir:hover {
	text-decoration:underline;
}

#carriere_contenu_relie #reportages {
	padding:0 0 8px 10px;
}

#carriere_contenu_relie #reportages .liste {
	background:url(../../images/tuiles/carriere_detail_reportages.gif) repeat-y top left;
	padding:10px 35px 0 10px;
	color:#74BD1D;
	font:11px/14px Arial, Verdana, sans-serif;
}

#carriere_contenu_relie #reportages .liste a {
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

#carriere_contenu_relie #reportages .liste a:hover {
	color:#74BD1D;
}

#carriere_contenu_relie #reportages .liste div {
	padding:6px 0 12px 0;
}


/* ONGLETS CARRIERES
-----------------------------------------*/
#perso_portrait {
	float:right;
}

#onglets {
	width:432px;
	margin:7px 0 15px 6px;
	background:url(../../images/tuiles/onglets.gif) no-repeat;
	position:relative;
}

#onglets_entete {
	height:70px;
}

#onglets_entete .carriere_icone {
	position:absolute;
	top:0;
	left:15px;
}

#onglets_entete h1 {
	font:22px/24px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0 10px 0 85px;
	padding-top:18px;
}

#onglets a {
	float:left;
	width:73px;
	height:33px;
	padding:10px 6px 0 5px;
	margin:0 10px 0 0;
	background-image:url(../../images/boutons/navig_onglets.gif);
	background-repeat:no-repeat;
	background-position:-6px -25px;
	color:#FFFFFF;
	text-decoration:none;
	font:bold 11px/14px Arial, Verdana, sans-serif;
}

#onglets a:hover {
	background-position:-6px -214px;
	width:72px;
	height:35px;
	padding:8px 5px 0 7px;
}

#onglets a.selected_1, #onglets a.selected_1:hover, #onglets a.selected_2, #onglets a.selected_2:hover, #onglets a.selected_3, #onglets a.selected_3:hover, #onglets a.selected_4, #onglets a.selected_4:hover {
	background-position:-6px -122px;
	color:#F8170C;
	width:72px;
	height:35px;
	padding:8px 5px 0 7px;
}


/* personnalisations */
#onglets a.premier {
	margin-left:20px;
}

#onglets a.onglet_2 {
	margin-top:8px;
}

#onglets a.onglet_3 {
	margin-top:16px;
	background-position:-109px -25px;
}
#onglets a.onglet_3:hover {
	background-position:-109px -214px;
}
#onglets a.selected_3, #onglets a.selected_3:hover {
	background-position:-109px -122px;
}

#onglets a.onglet_4 {
	margin-top:3px;
}


/* CARRIERES DETAIL
-----------------------------------------*/
#carrieres_milieu .padding_detail {
	padding:0 20px;
}

#carrieres_milieu .padding_detail h1 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
}

#carrieres_milieu .padding_detail th {
	background-color:#000000;
	color:#F7DA12;
	padding:4px 15px;
	text-align:left;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	vertical-align:top;
}

#carrieres_milieu .padding_detail td {
	background-color:#F5F2BF;
	padding:6px 15px;
	vertical-align:top;
}

#navig_capacites {
	margin-top:10px;
}

#navig_capacites a {
	float:left;
	width:120px;
	margin:0 17px 10px 0;
	text-align:center;
	text-decoration:none;
	color:#C29220;
	font:bold 12px/14px Arial, Verdana, sans-serif;
}

#navig_capacites a.dernier {
	margin-right:0;
}

#navig_capacites img {
	margin-bottom:5px;
}

#navig_capacites a:hover, #navig_capacites a.selected, #navig_capacites a.selected:hover {
	color:#000000;
}

#capacite_detail_conteneur {
	background:url(../../images/tuiles/capacite_detail.jpg) repeat-y top left;
	margin-left:10px;
}

#capacite_detail_conteneur .intro {
	padding:20px 270px 20px 20px;
}

#capacite_detail_conteneur .capacite_detail {
	display:none;
}

#capacite_detail_conteneur .boite {
	width:257px;
	float:left;
	margin-left:10px;
	margin-right:8px;
	display:inline; /* Pour IE6 double margin bug */
}

#capacite_detail_conteneur .boite .titre {
	background:url(../../images/tuiles/capacite_boite_titre.gif) no-repeat top left;
	padding:6px 20px 6px 12px;
	font:bold 12px/14px Arial, Verdana, sans-serif;
}

#capacite_detail_conteneur .boite .texte {
	background:url(../../images/tuiles/capacite_boite.gif) repeat-y top left;
	color:#A27200;
	padding:4px 20px 8px 12px;
	height:100%; /* Pour IE6-IE7 bug coupure fond */
}

#capacite_detail_conteneur .boite .texte ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font:12px/14px Arial, Verdana, sans-serif;
}

#capacite_detail_conteneur .boite .texte ul li {
	background:none;
	border-bottom:1px solid #DFCEA7;
	padding:4px 0;
}