@charset "utf-8";
/* CSS Document */
.accessibilite{ display:none; }
.souligne{ text-decoration:underline; }
li.sanspuce{ list-style:none !important; background-image:none !important;}

body{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#122; /*background-color:#900;*/}
div#principal{ width:100%; background-color:#b12c19; margin:0; border-top:1px solid #000000; min-height:1000px;
background-image:url(../img/fond-entete.png);  background-position:top; background-repeat:repeat-x;}

div#bandeau { background:url(../img/logoEURESCL.png) no-repeat center; margin:0; height:140px;}

div#sommaire{width:245px; margin:0; background-color: #aa7;  float:left;}
div#texte{ width:auto; margin:0; background-color: #eeb; overflow:hidden; background-color:#eeb; }
/* hanbe-boo : Musée National, Mali; Statue de culte destinée à la protection et à la prospérité de la communauté villageoise. */
div#hanbeboo{ position:absolute; top:141px; right:230px; background:#900 url(../img/hanbe-boo.png) top right no-repeat; height:1300px; width:30px;}

div#outils{	width:230px; margin:0; background-color: #122; float:right;}

div#sommaire, div#texte, div#outils{ height:1100px; height:1300px; }

/* TITRE */
div#titre{padding:10px 20px;}
div#titre h1{ text-align:center; font-size: 19px; color:#077; font-weight:normal; margin:20px 20px 0 10px;}
/* DOCUMENT */
div#document{padding:20px 50px 50px; max-width:40em; margin:auto;}
div#document h2{ font-size: 16px; color:#044; }
div#document h3.soush2{ font-size:12px; margin-top:-10px; color:#900;}
div#document h3{ font-size:14px; color:#055;}
div#document h4{ font-size:12px; color:#055;}

div#document p{ text-align:justify; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
div#document hr{ border:0; border-top:1px solid #C30;} 
div#document sup{ font-size: 9px;}
div#document sup a.note{ text-decoration:none; color:#900;}


/* PANIER D'IMPRESSION */ 
/* variante basse bleue */
ul#panier { position:absolute; top:140px; right:230px; width:270px; margin:0 15px 0 auto; }
ul#panier li{ list-style:none; float:left; margin:0 !important; padding:0 !important;  }
ul#panier a{ text-decoration:none; display:block; height:16px !important; padding:2px 0 0 0 !important; width:83px; font-size:10px; background:url(../img/panier-impression.png) -2px -7px  !important; color:white; text-align: center; }
ul#panier a img {border:0; vertical-align:middle; }

ul#panier a.active{ background-position: -97px -7px !important; }
ul#panier a:hover { background-position: -97px -7px !important; }

/* variante haute */
ul#panier { position:absolute; top:122px; right:230px;}

/* variante rouge */
ul#panier a{ background-position: -97px -7px !important; }
ul#panier a.active{ background-position: -2px -7px !important; }
ul#panier a:hover { background-position: -2px -7px !important; }

/* variante beige */
ul#panier a{background-image:url(../img/panier-impression2.png) !important;}
ul#panier a:hover{color:#c00;}
ul#panier a.active{color:#c00 !important;}

div#gestionImpression{ position:absolute; top:140px; right:260px; background-color:#dda; border:1px solid #C00; border-top-width:0; border-right-width:0; padding:5px; font-size:11px; width:248px; z-index:500;}

div#gestionImpression p { text-align:center;}
div#gestionImpression p.information{ font-weight:normal; font-size:11px; color:#900; }
div#gestionImpression p a{ font-size:11px; color:white; background-color:#900; padding:1px 3px; text-decoration:none; font-size:9px; border:1px solid white;}

div#gestionImpression h4{background-color:transparent; color:#900; line-height:20px; margin:0 10px; font-size:11px; text-align:center; border-bottom:1px solid #C30;}
div#gestionImpression ul{background-color:transparent; padding:5px; margin:0; margin-bottom:2px;}
div#gestionImpression ul#boutonsPanier{border-top:1px solid #c30; margin:0 10px;}
	
div#gestionImpression li{ list-style: none; padding-left:20px; background:top left no-repeat url(../img/puce2rouge.png); margin-bottom:3px;}
div#gestionImpression ul#boutonsPanier li {background:top left no-repeat url(../img/puce3rouge.png); margin-left:-5px;}
div#gestionImpression li:hover{background-image: url(../img/puce2rouge-survol.png);}
div#gestionImpression ul#boutonsPanier li:hover{background-image: url(../img/puce3rouge-survol.png);}

div#gestionImpression a{color: #b00;  font-size:10px; text-decoration:none;}
div#gestionImpression a.droite{float:right;}
div#gestionImpression a:hover{ border:3px double white; }

/* OUTILS */
div#outils li{ list-style: none; padding-left:20px; background:top left no-repeat url(../img/puce1bleu.png);}
div#outils li li{ list-style: none; padding-left:20px; background:top left no-repeat url(../img/puce2bleu.png);}
div#outils li:hover {background-image: url(../img/puce1bleu-survol.png);}
div#outils li.complement:hover {background-image: url(../img/puce1bleu.png);}
div#outils li li:hover {background-image: url(../img/puce2bleu-survol.png);}
div#outils a{color: #eeb;  font-size:11px; text-decoration:none; font-weight:bold;}
div#outils ul.complement a{ font-weight:normal !important;}
div#outils a:hover{	color: #cfc;}

div#outils h4{background-color:transparent; color:#eeb; line-height:20px; margin:0 10px; font-size:11px; text-align:center; border-bottom:1px solid #033;}
div#outils h4.complement{font-weight:normal; font-size:10px; border-bottom:1px dotted #eeb;}
div#outils h4.pdf{ background-image:url(../img/pdf.png); background-repeat:no-repeat; background-position:right;}

div#outils li.complement{font-size:11px; font-weight:bold; color:#eeb;}

div#outils ul{background-color:transparent; padding:5px; margin:0; margin-bottom:2px;}

div#dossier, div#historique{width:210px; margin:10px auto; border:1px solid #eeb; padding:1px;}
div#historique li a{ font-size:10px; }
div#recherche{width:210px; margin:10px auto; padding:1px; text-align:center;}
div#recherche form{margin:5px auto; width:150px;}
div#recherche input#mot, div#recherche input#motCle{border:1px solid #C00; /*width:120px;*/}
div#recherche img#ok{vertical-align:bottom; cursor:pointer;}
div#recherche h4{margin-bottom:10px;}

div#recherche div.autocomplete {position: absolute; width: 500px; background-color: white; border: 1px solid #888;margin: 0px;padding: 0px; font-size:11px;}
div#recherche div.autocomplete ul {margin: 0px;padding: 0px;max-height: 20em;overflow: auto;}
div#recherche div.autocomplete ul li.selected { background-color: #900; color:white;}
div#recherche div.autocomplete ul li {text-align:left !important; background:none; list-style-type:none !important; display: block; margin: 0;padding: 2px;cursor: pointer;}
div#recherche ul li{text-align:left !important;}

/* ONGLETS dans Outils */
ul#onglets{list-style-type: none; position:relative; width:210px; margin:auto; padding:0; margin-top:-30px  !important; margin-bottom:30px !important;}
ul#onglets li {text-transform: lowercase; float:left; list-style-image: none !important; background-image:none !important; margin:0 !important; padding:0 !important;}
ul#onglets li a{display: block; width: 70px; padding-top: 9px; height: 16px !important; text-align: center; text-decoration: none; color: #fff; font-size:10px; background:url(../img/onglets-eurescl.png) 142px 0px  !important; color:white !important; font-weight:normal; }

ul#onglets a.active{ background:url(../img/onglets-eurescl.png) 0px 0px  !important; }
ul#onglets a:hover { background:url(../img/onglets-eurescl.png) 0px 0px  !important; }

/* ONGLETS dans Sommaire : Problème de largeur des onglets : besoin de largeurs différentes */
div#sommaire div#programmes h5,div#sommaire div#ressources h5,div#sommaire div#debats h5{text-align:center; font-size:11px; color:#A00; margin:0 10px; border-bottom:1px dotted #C00; padding-bottom:5px;}

div#sommaire ul.menuG {margin-top: 10px; padding-top:10px; }
div#sommaire ul.menuG h6{font-size:11px; margin:0; padding:5px 0 3px 0; color:#123; cursor:pointer;}
div#sommaire ul.menuG li{list-style:none; padding:0; font-size:11px;}
div#sommaire ul.menuG li{ margin:0 0 10px 5px; padding-left:20px; background:top left no-repeat url(../img/puce1rouge.png);}
div#sommaire ul.menuG li li{ background-image:url(../img/puce4rouge.png) !important; margin-left:-10px !important; margin-bottom:3px; }
div#sommaire ul.menuG li a{ color:#c00; text-decoration:none; }
div#sommaire ul.menuG li a:hover, div#sommaire ul.menuG li a:focus{ font-weight:bold; border::0; }
div#sommaire div#programmes ul.menuG a.pdf{ background-image:url(../img/apdf-gauche.png); background-repeat:no-repeat; background-position:right; padding-right:20px; }

ul#ongletsG{list-style-type: none; position:relative; left:5px; width:250px; margin:auto; padding:0; margin-top:-18px  !important; margin-bottom:30px !important;}
ul#ongletsG li {text-transform: lowercase; float:left; list-style-image: none !important; background-image:none !important; margin:0 !important; padding:0 !important;}
ul#ongletsG li a{display: block; padding-top: 2px; height: 15px !important; text-align: center; text-decoration: none; color: #fff; font-size:10px; color:white !important; background-color:#900; border:1px solid #c00; border-bottom:0; margin-right:5px; }
ul#ongletsG a:hover, ul#ongletsG a.active{ background-color:#93C799; }
a#sP{ width:80px;} a#sR{ width:70px;} a#sD{ width:60px;} 

/* MENU GAUCHE */
ul{margin:0; padding:0; }
ul#menu {margin-top: 10px; padding-top:10px; }
ul#menu h6 {font-size:11px; margin:0;}
ul#menu li {list-style:none; padding:0; font-size:11px;}
ul#menu h6{ padding:5px 0 3px 0; color:#123; cursor:pointer;}
ul#menu ul h6{ padding:0; font-weight:normal;}
ul#menu ul.niveau2 h6{ padding-top:2px !important;}
ul#menu ul.niveau3 h6{ padding-top:1px !important; font-size:10px;}

ul#menu li{ margin:0 0 10px 5px; padding-left:20px; background:top left no-repeat url(../img/puce1rouge.png);}
ul#menu ul.niveau2 li { background-image:url(../img/puce2rouge.png); color:#5e0; color:#ddd; padding-left:20px; margin:0 0 0 -20px;}
ul#menu ul.niveau3 li { background-image:url(../img/puce3rouge.png); color:#5e0; color:#ccc; padding-left:20px; margin:0 0 0 -15px;}
ul#menu ul li.dossier { background-image:url(../img/puce4rouge.png) !important; margin-left:-10px !important; }

ul#menu a{text-decoration:none;	color:#E33;	font-size:11px;}
ul#menu ul.niveau3 a{font-size:10px;} 
ul#menu ul.niveau3 a:hover, ul#menu ul.niveau3 a.active{font-weight:bold; color:#C00;} 
ul#menu ul.niveau3 a.active{color:#E00;}


ul#menu li:hover, ul#menu li.active, ul#menu li.hoverIE{background-image:url(../img/puce1rouge-survol.png);}
ul#menu ul.niveau2 li:hover, ul#menu ul.niveau2 li.active, ul#menu ul.niveau2 li.hoverIE{background-image:url(../img/puce2rouge-survol.png);}
ul#menu ul.niveau3 li:hover, ul#menu ul.niveau3 li.active, ul#menu ul.niveau3 li.hoverIE{background-image:url(../img/puce3rouge-survol.png);}

ul#menu li.active > h6{color:#900;}

/* MENU GAUCHE TEMPORAIRE - Gestion du vide */
ul#menu li#d2 h6, ul#menu li#d4 h6, ul#menu li#d6 h6, ul#menu li#d7 h6,
ul#menu li#d1r1 h6, ul#menu li#d1r2 h6, ul#menu li#d1r4 h6, ul#menu li#d1r5 h6, ul#menu li#d1r6 h6, .vide{ color:#788 !important; cursor:default !important; }