/* =============================================================================================
	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-color : #3e3d39;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 62.5%;
margin-bottom : 2.5em;
text-align : justify;
font-size : x-small;
word-spacing : 0.1em;
line-height : 1.5em;
}

body, html, fieldset {
border : 0;
}

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

h1, h2, h3 {
line-height : 1em;
}

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;
vertical-align : middle;
}

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


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

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

a:hover {
text-decoration : underline;
}

/* é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 : 0 0 0 0;
padding : 0 1px;
vertical-align : middle;
border : 1px solid #dcdcdc;
}

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

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

#recherche .select {
width : 80px;
margin : 0 0 0 0;
padding : 0 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;
background-repeat : repeat-x;
background-attachment : scroll;
margin-right : 5px;
margin-bottom : 3px;
}


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

ul.liste-documents li, ul.liste-actualites li, ul.liste-articles li {
margin : 0;
padding : 10px 0;
clear : left;
display : block;
list-style-type : none;
}

ul.liste-documents a.more {}

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

.liste-documents a.more, .liste-actualites a.more, .liste-articles a.more {
margin-top : 7px;
float : right;
background : #3e3d39;
color : #fff;
font-weight : bold;
padding : 3px;
}

.liste-documents a.more:hover, .liste-actualites a.more:hover, .liste-articles a.more:hover {
background-color : #e38f2c;
}

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 : #000000;
}

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-pardefaut li {
list-style-type: none;
padding:5px;
}*/

ul.liste-articles span.redac-liste {
font-size : 110%;
font-style : italic;
color : #d46e2e;
/*color : #332e44; ML 26/02/2008 W3C*/
}


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

#page {
background : url(/images/INTRAIUTA/fond-wrapper.jpg) repeat-y;
font-size : 1.1em;
/*	border-bottom: 2px solid #f0f0ef;*/
width : 932px;
margin-left : auto;
margin-right : auto;
border : 0;
}

#page_sans_encadres {
background : #fff url(/images/INTRAIUTA/fond-wrapper-2c.jpg) repeat-y;
font-size : 1.1em;
/*	border-bottom: 2px solid #f0f0ef;*/
width: 932px;
margin-left: auto;
margin-right: auto;
border : 0;
}

/*#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 : #d46e2e;
text-decoration : none;
z-index : 2;
}

#bandeau {
position: absolute;
top:0;
left: 50%; 
height: 180px; 
width:932px;
z-index:1;
margin-left: -466px; /* moitié de la largeur */
border: 0;
}

#LogoRetour{
display:none;
}
#logo {
position : absolute;
width : 190px;
height : 120px;
z-index : 3;
margin : 25px 0 0 7px;
border : 0;
}

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

#bandeaug {
position: absolute;
top:0;
left: 50%; 
width:932px;
margin-left: -466px; /* 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 {
display : none;
}

/*******************
c.thomas:recherche remplace recherche simple
*******************/
#recherche, #liste-structures {
border-top : 1px solid #a1a1a1;
border-bottom : 1px solid #a1a1a1;
padding-top : 5px;
padding-bottom : 5px;
margin-top : 25px;
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 : 0 1px 0 1px;
vertical-align : middle;
}

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

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

/******************************************
	=Recherche =Simple enlevé par c.thomas
*****************************************

	form#recherche_simple {
	padding-top: 10px;
	padding-left: 15px;
	}

	#recherche_simple label {
	color: #656563;
	font-weight: 700;
	font-size: 1em;
	font-family: arial, sans-serif;
	}

	#recherche_simple a {
	font-size: xx-small;
	color: #39393B;
	}

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

/********************************
	=Connexion
*********************************/
#connexion {
display : none;
position : absolute;
left : 760px;
top : 10px;
height : 115px;
width : 192px;
text-align : right;
padding-right : 1px;
background-color : transparent;
z-index : 3;
}

#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 : #ffb623;
font-weight : 700;
font-size : 0.9em;
}

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

#connexion a {
font-size : xx-small;
color : #39393b;
display : block;
margin-left : 90px;
padding-right : 15px;
}

#connexion p#mot_de_passe_oublie {
margin : 0;
}


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

#menu-icones {
position : relative;
width : 220px;
z-index : 2;
/*top : 156px;*/
margin-left : 3px;
margin-top : -25px;
/*margin-bottom : 10px;*/
}

#menu-icones a {
/*width : 40px;
border : 0;*/
/*height : 60px;*/
padding : 2px;
margin-left : 6px;
}

#menu-icones a:hover {
/*margin-right : 5px;*/
padding : 2px;
}

#webmail {
position : absolute;
top : 25px;
left : 810px;
padding-left : 5px;
}

#adminsite {
position : absolute;
top : 25px;
left : 850px;
padding-left : 5px;
}

#editpage {
position : absolute;
top : 25px;
left : 885px;
padding-left : 5px;
}


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 : 220px;
padding-bottom : 60px;
text-align : left;
}

#navigation h3 {
font-weight : normal;
}

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


/*** surcharge =Collaboratif ***/

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

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


/* --- */
p#acces_direct {
visibility : hidden;
position : absolute;
}

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

p#raccourcis a {
}


/*** Menu principal */
.menu-prin {
clear : left;
font-size : 1.1em;
font-family : verdana, arial, helvetica, sans-serif;
font-weight : bold;
/*ML*/
margin-top : 15px;
margin-left:20px;
}

/* Pas de puces */
.menu-prin ul {
list-style-type : none;
}
/* Espacement en fin de niveau 2 */
.menu-prin ul ul {
padding-bottom : 1em;
}
/* Marge entre les éléments de niveau 1 */
.menu-prin li.niveau1 {
margin-bottom : 0.7em;
}
/* Cache les niveaux 2 */
.menu-prin li ul {
display : none;
}
/* Affiche le niveau 2 fils du niveau 1 "expanded" */
.menu-prin li.expanded ul {
display : block;
}
.menu-prin ul li {
list-style-position : outside;
}

/* Liens par defaut */
.menu-prin a {
color : #656563;
text-decoration : none;
display : block;
}
.menu-prin a:hover {
color : #d46e2e;
text-decoration:underline;
}
/* Element de niveau1 - survol */
.menu-prin a.niveau1:hover {
margin-right : 1px;
}
/* Liens de niveau 2 */
.menu-prin li li a {
padding-left : 10px;
color : #878a81;
font-weight : normal;
font-size : 0.9em;
}
/* Element de niveau 1 selectionné */
.menu-prin li.menuon a.niveau1 {
margin-right : 1px;
background-color : #ffffff;
color : #d46e2e;
}
/* Element de niveau 2 selectionné */
.menu-prin li li.menuon a.niveau2 {
margin-right : 1px;
background : #ffffff url(/images/fleche.gif) no-repeat 2px 50%;
color : #d46e2e;
}



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

/*---------------------------------------------------------
	DEBUT Gestion des blocs primordiaux (centre + encadres)
------------------------------------------------------------*/
#contenu_sans_encadres, #contenu_sans_nav_sans_encadres {
float : left;
width : 707px;
min-height : 300px;
border : 0;
}

#contenu_avec_encadres {
float : left;
width : 517px;
min-height : 300px;
border : 0;
}

#contenu_avec_encadres_grand_bandeau {
float : left;
width : 517px;
min-height : 300px;
background : url(/images/fond_centre.gif) repeat-x 0 175px;
border : 0;
}

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

.contenue-acceuil {
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(/images/intranet/fleche2.gif);
list-style-position : outside;
margin-bottom : 0;
margin-top : 0;
}

.contenue h2 {
padding-top : 5px;
font-weight : normal;
width : 100%;
}

.sansstyle {
font-size : 1em;
}
.sansstyle ul li {
display : list-item;
list-style-position : outside;
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 : 1px solid silver;
border-bottom : 1px solid silver;
}
.acturesume {
color : #878a81;
padding-top : 4pt;
padding-bottom : 4pt;
font-weight : bold;
margin-bottom : 10pt;
}
.actuthematique {
color : #878a81;
padding-top : 4pt;
padding-bottom : 4pt;
font-size : 7pt;
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;
color : #727271;
font-size : 1.1em;
text-align : center;
}
.niv3 a {
color : #d46e2e;
}
.niv3 span {
line-height : 20px;
}
.niv3 a.menu-on {
padding : 2px;
background-color : #e38f2c;
color : #fff;
}

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

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 : 5px 0 20px 0;
}

/*** surcharge =Rubrique ***/
.rubrique h2 {
font-size : 1.6em;
font-weight : 700;
font-family : verdana, arial, sans-serif;
/*padding : 6px 100px 6px 0;*/
margin : 0;
}

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

.ligne {
clear : left;
}

.colonne {
float : left;
}

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


.filet {
background-color : #ffffff;
/*background-color : #878a81; ML 26/02/2008 W3C*/
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;
border-bottom : 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
*************/
#english {
margin-left : 10px;
}

#encadres {
float : left;
width : 180px;
height : 100%;
margin-right : 0;
margin-left : 0;
margin-top : 20px;
font-size : 0.9em;
padding-left : 5px;
}

#encadres_grand_bandeau {
float : left;
margin-top : 160px;
margin-right : 0;
margin-left : -1px;
width : 180px;
font-size : 10px;
background : url(/images/pointilles.gif) repeat-y 0 0;
padding-left : 5px;
background : url(/images/pointilles.gif) repeat-y 0 0;
}

/*** 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 : 180px;
}
.firstencadre {
border : 0;
}

.encadre-rubrique-contenu, .encadre-fiche-contenu {
margin-left : 10px;
}

.encadre-generique-in, .encadre-rubrique-in {
padding-bottom : 15px;
padding-top : 0;
background : url(/images/tirets_h.gif) no-repeat 50% 100%;
}
.encadre-generique h4, .encadre-nav-auto h4 {
border-bottom : 1px dotted silver;
margin-left : 10px;
padding-bottom : 15px;
}
.encadre-auto-fiche h4, .encadre-fiche h4, .encadre-rubrique h4 {
border-bottom : 2px solid #656563;
margin-left : 10px;
padding-bottom : 5px;
}
.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 : 10px 0 0 10px;
}

/*ML -> ne pas affiché encadré-fiche ->"Rubrique : IUT A" */
.encadre-auto-fiche {
display : none;
}
.encadre-fiche a {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #d46e2e;
font-weight : bold;
text-decoration : none;
}
.encadre-fiche a:link {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
text-decoration : none;
}
.encadre-fiche a:hover {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
text-decoration : underline;
}


.encadre-nav-auto a {
display : block;
padding-left : 15px;
}
.encadre-nav-auto a {
background : url(/images/IUTA/px_vert.gif) no-repeat 3px 1px;
}
.encadre-nav-auto a:link {
background : url(/images/IUTA/px_vert.gif) no-repeat 3px 1px;
}
.encadre-nav-auto a:hover {
background : url(/images/IUTA/px_vert.gif) no-repeat 3px 1px;
}

.encadre-generique ul, .encadre-rubrique ul, .encadre-generique ol, .encadre-rubrique ol, .encadre-fiche ul {
margin : 0 5px 0 5px;
}
/*** 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/fleche.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 0 3px 20px;
margin : 5px 0 0 155px;
}
#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 : 0;
margin : 0 0 10px 0;
padding : 0;
font-style : normal;
text-align : center;
width : 932px;
}
address a {
text-decoration : none;
}
/* ------------------ */

p#liens_pratiques {
margin : 0 0 0 20px;
display : none;
}
p#liens_pratiques a {
/*color : #fff; ML 26/02/2008 W3C*/
}
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 : 0;
padding-top : 0;
padding-right : 10px;
display : block;
text-align : right;
}
.dsi #connexion p#personne_dsi {
margin : 0 0 1em 0;
/*color : #fff; ML 26/02/2008 W3C*/
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;
border : 2px solid red;
}
#soustitre {
color : #878a81;
margin-top : 8px;
margin-right : 0;
margin-bottom : 8px;
margin-left : 0;
font-size : 130%;
font-family : verdana, arial, sans-serif;
}
#photo {
height : 80px;
background-repeat : no-repeat;
background-position : 50% 50%;
padding : 0 0 21px 0;
/*color : #fff; ML 26/02/2008 W3C*/
}
#photo div {
padding-left : 30px;
}
#fil-ariane-accueil {
display : none;
}
#fil-ariane {
font-size : x-small;
color : #878a81;
width : 507px;
/*background-color : #fff;*/
padding : 5px 0 5px 5px;
margin : 0 5px 0 5px;
/*margin-top : 5px;
margin-top : -15px;
padding-top : 10px;
padding-left : 10px;
margin-left : 0;*/
}

#contenu_sans_encadres #fil-ariane {
/*font-size : x-small;
color : #646462;
width : 700px;
background-color : #ffffff;
background-repeat : no-repeat;
background-attachment : scroll;
padding-top : 5px;
padding-left : 10px;
margin-top : -15px;
margin-left : 0;
*/
font-size : x-small;
color : #646462;
width : 700px;
padding : 5px 0 5px 5px;
margin : 0 5px 0 5px;
}

#fil-ariane a, #fil-ariane-accueil a, #fil-ariane_sans_encadres a {
color : #878a81;
text-decoration : none;
}
#fil-ariane a:hover, #fil-ariane_sans_encadres a:hover, #fil-ariane-accueil a:hover {
color : #878a81;
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 {
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;
}
#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 : #fff000;
/*background-color : #332e44; ML 26/02/2008 W3C*/
height : 1px;
}
.para-an {
border-bottom : 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;
border-bottom : 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 : 0.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;
}
.actualite h2 {
padding-top : 5px;
font-size : 16px;
font-weight : bold;
width : 100%;
}
.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 : 10pt;
width : 100%;
border-top : 1px solid silver;
border-bottom : 1px solid silver;
}
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 {
border-top : 1px solid #f3f5f0;
margin : 0;
padding : 3px 0 8px 0;
font-size : 90%;
color : #656563;
}
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 : -14px;
padding : 0 2%;
margin-left : 110px;
margin-bottom : 5px;
width : 330px;
}
/* --- 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 {
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 : 0;
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 : 0 10px;
margin : 0 30px 0 380px;
width : 5em;
}

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

body.article #thematique {
color : #778aaa;
margin : 8px 0;
font-size : xx-small;
font-weight : normal;
font-family : verdana, arial, sans-serif;
border-top : 1px solid #f3f5f0;
border-bottom : 1px solid #f3f5f0;
}
body.article #soustitre {
color : #878a81;
margin : 8px 0;
font-size : 130%;
font-family : verdana, arial, sans-serif;
}
body.article .photo {
float : left;
margin : 0 10px 0 0;
display : inline;
}
body.article #date {
color : #878a81;
margin : 0.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;
border-bottom : 1px solid #f3f5f0;
}
body.article #chapeau {
border-top : 1px solid #f3f5f0;
padding : 10px 0;
color : #878a81;
border-bottom : 1px solid #f3f5f0;
}
body.article #corps {
text-align : justify;
font-size : 1em;
}
body.article #corps ul li {
display : list-item;
list-style-position : outside;
margin : 3px 13px;
}
body.article {
text-align : justify;
font-size : x-small;
line-height : 1.5em;
}
/***ML intégration de style pour Article
<div id="style2">
*/
body.article #style2 {
font-size : 1em;
border : 1px dashed #ccc;
background : #fafafa;
padding : 6px;
}
body.article #style2_h3 {
font-size : 1.1em;
font-weight : bold;
margin : 5px 0 5px 0;
}

body.article #style3 {
font-size : 1em;
border : 1px dashed #e38f2c;
background : #fcf4e9;
padding : 6px;
}


/******************************
	=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;
border-bottom : 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 {
margin-top : 20px;
padding : 10px;
}
#telecharger a {
font-weight : bold;
margin-left : 15px;
}
#telecharger a:link {}
#telecharger a:visited {}
#telecharger a:hover {
text-decoration : underline;
}


/********************************
	=Fiche =PageLibre
*********************************/
.colonne_deco {
margin-right : 0;
padding-top : 0;
padding-right : 0;
padding-left : 20px;
padding-bottom : 5px;
}
html>body .colonne_deco {}
.derniere_colonne .colonne_deco {}
.premiere_colonne .colonne_deco {
border : 0;
padding-left : 0;
}

/*****ML* style1 à définir ******/

.style1 h3 {
background : url(/images/IUTA/px_orange.gif) no-repeat 1px 3px;
text-decoration : underline;
font-weight : bold;
padding-left : 17px;
margin-bottom : 5px;
}
.style1 li {
margin-left : 15px;
}

/**********
.style1 {
font-size : 1em;
}
.style1 h3 {
font-size : 1.2em;
font-weight : bold;
text-align : left;
color : #828227;
padding-bottom : 3px;
margin : 0;
margin-bottom : 5px;
background : url(/images/IUTA/trait_vt.jpg) no-repeat 10% 100%;
}
.style1 li {
display : list-item;
list-style-image : url(/images/fleche.gif);
list-style-position : outside;
margin : 5px 13px;
}
************/

.style2 {
font-size : 1em;
border : 1px dashed #ccc;
background : #fafafa;
padding : 6px;
}
.style2 h3 {
font-size : 1.1em;
font-weight : bold;
margin : 5px 0 5px 0;
}
.style2 li {
display : list-item;
list-style-position : outside;
margin : 5px 13px;
}

.style3 {
font-size : 1em;
border : 1px dashed #e38f2c;
background : #fcf4e9;
padding : 6px;
}
.style3 h3 {
font-size : 1.1em;
font-weight : bold;
margin : 5px 0 5px 0;
}
.style3 li {
display : list-item;
list-style-position : outside;
margin : 5px 13px;
}

.sansstyle {
font-size : 1em;
}

/*** Fix Toolbox ***/

.colonne_deco * li div {
color : #222e44;
}


/********************************
	=Fiche =Recherche
********************************/
#precisions_resultats {
margin : 8px 0;
font-weight : 700;
}
ul.liste-resultats {
margin-top : 1em;
}
ul.liste-resultats li {
border-bottom : 1px solid #dddddd;
margin : 0 5px 0 15px;
padding-bottom : 0.2em;
}

/******************************************
	=Recherche =Avancée
******************************************/
form#recherche_avancee {
width : 97%;
border-top : 1px solid #7d7d7d;
}
#recherche_avancee legend {
display : none;
}
#recherche_avancee p {
border-right : 1px solid #7d7d7d;
border-bottom : 1px solid #7d7d7d;
border-left : 10px solid #3e5659;
margin : 0;
padding : 0.5em 0;
overflow : auto;
background-image : url(img/rech_bgd.gif);
clear : both;
}
#recherche_avancee label {
float : left;
width : 125px;
padding-left : 5px;
padding-right : 5px;
font-weight : 700;
color : #d46e2e;
/*color : #332e44; ML 26/02/2008 W3C*/
}
#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 : #d46e2e;
font-size : 10pt;
font-weight : bold;
padding-top : 7pt;
padding-bottom : 2pt;
}

/*** end layout ***/


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

/*** Zone Centrale ***/
.collaboratif .conteneursousparagrapheaccueil {
float : left;
width : 45%;
margin-top : 2em;
padding-right : 3%;
}
.collaboratif .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;
clear : both;
position : relative;
color : white;
background : #8a9ad5 url(/images/intranet/escalier.gif) no-repeat 100% 0;
padding : 3pt;
margin-top : 10pt;
}

/* Titres page tribu */
.conteneursousparagrapheaccueil h3.service {
margin-bottom : 0;
}

/* Titre requeteur */
h3.service2 {}


/*** 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 : 0.5em 0 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 : 0.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 : #d46e2e;
/*color : #332e44; ML 26/02/2008 W3C*/
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;
margin : 23px 23px 0 0;
}
.slide-mount img {
cursor : pointer;
}
.ligne-photo {
clear : left;
}
.ligne-photo {
float : left;
float : 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;
border-bottom : 0;
margin : 40px 0 10px 0;
}
#menu_collab ul {
list-style : none;
text-align : right;
line-height : normal;
}
#menu_collab li {
border-bottom : 1px solid #a5b3c1;
}
#menu_collab a {
display : block;
border-top : 2px solid #fff;
border-bottom : 2px solid #eee;
font-size : 100%;
font-weight : 700;
padding : 3px 5px;
color : #ae3f76;
}
#menu_collab_2 {
background-color : #f5f5f5;
width : 100%;
border : 1px solid #a5b3c1;
border-bottom : 0;
margin : 10px 0 10px 0;
}
#menu_collab_2 ul {
list-style : none;
text-align : right;
line-height : normal;
}
#menu_collab_2 li {
border-bottom : 1px solid #a5b3c1;
}
#menu_collab_2 a {
display : block;
border-top : 2px solid #fff;
border-bottom : 2px solid #eee;
font-size : 100%;
font-weight : 700;
padding : 3px 5px;
color : #49737f;
}
#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 : 0.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;
}
/* taille de la toolbox */
.gestion iframe {
width : 450px;
}


/* Messages d'erreurs et autres */
#msg-alerte, #msg-erreur, #msg-confirmation {
padding : 0.5em;
font-weight : 700;
text-align : center;
width : auto;
float : none;
}
#msg-alerte {
background-color : #ffb622;
color : #332e44;
}
#msg-erreur {
background-color : #fff000;
/*background-color : #f11b03; ML 26/02/2008 W3C*/
color : #fff;
}
#msg-confirmation {
background-color : #b8f04c;
color : #332e44;
}
#msg-alerte a, #msg-erreur a, #msg-confirmation a {
/*color : #fff; ML 26/02/2008 W3C*/
}
/* 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 {} */
/* Couleurs */
.gestion .obligatoire {
color : #f11b03;
}
.gestion span.msg-aide {
color : #666;
font-size : 0.9em;
}
.gestion .champ-texte, .gestion iframe, .gestion textarea {
border-top : 1px solid #666;
border-left : 1px solid #666;
border-right : 1px solid #ccc;
border-bottom : 1px solid #ccc;
}
.bouton {
margin : 0;
padding : 0.2em 0.5em;
border-top : 1px solid #ccc;
border-left : 1px solid #ccc;
border-right : 1px solid #666;
border-bottom : 1px solid #666;
cursor : pointer;
}
.bouton:hover {
text-decoration : none;
}
.gestion .champ-texte:focus, .gestion select:focus, .gestion input:focus {
background : #ffc;
}
.gestion #valider-formulaire {
border-top : 1px solid #666;
padding-top : 1em;
text-align : center;
float : none;
}
.gestion input.readonly {
border : 0;
}
.gestion input.readonly:focus {
background : transparent;
}
form.gestion fieldset {
border : 0;
background-color : #f7f7f7;
width : 100%;
margin-top : 1em;
padding-left : 0.5em;
clear : left;
}
form.gestion fieldset legend {
font-weight : 700;

font-size : 1.1em;
color : #ff5715;
}

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

.en-colonne label.label-bouton {
float : none;
display : inline;
}
.en-colonne label, .en-colonne span.libelle, .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 : 0;
padding : 0;
}

/*** Nb Resultats par page ***/
.gestion #resultats_par_page input.champ-texte {
width : 3em;
}

/** Tableau de Bord - Ecran de =Gestion **************/
.gestion table, .gestion th, .gestion td {
font-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 : #d46e2e;
/*color : #332e44; ML 26/02/2008 W3C*/
}
.gestion th a {
color : #d46e2e;
/*color : #332e44; ML 26/02/2008 W3C*/
text-decoration : underline;
}
.gestion td, .gestion th {
padding : 3px 10px;
vertical-align : text-top;
}
.gestion tr {
border-bottom : 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;
border-bottom : 2px solid #eee;
margin-bottom : 1.5em;
padding-bottom : 1em;
}
form#preferences_utilisateur legend {
display : block;
font-weight : 700 !important;
margin-bottom : 0.5em;
font-size : 1.1em;
color : #f16d15;
background : #fff;
}

/*********************************
	= Bloc =Portlet =JSR
*********************************/
.portlet-titre, .style1 .portlet-titre, .style2 .portlet-titre, .style3 .portlet-titre, .sansstyle .portlet-titre {
background-color : #fff000;
/*background-color : #332e44; ML 26/02/2008 W3C*/
color : #ffb622;
margin : 0;
padding : 0.5em 5px;
}
.style2-deco .portlet-titre{
display:none;
}
.style2-deco .portlet-contenu{
border:0;
}

.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 : 0.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 {
width : 932px;
height : 180px;
}
#entete-pageg {
position : absolute;
left : 10px;
width : 932px;
height : 160px;
background-color : #f3f5f0;
background-image : url(/images/degrade-gauche.gif);
background-repeat : repeat-x;
background-attachment : scroll;
background-position : bottom left;
}
.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 : #d46e2e;
/*color : #8a9ad5; ML 26/02/2008 W3C*/
font-style : normal;
}
.gestion label, .gestion .en-colonne span {
text-align : right;
padding-right : 8pt;
}

/**AJOUT LF 15/04/2008 : ALBUM PHOTOTHEQUE**/
.album {
float:left;
margin: 20px 10px 0 7px;
padding:5px;
background:#e3e3e3;
border:1px solid silver;
border-style: outset;
width:125px;
height:53px;
text-align:center;
overflow:hidden;
font-size:1em;
}
a#thumb1{
border:1px solid black;
}
#caption1{
display:none;
}

.highslide-caption{
background:gray;
color:white;

}
.highslide-image{
border-color:#000;
}
/** FIN ALBUM PHOTOTHEQUE**/

/*--------------------------------------------------*/
/*AJOUT LF 20/01/2010 SUR TOUTES LES INSTANCES K-SUP*/
/*--------------------------------------------------*/
.contenue-acceuil h2{
display:none;
}
/*---------------------------------------------------*

/*-----------------*/
/*MAJ LF 08/02/2011*/
/*-----------------*/
/*-----------------*/
/*MAJ LF 08/02/2011*/
/*-----------------*/

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

#cadre_barre{
position: fixed;
top:0;
left:0;
width:100%;
z-index:10000;
background: #bcbcbc url(/images/barre/bg_barre_navigation.jpg) repeat-x;
border-bottom:1px solid #9c9c9c;
}

#barre_navigation_rapide{
height:25px;
margin:0;
padding:0;
border:0;
width: 990px;
margin-left: auto;
margin-right: auto;
}

#home,#home2, #etu, #spiral, #bibliotheque, #intranet, #lyceen, #phototheque, #contact, #editback, #connexionbarre, #deconnexionbarre, #pres, #pres2, #formation{
float:left;
width:105px;
border-right:1px solid #cfcccc;
height:19px;
text-align:center;
vertical-align:center;
}
#home{
margin-left:5px;
width:145px;
height:25px;
}
#home2{
height:25px;
}
#bibliotheque, #intranet, #formation{
width:85px;
}
#spiral{
width:67px;
}
#mail{
float:left;
border-right:none;
text-align:center;
vertical-align:center;
height:25px;
padding:0 5px 0 0;
margin-left:0;
}

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

#home a:link, #etu a:link, #spiral a:link, #bibliotheque a:link, #intranet a:link, #lyceen a:link, #phototheque a:link, #contact a:link, #pres a:link,#connexionbarre a:link,#deconnexionbarre a:link,#mail a:link, #formation a:link{
color:#fff;
vertical-align:center;
}
#home a:visited, #etu a:visited, #spiral a:visited, #bibliotheque a:visited, #intranet a:visited, #lyceen a:visited, #phototheque a:visited, #contact a:visited, #pres  a:visited, #connexionbarre a:visited, #deconnexionbarre a:visited, #mail a:visited, #formation a:visited{
color:#fff;
vertical-align:center;
}
#etu, #spiral, #bibliotheque, #intranet, #lyceen, #phototheque, #contact, #connexionbarre, #deconnexionbarre, #formation{
padding-top:6px;
}

#pres{
border-left:1px solid #cfcccc;
border-right:none;
width:165px;
height:25px;
}
#pres2{
border-left:1px solid #cfcccc;
border-right:none;
width:150px;
height:25px;
}
#cadre_barre{
display:none;
}

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


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

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