/* @font-face {
font-family: 'CABNDWebBold';
src: url('fontes/cabndwebbold-webfont.eot');
src: local('☺'), url('fontes/cabndwebbold-webfont.woff') format('woff'), url('fontes/cabndwebbold-webfont.ttf') format('truetype'), url('fontes/cabndwebbold-webfont.svg#webfontQnEArj65') format('svg');
font-weight: normal;
font-style: normal;
} */

@font-face {

/* Open Din Schriften Engshrift 
source : http://ospublish.constantvzw.org/type/open-din-das-ist-norm
Licence OFL http://fontforge.sourceforge.net/OFL-fr.html */

font-family: 'OpenDinSchriftenEngshriftMedi';
src: url('fontes/opendinschriftenengshrift-webfont.eot');
src: local('☺'), url('fontes/opendinschriftenengshrift-webfont.woff') format('woff'), url('fontes/opendinschriftenengshrift-webfont.ttf') format('truetype'), url('fontes/opendinschriftenengshrift-webfont.svg#webfontkYjrvv47') format('svg');
font-weight: normal;
font-style: normal;
}

/* ===========================
Initialisation des styles par defaut
=========================== */

body {
background: #686a78 url(img/fond.png) no-repeat 50% 0;
color: #fff;
font-family: tahoma, verdana, helvetica, arial, sans-serif;
font-size: 75%;
margin-bottom: 2.5em;
}

body, html, fieldset {
border: 0;
}

h1, h2, h3, h4, h5, h6, pre, code {
font-size: 1em;
}

p, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input {
margin: 0;
padding: 0;
}

a {
/* background-color: #fff; */
background-color: transparent;
color: #6781ba;
text-decoration: underline;
}

/* etat "focus" important pour accessibilite web */
a:focus {
background-color: #6f717f !important;
color: #fff !important;
text-decoration: none !important;
}

a img,
a:link img,
a:visited img {
border: none;
vertical-align: middle;
}

h2 {
font-family: "arial narrow", arial, tahoma, sans-serif;
color: #555d89;
font-size: 1.85em;
font-weight: normal;
margin: 0;
line-height: 100%;
}

h3 {
font-size: 1.4em;
margin: 1em 0;
}

h4 {
font-size: 1.2em;
margin: 1em 0;
}

/* === Avertissement visuel quand on visualise une page par le mode aperu du back office === */

p#en_mode_apercu {
background-color: #ff5716;
color: #332e44;
font-size: 1.1em;
font-weight: 700;
margin: 0;
padding: 0.4em 0 1.1em 0;
text-align: center;
width: 1000px;
}

/* === Accessibilite liens evitement === */

p#acces_direct {
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
=========================== */

div#liens_aide_navigation{
line-height: 29px;
margin: 0 auto;
position: relative;
font-size: 0.9em;
width: 1000px;
}

p#accessibilite {
color :	#fff;
margin-left: 0.5em;
display: block;
margin: 0 0 0 20px;
}

p#accessibilite a{
background-color: #686a78;
color :	#fff;
text-decoration: none;
}

/* === outils_1 === */

ul#outils_1 {
position: absolute;
left: 106px;
top: 0;
}

ul#outils_1 li {
color: #fff;
float: left;
list-style-type: none;
padding-left: 0.5em;
}

ul#outils_1 li.premier_element {
padding-left: 0;
padding-right: 10px;
}

ul#outils_1 li a {
background-color: transparent;
color: #fff;
text-decoration: none;
}

/* === */

p#accessibilite a:hover,
ul#outils_1 li a:hover{
text-decoration: underline;
}

/* === */

div#page_deco3{
background: url(img/page_deco3.png) repeat-y 100% 0;
margin: auto auto 100px;
width: 1002px;
}

div#page_deco2{
background: url(img/page_deco2.png) no-repeat 100% 0;
}

div#page_deco{
background: url(img/page_deco.png) no-repeat 0 100%;
padding-bottom: 8px;
}

div#page {
background: #fff;
color: #494949;
font-size: 1.1em;
position: relative;
width: 994px;
}

/* ===========================
Styles Communs
=========================== */

hr.separateur_sections_page {
display: none;
}

/* === classes communes === */

.hide {
position: absolute;
visibility: hidden;
}

.separateur {
clear: both;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
display: block;
}

.erreur {
color: #f00;
font-style: normal;
font-weight: 700;
}

.retour {
cursor: pointer;
}

/* champs de formulaires en lecture seule */
form input.readonly {
background-color: #ddd;
}

.champ-saisie,
select {
border: 1px solid;
}

input.ok {
font-family: arial, sans-serif;
background: #6781ba;
color: #fff;
border: 1px solid;
}

p.legende {
background-color: #fff;
color: #666;
font-size: 0.75em;
font-weight: 700;
margin: 0.5em 0 0 0;
line-height: 120%;
padding-bottom: 1em;
}

div.photo img {
border: 1px solid #494949;
}

span.credits_photo {
display : block;
font-style : italic;
}

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

div#bandeau {
background: #686a78;
height: 10px;
position: relative;
z-index: 10;
}

div#bandeau .champ-saisie {
margin: 0 0 5px 0;
width: 110px;
}

h1 {
font-size: 1.6em;
left: 0;
margin: 0;
position: absolute;
text-transform: uppercase;
top: -96px;
}

h1 a {
color: #fff;
text-decoration: none;
}

/* ====================
=Recherche =Simple
==================== */

form#recherche_simple {
right: -8px;
right: 7px;
position: absolute;
top: 0;
width: auto;
}

form#recherche_simple p{
margin: 0;
}

form#recherche_simple label {
color: #f4f4f5;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.25em;
font-weight: 700;
padding-right: 5px;
}

form#recherche_simple input.champ-saisie {
border-color: #617f92;
margin-top: 2px;
padding: 1px 0;
width: 140px;
}

form#recherche_simple input.ok {
background: #d6d6d6;
color: #000;
border: 0;
text-transform: uppercase;
font-size: 0.8em;
height: 18px;
line-height: 18px;
text-align: center;
position: relative;
top: -1px;
width: 21px;
}

#recherche_simple a{
color: #b2b3ba;
font-family: arial, sans-serif;
font-size: 0.9em;
padding-left: 8px;
}

#recherche_simple a:hover{
color: #fff;
}

/* ====================
=Connexion
==================== */

div#connexion {
padding-bottom: 0;
padding-top: 1.5em;
border-bottom: 2px dotted;
}

div#connexion ul {
font-size: 1.1em;
font-weight: 700;
}

div#connexion ul li {
background-position: 0 50%;
background-repeat: no-repeat;
list-style: none;
list-style-position: outside;
padding: 0.5em 0 0.5em 20px;

}

div#connexion ul li#accueil_dsi{
background-image: url(img/collaboratif/accueil_extranet.png);
}

div#connexion ul li#preferences{
background-image: url(img/collaboratif/gerer_compte.png);
}

div#connexion ul li#se_deconnecter{
background-image: url(img/collaboratif/deconnecter.png);
}


div#connexion form#profil{
margin: 1.5em 0 2em 0;
}

div#connexion form#profil label {
font-size: 1.2em;
font-weight: 700;
display: block;
margin: 0 0 0.3em 0;
}

div#connexion form#profil select {
border: 1px solid;
font-family: verdana, sans-serif;
font-size: 1.1em;
padding: 1px;
width: 215px;
}

div#connexion form#profil input.ok {
text-transform: uppercase;
font-size: 0.97em;
height: 2em;
width: 2em;
padding: 3px 0;
}

/* ===============
=Block =Menu
=============== */

div#menu_principal {
background: #768ca8 url(img/menu_principal.png) no-repeat 245px 100%;
color: #fff;
font-family: tahoma, "DejaVu Sans Condensed", arial, sans-serif;
font-size: 0.85em;
min-height: 96px;
position: relative;
text-transform: uppercase;
z-index: 1;
}

div#menu_principal ul {
background-position: 100% 100%;
background-repeat: no-repeat;
float: left;
position: relative;
list-style: none;
min-height: 94px;
}

div#menu_principal ul#menu_amenagement {
border-bottom: 3px solid #adaa00;
z-index: 2;
margin-left: 245px;
}

div#menu_principal ul#menu_gestion{
border-bottom: 3px solid #e69200;
z-index: 1;
}

/* === */

div#menu_principal ul#menu_profils{
border-bottom: 3px solid #dad6d6;
}


/* les items */

div#menu_principal ul li{
float: left;
border-left: 1px solid #a6b4c6;
letter-spacing: 1px;
margin: 26px 0;
display: block;
min-height: 41px;
}


/* les liens */

div#menu_principal ul li a{
background-color: transparent;
border-bottom: 3px solid #768ca8;
color: #fff;
display: block;
min-height: 38px;
padding: 0 11px;
position: relative;
text-decoration: none;
}

div#menu_principal ul li a:hover{
border-bottom: 3px solid #768ca8;
}

/* --- 1 */

/* div#menu_principal ul#menu_amenagement li:hover a */
div#menu_principal ul#menu_amenagement a:hover,
div#menu_principal ul#menu_amenagement em a{
color: #fff;
}

/* --- 2 */

/* div#menu_principal ul#menu_gestion li:hover a */
div#menu_principal ul#menu_gestion a:hover,
div#menu_principal ul#menu_gestion em a{
color: #fff;
}

/* --- 3 */

/* div#menu_principal ul#menu_profils li:hover a  */
div#menu_principal ul#menu_profils a:hover,
div#menu_principal ul#menu_profils em a{
color: #fff;
}

/* les em */

div#menu_principal ul em{
font-style: normal;
font-weight: 700;
}

div#menu_principal ul#menu_amenagement em a,
div#menu_principal ul#menu_gestion em a,
div#menu_principal ul#menu_profils em a{
border-color: #fff;
}

/* === sous-menus d�roulants === */

div#menu_principal ul ul{
display: none;
position: absolute;
top: 60px;
border-top: 0;
padding-bottom: 0;
}

div#menu_principal ul ul li{
display: inline;
float: none;
border: 0;
min-height: 0;
}

div#menu_principal ul ul li a{
background-color: transparent;
border: 0;
border-bottom: 1px dotted #fff;
margin: 0;
padding: 0.2em 0.5em;
height: auto;
min-height: 0;
top: 0;
width: 14em;
}

/* --- 1 */

div#menu_principal ul#menu_amenagement ul,
div#menu_principal ul#menu_amenagement:hover ul a,
div#menu_principal ul#menu_amenagement ul a{
background-color: #aca900;
}

div#menu_principal ul#menu_amenagement ul a:hover{
color: #fff;
background-color: #9f9d00;
}

/* --- 2 */

div#menu_principal ul#menu_gestion ul,
div#menu_principal ul#menu_gestion:hover ul a,
div#menu_principal ul#menu_gestion ul a{
background-color: #e69100;
}

div#menu_principal ul#menu_gestion ul a:hover{
color: #fff;
background-color: #cf8300;
}

/* --- 3 */

div#menu_principal ul#menu_profils ul,
div#menu_principal ul#menu_profils:hover ul a,
div#menu_principal ul#menu_profils ul a{
background-color: #494949;
}

div#menu_principal ul#menu_profils ul a:hover{
color: #fff;
background-color: #333;
}

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

div#navigation {
float: left;
padding: 2em 5px 0 15px;
width: 150px;
min-height: 150px;
background: url(img/navigation.png) no-repeat 0 0;
}

div#navigation h3,
a#lien_newsletter,
a#lien_quisommesnous {
color: #6e6e6e;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.4em;
margin: 0;
font-weight: 500;
}

a#lien_newsletter,
a#lien_quisommesnous {
background: #fff url(img/puce_carres_fleche.png) no-repeat 6em bottom;
display: block;
margin-bottom : 1em;
padding-right: 15px;
}

a#lien_quisommesnous {
background-position : 7em bottom;
}


div#navigation .visuel-rubrique {
background-position: 50% 50%;
background-repeat: no-repeat;
color: #fff;
height: 80px;
padding: 0px 0 21px 0;
}

ul#profils,
ul.menu_secondaire{
margin-bottom: 1em;
font-weight: 700;
font-size: 0.9em;
margin-left: 3px;
}

ul#profils li,
ul.menu_secondaire li{
list-style-type: none;
list-style-image: none;
padding: 0.4em 0;
}

/* === menu secondaire === */

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

.menu_secondaire ul {
margin: 0 0 1em 10px;
}

.menu_secondaire ul ul {
margin-bottom: 0;
}

ul.menu_secondaire ul li.niveau3 {
font-weight: 400;
background: url(img/puce_carre_fleche.png) no-repeat 0 10px;
padding-left: 10px;
}

ul.menu_secondaire ul li.niveau3 li a {
color: #ADAA00;
}

/* === outils 2 === */

ul#outils_2 {
float: right;
position: relative;
}

ul#outils_2 li {
float: left;
list-style-type: none;
padding-left: 0.5em;
}

ul#outils_2 li a {
background-color: #6781ba;
color: #fff;
text-decoration: none;
}

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

div#contenu_deco_2 {
background: url(img/menu_principal_deco.png) 0 0 no-repeat;
margin-top: 3px;
}

div#contenu_deco_2 a{
text-decoration: none;
}

div#contenu_deco_2 a:hover{
text-decoration: underline;
}

div#contenu_deco {
background: url(img/contenu_deco.png) repeat-y 551px 0;
float: left;
height: auto;
line-height: 130%;
}

body#amenagement div#contenu_deco,
body#gestion div#contenu_deco {
background-position: 721px 0;
}

div#contenu_avec_encadres {
float: left;
margin: 0;
min-height: 300px;
padding: 0 0 2em 0;
width: 554px;
}

body#amenagement div#contenu_avec_encadres,
body#gestion div#contenu_avec_encadres {
width: 724px;
}

/* === */

div#contenu_sans_encadres {
float: left;
margin:0;
min-height: 300px;
padding: 0 0 50px 0;
width: 824px;
}

body#amenagement div#contenu_sans_encadres,
body#gestion div#contenu_sans_encadres {
width: 994px;
}

/* === */

div#contenu_centre_deco{
background: url(img/contenu_centre_deco.png) no-repeat 7px 2em;
margin: 0 25px 0 0;
padding: 1.5em 0 0 30px;
min-height: 300px;
}

/* === */

/* 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 2em;
}

p#fil_ariane {
font-family: arial, sans-serif;
font-size: 0.8em;
margin: 1.2em 0 -2px 2em;
padding: 0;
}

p#fil_ariane a {
text-decoration: none;
}

div#titre_deco {
background: url(img/titre_deco.png) no-repeat right 0;
border-bottom: 1px solid #676d8b;
margin: 0;
padding: 2em 0 0.5em 1em;
margin-right: 1px;
margin-top: 1px;
}

/* === Plan du site === */

div.plandusite ol{
color: #6781ba;
}

div.plandusite ol br{
display: none;
}

ol.plansite1{
font-weight: 700;
list-style: none;
padding-left: 1em !important;
font-family: "arial narrow", arial, sans-serif;
font-size: 1.1em;
}

ol.plansite1 li{
border-bottom: 1px dotted;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}

ol.plansite2{
font-weight: 500;
list-style: disc;
font-family: tahoma, arial, sans-serif;
font-size: 0.9em;
border-bottom: 0;
margin-top: 0.2em !important;
}

ol.plansite2 li{
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
}

ol.plansite3{
list-style: circle;
}

/* ===================
=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-bottom: 1px solid #8c8fa2;
padding: 1em 0;
}

.para-an h3 {
color: #555d89;
font-family: "arial narrow", arial, sans-serif;
font-size: 1.2em;
margin: 0.5em 0;
}

/* === Elements communs aux fiches === */

body.actualite #thematique,
body.article #thematique,
body.document #thematique {
border-bottom: 2px dotted;
margin: 1em 0;
}

body.actualite .photo,
body.article .photo,
body.document .photo {
float: left;
margin: 0 10px 0 0;
}

/* === =Fiche =Actualite  =article === */

body.actualite p#date,
body.article p#date{
border-bottom: 2px dotted;
margin: 0 0 1.5em 0;
font-size: 0.85em;
padding-bottom: 1em;
line-height: 120%;
}

body.actualite p#date em{
font-style: normal;
font-weight: 700;
}

body.actualite p#resume,
body.article p#chapeau,
body.document p#resume{
margin: 0 0 1em 0;
font-weight: 700;
}

body.actualite #description {
margin-bottom: 1.5em;
text-align: left;
}

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

body.article p#soustitre,
body.document p#soustitre{
font-family: "arial narrow", arial, sans-serif;
color: #555d89;
font-size: 1.35em;
font-weight: 700;
margin: 0.4em 0;
}

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

body.document p#referenceisdn {
border-bottom:2px dotted;
font-size:0.85em;
line-height:120%;
margin:0pt 0pt 1.5em;
padding-bottom:1em;
}

body.document p#referenceisdn em{
font-weight: 700;
font-style: normal;
}

body.document div#auteurs {
font-size: 0.85em;
margin: 1em 0;
}

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

.family-name {
text-transform : uppercase;
}

body.annuaire #type_personnel {
border-bottom: 1px solid #cbadb5;
border-top: 1px solid #cbadb5;
color: #778aaa;
font-size: xx-small;
margin-top: 3px;
padding: 2px 0;
}

body.annuaire em.type_personnel {
display: block;
font-style: normal;
}

body.annuaire div.photo {
background: #fff;
float: right;
margin-left: 10px;
text-align: right;
position: relative;
z-index: 1;
padding: 0 0 5px 10px;
}

body.annuaire dl.type_2 {
background-color: transparent;
border-top: 0;
}

/*=== Listes de definitions ===*/

/* de type 1 */

dl.type_1 {
background: #fff;
border-bottom: 1px solid #ddd;
margin: 0;
position: relative;
width: 100%;
}

dl.type_1 dt {
background: no-repeat 0 0.8em;
font-weight: 700;
left: 0;
margin: 0;
padding: 0.5em 0 0 20px;
position: absolute;
width: 190px;
}

dl.type_1 dd {
margin-left: 190px;
padding: 0.5em 2%;
}

dl.type_1 dt,
dl.type_1 dd{
border-top: 1px solid #ddd;
}

/* de type 2 */

dl.type_2 {
padding-bottom: 0.3em;
position: relative;
border-left: 8px solid;
padding: 1em 0 1em 15px;
margin-left: 1em;
font-size: 0.9em;
}

dl.type_2 dt {
font-weight: 700;
padding-top: 0.4em;
width: 140px;
}

dl.type_2 dd{
border-bottom: 1px solid #cbcbcb;
padding: 0  2% 0.4em 140px;
margin: -18px 0 0 0;
}

dl.type_2 a{
font-weight: 700;
}

/* ===	=Commentaires === */

p#commenter, 
p#afficher_masquer_commentaires{
font-size: 0.85em;
text-align: right;
font-weight: 700;
padding: 4px 0;
line-height: normal;
float: right;
margin-top: 2em;
margin-bottom: 2em;
}

p#commenter a,
p#afficher_masquer_commentaires a {
background-color : #6781ba;
color: #fff;
text-decoration: none;
border : 1px solid;
margin : 13px 0;
padding : 3px 5px;
border: 1px solid;
height: 1%;
}

p#commenter{
clear: right;
}

p#afficher_masquer_commentaires{
clear: left;
}

p#afficher_masquer_commentaires a{
margin-right: 20px;
}

p#commenter a:hover,
p#afficher_masquer_commentaires a:hover {
text-decoration: none;
}

#lien_cache {
display : none;
}

#commentaires_afficher {
display: block;
border-top: 1px solid #fff;
}

#commentaires_masquer {
display: none;
}

/* === */

div.com-outer {
margin: 4em 0;
clear : both;
}

div.com-outer a {
background-color : transparent;
}

div.com-inner h3 {
font-size : 1.3em;
font-size: 24px;
font-weight: 500;
margin : 0.5em 0 1em 0;
color: #fff;
background: no-repeat 0 50%;
padding: 0.25em 0 0.25em 60px;
font-family: "arial narrow", arial, sans-serif;
}

div.com-inner {
font-size: 0.85em;
line-height: 130%;
}

div#contenu_sans_encadres div.com-inner ul#com-ul1,
div#contenu_avec_encadres div.com-inner ul#com-ul1{
padding : 0;
}

div#contenu_sans_encadres div.com-inner ul#com-ul1 ul,
div#contenu_avec_encadres div.com-inner ul#com-ul1 ul{
padding: 0 0 0 7px;
}

div.com-inner li {
border-left : 7px solid;
list-style-type : none;
}

div.com-inner .com-titre1 li{
border-color: #6781ba;
}

/* === */

.li1 {
margin-top : 30px;
padding-left : 0;
}

.li1first {
margin-top : 0;
}

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

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

p.com-titre { 
clear : both;
font-weight : 700;
margin : 0;
padding : 2px 0 2px 5px;
}

.com-titre0 {
background-color : #fff;
}

.com-titre1 {
background-color : #fff;
}

p.com-date,
p.com-site {
background-color : #eceaea;
color: #777;
margin : 0;
padding-left: 5px;
}

.com-auteur {
border-left : 1px solid #ccc;
padding-left : 5px;
}

div.com-corps {
background-color : #fff;
padding : 0 0 0 5px;
}

div.com-corps p{
margin: 0.5em 0;
}

.com-new {
border-top : 30px solid #fff;
}

p.repondre {
margin : 0.5em 0;
text-align: right;
font-weight: 700;
}

p.repondre a{
text-decoration: none;
background: url(img/commentaires_repondre.png) no-repeat 0 bottom;
padding:0 0 3px 12px;
border-bottom: 1px solid;
}

ul#com-ul1 p.repondre a:hover{
text-decoration: none;
}

/* ===	=Fiche =PageLibre === */

/*  ligne et colonnage */

div.ligne {
clear: left;
margin: 0;
}

.premiere_ligne {
border: 0;
padding-top: 0;
}

.colonne {
float: left;
}

.colonne_deco {
border-left: 1px solid #6e6e6e;
margin-right: 10px;
padding: 0 0 0 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 */

div.sansstyle,
div.style1,
div.style2,
div.style3{
margin-bottom: 1.5em;
}

div.style1 h3,
div.style2 h3,
div.style3 h3{
font-family: "arial narrow", arial, sans-serif;
font-weight: 700;
margin: 0;
}

/* === */

div.style1 h3{
color: #555d89;
font-size: 1.4em;
margin-bottom: 0.2em;
}

div.style1 div.style1_contenu{
line-height: 160%;
}

/* === */

div.style2 h3 {
color: #6e6e6e;
font-size: 1.2em;
padding-bottom: 0.5em;
padding-right: 10px;
margin-bottom: 0.2em;
background: url(img/style2_titre.png) no-repeat right top;
}

div.style2 div.style2_contenu{
font-size: 0.85em;
line-height: 140%;
}

/* === */

div.style3 {
border: 1px solid #878787;
padding: 10px;
}

div.style3 h3 {
color: #6e6e6e;
font-size: 1.4em;
margin-bottom: 0.5em;
}

div.style3 div.style3_contenu{
font-size: 0.85em;
line-height: 140%;
}

/********************************
=Fiche =Recherche_avancee
********************************/

ul#themes_recherche_avancee{
font-weight: 700;
font-size: 0.9em;
}

ul#themes_recherche_avancee li{
margin-bottom: 0.5em;
}

/* === */

p#recherche_precisions{
font-weight: 700;
margin: 0.5em 0;
}

/* === formulaire de recherche avanc�e === */

form#recherche_avancee {
background: url(img/recherche_avancee.png) no-repeat right 0;
padding-right: 19px;
/* width: 660px; */
width: 85%;
margin: 1em 0 0 60px;
font-size: 0.9em;
}

form#recherche_avancee legend {
display: none;
}

form#recherche_avancee fieldset {
margin-bottom: 1.5em;
}

form#recherche_avancee fieldset p {
background-color: #f5f5f5;
/* plus sombre : background-color: #eaeaea; */
clear: both;
margin: 0;
overflow: auto;
padding: 0.7em 0 0.7em 25px;
margin-bottom: 3px;
}

form#recherche_avancee fieldset p.recherche_avancee_focus{
background-color: #e3e3e3;
/* plus sombre : background-color: #dadada; */
}

form#recherche_avancee fieldset p.radio_boutons input{
border: none;
}

form#recherche_avancee label,
form#recherche_avancee fieldset p.radio_boutons span {
float: left;
font-weight: 700;
padding-left: 5px;
padding-right: 5px;
width: 125px;
}

form#recherche_avancee fieldset p.radio_boutons span {
padding-bottom: 0.5em;
}

form#recherche_avancee label.label_radio{
font-weight: 500;
vertical-align: baseline;
}

form#recherche_avancee input,
form#recherche_avancee select{
border: 1px solid;
}


form#recherche_avancee label.no_float {
float: none;
}

form#recherche_avancee .ChampSaisie {
max-width: 360px;
}

#contenu_avec_encdres form#recherche_avancee .ChampSaisie {
max-width: 200px;
}

form#recherche_avancee fieldset input.bouton {
color: #fff;
background-color: #6781ba;
text-transform: uppercase;
font-family: "arial narrow", arial, sans-serif;
font-size: 0.9em;
border: none;
padding: 1px 12px 1px 3px;
vertical-align: bottom;
}

/* === validation formulaire avanc� === */

form#recherche_avancee p#recherche_avancee_validation {
text-align: right;
font-size: 0.9em;
}

/* pour les boutons voir d�finition commune avec boutons formulaires en encadr�s */

/* page r�sultats de recherche  */

p#precisions_resultats {
font-weight: 700;
margin: 0.5em 0;
}

ul#liste_resultats {
list-style: none;
font-size: 0.85em;
background: url(img/liste_resultats.png) no-repeat right bottom;
padding-right: 17px;
padding-left: 0;
}

ul#liste_resultats li {
background-color: #eee;
margin-bottom: 4px;
padding: 0.5em 15px;
min-height: 2.6em;
border-left: 3px solid #fff;
}

ul#liste_resultats li.resultat_deco_2{
background-color: #f5f5f5;
}

ul#liste_resultats li:hover {
border-left: 3px solid #6781ba;
}

ul#liste_resultats li a{
font-size: 1.1em;
font-weight: 700;
}

/* === */

p#recherche_nouvelle_modifier{
font-weight: 700;
font-size: 0.9em;
}

p#recherche_avancee_navigation{
font-size: 0.85em;
margin-top: 0.8em;
}

p#recherche_avancee_navigation em#page_courante{
font-style: normal;
font-weight: 700;
margin: 0 1em;
}

a.precedent,
a.suivant,
a.premier,
a.dernier {
margin: 0 6px;
}

a.premier{
margin-left: 0;
}

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

div#contenu_avec_encadres ul.liste-pardefaut,
div#contenu_sans_encadres ul.liste-pardefaut,
div#contenu_avec_encadres ul.liste-documents,
div#contenu_sans_encadres ul.liste-documents,
div#contenu_avec_encadres ul.liste-actualites,
div#contenu_sans_encadres ul.liste-actualites,
div#contenu_avec_encadres ul.liste-articles,
div#contenu_sans_encadres ul.liste-articles,
div#contenu_avec_encadres ul.liste-operations,
div#contenu_sans_encadres ul.liste-operations{
padding-left: 0;
line-height: 120%;
}

ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li,
ul.liste-operations li{
border-top: 1px dotted #555d89;
clear: left;
list-style-type: none;
margin: 0;
padding: 0.8em 0;
}

ul.liste-documents li.premier_enfant,
ul.liste-actualites li.premier_enfant,
ul.liste-articles li.premier_enfant ,
ul.liste-operations li.premier_enfant{
border-top: 0;
}

/* === Listes d'affichage dans un style 2 === */

div.style2 ul.liste-documents li,
div.style2 ul.liste-actualites li,
div.style2 ul.liste-articles li,
div.style2 ul.liste-operations li{
font-size: 1.2em;
line-height: 120%;
}

/* === Listes d'affichage dans un style 3 === */

div.style3 ul.liste-documents li,
div.style3 ul.liste-actualites li,
div.style3 ul.liste-articles li,
div.style3 ul.liste-operations li{
font-size: 1.2em;
line-height: 120%;
}

/* === */

ul.liste-objets li a{
padding-left: 0;
}

ul.liste-documents li span,
ul.liste-actualites li span,
ul.liste-articles li span,
ul.liste-operations li span{
display: block;
}

ul.liste-objets span.liste_deco{
background: url(img/liste_objets.png) no-repeat right 50%;
display: inline;
padding: 0 3px;
}

/* === */

ul.liste-documents em,
ul.liste-actualites em,
ul.liste-articles em,
ul.liste-operations em{
font-family: "arial narrow", arial, sans-serif;
font-size: 1.1em;
font-style: normal;
font-weight: 700;
margin: 0;
padding: 0;
line-height:110%;
}

/* === */

ul.liste-documents span.soustitre-liste,
ul.liste-actualites span.soustitre-liste,
ul.liste-articles span.soustitre-liste,
ul.liste-operations span.soustitre-liste{
font-weight: 700;
color: #666;
font-size: 0.9em;
margin: 0.2em 0;
}
ul.liste-documents span.doc_date{
padding-bottom : 0.3em;
}

/* === */

ul.liste-documents span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste,
ul.liste-operations span.date-liste{
color: #999;
font-weight: 700;
text-transform: uppercase;
font-size: 10px;
font-size: 0.65em;
margin: 0.3em 0;
}

/* === */

ul.liste-documents p,
ul.liste-actualites p,
ul.liste-articles p,
ul.liste-operations p{
font-size: 1em;
margin: 0;
padding: 0;
}

/* === liste par d�faut === */

ul.liste-pardefaut li {
list-style: none;
font-weight: 700;
}

ul.liste-pardefaut li a{
background-position: right 0.1em;
}

/* === liste d�faut dans style 1 */
div.sansstyle ul.liste-pardefaut li,
div.style1 ul.liste-pardefaut li {
font-size: 0.9em;
}

/* === liste d�faut dans style 2 et 3 */
div.style2 ul.liste-pardefaut li,
div.style3 ul.liste-pardefaut li{
font-size: 1.1em;
line-height: 130%;
}

/* === */

ul.fluxrss li span {
display: block;
}

img.img-liste {
clear: left;
float: right;
margin: 0 0 0 10px;
}

ul.liste-articles span.redac-liste {
color: #332e44;
font-size: 110%;
font-style: italic;
}


dl.liste_fichesgw em {
font-style: normal;
font-weight: bold;
}

dl.liste_fichesgw dd dd {
margin-left: 1em;
}

/* === =Contexte =Fiche =Collaboratif =Gestion === */

.collaboratif div#contenu_centre_deco {
background-image: none;
}

.collaboratif  div#encadres div.encadre_auto_fiche h3 {
background: none;
padding-top: 0.5em;
}

.collaboratif  div#encadres div.encadre_auto_fiche_contenu {
border-right: none;
}

.collaboratif .ligne {
border: 0;
}

.collaboratif .conteneursousparagrapheaccueil {
float: left;
margin-right: 10px;
width: 45%;
}

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

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

.collaboratif .menu_secondaire_deco2,
.collaboratif .menu_secondaire_deco1 {
background-image: none;
}

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

body.collaboratif #encadres p.infos_contact,
body.collaboratif #encadres img.photo_contact {
float: left;
}

body.collaboratif #encadres p.infos_contact {
margin-bottom: 1em;
width: 195px;
}

body.collaboratif #encadres img.photo_contact {
margin: 0 0 0 10px;
}

#responsables {
margin-bottom: 1em;
margin-top: 0.2em;
}

h3.service {
border-bottom: 1px solid #ccc;
color: #555d89;
font-family: verdana, arial, sans-serif;
font-size: 1.1em;
font-weight: 700;
margin-bottom: 0.2em;
}

/* Titre requeteur */
h3.service2 {
background: url(img/escalier2.gif) no-repeat 49% 100%;
}

/*** Menus du Collaboratif ****/

.collaboratif div#navigation a.accueil_espace {
display: block;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 1em;
margin-top: 1em;
}

.collaboratif div#navigation ul {
background: #d2e0e2;
margin-left: 1em;
margin-bottom: 1em;
padding: 1em;
list-style: none;
}

.collaboratif div#navigation ul.services_contribution {

}


.collaboratif div#navigation ul.liens_personnels {

}

/* Liste de mes espaces */

form#liste_espaces {
margin-bottom: 1em;
}

form#liste_espaces label {
color: #6e6e6e;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.4em;
margin: 0;
font-weight: 500;
}

form#liste_espaces select {
border: 1px solid;
width: 123px;
}

form#liste_espaces input.ok {
text-transform: uppercase;
font-size: 0.85em;
height: 2em;
width: 2em;
padding: 3px 0;
}

/* ====================
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;
}

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

/* Espacement */
.gestion p,
.gestion div {
margin: 0.5em 0;
}

form.gestion p {
clear: both;
float: none;
margin: 0 0 1em 0;
}

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

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

.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: 0.9em;
}

.gestion .champ-texte,
.gestion iframe,
.gestion textarea {
border-color: #666 #ccc #ccc #666;
border-style: solid;
border-width: 1px;
}

.bouton {
font-family: "arial narrow", arial, sans-serif;
text-transform: uppercase;
border: 2px solid;
font-size: 1em;
padding-right: 15px;
background-color: #6781ba;
color: #fff;
border-color: #6781ba;
}

.gestion #valider-formulaire {
border-top: 1px solid #666;
float: none;
clear: both;
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;
margin-top: 2em;
}

/*** 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 {
font-weight: 700;
width: 200px;
}

.en-colonne span.libelle
{
float: left;
}

.en-colonne .multi-col span {
float: none;
}


div#encadres .en-colonne span.libelle,
div#encadres .en-colonne label,
div#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;
margin: 0;
width: 100%;
}

.en-colonne div{
margin-right: 10px;
}

.en-colonne div#formulaire_hidden,
.en-colonne div.formulaire_hidden,
.en-colonne div.toolbox p,
.en-colonne div.toolbox div,
div.multi-col {
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 .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: text-top;
}

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

.gestion .odd td, .gestion .odd td a {
background-color: #fff;

}

.gestion .even td,
.gestion .even td a {
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;
}

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

div.liste-horizontale ul{
list-style-type: none;
padding-left: 0 !important;
}

div.liste-horizontale li{
display: inline;
}

div.liste-horizontale li a{
font-weight: bold;
padding: 0.2em 20px 0 0;
}

div.liste-horizontale li.toutes a,
div.liste-horizontale li.toutes_liste a {
background: url(img/collaboratif/toutes.png) no-repeat right 4px;
}

div.liste-horizontale li.toutes a {
margin-right: 15px;
}

div.liste-horizontale li.toutes_dossier a {
background: url(img/collaboratif/arborescence.png) no-repeat right 5px;
padding-right: 30px;
}

div.liste-horizontale li.toutes_liste a,
div.liste-horizontale li.toutes_dossier a {
margin-right: 5px;
}

div.liste-horizontale li.creer a{
background: url(img/collaboratif/creer.png) no-repeat right 4px;
padding-right: 25px;
}

a.publication_hors {
background: url(img/collaboratif/fleche.png) no-repeat 0 4px;
display: block;
margin-top: 1em;
padding-left: 10px;
}

p#liste_vues {
text-align: left !important;
margin: 1.5em 0;
}

p#liste_vues label {
width: 75px;
}

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

p#redacteur,
p#date_modification,
p#contact_rubrique {
clear : both;
margin: 0;
text-align: right;
font-size: 0.85em;
}

p#date_modification {
border-top: 2px dotted;
font-weight: 700;
padding: 0.8em 0 0 0;
margin-top: 0.5em;
}

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

div#encadres {
float: left;
font-size: 0.85em;
width: 270px;
}

div#encadres ul{
margin-left: 1em;
}

/* Liste d'objets en encadr�s */

div#encadres ul.liste-objets{
margin-left: 0;
}

div#encadres ul.liste-objets li a{
}

div#encadres ul.liste-objets span.liste_deco{
/*background: url(img/liste_objets_encadres.png) no-repeat 50% 50%;*/
background: none;
padding: 0 2px;
}

div#encadres ul.liste-documents em,
div#encadres ul.liste-actualites em,
div#encadres ul.liste-articles em,
div#encadres ul.liste-operations em{
font-size: 1.25em;
line-height: 120%;
}

div#encadres ul.liste-documents span.soustitre-liste,
div#encadres ul.liste-actualites span.soustitre-liste,
div#encadres ul.liste-articles span.soustitre-liste,
div#encadres ul.liste-operations span.soustitre-liste{
font-size: 1em;
line-height: 120%;
}

div#encadres ul.liste-documents span.date-liste,
div#encadres ul.liste-actualites span.date-liste,
div#encadres ul.liste-articles span.date-liste,
div#encadres ul.liste-operations span.date-liste{
font-size: 0.8em;
line-height: 120%;
}

div#encadres ul.liste-pardefaut li {
margin-bottom : 0.5em;
}

div#encadres ul.liste-pardefaut li a{
background-position: right 0.4em;
}

/* === images de listes r�duites de force en encadr�s === */
div#encadres img.img-liste {
width: 35px;
margin: 0 0 0 5px;
}

/* fin liste d'objets en encadr�s */

div#encadres h3{
font-family: "arial narrow", arial, sans-serif;
font-size: 1.55em;
color: #6e6e6e;
margin: 0.5em 0;
}

/*
4 types d'encadres: 
- Generique
- De rubrique
- De fiche
- De recherche contextuelle
*/

/* === encadres generiques === */

div.encadre_generique,
div.encadre_rubrique,
div.encadre_auto_fiche,
div.encadre_nav_auto{
margin-bottom: 0;
border-bottom: 2px dotted;
}

div#encadres div.encadre_generique h3,
div#encadres div.encadre_rubrique h3,
div#encadres div.encadre_auto_fiche h3,
div#encadres div.encadre_nav_auto h3{
background: #d4d4d4 url(img/encadre_generique_titre.png) no-repeat right 0;
padding: 1em 15px 0.2em 15px;
margin-bottom: 0;
margin-top: 0;
}

div.encadre_generique div.encadre_generique_contenu,
div.encadre_rubrique div.encadre_rubrique_contenu,
div.encadre_auto_fiche div.encadre_auto_fiche_contenu,
div.encadre_nav_auto div.encadre_nav_auto_contenu{
border-right: 12px solid;
padding: 0.3em 5px 0.5em 0;
margin-left: 15px;
}

/* ------------------------------------------------
encadres de fiche, de navigation rubrique, automatique de fiche
------------------------------------------------ */

div.encadre_fiche,
div.encadre_recherche {
margin-bottom: 1em;
padding-left: 15px;
border-top: 2px dotted #555d89;
}

div#encadres div.encadre_fiche h3,
div#encadres div.encadre_recherche h3{
background: url(img/encadre_fiche_titre.png) no-repeat right 1px;
padding-right: 10px;
margin-right: 5px
}

div.encadre_fiche_contenu {
margin-right: 20px;
}

/* encadres de fiche specifiques : on peut les faire varier de couleur a la saisie */

div#encadres div.vert,
div#encadres div.orange,
div#encadres div.gris {
margin-bottom: 0;
border-bottom: 2px dotted;
}

div#encadres div.vert h3,
div#encadres div.orange h3,
div#encadres div.gris h3 {
background: #555 no-repeat right 0;
color: #fff;
padding: 1em 15px 0.2em 15px;
margin-bottom: 0;
margin-top: 0;
}

div#encadres div.vert div.encadre_fiche_contenu,
div#encadres div.orange div.encadre_fiche_contenu,
div#encadres div.gris div.encadre_fiche_contenu {
border-right: 12px solid;
padding: 0.3em 5px 0.5em 0;
margin-left: 15px;
margin-right : 0;
}

/* === vert === */

div#encadres div.vert {
border-bottom-color: #adaa00;
}

div#encadres div.vert h3 {
background-color: #adaa00;
background-image: url(img/amenagement/encadre_generique_titre.png);
}

div#encadres div.vert div.encadre_fiche_contenu {
border-right-color: #adaa00;
}

/* === orange === */

div#encadres div.orange {
border-bottom-color: #e69200;
}

div#encadres div.orange h3 {
background-color: #e69200;
background-image: url(img/gestion/encadre_generique_titre.png);
}

div#encadres div.orange div.encadre_fiche_contenu {
border-right-color: #e69200;
}

/* === gris === */

div#encadres div.gris {
border-bottom-color: #dad6d6;
}

div#encadres div.gris h3 {
background-color: #dad6d6;
background-image: url(img/encadre_generique_titre.png);
}

div#encadres div.gris div.encadre_fiche_contenu {
border-right-color: #dad6d6;
}

/* === 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;
}

/* === */

div.encadre_auto_fiche ul#telecharger{
margin: 0;
padding: 0;
}

div.encadre_auto_fiche ul#telecharger a{
font-family: "arial narrow", arial, sans-serif;
font-weight: 700;
text-decoration: none;
font-size: 1.25em;
}

div.encadre_auto_fiche ul#telecharger a:hover{
background-color: #f9f9f9;
}

div.encadre_auto_fiche ul#telecharger li {
list-style-type: none;
}

a.pdf, a.doc, a.xls, a.ppt,
a.sxw, a.sxc, a.sxi, a.image, a.defaut {
background-color: transparent;
background-position: 100% 50%;
background-repeat: no-repeat;
display: block;
margin: 0;
padding: 3px 20px 3px 0;
}

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);
}

/* ===================
encadres de recherche
==================== */

div.encadre_recherche form{
}

div.encadre_recherche p{
border-bottom: 1px dotted #555d89;
padding-bottom: 0.3em;
margin: 0 0 0.5em 0;
}

div.encadre_recherche label,
div.encadre_recherche em {
font-size: 1.1em;
display: block;
font-style: normal;
font-weight: 700;
margin-bottom: 0;
}

div.encadre_recherche legend {
display: none;
}

div.encadre_recherche .champ-saisie {
border: 1px solid #332e44;
width: 170px;
}

div.encadre_recherche select {
border: 1px solid #332e44;
width: 190px;
}

div.encadre_recherche a img {
vertical-align: middle;
}

div.encadre_recherche fieldset input{
color: #666;
}

div.encadre_recherche p.parcourir input.champ-saisie {
width: 75px;
}

div.encadre_recherche p.parcourir input.valider {
}

/* === */

div.encadre_recherche p.recherche_validation {
text-align: right;
border: 0;
margin: 1em 8px 0 0;
}

div.encadre_recherche p.recherche_validation input.effacer,
div.encadre_recherche p.recherche_validation input.valider,
form#recherche_avancee p#recherche_avancee_validation input.effacer,
form#recherche_avancee p#recherche_avancee_validation input.valider{
font-family: "arial narrow", arial, sans-serif;
text-transform: uppercase;
border: 2px solid;
font-size: 1em;
padding-right: 15px;
}

div.encadre_recherche p.recherche_validation input.effacer,
form#recherche_avancee p#recherche_avancee_validation input.effacer{
background-color: #f3f3f3;
color: #6e6e6e;
border-color: #d3d3d3;
margin-right: 5px;
}

div.encadre_recherche p.recherche_validation input.valider,
form#recherche_avancee p#recherche_avancee_validation input.valider{
background-color: #6781ba;
color: #fff;
border-color: #6781ba;
}

/* === */

div.firstencadre {
border-top: 0;
}


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

div#pied_page {
background-color: #6781ba;
border-top: 1px solid #6781ba;
clear: both;
color: #fff;
font-family: arial, sans-serif;
font-size: 0.85em;
line-height: 3.5em;
margin-top: 86px;
padding: 0 1.5em;
}

div#pied_page a:hover{
text-decoration: underline;
}

/* === */

p#boutons_actions {
float: left;
margin: 0;
}

a#haut_page,
span#imprimer {
background-color: #6781ba;
color: #fff;

text-decoration: none;
}

span#imprimer:hover{
cursor: pointer;
text-decoration: underline;
}

img#pied_logo {
position: absolute;
bottom: 48px;
right: 10px;
}

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

body.popup {
padding: 10px;
}

body.popup table{
background-color: #fff;
}

body.popup table ul{
margin-left: 2em;
color: #494949;
}

body.popup form{
background-color: #fff;
padding: 1em;
font-size: 0.9em;
}

body.popup form p{
margin: 0 0 0.8em 0;
}

/* === contact annuaire par email === */

em#confirmation_echec,
em#confirmation_echec{
color: #332e44;
display: block;
font-size: 1.2em;
font-style: normal;
font-weight: 700;
margin-bottom: 1em;
text-align: center;
}

em#confirmation_succes {
background-color: #b8f04c;
}

em#confirmation_echec {
background-color: #f00;
}

form#formulaire_envoi_mail p{
margin: 0 0 1em 0;
}

/* === tag pour afficher carte des operations mappee === */

div.carte_operations {
background: url(img/operation/fond_carte.png) no-repeat 0 0;
}

body#newsletter{
margin-bottom: 1em;
}

body#newsletter div#page{
width: 739px;
margin: auto;
border: 1px solid #fff;
color: #494949;
}

body#newsletter div#page table,
body#newsletter div#page table td{
color: #494949;
font-size: 12px;
}

body#newsletter address#pied_adresse{
color: #fff;
background-color: #6781ba;
font-style: normal;
font-size: 0.85em;
padding: 1em 10px;
}

body#newsletter address#pied_adresse em{
font-weight: 700;
text-transform: uppercase;
font-style: normal;
}

body#newsletter address#pied_adresse a{
color: #fff;
text-decoration: none;
}

body#newsletter address#pied_adresse a:hover{
text-decoration: underline;
}

/* === Google Maps === */
div#infocontent {
font-size:0.8em;
height:100px;
}