body#mediatheque{
background:url(img_mediatheque/fond_body_accueil.png) no-repeat 0 0;
}

body#ecolotheque{
background:url(img_ecolotheque/fond_body_accueil.png) no-repeat 0 0;
}

body#musee{
background:url(img_musee/fond_body_accueil.png) no-repeat 0 0;
}

body#conservatoire{
background:url(img_conservatoire/fond_body_accueil.png) no-repeat 0 0;
}

#montpellier_agglo{
top:15px;
left:410px;
font-size:1.2em;
}

#montpellier_agglo a{
color:#1e798e;
}

#accueil #page{
background-position:155px 0;
}

body#mediatheque #page{
background-position:107px 0px;
background-color:transparent;
}

body#ecolotheque #page{
background-position:107px 0px;
background-color:transparent;
}

body#musee #page{
background-position:107px 0px;
background-color:transparent;
}

body#conservatoire #page{
background-position:107px 0px;
background-color:transparent;
}

h1{
height:143px;
position:relative;
}

h1 img{
position:absolute;
}

#bandeau{
height:143px;
position:relative;
}

body#mediatheque #bandeau{
height:166px;
background-image:none;
}

body#ecolotheque #bandeau{
height:166px;
background-image:none;
}

body#musee #bandeau{
height:166px;
background-image:none;
}

body#conservatoire #bandeau{
height:166px;
background-image:none;
}

/* ----- connexion +  */

#connexion,                                                                     
form#recherche-simple{
left:700px;
width:195px;
padding-left:75px;
}

#connexion legend{
display:none;
}

#connexion{
top:20px;
background:url(img/accueil/mon_agglo.png) no-repeat 0 3px;
margin-left:0;
}

form#recherche-simple{
top:55px;
background:url(img/accueil/rechercher.png) no-repeat 0 3px;
}

body#mediatheque form#recherche-simple {
background:none;
top:15px;
left:760px;
width:auto;
padding-left:0;
}

body#ecolotheque form#recherche-simple {
background:none;
top:15px;
left:760px;
width:auto;
padding-left:0;
}

body#musee form#recherche-simple {
background:none;
top:15px;
left:760px;
width:auto;
padding-left:0;
}

body#conservatoire form#recherche-simple {
background:none;
top:15px;
left:760px;
width:auto;
padding-left:0;
}

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

body#mediatheque form#recherche-simple label{
display:inline;
color:#192435;
background:url(img_mediatheque/connexion_label.png) no-repeat 0 50%;
padding-left:13px;
vertical-align:middle;
margin-right:5px;
}

body#ecolotheque form#recherche-simple label{
display:inline;
color:#008000;
background:url(img_ecolotheque/connexion_label.png) no-repeat 0 50%;
padding-left:13px;
vertical-align:middle;
margin-right:5px;
}

body#musee form#recherche-simple label{
display:inline;
color:#BE003F;
background:url(img_musee/connexion_label.png) no-repeat 0 50%;
padding-left:13px;
vertical-align:middle;
margin-right:5px;
}

body#conservatoire form#recherche-simple label{
display:inline;
color: #fff;
background:url(img_conservatoire/connexion_label.png) no-repeat 0 50%;
padding-left:13px;
vertical-align:middle;
margin-right:5px;
}
form#recherche-simple input#MOTS_CLEFS{
width:163px;
}

p#oublie{
margin:0;
}

p#oublie a{
color:#fff;
}

/* ----- =Contexte =DSI */

.dsi #bienvenue{
position:absolute;
top:5px;
left:700px;
width: 300px;
font-size:0.9em;
line-height:1.5em;
z-index:1;
font-family:verdana, sans-serif;
border-right:0;
}

body#deveco  #bienvenue{
position:relative;
top:0;
left:0;
width: auto;
background:#fce281;
padding-left:1em;
font-size:1em;
font-family:"Trebuchet MS", sans-serif;
padding-top:0.5em;
}

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

body#deveco #personne_dsi{
color:#4168b9;
margin-left:-5px
}

.dsi #personne_dsi em{
font-weight:700;
font-style:normal;
clear:both;
display:block;
margin-bottom:0;
font-size:1.2em;
color:#376b84;
font-family:"Trebuchet MS";
}

body#deveco #personne_dsi em{
clear: none;
color:#4168b9;
font-size:1.3em;
font-weight:500;
}

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

body#deveco #bienvenue ul{
position:relative;
top: auto;
left: auto;
margin-left:1em;
}

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

body#deveco #bienvenue li{
display: list-item;
list-style: disc;
border:none;
padding-left:0;
color:#4168b9;
}

body#deveco #bienvenue a{
color:#4168b9;
}

/* ----- menu principal */

ul#menu_principal{
margin-left:0;
height:24px;
background: transparent url(img/accueil/menu_principal.png) no-repeat 0 0;
padding-top:26px;
}

/*
html>body ul#menu_principal{
background-color:#f69a03;
}
*/

body#mediatheque ul#menu_principal{
height:44px;
padding-top:0;
}

body#ecolotheque ul#menu_principal{
height:44px;
padding-top:0;
}

body#musee ul#menu_principal{
height:44px;
padding-top:0;
}

body#conservatoire ul#menu_principal{
height:44px;
padding-top:0;
}
ul#menu_principal li{
position:relative;
display:block;
float:left;
z-index:1500 !important;
}

ul#menu_principal li a img:hover{
visibility:visible;
}

ul#menu_principal ul{
position:absolute;
top:24px;
left:0;
width:90%;
background:#999;
display:block;
padding:0.5em 5%;
margin:0;
visibility:hidden;
}

ul#menu_principal ul li{
float:none;
list-style:none;
margin:0;
padding:0
}

ul#menu_principal ul li a{
display:inline;
color:#fff;
}

/* ----- bloc navigation */

#navigation{
/*
taille originale dans ecran.css
width:195px;
*/
width:160px;
padding-bottom:20px;
}


/* ----- menu accès direct */

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

body#mediatheque ul.menu_acces_direct{
margin-top:2em;
}

body#ecolotheque ul.menu_acces_direct{
margin-top:2em;
}

body#musee ul.menu_acces_direct{
margin-top:2em;
}

body#conservatoire ul.menu_acces_direct{
margin-top:2em;
}

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

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

body#mediatheque ul.menu_acces_direct a{
color:#034766;
}

body#ecolotheque ul.menu_acces_direct a{
color:#103C94;
}

body#musee ul.menu_acces_direct a{
color:#6c8299;
}

body#conservatoire ul.menu_acces_direct a{
color: #3d465f;
}

/* ----- contenu */

#deco-contenu{
border:0;
margin-bottom:0
}

body#mediatheque #deco-contenu{
border-left:0;
}

body#ecolotheque #deco-contenu{
border-left:0;
}

body#musee #deco-contenu{
border-left:0;
}

body#conservatoire #deco-contenu{
border-left:0;
}

#contenu-avec-encadres{
padding-top:0;
}

#contenu-sans-encadres {
float: left;
padding: 0 0 0 24px;
/*width: 780px;*/
width:800px;
}

body#deveco #contenu-sans-encadres{
width:775px;
}

.innerconteneur {
	padding:0;
}

.lastconteneur .style2 .liste-objets{
font-size:1em;
}

.style2 .liste-objets img{
border:1px solid #7a7c77;
}

.style2 .liste-objets li{
border:0;
padding-top:0;
}

.style2 ul.liste-actualites li.modulo{
font-size:1.1em;
}

.style2 ul.liste-actualites li.modulo em{
font-family:"Trebuchet MS", sans-serif;
}

.liste-objets p.lire_suite {
display: none;
}

body#mediatheque .liste-objets p.lire_suite,
body#mediatheque .liste-objets .date-liste {
display: none;
}

body#ecolotheque .liste-objets p.lire_suite,
body#ecolotheque .liste-objets .date-liste {
display: none;
}

body#musee .liste-objets p.lire_suite,
body#musee .liste-objets .date-liste {
display: none;
}

body#conservatoire .liste-objets p.lire_suite,
body#conservatoire .liste-objets .date-liste {
display: none;
}

body#portail .liste-objets p.lire_suite {
display: block;
}

body#portail .style2 ul.liste-actualites li.modulo .date-liste,
body#portail .style2 ul.liste-actualites li.modulo .lire_suite{
display:none;
}



.style2 ul.liste-actualites li.modulo a{
color:#06557e;
}

.liste-actualites a{
color:#4f607d;
font-weight:700 !important;
}

body#conservatoire div#encadres a{
color: #36445f;
}


/* ----- Flash + pied page */

#pied_flash{
clear:both;
display:block;
width:1000px;
background:#f9f9f9;
border-top:1px solid #7a7c77;
border-bottom:1px solid #7a7c77;
}

#pied-page,
p.boutons-actions{
background:#fff;
}


#pied-page a{
background:#fff !important;
color:#000;
}

body#mediatheque #pied-page a{
background:transparent !important;
}

body#ecolotheque #pied-page a{
background:transparent !important;
}

body#musee #pied-page a{
background:transparent !important;
}

body#conservatoire #pied-page a{
background:transparent !important;
}
/* ----- météo */

#meteo{
position:absolute;
/* left:833px; */
left:700px;
top:80px;
color:#fff;
background: url(img/accueil/meteo_titre.png) no-repeat 0 5px;
font-size:0.8em;
padding-left:80px;
}

#meteo table{
/*width:175px; old value FBO*/
width:215px;
}

#meteo table,
#meteo table th,
#meteo table td{
border:0 solid #283667;
padding:0
}

#meteo caption{
font-size:1.1em;
text-align:left;
}

#meteo table th{
font-weight:500;
border-right:1px solid;
line-height:100%;
}

#bloc_meteo table td{
text-align:center;
padding-top:0.5em
}

#meteo table td img{
/*
width:32px;
height:32px;
*/
margin-top:4px;
}

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

#meteo p a{
margin:0 0.3em
}

#bandeau_flash{
width:510px;
height:143px;
position:absolute;
top:0;
left:155px
}

/* --- */

table#test_accueil{
width:100% !important;
}

table#test_accueil caption{
border-top:1px solid #7a7c77;
height:10px;
font-size:1px;
padding:0;
margin:0;
}

table#test_accueil td#deco{
border-left:1px solid #7a7c77;
border-right:1px solid #7a7c77;
}

table#test_accueil td img{
margin:0;
padding:0;
}

/**** satellite mediatheque ****/

body#mediatheque ul#mediatheque_bandeau_bas{
font-size:0.8em;
font-family:verdana, sans-serif;
}

body#mediatheque ul#mediatheque_bandeau_bas li{
display:inline;
float:left;
border-right:1px solid #0a595e;
}

body#mediatheque ul#mediatheque_bandeau_bas li.dernier{
border-right:0;
}

body#mediatheque ul#mediatheque_bandeau_bas em{
text-align:center;
font-style:normal;
display:block;
}

body#mediatheque ul#mediatheque_bandeau_bas a{
color:#0a595e;
background-color:#7fb518;
display:block;
}

body#mediatheque ul#mediatheque_bandeau_bas a:hover{
color:#fff;
background-color:#0a595e;
text-decoration:none;
display:block;
}

body#mediatheque ul#mediatheque_bandeau_bas a.on {
color:#fff;
background-color:#0a595e;
}


/**** satellite Deveco ****/

body#deveco{
background:url(img_deveco/fond_body_accueil.png) no-repeat 0 0;
}

body#deveco #business{
background:url(img_business/fond_body_accueil.png) no-repeat 0 0;
}

body#deveco #prospective{
background:url(img_prospective/fond_body_accueil.png) no-repeat 0 0;
}

body#deveco #ema{
background:url(img_ema/fond_body_accueil.png) no-repeat 0 0;
}

body#deveco ul#menu_principal ul{
top:44px;
}

body#deveco #page{
background-position:107px 0;
background-color:transparent;
}

body#deveco #bandeau{
height:166px;
background-image:none;
}

/* === */

body#deveco #montpellier_agglo{
top:45px;
left:410px;
font-size:1em;
}

body#deveco #montpellier_agglo a{
color:#f60;
}

/* === */

body#deveco #navigation{
width:188px;
}

body#deveco ul#menu_principal{
height:44px;
padding-top:0;
background-image:none;
}

/* ==================================== */



body#deveco ul.menu_acces_direct {
margin:0;
padding:45px 0px 10px 7px;
background: #ffd023 url(img_deveco/menu_acces_direct.png) no-repeat 0 0;
border-bottom:1px solid #fddd31;
}

body#deveco ul.menu_acces_direct a {
color:#034766;
background-color:transparent;
}

body#deveco #prospective ul.menu_acces_direct a {
color:#912f56;
}

body#deveco ul.menu_acces_direct li {
position: relative;
border-bottom: 1px solid #FFD023;
}

body#deveco #business ul.menu_acces_direct li {
border-bottom: 1px solid #FF902A;
}

body#deveco #prospective ul.menu_acces_direct li {
border-bottom: 1px solid #FDB913;
}

body#deveco #business ul.menu_acces_direct{
background:#ff902a none;
border-bottom-color:#ff902a;
padding-top:10px;
}

body#deveco #prospective ul.menu_acces_direct{
background-color:#fdb913;
border-bottom-color:#fdb913;
/* padding-top:10px; */
}

body#deveco ul.menu_acces_direct ul {
position: absolute;
top: 0;
left: 178px;
display: none;
list-style-type: none;
background-color: #FFD023;
width: 188px;
}

body#deveco ul.menu_acces_direct ul ul {
left: 178px;
}

body#deveco #deco-contenu{
border-left:0;
}

body#deveco #pied-page a{
background:transparent !important;
}

body#deveco ul#mediatheque_bandeau_bas{
font-size:0.8em;
font-family:verdana, sans-serif;
}

body#deveco ul#mediatheque_bandeau_bas li{
display:inline;
float:left;
border-right:1px solid #0a595e;
}

body#deveco ul#mediatheque_bandeau_bas li.dernier{
border-right:0;
}

body#deveco ul#mediatheque_bandeau_bas em{
text-align:center;
font-style:normal;
display:block;
}

body#deveco ul#mediatheque_bandeau_bas a{
color:#0a595e;
background-color:#7fb518;
display:block;
}

body#deveco ul#mediatheque_bandeau_bas a:hover{
color:#fff;
background-color:#0a595e;
text-decoration:none;
display:block;
}

body#deveco ul#mediatheque_bandeau_bas a.on {
color:#fff;
background-color:#0a595e;
}

/* --- */

body#deveco #connexion{
position:relative;
top:0;
left:0;
width:auto;
background:#fce281 none;
padding:0.5em 7px 0 7px;
}

body#deveco #connexion fieldset{
margin:0;
padding:0.5em 0 0 0;
}

body#deveco #connexion legend{
color:#4269b9;
background:transparent;
font-weight:normal;
margin:0 0 0 -7px;
padding:0;
font-size:1.1em;
display:inline;
}

body#deveco #connexion fieldset p{
float:none;
display:block;
margin:0.5em 0;
}

body#deveco #connexion label{
color:#4269b9;
display:block;
width:65px;
font-size:0.8em;
float:left;
font-weight: normal;
font-family: Arial;
padding-top: 0.3em;
}

* html body#deveco #connexion label {
/* padding-top: 0.3em; */
}

body#deveco #connexion input{
border:1px solid #91acc5;
width:75px;
font-size:0.85em;
}

body#deveco #connexion input.ok,
body#deveco #autres_sites input.ok{
font-weight:700;
width:auto;
border:0;
color:#1d3c7a;
background:url(img_deveco/connexion_ok.png) no-repeat 0 2px;
margin-top:1px;
width:23px;
height:25px;
float:right;
}

body#deveco #business #autres_sites input.ok{
background-image:url(img_business/connexion_ok.png);
}

body#deveco #prospective #autres_sites input.ok{
background-image:url(img_prospective/connexion_ok.png);
}

body#deveco p#oublie{
margin:0;
position:relative;
top:-15px
}

body#deveco html>body p#oublie{
position:relative;
top:-5px
}

body#deveco p#oublie a{
color:#899db5;
}

/* --- */

body#deveco form#autres_sites{
padding:0.5em 7px;
background:#fede30;
height:45px;
border:2px solid #fff;
border-width:2px 0;
}

body#deveco form#autres_sites label{
color:#2b84b2;
font-size:1.1em;
}

body#deveco form#autres_sites select{
margin-top:3px;
font-size:0.7em;
border:1px solid #92aac4;
width:135px;
float:left;
}

body#deveco form#autres_sites input.ok{
font-size:0.9em;
vertical-align:bottom !important;
position:relative;
top:-2px;
}

/* --- */