 /* ===========================
Initialisation des styles par defaut
=========================== */
body {
background-color : #fff;
color : #5a5858;
font-family : "Trebuchet MS", arial, helvetica, sans-serif;
font-size : 62.5%;
margin-bottom : 2.5em;
}

body, html, fieldset {
border : 0;
}

h1, h2, h3, h4, h5, h6, pre, code {
font-size : 1em;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input {
margin : 0;
padding : 0;
}

a {
/* background-color : #fff; */
color : #c2276a;
text-decoration : none;
}

a:hover{
text-decoration : underline;
}

/* etat "focus" important pour accessibilite web */
a:focus {
background-color : #666 !important;
color : #fff !important;
text-decoration : none !important;
}

a img,
a:link img,
a:visited img {
border : none;
vertical-align : middle;
}

div#entete_fiche_deco {
background: url(img/entete_fiche.png) repeat-x 0 bottom;
margin-bottom: 1em;
padding-bottom: 2px;
}

div#entete_fiche {
background: #fff;
padding-bottom: 1em;
}

h2 {
color : #777574;
font-family: "Arial Narrow", arial, helvetica, sans-serif;
font-size: 2.2em;
font-weight : 500;
}

.rubrique h2 {
font-size : 2.5em;
}

h3 {
font-size : 1.4em;
margin : 1em 0;
}

h4 {
font-size : 1.2em;
margin : 1em 0;
}

ul{
list-style-type: square;
}

/* === Accessibilite liens evitement === */

p#acces_direct {
margin : 0;
width : 1000px;
display: none;
}

p#acces_direct a,
p#acces_direct a:visited {
background : transparent;
color : #332e44;
display : block;
font-size : 1.1em;
font-weight : 700;
padding : 0.4em 0 1.1em 0;
text-align : center;
text-decoration : none;
width : 1000px;
}

p#acces_direct a:hover,
p#acces_direct a:focus,
p#acces_direct a:active {
background : #ffb623 url(img/acces_direct.png) no-repeat center bottom;
}

p#raccourcis {
display : none;
margin : 0;
}

p#raccourcis a {
color : #fff;
}

/* ===========================
Grands Blocs
=========================== */

#page {
background: url(img/page.png) no-repeat right 0;
font-size : 1.1em;
width : 1000px;
}

/* ===========================
Styles Communs
=========================== */

hr.separateur_sections_page {
display : none;
}

/* === classes communes === */

.hide {
position : absolute;
visibility : hidden;
}

.separateur {
clear : both;
height : 1px;
margin : 0;
padding : 0;
}

.erreur {
color : #f00;
font-style : normal;
font-weight : 700;
}

.retour {
cursor : pointer;
}

/* champs de formulaires en lecture seule */
form input.readonly {
background-color : #ccc;
}

.champ-saisie,
select {
border : 1px solid;
padding : 1px;
}

.ok {
background : #fff;
border : 1px solid;
height : 20px;
vertical-align : top;
}

.legende {
background-color : transparent;
color : #666;
font-size : xx-small/1.0;
margin : 0.5em 0 1em 0;
}

.photo img {
border : 1px solid #000;
}

/* *******************
=Bloc =Bandeau
******************** */

div#bandeau {
height : 126px;
position : relative;
}

#bandeau .champ-saisie {
margin : 0 0 5px 0;
width : 110px;
}

h1 {
font-size : 1.6em;
position: relative;
top: 0;
margin-left: 152px;
}

h1 a {
color : #ea7612;
text-decoration : none;
}

p#montpagglo-logo{
position: absolute;
left: 3px;
top: 5px;
padding: 0;
margin: 0;
}

a#langues{
margin-left: 10px;
border-left: 1px solid #EA7612;
padding-left: 10px;
margin-right: 20px;
}

/* ====================
=Recherche =Simple
==================== */

form#recherche_simple {
border-top: 1px solid #e4dfde;
border-bottom: 1px solid #e4dfde;
margin: 1em 0 1em 0.5em;
padding: 1em 0;
}

#recherche_simple label {
font-size: 1.2em;
font-weight: 700;
color: #999;
}

#recherche_simple input {
border-color: #666;
margin-top: 0.2em;
}

#recherche_simple input#MOTS_CLEFS {
width: 150px;
}

#recherche_simple input.ok {
color: #fff;
background-color: #ea7612;
border-color: #ea7612;
font-weight: 700;
}

#recherche_simple a{
font-size : 1em;
line-height: 190%;
}

#recherche_simple p#vers_recherche_avancee {
margin : 0;
}

/* ====================
=Connexion
==================== */

#connexion {
left : 825px;
position : absolute;
top : 40px;
width : 172px;
}

#connexion legend {
color : #ffb623;
font-family : arial, sans-serif;
font-size : 1.3em;
font-weight : 700;
padding : 0;
}

#connexion label {
color : #ffb623;
display : block;
font-size : 0.9em;
font-weight : 700;
margin : 0;
}

#connexion input#login_intranet {
margin-bottom : 0;
}

#connexion ul {
font-size : 0.9em;
padding-top : 2px;
}

#connexion p#mot_de_passe_oublie {
font-size : 0.9em;
margin : 0;
}

/* =Contexte =DSI */

.dsi #connexion p#personne_dsi {
color : #fff;
font-weight : 700;
margin : 0 0 1em 0;
}

.dsi #connexion ul {
margin-top : 1em;
}

.dsi #connexion ul li {
list-style-type : none;
}

.dsi #select_profil {
width : 140px;
}

.dsi #personne_dsi span {
color : #ffb623;
display : block;
font-family : arial, sans-serif;
font-size : 1.3em;
font-weight : 700;
}

/* ===============
=Block =Menu
=============== */

/* === Menu principal === */

ul#menu_principal {
background-color: #fff;
color : #ea7712;
width : 100%;
font-size: 1.4em;
list-style-type : none;
font-family: arial, helvetica, sans-serif;
}

ul#menu_principal li {
float : left;
margin : 0;
padding: 0.4em 0.7em;
position : relative;
border-right: 1px solid;
}

ul#menu_principal ul {
background-color : #fff;
border : 1px solid #ea7712;
border-top : none;
border-right: none;
display : none;
left : 0;
line-height : normal;
list-style-type : none;
position : absolute;
top : 28px;
width : 150px;
z-index : 5;
}

ul#menu_principal ul li {
float : none;
}

ul#menu_principal em {
font-style : normal;
font-weight : 700;
}

ul#menu_principal a {
background-color : transparent;
color : #ea7712;
text-decoration : none;
}

ul#menu_principal ul a:hover {
text-decoration : underline;
}

/* === bloc Accroche === */

#accroche {
font-size : 1.25em;
line-height : 1.3;
min-height : 88px;
position : relative;
}

#accroche .visuel-rubrique {
background-repeat : no-repeat;
float : left;
height : 147px;
width : 366px;
}

#accroche p {
margin : 0;
padding-bottom : 10px;
padding-right : 20px;
padding-top : 10px;
}

#accroche .separateur {
background-color : #332e44;
font-size : 1px;
height : 1px;
}

/* ===============
=Bloc =Navigation
=============== */

#navigation {
font-family: arial, helvetica, sans-serif;
float : left;
width : 200px;
/* padding-top: 1.35em; */
margin-top: 1.6em;
}

.collaboratif #navigation h3 {
font-size : 130%;
font-weight : 700;
line-height : 1.4;
margin : 1em 10px 1em 20px;
}

#navigation .visuel-rubrique {
background-position : 50% 50%;
background-repeat : no-repeat;
color : #fff;
height : 80px;
padding : 0px 0 21px 0;
}

/* === menu secondaire === */

ul.menu_secondaire {
font-size: 1.4em;
margin : 0;
list-style: none;
}

ul.menu_secondaire li{
display: inline;
}

ul.menu_secondaire em {
font-style : normal;
font-weight : 700;
}

ul.menu_secondaire a{
display: block;
border-bottom: 1px solid #e2dedd;
background-color: #f5f5f5;
padding: 0.7em 0 0.7em 0.5em;
}

ul.menu_secondaire a:hover{
background-color: #fff;
text-decoration: none;
}

ul.menu_secondaire em a{
background-color: #fff;
padding-bottom: 0.2em;
}

ul.menu_secondaire ul {
list-style: none;
}

ul.menu_secondaire ul a{
background-color: #fff;
padding: 0.2em 0 0.2em 1.5em;
}

ul.menu_secondaire ul em{
font-weight: 500;
}

ul.menu_secondaire ul em a{
padding-bottom: 0.2em;
}

/* === outils === */

ul#outils {
margin : 17px 15px 1em 20px;
}

/* === services === */

#services {
margin-left : 10px;
}

#services label {
color : #ffb623;
font-size : 1.1em;
font-weight : 700;
vertical-align : middle;
}

#services legend {
display : none;
}

#services select {
font-size : 0.9em;
}

#services .valider {
font-size : 0.8em;
}

/*********************************
=Bloc =Contenu
*********************************/

#contenu_deco{
float : left;
height : auto;
}

#contenu_avec_encadres{
float : left;
margin : 0;
min-height : 300px;
padding : 20px 25px 50px 25px;
width : 540px;
}

#contenu_sans_encadres {
float : left;
min-height : 300px;
padding : 20px 22px 50px 25px;
width : 740px;
}

/* pour plan de site et liste imbriquees dans toolbox
#contenu_avec_encadres ul,
#contenu_avec_encadres ol,
#contenu_sans_encadres ul,
#contenu_sans_encadres ol {
margin : auto;
padding : 0 0 0 1em;
}
*/

div#fil_ariane_deco {
background: url(img/fil_ariane.png) no-repeat 5px 2px;
clear: both;
padding-left: 200px
}

p#fil_ariane {
color: #fff;
font-family: arial, sans-serif;
font-size : 0.9em;
margin: 0;
padding: 0.2em 1em 0.2em 30px;
}



p#fil_ariane a{
color: #fff;
background-color: #999;
}

/* Plan du site */

#contenu_avec_encadres ol,
#contenu_sans_encadres ol {
padding : 0 0 0 2em;
}

#contenu_avec_encadres ol ol ol,
#contenu_sans_encadres ol ol ol{
padding-left: 1.5em;
}

ol.plansite1 li{
color: #b52463;
background: url(img/plan_site.png) no-repeat 0 0;
font-family: arial, helvetica, sans-serif;
font-weight: 700;
list-style: none;
font-size: 1.1em;
border-bottom: 1px solid #e2dedd;
margin: 2em 0 1em 0;
padding: 0.4em 0 1em 1.5em;
list-style-position: outside;
}

ol.plansite2 li{
font-family: "Trebuchet MS", sans-serif;
background: none;
font-weight: 500;
list-style: square;
margin-top: 0.5em;
border-bottom: 0;
margin-bottom: 0;
padding: 0;
}

ol.plansite3 li{
background: none;
border-bottom: 0;
font-size: 0.9em;
list-style: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
margin-left: 0;
}

/* === Documents à télécharger === */

h3#telecharger_titre{
background: url(img/telecharger_titre.png) no-repeat 6px 5px;
color: #777574;
border-top: 1px solid #e2dedd;
font-size: 1.1em;
font-family: arial, helvetica, sans-serif;
padding: 1em 0 0 25px;
}

ul#telecharger {
margin: 0 0 1em 2em;
padding: 0 0 1em 0;
color: #cbc8c7;
}

ul#telecharger li {
list-style-type : none;
padding: 0.3em 0;
}

/* === Type de fichier-joint === */

ul#fichiersjoints {
margin : 0.5em 0 0 0;
padding : 0;
position : relative;
}

ul#fichiersjoints li {
display : inline;
list-style-type : none;
position : relative;
}

a.pdf, a.doc, a.xls, a.ppt,
a.sxw, a.sxc, a.sxi, a.image, a.defaut {
background-color : transparent;
background-position : 0 50%;
background-repeat : no-repeat;
/* display : block; */
margin : 0;
padding : 3px 0 3px 20px;
}

a.pdf {
background-image : url(img/pictos/pdf.png);
}

a.doc {
background-image : url(img/pictos/msword.png);
}

a.xls {
background-image : url(img/pictos/msexcel.png);
}

a.ppt {
background-image : url(img/pictos/mspowerpoint.png);
}

a.sxw {
background-image : url(img/pictos/ooo_texte.png);
}

a.sxc {
background-image : url(img/pictos/ooo_classeur.png);
}

a.sxi {
background-image : url(img/pictos/ooo_presentation.png);
}

a.image {
background-image : url(img/pictos/image.png);
}

a.defaut {
background-image : url(img/pictos/defaut.png);
}

/* --- */

.effacer,
.valider {
background : #fff;
border : 1px solid #333;
margin : 0;
padding : 2px;
}

.effacer {
border : 1px solid #666;
color : #666;
}

/*************************************************
=Contexte =Rubrique
**************************************************/

#photo {
background-position : 50% 50%;
background-repeat : no-repeat;
color : #fff;
height : 80px;
padding : 0px 0 21px 0;
}

#photo div {
padding-left : 30px;
}

a#se_connecter {
display : block;
margin-left : 15px;
margin-top : 60px;
}

.para-an {
border-top : 1px solid #e2dedd;
border-bottom : 1px solid #e2dedd;
padding : 0.5em 0 1em 0;
margin: 1.5em 0 0.5em 0;
}

.para-an h3 {
font-family:  arial, helvetica,sans-serif;
color : #777574;
font-size : 1.1em;
margin: 0 0 0.5em 0;
background: url(img/h3.png) no-repeat 0 1px;
padding: 0.5em 0 0.5em 15px;
}

div.deco_1{
padding-left: 15px;
}

/* === Elements communs aux fiches === */

body.actualite #thematique,
body.article #thematique,
body.document #thematique {
color: #777574;
font-family: verdana, sans-serif;
font-size: 0.8em;
}

body.actualite .photo,
body.article .photo,
body.document .photo {
float : left;
margin : 0 10px 0 0;
}

body.actualite #resume,
body.article #resume,
body.document #resume{
color : #26415d;
font-weight : 700;
font-size: 1.2em;
font-family: arial, helvetica, sans-serif;
}

.lien_plan {
background: url(img/liste_resultats_item.png) no-repeat 0 4px;
display : block;
padding-left: 10px;
}

/* === =Fiche =Actualite === */

body.actualite #deco_type_date {
padding-bottom: 0.7em;
border-bottom : 1px solid #e2dedd;
}

body.actualite #date {
margin : 0;
}

body.actualite #date em {
font-style: normal;
font-weight : 700;
}

body.actualite #description {
margin-top : 1.5em;
text-align : left;
}

body.actualite p#type_evenement {
margin-bottom: 0;
}

body.actualite p#partenaires {
border-top : 1px solid #e2dedd;
margin-top : 0.5em;
padding-top : 0.5em;
}

body.actualite dl.type_1 {
margin-top: 1.5em;
}


/* ===	=Fiche =Article === */

body.article #soustitre {
color : #ff7800;
font-size : 1.3em;
font-family:  arial, helvetica,sans-serif;
font-weight: 700;
margin:0.5em 0;
}

body.article #date {
font-family: verdana, sans-serif;
font-size : 0.9em;
margin: 0.5em 0;
}

body.article #corps {
margin-bottom : 1em;
text-align : left;
}

/* ===	=Fiche =Document === */

body.document #soustitre {
color : #ff7800;
font-size : 1.3em;
font-family:  arial, helvetica,sans-serif;
font-weight: 700;
margin:0.5em 0;
}

body.document #deco_ref_auteurs {
border-bottom : 1px solid #e2dedd;
padding-bottom: 1em;
}

body.document #referenceisdn {
color: #26415d;
font-family:  arial, helvetica,sans-serif;
font-size: 1.2em;
}

body.document #auteurs {
color: #777574;

}

body.document #description {
margin-top: 1.5em;
}

/* === =Fiche =Annuaire === */

body.annuaire #fonction {
color: #26415d;
font-size: 1.3em;
font-family:  arial, helvetica,sans-serif;
}

body.annuaire #discipline {
color: #777574;
font-size : 0.9em;
margin: 0;
}

body.annuaire em.type_personnel {
display : block;
font-style : normal;
}

body.annuaire .photo {
background : #fff;
float : left;
margin-right : 10px;
text-align : right;
}

/* === =Fiche =DefautStructure =Structure ===*/

.defaultstructure .photo {
float : right;
margin : 1em 10px 0 0;
}

body.defaultstructure p#type_structure {
color : #777574;
font-size : 0.9em;
font-family: arial, sans-serif;
}

/*=== Listes de definitions ===*/

/* de type 1 */

dl.type_1 {
background : #fff url(img/type_1.png) no-repeat 3px 0;
border-top: 1px solid #e2dedd;
margin : 0;
position : relative;
width : 100%;
}

dl.type_1 dt {
color: #26415d;
font-weight : 700;
left : 0;
margin : 0;
padding-top : 0.5em;
position : absolute;
width: 225px;
text-align: right;
}

dl.type_1 dd {
margin-left : 225px;
padding : 0.5em 2%;
}

/* de type 1 dans fiche actualite
dl.type_1 .liste_def_contact,
dl.type_1 .liste_def_type,
dl.type_1 .liste_def_site,
dl.type_1 .liste_def_partenaires {
} */

/* de type 1 dans fiche document
dl.type_1 .liste_def_source, 
dl.type_1 .liste_def_editeur,
dl.type_1 .liste_def_type_document,
dl.type_1 .liste_def_dates,
dl.type_1 .liste_def_complement_info {
} */

/* de type 2 */

dl.type_2 {
background : #fff url(img/liste_definition_type_2.png) no-repeat 0 bottom;
border-top: 1px solid #e2dedd;
border-bottom : 1px solid #e2dedd;
margin : 0 0 0.5em 0;
padding-bottom : 18px;
position : relative;
clear: both;
}

dl.type_2 dt {
font-weight : 700;
padding-top : 0.4em;
text-align : right;
width : 185px;
}

dl.type_2 dd {
margin : -14px 0 0 190px;
padding : 0 2%;
}

/* --- fin --- */

/* ===	=Commentaires === */

#commenter {
text-align : right;
}

#commenter a {
border : 1px solid;
color : #7C3345;
margin : 13px 0;
padding : 2px;
}

.com-outer {
clear : both;
}

.com-outer a {
background-color : transparent;
}

.com-inner {
}

.com-inner h3 {
font-size : 1em;
}

.com-inner ul {
margin : 0;
}

.com-inner ul#com-ul1 {
padding : 0;
}

.com-inner li {
border-left : 2px solid #ddd;
list-style-type : none;
}

.li1 {
padding-left : 0;
}

.li1first {
margin-top : 0;
}

.li1 ul {
margin-left : 6px;
}

p.com-titre,
p.reponse-titre {
clear : both;
font-weight : 700;
margin : 0;
padding : 2px 0 2px 10px;
}

.com-titre0,
.reponse-titre0 {
}

.com-titre1,
.reponse-titre1 {
}

p.com-date,
p.com-site,
p.reponse-auteur,
p.reponse-destinataires,
p.reponse-destinatairescc,
p.reponse-documents {
font-family: verdana, sans-serif;
background-color : #f5f5f5;
font-size : 0.85em;
margin : 0 0 0 6px;
padding : 2px 5px;
}

p.com-site,
.com-corps,
p.reponse-destinataires,
p.reponse-destinatairescc,
p.reponse-documents,
.reponse-corps  {
border-top: 1px solid #fff;
}

.com-auteur {
padding-left : 5px;
}

.com-corps,
.reponse-corps {
margin-left : 6px;
padding : 2px 0 0 5px;
}

.com-new {
border-top : 30px solid #fff;
}

p.repondre {
text-align: right;
font-family: verdana, sans-serif;
font-size: 0.85em;
font-weight: 700;
}

p.repondre a {
border: 1px solid;
padding: 0.2em;
}

p.repondre a:hover{
text-decoration: none;
color: #fff;
background-color: #c2276a;
}

/* ===	=Fiche =PageLibre === */

/*  ligne et colonnage */

.ligne {
clear : left;
margin : 0;
}

.premiere_ligne {
border : 0;
padding-top : 0;
}

.colonne {
float : left;
}

.colonne_deco {
border-left : 1px solid #e2dedd;
margin-right : 10px;
padding : 0 0 1em 10px;
}

/* Fix Toolbox */
.colonne_deco * li div {
display : inline;
}

.derniere_colonne .colonne_deco {
margin-right : 0;
}

.premiere_colonne .colonne_deco {
border : 0;
padding-left : 0;
}

/* styles de paragraphes */

.sansstyle {
font-size : 1em;
}

.style1 {
font-size : 1em;
}

.style1 h3 {
color : #ea7712;
font-family:  arial, helvetica,sans-serif;
font-size : 1.4em;
font-weight : 700;
margin : 1em 0 0.5em 0;
}

.style2 {
font-size : 1em;
}

.style2 h3 {
color : #777574;
background: #fff url(img/style2_titre.png) no-repeat right 0;
font-family:  arial, helvetica,sans-serif;
font-size : 1.4em;
font-weight : 700;
margin : 0.8em 0 0.4em 0;
padding: 0.2em 20px 0.2em 0;
}

.style3 {
font-size : 1em;
}

.style3 h3 {
font-family:  arial, helvetica,sans-serif;
font-size : 1.4em;
font-weight : 700;
margin : 1em 0 0.5em 0;
}

/********************************
=Fiche =Recherche_avancee
********************************/

ul#themes_recherche_avancee{
color: #c2276a;
list-style-type: square;
}

p#recherche_avancee_precisions{
color: #26415d;
font-size: 1.3em;
}

form#recherche_avancee {
width : 97%;
}

#recherche_avancee legend {
display : none;
}

#recherche_avancee p {
background: #fff url(img/recherche_avancee.png) no-repeat 5px -8px;
border-top: 1px solid #e2dedd;
border-bottom: 1px solid #e2dedd;
clear : both;
margin : 0 0 5px 0;
/* overflow : auto; */
padding : 0.3em 0;
}

#recherche_avancee p img{
vertical-align: top;
}

#recherche_avancee label{
color: #26415d;
float : left;
font-family: arial, helvetica, sans-serif;
font-weight : 700;
font-size: 1.1em;
padding-left : 20px;
padding-right : 5px;
width : 125px;
}

#recherche_avancee input,
#recherche_avancee select{
color: #777574;
border: 1px solid #333;
font-size: 1em;
padding: 0;
font-family: "Trebuchet MS", sans-serif;
}

#recherche_avancee label.no_float{
float : none;
}

#recherche_avancee .ChampSaisie{
max-width : 360px;
}

#recherche_avancee input.bouton{
background-color : #fff;
color: #777574;
border : 1px solid;
padding: 0 !important;
}

#recherche_avancee input.effacer{
background-color : red;
}

#recherche_avancee p.recherche_avancee_validation{
background-image : none;
border : 0;
text-align : right;
}

#recherche_avancee p.recherche_avancee_validation input {
color: #777574;
border : 1px solid;
font-size : 1em;
margin : 0 0 10px 10px;
}

#recherche_avancee p.recherche_avancee_validation input.effacer{
background-color: #e2dedd;
}

/* page résultats de recherche  */

body.recherche #page{
background-image: none;
}

#precisions_resultats {
color : #26415d;
font-size: 1.3em;
margin : 1em 0;
}

div#contenu_sans_encadres ul.liste_resultats {
margin-top : 2em;
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

ul.liste_resultats li {
background: url(img/liste_resultats_item.png) no-repeat 1em 0.6em;
border-bottom : 1px solid #e2dedd;
margin-bottom : 1.3em;
padding-bottom : 0.3em;
padding-left: 2em;
}

p#recherche_avancee_modification{
font-size: 1.3em;
margin-bottom: 0;
}

p#recherche_avancee_pagination{
font-size: 1.3em;
margin-top: 0;
}

a.precedent,
a.suivant,
a.premier,
a.dernier {
font-size : xx-small;
margin : 0 0 10px 10px;
padding : 2px;
}

/* === Listes d'affichage === */

ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li,
ul.liste-annuaire li {
clear : left;
list-style-type : none;
margin : 0;
padding : 1em 0;
color: #26415d;
}

body.collaboratif ul.liste-annuaire li {
line-height: 150%;
}

ul.liste-documents li a,
ul.liste-actualites a,
ul.liste-articles a,
ul.liste-annuaire a {
padding-left : 0;
}

ul.liste-documents li span,
ul.liste-actualites li span,
ul.liste-articles li span,
ul.liste-annuaire li span {
display : block;
}

ul.liste-documents em,
ul.liste-actualites em,
ul.liste-articles em,
ul.liste-annuaire em {
font-size : 1.2em;
font-style : normal;
font-weight : 700;
margin : 0;
padding : 0;
}

ul.liste-actualites li.agenda em {
background : url(img/h3.png) no-repeat 0 0;
display: block;
margin-bottom : 0.2em;
padding : 0.5em 0 0.5em 15px;
}

ul.liste-actualites li.agenda p.structure_rattachement {
clear : both;
font-size : 1.2em;
}

ul.liste-documents a.telecharger-fichiers {
display : block;
}

ul.liste-documents em a.telecharger-fichiers {
display : inline;
}

ul.liste-documents span.soustitre-liste,
ul.liste-actualites span.soustitre-liste,
ul.liste-articles span.soustitre-liste {
color : #777574;
font-size : 1.2em;
font-weight : normal;
line-height: 1;
}

ul.liste-documents span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste {
color : #777574;
font-size: 0.8em;
}

ul.liste-actualites li.agenda span.date-liste {
color: #26415D;
font-size: 1.2em;
}

ul.liste-actualites li.agenda span.date-liste em {
background: none;
display : inline;
font-size: 1em;
font-weight: 700;
padding: 0;
}

ul.liste-documents p,
ul.liste-actualites p,
ul.liste-articles p {
font-size : 1em;
margin : 0;
padding : 0;
}

ul.liste-actualites li.agenda span.date-liste p {
display : inline;
}

ul.liste-pardefaut li {
list-style-type : square;
color: #b52463;
margin: 0.2em 0 0.2em 2em;
}

ul.fluxrss li {
list-style-type : none;
}

ul.fluxrss li span {
display : block;
}

.img-liste {
clear : left;
float : left;
margin : 0 10px 0 0;
}

ul.liste-articles span.redac-liste {
color : #332e44;
font-size : 110%;
font-style : italic;
}

/* === =Contexte =Fiche =Collaboratif =Gestion === */

/* == layout du collaboratif ==*/

.collaboratif #navigation ul,
.collaboratif #navigation ol {
list-style : none;
}

.collaboratif .ligne {
border : 0;
}

/* === end layout === */


/*** styles du collaboratif ***/

/*** Zone Centrale ***/
.collaboratif .conteneursousparagrapheaccueil {
float : left;
margin-top : 2em;
width: 100%;
}

.collaboratif .colonne {
margin-top : 2em;
width : 95%;
}

.collaboratif .conteneursousparagraphealbum {
float : left;
margin-top : 2em;
width : 95%;
}

.collaboratif p.destinataires div {
float: left;
}

body.collaboratif ul.radio{
list-style: none;
line-height: 200%;
margin-left: 1em;
}

body.collaboratif ul.radio li label{
width: auto;
float: none;
}

body.collaboratif div.destinataires-client ul,
body.collaboratif div.destinataires-enjoy ul{
list-style: none;
}

body.collaboratif div.contenu_affaire table td{
background-color: #fff ;
}

body.collaboratif div.contenu_affaire span.priorite-important {
background: url(img/important.png) no-repeat right 0;
display: block;
width: 18px;
height: 18px;
}

body.collaboratif div.contenu_affaire_retroplanning tr.prochain-retro td span.priorite-important {
background-image: url(img/important_focus.png);
}

/*body.collaboratif div.contenu_affaire span.etape-conseil{
background: url(img/etoile.png) no-repeat right 0;
display: block;
width: 18px;
height: 18px;
}*/

body.collaboratif div.contenu_affaire span.etape-conseil{
display: block;
font-style: italic;
}

body.collaboratif div.contenu_affaire_retroplanning tr.prochain-retro td span.etape-conseil {
/*background-image: url(img/etoile-focus.png);*/
color: #fff;
}

/* === Retroplanning === */

body.retroplanning li#etape_conseil{
background: url(img/etoile.png) no-repeat right 0;
display: inline;
padding: 2px 22px 2px 0;
}

body.retroplanning ul#delai_priorite{
list-style: none;
font-style: italic;
}

body.retroplanning ul#delai_priorite li#priorite_important{
background: url(img/important.png) no-repeat right 0;
display: inline;
padding: 2px 22px 2px 0;
}

body.retroplanning p#fil_alerte{
font-weight: 700;
}

body.retroplanning div#description h3,
body.retroplanning h3#version_fichiers_joints_titre,
body.retroplanning h3#interlocuteur_titre{
font-size: 1em;
margin: 1.5em 0 0 0;
text-transform: uppercase;
border-bottom: 1px dotted #999;
}

ul#version_fichiers_joints{
margin: 0.5em 0 0 1em;
}

p#interlocuteur{
margin: 0.5em 0 1em 0;
}

p#prise_en_compte,
body.echange p#ajouter_gps,
p#non_prise_en_compte,
body.echange p#non_ajouter_gps{
background: url(img/prise_en_compte.png) no-repeat 0 0;
padding: 1px 0 1px 22px;
margin: 1em 0 0 0;
font-weight: 700;
color: #090;
}

p#non_prise_en_compte,
body.echange p#non_ajouter_gps{
background: url(img/non_prise_en_compte.png) no-repeat 0 0;
color: #c00;
}

/*body.retroplanning span.etape-conseil{
background: url(img/etoile.png) no-repeat 0 -2px;
padding-left: 20px;
margin-left: 5px;
width: 18px;
height: 18px;
}*/
/* === Echange === */

body.echange p#commentaire{
}

body.echange p#auteur,
body.echange p#destinataires{
border-bottom: 1px dotted #999;
padding-bottom: 0.5em;
}

body.echange p#auteur em,
body.echange p#destinataires em{
font-style: normal;
font-weight: 700;
}

body.echange ul#version_fichiers_joints{
border-bottom: 1px solid #999;
padding-bottom: 0.5em;
padding-left: 1em;
margin-left: 0;
}

body.echange p#lien-reponse a{
border: 1px solid;
padding: 0.1em 0.2em;
font-weight: 700;
}

body.echange p#lien-reponse a:hover{
text-decoration: none;
background-color: #c2276a;
color: #fff;
}

/* === Fiche devis === */

body.devis h3#devis_titre{
font-size: 1em;
margin-bottom: 0.5em;
border-bottom: 1px dotted #999;
padding-bottom: 0.2em;
text-transform: uppercase;
margin-top: 1.5em;
}

body.devis div#commentaire{
}

body.devis h3.contact{
font-family: "trebuchet ms", sans-serif;
font-weight: 700;
color: #5A5858;
font-size: 1em;
margin: 2em 0 0.5em 0;
border-bottom: 1px dotted #999;
padding-bottom: 0.2em;
text-transform: uppercase;
}

body.devis p#devis_date_emmission em{
font-style: normal;
font-weight: 700;
}

body.devis ul#devis_fichiers_joints{
margin-left: 1em;
}

/* === */

p#alerte label{
float: none;
width: auto;
line-height: 200%;
}

/****** Home - Tribu ****/

#responsables {
color : #000;
font-size : 1em;
font-style : italic;
margin : 0 0 15px 0;
}

/* Titres des Services */
h3.service {
/* background : url(img/escalier.gif) no-repeat 49% 0; */
clear : both;
font-size : 1.1em;
font-weight : 700;
padding : 0.3em 10px;
position : relative;
}

/* Titres page tribu */
.conteneursousparagrapheaccueil h3.service {
/* background : url(img/escalier.gif) no-repeat 40% 0; */
margin-bottom : 0;
}

/* Titre requeteur */
h3.service2 {
background : url(img/escalier2.gif) no-repeat 49% 100%;
}

/*** Menus du Collaboratif ****/
#espace {
padding : 1em 10px 1em 20px;
}

#navigation #espace h3 {
font : 700 140% arial,verdana, sans-serif;
margin : 0;
}

p#logo_espace {
/*float : right;*/
}

.collaboratif #navigation ul {
line-height : 1.4;
margin : 1em 10px 1em 20px;
} 

.collaboratif #navigation p {
margin : 1em 10px 1em 20px;
} 

/* Liste de mes espaces */

.collaboratif #navigation select,
.collaboratif #navigation label {
margin : 0.5em 0 0.5em 20px;
}

.collaboratif #navigation select {
font-size : 90%;
width : 120px;
}

form#liste_espaces input.valider {
height : 20px;
padding : 0;
vertical-align : text-bottom;
}

/* Devs spécifiques Affaires Enjoy */

.contenu_affaire div.contenu_affaire_retroplanning {
float: left;
width: 52%;
}

.contenu_affaire div.contenu_affaire_services {
float: left;
width: 42%;
padding-left: 2em;
}

.collaboratif table.resultat-retroplanning {
background-color: #fff;
border: 0px;
}

.collaboratif table.resultat-retroplanning tr {
/*border: 0px;*/
}

.collaboratif table.resultat-retroplanning td {
margin: 0;
padding: 0.1em 0 0 0.1em;
/*background-color: #CCCCCC;*/
}


.collaboratif table.resultat-retroplanning div {
background-color: #fff;
margin: 0;
padding: 3px;
}

.collaboratif table.resultat-retroplanning td.colonne_indicateur {
background-color: #fff;
width: 10px;
}

.collaboratif div.contenu_affaire_retroplanning tr.derniere-ligne td {
padding-bottom: 0.05em;
}

.collaboratif div.contenu_affaire_retroplanning td.derniere_colonne {
padding-right: 0.05em;
}


.collaboratif div.contenu_affaire_retroplanning tr.prochain-retro td,
.collaboratif div.contenu_affaire_retroplanning tr.prochain-retro div,
.collaboratif div.contenu_affaire_retroplanning tr.prochain-retro a {
background-color: #999;
color: #fff;
}

.collaboratif div.contenu_affaire_retroplanning tr.prochain-retro a {
font-weight: 700;
}


.collaboratif div.contenu_affaire_retroplanning tr.prochain-retro td.colonne_indicateur {
background-color: #fff;
background : url(img/indic_retro.gif) no-repeat 2px 5px;
}

ul#fil_alerte,
ul.item_fil_alerte {
list-style-type : none;
}
/* -//- */

/* ====================
Fiches collaboratives
==================== */

.contenu_liste {
margin : 1em 0 1em 0;
padding : 0;
}

div.contact {
color : #37535b;
}

h3.contact {
font : normal 1.4em/1.1  verdana, arial, sans-serif;
font-weight : 500;
}

ul.list_collab li {
margin : 0 0 0.4em 0;
}

table.list_collab {
border : 1px solid;
width : 100%;
}

table.list_collab td {
width : 25%;
}

table.list_collab th {
text-align : left;
}

.publie_news {
color : #332e44;
font-size : 85%;
margin : 0;
padding : 2px 0;
}

#para_doc {
color : #000;
margin-bottom : 0.7em;
margin-top : 0.7em;
}

/* photo album */
.pagination_album {
clear : both;
padding-top : 20px;
text-align : center;
}

.slide-mount {
background-color : #eee;
border : 1px solid #332e44;
float : left;
height : 200px;
margin : 23px 8px 0 8px;
text-align : center;
width : 200px;
}

.slide-mount img {
cursor : pointer;
}

.ligne-photo {
clear : left;
}

.ligne-photo {
float : left;
}

.last-photo {
margin-right : 0;
}

.slide-mount img {
border : 1px solid #737373;
}

#verrou {
color : #f00;
margin-top : 10px;
text-align : center;
}

/* ****** Menu collab a gauche ******** */

#menu_collab {
background-color : #f5f5f5;
border : 1px solid #a5b3c1;
border-bottom : 0;
margin : 40px 0 10px 0;
width : 100%;
}

#menu_collab ul {
line-height : normal;
list-style : none;
text-align : right;
}

#menu_collab li {
border-bottom : 1px solid #a5b3c1;
}

#menu_collab a {
border-bottom : 2px solid #eee;
border-top : 2px solid #fff;
color : #AE3F76;
display : block;
font-size : 100%;
font-weight : 700;
padding : 3px 5px;
}

#menu_collab_2 {
background-color : #f5f5f5;
border : 1px solid #a5b3c1;
border-bottom : 0;
margin : 10px 0 10px 0;
width : 100%;
}

#menu_collab_2 ul {
line-height : normal;
list-style : none;
text-align : right;
}

#menu_collab_2 li {
border-bottom : 1px solid #a5b3c1;
}

#menu_collab_2 a {
border-bottom : 2px solid #eee;
border-top : 2px solid #fff;
color : #49737f;
display : block;
font-size : 100%;
font-weight : 700;
padding : 3px 5px;
}

.collaboratif ul#menu-gestion li {
color: #c2276a;
}

/* ********** =Formulaires de =Gestion ********* */

/* Espacement */
.gestion p,
.gestion div {
margin : 0.5em 0;
}

/**/
form.gestion p {
margin: 0 0 0.5em 0;
}


/* pour que l'arborescence du document s'affiche correctement */
.gestion div.dtree div {
margin : 0;
}

div.toolbox {

}

div.toolbox span.libelle{
display: block;
}

.gestion div.toolbox div {
border : 0;
margin : 0;
padding-top : 0.5em;
display: inline;
}

.gestion div.liste_multivaluee table {
border : 0;
border-collapse : separate;
margin : 0;
padding : 0;
width : auto;
}

.gestion div.liste_multivaluee td {
border : 0;
padding : 5px;
vertical-align : top;
}

.gestion div.liste_multivaluee select {
width : 200px;
}
.gestion div.liste_multivaluee option {
width : 200px;
}

.gestion .preliminaire {
margin : 0 0 3em 0;
}

.gestion .champ-texte,
.gestion label, 
.gestion span {
padding : 2px;
}

.gestion iframe {
width : 450px; /* taille de la toolbox */
}

/* Messages d'erreurs et autres */
#msg-alerte,
#msg-erreur,
#msg-confirmation {
float : none;
font-weight : 700;
padding : 0.5em;
text-align : center;
width : auto;
}

#msg-alerte {
background-color : #ffb622;
}

#msg-erreur {
background-color : #f11b03;
color : #fff;
}

#msg-confirmation {
background-color : #b8f04c;
}

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
color : #fff;
}

/* Typo */
.gestion {
font-size : 1.1em;
}

.gestion input,
.gestion textarea {
font-size : 1em;
}

.gestion,
.gestion div,
.gestion p,
.gestion label, 
.gestion span, 
.gestion .preliminaire, 
.gestion iframe,
.gestion textarea,
.gestion select,
.bouton {
color : #000;
font-family : verdana, arial, sans-serif;
}

.gestion .obligatoire {
color : #f11b03;
}

.gestion span.msg-aide {
color : #666;
font-size : .9em;
}

.gestion .champ-texte,
.gestion iframe,
.gestion textarea {
border-color : #666 #ccc #ccc #666;
border-style : solid;
border-width : 1px;
}

.bouton {
border-color : #ccc #666 #666 #ccc;
border-style : solid;
border-width : 1px;
cursor : pointer;
margin : 0;
padding : 0.2em 0.5em;
}

.bouton:hover {
text-decoration : none;
}

.gestion .champ-texte:focus,
.gestion select:focus,
.gestion input:focus {
background : #ffc;
}

.gestion #valider-formulaire {
border-top : 1px solid #666;
float : none;
padding-top : 1em;
text-align : center;
}

.gestion input.readonly {
border : 0;
}

.gestion input.readonly:focus {
background : transparent;
}

form.gestion fieldset {
background-color : #f7f7f7;
border : 0;
clear : left;
margin-top : 1em;
padding-left : 0.5em;
width : 100%;
}

form.gestion fieldset legend {
color : #ff5715;
font-size : 1.1em;
font-weight : 700;
}

/*** Mode Colonne 
a gauche on a ou bien des label, des span.libelle
a droite on a des label.bouton
***/

.en-colonne label.label-bouton {
display : inline;
float : none;
}

.en-colonne label,
.en-colonne span.libelle, /* doit se comporter comme un label */
.en-colonne .multi-col span {
float : left;
font-weight : 700;
width : 200px;
}

#encadres .en-colonne span.libelle,
#encadres .en-colonne label,
#encadres .en-colonne .multi-col span {
float : none;
}

.en-colonne .colonne-droite {
clear : none;
float : none;
margin : 0;
padding-left : 135px;
width : auto;
}

.en-colonne label.label-bouton,
.en-colonne label .msg-aide {
font-weight : normal;
}

.gestion label.date-jour,
.gestion label.date-mois,
.gestion label.date-annee {
display : inline;
float : none;
margin-right : 5px;
}

.en-colonne div,
.en-colonne p {
clear : left;
float : left;
}

.en-colonne div,
.en-colonne p {
margin-left : 0;
margin-right : 0;
padding-left : 0;
padding-right : 0;
width : 100%;
}

.en-colonne div.toolbox p,
.en-colonne div.toolbox div {
clear : none;
float : none;
}

.en-colonne .multi-col table {
border : 0;
margin-left : 0;
padding-left : 0;
width : auto;
}

.en-colonne .multi-col table tr {
border : 0;
}

.en-colonne .multi-col table td {
border : 0;
line-height : 1.5;
padding-left : 0;
}

.en-colonne .multi-col table td * {
vertical-align : middle;
}

.en-colonne table label {
float : none;
width : auto;
}

.en-colonne .multivalue table {
background : #eee;
}

.en-colonne .multivalue table td {
padding : 15px;
}

.en-colonne .multivalue table .champ-texte {
width : 150px;
}

.en-colonne .multivalue select {
height : 108px;
width : 350px;
}

#liste-fichier {
clear : none;
float : left;
margin-top : 0;
width : 30%;
}

#liste-fichier input {
margin-bottom : 4px;
}

#inner-fichier {
margin : 0;
padding : 0;
}

/*** Nb Resultats par page ***/

.gestion #resultats_par_page input.champ-texte {
width : 3em;
}

/** Tableau de Bord - Ecran de =Gestion **************/

.gestion table,
.gestion th,
.gestion td  {
font-family : verdana, arial, sans-serif;
font-size : 100%;
}

.gestion table {
border-collapse : collapse;
border-top : 1px solid #ccc;
line-height : 1.3;
margin : 1em 0;
width : 100%;
}



.gestion div#destinataires table {
width: 500px;
border: 0;
margin-top: 0;
}

.gestion div#destinataires td {
width: 20px;
}

.gestion div#destinataires tr {
border-bottom: 0;
}

.gestion div#destinataires th {
padding-top: 1em;
border-bottom: 1px solid #ccc;
}

.gestion div#destinataires td.first {
padding-left: 2em;
width: 250px;
}

.gestion .conteneursousparagrapheaccueil table {
margin-top : 0;
}

.gestion th {
color : #332e44;
text-align : left;
}

.gestion th a {
color : #332e44;
text-decoration : underline;
}

.gestion td,
.gestion th {
padding : 3px 10px;
vertical-align : top;
}

.gestion tr  {
border-bottom : 1px solid #ccc;
}

.gestion .odd td {
/* background-color : #d2e0e2; */
background-color: #fff;
}

.gestion .even td {
background-color : #fff;
}

.gestion table img {
border : 0;
vertical-align : bottom;
}

.gestion table.layout td img {
border : 0;
vertical-align : bottom;
}

/*** Liste horizontale de liens ***/

p#tableau_ajout{
float: none;
}

.liste-horizontale,
.liste-horizontale li {
margin : 0;
padding : 0 0 2px 0;
}

ul.liste-horizontale {
list-style-type : none;
padding-left: 0 !important;
}

ul.liste-horizontale li {
display : inline;
}

ul.liste-horizontale li a {
border-right: 1px solid #ccc;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}

div.conteneursousparagrapheaccueil ul.liste-horizontale li a {
border: 1px solid #ccc;
padding: 0 0.5em;
margin: 0 0.7em 0 0;
font-weight: 700;
font-size: 0.9em;
}

div.conteneursousparagrapheaccueil ul.liste-horizontale li a:hover{
text-decoration: none;
color: #fff;
background-color: #c2276a;
}

/*.liste-horizontale li:first-child  a {
border-left : 0;
margin-left : 0;
padding-left : 0;
}*/

/* =commentaires =collaboratif */

body.collaboratif .com-outer {
margin-top : 15px;
}

/* ecran preferences utilisateur */

form#preferences_utilisateur fieldset {
background : #fff;
border-bottom : 2px solid #eee;
margin-bottom : 1.5em;
padding-bottom : 1em;
}

form#preferences_utilisateur legend {
background : #fff;
color : #f16d15;
display : block;
font-size : 1.1em;
font-weight : 700 !important;
margin-bottom : 0.5em;
}

/* ====================
= Bloc =Portlet =JSR
==================== */

.portlet-titre,
.style1 .portlet-titre,
.style2 .portlet-titre,
.style3 .portlet-titre,
.sansstyle .portlet-titre {
background-color : #332e44;
color : #ffb622;
margin : 0;
padding : .5em 5px;
}

.portlet-actions {
background-color : #fff;
border : solid #332e44;
border-width : 0 1px 1px 1px;
font-size : 95%;
height : 18px;
margin : 0;
padding : 1px 5px;
}

.portlet-actions a,
.portlet-actions span {
float : left;
height : 0;
overflow : hidden;
padding : 17px 2px 0 2px;
width : 11px;
}

.portlet-actions a:hover {
text-decoration : none;
}

.portlet-edit {
background : url(/adminsite/portal/img/edit.gif) no-repeat 50% 50%;
}

.portlet-help {
background : url(/adminsite/portal/img/help.gif) no-repeat 50% 50%;
}

.portlet-view {
background : url(/adminsite/portal/img/view.gif) no-repeat 50% 50%;
}

.portlet-actions .portlet-max {
background : url(/adminsite/portal/img/max.gif) no-repeat 50% 4px;
float : right;
}

.portlet-actions .portlet-min {
background : url(/adminsite/portal/img/min.gif) no-repeat 50% 4px;
float : right;
}

.portlet-actions .portlet-nor {
background : url(/adminsite/portal/img/norm.gif) no-repeat 50% 4px;
float : right;
}

.portlet-contenu,
.portlet-contenu table,
.portlet-contenu td {
font-size : 1em;
}

.portlet-contenu {
border : solid #332e44;
border-width : 0 1px 1px 1px;
overflow : auto;
padding : 0.4em 5px;
}

/* === Pagination pour album === */

.pagination {
text-align : center;
}

.pagination img {
border : 0;
margin : 0 5px;
vertical-align : baseline;
}

.pagination {
font-weight : 700;
}

.pagination a,
.pagination a:hover {
font-weight : normal;
text-decoration : none;
}

/* === rédacteur - date modif - contact rubrique === */

#redacteur,
#date_modification,
#contact_rubrique {
margin : 0;
text-align : right;
}

/************************
=Bloc =Encadres
*************************/

div#encadres {
background: transparent url(img/encadres.png) no-repeat 0 0;
float : left;
margin-top : 23px;
padding-top: 26px;
width : 210px;
color: #26415d;
}

#encadres h3{
color : #777574;
font-family: "Arial Narrow Gras", "Arial Narrow Bold", arial, sans-serif;
font-size : 1.6em;
background: url(img/motif/encadre.png) no-repeat right 0;
border: 1px solid #e4dedd;
border-width: 1px 0;
padding: 0.5em 0 0.1em 0;
margin : 0;
}

/* === */

div#encadres p#extranet_identifiant{
font-weight: 700;
margin: 0.7em 0;
}

div#encadres ul#menu_extranet{
list-style: none;
font-weight: 700;
}

div#encadres ul#menu_extranet li{
display: inline;
}

div#encadres ul#menu_extranet li a{
display: block;
background: no-repeat 0 50%;
padding-left: 30px;
line-height: 25px;
margin-bottom: 0.5em;
}

div#encadres ul#menu_extranet li#accueil_extranet a{
background-image: url(img/accueil.png);
}

div#encadres ul#menu_extranet li#deconnecter a{
background-image: url(img/deconnecter.png);
}

div#encadres ul#menu_extranet li#modifier-mot-passe a{
background-image: url(img/modifier_mot_passe.png);
}

/* === */

.encadre_generique,
.encadre_rubrique,
.encadre_fiche,
.encadre_auto_fiche,
.encadre_nav_auto,
.encadre_recherche{
margin-bottom: 0.5em;
padding-bottom: 1em;
border-bottom: 1px solid #e4dedd;
}

.encadre_generique_contenu,
.encadre_rubrique_contenu,
.encadre_fiche_contenu,
.encadre_auto_fiche_contenu,
.encadre_nav_auto_contenu,
.encadre_recherche_contenu{
padding-top: 1em;
line-height: 120%;
}


/*
4 types d'encadres : 
- Generique
- De rubrique
- De fiche
- De recherche contextuelle
*/

/* === encadres generiques === */

/*
.deco_generique_2 ul,
.deco_rubrique_2 ul,
.deco_generique_2 ol,
.deco_rubrique_2 ol {
margin : 10px 10px 0 15px;
}
*/

/*** Fix Toolbox *
.deco_generique_2 ul div,
.deco_rubrique_2 ul div {
display : inline;
}
**/

/* ------------------------------------------------
encadres de fiche, de navigation rubrique, automatique de fiche
------------------------------------------------ */

/* ===================
encadres de recherche
==================== */

#encadres .encadre_recherche h3{
color: #f70;
}

.encadre_recherche label{
color : #ff8d00;
display : block;
font-size : 0.9em;
}

.encadre_recherche legend{
display : none;
}

.encadre_recherche .champ-saisie {
border : 1px solid #332e44;
width : 110px;
}

.encadre_recherche select {
border : 1px solid #332e44;
width : 150px;
}

.encadre_recherche a img {
vertical-align : middle;
}

.encadre_recherche input,
.encadre_recherche select {
font-size : xx-small;
}

.encadre_recherche input {
padding : 2px 1px;
}

.encadre_recherche p.parcourir input.champ-saisie {
width : 75px;
}

.encadre_recherche p.parcourir input.valider {
color: #f68b1e;
border-color: #f68b1e;

}

.encadre_recherche p.button input{
color: #f68b1e;
border-color: #f68b1e;
}

.encadre_recherche p.button input.effacer{
color: #fdb813;
border-color: #f68b1e;
background-color: #f1f1f1;
}

.firstencadre {
border : 0;
}


/* ====================
=Bloc =Pied de Page
==================== */

#pied_page {
font-family: verdana, sans-serif;
clear : both;
color : #fff;
font-size : 0.95em;
position : relative;
}

#pied_page a{
background-color : #ff7800;
}

p#boutons_actions{
position: absolute;
top: 0;
left: 2.3em;
margin: 0;
line-height: 25px;
}

#boutons_actions a,
#boutons_actions a:hover {
color : #fff;
}

/* === */

a#haut_page,
span#imprimer {
cursor : pointer;
}

span#imprimer:hover {
text-decoration: underline;
}

/* ===*/

p#liens_pratiques {
background: #ff7800 url(img/pied_page.png) no-repeat 7px 50%;
margin : 0;
text-align: right;
line-height: 25px;
height: 25px;
border-top: 1px solid #ff7800;
border-bottom: 1px solid #ff7800;
padding-right: 1em;
}

p#liens_pratiques a{
color : #fff;
background-color: transparent;
}

/* === */

ul#liens_exterieurs{
list-style: none;
position: relative;
}

ul#liens_exterieurs li{
display: inline;
}

ul#liens_exterieurs li#item_1{
text-align: left;
}

ul#liens_exterieurs li#item_2{
position: absolute;
left: 50%;
}

ul#liens_exterieurs li#item_3{
position: absolute;
right: 0;
}

div#liens_utiles {
background : transparent url(img/fleche_liens_utiles.png) no-repeat left 9px;
color : #ea7612;
padding-left: 18px;
position : absolute;
left: 633px;
top : 5px;
width: 344px;
}

div#liens_utiles a {
color : #ea7612;
}

/* ==================
=Contexte =Popup
================== */

.popup {
background-color : #fff;
padding : 10px;
}

.popup h3 {
color : #000;
}
