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

body {
background: #aeaeae url(img/body.png) no-repeat center 0;
color : #000;
font-family : arial, helvetica, sans-serif;
font-size : 70%;
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;
color : #f29523;
text-decoration : underline;
}

a:hover,
p#fil_ariane a:hover{
color: #f60;
text-decoration : none;
}

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

a.lire_la_suite{
font-size: 0.9em;
font-weight: 700;
display: block;
width: 8em;
}

div#encadres a.lire_la_suite{
font-size: 1em;
}

h2 {
background: #003b71 url(img/titre_2.png) no-repeat right 0;
color : #cfdae5;
font-size : 1.3em;
font-weight : 700;
margin : 0.5em 0 1em 0;
font-family: arial, sans-serif;
padding: 0.2em 15px 0.2em 0.5em;
}

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

h4 {
font-size : 1.2em;
margin : 1em 0 0.3em 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 {
margin : 0 auto;
width : 1000px;
font-size : 0.9em;
font-weight : 700;
font-family: verdana, sans-serif;
position: relative;
display: none;
}

p#acces_direct a{
background : transparent;
color : #aeaeae;
margin-left: 1em;
text-decoration : none;
}

p#acces_direct a:hover {
color: #fff;
}

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

p#raccourcis a {
color : #fff;
}

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

div#page_avec_encadres,
div#page_sans_encadres {
background : #fff no-repeat 0 100%;
color : #7e7e7e;
font-size : 1.1em;
width : 1000px;
margin: auto;
border-bottom: 20px solid #aeaeae;
margin-top: 10px;
}

div#page_avec_encadres{
background: #fff url(img/page_avec_encadres.png) repeat-y;
}

div#page_sans_encadres {
background: #fff url(img/page_sans_encadres.png) repeat-y;
}

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

hr.separateur_sections_page {
display : none;
}

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

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

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

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

.retour {
cursor : pointer;
}

/* champs de formulaires en lecture seule */
form input.readonly {
border: 1px solid #a5acb2;
background-color: #efefef;
padding: 2px;
}

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

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

.legende {
background-color : transparent;
color : #003b71;
font-size : 0.75em;
font-family: verdana, sans-serif;
margin : 0.5em 0 1em 0;
}

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

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

div#bandeau_deco {
background : #efefef url(img/bandeau_deco.png) no-repeat 0 0;
}

div#bandeau {
background: url(img/bandeau.jpg) no-repeat 198px 0;
height : 146px;
position : relative;
}

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

h1 {
font-family : arial, sans-serif;
font-size : 1.6em;
position : absolute;
left : 30px;
top : 20px;
}

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

form#recherche_simple {
right: 0;
position : absolute;
top : 0;
width : 212px;
height: 120px;
background: #cfdae5 url(img/recherche_simple.png) no-repeat 0 0;
padding: 26px 0 0 24px;
}

form#recherche_simple label {
font-family : arial, helvetica, sans-serif;
font-size : 1.3em;
font-weight : 500;
display: block;
margin-bottom: 23px;
}

form#recherche_simple label img{
color : #fff;
background-color: #003a70;
}

form#recherche_simple input{
border-color: #7e7e7e;
}

form#recherche_simple input.ok{
background: #78990a url(img/recherche_simple_ok.png) no-repeat 0 0;
color: #fff;
border: none;
font-weight: 700;
width: 25px;
height: 22px;
text-transform: uppercase;
font-size: 1em;
padding-bottom: 2px;
margin-left: 3px;
}

form#recherche_simple p#vers_recherche_avancee {
margin : 0.3em 0 0 0;
}

form#recherche_simple a {
background-color: transparent;
font-weight: 700;
}

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

#connexion {
left : 825px;
position : absolute;
top : 40px;
width : 172px;
}

#connexion legend {
color : #ffb623;
font-family : arial, sans-serif;
font-size : 1.3em;
font-weight : 700;
padding : 0;
}

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

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

#connexion ul {
font-size : 0.9em;
padding-top : 2px;
}

#connexion p#mot_de_passe_oublie {
font-size : 0.9em;
margin : 0;
}

/* =Contexte =DSI */

.dsi #connexion p#personne_dsi {
color : #fff;
font-weight : 700;
margin : 0 0 1em 0;
}

.dsi #connexion ul {
margin-top : 0.2em;
}

.dsi #connexion ul li {
display : inline;
list-style-type : none;
}

.dsi #connexion ul li a#se_deconnecter {
display : block;
}

.dsi #select_profil {
width : 140px;
}

.dsi #personne_dsi span {
color : #ffb623;
display : block;
font-family : arial, sans-serif;
font-size : 1.3em;
font-weight : 700;
}

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

.collaboratif div#menu_principal_deco {
border-bottom : 1px solid #332e44;
}

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

div#page_avec_encadres div#menu_principal_deco{
background: #78990a url(img/menu_principal_deco.png) no-repeat center bottom;
color : #ccc;
float : left;
padding-bottom : 20px;
width : 994px;
border: solid #fff;
border-width: 0 3px;
}

div#page_sans_encadres div#menu_principal_deco {
background: #78990a url(img/menu_principal_deco_sans_encadres.png) no-repeat center bottom;
color : #ccc;
float : left;
padding-bottom : 20px;
width : 994px;
border: solid #fff;
border-width: 0 3px;
}

/* === */

ul#menu_principal {
list-style-type : none;
font-size: 1.35em;
font-family: "arial narrow", helvetica, sans-serif;
font-weight: 700;
padding-left: 30px;
background-color: #78990a;
}

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

ul#menu_principal a {
background-color: transparent;
color: #edf2df;
text-decoration : none;
padding: 0;
background: transparent url(img/menu_principal_item.png) no-repeat 0 50%;
padding: 0.1em 0.5em;
float : left;
}

ul#menu_principal li.premier a, ul#menu_principal li.post_actif a {
background: none;
}

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

ul#menu_principal li em a{
color:#fff;
background: #f29422 none;
}

/*
ul#menu_principal ul {
background-color : #332e44;
border : 1px solid #fff;
border-top : 0;
display : none;
left : 0;
line-height : normal;
list-style-type : none;
position : absolute;
top : 30px;
width : 150px;
z-index : 5;
}

ul#menu_principal ul li {
float : none;
}
*/

/*
ul#menu_principal ul a:hover {
text-decoration : underline;
}
*/

/* === 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-bottom : 60px;
width : 194px;
background: #efefef;
border-left: 3px solid #fff;
}

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

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

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

div#menu_secondaire_deco{
background: url(img/menu_secondaire_deco.png) no-repeat 0 0;
padding-top: 7px;
margin-bottom: 1.5em;
}

ul#menu_secondaire {
background: url(img/menu_secondaire.png) no-repeat 0 bottom;
padding-bottom: 7px;
list-style: none;
margin : 0;
text-transform: uppercase;
font-size: 1em;
}

ul#menu_secondaire li{
display: inline;
}

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

ul#menu_secondaire a{
color: #fff;
background: #0e83c1 url(img/menu_secondaire_lien.png) repeat-y 0 0;
display: block;
text-decoration: none;
padding: 0.2em 3px 0.2em 18px;
border-bottom: 1px solid;
}

ul#menu_secondaire a:hover{
background-image: none;
}

ul#menu_secondaire ul{
text-transform: lowercase;
font-size: 0.9em;
margin: 0 3px 0.5em 18px;
}

ul#menu_secondaire ul a{
background: transparent;
color: #7e7e7e;
border-bottom: 0;
padding: 0;
margin: 0.3em 0;
}

ul#menu_secondaire ul a:hover,
ul#menu_secondaire ul em a{
color: #109ae1;
}

/* === */

div#services{
background: url(img/services.png) no-repeat 0 bottom;
padding-bottom: 20px;
margin-bottom: 1em;
font-family: "arial narrow", helvetica, sans-serif;
}

div#services h3{
background: url(img/services_titre.png) no-repeat 0 0;
color: #31608B;
height: 37px;
margin: 0;
padding: 8px 0 0 12px;
}

div#services ul{
list-style: none;
margin: 0 0 0 20px;
padding: 0;
font-size: 1.1em;
text-transform: uppercase;
font-weight: 700;
}

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

div#services ul a{
color: #003b71;
background: transparent;
text-decoration: none;
}

div#services ul a:hover{
color: #109ae1;
}

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

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

/*div#contenu_avec_encadres {*/
div#page_avec_encadres div#contenu {
float : left;
margin : 0;
min-height : 300px;
padding : 10px 24px 0 24px;
width : 520px;
line-height: 140%;
}

/*div#contenu_sans_encadres {*/
div#page_sans_encadres div#contenu {
float : left;
min-height : 300px;
padding : 10px 0 0 24px;
width : 760px;
}

/* pour plan de site et liste imbriquees dans toolbox */
div#page_avec_encadres div#contenu ul,
div#page_avec_encadres div#contenu ol,
div#page_sans_encadres div#contenu ul,
div#page_sans_encadres div#contenu ol {
margin : auto;
margin-bottom: 0.5em;
padding : 0 0 0 2em;
}

div#page_avec_encadres div#contenu ul#themes_recherche_avancee,
div#page_sans_encadres div#contenu ul#themes_recherche_avancee{
margin: 1em;
line-height: 200%;
font-weight: 700;
}

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

p#contact_rubrique{
font-size : 0.9em;
float : right;
font-weight: 700;
margin: 0;
padding: 2px 0;
}

p#contact_rubrique a{
text-decoration: none;
color: #fff;
background-color: #f29523;
/* background-color: #f6b96f; blanchi */
border: 3px double;
padding: 0 3px;
}

p#contact_rubrique a:hover{
text-decoration: none;
background-color: #f60;
}

p#fil_ariane {
font-size : 0.9em;
padding : 0;
margin: 0 0 1em 0;
color: #aeaeae;
}

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

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

/*** Plan du site  ***/

div#page_avec_encadres div#contenu ol.plansite3,
div#page_sans_encadres div#contenu ol.plansite3{
border-bottom: 1px solid #ccc;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}

ol.plansite1 a{
font-weight: 700;
}

ol.plansite3 a{
font-weight: 500;
}

ol.plansite3 li {
list-style-type : circle;
}

/* === */

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

.colonne {
float : left;
}

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



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

div#encadres {
float : left;
font-size : 0.9em;
width : 225px;
padding: 0 6px 2em 4px;
}

div#encadres h3{
font-size: 1.45em;
font-family: "arial narrow", helvetica, sans-serif;
margin: 0;
padding: 3px 15px 0 15px;
min-height: 23px;
}

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

.effacer {
border : 1px solid #666;
color : #666;
}

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

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

div.encadre_generique,
div.encadre_rubrique{
background: url(img/encadre_generique.png) no-repeat 0 bottom;
padding-bottom: 20px;
margin-bottom: 1em;
}

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

div#encadres div.encadre_generique h3,
div#encadres div.encadre_rubrique h3{
background: #fff url(img/encadre_generique_titre.png) no-repeat 0 0;
color: #109ae2;
padding: 8px 15px 0 15px;
}

/***

div.deco_generique_2 ul,
div.deco_rubrique_2 ul,
div.deco_generique_2 ol,
div.deco_rubrique_2 ol {
}

Fix Toolbox
.deco_generique_2 ul div,
.deco_rubrique_2 ul div {
display : inline;
}
***/

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

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

div.encadre_fiche,
div.encadre_auto_fiche,
div.encadre_nav_auto{
background: #fff url(img/encadre_fiche.png) no-repeat 0 bottom;
margin-bottom: 1em;
padding-bottom: 0.8em;
}

div.encadre_fiche h3,
div.encadre_auto_fiche h3,
div.encadre_nav_auto h3{
background: #fff url(img/encadre_fiche_titre.png) no-repeat 0 0;
color: #fff;
}

div.encadre_fiche div.encadre_fiche_titre_deco,
div.encadre_auto_fiche div.encadre_fiche_titre_deco,
div.encadre_nav_auto div.encadre_fiche_titre_deco{
background: url(img/encadre_fiche_titre_deco.png) no-repeat 0 100%;
display: block;
padding-bottom:6px;
}

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{
margin: 0 12px 0 12px;
padding-top: 0.5em;
}

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

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

div.encadre_recherche {
background: #cfdae5 url(img/encadre_recherche.png) no-repeat 0 bottom;
margin-bottom: 1em;
padding-bottom: 1em;
}

div.encadre_recherche h3{
color: #cfdae5;
background: #003b71 url(img/encadre_recherche_titre.png) no-repeat 0 0;
margin: 0;
}

div.encadre_recherche form{
margin: 0 3px 0 0;
padding: 0.5em 0 0 20px;
background: url(img/encadre_recherche_form.png) no-repeat 0 0;
}

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

div.encadre_recherche form p.parcourir input.valider{
font-size: 1em;
height: 20px;
width: 70px;
font-weight: 700;
border: 0;
padding-bottom: 2px;
color: #fff;
background: #77980a url(img/parcourir.png) no-repeat 0 0;
}

div.encadre_recherche form input.effacer{
font-size: 1em;
height: 20px;
width: 56px;
font-weight: 700;
border: 0;
padding-bottom: 3px;
color: #77980a;
background: url(img/effacer.png) no-repeat 0 0;
}

div.encadre_recherche form input.valider{
font-size: 1em;
height: 20px;
width: 54px;
font-weight: 700;
border: 0;
padding-bottom: 3px;
color: #fff;
background: #77980a url(img/valider.png) no-repeat 0 0;
}

div#encadres textarea,
div#encadres input{
max-width: 180px;
}

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

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

.encadre_recherche label {
color : #003b71;
display : block;
font-size : 0.9em;
}

.encadre_recherche label.radio_bouton {
display : inline;
}

.encadre_recherche legend {
display : none;
}

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

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

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

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

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

/*************************************************
=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 {
padding : 0 0 1em 0;
margin: 0 0 0 0;
}

div.para-an h3 {
border-bottom : 1px solid #ccc;
color : #003b71;
font-size: 1.05em;
margin: 0.5em 0;
padding-bottom: 0.1em;
}

body.formation div#page_avec_encadres div.para-an ul.onglet_contact_deco,
body.formation div#page_sans_encadres div.para-an ul.onglet_contact_deco{
margin: 1em 0;
}

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

body.annuaireksup p#type_personnel,
body.offresstagesemplois p#type,
body.cours p#disciplines,
body.ueup p#disciplines,
body.defaultstructureksup p#type_structure{
font-size : 0.9em;
margin : 0.5em 0;
}

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

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

body.actualite #resume {
font-weight : 700;
margin : 1em 0;
}

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

/*obsolete ?
.lien-plan {
display : block;
margin-top : 10px;
}
*/

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

/* de type 1 */

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

dl.type_1 dt {
color: #78990a;
font-weight : 700;
left : 0;
margin : 0;
padding-top : 0.5em;
position : absolute;
width : 190px;
border-top : 1px solid #99b248;
}

dl.type_1 dd {
margin-left : 190px;
padding : 0.5em 2%;
border-top : 1px solid #99b248;
}

/* de type 1 dans fiche actualite
dl.type_1 .liste_def_contact,
dl.type_1 .liste_def_type,
dl.type_1 .liste_def_site,
dl.type_1 .liste_def_partenaires {
}
 */

/* de type 1 dans fiche document
dl.type_1 .liste_def_source, 
dl.type_1 .liste_def_editeur,
dl.type_1 .liste_def_type_document,
dl.type_1 .liste_def_dates,
dl.type_1 .liste_def_complement_info {
} */

/* de type 2 */

dl.type_2 {
background: url(img/liste_definition_type_2.png) repeat-y 0 0;
border: solid #78990a;
border-width: 1px 0;
margin : 1em 0;
padding-bottom: 0.5em;
position : relative;
}

dl.type_2 dt {
font-weight : 700;
padding-top : 0.4em;
text-align : right;
width : 185px;
color: #78990a;
}

dl.type_2 dd {
margin : -14px 0 0 190px;
padding : 0 2%;
}

/* --- fin --- */

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

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

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

p#commenter{
clear: right;
}

p#afficher_masquer_commentaires{
clear: left;
}

p#commenter a:hover,
p#afficher_masquer_commentaires a:hover {
background-color : #f60;
}

#lien_cache {
display : none;
}

#commentaires_afficher {
display: block;
}

#commentaires_masquer {
display: none;
}

div.com-outer {
margin-top: 2em;
clear : both;
}

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

.com-inner h3 {
font-size : 1.3em;
margin : 0.5em 0 1em 0;
color: #78990a;
border-bottom: 2px solid;
padding-bottom: 0.3em;
font-variant: small-caps;
}

.com-inner ul {
margin : 0;
}

div#page_sans_encadres div.com-inner ul#com-ul1,
div#page_avec_encadres div.com-inner ul#com-ul1{
padding : 0;
}

div#page_sans_encadres div.com-inner ul#com-ul1 ul,
div#page_avec_encadres div.com-inner ul#com-ul1 ul{
padding: 0 0 0 1em;
}

.com-inner li {
border-left : 3px solid #efefef;
list-style-type : none;

}

.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 {
color: #78990a;
clear : both;
font-weight : 700;
margin : 0;
padding : 2px 0 2px 5px;

}

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

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

p.com-date,
p.com-site {
background-color : #efefef;
font-family: verdana, sans-serif;
font-size : 0.8em;
margin : 0;
padding : 2px 5px;
}

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

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

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

body.article p#soustitre,
body.document p#soustitre{
font-size : 1.4em;
margin : 0.5em 0;
}

body.actualite p#date,
body.actualite #thematique,
body.article #thematique, 
body.article p#date,
body.document #thematique,
body.document #referenceisdn{
font-size : 0.9em;
margin : 0.5em 0;
padding : 0.2em;
border: solid #ccc;
border-width: 1px 0;
}

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

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

body.document #description {
border-top : 1px solid #ccc;
padding : 1em 0;
}

body.document #auteurs {
margin : 1em 0;
}

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

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

.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 {
margin-bottom: 2em;
}

div.style1 {
padding-bottom: 0.5em;
border-bottom: 1px solid #003b71;
margin-bottom: 2em;
}

div.style1 h3 {
text-transform: uppercase;
color: #003b71;
background: #fff url(img/style1_titre.png) no-repeat 0 0;
border-bottom: 1px solid;
font-size: 1.3em;
padding: 0.2em 0 0.1em 10px;
margin: 0.5em 0;
}

/* === */

div.style2{
margin-bottom: 2em;
padding-bottom: 20px;
background: url(img/style2.png) no-repeat right bottom;
}

div.style2 h3{
/*
background: #003B71 url(img/style2_titre.png) no-repeat right 0;
color: #cfdae5;
padding: 0.2em 30px 0.2em 10px;
*/
padding: 0 0 0.3em 0;
color: #74768f;
border-bottom: 2px solid #cfdae5;
font-size: 1.3em;
margin: 0 0 0.5em 0;
}

/* === */

div.style3_deco{
background: #e8ebd5 url(img/style3_deco.png) no-repeat 0 bottom;
margin-bottom: 2em;
}

div.style3{
background: url(img/style3.png) no-repeat right 0;
}

div.style3 h3{
color: #78990a;
border-bottom: 1px solid;
font-size: 1.5em;
font-family: "arial narrow", helvetica, sans-serif;
padding: 0.5em 10px 0.3em 7px;
margin: 0 15px 0.5em 7px;
}

div.style3 div.style3_h3_deco{
background: url(img/style3_h3_deco.png) no-repeat 0 0;
}

div.style3 div.style3_contenu{
background: url(img/style3_contenu.png) no-repeat right bottom;
padding: 0 20px 30px 15px;
}

div.style3 a{
background-color: transparent;
}

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

#precisions_resultats {
color : #78990a;
font-weight : 700;
margin : 1em 0;
}

div#page_avec_encadres #contenu ul.liste_resultats,
div#page_sans_encadres #contenu ul.liste_resultats{
margin-top : 1em;
padding-left: 0;
}

ul.liste_resultats li {
border-bottom : 1px solid #ddd;
margin-bottom : 0.7em;
padding-bottom : 0.7em;
list-style: none;
}

p.liens-ra{
margin: 2em 0 1em 0;
font-weight: 700;
text-align: right;
}

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

form#recherche_avancee {
width : 97%;
}

#recherche_avancee legend {
display : none;
}

#recherche_avancee p {

border-bottom : 1px solid #ccc;
clear : both;
margin : 0;
overflow : auto;
padding : 0.5em 0;
}

#recherche_avancee label {
float : left;
font-weight : 700;
padding-left : 5px;
padding-right : 5px;
width : 125px;
}

#recherche_avancee label.no_float {
float : none;
}

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

#recherche_avancee input.ChampSaisie,
#recherche_avancee select{
font-size: 1em;
}

#recherche_avancee input.bouton {
background-color : #fff;
color: #7e7e7e;
border : 3px double #7e7e7e;
font-size : 0.8em;
padding : 0;
}

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

#recherche_avancee p.boutons input {
background-color: #78990a;
color: #fff;
border : 3px double;
font-size : 1em;
margin : 0 0 10px 10px;
padding : 2px;
font-weight: 700;
}

#recherche_avancee p.boutons input.effacer {
background-color: #f29523;
}

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

a.precedent,
a.suivant,
a.premier,
a.dernier {
margin : 0 0.5em;
padding : 2px;
font-weight: 500;
}

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

div#page_avec_encadres #contenu ul.liste-documents,
div#page_avec_encadres #contenu ul.liste-actualites,
div#page_avec_encadres #contenu ul.liste-articles,
div#page_sans_encadres #contenu ul.liste-documents,
div#page_sans_encadres #contenu ul.liste-actualites,
div#page_sans_encadres #contenu ul.liste-articles{
padding-left: 0;
margin-left:0;
}

ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li {
clear : left;
list-style-type : none;
margin : 0 0 1em 0;
padding : 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;
}

div.style3 ul.liste-documents em a,
div.style3 ul.liste-actualites em a,
div.style3 ul.liste-articles em a{
color: #7e7e7e;
text-decoration: none;
}

div.style3 ul.liste-documents em a:hover,
div.style3 ul.liste-actualites em a:hover,
div.style3 ul.liste-articles em a:hover{
color: #f60;
text-decoration: underline;
}

div.style3 ul.liste-pardefaut a{
color: #7e7e7e;
}

div.style3 ul.liste-pardefaut a:hover{
color: #f60;
}

ul.liste-documents a.telecharger-fichiers {
display : block;
font-size: 0.9em;
font-weight: 700;
}

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,
ul.liste-articles span.redac-liste{
font-size: 0.8em;
font-family: verdana;
font-weight: 700;
line-height: 120%;
}

div.style3 ul.liste-documents span.date-liste,
div.style3 ul.liste-actualites span.date-liste,
div.style3 ul.liste-articles span.date-liste,
div.style3 ul.liste-articles span.redac-liste{
color: #92ac3a;
}

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 : disc;
margin-bottom: 0.2em;
}

div#encadres ul li,
div#encadres ul.liste-pardefaut li{
margin-left: 1em;
}

ul.fluxrss li span {
display : block;
}

.img-liste {
clear : left;
float : left;
margin : 0 10px 0 0;
border: 1px solid #ccc;
}

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

/* == layout du collaboratif ==*/

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

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

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

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

p#logo_espace {
float : right;
}

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

/* Liste de mes espaces */

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

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

.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: 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 {
border-color : #ccc #666 #666 #ccc;
border-style : solid;
border-width : 1px;
cursor : pointer;
margin : 0;
padding : 0.2em 0.5em;
}

.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 #valider-formulaire input.bouton{
border: 3px double;
font-weight: 700;
color: #fff;
background: #77980a;
padding: 0;
}

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

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

#encadres .en-colonne span.libelle,
#encadres .en-colonne label,
#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 p.pagination {
clear: both;
float: none;
}

.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;
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 : #d2e0e2;
}

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

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

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

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

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


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

div#pied_page{
color : #f29523;
clear : both;
font-size : 0.95em;
position : relative;
font-family: arial, sans-serif;
height: 50px;
}

div#page_sans_encadres div#pied_page{
background: #fff url(img/pied_page_sans_encadres.png) no-repeat 0 bottom;
}

div#page_avec_encadres div#pied_page{
background: #fff url(img/pied_page_avec_encadres.png) no-repeat 0 bottom;
}

div#pied_page a{
background-color: transparent;
text-decoration: none;
}

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

/* === */

#imprimer {
cursor : pointer;
}

#imprimer:hover{
color: #f60;
text-decoration: underline;
}

/* ===*/

div#pied_page ul{
background: url(img/pied_page_liste.png) no-repeat 0 50%;
padding-left: 5px;
}

div#pied_page ul li{
display: inline;
list-style: none;
border-left: 1px solid;
padding-left: 0.5em;
margin-left: 0.5em;
}

div#pied_page ul li:first-child{
border: none;
}

ul#outils{
position: absolute;
top: 27px;
right: 15px;
}

ul#outils_2{
margin-left: 15px;
position: relative;
top: 27px;
}

ul#outils li.premier,
ul#outils_2 li.premier{
border-left: 0 !important;
}

/* ===*/

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

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

body.popup {
background: #fff none;
padding : 10px;
/*font-size: 65%;*/
}

body.popup p{
margin-bottom: 1em;
}

.popup h3 {
color : #000;
}

/* === */

body#newsletter{
background: none;
width: 700px;
margin: 2em auto;
}

body#newsletter table div.style3_deco{
height: 1%;
}