#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 }
#menuOLD      { font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: none; height: 35em; clear: right }
#menu      { font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-image: none; clear: right }
#pied { color: #4e4e4e; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold }
#pied img { margin-left: 5px; }
#partenaires { color: #4e4e4e; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
#suite_logos { margin-top:-3px; background-image:url(../images/partners_02.png); background-position:center; background-repeat:repeat-y;}
#partenaires img { margin-left: 0px; margin-top:3px; display:block; background:transparent;}
#partenaires h1 {margin:0px; background-image:url(../images/partners_01.png); background-position:top; background-repeat:no-repeat; height:18px; margin:0px}
#partenaires h2 { margin:0px; background-image:url(../images/partners_03.png); background-position:bottom; background-repeat:no-repeat;  }
#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: left; text-transform: uppercase; margin: 0; padding: 2px 4px 2px 2px }
#chemin2      { height: 1px;color: #dbdbdb; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-align: right; text-transform: uppercase; margin: 0 0 59px 0; padding: 2px 4px 2px 2px; }
#chemin_menu      { padding-top: 8px; }
#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 }
#selection .add_document_partage_form input.bouton {
color: #fff;
border: 1px solid #dbdbdb;
margin: 0 0 2em 0;
padding: 0 5px;
font-size: 10px;
background-color: #39458f; text-transform: uppercase;
margin: 3px; padding: 2px; width: auto;min-width: 0;
}
#infos a.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 }
#infos a.bouton:hover { color: #fff; text-decoration: none }
#infos a.bouton:active,#infos a.bouton:visited   { color: #fff; text-decoration: none }
#infos a:hover { color: #5d5d5d; text-decoration: none }
#infos a:active,#infos 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 }
.rdate {font-family: Arial, Helvetica, sans-serif;color: #888888;font-size: 12px;margin-bottom: 2px;padding-right: 3px;padding-left: 3px;font-style: italic;}
.erreur { color: #f00037; font-size: 12px; margin-bottom: 14px; padding-right: 13px; padding-left: 13px; float: left; clear: both; }
.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 }
#selection h3 img { margin-right: 0px; margin-bottom: 0px; float: none }
.promo { color: #9e002d; font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-left: 2px; padding-left: 8px; border-left: 3px outset #9e002d }
#infos a.inpromo { color: #9e002d; font-size: 12px; font-weight: bold; margin-bottom: 10px;}
#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;}
#infos #selection .headlineTitle { color: #fff; }
#infos #selection a.headlineTitle { 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 a.bouton { color: #fff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; background-color: #39458f; text-transform: uppercase; margin: 0px 12px; padding: 0px 10px; width: 9em; border: solid 1px #dbdbdb }
#login a.bouton:hover { color: #fff; text-decoration: none }
#login a.bouton:active,#login a.bouton:visited   { color: #fff; text-decoration: none }
#login a.link:active,#login a.link:visited   { color: #fff; text-decoration: underline }
#login a.link:hover { color: #dbdbdb; text-decoration: underline }

#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 }
#reaction { 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 }
#reaction form, #reaction input { margin: 0; padding: 0 }
#reaction h1 { color: #39458f; font-size: 14px; font-weight: bold }
#reaction h2    { color: #39458f; font-size: 12px; font-weight: bold; margin-top: 4px; margin-bottom: 1px }
#reaction h2.oblig, #reaction h3.oblig   { color: #c00037; font-size: 12px; font-weight: bold; margin-top: 2px; margin-bottom: 1px; border-bottom: 0 }
#reaction h3 { color: #000; font-size: 12px; font-weight: normal; border-bottom: 0 }
#reaction h3.oblig input, #reaction h3.oblig textarea { color: #760d0d; font-size: 14px; font-weight: normal; padding: 3px; border: dotted 1px #c00037 }
#reaction h3 input, #reaction h3 textarea { color: #39458f; font-size: 14px; font-weight: normal; padding: 3px; border: dotted 1px }
#reaction h4 { color: #4e4e4e; font-size: 10px; font-weight: normal; margin-left: 15px; padding-left: 10px; border-left: 2px solid #76766b }
#reaction input  { margin: 0 }
#reaction input.date { font-size: 10px; margin: 0 }
#reaction 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 }
#reaction input.valide { margin: 5px }
#reaction fieldset  { font-size: 12px; margin-bottom: 10px; padding-top: 5px }
#reaction legend { color: #39458f; font-size: 12px }
#encart{ margin: 0pt 17pt 0pt 14pt;background: #FFFFFF}
#encart a {
background-image:none;
background-repeat:no-repeat;
color:#504D68;
display:block;
font-size:0.95em;
line-height:18px;
margin:2px 0pt 0pt 2px;
padding:0pt 0pt 0pt 6px;
text-decoration:none;
}
#encart a:hover   { color: #083aae; background-image: none; background-repeat: no-repeat }

b.rtop, b.rbottom{display:block;background: #dbdbdb}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #FFFFFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}


b.r_top, b.r_bottom{display:block;background: #FFFFFF}
b.r_top b, b.r_bottom b{display:block;height: 1px;
    overflow: hidden; background: #DDDDFF}
b.r_1{margin: 0 5px}
b.r_2{margin: 0 3px}
b.r_3{margin: 0 2px}
b.r_top b.r_4, b.r_bottom b.r_4{margin: 0 1px;height: 2px}