/*
	CSS pour Jeune pour jeunes - Droits et obligations
	Emilie - egzakt.com
	2007-08-09
*/


/* DROITS ET OBLIGATIONS - LISTE ENTETE
-----------------------------------------*/
#droits {	
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	width:951px;
}

#droits #droits_intro {
	font:1em/1.16em Arial, Verdana, sans-serif;
	color:#3F3F3F;
	padding:53px 10px 8px 486px;
}

#droits #droits_categories {
	background:#E5E5E5 url(../images/tuiles/droits_separateur_liste.jpg) no-repeat 472px 0;
	padding-bottom:10px;
	width:951px;
}


#droits #droits_categories .categorie {
	float:left;
	width:472px;
	background-color:#E6E6E6;
}

#droits #droits_categories .categorie_90 {
	margin-right:7px;
}

#droits #droits_categories .categorie .categorie_entete {
	height:51px;
	padding:26px 0 0 30px;
	font:bold 1.5em/1.67em Arial, Verdana, sans-serif;
	text-transform:uppercase;
	color:#FFFFFF;
}

/* personnalisations */
#droits #droits_categories .categorie_90 .categorie_entete {
	background:url(../images/graphiques/entete_liste_long_penale.gif) no-repeat top left;
}
#droits #droits_categories .categorie_90 .categorie_entete span {
	color:#F0F990;
}

#droits #droits_categories .categorie_91 .categorie_entete {
	background:url(../images/graphiques/entete_liste_long_civil.gif) no-repeat top left;
}
#droits #droits_categories .categorie_91 .categorie_entete span {
	color:#F2146D;
}


/* DROITS ET OBLIGATIONS - LISTE
-----------------------------------------*/
#droits #droits_categories dl {
	margin:1px 0 0 0;
	padding:0;
}

#droits #droits_categories dl dt {
	border-top:4px solid #E5E5E5;
	border-bottom:3px solid #E5E5E5;
	margin:0 8px;
}

#droits #droits_categories dl dt a {
	display:block;
	padding:7px 20px 7px 47px;
	color:#3F3F3F;
	font:bold 1em/1.16em Arial, Verdana, sans-serif;	
	text-decoration:none;
	background-color:#FFFFFF;	
	background-repeat:no-repeat;
	background-position:7px -34px;
}

#droits #droits_categories dl dt a:hover {
	background-position:7px -137px;
}

/* personnalisations */
#droits #droits_categories .categorie_90 dl dt a {
	background-image:url(../images/icones/droits_categorie_penale.gif);
}
#droits #droits_categories .categorie_90 dl dt a:hover, #droits_categories .categorie_90 dl dt.selected a {
	background-color:#15280C;
	color:#F0F990;
	background-position:7px -137px;
}

#droits #droits_categories .categorie_91 dl dt a {
	background-image:url(../images/icones/droits_categorie_civil.gif);
}
#droits #droits_categories .categorie_91 dl dt a:hover, #droits_categories .categorie_91 dl dt.selected a {
	background-color:#20041B;
	color:#F2146D;
	background-position:7px -137px;
}

#droits #droits_categories dl dd {
	margin:0;
}

#droits #droits_categories ul {
	margin:0 8px;
	padding:0;
	list-style-type:none;
}

#droits #droits_categories ul li {
	display:inline; /* Pour IE6 */
}

#droits #droits_categories ul li a {
	display:block;
	margin:3px 0;
	padding:11px 32px 6px 47px;
	color:#3F3F3F;
	font:1em/1.16em Arial, Verdana, sans-serif;
	text-decoration:none;
	background-image:url(../images/icones/droits_liste_capsules.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

#droits #droits_categories ul li a:hover {
	background-position:0 -134px;
	color:#FFFFFF;
}


/* DROITS ET OBLIGATIONS - CAPSULE
-----------------------------------------*/
#capsule {
	background-color:#E6E6E6;
	padding-bottom:20px;
	margin-top:9px;
}

#capsule.redirection {
	padding:25px 40px 100px 40px;
}

#capsule.redirection h2 {
	color:#3F3F3F;
	font:bold 1.5em/1.16em Arial, Verdana, sans-serif;
	margin-bottom:5px;
}

#capsule.redirection h3 {
	color:#3F3F3F;
	font:1.2em/1.16em Arial, Verdana, sans-serif;
	margin-bottom:5px;
}

#capsule .categorie {
	position:relative;
	width:926px;
	height:42px;
	padding:17px 0 0 25px;
	font:bold 1.5em/1.67em Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
}

#capsule .categorie a {
	position:absolute;
	top:20px;
	right:43px;
}

#capsule .categorie a:hover {
	background:transparent;
}

#capsule .categorie .over {
	position:absolute;
	visibility:hidden;
}

#capsule .categorie a:hover .over {
	visibility:visible;
}

/* personnalisations */
#capsule .categorie_90 {
	background:url(../images/graphiques/entete_capsule_penale.gif) no-repeat top left;
}
#capsule .categorie_90 span {
	color:#F0F990;
}

#capsule .categorie_91 {
	background:url(../images/graphiques/entete_capsule_civil.gif) no-repeat top left;
}
#capsule .categorie_91 span {
	color:#F2146D;
}


#capsule #colonne_infos {
	float:left;
	width:704px;
	margin:0 14px 0 8px;
	display:inline; /* Pour IE6 double margin bug */
}

#capsule #colonne_outils {
	float:left;
	width:217px;
}

#capsule #sous_categorie {
	background:url(../images/icones/sous_categorie.gif) no-repeat 4px 7px;
	/*font:bold 1.5em/1.67em Arial, Verdana, sans-serif;*/
	font:bold 1.5em/1.1em Arial, Verdana, sans-serif;
	color:#7F7F7F;
	padding:9px 140px 12px 45px;
}

#capsule #intro {
	position:relative;
	width:659px;
	padding:11px 0 15px 45px;
	background:#FFFFFF url(../images/icones/capsule.gif) no-repeat 12px 10px;	
	color:#3F3F3F;
	line-height:1.42em;
}

#capsule #intro h3 {
	color:#3F3F3F;
	font:bold 1.5em/1.16em Arial, Verdana, sans-serif;
	margin-bottom:5px;
}

#capsule #intro #perso {
	float:right;	
	width:118px;
	height:231px;
	margin:0 39px -49px 0;
	display:inline; /* Pour IE6 double margin bug */
}

#capsule #intro #perso img {
	position:relative;
	top:-42px;
	left:0;
}

#capsule #intro .texte {
	float:left;
	width:480px;
}


#capsule #qr {
	background-color:#FFFFFF;
	padding:0 8px 18px 8px;
	margin-bottom:12px;
}

#capsule #qr .entete_qr {
	width:678px;
	height:28px;
	padding:8px 0 0 10px;
	font:1.33em/1.5em Arial, Verdana, sans-serif;
}

/* personnalisation */
#capsule #qr .entete_qr_90 {
	background:url(../images/graphiques/entete_qr_90.gif) no-repeat top left;
	color:#F0F990;
}
#capsule #qr .entete_qr_91 {
	background:url(../images/graphiques/entete_qr_91.gif) no-repeat top left;
	color:#F2146D;
}


#capsule #qr dl {
	margin:0;
}

#capsule #qr dt a {
	display:block;
	padding:10px 10px 10px 38px;
	font:1em/1.25em Arial, Verdana, sans-serif;
	color:#3F3F3F;
	text-decoration:none;
	background-color:#BCC1B9;
	background-image:url(../images/icones/qr.gif);
	background-repeat:no-repeat;
	background-position:7px -33px;
	margin-top:8px;
}

#capsule #qr dt a:hover {
	background-position:7px -133px;
}

#capsule #qr dt.selected a, #capsule #qr dt.selected a:hover {
	background-position:7px -230px;
}

#capsule #qr dd {
	font:1em/1.33em Arial, Verdana, sans-serif;
	padding:8px 8px 8px 38px;
	background-color:#E6E8E4;
	margin:2px 0 0 0;
	color:#3F3F3F;
}



#capsule #connexes {
	background-color:#FFFFFF;
}

#capsule #connexes #entete_connexes {
	width:684px;
	height:27px;
	padding:8px 0 0 20px;
	font:1.42em/1.5em Arial, Verdana, sans-serif;
	color:#15280C;
	background:url(../images/graphiques/entete_connexes.gif) no-repeat top left;
	border-bottom:1px solid #E6E6E6;
}

#capsule #connexes .colonne_gauche {
	float:left;
	width:316px;
	padding:4px 16px 0 20px;	
}

#capsule #connexes .colonne_droite {
	float:left;
	width:316px;
	padding:4px 20px 0 16px;
}

#capsule #connexes h4 {
	font-weight:bold;
	color:#FFFFFF;
	padding:3px 12px;
	margin:10px 0 5px 0;
}

#capsule #connexes ul {
	margin:0;
	padding:0 0 0 11px;
	list-style-type:none;
}

#capsule #connexes ul li {
	background:url(../images/icones/capsule_connexe.gif) no-repeat 0 3px;
	padding:0 0 5px 12px;
	line-height:1.25em;
}

#capsule #connexes ul a {
	color:#3F3F3F;
}

/* personnalisations */
#capsule #connexes h4.edu {
	background-color:#CC6600;
}
#capsule #connexes ul.edu a:hover {
	color:#CC6600;
}

#capsule #connexes h4.lvd {
	background-color:#0078B4;
}
#capsule #connexes ul.lvd a:hover {
	color:#0078B4;
}

#capsule #connexes h4.ccr {
	background-color:#23AC29;
}
#capsule #connexes ul.ccr a:hover {
	color:#23AC29;
}

#capsule #connexes h4.jpj {
	background-color:#EB1B24;
}
#capsule #connexes ul.jpj a:hover {
	color:#EB1B24;
}

#capsule #connexes h4.abp {
	background-color:#1396BF;
}
#capsule #connexes ul.abp a:hover {
	color:#1396BF;
}

#capsule #connexes h4.tak {
	background-color:#999966;
}
#capsule #connexes ul.tak a:hover {
	color:#999966;
}

#capsule #connexes h4.inu {
	background-color:#56606D;
}
#capsule #connexes ul.inu a:hover {
	color:#56606D;
}

#capsule #connexes h4.ppb {
	background-color:#CC6600;
}
#capsule #connexes ul.ppb a:hover {
	color:#CC6600;
}



#capsule #liens {
	background-color:#CDD3CC;
	margin-bottom:10px;
}

#capsule #liens_entete {
	width:155px;
	height:28px;
	padding:9px 0 0 62px;
	background:url(../images/graphiques/liens_entete.gif) no-repeat top left;
	color:#15280C;
	font:1.33em/1.5em Arial, Verdana, sans-serif;
	border-bottom:1px solid #E6E6E6;
}

#capsule #liens ul, #capsule #liens ol {
	margin:0;
	padding:10px 10px 0 28px;
	list-style-type:none;
}

#capsule #liens li {
	background:url(../images/icones/capsule_liens.gif) no-repeat 0 3px;
	padding:0 0 5px 14px;
}


#capsule #note {
	background:url(../images/tuiles/capsule_note.gif) no-repeat bottom left;
	color:#3F3F3F;
}

#capsule #note div {
	padding:17px 30px 40px 30px;
	background:url(../images/graphiques/capsule_note_entete.gif) no-repeat top left;
	line-height:1.33em;
}

#capsule #note span {
	font:bold 1.5em/1.5em Arial, Verdana, sans-serif;
	color:#FFFFFF;
}

#capsule #note a {
	color:#FFFFFF;
}

#capsule #note a:hover {
	color:#3F3F3F;
}