/*
	CSS pour Carrieres en justice - À la Cour
	Emilie - egzakt.com
	2007-05-18
*/


/* A LA COUR
-----------------------------------------*/
#cour_gauche {
	float:left;
	width:210px;
}

#cour_droite {
	float:left;
	width:782px;
}


#cour_gauche a#rca_bouton {
	display:block;
	width:178px;
	height:73px;
	margin:15px 0 0 15px;
}

#cour_gauche a#rca_bouton:hover {
	background:transparent;
}

#cour_gauche a#rca_bouton .over {
	position:absolute;
	visibility:hidden;
}

#cour_gauche a#rca_bouton:hover .over {
	visibility:visible;
}

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

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

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

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


/* STYLES À LA COUR
-----------------------------------------*/
.page_texte_3 h1 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#F36512;
	margin:0 0 2px 0;
}

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

.page_texte_3 h3 {
	font:16px/18px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0;
}

.page_texte_3 h4 {
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#F36512;
	margin:0 0 2px 0;
}

.page_texte_3 h5 {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	margin:0 0 5px 0;
}

.page_texte_3 .bloc_texte a {
	color:#F36512;
}

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

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

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

.page_texte_3 .encadre {
	background-color:#FDD2BA;
	padding:20px 15px;
}

.page_texte_3 .colore {
	color:#F36512;
}

.page_texte_15 .padding {
	padding:0 138px 10px 45px;	
}

.page_texte_3 .bloc_deroulant_selected {
	background-color:#FDEEDE;
}

.page_texte_3 .bloc_deroulant a.lien_deroulant {
	background-image:url(../images/icones/bloc_deroulant_3.gif);
}

.page_texte_15 {
	color:#FFFFFF;
}


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

#navig_cour a {
	display:block;
	position:relative;
	width:153px;
	padding:4px 5px 4px 21px;
	font:bold 12px/14px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/icones/navig_cour.gif);
	background-position:2px -7px;
	background-repeat:no-repeat;
	background-color:#000000;
	margin-bottom:2px;	
}

#navig_cour a:hover, #navig_cour a.selected, #navig_cour a.selected:hover {
	color:#000000;
	background-color:#FFFFFF;
	background-position:2px -102px;
}

#navig_cour .sous_navig a {
	padding:2px 5px 2px 21px;
	font:11px/14px Arial, Verdana, sans-serif;
	color:#000000;
	background-image:url(../images/icones/sous_navig_cour.gif);
	background-color:#FDD2BA;
}

#navig_cour .sous_navig a:hover, #navig_cour .sous_navig a.selected, #navig_cour .sous_navig a.selected:hover {
	background-color:#FFFFFF;
}


/* ACCUEIL
-----------------------------------------*/
#cour_accueil {
	background-color:#000000;
	padding:13px;
}

#cour_accueil_gauche {
	float:left;
	width:478px;
}

#cour_accueil_droite {
	float:right;
	width:265px;
}

#cour_accueil_gauche #justice {
	background:url(../images/tuiles/cour_accueil_justice.gif) no-repeat top left;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	padding:0 23px 10px 13px;
}

#cour_accueil_gauche #justice img {
	margin:12px 0 2px 20px;
}

#cour_accueil_gauche #justice_bas {
	background:url(../images/tuiles/cour_accueil_justice_bas.gif) no-repeat top left;
	height:45px;
	padding:8px 0 0 350px;
}

#cour_accueil_gauche #justice_bas a {
	display:block;
	width:69px;
	height:20px;
	padding:1px 0 0 4px;
	color:#FFFFFF;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/cour_accueil_justice.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

#cour_accueil_gauche #justice_bas a:hover {
	background-position:0 -58px;
	width:112px;
	height:14px;
	padding:4px 0 0 8px;
}


#cour_accueil_gauche #abecedaire {
	background:url(../images/tuiles/cour_accueil_abecedaire.gif) no-repeat top left;
	padding:0 23px 12px 12px;
}

#cour_accueil_gauche #abecedaire a#mot {
	display:block;
	color:#000000;
	padding-bottom:5px;
	text-decoration:none;
	font:bold 24px/26px Arial, Verdana, sans-serif;
	background-image:url(../images/boutons/abecedaire_rond.gif);
	background-repeat:no-repeat;
	background-position:0 -25px;
}

#cour_accueil_gauche #abecedaire a#mot #lettre{
	float:left;
	width:73px;
	height:63px;
	padding-top:10px;
	text-align:center;
	font:bold 49px/52px Arial, Verdana, sans-serif;
	color:#F36512;
}

#cour_accueil_gauche #abecedaire a#mot #comme {
	float:left;
	width:362px;
	padding:10px 0 0 5px;
	color:#000000;
}

#cour_accueil_gauche #abecedaire a#mot #comme span {
	color:#FFFFFF;
}

#cour_accueil_gauche #abecedaire a#mot:hover {
	background-position:0 -150px;
}

#cour_accueil_gauche #abecedaire a#mot:hover #lettre {
	width:71px;
	height:61px;
	padding:12px 0 0 2px;
}

#cour_accueil_gauche #abecedaire a#mot:hover #comme {
	width:360px;
	padding:12px 0 0 7px;
}

#cour_accueil_gauche #abecedaire a#mot .clearer {
	display:block;
	clear:both;
}

#cour_accueil_gauche #abecedaire a.details {
	display:block;
	margin:5px 0 0 240px;
	width:194px;
	height:17px;
	padding:1px 0 0 3px;
	color:#FFFF00;
	font:bold 10px/12px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/cour_accueil_abecedaire.gif);
	background-repeat:no-repeat;
	background-position:0 -15px;
}

#cour_accueil_gauche #abecedaire a.details:hover {
	background-position:0 -58px;
	width:190px;
	height:14px;
	padding:4px 0 0 7px;
}


#cour_accueil_droite #films_intro {
	background:url(../images/tuiles/cour_accueil_films_intro.gif) no-repeat top left;
	color:#FFFFFF;
	padding:0 23px 10px 13px;
}

#cour_accueil_droite #films {
	background:url(../images/tuiles/cour_accueil_films.gif) repeat-y;
	padding:6px 0 0 60px;
}

#cour_accueil_droite #films a {
	display:block;
	width:148px;
	color:#FFFFFF;
	font:bold 11px/14px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/films_thumbnails.gif);
	background-repeat:no-repeat;
	background-position:0 -50px;
	padding-bottom:15px;
}

#cour_accueil_droite #films a:hover {
	background-position:0 -307px;
}

#cour_accueil_droite #films a img {
	margin:2px 0 12px 3px;
}

#cour_accueil_droite #films a span {
	display:block;
	width:118px;
	padding-left:3px;
}


/* ABÉCÉDAIRE
-----------------------------------------*/
#abecedaire_detail {
	border:1px solid #F36512;
}

#abecedaire_detail #navig_lettres {
	background-color:#FEEBE1;
	border:4px solid #FFFFFF;
	padding:10px 8px 6px 8px;
	overflow:auto;
	height:1%;
}

#abecedaire_detail #navig_lettres h1 {
	padding-bottom:10px;
}

#abecedaire_detail #navig_lettres a {
	float:left;
	width:23px;
	text-align:center;
	font:bold 14px/30px Arial, Verdana, sans-serif;
	color:#883200;
	text-decoration:none;
}

#abecedaire_detail #navig_lettres a:hover, #abecedaire_detail #navig_lettres a.selected, #abecedaire_detail #navig_lettres a.selected:hover {
	font:bold 25px/30px Arial, Verdana, sans-serif;
	color:#F36512;
}

#abecedaire_detail #mot {
	background-color:#F36512;
	color:#000000;	
	font:bold 24px/26px Arial, Verdana, sans-serif;
	padding:0 0 0 20px;
	overflow:auto;
	height:1%;
}

#abecedaire_detail #mot #lettre{
	float:left;
	background:url(../images/boutons/abecedaire_rond.gif) no-repeat 0 -15px;
	width:73px;
	height:73px;
	padding-top:18px;
	text-align:center;
	font:bold 49px/52px Arial, Verdana, sans-serif;
	color:#F36512;
}

#abecedaire_detail #mot #comme {
	float:left;
	width:500px;
	padding:20px 0 0 5px;
	color:#000000;
}

#abecedaire_detail #mot #comme span {
	color:#FFFFFF;
}

#abecedaire_detail .bloc_texte {
	padding:20px;
}



/* PAS COMME DANS LES FILMS - ACCUEIL
-----------------------------------------*/
#navig_films_accueil {
	margin:0 0 0 67px;
}

#navig_films_accueil a {
	float:left;
	width:301px;
	height:233px;
	margin:10px 0;
	margin-right:30px;
	background-image:url(../images/boutons/films.gif);
	background-repeat:no-repeat;
	background-position:0 -35px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}

#navig_films_accueil a.saut {
	margin-right:0;
}

#navig_films_accueil a:hover {
	background-position:0 -329px;
}

#navig_films_accueil a img {
	margin:8px 0 6px 8px;
}

#navig_films_accueil a span {
	display:block;
	width:235px;
	padding-left:12px;
}

#conclusion_visuel {
	background-color:#F36512;
	padding:8px 38px 15px 38px;
}

#conclusion_visuel #fermer {
	text-align:right;
	position:relative;
	right:-28px;
}

#conclusion_visuel #fermer a {
	/*position:absolute;
	top:8px;
	right:10px;*/
	padding:0 25px 3px 0;
	color:#FFFFFF;
	font:11px/14px Arial, Verdana, sans-serif;
	text-decoration:underline;	
	background:url(../images/icones/close_conclusion_bd.gif) no-repeat top right;
}

#conclusion_visuel h1 {
	font:bold 21px/24px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	margin:15px 0 10px 0;
}

#conclusion_visuel h2 {
	font:bold 18px/22px Arial, Verdana, sans-serif;
	color:#000000;
	margin:0 0 2px 0;
}

#conclusion_visuel .savoir_plus {
	color:#FFFFFF;
	font-weight:bold;
}

#conclusion_visuel #conclusion_mots a.mot {
	display:block;
	color:#000000;
	padding-bottom:10px;
	text-decoration:none;
	font:bold 18px/20px Arial, Verdana, sans-serif;
	background-image:url(../images/boutons/abecedaire_rond_bd.gif);
	background-repeat:no-repeat;
	background-position:0 -25px;
/*	margin-bottom:6px;*/
}

#conclusion_visuel #conclusion_mots a.mot .lettre{
	float:left;
	width:48px;
	height:42px;
	padding-top:6px;
	text-align:center;
	font:bold 31px/34px Arial, Verdana, sans-serif;
	color:#F36512;
}

#conclusion_visuel #conclusion_mots a.mot .comme {
	float:left;
	width:362px;
	padding:5px 0 0 5px;
	color:#000000;
}

#conclusion_visuel #conclusion_mots a.mot .comme span {
	color:#FFFFFF;
}

#conclusion_visuel #conclusion_mots a.mot:hover {
	background-position:0 -148px;
}

#conclusion_visuel #conclusion_mots a.mot:hover .lettre {
	width:46px;
	height:40px;
	padding:8px 0 0 2px;
}

#conclusion_visuel #conclusion_mots a.mot:hover .comme {
	width:360px;
	padding:7px 0 0 7px;
}

#conclusion_visuel #conclusion_mots a.mot .clearer {
	display:block;
	clear:both;
}





/* PAS COMME DANS LES FILMS - DÉTAIL
-----------------------------------------*/
#navig_films_detail {
	margin:0 0 0 45px;
	padding-top:1px; /* Pour bug FF */
}

#navig_films_detail a {
	float:left;
	width:148px;
	margin-right:25px;
	color:#FFFFFF;
	font:bold 11px/14px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/films_thumbnails.gif);
	background-repeat:no-repeat;
	background-position:0 -50px;
}

#navig_films_detail a:hover, #navig_films_detail a.selected, #navig_films_detail a.selected:hover {
	background-position:0 -307px;
}

#navig_films_detail a img {
	margin:2px 0 12px 3px;
}

#navig_films_detail a span {
	display:block;
	width:118px;
	padding:0 0 5px 3px;
}

#films_detail {
	background-color:#FFFFFF;
	width:672px;
	height:850px;
	color:#000000;
	margin:20px 0 0 45px;
}

.page_texte_15 #avertissement {
	width:590px;
	height:64px;
	padding:8px 10px 8px 70px;
	margin:0 0 12px 45px;
	background:url(../images/tuiles/18ans.gif) no-repeat top left;
	font:bold 11px/15px Arial, Verdana, sans-serif;
	color:#FFFFFF;	
}

.page_texte_15 #avertissement div {
	font:bold 18px/20px Arial, Verdana, sans-serif;
	color:#F36512;
	text-transform:uppercase;
}


/* UNE JUSTICE QUI VOIT DOUBLE
-----------------------------------------*/
#justice_intro {	
	font:16px/20px Arial, Verdana, sans-serif;
	color:#000000;
	padding:0 23px 12px 20px;
}

#justice_intro #ambiance {
	float:right;
	margin:0 0 12px 12px;
}

#justice_intro .texte {
	padding-top:15px;
}

a#justice_next {
	display:block;
	position:relative;
	top:0;
	left:-20px;
	width:178px;
	height:23px;
	padding:9px 0 0 58px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/justice_next.gif);
	background-repeat:no-repeat;
	background-position:0 -22px;
}

a#justice_next:hover {
	background-position:0 -83px;
	width:174px;
	height:27px;
	padding:5px 0 0 62px;
}

a#cascade_next {
	display:block;
	position:relative;
	top:0;
	left:-20px;
	margin:15px 0 10px 0;
	width:210px;
	height:24px;
	padding:9px 0 0 58px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/cascade_next.gif);
	background-repeat:no-repeat;
	background-position:0 -22px;
}

a#cascade_next:hover {
	background-position:0 -82px;
	width:206px;
	height:28px;
	padding:5px 0 0 62px;
}

a#situation_next_criminel {
	display:block;
	position:relative;
	top:0;
	left:-20px;
	margin-top:15px;
	width:99px;
	height:24px;
	padding:8px 0 0 135px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/situation_next_criminel.gif);
	background-repeat:no-repeat;
	background-position:0 -18px;
}

a#situation_next_criminel:hover {
	background-position:0 -79px;
	width:92px;
	height:28px;
	padding:4px 0 0 142px;
}

a#situation_next_civil {
	display:block;
	position:relative;
	top:0;
	left:-20px;
	width:97px;
	height:23px;
	padding:18px 0 0 135px;
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/situation_next_civil.gif);
	background-repeat:no-repeat;
	background-position:0 -19px;
}

a#situation_next_civil:hover {
	background-position:0 -88px;
	width:92px;
	height:29px;
	padding:12px 0 0 140px;
}


/* NAVIG ÉTAPES
-----------------------------------------*/
#navig_etapes {
	width:751px;
	margin:0 0 12px 8px;
	background:url(../images/tuiles/navig_etapes.gif) no-repeat top left;
}

#navig_etapes .zone_etapes {
	background-color:#000000;
	width:743px;
	padding:15px 0 6px 0;
	margin-left:1px;
}

#navig_etapes .zone_etapes_criminel {
	width:725px;
	padding-left:18px;
}

#navig_etapes .zone_etapes_civil {
	width:725px;
	padding-left:18px;
	padding-bottom:18px;
}

.zone_etapes_criminel #etapes_principales a {
	float:left;
	width:101px;
	height:50px;
	margin-right:2px;
}

.zone_etapes_civil #etapes_principales a {
	float:left;
	width:69px;
	height:66px;
	margin-right:3px;
}

.zone_etapes_criminel #etapes_principales a:hover, .zone_etapes_civil #etapes_principales a:hover {
	background:transparent;
}

.zone_etapes_criminel #etapes_principales a .over, .zone_etapes_civil #etapes_principales a .over {
	position:absolute;
	visibility:hidden;
}

.zone_etapes_criminel #etapes_principales a:hover .over, .zone_etapes_civil #etapes_principales a:hover .over {
	visibility:visible;
}

.zone_etapes_criminel #etapes_principales a.zoom {
	height:79px;
}

.zone_etapes_criminel #etapes_principales a.denier {
	width:87px;
	margin-right:0;
}

.zone_etapes_civil #etapes_principales a.denier {
	width:56px;
	margin-right:0;
}


.zone_etapes_criminel #sous_etapes {
	padding:8px 0 20px 8px;
}

.zone_etapes_criminel #sous_etapes a {
	float:left;
	width:86px;
	height:34px;
	margin-right:2px;
}

.zone_etapes_criminel #sous_etapes a:hover {
	background:transparent;
}

.zone_etapes_criminel #sous_etapes a .over {
	position:absolute;
	visibility:hidden;
}

.zone_etapes_criminel #sous_etapes a:hover .over {
	visibility:visible;
}

.zone_etapes_criminel #sous_etapes a.denier {
	width:87px;
	margin-right:0;
}



#navig_etapes #zone_etape_nom {
	width:719px;
	height:56px;
	padding:5px 12px 2px 12px;
	margin:3px 0 2px 1px;
	font:bold 11px/14px Arial, Verdana, sans-serif;
	color:#BB470D;
	text-transform:uppercase;
	position:relative;
}

#navig_etapes #zone_etape_nom div {
	display:none;
}

#navig_etapes #zone_etape_nom div.selected {
	display:block;
}

#navig_etapes #zone_etape_nom h2 {
	text-transform:none;
}

#navig_etapes #zone_etape_nom.inverse {
	background-color:#000000;
}

#navig_etapes #zone_etape_nom.inverse h2 {
	color:#FFFFFF;
}


/* ÉTAPE DÉTAIL
-----------------------------------------*/
#etape_detail_gauche {
	float:left;
	width:355px;
	margin:0 0 20px 20px;
	display:inline; /* Pour IE6 double margin bug */
}

#etape_detail_droite {
	float:right;
	width:361px;
	margin:0 30px 20px 0;
	display:inline; /* Pour IE6 double margin bug */
}

#cause {
	background-color:#F7975F;
	padding:18px 20px;
}

#intervenant_vedette {
	width:361px;
	background:url(../images/tuiles/intervenant_vedette.gif) no-repeat top left;
	position:relative;
}

#intervenant_vedette #coin {
	position:absolute;
	top:-5px;
	left:0;
	z-index:100;
}

#intervenant_vedette #colonne_image {
	float:left;
	width:130px;
	margin:56px 14px 10px 20px;
	display:inline; /* Pour IE6 double margin bug */
	position:relative; /* Pour IE6 bug avec PNG plus haut */
	z-index:1;
}

#intervenant_vedette #colonne_image img {
	display:none;
}

#intervenant_vedette #colonne_image .loupe {
	position:relative;
	top:0;
	left:-10px;	
}

#intervenant_vedette #colonne_detail {
	float:left;
	width:171px;
	margin:10px 0 10px 0;
	display:inline; /* Pour IE6 double margin bug */
	position:relative; /* Pour IE6 bug avec PNG plus haut */
}

#intervenant_vedette #intervenant_navig {
	background-color:#FEEEE5;
	padding:10px;
	margin-bottom:15px;
}

#intervenant_vedette #intervenant_navig a {
	font:11px/14px Arial, Verdana, sans-serif;
	color:#BB470D;
}

#intervenant_vedette #intervenant_navig a:hover {
	color:#883200;
}

#intervenant_vedette #intervenant_navig a.selected, #intervenant_vedette #intervenant_navig a.selected:hover {
	color:#883200;
	text-decoration:none;
}

#intervenant_vedette #intervenant_detail {
	background-color:#FFFFFF;
	padding:10px;
	font:11px/14px Arial, Verdana, sans-serif;
}

#intervenant_vedette #intervenant_detail div {
	display:none;
}

#intervenant_vedette a#intervenant_carriere {
	display:block;
	margin:10px 0 0 60px;
	width:82px;
	height:17px;
	padding:1px 0 0 4px;
	color:#FFFF00;
	font:bold 10px/11px Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/boutons/intervenant_carriere.gif);
	background-repeat:no-repeat;
	background-position:0 -16px;
}

#intervenant_vedette a#intervenant_carriere:hover {
	background-position:0 -57px;
	width:78px;
	height:14px;
	padding:4px 0 0 8px;
}

#prochain_criminel {
	width:748px;
	padding:8px 0 30px 0;
	background:url(../images/tuiles/prochain_criminel.jpg) no-repeat top left;
	margin:0 0 0 10px;
	color:#BB470D;
	font:bold 11px/14px Arial, Verdana, sans-serif;
}

#prochain_criminel a {
	display:block;
	float:left;
	width:96px;
	height:20px;
	padding:8px 0 0 12px;
	margin:0 12px 0 15px;
	display:inline; /* Pour IE6 double margin bug */
	font:bold 14px/16px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/boutons/prochain_criminel.gif);
	background-repeat:no-repeat;
	background-position:0 -15px;
}

#prochain_criminel a:hover {
	width:92px;
	height:24px;
	padding:4px 0 0 16px;
	background-position:0 -63px;
}