/****************************************************************************
* HAUT DE PAGE COMMUN
****************************************************************************/
/* Page */
#container {
width:780px;
background-color: #fff;
margin:4px auto 0px;
text-align:left;
position:absolute;
left:5px; 
}

p {
margin: 0px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#article p {
margin: 7px 0px;
line-height:14px;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

table {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

img {border: 0; padding: 0;}

/********************************
* Bandeau de la page
*********************************/
#bandeau {
margin:0;
height:104px;
}

#bandeau  a {
border:none;
text-decoration:none;
cursor:pointer;
}
#bandeau a:hover {
cursor:pointer;
}

/********************************
* Moteur et outils
*********************************/

#moteurEToutils .debutBarreOutils {
vertical-align:middle;
float:left;
width:7px;
height:25px;
}

/* Moteur de recherche */
#moteurEToutils .rechercheOutils {
float:left;
height:22px;
vertical-align:middle;
white-space:nowrap;
width:360px;
margin-top:3px;
}
#rechercheOutils .left {
float:left;
}

#moteurEToutils  .boutonRecherche {
float:left;
width:18px;
height:18px;
background-image:url(img/bt_recherche.gif);
vertical-align:middle;
}
#moteurEToutils  a.btRecherche {
border:none;
text-decoration:none;
cursor:pointer;
vertical-align:middle;
}
#moteurEToutils a.btRecherche:hover {
cursor:pointer;
}
#moteurEToutils  .rechercheAvancee {
float:left;
margin-top:2px;
height:18px;
vertical-align:middle;
}

#moteurEToutils a.rechercheAvancee:hover {
text-decoration:underline;
}
#moteurEToutils input{
float:left;
width:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
vertical-align:middle;
margin-right:5px;
border:1px solid #C5D2DD;
}
#moteurEToutils  .btRecherche{
width:18px;
height:18px;
border:0px;
vertical-align:middle;
}

/* Menu sous bandeau */
#moteurEToutils .menuBarreOutils {
float:right;
width:315px;
padding-right:10px;
height:25px;
text-align:right;
}
#moteurEToutils .menuBarreOutils span{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#fff;
margin-right: 3px;
margin-left: 3px;
}
#moteurEToutils .menuBarreOutils a{
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#fff;
text-decoration:none;
}
#moteurEToutils .menuBarreOutils a:hover{
text-decoration:underline;
}


/****************************************************************************
* PAGE ACCUEIL
****************************************************************************/

/********************************
* Colonne de gauche
*********************************/
#leftnav {
background:#fff;
position:absolute;
left:0;
top:190px;
width: 180px;
padding: 0;
}

/* rubrique */
.boxGauche {
width:169px;
margin-left:3px;
padding-bottom:0px;
margin-bottom:10px;
}

/* rubrique Services pratiques */

h1.servicesPratiques span{
display:block;
}

ul.servicesPratiques {
list-style: none;
margin-left: 0px;
margin: 0px;
padding:3px 10px 10px 20px;
}
li.servicesPratiques a {
color:#074B87;
text-decoration:none;
}
li.servicesPratiques a:hover {
color:#074B87;
text-decoration:underline;
}

a.btservicesPratiques  {
text-decoration:none;
cursor:pointer;
}
a.btservicesPratiques:hover {
text-decoration:none;
}
#servicePublic {
margin-left:3px;
height:33px;
width:169px;
}
#servicePublic  .btServicePublic {
display:block;
height:33px;
width:169px;
background:#fff url(img/service_public.gif) no-repeat bottom left;
}
#servicePublic  .altServicePublic
{
display:none;
}
#servicePublic  a.lienServicePublic {
border:none;
text-decoration:none;
cursor:pointer;
}
#servicePublic a.lienServicePublic:hover {
cursor:pointer;
}

/* menu */
#navcontainer {
margin-bottom:15px;
width:173px;
}
#navlist {
margin:0px;
padding: 3px;
padding-left:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
}
#navlist li {
border: 1px solid #fff;
list-style-type: none;
margin:0;
padding:0;
}

#subnavlist {
padding:0px;
padding-left:2px;
margin:0px;
}
#subnavlist ul {
list-style: none;
}


/********************************
* Coeur de page
*********************************/
#content {
position:absolute;
width:390px;
margin-left:185px;
margin-top:10px;
padding: 0;
display:block;
}

/* Photo et légende */

.photo {
border:0;
display:block;
float:left;
margin: 0px 3px 5px 0px;
}

.credits {
border:0;
text-decoration:none;
display:block;
padding: 2px 0px 0px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
clear:left;
}

/* rubrique Accueil */
#accueil {
/*float:left;*/
margin-bottom:30px;
display:block; /* pour cacher le bloc accueil */
}
#accueil p{
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
display:block;
}
#titreAccueil {
width:100%;
height:18px;
background: url(img/fond_titre_contenu.gif) repeat-x top left;
margin-bottom:5px;
}

#titreAccueil h1 span{
display:none;
}
#titreAccueil h2 {
margin: 0;
display:none;
}
#titreAccueil h2 span {
display:none;
}


#accueil a:hover {
text-decoration:underline;
}
#accueil h5{
display:inline;
}
#accueil h5 span{
display:none;
}

#accueil   a.lireArticle:hover {
text-decoration:none;
}

/* rubrique Actualites */
#actualites {
float:left;
margin-bottom:20px;
width:390px;
display:block; /* pour cacher le bloc actualites */
}
#titreActualites {
width:390px;
display:block;
height:18px;
margin-bottom:6px;
background: url(img/fond_titre_contenu.gif) repeat-x top left;
}
#titreActualites .titre {
float:left;
height:18px;
}

#titreActualites .titre h1 span{
display:none;
}
#listeActualites {
background:#fff;
float:right;
width:auto;
}
#listeActualites h1 {
margin:0;
font-size:0.6em;
margin-top:2px;
font-weight:normal;
padding-left:8px;
}
#listeActualites h1 a {
font-family:Arial, Helvetica, sans-serif;
color:#22537F;
background:#fff;
text-decoration:underline;
}
#listeActualites  h1 a:hover {
text-decoration:none;
}

/* pour afficher ou cacher les 3 Actualites */
.actualite1,.actualite2, .actualite3 {
display:block;
}
.puceActualite {
display:block;	width:100%;
}

#actualites p {
padding:0;
margin:0;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
}
#actualites a {
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003366;
text-decoration:none;
}
#actualites  a:hover {
text-decoration:underline;
}
#actualites h2 {
color:#003366; /* style pour code couleur */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
margin:2px 0px;
}

#actualites h2 a:hover {
text-decoration:underline;
}
#contenuActualites p{
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
.lireActualites  {
height:11px;
}
.lireActualites  h1{
margin:0px;
}
.lireActualites  h1 span{
display:none;
}

.lireActualites  a:hover {
text-decoration:none;
}

/********************************
* Colonne de droite
*********************************/
#rightnav {
background:#fff;
float: right;
width: 190px;
margin: 0px;
padding-right: 3px;

}

/* rubrique */
.boxDroite {
float:right;
text-align:left;
width:175px;
padding-bottom:0px;
margin-bottom:10px;
}
#rightnav h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:0.7em;
padding-left:5px;
padding-top:3px;
margin:0;
height:17px;
}

/* rubrique Justice en France  */


h1.justiceFrance span{
display:block;
}

ul.justiceFrance {
list-style: none;
margin-left: 0px;
margin: 0px;
padding:3px 10px 10px 20px;
}
li.justiceFrance a {color:#074B87; text-decoration:none;}
li.justiceFrance a:hover {color:#074B87; text-decoration:underline;}


/* rubrique Mise en ligne */

h1.miseEnLigne span{
display:block;
}

ul.miseEnLigne {
list-style: none;
margin: 0px;
padding:3px 10px 10px 20px;
}
li.miseEnLigne a {
color:#074B87;
text-decoration:none;
}
li.miseEnLigne a:hover {
color:#074B87;
text-decoration:underline;
}


/* rubrique Autres liens*/
.basBoxAutresLiens {
clear:both;
}

h1.autresLiens span{
display:block;
}


li.autresLiensInternes a {
color:#074B87;
text-decoration:none;
}
li.autresLiensInternes a:hover {
color:#074B87;
text-decoration:underline;
}


li.autresLiensExternes a {
color:#074B87;
text-decoration:none;
}
li.autresLiensExternes a:hover {
color:#074B87;
text-decoration:underline;
}
li.autresLiensExternes {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 3px;
padding: 0px;
display:list-item;
list-style-image: url(img/picto_lien_externe.gif); /* style pour code couleur */
}
/****************************************************************************
* PAGE ARTICLE
****************************************************************************/
#contentExtensible {
width:575px;
padding: 0;
margin-left: 185px;
padding-top:5px;
}
#article  {
padding-bottom:15px;
}

/* bloc avec date */
#dateETautre {
float:left;
width:100%;
}
/* date */
#dateETautre h1 {
float:left;
margin: 0px;
white-space:nowrap;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF8A00; /* style pour code couleur */
font-size:0.65em;
padding-bottom:3px;
}
#dateETautre .date {
}

/* titre */
.titreArticle {
color:#003366;
margin:0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
}
.sousTitre {
margin:0px;
padding:0px 0px 8px 0px;
font-weight: bold;
}
.chapo {
color:#003366;
margin:0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
}

/* image */
#article img {
margin:5px 0px 5px 0px;
border:0;
}

/* bloc avec bouton imprimer et pagination */
#imprimerETpagination {
width:100%;
float:left;
}

/* Pagination */
#pagination {
color:#003366;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
float:right;
padding-bottom:15px;
}
#pagination a {
font-weight:normal;
color:#003366;
text-decoration:underline;
}
#pagination a:hover {
font-weight:normal;
color:#003366;
text-decoration:none;
}
#pagination .clic {
color:#ff0000;
font-weight:bold;
text-decoration:none;
}

/* bouton imprimer */
#imprimerETpagination a.print {
float:left;
padding-left:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#003366;
text-decoration:none;
background: url(img/picto_imprimer.gif) no-repeat left center;
}
#imprimerETpagination a.print:hover {
color:#003366;
text-decoration:underline;
}


/****************************************************************************
* PAGE INDEX
****************************************************************************/

#index  {
padding-bottom:15px;
}
#index h1 {
margin: 0px;
white-space:nowrap;
font-size:0.7em;
font-family:Arial, Helvetica, sans-serif;
color:#003366;
font-weight:normal;
padding-bottom:5px;
}
#index .date {
font-weight:bold;
color:#FF8A00;
padding-left:0px;
}

/* titre */
#article h2 {
color:#003366;
margin:0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
font-weight: bold;
}
#article h3 {
color:#003366;
margin:0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: bold;
}

/* texte */
#index p {
margin:0;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
}
#articleIndex {
width:575px;
padding-bottom:15px;
float:left;
}
#articleIndex .titreRubrique {
height:20px;
border-bottom:1px solid #D8E0E9;
margin-bottom:10px;
}
#articleIndex .titreRubrique h1 {
background:#fff url(img/titre_articles.gif) no-repeat top left;
margin:0;
height:14px;
}
#articleIndex .titreRubrique h1 span{
display:none;
}
#articleIndex .dateArticle{
display:block;
height:20px;
}
#articleIndex .dateIndex {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#003366;
margin: 0;
height:auto;
padding-top:4px;
float:left;
}
#articleIndex  .pieceJointe {
height:16px;
width:18px;
}
#articleIndex  a.pieceJointe {
/*display:none;*/ /* pour cacher la piece jointe */
float:left;
background: url(img/picto_date_article.gif) no-repeat;
border:none;
text-decoration:none;
cursor:pointer;
}
#articleIndex a.pieceJointe:hover {
cursor:pointer;
}

#articleIndex  h2 a:hover {
text-decoration:underline;
}
#articleIndex p {
padding:0;
margin:0;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
}
#articleIndex a.article {
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003366;
text-decoration:none;
}
#articleIndex  a.article:hover {
text-decoration:underline;
}
#sousRubriqueIndex {
width:575px;
padding-bottom:15px;
float:left;
}
#sousRubriqueIndex .titreRubrique {
height:22px;
padding-bottom:0px;
border-bottom:1px solid #D8E0E9;
}
#sousRubriqueIndex .titreRubrique h1 {
background:#fff url(img/titre_sous_rubrique.gif) no-repeat top left;
margin:0;
height:18px;
}
#sousRubriqueIndex .titreRubrique h1 span{
display:none;
}
#sousRubriqueIndex .ligneSousRubrique {
display:block;
border-bottom:1px solid #D8E0E9;
margin-top:5px;
height:17px;
}
#sousRubriqueIndex .ligneSousRubrique .titreArticle{
float:left;
padding-left:22px;
background: url(img/picto_sousrubrique_org.gif) no-repeat left center;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
}
#sousRubriqueIndex a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003366;
text-decoration:none;
}
#sousRubriqueIndex   a:hover {
text-decoration:underline;
}
#sousRubriqueIndex .ligneSousRubrique .nbreArticle{
float:right;
color:#003366;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
}
#sousRubriqueIndex .ligneSousRubrique .nbreArticle span{
color:#003366;
}



/********************************
* Colonne de droite VOIR AUSSI
*********************************/
#rightnavVoirAussi {
/*display:none;*/
float: left;
width: 575px;
padding-right: 1px;
padding-top:10px;
padding-bottom:8px;
}

/* rubrique */
.boxDroiteVoirAussi {
float:left;
text-align:left;
padding-bottom:0px;
margin-bottom:5px;
}
#rightnavVoirAussi h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#336699;
font-weight:bold;
font-size:0.6em;
padding-left:5px;
padding-top:1px;
vertical-align:middle;
margin:0;
height:17px;
}

/* lien téléchargement */
.basBoxVoirAussi {
padding-top:18px;
padding-bottom:0px;
background:#fff url(img/fond_ressources.gif) no-repeat left top;
width: 575px;
}
h1.voirAussi{
}
h1.voirAussi span{
display:block;
}
h2.voirAussi{
display:none;
}
ul.voirAussiDownload {
list-style: none;
margin: 0px;
padding:3px 10px 6px 24px;
}
li.voirAussiDownload a, li.voirAussiDownloadpdf a, li.voirAussiDownloadhlp a,li.voirAussiDownloadxls a, li.voirAussiDownloadswf a , li.voirAussiDownloadgif a, li.voirAussiDownloadhtml a, li.voirAussiDownloadhtm a, li.voirAussiDownloadjpg a, li.voirAussiDownloadjpeg a, li.voirAussiDownloadjpe a, li.voirAussiDownloadmp3 a, li.voirAussiDownloadmpeg a, li.voirAussiDownloadmpg a, li.voirAussiDownloadpng a,li.voirAussiDownloadppt a, li.voirAussiDownloaddoc a, li.voirAussiDownloadrtf a, li.voirAussiDownloadzip a{
color:#074B87;
text-decoration:none;
}
li.voirAussiDownload a:hover,li.voirAussiDownloadpdf a:hover,li.voirAussiDownloadhlp a:hover,li.voirAussiDownloadxls a:hover,li.voirAussiDownloadswf a:hover, li.voirAussiDownloadgif a:hover, li.voirAussiDownloadhtml a:hover, li.voirAussiDownloadhtm a:hover, li.voirAussiDownloadjpg a:hover, li.voirAussiDownloadjpeg a:hover, li.voirAussiDownloadjpe a:hover, li.voirAussiDownloadmp3 a:hover, li.voirAussiDownloadmpeg a:hover, li.voirAussiDownloadmpg a:hover, li.voirAussiDownloadpng a:hover, li.voirAussiDownloadppt a:hover, li.voirAussiDownloaddoc a:hover, li.voirAussiDownloadrtf a:hover, li.voirAussiDownloadzip a:hover {
color:#074B87;
text-decoration:underline;
}
li.voirAussiDownload, li.voirAussiDownloadpdf, li.voirAussiDownloadhlp ,li.voirAussiDownloadxls , li.voirAussiDownloadswf, li.voirAussiDownloadgif, li.voirAussiDownloadhtml , li.voirAussiDownloadhtm ,li.voirAussiDownloadjpg , li.voirAussiDownloadjpeg , li.voirAussiDownloadjpe , li.voirAussiDownloadmp3, li.voirAussiDownloadmpeg, li.voirAussiDownloadmpg, li.voirAussiDownloadpng ,li.voirAussiDownloadppt , li.voirAussiDownloaddoc, li.voirAussiDownloadrtf, li.voirAussiDownloadzip {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#074B87;
margin: 3px;
padding: 0px;
padding-left:4px;
display:list-item;

}
li.voirAussiDownload {
list-style-image: url(img/picto_article.gif);
}
li.voirAussiDownloadhlp {
list-style-image: url(img/picto_aide.gif);
}
li.voirAussiDownloadpdf {
list-style-image: url(img/picto_acrobat.gif);
}
li.voirAussiDownloadxls {
list-style-image: url(img/picto_excel.gif);
}
li.voirAussiDownloadswf {
list-style-image: url(img/picto_flash.gif);
}
li.voirAussiDownloadgif {
list-style-image: url(img/picto_gif.gif);
}
li.voirAussiDownloadhtml, li.voirAussiDownloadhtm {
list-style-image: url(img/picto_html.gif);
}
li.voirAussiDownloadjpg ,li.voirAussiDownloadjpeg ,li.voirAussiDownloadjpe {
list-style-image: url(img/picto_jpg.gif);
}
li.voirAussiDownloadmp3 {
list-style-image: url(img/picto_mp3.gif);
}
li.voirAussiDownloadmpeg, li.voirAussiDownloadmpg {
list-style-image: url(img/picto_mpeg.gif);
}
li.voirAussiDownloadpng {
list-style-image: url(img/picto_png.gif);
}
li.voirAussiDownloadppt {
list-style-image: url(img/picto_ppt.gif);
}
li.voirAussiDownloaddoc, li.voirAussiDownloadrtf {
list-style-image: url(img/picto_word.gif);
}
li.voirAussiDownloadzip {
list-style-image: url(img/picto_zip.gif);
}

ul.voirAussiArticle {
list-style: none;
margin: 0px;
padding:3px 10px 6px 24px;
border-top:1px solid #fff;
color:#074B87;
}
li.voirAussiArticle a {
color:#074B87;
text-decoration:none;
}
li.voirAussiArticle a:hover {
color:#074B87;
text-decoration:underline;
}
li.voirAussiArticle {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 3px;
padding: 0px;
padding: 0px;
padding-left:2px;
display:list-item;
list-style-image: url(img/picto_article.gif);
}


/****************************************************************************
* BAS DE PAGE COMMUN
****************************************************************************/

/********************************
* Pied de page
*********************************/
#pieddepage {
display:none;
}

/****************************************************************************
* PLAN DU SITE
****************************************************************************/

#planSite {
padding: 10px 0px 0px 0px;
}
#planSite p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#003366;
margin-left:8px;
padding:0px;
}
#planSite h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#003366;
margin:0px;
padding:0px;
}
#planSite hr {
color:#003366;
margin: 0px 0px 0px 10px;
}
#planSite ul {
margin-top:0px;
}
#planSite li {
margin: 0px 0px 0px 10px;
display:list-item;
list-style-image: url(img/picto_services_pratiques.gif);
}
#planSite a {
color:#074B87;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 0px 0px 0px 10px;
}
#planSite a:hover {
color:#074B87;
text-decoration:underline;
}


/********************************
* ARTICLE OUVERT
*********************************/

.orange {
color: #FF8A00;
}
.rouge {
color: #FF0000;
}
.bleu {
color: #336699;
}
.bleuMarine {
color: #003366;
}
.noir {
color: #000000;
}
.marron {
color: #800000;
}
.rougeSoutenu {
color: #CC0000;
}
.gris{
color: #808080;
}
.vert {
color: #006666;
}
ul {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
ol {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
margin: 13px 0 5px 0;
font-size: 28px;
font-weight: bold;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
margin: 13px 0 5px 0;
font-size: 24px;
font-weight: bold;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
margin: 13px 0 5px 0;
font-size: 20px;
font-weight: bold;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
margin: 13px 0 5px 0;
font-size: 18px;
font-weight: bold;
}
h5 {
font-family: Arial, Helvetica, sans-serif;
margin: 13px 0 5px 0;
font-size: 14px;
font-weight: bold;
}
h6 {
font-family: Arial, Helvetica, sans-serif;
margin: 13px 0 5px 0;
font-size: 12px;
font-weight: bold;
}
.center {
text-align:center;
}
.droite {
text-align:right;
}
.justify {
text-align:justify;
}
.indent {
text-indent:40px;
}
dfn {
font-style:normal;
border-bottom:1px dashed;
cursor:help;
}
hr {
width:90%;
height:1px;
color:black;
}
cite {
font-style:italic;
}


/********************************
* Personnalisables
*********************************/


body {
background:#fff; /* style pour code couleur */
margin:0;
padding:0;
}
#bandeau  .btLogo {
float:left;
height:122px;
width:186px;
background:#fff url(img/logo_ministere_justice.gif) no-repeat top left; /* style pour code couleur */
}
#bandeau .btBandeau {
float:left;
/*background:#fff url(img/bandeau.jpg) no-repeat top left; /* style pour code couleur */
/*background:#fff url(img/bandeau.jpg) no-repeat top left; /* style pour code couleur */
height:122px;
width:594px;
}  #moteurEToutils {
background:#fff url(img/fond_barreoutils.gif) repeat-x left;/* style pour code couleur */
margin: 0px 0px 10px;
height:25px;
clear:both;
}#moteurEToutils  a.rechercheAvancee {
margin-left:6px;
padding-right:6px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
border-right:1px solid #C5D2E4; /* style pour code couleur */
vertical-align:middle;
}/* Fil d'ariane */
#filAriane {
background:#fff url(img/fond_fil_ariane.gif) repeat-x left; /* style pour code couleur */
margin-bottom: 10px;
margin-left: 3px;
margin-right: 3px;
height:22px;
}
#filAriane .accueilAriane {
float:left;
background:#fff url(img/bouton_fil_ariane.gif) no-repeat left; /* style pour code couleur */
width:19px;
height:22px;
}
#filAriane .debutAriane {
float:left;
background:#fff url(img/coin_gauche_fil_ariane.gif) no-repeat left; /* style pour code couleur */
width:7px;
height:22px;
}
#filAriane .texteAriane {
float:left;
height:22px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
color:#003366; /* style pour code couleur */
float:left;
font-size:0.6em;
height:18px;
padding-top:4px;
}
#filAriane .current {
color:#EF3A32; /* style pour code couleur */
}
#filAriane .texteAriane a{
font-family:Arial, Helvetica, sans-serif;
color:#003366; /* style pour code couleur */
text-decoration:none;
}
#filAriane .texteAriane a:hover{
text-decoration:underline;
}
#filAriane .finAriane {
float:right;
background:#fff url(img/coin_droit_fil_ariane.gif) no-repeat right; /* style pour code couleur */
width:5px;
height:22px;
}
.basBoxServicesPratiques {
background:#EAEFF4 url(img/bas_rubrique_gauche.png) no-repeat left bottom; /* style pour code couleur */
}h1.servicesPratiques {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:0.7em;
padding-left:9px;
padding-top:3px;
margin:0;
height:17px;
border-bottom:1px solid #fff;
background:#2F6190 url(img/titre_rubrique_gauche.png) no-repeat top left; /* style pour code couleur */
}
h2.servicesPratiques {
margin:0px;
height:30px;
width:169px;
background: url(img/visuel_services_pratiques.jpg) no-repeat top left; /* style pour code couleur */
}li.servicesPratiques {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 3px;
display:list-item;
list-style-image: url(img/picto_services_pratiques.gif); /* style pour code couleur */
}

#navlist a {
color: #093D6A; /* style pour code couleur */
text-decoration: none;
display: block;
border-left: 3px solid #739CC2; /* style pour code couleur */
border-bottom: 1px solid #CBD2D9;
padding: 4px 8px;
}
li#active a#current {
color: #FF0000;
border-left: 3px solid #FF0000; /* style pour code couleur */
font-weight:bold;
}
#navlist a:hover {
color: #FF0000; /* style pour code couleur */
border-left: 3px solid #FF0000; /* style pour code couleur */
}#subnavlist li a {
display: block;
background: url(img/picto_sousmenu_norm.gif) no-repeat left; /* style pour code couleur */
border: 0;
}
#subnavlist li a:hover {
background: url(img/picto_sousmenu_surv.gif) no-repeat left; /* style pour code couleur */
border: 0;
}
li#subactive #subcurrent {
color: #FF0000; /* style pour code couleur */
font-weight:bold;
background: url(img/picto_sousmenu_surv.gif) no-repeat left; /* style pour code couleur */
}#titreAccueil h1 {
float:left;
margin: 0;
height:18px;
width:75px;
background: url(img/titre_accueil.gif) no-repeat left top; /* style pour code couleur */
}#accueil h2 {
color:#003366; /* style pour code couleur */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:bold;
margin:0px 0px 3px;
}#accueil a {
color:#003366; /* style pour code couleur */
text-decoration:none;
}#accueil  a.lireArticle {
float:right;
cursor:pointer;
margin: 0;
height:11px;
width:34px;
background: url(img/bt_lirelasuite_accueil.gif) no-repeat left top; /* style pour code couleur */
text-decoration:none;
}#titreActualites .titre h1 {
margin: 0;
height:18px;
width:100px;
background: url(img/titre_actualites.gif) no-repeat left top; /* style pour code couleur */
}.dateActualites {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#336699;
margin: 0;
padding: 3px 100px 3px 5px;
line-height:18px;
width:100%;
background:#fff url(img/fond_date.gif) no-repeat left; /* style pour code couleur */
}

#actualites h2 a {
color:#003366; /* style pour code couleur */
text-decoration:none;
}
.lireActualites a {
float:right;
cursor:pointer;
margin: 0;
height:11px;
width:34px;
background: url(img/bt_lirelasuite.gif) no-repeat left top;/* style pour code couleur */
text-decoration:none;
}
.basBoxjusticeFrance {
background:#EDF1F5 url(img/bas_rubrique_droite.png) no-repeat left bottom; /* style pour code couleur */
}h1.justiceFrance {
background:#859EBF url(img/titre_rubrique_droite.png) no-repeat top left; /* style pour code couleur */
border-bottom:1px solid #fff;
}h2.justiceFrance{
margin:0px;
height:30px;
width:175px;
background: url(img/visuel_justice_en_france.jpg) no-repeat top left; /* style pour code couleur */
}li.justiceFrance {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 3px;
display:list-item;
list-style-image: url(img/picto_services_pratiques.gif); /* style pour code couleur */
}.basBoxMiseEnLigne {
background:#EDF3F5 url(img/bas_rubrique_droite.png) no-repeat left bottom; /* style pour code couleur */
}
h1.miseEnLigne{
background:#87ACBD url(img/titre_rubrique_droite.png) no-repeat top left; /* style pour code couleur */
border-bottom:1px solid #fff;
}
h2.miseEnLigne{
margin:0px;
height:30px;
width:175px;
background: url(img/visuel_mise_en_ligne.jpg) no-repeat top left; /* style pour code couleur */
}
li.miseEnLigne {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 3px;
padding: 0px;
display:list-item;
list-style-image: url(img/picto_mise_en_ligne.gif); /* style pour code couleur */
}
h1.autresLiens{
background:#99C1BF url(img/titre_rubrique_droite.png) no-repeat top left; /* style pour code couleur */
border-bottom:1px solid #fff;
}
h2.autresLiens{
margin:0px;
height:30px;
width:175px;
background: url(img/visuel_autres_liens.jpg) no-repeat top left; /* style pour code couleur */
}
ul.autresLiensInternes {
list-style: none;
margin: 0px;
padding:3px 10px 6px 20px;
background:#F4F9FB url(img/bas_rubrique_droite.png) no-repeat left bottom; /* style pour code couleur */
}
li.autresLiensInternes {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
margin: 3px;
padding: 0px;
display:list-item;
list-style-image: url(img/picto_lien_interne.gif); /* style pour code couleur */
}
ul.autresLiensExternes {
/*display:none;*/ /* pour cacher les liens externes */
list-style: none;
margin: 0px;
padding:3px 10px 6px 20px;
border-top:2px solid #fff;
background:#ECF4F6 url(img/bas_rubrique_droite.png) no-repeat left bottom; /* style pour code couleur */
}
#articleIndex h2 {
float:none;
color:#003366; /* style pour code couleur */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
font-weight:bold;
padding-top:0px;
padding-bottom:2px;
margin:0;
}
#articleIndex h2 a {
padding:0;
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003366; /* style pour code couleur */
text-decoration:none;
}

#article .left {
float:left;
padding-right:10px;
}
.right {
float:right;
padding-left:10px;
}