ï»¿body{height:100%; min-height:100%; text-align:center; color:#677985; font-family:arial,sans-serif; font-size:.8em;}
body.rte{text-align:left;}

a, a:visited, a:active, a:link {color: #bd152a; text-decoration:none;}
a.externe, a.externe:visited, a.externe:active, a.externe:link {color:#677985;}
a:hover{color:#6f777a; text-decoration:underline;}
a img{border:0;}

input[type="text"], input[type="password"]{border:1px solid #677985; color:#677985; background-color: #e1e1e1;}
input[type="text"]:hover, input[type="password"]:hover, input:focus{background-color: #fff;}
input[type="text"]:active, input[type="password"]:active{color: #bd152a;}
fieldset{margin-bottom:10px;}
textarea {width:95%; height:300px;}
span.loading_box{padding-left:17px; background:url(images/loading.gif) no-repeat; font-size:1em; font-weight:normal; text-transform:none;}

.confirm{color:green;}
.error{color:red; font-size:1em; font-weight:normal; text-transform:none;}

a.btn,a.btn:link,a.btn:active,a.btn:visited{border:1px solid #bd152a; background:#edeff1; padding:1px 3px 1px 3px; margin:0 2px; font-family:verdana,sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
a.btn:hover{background: #d3d8dc; text-decoration:none; color:#bd152a;}

a.rmv_btn,a.rmv_btn:link,a.rmv_btn:active,a.rmv_btn:visited{border:1px solid #bd152a; background: url(images/icon_remove.gif) no-repeat #ff5050; color:#fff; padding:1px 3px 1px 12px; margin:0 2px; font-family:verdana,sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
a.rmv_btn:hover{text-decoration:none; background: url(images/icon_remove.gif) no-repeat #bd152a;}

a.btn_retour,a.btn_retour:link,a.btn_retour:active,a.btn_retour:visited{border:1px solid #bd152a; background: url(images/icon_retour.gif) no-repeat #edeff1; padding:1px 3px 1px 12px; margin:0 2px; font-family:verdana,sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
a.btn_retour:hover{background: url(images/icon_retour.gif) no-repeat #d3d8dc; text-decoration:none; color:#bd152a;}

a.btn_print,a.btn_print:link,a.btn_print:active,a.btn_print:visited{border:1px solid #bd152a; background: url(images/icon_print.gif) no-repeat #edeff1; padding:1px 3px 1px 12px; margin:0 2px; font-family:verdana,sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
a.btn_print:hover{background: url(images/icon_print.gif) no-repeat #d3d8dc; text-decoration:none; color:#bd152a;}

a.btn_add_lang,a.btn_add_lang:link,a.btn_add_lang:active,a.btn_add_lang:visited{border:1px solid #bd152a; background: url(images/icon_add_lang.gif) no-repeat #edeff1; padding:1px 3px 1px 12px; margin:0 2px; font-family:verdana,sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
a.btn_add_lang:hover{background: url(images/icon_add_lang.gif) no-repeat #d3d8dc; text-decoration:none; color:#bd152a;}

a.btn_editer,a.btn_editer:link,a.btn_editer:active,a.btn_editer:visited{border:1px solid #bd152a; background: url(images/icon_editer.gif) no-repeat #edeff1; padding:1px 3px 1px 12px; margin:0 2px; font-family:verdana,sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
a.btn_editer:hover{background: url(images/icon_editer.gif) no-repeat #d3d8dc; text-decoration:none; color:#bd152a;}

a.btn_enregistrer,a.btn_enregistrer:link,a.btn_enregistrer:active,a.btn_enregistrer:visited{border:1px solid #bd152a; background: url(images/icon_enregistrer.gif) no-repeat #edeff1; padding:1px 3px 1px 12px; margin:0 2px; font-family:verdana,sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
a.btn_enregistrer:hover{background: url(images/icon_enregistrer.gif) no-repeat #d3d8dc; text-decoration:none; color:#bd152a;}

a.btn_editer,a.btn_annuler:link,a.btn_annuler:active,a.btn_annuler:visited{border:1px solid #bd152a; background: url(images/icon_annuler.gif) no-repeat #edeff1; padding:1px 3px 1px 12px; margin:0 2px; font-family:verdana,sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
a.btn_annuler:hover{background: url(images/icon_annuler.gif) no-repeat #d3d8dc; text-decoration:none; color:#bd152a;}

a.btn_top,a.btn_top:link,a.btn_top:active,a.btn_top:visited{border:1px solid #bd152a; background: url(images/icon_top.gif) no-repeat #edeff1; padding:1px 3px 1px 12px; margin:0 2px; font-family:verdana,sans-serif; font-size:9px; font-weight:normal; text-transform:none;}
a.btn_top:hover{background: url(images/icon_top.gif) no-repeat #d3d8dc; text-decoration:none; color:#bd152a;}

div.info_date{font-size:.8em; text-align:right;}

h1{font-size:2em; margin:0; padding:0 0 .5em 0;}
h2{font-size:1.7em; margin:0; padding:0 0 .5em 0;}
h3{font-size:1.4em; margin:0; padding:0 0 .5em 0;}
h4{font-size:1.1em; margin:0; padding:0 0 .5em 0;}
h5{font-size:1em; margin:0; padding:0 0 .5em 0;}
h6{font-size:0.8em; margin:0; padding:0 0 .5em 0;}
p{margin:0 0 .8em 0; padding:0;}
ul{margin-top:0; padding-top:0;}
li{padding-top:.5em;}

.admin_box{background:#fffbb8; padding:5px; margin:5px; border: 1px solid #fff22f;}
.admin_box form{margin:0; padding:0;}


/* Pour les formulaires avec un champ par ligne */
form.formulaire_ligne{margin:0; padding:0;}
form.formulaire_ligne div.ligne{text-align:left; height:25px;}
form.formulaire_ligne div.ligne label{text-align:right; display:block; float:left; width:200px; padding-right:3px;}
form.formulaire_ligne div.ligne input{text-align:left; display:block; width:120px; margin-left:205px;}
form.formulaire_ligne div.ligne select{text-align:left; display:block; width:120px; margin-left:205px;}

form.formulaire_ligne2{margin:0; padding:0;}
form.formulaire_ligne2 div.ligne{margin-top:5px;}

form.formulaire_ligne3{margin:20px 0 0 0; padding:0;}
form.formulaire_ligne3 div.ligne{text-align:left; clear:left; margin-top:5px; width:575px;}
form.formulaire_ligne3 div.ligne div.gauche{text-align:right; float:left; width:160px;}
form.formulaire_ligne3 div.ligne div.droite{text-align:left; margin-left:165px;}
form.formulaire_ligne3 div.ligne div.droite div.boite{float:left; width:160px;}

/* index.php, cadre dans de la page du choix de langue */
body#index {font-size:1em;}
body#index div#conteneur{ width: 500px; margin:100px auto 0 auto; text-align:left;}
body#index div#top{background: url("images/index_top.png"); height: 36px;}
body#index div#bloc_central{ border-left:1px solid #65737b; border-right:1px solid #65737b; width: 444px; height:120px; padding:30px 5px; text-align:left; background:url(images/banner_eds_small.gif) no-repeat;}
body#index div#bloc_central a{display:block; width:220px; float:left; text-align:center;  color: #516069;  font-family: arial;}
body#index div#bloc_central a:hover{text-decoration:none; color:#bd152a;}
body#index div#bloc_central a span.bienvenue{display:block; font-size: 1.5em; font-weight: bold; margin-top:30px;}
body#index div#bloc_central a span.continuer{display:block; font-size: 0.8em; text-decoration:underline;}
body#index div#bloc_central div.ligne1{font-size:0.9em; text-align:center; padding-top:35px;}
body#index div#bottom{ background: url("images/index_bottom.png"); height: 76px;}

/* cadres qui structurent la page... */
div#conteneur1{width:980px; height:100%; padding:0; min-height:100%; margin:0 auto; text-align:left;}
div#conteneur2{margin:15px 0 0 0;}
div#conteneur3{width:780px;}  /* Mode 2 colones */
div#conteneur3b{margin-left:150px; width:630px;}  /* Mode 3 colones */

/* Bannière du haut de la page */
div#header{background: url("images/banner_eds.gif") no-repeat; width:980px; height:93px; text-align:right; overflow:hidden;}
div#header h1{display:none;}
div#header img{}

/* Menu principal */
div#menu{background: url("images/bg_menu.gif") no-repeat; height:27px; overflow:hidden; padding: 5px 16px 0 16px; color:#eaf2f5; font-family: arial,sans-serif; }
div#menu a, div#menu a:link, div#menu a:active, div#menu a:visited {font-weight:normal; color:#eaf2f5; padding:3px 3px; text-decoration:none; text-transform:uppercase;}
div#menu a:hover {color:#bd152a;}
div#menu a.actif{}

/* Barre "vous êtes ici" sous le menu */
div#vous_etes_ici{border-bottom:1px solid #677985; padding: 2px 0 3px 0; margin:0 15px 3px 15px;}
div#vous_etes_ici a{padding-left:10px; background: url("images/fleche.gif") no-repeat;}

/* Colonne de droite avec les boites a outils */
div#col_droite{float:right; width:185px;}
div#col_droite h2{padding:0 0 0 4px; margin:0; background:url(images/bg_menu_titre.gif) repeat-x #677985; color:#fff; font-size:1em; font-style:italic;}
div#col_droite div.content{border:1px solid #677985; margin:0 0 20px 0; background:#d3d8dc; text-align:center;}
div#col_droite p{margin:0 10px; padding:10px 0; border-top:1px solid #677985;}
div#col_droite form{margin:0 10px; padding:10px 0;}
div#col_droite a, div#col_droite a:link, div#col_droite a:active, div#col_droite a:visited{font-weight:bold; color:#677985; text-decoration:none;}
div#col_droite a:hover{color:#fff;}
div#col_droite div.admin_box{display:none; text-align:center;padding:5px 2px; border:1px solid #677985; margin:0 0 20px 0; background:#d3d8dc; text-align:center;}
div#col_droite h2.admin_box_close{padding: 0 0 0 18px; margin:0; color:#fff; font-size:1em; font-style:italic; background:#677985 url(images/btn_plus.gif) no-repeat; cursor:pointer;}
div#col_droite h2.admin_box_open{padding: 0 0 0 18px; margin:0; color:#fff; font-size:1em; font-style:italic; background:#677985 url(images/btn_moin.gif) no-repeat; cursor:pointer;}
div#col_droite div.ligne{border:0; margin:0; font-style:normal; height:25px; text-align:left;}
div#col_droite div.ligne label.user{ display:block; padding-left:17px; float:left; background:url(images/user.gif);}
div#col_droite div.ligne label.key{ display:block; padding-left:17px; float:left; background:url(images/key.gif);}
div#col_droite div.ligne input{width:125px;}
div#col_droite div.ligne input#user_submit_field{width:80px; margin-left:2px;}

div#col_droite div#box_avenir{height:100px; font-size:.9em;}
div#col_droite div#box_avenir span.titre{margin-bottom:5px;}
div#col_droite div#box_job{height:100px; font-size:.9em;}
div#col_droite div#box_job span.titre{margin-bottom:5px;}

/* Colonne de gauche avec le sous-menu */
div#col_gauche{float:left; width:135px;}
div#col_gauche h2{padding:0 0 0 4px; margin:0; background:#677985; color:#fff; font-size:1em; font-style:italic;}
div#col_gauche div{border:1px solid #677985; margin:0 0 20px 0; background:#edeff1; text-align:left;}
div#col_gauche a, div#col_gauche a:link, div#col_gauche a:active, div#col_gauche a:visited
{display:block; color:#677985; text-decoration:none; font-weight:bold; padding:6px 10px;}
div#col_gauche a:hover{color:#fff;}
div#col_gauche a.actif{margin-left:5px; background:url("images/fleche2.gif") no-repeat;}

/* 1er type de cadre : celui de la présentation sur la page d'accueil */
div.cadre1{border:1px solid #d3d8dc; background:#edeff1; margin-bottom:15px;}
div.cadre1 h2{background:#d3d8dc; color:#677985; margin:0; padding:0 0 0 4px ;  font-size:1.1em; }
div.cadre1 div.contenu{ color:#677985; margin:0; padding:10px;}

/* 2eme type de cadre : celui avec les angles arrondis AVEC le contenu "scrollable" */
div.cadre2{margin-bottom:15px; background:url("images/cadre2_middle.gif") repeat-y;}
div.cadre2 h2.haut{padding:3px 0 0 15px; margin:0; color:#fff; background:url("images/cadre2_top.gif") no-repeat; font-size:1em; font-weight:bold; height:26px; text-transform:uppercase; overflow:hidden;}
div.cadre2 div.centre{padding:0 2px 0 0; background:url("images/cadre2_middle.gif") repeat-y;}
div.cadre2 div.centre div.scrollable{ padding:0 15px; height:160px; overflow:auto;}
div.cadre2 div.bas{background:url("images/cadre2_bottom2.gif") no-repeat; height:20px; overflow:hidden; font-size:12px;}
div.cadre2 div.bas span{padding-left:15px;}

/* 2eme B  type de cadre : celui avec les angles arrondis AVEC le contenu "scrollable" et plus court pour le mode 3 colonnes*/
div.cadre2b{margin-bottom:15px; background:url("images/cadre4_middle.gif") repeat-y;}
div.cadre2b h2.haut{padding:3px 0 0 15px; margin:0; color:#fff; background:url("images/cadre4_top.gif") no-repeat; font-size:1em; font-weight:bold; height:31px; text-transform:uppercase; overflow:hidden;}
div.cadre2b div.centre{padding:0 2px 0 0; background:url("images/cadre4_middle.gif") repeat-y;}
div.cadre2b div.centre div.scrollable{ padding:0 15px; height:160px; overflow:auto;}
div.cadre2b div.bas{background:url("images/cadre4_bottom2.gif") no-repeat; height:20px; overflow:hidden; font-size:12px;}
div.cadre2b div.bas span{padding-left:15px;}

/* 3eme type de cadre : celui avec les angles arrondis SANS le contenu "scrollable" */
div.cadre3{margin-bottom:15px; background:url("images/cadre2_middle.gif") repeat-y;}
div.cadre3 h2.haut{padding:3px 0 0 15px; margin:0; color:#fff; background:url("images/cadre2_top.gif") no-repeat; font-size:1em; font-weight:bold; height:31px; text-transform:uppercase; overflow:hidden;}
div.cadre3 div.centre{padding:5px 10px; background:url("images/cadre2_middle.gif") repeat-y;}
div.cadre3 div.bas{background:url("images/cadre2_bottom.gif") no-repeat; height:26px;}
div.cadre3 div.bas div{padding:4px 0 0 25px; margin-top:3px;}
div.cadre3 div.bas_simple{background:url("images/cadre2_bottom2.gif") no-repeat; height:20px;}

/* 4eme type de cadre : celui avec les angles arrondis SANS le contenu "scrollable" et plus court pour le mode 3 colonnes*/
div.cadre4{margin-bottom:15px; background:url("images/cadre4_middle.gif") repeat-y;}
div.cadre4 h2.haut{padding:3px 0 0 15px; margin:0; color:#fff; background:url("images/cadre4_top.gif") no-repeat; font-size:1em; font-weight:bold; height:31px; text-transform:uppercase; overflow:hidden;}
div.cadre4 div.centre{padding:5px 10px; background:url("images/cadre4_middle.gif") repeat-y;}
div.cadre4 div.bas{background:url("images/cadre4_bottom.gif") no-repeat; height:26px;}
div.cadre4 div.bas div{padding:4px 0 0 25px; margin-top:3px;}
div.cadre4 div.bas_simple{background:url("images/cadre4_bottom2.gif") repeat-y; height:20px;}

/* styles propre a la page agenda.php */
table.calendrier{width:780px; border:1px solid #677985; border-collapse:collapse; margin-bottom:20px;}
table.calendrier th{border:1px solid #677985; background:#d3d8dc; overflow:hidden; font-weight:normal; font-size:.8em;}
table.calendrier td{border:1px solid #677985; background:#fff; width:111px; vertical-align:top; font-size:0.9em; padding:2px; overflow:hidden;}
table.calendrier td.weekend{background:#edeff1;}
table.calendrier td.weekend_today{background:#edeff1; border:3px solid #677985;}
table.calendrier td.today{border:3px solid #677985;}
table.calendrier div.event_list{height:70px; overflow:hidden; font-size:9px; font-family:verdana,sans-serif;}
table.calendrier span.jour_calendrier{display:block; text-align:right; color:#bd152a;}
table.calendrier span.mois_calendrier{display:none;}
table.calendrier div.event{ margin:0; padding:0 0 0 8px; background: url("images/fleche3.gif") no-repeat;}

div#detail_jour{display:none; width:200px; border:1px solid #677985; background:#fff; }
div#detail_jour h3{font-size:.8em; text-align:center; margin:0; padding:0; background:#edeff1;}
div#detail_jour div.contenu{border-top:1px solid #677985; height:150px; overflow:auto;}
div#detail_jour div.contenu div.event{ margin:0; padding:0 0 0 8px; background: url("images/fleche3.gif") no-repeat;}

div.event_list1 {margin:0 0 0 10px; padding:0; text-align:left;}
div.event_list1 h2.date{padding:0; margin:20px 0 0 0; font-size:1em; text-decoration:underline;}
div.event_list1 div.event{margin:0; padding:0;}
div.event_list1 div.event span.titre{display:block; font-weight:bold; background:url(images/fleche.gif) no-repeat; padding-left:10px;}
div.event_list1 div.event span.titre a:hover{text-decoration:none;}
div.event_list1 div.event span.date{display:block; padding-left:25px; font-size:.8em;}

/* styles propre a la page agenda.php */
table.calendrierB{width:630px; border:1px solid #677985; border-collapse:collapse; margin-bottom:20px;}
table.calendrierB th{border:1px solid #677985; background:#d3d8dc; overflow:hidden; font-weight:normal; font-size:.8em;}
table.calendrierB td{border:1px solid #677985; background:#fff; width:90px; vertical-align:top; font-size:0.9em; padding:2px;}
table.calendrierB td.weekend{background:#edeff1;}
table.calendrierB td.weekend_today{background:#edeff1; border:3px solid #677985;}
table.calendrierB td.today{border:3px solid #677985;}
table.calendrierB div.event_list{height:70px; overflow:hidden; font-size:9px; font-family:verdana,sans-serif;}
table.calendrierB span.jour_calendrier{display:block; text-align:right; color:#bd152a;}
table.calendrierB span.mois_calendrier{display:none;}
table.calendrierB div.event{ margin:0; padding:0 0 0 8px; background: url("images/fleche3.gif") no-repeat;}
div.liste_categorie {margin-bottom:5px;}
div.liste_categorie a{ margin:0;}
div.liste_categorie a.actif{text-decoration:underline; font-weight:bold;}


/* styles de la page edt_index.php*/
div.edt {margin:0 0 20px 0; padding-top:10px; clear:left; height:130px; border-top:1px solid #677985;}
div.edt a.edt_logo{display:block; float:left; margin-right:5px; width:128px; height:128px;}
div.edt img{}
div.edt h3{margin:0;padding:0;}
div.edt div.texte{ margin:0 0 0 20px;}
div.edt div.menu_rapide{margin:0 0 0 20px;}
div.edt div.menu_rapide a{padding-left:10px; background: url("images/fleche.gif") no-repeat; display:block; float:left; width:140px;}

/* style de la page admin.php */
table.admin_list{width:758px; border:1px solid #677985; border-collapse:collapse;}
table.admin_list th{border:1px solid #677985; background:#d3d8dc;}
table.admin_list td{border:1px solid #677985; background:#fff; vertical-align:top; font-size:0.8em; padding:2px;}
table.admin_list input{width:100%;}
table.admin_list select#super_administrateur{width:100%}
table.admin_list select#edt_id{width:100%;} 

/* style de la page detail.php */
div.date_detail{font-size:0.8em; margin-top:-10px; text-align:right;}
div.date_detail2{font-size:1em; margin-top:-10px; text-align:left;}
fieldset div.cell{width:180px; float:left;}

/* style pour la page archive.php */
div.col_filtres{float:left; width:135px;}
div.liste_annee {border:1px solid #677985; margin:0 0 20px 0; background:#edeff1;}
div.liste_annee h2{padding:0 0 0 4px; margin:0 0 5px 0; background:#677985; color:#fff; font-size:1em; font-style:italic;}
div.liste_annee a{display:block; background:url(images/fleche.gif) no-repeat; padding-left:10px;}
div.liste_annee a.actif{text-decoration:underline; font-weight:bold;}
div.liste_annee div.liste_mois {}
div.liste_annee div.liste_mois a{display:block; background:url(images/fleche.gif) no-repeat; padding-left:10px; margin-left:10px;}
div.liste_annee div.liste_mois a.actif{text-decoration:underline; font-weight:bold;}

div.event_list2 {margin:0 0 10px 10px; padding:0; text-align:left; margin-left:150px;}
div.event_list2 h2.date{padding:0; margin:20px 0 0 0; font-size:1em; text-decoration:underline;}
div.event_list2 div.event{margin:0 0 10px 0; padding:0;}
div.event_list2 div.event span.titre{display:block; font-weight:bold; background:url(images/fleche.gif) no-repeat; padding-left:10px;}
div.event_list2 div.event span.titre a:hover{text-decoration:none;}
div.event_list2 div.event span.date{display:block; padding-left:25px; font-size:.8em;}
div.event_list2 a.btn_retour{margin:5px;}
/* style pour la page des jobs */
div.job_list1{}
div.job_list1 div.job{margin:0 0 25px 0; padding:0;  border-left:1px solid #65737b;}
div.job_list1 div.job div.titre{font-weight:bold; padding-left:2px; border-bottom:1px solid #65737b;}
div.job_list1 div.job div.texte{padding-left:5px; font-size:.8em; }

/* style pour la page rechecher.php */
div.filtre{}
div.filtre div.groupe{}
div.filtre div.groupe div.option{float:left; width:170px;}

div.result_recherche {margin-bottom:.5em}
div.result_recherche a{font-weight:bold;}
div.result_recherche div.date{padding-left:25px; font-size:.8em;}

div.liste_page{border:1px solid #677985; padding:5px; margin:5px;}