kbd{
font-size:1.3em;
cursor:default;
text-decoration:none;
color:ButtonText !important;
background:ButtonFace;
border: thin outset ButtonHighlight;
padding:0.2em;
line-height:200%;
}

address{
font-style: normal;
}

.separateur{
clear: both;
display: block;
height:0;
width:100%;
}

/******************
	=Bloc =Page
******************/

#montpellier_agglo{
margin:0;
position:absolute;
top:40px;
left:383px;
z-index:1000;
font-size:1.2em;
font-weight:700;
}

#montpellier_agglo a{
color:#1e798e;
}

#montpellier_agglo a:hover{
color:#3baac3;
text-decoration:none;
}

#bandeau_flash {
background-color:transparent;
background-image:url(/images/flash_bandeau_accueil2.png);
background-repeat:no-repeat;
background-position:0 0;
}

#theflash {
background-color: transparent;
position: relative;
left: 250px;
}

p#haut{
margin:0;
padding:0;
}

ul#langues{
position:absolute;
top:3px;
left:980px;
margin:0;
padding:0;
list-style:none;
z-index:1002;
}

/********************
	=Bloc =Bandeau
*********************/

#bandeau {
position: relative;
height: 112px;
background-color:#283667;
background-repeat: no-repeat;
background-position: 155px 0;
}

form#recherche-simple {
position:absolute;
top:0;
left:795px;
width:170px;
background-color:transparent;
font-size:0.9em;
z-index:1002 !important;
}

form#recherche-simple legend{
display:none;
}

form#recherche-simple label{
color:#273666;
background:#fff url(img/recherche_simple_label.png) no-repeat 0 50%;
padding-left:15px;
left:-14px;
font-weight:700;
position:relative;
}

form#recherche-simple input#MOTS_CLEFS{
border:1px solid #7298aa;
width:125px;
font-size:0.9em;
}

form#recherche-simple input.ok{
width:auto;
border:0;
background:url(img/connexion_ok.png) no-repeat 50% 50%;
width:18px;
height:18px;
font-size:0.9em;
}

#connexion{
position:absolute;
top:0;
left:570px;
width:205px;
z-index:1000;
background:transparent url(img/connexion_legend.png) no-repeat 0 6px;
padding-left:14px;
margin-left:-14px;
z-index:10 !important
}

#connexion fieldset{
margin:0;
padding:0;
}

#connexion legend{
color:#fff;
background:transparent;
font-weight:700;
margin:0;
padding:0;
font-size:0.9em;
}

#connexion fieldset p{
float:left;
margin:0 5px 0 0;
}

#connexion input{
border:1px solid #7298aa;
width:77px;
font-size:0.85em;
}

#connexion input.ok{
width:auto;
border:0;
background:url(img/connexion_ok.png) no-repeat 50% 50%;
margin-top:1px;
width:18px;
height:18px;
}

#connexion label{
display:none;
}

p#oublie{
font: 0.7em verdana, sans-serif;
text-align:left;
margin:0 15px 0 0;
}

/***********************
	=Bloc =Menu
************************/

ul#menu_principal{
float: left;
width: 100%;
background-color:transparent;
background-image:url(img/menu_principal.png);
background-position:right 0;
height:31px;
font-weight:700;
font-size:0.9em;
position:relative;
z-index: 1000;
}

ul#menu_principal ul {
z-index: 1000;
}

ul#menu_principal li{
display:inline;
margin:0;
padding:0;
}

ul#menu_principal a{
background-color:transparent;
display:block;
}

ul#menu_principal a img{
float:left;
}

#outils {
float: left;
width: 637px;
padding-left: 11px; 
border-top: 1px solid; 
border-bottom: 1px solid; 
background-color: #fff;
font: 100% verdana, sans-serif;
}

/*** surcharge =Rubrique ***/
.rubrique #outils { 
border-bottom: 0;
}


#outils ul {
list-style: none;
float: right;
}

#outils li {
float: left;
}

#outils a {
display: block;
padding: 5px 10px 4px 6px;
color: #00074e;
border-left: 1px solid #00074e;
text-decoration: none;
}

#outils a.first-menu-item {
border-left: 0;
}

#outils a:hover, #outils a.hover {
text-decoration: underline;
}

#outils {
border-bottom: 0;
}

#services label { 
display:inline;
margin-left:18px;
color:#FFB623;
font-weight:700;
font-size:130%;
line-height: 1.0;
vertical-align:middle;
}

#services select {
width: 165px;
margin-left: 45px;
vertical-align: middle;
}

#services .ok {
vertical-align: middle;
}

/* -----------------------
	=Bloc =Navigation
-------------------------- */

#navigation {
float: left;
width: 195px; 
padding-bottom:60px;
}

#navigation h3 {
color: #fff;
font-weight: normal;
}

/*** surcharge =Collaboratif ***/

.collaboratif #navigation h3{
font-weight: 700; 
font-size: 130%; 
line-height:1.0;
margin:1em 10px 1em 20px;
line-height:1.4;
}

p#acces-direct { 
visibility:hidden;
position:absolute;
}

ul.menu_secondaire{
margin: 20px 0 0 10px;
list-style-type: none;
font-weight:700;
}

ul.menu_secondaire ul {
margin-bottom:0.5em;
font-weight:500;
}

ul.menu_secondaire li.menuon {
font-size:1.25em; /* équivalent 16px */
background:url(img/menu_secondaire/defaut_puce1.png) no-repeat 0 8px;
padding-left:10px;
}

ul.menu_secondaire li.menuon li {
font-size:0.7em;
padding-left:10px;
}

ul.menu_secondaire li.menuon li.menuon {
font-weight: 700;
background:url(img/menu_secondaire/defaut_puce2.png) no-repeat 0 6px;
padding-left:10px;
}

ul.menu_secondaire li.menuon li li {
font-size:1em;
padding-left:10px;
}

ul.menu_secondaire ul {
margin-left: 7px;
list-style-type: none;
}

ul.menu_secondaire a{
color:#ee5e18;
}

ul.menu_secondaire li li a{
color:#ee5e18;
}

ul.menu_secondaire li.menuon li a{
color:#ee5e18;
}

/*********************************
	=Bloc =Contenu
*********************************/
#deco-contenu {
float: left;
height:auto;
border-left:1px solid #df9c16;
margin-bottom:3em;
}


#contenu-avec-encadres {
float: left;
padding: 10px 25px 50px 24px;
margin:0;
width: 550px;
min-height:250px;
}

#contenu-sans-encadres {
float: left;
padding: 10px 0 50px 24px;
width: 775px;
min-height:250px;
}

.filet {
background-color: #778AAA;
height: 1px;
font-size: 1px;
margin: 7px 0 3px 0;
}


/*** Plan du site  ***/

ul.plansite1{
font-weight:700;
list-style:none;
}

ul.plansite2 li{
padding-bottom:1em;
}

ul.plansite2 li li{
padding-bottom:0;
}

ul.plansite3{
font-weight:500;
list-style:circle;
margin-left:2em;
}

ul.plansite4{
list-style:none;
margin-left:1em;
}

/************************
	=Bloc =Encadres
*************************/

#encadres{
float: left;
width: 200px;
margin-top:20px;
font: 0.85em arial, sans-serif;
line-height:150%;
}

#encadres h3{
color:#014766;
}

#encadres a{
color:#ee5e18;
background-color:#fff;
}

/*** surcharge =Rubrique ***/
.rubrique #encadres {
margin-top: 20px;
}

.right-top {
border-top: 1px solid;
border-bottom: 1px solid;
}

.right-top-in {
padding: 3px 0 5px 20px;
border-right: 8px solid;
}

.right-top .titre{
font-weight: 700;
font-size: 110%;
}

a.box-esp{
background: url(/images/en_savoir_plus2.gif) no-repeat 100% 0;
display: block;
height: 10px;
width: 165px;
text-decoration: none;
margin-top: 10px
}

a.box-esp span{
display: none;
}

/*
4 types d'encadrés :
	- Générique
	- De rubrique
	- De fiche
	- De recherche contextuelle
*/


/* ------------------------
 encadres génériques
------------------------ */

div.encadre_generique{
margin-bottom:1.5em;
}

div.encadre_generique h3{
font-weight:500;
font-size:16px;
font-size:1.5em;
margin-bottom:0.5em;
}

/* rubrique */

div.encadre_rubrique{
background:url(img/encadres/rubrique.png) no-repeat 100% 100%;
padding-bottom:2em;
margin-bottom:1.5em;
}



div.encadre_rubrique h3{
font-size:1em;
background: url(img/encadres/rubrique_titre.png) no-repeat 0 0;
padding:28px 0 4px 20px;
position:relative;
left:-20px;
margin-bottom:0.2em;
}



div.encadre_rubrique_contenu{
padding-top:0.2em;
background:url(img/encadres/rubrique_contenu.png) repeat-x 0 0;
}

/* ------------------------------------------------
encadrés de fiche, de navigation rubrique, automatique de fiche
------------------------------------------------ */

.encadre-fiche,
.encadre-auto-fiche,
.encadre-nav-auto,
.encadre-espace{
margin-bottom:1.5em;
}

.encadre-fiche h3,
.encadre-auto-fiche h3,
.encadre-nav-auto h3,
.encadre-espace h3{
font-size:1em;
margin-bottom:0.2em;
}


div#encadres .encadre-auto-fiche h3{
color : #F69B04;
}

/* ------------------------
 encadres de recherche
------------------------ */

.encadre-search {
margin-bottom:1.5em;
}

.encadre-search label {
display:block;
clear:both;
}

.encadre-search legend {
display:none;
}

.encadre-search .champ-saisie {
width : 110px;
border : 1px solid;
}

.encadre-search select {
width : 150px;
border : 1px solid;
}

.encadre-search a img {
vertical-align:middle;
}

.firstencadre {
padding-top: 0px;
}

.cale-endrier {
position: relative;
top: -1px;
}

/**** Listes d'affichage ****/

#contenu-sans-encadres .liste-objets .liste_objets_deco,
#contenu-avec-encadres .liste-objets .liste_objets_deco {
display:block;
padding-left:72px;
position:relative;
top:-20px;
}

html>body #contenu-sans-encadres .liste-objets .liste_objets_deco,
html>body #contenu-avec-encadres .liste-objets .liste_objets_deco{
top: auto;
}

/* Listes d'affichage en encadrés */

#encadres ul.liste-pardefaut li{
padding-bottom:0;
margin-bottom:0;
padding-left:10px;
background:url(img/encadres/liste_pardefaut.png) no-repeat 0 50%;
}

#encadres .liste-objets{
font-size:1.1em;
}

#encadres .liste-objets li{
border:none;
}

#encadres .liste-objets em a{
font-weight:700;
font-size:0.9em;
}

#encadres .liste-objets .date-liste{
background-color:#fff;
}

#encadres .liste-objets p.lire_suite{
text-align:left;
}

#encadres .liste-objets p.lire_suite a{
background-image:url(img/lire_suite_encadre.png);
color:#024766;
}

/* --- fin listes en encadrés --- */

/*******************
	=Bloc =Pied de Page
********************/

#pied-page {
background:#9da611;
color:#000;
clear:both;
font-family: 0.8em verdana, sans-serif;
height:24px;
position: relative;
}


p.boutons-actions{
position:absolute;
top:0;
left:0;
color:#fff;
background:#273666 url(img/boutons_action.png) no-repeat 6px 50%;
width:290px;
height:19px;
margin:0;
padding:5px 0 0 25px;
}



.boutons-actions a{
color:#fff;
background:transparent;
}

.boutons-actions a:hover{
text-decoration:none;
}



/* ------------------ */

#haut-page:hover{
text-decoration:underline;
}
 
#imprimer{ 
cursor: pointer;
border-right:1px solid;
margin-right:0.5em;
padding-right:0.65em;
}

/* ------------------ */

ul#liens_pratiques{
position:absolute;
top:5px;
right:16px;
}

ul#liens_pratiques li{
display:inline;
border-right:1px solid;
margin-right:0.5em;
padding-right:0.5em;
}

ul#liens_pratiques li.dernier{
margin-right:0;
border:0;
}

ul#liens_pratiques a{
color:#000;
background-color: transparent;
}

/********************************
	=Contexte =DSI
********************************/
.dsi #bienvenue{
border-right:1px solid;
position:absolute;
top:0;
left:475px;
font: 0.9em verdana, sans-serif;
line-height:1.5em;
width: 300px;
z-index:1;
}

.dsi #personne_dsi{
padding:0;
margin:0;
font-size:0.85em;
color:#fff;
}

.dsi #personne_dsi em{
font-style:normal;
clear:both;
display:block;
margin-bottom:0.5em;
color:#fff;
font: 700 1.2em "Trebuchet MS";
}

.dsi #bienvenue ul{
position:absolute;
top:0;
left:70px;
font-size:0.85em;
color:#4391e1;
}

.dsi #bienvenue li{
display:inline;
list-style:none;
border-left:1px solid;
padding-left:0.5em;
}

/********************************
	=Contexte =Popup
********************************/

body.popup {
background-color: #fff;
color: #024766;
padding:10px;
font-family: arial, sans-serif;
}

body.popup h3{
font-family: "Trebuchet MS", verdana, "Bitstream Vera Sans", helvetica, arial,sans-serif;
font-size: 1.2em;
margin: 0 0 0.5em 0;
font-weight: 500;
}

body.popup table {
font-size: 14px;
font-size: 0.8em;
}

body.popup h3{
color: #1e3b7b;
}

body.popup a{
color: #ff8c00;
}

body.popup_agglo a{
color: #4391e1;
}

/*************************************************
	=Contexte =Rubrique
**************************************************/

#photo{
background-repeat: no-repeat;
background-position: 50% 50%;
padding: 0px 0 21px 0;		
color: #fff;
}

#photo div{
padding-left: 30px;
}

p#fil-ariane {
	color:#fff;
}

p#fil-ariane-recherche, 
p#fil-ariane-recherche a{
	color:#024766;
	background-color:#fff;
}

p#fil-ariane {
font: 0.8em verdana, sans-serif;
background-color:#9da611;
margin:0;
padding:0.5em 0 0.5em 6px;
display:block;
clear:both;
}

#fil-ariane a {
color:#fff;
background-color: transparent;
}

#fil-ariane em{
font-weight:700;
font-style:normal;
}

a#connect {
display: block;
margin-top: 60px;
margin-left: 15px;
}

#accroche p {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
margin: 0;
}

#visuel_rubrique {
background:url(img/visuel_rubrique/interieur_defaut.png) no-repeat 0 0;
width:448px;
height: 212px;
position:absolute;
top:0;
left:552px;
z-index: 1001;
}


#visuel_rubrique img{
position:absolute;
top:105px;
left:55px;
}

#accroche .clear {
font-size: 1px;
height: 1px;
}

/**********************
	=Fiche =Annuaire
***********************/

#annufonction { 
padding: 8px 0;
}

#annudiscipline { 
padding: 2px 0;
margin-top: 3px;
border-top: 1px solid #cbadb5;
border-bottom: 1px solid #cbadb5;
}

.annuaire .photo {
float: right;
border: 1px solid #000;
background: #fff;
}

.annudetails { 	
background: url(/images/an-det-gau.gif) repeat-y;
border-top:1px solid #cbadb5;
margin:0;
padding:3px 0 8px 0;
font-size: 90%;
}

.an-det-gau {
float:left;
clear:left;
width:130px;
text-align: right;
margin-right:12px;
}

.an-det-dro {
float:left;
width:375px;
margin-bottom:5px;
}

.an-det-dro-mac {
float:left;
}

.an-det-mt {
clear:left;
margin-top:5px;
}

.para-an {
border-top:1px solid #cbadb5;
padding: 10px 0;
}

.para-an h3 {
font-size:110%;
margin-bottom:0;
}



/**********************
	=Fiche =Actualite
***********************/
#actuthematique {
font: xx-small verdana, arial, sans-serif;
color:#878787;
display:block;
}

#actudate {
margin: 1em 0 0 0;
font-size: 0.9em;
color:#044564;
background:#fff url(img/puce_pleine.png) no-repeat 0 5px;
font-weight:700;
padding-left:15px;
}

#actu_complement_date{
background:#fff url(img/puce_vide.png) no-repeat 0 5px;
margin:0 0 1em 0;
padding-left:15px;
}

#acturesume {
margin: 1em 0;
padding: 0.8em 0;
border-top: 1px dashed #d9d9d9;
border-bottom: 1px dashed #d9d9d9;
}

#actudescription li {
list-style-position:inside;
}

#actudescription {
color:#363749;
background:#fff;
line-height:180%;
font-family: 0.85em arial;
clear:both;
}

#actualite_photo,
#article_photo,
#document_photo{
float:left;
margin:0 10px 5px 0;
}

#actualite_photo p,
#article_photo p,
#document_photo p{
margin:0;
border-top:1px solid #666;
}

#actualite_photo a img,
#article_photo a img,
#document_photo a img{
border:1px solid #808080 !important;
}

/* liste de définition */

dl.variation_a{
font-size:0.85em;
border-top:1px dashed #d8d8d8;
background-image:url(img/actualite_liste_def.png);
background-repeat:no-repeat;
background-position:right 0;
position:relative;
margin:2em 0 0 0;
}

dl.variation_a dt{
color:#ee5f19;
font-weight:700;
margin:0;
padding-top:0.5em;
padding-left:4%;
width:18%;
float:left;
clear: left;
position:relative;
background:url(img/actualite_liste_def_titre.png) no-repeat 0 0.8em;
}

dl.variation_a dd{
padding:0.5em 2% 1em 2%;
padding-left:13%;
margin-left:0;
background:url(img/actualite_liste_def_definition.png) no-repeat 0 100%;
position:relative;
left:0
}

html>body dl.variation_a dd{
padding-left:22%;
}

.lien-plan {
display: block;
margin-top: 10px;
}

.boite-bas {
clear: left;
border-top: 1px solid;
border-right: 1px solid;
padding: 7px 15px 7px 0;
}

.boite-bas {
padding: 7px 15px 7px 0;
}

.boite-bas .libel {
float: left;
font-weight: 700;
width:100px;
}

.avec-libelle {
margin-left: 100px;
}

.ligne-boite-bas {
clear: left;
margin-bottom: 10px;
}

.derniere-ligne { 
margin-bottom: 0;
}

.parite0 {
background: url(img/boite_bas_fond2.png) repeat-y 100% 0;
}

.parite1 { 
background: url(img/boite_bas_fond.png) repeat-y 100% 0;
}

.derniere-boite-bas { 
border-bottom: 1px solid;
}

.boite-bas a.url-site {
color: #7C3345;
}

/*****************************
	=Commentaires
*****************************/
#commenter {
margin:13px 0;
border-top:1px solid #df9c17;
border-bottom:1px solid #df9c17;
text-align:right;
position:relative;
padding-right:25px;
}

#commenter img{
vertical-align:bottom;
}

#commenter a:hover{
text-decoration:none;
background-color: #e5e5e5;
}

body.actualite h2{
margin-top:0
}
 
.com-outer {
clear:both;
}

.com-inner {
width:525px;
}

.com-inner h3 {
font-size:1.4em;
font-weight:500;
margin:0;
padding:65px 0 15px 35px;
color:#3c4b71;
background:url(img/commentaires.png) no-repeat 0 0;
}

.com-inner ul{
margin:0;
}

.com-inner li {
list-style-type:none;
padding-left:20px;
}

.com-inner li li{
padding-left:35px;
margin-left:-26px;
}

ul li.li1 {
background:url(img/forum/niveau1.png) no-repeat 0 5px;
padding-left: 20px;
margin-top:30px;
}

ul li.li1first{
margin-top: 0;
padding-left:20px
}

.li1 ul {
margin-left:6px;
}

.com-voir {
float: right;
padding: 20px 10px 0 0;
}

.com-voir a{
font-size: xx-small;
background: url(/images/com_voir_bgd.gif) no-repeat 0 50%;
padding: 0 0 0 25px;
}

.com-titre {
font-weight:700;
padding:2px 0 0 0;
margin:0.8em 0 0 0;
}

li.com-titre0 {
background:url(img/forum/niveau2.png) no-repeat 0 5px;
}

li.com-titre1 {
background:url(img/forum/niveau3.png) no-repeat 0 5px;
}

.com-date,
.com-site {
color:#6e858c;
font-size:0.9em; 
padding:2px 0;
font-family:arial, sans-serif;
}

.com-date{
border-top:1px solid #adb8cb;
}

.com-site{
border-bottom:1px solid #adb8cb;
}

.com-auteur {
padding-left:5px;
}

.com-corps{
padding:0;
color:#184653;
font-size:0.9em;
}

.com-corps p{
height:1%;
}

html>body .com-corps p{
height:auto;
}

.com-date a,
.com-site a{
color:#6e858c;
}

p.repondre {
margin:0;
padding:0;
position:relative;
}

.repondre a {
color:green;
display:block;
height:28px;
background:#eee;
position:absolute;
right:0;
top:-34px
}

html>body .repondre a {
left:auto;
right:0;
}

/**********************
	=Fiche =Article
***********************/

body.article h2{
margin-top:0;
}

#articlethematique {
font: 0.8em verdana, arial, sans-serif;
color:#878787;
}

#articledate {
color: #999;
font-size: 0.9em;
}

#articlechapeau,
#documentchapeau
 {
margin :1em 0;
font-weight:700;
font-size:0.9em;
}

#articlecorps {
padding:0.8em 0;
border-top:1px dashed #d9d9d9;
border-bottom:1px dashed #d9d9d9;
}


/******************************
	=Fiche =DefautStructure
*******************************/
#defaultstructureksupdomaine {
color: #778aaa;
margin:8px 0;
font-weight: normal; 
font: xx-small verdana, arial, sans-serif;
border-top:1px solid #cbadb5;
border-bottom:1px solid #cbadb5;	
}

.defaultstructure .photo {
float:left;
border:1px solid #000;
margin:-10px 10px 0 0;
}

p#defaultstructureksupformations {
margin:0 0 1em 0;
}

.annuaire-details{ 	
background: url(/images/an-det-gau.gif) repeat-y;
border-top:1px solid;
border-bottom:1px solid;
margin:0;
padding:3px 0 8px 0;
font-size: 90%;
}

.defaultstructure .an-det-gau {
float:left;
clear:left;
width:130px;
text-align: right;
margin-right:12px;
}

.defaultstructure .an-det-dro {
float:left;
width:375px;
margin-bottom:5px;
}

.an-det-dro-mac {
float:left;
}

.an-det-mt {
clear:left;
margin-top:5px;
}

.defaultstructure .para-an {
border-top:0;
border-bottom:1px solid;
padding: 10px 0;
}

.defaultstructure .para-an h3 {
font-size:110%;
margin-bottom:0;
}

.defaultstructure .para-an .soustitre{
font-size:90%;
font-weight:700;
}

.para-tab{
border-bottom:1px solid #cbadb5;
}


/******************************
	=Fiche =Document
*******************************/

.document .photo {
float: left;
border: 1px solid;
margin: 2px 10px 0 0;
}

body.document h2{
margin-top:0;
}

#documentthematique {
font: normal xx-small verdana, arial, sans-serif;
color:#878787;
}

#documentsoustitre {
padding: 0;
margin-bottom: 8px;
}

#documentauteurs {
margin: 0.5em 0;
font-size: 0.9em;
color:#044564;
background-color:#fff;
font-weight:700;
}

body.document #telecharger{
border:1px solid #eee;
background:#f9f9f9;
width:17em;
padding:0 0.5em;
float:right;
margin-right:1em;
}

body.document #telecharger h3{
margin:0;
background:transparent;
font-size:1.1em;
}

ul#documenttelecharger {
list-style:circle;
margin-left:1.3em;
padding-left:0;
}

#documenttelecharger a {
font-weight: 700;
}

#documentresume {
margin: 1em 0;
padding: 0.8em 0;
border-top: 1px dashed #d9d9d9;
border-bottom: 1px dashed #d9d9d9;
}

#documentdescription {
color:#363749;
background:#fff;
font: 0.85em arial;
line-height:180%;
clear:both;
}

/********************************
	=Fiche =Recherche
********************************/

.byline-res {
margin:0.5em 0;
font-weight:700;
}

ul.liste-res {
margin-top: 1em;
list-style:none;
}

ul.liste-res li{
border-bottom: 1px dashed #e2e2e2;
margin-bottom: 0.5em;
padding-bottom:0.2em;
}


/********** Recherche Formulaire ************/
p.byline-rech { 	
color: #3e5659;
margin:40px 0 20px 0;
}




.resultats {
border:1px solid #ddd;
border-bottom:0;
font-weight:700;
}

.res-bgd{
background: url(img/recherche_avancee.png) repeat-y 0 0;
}

.recherche legend{
display:none;
}

.recherche #connexion legend{
display: block;
}

.ligne-res{
padding: 5px 0;
border-bottom:1px solid #ddd;
overflow:auto;
}

.ligne-res div {
float:left;
padding-left: 5px;
}

.ligne-res-gau {
width: 100px;
padding-left:5px;
}

.ligne-res .ChampSaisie {
margin: 0 5px;
width:150px;
}

#recherche_debut_fin input {
width:120px;
}

#recherche_debut_fin img {
vertical-align: top;
}

#ra-titre {
width:250px;
}

.ligne-res select {
margin: 0 5px;
width: 170px;
}

#ra .bouton {
border: 1px solid;
margin: 0 0 1px 0;
padding:2px;
background-color: #fff;
}

p.button-ra {
text-align:right;
}

a.precedent, a.suivant,
p.button-ra .effacer,
p.button-ra .valider {
font-size:0.9em;
border: 1px solid;
margin: 0 0 10px 10px;
padding:2px;
}

a.precedent, a.suivant {
border:0;
}

.button-ra .effacer {
border: 1px solid;
}

/**********************************************
	 =Contexte =Fiche =Collaboratif =Gestion
***********************************************/
/*** layout du collaboratif ***/
.collaboratif #encadres {
display:none;
}

.collaboratif #navigation ul,
.collaboratif #navigation ol {
list-style:none;
}
.collaboratif .ligne {
border: 0;
}

/*** end layout ***/

/*** styles du collaboratif ***/
.collaboratif #menu {
border-bottom: 1px solid;
}

/*** Zone Centrale ***/
.collaboratif .conteneursousparagrapheaccueil {
float:left;
width:45%;
margin-top: 2em;
padding-right:3%;
}

.collaboratif .conteneursousparagraphe {
width:95%;
margin-top: 2em;
}

.collaboratif .conteneursousparagraphealbum {
float:left;
width:95%;
margin-top: 2em;
}

.collaboratif #menu-prin{
border-bottom: 0;
}


/****** Home - Tribu ****/

#responsables {
font-size: 120%;
color: #000;
margin:0 0 15px 0;
}


/* Titres des Services */
h3.service,
h3.service2{
padding-top:0.5em !important;
font-family:"Trebuchet MS", sans-serif;
font-size:1.4em;
clear:both;
color:#ee5e18 !important;
background-color:#fff !important;
background-image:url(img/actualite_liste_def_titre.png);
background-repeat:no-repeat;
background-position:0 16px;
border-bottom-color:#d9d9d9 !important;
border-bottom-style:dashed !important;
padding-left:17px;
margin-bottom:1em;
}
/* Titres page tribu */
.conteneursousparagrapheaccueil h3.service {
	margin-bottom: 0;
	background: url(/images/escalier.gif) no-repeat 47% 0;
}

/* Titre requeteur */
h3.service2 {
background: url(/images/escalier2.gif) no-repeat 49% 100%;
}
/*** Menus du Collaboratif ****/
#espace {
padding: 1em 0 0 20px;

}


#navigation #espace h3 {
font: 700 140% arial,verdana, sans-serif;
display:inline;
margin:0 10px 0 0;
}

#espace img {
margin:1em 10px 1em 0;
vertical-align:middle;
cursor: pointer;
}

.collaboratif #navigation ul{ 
margin:1em 10px 1em 20px;
line-height:1.4; 
} 

/* Liste de mes espaces */

.collaboratif #navigation select,
.collaboratif #navigation label { 
margin: .5em 0 .5em 20px; 
}
.collaboratif #navigation select {
border:1px solid #ccc;
font-size: 90%;
color:#666;
width:120px;
}

.collaboratif #navigation option {
padding: 2px;
}

.collaboratif #navigation .ok {
margin-top:.5em;
vertical-align: top;
border:1px solid #ccc;
}

.collaboratif #navigation label {
color:#37535B;
}


/*************FICHES COLLABORATIVES******************/
.contenu_liste { 
margin:1em 0 1em 0;
padding: 0;
}

div.contact {
color:rgb(55,83,91);
}

h3.contact { 
font:normal 1.4em/1.1  verdana, arial, sans-serif;
font-weight:500;
}

.contact .list_colab li {
margin:0 0 0.4em 0;
}

.publie_news {
margin:0;
font-size:85%;
padding:2px 0;
}

#para_doc { 
color:#000; 
margin-top:0.7em;
margin-bottom:0.7em;
}


/* photo album */
.pagination_album {
	clear: both;
	padding-top: 20px;
	text-align:center;
}

.slide-mount { 
float:left;
background-color: #eee; 
border:1px solid; 
width:200px; 
height:200px;
text-align:center;
margin: 23px 8px 0 8px; 
ma\rgin: 23px 23px 0 0;
	
}
.slide-mount img {
cursor:pointer;
}

.ligne-photo {
clear:left;
}

.ligne-photo {
float:left;
fl\oat:none;
}

.last-photo {
margin-right:0;
}

.slide-mount img {
border:1px solid #737373;
}

/******* Menu colab a gauche *********/
#menu_colab {
background-color:#f5f5f5;
width:100%;    
border:1px solid #a5b3c1;
border-bottom:0;
margin:40px 0 10px 0;
}

#menu_colab ul {
list-style:none;
text-align:right;
line-height:normal;
}

#menu_colab li {
border-bottom:1px solid #a5b3c1;
}

#menu_colab a{
display:block;
border-top: 2px solid #fff;
border-bottom: 2px solid #eee;
font-size:100%;
font-weight:700;
padding:3px 5px;
color:#AE3F76;
text-decoration:none;
}

#menu_colab a:hover {
text-decoration:underline;
}

#menu_colab_2 {
background-color:#f5f5f5;
width:100%;    
border:1px solid #a5b3c1;
border-bottom:0;
margin:10px 0 10px 0;
}

#menu_colab_2 ul {
list-style:none;
text-align:right;
line-height:normal;
}

#menu_colab_2 li {
border-bottom:1px solid #a5b3c1;
}

#menu_colab_2 a {
display:block;
border-top: 2px solid #fff;
border-bottom: 2px solid #eee;
font-size:100%;
font-weight:700;
padding:3px 5px;
color:#49737f;
text-decoration:none;
}

#menu_colab_2 a:hover {
text-decoration:underline;
}

#titre_gestion_tribu {
text-transform:uppercase;
}

/* =liens  =collaboratif =gestion */
.gestion a {
text-decoration: none;
color: #2080ac;
}

.gestion a:hover {
text-decoration: underline;
}


/* -------------- =Formulaires de =Gestion -------------- */

/* Espacement */
.gestion p,
.gestion div {
margin:0.5em 0;
}
/*  pour que l'arborescence du document s'affiche correctement  */
.gestion div.dtree div {
margin:0;
}

.gestion div.toolbox div {
margin:0;
padding-top:.5em;
border:0;
}

.gestion .preliminaire {
margin :0 0 3em 0;
}

.gestion .champ-texte,
.gestion label, 
.gestion span {
padding:2px;
}

.gestion iframe {
width: 350px;
} /* taille de la toolbox */


/* Messages d'erreurs et autres */
#msg-alerte,
#msg-erreur,
#msg-confirmation { 
padding: .5em;
}

#msg-alerte {
background-color: #ffb622;
font-weight:700;
text-align:center;
}

#msg-erreur {
background-color: #f11b03;
color:#fff;
font-weight:700;
text-align:center;
}

#msg-confirmation {
background-color: #b8f04c;
font-weight:700;
text-align:center;}

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
	color: #fff;
}
/* Typo */

.gestion {
font-size: 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 {
font-family: "Trebuchet MS", verdana, arial, sans-serif;
}

/* Couleurs */
.gestion .obligatoire {
color: #f11b03;
}

.gestion span.msg-aide {
color: #666;
font-size: .9em;
}

.gestion .champ-texte,
.gestion iframe,
.gestion textarea {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.bouton {
margin:0; padding:.2em .5em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
cursor:pointer;
}

.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;
padding-top:1em; text-align:center;
float:none;
}

.gestion input.readonly{
border:0;
}
.gestion input.readonly:focus {
background:transparent;
}

.gestion fieldset {
border:0;
background-color:#ddd;
width:100%;
}

/*** Mode Colonne 
a gauche on a ou bien des label, des span.libelle
a droite on a des label.bouton
***/

.en-colonne{
font-size:0.9em;
}

.en-colonne label.label-bouton {
float:none;
display:inline;
}

.en-colonne label,
.en-colonne span.libelle, /* doit se comporter comme un label */
.en-colonne .multi-col span{
float: left; 
width: 131px;
font-weight: 700;
}

div#encadres .en-colonne label,
div#encadres .en-colonne span.libelle, /* doit se comporter comme un label */
div#encadres .en-colonne .multi-col span{
float: none;
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 { 
float:none;
display:inline;
margin-right:5px;
}

.en-colonne div,
.en-colonne p { 
float:left;
clear:left;
}

.en-colonne div,
.en-colonne p {
width:100%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.en-colonne div.toolbox p,
.en-colonne div.toolbox div {
float:none;
clear:none;
}

.en-colonne .multi-col table{
margin-left:0;
padding-left:0;
border:0;
width:auto;
}

.en-colonne .multi-col table tr{
border:0;
}

.en-colonne .multi-col table td{
padding-left:0;
border:0;
line-height:1.5;
}

.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 {
width:350px;
height:108px;
}

#liste-fichier {
	float:left;
	clear: none;
	margin-top:0;
	width:30%;
}

#liste-fichier input {
	margin-bottom: 4px;
}

#inner-fichier {
	margin: 0px;
	padding:0px;
}

/*** 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-size: 100%;
font-family:verdana, arial, sans-serif;
}

.gestion table {
line-height:1.3;
border-collapse: collapse;
margin: 1em 0;
width:100%;
border-top:1px solid #ccc;
}

.gestion th{
text-align:left;
}

.gestion th a {
text-decoration:underline;
}

.gestion td, .gestion th {
padding: 3px 10px;
vertical-align:text-top;
}

.gestion tr  {
border-bottom:1px solid #ccc;
}

.gestion .odd td {
background-color:#D2E0E2;
}

.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 ***/

.liste-horizontale,
.liste-horizontale li {
margin:0;
padding:0;
}

.liste-horizontale {
list-style-type: none;
}

.liste-horizontale li {
display:inline;
}

.liste-horizontale li a {
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-left:1px solid #ccc;
}

.liste-horizontale li:first-child  a{
border-left:0;
padding-left:0;
margin-left:0;
}


/*************************************
	=commentaires =collaboratif
*************************************/

#commentairescolab {
margin-left:25px;
color:#333;
}

#commentairescolab h3 {
padding:1em 0 0 20px;
font:700 normal 1em/1.1  arial, sans-serif;
text-transform:uppercase;
color:#4C6884;
background:transparent url(/images/icone_com.gif) no-repeat 0 100%;
}

#commentairescolab li {
list-style-type:none;
background-color:#eee;
padding:10px;
margin-top:1em;
}

#commentairescolab li li {
margin:0;
padding-bottom:0;
}
#commentairescolab h4 {
font-size:100%;
color:#4C6884;
background:transparent url(/images/reponse_com.gif) no-repeat 0 50%;
padding-left:15px;
}

#commentairescolab .date_com { 
color:#4C6884;
border-bottom:1px dashed #BFD4D8;
padding:0 0 0.5em 0;
}

/*********************************
	= Bloc =Portlet =JSR
*********************************/
.portlet-titre,
.style1 .portlet-titre,
.style2 .portlet-titre,
.style3 .portlet-titre,
.sansstyle .portlet-titre {
background-color: #999;
color: #ffb622;
margin:0;
padding: .5em 5px;
}

.portlet-actions {
margin:0;
padding: 1px 5px;
background-color: #fff;
border: 1px solid #999;
border-width: 0 1px 1px 1px;
font-size:95%;
height:18px;
}

.portlet-actions a, .portlet-actions span {
float:left;
width:11px;
height:0;
padding: 17px 2px 0 2px;
overflow:hidden;
}

.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 {
float: right;
background:url(/adminsite/portal/img/max.gif) no-repeat 50% 4px;
}

.portlet-actions .portlet-min {
float: right;
background:url(/adminsite/portal/img/min.gif) no-repeat 50% 4px;
}

.portlet-actions .portlet-nor {
float: right;
background:url(/adminsite/portal/img/norm.gif) no-repeat 50% 4px;
}

.portlet-contenu, .portlet-contenu table, .portlet-contenu td {
font-size:1em;
font-family: Verdana, Arial, sans-serif;
}

.portlet-contenu {
	padding: .4em 5px;
	border: 1px solid #999;
	border-width: 0 1px 1px 1px;
	overflow: auto;
}

/*** Pagination ***/
#pagination {
text-align:center;
}

#pagination img {
border:0;
vertical-align:baseline;
margin:0 5px;
}

#pagination  {
font-weight:700;
}

#pagination a, #pagination a:hover {
font-weight:normal;
text-decoration:none;
}

/* --- Web card - envoi ami --- */

form#envoi_ami{
clear:both;
width:600px;
font-size:0.8em;
}

form#envoi_ami legend{
font-weight:700;
}

form#envoi_ami fieldset{
background:#eee;
padding:1em
}

form#envoi_ami textarea,
form#envoi_ami input{
border:1px inset #333;
position:relative;
left:200px;
top:0;
}

form#envoi_ami p{
position:relative;
}

form#envoi_ami label{
position:absolute;
left:0;
top:0;
}

form#envoi_ami p.valider_ami{
position:relative;
left:0;
top:auto;
margin:1em 0;
}

form#envoi_ami p.valider_ami input{
margin-left:13px;
border:1px solid;
background:#fc0;
}

form#envoi_ami p.valider_ami input:hover{
background:#fe0;
}

form#recherche_harmonie{
padding:5px;
margin-top:3em;

}

form#recherche_harmonie legend{
font-weight:700;
margin-bottom:0.5em;
}

form#recherche_harmonie label{
clear:both;
display:block;
}

form#recherche_harmonie .champ-saisie{
margin-right:5px;
}

/* --- Météo page détaillée */

table#meteo_detail{
width:99%;
border-collapse:collapse;
}

table#meteo_detail th{
font-size:1.2em;
text-align:left;
padding-top:1em;
}

table#meteo_detail td{
border-bottom:1px solid #014766;
padding:0.4em 0;
padding-left:2em;
}

table#meteo_detail img{
border:0;
}

#montpellier_agglo a:hover{
color:#f30;
text-decoration:none;
}

ul.menu_acces_direct{
margin: 20px 20px 0 10px;
list-style-type: none;
font-weight:700;
margin-top:3em;
}

ul.menu_acces_direct li{
margin-bottom:0.5em;
}

ul.menu_acces_direct a{
color:#273666;
background-color:#fff;
}

/* === Fiche Élu(s) === */

body.elu h2{
margin-bottom: 0.5em;
}

body.elu h3.situation_personnelle{
display: none;
}

body.elu div#contenu-avec-encadres h3,
body.elu div#contenu-sans-encadres h3{
font-size: 1.1em;
margin: 1em 0 0.3em;
}

body.elu div#contenu-avec-encadres h3#delegation,
 body.elu div#contenu-sans-encadres h3#delegation {
font-size: 1.2em;	
}

body.elu img#elu_photo{
float: right;
max-width: 200px;
margin: 22px 0 8px 8px;
}

body.elu h3#coordonnees{
margin-bottom: 0;
}

div.address_deco{
background: #eee;
border: 1px solid #ccc;
padding: 1em 10px;
margin: 0 0 1em;
}

div.address_deco ul em{
font-weight: 700;
font-style: normal;
}

body.elu div#contenu-avec-encadres ul,
body.elu div#contenu-sans-encadres ul,
body.commune div#contenu-avec-encadres ul,
body.commune div#contenu-sans-encadres ul{
margin: 0 0 0 1.2em;
}

p.titre_en_ligne{
display: block;
font-size: 1.1em;
}

p.titre_en_ligne em{
font: normal 700 1em "Trebuchet MS", sans-serif;
}

ul#complement_adresse,
ul#informations_commune{
list-style: none;
margin: 0 0 !important;
}

ul#informations_commune li {
margin: 15px 0 !important;
}

body.elu address em {
font-weight: 700;
font-size: 1.1em;
font-style: normal;
}


body.commune div.bloc_contenu {
	margin:20px 0;
	display:block;
}

body.elu div#complements { 
background: url(img/encadres/rubrique_titre.png) no-repeat scroll 0 0;
padding: 1em;
margin-top: 20px;
}

body.elu div#complements_deco{
background: url(img/encadres/rubrique.png) no-repeat scroll 100% 100%;
}

body.elu div#complements h3,
body.commune div#commentaires_site h3{
background: transparent;
margin: 0.75em 0 1em;
padding-left: 5px;
}

/*body.commune div#commentaires_site,
body.elu div#complements_site{
background-color: #ffc;
padding: 10px;
}*/

body.commune h3 {
font: 700 1.1em "Trebuchet MS", sans-serif;
margin-bottom: 0;
margin-top: 15px;
}

body.commune table#commune_horaires{
background: #eee;
border: 1px solid #ccc;
border-collapse: collapse;
width: 100%;
}

body.commune table#commune_horaires caption{
display: none;
font: 700 1.2em "Trebuchet MS", sans-serif;
text-align: left;
}

body.commune table#commune_horaires th,
body.commune table#commune_horaires td{
border: 1px solid #ccc;
border-collapse: collapse;
text-align: center;
padding: 0.1em 15px;
}

body.commune img#logo_commune{
float: right;
margin: 22px 0 8px 8px;
}

body.commune table#commune_horaires th{
text-align: left;
}

body.commune div#images_commune{
padding-top:15px;
}

.standby{
background: yellow;
}

body.elu div#contenu-sans-encadres ul#coordonnees_elu,
body.elu div#contenu-avec-encadres ul#coordonnees_elu{
list-style-type: none;
margin-left: 0;
}

ul#informations_commune li em {
/*color : #F69B04;*/
font-size : 1.1em;
font-style : normal;
font-weight : 700;
}

div.informations_commune h3{
margin-top : -15px;
}
div.resultatRechercheMain{
	width:800px;
	height: auto;
}


div.resultatRechercheTitreEnteteAvancee,
div.resultatRechercheTitreAvancee,
div.resultatRechercheMainAvancee
{
	width:100%;
} 
div.resultatRechercheTitre,
div.resultatRechercheTitreEntete{
width:570px;
height:auto;
float:left;
}

div.resultatRechercheTitreEntete,
div.resultatRecherchePertinenceEntete,
div.resultatRechercheDateEntete {
	border-bottom:1px dashed #E2E2E2;
}
	
div.resultatRecherchePertinence,
div.resultatRecherchePertinenceEntete{
width:100px;
height:auto;
float:left
}
div.barreResultatRecherchePertinence {
margin-top:3px;
background-color:#4391E1;
height:10px;
left:0;
font-size:0.5em;
}

div.resultatRecherchePertinenceEntete a,
div.resultatRechercheDateEntete a {
	color:#273666;
	font-weight:500 !important;
}

div.resultatRecherchePertinenceEntete,
div.resultatRechercheDateEntete{
font-weight:800;
}

div.resultatRechercheDate,
div.resultatRechercheDateEntete{
width:100px;
height:auto; 
float:left;
}
div.resultatRechercheInter{
	width:100%;
	height:5px; 
	float:left;
	margin-top:5px;
	border-top:1px dashed #E2E2E2;
}
div.resultatRechercheFilAriane,
div.resultatRechercheFilAriane a
{
	color:#024766;
}
div.resultatRechercheFilAriane
{
	width:600px;
	float:left;
}

div.navigation_recherche{
	width:63%;
	float:left;
}

div.resultatRechercheTitreEntete,
div.navigation_recherche a,
div.resultatRecherchePertinenceEntete a,
div.resultatRechercheDateEntete a {
	color:#024766;	
}

#precisions_resultats
{
	font-size:1.3em;
}
span#lib_resultats {
	color:#F69B04;
}
ul#affiner_resultats li {
	margin-left:40px;
}
	
#divsts {
display:none;
}

#pied-page-pdf,
p.boutons-actions-pdf {
	displaye:none;
}

/* === Formulaires Rédacteur === */

form.formulaire_redacteur{
background-color: #00000;
margin: 0;
padding: 0;
}

form.formulaire_redacteur p{
margin: 0 0 1.5em;
}

form.formulaire_redacteur label{
font-weight: 500;
}

form.formulaire_redacteur p.obligatoire label{
color: 024766;
}

form.formulaire_redacteur p.obligatoire input,
form.formulaire_redacteur p.obligatoire textarea,
form.formulaire_redacteur p.obligatoire select{

}

div#encadres form.formulaire_redacteur p input,
div#encadres form.formulaire_redacteur p textarea,
div#encadres form.formulaire_redacteur p select {
width: 95%;
}

div#encadres form.formulaire_redacteur input.radio,
div#encadres form.formulaire_redacteur input.checkbox,
div#encadres form.formulaire_redacteur p.validation input{
width: auto;
}

form.formulaire_redacteur label.radio,
form.formulaire_redacteur label.checkbox{
display: inline;
margin-right: 1em;
}

form.formulaire_redacteur p.validation{
text-align: center;
}

form.formulaire_redacteur span.historyBack{
font-weight: 700;
cursor: pointer;
}


/* === disposition 1 === */

form.disposition1 label,
form.disposition1 span.faux_label {
display: block;
margin: 0 0 0.5em;
}

/* === disposition 2 === */

form.disposition2 p{
}

form.disposition2 label,
form.disposition2 span.faux_label {
display: block;
float: left;
width: 180px;
}

form.disposition2 span.radio,
form.disposition2 span.checkbox {
display: block;
overflow:hidden;
}

form.disposition2 label.radio,
form.disposition2 label.checkbox {
display:inline;
float:none;
width:auto;
}

/*ul#liens_pratiques li.dernier a.pdf,

#pied-page a#pdf 
{
	background:#fff url(img/pictos/pdf.png) no-repeat 0 50% !important;
	padding : 0 8px;
	line-height: 16px;
}*/


#bandeau a#logoretour_accueil 
{
	background: transparent url(img/accueil/logo_agglo_montpellier.gif) no-repeat 0 50% !important;
	padding : 50px ;
	line-height: 143px;
	
}

#bandeau a#logoretour 
{
	background: transparent url(img/logo_agglo_montpellier.gif) no-repeat 0 50% !important;
	padding : 50px ;
	line-height: 91px;
	
}

ul.visionneuse_pagination li {
	list-style-type:none;
}