/*** Plan du site  ***/

.plandusite {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.plansite1 li {
list-style-image: url(/jsp_iuttlse3/images/charte/li.gif);
margin: 10px 10px;
}

.plansite2 li {
list-style-image: url(/jsp_iuttlse3/images/charte/lili.gif);
padding-left: 30px
}

.plansite3 li {
list-style-image: url(/jsp_iuttlse3/images/charte/lilili.gif);
}


/* ===	=Commentaires === */
#commenter {
float: right; 
color: #919191; 
font-size: 11px; 
font-weight: bold;
border: 1px solid #657558;
background: #abbb9e url(/jsp_iuttlse3/images/charte/btn_repondre2.gif) 3px 3px no-repeat;
color: #7C3345;
margin: 15px;
padding: 5px 5px 5px 30px;
}

#commenter a {
display: block;
color: #7C3345;
}

#commenter a:hover { 
color: #ffffff;
}

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

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

.com-inner {
background: url(img/filet_droit.png) repeat-x bottom left;
}

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

.com-inner ul {
margin: 0;
}

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

.com-inner li {
background-image: url(img/filet_droit.png);
background-position: bottom left;
background-repeat: repeat-x;
border-left: 1px solid #332e44;
list-style: none;
}

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

.li1first {
margin-top: 0;
}

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

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

p.com-titre0,
.com-titre0 {
background-color: #b0c9a0;
}

p.com-titre1,
.com-titre1 {
background-color: #abbb9e;
}

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

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

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

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

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

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

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

/* Type de fichier-joint */

ul#telecharger{
margin:0.5em 0 0 0;
padding:0;
position:relative;
}

ul#telecharger li{
position: relative;
list-style-type: none;
display: inline;
}

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

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


/*********** =Formulaires de =Gestion **********/
/* =liens  =collaboratif =gestion */

.gestion a {
text-decoration: none;
/*color: #2080ac;
color: #d76b00;*/
color: #d76b00;
}

.gestion a:visited {
text-decoration: none;
/*color: #2080ac;*/
color: #d76b00;
}

.gestion a:hover {
text-decoration: underline;
/*color: #2080ac;*/
color: #d76b00;
}

/* 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 div.liste_multivaluee table{
width:auto;
padding:0;
margin:0;
border:0;
border-collapse:separate;
}

.gestion div.liste_multivaluee td{
vertical-align:top;
padding:5px;
border:0;
}

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

.gestion input.bouton{
color: #616A74;
}

.gestion input,
.gestion textarea {
font-size: 0.9em;
}

.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;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
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;*/
background-color: #f4f4ef;
background-color: #f1f2f3;
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: 200px;
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;
}

p#tableau_ajout{
float: none;
}

.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 td,
.gestion th {
/*padding: 3px 10px;*/
padding: 3px 2px;
vertical-align:text-top;
}

.gestion th{
text-align: center;
}

.gestion tr  {
border-bottom:1px solid #616A74;
}

.gestion .odd td {
/*background-color:#d2e0e2;*/
background-color: #B7BA96;
/*background-color: #abbb9e;*/
background-color: #d7dfd1;
}

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

ul.liste-horizontale {
list-style-type: none;
margin:0 0 1em 0;
padding: 0;
}

ul.liste-horizontale li {
list-style-image: none;
list-style-position: outside;
margin:0;
padding:0;
display: inline;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
border-right:1px solid #ccc;
}


/*************************************
=commentaires =collaboratif
*************************************/
body.collaboratif .com-outer {
margin-top: 15px;
}

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

/*********************************
= 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 {
margin:0;
padding: 1px 5px;
background-color: #fff;
border: 1px solid #332e44;
border-width: 0 1px 1px 1px;
font-size:95%;
height:18px;
}

.portlet-actions a,
.portlet-actions span {
float:left;
width:11px;
height:0;
padding: 17px 2px 0 2px;
overflow:hidden;
}

.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 {
float: right;
background:url(/adminsite/portal/img/max.gif) no-repeat 50% 4px;
}

.portlet-actions .portlet-min {
float: right;
background:url(/adminsite/portal/img/min.gif) no-repeat 50% 4px;
}

.portlet-actions .portlet-nor {
float: right;
background:url(/adminsite/portal/img/norm.gif) no-repeat 50% 4px;
}

.portlet-contenu,
.portlet-contenu table,
.portlet-contenu td {
font-size:1em;
font-family: Verdana, Arial, sans-serif;
}

.portlet-contenu {
padding: .4em 5px;
border: 1px solid #332e44;
border-width: 0 1px 1px 1px;
overflow: auto;
}

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