/*****  COMMON ******/
html {
    overflow-x: hidden;
    overflow-y: auto
}

body {
    margin: 0 auto;
    padding: 10px;
    width: 95%;
    background: #662555;
}

body, td, th, li, p {
    font-family: "Lucida Grande", Arial, sans-serif;
    font-size: 13px;
    color: #333;
    line-height: 1.5
}

table {
    border-collapse: collapse
}

a:link, a:visited, .tabrow1 a:link span {
    color: #9A4283
}

a:hover, a:active, .tabrow1 a:visited span {
    color: #662555
}

a:hover {
    text-decoration: none
}

ul, li {
    list-style-image: url(../imgs/nav_enc_elmt.gif)
}

ol li ul li {
    list-style-image: url(../imgs/nav_enc_elmt.gif)
}

ol li {
    list-style-image: none
}

p {
    margin: 0 0 10px
}

/* NOUVEAUX STYLES */
#contenu {
    background: #FFF;
    padding: 12px
}

#contenu h1 {
    /*height: 22px;*/
    margin: 0 0 15px;
    padding: 4px 20px 2px;
    font-size: 13px;
    color: #FFF;
    background-color: #4A153A;
    text-transform: uppercase
}

#contenu #phase, #contenu .phase {
    float: right;
    padding: 2px 20px;
    font-size: 15px;
    color: #FFF
}

#reco_titre, .reco_titre {
    margin: 15px 0 5px;
    padding: 0;
    font-size: 1.4em;
    color: #662555;
    border-bottom: 1px dotted #662555
}

#lexique_titre, .lexique_titre{
    font-weight:bold;
}

#info_intitule, .info_intitule {
    font-weight: bold;
    color: #9A4283;
    text-align: right;
    vertical-align: top
}

#type_txt {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 1.1em;
    border-bottom: 1px solid #DDD;
    font-weight: bold
}

#info_tableau, .info_tableau {
    padding: 6px 12px;
    border: 1px solid #662555
}

#info_tableau td, .info_tableau td {
    padding: 6px 10px;
    border-bottom: 1px solid #EEE
}

#info_data {
}

#info_data2 {
}

img#img {
    margin: 5px;
    padding: 5px;
    background: #FFF;
    border: 1px solid #777
}

#navigation, .navigation {
    margin-top: 10px;
    padding-top: 5px;
    font-size: 13px;
    text-align: right;
    border-top: 1px solid #662555
}

#navigation a {
    font-weight: bold;
    text-decoration: none
}

#navigation a:hover {
    text-decoration: none
}

#fond_lois {
    background: url(../imgs/pyramide_kelsen.gif) center center no-repeat;
}

/*/////////////////////////////////////////////////*/
/* pav�s col dte */
.in-box {
    font: 10px verdana;
    color: #222222;
    padding: 4px;
    border-style: solid;
    border-color: #cccccc;
    border-width: 0px 1px 1px 1px;
}

.dec-tt {
    background-color: #F5AD02;
    font: bold 10px verdana;
    color: #ffffff;
    padding: 3px;
}

.op-tb {
    font: 10px verdana;
    color: #222222;
    border-bottom: 3px solid #a4a4a4
}

.op-tb td {
    vertical-align: top;
    padding: 4px
}

.op-ft {
    border-top: 1px solid #a4a4a4;
}

.voir-tb {
    background-color: #336699;
}

.voir-to {
    background-color: #ff7e00;
}

.voir-td {
    background-color: #ffffff
}

.voir-td td {
    font: 10px verdana;
    color: #336699;
    border-bottom: 1px solid #336699;
    padding: 4px;
    text-align: justify;
}

.centre table{
    margin: auto;
}

.voir-tp td {
    font: 10px verdana;
    padding: 4px;
    text-align: justify;
}

.deb-tb {
    background-color: #D61D13;
}

.deb-td, .lire-td, .ab-td {
    background-color: #ffffff;
}

.deb-td td {
    font: bold 10px verdana;
    color: #666666;
    border-bottom: 1px solid #D61D13;
    padding: 4px
}

.lire-tb {
    background-color: #F5AD02;
}

.lire-td td {
    font: bold 10px verdana;
    color: #666666;
    border-bottom: 1px solid #F5AD02;
    padding: 4px
}

.ab-tb {
    font: bold 10px/18px verdana;
    color: #837527;
    border: 2px solid white;
}

.ab-td td {
    font: bold 10px verdana;
    color: #666666;
    border-bottom: 1px solid #EDE299;
    padding: 4px
}

.sp-box {
    font: 11px/15px verdana;
    color: #222222;
    padding: 4px;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
}

.pg-dte-2 {
    float: right;
    width: 337px;
}

#ens-contenu {
    margin: 0;
}

#s1, #s2, #s3, #s4, .s1, .s2, .s3, .s4 {
    border: 1px solid #cfcfcf;
    padding: 10px 15px;
    margin-top: 10px;
}

#s1, .s1 {
    background: #e1f4ff; /* bleu */
}

#s2, .s2 {
    background: #ffd0d0; /* rouge */
	border:none;
	border-left:15px solid #ff3f3f;

}

#s3, .s3 {
	color:#64773f;
    background: #D6E3BC; /* vert */
	border:none;
	border-left:15px solid #819e48;
	text-shadow: 0px 1px 0px #f9ffec;
    filter: dropshadow(color=#f9ffec, offx=0, offy=1);
}

#s4, .s4 {
	color:#8e8346;
 	border:none;
	border-left:15px solid #ffea00;
    background: #fffbd1; /* jaune */
	text-shadow: 0px 1px 0px #fff;
    filter: dropshadow(color=#fff, offx=0, offy=1);
}

h2 {
    font-size: 20px;
    border-bottom: 1px solid #555;
    margin: 10px 0px 10px 0px;
    clear:both;
}

h3 {
    font-size: 18px;
    border-bottom: 1px dashed #555;
    margin: 10px 0px 10px 0px;
    clear:both;
}

h4 {
    font-size: 16px;
    border-bottom: 1px dashed #CCC;
    margin: 10px 0px 10px 0px;
    clear:both;
}

h5 {
    font-size: 14px;
    margin: 10px 0px 10px 0px;
    clear:both;
}

h6 {
    font-size: 13px;
    margin: 10px 0px 10px 0px;
    clear:both;
}

.titre6, .titre7, .titre8, .titre9, .titre10, .titre11, .titre12{
    font-weight: bold;
    display:block;
   /* margin: 7px 0px 7px 0px;*/
}


#haut {
    float: right;
    padding: 3px 0;
    color: #AAA;
    font-size: 10px;
    background: url(../imgs/ico_top.gif) right 7px no-repeat;
    border: 1px solid #DDD
}

#haut a {
    padding: 10px 20px;
    text-decoration: none
}

#print {
    float: right;
    width: 30px;
    text-align: right
}

#exemple, .exemple {
    color: #333333;
    background: #D9D9D9;
    border-left: 15px solid #AAAAAA;
    font-size: 13px;
    padding: 10px;
	text-shadow: 0px 1px 0px #eee;
    filter: dropshadow(color=#eee, offx=0, offy=1);
}

#exemple #titre, .exemple .titre {
    font-weight: bold;
    text-decoration: underline;
    color: #666;
	font-size:13px;
}
#remarque, .remarque{
    color: #333333;
    background: #A6A6A6;
    border-left: 15px solid #7c7c7c;
    font-size: 13px;
    padding: 10px;
	text-shadow: 0px 1px 0px #ccc;
    filter: dropshadow(color=#ccc, offx=0, offy=1);
}

#remarque #titre, .remarque .titre  {
    font-weight: bold;
    text-decoration: underline;
    color: #333;
	font-size:13px;
}/*
#videos {
    color: #333333;
    background: #8DB3E2;
    border-left: 15px solid #5183c2;
    font-size: 13px;
    padding: 10px;
	text-shadow: 0px 1px 0px #a8c8f0;
    filter: dropshadow(color=#a8c8f0, offx=0, offy=1);
}

#videos #titre {
    font-weight: bold;
    text-decoration: underline;
    color: #365070;
	font-size:13px;
}

#illustrations {
    background: #7dcdcd;
    border-left: 15px solid #227e7e;
    font-size: 13px;
    padding: 10px;
	text-shadow: 0px 1px 0px #4de3e3;
    filter: dropshadow(color=#4de3e3, offx=0, offy=1);
}

#illustrations #titre {
    font-weight: bold;
    text-decoration: underline;
    color: #365070;
	font-size:13px;
}*/

.jurisprudence {
    font-size: 13px;
    color: #333333;
    border-left: 15px solid #FF9000;
    background: #ffcd8b;
    margin-bottom: 15px;
    padding: 10px;
		text-shadow: 0px 1px 0px #ffe9cc;
    filter: dropshadow(color=#ffe9cc, offx=0, offy=1);
}

span#jurisprudence, span.jurisprudence{
    background: none !important;
    text-shadow: none !important;
    color: #FF9000;
    margin-bottom: 15px;
    padding:0px;
    border:none;
    text-decoration: underline;
}

.jurisprudence a, .jurisprudence a {
    color: #FF9000 !important;
}

.jurisprudence .titre {
    font-weight: bold;
    text-decoration: underline;
    color: #bb6a00;
	font-size:13px;
}

#citation, .citation {
/*color: #777777;*/
    font-size: 0.98em;
    font-style: italic;
}

#citation #titre, .citation .titre {
    font-size: 11px;
    font-weight: bold;
    color: #FF9933
}
/*En savoir plus 1*/
#ensavoirplus, .ensavoirplus {
    margin: 20px 0px 20px 0px;
    padding: 0px 5px 0px 0px;
    border-right: 5px solid #100f69;
    text-align: right
}
#ensavoirplus a, .ensavoirplus a {
    color: #100f69;
    font-weight: bold;
    text-decoration: none
}

#ensavoirplus a:hover, .ensavoirplus a:hover {
    color: #7675d0
}

#ensavoirplus a:visited, .ensavoirplus a:visited {
    color: #777
}
/*En savoir plus 2*/
#ensavoirplus2 {
    margin: 20px 0px 20px 0px;
    padding: 5px 10px;
	background:#ccc0d9;
	border-left:15px solid #8d66b7;
	text-shadow: 0px 1px 0px #eaeaea;
    filter: dropshadow(color=#eaeaea, offx=0, offy=1);
}
#ensavoirplus #titre {
    font-weight: bold;
    text-decoration: underline;
    color: #55337a;
	font-size:13px;
}

#chapeau {
    margin: 10px 0px 20px 0px;
    padding: 5px 5px 5px 10px;
    font-size: 13px;
    font-style: italic;
    color: #777;
    border-left: 5px solid #999;
    background: #FFF
}

#transition {
    font-size: 12px;
    color: #00812a;

    padding: 5px 5px 5px 10px;
    margin: 10px 0px 20px 0px;
    border-left: 5px solid #00b93c;
    background: #FFF;
}

#conseil {
    font-size: 11px;
    color: #00812a;
    font-style: italic;

    padding: 5px 5px 5px 10px;
    margin: 10px 0px 20px 0px;
    border-left: 5px solid #00b93c;
    background: #FFF;
}

#conseil #titre {
    font-weight: bold;
    text-decoration: underline;
}

.reglesdroit {
    text-decoration: underline;
}

.important {
    font-weight: bold;
}

#enseignement_majeur {
    font-size: 12px;
    color: #c90000;

    padding: 5px 5px 5px 10px;
    margin: 10px 0px 20px 0px;
    border-left: 5px solid #c90000;
    background: #FFF;
}

/* LIENS */
.texte_loi a, .article a, a#lienl {
    color: #ac0000;
    text-decoration: none
}

.texte_loi a:hover, .article a, a:hover#lienl {
    text-decoration: underline
}

a#nav {
    text-decoration: none
}

a#lexique {
    color: #444444;
    text-decoration: none;
    border-bottom: 1px dashed
}

a:hover#lexique {
    color: #000000
}

a:visited#lexique {
    color: #444444;
    text-decoration: none
}

a#cas {
    color: #ff3300;
    text-decoration: none
}

a:hover#cas {
    color: #bb2500;
    border-bottom: 1px dashed
}

a:visited#cas {
    color: #ff3300;
    text-decoration: none
}

.contenu table, table.contenu table {
    border-spacing: 0
}

.contenu table th {
    font-weight: bold;
    color: #4A153A;
    background-color: #E8D9E3
}

.contenu table td, .contenu table th {
    padding: 5px 10px;
    border: 1px solid #4A153A
}

table {
    border-spacing: 0
}
table.table { border:1px solid #DEDEDE; }
table.table td { border:1px solid #DEDEDE; }

.recap table, #recap table {
    border: 1px solid #832C6B;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.recap th, #recap th {
    font-weight: bold;
    background-color: #832C6B;
    color: white;
    text-align: center;
}

#recap td, #recap th, .recap td, .recap th {
    border: 1px solid #832C6B;
    vertical-align: top;
    padding: 5px 10px;
}

#recapcentre td, #recapcentre th, .recapcentre td, .recapcentre th {
    text-align: center;
}

table .tableau_contenu, table #tableau_contenu {
    border-spacing: 0
}

#tableau_contenu th, .tableau_contenu th {
    font-weight: bold;
    color: #4A153A;
    background-color: #E8D9E3
}

#tableau_contenu td, #recap th, .tableau_contenu td, .recap th {
    padding: 5px 10px;
    border: 1px solid #4A153A;
}

#info_titre {
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    color: #990066;
}

#info {
    margin-bottom: 1em;
}

#info ul {
    margin: 0;
    padding: 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #DDD;
}

#info li {
    border-bottom: 1px solid #DDD;
    list-style: none;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
}

#info a:hover {
    background-color: #eff4fa;
    color: #003366
}

#info a {
    display: block;
    text-decoration: none;
    color: #336699;
    background-color: #fff;
    padding-left: 1em
}

#lexique_contenu {
    font-size: 11px;
    font-weight: normal
}

#lettrine {
    font-size: 12px;
    font-weight: bold;
    color: #100f69;
    font-style: normal;
    float: right
}

#lettrine a {
    font-size: 12px;
    font-weight: bold;
    color: #100f69;
    font-style: normal
}

#lettrine a:hover {
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    font-style: normal;
    border: 1px solid #100f69;
    background-color: #ff9933;
    padding: 2px
}

.enonce {
    font-size: 16px;
    color: #FF3300
}

.legende {
    font-size: 10px;
    color: #AAA;
    font-style: italic
}

li.plan {
    font-size: 1.05em;
    font-weight: bold
}

li.plan2 {
    margin: 0px 0px 0px 15px;
    list-style-image: url(../imgs/nav_enc_elmt2.gif)
}

li.plan3 {
    margin: 0px 0px 0px 30px;
    list-style-image: url(../imgs/nav_enc_elmt3.gif)
}

li.plan4 {
    margin: 0px 0px 0px 45px;
    list-style-image: url(../imgs/nav_enc_elmt4.gif)
}

li.plan5 {
    margin: 0px 0px 0px 60px;
    list-style-image: url(../imgs/nav_enc_elmt5.gif)
}

li.plan6 {
    margin: 0px 0px 0px 75px;
    list-style-image: url(../imgs/nav_enc_elmt6.gif)
}

li.plan7 {
    margin: 0px 0px 0px 90px;
    list-style-image: url(../imgs/nav_enc_elmt7.gif)
}

li.plan8 {
    margin: 0px 0px 0px 90px;
    list-style-image: url(../imgs/nav_enc_elmt8.gif)
}

li.plan9 {
    margin: 0px 0px 0px 90px;
    list-style-image: url(../imgs/nav_enc_elmt9.gif)
}



li.plan, li.plan2, li.plan3, li.plan4, li.plan5, li.plan6, li.plan7 {
    padding: 2px 0px 2px 0px;
}

li.plan a, li.plan2 a, li.plan3 a, li.plan4 a, li.plan5 a, li.plan6 a, li.plan7 a {
    text-decoration: none
}

li.plan a:hover, li.plan2 a:hover, li.plan3 a:hover, li.plan4 a:hover, li.plan5 a:hover, li.plan6 a:hover, li.plan7 a:hover {
    font-weight: bold
}

li.plan a:visited, li.plan2 a:visited, li.plan3 a:visited, li.plan4 a:visited, li.plan5 a:visited, li.plan6 a:visited, li.plan7 a:visited {
    color: #ff9933
}

#pointsdroit {
    background: #FFFF00;
}

#pointsimportants {
    background: #FF99FF;
}

#leplusimportant {
    border-bottom: 1px solid #FF0000;
}

.regletheorique {
    color: #CC0000;
    font: bold 11px verdana
}

.reglepratique {
    color: #009900;
    font: bold 11px verdana;
}

#rss_reader {
    height: 311px;
    width: 210px;
    background: url(../imgs/rss_unjf.gif) no-repeat;
    margin: 5px 0px 5px 10px;
    float: right;
    display:none;
}

#rss_reader #title {
    width: 140px;
    margin: 15px 10px 15px 0;

    float: right;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    font-style: italic;
    color: #832c6b;
}

#rss_reader #rss {
    height: 250px;
    margin: 20px 10px 0;
    overflow: auto;
    font-size: 10px;
    text-align: justify;
}

#rss_reader #rss h1 {
    font-size: 14px;
    font-weight: bold;
    height: auto;
    color: #832c6b;
    text-align: left;
    border-bottom: 0;
    border-top: 1px dashed #DDD;
    margin: 5px 0 0 0;
    padding: 5px 0px 0px 10px;
    background: url(../imgs/nav_enc_elmt8.gif) 0px 13px no-repeat;
}

#rss_reader #rss h2 {
    font-size: 10px;
    font-weight: normal;
    color: #AAA;
    text-align: left;
    margin: 0 0 5px 0;
    border-bottom: 0;
}

#rss_reader #rss strong {
    color: #832c6b;
}

#rss_reader #rss img {
    border: 1px solid #AAA;
    padding: 2px;
    margin: 5px;
}

#rss_reader #rss a {
    font-weight: bold;
    color: #ff7200;
    text-decoration: none;
}

#rss_reader #rss a:hover {
    text-decoration: underline;
}

#rss_reader #rss a:visited {
    color: #ff3c00;
}

#encart {
    font-size: 11px;
    color: #888;
    padding: 10px;
    border: 2px solid #832C6B;
    margin: 10px 0 0 0;
    min-height: 110px;

}

#video {
    padding: 10px;
    width: 300px;
    text-align: center;
    border: 1px solid #AAA;
    background: #FFF url(../imgs/bckg_interview.jpg)
}

#video h1 {
    margin: 0px 0px 10px 0px;
    font-size: 16px;
    color: #832c6b;
    border-bottom: 1px solid #AAA
}

.legende {
    font-size: 10px;
    color: #AAA;
    font-style: italic
}

#lid {
    display: none;
}

#lversion {
    display: none;
}

.gauche {
    float: left;
}

.droite {
    float: right;
}

.centre {
    text-align: center;
}

.centre div {
    margin: auto;
}

/* add by ANDIL */
.ressource {
    border-collapse: collapse;
    text-align: center;
    color: #BBB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 0;
    display: inline-block;
    border: 5px solid #FFF;
    -moz-box-shadow: 0 2px 7px #AAA;
    background: #FFF;

    margin: 10px 15px;
}
#metas {
    background:#888;
    margin:0;
    padding:5px;
    color: #FFF;
    font-family: Arial,Helvetica,sans-serif;
    text-align: center;
    text-shadow: 0 1px 0 #333;
}
#metas .title { font-weight: bold; }
#metas span { margin-right:5px; display: inline-block; }
#metas span.auteur { background: url(../imgs/video_auteur.png) 0 0 no-repeat; padding-left: 17px; line-height: 15px; }
#metas span.date { background: url(../imgs/video_date.png) 0 0 no-repeat; padding-left: 17px; line-height: 15px; }

/**/
.definition { border:1px solid #000000; background:#ffff00; padding:10px; color:#000000; }
.conclusion { border:1px solid #000000; background:#d6e3bc; padding:10px; color:#000000; }
p.remarque { border:1px solid #000000; background:#a6a6a6; padding:10px; color:#000000; }
p.exemple { border:1px solid #000000; background:#d9d9d9; padding:10px; color:#000000; }

p.reference { border:2px solid #000000; background:#ff0000; padding:10px; color:#000000; }
p.jurisprudence { border:1px solid #000000; background:#ff6600; padding:10px; color:#000000; }
p.illustration { border:2px solid #000000; background:#33cccc; padding:10px; color:#000000;border-top:4px solid #000000; }
p.video { border:2px solid #000000; background:#8db3e2; padding:10px; color:#000000; }