/* ===========================
Initialisation des styles par defaut
=========================== */
body{
background-color : #fff;
color : #000;
font-family : "Trebuchet MS", helvetica, arial, sans-serif;
font-size : 0.75em;
margin-bottom : 2.5em;
}

body, html, fieldset{
border : 0;
}

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

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

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

a:hover{
text-decoration : underline;
}

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

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

h2{
font-family: "Century Gothic", Futura, arial, helvetica, sans-serif;
font-weight : 700;
font-size : 1.5em;
margin: 1em 0;
}

body.rubrique h2{
clear: both;
font-family : arial, sans-serif;
font-size : 1.55em;
font-weight : 700;
margin : 0;
padding : 6px 100px 6px 366px;
}

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

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

kbd{
background:buttonface none repeat scroll 0%;
border:thin outset buttonhighlight;
color:buttontext !important;
cursor:default;
font-size:1.3em;
line-height:200%;
padding:0.2em;
text-decoration:none;
}

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

p#en_mode_apercu{
background-color : #ff5716;
color : #fff;
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{
position: absolute;
top: 0;
left: 0;
z-index: 1;
margin: 0;
display: none;
}

p#acces_direct a,
p#acces_direct a:visited{
background: #fff;
}

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

p#raccourcis a{
color : #fff;
}

/* ===========================
Grands Blocs
=========================== */

div#page{
position: relative;
width : 978px;
margin-left: 22px;
border-left: 1px solid;
border-bottom: 1px solid;
padding-top: 120px;
}

body#newsletter{
background: #eee;
}

body#newsletter div#page{
width: 800px;
margin: 0 auto 20px auto;
background: #fff;
padding-top: 10px;
}

body#newsletter img#bandeau_pied{
display: block;
}

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

hr.separateur_sections_page{
display : none;
}

ul.sans_puce{
list-style: none;
padding-left: 0 !important;
}

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

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

.separateur,
.separateur_menu{
clear : both;
height : 1px;
margin : 0;
padding : 0;
visibility: hidden;
font-size: 1px;
line-height: 1px;
}

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

.retour{
cursor : pointer;
}

.en_gras{
font-weight : 700;
}

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

body.recherche form input.readonly{
width : 160px;
}

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

.ok{
vertical-align : top;
}

p.legende{
background-color : transparent;
font-size : 0.9em;
font-family: arial, helvetica, sans-serif;
margin : 0.5em 0 1em 0;
}

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

input.effacer,
input.valider,
input.envoyer {
color: #fff;
background: no-repeat 0 0;
border: 0;
font-weight: 700;
height: 20px;
}

input.effacer{
width: 54px;
}

input.valider{
width: 49px;
}

input.envoyer{
width: 60px;
}

p.parcourir input.valider{
width: 67px;
}

div#contenu_avec_encadres ul,
div#contenu_sans_encadres ul{
margin:auto;
padding:0 0 0 20px;
}

div#contenu_avec_encadres ol,
div#contenu_sans_encadres ol{
margin:auto;
padding:0 0 0 25px;
}

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

div#bandeau{
height : 150px;
background-color: #ccc;
}

h1{
font-family : arial, sans-serif;
font-size : 1.6em;
padding : 0;
margin: 0;
position: absolute;
left : 5px;
top : 12px;
}

h1 a{
text-decoration : none;
}

/* === Drapeaux === */

div#drapeaux{
position: absolute;
top: 7px;
right: 8px;
}

div#drapeaux a{
font-size: 0.8em;
}

/* === */

ul#outils_1{
position: absolute;
top: 7px;
left: 150px;
width: 340px;
text-align: right;
}

ul#outils_1 li{
display: inline;
margin: 0;
}

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

form#recherche_simple{
position : absolute;
top : 0;
left : 503px;
width : 224px;
height: 190px;
border: 1px solid;
border-width: 0 1px;
}

form#recherche_simple fieldset{
margin: 7px 5px 0 5px;
}

form#recherche_simple label{
font-family : "Trebuchet MS", arial, sans-serif;
font-weight : 700;
display: block;
font-size: 12px;
padding-bottom: 0.5em;
}

form#recherche_simple input.champ-saisie{
width: 115px;
}

body.accueil div#acces_directs input.ok,
form#recherche_simple input.ok,
div#connexion input.ok{
color: #fff;
background: #666 no-repeat 0 0;
border: 0;
vertical-align: bottom;
font-size: 12px;
font-weight: 700;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
height: 18px;
width: 18px;
}

form#recherche_simple a{
font-size : 0.9em;
}

form#recherche_simple a#vers_recherche_avancee{
margin : 0;
}

form#recherche_simple p#restriction_recherche_rubrique{
margin : 0.3em 0 0;
font-size: 0.85em;
}

form#recherche_simple p#restriction_recherche_rubrique label{
display : inline;
font-size : 0.9em;
vertical-align: middle;
}


/* === Aide === */

a#aide{
position: absolute;
top: 7px;
left: 675px;
background: no-repeat right 50%;
display: block;
height: 20px;
width: 50px;
}

/* === Portail documentaire === */

a#portail_documentaire{
position: absolute;
top: 7px;
left: 735px;
font-weight: 700;
}

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

ul#outils{
margin : 17px 15px 1em 20px;
}

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

/* === Menu principal === */

ul#menu_principal{
color: #fff;
background-color: #666;
font-family: "Century Gothic", Futura, arial, helvetica, sans-serif;
height: 32px;
line-height : 32px;
list-style-type : none;
font-size: 1.25em;
border-top: 2px solid #fff;
border-bottom: 1px solid;
font-weight : 700;
position: relative;
z-index: 1;
}

ul#menu_principal li{
float : left;
margin : 0;
position : relative;
}

ul#menu_principal li.premier_element a,
body.accueil ul#menu_principal li.premier_element a{
background-image : none;
}

ul#menu_principal li:hover ul{
display: block;
}

ul#menu_principal ul li{
background-color: #fff;
}

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

ul#menu_principal a{
background-color: transparent;
background-repeat: no-repeat;
background-position: left 50%;
color : #fff;
text-decoration : none;
display: block;
padding: 0 8px 0 10px;
}

ul#menu_principal li:hover a,
ul#menu_principal a:hover{
background-color: #fff;
}

ul#menu_principal em a{
background-color : #fff;
}

ul#menu_principal ul a{
background-image: none;
}

/* === bloc Accroche === */

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

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

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

div#accroche .separateur{
background-color : #332e44;
font-size : 1px;
height : 1px;
}

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

div#navigation{
float : left;
padding-bottom : 60px;
width : 180px;
padding-right: 10px;
}

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

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

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

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

ul#menu_secondaire,
ul#menu_secondaire_intranet {
margin : 1em 0 0 0;
font-size: 0.9em;
font-family: arial, helvetica, sans-serif;
list-style: none;
}

ul#menu_secondaire li,
ul#menu_secondaire_intranet li {
display: inline;
}


ul#menu_secondaire a,
ul#menu_secondaire li#sans_sous_niveaux a,
ul#menu_secondaire_intranet a,
ul#menu_secondaire_intranet li#sans_sous_niveaux a {
display: block;
border-bottom: 1px dashed;
padding: 0.3em 12px;
}

ul#menu_secondaire a:hover,
ul#menu_secondaire_intranet a:hover {
background-color: #eee;
}

ul#menu_secondaire em,
ul#menu_secondaire_intranet em {
font-style : normal;
font-weight : 700;
}

ul#menu_secondaire em a,
ul#menu_secondaire_intranet em a {
border-bottom: 0;
}

ul#menu_secondaire ul,
ul#menu_secondaire_intranet ul {
margin : 0.5em 0 0 1.5em;
padding-bottom: 0.3em;
list-style: none;
}

ul#menu_secondaire ul em,
ul#menu_secondaire_intranet ul em {
font-weight: 500;
}

ul#menu_secondaire ul a,
ul#menu_secondaire_intranet ul a {
border-bottom: none;
padding: 0.2em 10px;
}

ul#menu_secondaire ul em a,
ul#menu_secondaire_intranet ul em a {
background: no-repeat 0 4px;
}

/*********************************
=Bloc =Contenu
*********************************/

div#contenu_deco{
float : left;
height : auto;
}

div#contenu_avec_encadres{
float : left;
margin : 0;
min-height : 300px;
padding : 0 10px 50px 23px;
width : 505px;
}

div#contenu_sans_encadres{
float : left;
min-height : 300px;
padding : 0 5px 50px 23px;
width : 760px;
}

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

#redacteur,
#date_modification,
#contact_rubrique{
margin : 0;
text-align : right;
}

p#fil_ariane{
font-size : 0.9em;
padding : 1.3em 15px 0.3em 15px;
border-left: 7px solid;
border-bottom: 1px dotted;
margin-top: 0;
margin-left: -23px;
}

p#fil_ariane em{
font-style: normal;
font-weight: 700;
}

/*** Plan du site  ***/

ol.plansite1,
ol.plansite2{
margin-bottom: 1em;
}

ol.plansite1 li{
margin-left: 2em;
font-size: 1.2em;
font-weight: 700;
}

ol.plansite2 li{
font-size: 0.8em;
list-style-type : square;
}

ol.plansite3 li{
font-size: 1em;
font-weight: 500;
}

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

div.colonne{
float : left;
}

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

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

div#encadres{
float : left;
font-size : 0.95em;
width : 250px;
}

div#encadres h3{
font-family: "Century Gothic", Futura, arial, helvetica, sans-serif;
font-size : 1.2em;
font-weight : 700;
border-left: 7px solid;
margin: 0 0 0 -1px;
padding: 0.8em 13px 0.2em 0.6em;
}

div#encadres ul,
div#encadres ol{
list-style-position: inside;
}

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

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

div.encadre_generique,
div.encadre_rubrique,
div.encadre_fiche,
div.encadre_auto_fiche,
div.encadre_nav_auto,
div.encadre_recherche{
margin: 0 0 1.5em 0;
border-left: 1px dotted;
position: relative;
}

div.encadre_fiche{
border-bottom: 1px dotted;
padding-bottom: 0.5em;
}

div.encadre_fiche h3{
background: no-repeat right 0;
}

div.encadre_auto_fiche,
div.encadre_nav_auto{
border-bottom: 0;
border-left: 1px solid;
padding-bottom: 0.5em;
}

div.encadre_auto_fiche h3,
div.encadre_nav_auto h3{
color: #fff;
}

div.encadre_recherche{
border-left-style: solid;
}

div.encadre_recherche p{
margin: 0.5em 0;
}

div.encadre_generique div.encadre_generique_contenu,
div.encadre_rubrique div.encadre_rubrique_contenu,
div.encadre_fiche div.encadre_fiche_contenu,
div.encadre_auto_fiche div.encadre_auto_fiche_contenu,
div.encadre_nav_auto div.encadre_nav_auto_contenu,
div.encadre_recherche form{
padding: 0 15px;
}

/* === */

div#telechargement_documents{
border: 1px dotted;
border-width: 1px 0;
padding: 0.3em;
margin: 1em 0;
}

div#telechargement_documents h3{
font-size: 1em;
margin: 0 0 0.5em 0;
}

div#telechargement_documents ul#telecharger{
width: 300px;
padding-left: 0;
margin-left: 0;
}

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

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

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

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

ul#telecharger li.pdf{
background-image : url(img/pictos/pdf.png);
}

ul#telecharger li.doc{
background-image : url(img/pictos/msword.png);
}

ul#telecharger li.xls{
background-image : url(img/pictos/msexcel.png);
}

ul#telecharger li.ppt{
background-image : url(img/pictos/mspowerpoint.png);
}

ul#telecharger li.sxw{
background-image : url(img/pictos/ooo_texte.png);
}

ul#telecharger li.sxc{
background-image : url(img/pictos/ooo_classeur.png);
}

ul#telecharger li.sxi{
background-image : url(img/pictos/ooo_presentation.png);
}

ul#telecharger li.image{
background-image : url(img/pictos/image.png);
}

ul#telecharger li.defaut{
background-image : url(img/pictos/defaut.png);
}

ul#telecharger a{
font-weight: 700;
}

ul#telecharger span.poids_fichier{
font-size: 0.9em;
}

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

div.encadre_recherche label{
display : block;
}

div.encadre_recherche legend{
display : none;
}

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

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

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

div.encadre_recherche input,
div.encadre_recherche select{
font-size : xx-small;
}

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

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

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

div.encadre_recherche p.variante label{
display:inline;
}

div.encadre_recherche p.variante em{
display: block;
font-style: normal;
font-weight: 700;
margin-bottom: 0.5em;
}

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

div.para-an{
border-bottom : 1px solid;
padding-bottom: 0.5em;
margin-bottom: 2em;
}

div.para-an h3{
font-size: 1.2em;
margin-bottom : 0.3em;
margin-top: 0;
}

/*
div.para-an ul{
list-style-position: inside;
}
*/

div.para-an a{
font-weight: 700;
}

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

body.article h2,
body.document h2,
body.cours h2,
body.ueup h2,
body.laboratoire h2,
body.recherche h2{
margin-bottom: 0;
}

body.actualite p#thematique,
body.article p#thematique,
body.document p#thematique{
border-bottom : 1px solid;
margin : 1em 0;
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
padding-bottom: 0.3em;
}

ul#diplomes_obtenus{
margin-left: 0 !important;
padding-left: 0 !important;
}

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

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

body.actualite p#date{
border: 1px dotted;
border-width: 1px 0;
font-size : 0.85em;
font-family: arial, helvetica, sans-serif;
margin : 1em 0;
padding: 0.5em 0;
}

body.actualite p#resume{
font-weight : 700;
margin : 1em 0;
/* font-size: 0.9em; */
}

body.actualite div#description{
margin-bottom : 1.5em;
}

body.actualite div#description ul,
body.actualite div#description ol{
list-style-position: inside;
}

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

/* de type 1 */

dl.type_1{
background : #fff;
margin : 0 0 1.5em 0;
position : relative;
width : 100%;
/* font-size: 0.9em; */
}

dl.type_1 dt{
font-weight : 700;
font-family: verdana, sans-serif;
font-size: 0.9em;
left : 0;
margin : 0;
padding-top : 0.5em;
position : absolute;
width : 195px;
}

dl.type_1 dd{
border-bottom: 1px solid;
margin-left : 0;
padding : 0.5em 2%;
padding-left: 195px;
}

/* de type 2 */

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

dl.type_2 dt{
font-weight : 700;
padding: 0.4em 0 2px 14px;
width : 185px;
}

dl.type_2 dd{
margin : -18px 0 0 0;
padding : 0 0 8px 190px;
border-bottom: 1px dotted;
}

dl a{
font-weight: 700;
}

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

p#commenter{
text-align: right;
font-weight: 700;
font-size: 1em;
clear: both;
width: 100%;
height: 20px;
margin: 2em 0;
}

p#commenter a{
background: no-repeat 0 0;
color : #fff;
height: 20px;
width: 79px;
border: 1px solid #fff;
display: block;
text-align: center;
float: right;
}

p#afficher_masquer_commentaires{
display: none;
}

#afficher_masquer_commentaires a{
}

#lien_cache{
display : none;
}

div#commentaires_afficher{
display: block;
}

div#commentaires_masquer{
display: none;
}

div#commentaires{
clear : both;
border-left: 1px solid;
margin-bottom: 1em;
font-size: 0.9em;
}

div#commentaires h3{
background: no-repeat right 0;
font-family: "Century Gothic", Futura, arial, helvetica, sans-serif;
color : #fff;
font-size: 1.3em;
margin : 0 0 0.5em 0;
padding : 1em 0 0.2em 0.7em;
}

div#commentaires ul{
padding: 0;
}

div#commentaires li{
border-left : 1px solid;
list-style-type : none;
margin-left: 13px;
margin-bottom: 1em;
}

p.com-titre,
p.com-date,
p.com-site{
border-left : 6px solid;
margin : 0;
padding : 0 5px;
}

p.com-date a,
p.com-site a{
font-weight: 700;
}

p.com-titre{
font-weight : 700;
}

li.com-titre1{
}

li.com-titre0{
}

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

div.com-corps{
font-size: 0.9em;
}


div.com-corps p{
padding-left: 11px;
margin: 0.5em 0;
font-family: verdana, sans-serif;
}

p.repondre{
text-align: right;
border-top : 1px solid;
margin : 0;
padding-top: 0.5em;
font-family: arial, helvetica, sans-serif;
font-size: 0.9em;
}

p.repondre a{
background: no-repeat 0 50%;
padding-left: 0.8em;
}

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

body.article p#soustitre,
body.document p#soustitre{
font-size : 1.2em;
margin : 0 0 1em 0;
font-family: "Century Gothic", Futura, sans-serif;
}

body.article p#date{
font-family: arial, sans-serif;
border : 1px dotted;
border-width: 1px 0;
font-size : 0.85em;
margin : 1em 0;
padding: 0.4em 0;
}

body.article p#chapeau{
font-weight : 700;
margin : 1em 0;
/* font-size: 0.9em; */
text-align: justify;
}

body.article div#corps{
margin-top : 1em;
text-align: justify;
}

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

body.document div#references{
/* border-bottom : 1px dotted; */
border-top : 1px dotted;
margin : 0.5em 0;
padding-top : 0.5em;
}

body.document #references h3{
font-size: 1em;
float : left;
margin : 0;
width : 7em;
}

body.document #references p#referenceisdn{
margin-top : 0;
}

body.document #references dl{
clear : both;
margin-left : 7em;
}

body.document #references dt{
float : left;
}

body.document #references dd{
margin-bottom: 1em;
margin-left : 0;
}

body.document p#resume{
font-weight : 700;
margin : 0.5em 0;
}

body.document div#description{
padding : 0.5em 0;
}

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

div.colonne_deco{
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: 1em;
}

div.style1 h3{
font-family: "Century Gothic", Futura, arial, helvetica, sans-serif;
font-size: 1.3em;
font-weight: 500;
margin: 0.5em 0 0.2em 0;
}

div.style2 h3{
font-family: "Century Gothic", Futura, arial, helvetica, sans-serif;
font-size: 1.2em;
font-weight: 700;
margin: 0.5em 0;
border: 1px dotted;
border-width: 1px 0;
background: no-repeat 0 0;
padding: 1em 10px 0.6em 10px;
}

div.style1 div.style1_contenu,
div.style2 div.style2_contenu{
/* text-align: justify; */
}

div.style3{
border: 1px solid;
background: no-repeat right bottom;
padding-bottom: 10px;
}

div.style3 h3{
font-family: "Century Gothic", Futura, arial, helvetica, sans-serif;
font-size: 1.2em;
font-weight: 700;
margin: 0 0 0.5em 0;
padding: 0.5em 0.3em 0.5em 0.3em;
border-bottom: 1px dotted;
background: no-repeat right 0;
}

div.style3 div.style3_contenu{
margin: 0.5em;
text-align: justify;
}

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

#contenu_sans_encadres ul#themes_recherche_avancee,
#contenu_avec_encadres ul#themes_recherche_avancee{
margin-left: 1.5em;
margin-top: 1em;
list-style: square;
}

#precisions_resultats{
font-weight : 700;
margin : 8px 0;
}

ul.liste_resultats{
font-size: 0.8em;
font-family: arial, helvetica, sans-serif;
margin: 2em 0 1em 0;
list-style: none;
}

ul.liste_resultats li{
border-bottom : 1px solid;
margin-bottom : 1em;
padding-bottom : 0.7em;
position: relative;
/*padding-right: 16em;*/
}

ul.liste_resultats a {
font-size: 1.1em;
font-family: verdana, sans-serif;
}

.intitule_site_courant {
font-size: 1.1em;
font-weight: 700;
}

.vers_tous_resultats {
float: right
}

ul.liste_resultats span.type_objet {
color: #E1980A;
display: block;
text-align: right;
}

p#sites_avec_resultat {
color: #217764;
font-weight: 700;
}

p#nouvelle_recherche_modifier{
margin: 2em 0 0 0;
font-size: 0.9em;
font-family: verdana, sans-serif;
font-weight: 700;
}

p#resultats_pagination{
margin: 1em 0;
font-size: 0.9em;
font-family: verdana, sans-serif;
}

p.retour_haut_page {
clear: both;
text-align: right;
}

p.retour_haut_page a{
background: transparent url(img/retour_haut_page.png) no-repeat 0 6px;
padding-left: 17px;
}

p.retour_haut_page a:hover{
text-decoration: none;
}

/* ===	=Recherche =Avancee === */

form#recherche_avancee,
form#contact_mail{
font-family: verdana, sans-serif;
font-size: 0.9em;
width: 51em;
}

#contenu_avec_encadres form#recherche_avancee,
#contenu_avec_encadres form#contact_mail{
width: 45em;
}

form#recherche_avancee legend,
form#contact_mail legend {
display : none;
}

form#recherche_avancee p,
form#contact_mail p {
background: no-repeat 0 50%;
border-bottom : 1px dotted;
clear : both;
margin : 10px 0 0 0;
overflow : auto;
padding : 5px 0 5px 1em;
}

form#recherche_avancee label,
form#contact_mail label {
float : left;
font-weight : 700;
padding-left : 5px;
padding-right : 5px;
/* width : 135px; */
width : 155px;
}

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

form#recherche_avancee .ChampSaisie,
form#contact_mail .ChampSaisie {
max-width : 360px;
border: 1px solid;
}

form#recherche_avancee select.ChampSaisie,
form#contact_mail select.ChampSaisie {
width : 360px;
}


form#recherche_avancee input.bouton,
form#contact_mail input.bouton {
color: #fff;
font-weight: 700;
border : 0;
font-size : 0.9em;
margin : 0;
width: 67px;
height: 20px;
background: no-repeat 0 0;
}

form#recherche_avancee p.boutons,
form#contact_mail p.boutons {
background-image : none;
border : 0;
text-align : right;
}


form#recherche_avancee p.boutons input,
form#contact_mail p.boutons input {
font-size : 1em;
margin: 0 0 0 10px;
}

a.precedent,
a.suivant,
a.premier,
a.dernier{
font-size : xx-small;
margin : 0 0 10px 10px;
padding : 2px;
}

.photo_contact{
float: left;
margin-right: 2em;
}

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

div#contenu_avec_encadres ul.liste-objets,
div#contenu_sans_encadres ul.liste-objets{
padding-left: 0;
}

div#encadres ul.liste-objets,
div#encadres ol.liste-objets{
list-style-position: outside;
}

ul.liste-objets a{
font-weight: 700;
}

ul.liste-objets li.liste_simple{
padding-left: 1.1em;
background: no-repeat 0 1.1em;
}

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

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-style : normal;
font-weight : 700;
margin : 0;
padding : 0;
}

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 span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste{
font-size: 0.8em;
}

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

ul.fluxrss li span{
display : block;
}

.img-liste{
clear : left;
float : left;
margin : 4px 5px 0 0;
}

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

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

/* == layout du collaboratif ==*/

body.collaboratif #navigation ul,
body.collaboratif #navigation ol{
list-style : none;
}

body.collaboratif div.ligne{
border : 0;
}

/* === end layout === */


/*** styles du collaboratif ***/

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

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

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

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

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

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

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

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

/*** Menus du Collaboratif ****/
#espace{
padding : 1em 10px 1em 20px;
}

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

p#logo_espace{
float : right;
}

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

/* Liste de mes espaces */

.collaboratif #navigation select,
.collaboratif #navigation label{
margin : 0.5em 0 0.5em 20px;
}

.collaboratif #navigation select{
font-size : 90%;
width : 120px;
}

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

/* ====================
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{
margin : 0.5em 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{
border: 2px solid;
font: 700 0.9em verdana, arial, sans-serif;
float : none;
padding : 0.5em;
text-align : center;
width : auto;
}

#msg-alerte{
color : #f60;
}

#msg-erreur{
color: #c00;
}

#msg-confirmation{
color : #690;
}

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

/* Typo */
.gestion{
}

.gestion input,
.gestion textarea{
/* font-size : 1em; */
}

.gestion,
.gestion div,
.gestion p,
.gestion label, 
.gestion span, 
.gestion .preliminaire, 
.gestion iframe,
.gestion textarea,
.gestion select,
.bouton{
/*
color : #000;
font-family : verdana, arial, sans-serif;
*/
}

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

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

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

.bouton:hover{
text-decoration : none;
}

.gestion .champ-texte:focus,
.gestion select:focus,
.gestion input:focus{
background : #ffc;
}

.gestion #valider-formulaire{
border-top : 1px solid #666;
float : none;
padding-top : 1em;
text-align : center;
}

.gestion input.readonly{
border : 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

.en-colonne .multi-col table td *{
vertical-align : middle;
}

.en-colonne table label{
float : none;
width : auto;
}

.en-colonne .multivalue table{
background : #eee;
}

.en-colonne .multivalue table td{
padding : 15px;
}

.en-colonne .multivalue table .champ-texte{
width : 150px;
}

.en-colonne .multivalue select{
height : 108px;
width : 350px;
}

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

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

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

/*** Nb Resultats par page ***/

.gestion #resultats_par_page input.champ-texte{
width : 3em;
}

/** Tableau de Bord - Ecran de =Gestion **************/

.gestion table,
.gestion th,
.gestion td {
font-family : verdana, arial, sans-serif;
font-size : 100%;
}

.gestion table{
border-collapse : collapse;
border-top : 1px solid #ccc;
float: left;
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 tr {
border-bottom : 1px solid #ccc;
}

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

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

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{
border-right: 1px solid #ccc;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}

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

/* =commentaires =collaboratif */

body.collaboratif div#commentaires{
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;
}


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

#pied_page{
background-color : transparent;
clear : both;
color : #fff;
font-size : 0.95em;
margin-bottom : 2em;
position : relative;
}

#boutons_actions{
color : #ffbe22;
margin : 0 0 13px 20px;
position : relative;
top : -30px;
}

#boutons_actions a,
#boutons_actions a:hover{
color : #ffbe22;
text-decoration : none;
}

/* === */

#haut_page,
#imprimer{
cursor : pointer;
padding-top : 40px;
}

#haut_page{
background : transparent url(img/haut_page.png) no-repeat 0 0;
margin-right : 10px;
}

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

/* =Adresse bas de page ===*/

address{
font-style : normal;
margin : -18px 0 0 400px;
padding : 0 0 0 20px;
position : relative;
top : 1.5em;
}

address a{
background-color : transparent;
color : #fff;
text-decoration : none;
}

/* ===*/

p#liens_pratiques{
display : none;
margin : 0 0 0 20px;
}

p#liens_pratiques a{
color : #fff;
}

p#liens_pratiques a.rss{
background : url(img/rss.png) no-repeat 0 50%;
padding-left : 17px;
}

/* === */

ul#outils_2{
margin-left: 23px;
background: #fff no-repeat right 0;
width: 978px;
}

ul#outils_2 li{
display: inline;
}

ul#outils_2 a{
margin: 0 0.5em;
}

/* === */

ul#liens_institutionnels{
position: absolute;
top: 0;
left: 0;
width: 22px;
background: #ccc;
list-style: none;
}

ul#liens_institutionnels li{
display: inline;
}

ul#liens_institutionnels a{
display: block;
background: #666 no-repeat 0 0;
width: 22px;
text-indent: -1000px;
}

ul#liens_institutionnels li#site_intranet a{
height:67px;
}

ul#liens_institutionnels li#site_cachan a{
height:157px;
}

ul#liens_institutionnels li#site_kerlann a{
height:157px;
}

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

body.popup{
background-color : #fff;
padding : 2em;
font-size: 0.75em;
font-family: arial, sans-serif;
}

body.popup form{
font-size: 0.9em;
}

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

body.popup h3{
color : #000;
font-size: 1.1em;
margin:0.5em 0;
}

div#divsts{
display: none;
}