/*
#profil_inconnu,
#profil_adulte, 
#profil_lyceen, 
#profil_collegien{
}
*/

/* -------------------------------------
Initialisation des styles par defaut
---------------------------------------- */
h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input{
margin:0;
padding:0;
}

body,
html,
fieldset{
border:0
}

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

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

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

/* =liens */
a {
text-decoration:none;
color:#3b83cb;
}

a:hover {
text-decoration:underline;
}

/* état "focus" important pour accessibilité web */
a:focus{
}

/* classes communes */
.hide {
position: absolute;
visibility: hidden;
}


/* employer le terme "separateur" plutôt que "clear"
pour standardisation des id-class en français */
.clear,
.separateur{
clear: both;
}

.separateurb{
clear: both;
margin-top:1em;
margin-bottom:0;
}

.no-border {
border:0
}

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

.retour {
cursor: pointer;
}

.champ-saisie {
border: 1px solid #999;
padding: 2px 1px;
}

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


/* --- Listes d'affichage --- */

.div-liste{
margin:0;
padding:1em 0;
clear:left;
border-bottom:1px dashed #7B7B7B;
font-family:verdana, sans-serif;
font-size:0.8em;
}

.div-liste a{
padding-left:0
}

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

h4.titre-liste{
font-size:1.4em;
margin:0.3em 0;
font-family:"Trebuchet MS", sans-serif;
}

.resume-liste{
}

.date-liste {
}

.soustitre-liste{
}

.redac-liste {
font-style:italic;
color:#332e44;
}

.div-liste-element-defaut {
}

/******************
=Bloc =Page
******************/

body {
font-family: "Trebuchet MS", verdana, "Bitstream Vera Sans", helvetica, arial, sans-serif; 
font-size:0.75em;
font-size:75%;
color:#55575c;
background:#fff url(img/corps_page.png) repeat-y 0 0;
margin:0;
padding:0;
}

/* surcharge =DSI */

body.dsi {
background-image:none;
}


#page{
margin:0;
padding:0;
width:100%;
position:relative;
}

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

#bandeau h1{
font-size:1.5em;
font-weight:500;
color:#db3f2a;
background:#fff;
position:absolute;
top:0;;
}

h1 span#intitule{
position:absolute;
top:0;
left:221px;
background:#fff url(img/site_intitule.png) repeat-y right 0;
border:1px solid #a9adb8;
width:332px;
}

#logo_petit {
position: absolute;
top: 0;
left:0;
}

#bandeau{
position:relative;
height:166px;
/* background:url(img/bandeau_defaut.jpg) no-repeat 221px 30px; */
background:url(img/bandeau_fond.gif);
z-index:1
}

img#illustration_bandeau{
position:absolute;
top:30px;
left:221px;
}

/*** surcharge =DSI  ***/

.dsi #bandeau {
height:98px;
}

#connexion {
position: absolute;
top:100px;
left:0;
width:210px;
background:#fff url(img/connexion.png) no-repeat 10px 0;
padding-top:15px;
font-family:verdana, sans-serif;
font-size:0.75em;
z-index:1;
padding-left:11px;
}

#connexion_cas {
position: absolute;
top:100px;
left:0px;
padding-top:15px;
z-index:1;
padding-left:16px;
}

#connexion legend{
display:none;
}

#connexion fieldset p{
float:left;
margin:0 2px 0 0;
}

#connexion input{
border:1px solid #bdbdbd;
width:93px;
font-size:1.1em;
padding:2px 0;
font-family:arial, sans-serif;
letter-spacing:1px;
}

#connexion label{
display:block;
}

.frame #profil_inconnu #connexion {
}

#profil_inconnu #connexion_cas {
position:absolute;
top:17px;
left:785px;
width:200px;
height:86px;
padding:0;
margin:0;
}

#connexion #login {
}

#connexion #password {
}

#connexion p#oublie {
margin:8px 0 0 97px;
}

#connexion p#oublie a{
color:#35314B;
background:#fff;
}

#connexion input.ok {
background:url(img/connexion_valider.png) no-repeat 0 0;
border:none;
width:50px;
position:absolute;
right:17px;
top:50px;
color:#35314B;
}

/* ========== Recherche simple ========== */

form#recherche-simple{
position: absolute;
top:100px;
right:5px;
width:210px;
height:60px;
padding-top:5px;
padding-left:4px;
border:1px solid #a9adb8;
background:#fff url(img/recherche_simple.png) repeat-y 100% 0;
font-family:arial, sans-serif;
font-size:0.8em;
}

#recherche-simple label{
font-weight:700;
color:#DB3F2A;
display:block;
font-size:1.3em;
letter-spacing:1px;
}

#recherche-simple input{
font-size:0.9em;
border:1px solid #A9ADB8;
font-family:verdana, sans-serif;
width:120px;
}

#recherche-simple input.ok{
background:url(img/recherche_simple_valider.png) no-repeat 0 0;
border:0;
width:50px;
height:18px;
padding-bottom:1px;
color:#35314B;
margin-top:20px
}

#recherche-simple p{
margin:0;
position:absolute;
top:42px;
left:7px;
}

#recherche-simple a{
color:#35314b;
}

/* ========== Recherche simple en DSI ========== */

.dsi form#recherche-simple{
right:0;
top:103px;
border:none;
border-left:1px solid #fff;
background:#4678a2 none;
width:170px;
padding-left:15px;
float:left;
}

.dsi #recherche-simple label{
color:#fff;
}

.dsi #recherche-simple input{
width:150px;
}

.dsi #recherche-simple input.ok{
background:url(img_dsi/recherche_simple_valider.png) no-repeat 0 0;
border:0;
width:50px;
height:18px;
padding-bottom:1px;
color:#35314B;
margin-top:8px;
float:right;
margin-right:15px;
}

.dsi #recherche-simple p{
top:48px;
left:15px;
}

/* ========== Bloc menu ========== */

#menu{
z-index:0
}

body.dsi #menu{
position:relative;
top:0;
left:0;
background:#4678A2;
border-top:1px solid #fff;
}

/* ========== bloc outils ========== */

#outils {
position:relative;
top:0;
left:0;
height: 55px;
background:#ccc;
}

/* surcharge =Rubrique */
.rubrique #outils { 
border-bottom: 0;
}

#outils ul{
list-style:none;
float:right;
}

#outils li{
float:left;
}

#outils a {
display:block;
padding:5px 10px 4px 6px;
}

#outils a.first-menu-item{
border-left:0;
}

#outils a:hover,
#outils a.hover{
}

#outils{
border-bottom:0;
}

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

ul#services,
ul#services ul{
list-style:none;
margin:0;
padding:0;
}

ul#services{
position:relative;
top:0;
left:0;
min-height:74px;
height:74px;
margin:0;
/* padding:0 190px 76px 225px; */
padding:0 190px 0 225px;
background:#4677a2;
text-align:center;
z-index:1;
}

html>body ul#services{
height:auto;
}

ul#services li{
top:0;
left:0;
margin:5px;
padding:0;
display: inline;
float:left
}

ul#services li img{
}

ul#services li#focus,
ul#services li#focus img{
background:#f9a604;
}

/* Sous-services =============================== */
/* inutilisés pour le moment
ul#services ul li{
position:relative;
}

#sousservices{
position:relative;
top:0;
margin:0;
padding:0;
color:#fff;
background:#f9a604;
text-align:center;
font-weight:700;
height:50px;
min-height:50px;
font-size:1.1em;
}

html>body #sousservices{
height:auto;
}

#sousservices li{
display:inline;
position:relative;
top:1em;
}

#sousservices a{
color:#fff;
}
*/
/* =============================== */

#profil_inconnu #services li.premier{
background-image:url(/images/kdecole/inconnu/services_actifs_premier.gif);
}

ul#services a{
color:#fff;
text-decoration:none;
display:block;
/* EL 20060829 réduction pour rentrer plus de services en largeur :
min-width:70px;
*/
}

ul#services a:hover{
background:#5e8eba;
}

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

#navigation{
width: 221px;
background:url(img/navigation.png) no-repeat 100% 100%;
padding-bottom:51px;
position:absolute;
left:0;
}

#navigation h3{
}

/*** surcharge =Collaboratif ***/

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

/* -------------------------------------------
rubriques à l'intérieur du menu de navigation
------------------------------------------- */

p#acces-direct { 
visibility:hidden;
position:absolute;
}

ul.menu-prin{
background:#fff url(img/menu_principal.png) repeat-y 0 0;
border-top:1px solid #A9ADB8;
border-bottom:1px solid #A9ADB8;
margin-bottom:0;
list-style:none;
margin-left:0;
padding-left:15px;
font-size:1.3em;
}

ul.menu-prin li{
padding:0.1em 0;
}

ul.menu-prin ul{
margin-left:0;
padding-left:0;
list-style:none;
font-size:0.8em;
font-weight:500;
background-color:#e9eee4;
}

ul.menu-prin ul ul,
ul.menu-prin ul ul ul{
font-size:12px;
}

ul.menu-prin li li{
border-bottom:1px solid #D6DAD7;
padding:0.2em 1em;
}

ul.menu-prin li li li,
ul.menu-prin li li li li{
border-bottom:none;
}

ul.menu-prin a{
color:#373c5f;
text-decoration:none;
padding-left:0.8em;
}

li.menuon{
font-weight:700;
}

/*
ul.menu-prin li li{
border-bottom:1px solid #E5E6EA;
}

ul.menu-prin a{
color:#6F2449;
padding-left:16px;
}
*/

/* ---------- Newsletter ---------- */

#newsletter{
}

#newsletter legend{
}

#newsletter .champ-saisie {
width: 120px;
border: 0;
padding: 2px 1px
}

.deco-news h3 {
line-height:180%;
color:#fff;
}

.deco-news {
padding-left: 30px
}

/*********************************
	=Bloc =Contenu
*********************************/
#deco_contenu {
border:1px solid #a9adb8;
margin:3px 5px 0 221px;
padding-left:22px;
padding-bottom:1em;
background:#fff;
}
#fiche_service #deco_contenu {
margin:5px 5px;
padding: 0;
border: none;
}
#deco_contenu_large {
margin:5px 5px;
padding: 0 0 1em 0;
border: none;
}

.separateur{
clear:both;
visibility:hidden;
margin:0;
}

/* div Contenu affiché lorsqu'il y a des encadrés : */
#contenu-avec-encadres {
float:left;
width:67%;
padding-right:3%;
border-right:1px solid #a9adb8;
}

/* hack IE : hauteur minimale du contenu central ; à définir ci-dessous et juste après : */
#contenu-avec-encadres,
#contenu,
#contenu_large {
height: 350px;
}

html>body #contenu,
html>body #contenu-avec-encadres,
html>body #contenu_large{
height: auto;
min-height: 350px;
}

/* div Contenu affiché lorsqu'il N'y a PAS d'encadré : */
#contenu {
border:1px solid #a9adb8;
/*margin-left:221px;*/
margin-right:5px;
padding-left:22px;
}

#contenu_large {
float: left;
}

* html #contenu { 
width:auto;
}

h2 {
font-size:1.5em;
color:#6f2449;
font-weight:500;
margin-bottom:0.5em;
}

/*** surcharge =Annuaire  ***/
.annuaire h2 {
margin-bottom: 0;
}

/*** surcharge =Page =libre  ***/
.pagelibre h2 {
margin:15px 0 20px 0;
}

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

h3 {
font-size: 1.1em;
margin: 0.5em 0;
}

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

.ligne {
margin: 0 ;
padding:2px 0 0 0;
clear:left;
}

.conteneursousparagraphe {
float:left;
}

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

.filet {
background-color: #778aaa;
height: 1px;
font-size: 1px;
margin: 7px 0 3px 0;
}


/*** Plan du site  ***/

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

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


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

#encadres {
float: left;
width:29%;
font-family:verdana, sans-serif;
font-size:0.8em;
margin-bottom:2em;
padding-top:1em;
}

#encadres h4{
color:#6f716c;
padding-bottom:0.5em;
border-bottom:1px solid #a9adb8;
padding-left:10px;
}

/* surcharge =Rubrique */
.rubrique #encadres {
margin-top: 20px;
}

a.box-esp { 
background: url(/images/en_savoir_plus2.gif) no-repeat 100% 0;
display: block;
height: 10px;
width: 165px;
margin-top: 10px
}

a.box-esp span { 
display: none;
}

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

.generique,
.rubrique {
background: transparent url(img/enc_rub_top.png) no-repeat;
margin:0;
}

/* Pour IE on donne du GIF car problème transparence alpha PNG */
/* \*/
* html .generique,
* html .rubrique{
background: url(img/enc_rub_top.gif) no-repeat;
height: 1em;
}
/* */

.deco-generique-2 h4,
.deco-rubrique-2 h4{
background: transparent url(img/enc_rub_top.png) no-repeat 0 0;
border-bottom : 1px solid #332e44;
margin:0 0 10px 0;
padding : 10px 5px 3px 15px;
color : #fff; 
font-weight : 700; 
line-height : 1;
font-size : 120%;
}

/* Pour IE on donne du GIF car problème transparence alpha PNG */
/* \*/
* html .deco-generique-2 h4,
* html .deco-rubrique-2 h4{
background: transparent url(img/enc_rub_top.gif);
}
/* */

.deco-generique-2 p,
.deco-rubrique-2 p {
margin : 10px 10px 0 15px;
}

.deco-generique-2 ul,
.deco-rubrique-2 ul,
.deco-generique-2 ol,
.deco-rubrique-2 ol {
margin : 10px 10px 0 15px;
}

/*** Fix Toolbox ***/
.deco-generique-2 ul div,
.deco-rubrique-2 ul div {
display:inline;
}

/* ------------------------
encadres génériques K-d'école
encadrés de rubrique
encadrés de navigation auto
encadrés auto de fiche
------------------------ */

.encadre_modele01_titre {
text-align: center;
font-size: 10px;
font-weight: 700;
color: #FFF;
border: 1px solid #fff;
background-color: #677A7B;
width: 210px;
margin-left: 6px;
margin-top:10px;
margin-bottom: 0;
padding-top:5px;
padding-bottom:5px;
}

.encadre_modele01_contenu {
width: 212px;
background-color: #fff;
margin-left: 6px;
margin-top: 0;
padding-top: 0;
padding-bottom: 10px;
}

.encadre_modele01_contenu_padding {
padding: 5px 10px 10px 10px;
}

#profil_inconnu .encadre_modele01_contenu {
background: #fff url(/images/kdecole/inconnu/encadres/modele01/fond_bas.gif) no-repeat 0 100%
}

/* ------------------------------------------------
encadré rubrique
------------------------------------------------ */

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

html>body #encadres .encadre_rubrique_deco{
padding:0 0 0 8px;
}

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

html>body #encadres .encadre_rubrique_deco_a{
left:0;
}

#encadres .encadre_rubrique_deco_b{
background:url(img/style3_decob.png) no-repeat right bottom;
padding-bottom:0;
}

html>body #encadres .encadre_rubrique_deco_b{
padding-bottom:7px;
}

#encadres .encadre_rubrique{
border:1px solid #ced2d6;
padding:0 0.5em;
}

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

#encadres .encadre_rubrique_contenu{
padding-bottom:1em;
}

/* ------------------------------------------------
encadré navigation automatique
------------------------------------------------ */

.encadre_navigation_auto{
}

.encadre_navigation_auto_contenu{
margin-left:10px;
}

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

.fiche,
.encadre-auto-fiche,
.encadre-nav-auto {
border-top : 1px solid #332e44;
padding : 20px 0 20px 20px;
margin-right : 20px;
}

.fiche h4,
.encadre-auto-fiche h4,
.encadre-nav-auto h4{
color : #332e44;
font-weight : 700;
font-size : 110%;
margin : 1em 0;
}

.encadre-auto-fiche p,
.fiche p {
margin : 1em 0;
}

/* ---------------
encadrés automatique de fiche
--------------- */

.encadre_auto_fiche_contenu{
padding-left:10px;
}

/* ---------------
encadrés de fiche
--------------- */

#encadres .encadre_fiche{
background:url(img/encadres/fiche.png) no-repeat right bottom;
padding-bottom:1em;
}

#encadres .encadre_fiche h4{
background:url(img/encadres/fiche_titre.png) no-repeat 0 50%;
padding:0 0 0 20px;
color:#6f2449;
font-weight:500;
font-family:"Trebuchet MS", serif;
font-size:1.7em;
border-bottom:0;
margin-bottom:0.3em;
}

#encadres .encadre_fiche_contenu{
padding-left:10px;
}

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

.encadre-search {
margin-left:1em;
margin-bottom:2em;
}

.encadre-search fieldset{
/*
border:1px solid #eee;
background:#f7f7f7;
padding:0.5em;
*/
}

.encadre-search label {
font-size : x-small;
display:block;
}

.encadre-search legend {
/*
font-size:1.2em;
font-weight:700;
*/
display:none;
}

.encadre-search .champ-saisie {
width:137px;
}

.encadre-search select {
width:137px;
border:1px solid #999;
}

.encadre-search .button{
}

.encadre-search .button input{
}

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

.encadre-search input {
padding:2px 1px;
}

.firstencadre {
border:0;
}

/* ------------------------
encadres de contribution
------------------------ */

.encadre_contribution{
border:1px solid #ced2d6;
padding:0 0.5em 0.5em 0.5em;
margin-top:12px;
margin-bottom:1em;
margin-left:1em;
position:relative;
}

html>body .encadre_contribution{
margin-bottom:2.5em;
}

.encadre_contribution h4{
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;
cursor:pointer;
}

.encadre_contribution ul{
margin:0 0 1em 0;
padding:0 0.3em;
list-style:none;
padding-left:26px;
height:28px;
min-height:28px;
text-align: left;
}

html>body .encadre_contribution ul{
height:auto;
}

.encadre_contribution ul.contribution_sousrubrique{
background:url(img/contribution_sousrubrique.png) no-repeat 0 2px;
}

.encadre_contribution ul.contribution_liste{
background:url(img/contribution_liste.png) no-repeat 0 2px;
}

.encadre_contribution ul.contribution_gestion{
background:url(img/contribution_gestion.png) no-repeat 0 2px;
}





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

#pied_page {
clear:both;
display:block;
border-left:12px solid #DB3F2A;
height:26px;
padding-left:5px;
margin-left:221px;
font-size:0.75em;
font-family:verdana, sans-serif;
}

#pied_page a{
color:#C9C8C8;
background:#fff;
display:block;
padding-left:20px;
height:18px;
float:left;
margin-top:5px;
margin-right:22px;
padding-top:3px;
}

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

/*** surcharge =DSI ***/
.dsi .boutons-actions a, 
.dsi .boutons-actions a:hover{
color:#ffbe22;
}


.boutons-actions {
margin: 0;
}

/* ------------------ */

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

a#retour_haut_page:hover{
background-image:url(img/haut_page_hover.png);
}

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

a#imprimer:hover{
background-image:url(img/imprimer_hover.png);
}

a#plan_site{
background:url(img/plan_site.png) no-repeat 0 0;
padding-left:25px;
}

a#plan_site:hover{
background-image:url(img/plan_site_hover.png);
}

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

a#contact_webmestre:hover{
background-image:url(img/contact_webmestre_hover.png);
}

/********************************
	=Contexte =DSI
********************************/

.dsi #bienvenue{
z-index:1;
position:absolute;
/* background:#4678a2; */
color:#fff;
top:100px;
left:5px;
}

#personne_dsi{
font-family:verdana, sans-serif;
font-size:0.85em;
margin:0 0 0.5em 0;
}

#bienvenue a{
color:#bebebe;
}

form#profil{
font-size:0.9em;
font-family:arial, sans-serif;
}

form#profil input.ok{
background: url(img/profil_valider.png) no-repeat 2px 1px;
color:#3e4501;
border:none;
width:20px;
height:20px;
text-transform:uppercase;
font-size:0.8em;
font-family:arial;
}

#bienvenue ul{
list-style:none;
margin:0.5em 0 0 0;
padding:0;
font-family:verdana, sans-serif;
font-size:0.85em;
}

#bienvenue ul li{
display: inline;
border-right:1px solid #bebebe;
padding-right:0.5em;
}

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

#titre-rubrique {
clear: left;
border-bottom-width: 1px;
border-bottom-style: solid;
}

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

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

#fil-ariane {
color:#55575c;
background:#e9eee4;
margin:6px 0 0 0;
padding-left:5px;
position:relative;
}

#fil-ariane a {
color:#55575c;
}

#fil-ariane a:hover {
}

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

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

#accroche {
position: relative;
border-bottom:1px solid;
}

#accroche p {

}
#visuel-rubrique {
margin: 0 5px 5px 0;
float:left;
}

/* ------------------------------
=Fiche =Annuaire =Professeur
------------------------------ */

#annu_typepopulation {
font-size: xx-small;
padding: 3px 0 5px 5px;
border-bottom: 1px solid;
}

#annufonction { 
padding: 8px 0;
font-size: 1em;
}

#annudiscipline { 
padding: 2px 0;
margin-top: 3px;
border-top: 1px solid;
border-bottom: 1px solid;
}

#annuphoto {
border: 1px solid;
background: #fff;
cursor:pointer;
float:left;
margin-bottom:1em;
}

#annuaire_coordonnees {
font-size: 1.1em;
font-weight: 700;
margin-bottom: 5px;
}

#annuaire_adresse {
}

.annudetails {
margin: 0;
padding:3px 0 3px 0;
border-bottom:1px solid;
}

/*
* html .annudetails {padding-bottom:0;}	
* html .annudetails br {font-size:0;}
*/

.annuaire_interligne {
font-size: 1px;
height: 5px;
}

.an-det-gau {
float:left;
clear:left;
width:115px;
text-align: left;
font-weight: 700;
}

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

/*
* .an-det-dro {
margin-bottom:0;
}

*>html .an-det-dro {
width:300px;
}

.an-det-dro-mac {
float:left;
}

*>html .an-det-dro-mac {
float:none; width:300px;
}
*/

/* ---
.an-det-mt {
clear:left; margin-top:5px;
}

* html .an-det-mt {
margin-top:10px;
}

*>html .an-det-mt {
clear:left;
width:500px;
}
*/

.annuaire_intitule {
font-size:1.1em;
font-weight: 700;
margin-top: 10px;
margin-bottom: 5px;
}

.annuaire_champ {
}

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

.para-an strong {
font-size:110%;
color:#332E44;}

ul.annuaire_ul {
list-style-image:url(/images/kdecole/puce.gif);
margin-left:0;
padding-left:2em;
}

ul.annuaire_li {
margin:2px 40px;
}

/**********************
	=Fiche =Actualite
***********************/
p#actuthematique {
font-family:verdana, sans-serif;
font-size:0.8em;
color:#7f7f7f;
}

#actuphoto {
float: left;
margin: 0 10px 0 0;
cursor:pointer;
}

#actudate {
color:#E10424;
background:#fff;
font-family:verdana, sans-serif;
font-size:0.9em;
}

#acturesume {
border-top: 1px dashed #D8D8D8;
border-bottom: 1px dashed #D8D8D8;
font-family:arial, sans-serif;
padding:1em 0;
}

#actudescription {
font-family:arial, sans-serif;
font-size:0.9em;
line-height:170%;
clear:both;
}

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

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

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

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

/* Anti 3px text - jog pb in IE Win - Hide from IE5-mac \*/
/* \*/ * html .avec-libelle {
height:1%;
} /* */
/* End hide from IE5/mac */

.boite-bas a {
color: #3C83CB;
}

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

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

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

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

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

.derniere-boite-bas {
}

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

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

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

/* de type 1 */

dl.type_1{
background:#fff url(img/liste_definition/type1.png) repeat-y right 0;
position:relative;
margin:0.5em 1em 0.5em 0;
}

dl.type_1 dt{
margin:0;
width:17%;
float:left;
clear: left;
position:relative;
font-weight:700;
color:#272727;
background:#CAE104 url(img/liste_definition/type1_titre.png) repeat-x 0 0;
padding-left:1%;
padding-top:10px;
border-top:1px solid #EFF6B1;
}

dl.type_1 dt.liste_def_lieu{
color:#fff;
background-color:#E1A304;
}

dl.type_1 dd{
padding:10px 2% 0.5em 2%;
margin-left:17%;
margin-right:10px;
border-top:1px solid #EFF6B1;
}

/* de type 2 */

dl.type_2{
margin:0 0 1em 165px;
}

dl.type_2 dt{
font-weight:700;
color:#272727;
border-bottom:1px solid #ccc;
}

dl.type_2 dt.liste_def_lieu{
}

dl.type_2 dd{
margin:0 0 1em 0;
}

dl.type_2 dd.liste_def_site
dl.type_2 dd.liste_def_responsable
dl.type_2 dd.liste_def_type
dl.type_2 dd.liste_def_lieu
dl.type_2 dd.liste_def_partenaires{
}

/* --- fin --- */

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

#commenter {
margin:13px 0;
border-top:1px solid #df9c17;
border-bottom:1px solid #df9c17;
text-align:right;
position:relative;
padding:0.7em 1em;
font-family:verdana, sans-serif;
}

#commenter a{
background:#cae103 url(img/forum/commenter.png) no-repeat right 50%;
color:#272727;
border:1px solid #a9adb8;
padding:1px 3em 1px 1em;
}

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

body.actualite h2{
margin-top:0
}
 
.com-outer {
clear:both;
}

.com-inner {
}

.com-inner h3 {
font-size:1.4em;
font-weight:500;
margin:0;
padding:65px 0 15px 35px;
color:#e1a304;
background:url(img/forum/commentaires.png) no-repeat 0 0;
}

.com-inner ul{
margin:0;
padding:0
}

.com-inner li {
list-style-type:none;
padding-left:20px;
}

.com-inner li li{
padding-left:35px;
margin-left:-26px;
}

ul li.li1 {
background:url(img/forum/niveau1.png) no-repeat 0 5px;
padding-left: 20px;
margin-top:30px;
}

ul li.li1first{
margin-top: 0;
padding-left:20px
}

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

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

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

.com-titre {
font-size:1.1em;
font-weight:700;
padding:2px 0 0 0;
margin:0.8em 0 0 0;
color:#e1a303;
}

li.com-titre0 {
background:url(img/forum/niveau2.png) no-repeat 0 5px;
}

li.com-titre1 {
background:url(img/forum/niveau3.png) no-repeat 0 5px;
}

.com-date,
.com-site{
color:#888f8f;
font-size:0.9em;
font-family:arial, sans-serif;
margin:0
}

.com-date a,
.com-site a{
color:#888f8f;
}

.com-date{
}

.com-site{
}

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

.com-corps{
padding:0;
color:#184653;
margin-top:-1em;
font-size:0.9em;
}

.com-corps p{
height:1%;
}

html>body .com-corps p{
height:auto;
}

.com-date a,
.com-site a{
color:#6e858c;
}

.com-new{
}

p.repondre {
margin:0.3em 0 1.5em 0;
padding:0;
position:relative;
font-family:verdana, sans-serif;
letter-spacing:1px;
border-bottom:1px solid #adb8cb;
}

.repondre a {
display:block;
color:#272727;
background:#cae103 url(img/forum/repondre_2.png) no-repeat right 50%;
position:absolute;
right:0;
/*
top:-22px;
*/
border:1px solid #a9adb8;
padding:1px 20px 1px 2px;
}

html>body .repondre a {
left:auto;
right:0;
}

.repondre a:hover{
text-decoration:none;
}

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

#articlethematique {
margin:8px 0;
padding: 3px 0;
font-size: xx-small;
border-bottom:1px solid #ccc;
}

#articlesoustitre {
margin:0;
font-size:130%;
background:#fff url(img/titre_niveau2.png) repeat-x 0 bottom;
padding-bottom:1em;
margin-bottom:0.5em;
}

#articlephoto {
float:left;
margin:0 10px 0 0;
cursor:pointer;
}

#articledate {
font-size: 0.8em;
font-family:verdana;
}

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

#articlechapeau {
margin : 10px 0 20px 0;
font-weight : 700; 
}

#articlecorps {
}

/******************************************
	=Fiche =DefautStructure =Structure
******************************************/

#defaultstructure_soustitre{
margin: 3px 0 5px 5px;
}

/*
.defaultstructure_interligne {
font-size: 1px;
height: 5px;
}
*/

#defaultstructure_coordonnees {
}

#defaultstructure_adresse {
}

/*
#defaultstructureksupdomaine {
color: #778aaa;
margin:8px 0;
font-size: xx-small;
font-weight: normal; 
border-top:1px solid #CBADB5;
border-bottom:1px solid #CBADB5;	
}
p#defaultstructureksupformations { margin:0 0 1em 0; }
*/

#defaultstructurephoto {
float:right;
border:1px solid #000;
margin: 5px 0 5px 5px;
clear: right;
}

.annuaire-details { 	
/*background: url(/images/an-det-gau.gif) repeat-y;*/
border-top:1px solid #81999A;
margin:0;
padding:3px 0 8px 0;
font-size: 90%;
color:#332E44;
}

.defaultstructure .an-det-gau {
float:left;
clear:left;
width:100px;
font-weight: 700;
text-align: left;
margin-right:12px;
}

.defaultstructure .an-det-dro {
float:left;
margin-bottom:5px;
}

/*
* html .defaultstructure .an-det-dro { margin-bottom:0; width: auto;}
*>html .defaultstructure .an-det-dro { width:300px;  }
*/

.an-det-dro-mac {
float:left;
}

*>html .an-det-dro-mac {
float:none;
width:300px;
}

/*
.an-det-mt {
clear:left;
margin-top:5px;
}

* html .an-det-mt {
margin-top:10px;
}

*>html .an-det-mt {
clear:left;
width:500px;
}
*/

.defaultstructure_intitule {
margin: 8px 0;
font-size: 110%;
font-weight: 700;
}

.defaultstructure .para-an {
border-top:0;
border-bottom:1px solid;
padding: 10px 0;
}

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

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

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


/******************************
	=Fiche =Document
*******************************/
.document .para-an {
border-top:1px solid #81999A;
padding: 10px 0;
}

.document .para-an strong {
font-size:110%;
color:#332E44;
}

#documentdate {
font-family:verdana;
font-size:0.85em;
margin-left:0;
padding-left:0;
list-style:none;
}

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

#documenttheme {
margin: 8px 0;
padding: 2px 0;
font-size: xx-small;
font-weight: normal; 
border-top: 1px solid;
border-bottom: 1px solid;
}

p#documentsoustitre{
margin:0;
font-size:130%;
background:#fff url(img/titre_niveau2.png) repeat-x 0 bottom;
padding-bottom:1em;
margin-bottom:0.5em;
}

#documentauteurs{
margin: 8px 0;
padding: 5px;
border-top: 1px solid;	
}

#documenttelecharger {
float:right;
padding:0.5em 1em 0 1em;
border-left: 1px solid #999;
}

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

div#documenttelecharger ul{
margin-top:0;
margin-left:1em;
padding-left:0;
color:#999;
}

#documenttelecharger a {
font-weight: 700;
}

p#documentresume {
margin: 0;
padding: 8px 0;
font-weight: 700;
border-top: 1px solid;
}

#documentdescription {
font-size: 11px;
text-align: left;
padding: 8px 0;
border-top: 1px solid;
}

#documentreferenceisdn{
padding:0;
margin:1em 0 0.5em 0;
}

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

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

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

html>body .innerconteneur { 
/* float: left; */
}

/* \*/ * html .innerconteneur {
height: 1em;
} /* */

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

/* --- styles de paragraphes --- */

.sansstyle {
}

/* style 2 */

.style1 {
border:1px solid #ced2d6;
padding:0.5em 30px 0.5em 0.5em;
background:url(img/style1.png) repeat-y right 0;
margin-bottom:1em;
color:#1E4165;
}

.style1 h3 {
font-size:1.2em;
color: #6f2449;
font-weight:500;
}

/* style 2 */

.style2{
border:1px solid #ced2d6;
padding:0 0.5em;
margin-bottom:1em;
}

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

/* style 3 */

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

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

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

html>body .style3_deco_a{
left:0;
}

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

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

.style3{
border:1px solid #ced2d6;
padding:0 0.5em;
}

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

/* style 4 */

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

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

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

html>body .style4_deco_a{
left:0;
}

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

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

.style4{
border:1px solid #ced2d6;
padding:0 0.5em;
background:url(img/style4.png) no-repeat right 0;
}

.style4 h3{
color:#605D5D;
margin-top:0;
padding-top:0.5em;
font-size:1.1em;
margin-bottom:0.7em;
}

/* style 5 */

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

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

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

html>body .style5_deco_a{
left:0;
}

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

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

.style5{
border:1px solid #ced2d6;
padding:0 0.5em;
}

.style5 h3{
color:#6F2449;
border-bottom:1px solid #6F2449;
background:#fff url(img/style5_titre.png) no-repeat right 0;
margin-top:0;
padding-top:0.5em;
padding-bottom:8px;
font-size:1.1em;
}

/* -- Fix Toolbox -- */

.innerconteneur * li div {
display: inline;
}

/********************************
	=Fiche =Recherche
********************************/

#rechercheavancee_message {
font-size: 11px;
margin-bottom: 10px;
}

#rechercheavancee ul {
list-style-image:url(/images/kdecole/puce.gif);
}

#rechercheavancee li {
margin:2px 40px;
font-size: 11px;
padding-bottom: 2px;
}

.byline-res{
font-weight:700;
}

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

ul.liste-res li{
border-bottom: 1px solid #ddd;
padding:0.4em 0;
}

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

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

.resultats {
color:#332e44;
}

.res-bgd{
}

.recherche legend{
display:none;
}

.ligne-res{
padding: 5px;
border-bottom:1px solid #ccc;
overflow:auto;
}

* html .ligne-res {
width:100%
}

.ligne-res div {
float:left;
}

.ligne-res-gau {
width:100px;
padding-left:5px;
padding: 0 5px 0 5px;
font-weight:700;
}

.ligne-res .ChampSaisie {
margin: 0 5px;
width:150px;
border:1px solid #999;
}

#ra{
}

/*EL20060109 filet encadrant : */

#ra-titre {
width:250px;
}

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

p.button-ra {
text-align:center;
margin-top:2em;
}

p.button-ra input{
padding:0;
}

a.precedent,
a.suivant{
border: 1px solid #3b83cb;
margin: 0 0 10px 10px;
padding:0 2px;
}

a.precedent:hover,
a.suivant:hover{
border: 1px solid #2a68a1;
text-decoration:none;
background:#3b83cb;
color:#fff;
}


/* -------------------------
=Fiche =Collaboratif
------------------------- */

/* layout du collaboratif */

.collaboratif #encadres {
display:none;
}

.collaboratif #navigation ul,
.collaboratif #navigation ol{
list-style:none;
}
.collaboratif .ligne {
border: 0;
}



/*** end layout ***/


/*** styles du collaboratif ***/
.collaboratif #menu {
border-bottom: 1px solid #332e44;
}

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

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

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

.collaboratif #menu-prin {
border-bottom: 0;
}

.collaboratif .menuleft,
.collaboratif .menuleft-in{
background-image: none;
}


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

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


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

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


/* Titre requeteur */
h3.service2 {
background: url(img/escalier2.gif) no-repeat 49% 100%;
/*
color:#000;
border-top:1px solid #D2E0E2;
*/
}
/*** Menus du Collaboratif ****/
#espace {
padding: 1em 0 0 20px;

}


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

#espace img {
  margin:1em 10px 1em 0;
  vertical-align:middle;
  cursor: pointer;
}

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

/* Liste de mes espaces */

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

.collaboratif #navigation select {
border:1px solid #ccc;
font-size: 90%;
color:#666;
width:120px;
}

.collaboratif #navigation option {
padding: 2px;
}

.collaboratif #navigation .ok {
margin-top:.5em;
vertical-align: top;
border:1px solid #ccc;
}

.collaboratif #navigation label {
color:#37535B;
}

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


/*************FICHES COLLABORATIVES******************/
.contenu_liste { 
  margin:1em 0 1em 0;
  padding: 0;
}

div.contact {
  color:rgb(55,83,91);
}

h3.contact { 
  font:normal 1.4em/1.1  verdana, arial, sans-serif;
  font-weight:500;
}

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

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

table.list_collab td {
	width: 25%;
}

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

.publie_news {
  margin:0;
  font-size:85%;
  color:#332e44;
  padding:2px 0;
}

#para_doc { 
  color:#000; 
  margin-top:0.7em;
  margin-bottom:0.7em;
}


/* photo album */
.pagination_album {
	clear: both;
	padding-top: 20px;
	text-align:center;
}

.slide-mount { 
float:left;
background-color: #eee; 
border:1px solid #332e44; 
width:200px; 
height:200px;
text-align:center;
margin: 23px 8px 0 8px; 
ma\rgin: 23px 23px 0 0;

}
.slide-mount img {
cursor:pointer;
}

.ligne-photo {
clear:left;
}

.ligne-photo {
float:left;
fl\oat:none;
}

.last-photo {
margin-right:0;
}

.slide-mount img {
border:1px solid #737373;
}

/******* Menu collab a gauche *********/
#menu_collab {
background-color:#f5f5f5;
width:100%;    
border:1px solid #a5b3c1;
border-bottom:0;
margin:40px 0 10px 0;
}

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

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

#menu_collab a{
display:block;
border-top: 2px solid #fff;
border-bottom: 2px solid #eee;
font-size:100%;
font-weight:700;
padding:3px 5px;
color:#AE3F76;
text-decoration:none;
}

#menu_collab a:hover {
text-decoration:underline;
}

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

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

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

#menu_collab_2 a {
display:block;
border-top: 2px solid #fff;
border-bottom: 2px solid #eee;
font-size:100%;
font-weight:700;
padding:3px 5px;
color:#49737f;
text-decoration:none;
}

#menu_collab_2 a:hover {
text-decoration:underline;
}

#titre_gestion_tribu {
text-transform:uppercase;
}

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

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

/* Espacement */
.gestion p,
.gestion div {
margin:0.5em 0;
}
/*** pour que l'arborescence du document s'affiche correctement ***/
.gestion div.dtree div {
margin:0;
}

.gestion div.toolbox div {
margin:0;
padding-top:.5em;
border:0;
}

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

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

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


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

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

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

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

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
	color: #fff;
}
/* Typo */
.gestion {
font-size: 1.1em;
}

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

/*
.gestion label, 
.gestion span {
text-align:right;
margin-right:5px;
}
*/

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

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

.gestion .champ-texte,
.gestion iframe,
.gestion textarea {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.bouton {
margin:0;
padding: .2em .5em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
cursor:pointer;
}

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

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

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

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

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

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

}

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

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

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


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

.en-colonne label.label-bouton,
.en-colonne label .msg-aide {
font-weight:normal;
}

.gestion label.date-jour,
.gestion label.date-mois,
.gestion label.date-annee { 
float:none;
display:inline;
margin-right:5px;
}

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

.gestion table {
line-height:1.3;
border-collapse: collapse;
margin: 1em 0;
width:100%;
border-top:1px solid #ccc;
}

.gestion .conteneursousparagrapheaccueil table {
margin-top:0;
}

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

.gestion th a {
color:#332e44;
text-decoration:underline;
}

.gestion td, .gestion th {
padding: 3px 10px;
vertical-align:text-top;
}

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

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

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

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

.gestion table.layout td img {
	border:0;
	vertical-align: bottom;
}
/*** Liste horizontale de liens ***/

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

.liste-horizontale {
list-style-type: none;
}

.liste-horizontale li {
display:inline;
}

.liste-horizontale li a {
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-left:1px solid #ccc;
}

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


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

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

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

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

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

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

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

#col_prin #commentairescollab a {
}

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


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

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

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


.clearer{
clear:left;
}

/*********************************
	= Bloc =Portlet =JSR
*********************************/
.portlet-titre,
.style1 .portlet-titre,
.style2 .portlet-titre,
.style3 .portlet-titre,
.sansstyle .portlet-titre {
background-color: #332e44;
color: #ffb622;
margin:0;
padding: .5em 5px;
}

.portlet-actions {
margin:0;
padding: 1px 5px;
background-color: #fff;
border: 1px solid #332e44;
border-width: 0 1px 1px 1px;
font-size:95%;
height:18px;
}

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

.portlet-actions a:hover {
text-decoration : none;
}

.portlet-edit {
background:url(/adminsite/portal/img/edit.gif) no-repeat 50% 50%;
}

.portlet-help {
background:url(/adminsite/portal/img/help.gif) no-repeat 50% 50%;
}

.portlet-view {
background:url(/adminsite/portal/img/view.gif) no-repeat 50% 50%;
}

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

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

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

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

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

/*** Pagination ***/
.pagination {
text-align:center;
}

.pagination img{
border:0;
vertical-align:baseline;
margin:0 5px;
}

.pagination{
font-weight:700;
}

.pagination a,
.pagination a:hover {
font-weight:normal;
text-decoration:none;
}

/* SPECIFIQUE PROJET */

#profil_inconnu #partenaires_no_log_lycee {
position: absolute;
top: 50px;
left: 275px;
}

#profil_inconnu #partenaires_no_log_college {
position: absolute;
top: 50px;
left: 275px;
}

#partenaires_no_log_lycee #partenaires_departement {
display:none;
}

#partenaires_no_log_college #partenaires_region {
display:none;
}

/* --- Bandeau partenaires --- */

dl#partenaires {
position:absolute;
top:100px;
left:0;
width:100%;
height:;
margin-top:0;
}

dl#partenaires dt{
border:1px solid #a9adb8;
position:absolute;
top:0;
left:0;
color:#DB3F2A;
font-weight:700;
height:60px;
padding-top:5px;
background:#fff url(img/partenaires_titre.png) no-repeat 0 0;
text-align:right;
padding-right:3px;
font-size:1.1em;
font-family:verdana, sans-serif;
margin-left:221px;
width:237px;
width:20%;
}

dl#partenaires dd{
margin-left:227px;
padding-left:20%;
}

dl#partenaires dd img{
border:1px solid #A9ADB8;
margin:0 2px 0 0;
float:left;
}

body.dsi dl#partenaires{
display:none;
}

/* ----------------------------------- */

p#etablissement_nom{
margin:0;
color: #fff;
background:#6F2449 url(img/etablissement_nom.png) repeat-y  right 0;
margin-left:555px;
font-size:18px;
padding-left:6px;
border:1px solid #a9adb8;
}

/* ----------------------------------- 
    PERSONNALISATION SUIVANT LE PROFIL


#profil_inconnu #etablissement_nom{
color: #fff;
background-color:#6F2449;
position: absolute;
top: 15px;
left: 275px;
}

.dsi #profil_inconnu #etablissement_nom{
position: absolute;
top: 15px;
left: 275px;
height: 24px;
width: 480px;
border: 1px solid #FFF;
background-color:#567DA4;
font-size: 18px;
font-weight: normal;
color: #FFF;
padding: 5px;
}

.frame #profil_inconnu #etablissement_nom{
position: absolute;
top: 3px;
left: 275px;
height: 24px;
width: 480px;
border: 1px solid #FFF;
background-color:#567DA4;
font-size: 18px;
font-weight: normal;
color: #FFF;
padding: 5px;
text-align: left;
}

#profil_adulte #etablissement_nom {
position: absolute;
top: 15px;
left: 275px;
height: 24px;
width: 480px;
border: 1px solid #FFF;
background-color:#567DA4;
font-size: 18px;
font-weight: normal;
color: #FFF;
padding: 5px;
}

.frame #profil_adulte #etablissement_nom {
position: absolute;
top: 3px;
left: 275px;
height: 24px;
width: 480px;
border: 1px solid #FFF;
background-color:#567DA4;
font-size: 18px;
font-weight: normal;
color: #FFF;
padding: 5px;
text-align: left;
}

#profil_lyceen #etablissement_nom {
position: absolute;
top: 15px;
left: 275px;
height: 24px;
width: 480px;
border: 1px solid #FFF;
background-color:#567DA4;
font-size: 18px;
font-weight: normal;
color: #FFF;
padding: 5px;
}

.frame #profil_lyceen #etablissement_nom {
position: absolute;
top: 3px;
left: 275px;
height: 24px;
width: 480px;
border: 1px solid #FFF;
background-color:#567DA4;
font-size: 18px;
font-weight: normal;
color: #FFF;
padding: 5px;
text-align: left;
}

#profil_collegien #etablissement_nom {
position: absolute;
top: 15px;
left: 305px;
height: 24px;
width: 480px;
font-size: 18px;
font-weight: normal;
color: #FFF;
padding: 5px;
}

.frame #profil_collegien #etablissement_nom{
position: absolute;
top: 5px;
left: 310px;
height: 24px;
width: 480px;
font-size: 18px;
font-weight: normal;
color: #FFF;
padding: 5px;
text-align: left;
}

----------------------------------- */

#profil_inconnu #etablissement_logo {
position: absolute;
top: 50px;
left: 442px;
}

/*
#profil_inconnu #etablissement_logo {
display:none;
}
*/

#profil_adulte #etablissement_logo {
position: absolute;
top: 50px;
left: 442px;
}

.frame #profil_adulte #etablissement_logo {
position: absolute;
top: 37px;
left: 442px;
}

.frame #profil_inconnu #etablissement_logo_defaut {
position: absolute;
top: 38px;
left: 521px;
}

#profil_adulte #etablissement_logo_defaut {
position: absolute;
top: 50px;
left: 521px;
}

.frame #profil_adulte #etablissement_logo_defaut {
position: absolute;
top: 38px;
left: 521px;
}

#profil_lyceen #etablissement_logo {
position: absolute;
top: 50px;
left: 442px;
}

.frame #profil_lyceen #etablissement_logo {
position: absolute;
top: 38px;
left: 442px;
}

#profil_lyceen #etablissement_logo_defaut {
position: absolute;
top: 50px;
left: 442px;
}

.frame #profil_lyceen #etablissement_logo_defaut {
position: absolute;
top: 38px;
left: 442px;
}

#profil_collegien #etablissement_logo_defaut {
position: absolute;
top: 50px;
left: 442px;
}

.frame #profil_collegien #etablissement_logo_defaut {
position: absolute;
top: 40px;
left: 442px;
}

#profil_collegien #etablissement_logo {
position: absolute;
top: 49px;
left: 442px;
}

.frame #profil_collegien #etablissement_logo {
position: absolute;
top: 36px;
left: 442px;
}