.clear {
    clear: both;
}

.hidden {
    display: none;
}

body {
    background-color: white;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8em;
}

ul {
    margin: 0.5em 0 0.5em 0;
    padding: 0 0 0 1em;
}


div.fil-d-ariane {
    padding-left: 0.5em;
    padding-right: 0.5em;
}

div.fil-d-ariane a {
    color: #e46902;
}


h2 {
    border-top: 2px solid #376CA2;
    border-bottom: 2px solid #376CA2;
    font-size: 1.5em;
    margin: 0.5em 0 0.5em 0;
    overflow: hidden;
    padding: 5px;
    zoom: 1; /* IE6 hack that allows overflow: hidden to work correctly */
}

h2,
h2 a {
    background: transparent;
    color: #376CA2;
}


h3 {
    background-color: #739dc9;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    color: #fff;
    font-size: 1.2em;
    margin-top: 0;
    padding: 0.25em 0.5em;
    overflow: hidden;
}


/* Images */

a img {
    border: none;
    vertical-align: middle;
}


/* Liens */

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a[rel="external"] {
    background: url(../img/external-link.gif) right center no-repeat;
    padding-right: 14px;
}


/* Formulaires de recherche */

form#search-form fieldset {
    background: #FFFFFF url(../img/block-without-title-background.png) repeat-x center top;
    border: 1px solid #666;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    display: inline;
    margin:0.25em 0;
    overflow: hidden;
    padding: 0.5em 1em;
    width: auto;
}

form#search-form fieldset div {
    clear: none;
    float: left;
    line-height: 25px;
    padding: 0 10px;
    width: auto;
}

form#search-form fieldset label {
    display: block;
    float: left ;
    font-weight: bold;
    height: 20px;
    margin-right: 0.5em;
    padding: 0 5px;
    width: auto;
}

input#what-input,
input#where-input {
    height: 20px;
    width: 14em;
}

div.submit-search {
    width: 10em;
}

div.submit-search input {
    height: 2em;
    margin: 0;
    width: 7em;
}


/* Barre de navigation */

li {
    list-style-image: none;
}
li.compact {
    list-style-image: url('../img/triangle-droite.gif');
}
li.expanded {
    list-style-image: url('../img/triangle-bas.gif');
}
li.selected {
    list-style-image: url('../img/fleche-droite.gif');
}


/* Colonnes */

div.colonne-de-droite,
div.petite-colonne-de-droite {
    float: right;
    margin-left: 1em;
}
div.colonne-de-droite {
    width: 49%;
}
div.petite-colonne-de-droite {
    width: 39%;
}


/* Blocs */

div.texte {
    margin: 0.5em 0 0.5em 0;
    overflow: hidden;
    zoom: 1; /* IE6 hack that allows overflow: hidden to work correctly */
}

/* Blocs blancs avec titre */
div.partenaires,
div.references {
    margin-top: 1em;
    overflow: hidden;
    zoom: 1; /* IE6 hack that allows overflow: hidden to work correctly */
}

div.partenaires h4,
div.references h4 {
    border-bottom: 1px solid #376CA2;
    border-top: 1px solid #376CA2;
    color: #333;
    font-size: 14px;
/*    height: 24px;*/
    margin: 0;
    padding: 0.25em 0.5em;
}

div.references ul {
    padding: 5px 25px;
}

div.references ul li {
    padding: 0.25em 0;
}

/* Blocs blancs sans contour, ni titre (blocs principaux) */

div.bloc-voir-aussi-central,
div.sommaire-central {
    margin: 0.5em;
}

div.bloc-voir-aussi-central ul,
div.sommaire-central ul {
    padding-left: 1.5em;
}

/* Blocs colorés (non blancs) avec titre */
div.acteurs-de-la-vie-publique,
div.avertissement,
div.bloc-actualite,
div.bloc-comment-faire-si,
div.bloc-focus-sur,
div.bloc-montant,
div.bloc-questions-reponses,
div.bloc-ne-pas-oublier,
div.bloc-services-en-ligne,
div.bloc-voir-aussi-gauche,
div.centres-d-appel,
div.chronologies-de-la-vie-publique,
div.debats-publics,
div.decouverte-des-institutions,
div.definitions,
div.discours-dans-l-actualite,
div.discours-publics,
div.dossiers-d-actualite,
div.dossiers-de-politiques-publiques,
div.en-bref,
div.evaluation-des-politiques-publiques,
div.faq-citoyens,
div.fil-actualite-sp,
div.fil-alerte,
div.fil-externe,
div.fil-faq,
div.information-complementaire,
div.mots-cles,
div.navigation,
div.ou-s-adresser,
div.panorama-des-lois,
div.pour-en-savoir-plus,
div.rapports,
div.rapports-publics,
div.sites-internet-publics,
div.sommaire-gauche,
div.voir-aussi {
    background: #fff url(../img/block-background.png) top repeat-x;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    margin: 0.5em 0 0.5em 0;
    overflow: hidden;
    padding: 0 1em 0.5em 1em;
    zoom: 1; /* IE6 hack that allows overflow: hidden to work correctly */
}

div.acteurs-de-la-vie-publique h4,
div.avertissement h4,
div.bloc-actualite h4,
div.bloc-comment-faire-si h4,
div.bloc-focus-sur h4,
div.bloc-montant h4,
div.bloc-questions-reponses h4,
div.bloc-ne-pas-oublier h4,
div.bloc-services-en-ligne h4,
div.bloc-voir-aussi-gauche h4,
div.centres-d-appel h4,
div.chronologies-de-la-vie-publique h4,
div.debats-publics h4,
div.decouverte-des-institutions h4,
div.definitions h4,
div.discours-dans-l-actualite h4,
div.discours-publics h4,
div.dossiers-d-actualite h4,
div.dossiers-de-politiques-publiques h4,
div.en-bref h4,
div.evaluation-des-politiques-publiques h4,
div.faq-citoyens h4,
div.fil-actualite-sp h4,
div.fil-alerte h4,
div.fil-externe h4,
div.fil-faq h4,
div.information-complementaire h4,
div.mots-cles h4,
div.navigation h4,
div.ou-s-adresser h4,
div.panorama-des-lois h4,
div.pour-en-savoir-plus h4,
div.rapports h4,
div.rapports-publics h4,
div.sites-internet-publics h4,
div.sommaire-gauche h4,
div.voir-aussi h4 {
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    font-size: 14px;
    line-height: 18px;
    margin: 0 -1em 0.5em -1em;
    padding: 3px 0.5em 3px 0.5em;
}

/* Blocs sans titre (seule l'image d'arrière plan change par rapport au bloc avec titre) */
div.bloc-dossiers,
div.bloc-mon-service-public,
div.bloc-service-en-ligne-central {
    background: #fff url(../img/block-without-title-background.png) top repeat-x;
    border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    margin: 0.5em 0 0.5em 0;
    overflow: hidden;
    padding: 0 1em 0.5em 1em;
    zoom: 1; /* IE6 hack that allows overflow: hidden to work correctly */
}

div.bloc-dossiers h4,
div.bloc-mon-service-public h4,
div.bloc-service-en-ligne-central h4 {
    display: none;
}

/* Les couleurs */

div.texte h4 {
  border-bottom: #254769 solid 1px;
  color: #254769;
}

/* Blue */
a {
    color: #386da3;
}
h3,
h3 a {
    background-color: #366ba1;
    color: white;
}
div.bloc-focus-sur,
div.bloc-questions-reponses,
div.bloc-ne-pas-oublier,
div.bloc-voir-aussi-gauche,
div.fil-faq,
div.pour-en-savoir-plus,
div.sites-internet-publics {
    border: #386da3 thin solid;
}
div.bloc-focus-sur h4,
div.bloc-questions-reponses h4,
div.bloc-ne-pas-oublier h4,
div.bloc-voir-aussi-gauche h4,
div.fil-faq h4,
div.pour-en-savoir-plus h4,
div.sites-internet-publics h4 {
    background: #366ba1 url(../img/blue-background.png) repeat-x;
    background-position: top;
    color: white;
}

/* Bordeaux */
div.dossiers-d-actualite,
div.en-bref,
div.faq-citoyens,
div.information-complementaire,
div.navigation,
div.panorama-des-lois,
div.voir-aussi {
    border: #910223 thin solid;
}
div.dossiers-d-actualite h4,
div.en-bref h4,
div.faq-citoyens h4,
div.information-complementaire h4,
div.navigation h4,
div.panorama-des-lois h4,
div.voir-aussi h4 {
    background: #6e0019 url(../img/bordeaux-background.png) repeat-x;
    background-position: top;
    color: white;
}

/* Orange */
div.bloc-comment-faire-si,
div.chronologies-de-la-vie-publique,
div.decouverte-des-institutions,
div.dossiers-de-politiques-publiques,
div.evaluation-des-politiques-publiques {
    border: #ff8c22 thin solid;
}
div.bloc-comment-faire-si h4,
div.chronologies-de-la-vie-publique h4,
div.decouverte-des-institutions h4,
div.dossiers-de-politiques-publiques h4,
div.evaluation-des-politiques-publiques h4 {
    background: #ff7502 url(../img/orange-background.png) repeat-x;
    background-position: top;
    color: white;
}

/* Red */
div.fil-alerte {
    border: #ff1c27 thin solid;
}
div.fil-alerte h4 {
    background: #a9040c url(../img/red-background.png) repeat-x;
    background-position: top;
    color: white;
}

/* Green */
div.acteurs-de-la-vie-publique,
div.centres-d-appel,
div.debats-publics,
div.definitions,
div.discours-dans-l-actualite,
div.discours-publics,
div.ou-s-adresser,
div.rapports,
div.rapports-publics {
    border: #319d0d thin solid;
}
div.acteurs-de-la-vie-publique h4,
div.centres-d-appel h4,
div.debats-publics h4,
div.definitions h4,
div.discours-dans-l-actualite h4,
div.discours-publics h4,
div.ou-s-adresser h4,
div.rapports h4,
div.rapports-publics h4 {
    background: #028d00 url(../img/green-background.png) repeat-x;
    background-position: top;
    color: white;
}

/* Light grey */
div.avertissement,
div.bloc-actualite,
div.bloc-dossiers,
div.bloc-montant,
div.fil-actualite-sp,
div.fil-externe,
div.mots-cles,
div.sommaire-gauche {
    border: #dadada thin solid;
}
div.avertissement h4,
div.bloc-actualite h4,
div.bloc-montant h4,
div.fil-actualite-sp h4,
div.fil-externe h4,
div.mots-cles h4,
div.sommaire-gauche h4 {
    background: #cacaca url(../img/light-grey-background.png) repeat-x;
    background-position: top;
    color: #333;
}

/* Mauve */
div.bloc-mon-service-public,
div.bloc-service-en-ligne-central,
div.bloc-services-en-ligne {
    border: #a646b1 thin solid;
}
div.bloc-services-en-ligne h4 {
    background: #a646b1 url(../img/mauve-background.png) repeat-x;
    background-position: top;
    color: white;
}

/* Turquoise */
/*    border: #01a1b4 thin solid;*/
/*background: #018898 url(../img/turquoise-background.png) repeat-x;*/
/*background-position: top;*/
/*color: white;*/


/* Sommaire central */

div.sommaire-central h4 {
    margin-bottom: 0.5em;
}

div.sommaire-central h4 a {
    font-weight: bold;
    text-decoration: underline;
}


/* Page Accueil comment faire si... */

div.mosaique-comment-faire-si {
  margin-bottom: 1em;
  /* Ensure that the height of div is greater than the height of the floating icons. */
  /* See: http://www.quirksmode.org/css/clearing.html */
  overflow: hidden;
}

div.mosaique-comment-faire-si div.icone {
  float: left;
  text-align: center;
  width: 112px;
  height: 150px;
  border-left: 8px solid #ff7603;
  margin: 0 10px 20px 10px;
}

div.mosaique-comment-faire-si a {
  color: #000;
  font-weight: bold;
}

div.mosaique-comment-faire-si span {
  display: inline;
  vertical-align: middle;
}


/* Abecedaire */

.abecedaire {
    margin: 10px 0;
}

.abecedaire ul {
    display: inline;
    list-style: none;
    margin: auto;
    text-align: center;
}

.abecedaire ul li {
    float: left;
    margin: 0 15px 0 0;
}

.abecedaire ul li a {
    background: #E46902;
    color: #fff;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    width: 1.5em;
}

.abecedaire ul li a:hover {
    background: #386DA3
    text-decoration: none;
}


.mots-cles-par-lettre {
    list-style: none;
    margin: 0 0 20px 0;
    padding-left: 15px;
}

.mots-cles-par-lettre li {
    margin: 3px 0;
}

.mots-cles-par-lettre li a {
    border-left: 3px solid #386DA3;
    padding-left: 5px;
}

.mots-cles-par-lettre li a:hover {
    border-left: 3px solid #E46902;
    color: #E46902;
    text-decoration: none;
}


/* Tableaux */

table.tableau {
  border-collapse: collapse;
  margin: 1em auto;
}

table.tableau tr th {
  background: #386da3 url(../img/blue-background.png) repeat-x;
  color: white;
  line-height: 1em;
  padding: 0.5em;
  border: #386da3 thin solid;
}

table.tableau tr td {
  padding: 0.3em;
  border: #386da3 thin solid;
}


/* Chapitres et sous-chapitres */

div.chapitre {}
div.chapitre h4 {
  color: #254769;
  border-bottom: #254769 solid 1px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

div.attention {
  border-left: #ff1c27 thick solid;
  padding-left: 1em;
}

div.info {
  border-left: #319d0d thick solid;
  padding-left: 1em;
}

div.note {
  border-left: #a80329 thick solid;
  padding-left: 1em;
}

div.savoir {
  border-left: #6fb843 thick solid;
  padding-left: 1em;
}

div.sous-chapitre {
  padding-left: 0.5em;
  padding-right: 0.5em;
}


/* Logos des partenaires */

div.partenaires div {
  text-align: center;
}

div.partenaires img {
  border: none;
}


/* Pagination */

div.pagination-basse {
  clear: both;
  text-align: center;
}


/* Pied de page */

div.a-propos {
  border-top: black thin solid;
  clear: both;
  margin-bottom: none;
  margin-top: 1em;
}

p.a-propos-fiche,
p.a-propos-logiciel {
  font-size: 0.8em;
  font-style: italic;
  margin: 0.5em;
  text-align: center;
}

p.limitation-responsabilite {
  font-style: italic;
}