/* =============================================================================================

									Feuille de style K-Sup V5 remaniée par Peter

============================================================================================= */

.clear {
clear: both;
}

.clear_paragraphe {
clear: both;
}


.galerie .clear_paragraphe {
	margin-bottom: 2em;
}


/* ===============================================================================================
								   Initialisation des styles par defaut
=================================================================================================*/
html, body {
background-color : #FFFFFF;  
margin: 0;
padding: 0;
height: 100%;
}

body, html, fieldset {
border : 0;
}

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

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

/* etat "focus" important pour accessibilite web */
a:focus {
background-color : none !important;
color : #666666 !important;
text-decoration : none !important;
}

a:hover {
text-decoration :underline;
}


.sansstyle img {
margin : 0 0 0 0;
padding : 0em 1em 0em 0em;
}

a img,
a:link img,
a:visited img {
border : none;
vertical-align : middle;

}

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

/* ==================================
		Style des titres
================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS",sans-serif;
	color: #336699;
	margin:0;

}

h2 { /* Titre de la page */
	letter-spacing: -1px;
	font-size: 2.5em;
	font-weight: bold;	
	text-align: left;
	margin :0;
	padding-bottom : 0.8em;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	line-height:1em;
	
}



h3 { /* Titre 1, 2 , 3 */
	font-weight: bold;
	font-size: 2em;
  	padding:0;
	margin : 0;
	text-align:left;
	padding-bottom:0.8em;
  	padding-top:0.6em;
  	line-height:1em;
}

.style1 h3{
	color: #336699;
	font-size: 2em;
	margin-top:0;
	margin-bottom:0;
	padding-top:0;
	padding-bottom:0;
	
}

.style2 h3{
	color: #2E4C6B;
	font-size: 1.4em;
	border-bottom : 1px dotted #666666;
	margin-bottom:1em;
	padding-bottom : 0.3em;
}

.style3 h3{
	color: #000000;
	font-size: 1em;
	padding-bottom : 0.3em;
	
}

/* === Accessibilite liens evitement === */

p#acces_direct {
margin : 0;
width : 100%;
display : none; /********************************WARNING*******************************/
}

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

p#raccourcis a {
color : #fff;
}

p#acces_direct a,
p#acces_direct a:visited {
background : transparent;
color : #FFF;
display : block;
font-size : 1.1em;
font-weight : 700;
padding : 0.4em 0 1.1em 0;
text-align : center;
text-decoration : none;
width : 100%;
}

p#acces_direct a:hover,
p#acces_direct a:focus,
p#acces_direct a:active {
background : #ffb623 url(../../../img/defaut/acces_direct.png) no-repeat center bottom;
}


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

#conteneur {
		position: relative;
			/* permet au bloc de servir de référent pour
			   ses descendants positionnés en absolu */
		width: 100%;
		margin: 0;
		min-height: 100%; 
}	

#page{
		background-color:#FFFFFF; 
		position: absolute;
		width: 100%;
		margin: 0;
}


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

hr.separateur_sections_page {
display : none;
}

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

.hide {
position : absolute;
visibility : hidden;
}

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

.retour {
cursor : pointer;
}

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

.champ-saisie,
select {
border : 1px solid #999999;
padding : 1px;
width:auto;

}

#recherche_simple .champ-saisie{ /* Uniquement pour la zone Rechercher sur le site */
border : 1px solid #999999;
padding : 1px;
width:100px;

}

.ok {
height : 25px;
width: 30px;
vertical-align : top;
background-image: url(../../../img/defaut/rechercher.gif);
	background-repeat: no-repeat;
	background-color : #FFFFFF;
}

legend {
	color : #000000;
	font-size : 11px;
	margin : 0em 0 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3em;
}


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

#bandeau {
	height : 52px;
	position : relative;
	width:79%;
	margin:0;
}

#bandeau a {
color : #000000;
}

#bandeau a:hover{
color : #000000;
}

#bandeau a:focus {
background-color : none !important;
color : #000000 !important;

}

#logo_ens {
	left : 10px;
	position : absolute;
	top : 53px;
	background : url(../../../img/defaut/logo_ens.gif) no-repeat;
	height: 115px;
	width: 118px;
}

#logo_site {
	left : 100px;
	position : absolute;
	top : 10px;
		background : url(../../../img/defaut/logo_site.png) no-repeat;
	height: 140px;
	width: 250px;
}

#logo_eduscol {
	left : 568px;
	position : absolute;
	top : 8px;
		background : url(../../../img/defaut/logo_eduscol.png) no-repeat;
		height: 74px;
	width: 130px;
}

/* Recherche Simple
----------------------------------------*/

#recherche_simple {
left : 14px;
position : absolute;
top : 147px;
width : 150px;

}

/*#recherche_simple label {
color : #ffb623;
font-family : arial, sans-serif;
/*DP font-size : 1.3em;*/
/*font-size : 1em;
font-weight : 700;
}

#recherche_simple a {
font-size : 0.9em;
}

#recherche_simple p#vers_recherche_avancee {
margin : 0;
}*/


#recherche_simple .ok {
position:absolute;
margin:0;
height:20px;
width:22px;
top:1px;
left :81px;
}

#recherche_simple label{
display:none;
}




/* Profil
----------------------------------------*/

#profil {
	position:absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	top:34px;
	left:5px;
	width:667px;
	height: 11px;
	display:none;
}

#profil strong {color: #99cc66;}
#profil a:hover {text-decoration: underline;}



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

#connexion {
    position: relative;
    width: 1000px;
    height: 30px;
    background-image: url(../../../img/defaut/fond_connexion.gif);

}


#connexion-logue{
    position: relative;
    width: 1000px;
    height: 30px;
    background-image: url(../../../img/defaut/fond_connexion_logue.gif);

}


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

}

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

}

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

}

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

}




/* Se (dé)connecter
----------------------------------------*/

#se_connecter p{
	position: absolute;
	top: -1px;
	left: 895px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width:100px;
	height:auto;
}

#se_deconnecter p a:hover{text-decoration:underline;}

#se_deconnecter p{
	position: absolute;
	top: -1px;
	left: 895px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	width:100px;
	height:auto;
}

#se_connecter p a:hover{text-decoration:underline;}




/* Nom de la personne connectée
----------------------------------------*/

#nom_connecte{
	position: absolute;
	top: -3px;
	left:500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000000;
	width:auto;
	height:auto;
}

#nom_connecte p a:hover{text-decoration:underline;}


#oubli_mdp{
	position:absolute;
	top:4px;
	left:800px;
	height: 16px;
	width: 16px;
	
}

/* Intranet
----------------------------------------*/

#intranet{
	position: absolute;
	top: -3px;
	left:31px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width:100px;
	height:auto;
}

#intranet p a:hover{text-decoration:underline;}

/* Ressources
----------------------------------------*/

#ressources{
	position: absolute;
	top: -3px;
	left:145px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	width:100px;
	height:auto;
}

#ressources p a:hover{text-decoration:underline;}

/* Préférences
----------------------------------------*/

#preferences{
	position: absolute;
	top: -3px;
	left: 268px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width:120px;
	height:auto;
	
	
}

#preferences p a:hover{text-decoration:underline;}


/* Webmail
----------------------------------------*/

#webmail{
	position: absolute;
	top: -3px;
	left: 430px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width:100px;
	height:auto;
}

#webmail p a:hover{text-decoration:underline;}



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

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

.dsi #connexion ul {
margin-top : 1em;
display: none; /********************************** WARNING *********************************/
}

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

.dsi #select_profil {
width : 140px;
display: none; /********************************** WARNING *********************************/
}






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

#menu {

	width : 895px;
	height:73px;
	position:absolute;
	left:104px;
	top: 55px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;

    

}


/* Menu haut
----------------------------------------*/

#menu-haut {
	width : 100%;
	position:absolute;
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	top:1px;
	
	
}

#menu-haut li {
	display: inline;
	}

#menu-haut span{ display:none; } /* Permet de ne pas afficher le texte sur l'image */



.menu-haut-rub1{
	position: absolute;
	top: 0px;
	left : 30px;
	height: 53px;
	width: 108px;
	background-image: url(../../../img/defaut/rub1_link.gif);
	background-repeat: no-repeat;
	border : 0px;
	

}

.menu-haut-rub1-active{
	position: absolute;
	top: 0px;
	left : 30px;
	height: 76px;
	width: 108px;
	background-image: url(../../../img/defaut/rub1_active.gif);
	background-repeat: no-repeat;
	border : 0px;
	

}

.menu-haut-rub2{
	position: absolute;
	top: 0px;
	left : 170px;
	height: 53px;
	width: 108px;
	background-image: url(../../../img/defaut/rub2_link.gif);
	background-repeat: no-repeat;

}

.menu-haut-rub2-active{
	position: absolute;
	top: 0px;
	left : 170px;
	height: 76px;
	width: 108px;
	background-image: url(../../../img/defaut/rub2_active.gif);
	background-repeat: no-repeat;

}

.menu-haut-rub3{
	position: absolute;
	top: 0px;
	left : 310px;
	height: 53px;
	width: 108px;
	background-image: url(../../../img/defaut/rub3_link.gif);
	background-repeat: no-repeat;
	}
	
.menu-haut-rub3-active{
	position: absolute;
	top: 0px;
	left : 310px;
	height:76px;
	width: 108px;
	background-image: url(../../../img/defaut/rub3_active.gif);
	background-repeat: no-repeat;
	}

.menu-haut-rub4{
	position: absolute;
	top: 0px;
	left : 450px;
	height: 53px;
	width: 108px;
    background-image: url(../../../img/defaut/rub4_link.gif);
	background-repeat: no-repeat;
	}
	
.menu-haut-rub4-active{
	position: absolute;
	top: 0px;
	left : 450px;
	height: 76px;
	width: 108px;
    background-image: url(../../../img/defaut/rub4_active.gif);
	background-repeat: no-repeat;
	}
	
.menu-haut-rub5{
	position: absolute;
	top: 0px;
	left : 590px;
	height: 53px;
	width: 108px;
	background-image: url(../../../img/defaut/rub5_link.gif);
	background-repeat: no-repeat;
	}
	
.menu-haut-rub5-active{
	position: absolute;
	top: 0px;
	left : 590px;
	height: 76px;
	width: 108px;
	background-image: url(../../../img/defaut/rub5_active.gif);
	background-repeat: no-repeat;
	}
	
.menu-haut-rub6{
	position: absolute;
	top: 0px;
	left : 730px;
	height: 53px;
	width: 108px;
	background-image: url(../../../img/defaut/rub6_link.gif);
	background-repeat: no-repeat;
	}
	
.menu-haut-rub6-active{
	position: absolute;
	top: 0px;
	left : 730px;
	height: 76px;
	width: 108px;
	background-image: url(../../../img/defaut/rub6_active.gif);
	background-repeat: no-repeat;
	}


/* ===============================================================================================
												Sous-Menu Haut
=================================================================================================*/

#menu-haut ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}

.ssm_general{display:none;} /* Supprime l''apparition des sous menus quand la rubrique est active */

/* Sous-menu haut 1 ( Ecole ) 
----------------------------------------*/

#sous_menu1{
position:absolute;
top:50px;
left:50px;
}


#sous_menu1 li a{
	color:#000000;
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #000000;
}

#sous_menu1 li a:hover{
	text-decoration: underline;
	 color: #000000;
	
}


/* Sous-menu haut 2 ( Etudes ) 
----------------------------------------*/

#sous_menu2{ 
position:absolute;
top:50px;
left:50px;
}

#sous_menu2 li a{
	color:#000000;
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #000000;
}

#sous_menu2 li a:hover{
	text-decoration: underline;
	color: #000000;
}

/* Sous-menu haut 3 ( Recherche ) 
----------------------------------------*/

#sous_menu3{ 
position:absolute;
top:50px;
left:50px;
}

#sous_menu3 li a{
	color:#000000;
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #000000;
}

#sous_menu3 li a:hover{
	text-decoration: underline;
	color: #000000;
}

/* Sous-menu haut 4 ( International ) 
----------------------------------------*/

#sous_menu4{ 
position:absolute;
top:50px;
left:280px;
}

#sous_menu4 li a{
	color:#000000;
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #000000;
}

#sous_menu4 li a:hover{
	text-decoration: underline;
	color: #000000;
}


/* Sous-menu haut 5 ( Diffusion ) 
----------------------------------------*/

#sous_menu5{ 
position:absolute;
top:50px;
left:300px;
}

#sous_menu5 li a{
	color:#000000;
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #000000;
}

#sous_menu5 li a:hover{
	text-decoration: underline;
	color: #000000;
}

/* Sous-menu haut 6 
----------------------------------------*/

#sous_menu6{ 
position:absolute;
top:50px;
left:580px;
}

#sous_menu6 li a{
	color:#000000;
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #000000;
}

#sous_menu6 li a:hover{
	text-decoration: underline;
	color: #000000;
}


/* Collaboratif
----------------------------------------*/

.collaboratif #menu {
border-bottom : 1px solid #332e44;
display: none; /********************************** WARNING *********************************/
}
/* DP
ul#outils {
margin : 17px 15px 1em 20px;
}

*/#services {
margin-left : 0;
background-color:#FFFF00;
display: none; /********************************** WARNING *********************************/
}

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

#services legend {
display : none;
}

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

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

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


#sous_menu1, #sous_menu2, #sous_menu3, #sous_menu4, #sous_menu5, #sous_menu6, #sous_menu7 {

display: none;

}

/* === Menu outils === */

#outils_ens {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;	
	position: relative;
	float: right;
	left:000px;
	top : -20px;
	width:auto;
	height:15px;

}

#outils_ens ul {
	list-style: none;
}

#outils_ens li {
	float: left;
}

#outils_ens a {
	color: #000000;
	display: block;
	padding: 0px 6px 0px 6px;
	border-left: 1px solid #000000;
	text-decoration: none;
}

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



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

/* --- Structure --- */


#navigation {
	position:relative;
	padding-left: 10px;
	width : 180px;
	top:150px;
	list-style-image:url(../../../img/defaut/puce-blanche.gif); /* Fausse image */
	float:left;
	margin-bottom:100px; /* Permet de pousser le pied de page lorsque le menu est plus long que le contenu */
	
}

.img_menugauche{
display:none;
}

.menu-principal a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	
}

.menu-principal a:hover{ 
 color: #000000;}
 
 /* --- Liens --- */
 
.principal-niveau1 { 
	list-style-type: none;
	
}

.principal-niveau2, .principal-niveau2-actif { 
		padding-left : 10px;
		list-style-image:url(../../../img/defaut/puce-blanche.gif);
	
}

.principal-niveau3, .principal-niveau3-actif { 
	padding-left : 20px;
	list-style-image:url(../../../img/accueil/puce-tiret-ecole.gif); /* Penser à changer cette image par défaut */
	list-style-position: inside;
	
}
 
.principal-niveau2 a {
	text-decoration: none;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

.principal-niveau2 a:hover {
	text-decoration: underline;
	color: #000000;
}	




/* Niveau 1 */

.principal-niveau1 a {
	text-decoration: none;
	color: #666666;
}

.principal-niveau1 a:hover {
	text-decoration: underline;
	color: #666666;
}	

.principal-niveau1-actif a, .principal-niveau1-actif a:hover{
	color: #666666;
		list-style-type: none;
}


/* Niveau 2 */

.principal-niveau2 a {
	text-decoration: none;
	color: #000000;
}

.principal-niveau2 a:hover {
	text-decoration: underline;
	color: #000000;
}	

.principal-niveau2-actif a {
	color: #000000;
	
}

/* Niveau 3 */

.principal-niveau3 a {
	text-decoration: none;
	color: #000000;
	font-weight: normal;

}

.principal-niveau3 a:hover {
	text-decoration: underline;
	color: #000000;
}	

.principal-niveau3-actif a {
	color: #000000;
	text-decoration: underline;
		font-weight: normal;
}




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

#deco-contenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	position:relative;
	/*width: 1000px;*/
	width:100%;
	top:100px;
	/*margin-right:200px; Espace pour le bloc encadrés */
	/*margin-left:200px; Espace pour le menu gauche */
	max-width :2000px;
	min-width :850px;
}

#contenu_avec_encadres {
	position: relative;
	text-align:justify;
	line-height: 16px;
	float: left;
	width:50%;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	
	/*background-color: #c9ebe3;*/
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	background-image: url(../../../img/defaut/cache_blanc.gif);
	background-repeat: no-repeat;
	background-position: -1px 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	min-height :500px; 

	
}

#contenu_sans_encadres {
		position: relative;
	text-align:justify;
	line-height: 16px;
	float: left;
	width:55%;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	
	/*background-color: #c9ebe3;*/
	
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	background-image: url(../../../img/defaut/cache_blanc.gif);
	background-repeat: no-repeat;
	background-position: -1px 0px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #999999;
	min-height :500px;
	
	
	
}



/* === Fil d'ariane ===*/

p#fil_ariane a{
font-size : 11px;
padding : 0;
color:#000000;

}

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

.fil_active {
font-weight:bold;

}

p#fil_ariane em{
font-style:normal;
}



/*  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 15px;
	list-style-position: inside;
	list-style-image: url(../../../img/defaut/puce-commun-defaut.gif);

}

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

/* === */

.ligne {
border-left : 0px solid;
/*clear : left;
margin : 0;*/
height:100%;

}

.colonne {
float : left;


}

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

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


/* ===============================================================================================
												Encadrés
=================================================================================================*/

#bloc-encadres{ /* Bloc Général des encadrés */
position: relative;
float: left;
width: 190px;
padding:10px 0 0 10px;
margin-top: 10px;
margin-left: 10px;

}	
	
	
.conteneur-encadres{ /* conteneur de l'arrière-plan du titre du cadre */
	padding-top: 16px; /*Hauteur en relation avec la hauteur de l'img encadres_haut.gif */
	/*background-image: url(../../../img/defaut/encadre_haut.gif);*/
	background-repeat: no-repeat;
	background-position: left top;
}	
	
	
.encadres{ /* arrière-plan bas et sur l'ensemble du cadre */
	/*background-image: url(../../../img/defaut/encadre_bas.gif);*/
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 8px; /* Fond de l'encadre */
	margin-bottom : 20px;
	
	

	
}

.corps-encadres{
  font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
  margin: 0px 8px 0px 1px;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-left: 8px;
	border-top : 1px dotted #666666;

}



.corps-encadres ul li { /* gestion des puces dans les encadrés */
	list-style-position:inside;
	list-style-image: url(../../../img/defaut/puce-encadres-defaut.gif);
}


.titre-encadres {
	position:relative;
	color:#666666;
	/*font-family: Geneva, Arial, Helvetica, sans-serif;*/
	font-family: "Trebuchet MS",sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	/*padding-right: 5px;*/
	/*padding-bottom: 5px;*/
	/*padding-left: 12px;  Ecarter le texte de l'img */
	/*margin-right: 12px;*/
	top:-8px;
	left:10px;
	margin: 0 0 0 0;
	padding: 0px 15px 0px 0px; /* top / right / bottom / left */
	
}
		
.encadres legend {
	display: none;
}	
 
.encadres .champ-saisie {
	width: 90%;
}

.encadres select {
	width: 90%;
}

.encadres a{
color: #666666;
}

.encadres a {
	font-size: 8pt;
	font-weight: normal;
}

.encadres img {
	padding-right: 1em;
	padding-bottom: 1px;
}
	

.valider {
	border :none;
	color : #666;
	margin-left : 1em;
	padding-left : 1.5em;
	background-image: url(../../../img/defaut/valider.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-color:transparent;
	z-index:8000;

}

.effacer {
	border :none;
	color : #666;
	margin : 0;
	padding-left : 1.5em;
	background-image: url(../../../img/defaut/effacer.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	background-color:transparent; 
}


.parcourir {
	border :none;
	color : #666;
	margin-left : 1em;
	padding-left : 1.5em;
	background-image: url(../../../img/defaut/parcourir.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-color:transparent; 

}

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

/* === encadres generiques === 

.deco_generique_2,
.deco_rubrique_2 {
background : url(img/enc_rub_bor.gif) repeat-y 0 0;
margin-bottom : 10px;
margin-left : 5px;
width : 211px;
display:none; /*********************************** WARNING ******************************

.deco_generique_1,
.deco_rubrique_1 {
background : transparent url(img/enc_rub_bot.png) no-repeat 0 100%;
display:none; /*********************************** WARNING ******************************
}

.deco_generique_2 h3,
.deco_rubrique_2 h3 {
background : transparent url(img/enc_rub_top.png) no-repeat 0 0;
border-bottom : 1px solid #332e44;
color : #fff;
font-size : 1.2em;
font-weight : 700;
line-height : 1.0;
margin : 0;
padding : 10px 5px 3px 15px;
display:none; /*********************************** WARNING ******************************
}

div.encadre_generique,
div.encadre_rubrique {
padding : 10px 0 10px 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 de fiche, de navigation rubrique, automatique de fiche
------------------------------------------------ */
/*
.encadre_fiche,
.encadre_auto_fiche,
.encadre_nav_auto,
.encadre_recherche {
	/*border-top : 1px solid #332e44;
	margin-right : 20px;
	padding : 20px 0 20px 20px;
	background-image: url(../../../img/encadre_bas.gif);
	background-repeat: no-repeat;
	background-position: left bottom;	
	padding-bottom: 40px;
	
	
	
	
}
*/
/*
.encadre_fiche h3,
.encadre_auto_fiche h3,
.encadre_nav_auto h3,
.encadre_recherche h3 {
color : #332e44;
font-size : 1em;
font-weight : 700;
margin : 1em 0;
   
	


}

.encadre_fiche div,
.encadre_auto_fiche div {
margin : 1em 0;
display:none; /*********************************** WARNING *******************************



}

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

.encadre_auto_fiche ul#telecharger li {
list-style-type : none;
}*/

/* === Type de fichier-joint === */

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

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

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

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


/* ===================
encadres de recherche
==================== */

.encadre_recherche label {
color : #778aaa;
display : block;
font-size : x-small;
margin-left : 2px;
}

.encadre_recherche legend {
display : none;
}

.encadre_recherche .champ-saisie {
border : 1px solid #332e44;
width : 110px;
}

.encadre_recherche select {
border : 1px solid #332e44;
width : 150px;
}

.encadre_recherche a img {
vertical-align : middle;
}

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

.encadre_recherche input {
padding : 2px 1px;
}

.encadre_recherche p.parcourir input.champ-saisie {
width : 75px;
}

.encadre_recherche p.parcourir input.valider {
padding : 1px 0;
}

.firstencadre {
border : 0;
}


.encadres .date{
font-weight: normal;
color: #75808A;
margin:0;
padding:0;
width:100px;
height:20px;




}

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

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

.popup h3 {
color : #000;

}



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

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

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

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

#accroche {
font-size : 1.25em;
line-height : 1.3;
min-height : 88px;
position : relative;
}

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

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

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

.para-an {
font-size: 13px;
font-weight: bold;
color: #6699cc;
border-bottom : 1px solid #CCCCCC;
padding : 10px 0;
}

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

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

body#actualite .thematique,
body#article .thematique,
body#document .thematique {
border-bottom : 1px solid #cbadb5;
border-top : 1px solid #cbadb5;
color : #000000;
font-size : xx-small;
margin : 8px 0;
}

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






/* === =Fiche =Actualite === */



/*--- Structure ---*/

.actualite{
text-align:justify;
color:#333333;
}

.actualite a{
color: #D8835A;
}

.actualite a:hover{
color: #D8835A;
}



.type{
font-family: arial black;
letter-spacing: -1px;
color: #75808A;
font-size: 25px;
font-weight: normal;
text-align: left;
background-image: url(../../../img/defaut/actu.gif);
background-repeat: no-repeat;
height:69px;
}

.resume{
font-size: 13px;
font-weight: bold;
text-align: left;
color:#75808A;
padding-top:5px;
padding-bottom:1em;

}


.titre{
font-size: 13px;
font-weight: bold;
text-align: left;
color:#75808A;
padding-top:5px;
}

.lieu{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
padding-top:1em;
}

.lieu h4{
color: #75808A;
font-weight: bold;
background-image: url(../../../img/defaut/fleche-actu.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left:1.6em;
padding-top:1px;
}

.complement-lieu{
padding-bottom:1em;  
}


.thematique{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
padding-top:1em;
padding-bottom:1em;
}

.thematique span{
color: #75808A;
font-weight: bold;
background-image: url(../../../img/defaut/fleche-actu.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left:1.6em;
padding-top:1px;
}

.date{
font-weight: bold;
color: #75808A;
padding-top:1em;
}

.complement-date{
font-weight: bold; 
color: #75808A;
}

.plan-acces{
padding-top: 5px;
padding-bottom:1em;  
}

.description{
padding-bottom:1em;
list-style-type: none;
margin-top:1em;


}

.fichier_joint{
font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: normal;
text-align: left;
padding-top:1em;
}

.fichier_joint h4{
color: #75808A;
font-weight: bold;
background-image: url(../../../img/defaut/fleche-actu.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left:1.6em;
padding-top:1px;
}

#contenu_avec_encadres #telecharger{
border-bottom:dotted 1px #666666;

width:80%;
list-style:none;

}

.description ul li{

list-style-position: inside;
	list-style-image:url(../../../img/defaut/puce-actu-defaut.gif);
	
}

.description ol li{

list-style-position: inside;
	list-style-image:url(none);
	
}


.photo{
padding-left:0;
margin-left:0;

	padding-right: 3em;
	padding-bottom: 0em;
	margin-top:0;
	margin-right:1em;
	float: left;
	background-image: url(../../../img/defaut/fleche-photo.jpg);
	background-repeat: no-repeat;
	background-position: right top; /* Place la flèche comme si elle était au début de decription*/
	clear:left;

	
}



.actu-contact{
	padding-bottom:1em;
}

.actu-contact h4{ 
	color: #75808A; 
	font-weight: bold; 
	background-image: url(../../../img/defaut/fleche-actu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:1.6em;
	padding-top:1px;

}

.actu-email { 
 
	padding-bottom:1em;
	font-weight: bold;
	background-image: url(../../../img/defaut/fleche-actu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:1.6em;
	padding-top:1px;
 
}

.partenaires{ 
padding-bottom:1em; 
 }

.partenaires h4{ 
	color: #75808A;   
	font-weight: bold;
	background-image: url(../../../img/defaut/fleche-actu.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left:1.6em;
	padding-top:1px;
	/*float:left;*/
	 	}


.fichiers-joints{
padding-bottom:1em;  
}





/* === =Fiche =Cours === */

/*.cours .code{

	font-family: arial black;
	letter-spacing: -1px;
	color: #75808A;
	font-size: 25px;
	font-weight: normal;
	text-align: left;
	background-image: url(../../../img/defaut/cours.gif);
	background-repeat: no-repeat;
	height:69px;


}*/

.cours h4{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #333333;

}

.cours .code {
	background-color: #f3f3f3;
	padding: 1.5em 0.5em;
	margin-bottom:1em;
	font-weight: bold;
}



.cours #disciplines{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	font-style:oblique;
	background-image: url(../../../img/defaut/cours.gif);
	background-repeat: no-repeat;
	height:69px;
	
	

}


.cours .credits{
	/*background-color: #f3f3f3;*/
	padding: 1em 0.5em;
}

.cours .ueup{
padding: 1.5em 0.5em;
}

.cours .contact{
background-color: #f3f3f3;
padding: 1.5em 0.5em;
}

.cours .objectif{
padding: 1.5em 0.5em;
}

.cours .contenu{
background-color: #f3f3f3;
padding: 1.5em 0.5em;
}


.cours .calendrier{
padding: 1.5em 0.5em;
}

.cours .bibliographie{
background-color: #f3f3f3;
padding: 1.5em 0.5em;
}

.cours .connaissance{
padding: 1.5em 0.5em;
}

.cours .complement{
background-color: #f3f3f3;
padding: 1.5em 0.5em;
}



/* === =Fiche =UEUP === **********************************************************************************************************/

.ueup h4{
font-family: Arial, Helvetica, sans-serif;
font-size:16px;
color: #333333;

}

.ueup .semestre{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #333333;
	font-size: 20px;
	font-weight: normal;
	text-align: left;
	font-style:oblique;
	background-image: url(../../../img/defaut/ueup.gif);
	background-repeat: no-repeat;
	height:69px;
	
}

.ueup .semestre span{
font-family: Arial, Helvetica, sans-serif;
font-size:0px;
color: #6699cc;

}


.ueup .contenu_ueup {
	background-color: #f3f3f3;
	padding: 1.5em 0.5em;
	margin-bottom:1em;
	font-weight: bold;
}



.ueup .listeformations{
	background-color: #f3f3f3;
	padding: 1.5em 0.5em;
	margin-bottom:1em;
	font-weight: bold;
	

}


.ueup .listecours{
	background-color: #f3f3f3;
	padding: 1.5em 0.5em;
	margin-bottom:1em;
	font-weight: bold;
	

}

/* --- */


.ueup .vol_hor_total{
	padding-bottom:1em;
	font-weight: bold;
	padding-left:0;
	padding-top:1px;
	margin-left:0;
}


.ueup .vol_hor_total span{
color: #75808a;
font-weight: bold;
background-image: url(../../../img/ens-lsh/cours-fleche.gif);
background-repeat: no-repeat;
background-x-position: 0px;
background-y-position: 0px;
padding-left: 1.6em;
padding-top: 1px;
}

.ueup .volumes_horaires{
	padding-bottom:1em;
	font-weight: bold;
	padding-left:0;
	padding-top:1px;
	margin-left:0;
}


.ueup .volumes_horaires span{
color: #75808a;
font-weight: bold;
background-image: url(../../../img/ens-lsh/cours-fleche.gif);
background-repeat: no-repeat;
background-x-position: 0px;
background-y-position: 0px;
padding-left: 1.6em;
padding-top: 1px;
}



.ueup .credits{
	padding-bottom:1em;
	font-weight: bold;
	padding-left:0;
	padding-top:1px;
	margin-left:0;

}

.ueup .credits span{
color: #75808a;
font-weight: bold;
background-image: url(../../../img/ens-lsh/cours-fleche.gif);
background-repeat: no-repeat;
background-x-position: 0px;
background-y-position: 0px;
padding-left: 1.6em;
padding-top: 1px;
}



/*********************************************************************************************************************************************/














/*=== Listes de definitions ===*/

/* de type 1 */
/*
dl.type_1 {
background : #fff;
border-bottom : 1px solid #cbadb5;
border-right : 1px solid #cbadb5;
margin : 0;
position : relative;
width : 100%;
}

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

dl.type_1 dd {
background : url(img/liste_definition_type_1_definition.png) repeat-y 100% 0;
margin-left : 190px;
padding : 0.5em 2%;
}
*/


/* de type 1 dans fiche actualite */ /*
dl.type_1 .liste_def_contact,
dl.type_1 .liste_def_type,
dl.type_1 .liste_def_site,
dl.type_1 .liste_def_partenaires {
border-top : 1px solid #cbadb5;
}

/* 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 {
border-top : 1px solid #cbadb5;
}

/* de type 2 */
/*
dl.type_2 {
background : #fff url(img/liste_definition_type_2.png) repeat-y;
border-bottom : 1px solid #cbadb5;
border-top : 1px solid #cbadb5;
margin : 0 0 0.2em 0;
padding-bottom : 0.3em;
position : relative;
}

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

dl.type_2 dd {
margin : -14px 0 0 190px;
padding : 0 2%;
}

/* --- fin --- */

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

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

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

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

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

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

.com-inner ul {
margin : 0;
}

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

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

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

.li1first {
margin-top : 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.article #soustitre {
	font-family: arial black;
	letter-spacing: -1px;
	color:#666666;

	font-size: 25px;
	font-weight: normal;
	text-align: left;
	background-image: url(../../../img/defaut/article.gif);
	background-repeat: no-repeat;
	height:69px;
}

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

body.article #chapeau {
color : #778aaa;
font-weight : 700;
margin : 10px 0 20px 0;
}

body.article #corps {
text-align : left;
}



.article .resume {
font-size: 11px;
font-weight: bold;
text-align: left;
color: #75808a;
padding-top: 5px;
padding-bottom: 1em;


}




/* ===	=Fiche =Document === */

#document{color:#333333;}

#document a{color: #9E43C9;font-weight: bold; }

#document a:hover{color: #9E43C9;}

#document h1{
	color: #000000;
	font-size: 1.2em;
	padding-bottom:0.5em;
	padding-top:1.2em;
	clear:left;
	
	
}

#document h2{
	padding-top:5px;
	padding-left:1.5em;
	border:none;
	background-image: url(../../../img/ens-lsh/doc-fleche-grande.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	color: #000000;
	
	
}


.doc-type{
	font-family: arial black;
	letter-spacing: -1px;
	color: #000000;
	font-size: 25px;
	font-weight: normal;
	text-align: left;
	background-image: url(../../../img/defaut/document.gif);
	background-repeat: no-repeat;
	height:69px;
		
}

.doc-sstitre{
	font-family: "Trebuchet MS",sans-serif;
	font-size: 22px;
	font-weight: bold;
    text-align: left;
	color:#333333;
	padding-bottom: 1em;
	padding-left: 0em;	
	/*background-image: url(../../../img/ens-lsh/labo-fond-entete.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	padding-top:0px;
	/*background-color:#F3F3F3;*/
	line-height:normal;
}

#doc-descriptif h3{
	font-family: "Trebuchet MS",sans-serif;
	font-size: 20px;
	font-weight: bold;
    text-align: right;
	color:#333333;
	padding-bottom: 0.3em;
	padding-left: 0em;
	margin-bottom:1em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #87b827;	
}

#doc-description {
background-color:#CCCCCC;
		
}

#doc-entete{
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 1em;
}

/*#doc-entete span{

	color: #75808A;
	font-weight: bold;
	background-image: url(../../../img/ens-lsh/doc-puce-carre.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left:1.6em;
	padding-top:1px;
	padding-bottom: 0.5em;
	

}*/


.doc-info{
	/*background-color:#F3F3F3;*/
	padding: 1em;
}

.document .resume{
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 1em;
}

.document .resume h4{
	font-family: "Trebuchet MS",sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #87b827;
	padding-top: 5px;
	padding-bottom: 0.3em;
}

.doc-description h4{
	font-family: "Trebuchet MS",sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #87b827;
	padding-top: 5px;
	padding-bottom: 0.3em;
}

#doc-entete h4{
	font-family: "Trebuchet MS",sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #87b827;
	padding-top: 5px;
	padding-bottom: 0.3em;
}


.doc-description {
	padding-left:0;
	

}

.doc-description img{
	padding-left:0;
	padding-right:2em;

}


















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

.colonne_deco {
	border: none;
	
	margin-right : 20px;
	margin-left: 0px;
	margin-top:0;
	margin-bottom:0;
	
	padding-left:0;
	padding-right:0;
	padding-bottom:15px;
	padding-top:0;
	
	
	
}

.colonne_deco img{
margin : 0 2em 0 0;
padding : 0 20px 10px 0px;
}

.colonne_deco{
	margin:0;
	padding:0;
}



/* Attention : Laisser cette classe 
en amont de .premiere_colonne, 
pour éviter une sur-interprêtation */
.derniere_colonne  { 
	margin-right : 0px;
	margin-left: 0px;
	margin-top:0;
	margin-bottom:0;
	
	padding-left:2em;
	padding-right:0;
	padding-bottom:0px;
	padding-top:0;
	/*background-color:green;*/
}


.premiere_colonne {
	border : 0;
	margin-right : 0px;
	margin-left: 0px;
	margin-top:0;
	margin-bottom:0;
	
	padding-left:0;
	padding-right:0;
	padding-bottom:0px;
	padding-top:0;
	
	/*background-color:yellow;*/


}

.milieu_colonne{
padding-left:2em;
margin:0;
/*background-color:pink;*/

}





.sansstyle {
font-size : 1em;
}

/*** Fix Toolbox ***/

.colonne_deco * li div {
display : inline;
}

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

#precisions_resultats {
color : #6f8689;
font-weight : 700;
margin : 8px 0;
}

ul.liste_resultats {
margin-top : 1em;
}

/*ul.liste_resultats li {

margin-bottom : 0.5em;
padding-bottom : 0.2em;
background-color: #f5f5f5;
border-left-width: 8px;

border-left-style: solid;

border-left-color: #CCCCCC;
}*/

/* ----- LISTES DE RESULTATS ---------*/


/* Commune */
ul.liste_resultats li {
	margin-bottom : 0.5em;
	padding-bottom : 0.2em;
	background-color: #f5f5f5;
	height:auto;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	
}



/* ===	=Recherche =Avancee === */

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

#recherche_avancee legend {
display : none;
}

#recherche_avancee p {
/*background-image : url(img/rech_bgd.gif);
border-bottom : 1px solid #7d7d7d;
border-left : 10px solid #3E5659;
border-right : 1px solid #7d7d7d;
clear : both;
margin : 0;
overflow : auto;
padding : 0.5em 0;*/
}

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

#recherche_avancee label.no_float {
float : none;
}

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

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

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

/*#recherche_avancee p.boutons input {
border : 1px solid #666;
font-size : 1em;
margin : 0 0 10px 10px;
padding : 2px;
}*/

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

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

ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li {
/*border-top : 1px solid #cbadb5;*/
clear : left;
list-style-type : none;
margin : 0;
padding : 10px 0;

}

ul.liste-documents li a,
ul.liste-actualites a,
ul.liste-articles a {
padding-left : 0;
}

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

ul.liste-documents span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste {
	margin:0 0 1em;
	padding:0;
	color : #222e44;
	/*background-color:#FFFF00; jaune*/
	clear:left;
	
}

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

}

ul.liste-pardefaut li {
list-style-type : square;

list-style-position: inside;
	/*list-style-image: url(img/edit.gif);*/
}

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

ul.fluxrss li span {
display : block;
}

.img-liste {
clear : left;
float : left;
margin :0;
border:#999999 1px solid;
}

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




/********************************
=Fiche =Annuaire
********************************/

.mail span{
	background-image: url(../../../img/accueil/mail.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left:20px;
}

.page-perso {background-color: #cccccc;}

.page-perso a{
	
	font-size: 11px;
	font-weight: bold;
	background-image: url(../../../img/accueil/page-perso.gif);
	background-repeat:no-repeat;
	background-position: 0px -5px;
	padding-left: 28px;
	padding-bottom:10px;
	margin-top: 5px;
	margin-left:2em;
}

.donnees{
	width: 430px;
	color: #333333;
	background-image: url(../../../img/accueil/annuaire-haut.gif);
	background-repeat: no-repeat;
	background-x-position: left;
	background-y-position: top;
	padding-top: 11px;
	margin-top: 0em;


}

.publications{
	width: 430px;
	
	color: #333333;
	background-image: url(../../../img/accueil/annuaire-bas.gif);
	background-repeat: no-repeat;
	background-x-position: left;
	background-y-position: bottom;
	padding-bottom: 34px;
	
}

.publications a{
	font-size: 11px;
	font-weight: bold;
	background-image: url(../../../img/accueil/refworks.gif);
	background-repeat:no-repeat;
	background-position: 0px 0px;
	padding-left: 28px;
	margin-left:2em;
	padding-bottom: 15px;
	
}


.theme-haut{
	width: 430px;
	color: #333333;
	background-image: url(../../../img/accueil/annuaire-haut.gif);
	background-repeat: no-repeat;
	background-x-position: left;
	background-y-position: top;
	padding-top: 11px;
	margin-top: 0em;
	



}


.theme-bas{
	width:430px;
	color:#333333;
	background-image: url(../../../img/accueil/annuaire-bas.gif);
	background-repeat: no-repeat;
	background-position:bottom left;
	padding-bottom: 50px;
		
	background-color:#cccccc;
	
	
}

.theme-haut h3{
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(none);
	font-size: 13px;
	font-weight: bold;
	color: #6699cc;
		margin-left:1.6em;
		
}


.theme{
	margin-left:2em;
	margin-top: 1em;
	margin-right: 2em;
	margin-bottom: 1em;		
}



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

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

form.gestion p {
margin : 0;
}

/* pour que l'arborescence du document s'affiche correctement */


.gestion div.dtree div {
margin : 0;
}

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

.gestion div.liste_multivaluee table {
border : 0;
border-collapse : separate;
margin : 0;
padding : 0;
width : auto;
}

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

.gestion div.liste_multivaluee select {
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 {
float : none;
font-weight : 700;
padding : 0.5em;
text-align : center;
width : auto;
}

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

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

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

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
color : #fff;
}

/* 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 .obligatoire {
color : #f11b03;
}

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

.gestion .champ-texte,
.gestion iframe,
.gestion textarea {
border-color : #666 #ccc #ccc #666;
border-style : solid;
border-width : 1px;
}

.bouton {
border-color : #ccc #666 #666 #ccc;
border-style : solid;
border-width : 1px;
cursor : pointer;
margin : 0;
padding : 0.2em 0.5em;

}

.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;
float : none;
padding-top : 1em;
text-align : center;
}

.gestion input.readonly {
border : 0;
}

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

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

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

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

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

.en-colonne label,
.en-colonne span.libelle, /* doit se comporter comme un label */


.en-colonne .multi-col span {
float : left;
font-weight : 700;
width : 200px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#liste-fichier {
clear : none;
float : left;
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-family : verdana, arial, sans-serif;
font-size : 100%;

}

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

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

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

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

.gestion td,
.gestion th {
padding : 3px 10px;
vertical-align : 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 {
border-left : 1px solid #ccc;
margin : 0 0 0 5px;
padding : 0 0 0 5px;
}

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

/* =commentaires =collaboratif */

body.collaboratif .com-outer {
margin-top : 15px;
}

/* ecran preferences utilisateur */

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

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

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

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

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

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

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

.portlet-contenu,
.portlet-contenu table,
.portlet-contenu td {
font-size : 1em;
}

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

/* === Pagination === */

.pagination {
text-align : center;
}

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

.pagination {
font-weight : 700;
}

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


/* ===============================================================================================
												Pied de page
=================================================================================================*/

#pied_page {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 7em;
	left:0px;
	right: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	float:left;
	
	}	


/* Outils du pied de page 
----------------------------------------*/

#outils_piedpage {
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: rgb(102, 102, 102);
	position:absolute;
	width:auto;
	left:560px;
	color: #333333;
	top:7px;
	
}

#outils_piedpage  ul li{
list-style: none;
}

#outils_piedpage  li {
	float: left;
}

#outils_piedpage  a {
	color: #000000;
	display: block;
	text-decoration: none;
	height:30px;
	width:120px;
}

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

.webmestre{
	background-image: url(../../../img/defaut/contact.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:25px;	
	
}

.accessibilite{
	background-image: url(../../../img/defaut/accessibilite.gif);
	background-repeat: no-repeat;
	background-position: 0px -3px;
	text-indent:29px;	
}

.mentions{
	background-image: url(../../../img/defaut/mentions.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent:25px;	
}


.pied_maj{
	position:absolute;
	font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  color: rgb(102, 102, 102);
	width:auto;
	left:561px;
	color: #333333;
	top:27px;



}

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

address {
	font-style : normal;
	padding-left: 205px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top:7px;
	padding-bottom:4px;
	width:340px;
	}
	
	
	/* === Retour Haut de page ===*/
	
#haut_de_page{
	cursor : pointer;
	position: relative;
	z-index:5000;
	left: 100%;
	top :100%;
	background-image: url(../../../img/defaut/up.gif);
	background-repeat: no-repeat;
	background-position: 0px 100%;
	width: 16px;

	
	
	
}

	/* === Imprimer ===*/

#imprimer{
	cursor : pointer;
	height: 16px;
	width: 16px;
	position: relative;
	left:100%;
	top : -15px;
	z-index:5000;
	background-image: url(../../../img/defaut/imprimer.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}







/* ===*/

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

p#liens_pratiques a {
color : #fff;
}

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







		

/*.acces_form legend,.acces_form label {
display: none
}*/



/* ===============================================================================================
												Compatibilité
=================================================================================================*/


#conteneur #premier-element {
			margin-top: 0; /* évite tout risque de fusion des marges */
			font-size : 0;
			height:0;
		}

		
		
#conteneur #dernier-element {
			margin-bottom: 0; /* évite tout risque de fusion des marges */
			padding-bottom: 10em;
				/* ATTENTION : cet espace doit permettre de placer le pied de page ! 
				A modifier en fonction de la position de #deco-contenu */
			
			
		}
	
	


	




/* ----------------- TABLEAUX ------------------------ */
table {
border:3px solid #6495ed;
border-collapse:collapse;
width:90%;
margin:auto;
}
thead, tfoot {
background-color:#eeeeee;
border:1px solid #6495ed;
}
tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
th {
font-family:monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#eeeeee;
width:25%;
}
td {
font-family:sans-serif;

border:1px solid #6495ed;
padding:5px;
text-align:left;
}
caption {
font-family:sans-serif;
}

/* --------- FIN TABLEAUX -------------------- */




.notes {
	width: 100px;
	height:auto;
	background-color: #3FF;
}

.img-note {
	width: 30px;
	height: 30px;
}

.sous-note {
	display:none;
}

/*------------------------------------------iframe--------------------------------------------------*/

/*iframe {
	width :100%;
	height: 1200px;
	border:0;
	}*/