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

body{
background: #64657b url(img/body.png) repeat-x 0 0;
color: #555;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 62.5%;
margin-bottom: 2.5em;
}

body, html, fieldset{
border: 0;
}

table,
th,
td{
font-size: 1em;
border-collapse:collapse;
}

div#contenu_deco fieldset{
border:2px solid #ddd;
}
fieldset p.note{
color:#777;
font-style:italic;
position:relative;
top:1em;
}

div#carnet_adresse p.note{
color:#777;
font-style:italic;
font-weight:normal;
}

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

pre{
font-size: 1.2em;
}

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

a{
color: #db457e;
text-decoration: underline;
}

a img,
a:link img,
a:visited img{
border: none;
}

a:focus{
background-color: #666 !important;
color: #FFF !important;
text-decoration: none !important;
}

.en-colonne code{
background:#eee;
display:block;
font-size:1.4em;
font-weight:700;
margin:0.5em;
padding:0.5em;
overflow:scroll;
}

.en-colonne .fermer{
margin: 1em auto;
padding: 5px;
background: #eee;
cursor: pointer;
font-weight: 700;
text-align: center;
width: 5em;
}

h2{
background: transparent no-repeat 0 0.5em;
color: #2b4e5a;
font-size: 2em;
font-weight: normal;
margin: 0 0 1em 0;
padding-left: 20px;
}

img#entete_impression{
display:none;
}

div#acces_direct{
position: absolute;
margin: 0 1em;
padding: 0;
z-index: 10;
}

div#acces_direct a,
div#acces_direct a:visited{
background: none;
color: #DDD;
text-decoration: none;
display: block;
text-align: center;
margin: 0;
padding: 0;
}

div#acces_direct a:hover{
background-color: #666;
color: #FFF;
}

h2 span#titre_h2_deco{
background: url(img/titre_h2_deco.png) repeat-x 0 100%;
width:90%;
display: block;
padding-bottom: 10px;
}

div.saisie_front h2{
color: #fff;
background-image: url(img/mode_saisie/h2.png);
}

#contenu_deco_ressource h2{
background-color: #fff;
color: #ae005a;
height:50px;
font-size: 2em;
font-weight: normal;
margin: 0 0 0 -4px;
padding: 30px 0 10px 20px;
background: url(img/puce_ressource.png) no-repeat 0 50%;
}

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

.editable{
color: #000;
background-color: #ffffd3;
}

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

div#page{
color: #565556;
font-size: 1.1em;
margin:0 auto 2em;
width: 1000px;
}

/* ===========================
Styles pour integrer un datagrid sweet dev dans un fieldset gestion en-colonne
=========================== */
.gestion .sweetdev_grid td,
.gestion .sweetdev_grid th{
padding: 0;
}

.gestion .sweetdev_grid table{
margin: 0;
}

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

.gestion .sweetdev_grid{
padding: 0;
}

.gestion .sweetdev_grid span{
padding: 0;
}

.gestion .sweetdev_grid span.ideo-but-left{
padding:0 0 0 14px;
}

.gestion .sweetdev_grid span.ideo-but-center{
padding:0;
}

.gestion .sweetdev_grid span.ideo-but-main{
padding:0;
}

.gestion .sweetdev_grid span.ideo-but-right{
padding:0 14px 0 0;
}

.en-colonne .sweetdev_grid .ideo-pgb-no-backward,
.en-colonne .sweetdev_grid .ideo-pgb-no-backwardLast,
.en-colonne .sweetdev_grid .ideo-pgb-no-forward,
.en-colonne .sweetdev_grid .ideo-pgb-no-forwardLast,
.en-colonne .sweetdev_grid .ideo-pgb-backward,
.en-colonne .sweetdev_grid .ideo-pgb-backwardLast,
.en-colonne .sweetdev_grid .ideo-pgb-forward,
.en-colonne .sweetdev_grid .ideo-pgb-forwardLast{
width:14px;
}

.ideo-ndg-propertiesIcon{
display:none;
}

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

hr.separateur_sections_page{
display: none;
}

/* --- Objet Formulaire --- */
table.objet-formulaire select{
max-width:200px;
}

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

.hide,
.formulaire_hidden{
position: absolute;
visibility: hidden;
display: none !important;
}

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

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

.retour{
cursor: pointer;
}

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

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

.ok{
background: url(img/bouton_valider.png) no-repeat 0 100%;
border: 0;
font: 0.9em verdana, sans-serif;
height:22px;
width:33px;
}

.legende{
background-color: transparent;
color: #666;
font-size: xx-small;
margin: 0.5em 0 1em 0;
}

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

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

div#bandeau{
height: 93px;
position: relative;
display: block;
}

body.dsi div#bandeau{
background-image: url(img/dsi/bandeau.png);
background: none !important;
}

div#bandeau a#retour_principal{
position: absolute;
top: 0;
left: 0;
}

div#bandeau_deco{
background: url(img/bandeau_deco.png) no-repeat 0 0;
height: 104px;
position: absolute;
top: 0;
left: -13px;
width: 13px;
padding-left: 13px;
display: block;
}

/* --- */

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

h1{
color: #fff;
font-family: "Century Gothic", sans-serif;
font-size: 1em;
position: absolute;
left: 219px;
letter-spacing: 1px;
top: 0;
}

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

h1 img{
position: absolute;
}

h1 span#intitule{
position:absolute;
top:0;
left:230px;
border:1px solid #a9adb8;
width:368px;
color:#db3f2a;
}

/* *******************
=Bloc =Services
******************** */

div#sous_bandeau{
background: url(img/sous_bandeau.png) no-repeat 0 0;
min-height: 66px;
position: relative;
z-index:15;
}

body.dsi div#sous_bandeau{
background-image: url(img/dsi/sous_bandeau.png);
z-index:6101;
}

/* menus deroulants selection etablissement et profil : */

div#form_deroulants{
width:230px;
float:left;
position: absolute;
top: 0;
left: 0;
}

form#etablissement{
position:relative;
top: 34px;
left:15px;
display: block;
}

form#etablissement label{
color: #fff;
font-weight: 700;
margin-bottom: 5px;
display: none;
width:250px;
}

form#etablissement select{
width: 169px;
font-size: 1.1em;
}

form#etablissement input#etablissement_valider{
vertical-align: top;
}

form#etablissement fieldset{
width:250px;
}

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

form#recherche_simple{
position: absolute;
top: 7px;
right: 0;
width: 160px;
}

form#recherche_simple p{
display: inline;	
}

form#recherche_simple label{
background-color: transparent;
color: #202434;
color: #363d58;
font-family: "trebuchet MS", sans-serif;
text-decoration: none;
font-size: 1.3em;
font-weight: 700;
}

form#recherche_simple input.champ-saisie{
margin-top:0;
border:1px solid #a9adb8;
width:110px;
}

#recherche_simple a{
background-color: transparent;
color: #363D58;
text-decoration: none;
}

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

#recherche_simple p#vers_recherche_avancee{
margin: 0;
font-size: 0.9em;
padding-bottom:2px;
}

div#contenu_deco2 ul#choix_recherche_avancee{
margin:10px 20px;
font-size:1.2em;
line-height:1.4em;
}

#vers_aide{
margin:0;
margin-top:5px;
font-size: 1.3em;
font-weight: 700;
color: #6771A5;
text-align:right;
}

#vers_aide a{
color: #6771A5;
background-color: transparent;

text-decoration: none;
}

#vers_aide a:hover{
color: #6771A5;
text-decoration: underline;
}

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

div#connexion{
left: 19px;
position: absolute;
top: 0;
font-weight: 500;
z-index: 6;
}

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

div#connexion a#se_deconnecter{
font-weight: 700;
}

div#connexion a:hover{
color: #fff;
text-decoration: underline;
}

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

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

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

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

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

/* =Contexte =DSI */

body.dsi div#connexion p{
color: #fff;
margin: 0.2em 0;
}

body.dsi div#connexion ul{
margin-top: 1em;
}

body.dsi div#connexion ul li{
list-style-type: none;
}

body.dsi #select_profil{
width: 140px;
}

body.dsi #personne_dsi{
font-weight: 700;
}

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

#menu{
background-color: #332e44;
color: #ccc;
float: left;
padding-bottom: 1px;
width: 100%;
height: 80px;
}

/* ========== bloc services ========== */

ul#services{
list-style:none;
margin:0;
position: absolute;
top: 0;
left: 235px;
}

ul#services li{
float: left;
position: relative;
display: block;
}

ul#services li#focus,
ul#services li#focus img{
background:#f9a604;
}
/*
ul#services a{
display:block;
}


ul#services a:hover:after {
content: attr(title);
width: attr(width);
overflow:hidden;
display:block;
background-color:#E51378;
color:#fff;
text-decoration:none;
}
*/

ul#services img#service-aide{
cursor: help;
}

ul#services ul{
border:1px solid #9EA4AC;
background-color:#9EA4AC;
position:absolute;
top:66px;
left:0;
z-index:15;
}

/* === */

#slide{
left: 0;
position: absolute;
top: 93px;
background-color: #4677a2;
color: #ccc;
float: left;
padding-bottom: 1px;
width: 1000px;
height: 15px;
}

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

ul.menu-principal{
line-height: 30px;
list-style-type: none;
}

ul.menu-principal li{
float: left;
margin: 0 0.3em;
position: relative;
}

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

.menu-principal em{
font-style: normal;
font-weight: 700;
}

.menu-principal a{
background-color: transparent;
color: #fff;
text-decoration: none;
}

.menu-principal ul a:hover{
text-decoration: underline;
}

/* --- menu_services --- */

ul#menu_services{
list-style: none;
margin: 0;
padding: 1em 0 0.4em 18px;
font-weight: 700;
}

ul#menu_services li{
display: inline;
border-right: 1px solid;
padding: 0;
}


ul#menu_services a{
color: #4f515c;
padding: 0.4em 0.8em;
text-decoration: none;
}

ul#menu_services a.active,
ul#menu_services a:hover{
color: #4f515c;
background-color: #fff;
}

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

div#bloc_menu_gauche {
	float: left;
}

/* --- Menu Gestion --- */

div#menu_gestion{
background: #fff;
font-family: "Trebuchet MS", sans-serif;
margin: 2px 5px 0 0;
padding: 0 0 1em;
position: relative;
width: 216px;
}

div#menu_gestion p{
background: #db457e;
color: #fff;
font-weight: 700;
font-size: 1.45em;
margin: 0 0 0.5em;
padding: 0 0.3em 0.2em 0.3em;
}

div#menu_gestion img{
border: 2px solid #db457e;
position: absolute;
right: 5px;
top: 7px;
width: 36px;
}

div#menu_gestion ul{
background: #fff;
font-size: 1.1em;
font-weight: 700;
list-style: none;
margin: 0 0 0 15px;
}

div#menu_gestion ul li{
margin: 0;
line-height: 140%;
}

div#menu_gestion ul ul{
font-family: verdana, sans-serif;
font-size: 0.8em;
font-weight: 500;
margin: 0 0 0.8em 10px;
}

div#menu_gestion ul ul li{
margin: 0 0 0.2em;
}

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

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

/* --- Menu Navigation */

div#navigation{
background: url(img/navigation.png) no-repeat 0 100%;
margin-right: 5px;
padding-bottom: 28px;
position: relative;
width: 216px;
z-index: 1;
}

div#navigation_deco{
background: #c2d719;
padding-bottom: 20px;
}

div#navigation ul{
margin: 0 2px 0 0;
list-style-type:none;
font-size: 1.45em;
font-weight: 700;
font-family: "Trebuchet MS", sans-serif;
}

div#navigation ul li{
position: relative;
}

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

div#navigation ul li em a{
color: #2b4e5a;
overflow: hidden;
}

div#navigation ul a{
display: block;
border-top: 1px solid #a9adb9;
padding: 1px 15px 1px 6px;
overflow: hidden;
}
div#navigation ul a:hover{
background-color: #e2ee5e;
}
div#navigation ul em a{
background: #e2ee5e url(img/pictos/navigation_focus.png) no-repeat right top;
}

/* --- niveau 2 --- */

div#navigation ul ul{
font-size: 0.75em;
font-weight: 700;
border: 0;
margin: 0;
background: url(img/pictos/navigation_niv2.png) repeat-y right 0;
}

div#navigation ul ul a{
border-top: 1px solid #baca49;
color: #2b4e5a;
padding: 0.2em 10px 0.2em 15px;
overflow: hidden;
}

/* -- niveau 3 --- */

div#navigation ul ul ul{
list-style: none;
font-weight: 500;
}

div#navigation ul ul ul li{
background: url(img/motifs/puce.png) no-repeat 15px 6px;
}

div#navigation ul ul ul a{
font-family: verdana, sans-serif;
font-size: 1.1em;
border-top: 0;
padding-left:25px;
}

div#navigation ul ul ul a:hover{
background: #e2ee5e url(img/motifs/puce.png) no-repeat 15px 6px;
}
div#navigation ul ul ul em a{
background: #e2ee5e url(img/pictos/navigation_focus.png) no-repeat right -4px !important;
color: #6771a5;
}

/* --- */

div#navigation ul img.navigation_ouvrir{
position:absolute;
top:1px;
right:0;
cursor:pointer;
display:inline;
}

div#navigation span,
div#navigation a{
color: #6771a5;
text-decoration: none;
}

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

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

.bloc_menu{
background: transparent url(img/menu_secondaire_deco2.png) no-repeat 100% 0;
padding-left: 20px;
margin-bottom: 20px;
}

.groupe_navigation{
padding-bottom: 20px;
border-right: 1px solid #a9adb9; 
}

.panel{
color:#373c5f;
background-color: #fff;
cursor:pointer;
margin-left:15px;
}

.premierh{
border-top: 1px solid #a9adb9;
}

.panel h3{
font-size:1.3em;
padding: 4px 6px 4px 6px;
margin: 0;
border-bottom: 1px solid #a9adb9;
cursor:move;
}
.panel_body{
height:auto;
}

.lineitem{
background-color: #E9EEE4;
padding: 1px 0 1px 10px;
border-bottom: 1px solid #D6DAD7;
cursor:move;
}
.lineitem a{
background-color: #E9EEE4;
}

.dernieritem{
border-bottom: 1px solid #a9adb9;
}

ul.menu_secondaire{
margin: 17px 15px 0 20px;
}

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

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

/* === outils === */

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

/* === services === */

#services{
margin-left: 10px;
}

ul#services img.service_focus{
border-right: 2px solid #db457e;
border-left: 2px solid #db457e;
}

#services label{
color: #ffb623;
font-size: 1.1em;
font-weight: 700;
vertical-align: middle;
}

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

div#contenu_deco{
background: #fff;
float: left;
height: auto;
border-top: 1px solid #a9adb9;
border-bottom: 1px solid #a9adb9;
position:relative;
margin-bottom: 7px;
width: auto;
}

div#contenu_deco_espace{
width: auto;
float: left;
height: auto;
border-top: 1px solid #a9adb9;
border-bottom: 1px solid #a9adb9;
position:relative;
}

div#contenu{
float: left;
min-height: 500px;
padding: 0 0 60px;
position:relative;
width: 779px;
}

div#contenu_deco2{
margin: 0 10px 50px;
position: relative;
/*z-index: 1 !important;*/
}

div#sous_menu_header{
margin-bottom: 30px;
}

div#contenu_deco_espace #contenu{
border:0}

/* pour plan de site et liste imbriquees dans toolbox */

div#contenu ul,
div#contenu ol{
margin: auto;
padding: 0 0 0 2em;
}

div#entete_principal{
background: #7C8F8E no-repeat 0 0;
border-top: 1px solid #8da595;
border-bottom: 1px solid #fff;
/*width: 779px;*/
/* margin-left: 2px; */
}

p.fil_ariane{
background: #c8cdd7;
font-size: 0.9em;
margin: 0;
padding: 0.7em 120px 0.7em 5px;
border-bottom: 1px solid #fff;
}

p.fil_ariane_gestion{
background: #DB457E; /*#fff;*/
color: #fff; /*#db457e;*/
/*padding-left: 10px;*/
padding: 0.2em 120px 0.1em 10px;
width:649px;
}

div#contenu_deco_espace p.fil_ariane{
margin-left: 18px;
margin-right: 150px;
padding-left: 0;
background-color: transparent;
}

p.fil_ariane a{
background: transparent;
color: #55575C;
text-decoration: none;
}

p.fil_ariane_gestion a{
color: #fff; /*db457e;*/
}

p.fil_ariane a:hover{
text-decoration: underline;
}

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

p.fil_ariane_gestion em{
font-size: 16px;
font-family: "Trebuchet MS", sans-serif;
vertical-align: middle;
}

p.fil_ariane em a{
background-color: #DADDE4;
padding: 0.2em;
}

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

/* --- Ent?te avec ou sans saisie front --- */

div#entete{
padding: 1em 25px;
margin: 0;
position: relative;
width: 725px;
/*z-index: 200;*/
}

/* entete avec onglets */

div#contenu_deco div.entete_onglets{
padding-bottom: 0;
}

div.entete_onglets ul#tabnav{
border-bottom: 0;
}

/* === fin entete avec onglets === */

div.saisie_front{
background: #96a5a4 url(img/entete_saisie_front.png) repeat-x 0 0;
border-top: 1px solid #7c8f8e;
padding-bottom: 0.4em !important;
width: auto !important;
}

/* --- */

div#plein_ecran{
height: 21px;
width: 21px;
position: absolute;
right: 14px;
top: 2px;
z-index: 600;
}

div#plein_ecran img{
cursor: pointer;
}

/* -- aide contextuelle -- */
.aide_contextuelle{
cursor:pointer;	
}

img#trousse{
cursor: pointer;
position: absolute;
top: 6px;
right: 50px;
z-index: 6000;
}

div#menu_contextuel{
position: absolute;
top: 30px;
right: 73px;
background-color: #fff;
width: 225px;
border: 3px solid #ec751a;
padding: 0;
z-index: 6101;
}

div#menu_contextuel p{
color: #fff;
font-weight: 700;
background-color: #efb248;
margin: 0 0 0.5em 0;
padding: 0.2em 10px 0.2em 5px;
width: 175px;
overflow: hidden;
}

div#menu_contextuel p#aide_contextuelle_titre{
width: auto;
background-color: #ec751a;
}

div#menu_contextuel p#aide_contextuelle_titre_focus,
div#menu_contextuel p.aide_contextuelle_titre_focus{
background-color: #f87f1b;
}

div#menu_contextuel p:active{
background-color: #df6b0d;
}

div#menu_contextuel img#aide_contextuelle_fermer{
position: absolute;
top: -27px;
left: 190px;
cursor: pointer;
}

div#menu_contextuel img#aide_contextuelle_fermer:hover{
}

div#menu_contextuel ul{
list-style: none;
margin: 0 0.5em 0.5em 4px;
padding-left: 0;
color: #b2b2b2;
font-family: arial, helvetica, sans-serif;
}

div#menu_contextuel ul#aide_enligne{
border-bottom: 0;
margin-bottom: 0;
}

div#menu_contextuel ul li{
margin-bottom: 0.4em;
}

div#menu_contextuel ul li img{
vertical-align: middle;
margin-right: 2px;
}

div#menu_contextuel ul a{
background:transparent;
text-decoration: none;
}

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

div#entete_evenement p{
border-bottom: 1px dotted #b0b0b0;
padding: 0.5em 0;
margin: 0 0 0.5em 0;
}

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

div#entete_chat p{
margin: 0 0 0.5em 0;
}

div#entete_chat p em{
font-style: normal;
font-weight: 700;
color:#2B4E5A;
font-family:"Trebuchet MS",sans-serif;
font-size:1.4em;
}

div#entete_chat ul{
list-style: none;
padding:0.5em 0 0.5em 0;
}

#participant ul{
list-style: none;
padding:0.5em 0 0.5em 0;
}

.chat{
width:auto;
height:300px;
border:1px black solid;
font-family:verdana,helvetica,arial,sans-serif;
line-height:1.3em;
font-size:1em; 
overflow:auto;
}

.champSaisieChat{
width: 525px;
}

/*** Carnet d'adresse ***/


div#carnet_adresse{
background-color: #fff;
padding: 0;
}

div#carnet_adresse p{
font-weight: 700;
margin: 0 0 0.5em 0;
padding: 0.2em 10px 0.2em 5px;
}

div#carnet_adresse p#carnet_adresse_titre{
color: #fff;
width: auto;
background-color: #ec751a;
}

div#carnet_adresse #ca_fermer{
text-align: center;
}

ul#liste_adresse{
margin: auto;
/*padding: 0 0 0 2em;*/
list-style: none;
overflow: auto;
height: 175px;
}

#carnet_perso_group em{
color: #000000;
font-style: normal;
font-weight: bold;
cursor: pointer;
}

.gestion span.create_groupe{
background-image: url("img/messagerie/address-book-new.png");
background-repeat: no-repeat;
background-position: left center;
padding: 5px 5px 5px 18px;
border: solid 1px #000;
}

span#action_one_group{
border: solid 1px #000;
background-color: #fff;
display: block;
cursor: pointer;
margin-top: 5px;
width: 150px;
padding: 5px;
}


.en-colonne p.supprimer_carnet_groupe{
background-image: url('img/messagerie/emblem-important.png');
background-repeat: no-repeat;
padding-left: 34px;
text-align: center;
width: auto;
}

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

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

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

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

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

body.article #thematique{
font-size: 0.9em;
margin: 0.5em 0;
}

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

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

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

body.article #date{
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
color: #778aaa;
font-size: xx-small;
margin: 0.5em 0 0 0;
padding: 0.5em 0;
}

body.article #chapeau{
font-weight: 700;
margin: 0 0 1em 0;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.2em;
}

body.article div#corps{
border-bottom: 1px solid #bcbcbc;
padding-bottom: 2em;
font-family: "Trebuchet MS", sans-serif;
font-size: 1.2em;
overflow-x:auto;
padding-left:1px;
}

body.article div#corps table ul.liste-objets em{
font-size: 1.1em;
}

body.article div#corps ul li{
list-style-position: inside;
}

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

body.forum div#corps{
font-size: 1.2em;
font-family: "trebuchet MS", sans-serif;
}

p#commenter{
position: relative;
font-weight: 700;
height: 28px;
margin: 1em 0 0 0;
padding-bottom: 1.5em;
background: url(img/filet_article_blog.png) repeat-x 0 100%;
font-family: arial, sans-serif;
font-size: 1.2em;
}

p#commenter span,
p#commenter a{
background: #ec7419 url(img/forum/commenter.png) no-repeat 0 0;
color: #fff;
cursor: pointer;
text-decoration: none;
border: 0;
padding: 0 0 0 8px;
width: 128px;
line-height: 28px;
height: 28px;
display: block;
text-align: left;
position: absolute;
right: 0;
}



.com-outer{
padding: 0;
}

.com-inner{
}

.com-inner h3{
font-size: 1.3em;
font-weight: 700;
color: #6f2449;
font-family: "Trebuchet MS", sans-serif;
}

div#contenu .com-inner ul{
margin: 0;
padding: 0;
list-style: none;
}

div#contenu .com-inner ul li{
margin:0;
}

body.forum .com-inner ul#com-ul1 ul li{
margin-left: 1.5em;
border-left: 1px solid #d1d1d1;
padding-left: 0.5em;
}

p.com-titre{
color: #4f515c;
background: #d1d1d1 url(img/blog/com-titre.png) no-repeat 5px 50%;
font-weight: 700;
margin: 0 0 0.5em 0;
padding: 0.5em 20px;
}

body.forum p.com-titre{
padding: 0.2em 20px;
}

p.com-date,
p.com-site{
font-size: x-small;
margin: 0 5px;
font-family: verdana, sans-serif;
}

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

div.com_corps{
padding: 0.5em 5px 1em 5px;
border-bottom: 1px solid #b0b0b0;
margin-bottom: 1em;
}

.com-corps p{
margin: 1em 0 0.5em 0.5em;
border-bottom: 1px solid #b0b0b0;
padding-bottom: 0.8em;
}

p.repondre{
margin: 0 0 1em 0;
color: #fff;
font-weight: 700;
position: relative;
height: 18px;
border-bottom: 0;
padding-bottom: 1em;
border-bottom: 1px dotted #b0b0b0;
}

ul#com-ul1 ul p.repondre{
border: 0;
padding-bottom: 0;
}

p.repondre span,
p.repondre a{
background: red url(img/forum/repondre.png) no-repeat 0 0;
cursor: pointer;
display: block;
height: 18px;
line-height: 18px;
width: 81px;
padding-left: 5px;
position: absolute;
right: 0;
text-decoration: none;
color: #FFF;
}

fieldset#ajouter_commentaire{
margin:2em 0;
border:1px solid rgb(244,134,21);
}

fieldset#ajouter_commentaire legend{
font-family: "Trebuchet MS", sans-serif;
font-size: 1.2em;
}

fieldset#ajouter_commentaire p{
margin-bottom: 1em;
}

fieldset#ajouter_commentaire p label{
font-family: "Trebuchet MS", sans-serif;
}

fieldset#ajouter_commentaire input#valider{
margin-right:3em;
}

/* style 3 */

.style3_deco{
padding:0 8px 7px 0;
background:url(img/style3_deco.png) no-repeat right bottom;
margin-bottom:1em;
position:relative;
}

html>body .style3_deco{
padding:0 8px 0 0;
}

.style3_deco_a{
position:absolute;
top:0;
right:-8px;
width:8px;
height:20px;
background:url(img/style3_decoa.png) no-repeat 0 0;
}

html>body .style3_deco_a{
right:0;
}

.style3_deco_b{
background:url(img/style3_decob.png) no-repeat left bottom;
padding-bottom:0;
}

.style3_deco_c{
float:right;
}

html>body .style3_deco_b{
padding-bottom:7px;
}

.style3{
background:#D8F291;
border:1px solid #6E72A2;
}

.style3 h3{
color:#f97f08;
border-bottom:1px solid #F9A606;
background:#fff url(img/style2_titre.png) no-repeat right 0;
margin-top:0;
padding-top:0.5em;
padding-bottom:8px;
font-size:1.1em;
padding-right:25px
}

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

p#recherche_avancee_message{
background: #c2d71d url(img/recherche_avancee_message.png) no-repeat 0 0;
padding: 0.4em 30px;
margin-top: 1em;
}

p.msg-aide{
background: #c2d71d url(img/recherche_avancee_message.png) no-repeat 0 0;
padding: 0.4em 30px !important;
width: auto !important;
}

#recherche_avancee legend{
display: none;
}

form#recherche_avancee fieldset{
border:2px solid #ddd;
background: #f1f1f1;
}

form#recherche_avancee fieldset p{
clear: both;
margin: 0;
overflow: auto;
padding: 0.6em 0;
}

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

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

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

form#recherche_avancee img{
vertical-align: top;
}

form#recherche_avancee p#recherche_avancee_valider{
text-align: right;
margin: 1.5em 0 0 0;
}

form#recherche_avancee p#recherche_avancee_valider input{
color: #fff;
border: 0;
font-weight: 700;
font-family: arial, sans-serif;
text-transform: lowercase;
padding-left: 8px;
text-align: left;
width: 136px;
height: 28px;
cursor: pointer;
}

form#recherche_avancee p#recherche_avancee_valider input.effacer{
background: #bdbdbd url(img/effacer.png) no-repeat 0 0;
}

form#recherche_avancee p#recherche_avancee_valider input.valider{
background: #4badc5 url(img/valider.png) no-repeat 0 0;
}

/* page r?sultats de recherche  */

#precisions_resultats{
color: #6771a5;
font-weight: 700;
margin: 0 0 1em 0;
}

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

ul.liste_resultats li{
background: url(img/liste_resultats.png) no-repeat 0 2px;
border-bottom: 1px dotted #6f2449;
margin-bottom: 0.6em;
padding-left: 15px;
padding-bottom: 0.6em;
list-style: none;
}

ul.liste_resultats li a{
font-weight: 700;
text-decoration: none;
}

ul.liste_resultats li a:hover{
text-decoration: underline;
}

p#pagination{
font-weight: 700;
font-size: 0.9em;
color: #6771a5;
}

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

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

ul.liste-articles li{
border-top: 1px solid #ddd;
clear: left;
list-style-type: none;
margin: 0;
padding: 10px 0;
}

div.liste-blog div.item-blog{
border: 0;
background: url(img/filet_article_blog.png) no-repeat 0 100%;
clear: left;
list-style-type: none;
margin: 0;
padding:0 0 10px 0;
}

div.liste-documents div a,
ul.liste-actualites a,
ul.liste-articles a{
padding-left: 0;
text-decoration: none;
}

ul.liste-documents li a:hover,
ul.liste-actualites a:hover,
ul.liste-articles a:hover{
text-decoration: underline;
}

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

ul.liste-documents em,
ul.liste-actualites em,
ul.liste-articles em{
font-size: 1.1em;
font-style: normal;
font-weight: 700;
margin: 0;
}

ul.liste-documents p em,
ul.liste-actualite p em,
ul.liste-articles p em{
font-size:1em;
font-family:verdana,helvetica,arial,sans-serif;
line-height:1em;
font-style:italic;
font-weight:normal;
}

div#contenu div.liste-blog{
padding-left: 0;
}

div.liste-blog h3{
font-size: 1.45em;
font-family: "Trebuchet MS", sans-serif;
line-height: 1.6em;
font-style: normal;
font-weight: 700;
margin:0;
}

div.liste-blog p em{
font-size:1em;
font-family:verdana,helvetica,arial,sans-serif;
line-height:1em;
font-style:italic;
font-weight:normal;
}

div.style3_deco_b div.liste-blog em{
font-family: verdana, sans-serif;
font-size: 1.1em;
line-height: normal;
}

div.liste-blog span.blog_redacteur{
border-top: 1px dotted #b0b0b0;
padding-top: 0.3em;
margin-top: 0.5em;
font-size: 10px;
display:block
}

div.liste-blog div.blog_resume {
border-bottom:1px dotted #B0B0B0;
color:#565556;
font-family:"Trebuchet MS",sans-serif;
font-size:1.2em;
line-height:140%;
padding:1em 0;
overflow-x:auto;
padding-left:1px;
}

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-size: 1.1em;
font-weight: normal;
}

ul.liste-documents span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste{
color: #222e44;
}

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

ul.liste-blog p{
font-size: 110%;
margin: 0;
padding: 0;
color:#4c5f6e;
line-height: 1.7em;
}

body.accueil div.dragableBox ul.liste-pardefaut,
div#contenu div#floatingBoxParentContainer ul.liste-pardefaut{
margin: 0;
padding: 0.5em;
background-color: #a24c35;
}

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

body.accueil div.dragableBox ul.liste-pardefaut li,
div#floatingBoxParentContainer ul.liste-pardefaut li{
list-style: none;
border-bottom: 1px dotted;
padding: 0.5em 0;
color: #fff;
}

body.accueil div.dragableBox ul.liste-pardefaut li a,
div#floatingBoxParentContainer ul.liste-pardefaut li a{
color: #fff;
text-decoration: none;
font-weight: 700;
}

body.accueil div.dragableBox ul.liste-pardefaut li a:hover,
div#floatingBoxParentContainer ul.liste-pardefaut li a:hover{
text-decoration: underline;
}

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

ul.fluxrss li span{
display: block;
}

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

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

/* --- */

div.liste-blog p.blog_commentaires{
clear:left;
font-size: 1em;
margin: 1em 0;
}

div.liste-blog p.blog_commentaires a{
padding: 0.2em 0 0.2em 20px;
margin-right: 1.5em;
text-decoration: none;
}

div.liste-blog p.blog_commentaires a:hover{
text-decoration: underline;
}

div.liste-blog p.blog_commentaires a.lire_la_suite{
background: url(img/blog/lire_la_suite.png) no-repeat 0 50%;
}

div.liste-blog p.blog_commentaires a.nombre_commentaires{
background: url(img/blog/commentaires.png) no-repeat 0 50%;
}

div.liste-blog p.blog_commentaires a.fichiers_joints{
background: url(img/blog/fichiers_joints.png) no-repeat 0 50%;
}

/* --- */

div.liste-blog span.redac-liste{
color: #332e44;
font-size: 100%;
font-style: normal;
}

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

/* 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{
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,
.gestion div.liste_multivaluee option{
width: 200px;
}

.gestion .preliminaire{
margin: 0 0 3em;
}

.gestion .champ-texte,
.gestion label, 
.gestion span{
padding: 2px;
}

.gestion iframe{
width: 500px;
} /* taille de la toolbox */

/* Messages d'erreurs et autres */
#msg-alerte,
#msg-erreur,
#msg-confirmation{
font-weight: 700;
padding: 0.2em;
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;
}

.gestion textarea{
font-family:verdana,helvetica,arial,sans-serif;
font-size:1.1em;
}

.gestion .obligatoire,
div#carnet_adresse .obligatoire{
color: #f11b03;
}

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

.gestion .champ-texte:focus,
.gestion select:focus{
background-color: #dfdfdf;
}

.gestion #valider-formulaire,
.gestion .valider-formulaire{
float: none;
text-align: right;
padding-right: 7%;
width: auto;
}

.gestion #effacer-formulaire,
.gestion .effacer-formulaire{
width:100px;
clear:none;
float: left;
text-align: left;
}

.gestion #effacer-formulaire input,
.gestion .effacer-formulaire input,
.gestion #valider-formulaire input,
.gestion .valider-formulaire input{
border: 0;
height: 27px;
font-weight: 700;
font-family: arial, sans-serif;
cursor: pointer;
}

.gestion #effacer-formulaire input#effacer,
.gestion #valider-formulaire input#annuler,
.gestion .effacer-formulaire input.effacer,
.gestion .valider-formulaire input.annuler{
background: #a8a8a8 url(img/mode_saisie/annuler.png) no-repeat 0 0;
color: #fff;
width: 75px;
}

.gestion #valider-formulaire input#valider,
.gestion #valider-formulaire input.valider,
.gestion .valider-formulaire input.valider{
background: #fff url(img/mode_saisie/valider.png) no-repeat 0 0;
color: #ec751a;
height: 28px;
width: 66px;
}

.gestion .valider-formulaire input.imprimer{
background: #fff url(img/mode_saisie/valider86.png) no-repeat 0 0;
color: #ec751a;
height: 28px;
width: 86px;
}

.gestion .interieur input#valider {
margin-right: 20px;
}

.gestion #valider-formulaire input#renommer,
.gestion .valider-formulaire input.renommer{
background:#fff url(img/mode_saisie/valider76.png) no-repeat 0 0;
color:#ec751a;
height:28px;
width:76px;
}

.gestion #valider-formulaire input#rechercher,
.gestion .valider-formulaire input.rechercher{
background:#fff url(img/mode_saisie/valider86.png) no-repeat 0 0;
color:#ec751a;
height:28px;
width:86px;
margin-right:20px;
}

.gestion .valider-formulaire input.valider_no_img {
color:#EC751A;
background:#fff none repeat scroll 0 0;
height:28px;
width:auto;
margin-right:10px;
border:solid 2px #EC751A;
}

a.valider_no_img {
color:#EC751A;
background:#fff none repeat scroll 0 0;
height:28px;
width:auto;
margin-right:10px;
border:solid 2px #EC751A;
padding:6px 7px;
text-decoration: none;
font-weight:700;
font-family: arial,sans-serif;
}

.gestion .valider-formulaire input.annuler_no_img {
color:#fff;
background-color:#A8A8A8 none repeat scroll 0 0;
height:28px;
width:auto;
margin-right:10px;
}

.gestion input.readonly{
border: 0;
}

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

form.gestion fieldset{
background-color: #f7f7f7;
clear: left;
margin-top: 1em;
padding-left: 5px;
padding-right: 1px;
width: auto;
}

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

form.gestion div#ong_description .ChampSaisie,
fieldset.saisie_ressource_peda select,
fieldset.saisie_ressource_peda input{
width:360px;
}

fieldset.diffusion input{
margin-left:200px;
width:auto;
}

fieldset.saisie_ressource_peda div#upload_media{
display:none;
/*margin-left:200px;*/
width:auto;
}

fieldset.saisie_ressource_peda div#upload_media input{
width:auto;
}

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

.en-colonne .table_findannu_col label span.normal{
font-weight: normal;	
}

#options label{
width:330px;
font-weight: 500;
padding-left:50px;
}

#encadres .en-colonne span.libelle,
#encadres .en-colonne label,
#encadres .en-colonne .multi-col span{
float: none;
}

#encadres ol{
margin-left:5px;
}

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

.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;
line-height: 150%; /* optionnel ? */
}

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

/* ajout ECL pour demonstrateur Kd21 27/03/2008 */

form.en-colonne table.en_ligne th,
form.en-colonne table.en_ligne td{
padding: 0;
}

form.en-colonne .en_ligne label{
width: auto;
display: inline;
float: none;
}

form.en-colonne .en_ligne input{
width: auto;
}

p.info_formulaire{
margin: 1.5em 0;
}

.readonly{
border: 0;
background: transparent !important;
font: 11px verdana, sans-serif;
}

div.table_findannu_col{
width:45%;
float:left;
clear:none;
}

div.table_findannu_col label,
div.table_findannu_col input#checkbox_find_user_ent,
div.table_findannu_col input#find_user_ent,
div.table_findannu_col input#find_group_ent,
div.table_findannu_col input#find_group_membre{
margin-top:10px;
}
div.table_findannu_col img#img_user_findetab,
div.table_findannu_col img#img_findetab,
div.table_findannu_col input#find_group_perenne{
margin-top:15px;
}

select#find_user_discipline{
	width:100%;
}

body.popup div#table_finduser div.table_findannu_col{
	width:48%;
}

body.popup form fieldset{
	border:2px solid #DDD;
}

img.trier{
cursor: pointer;
vertical-align: middle !important;
margin-left: 5px;
}

/* --- */

table#gabarit_compte_creer{
margin: 0.5em 0;
}

table#gabarit_compte_creer th{
width:5em;
color: #37535b;
}

table#gabarit_compte_creer th,
table#gabarit_compte_creer td{
padding: 2px 0;
}

/* -- fin ajout ECL --- */

#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, sans-serif;
font-size: 100%;
}

.gestion table{
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: top;
}

.gestion tr {
}

.gestion .odd td{
background-color: #d2e0e2;
}

.gestion .even td{
background-color: #fff;
}

.gestion table img{
border: 0;
vertical-align: bottom;
}

.gestion table.layout td img{
border: 0;
vertical-align: bottom;
}

/*** Liste horizontale de liens ***/

p#tableau_ajout{
float: none;
}

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

/* === r?dacteur - date modif - contact rubrique === */

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

#redacteur span{
border-bottom: 1px dotted #B0B0B0;
padding-bottom: 0.2em;
}

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

div#encadres{
float: left;
font-size: 0.95em;
width: 214px;
padding-right:10px;
overflow: hidden;
}

div#contenu_deco_espace div#encadres{
padding-top: 10px;
border-left: 1px solid #e0e0e0;
font-size :1em;
}

div#contenu_deco_espace div#encadres h3{
color: #6f2449;
border-bottom: 1px dotted #b0b0b0;
}

#contenu_deco_espace div#encadres ul{
list-style-image: url(img/puce.png);
margin-left:2em;
}

#contenu_deco_espace div#encadres a{
color: #2d75bf;
text-decoration:none;
}

#contenu_deco_espace div#encadres ul#telecharger{
list-style: none;
margin-left: 0 !important;
}

#contenu_deco_espace div#encadres ul#telecharger li{
clear: both;
background: none;
position: relative;
}

#contenu_deco_espace div#encadres ul#telecharger li img{
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}

#contenu_deco_espace div#encadres ul#telecharger a{
float: left;
margin-right: 5px;
width: 160px;
}

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

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

div.encadre_generique,
div.encadre_rubrique{
padding: 10px 0 10px 15px;
}

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

.encadre_fiche,
.encadre_auto_fiche,
.encadre_nav_auto,
.encadre_recherche{
margin-right: 10px;
}

.encadre_fiche h3,
.encadre_auto_fiche h3,
.encadre_nav_auto h3,
.encadre_recherche h3{
font: 700 1.4em "Trebuchet MS", sans-serif;
margin: 0 0 0 10px;
border-bottom:1px dotted #B0B0B0;
color: #2b4e5a;
padding-bottom:0.5em;
}

.encadre_fiche div,
.encadre_auto_fiche div{
margin: 1em 0;
padding-left:10px;
}

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

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

a.pdf, a.doc, a.xls, a.ppt,
a.sxw, a.sxc, a.sxi, a.image, a.defaut{
background-color: transparent;
background-position: 100% 0;
background-repeat: no-repeat;
display: block;
width: 145px;
padding: 3px 0px 3px 0;
float: left;
overflow:hidden;
}

a.pdf_icone, a.doc_icone, a.xls_icone, a.ppt_icone,
a.sxw_icone, a.sxc_icone, a.sxi_icone, a.image_icone, a.defaut_icone{
background-color: transparent;
background-position: 100% 0;
background-repeat: no-repeat;
display: block;
margin-right: 3px;
width: 20px;
padding: 3px 0px 3px 0;
float: left;
text-decoration: none;
}

a.pdf_icone{
background-image: url(img/pictos/pdf.png);
}

a.doc_icone{
background-image: url(img/pictos/msword.png);
}

a.xls_icone{
background-image: url(img/pictos/msexcel.png);
}

a.ppt_icone{
background-image: url(img/pictos/mspowerpoint.png);
}

a.sxw_icone{
background-image: url(img/pictos/ooo_texte.png);
}

a.sxc_icone{
background-image: url(img/pictos/ooo_classeur.png);
}

a.sxi_icone{
background-image: url(img/pictos/ooo_presentation.png);
}

a.image_icone{
background-image: url(img/pictos/image.png);
}

a.defaut_icone{
background-image: url(img/pictos/defaut.png);
}

.firstencadre{
border: 0;
}

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

div#pied_page{
background: #d73170 url(img/pied.png) no-repeat 100% 0;
clear: both;
color: #fff;
font: 0.95em verdana, sans-serif;
margin: 0 0 0 221px;
position: relative;
padding-left: 10px;
height: 34px;
width: 770px;
}

div#pied_page a,
div#pied_page span#imprimer{
color: #fff;
display:block;
padding-left:20px;
height:18px;
float:left;
margin-top:5px;
margin-right:22px;
padding-top:3px;
text-decoration: none;
}

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

div#logos_partenaires1,
div#logos_partenaires2 {
background-image: url(img/logos_partenaires.png);
background-position: 0 -1px;
background-repeat: no-repeat;
width: 214px;
height: 86px;
margin-top: 10px;
text-align: center;
}

div#logos_partenaires1 a,
div#logos_partenaires2 a{
height: 79px;
margin:0;
padding:0;
}


div#logos_partenaires1 a img,
div#logos_partenaires2 a img {
border:0;
}

a#retour_haut_page{
background:url(img/haut_page.png) no-repeat 0 0;
}

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

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

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

body.popup div#page{
background: #fff;
width:auto;
}

body.popup h3{
color: #000;
}

.ideo-alt-confirmRapproch {
background-color: #F7F7F7;
color : #565556;
border: 1px solid #F7F7F7;
}

.ideo-alt-confirmRapprochIcon {
background-color: #F7F7F7;
}


#valider-formulaire{
float: none;
padding-top: 1em;
text-align: center;
}

/* === Tableaux d'administration === */

form.gestion fieldset{
margin-bottom: 1.5em;
padding-bottom: 1em;
}

form.gestion fieldset th{
text-align: left;
font-weight: 700;
}

table#quota_etab{
margin-right: 5px;
}

table#quota_etab th{
text-align: left;
padding-bottom: 10px;
}

table#quota_etab td.libelle_quota{
text-align: left;
}

table#quota_etab td.quota_cols{
text-align: right;
width: 15%;
}

table#quota_etab td.quota_center{
width: 70px;
}

table#quota_etab td.libelle_quota cite{
padding-left: 5px;
}

/* === Porte-documents === */

div#porte_doc_search{
float: right;
margin-right: 125px;
border: 1px solid #000;
padding-top:2px;
padding-bottom:2px;
}

div#porte_doc_search input{
border: 1px solid #fff;
border-right: 1px solid #000;
}

div#porte_doc_search img{
vertical-align: middle;
}

#porteDoc_over_quota{
border: 1px solid #f00;
color: #f00;
font-size: medium;
font-weight: 700;
text-align: center;
}

p.message_ok,
p.message_nok{
color: #fff;
font-weight: 700;
padding: 0.5em;
}

p.message_ok{
background-color: #6f0;
}

p.message_nok{
background-color: #f00;
}

#porteDoc-zone{
border: solid 1px;
}

#source-selector{
text-align: right;
height: 20px;
}

#selector-ul{
}

div#contenu ul#action_porte_document{
list-style: none;
padding: 0;
}

ul#action_porte_document li{
line-height: 24px;
padding-left: 24px;
margin-right: 10px;
float: left;
}

ul#action_porte_document li.creer_repertoire{
background-image: url("img/portedocument/folder-new.png");
background-repeat: no-repeat;
background-position: left center;
}

ul#action_porte_document li.creer_document{
background-image: url("img/portedocument/document-new.png");
background-repeat: no-repeat;
background-position: left center;
}

textarea#FOLDER_DESCRIPTION{
height: 100px;
width: 317px;
}

/* === Messagerie === */

li.destinataire_ligne{
background-image: url('img/motifs/ajouter.png');
background-repeat:  no-repeat;
background-color: transparent;
background-position: left center;
cursor: pointer;
padding-left: 10px;
width: 75%;
}

li.destinataire_ligne:hover{
background-color: #000000;
color: #FFFFFF;
}

span#messagerie_actions{
background: #fff url(img/messagerie/bullet_arrow_down.png) no-repeat 100% 50%;
border: 1px solid;
margin-right: 10px;
padding: 5px 20px 5px 5px;
cursor: pointer;
position: absolute;
top: -6px;
left: 340px;
}

div#messagerie_entete{
margin-bottom: 20px;
}

div#messagerie_other_actions{
background-color: #fff;
border: 1px solid;
left: 340px;
top: 17px;
position: absolute;
z-index: 9999;
}

div#messagerie_other_actions li.messagerie_sub_action{
font-weight: 700;
cursor: default;
}

div#messagerie_other_actions li.messagerie_sub_action:hover{
background-color: #fff;
}

div#messagerie_other_actions li.messagerie_sub_action li{
font-weight: normal;
cursor: pointer;
}

div#messagerie_other_actions li.messagerie_sub_action li:hover{
background-color: #C1C1C1;
}

div#messagerie_other_actions li.messagerie_sub_block{
padding-left: 15px;
}

div#messagerie_other_actions ul{
list-style-type: none;
padding: 0;
}

div#messagerie_other_actions li{
padding: 4px;
cursor: pointer;
}

div#messagerie_other_actions li:hover{
background-color: #c1c1c1;
}

div#messagerie_folder{
float: left;
margin-top: 20px;
width: 145px;
}

div#messagerie_folder ul{
margin: auto;
padding: 0 0 0 0.7em;
}

div#messagerie_folder li{
list-style-type: none;
margin-bottom: 4px;
width: 145px;
}

.current_folder{
background-color: #E1E1E1;
cursor: default;
}

span.messagerie_mail_read{
background-image: url(img/messagerie/messagerie_lu.png);
background-repeat: no-repeat;
padding-right: 24px;
}

span.messagerie_mail_unread{
background-image: url(img/messagerie/messagerie_nouveau.png);
background-repeat: no-repeat;
padding-right: 24px;
}

span.messagerie_mail_reply{
background-image: url(img/messagerie/messagerie_repondu.png);
background-repeat: no-repeat;
padding-right: 24px;
}

span.messagerie_mail_forward{
background-image: url(img/messagerie/messagerie_transfere.png);
background-repeat: no-repeat;
padding-right: 24px;
}

span.messagerie_mail_both{
background-image: url(img/messagerie/messagerie_both.png);
background-repeat: no-repeat;
padding-right: 24px;
}

div#messagerie_search_zone{
border: 1px solid #000;
background-color: #fff;
height: 22px;
display: block;
width: 177px;
position: absolute;
top: -6px;
left: 480px;
}

div#messagerie_search_zone img{
vertical-align: middle;
}

div#messagerie_search_zone input{
border: 1px solid white;
border-right: 1px solid #000;
}

div#critere_search{
background-color: #fff;
border: 1px solid #000;
position: absolute;
left: 529px;
top: 17px;
z-index: 1000;
}

div#critere_search ul{
padding: 0;
}

#mail_search_date{
width: 115px;
border-color: #fff #000 #fff #fff;
}

div#critere_search li{
cursor: pointer;
list-style-type: none;
padding-bottom: 2px;
padding-left: 15px;
padding-top: 2px;
}

div#critere_search li:hover{
background-color: #c1cccc;
}

div#critere_search li.selected{
background-image: url(img/messagerie/bullet_black.png);
background-position: left center;
background-repeat: no-repeat;
}

span#search_text_field input{
width: 135px;
}

.clickable_element{
cursor: pointer;
}

span#search_calendar_field{
top: -60px;
left: 482px;
height: 22px;
}

span#search_calendar_field img{
vertical-align: middle;
}

div#messagerie_liste_deco{
height: 300px;
overflow: auto;
margin-top: 2em;
border: 1px solid #989898;
margin-bottom: 1em;
width:100%;
}

div#messagerie{
border-collapse: collapse;
font-family: arial, sans-serif;
font-size: 1.1em;
margin-left: 150px;
margin-top: 0;
}

table#messagerie_liste thead th{
border-bottom: 1px solid #989898;
background-color: #dbdbdb;
color: #4e6c7c;
text-align: left;
padding: 5px 0;
padding-left: 20px;
}

#messagerie_over_quota{
border: 1px solid #F00;
color: #F00;
font-size: medium;
font-weight: 700;
text-align: center;
margin-top:50px;
}

table#messagerie_liste th#messagerie_objet{

}

table#messagerie_liste th#messagerie_auteur{
width: 145px;
}

table#messagerie_liste th#messagerie_date{
width: 110px;
}

table#messagerie_liste th#messagerie_poids{
width: 40px;
}

table#messagerie_liste th#messagerie_piece_jointe{
text-align: center;
width: 30px;
padding-left: 0;
}

table#messagerie_liste tbody{
}

table#messagerie_liste td{
padding: 5px 0;
padding-left: 20px;
}

table#messagerie_liste td.messagerie_liste_objet{
color: #227ddb;
cursor: pointer !important;
}

table#messagerie_liste td.messagerie_liste_piece_jointe{
padding-left: 0;
}

table#messagerie_liste tr:hover td{
background-color: #e5e5e5;
cursor: default;
}

table#messagerie_liste tr:hover td.messagerie_liste_objet{
background: #e5e5e5 url(img/messagerie/messagerie_focus.png) no-repeat 5px 50%;
}

div#detail_message{
border: 1px solid #C1CCCC;
margin-left: 152px;
padding: 8px;
font-family: arial, sans-serif;
}

div#detail_message p{
color: #4e6c7c;
margin: 0 0 0.5em 0;
padding-bottom: 0.5em;
display: block;
clear: both;
}

div#detail_message p em{
font-style: normal;
font-weight: 700;
width: 5em;
text-align: right;
display: block;
float: left;
margin-right: 1em;
}

div#detail_message p#messagerie_texte{
border-bottom: 0;
color: #000;
line-height: 150%;
}

/* --- */

div#detail_message dl,
dl.messagerie_entete_message{
border-bottom: 1px solid #ddd;
margin: 0 0 1em 0;
}

div#detail_message dl dt,
dl.messagerie_entete_message dt{
font-weight: 700;
display: block;
width: 10em;
text-align: right;
float: left;
border-top: 1px solid #ddd;
padding-top: 0.5em;
}

dl.messagerie_entete_message dt{
width: 10.5em;
}

div#detail_message dl dd,
dl.messagerie_entete_message dd{
margin: 0.5em 0 0.5em 9em;
border-top: 1px solid #ddd;
padding-top: 0.5em;
padding-left: 1em;
min-height: 1.5em;
}

dl.messagerie_entete_message dd{
margin-left: 10em;
}

div#detail_message dl dt.detail_message_premier,
div#detail_message dl dd.detail_message_premier,
dl.messagerie_entete_message dt.messagerie_entete_message_premier,
dl.messagerie_entete_message dd.messagerie_entete_message_premier{
border: 0;
padding-top: 0;
}

div#contenu div#detail_message dl dd ul,
div#contenu dl.messagerie_entete_message dd ul{
list-style: none;
margin-left: 0;
padding-left: 0;
}

dl.messagerie_entete_message dd ul em{
font-weight: 700;
cursor: pointer;
font-style: normal;
}

/* === Messagerie > menu entete === */

div#entete_messagerie{
background-color: #96A5A4;
margin-left: -10px;
margin-top: 0;
width: 779px;
}

div#entete_messagerie ul#messagerie_outils{
list-style: none;
position: relative;
top: -20px;
left: 0;
width: 312px;
margin: 0;
}

ul#messagerie_outils li{
display:inline;
}

ul#messagerie_outils li#repondre,
ul#messagerie_outils li#repondreatous,
ul#messagerie_outils li#transferer,
ul#messagerie_outils li#jeter,
ul#messagerie_actions_block li#moveto,
ul#messagerie_actions_block li#unread,
ul#messagerie_actions_block li#read{
display:none;
}

ul#messagerie_outils img{
cursor: pointer;
}

/* --- */

ul#ul_to span:hover,
ul#ul_cc span:hover,
ul#ul_bcc span:hover{
text-decoration: line-through;
}

ul#ul_to li img,
ul#ul_cc li img,
ul#ul_bcc li img{
vertical-align: middle;
margin-left: 5px;
}

/* === */

table#participants_ensemble{
width: 100%;
margin-bottom: 2em;
}

table#participants_ensemble th{
color: #fff;
background: #ec751a;
text-align: left;
width: 24em;
padding: 0.2em 0.5em;
}

table#participants_ensemble td{
}

/* - */

table#participants_liste{
width: 100%;
border-collapse: collapse;
margin-bottom: 2em;
}

table#participants_liste th{
color: #fff;
background: #ec751a;
text-align: left;
padding: 0.2em 0.5em;
border-right: 1px solid;
}

table#participants_liste tr.self{
background:#FFDC9F;
}
table#participants_liste tr.even{
background:#FFF5BF;
}
table#participants_liste tr.odd{
background:#fff;
}

table#participants_liste td{
border-bottom: 1px solid #ddd;
padding: 0.2em 0.5em;
}

/***************************************************/
/*                KDECOLE.CSS                      */
/***************************************************/

div#contenu ul#kde_tabnav,
div#contenu ul.kde_tabnav{
list-style: none;
margin: 0;
padding:5px 0 5px 18px;
font-size: 1em;
background-color:#F7F7F7;
border-bottom:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid #DDD;
}

div#contenu ul#kde_tabnav a.active,
div#contenu ul#kde_tabnav a:hover,
div#contenu ul#kde_tabnav li.active a,
div#contenu ul#kde_tabnav li.active span,
div#contenu ul.kde_tabnav a.active,
div#contenu ul.kde_tabnav a:hover,
div#contenu ul.kde_tabnav li.active a,
div#contenu ul.kde_tabnav li.active span{
color: #4f515c;
background-color: #F7F7F7;
}
div#contenu ul#kde_tabnav li.active,
div#contenu ul.kde_tabnav li.active{
background-color: #F7F7F7;
font-weight: 700;
}
div#contenu ul#kde_tabnav li,
div#contenu ul.kde_tabnav li{
border-right:1px solid #ddd;
padding:0 0 0 0;
}

.kde_nav{
list-style: none;
margin: 0;
padding: 1em 0 0 18px;
font-size: 1em;
}

ul#kde_tabnav li,
ul.kde_tabnav li{
color: #fff;
display: inline;
border-right: 1px solid;
padding: 0.4em 0.5em;
margin: 0;
}

ul#kde_tabnav a,
ul#kde_tabnav span,
ul.kde_tabnav a,
ul.kde_tabnav span{
color: #4f515c;
padding: 0.4em 0.8em;
text-decoration: none;
}

ul#kde_tabnav a.active,
ul#kde_tabnav a:hover,
ul#kde_tabnav li.active a,
ul#kde_tabnav li.active span,
ul.kde_tabnav a.active,
ul.kde_tabnav a:hover,
ul.kde_tabnav li.active a,
ul.kde_tabnav li.active span{
color: #4f515c;
background-color: #fff;
}
div#entete ul#kde_tabnav li.active,
div#entete ul.kde_tabnav li.active{
background-color: #fff;
color: #4F515C;
font-weight: 700;
}

/** Onglet avec ul li imbriquer **/

div#entete ul.kde_tabnav_imbrique{
position: relative;
padding: 0;
height: 14px;
}


div#entete ul.kde_tabnav_imbrique li{
border-right: 1px solid;
color: #fff;
display: inline;
margin: 0;
padding: 0.5em;
}

div#entete ul.kde_tabnav_imbrique li.active{
background-color: #fff;
font-weight: 700;
}

div#entete ul.kde_tabnav_imbrique li a{
color: #4f515c;
text-decoration: none;
}

div#entete ul.kde_tabnav_imbrique ul{
background-color: #f7f7f7;
border: 1px solid #ddd;
border-top: 0;
padding: 0.4em 0 5px 18px;
position: absolute;
top: 19px;
left: -12px;
width: 736px;
z-index: 10
}

div#entete ul.kde_tabnav_imbrique ul li{
border-left: 1px solid #ddd;
padding: 0 0.4em;
}

div#entete ul.kde_tabnav_imbrique ul li:first-child{
border-left: 0;
}

div#entete ul.kde_tabnav_imbrique ul a{
border-left: 1px solid;
font-weight: 500;
z-index: 500;
}

div#entete ul.kde_tabnav_imbrique ul a:first-child{
border: 0;
}

div#entete ul.kde_tabnav_imbrique ul li.active,
div#entete ul.kde_tabnav_imbrique ul li.active a{
font-weight: 700;
background: transparent;
}

/* --- */

#prefs{
border:1px solid #d4d0c8;
clear:left;
font-size:1em;
padding:10px;
line-height:1.2;
margin:0;
}

#prefs #formulaire_form_bouttons{
float:none;
text-align:center; 
border-top: 0;
padding:0; 
margin:20px 0;
width:100%;
}

#prefs table{
padding:0;
border-collapse: collapse;
}

#prefs td{
padding:.1em 10px .1em 0;
margin:0;
}

#prefs h4{
font-weight:700;
margin:1.5em 0 1em 0;
font-size:1.1em;
}

#kde_form_visibilite{
margin:1em 0;
padding:10px;
}

#kde_form_visibilite .public{
margin-left:20px;
list-style-type:none;
}

#prefs #kde_form_visibilite input{
margin-right:5px;
}

#prefs .label,
#prefs .ligne_formulaire{
padding:.5em 0;
width:100%;
clear:left;
margin:0;
}

#prefs div.label_message{
margin:10px 0 0 0;
width:100%;
text-align:center;
clear:left;
}

#prefs div.label_message_dsi{
margin:0;
width:680px;
}

#prefs label, #prefs span{
float:left;
width:90px;
color:#37535b;
font-size: 100%; 
text-align:right;
padding-right:10px;
}

#prefs input{
font-size:110%;
margin:0 0 0 5px;
}

#prefs select{
height:20px;
font-size:110%;
margin:0 0 0 5px;
}

#prefs textarea{
width:550px;
font-size: 100%;
font-family:verdana, arial, sans-serif;
}

#prefs .bouton{
font-size: .9em;
color: #666;
border: 1px solid #999;
margin: 0;
padding:2px;
background-color: #eee;
}

/* Champs liste rouge */

#prefs label.regular{
width:auto;
}

#liste-rouge{
background-color:#eee;
margin:.7em 0;
padding: 10px;
}

/************************
* Calendrier
***********************/

#calendar{
margin: 5px;
border: 1px dashed;
background-color: #fff;
padding: 5px 0;
}

#calendar #calendar_navigation_mois{
width: 150px;
margin-bottom:3px;
}

#calendar #libelleMois{
margin-left:10px;
margin-right:10px;
}

#calendar #permutation_affichage{
float: right;
}

#calendar td{
border: 1px solid #ccc;
text-align: center;
}

#calendar td.agendaCalendrierTableaujour{
border: 1px solid #ff5405;
}

#calendar td.agendaCalendrierTableaujour a{
color: red;
font-weight: 700;
}

#calendar td.agendaCalendrierTableaujourSelected{
background-color: #ccc;
font-weight: 700;
}

#calendar td.agendaCalendrierTableaujourSelected a{
color: #000;
}

#calendar td.initialisation{
border: 0; 
text-align: right;
}

/* Saisie Front : fieldset */
.saisie_front fieldset{
border: 1px solid #ccc;
margin-top: 5px;
margin-bottom: 10px;
padding: 10px;
}

.saisie_front legend{
display: inline;
}

/*Sert ? masquer la zone de gestion_fiche_requeteur contenant la date de fin : sous IE ?a posait un probl?me avec un display none sur un div */
#cache *{
display:none;
height: 0;
}


/***************************************************/
/*                TAGS ACCUEIL.CSS                 */
/***************************************************/

.tagspage{
font-size:0.9em;
}


.tagspage p{
margin:0;
padding:0;
margin-left: 10px;
}

/***************************************************/
/*                RESSOURCE_PEDAGOGIQUE.CSS        */
/***************************************************/

#date{
display:none;
}

ul#tabnav{
color: #000;
font: 500 8pt Arial, Helvetica, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #000;
margin: 0;
padding-left:0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #ddd;
margin: 2px 4px 0 0;
border: 1px solid #000;
}

body.ressourcepeda ul#tabnav li{
border: 0;
}

ul#tabnav li.active {
border-bottom: 1px solid #fff;
background-color: #fff;
}

ul#tabnav li.active a{
color: #000;
}

#tabnav a{
float: left;
display: block;
color: #000;
text-decoration: none;
padding: 4px;
font-weight: 700;
}

#tabnav a:hover {
background: #fff;
}

div#entete ul#tabnav{
font: 1.2em "Trebuchet MS";
color: #8c1161;
list-style-type: none;
margin: 0;
height: 18px;
padding-bottom: 0;
position:relative;
}

div#entete ul#tabnav li{
display:inline;
height: 18px;
background-color: #fff;
background:url(img/ressourcespeda/onglet_gauche.png) no-repeat;
margin: 0 3px 0 0;
padding-left: 10px;
padding: 0;
}

div#entete ul#tabnav li.active{
background:url(img/ressourcespeda/onglet_active_gauche.png) no-repeat;
color: #fff;
font-weight:700;
}

div#entete ul#tabnav li.active span,
div#entete ul#tabnav li.active a{
background:url(img/ressourcespeda/onglet_active_droite.png) no-repeat 100% 0;
color: #fff;
}

div#entete ul#tabnav span,
div#entete ul#tabnav a{
display:inline;
color: #8C1161;
text-decoration: none;
padding:0 20px 0 10px;
background:url(img/ressourcespeda/onglet_droite.png) no-repeat 100% -6px;
}

.ressource_peda_telecharger{
background: url(img/ressourcespeda/telecharger.png) no-repeat 0 50%;
padding: 0 5px 0 20px;
color: #ddd;
text-decoration: none;
}

.ressource_peda_voir{
background: url(img/ressourcespeda/voir.png) no-repeat 0 50%;
padding: 0 5px 0 20px;
cursor: pointer;
}

.tabbandeau{
color: #ddd;
font-size:10pt;
padding-top:10px;
padding-left:10px;
background: #8C1161 url(img/ressourcespeda/encadre_haut_droite.png) no-repeat 100% 0;
margin-right: 1px;
}

.tabencadre1{
background: url(img/ressourcespeda/encadre_bas_droite.png) no-repeat 100% 100%;
}

.tabencadre2{
background: url(img/ressourcespeda/encadre_bas_gauche.png) no-repeat 0 100%;
padding: 30px 30px 30px 0;
}

div#div-contenu-ressource{
font-family : "Trebuchet MS",sans-serif;
font-size: 10pt;
}

div#div-infos-ressource{
font-family : "Trebuchet MS",sans-serif;
font-size: 10pt;
}

div#div-commentaire-ressource{
font-family : "Trebuchet MS",sans-serif;
font-size: 10pt;
color:#184653;
}

div#div-contenu-ressource td{
padding:10px;
}

div#div-contenu-ressource a{
text-decoration:none;
color:#f67400;
}

div#div-contenu-ressource-actions{
text-align:right;
padding:0 10px 5px 0;
}

.libelle_media_audio{
width: 40%;
}

.lecteur_media_audio{
width: 25%;
}

table#ong_description{
color:#8C1161;
margin: 0 0 0 10px;
}

table#ong_description caption{
display: none;
}	

table#ong_description th{
width:200px;
font-weight:700;
color:#8C1161;
vertical-align:top;
text-align: left;
padding: 5px;
}

table#ong_description td{
vertical-align:top;
padding: 5px;
}

.description-ressource{
width:200px;
border-top:solid 1px #8C1161;
font-weight:700;
color:#8C1161;
vertical-align:top;
}

.liaison-ressource{
width:200px;
border-top:solid 1px #8C1161;
color:#8C1161;
}

.description-ressource2{
color:#6D6D6D;
padding-left:15px;
}

.cadre1{
border-left: #498DCB 2px dashed;
margin-left:15px;
padding-left:10px;
}

.intercadre{
background:url(img/ressourcespeda/point_commentaire.png) repeat-y;
height:20px;
margin-left:11px;
margin-top:-15px;
}

.cadre1-commentaire{
border-left: #ACC40B 1px solid;
}

.cadre2-commentaire{
border-left: #6771A5 1px solid;
margin-left:15px;
}

.cadre3-commentaire{
border-left: #ACC40B 1px solid;
margin-left:15px;
}

.commentaire p{
border-bottom: #686868 2px solid;
padding-left:10px;
padding-bottom:10px;
}

.entete-commentaire{
font-weight:700;
color:#8C1161;
font-size:1.2em;
background:url(img/ressourcespeda/logos_commentaire.png) no-repeat 100% 0;
height:38px;
padding-left:15px;
}

.tabretour img{
vertical-align:middle;
}

.tabretour a{
text-decoration:none;
color:#55575C;
font-family : "Verdana",sans-serif;
font-size: 10pt;
font-weight:700;
}

.thumbnail {
background-color:#222;
float:left;
margin-bottom:10px;
margin-right:10px;
}

.thumbnail img {
margin:3px;	
}

.spacer {
clear: both;
}

.tab_ressource {
border-collapse : collapse;
margin : 0 0 0 3px;
vertical-align: top;
}

.tab_ressource td {
padding:0px;
}

.tab_ressource .libelle_media{
color: #fff;
}

#ong_commentaires{
margin-left:10px;
}

#ong_commentaires fieldset{
background:none;		
}


/***************************************************/
/*                ACTIVITE.CSS                     */
/***************************************************/


.activites_pictos_top{
height : 28px;
background-color : #fff;
margin-right:5px;
}

#activites_pour_bottom{
height : 10px;
line-height: 10px;
background : url(img/activites/pour_bottom.jpg) repeat-x bottom;
clear:both;
}

#activites_pendant_bottom{
height : 10px;
line-height: 10px;
background : url(img/activites/pendant_bottom.jpg) repeat-x bottom;
clear:both;
}

#activites_suite_bottom{
height : 10px;
line-height: 10px;
background : url(img/activites/suite_bottom.jpg) repeat-x bottom;
clear:both;
}

#activites_violet_pictos_bottom img,
#activites_vert_pictos_bottom img,
#activites_bleu_pictos_bottom img{
display: block;
}

.activites_item_pictos_left{
float : left; 
}

.activites_item_pictos_right{
padding-top:9px;
padding-right:15px;
float : right; 
}

.activite_sous_bandeau_violet_table{
font-family : Trebuchet MS, sans-serif;
color : #6771A6;
font-size : 1em;
font-weight : normal;
}

.activites_item{
clear:both;
min-height : 47px;
margin-right:5px;
background-image: url(img/activites_item.png);
background-repeat: repeat-y;
background-position: 0 0;
}

.activites_entete{
float:left;
}

.activites_entete_pour{
color:#8871a6;
}

.activites_item_pour_1{
background-color : #ecedf2;
}

.activites_item_pour_2{
background-color : #dcdeea;
}

.activites_entete_pendant{
color:#aac006;
}

.activites_item_pendant_1{
background-color:#f2f6db;
}

.activites_item_pendant_2{
background-color:#e9edd3;
}

.activites_entete_suite{
color:#39D;
}

.activites_item_suite_1{
background-color:#e0eaef;
}

.activites_item_suite_2{
background-color:#d2dce0;
}

div.activites_contenu{
clear:both;
background-color: #fff;
margin-left:40px;
padding-left:7px;
}

div.activites_contenu table th,
.activites_contenu table td{
vertical-align: top;
}

.activites_contenu_pour{
border-left:solid 1px #6771A6;
}

.activites_contenu_pendant{
border-left:solid 1px #AAC006;
}

.activites_contenu_suite{
border-left:solid 1px #67CBFF;
}

/***************************************************/
/*                AGENDA.CSS                       */
/***************************************************/

div#vue_autre_profil{
background:white;
padding:1em;
font-size:1.1em;
}

table#vue_mensuelle,
table#vue_hebdomadaire,
table#vue_liste,
table#heureparheure{
font-size:1.2em;
}


div#contenu_agenda{
font-family: verdana, sans-serif;
color:#3d5c85;
background: #fff;
font-size:1em;
}

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

div#contenu_agenda span.navigateur{
vertical-align:super;
font-size:1.2em;
font-family:arial,sans-serif;
font-weight:700;
padding-left:30px;
text-align:left;
color:#3D5C85;
}

div#contenu_agenda span.navigateur a{
padding-left:10px;
padding-right:10px;
}

div#bloc_a{
clear:both;
}

div#agenda_requeteur{
padding-left:32px;
position: relative;
}

div#agenda_requeteur p input{
border:none;
}

hr.separateur{
clear:both;
height:1px;
padding-bottom:20px;
color:#eee;
visibility:hidden;
margin:0;
}

div#contenu_agenda p#agenda_bascule_affichage{
display:none;
}

div#contenu_agenda p#agenda_bascule_affichage img{
position:relative;
top:0.5em;
}
div#contenu_agenda p#agenda_bascule_affichage img.bascule{
cursor:pointer;
padding-bottom:20px;
}
div#contenu_agenda_sans_colonnes p#agenda_bascule_affichage img#bascule1,
div#contenu_agenda_colonnes p#agenda_bascule_affichage img#bascule2{
display:none;
}

div#contenu_agenda_colonnes p#agenda_bascule_affichage img#bascule1,
div#contenu_agenda_sans_colonnes p#agenda_bascule_affichage img#bascule2{
display:block;
}

div#contenu_agenda_sans_colonnes td#evenements-creneaux{
width:35px;
color:white;
}

div#contenu_agenda_colonnes td#evenements-creneaux{
width:220px;
}

div#contenu_agenda_colonnes div#contenu_agenda{
margin-top:20px;
}

div#contenu_agenda p#agenda_bascule_affichage{
position:absolute;
left:540px;
margin:0;
padding-bottom:20px;
}

div#contenu_agenda p#agenda_bascule_affichage a{
color:#2376A2;
font-size:1em;
padding:0.2em;
}

div#contenu_agenda p#agenda_bascule_affichage a:hover{
background-color:#888EB9;
color:white;
}	
/* --- Mise en page sur 2 colonnes -- */

div#contenu_agenda_colonnes div#contenu_agenda div#agenda_requeteur{
width: 185px;
padding: 0 5px 170px 0;
float: left;
margin-right: 5px;
z-index: 11;
}

div#contenu_agenda_colonnes div#contenu_agenda div#agenda_requeteur table#mois{
float: none;
margin-left: 0;
width: 100%;
margin-bottom: 20px;
}

div#contenu_agenda_colonnes div#contenu_agenda p#agenda_bascule_affichage{
position:relative;
left:0px;
}

div#contenu_agenda_colonnes div#contenu_agenda div#agenda_requeteur div#agenda_selecteur{
float: none;
margin-left: 0;
width: auto;
border-left: 0;
padding-left: 0;
}

div#agenda_selecteur input.colorbox{
width:1em;
height:1em;
border:1px solid #666;
}

div#contenu_agenda_colonnes hr.separateur{
display: none;
}

div#contenu_agenda_colonnes div#contenu_agenda table#vue_hebdomadaire{
width: auto;
border-bottom-color: #c4c4c4;
position:relative;
}

div#contenu_agenda_colonnes div#contenu_agenda table#vue_hebdomadaire thead th{
vertical-align:top;
padding-top:3px;
}

div#contenu_agenda_colonnes div#contenu_agenda table#vue_hebdomadaire tbody th{
height: 68px;
font-size: 0.8em;
font-weight: 700;
color: #6e7f8e;
border-bottom-color: #c4c4c4;
}

div#contenu_agenda_colonnes div#contenu_agenda table#vue_hebdomadaire td{
height: 35px;
border-bottom-color: #c4c4c4;
}

/* ========== SELECTEUR AGENDA ========== */

div#agenda_selecteur{
width: 240px;
float: left;
padding: 0 0 0 9px;
margin-left: 10px;
}

div#agenda_selecteur fieldset{
background-color: #d6e3e9;
padding: 0 0 5px 5px;
}

div#agenda_selecteur label{
font-weight: 700;
display: block;
color: #3e3f43;
margin: 0.2em 0;
}

div#agenda_selecteur label.radiolabel{
display: inline;
}

div#agenda_selecteur div.inputcenter{
padding-top:1em;
text-align:center;
}

div#agenda_selecteur select{
border: 1px solid #a5acb2;
font-family: arial, sans-serif;
font-size: 1.1em;
width: 195px;
}

div#agenda_selecteur input{
font-family: arial, sans-serif;
vertical-align: top;
}

/* --- */

div#agenda_selecteur table{
width:100%;
font-size:1em;
font-family:arial,sans-serif;
margin: 1em 0 0 0;
}

div#agenda_selecteur table th{
font-weight:500;
text-align: left;
color: #4f4544;
padding-bottom:5px;
}

div#agenda_selecteur table .proprietes_selection{
padding-left: 5px;
overflow:hidden;
max-width:160px;
}

div#ajoutagenda label{
text-align:left;
padding-left:10px;
}

div#ajoutagenda select{
width:250px;
position:relative;
top:-4px;
}

div#contenu_agenda_sans_colonnes div#agenda_selecteur table th.proprietes_voir{
text-align: center;
width: 25px;
}
div#contenu_agenda_colonnes div#agenda_selecteur table th.proprietes_voir{
display:none;
}

div#contenu_agenda_sans_colonnes div#agenda_selecteur table th.proprietes_couleurs{
text-align: center;
width: 25px;
}
div#contenu_agenda_colonnes div#agenda_selecteur table th.proprietes_couleurs{
display:none;
}

div#agenda_selecteur table th.proprietes_supprimer{
text-align: center;
width: 14px;
}

div#contenu_agenda_sans_colonnes div#agenda_selecteur table td.proprietes_voir,
div#contenu_agenda_sans_colonnes div#agenda_selecteur table td.proprietes_couleurs,
div#contenu_agenda_sans_colonnes div#agenda_selecteur table td.proprietes_supprimer{
border-left: 1px solid #2376A2;
text-align: center;
}
div#contenu_agenda_colonnes div#agenda_selecteur table td.proprietes_voir{
width:14px;
}
div#contenu_agenda_colonnes div#agenda_selecteur table td.proprietes_supprimer{
padding-left:3px;
}

div#agenda_selecteur table tr.proprietes_lastline td{
border:0; /* specifique Safari 4 */
}

div#agenda_selecteur table td{
border-bottom: 1px dotted #2376a2;
color: #2376a2;
padding: 0.2em 0;
}

div#agenda_selecteur table td a{
color: #2376a2;
}

div#agenda_selecteur table img.agenda_selecteur_supprimer{
cursor: pointer;
}

div#boutons{
text-align:right;
}

div#ajoutagenda_zone .en-colonne label{
width: 270px;
}
div#ajoutagenda_zone input{
position:relative;
top:4px;
margin-right:20px;
}
div#ajoutagenda_zone form{
margin-left:20px;
margin-top:10px;
}

div#ajoutagenda_zone select{
width:250px;
}

/* AUJOURDHUI ====================== */

table#aujourdhui{
border:1px solid #4c5f6e;
border-top:0;
width:220px;
float:left;
position:relative;
top:1.2em;
}

html>body table#aujourdhui{
top:1.5em;
}

table#aujourdhui caption{
border:1px solid #4c5f6e;
border-bottom:0;
text-align:left;
font-size:1.2em;
padding:0.2em 0.5em;
}

html>body table#aujourdhui caption{
margin-left:-1px;
}

table#aujourdhui td{
padding:0 1em 1em 1em;
font-family:arial, sans-serif;
font-size:0.85em;
}

table#aujourdhui ul{
margin-left:0;
padding-left:0;
list-style:none;
}

table#aujourdhui ul li{
margin-bottom:1em;
}

table#aujourdhui a{
font-weight:700;
}

table#aujourdhui a:hover{
color:#9fb1be;
}

/* JOURNEE HEURE PAR HEURE ====================== */

table#heureparheure{
margin-left:5px;
width:500px;
}

table#heureparheure caption{
font-family:arial, sans-serif;
font-weight:700;
margin-bottom:0.2em;
}

table#heureparheure caption img{
border:none;
margin:0 0.5em;
}

table#heureparheure thead{
display:none;
}

table#heureparheure tbody th,
table#heureparheure tbody td{
background:#c4dcdd;
vertical-align: text-top;
border-bottom:1px solid #fff;
height: 3em;
}

table#heureparheure tbody th{
font-weight:500;
font-size:1.3em;
padding:0 0.2em;
width:55px;
}

table#heureparheure tbody th img{
vertical-align: middle;
border:0;
}

table#heureparheure tbody td{
font-family: Arial, Helvetica, sans-serif;
font-size:0.85em;
padding:0.5em;
}

table#heureparheure tbody p{
margin:0 0 0.5em 0;
}

table#heureparheure tbody .heure_precise{
border:1px solid #2B73BB;
background:transparent;
padding:0 0.5em;
}

table#heureparheure tbody td a{
font-weight:700;
}

table#heureparheure tr.impair th,
table#heureparheure tr.impair td{
background:#c4d6de;
}

table#heureparheure tr.creneau_renseigne th,
table#heureparheure tr.creneau_renseigne td{
background:#daea90;
}

/* === tete de tableau par heure === */

table#heureparheure thead th,
table#heureparheure thead td{
background:#fff;
}

table#heureparheure a:hover{
color:#F19A25;
}

/* VUE HEBDOMADAIRE ====================== */

table#vue_hebdomadaire{
border-bottom:1px solid #666;
}

table#vue_hebdomadaire caption{
padding-left:4%;
font-weight:700;
font-family:arial, sans-serif;
margin-bottom:0.2em;
}

table#vue_hebdomadaire caption img{
border:none;
vertical-align: text-top;
margin:0 0.5em;
}

table#vue_hebdomadaire col#semaine_lundi,
table#vue_hebdomadaire col#semaine_mercredi,
table#vue_hebdomadaire col#semaine_vendredi,
table#vue_hebdomadaire col#semaine_dimanche{
background:#c5d6de;
}

table#vue_hebdomadaire col#semaine_mardi,
table#vue_hebdomadaire col#semaine_jeudi,
table#vue_hebdomadaire col#semaine_samedi{
background:#c4dcdd;
}

/* tete de table SEMAINE === */

table#vue_hebdomadaire thead{
color:#fff;
font-family:arial, sans-serif;
height:30px;
}

table#vue_hebdomadaire thead td{
border: none !important;
}

table#vue_hebdomadaire thead th{
border-top:1px solid #666 !important;
border-bottom:1px solid #666 !important;
}

table#vue_hebdomadaire thead th#semaine_jour_lundi,
table#vue_hebdomadaire thead th#semaine_jour_mercredi,
table#vue_hebdomadaire thead th#semaine_jour_vendredi,
table#vue_hebdomadaire thead th#semaine_jour_dimanche{
background:#f0994b;
}

table#vue_hebdomadaire thead th#semaine_jour_mardi,
table#vue_hebdomadaire thead th#semaine_jour_jeudi,
table#vue_hebdomadaire thead th#semaine_jour_samedi{
background:#f0994b;
}

table#vue_hebdomadaire span.semaine_jj_mm{
font-weight:500;
}

/* 1ere ligne JOURNEE === */

table#vue_hebdomadaire tr#semaine_journee th{
border: 1px solid #bac1c7;
border-right:0;
vertical-align: middle;
}

tr#semaine_journee td.impair{
background:#dbe6eb;
}

tr#semaine_journee td.pair{
background:#dbeaea;
}

/* === */

table#vue_hebdomadaire tbody th{
color:#4c5f6e;
vertical-align: text-top;
height:4em;
}

table#vue_hebdomadaire tbody td{
vertical-align: text-top;
height:4em;
}

table#vue_hebdomadaire th,
table#vue_hebdomadaire td{
border:1px solid #fff;
border-top:1px solid #9fa7ab;
border-bottom:1px solid #9fa7ab;
}

html>body table#vue_hebdomadaire th,
html>body table#vue_hebdomadaire td{
border-top:1px dotted #666;
border-bottom:1px dotted #666;
vertical-align:top;
}

table#vue_hebdomadaire tbody th{
font-weight:500;
font-size:1.3em;
}

table#vue_hebdomadaire tbody td{
height:50px;
width:14%;
font-family:verdana, sans-serif;
font-size:0.7em;
}

table#vue_hebdomadaire td div{
position:relative;
}

table#vue_hebdomadaire tbody td p{
margin:0;
padding:0;
}

table#vue_hebdomadaire tbody .heure_precise{
border-bottom: 1px dotted;
background:#fff;
color:#3d5c85;
padding-right:2px;
padding-left:2px;
display:block;
text-align:left;
cursor:pointer;
font-weight: 700;
padding: 2px;
white-space: nowrap;
}

table#vue_hebdomadaire td.creneau_renseigne{
background:#e4ff65;
}

table#vue_hebdomadaire li{
border:1px solid #2b73bb;
list-style: none;
}

table#vue_hebdomadaire td:hover{
background:#dff7ff;
}

table#vue_hebdomadaire a:hover{
color:#f19a25;
}

/* === */

table#vue_hebdomadaire p.pictos{
text-align:right;
margin:0;
}

table#vue_hebdomadaire p.pictos img{
border:0;
}

/* VUE MENSUELLE ====================== */

table#vue_mensuelle{
border-bottom:1px solid #c4c4c4;
table-layout:fixed;
}

div#contenu_agenda_colonnes div#contenu_agenda table#vue_mensuelle{
position:relative;
width:555px;
}
div#contenu_agenda_colonnes div#contenu_agenda table#vue_mensuelle thead td{
width:35px;
}

div#contenu_agenda_colonnes div#contenu_agenda table#vue_mensuelle tbody th{
border-bottom:1px dotted #C4C4C4;
}

table#vue_mensuelle col#mensuelle_lundi,
table#vue_mensuelle col#mensuelle_mercredi,
table#vue_mensuelle col#mensuelle_vendredi,
table#vue_mensuelle col#mensuelle_dimanche{
background: #dde6eb;
}

table#vue_mensuelle col#mensuelle_mardi,
table#vue_mensuelle col#mensuelle_jeudi,
table#vue_mensuelle col#mensuelle_samedi{
background: #dee9eb;
}

/* tete de table MENSUELLE === */

table#vue_mensuelle thead{
color: #45545b;
font-family:arial, sans-serif;
height:30px;
text-align: center;
}

table#vue_mensuelle thead td{
border: none !important;
}

table#vue_mensuelle thead th{
border-top:1px solid #666 !important;
border-bottom:1px solid #666 !important;
}

table#vue_mensuelle thead th#mensuelle_jour_lundi,
table#vue_mensuelle thead th#mensuelle_jour_mercredi,
table#vue_mensuelle thead th#mensuelle_jour_vendredi,
table#vue_mensuelle thead th#mensuelle_jour_dimanche{
background: #d2e766;
}

table#vue_mensuelle thead th#mensuelle_jour_mardi,
table#vue_mensuelle thead th#mensuelle_jour_jeudi,
table#vue_mensuelle thead th#mensuelle_jour_samedi{
background: #d2e766;
}

/* === */

table#vue_mensuelle tbody th,
table#vue_mensuelle tbody td{
vertical-align: text-top;
height:4em;
}

table#vue_mensuelle th{
vertical-align:middle;
}

table#vue_mensuelle td{
border:1px solid #fff;
border-top:1px solid #9fa7ab;
border-bottom:1px solid #9fa7ab;
vertical-align:top;
}

html>body table#vue_mensuelle th{
vertical-align:middle;
}

html>body table#vue_mensuelle td{
border-top:1px dotted #c4c4c4;
border-bottom:1px dotted #c4c4c4;
vertical-align:top;
}

table#vue_mensuelle tbody th{
font-weight:700;
font-size: 0.8em;
text-align: right;
color: #6e7f8e;
}

table#vue_mensuelle tbody td{
height:50px;
width:14%;
font-family:verdana, sans-serif;
font-size:0.7em;
}

table#vue_mensuelle td.creneau_renseigne{
background:#E4FF65;
}

table#vue_mensuelle td.jour_courant{
background: #c9e8ea !important;
}

table#vue_mensuelle div{
padding-left:0;
}

table#vue_mensuelle div span.heure_precise{
display:none;
}
table#vue_mensuelle div p{
display:none;
}

div#contenu table#vue_mensuelle ul{
list-style:none;
margin:0;
padding:0;
}

table#vue_mensuelle ul li{
display: inline;
}

table#vue_mensuelle ul li{
clear:both;
display:block !important;
background-image:url(img/puce.png);
background-repeat:no-repeat;
background-position:0 50%;
padding:2px 1px 2px 8px;
color:#3D5C9B;
overflow:hidden;
}

table#vue_mensuelle ul li a:hover{
background-color: #fff !important;
color: #000 !important;
}

table#vue_mensuelle td:hover{
background:#dff7ff;
}

table#vue_mensuelle a:hover{
color:#F19A25;
}

/* === */

table#vue_mensuelle p.pictos{
text-align:right;
margin:2px;
}

table#vue_mensuelle p.pictos img{
border:0;
}

/* === */

table#vue_mensuelle .mensuelle_jour{
font-weight:700;
font-size:1.2em;
font-family:"Century Gothic", sans-serif;
display:block;
float:left;
border:1px solid #96b0ce;
background:#fff;
padding:2px;
margin:2px;
width:16px;
text-align:center;
cursor:pointer;
}

table#vue_mensuelle a{
color:inherit; /*#3D5C85;*/
}

table#vue_mensuelle .mensuelle_semaine{
cursor:pointer;
}

/* MOIS ====================== */

table#mois{
color:#4c5f6e;
border:none;
border-left:1px solid #4c5f6e;
border-right:1px solid #4c5f6e;
float:left;
height:110px;
width:220px;
margin-right:0;
font-size: 0.8em;
}

table#mois acronym{
border-bottom:0;
}

/* === */

table#mois .mois_semaine{
color:#9fb1be;
font-size:1em;
font-family:arial, sans-serif;
border-left:1px solid  #4c5f6e;
}

table#mois .mois_semaine a{
color:#9fb1be;
font-size:12px;
}

table#annee caption a.precedent{
padding-right:30px;
padding-left:5px;
margin:0 3px;
}

table#annee caption a.suivant{
padding-right:5px;
padding-left:30px;
margin:0 3px;
}

table#mois tbody .mois_semaine{
font-size:11px;
}

table#mois tbody tr:hover{
background:#d6e3e8;
}

table#mois th{
font-weight:500;
font-size:11px;
border:0;
line-height: 100%;
vertical-align: text-top;
}

table#mois td{
border:0;
text-align:center;
border-left:1px solid #d6e3e8;
cursor:pointer;
line-height: 70%;
}

table#mois td.mois_lundi{
border-left:0;
}

table#mois tr#mois_semaine_selectionnee{
background:#d6e3e8;
}

table#mois tr#mois_semaine_selectionnee td{
border-bottom:1px solid #4c5f6e;
}

table#mois td.semaine_focus{
font-weight:700;
color:#4c5f6e;
background-repeat:no-repeat;
background-position:80% 50%;
}

table#mois td.semaine_focus a{
color:#4c5f6e;
}

/* === */

table#mois td.jour_focus,
table#mois td.jour_focus a{
background:#4c5f6e;
color:#fff;
}

table#mois tbody td:hover,
table#mois tbody td:hover a{
background:#4c5f6e;
color:#fff;
}
table#mois a{
background:transparent;
color:#4C5F6E;
text-decoration:none;
}

/* === */

table#mois a.mois_autre{
color:#9fb1be;
}

/* === */

table#mois caption{
font-weight:700;
height:20px;
text-align: left;
font-size: 1.2em;
}

table#mois caption a{
font-family:arial, sans-serif;
color: #2077a2;
}

table#mois caption a:hover{
background:#9dbbc7;
color:#fff;
}

table#mois caption a.precedent,
table#mois caption a.suivant{
margin:0 3px;
padding: 2px 5px;
border: 1px solid #fff;
}

table#mois caption a.precedent:hover,
table#mois caption a.suivant:hover{
background-color: #fff;
border: 1px solid #4c5f6e;
}

/* ANNEE ====================== */

table#annee{
font-family: Arial, Helvetica, sans-serif;
border:0;
border-left:1px solid #4c5f6e;
border-right:1px solid #4c5f6e;
height:130px;
font-size:12px;
}

/* === */

table#annee caption{
color:#4c5f6e;
font-weight:700;
border-left:1px solid #4c5f6e;
border-right:1px solid #4c5f6e;
font-family:"Century Gothic", sans-serif;
height:20px;
}

table#annee caption a{
font-family:arial, sans-serif;
color:#4c5f6e;
}

table#annee caption a:hover{
background:#9dbbc7;
color:#fff;
}

table#annee caption a.precedent{
padding-right:40px;
padding-left:5px;
}

table#annee caption a.suivant{
padding-left:40px;
padding-right:5px;
}

/* === */

table#annee td{
width:65px;
padding:0 10px;
border:0;
vertical-align: text-top;
line-height:150%;
}

table#annee td.semestre_1{
border-right:1px solid #d6e3e8;
}

table#annee ul{
list-style:none;
margin:0;
padding:0;
}

table#annee a{
color:#9fb1be;
}

table#annee a:hover{
color:#4c5f6e;
}

table#annee em{
font-weight:700;
font-style:normal;
}

table#annee em a{
color:#4c5f6e;
}

/* VUE HEBDOMADAIRE ====================== */

table#vue_hebdomadaire{
border-bottom:1px solid #666;
}

table#vue_hebdomadaire caption{
padding-left:4%;
font-weight:700;
font-family:arial, sans-serif;
margin-bottom:0.2em;
text-align: left;
padding-left: 30px;
}

table#vue_hebdomadaire caption img{
border:none;
vertical-align: text-top;
margin:0 0.5em;
}

table#vue_hebdomadaire caption a#visa{
margin-left:3em;
}

table#vue_hebdomadaire col#semaine_lundi,
table#vue_hebdomadaire col#semaine_mercredi,
table#vue_hebdomadaire col#semaine_vendredi,
table#vue_hebdomadaire col#semaine_dimanche{
background: #dde6eb;
}

table#vue_hebdomadaire col#semaine_mardi,
table#vue_hebdomadaire col#semaine_jeudi,
table#vue_hebdomadaire col#semaine_samedi{
background: #dee9eb;
}

table#vue_hebdomadaire col.jour_courant,
table#vue_hebdomadaire th.jour_courant{
background: #c9e8ea !important;
}

/* tete de table SEMAINE === */

table#vue_hebdomadaire thead{
color: #45545b;
font-family:arial, sans-serif;
height:30px;
font-size: 0.8em;
}

table#vue_hebdomadaire thead td{
border: none !important;
}

table#vue_hebdomadaire thead th{
border-top:1px solid #666 !important;
border-bottom:1px solid #666 !important;
}

table#vue_hebdomadaire thead th#semaine_jour_lundi,
table#vue_hebdomadaire thead th#semaine_jour_mercredi,
table#vue_hebdomadaire thead th#semaine_jour_vendredi,
table#vue_hebdomadaire thead th#semaine_jour_dimanche{
background: #d2e766;
}

table#vue_hebdomadaire thead th#semaine_jour_mardi,
table#vue_hebdomadaire thead th#semaine_jour_jeudi,
table#vue_hebdomadaire thead th#semaine_jour_samedi{
background: #d2e766;
}

table#vue_hebdomadaire span.semaine_jj_mm,
table#vue_cahier_de_texte span.semaine_jj_mm{
font-weight:500;
}

/* 1ere ligne JOURNEE et derniere ligne SOIREE */
table#vue_hebdomadaire tr#semaine_journee th,
table#vue_hebdomadaire tr#semaine_soiree th {
border: 1px solid #bac1c7;
border-right:0;
vertical-align: middle;
}

table#vue_hebdomadaire col#semaine_lundi,
table#vue_hebdomadaire col#semaine_mercredi,
table#vue_hebdomadaire col#semaine_vendredi,
table#vue_hebdomadaire col#semaine_dimanche{
background: #dde6eb;
}

table#vue_hebdomadaire col#semaine_mardi,
table#vue_hebdomadaire col#semaine_jeudi,
table#vue_hebdomadaire col#semaine_samedi{
background: #dee9eb;
}
tr#semaine_journee td.impair{
background:#dbe6eb;
}

tr#semaine_journee td.pair{
background:#dbeaea;
}

/* NOUVELLE VUE HEBDO AGENDA */
/*table#vue_hebdomadaire{
width:100%;
table-layout:fixed;
border:solid 1px #ddd;
}

table#vue_hebdomadaire tr{
border-bottom:1px dotted #666;
}
table#vue_hebdomadaire thead tr{
border:1px solid #666;
background:#666 none repeat scroll 0 0;
color:#FFF;
}*/

table#vue_hebdomadaire td{
vertical-align:top;
text-align:right;
}

table#vue_hebdomadaire a.ajout{
position:relative;
right:2px;
top:1px;
}

/* VUE LISTE */

table#vue_liste{
width:100%;
margin: 1em 0;
border-collapse: separate;
}

table#vue_liste col#vue_liste_date{
width: 140px;
}

table#vue_liste tbody th{
background-color: #ddd;
vertical-align: text-top;
font-size: 0.8em;
}

table#vue_liste tbody td{
vertical-align: text-top;
}

table#vue_liste th{
font-weight:700;
text-align: left;
}

table#vue_liste td{
padding: 0.2em 0 1em 0;
}

table#vue_liste td a{
font-size: 0.8em;
text-decoration: underline;
}

table#vue_liste span.vue_liste_heure{
font-size: 0.8em;
font-family: verdana, sans-serif;
}

table#vue_liste tbody td div{
margin-right:11px;
}

table#vue_liste tbody td p{
margin:0;
padding:0;
}

table#vue_liste tbody .heure_precise{
border:1px solid #2b73bb;
border-bottom:2px solid #2b73bb;
background:transparent;
color:#3d5c85;
padding-right:2px;
padding-left:2px;
display:block;
text-align:center;
cursor:pointer;
}

table#vue_liste td.creneau_renseigne{
background:#e4ff65;
}

/* === */

table#vue_liste p.pictos{
text-align:right;
margin:0;
}

table#vue_liste p.pictos img{
border:0;
}

table#vue_liste caption{
padding-left:4%;
font-weight:700;
font-family:arial, sans-serif;
margin-bottom:0.2em;
}

table#vue_liste caption img{
border:none;
vertical-align: text-top;
margin:0 0.5em;
}

/* --- table dans la table --- */

table#vue_liste table{
font-size: 0.8em;
font-family: verdana, sans-serif;
}

table#vue_hebdomadaire table.vue_calendar td{
border:0 none;
}

table#vue_hebdomadaire table.vue_calendar td:hover{
background:none;
}

table#vue_hebdomadaire table.vue_calendar tbody td{
font-size:1em;
}

table#vue_hebdomadaire table.vue_calendar li{
border:0;
border-left: 1px solid;
padding-left:2px;
}

table#vue_hebdomadaire table.vue_calendar ul{
padding:0;
}

html > body table#vue_hebdomadaire table.vue_calendar td{
border:0;
vertical-align:top;
}

/* === === */

img.calendrier_choix_date{
vertical-align: top;
}

/***************************************************/
/*             GESTION_FAVORIS.CSS                     */
/***************************************************/

.personnel-favoris-lien-interne{
background: no-repeat url(img/personnel/favoris/page_white_link.png);
}
.personnel-favoris-lien-externe{
background: no-repeat url(img/personnel/favoris/world_link.png);
}

.nodeSpan{
border: 1px solid #CCCCCC;
vertical-align: center;
padding-right:5px;
padding-top:6px;
}

/* specifique arbre sweetdev */
li.ideo-tre-li,
div.ideo-tre-box{
cursor:auto;
}

a.ideo-tre-nodeA,
img.ideo-tre-images{
cursor:pointer;
}

/* --- */

div#contenu ul#list-sousrub{
width:300px;
margin:0;
padding:0;
float:left;
}

div#contenu ul#list-rubprinc{
width:300px;
margin:0;
padding:0;
}

ul#list-sousrub li{
list-style:none;
border: 1px dotted #999;
margin-bottom:0.5em;
padding:0.2em 0.5em;
cursor: s-resize;
}

ul#list-sousrub li:hover{
background-color: #f9c3dc;
}

ul#list-rubprinc li{
list-style:none;
border: 1px dotted #999;
margin-bottom:0.5em;
padding:0.2em 0.5em;
cursor: s-resize;
}

ul#list-rubprinc li:hover{
background-color:#A9C3DC;
}

div#contenu ul#list-services,
div#contenu ul#list-categories,
div#contenu ul#list-champs,
div#contenu ul#list-champs-dispos {
width:300px;
margin:0;
padding:0;
}

ul#list-services li:hover,
ul#list-categories li:hover,
ul#list-champs li:hover,
ul#list-champs-dispos li:hover {
background-color:#a9c3dc;
}

ul#list-services li,
ul#list-categories li,
ul#list-champs li,
ul#list-champs-dispos li {
border:1px dotted #999;
cursor: s-resize;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0.5em;
padding:0.3em 0.5em;
}

ul#list-services li input,
ul#list-categories li input,
ul#list-champs li input,
ul#list-champs-dispos li input {
cursor: auto;
}

ul#list-categories li img{
position:absolute;
left:260px;
top:0;
}
ul#list-categories li img.icosup{
left:280px;
top:3px;
}

div#div-champs-dispos {
float: left;
width: auto;
}

div#div-champs-selected {
float: right;
width: auto;
}

ul#list-champs-dispos li {
cursor: pointer;
}

li.champ-selected {
height: 15px;
}

li.champ-selected span {
padding: 0px;
float: left;
}

li.champ-selected img {
cursor:pointer;
float:right;
}

div#contenu ul#champs_list_ul{
padding:0;
}

ul#champs_list_ul li:hover {
background-color:#a9c3dc;
}

ul#champs_list_ul li {
border:1px dotted #999;
cursor: s-resize;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0.5em;
}

ul#champs_list_ul li a{
cursor: s-resize;
}
ul#champs_list_ul li img{
cursor:pointer;
}

div#contenu ul#valeurs_list_ul{
padding:0;
}

ul#valeurs_list_ul li:hover {
background-color:#a9c3dc;
}

ul#valeurs_list_ul li {
border:1px dotted #999;
cursor: s-resize;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:0.5em;
}

ul#valeurs_list_ul li a{
cursor: s-resize;
}
ul#valeurs_list_ul li img{
cursor:pointer;
}

form.gestion div.toolbox div#champs_list_container div{
padding:0;
}

form.gestion div.toolbox div#valeurs_list_container div{
padding:0;
}

.sousrub-modif {
position:absolute;
right:25px;
top:1px;
}

.sousrub-suppr {
position:absolute;
right:5px;
top:1px;
cursor:pointer;
}

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

fieldset#message_population legend{
font-size: 1.1em;
font-weight: 700;
color: #f16d15;
}

.en-colonne-SDR,
.en-colonne-SDR div,
.en-colonne-SDR p{
margin: auto !important;
clear: none !important;
padding: 0 !important;
}

.gestion-SDR,
.gestion-SDR table,
.gestion-SDR tr,
.gestion-SDR td{
border-collapse: separate !important;
border-bottom: none !important;
margin: auto !important;
padding: 0 !important;
}

/* CSS > LIGHTBOX */

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
}

#lightbox img{
width: auto;
height: auto;
}

#lightbox a img{
border: none;
}

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}

#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}

#imageContainer>#hoverNav{
left: 0;
}

#hoverNav a{
outline: none;
}

#prevLink,
#nextLink{
width: 49%;
height: 100%;
background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
display: block;
}

#prevLink {
left: 0;
float: left;
}

#nextLink{
right: 0;
float: right;
}

#prevLink:hover,
#prevLink:visited:hover{
background: url(/jsp/scripts/lightbox/images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,
#nextLink:visited:hover{
background: url(/jsp/scripts/lightbox/images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	;
}

#imageData{
padding:0 10px;
color: #666;
}

#imageData #imageDetails{
width: 70%;
float: left;
text-align: left;
}

#imageData #caption{
font-weight: 700;
}

#imageData #numberDisplay{
display: block;
clear: left;
padding-bottom: 1.0em;
}

#imageData #bottomNavClose{
width: 66px;
float: right;
padding-bottom: 0.7em;
outline: none;
}	 	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 9000;
width: 100%;
height: 500px;
background-color: #000;
}


/* CSS : COLORPICKER */


/* Styles for ColorPicker popUp */

#colorpicker{
position: absolute;
width: 145px;
height: 135px;
overflow: hidden;
background: #f9f9f9;
border: 1px #c0c0c0 solid;
z-index: 1000;
}

#colorpicker-hue-container{
position: absolute; 
top: 4px;
left: 120px; 
width: 18px;
height: 110px; 
}

#colorpicker-hue-bg-img{
width: 100%; 
height: 100%; 
}

#colorpicker-hue-slider{
position: absolute; 
top: 0;
left: 0; 
width: 100%;
height: 100%; 
}

#colorpicker-hue-thumb{ 
position: absolute; 
top: 0;
left: 0;
width: 18px; 
height: 18px; 
z-index: 1009;
cursor: default;
}

#colorpicker-bar{
text-align: right;
padding-right: 10px;
}

#colorpicker-close{
cursor: pointer;
color: blue;
font: 700 10px Tahoma, Helvetica, Sans-Serif;
}

#colorpicker-div{
position: absolute; 
top: 8px;
left: 8px; 
width: 100px;
height: 100px; 
border: 1px solid #666;
}

#colorpicker-bg,
#colorpicker-bg-overlay{ 
position: absolute; 
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1001;
overflow: hidden;
}

#colorpicker-selector{ 
position: absolute; 
top: 0;
left: 0;
width: 11px; 
height: 11px; 
z-index: 1009;
margin-top: -6px;
margin-left: -6px;
cursor: default;
}

#colorpicker-selector img{
position: absolute;
left: 0;
top: 0;
}

#colorpicker-footer{
position: absolute; 
top: 114px;
left: 10px; 
width: 127px;
}

#colorpicker-value{
float: left;
}

#colorpicker-value,
#colorpicker-value-input{
font-size: 9px !important;
font-family: Verdana, Sans-Serif;
}

#colorpicker-value-input{
width: 50px;
border:1px solid;
}

#colorpicker-okbutton{
float: right;
padding: 0 10px;
background: #36f;
font-family: Tahoma, Helvetica, Sans-Serif;
border: 1px solid #666;
color: #fff;
font-weight: 700;
}

/* CSS : DRAGGABLE BOX */

/* Probleme de decalage horizontal lors du deplacement d'un bloc ?
   => IE 8 et Firefox 3.5 veulent du relative
   => IE7 veut du absolute -> dans ie7.css
   => IE6 s'en fiche
 */
div#floatingBoxParentContainer{
position:relative;
}

.dragableBox{	/* The RSS box */
background-color:#fff;
margin:5px;
position: relative;
z-index:6100;
}

/* A div inside the rss box - with a blue border */
.dragableBoxInner{
border: 1px solid #317082;
}

div.dragableBoxHeader{	/* Header inside RSS box */
/* height: 16px; */
font-weight: 700;
border-top: 1px solid #ced2d6;
border-left: 1px solid #ced2d6;
border-bottom: 0px;
padding: 0 0 10px 0;
position: relative;
}

div.dragableBoxHeaderColor1{	/* Header inside RSS box */
background: url(img/style3_fond_titre1.png) no-repeat 100% 0%;
color: #6f2449;
}

div.dragableBoxHeaderColor2{	/* Header inside RSS box */
background: url(img/style3_fond_titre2.png) 100% 0 no-repeat;
color: #acc40b;
}

div.dragableBoxHeaderColor3{	/* Header inside RSS box */
background: url(img/style3_fond_titre3.png) 100% 0 no-repeat;
color: #f97f08;
}

.dragableBoxHeaderColorFormulaire{	/* Header inside RSS box */
background: url(img/style3_fond_titre_formulaire.png) 100% 0 no-repeat;
color: #6e72a2;
}

.style3d{
border: 1px solid #ced2d6;
padding: 6px;
border-top: 0;
}

.style3_deco_d{
position: absolute;
top: -1px;
right: -9px;
width: 8px;
height: 20px;
background: url(img/style3_decoa.png) no-repeat 0 0;
}

span.dragableBoxHeader_titre{
display: block;
margin: 0 5px;
padding: 10px 5px;
background: transparent;
position: relative;
min-height: 15px;
font-size: 1.4em;
font-family: "Trebuchet MS", sans-serif;
}

.boxItemHeader{	/* Title of items inside dragable boxes */
font-weight: 700;
margin: 0;
color: #000;
text-decoration: none;
overflow: hidden;
}

.boxItemHeader:hover{	/* Title of items inside dragable boxes - mouseover*/
font-weight: 700;
margin: 0;
color: #f00;
text-decoration: underline;
}

.dragableBoxHeader input{	/* text inputs that gets visible when you click on the "edit" link at the top of a rss box */
font-size: 10px;	
}

.rssNumberOfItems{	/* Number of RSS items in header - the one inside parantheses */
color: #f00;
}

.dragableBoxContent{	/* DIV holding data inside dragable boxes */
padding: 3px;
clear: both;
}

#rectangleDiv{	/* Dotted rectangle indicating where objects will be dropped */
border: 1px dashed #999;
margin: 5px;
background: #eee;
}

a.closeButton,
a.closeButton_over{
position: absolute;
top: 15px;
right: 11px;
display: block;
line-height: normal;
background-color: transparent;
border: 1px solid #fff;
border-bottom: 2px solid #fff;
border-top: 3px solid #fff;
}

a.closeButton img,
a.closeButton_over img{
display: block;
}

.closeButton_over{	/* Close button - mouse over */
background-color: transparent;
}

.dragableBoxStatusBar{	/* Status bar at the bottom of rss boxes */
border-top: 3px double #317082;
height: 14px;
background-color: #e2ebed;
padding: 2px;
}

div.dragableBoxEdit{
background-color: #eee;
border: 1px solid #ccc;
border-width: 1px 0;
display: block;
padding: 5px;
}

a.dragableBoxEditLink{	/* Edit link on top of a box */
background-color:#fff;
padding:1px 5px;
text-decoration:none;
position:absolute;
top:15px;
right:25px;
}

.dragableBoxEditLink:hover{	/* Edit link - mouse over */
color: red;
}

table.dragableBoxEditTable{
width: 100%;
border-collapse: collapse;
}

table.dragableBoxEditTable td{
padding: 2px;
}

table.dragableBoxEditTable select{
font-size: 1em;
}

td.edition_enregistrer{
text-align: right;
}

td.edition_enregistrer input{
color: #999;
border: 1px solid;
background: #eee;
font-weight: 700;
}

#addNewFeed{	/* The white box at the top right corner where you can add a new RSS feed */
float: right;
width: 300px;
background-color: #fff;
border: 2px solid #317082;
padding: 2px;
margin-right: 2px;
margin-top: 2px;
}

.ideo-alt-confirmRapproch{
background-color: #f7f7f7;
color: #565556;
border: 1px solid #f7f7f7;
}

.ideo-alt-confirmRapprochIcon{
background-color: #f7f7f7;
}

.ideo-alt-infoTypeMedia {
background-color: #f7f7f7;
color : #565556;
border: 1px solid #f7f7f7;
}

.ideo-alt-infoTags table {
width: 100%;
}
.ideo-alt-infoTags {
background-color: #f7f7f7;
color : #565556;
border: 1px solid #f7f7f7;
}

.ideo-alt-infoUrlWebdav,
.ideo-alt-infoSelection,
.ideo-alt-infoChoix,
.ideo-alt-infoAudit,
.ideo-alt-infoRubriqueTemporaire{
background-color: #f7f7f7;
color : #565556;
border: 1px solid #f7f7f7;
}

/*******************************
STYLES PLUGIN K_LISTE TOOLBOX
*******************************/
.ideo-alt-alertContenu{
background-color: #E3E3C7;
color: #555555;
border: 2px solid #D5D59D;
}

.ideo-alt-alertContenu{
background-color: #E3E3C7;
}

div#alertContenu_panel.ideo-alt-zone{
width: auto;
}

div#alertContenu_panel div.ideo-alt-buttonBar input.ideo-alt-button{
background-color:#C7C78F;
border:1px solid #737357;
color:#3B3B1F;
width:100px;
margin-bottom: 3px;
}

div#alertContenu_message.ideo-alt-message{
padding: 3px;
}

div#alertContenu_panel_north,
	div#alertContenu_panel_northwest,
	div#alertContenu_panel_northeast,
	div#alertContenu_panel_south,
	div#alertContenu_panel_southwest,
	div#alertContenu_panel_southeast,
	div#alertContenu_panel_east,
	div#alertContenu_panel_west{
	background : none;
}

/*******************************
FIN STYLES PLUGIN K_LISTE TOOLBOX
*******************************/

/*******************************
STYLES SERVICE PREFERENCE
*******************************/
#form_ficheuser input.champs_affichage{
border : none;
background: transparent;
font-weight: normal;
font-size: 1.1em;
}

#form_ficheuser label{
width: 300px;	
}

div.habillage_legende{
border: 2px solid #DDD;
margin-top: 20px;
background-color: #F7F7F7;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
width: auto;
}

div.habillage_legende em{
font-weight: 700;
font-size: 1.1em;
font-style: normal;
color: #F16D15;
position: relative;
top: -9px;
background-color: #FFF;
left: 10px;
padding: 0 0.2em;
}

div.habillage_legende img{
text-decoration: none;
}

div#liste_destinataires{
position: absolute;
top: 53px;
height: 180px;
right:11px;
width: 200px;
}

.trueoverQuota{
background-color: red;
}

.ideo-win-active .ideo-win-menuIcon {
background:transparent url(/images/favicon.png) no-repeat scroll 0 0;
}
.ideo-win-main .ideo-win-titleLabel {
font-size:130%;
}
/*******************************
FIN STYLES SERVICE PREFERENCE
*******************************/

/*******************************
STYLES SERVICE COURRIERS
*******************************/
.application_courriers div.form_colonne {
clear:none;
float:left;
width:48%;
}

.application_courriers div.form_colonne label{
width:150px;
}

.application_courriers div.form_colonne fieldset{
width:95%;
}

/*******************************
FIN STYLES SERVICE COURRIERS
*******************************/

/*******************************
STYLES SERVICE CDT
*******************************/

#selecteur_groupe_cdt{
/*background-color: #ffffff;*/
height: 32px;
float: left;
margin: 0 125px 15px 0;
/*margin: 1em 0 2em;
position: absolute;
right: 120px;
top: -85px;
z-index: 250;*/
}

#selecteur_groupe_cdt select#groupe_select{
width: 150px;
}

div#impression_link{
left: 10px;
margin-top: 75px;
position: absolute;
}

div#impression_link a{
padding-left: 2px;
vertical-align: top;
}

#inspection_message_cdt{
background: #ccc;
margin-top: 1em;
padding: 0.4em 30px;
}

#filtre_type_activite,
#filtre_matiere{
width: 145px;
}

#selecteur_cdt_date{
float: left;
margin-top: 10px;
color:#666;
width: 320px;
}

#selecteur_cdt_date div#voir{
float:right;
margin-top:1em;
}

.selecteur_cdt_seance{
float: left;
padding-top: 10px;
padding-bottom: 10px;
width: 350px;
}

#selecteur_cdt_mois{
height: 16px;
background-color:#e6e6e6;
}

#selecteur_cdt_semaine{
background-color: #eee;
height: 30px;
}

div.selecteur_cdt_prev{
float: left;
width: 15px;
}

div.selecteur_cdt_next{
float: right;
width: 15px;
}

div.selecteur_cdt_next a,
div.selecteur_cdt_prev a{
margin-top: 0;
margin-right: 0;
vertical-align: middle;
}

#selecteur_cdt_date img{
background-color: #ccc;
border: 1px solid #999;
}

#selecteur_cdt_mois img{
padding:3px 1px;
}

#selecteur_cdt_semaine img{
padding: 10px 4px;
}

#selecteur_cdt_date div.selecteur_affiche_texte{
text-align: center;
vertical-align: middle;
margin-left:15px;
margin-right:15px;
background-color: #eee;
border-top:1px #999 solid;
border-bottom:1px #999 solid;
}

#selecteur_cdt_date div.selecteur_affiche_texte div#semaineTitre{
display:none;
background-repeat:no-repeat;
background-image:url(img/cdt/bullet_arrow_down.png);
background-position:center right;
}

#selecteur_cdt_date div.selecteur_affiche_texte select#semaineListe{
padding:4px;
color:#666;
background-color:#eee;
margin-top:1px;
width:100%;
height:27px;
border:0;
z-index:10;
}

#filtres{
float: left;
padding-left:30px;
}

#filtres div#filtres_form_elements label{
width:150px;
}

#filtres div#filtres_form_elements select{
width:200px;
}
div.cahier_texte caption{
font-weight: 700;	
}

div#contenu_deco2 div.navigation_cahier_texte{
background: #F7F7F7;
border: 2px solid #eeeeee;
padding-top: 1em;
padding-left: 1em;
}

div.cahier_texte dl.cdt_actions{
font-weight: 700;
width: 210px;
border: 1px solid #eee;
height: 49px;
}

div.cahier_texte dl#visa.cdt_actions{
position: absolute;
right:0;
width: auto;
}

div.cahier_texte dl.cdt_actions dt{
text-transform: uppercase;
background: #f7f7f7;
line-height: 20px;
padding: 0 0.5em;
text-align: center;
border: none;
}

div.cahier_texte dl.cdt_actions dd{
border-top: 2px solid #999;
width: 210px;
margin-left: 0;
padding: 0 0 0.3em;
text-align: center;
}

div.cahier_texte dl#visa.cdt_actions dd{
width: auto;	
}

div.cahier_texte dl.cdt_actions a{
margin: 0 5px;
text-decoration: none;
line-height: 24px;
display:block;
float: left;
}

div.cahier_texte dl.cdt_actions a.focus{
padding: 0 3px;
color: #ff4200;
border-top: 0;
}

div.cahier_texte dl.cdt_actions a:hover{
text-decoration: underline;
}

div.cahier_texte dl.cdt_actions img{
vertical-align: middle;
}

div.cahier_texte h3{
font-size: 1.1em;
margin: 1em;
background: #dedede;
padding: 0.5em;
}

div.cahier_texte h3 a{
position:absolute;
right:0;
width:140px;
font-size:0.9em;
font-weight:normal;
text-decoration:none;
}

div.cahier_texte dl dd{
margin-bottom: 2em;
}

div.cahier_texte dl{
margin: 0 1em;
}

div.cahier_texte a.seance_en_cours{
background-color: #ffff00;
}

div.cahier_texte dt{
border-left: 4px solid #5798AF;
font-weight: 700;
padding: 0.5em;
}

div.cahier_texte ul.contenuseance{
list-style: none;
padding: 0;
margin: 0;
}

div.cahier_texte dt .actionsseance{
font-weight: 500;
}

div.cahier_texte dt img{
vertical-align: middle
}

div.cahier_texte dt a{
text-decoration: none;
}

div.cahier_texte dt a:hover{
text-decoration: underline;
}

div#activite_gestion{
width: 620px;
margin: 0 auto;
}

div#activite_gestion img{
vertical-align: middle;
}

div#activite_gestion ul{
list-style: none;
background: #fff;
padding: 10px;
margin: 10px;
text-align: center;
}

div#activite_gestion ul li{
display: inline;
}

table.seance_navigation caption,
table.seance_navigation th,
table.seance_navigation td{
vertical-align: middle;
}

table.seance_navigation{
background-color: #eee;
color:#666;
width: 320px;
}

table.seance_navigation caption{
font-weight: 700;
color: #666;
background-color: #ddd;
height: 25px;
line-height: 25px;
}

table.seance_navigation th{
width: 50%;
text-align: left;
}

.detailseance{
padding-left: 10px;
float: left;
width: 370px;
}

.detailseance table td {
border-bottom:1px dotted #3F7492;
padding:0.2em 0;
}

.detailseance table {
width:100%;
}

div.detailseance table.detailseance_table{
background-color: #fff;
font-size: 1em;
margin: 0 0 1em;
}

table.detailseance_table caption{
background: transparent;
color: #666;
border-bottom: 2px solid #666;
text-align: left;
text-transform: uppercase;
}

div.detailseance table.detailseance_table caption span{
background: #666;
color: #fff;
padding: 3px 3px 1px;
}

div.detailseance .detailseance_table th,
div.detailseance table.detailseance_table td{
padding: 0.3em;
border-bottom: 1px dotted #ccc;
}

div.detailseance table.detailseance_table th{
text-align: left;
width: 20%;
}

div.detailseance ul#detail_seance_modification{
list-style: none;
padding: 0;
}

ul#detail_seance_modification li{
display: inline;
list-style: none;
margin: 0 5px 0 0;
}

div.cahier_texte span.actionseance a,
ul#detail_seance_modification li a{
background: no-repeat 0 0;
line-height: 20px;
padding: 2px ;/*2px 2px 17px;*/
text-decoration: none;
font-weight: normal;
}


div#listevisas ul li{
border-left:4px solid #ccc;
padding:5px;
margin:5px;
}
div#listevisas ul li.visa1{
border-left:4px solid #5798AF;
}
div#listevisas ul li.visa2{
border-left:4px solid #ABC104;
}

/** STYLES vue seance **/

div.cahier_texte .seance_navigation a.precedent{
background: #fff;
margin:0;
padding: 2px 10px;
border: 1px solid #999;	
}

div.cahier_texte .seance_navigation a.suivant{
background: #fff;
margin: 0;
padding: 2px 10px;
border: 1px solid #999;
}

div.cahier_texte div.next_seance_rapide{
background: #f7f7f7;
border: 1px #000 solid; 
position:absolute;
left: 512px;
top: 405px;
width: auto;	
}

div.close_next_seance{
height: 16px;
line-height: 16px;
margin: 0;
width: 100%;
text-align: right;
}

div.close_next_seance img{
cursor: pointer;	
}

/*div#next_seance{
background: #f7f7f7;
border: 1px #000 solid; 
position:absolute;
left: 543px;
top: 70px;
width: auto;
}*/

div.cahier_texte table.table_activite_suite div.next_seance_rapide ul,
div#next_seance ul{
list-style: none;
padding: 0;
}

div.cahier_texte div.next_seance_rapide ul li,
div#next_seance ul li {
border-bottom: 1px dotted #666;
font-weight: 700;
margin: 0.5em 0;
padding: 2px;
}

.activite_pour{
background : #6771A6 url(img/activites/pour.png) no-repeat left bottom;
margin-top:10px;
height : 34px;
}

div.cahier_texte .activite_pour h3,
div.cahier_texte .activite_pendant h3,
div.cahier_texte .activite_suite h3{
background: none;
line-height: 34px;
font-family: arial, sans-serif;
font-size: 1.4em;
font-weight: 700;
margin: 0 0 0 40px;
padding: 0 0 0 14px;
color: #fff;
}

div.cahier_texte .activite_pendant{
background : #AAC006 url(img/activites/pendant.png) no-repeat left bottom;
margin-top:10px;
height : 34px;
}
div.cahier_texte .activite_suite{
background : #67CBFF url(img/activites/suite.png) no-repeat left bottom;
margin-top:10px;
height : 34px;
}

div.cahier_texte .todo{
background: transparent url(img/pictos/todo.png) no-repeat;
line-height: 16px;
padding-left: 20px;
}

div.cahier_texte .todo_for_seance{
background: transparent url(img/activites/cog_go.png) no-repeat;
line-height: 16px;
padding-left: 20px;	
}

div.cahier_texte .todo_sans_date{
background: transparent url(img/pictos/cog_error.png) no-repeat;
line-height: 16px;
padding-left: 20px;
}

div.cahier_texte .activite{
background: transparent url(img/pictos/activite.png) no-repeat;
line-height: 16px;
padding-left: 20px;
}

div.cahier_texte .note_personnelle{
background: url(img/cdt/note.png) no-repeat left top;
margin: 1em 4px;
padding: 0 18px 0.5em 18px;
}

div.cahier_texte .note_personnelle .action_note_personnelle{
vertical-align: middle;	
}

div.cahier_texte .note_personnelle p{
margin: 0.5em 0;
}

div.cahier_texte .note_personnelle p.note{
border-left: 4px solid #ffd700;
padding-left: 4px;
}

div.cahier_texte .note_personnelle strong{
text-transform: uppercase;
}

.table_activite_pendant{
border: 1px solid #AAC006;
}
.table_activite_suite{
border: 1px solid #67CBFF;
}
.table_activite_pendant,
.table_activite_suite{
vertical-align: top;
font-size: 1em;
margin-left: 0;
width: 100%;
}

.table_activite_pendant{
background-color: #aac006;
}

.table_activite_pendant th,
.table_activite_suite th{
width: 22%;
text-align: center;
vertical-align: top;
}

.table_activite_pendant th input,
.table_activite_suite th input,
.table_activite_pendant th select,
.table_activite_suite th select{
width:150px;
}

.table_activite_pendant td,
.table_activite_suite td{
vertical-align: top;
text-align: left;
}

.table_activite_pendant td textarea,
.table_activite_suite td textarea{
width:95%;
}
	
.table_activite_suite th.nom_activite_a,
.table_activite_suite th.nom_activite_b,
.table_activite_pendant th.nom_activite_a,
.table_activite_pendant th.nom_activite_b{
vertical-align: middle;	
}

.table_activite_pendant th.nom_activite_a{
background-color: #E9EDD3;
}

.table_activite_pendant th.nom_activite_b{
background-color: #F2F6DB;
}

.table_activite_pendant th.nom_activite_a p.detail_activite_titre,
.table_activite_pendant th.nom_activite_b p.detail_activite_titre{
font-weight: 700;
width: 100%;
}

.table_activite_pendant th.nom_activite_a p.detail_activite_type,
.table_activite_pendant th.nom_activite_b p.detail_activite_type{
font-weight: normal;
width: 100%;
}

.table_activite_pendant th.nom_activite_a p.detail_activite_action,
.table_activite_pendant th.nom_activite_b p.detail_activite_action{
background-color: #eee;
border: 1px solid #ccc;
margin: 10px;
padding: 3px 0;
line-height: 16px;
}
.table_activite_pendant td.detail_activite{
background-color: #fff;
}

.table_activite_suite{
background-color: #67CBFF;
}



.table_activite_suite th.nom_activite_a{
background-color: #D2DCE0;
}

.table_activite_suite th.nom_activite_b{
background-color: #E0EAEF;
}

.table_activite_suite th.nom_activite_a p.detail_activite_titre,
.table_activite_suite th.nom_activite_b p.detail_activite_titre{
font-weight: 700;
width: 100%;
}

.table_activite_suite th.nom_activite_a p.detail_activite_type,
.table_activite_suite th.nom_activite_b p.detail_activite_type{
font-weight: normal;
width: 100%;
}

.table_activite_suite th.nom_activite_a p.detail_activite_action,
.table_activite_suite th.nom_activite_b p.detail_activite_action{
background-color: #eee;
border: 1px solid #ccc;
margin: 10px;
padding: 3px 0;
line-height: 16px;
}
.table_activite_suite td.detail_activite{
background-color: #fff;
}

.table_activite_suite td.detail_activite p{
border-bottom: 1px dotted #DCDEEA;
padding: 2px;
}

.table_activite_pendant td.detail_activite table.ressources_activite,
.table_activite_suite td.detail_activite table.ressources_activite{
width: 100%;
}

.table_activite_pendant td.detail_activite table.ressources_activite th,
.table_activite_suite td.detail_activite table.ressources_activite th{
padding-left: 10px;
text-align: left;
width: 18%;
}

table#tdb th{
padding: 0;
width: 25%;
}

/** Remise de devoir en ligne **/

div#action_groupees{
width:100%;
}

div#action_groupees a{
background-repeat: no-repeat;
background-position: left center;
display: block;
height: 20px;
line-height: 20px;
padding-left: 20px;
margin:auto;
width:400px;
}

div#action_groupees a.telecharger_portedoc {
background-image: url(img/cdt/folder_page.png);
}

div#action_groupees a.telecharger_archive{
background-image: url(img/cdt/page_white_compressed.png);
}

div#action_groupees a.relancer {
background-image: url(img/cdt/email.png);
}

div#action_groupees a.envoyer {
background-image: url(img/cdt/page_go.png);
}

#date_matiere{
background-color: #eee;
margin: 1em 0 2em;
padding: 10px;
}

table#liste_eleve{
border: 1px dotted #B0B0B0;	
width: 100%;
}

table#liste_eleve caption,
table.appel caption{
background-color: #999;
border-bottom:1px dotted #B0B0B0;
color: #fff;
font-weight:700;
margin-bottom:0.3em;
padding: 0.5em 0.5em 0.2em;
text-align:left;
text-transform: uppercase;
}

table#liste_eleve th{
background-color: #ccc;
border-right: 1px solid #fff;
text-align: center;
vertical-align: middle;
}

table#liste_eleve tr.odd{
background-color:#fff;
}

table#liste_eleve tr.even{
background-color:#eee;
}

table#liste_eleve tr.devoir_retard{
background-color: #ff0000;
color: #fff;
}

table#liste_eleve tr.devoir_retard a{
color: #fff;
}

table#liste_eleve tr.devoir_retard img{
background-color: #fff;
}

table#liste_eleve td{
width:100px;
}

table#liste_eleve td.eleve{
width:200px;
}

table#liste_eleve td.devoir{
width:250px;
}

table#liste_eleve th.actions{
border-right: 1px dotted #B0B0B0;
}

table#liste_eleve td.actions{
text-align: center;
}

table#vue_cahier_de_texte{
width: 100%;	
table-layout:fixed;
}

table#vue_cahier_de_texte th,
table#vue_cahier_de_texte td{
vertical-align: top;
border-left:1px solid #fff;
}
table#vue_cahier_de_texte tr{
border-bottom:1px dotted #666;
}
table#vue_cahier_de_texte thead{
height:30px;
}
table#vue_cahier_de_texte thead tr td{
border-right: 1px solid #666;
}
table#vue_cahier_de_texte thead tr th{
border-bottom: 1px solid #fff;
background-color:#666;
color:#FFF;
font-family:arial,sans-serif;
}
table#vue_cahier_de_texte tbody tr th{
font-size:0.8em;
font-weight:500;
}
tbody tr.crenaux_utilisable{
text-align: center;
}

table#vue_cahier_de_texte col#semaine_lundi,
table#vue_cahier_de_texte col#semaine_mercredi,
table#vue_cahier_de_texte col#semaine_vendredi,
table#vue_cahier_de_texte col#semaine_dimanche{
background: #dde6eb;
}

table#vue_cahier_de_texte col#semaine_mardi,
table#vue_cahier_de_texte col#semaine_jeudi,
table#vue_cahier_de_texte col#semaine_samedi{
background: #D1DADF;
}

form.en-colonne div.colonne_rapide{
clear: none;
float:left;
width: 33%;
}

fieldset#activite_todo .next_seance_rapide,
div#suite-seance .next_seance_rapide{
background-color: #eee;
position: absolute;
margin-right:20px;
right:0;
top:415px;
width:230px;
}

fieldset#activite_todo .next_seance_rapide ul{
list-style: none;	
}

fieldset#activite_todo .next_seance_rapide ul li {
border-bottom: 1px dotted #666;
font-weight: 700;
margin: 0.5em 0;
padding: 2px;
}

input.libelle_seance_remise{
background-color: #fff;
border:1px solid #000;
width: 200px;	
}

/** Style pour la vue EDT du cahier de texte **/
#vue_cahier_de_texte ul{
list-style: none;	
}

#vue_cahier_de_texte a.celluleEDTTitre{
font-weight: 700;
text-decoration: none;
}

.cdt-seance,
.cdt-activite,
.cdt-future,
.cdt-seance-lock,
.cdt-activite-lock,
.cdt-future-lock,
.cdt-future-sans-date{
background: no-repeat 0 50%;
}

.cdt-seance{
background-image: url(img/cdt/seance.png);
}

.cdt-activite{
background-image: url(img/cdt/activite.png);
}

.cdt-future{
background-image: url(img/cdt/future.png);
}

.cdt-seance-lock{
background-image: url(img/cdt/seance_lock.png);
}

.cdt-activite-lock{
background-image: url(img/cdt/activite_lock.png);
}

.cdt-future-lock{
background-image: url(img/cdt/future_lock.png);
}

.cdt-future-sans-date{
background-image: url(img/pictos/cog_error.png);
}

.actions_cdt_arbre {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#CCCCCC url(img/cdt/actions_cdt_arbre.png) no-repeat scroll 0 bottom;
clear:both;
margin:1em 0;
padding:0.5em 0.5em 22px;
position:relative;
top:auto;
}

div#evenements,
div#fermetures{
position:absolute;
width:100%;
}

div#contenu_agenda_colonnes div#evenements{
margin-top:5px;
}

div#evenements table,
div#fermetures table{
table-layout:fixed;
width:100%;
border:0;
position:relative;
}

div#fermetures table{
top:30px;
}

div#evenements table.cdt thead th{
text-align:right;
padding-right:10px;
height:30px;
}

div#evenements td.colonne_journee,
div#fermetures td.colonne_journee{
vertical-align:top;
width:14%;
}
div#evenements table.cdt td.colonne_journee,
div#fermetures table.cdt td.colonne_journee{
width:auto;
}

div#evenements div.colonne_journee,
div#fermetures div.colonne_journee{
position:relative;
width:100%;
}

div#evenements div.bloc_evenement{
font-family:verdana,sans-serif;
background-color:#fff;
/*font-size:0.7em;*/
border:1px solid #2B73BB;
overflow:hidden;
position:absolute;
left:0;
text-align:center;
z-index:1;
cursor:pointer;
}
div#evenements table.cdt div.bloc_evenement,
div#fermetures table.cdt div.bloc_fermeture{
border:0;
border-bottom:1px solid #fff;
background-image:url('/images/pictos/pixel_blanc.gif');
background-repeat:repeat-y;
background-position:left;
cursor:default;
}

div#evenements table.cdt div.bloc_evenement img{
padding-right:5px;
position:relative;
top:3px;
}

div#evenements div.bloc_evenement .heure_precise{
border-bottom:1px dotted;
display:block;
font-weight:700;
text-align:left;
white-space:nowrap;
width:100%;
}

div#evenements div.bloc_evenement a{
color:inherit;
text-decoration:none;
font-weight:bold;
}

div#evenements div.bloc_evenement a:hover{
text-decoration:underline;
}

div#evenements div.bloc_evenement span{
font-size:80%;
}

div#fermetures div.bloc_fermeture{
position:relative;
background-color:#ccc;
text-align:center;
font-weight:bold;
z-index:2;
}

/** Impression cdt **/
div#print_cdt_button div#bloc_cdt_print_button{
background: url(img/cdt/printer.png) no-repeat left center;
cursor: pointer;
height: 20px;
line-height: 20px;
padding-left: 18px;
}

/** Gestion des preferences cdt **/
div#contenu_deco2 form#gestion_pref_cdt label{
width: 50%;
}
/** Fin gestion preferences cdt **/


.pendant-seance {
overflow-x:auto;
}

.suite-seance {
overflow-x:auto;
}

/*************************************************/
/****************	 FIN SERVICE CDT *************/
/*************************************************/

/*******************************
STYLES SERVICE ABSENCES
*******************************/

.application_absences div.form_colonne {
clear:none;
float:left;
width:48%;
}

.application_absences div.form_colonne label{
width:150px;
}

.ferre_droite {
text-align:right;
}

p#date_matiere {
background:#EEEEEE none repeat scroll 0 0;
margin:1em 0 2em;
padding:10px;
}

.abs-nok {
color:red;
}

.abs-ok {
color:green;
}

#conteneur_absences, #conteneur_seances {
margin-top:40px;
}

span#lien_previsualisation,
span#lien_info_tags {
margin-right: 10px;
}

.application_absences select#absence_type,
.application_absences select#absence_type_np,
.application_absences select#absence_origine,
.application_absences select#absence_motif,
.application_absences select#absence_motif_np,
.application_absences select#absence_motif_evt,
.application_absences select#absence_action,
.application_absences select#absence_etat,
.application_absences select#absence_classe,
.application_absences select#absence_groupe,
.application_absences select#absence_eleve,
.application_absences select#absence_matiere,
.application_absences select#absence_communication,
.application_courriers select#courriers_classe,
.application_courriers select#courriers_eleve,
.application_courriers select#COURRIER_TYPE,
.application_courriers select#COURRIER_ETAT,
.application_absences select#enquete_etab,
.application_absences input#enquete_niveau_mef,
.application_absences select#enquete_mois {
width: 150px;
}

.application_absences select#absence_type_courrier {
width: 110px;
}

.saisie_absences{
margin-top:20px;
position:relative;
width:100%;
}

.saisie_absences table {
width: 100%;
}

div#contenu_deco2 form table#liste_eleve caption,
div#contenu_deco2 form table.appel caption{
padding: 0.5em;
text-transform: uppercase;
background: #999;
}

div#contenu_deco2 form table#liste_eleve th{
vertical-align: middle;
text-align: center;
background: #ccc;
padding: 0.5em 0;
}

div#contenu_deco2 form table#liste_eleve td{
width:auto;
padding: 0.3em 0;
}

div#contenu_deco2 form table#liste_eleve td.absence{
width:30px;
}

div#contenu_deco2 form table#liste_eleve td.retard{
width:60px;
}

div#contenu_deco2 form table#liste_eleve td.depart{
width:102px;
}

div#contenu_deco2 form table#liste_eleve td.detail{
width: 30px
}

div#contenu_deco2 form table#liste_eleve td.classe_eleve{
width:50px;
}
div#contenu_deco2 form table#liste_eleve td.eleve{
width:150px;
}

div#contenu_deco2 form table#liste_eleve td.infos{
width:150px;
}

div#contenu_deco2 form table#liste_eleve td.commentaire{
width:auto;
}

div#contenu_deco2 form table#liste_eleve td.commentaire input{
border: 1px solid #ccc;
width:90%;
}

tr.odd td.eleve_absence, tr.even td.eleve_absence{
	background-color: #ff8625;
}

tr.odd td.eleve_retard, tr.even td.eleve_retard{
	background-color: #ffd200;
}

tr.odd td.eleve_depart, tr.even td.eleve_depart{
	background-color: #9fbad5;
}
#confirm_appel{
text-align: center;
background-color:#91AD00;
padding:4px;
font-weight:700;
color:white;
}

.information{
border: solid 1px #EC751A;
padding: 5px;
}

.information em{
color:#EC751A;
font-size:1.1em;
font-weight:700;
}

.application_absences form.gestion fieldset {
margin-bottom:0px;
}

div.accordion_toggle {
padding:5px 5px 5px 25px;
background-image: url(img/absences/16-square-blue-add.png);
background-repeat: no-repeat;
background-position: 5px center;
background-color:#D4D4D4;
border: solid #fff 1px;
font-size:1em;
cursor:pointer;
}

div.accordion_toggle_active {
padding:5px 5px 5px 25px;
font-weight:700;
background-image: url(img/absences/16-square-blue-remove.png);
background-repeat: no-repeat;
background-position: 5px center;
background-color:#ddd;
border: solid #fff 1px;
font-size:1em;
cursor:pointer;
}

div.accordion_container {
overflow:hidden;
padding-left:10px;
}

div.accordion_container_active {
overflow:hidden;
padding-left:10px;
height:auto;
}

div.accordion_accueil {
padding-top:10px;
}

label.sous-fieldset {
font-style:italic;
font-weight:500;
color:#F16D15;
}

p.titre_datagrid {
background-color:#ddd;
padding:5px;
margin-bottom:0;
}
table.appel {
table-layout: fixed;
word-wrap: break-word;
}
table.appel td, table.appel th {
padding:0px;
}
table.appel td.commentaire input {
width:100%;
}
table.appel td.detail {
text-align:center;
}
table.appel th {
text-align:center;
}

.div_coord_tuteurs {
position:Absolute;
display: none;
background-color: #ddd;
padding : 5px;
border : solid 1px;
}

.appelCombo{
width: 100px;
}

/*******************************
FIN STYLES SERVICE ABSENCES
*******************************/


/*******************************
STYLES TABLEAU NON SWEET-DEV
*******************************/

table.no-sweetdev {
border:1px dotted #999999;
padding:2px;
text-align:center;
vertical-align:top;
width:100%;
}

table.no-sweetdev th {
border:1px dotted #999999;
vertical-align:middle;
}

table.no-sweetdev td {
border-left:1px dotted #999999;
border-right:1px dotted #999999;
padding:2px;
text-align:center;
}

table.no-sweetdev tr.even {
background-color:#DDDDDD;
}

table.no-sweetdev caption {
font-weight:700;
padding:0.5em;
text-align:left;
text-transform:uppercase;
background:#666666 none repeat scroll 0 0;
color:#FFFFFF;
}

/*******************************
FIN STYLES TABLEAU NON SWEET-DEV
*******************************/
/*******************************
STYLES SERVICE VIE SCOLAIRE
*******************************/
div.bilan_individus{
color:#F36D15;
font-size:1.1em;
font-weight:700;
margin:1em;
}
div#contenu_deco2 table.liste_individus{
margin:1em;
background-color:#F7F7F7;
border:#ddd solid 2px;
}

div#contenu_deco2 table.liste_classes{
background-color:#F7F7F7;
border:#ddd solid 2px;
margin-bottom:2em;
width:100%;
}

div#contenu_deco2 table.liste_individus caption,
div#contenu_deco2 table.liste_classes caption{
margin:1em 1em 1em 0;
font-weight:700;
font-size:1.1em;
color:#F36D15;
text-align:left;
}

div#contenu_deco2 table.liste_classes th{
text-align:center;
color:#565556;
padding:0.2em 1em;
}

div#contenu_deco2 table.liste_individus td,
div#contenu_deco2 table.liste_classes td{
text-align:center;
padding:0.2em 1em;
}
.warning{
background-color:#F16D15;
font-weight: 700;
padding: 0.2em;
text-align: center;
width: auto;
color: #fff;
}
.confirmation{
background-color:#b8f04c;
font-weight: 700;
padding: 0.2em;
text-align: center;
width: auto;
color: #565556;
}
.sous-titre{
color:#F16D15;
font-size:1.1em;
font-weight:700;
}
.retour-fil-ariane{
/*font-family:arial,sans-serif;
font-weight:700;
height:27px;
cursor:pointer;
background:#A8A8A8 url(img/mode_saisie/annuler.png) no-repeat scroll 0 0;
color:#FFFFFF;
width:75px;
text-decoration: none;
padding:6px 17px;
font-size:9.5pt;*/
}
.habillage_legende div.accordion_accueil{
padding-right:15px;
}
.button-valider{
border:0 none;
font-family:arial,sans-serif;
font-weight:700;
height:27px;
cursor:pointer;
background:#FFFFFF url(img/mode_saisie/valider.png) no-repeat scroll 0 0;
color:#EC751A;
width:75px;
text-decoration: none;
padding:6px 7px;
font-size:9.5pt;
}


.generation_seances{
font-weight:700;
}

.viescolaire_help_ol{
padding-left:30px;
padding-bottom:10px;
}

.viescolaire_help_button{
padding-top:5px;
padding-right:5px;
float:right;
}

.viescolaire_help_td{
padding-right:10px;
}

.viescolaire_help_td_gris{
background-color:#DDDDDD;
}

.viescolaire_bilan_import ul,
.viescolaire_bilan_import li{
padding-left:10px;
}

div.classeurpeda_floating_button{
bottom:20%;
position:fixed;
right:15%;
z-index:100;
}

img.pbMessageImg{
vertical-align: middle;
}

div.pbMessage{
margin-top: 10pt;
height: 50px;
text-align: middle;
}

/*******************************
FIN STYLES SERVICE VIE SCOLAIRE
*******************************/

hr.k_pagebreak{
display:none;
}

hr.k_more{
display:none;
}


/******************************
STYLES KUICALENDAR
*******************************/
/* Clear calendar's float, using dialog inbuilt form element */
.container_calendar .bd form {
clear:left;
}

/* Have calendar squeeze upto bd bounding box */
.parent_container_calendar .yui-panel .bd {
padding:0;
width:auto;
}

.parent_container_calendar div.yui-panel-container {
width:170px;
}

.container_calendar .hd {
text-align:left;
width:auto;
}

.container_calendar .ft {
width:auto;
}

/* Center buttons in the footer */
.parent_container_calendar .yui-dialog .ft .button-group {
text-align:center;
}

/* Prevent border-collapse:collapse from bleeding through in IE6, IE7 */
.parent_container_calendar div.yui-overlay-hidden table {
*display:none;
}

/* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
.container_calendar .bd .cal {
border:none;
padding:1em;
}

/* Datefield look/feel */
.datefield {
/*position:relative;*/
display:inline;
}

.datefield input,
.datefield button,
.datefield label  {
vertical-align:middle;
}

.datefield input  {
width:65px;
border:1px solid black;
}

.datefield img  {
cursor:pointer;
vertical-align:middle;
}
/******************************
FIN STYLES KUICALENDAR
*******************************/

/******************************
STYLES KUIWINDOW
*******************************/
.kuiwindow_hd{
vertical-align:middle; 
line-height:24px; 
font-weight:bold; 
}
.kuiwindow_ft{

}

/******************************
FIN STYLES KUIWINDOW
*******************************/
/******************************
STYLES KUIDATAGRID
*******************************/

.yui-skin-sam .yui-dt tr.footer, 
.yui-skin-sam .yui-dt tr.footer td.yui-dt-asc, 
.yui-skin-sam .yui-dt tr.footer td.yui-dt-desc, 
.yui-skin-sam .yui-dt tr.footer td.yui-dt-asc, 
.yui-skin-sam .yui-dt tr.footer td.yui-dt-desc { 
	background-color:#CCE3FF;
	color:#565556;
	font-weight:700;
}
.yui-skin-sam .yui-dt table {
	width:100%;	
}
.data-cell-checkbox {
	width:30px;	
}
/******************************
FIN STYLES KUIDATAGRID
*******************************/
/******************************
STYLES FCK_PLUGIN
*******************************/
body.fck-plugin {
	background:none;
	margin:2px;
}

/******************************
FIN STYLES FCK_PLUGIN
*******************************/
/******************************
STYLES FORMULAIRES DE RUBRIQUES
*******************************/
form#form_champ textarea#LIBELLE {
height: 100px;
width: 317px;
}

/******************************
FIN STYLES FORMULAIRES DE RUBRIQUES
*******************************/
/******************************
STYLES KUIUSERSELECTOR
*******************************/
body.popup form#form_recherche_utilisateurs fieldset {
margin:0px;
padding-bottom:Opx;
}
body.popup form#form_recherche_utilisateurs div {
margin:0px;
}
/******************************
FIN STYLES KUIUSERSELECTOR
*******************************/

/******************************
STYLES OUTILS AIDE A LA DECISION
******************************/
.question {
display:none;
}

#questionnaire_validation_recommandation {
display:none;
}

.en-colonne-large span.libelle {
float:left;
font-weight:700;
width:300px;
}

#zone_questionnaire table td {
padding:0;
}

.en-colonne-large div {
clear:left;
}

#zone_message {
display:none;
margin-bottom:10px;
}

.message_donnees_vs {
display:none;
}

.bilan_guide_vs {
display:none;
}

.bilan_guide_vs td{
width:50%;
}

.form_import {
display:none;
}
/******************************
FIN STYLES OUTILS AIDE A LA DECISION
******************************/