a {
color: #e2001a;
font-weight:bold;
}

a:visited {
color: #E2001A;
font-weight:bold;
}

a:hover {
color: #000000;
font-weight:bold;
}

body, html {
height:100%;
margin: 0 0 0 0;
}

body.home {
background-image:url(/jsp_iuttlse3/images/charte/home_bckg.gif);
background-position:top center;
background-repeat:repeat-x;
}

body {
background-image:url(/jsp_iuttlse3/images/charte/background_iut.png);
background-position:top center;
background-repeat:no-repeat;
background-color:#7b7b7b;
}

p, ul, li {
margin-top: 5px;
margin-bottom:5px;
}

ul {
margin-top: 10px;
margin-bottom: 10px;
}

ul li {
list-style-image:url(/jsp_iuttlse3/images/charte/li.gif);
}

ul ul li {
list-style-image:url(/jsp_iuttlse3/images/charte/lili.gif);
margin-left:20px;
}

ul ul ul li {
list-style-image:url(/jsp_iuttlse3/images/charte/lilili.gif);
margin-left:40px;
}

form {
margin: 0;
padding: 0;
}


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

/* de type 1 */

dl.type_1 {
background : #fff;
border-bottom : 1px solid #E2001A;
border-right : 1px solid #E2001A;
border-left : 1px solid #E2001A;
margin : 0;
position : relative;
width : 100%;
}

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

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

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

#page {
width: 1007px;
}

#acc01 {
width: 900px;
height:230px;
background:url(/jsp_iuttlse3/images/charte/acc01.gif) no-repeat;
background-position:bottom left; 
background-repeat:no-repeat;
}

#acc02 {
width: 900px;
height:355px;
background:url(/jsp_iuttlse3/images/charte/acc02.gif) no-repeat;
background-repeat:no-repeat;
padding-top:5px;
text-align:left;
}

#footer {
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center;
padding: 5px 0 5px 0;
}

#adresse {
color: #000;
}

#contacts {
color: #e2001a;
}

#bandeau_haut {
position:relative;
top:46px;
height:35px;
}

#in01 {
top:3px;
height:50px;
}

#bandeau_haut_in {
position:relative;
top:3px;
height:50px;
z-index:1;
}

#bandeau_rubrique {
/* couleur fond UPS *//*
background-color: #C0CEB4;*/
/* couleur fond IUT */
background-color: #FFFFFF;
height: 260px;
text-align: left;
}
#bandeau_rubrique img {
margin-top: -1px;
}

#recherche {
margin-top:5px;
text-align:right;
width:190px;
float:right;
}

#recherche #champ {
margin-top: 4px;
}

#champ {
height: 18px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background: #fff url(/jsp_iuttlse3/images/charte/loupe.gif) no-repeat;
background-position: 3px 2px;
vertical-align: top;
padding-left: 16px;
width: 150px;
height: 15px;
border: 0; color: #666;
border: 1px solid #9b9b9b;
}

#recherche_avancee{
margin-top:5px;
margin-left: 120px;
text-align:right;
width:135px;
float:left;
}

#glossaire, #annuaire {
margin-top:2px;
text-align:right;
width:80px;
float:right;
}

#langue {
width:100px;
float:left;
text-align:left;
font-size:8px;
margin-top:6px;
/*border:1px solid #FFF;*/
}

#intranet {
width:100px;
text-align:right;
margin-top:5px;
margin-right:2px;
float:left;
/*border:1px solid #FFF;*/
}

#accesplans {
width:100px;
text-align:left;
margin-top:5px;
margin-left:2px;
float:left;
/*border:1px solid #FFF;*/
}

#numeriques {
width:230px;
text-align:left;
margin-top:5px;
margin-left:2px;
float:left;
/*border:1px solid #FFF;*/
}


#histoireUPS {
position:absolute;
margin-left:10px;
top:424px;
width: 265px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
z-index:10;
}

#histoireUPS_contenu {
background:url(/jsp_iuttlse3/images/charte/fond_histoire.png) no-repeat;
height:101px;
padding:5px;
}

#profils {
position:absolute;
margin-left:330px;
top:510px;
width: 240px;
background-color:#abbb9e;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#002353;
text-align:center;
z-index:50;
}

#profil_lyceen {
float:left;
border-bottom:5px solid #0045a1;
width:75px;
margin:0 2px 0 2px;
}

#profil_lyceen a,
#profil_etudiant a,
#profil_enseignant a,
#profil_persadmtech a  {
color: #002353;
}

#profil_lyceen a:hover,
#profil_etudiant a:hover,
#profil_enseignant a:hover,
#profil_persadmtech a:hover  {
color: #e6e6e6;
}

#profil_etudiant {
float:left;
border-bottom:5px solid #ffff00;
width:75px;
margin:0 2px 0 2px;
}

#profil_enseignant {
float:left;
border-bottom:5px solid #c80e0e;
width:75px;
margin:0 2px 0 2px;
}

#profil_persadmtech {
border-bottom:5px solid #e6e6e6;
margin:0 2px 0 2px;
}

#actusUPS {
position:absolute;
margin-left:680px;
/* top:409px;
pour une ligne de plus */
top:390px;
width: 210px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
z-index:20;
}

#actusUPS_contenu {
/*background:url(/jsp_iuttlse3/images/charte/fond_actualites.png) no-repeat;
height:117px;
pour une ligne de plus*/
background:url(/jsp_iuttlse3/images/charte/fond_actualites2.png) no-repeat;
height:122px;
padding:5px;
}

#rubriques {	
margin-left:auto;
margin-right: auto;
width: 240px;
background-color:#abbb9e;
z-index:100;
}

.toprub {
background-color:#e2001a;
height:10px;
font-size:1px;
}

.rub {
background:#91a3ad url(/jsp_iuttlse3/images/charte/rub_fleche.gif) 3px no-repeat;
/*background:#e6e6e6 url(/jsp_iuttlse3/images/charte/rub_fleche.png) 3px no-repeat;*/
padding-left:15px;
padding-top: 2px;
padding-bottom:2px;
border:1px solid #FFF;
/*top right bottom left*/
margin: 1px 0 1px 0;
text-align:left;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #3F3F3F;
}

.rub a {	
color: #a6a8a9;
}

.rub a:hover {	
color: #ffffff;
}

.rub_in {
background:#f3f3f3 url(/jsp_iuttlse3/images/charte/rub_fleche.gif) 3px no-repeat;
/*background:#e6e6e6 url(/jsp_iuttlse3/images/charte/rub_fleche.png) 3px no-repeat;*/
padding-left:15px;
padding-top: 10px;
padding-bottom:10px;
/*top right bottom left*/
margin: 0px 0 0px 0;
text-align:left;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color: #686868;
}

.rub_in a {
/*couleur des rubriques principales*/
color: #686868;
text-decoration: none;
}

.rub_in a:hover {
/*couleur de survol des rubriques principales*/
color: #686868;
text-decoration: none;
}

.rub_in_act a {
color: #FFFFFF;
text-decoration: none;
}

.rub_in_act {
background:#424242 url(/jsp_iuttlse3/images/charte/rub_fleche_act.gif) 3px 5px no-repeat;
/*background:#e6e6e6 url(/jsp_iuttlse3/images/charte/rub_fleche.png) 3px no-repeat;*/
padding-left:15px;
padding-top: 2px;
padding-bottom:2px;
/*top right bottom left*/
margin: 0px 0 0px 0;
border-top:0px solid #FFF;
border-bottom:0px solid #FFF;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color: #FFF;
/* text-transform:uppercase; */
}

.ssrub {
background:#FFFFFF url(/jsp_iuttlse3/images/charte/ssrub_fleche.gif) 18px 10px no-repeat;
padding-left:30px;
margin-left:-15px;
text-align:left;
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
color: #686868;
text-transform:none;
padding-top: 5px;
padding-bottom: 5px;
}

.ssrub a {
/* Couleur des sous-rubriques */
color: #686868;
text-decoration:none;
padding-top: 5px;
padding-bottom: 5px;

}

.ssrub a:hover {
/* Couleur de survol des sous-rubriques */
color:#1E1E1E;
padding-top: 5px;
padding-bottom: 5px;

}

#topcentralzone {
height:0px;
/* background:url(/jsp_iuttlse3/images/charte/toprub_bckg.gif) no-repeat; */
background-color:#fff;
font-size:1px;
}

#bottomcentralzone {
height:10px;
font-size:1px;
background-color:#e2001a;
}

#centralzone {
background-color:#FFF;
}

#filariane {
padding: 2px 10px 0px 10px;
text-align:left;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #556f78;
}

#contenu {
padding: 15px 10px 2px 10px;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:13px;
color: #454545;
text-align:left;
}

#contenu #titre {
margin-top:12px;
padding: 3px 5px 1px 5px;
background-color:#e5e5e5 ;
text-align:left;
font-family: Century Gothic, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color: #474747;
}

#titre_droite {
margin-right:5px;
margin-top:14px;
line-height:11px;
width: 200px;
height: 22px;
float:right;
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-align:right;
color: #002353;
}

#print {
margin-top:11px;
width:30px;
height:28px;
text-align:center;
float:right;
background-color:#fff;
}

#haut {
text-align:right;
/*margin-bottom:4px;*/
margin-bottom:0px;
margin-left: 10px;
margin-right: 10px;
}

#maj {
border-top:1px solid #e2001a;
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
text-align:right;
font-family: Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#a6a8a9;
}

#bouton_gauche {
margin: 10px 0 0 0;
text-align:center;
}

#style3_lt {
background:url(images/style3_bckg1.gif) top left no-repeat;
}

#style3_br {
background:url(images/style3_bckg2.gif) bottom right no-repeat;
padding: 5px 15px 5px 15px;
}

#style3 #titre {
padding-left: 0px;
background-color:#e5e5e5;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
text-transform:capitalize;
color: #474747;
}

#style3 p {
width: 100%;
text-align:left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:11px;
color: #474747;
}

#photo {
float:right;
border:1px solid;
}

#type_fiche {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#657558;
text-align:left;
}

/*#################################################### ENCADRES #######################################################*/

.encadre_gauche {
margin: 10px 0 0 0;
background-color: #FFFFFF;
border-bottom:1px solid #FFF;
width: 200px;
}

.encadre_gauche_titre {
background-color: #000000;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
padding: 1px 0 1px 0;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
text-transform:uppercase;
text-align:center;
}

.encadre_gauche_contenu p {
margin: 1px 0px 1px 0px;
padding: 5px 5px 5px 13px;
background:url(/jsp_iuttlse3/images/charte/encadre_gauche_puce.gif) 3px 9px no-repeat;
}

.encadre_gauche_contenu a {
color: #ffcc00;
}

.encadre_gauche_contenu a:hover {
color: #fff;
}

.encadre_gauche_contenu {

margin: 1px 0px 1px 0px;
padding: 5px 5px 5px 5px;
font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#000000;
text-align:left;
}

.encadre_droite {
/*Background encadre de droite ex:actu */
margin: 0px 0 0 0;
/* background:url(/jsp_iuttlse3/images/charte/encadre_actu.gif) no-repeat; */
border-bottom:1px solid #FFF;
}

.encadre_droite_titre {
background:url(/jsp_iuttlse3/images/charte/bg_titre_encadre.png) repeat-x;
background-color:#ce0100;
padding: 6px 0 0 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFF;
text-transform:uppercase;
text-align:center;
height: 31px;
}

/* COSIWEB 07/10/2009 Encadre specifique a la page d'accueil du site : Actus deroulantes */

.encadre_droite_contenu_accueil {
/*Contenu encadre de droite*/
padding: 5px;
font-family:Century Gothic, Arial, Helvetica, sans-serif;
font-size:14px;
background:url(/jsp_iuttlse3/images/charte/bg_actu_accueil.png) bottom repeat-x #FFF;
color:#000000;
text-align:left;
line-height: 24pt;
width:170px;
min-width:170px;

}

.encadre_droite_contenu_accueil p {
margin-left: 5px;
padding-left: 5px;
width:155px;

}

.encadre_droite_contenu_accueil a {
font-family:Century Gothic, Arial, Helvetica, sans-serif;
background: url(/jsp_iuttlse3/images/charte/puce_actus.png) no-repeat; 
color:#e2001a;
text-decoration:none;
line-height: 20px;
display:list-item;
padding-left: 28px;
font-size: 14px;
text-align:left;
margin-left:0px;
width: 150px;
padding-bottom: 10px;
border-bottom: 1px solid #CCCCCC;

}

.encadre_droite_contenu_accueil a:hover {
color:#000000;
/*background: url(/jsp_iuttlse3/images/charte/puce_actus.png) no-repeat; 
text-decoration:none;
line-height: 28px;
display:list-item;
padding-left: 22px;
text-align:left;
margin-left:0px;
width: 150px;*/
}

/* COSIWEB 07/10/2009 FIN Encadre specifique a la page d'accueil du site : Actus deroulantes */

.encadre_droite_contenu {
/*Contenu encadré de droite*/
padding: 5px;
font-family:Calibri, Arial, Helvetica, sans-serif;
font-size:11px;
background-color: #FFFFFF;
color:#000000;
text-align:left;
/*line-height: 18pt;*/
}

.encadre_droite_contenu p {
margin: 0 0 45px 0;
padding: 0 0 0 0;
width:150px;

}

.encadre_droite_contenu a {
color:#e2001a;
padding-top: 7px;
padding-bottom: 7px;
text-decoration:none;
}

.encadre_droite_contenu a:hover {
color:#000000;
text-decoration:none;

}

.encadre_droite2 {
margin: 10px 0 0 0;
background-color: #ffda86;
border-bottom:1px solid #FFF;
}

.encadre_droite_titre2 {
background-color: #e2001a;
border-top:1px solid #FFF;
border-bottom:1px solid #FFF;
padding: 1px 0 1px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFF;
text-transform:uppercase;
text-align:center;
}

.encadre_droite_contenu2 {
padding: 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#002353;
text-align:left;
}

.encadre_droite_contenu2 a {
color: #002353;
font-weight: bold;
text-decoration: none;
}

.encadre_droite_contenu2 a:hover {	
color:#ed3338;
}

/* encadres de fichiers joints */
.encadre_fichiers_joints {
margin: 10px 0 0 0;
background-color: #7f91a9;
border-bottom: 1px solid #fff;
}

.encadre_fichiers_joints_titre {
background-color: #556f78;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
padding: 1px 0 1px 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
}

.encadre_fichiers_joints_contenu {
padding: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
text-align: left;
}

.encadre_fichiers_joints_contenu p {
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

.encadre_fichiers_joints_contenu a {
color: #ffcc00;
font-weight: bold;
text-decoration: none;
}

.encadre_fichiers_joints_contenu a:hover {
color: #fff;
}

/* pages DSI */
#preferences_titre {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
left: 50px;
}

/****************************** KOSMOS :********************************/

.filet-droit { /* right column width */
float: left;
width: 140px;
background: url(/jsp_iuttlse3/images/filet_droit.gif) repeat-y 580px 0; 
}

/****************
Bandeau
****************/
h1 { 
padding: 90px 0 0 190px; 
font-size: 1.6em;
color: #332e44; 
font-family: arial, sans-serif;
}

.wide {
width: 100%; 
}

.top {
position: relative;
height: 150px; 
background: #332e44 no-repeat 0 100%;
}

/* === */

#connexion {
margin:1em 0;
text-align: left;
}

#connexion h3{
font-weight: 700;
color: #fff;
background-color: #556f78;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
text-align: center;
text-transform: uppercase;
font-size: 1.25em;
font-family: arial, sans-serif;
padding: 0.5em 0;
}

#connexion fieldset{
padding: 0 5px;
}

#connexion label{
display: block;
margin-top: 0.5em;
}

#connexion input{
border: 1px solid;
}

#connexion input.ok{
font-weight: 700;
font-size: 1em;
color: #fff;
background-color: #556f78;
/*border-color: #556f78;*/
}

#connexion input.ok:hover{
background-color: #ffb200;
}

#connexion p{
margin: 5px;
}

#connexion a{
color:  #556f78;
}

#connexion ul{
font-weight: 700;
}

#connexion p#mot_de_passe_oublie{
/*font-weight: 700;*/
}

/* === */

p#personne_dsi{
font-weight: 700;
}

/* === */

form#profil{
background-color: #b1c2c7;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 0.5em 0 1em 0;
}

form#profil label{
margin: 0.2em 0;
}

form#profil select{
border: 1px solid;
font-size: 1em;
width: 160px;
}

/* === */

form#services{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
background-color: #b1c2c7;
background-color: #FFB200;
padding: 0.5em 5px 1em 5px;
text-align: left;
}

form#services label{
padding: 0.2em 0;
display: block;
}

form#services select{
border: 1px solid;
font-size: 1em;
width: 160px;
}

form#services input.valider{
font-weight: 700;
font-size: 1em;
color: #fff;
background-color: #556f78;
border-color: #fff;
padding: 0;
margin: 0;
vertical-align: baseline;
}

form#services input.valider:hover{
background-color: #C40001;
}

/* === */

#recherche form{
margin-top: 61px;
}

#menu label,
#recherche label,
#recherche legend { 
display: none;
}

.top .champ-saisie {
margin: 0 0 5px 14px;
width: 110px;
border: 1px solid #39393B;
padding: 2px 1px;
}

.top .ok {
width: 20px;
height: 20px;
vertical-align: top;
border-top:1px solid #39393B;
border-left:1px solid #39393B;
border-right:1px solid #959595;
border-bottom:1px solid #959595;
}

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

.top select {
margin: 0 0 5px 14px;
width: 140px;
border: 0;
}

#oublie, #avancee { 
margin-left: 14px;
}

#recherche a{
font-size: xx-small;
color: #39393B;
text-decoration: none;
}

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

/************************
Colonne de gauche
*************************/
.container-left h3 {
color: #fff;
font-weight: normal;
}

.menuleft {
padding-top: 10px;
background: url(/jsp_iuttlse3/images/left_col_bgd.gif) no-repeat 100% 0;
margin-bottom:20px;
}

.menuleft-in {
padding-bottom: 20px;
background: url(../../jsp_iuttlse3/images/left_col_bot.gif) no-repeat 0 100%;
}

#acces-direct { 
width: 125px;
height: 9px;
margin-left: 30px;
background: url(/jsp_iuttlse3/images/acces_direct.gif) no-repeat 0 0;
}

#acces-direct span { 
display: none;
}

.menu-prin {
margin: 17px 0 0 30px;
}

.menu-prin ul {
list-style-type: none;
}

.menu-prin li.niveau1 {
margin-bottom:1em;
}

.menu-prin li.menuon {
font-weight: bold;
}

.menu-prin li.menuon li {
font-weight: normal;
}

.menu-prin li.menuon li.menuon {
font-weight: bold;
}

.menu-prin ul li {
list-style-position: outside;
}

.menu-prin ul ul {
margin-left: 17px;
list-style-type: none;
}

.menu-prin a {
color: #FFFFFF;
text-decoration: none;
}

.menu-prin a:hover {
text-decoration: underline;
}

#newsletter legend { 
display: none;
}
#newsletter { padding-left: 30px; }

#newsletter .menuleft { padding-top: 5px; background-image:none; }

#newsletter .menuleft-in { padding-bottom: 10px; background-image:none; }

#newsletter h3 { padding-bottom:3px; }

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

#newsletter .ok {
width: 20px;
height: 20px;
vertical-align: top;
}

/************************
Colonne de droite
*************************/
/*.right { 
margin-top: 30px;
font-size: 0.95em;
}*/

.right-top { border-top: 1px solid #332e44; border-bottom: 1px solid #332e44; }

.right-top-in { padding: 3px 0 5px 20px; border-right: 8px solid #ff6022; }

.right-top .titre { color: #332e44; font-weight: bold; font-size: 110%; }

a.box-esp { 
background: url(/jsp_iuttlse3/images/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 0 10px 10px;
padding: 3px 2px;
background-color:#fff;
}

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

/*********************************
Zone Centrale
*********************************/
.center { padding-top: 10px; }

h2 {
font-size: 2em;
color: #778aaa;
font-weight: normal; 
font-family: verdana, arial, sans-serif;
margin: 8px 0;
background-color: #fff;
padding: 0;
}

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

/*.ligne { margin: 0 ; padding:10px 0 0 0; clear:left; border-top:2px dotted #332e44;}*/
/* \*/ * html .ligne { padding:5px 0 0 0; } /* */
.conteneursousparagraphe { float:left; }

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

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

/*************************************************
page de rubrique
**************************************************/

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

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

#fil-ariane {
font-size: xx-small;
color: #332e44;
}

#fil-ariane a {
color: #332e44;
text-decoration: none;
}

#fil-ariane a:hover {
text-decoration: underline;
}

#fil-ariane .elementparticulier a {
text-decoration: underline;
}

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

/*******************
Pied de Page
********************/
.bottom { 
position: relative;	
font-size: xx-small;
color: #fff;
padding: 0 0 3px 20px;
}

.jaune a, .jaune a:hover {
color: #ffbe22;
background-color: #332e44;
}

.jaune {
margin: 0 0 13px 0;
color: #ffbe22;
}

.adresse { 
margin: 0;
padding-top: 2px;
}

.adresse a {
color: #fff;
text-decoration: none;
}

#haut-page {
border-right:1px solid #ffbe22; padding-right:5px; margin-right:5px;
}

#haut-page span { 
position: absolute;
top: -40px;
width: 19px;
height: 19px;
text-indent: -9999px;
background: url(/jsp_iuttlse3/images/haut_page.gif) no-repeat;
cursor: pointer;
}

#imprimer span { 
position: absolute;
top: -40px;
width: 19px;
height: 19px;
text-indent: -9999px;
background: url(/jsp_iuttlse3/images/imprimer.gif) no-repeat;
cursor: pointer;
}

/**** Liste d'affichage ****/
.div-liste { margin: 0 ; padding:10px 0; clear:left; width:98%; }

.div-liste a { 
padding-left:0;
padding: 0 5px 0 25px;
text-decoration:none;
}

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

h4.titre-liste { 
font-size:140%; 
background:url(/jsp_iuttlse3/images/charte/actus_bckg.gif) no-repeat;
padding-left:35px;
padding-top: 17px;
height:64px;
width:550px;
margin-bottom:-15px;

}

.resume-liste { 
font-size:100%; 
color: #585858;
margin-top: 15px;
}

.date-liste { color:#222e44; }

.soustitre-liste { font-weight:bold; font-size:110%; }

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


/**** IE5 Mac ****/
*>html .top .ok { position: absolute; }

*>html #menu-outils a { float: left; }

*>html .ligne { clear: none; float: left; }
/**** Fin IE5 Mac ****/ 

/*** prevents long urls from widening floated cols and breaking the layout in IE6 ***/
/* \*/
* html .outer {
word-wrap: break-word;
}
/* */
/***** AJOUTS COSIWEB *****/
#titre_page{
margin-top:12px;
padding: 3px 5px 1px 5px;
background-color:#e5e5e5 ;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color: #474747;
}
/***** AJOUTS COSIWEB *****/

h6{
display:block;
text-align:left;
color:#002353;
margin: 1px 0px 1px 0px;
padding: 7px 5px 5px 16px;
background:url(/jsp_iuttlse3/images/charte/li.gif) 3px 9px no-repeat;
font-weight:bold;
font-size: 100%;
}

div.bloc{
float:left;
margin-left:0;
margin-right:0.5em;
padding-left:0;
padding-right:0.5em;
}

body.formation span.margebas li{
list-style-image:url("/jsp_iuttlse3/images/charte/lili.gif");
}

#onglet a,
#onglet_act a{
text-decoration:none;
}

div#formation_nav #onglet,
div#formation_nav #onglet_act{
padding-top:4px;
}

/* Modification B. Feron 04/04/17 : flash -> CSS */
#sContent {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;            
	padding: 0;
	list-style-type: none;
}
#sContent li {
	position: absolute;
	opacity: 0;
	animation-name: fade;
	animation-duration: 9s;
	animation-iteration-count: infinite;
	list-style-image: none;
}
#sContent li:nth-child(1) {
    animation-delay: 0s;
    z-index:40;
}
#sContent li:nth-child(2) {
    animation-delay: 3s;
    z-index:30;
}
#sContent li:nth-child(3) {
    animation-delay: 6s;
    z-index:20;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	11.11% {
		opacity: 1;
	}
	33.33% {
		opacity: 1;
	}
	44.44% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

#navigation-menu {
	display: inline-block;
	height: 35px;
	line-height: 35px;
	white-space: nowrap;
	border: 1px solid #C6C6C6;
	border-radius: 0 17px 17px 0;
	background-color: #EEEEEE;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	position:relative;
	z-index:50;
	font-size:16px;
	margin-top:20px;
}
#navigation-menu a{
	font-weight:normal;
}
#navigation-menu-intro {
	width: 157px;
	background-color: #EF111A;
	color: white;
}
.navigation-menu-item {
	height: 31px;
	margin: 2px 0 0;
	padding: 0 44px;
	border-right: 1px solid #C6C6C6;
}
.navigation-menu-item,
.navigation-menu-item:hover,
.navigation-menu-item:visited {
	text-decoration: none;
	color: black;
	cursor: pointer;
}
.navigation-menu-item:hover {
	color: #EF111A;
}
#navigation-menu-intro,
.navigation-menu-item {
	display: block;
	float: left;
	text-align: center;
}
.navigation-menu-item-last {
	border-width: 0;
}
#iut-carousel-container{
margin-top:10px;
}
#iut-carousel-tags {
position: absolute;
top: 0;
width: 800px;
left: -900px;
}

/* === Avertissement visuel quand on visualise une page sur le site de test === */

p#site_test {
background-color: #EF111A;
color: #fff;
font-size: 1.2em;
font-weight: 700;
margin: 0 auto;
padding: 0.7em 0;
text-align: center;
}