body {
color: #666; 
background: #d03932 url(img/accueil/fond_page.png) no-repeat 0 0;
font-family: verdana, arial, helvetica, sans-serif; 
font-size: 62.5%;
margin:1em 0 2em 0;
}

body#accueil{
background: #d03932 url(img/accueil/fond_page.png) no-repeat 50% 0;
}

body#accueil div#page_deco{
background-color: #fff;
background-image: url(img/accueil/page_deco.png);
}

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

html, fieldset {
border:0;
}

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

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

/* champs de formulaires toujours invisibles de type hidden */
.input_hidden{
margin:0;
}

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

a {
text-decoration: none;
color: #dc7827;
}

a:hover {
color: #ff7900;
text-decoration: underline;
}

/* état "focus" important pour accessibilité web */
a:focus{
text-decoration: none;
}

li {
list-style-position: inside;
}

hr.separateur_sections_page{
display:none;
}

hr.separateur_sections_page{
display:none;
}

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

/* employer le terme "separateur" plutôt que "clear"
pour standardisation des id-class en français */

.clear,
.separateur{
clear: both;
margin:0;
padding:0;
height:1px;
}

.no-border {
border:0;
}

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

.retour {
cursor: pointer;
}

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

.ok {
background:#fff;
border:1px solid;
vertical-align: top;
}

.legende {
font:normal xx-small/1.0 Verdana, sans-serif;
color:#666;
margin:0.5em 0 1em 0;
background-color: transparent;
}

.photo img {
border:none;
display:block;
/*background:#eee;
width:107px;
height:107px;*/
}
/* === Listes d'affichage === */

ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li{
margin: 0 0 10px 0;
padding: 10px;
clear: left;
border-top: 1px solid #98b7ff;
list-style-type: none;
list-style-position:outside;
}

/* === */

ul.liste-documents li.complete,
ul.liste-actualites li.complete,
ul.liste-articles li.complete{
padding:0;
border-top:0;
border-left:1px solid #e88e28;
background:#fff url(img/liste_objets.png) no-repeat right 0;
list-style-position:outside;
color:#f6a11c;
font-weight:700;
}

ul.liste-objets div.liste_objets_deco{
padding: 10px;
background: url(img/liste_objets_deco.png) no-repeat right bottom;
display:block;
min-height:110px;
/*height:110px;*/
}

ul.liste-documents li.complete em,
ul.liste-actualites li.complete em,
ul.liste-articles li.complete em{
border-bottom:2px dotted #ef4222;
display:block;
/*width:80%;*/
padding:0.3em 0;
margin:0.8em 0 0.3em 0;
}

.liste-objets li.complete .date-liste{
color:#ee8012;
color:#666;
font-weight:500;
}

.liste-objets li p .accesfiche-liste{
display:block;
}

/* === */

ul.liste-documents li a,
ul.liste-actualites a,
ul.liste-articles a {
padding-left: 0;
}

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

ul.liste-documents em,
ul.liste-actualites em,
ul.liste-articles em{
font-size:1.4em;
line-height: 120%;
font-weight: 700;
font-family: "Trebuchet MS", sans-serif;
font-style: normal;
margin: 0;
padding: 0;
}

#accueil ul.liste-documents em,
#accueil ul.liste-actualites em,
#accueil  ul.liste-articles em{
font-size:1.8em;
font-weight: 500;
}

ul.liste-documents a.telecharger-fichiers {
display: block;
}

ul.liste-documents span.soustitre-liste,
ul.liste-actualites span.soustitre-liste,
ul.liste-articles span.soustitre-liste {
font-weight: normal;
}

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

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

/* === Listes en encadrés === */

#encadres ul.liste-documents li,
#encadres ul.liste-actualites li,
#encadres ul.liste-articles li{
margin: 0 0 0.5em 0;
padding: 0;
clear: left;
border:0;
list-style-type: none;
}

#encadres ul.liste-documents em,
#encadres ul.liste-actualites em,
#encadres ul.liste-articles em{
font-size:1em;
}

/* === */

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

ul.fluxrss li span {
display: block;
}

.img-liste {
float: right;
clear: right;
margin: 0 0 0 5px;
padding-left:5px;
background:#fff;
}

ul.liste-articles span.redac-liste {
font-weight:500;
color:#666;
}

/* === */

#page {
width:1000px;
background:url(img/page.png) no-repeat 0 0;
font-size: 1.1em;
position:relative;
}

#page_deco {
background: #fff url(img/page_deco.png) no-repeat 0 bottom;
margin-bottom:1em;
padding-bottom:1em;
width:1000px;
margin:auto;
}

/* === */

ul#langue{
list-style:none;
margin:0;
padding:0;
position:absolute;
top:85px;
left:735px;
left: 800px;
}

ul#langue li{
display:inline;
}

/* === Bandeau === */

h1 a{
display:block;
width:185px;
height:60px;
}

h1 img{ 
visibility:hidden;
width:185px;
height:60px;
}


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

#bandeau select{
margin:0 0 5px 14px;
width:140px;
}

/* --- Recheche simple */

form#recherche-simple {
position: absolute;
top: 10px;
left: 800px;
width: 200px;
padding: 0;
z-index:1;
}

#recherche-simple label{ 
margin:0 0 3px 0;
display:block;
font-weight:700;
color:#999;
}

#recherche-simple .champ-saisie{
margin: 0 0 5px 0;
width: 160px;
border-color:#ccc;
}

#recherche-simple .champ-saisie:focus,
#recherche-simple .champ-saisie:hover{
border-color:#b2b2b2;
background-color:#f9f9f9;
}

#recherche-simple .ok{
/*border-color:#b2b2b2;
background:#ffcd00;*/
border:none;
background:url(img/recherche_simple_ok.png) no-repeat 0 0;
width:20px;
padding-bottom:2px;
}

#recherche-simple .ok:hover{
background-image:url(img/recherche_simple_ok_hover.png);
}

#recherche-simple a,
#connexion a{
font-size:0.9em;
}

/* --- */

#connexion {
position: absolute;
top: 0;
left: 825px;
width: 172px;
padding: 39px 0 0 0;
z-index:1;
}

#connexion legend{
position:relative;
color:#ffb623;
font-weight:700;
font-size:1.3em;
}

#connexion legend img{
position:relative;
left:-7px;
}

html>body #connexion legend img{  
left:-3px;
}

#connexion label{
display:block;
margin:0;
color:#ffb623;
font-weight:700;
font-size:0.9em;
}

#connexion input.champ-saisie{
margin-left:0;
}

#connexion p{
margin:0;
}

#connexion input#login_intranet{
margin-bottom:0;
}

/* --- */

p#avancee{
margin:0;
}

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

#menu{
float:left;
width:100%;
}

#menu label,
#menu legend{
/* display: none; */
display: none;
}

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

.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 {
float:right;
}

#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;
display:none;
}

#navigation h3 {
font-weight: normal;
}

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

p#acces_direct{ 
margin:0;
display:none;
}

p#raccourcis{
margin:0;
display:none;
}

p#raccourcis a{
color:#fff;
}

p#acces_direct a,
p#acces_direct a:visited {
display: block;
width:1000px;
padding:0.4em 0 1.1em 0;
background: transparent;
font-weight: 700;
text-align: center;
text-decoration:none;
font-size:1.1em;

}

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

/* === astuce :
habiller d'abord la liste globalement et revenir ensuite sur le niveau principal,
et non l'inverse : niveau 1 puis niveaux 2-3  */

ul.menu_principal {
color:#5476B9;
background-color:#fff;
list-style-type: none;
font-size:15px;
font-family:"Trebuchet MS", sans-serif;
margin:0.5em 0 1em 1px;
padding-bottom:0.9em;
border-bottom:1px solid;
width:789px;
padding-right:209px;
/*width:998px*/
}

.menu_principal li {
/*list-style-position: outside;*/
font-weight:500;
display:inline;
border-right:1px solid;
padding:0 8px;
}

.menu_principal li.niveau1 {
font-weight:700
}

ul.menu_principal ul {
margin-bottom:1em;
}

.menu_principal li.menuon {
font-weight: 700;
}

.menu_principal li.menuon a{
color: #ff7900;
}

.menu_principal li.menuon li {
font-weight: normal;
}

.menu_principal li.menuon li.menuon {
font-weight: 700;
}

.menu_principal ul {
margin-left: 12px;
list-style-type: none;
}

.menu_principal a {
color: #5476b9;
text-decoration: none;
}

.menu_principal a:hover {
color: #ff7900;
text-decoration: none;
}

/*********************************
=Bloc =Contenu
*********************************/
#deco-contenu {
float: left;
height:auto;
}

#contenu-sans-encadres,
#contenu-avec-encadres{
border:1px solid #5476B9;
margin-left:5px;
line-height: 150%;
}

#contenu-avec-encadres {
float: left;
padding: 10px;
/*width: 558px;*/
width:575px;
min-height:300px;
}

#contenu-sans-encadres {
float: left;
/*padding: 10px 22px 10 25px;*/
padding: 10px;
width: 762px;
}

/* 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:0;
padding:0 0 0 15px;
}

h2 {
font-size: 1.5em;
font-weight: normal;
margin: 8px 0 10px 0;
color:#dc7827;
background-color: #fff;
border-bottom:2px dotted #ef4222;
/*border-bottom:2px dotted*/;
padding: 0 0 1em 0;
font-family:arial, sans-serif;
font-weight:700;
margin-top:1em;
}

#date_modification {
text-align: right;
}

#contact-rubrique {
text-align: right;
}

.rubrique h2 {
font-size: 1.6em;
font-weight: 700;
padding: 6px 100px 6px 366px;
margin: 0;
}

h3 {
font-size: 1.4em;
margin: 1em 0;
padding: 0;
color:#054D9F;
}

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

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

.conteneursousparagraphe {
float:left;
}

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

.filet {
height: 1px;
font-size: 1px;
margin: 7px 0 3px 0;
}


/*** Plan du site  ***/

.plansite1 li {
list-style-type: none;
}

.plansite2 li {
list-style-type: disc;
}


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

#encadres {
float: left;
/*width: 225px;*/
width:185px;
margin:0 0 0 2px;
font-family:"Trebuchet MS", sans-serif;
position:relative;
}

#encadres a{
font-weight:700;
}

/*.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 #ff6022;
}

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

a.box-esp { 
background: url(img/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;
}

.effacer,
.valider{
border: 1px solid;
margin:0;
padding: 2px;
background:#fff;
}

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

div.encadre_generique,
div.encadre_rubrique {
background:url(img/encadre_rubrique.png) no-repeat 0 0;
margin-bottom:2px;
border-bottom:1px solid #fff;
}


div.encadre_generique h3,
div.encadre_rubrique h3{
color : #5476b9;
font-weight:700;
font-size:1.3em;
padding:2em 0.6em 0.5em 0.6em;
margin:0
}

div.encadre_generique_contenu,
div.encadre_rubrique_contenu {
background: url(img/encadre_rubrique_contenu.png) no-repeat 0 bottom;
padding: 0 1em 1em 1em;
}

div.encadre_generique, div.encadre_generique_contenu {
background: none;
}

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

.encadre-fiche,
.encadre-auto-fiche,
.encadre-nav-auto,
.encadre-espace {
background:url(img/encadre_fiche_haut.png) no-repeat 0 0;
margin-bottom:2px;
border-bottom:1px solid #fff;
}

.encadre-fiche h3,
.encadre-auto-fiche h3,
.encadre-nav-auto h3,
.encadre-espace h3 {
color : #e51e25;
font-weight:700;
font-size:1.3em;
padding:1em 0.6em 0.5em 0.6em;
margin:0;
}

.encadre-fiche-contenu,
.encadre-auto-fiche-contenu,
.encadre-espace-contenu,
form.encadre_recherche{
background:url(img/encadre_fiche_bas.png) no-repeat 0 bottom;
padding:0 1em 1em 1em;
position:relative;
}

/* 
.encadre-auto-fiche ul#telecharger {
padding: 0;
margin: 0;
}

.encadre-auto-fiche ul#telecharger li {
list-style-type: none;
}
 */

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

.encadre_recherche p{
margin:1em 0;
}

.encadre_recherche label {
font-size : x-small;
margin-left: 2px;
display:block;
}

.encadre_recherche legend {
display:none;
}

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

.encadre_recherche select {
width : 150px;
border : 1px solid;
}

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

.encadre_recherche input,
.encadre_recherche select{
font-size: 0.9em;
}

.encadre_recherche input {
padding : 2px 1px;
}

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

.encadre_recherche p.parcourir input.valider{
padding:1px 0
}

.firstencadre {
border : 0;
}

/* === Encarts Publicitaires === */

#publicite{
float:left;
margin-left:5px;
position:relative;
/*top:-117px;*/
/*background:#9dbbdf;
min-height:600px;
min-width:200px*/
width:160px;
}


/* === Pied page === */

#pied_page {
width:1000px;
margin:auto;
color:#fff;
font-size:13px;
font-weight:700;
font-family: arial, helvetica, sans-serif; 
}

#pied_page a{
color:#fff;
}

#pied_page a:hover{
text-decoration:none;
}

#pied_page p{
line-height:27px;
margin:0.5em 0 0 0;
}

#imprimer,
#mentions_legales{
/*background-color:#3dc3dc;*/
cursor:pointer;
height:27px;
padding:6px 4px 5px 4px;
}

#imprimer {
background: transparent url(img/imprimer.png) no-repeat 0 0;
}

body#accueil #imprimer {
background: transparent url(img/accueil/imprimer.png) no-repeat 0 0;
}

#mentions_legales {
background: transparent url(img/mentions_legales.png) no-repeat 0 0;
}

body#accueil #mentions_legales {
background: transparent url(img/accueil/mentions_legales.png) no-repeat 0 0;
}

p#liens_pratiques{
display:none;
}

/* === DSI === */

.dsi #bienvenue{
position: absolute;
top: 0;
left:811px;
width: 152px;
padding-top: 44px;
background: url(/images/langues/fr/bienvenue_intra.png) no-repeat 15px 11px;
line-height:1.5em;
z-index:1;
}

.dsi #personne_dsi{
color: #fff;
font-weight: 700;
padding:0 0 0 18px;
margin:0;
}

.dsi #bienvenue a {
font-size:xx-small;
color:#39393B;
text-decoration:none;
}

.dsi #bienvenue a:hover {
text-decoration:underline;
}

.dsi #bienvenue ul {
list-style:none;
text-align:right;
}

.dsi #accueil_dsi, #preferences {
padding-right: 28px;
}

.dsi  #deconnect{
display: block;
background: url(img/deconnect_intra.gif) no-repeat 100% 0;
padding-right: 28px;
line-height: 19px;
}

form#profil p{
margin:0;
}



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



.popup {
background-color: #fff;
padding:10px;
}

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

#titre-rubrique {
clear: left;
}

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

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

#fil-ariane {
font-family: arial, helvetica, sans-serif; 
font-size: 0.9em;
color: #4F96A3;
background:url(img/fil_ariane.png) no-repeat 0 3px;
padding-left:12px;
margin-left: 2em;
}

#fil-ariane a {
color: #4F96A3;
text-decoration: none;
}

#fil-ariane a:hover {
color: #ff7900;
text-decoration: underline;
}

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

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

#accroche {
position: relative;
font-size: 1.25em;
line-height: 1.3;
min-height: 88px;
}

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

#visuel-rubrique {
float: left;
background-repeat: no-repeat;
width: 366px;
height: 147px;
}

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



/**********************
=Fiche =Annuaire
***********************/
body.annuaire #fonction { 
padding: 8px 0;
}

body.annuaire #discipline { 
padding: 2px 0;
margin-top: 3px;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}

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

body.annuaire .photo {
float: right;
background: #fff;
text-align:right;
}

body.annuaire .details { 	
background: url(img/an-det-gau.gif) repeat-y;
border-top:1px solid #98B7FF;
margin:0;
padding:1em 0 0 0;
font-size: 90%;
}

.annuaire .details p {
margin:0 0 1em 0;
}

.annuaire .details p.titre {
text-align: right;
width: 130px;
float:left;
margin-right: 12px;
}

.annuaire dl {
margin:0;
overflow:hidden;
clear:left;
}

.annuaire dt {
float:left;
clear:left;
width:130px;
text-align: right;
margin:0;
margin-right:12px;
}

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

.annuaire dd {
margin:0;
}

.an-det-mt {
clear:left;
}

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

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

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

/**********************
=Fiche =Actualite
***********************/
body.actualite #thematique {
margin:8px 0;
font-size: xx-small;
font-weight: normal; 
border-top:1px solid #98B7FF;
border-bottom:1px solid #98B7FF;	
}

body.actualite .photo {
float:right;
margin: -12px 0 0 0;
background:#fff;
padding-left:10px;
}

body.actualite #date {
margin: 1em 0 0 0;
font-size: 0.9em;
font-weight: normal;
}

body.actualite #type_theme{
font-weight:700;
font-size:1em;
margin:0.3em 0 0 0;
color:#5476b9;
}

body.actualite #resume {
margin: 1em 0 1.5em 0;
font-weight: 700;
/*line-height:130%;*/
}

body.actualite #description {
text-align: left;
margin-bottom: 1.5em;
/*line-height:130%;*/
}



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

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

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

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


.boite-bas a {
}

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

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

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

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

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

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

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

.boite-bas a.email {
font-size: 95%;
}

/* --- Listes de définitions --- */

/* de type 1 */

dl.type_1 {
background: #fff;
position: relative;
margin: 2em 0 1em  0;
width:100%;
padding-top:1.5em;
border-top:2px dotted red;
}

dl.type_1 dt {
margin: 0;
padding-top: 0.5em;
width: 18%;
float: left;
clear: left;
position:absolute;
left:0;
font-weight: 700;
display:block;
}

dl.type_1 dd {
padding: 0.5em 2%;
margin-left: 18%;
/*line-height:130%;*/
}

/* === */

.liste_def_telecharger{
padding-top:38px !important;
}

dt.liste_def_telecharger{
color:#dc7827;
font-size:1.2em;
background:url(img/telechargement.png) no-repeat 0 0;
}

dl.type_1 dd.liste_def_telecharger{
/*padding-top:35px;*/
}

#telecharger{
margin-left:-18px !important;
padding-left:0 !important;
}

html>body #telecharger{
margin-left:-13px !important;
}

/* === */

/* de type 1 dans fiche document */

body.document dl.type_1 {
/*border-top: 1px solid #98B7FF;
border-bottom: 1px solid #98B7FF;*/
}

dl.type_1 .liste_def_complement_info {
border-top: 1px dashed #ccc;
}

/*dl.type_1 dd.liste_def_complement_info {
background: url(img/boite_bas_bgd_jau.gif) repeat-y 100% 0;
}*/

/* de type 2 */

dl.type_2 {
border-bottom: 1px solid #98B7FF;
border-top: 1px solid #98B7FF;
background: #fff url(img/an-det-gau.gif) repeat-y;
position: relative;
margin:0 0 0.2em 0;
}

dl.type_2 dt {
margin: 0;
padding-top: 0.4em;
width: 24.5%;
float: left;
clear: left;
position: relative;
font-weight: 700;
text-align:right;
}

dl.type_2 dd {
padding: 0.4em 2% 0.4em 2%;
margin-left: 24.5%;
}

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

dl.type_2 dd.liste_def_contact,
dl.type_2 dd.liste_def_type,
dl.type_2 dd.liste_def_lieu {
background: url(img/boite_bas_bgd_jau.gif) repeat-y 100% 0;
}

dl.type_2 .liste_def_contact,
dl.type_2 .liste_def_site,
dl.type_2 .liste_def_partenaires {
border-top: 1px solid #98B7FF;
}


/* --- fin --- */

/*****************************
=Commentaires
*****************************/
#commenter {
text-align:right;
font-size: xx-small;
}

#commenter a {
border: 1px solid;
margin: 13px 0;
padding: 2px;
float:right;
display: block;
}

.com-outer {
clear:both;
border: solid;
border-width: 1px 6px 1px 0;
}

.com-inner {
}

.com-inner h3 {
color: #fff;
font-size: 1em;
margin: 0;
padding: 20px 0 5px 5px;
background: #fff url(img/com_h3_bgd.gif) repeat-y;
}

.com-inner ul {
margin: 0;
}

.com-inner ul#com-ul1 {
padding: 0;
}

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

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

.li1first {
margin-top: 0;
}

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


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

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

p.com-titre { 
clear:both;
color:#000;
background-color:#8bbfff;
font-weight:700;
padding:2px 0 2px 10px;
border-top:1px solid;
margin:0;
}

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

.com-titre1 {
background-color:#8bbfff;
}

p.com-date,
p.com-site{
margin:0 0 0 6px;
background-color:#e4dff7;
color:#6e858c;
font-size:x-small; 
padding:2px 5px;
border-left: 1px solid;
}

p.com-site,
.com-corps {
border-top:1px solid #6e858c;
border-left: 1px solid;
}

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

.com-corps {
margin-left:6px;
background-color:#fff;
padding:2px 0 0 5px;
color:#184653;
border-left: 1px solid;
}


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

.repondre {
border-top: 1px solid #adb8ca;
margin: 5px 0 0 0;
background: #fff;
}

.repondre a { 
color: #7b3349; 
border-left: 1px solid #7b3349;
border-right: 1px solid #7b3349;
padding: 0px 10px; 
margin: 0 30px 0 380px; 
width: 5em;
}

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

body.article #thematique {
font-weight:700;
font-size:1em;
margin:0.3em 0 0 0;
color:#5476b9;
}

body.article #soustitre {
margin:8px 0;
font-size:130%;
}

body.article .photo {
float:right;
margin: -12px 0 0 0;
background:#fff;
padding-left:10px;
}

body.article #date {
margin: 1em 0 0 0;
font-size: 0.9em;
font-weight: normal;
}

body.article #chapeau{
margin : 10px 0 20px 0;
font-weight : 700;
}

body.article #corps {
text-align : left;
}


/******************************************
=Fiche =DefautStructure =Structure
******************************************/
#defaultstructureksupdomaine {
margin:8px 0;
font-size: xx-small;
font-weight: normal; 
border-top:1px solid #98B7FF;
border-bottom:1px solid #98B7FF;	
}

.defaultstructure .photo {
float:left;
margin:1em 10px 0 0;
}

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

body.defaultstructure p#typestructure {
margin:8px 0;
font-size: xx-small;
font-weight: normal; 
border-top:1px solid #98B7FF;
border-bottom:1px solid #98B7FF;
}

body.defaultstructure .details { 	
background: url(img/an-det-gau.gif) repeat-y;
border-top:1px solid #98B7FF;
border-bottom:1px solid #98B7FF;
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 #98B7FF;
padding: 10px 0;
}

.defaultstructure .para-an h3 {
margin-bottom:0.3em;
}

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

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


/******************************
=Fiche =Document
*******************************/
body.document .para-an {
border-top:0;
padding: 10px 0;
}

body.document .para-an strong {
font-size:110%;
}

body.document .photo {
float:right;
margin: -12px 0 0 0;
background:#fff;
padding-left:10px;
}

body.document #thematique {
font-weight:700;
font-size:1em;
margin:0.3em 0 0 0;
color:#5476b9;
}

body.document #soustitre{
margin:8px 0;
font-size:130%;
}

body.document #auteurs {
margin: 8px 0;
padding-top: 5px;
font-weight: normal; 
border-top: 1px dashed #ccc;
}

body.document #resume {
margin: 0;
padding: 8px 0;
border-top: 1px dashed #ccc;
font-weight:700;
}

body.document #referenceisdn {
margin: 8px 0;
padding-top: 0.5em;
border-top: 1px dashed #ccc;
}

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

.innerconteneur {
margin-right : 10px;
padding : 0 0 15px 0;
}

html>body .innerconteneur { 
/* float: left; abandonne a cause pb toolbox (alignement des img) */
overflow:hidden;
}

.lastconteneur .innerconteneur {
margin-right : 0;
}
.firstconteneur .innerconteneur {
border : 0;
padding-left : 0;
}

.style1 {
background: url(img/style1.png) no-repeat right 0;
position:relative;
border-bottom:1px solid #fff;
padding-bottom:0
}

.style1_deco{
background: url(img/style1_deco.png) no-repeat 0 bottom;
margin:1em 0 -1px 0;
/*border-bottom:1px solid #fff;*/
}

.style1_contenu{
background: url(img/style1_contenu.png) no-repeat right bottom;
padding:10px 10px 23px 10px;
}

.style1 h3 {
font-family:"Trebuchet MS", sans-serif;
color:#e88e28;
border-bottom:2px dotted;
margin:0 10px;
padding:0.4em 0;
}

.style2 h3,
.style3 h3 {
font-family:"Trebuchet MS", sans-serif;
margin-bottom:0.5em;
}

.style3 h3{
color:#e51e25;
}

.style2 .style2_contenu{
/*line-height:130%;*/
}

.style3 .style3_contenu{
font-size:0.9em;
/*line-height:130%;*/
}

/*** Fix Toolbox ***/

.innerconteneur * li div {
display: inline;
}

#page_libre_complement{
/*line-height:130%;*/
display:block;
margin-bottom:1em;
}
/********************************
=Fiche =Recherche
********************************/

.byline-res {
margin:8px 0;
font-weight:700;	
}

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

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


/********** Recherche Formulaire ************/

p.byline-rech { 	
margin:40px 0 20px 0;
}

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

.ligne-res{
padding: 5px 0;
border-bottom:1px solid #BFD5FF;
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;
}

form#ra {
width:97%;
}

form#ra legend{
display:none;
}

#ra-titre {
width:250px;
}

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

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

p.liens-ra {
float: left;
margin-top: 20px;
}	

p.button-ra {
text-align:right;
margin-top: 20px;
}

p.button-ra .effacer,
p.button-ra .valider {
color:#fff;
background-color:#f60;
border: 1px solid #f30;
margin: 0 0 10px 10px;
padding:2px;
font-size:0.9em;
font-weight:700;
}

a.precedent, a.suivant {
border:0;
margin:0 0.5em
}

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


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

/*** 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_principal_deco1,
.collaboratif .menu_principal_deco2 {
background-image: none;
}*/


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

#responsables {
font-size: 1em;
color: #000;
margin:0 0 15px 0;
font-style: italic;
}


/* Titres des Services */
h3.service, h3.service2 {
font-size: 110%; 
font-weight: 700;
padding: 0.3em 60% 0.3em 10px; 
background: url(img/escalier.gif) no-repeat 49% 0;
clear:both;
position:relative;
}

/* Titres page tribu */
.conteneursousparagrapheaccueil h3.service {
margin-bottom: 0;
background: url(img/escalier.gif) no-repeat 47% 0;
}


/* Titre requeteur */
h3.service2 {
background: url(img/escalier2.gif) no-repeat 49% 100%;
/*
color:#000;
border-top:1px solid #D2E0E2;
*/
}
/*** 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;
}

form#liste_espaces input.valider{
padding:0;
vertical-align:text-bottom;
height:20px;
}


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

ul.list_collab li {
margin:0 0 0.4em 0;
}

table.list_collab {
width: 100%;
border: 1px solid;
}

table.list_collab td {
width: 25%;
}

table.list_collab th {
text-align: left;
}

.publie_news {
margin:0;
font-size:85%;
color:#332e44;
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 #332e44; 
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 collab a gauche *********/
#menu_collab {
background-color:#f5f5f5;
width:100%;    
border:1px solid #a5b3c1;
border-bottom:0;
margin:40px 0 10px 0;
}

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

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

#menu_collab 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_collab a:hover {
text-decoration:underline;
}

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

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

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

#menu_collab_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_collab_2 a:hover {
text-decoration:underline;
}

#titre_gestion_tribu {
text-transform:uppercase;
}

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

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

/* 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: 450px;
} /* taille de la toolbox */


/* Messages d'erreurs et autres */
#msg-alerte,
#msg-erreur,
#msg-confirmation { 
padding: .5em;
font-weight:700;
text-align:center;
width:auto;
float:none;
}

#msg-alerte {
background-color: #ffb622;
color:#332e44;
}

#msg-erreur {
background-color: #f11b03;
color:#fff;
}

#msg-confirmation {
background-color: #b8f04c;
color:#332e44;
}

#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 label, 
.gestion span {
text-align:right;
margin-right:5px;
}
*/

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

form.gestion fieldset {
border:0;
background-color:#f7f7f7;
width:100%;
margin-top:1em;
padding-left:0.5em;
clear:left;
}

form.gestion fieldset legend{
font-weight:700;
font-size:1.1em;
color:#ff5715;

}

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


.en-colonne .colonne-droite {
margin:0;
clear:none;
float:none;
width:auto;
padding-left:135px;
}

.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 .conteneursousparagrapheaccueil table {
margin-top:0;
}

.gestion th{
text-align:left;
color:#332e44;
}

.gestion th a {
color:#332e44;
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
*************************************/
body.collaboratif .com-outer {
margin-top: 15px;
}

/* TODO : virer ce bloc ? */
/*#commentairescollab h3 {
padding:1em 0 0 20px;
font:700 normal 1em/1.1  arial, sans-serif;
text-transform:uppercase;
color:#4C6884;
/* où est icone_com.gif ??? */
/*background:transparent url(/images/icone_com.gif) no-repeat 0 100%;
}

ul#commentairescollab {
color: #333;
margin: 0;
padding: 0;
}

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

ul#commentairescollab li.li1fisrt {
padding: 0;
}

#commentairescollab li li {
margin:0;
padding-bottom:0;
}

#commentairescollab h4 {
font-size:100%;
color:#4C6884;
/* où est reponse_com.gif ??? */
/*background:transparent url(/images/reponse_com.gif) no-repeat 0 50%;
padding-left:15px;
}

#col_prin #commentairescollab a {
}

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


/* écran préférences utilisateur */

form#preferences_utilisateur fieldset{
background:#fff;
border-bottom:2px solid #eee;
margin-bottom:1.5em;
padding-bottom:1em;
}

form#preferences_utilisateur legend{
display:block;
font-weight:700 !important;
margin-bottom:0.5em;
font-size:1.1em;
color:#f16d15;
background:#fff;
}

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

/* === Page d'accueil === */

body#accueil #bandeau {
width:782px;
height:200px;
margin-bottom:1em;
}

body#accueil #langue {
top:202px;
left:10px
}

body#accueil h1{
position:absolute;
top:38px;
left:12px;
}

body#accueil h1 img{
width:280px;
height:78px;
}

#flash{
width:782px;
height:200px;
}

body#accueil #contenu-sans-encadres {
border:0;
padding: 10px 0;
width: 777px;
}

body#accueil #saisie_libre{
width:410px;
float:left;
font-family: "Trebuchet MS", arial, sans-serif;
}

body#accueil table,
body#accueil td{
border:0;
margin:0;
padding:0
}

body#accueil #liste_automatique{
width:365px;
float:left;
}

body#accueil #encart_libre{
background:url(img/accueil/encart_libre.png) no-repeat 0 0;
width:406px;
margin-top:1em;
}

body#accueil #encart_libre_deco{
background:url(img/accueil/encart_libre_deco.png) no-repeat 0 bottom;
padding:0.5em 15px;
}

body#accueil #publicite {
position:relative;
top:-205px;
/*top:-130px;*/
left:7px;
}