/* 
	Pour faire une recherche sur un des grands blocs de la feuille de style, faites preceder votre mot-cle du signe =
	les grands blocs (=bloc) de la page : =page, =bandeau, =menu, =navigation, =contenu, =encadres, =portlet, =pied
	les contextes (=contexte) : =dsi (intranet), =popup, =rubrique, =collaboratif, =gestion 
	les fiches (=fiche) : =actualite, =article, =annuaire, =document, =defautstructure, =pagelibre, =recherche
*/

/* ===========================
Initialisation des styles par defaut
=========================== */
body {
	color: #656563;
	background:#eaebe5;
	font-family: verdana, helvetica, arial, sans-serif;
	margin-bottom: 2.5em;
	font-size: x-small;
}

body, html, fieldset {
	border: 0;
}

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

}

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

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

input, select {
border-width: 0;
border-style: none;
border-top-color: -moz-use-text-color;
font-size: 0.9em;
color: #7e7d7b;
}

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

a {
text-decoration: none;
color:#f27d16;
}

a:hover {
text-decoration: underline;
}
a:visited {
color:#f27d16;
}
/* état "focus" important pour accessibilité web */
/*a:focus {
color: #fff !important;
background-color: #666 !important;
text-decoration: none !important;
}*/

hr.separateur_sections_page {
display: none;
clear:both;
}

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

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

.retour {
cursor: pointer;
}

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

.champ-saisie, select {
	width: 140px;
	margin: 0px 0px 0px 0px;
	padding: 0px 1px;
	vertical-align:middle;
	border: 1px solid #dcdcdc;
}

.ok {
	background: #fff;
	border: 0px solid #39393B;
	vertical-align: top;
	height: 20px;
}

#recherche .ok {
width: 18px;
vertical-align: text-bottom;
height:15px;
}

#recherche .select{
	width: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 1px;
	vertical-align:middle;
}

.legende {
font: normal xx-small/1.0 Verdana, sans-serif;
color: #666;
margin: 0.5em 0 1em 0;
background-color: transparent;
}

.photo img {
float:left;
/*border: 1px solid #000;*/
/*background-image: url(/images/ombre.gif);*/
background-repeat: repeat-x;
background-attachment: scroll;
margin-right:5px;
margin-bottom:3px;
background-x-position: 0;
background-y-position: 100%;
}

/* === Listes d'affichage === */
ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li{
	margin: 0px 5px 0px 15px;
	padding-bottom:0.2em;
	list-style-type: none;
	padding-bottom:15px;
}

.more {
	float:right;
	background-color: #6e858b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	padding:10px;
}

.liste-documents a.more:link,
.liste-actualites a.more:link,
.liste-articles a.more:link {
	margin-top:7px;
	padding: 2px 5px 2px 5px; 
	text-align:left;
	vertical-align:middle;
	color:#ffffff;
	text-decoration:none;
}

.liste-documents a.more:hover,
.liste-actualites a.more:hover,
.liste-articles a.more:hover{
	margin-top:7px;
	font-weight:bold; 
	text-align:left;
	color:#fff;
	font-weight: bold;;
}

.liste-documents a.more:visited,
.liste-actualites a.more:visited,
.liste-articles a.more:visited {
	margin-top:7px;
	font-weight:bold;
	padding: 10px 30px 0 8px; 
	width:80px;
	text-align:left;
	color:#fff;
	text-decoration:none;
}

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

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

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

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

ul.liste-documents p,
ul.liste-actualites p,
ul.liste-articles p{
	font-size: 100%;
	margin: 0;
	padding: 0;
}
ul.fluxrss li {
	list-style-type: none;
}

ul.fluxrss li span {
	display: block;
}

.img-liste {
	float:left;
	clear:left;
	margin:0.3em 10px 0 0;
	padding-bottom:4px;
}

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

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

#page {
	background: url(http://fst-informatique.univ-lyon1.fr/images/DPTINFO/fond-wrapper-2c.jpg) repeat-y;
	font-size: 1.2em;
/*border-bottom: 2px solid #345b8f;*/
	width: 933px;
	margin-left: auto;
	margin-right: auto;

}
#page_sans_encadres {
	background: url(http://fst-informatique.univ-lyon1.fr/images/DPTINFO/fond-wrapper-2c.jpg) 50% 100px repeat-y ;
	font-size: 1.2em;
/*border-bottom: 2px solid #345b8f;*/
	width: 933px;
	margin-left: auto;
	margin-right: auto;

}

/*#left-in 
{
padding-top: 10px;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 20px;
}*/
/* *******************
	=Bloc =Bandeau
******************** */

h1 {

padding: 90px 0 0 190px;
font-size: 1.6em;
font-family: arial, sans-serif;
}

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

#bandeau {
position: absolute;
top:0px;/* 50px*/
left: 50%; 
height: 171px; 
width:933px;
z-index:1;
margin-left: -467px; /* moitié de la largeur */
border: 0;
background: url(bandeau-MASTER-info.jpg) no-repeat;
	
}

#LogoRetour{
margin-top:5px;
margin-left:40px;
width:125px;
overflow:hidden;
}
#logo {
	position: absolute;
	width: 195px;
	height: 120px;
	z-index:3;
	margin:0 0 0 5px;
}


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

#bandeaug {
position: absolute;
top:0;
left: 50%; 
width:945px;
margin-left: -474px; /* moitié de la largeur */
border:0;

}

#entete-pageg h1 {
	padding: 0 0 0 0;
	position: absolute;
	top: 10px;
	left: 160px;
	font-size: 1.8em;
	color: #9fa29a;
}

#logo-service{
/*	position:absolute;
	background-image: url(/images/DPTINFO/logo-service-DPTINFO.gif);
	background-color: transparent;
	background-repeat:no-repeat;
	top:15px;
	right:85px;
	height:93px;
	width:64px;*/
	display:none;

	
}

/*******************
c.thomas:recherche remplace recherche simple
*******************/
#recherche, #liste-structures{
	padding-top: 5px;
	background: #eaebe5 ;
	padding-left:15px;
	margin-left:5px;
	margin-right:1px;
}

#recherche legend  { 
	display: none;
}

#recherche a {
	color: #656563;
	text-decoration: none;
	background: url(/images/intranet/puce_recherche-intra.gif) no-repeat 0 50%;
	padding-left: 20px;
	vertical-align:middle;
	
}
#avancee { 
	line-height:1.5em;
}

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

#recherche .champ-saisie {
	margin: 0 0 5px 0;
	width: 140px;
	padding: 0px 1px 0 1px;
	vertical-align: middle;
}

#recherche .ok {
	width: 18px;
	height: 15px;
	vertical-align:text-bottom;
}

* html #recherche .ok {
	margin-top: 1px;
}

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

#connexion {
	display:none;
	position:absolute;
	left:760px;
	top:10px;
	height:115px;
	width:192px;
	text-align: right;
	padding-right:1px;
	background-color: transparent;
	color:#fff;
	z-index:5;
	visibility:visible;

}

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

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

#connexion input#login_intranet {
margin-bottom: 0;
}
#connexion a {
font-size: xx-small;
color: #fff;
display: block;
margin-left: 90px;
padding-right:15px;
}

#connexion p#mot_de_passe_oublie {
margin: 0;
}

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

#menu-icones {
display:none;
margin-top:-38px;
position:relative;
z-index:2;
width: 203px;
padding-top:2px;
color: #ccc;
margin-left:10px;
margin-bottom:10px;
}

#menu-icones a {
padding-top:0;
height:60px;
margin-right:8px;
border:0;
padding-left:5px;
}

#menu-icones a:hover {
margin-right:8px;
border:0;
}

#webmail{
display:none;
}

#editpage{
position:absolute;
left:280px;
display:none;
padding-left:5px;
}
#editpage a:hover{
background:#fff;
}

#adminsite{
position:absolute;
display:none;
left:245px;
padding-left:5px;
}
#adminsite a:hover{
background:#fff;
}

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

#services {
margin-left: 10px;
}

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

#services legend {
display: none;
}

#services select {
font-size: 0.9em;
}

#services .valider {
font-size: 0.8em;
}

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

#navigation {
	float: left;
	width: 209px; 
	padding-bottom: 190px;
	text-align :left;
}

#navigation h3 {
color: #fff;
font-weight: normal;
}

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

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

/***  Ajout E. PAYAN : Navigation avec grand bandeau ***/
#navigation_grand_bandeau {

float: left;
width: 220px;
padding-bottom: 60px;
margin-top: 160px;
margin-left:0px;
}

p#acces_direct { 
visibility:hidden;
position:absolute;
}

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

p#raccourcis a{
color:#fff;
}

/*** Menu principal */
.menu-prin {
	clear: left;
	font-size: 1em;
	font-family: Verdana;
	padding-left:5px;
	padding-right:5px;
}
.menu-prin ul {
 	list-style-type: none;
}
/* Pas de puces */
.menu-prin ul ul			{ padding-bottom: 0.2em; }			/* Espacement en fin de niveau 2 */
.menu-prin li.niveau1 		{ 
	margin-bottom:1.3em; 
	margin-left:2px;
	}		
/* Marge entre les éléments de niveau 1 */
.menu-prin li ul			{ display: none; }					/* Cache les niveaux 2 */
.menu-prin li.expanded ul	{ display: block; }					/* Affiche le niveau 2 fils du niveau 1 "expanded" */
.menu-prin ul li 			{ list-style-position: outside; }

.menu-prin a {
	padding-left: 10px;
	color: #5d5d5d;
	text-decoration: none;
	display: block;
	font-weight:bold;
	font-size: 1.1em;
}

.menu-prin a:hover {
	color: #f27d16;
}

.menu-prin a.niveau1:hover{
	margin-right: 1px;
	color:#f27d16;
}

.menu-prin li li a{
/* Liens de niveau 2 */
	padding-left : 25px;
	font-weight: normal;
	padding-top:3px;
	padding-bottom:1px;
	color: #5d5d5d;
}

.menu-prin li.menuon a.niveau1{
/* Element de niveau 1 selectionné */
	margin-right: 1px;
	color:#f27d16;
}
.menu-prin li.niveau1 span {
	padding-left: 10px;
	color: #5d5d5d;
	text-decoration: none;
	display: block;
	font-weight:bold;
	font-size: 1.1em;
}

.menu-prin li li.menuon a.niveau2{
/* Element de niveau 2 selectionné */
	margin-right: 1px;
	color:#f27d16;
	font-weight:lighter;
}

.menu-prin li li a.niveau2{
/* Element de niveau 2 selectionné */
	color: #656563;
}

.menu-prin li li a.niveau2:hover{
/* Element de niveau 2 selectionné */
	color:#f27d16;
	font-weight:lighter;
}

#limenu1244558489170{
padding-top:15px;
background:url(/images/IUFM/tiret_gauche.gif) 50% 0 no-repeat;
}

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

/*---------------------------------------------------------
	DEBUT Gestion des blocs primordiaux (centre + encadres)
------------------------------------------------------------*/

#contenu_sans_encadres, #contenu_sans_nav_sans_encadres {
	float: left;
	width: 723px;
	min-height:300px;
	border:0;
	padding:0;
	margin-right:0px;
}

#contenu_avec_encadres {
	float: left;
	width: 525px;
	min-height: 300px;

}

/* Ajout E. Payan : contenu pour les grands badeau */
#contenu_avec_encadres_grand_bandeau {
	float: left;
	width: 517px;
	min-height: 300px;
	background: url(/images/fond_centre.gif) 0 175px repeat-x;
}

.contenue {
padding-top:5px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
margin:0;
color:#646462;
/*background: url(/images/DPTINFO/fond_centre.gif) 0 100% repeat-x;*/
}

.contenue-acceuil {
padding-top:5px;
padding-bottom:15px;
padding-left:25px;
padding-right:25px;
margin:0;
color:#646462;
}

.contenue4 {
padding-top:5px;
padding-bottom:15px;
padding-left:15px;
padding-right:15px;
margin:0;
color:#646462;
font-size:1.2em;
line-height:1.3em;
/*background: url(/images/DPTINFO/fond_centre.gif) 0 100% repeat-x;*/
}
.contenue4  li{
margin-left:15px;
}

.contenue-acceuil4 {
padding-top:5px;
padding-bottom:15px;
padding-left:25px;
padding-right:25px;
margin:0;
color:#646462;
}


.contenue ul.colone_deco li {
display: list-item;
list-style-image: url(http://fst-informatique.univ-lyon1.fr/images/intranet/fleche2.gif);
list-style-position: outside;
margin-bottom: 0px;
margin-top: 0px;
}

.contenue ul.colone_deco li a{
color:#000;
font-weight:normal;
}

.contenue h2 {
	color:#6e858b;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:-5px;
	padding:10px 0 5px 0;
}
.contenue h3 {
	color:#f27d16;
	font-weight:bold;
	text-decoration:none;
	margin-top:10px;
	margin-bottom:6px;
	margin-left:-5px;
	padding:10px 0 5px 0;
}

.sansstyle { 
}

.sansstyle ul li{
	display : list-item;
	list-style-position: inside;
	margin:5px 13px;
}

.sansstyle ul.liste-actualites li{
	display : list-item;
}

.actudate{
	color: #878a81;
	padding-top:4pt;
	padding-bottom:4pt;
	font-size:7pt;
	border-top: silver solid 1px;
}

.acturesume{
	color: #878a81;
	padding-top:4pt;
	padding-bottom:4pt;
	font-weight:bold;
	margin-bottom:10pt;
}
.actuthematique{
	text-align:right;
	padding-top:4pt;
	padding-bottom:4pt;
	text-align:right;
}
/*---------------------------------------------------------
	FIN Gestion des blocs primordiaux (centre + encadres)
------------------------------------------------------------*/

#deco-contenu {
	float: left;
	background-repeat: repeat-y;
	height: auto;
	}

/*c.thomas: affichage menus niveau 3 dans contenu central*/
.niv3{
	margin: 5px 0 10px 0;
	font-size: 1.1em;
	text-align:center;
	padding:5px 5px;
}
.niv3 a{
	color:#fff;
	background: #01a1d8 url(/images/DPTINFO/fond_niv3.jpg) 0 0 repeat-x;
	border:1px solid #fff;
	border-style: outset;
}
.niv3 span{
line-height:35px;
}

.niv3 a.menu-on{
background : transparent;
}

.splitniv3{
display:none;
width:0;
overflow:hidden;
}

/* pour plan de site et liste imbriquees dans toolbox */
#contenu_avec_encadres ul,
#contenu_avec_encadres ol,
#contenu_sans_encadres ul,
#contenu_sans_encadres ol {
margin:0;
padding:0 0 0 0px;
}

h2 {
font-size: 1.6em;
font-family: verdana, arial, sans-serif;
margin: 8px 0;
padding: 0
}

#redacteur, #date_modification, #contact_rubrique {
text-align: right;
clear: both;
padding:15px;
font-size:xx-small;
}

#redacteur {
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}

#date-modification, #contact-rubrique {
margin: 0;
}

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

}

/*** surcharge =Rubrique ***/
.rubrique h2 {
margin-top:0;
margin-bottom:25px;
padding:15px 0 10px 0;
}

.contenue4 h2 {
color:#365e91;
margin-top:0px;

margin-bottom:25px;
margin-left:-5px;
padding:15px 0 5px 0;
font-size:1.2em;
text-indent: 0; 
}



h4 {

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

.ligne {
/*Modif ML 05/juillet
margin-top: 10pt ;
padding-top:10pt;*/
clear:left;
/*Modif ML 09/juillet
border-top:2px dotted white;*/
margin-top:5px;
}

.colonne {
float:left;
}

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

.filet {
/*ML modif 05/juin 2007 */
background-color: #878A81;
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;
}*/

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

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

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

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

/*
4 types d'encadrés :
	- Générique
	- De rubrique
	- De fiche
	- De recherche contextuelle
*/


/* ------------------------
 encadres génériques
------------------------ 

generique-top > generique
generique-in > deco-generique-1
generique > deco-generique-2

rubrique-top > rubrique
rubrique-in > deco-rubrique-1
rubrique > deco-rubrique-2

*/

.deco-generique-2,
.deco-rubrique-2 {
background: url(img/enc_rub_bor.gif) repeat-y 0 0;
width:211px;
margin-left:5px;
margin-bottom: 10px;
}

.deco-generique-1,
.deco-rubrique-1{
background: transparent url(img/enc_rub_bot.png) no-repeat 0 100%;
}

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

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

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


/* Type de fichier-joint */

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

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

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

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

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

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

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

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

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

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

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

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


/**************
Tentatives encadres
*************/
#multilingue{
	position:relative;
	top:143px;
	z-index:10;
	left:767px;
	margin:0;
	padding:0;
	width:150px;
}

#drapeau{
	margin-right:15px;
}

#english{
	
	margin-left:10px;
}

#encadres{
	float: left;
	width: 193px;
	height:100%;	
	margin-right:0;
	font-size: 0.9em;
	padding-top:8px;
	overflow:hidden;
}

#encadres4{
	float: left;
	width: 193px;
	height:100%;	
	margin-right:0;
	font-size: 12px;
	padding-top:8px;
}


#encadres4 h4{
	font-size: 12px;
}

#encadres4 a:link{
	font-size: 12px;
	font-weight:normal;
}

#encadres4 a:visited{
	font-size: 12px;
	font-weight:normal;
}

/*** encadrés de fiche, de navigation rubrique, automatique de fiche ***/
.encadre-generique, 
.encadre-rubrique,
.encadre-fiche, 
.encadre-auto-fiche, 
.encadre-nav-auto,
.encadre_recherche {
	width: 188px;
	margin-left:5px;
}

.firstencadre {
	border : 0;
}

.encadre-generique-in, 
.encadre-rubrique-in,
.encadre-fiche-in {
	/*background: url(/images/DPTINFO/encadre-in.gif) 10px 0 repeat-y;*/
	margin-bottom:15px;
	padding-left:15px;
	padding-right:7px;
}

.encadre-generique h4, 
.encadre-nav-auto h4  {
	background:#01a2d9 url(/images/DPTINFO/h4.gif) 50% 0 no-repeat;
	margin-left:-5px;
	text-align:center;
	margin-top:0;
	font-weight:bold;
	color:#fff;
	padding-top:7px;
	padding-bottom:10px;
	width: 170px;
	vertical-align:middle;
	border:1px solid silver;
	border-style: outset;
}

.encadre-fiche h4, 
.encadre-rubrique h4{
	background:url(/images/DPTINFO/h4.gif) 0 100% no-repeat;
	margin-top:0;
	font-weight:bold;
	color:#6e858b;
	padding-top:7px;
	padding-bottom:10px;
	width: 170px;
	margin-left:-4px;
	vertical-align:middle;
}

.encadre_recherche h4{
display:none;
}

.encadre_recherche {
display:none;
}

.encadre-generique p, 
.encadre-auto-fiche p, 
.encadre-fiche p, 
.encadre-nav-auto p,
.encadre-rubrique p {
	margin: 5px 0 0 0;
}

.encadre-auto-fiche{

}

.encadre-auto-fiche h4{
	background:url(/images/DPTINFO/h4.gif) 0 100% no-repeat;
	margin-top:0;
	font-weight:bold;
	color:#6e858b;
	padding-top:7px;
	padding-bottom:10px;
	width: 170px;
	margin-left:-4px;
	vertical-align:middle;
}

.encadre-auto-fiche p{
	margin-top: -15px;
	padding-bottom:5px;
}

.encadre-auto-fiche #telecharger a:link {
margin-left:0;
font-weight: normal;
}

.encadre-auto-fiche #telecharger a:hover{

}

.encadre-auto-fiche #telecharger li {
list-style-type: none;
padding-top:5px;
}


.encadre-auto-fiche.firstencadre {
display:none;
}


.encadre-fiche a {
	text-decoration: none;
}

.encadre-fiche a:link{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
}

.encadre-fiche a:hover{
	font-family: Verdana,Arial,Helvetica,sans-serif;

	text-decoration: underline;
}

.encadre-nav-auto a { display: block; padding-left: 15px; }
/*Ml modif 05/juin 2007
.encadre-nav-auto a { background: url(/images/intranet/on/px_bleu.gif) 3px 1px no-repeat; }
.encadre-nav-auto a:link {  background: url(/images/intranet/on/px_bleu.gif) 3px 1px no-repeat; }
.encadre-nav-auto a:hover { background: url(/images/intranet/on/px_bleu.gif) 3px 1px no-repeat;}*/
.encadre-nav-auto a { background: url(/images/DPTINFO/px_vert.gif) 3px 1px no-repeat; }
.encadre-nav-auto a:link {  background: url(/images/DPTINFO/px_vert.gif) 3px 1px no-repeat; }
.encadre-nav-auto a:hover { background: url(/images/DPTINFO/px_vert.gif) 3px 1px no-repeat;}



.encadre-generique ul, .encadre-rubrique ul, .encadre-generique ol, .encadre-rubrique ol, .encadre-fiche ul  {
	margin : 0px 5px 0 5px;
/*	margin : 10px 5px 0 15px; */	
}

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

.encadre-generique-in li, .encadre-fiche-in li, .encadre-rubrique-in li {
display: list-item;
list-style-image: url(/images/DPTINFO/puce1.gif);
list-style-position: outside;
margin-left: 10px;
}

/*******************
	=Bloc =Pied de Page
********************/
#fin_page {
clear: both;
}

#pied_page { 
position: relative;
font-size: small;
padding: 10px 0px 3px 20px;
color: #fff;
}

#pied_page a{ 
font-weight: 700;
}

#boutons_actions {
position: relative;
top: -30px;
margin: 0 0 13px 20px;
color: #ffbe22;
}

#boutons_actions a,
#boutons_actions a:hover {
color: #ffbe22;
text-decoration: none;
}

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

#haut_page {
background: transparent url(img/haut_page.gif) no-repeat 0 0;
margin-right: 10px;
}

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

#haut_page, #imprimer {
cursor: pointer;
padding-top: 40px;
}


/* =Adresse bas de page ------------------ */

address{
position:relative;
top:0em;
margin: 0 auto 10px auto;
padding: 0 0 0 0;
font-style: normal;
text-align: center;
width: 933px;
}

address a {
color: #fff;
text-decoration: none;
}
address a:hover{
color: #fff;
text-decoration: underline;
}
address a:visited{
color: #fff;
text-decoration: none;
}
/* ------------------ */

p#liens_pratiques{
margin:0 0 0 20px;
display:none;
}

p#liens_pratiques a{
color:#fff;
}

p#liens_pratiques a.rss{
background:url(img/rss.png) no-repeat 0 50%;
padding-left:17px;
}

/********************************
	=Contexte =DSI
********************************/
#personne_dsi{
color: #332244;
font-weight: bold;
margin-bottom: 0px;
padding-top: 0px;
padding-right: 10px;
display: block;
text-align: right;
}

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

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

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

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

.dsi #select_profil {
width: 140px;
}

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

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

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

#titre-rubrique {
clear: left;
/*width:*/
border:2px solid red;
}

#soustitre 
{
color: #878a81;
margin-top: 8px;
margin-right: 0pt;
margin-bottom: 8px;
margin-left: 0pt;
font-size: 130%;
font-family: verdana,arial,sans-serif;
}

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

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

#fil-ariane-accueil{
display:none;
}
#fil-ariane{
	font-size: small;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-left:5px;
	padding-top:10px;
	text-align:left;
	padding-right:5px;
}

#contenu_sans_encadres #fil-ariane{
	font-size: x-small;
	color: #646462;
	width:707px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	padding-left: 10px;
}

#fil-ariane a,
#fil-ariane-accueil a,
#fil-ariane_sans_encadres a 
 {
color: #000;
text-decoration: none;
}

#fil-ariane a:hover,
#fil-ariane_sans_encadres a:hover,
#fil-ariane-accueil a:hover{
color: #000;
text-decoration: underline;
}

#fil-ariane .elementparticulier a,
#fil-ariane_sans_encadres .elementparticulier a,
#fil-ariane-accueil .elementparticulier a {
	text-decoration: underline;
	font-weight:bold;
}

#fil-ariane h2,
#fil-ariane_sans_encadres h2{
/*	color: #878A81;
	background-color:#E8EAE4;
	padding-top:0;
	padding-right: 5px;
	padding-bottom:0px;
	padding-left: 5px;
	margin:5px;
	font-size:2.0em;*/
	display:none;
}

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

#accroche {
position: relative;
font-family: verdana, helvetica, arial, sans-serif; 
font-size: 1.25em;
line-height: 1.3;
min-height: 88px;
display:none;
}

#accroche p {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
margin: 0;
}

#accroche .visuel-rubrique {
float: left;
background-repeat: no-repeat;
width: 366px;
height: 147px;
}

#accroche .clear {
font-size: 1px;
background-color: #332e44;
height: 1px;
}


.para-an {
: 1px solid #f3f5f0;
padding: 10px 0;
}

.para-an h3 {
font-size: 110%;
color: #656563;
margin-bottom: 0.3em;
}


/**********************
	=Fiche =Actualite
***********************/
body.actualite #thematique {
color: #778aaa;
margin: 8px 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #f3f5f0;
: 1px solid #f3f5f0;	
}

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

body.actualite #date {
color: #778aaa;
margin: 0.5em 0 0 0;
padding-top: 0.5em;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #f3f5f0;
}

body.actualite #resume {
color: #778aaa;
margin: .5em 0 1.5em 0;
padding-top: 0.5em;
font-weight: 700; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #f3f5f0;
}

body.actualite #description {
text-align: justify;
margin-bottom: 1.5em;
}
body.actualite #fil-ariane {
margin-left:3px;
width:522px;
}

/*Ajout ML 27/11/2007*/
.actualite h2 {
/*color:#828227;*/
margin-top:-5px;
}

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

.ligne_coord{
	clear: left;
margin-top: 5px;
}



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

/* de type 1 */

dl.type_1 {
background: transparent;
position: relative;
margin-top: 10px;
width: 100%;
border-top:1px solid white;
:1px solid white;
}

dl.type_1 dt {
margin: 0;
padding-top: 0.5em;
width: 100px;
position: absolute;
left:0;
font-weight: 700;
}

dl.type_1 dd {
padding: 0.5em 2%;
margin-left: 100px;
}

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

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

/* de type 2 */

dl.type_2 {

/*	background: #F3F5F0; url(/images/an-det-gau.gif) repeat-y;*/

/*	:1px solid #F3F5F0;*/
	margin:0 0 5px 0;
	padding:0;
	font-size: 90%;
	color:#656563;


}




/*dl.type_2 dt {
padding-top: 0.4em;
width: 185px;
font-weight: 700;
text-align: right;
}

dl.type_2 dd {
padding-top: 0.4em;
margin-top: -14px;
padding: 0 2%;
margin-left: 190px;
}*/
dl.type_2 dt {
padding-top: 0;
width: 100px;
font-weight: 700;
text-align: right;
margin-bottom: 5px;
}

dl.type_2 dd {
	padding-top: 0;
	margin-top: -20px;
	padding: 0 2%;
	margin-left: 110px;
	margin-bottom: 5px;
	width: 370px;

}




/* --- fin --- */

/*****************************
	=Commentaires
*****************************/
#commenter {
text-align:right;
font-size: xx-small;
}

#commenter a {
color: #7C3345;
border: 1px solid #686868;
background-color: #e5e5e5;
margin: 13px 0;
padding: 2px;
float:right;
}

#commenter a {
display: block;
}
 
.com-outer {
clear:both;
border: solid #332e44;
border-width: 1px 6px 1px 0;
}

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

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

.com-inner ul {
margin: 0;
}

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

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

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

.li1first {
margin-top: 0;
}

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


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

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

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

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

.com-titre1 {
background-color:#8bbfff;
}

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

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

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

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

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

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

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

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

body.article #thematique {
margin:8px 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top:1px solid #f3f5f0;
}

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

font-family: verdana, arial, sans-serif;
}

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

body.article #date {
margin: .5em 0 0 0;
padding: 0.5em 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #f3f5f0;
: 1px solid #f3f5f0;
}

body.article #chapeau {
/*color : #878A81;
margin : 10px 0 20px 0;
font-weight : 700; 
font-family : verdana, arial, sans-serif;*/
border-top:1px solid #f3f5f0;
padding: 10px 0;

/*ajout ML 11/12/2007*/
color : #878a81;
:1px solid #f3f5f0;
}


body.article #corps{

font-size : 1em;
/*word-spacing:0.2em;
line-height: 1.5em;*/
}

body.article #corps ul li{
display : list-item;
/*list-style-image : url(/images/fleche.gif);*/
list-style-position: outside;
margin:3px 13px;
}

body.article {
color:#484546;
font-size: x-small;
	/*ML modif 19/juillet 2007*/
	/*word-spacing:0.2em;*/
line-height: 1.5em;
}


/******************************
	=Fiche =Document
*******************************/
body.document #description {
border-top:1px solid #f3f5f0;
padding: 10px 0;
}

body.document .photo {
float: left;
background: #fff;
margin: 0 10px 0 0;
}

body.document #thematique {
color: #778aaa;
margin:8px 0;
font-size: xx-small;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top:1px solid #f3f5f0;
:1px solid #f3f5f0;
}

body.document #soustitre {
color: #778aaa;
margin: 8px 0;
font-size: 130%;
font-family: verdana, arial, sans-serif;
}

body.document #auteurs {
color: #778aaa;
margin: 8px 0;
padding-top: 5px;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
border-top: 1px solid #f3f5f0;
}

body.document #resume {
color : #778aaa;
margin: 0;
padding: 8px 0;
border-top: 1px solid #f3f5f0;
font-weight: 700;
}

body.document #referenceisdn {
margin: 8px 0;
padding: 0;
border-top: 1px solid #f3f5f0;
}

#telecharger {

padding: 10px;
/*width: 250px;*/
}

#telecharger a {
font-weight:bold;
margin-left: 15px;
}

#telecharger a:link {
/*background:#6579d4;
color:#fff;
padding: 5px;
margin-right: 200px;
font-weight:bold;*/
}

#telecharger a:visited {
/*background:#6579d4;
color:#fff;
padding: 5px;
font-weight:bold;*/
}

#telecharger a:hover {
/*background:#000;
color:#fff;
padding: 5px;*/
text-decoration: underline;
}

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

.colonne_deco {
	margin-right: 0px;
	padding-top:0px;
	padding-right:0px;
	padding-left: 20px;
/*Modif ML 09/juillet 15px -> 5px*/
	padding-bottom: 5px;

}

html>body .colonne_deco { 


}

.derniere_colonne .colonne_deco {

}

.premiere_colonne .colonne_deco {
border : 0;
padding-left : 0;
}


.style1 {
	background:#fff;
	padding:0px 0px 0px 0px;
	margin:0px 0 10px 0;
}

.style1 h3 {
	background: #6e858b;
	color : #ffffff;
	font-size : 1.2em;
	text-align : left;
	padding: 5px 5px 5px 5px;
	margin:0px 0 10px 0;
	vertical-align:middle;
}

.style1 li{
	display : list-item;
	list-style-position: inside;
	margin:5px 13px;
}

.style1 a:link {
color:#ff7800;
}

.style1 a:hover{
color:#ff7800;
}
.style1 a:visited{
color:#ff7800;
}

.style2 {
	border: 1px dashed silver;
	background:#fff;
	color : #646567;
	padding:8px;
	margin:0px 0 10px 0;
}

.style2 h3 {
	font-size : 1.2em;
	font-weight : bold;
	text-align : left;
	color : #646567;
	padding: 0px 0px 2px 0px;
	padding-bottom: 3px;
	margin:0px 0 10px 0;
}

.style2 a:link {
color:#ff7800;
}

.style2 a:hover{
color:#ff7800;
}
.style2 a:visited{
color:#ff7800;
}


.style2 li{
display : list-item;
list-style-position: inside;
margin:5px 13px;
}


.style3 {
	font-size : 1em;
	text-align : left;
}

.style3 h3 {
	background:url(/images/DPTINFO/h4.gif) 0 100% no-repeat;
	font-size : 1.2em;
	font-weight : bold;
	margin:0px 0 10px 0;
	color:#6e858b;
	vertical-align:middle;
	padding-bottom:10px;
	padding-top:7px;
}

.style3 a:link{
color:#f27d16;

}
.style3 a:hover{
color:#f27d16;
text-decoration: underline;
}
.style3 a:visited{
color:#f27d16;
}



.style3 li{
display : list-item;
list-style-position: inside;
margin:5px 13px;

}

.sansstyle { 
}

/*** Fix Toolbox ***/
.colonne_deco * li div {
color:#222e44;

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

#precisions_resultats {
background: #6e858b;
color:#fff;
text-align:center;
padding:5px;
margin: 8px 0;
font-weight: 700;
font-size:13px;
}

ul.liste-resultats {
margin-top: 1em;
margin-left:10px;
}

ul.liste-resultats li {
/*border-bottom: 1px solid #7d7d7d;*/
margin-bottom: 1.5em;
padding-bottom:1.5em;
margin-left:10px;
background:url(/images/ACTU-LYON1/trait_degrade.gif) 0 100% no-repeat;
line-height:1.8em;
list-style-image:url(/images/ACTU-LYON1/flechemenu.gif);
}
ul.liste-resultats a:link, .liste-res ul.liste-resultats a:visited{
font-weight:bold;
}
.highlight{
font-weight:bold;
}
 
/******************************************
	=Recherche =Avancée
******************************************/

form#recherche_avancee {
width: 97%;
/*border-top: 1px solid #7d7d7d;*/
}

#recherche_avancee legend {
display: none;
}

#recherche_avancee p {
margin: 0;
padding: 0.5em 0;
overflow: auto;
clear: both;
}


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

#recherche_avancee label.no_float {
float: none;
}

#recherche_avancee .ChampSaisie {
color: #5c46a0;
max-width: 360px;
}

#recherche_avancee input.bouton {
font-size: xx-small;
color: #5c46a0;
border: 1px solid #333;
padding: 2px;
background-color: #fff;
}

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

#recherche_avancee p.boutons input {
font-size: 1em;
color: #5c46a0;
margin: 0 0 10px 10px;
padding: 2px;
border: 1px solid #666;
}
#recherche_avancee #LIBELLE_CODE_RATTACHEMENT {
padding:2px;
width:200px;
color:#fff;
}
#recherche_avancee #parcourir_CODE_RATTACHEMENT {
margin-left:5px;
background:#fff;
padding:2px;
width:60px;
height:23px;
border:1px solid #000;
}
#recherche_avancee .button  {
height:23px;
background:#fff;
border:1px solid #000;
padding:2px;
width:60px;
}

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


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

/*** layout du collaboratif ***/
.collaboratif #encadres {
display:none;
}

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

#espace .titre_espace {
	color:#000;	
}

#menu_collabo {
	margin-left:20pt;	
}

#menu_collabo li {
	list-style-image : none;
	list-style-position: outside;
}
#menu_collabo li a {
	color:black;
	font-size:10pt;
	font-weight:bold;
}

#menu_collabo h3 {
	color: #8a9ad5;
	font-size:10pt;
	font-weight:bold;
	padding-top:7pt;
	padding-bottom:2pt;
}


/*** end layout ***/


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

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

}

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

.collaboratif .conteneursousparagraphealbum {
float:left;
width:95%;
margin-top: 2em;
}
.collaboratif .menu_secondaire_deco2,
.collaboratif .menu_secondaire_deco1 {
background-image: none;
}


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

#responsables {
	font-size:10pt;
	color:black;
	font-weight:normal;	
	margin-bottom:20pt;
}

#collabodesc {
	font-size:10pt;
	color:black;
	font-weight:bold;	
}


/* 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;
  color:white;
  background: #8a9ad5 url(/images/intranet/escalier.gif) 100% 0 no-repeat;
  padding:3pt;
  margin-top:10pt;
}

/* 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: 10px;

}


#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 {
	margin:10pt;
}

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

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

#verrou {
text-align: center;
color: #ff0000;
margin-top: 10px;
}

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

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

#menu_collab li {
:1px solid #a5b3c1;
}

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


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

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

#menu_collab_2 li {
:1px solid #a5b3c1;
}

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


#titre_gestion_tribu {
text-transform:uppercase;
}

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


div.gestion {
	float: left;
	width:300px;	
	margin-right:10pt;
}

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

}

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

}

.gestion div.liste_multivaluee select{
width:200px;
}
.gestion div.liste_multivaluee option{
width:200px;
}

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

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

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


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

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

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

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

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
	color: #fff;
}
/* Typo */
.gestion {
font-size: 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;
: 1px solid #ccc;
}

.bouton {
margin:0;
padding: .2em .5em;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #666;
: 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: 200px;
font-weight: 700;
}


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

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

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

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

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

.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  {
:1px solid white;
}

.gestion .odd td {

}

.gestion .even td {

}

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

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


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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination{
font-weight: 700;
}

.pagination a,
.pagination a:hover {
font-weight: normal;
text-decoration: none;
}
/** c.thomas: ajout structure générale**/
#entete-page {

	height:171px;
	margin-top:25px;
}

#entete-pageg {
        position: absolute;
        left:10px;
        /*float:left;*/
        /*background-color: #F2F5F0;
        
        height: 124px;
        border-style: none;*/
        width: 933px;
        height: 160px;
        background-color: #f3f5f0;

        background-image: url(/images/degrade-gauche.gif);
        background-repeat: repeat-x;
        background-attachment: scroll;
        background-position: bottom;
}


.bouton {
	text-align:center;
	padding:4pt;
	font-size: xx-small;
	color: #88A;
	border: 1px solid #88A;
	padding:3px 2px;
	background-color: #EEF;
	font-weight:bold;
}

input.ChampSaisie, select {
	border: 1px solid #88A;
	padding:2pt;
}

input#increment {
	width:30px;	
	border: 1px solid #88A;
	padding:2pt;
}

#valider-formulaire .bouton {
	color: #EEF;
	border: 1px solid #EEF;
	background-color: #88A;
}

fieldset#requeteur legend {
	color: white;
	border: 1px solid white;
	background-color: #8a9ad5;
	padding:2pt 4pt 2pt 4pt;
}
fieldset#requeteur {
	border: 1px solid #8a9ad5;
}
fieldset#requeteur label {
	text-align:right;
	padding-right:8pt;
}


#pagination  {
	color:white;
}



#pagination a, #pagination em {
	color:#8a9ad5;
	font-style:normal;
}

.gestion label, .gestion .en-colonne span {
	text-align:right;
	padding-right:8pt;
}

#tabnav li {
visibility:hidden;
}
#tabnav li.active{
visibility:visible;
}
.tab_sous_onglet tbody{
background:#fff;
}
.tab_sous_onglet input{
border:1px solid silver;
}
.o2f{
}
/*--------------------------------------------------*/
/*AJOUT LF 20/01/2010 SUR TOUTES LES INSTANCES K-SUP*/
/*--------------------------------------------------*/
.contenue-acceuil h2{
display:none;
}
/*---------------------------------------------------*/

/*-----------------*/
/*MAJ LF 26/07/2012*/
/*-----------------*/

/* DEBUT BARRE DE NAVIGATION LYON 1 COMMUNUE A TOUS LES SITES DE COMPOSANTE*/

#cadre_barre{

width:100%;

background: #bcbcbc url(/images/barre/bg_barre_navigation.jpg) repeat-x;
border-bottom:1px solid #9c9c9c;
height:25px;
}

#cadre_barre2{

left:0;
width:100%;
z-index:9999;
background: #fff;
color:silver;
border-bottom:1px solid #e9edf0;
}

#barre_navigation_rapide{
height:25px;
margin:0;
padding:0;
border:0;
width: 1000px;

margin-left: auto;
margin-right: auto;
}

#barre_navigation_rapide2{
height:25px;
margin:0;
padding:0;
border:0;
width: 1000px;
margin-left: auto;
margin-right: auto;
overflow:hidden;
}





#home,#home2, #etu,#bibliotheque, #lyceen, #phototheque, #contact, #editback, #connexionbarre, #deconnexionbarre, #pres, #pres2, #formation{
float:left;
width:90px;
border-right:1px solid #cfcccc;
height:19px;
text-align:center;
vertical-align:center;
}

#composante{
float:left;
width:151px;

padding-right:5px;
border-right:1px solid #cfcccc;
height:19px;
text-align:center;
vertical-align:center;
}

#home{
margin-left:25px;
width:145px;
height:25px;
}
#home2{
height:25px;
width:145px;
}
#intranet{
width:145px;
}
#formation{
width:135px;
}
#lyceen{
width:155px;
}
#etu{
width:110px;
}
#spiral{
width:67px;
}
#bibliotheque{
width:100px;
}
#pres{
width:165px;
height:25px;
}
#pres2{
width:160px;
height:25px;
}


#mail{
width: 86px;
float:right;
border-right:none;
text-align:center;
vertical-align:center;
height:25px;
padding:0 0 0 5px;
margin-left:0;
}

#rs{
float:right;
border-right:none;
text-align:center;
vertical-align:center;
height:25px;
padding:0 0 0 5px;
margin-left:0;
}

#rs2{
float:right;
border-right:none;
text-align:center;
vertical-align:center;
height:25px;
overflow:hidden;
padding-top:6px;
margin-left:0;
color:#58565a;
vertical-align:center;

}
#connexionbarre{
width:115px;
border-right:none;
color:#58565a;
background:url(/images/barre/deconnexion2.png) 50% 50% no-repeat;
padding-right:0;
margin-right:0;
}
#deconnexionbarre{
width:95px;
border-right:none;
color:#58565a;
background:url(/images/barre/deconnexion2.png) 50% 50% no-repeat;
padding-right:0;
margin-right:18px;
}

#plan, #intranet, #connexionbarre, #deconnexionbarre, #annuaire, #spiral{
float:right;
width:100px;
height:19px;
text-align:center;
vertical-align:center;

}


#home a:link, #etu a:link, #bibliotheque a:link, #lyceen a:link, #phototheque a:link, #contact a:link, #pres a:link,#formation a:link, #composante a:link{
color:#fff;
vertical-align:center;
}
#home a:visited, #etu a:visited, #bibliotheque a:visited, #lyceen a:visited, #phototheque a:visited, #contact a:visited, #pres  a:visited, #formation a:visited, #composante a:visited{
color:#fff;
vertical-align:center;
}


#etu, #spiral, #bibliotheque, #intranet, #lyceen, #phototheque, #contact, #connexionbarre, #deconnexionbarre, #formation, #composante{
padding-top:6px;
}



#plan a:link, #spiral a:link, #intranet a:link, #contact a:link,  #connexionbarre a:link, #deconnexionbarre a:link, #annuaire a:link{
color:#58565a;
vertical-align:center;

}
#plan a:visited, #spiral a:visited, #intranet a:visited, #contact a:visited,  #connexionbarre a:visited, #deconnexionbarre a:visited, #annuaire a:visited{
color:#58565a;
vertical-align:center;
}

#plan, #spiral, #intranet, #contact,  #connexionbarre, #deconnexionbarre, #annuaire{
padding-top:6px;
}

#barre_navigation_rapide2 #connexionbarre{
margin-right:50px;
}

#barre_navigation_rapide2 #deconnexionbarre{
margin-right:37px;
}


#barre_navigation_rapide2 #gauche{

}

#composante .services{
float:right;
height:25px

}
#composante .services>li{
list-style: none;
color:#fff;
padding-left:5px;
}
#composante .services>li:link,
#composante .services>li:hover,
#composante .services>li:visited{
height:35px;
}

#composante .services:hover{


}

#composante .services:hover>li>a{
}
#composante .services li{
position:relative;

}
#composante .services div{
display:none;
position:absolute;
right:0;
top:18px;
-webkit-box-shadow:0 2px 4px rgba(0,11,21,0.5);
-moz-box-shadow:0 2px 4px rgba(0,11,21,0.5);
box-shadow:0 2px 4px rgba(0,11,21,0.5);
width:500px;
z-index:1010;
background:#fff;
}
#composante .services.droite div{
right:auto;
left:0
}
#composante .services li:hover div{
display:block;

}
#composante .services div ul{
width:250px;
float:left;
font-size:11px;
list-style: none;
}
#composante .services div ul li{
color:#000;
line-height:20px;
text-align:left;
list-style: none;
font-size:10px;
padding-left:15px;
}
#composante .services div ul+ul{
width:230px;
border-left:1px solid #eef1f5
}
#composante .services ul a{
display:block;
color:black;
}
#composante .services ul a:hover{
}
#composante .services ul strong{

padding-left:0px;
}

#composante .services ul  .title{
padding-left:5px;
padding-top:5px;
}


/* FIN BARRE DE NAVIGATION LYON 1 COMMUNUE A TOUS LES SITES DE COMPOSANTE*/

.vignette_deco{
float:left;
margin-right:10px;
}

/* BOUTON ADDTHIS */


.vignette_deco{
float:left;
margin-right:10px;
}

/* BOUTON ADDTHIS */
.addthis_default_style{
width:250px;
margin-left:310px;
padding-bottom:3px;
}

/**--FD----------------------------------------------*/
div.box {
    border: #F27D16;
    margin: 0em 0em 2em 0em;
    padding: 0;
}

div.box h4 {
    font-size: 1em;
}

div.box h5 {background: #FFCC99; border: thin none; border-style:  none ; color: #363E18; padding: 0em 1em 0em 0.5em; text-transform: none; display: inline; font-size: 100%; border-collapse: collapse}

div.box h6 {background: transparent; border: thin none; border-style: none; color: #F27D16; padding: 0em 0em 0.5em 1em; text-transform: none; display: block; font-size: 100%; margin: 0 0 0 0; height: ; line-height: normal}
 
div.box h6 a {color: #F27D16; padding: 0em 1em 0em 1em; text-transform: none; display: block; font-size: 100%; }
div.box h6 a:hover {color: #FF9900; padding: 0em 1em 0em 1em; text-transform: none; display: block; font-size: 100%; }

div.box div.body {
    background: white;
    border-collapse: collapse;
    border: 1px solid #FFCC00;
}

 div.contact {
    background: transparent;
    border-collapse: collapse;
    border: 1px solid #F27D16;
	color : #000;
	padding: 0em 0em 0em 1em; 
	font-size: 100%;
}
div.box div.contact a {color: #F27D16; padding: 0em 0em 0em 0em; text-transform: none; display: block; font-size: 100%; }
div.box div.contact a:hover {
	color: #930;
	padding: 0em 0em 0em 0em;
	text-decoration:none;
	text-transform: none;
	display: block;
	font-size: 100%;
}


div.parcours h1 {color: #f27d16; padding: 0em 0em 0em 0em; text-transform: none; display: block; font-size: 200%; }


/*@charset "iso-8859-1";

	
 body {font: 65% Verdana, Helvetica, Arial, sans-serif; 
   background :White; 
   color: Black;
   margin: 0; 
   padding: 0;
   scrollbar-base-color: #DEE7EC; s
   crollbar-highlight-color: #DEE7EC; 
   scrollbar-track-color: #F7F9FA; 
   scrollbar-darkshadow-color: #F7F9FA; 
   scrollbar-3dlight-color: #8CACBB; 
   scrollbar-shadow-color: #8CACBB; 
   scrollbar-arrow-color: #436976}
   
.banniere{
	width:800px;
	position:absolute;
}
   
.page {
			width: 800px;
			border:none;
			 padding: 0; 
			 margin: 0em; 
			 border-style: none;
			 cellpadding:0;
			 cellspacing:0;
			 border-collapse:collapse;
		     background-color:#FFF;
			 }
.page tr, .page td {
	border:none;
	border-collapse:collapse;
}
		 
.colmenu {
	width:213px;
	border:none;
	background-color:#363E18;
	vertical-align:top;
	}
	
.colbanniere {
	width:587px;
	height:243px;
	background-image:url(fond.gif);
	background-repeat:no-repeat;
	vertical-align:top;
}

.colbannierebas{
	width:587px;
	height:131px;
	 background-image:url(fondb.gif);
	 background-repeat:no-repeat;
	}
	
 table .menu{
	 border: 0px;
	 width:213px;
	 }
.colcontenu{
	width:587;
	background:#FFF;
	min-height:600px;
	

}
		 

p { margin : 1em 0; }
img { border:none; }
form { display : block; margin : 0; padding : 0; }

h1, h2, h3, h4, h5, h6 {
    color: #8EA138;
    clear: left;
    font: 100% Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    padding-top: 0.5em;
    border-bottom: 1px solid #8EA138;
}
h1 {  font-size: 160%;}
h2 {  font-size: 150%;}
h3 {  font-size: 140%;}
h4 {  font-size: 120%;}
h5 {  font-size: 100%;}
h6 {  font-size: 80%;}

a:active {color: #FF9900; }
a:hover {
	color: #F63;
}
a {
	color: #930;
	text-decoration: none
}

div.box {
    border: #FF9900;
    margin: 0em 0em 2em 0em;
    padding: 0;
}

div.box h4 {
    font-size: 1em;
}

div.box h5 {background: #FFCC99; border: thin none; border-style:  none ; color: #363E18; padding: 0em 1em 0em 0.5em; text-transform: none; display: inline; font-size: 100%; border-collapse: collapse}

div.box h6 {background: transparent; border: thin none; border-style: none; color: #FFCC99; padding: 0em 0em 0em 0em; text-transform: none; display: block; font-size: 100%; margin: 0 0 0 0; height: ; line-height: normal}
 
div.box h6 a {color: #FFCC99; padding: 0em 1em 0em 1em; text-transform: none; display: block; font-size: 100%; }
div.box h6 a:hover {color: #FF9900; padding: 0em 1em 0em 1em; text-transform: none; display: block; font-size: 100%; }

div.box div.body {
    background: white;
    border-collapse: collapse;
    border: 1px solid #FFCC00;
}

 div.contact {
    background: transparent;
    border-collapse: collapse;
    border: 1px solid #FFCC99;
	color : #FFCC99;
	padding: 0em 0em 0em 1em; 
	font-size: 100%;
}
div.box div.contact a {color: #FFCC99; padding: 0em 0em 0em 0em; text-transform: none; display: block; font-size: 100%; }
div.box div.contact a:hover {color: #FF9900; padding: 0em 0em 0em 0em; text-transform: none; display: block; font-size: 100%; }

table.menu h5 {background: #FFCC99; border: thin none; border-style:  none ; color: #363E18; padding: 0em 1em 0em 0.5em; text-transform: none; display: inline; font-size: 100%; border-collapse: collapse}
table.menu h6 {border: none; background: transparent;color: #FFCC99;font-size: 100%; border-collapse: collapse}
table.menu td h3, h4 {margin: 0 0 0 1em}
table.menu td {margin: 0 0 0 5em; font-size: 70%; left: 9em; border: none}
table.menu h6 a {color: #FFCC99; padding: 0em 1em 0em 1em; text-transform: none; display: block; font-size: 100%; }
table.menu h6 a:hover {color: #FF9900; padding: 0em 1em 0em 1em; text-transform: none; display: block; font-size: 100%; }

*/
div.body {margin: 1.5em; font: 100%; color: #676767}
div.body p {margin: 1.5em; font: 100%; color: #676767}

div.body ul li{
	margin: 0 0 0 1em;}
div.body ul li ul li{
	margin: 0 0 0 2em;}


/*
div.bas table {border: double #8EA138; border-style: double none none none}
*/
table.tablecontenu td {
	border:1px solid;
	margin: 0 0 0 2em;
	font-size: 90%;
	left: 9em;
	border-top-color: #777;
	border-right-color:#999;
	border-left-color: #666;
	border-bottom-color: #CCC;
}

table.tablecontenu td h3, h4 {margin: 0 0 0 1em}
table.tablecontenu th {background: #E9F3AE; border: thin #8EA138; font-size: 90%}

table  td {margin: 0 0 0 5em; font-size: 70%; left: 9em;}

div#onglet {
	overflow: visible;
	font-size: 120%;
	font-weight: bold;
	border: 0px solid;
	border-bottom: 2px solid;
	height: 80px;
	width: 100%;
	z-index: 3;
	background-color: #FFF;
	margin-top: 2px;
	background-image: url(images/fond_onglet.jpg);
	
}
* html div#onglet {width: 57.35em; w&idth: 57.35em; }/* correction pour IE 5.x : 780/16/0.85 */

div#onglet div { clear: left;  }
 
ul.niveau1 {float: left; margin-top: 4px; margin-right: 16px; margin-bottom: 0px; margin-left: 0px; padding: 0px; list-style: none;}


ul.niveau1 li  {
	float: left;
	margin-left: 0.4em;
	position: relative;
	width: 200px;
	height:30px;
	text-align:center;
	padding-top:0px;
	border: solid;
	border-width: 4px;
	border-top-color: #DDD;
	border-left-color:#CCC;
	border-bottom-color:#999;
	border-right-color:#AAA;
	font:1.2em SansationBold,'trebuchet ms', helvetica, arial, sans-serif bold;
	font-variant:small-caps;
	letter-spacing:0.06em;
	float:left;
	background-color:#cfcfcf;
	background-color:rgba(207,207,207,0.9);
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

li.choix a
{
display:block;
width:200px;	
text-decoration:none;
color:#f27d16;
opacity:0.9;
font-weight:bold; 
padding:5px 0 5px 0;
}

li.choix a:hover, li.choix a:active,li.choix a:focus {
background-color:#c0c0bE;
}

ul.niveau1 li a:hover{
	text-decoration:none; color:#600;}
  * html ul.niveau1 li {      margin-bottom: -0.1em;  }/*correction pour IE 5 et 6 */
  /*
  *:first-child+html ul.niveau1 li {     margin-bottom: -0.1em;  }/*correction pour IE 7 */
  /*
  ul.niveau1 li:hover{float: left; margin-left: .4em; position: relative; width: 200px; text-align:center; padding-top:10px; background-color: #F90; border: solid; border-width: 4px; border-top-color: #C67400; border-left-color:#DC7C00; border-bottom-color:#FFBA61; border-right-color:#FFB24D;} 

  ul.niveau1 li a { color: #FF9;}
  ul.niveau1 li a:hover { color: #800000;}