#selection-c1  { margin-right: 5px; width: 340px; float: left }
#selection-c2 { width: 200px; float: right }
#selection   { color: #4e4e4e; font-family: Arial, Helvetica, sans-serif; background-color: #fff; margin: 0 0 5px 5px; padding: 5px; width: 550px; float: left }
#selection ul      { list-style-type: none; display: block; margin: 10px 20px; padding: 0 }
#selection li     { list-style-type: square; margin-top: 3px; margin-bottom: 6px; clear: left }
#selection ul li { margin-top: 6px; margin-bottom: 6px }
#menu      { font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: none; height: 35em; clear: right }
#pied { color: #4e4e4e; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
#pied img { margin-left: 5px; float: left }

#menu h2              { color: #19242e; font-size: 1em; font-weight: bold; line-height: 0.95em; background-color: #b9b9b9; background-image: url("../images/cadenas1.png"); background-repeat: no-repeat; background-position: 5px 6px; text-transform: uppercase; margin: 6px 0 0; padding: 10px 0 6px 25px; border-bottom: 2px dotted #505c98 }
#menu h3  { color: #4b64a5; font-size: 1em; font-weight: bold; line-height: 0.95em; background-color: #b9b9b9; background-image: url("../images/cadenas2.png"); background-repeat: no-repeat; background-position: 5px 6px; text-transform: uppercase; margin: 6px 0 0; padding: 10px 0 6px 25px; border-bottom: 2px dotted #505c98 }
#menu a  { color: #504d68; font-size: 0.95em; line-height: 18px; text-decoration: none; background-image: url("../images/les_bleues_03.png"); background-repeat: no-repeat; display: block; margin: 2px 0 0 2px; padding: 0 0 0 20px }
#menu a:hover   { color: #083aae; background-image: url("../images/les_bleues_09.png"); background-repeat: no-repeat }
#menu a.extra                    { color: #504d68; font-size: 0.95em; line-height: 18px; text-decoration: none; background-image: url("../images/les_bleues_05.png"); background-repeat: no-repeat; display: block; margin: 2px 0 0 2px; padding: 0 0 0 20px }
#menu a:hover.extra               { color: #39458f; background-image: url("../images/les_bleues_10.png"); background-repeat: no-repeat }
#menu img  { margin-left: 15px }
#chemin      { color: #dbdbdb; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #052368; text-align: right; text-transform: uppercase; margin: 0; padding: 2px 4px 2px 2px }
#chemin a     { color: #ddd; text-decoration: none; padding: 2px 4px }
#chemin a:hover     { color: #fff; text-decoration: none; padding: 2px 4px }
#infos  { font-size: 13px; font-family: Arial, Helvetica, sans-serif; padding: 5px }
#infos a { color: #4b64a5 }
#infos a:hover { color: #5d5d5d; text-decoration: none }
#infos a:active a:visited   { color: #4b64a5; text-decoration: none }
#infos h1           { color: #232f73; font-size: 1.1em; font-family: "Trebuchet MS", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; margin: 0; padding: 3px 3px 3px 5px }
#infos .texte-h1   { color: #4e4e4e; font-size: 1em; margin-left: 5px }
#infos h2          { color: #4b64a5; font-size: 1.2em; margin: 0 0 0 5px; padding: 0 0 0 2px }
#infos .texte-h2    { color: #4e4e4e; font-size: 1em; margin-left: 15px }
#infos h3          { color: #507190; font-size: 1em; font-family: "Trebuchet MS", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 5px 0 0 5px; padding: 0 0 0 2px; border-bottom: 1px solid #507190 }
#infos .texte-h3  { color: #000; font-size: 0.9em; margin-left: 15px; padding-left: 2px }
#liste_resultats  { font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 20px }
#liste_resultats h3   { color: #19242e; font-size: 0.9em; font-family: "Trebuchet MS", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-transform: uppercase; margin-left: -20px; padding-left: 5px; border-bottom: 1px solid #19242e; border-left: 20px solid #8bafe0 }
#un_resultat  { margin-left: 3px }
#infos h4  { color: #121829; font-size: 0.95em; font-family: "Trebuchet MS", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin-top: 0; margin-bottom: 0; margin-left: 20px }
#titre     { color: #6782a6; font-size: 0.9em; font-weight: bolder; margin-bottom: 0; padding-top: 5px; padding-bottom: 0; padding-left: 5px }
#resume    { color: #161207; font-size: 0.9em; font-family: Georgia, "Trebuchet MS", Times, "Times New Roman", serif; text-align: justify; margin-top: 0; padding-top: 2px; padding-left: 15px }
#source    { color: #4e4e4e; font-size: 0.7em; background-color: #ddd; display: block; margin: 0; padding: 2px 3px; float: right }
#date    { color: #000; font-size: 0.7em; display: block; margin: 0 0 0 10px; padding: 2px 3px; float: right; border-bottom: 2px solid #8bafe0; border-left: 2px solid #8bafe0 }
#infos .lien     { font-size: 0.7em; font-weight: bold; text-decoration: none; display: block; margin-top: 0; margin-bottom: 3px; margin-left: 5px; padding-top: 0; padding-bottom: 3px; padding-left: 10px; border-left: 2px dotted #8bafe0 }
#infos .lien:hover   { background-color: #b4b2c8 }
#selection h1   { color: #fff; font-size: 12px; font-weight: bold; background-color: #4b64a5; background-image: none; margin: 15px 0 2px; padding: 2px 0 2px 5px; border-bottom: 1px solid #1b2459 }
#selection h2    { color: #4b64a5; font-size: 12px; font-weight: bold; background-image: none; margin: 15px 0 2px; padding: 2px 0 2px 0; border-bottom: 1px dotted #1b2459 }
#selection a  { color: #4b64a5; text-decoration: none }
#selection a:hover  { color: #101010 }
.tous a  { font-weight: bold; background-image: url("../images/tous.png"); background-repeat: no-repeat; background-position: 0 2px; margin-top: 15px; padding-bottom: 20px; padding-left: 20px; float: none; clear: left }
.tous a:hover { background-image: url("../images/tous_f2.png"); background-repeat: no-repeat; background-position: 0 2px; padding-bottom: 20px; padding-left: 20px }
.date, .type, .presentation, .organisateur, .contact, .externe, .doc, .motscles  { }
.aligne { float: left }
.annule { clear: both }
.valeur, .date, .type, .presentation, .contact, .externe, .doc, .organisateur, .motscles  { color: #2d3671; font-size: 12px; margin-bottom: 2px; padding-right: 3px; padding-left: 3px }
.intitule { color: #39458f; font-size: 16px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #39458f }
.description  { color: #76766b; font-style: italic; margin-top: 3px; margin-bottom: 0; margin-left: 20px }
.lib    { color: #39458f; font-size: 12px; background-color: #dcdcff; display: block; margin: 10px 5px 2px 0; padding: 2px 5px; clear: left; border-bottom: 1px solid #39458f }
#selection img { margin-right: 10px; margin-bottom: 10px; float: left }
#selection img.details { margin-bottom: 10px; margin-left: 10px; float: right }
.promo { color: #9e002d; font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-left: 2px; padding-left: 8px; border-left: 3px outset #9e002d }
#recherche { font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-color: #b6b3d4; margin: 0; padding: 5px; border-top: 1px solid #39458f; border-bottom: 1px solid #39458f }
#recherche form, #recherche input { margin: 0; padding: 0 }
#recherche h1 { color: #39458f; font-size: 14px; font-weight: bold }
#recherche h2    { color: #39458f; font-size: 12px; font-weight: bold; margin-top: 4px; margin-bottom: 1px }
#recherche h2.oblig, #recherche h3.oblig   { color: #c00037; font-size: 12px; font-weight: bold; margin-top: 2px; margin-bottom: 1px; border-bottom: 0 }
#recherche h2.oblig2, #recherche h3.oblig2   { color: #248d3f; font-size: 12px; font-weight: bold; margin-top: 2px; margin-bottom: 1px; border-bottom: 0 }
#recherche h2.oblig3, #recherche h3.oblig3   { color: #76766b; font-size: 12px; font-weight: bold; margin-top: 2px; margin-bottom: 1px; border-bottom: 0 }
#recherche h3 { color: #000; font-size: 12px; font-weight: normal; border-bottom: 0 }
#recherche h3.oblig input, #recherche h3.oblig textarea { color: #760d0d; font-size: 14px; font-weight: normal; padding: 3px; border: dotted 1px #c00037 }
#recherche h3 input, #recherche h3 textarea { color: #39458f; font-size: 14px; font-weight: normal; padding: 3px; border: dotted 1px }
#recherche h4 { color: #4e4e4e; font-size: 10px; font-weight: normal; margin-left: 15px; padding-left: 10px; border-left: 2px solid #76766b }
#recherche input  { margin: 0 }
#recherche input.date { font-size: 10px; margin: 0 }
#recherche label { white-space: nowrap; margin: 3px 10px 3px 0px }
#headline_actu, #headline_emploi, #headline_equipement, #headline_agenda { border-top: 0; border-right: 1px dotted #39458f; border-bottom: 1px dotted #39458f; border-left: 1px dotted #39458f }
#recherche input.valide { margin: 5px }
#recherche fieldset  { font-size: 12px; margin-bottom: 10px; padding-top: 5px }
#recherche legend { color: #39458f; font-size: 12px }
#retour { text-align: center; width: 100% }
#pager { font-weight: bold;}
#pager img { margin: 0px;float: none;}
#selection .headlineTitle { color: #fff; }
#selection .headlineTitle a { color: #fff; }
#message  { margin-top: 20px; margin-bottom: 20px; margin-left: 20px; width: 300px; border-style: solid dashed dashed; border-width: 1px; border-color: #c00037 }
#message h2 { color: #c00037; font-size: 14px; text-align: center; padding: 5px }
#message h1 { color: #fff; font-size: 12px; background-color: #c00037; padding: 3px }
#login   { color: #dbdbdb; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-color: #4b64a5; margin: 0; padding: 0 }
#login a, #login a:hover   { color: #fff; background-image: none }
#login h1    { font-size: 11px; font-weight: normal; margin: 0 0 3px 20px; padding: 0; float: none }
#login input { color: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-color: #698ce7; margin: 3px; padding: 2px; width: 9em; border: dotted 1px #dbdbdb }
#login input.bouton { color: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-color: #39458f; text-transform: uppercase; margin: 3px; padding: 2px; width: 8em; border: solid 1px #dbdbdb }
#login form { margin: 0; padding: 0 }
.password {background-image: url("../images/mdp.png") }
.username { background-image: url("../images/login.png") }
div.valeur p  { margin: 3px 0 2px; padding: 0 }
.nuance { font-style: italic }