@charset "utf-8";
/* LIENS du contenu
/********************************************************************************************************/
#contenu a{color:#369C00;}
#contenu a:hover { text-decoration:none; color:#000!important;text-decoration:underline;}
#encartSommaire a:hover{color:#007E99!important;text-decoration:underline;background:none!important;}
#contenu a:active {background-color:#fff;}
#contenu a:visited { color:#336600;}

/* DIVERS
/********************************************************************************************************/
#contenu blockquote {border:1px solid; border-left:2px solid ; font-family:"Courier New", Courier, mono;padding:5px}
#contenu p{margin:0.2em 0 0.7em 0; line-height:1.4em}
#contenu ul,#contenu ol{line-height:1.4em; padding-left:10px; margin:0;}
#contenu ul li{ background:url(../img/puce-liste.gif) no-repeat left 0.5em; list-style-type:none; padding-left:20px;  margin-left:0;clear:left;}
#contenu ol { margin-left:20px}
#contenu ul li img{float:left;margin:0 10px 10px 0;}
#contenu ol li{margin-bottom:10px;}

/* ENTETES
/********************************************************************************************************/
#contenu h1,#contenu h2,#contenu h3,#contenu h4,#contenu h5,#contenu h6 { margin:10px 0 0 0;}
#contenu h1 {font-weight:normal;font-size: 150%; margin:1em 0 0.5em 0; color:#007D99;}
#contenu h2 {font-size: 110%; color:#000; margin:0 0 1em 0;}

#contenu h3 {font-size: 130%; margin:1.2em 0 1em 0; color:#007D99; padding-top:0.5em; text-align:center; text-transform:uppercase; letter-spacing:0.1em}
#contenu h4 {font-size: 120%;font-weight: bold; margin:1em 0 0 0;padding:0; color:#63C32D}
#contenu h5 {font-size: 120%;font-weight: bold; margin:1em 0 0 0;padding:0;}
#contenu h6 {font-size: 100%;font-weight: bold; margin:1em 0 0 0;padding:0;}

#contenuHaut h1, #accueilPratique h1{margin-top:0;}


/* ENCARTS
/********************************************************************************************************/
#contenu .encart, #contenu .encartGauche,#contenu  .encartDroite {background-color:#acd0e2; padding:10px!important;clear:both; margin:10px 0; border:2px dashed #e0651c}
#contenu .encartGauche, #contenu .encartDroite{ width:200px;font-size:90%}
#contenu .encartGauche {margin:0 10px 10px 0; float:left; }
#contenu .encartDroite {margin:0 0 10px 10px; float:right;}
#contenu .encartAlerte {border:1px solid red; color:red; font-weight:bold; padding:5px; text-align:center}



/* TABLEAU*/
/********************************************************************************************************/
#contenu table {background-color:#fff; width:100%!important; font-size:90%; margin-bottom:2em;}
#contenu td, #contenu th { border:1px solid #ccc;padding:0 2px;}
#contenu thead tr {font-weight:bold; text-align:center; background-color:#63C32D ;}
#contenu caption { background:#fff; color:#000;padding:0.2em;}
#contenu tr { background-color:#fff;}
#contenu tr.tableauLigneAlternee{background-color:#cfe4ef;}

/*SOMMAIRE*/
/********************************************************************************************************/
/*
#navigationNiveau4{float:right;background-color:#E3F4D9; width:200px; margin:0px 0px 0px 5px; padding:0px;}
#navigationNiveau4 h2 {text-align:center; margin:4px 0px 0px 0px; padding:0;}
#navigationNiveau4 a{ color:#000}
#navigationNiveau4 .on a{font-weight:bold;}
#navigationNiveau4 ul{padding:0; margin: 0 5px;	list-style-type:none; font-size:90%;}



/* CLASS DIVERS
/*-------------------------------------------------------------------------------------------------------*/
span.petit, .petit{font-size:80%; line-height:14px}
span.lettrine{ font-size:3.4em; float:left; color:#E0651C;display:block;padding:10px 5px 10px 0;}
.bleu{color:#007D99;}
.vert{color:#339900;}
.orange{color:#E0651C;}


/* FICHIERS
/********************************************************************************************************/
#contenu .kiosque-list {font-family:arial;}
#contenu .kiosque-list ul {color:#333; display:inline; font-size:1.083em; margin:0 0 1em; padding:0;}
#contenu .kiosque-list li {background:url("../img/fond-kiosque.gif") repeat-x 0 top #FCFCFC; clear:none; border-bottom:1px solid #CCC; border-right:1px solid #CCC; float:left; height:160px; list-style:none; margin:0; padding:5px; width:31%;}
#contenu .kiosque-list p {color:#333; font-size:0.75em; line-height:14px; margin:0 2px 0 0;}
#contenu .issue-information {height:25px; padding-bottom:15px;}
#contenu .issue-information a {color:#007D99; text-decoration:none;}
.kiosque-list .issue-number {font-weight:bold;}
.kiosque-list .download-document {*padding-left:90px;}
#contenu .download-document a,
#contenu .read-online a {font-size:0.9em;}
.read-online {padding-bottom:10px;}
#contenu .kiosque-list .magazine-cover {height:0;}
.file-size {font-size:0.9em;}
#contenu .kiosque-list .kiosque-cover {border: px solid #FFF; box-shadow:0 0 3px #999; display:block; float:left; margin:0 5px 0 16px;}
#contenu .kiosque-list .kiosque-cover a {display:block; height:118px; width:80px;}
#contenu .kiosque-list .kiosque-cover img {height:118px; width:80px;}
#contenu .articleBody .kiosque-download {font-size:12px; margin-left:105px;}
/* dernier Villiers-le-Bel Infos */
.dernier_villiers .picture {float:right; margin:0 0 1em 1em;}
#contenu .dernier_villiers p {margin:2em;}
.dernier_villiers ul {font-size:0.822em;}
/* Lien kiosque page accueil */
.kiosque {padding:15px 0 5px 10px;}
.kiosque p a {display:block; font-size:12px; margin:5px 0;} 
#sidebar-left-accueil .kiosque .normal {font-weight:normal;}