﻿@charset "UTF-8";

/* CETTE FEUILLE NE DOIT ÊTRE MODIFIÉE EN AUCUN CAS
   ----------------------------------------------- */

body {font-family: Verdana, Arial, Helvetica, sans-serif;text-align:center;margin: 0;padding: 0;}
#centre {text-align : left;}
#bandeau-faculte {font-size : 0.75em;}
#bandeau-faculte a:link {color : #000000;text-decoration : none;} 
#bandeau-faculte a:visited {color : #000000;text-decoration : none;} 
#contenu {font-size: 0.7em;}
#contenu .pluspetit, #babillard .pluspetit {font-size:90%;}
#contenu .plusgrand, #babillard .plusgrand {font-size:110%;}
#contenu ul, #contenu ol, #contenu dl, #contenu dd { padding:0;margin:0; margin:0 0 1.5em 25px; line-height: 150%;}
#contenu blockquote {margin: 0.5em 2.5em 0.5em 2.5em;}
#contenu dt {margin-top : 1.5em;font-weight: bold;}
#contenu li, #contenu dd {margin-top: 0.5em;margin-bottom: 0.6em;}
#contenu table {border-collapse:collapse;font-family: Verdana, Arial, Helvetica, sans-serif;font-size : 100%;}
#contenu th {font-weight: bold;text-align: left;}
#contenu td, #contenu th {padding : 0.2em;}
#contenu img, #babillard img {border : 0;vertical-align:middle;}
#contenu hr {margin-top : 1em;margin-bottom : 1em;height: 1px;width:100%;}
#contenu *.citation cite {display : block;}

/* [ CSS SCREEN ] ----- ----- */

body {}
html>body {text-align:center;}
#conteneur {font-size:medium;margin:0 auto;padding:0;position:relative;text-align:left;	width:760px;}
div#um-bandeau-institutionnel {color: #666;font-size: 70%;height: 69px;left: 0;position: relative;top: 0;width: 760px;}
div#um-bandeau-institutionnel a.um-logo {display: block;left: 75px;position: absolute;top: 10px;}
div#um-bandeau-institutionnel a.um-logo img {border: 0;border: none;}
div#um-bandeau-institutionnel div.um-liens-haut {color: #666;height: 23px;position: absolute;right: 1px;text-align: right;top: 5px;white-space: nowrap;width: 540px;}
div#um-bandeau-institutionnel div.um-liens-haut a {background-color: #fff;color: #333;text-decoration: none;}
div#um-bandeau-institutionnel div.um-liens-haut a:hover {text-decoration: underline;}
div#um-bandeau-institutionnel form.um-recherche {height: 45px;left: 576px;margin: 0;padding: 0;position: absolute;top: 24px;width: 184px;}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios {display: block;left: 0;position: absolute;top: 2px;white-space: nowrap;}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios input.um-radio {vertical-align: bottom;}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios label {color: #000;display: inline-block;font-size: 100%;left: 2px;line-height: 105%;position: relative;	top: 3px;vertical-align: top;}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-radios label.um-udem {padding-right: 10px;}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton {background-color: white;border: 1px solid #666;color: black;display: block;height: 19px;left: 0;position: relative;top: 21px;}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-boite {background-color: white;border-color: #666;border-style: solid;border-width: 0 1px 0 0;color: #1b405d;display: block;font-size: 100%;left: 2px;margin: 0;padding: 0 2px 2px 0;position: absolute;top: 2px;width: 106px;}
div#um-bandeau-institutionnel form.um-recherche span.um-boite-bouton input.um-bouton {background-color: white;border: 0;color: black;display: block;margin: 0;padding: 0 0 0 2px;	position: absolute;right: 2px;top: 2px;}
.um-cacher {display: none;}
#bandeau-faculte *, #bandeau-nom-departement *, #pied-page *, #bandeau-fond *, #menu-gauche *, #babillard * {margin: 0; padding:0;}



#centre{clear:both;background-color:#FFF;background-image:url(../images/background-centre.gif);background-repeat:repeat-y;border-top:0;border-right:1px solid #036;border-bottom:1px solid #036;border-left:1px solid #036;height:0;}
html>body #centre{height:auto;}
#bandeau-faculte{border-top:1px solid #036;padding:2px 2px 2px 227px;}
#nom-faculte{font-weight:700;}
#bandeau-faculte a:active{color:#000;text-decoration:none;}
#bandeau-faculte a:hover{color:#000;text-decoration:underline;}
#bandeau-departement{background-repeat:no-repeat;background-color:#0A1B37;padding-top:1px;padding-bottom:1px;vertical-align:middle;height:20px;padding-left:277px;margin-right:50px;}
#bandeau-fond{background-color:#0A1B37;}
#bandeau-langues{background-color:#0A1B37;padding-left:0;float:right;padding-top:1px;padding-bottom:1px;vertical-align:middle;height:20px;}
#bandeau-departement a{padding-right:15px;font-size:0.7em;}
#bandeau-departement a:hover{color:#FFF;text-decoration:underline;}
#menu-gauche{width:211px;float:left;font-size:0.7em;text-align:right;padding-top:15px;padding-bottom:15px;}
#menu-gauche ul{list-style-type:none;}
#menu-gauche a{display:block;padding-left:4px;padding-right:20px;}
#menu-gauche ul li{border-top:1px solid #85A3C2;font-weight:700;padding-top:4px;padding-bottom:4px;}
#menu-gauche ul li ul li{border:0;font-weight:400;padding-top:1px;padding-bottom:1px;}
#menu-gauche .sans-lien{font-weight:700;padding-right:20px;}
#menu-gauche a:hover{text-decoration:underline;background-image:url(../images/iu/flecheretour.gif);background-repeat:no-repeat;background-position:98% 50%;}
#contenu{margin-left:211px;padding:15px 14px 0;color:#333;}
#contenu h1{padding:0;margin:0 0 10px;font-size:1.4em;}
#contenu h2{padding:0;margin:15px 0 8px;border:0;border-bottom-width:1px;border-style:solid;font-size:1.2em;}
#contenu h3{padding:0;margin:5px 0;font-size:1.1em;}
#contenu h4{padding:0;margin:5px 0 2px;font-size:1em;}
#contenu h5{padding:0;margin:5px 0 2px;font-size:0.9em;}
#contenu h6{padding:0;margin:5px 0 2px;font-size:0.8em;}
#contenu p{padding:0;margin:0 0 10px;line-height:150%;}
#contenu table{margin-left:1px;color:#333;}
#contenu hr{color:#333;background-color:#333;}
#contenu ul li{list-style-type:square;}
#contenu ul li li{list-style-type:disc;}
#contenu ol li{list-style-type:lower-latin;}
#contenu ol li li{list-style-type:lower-alpha;}
.clearer{clear:both;height:0;}
#contenu .navigation{margin-top:2em;}
#contenu .commentaires{margin-top:1em;color:#999;font-size:0.9em;}
#contenu p.note, #contenu p.commentaires a {color:#8AC5FF;}
#contenu p.note, #contenu p.commentaires a:hover {color:#06c;}
#photo-personnel{float:left;}
#photo-personnel img{border-style:solid;border-width:0.1em;border-color:#000;}
#coordonnees{text-align:left;}
#coordonnees th{height:20px;}
#activites{float:left;width:99%;}
#contenu .ieme,#menu-gauche .ieme{font-size:65%;vertical-align:super;line-height:0;}
#pied-page{clear:both;font-size:0.55em;text-align:right;color:#999;padding:5px;}
.um-clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.um-clearfix{display:block;}
* html .um-clearfix{height:1%;}
img,#menu-gauche li.menu-gauche-premier{border:0;}
body,html>body{text-align:center;}
div#um-bandeau-institutionnel div.um-liens-haut a:hover{text-decoration:underline;}
.um-cacher,#bandeau-faculte-udem,.bandeau-departement-separateur{display:none;}
#bandeau-departement a:link,#bandeau-departement a:visited,#bandeau-departement a:active{color:#FFF;text-decoration:none;}
#menu-gauche a:link,#menu-gauche a:visited,#menu-gauche a:active,#contenu a:active{text-decoration:none;}
#contenu a:link,#contenu a:visited{color:#06c;text-decoration:none;}
#contenu a:hover{text-decoration:underline;}
/* [ FIN CSS SCREEN ] ----- ----- */

/* [ CSS STYLESLetSciHum ] ----- ----- */

#bandeau-faculte{background-image:url(../images/LetSciHum/BgHautGauche2.jpg);background-position:top left;background-repeat:repeat-y;background-color:#6CC;}
#bandeau-nom-departement{background-image:url(../images/LetSciHum/BgMilieuGauche.jpg);background-color:#6CC;}
#bandeau-departement{background-image:url(../images/LetSciHum/AnneauBleue.gif);background-position:214px 100%;}
#bandeau-langues a{padding-right:4px;font-size:0.7em;}
#bandeau-langues a:hover{color:#099;text-decoration:underline;font-weight:700;}
#contenu h2{color:#0A1B37;border-color:#BCC8D4;}
#contenu h3{color:#0A1B37;}
#contenu h4{color:#036;border-color:#BCC8D4;}
#contenu h5{color:#036;}
#contenu h6{color:#7D99B2;}
#contenu .couleur-secteur-petit{font-size:smaller;color:#099;}
#contenu .couleur-secteur-grand{font-size:larger;color:#099;}
#contenu .couleur-secteur-fond{background-color:#099;color:#F3E8CF;}
#contenu .encadre{border:medium double #099;color:#099;padding:5px;font-weight:400;}
#contenu .encadre a{color:#099;font-weight:700;}
#bandeau-langues a:link,#bandeau-langues a:visited,#bandeau-langues a:active{color:#099;text-decoration:none;font-weight:700;}
#menu-gauche a:link,#menu-gauche a:visited,#menu-gauche a:active,#menu-gauche a:hover,#menu-gauche .sans-lien,#contenu h1,#contenu .couleur-secteur{color:#099;}
/* [ FIN CSS STYLESLetSciHum ] ----- ----- */

/* [ Departement CSS ] ----- ----- */

#contenu *.citation {font-size: 1.3em;color: #099;}
.note {font-weight:normal;font-size:smaller;}
.gauche{text-align: left;}
.droite{text-align: right;}
.centre{text-align:center;}
#contenu img {border-color:#000;border-style:solid;border-width:1px;}
p.navigation img {border:none !important;}
.style-grand {color:#333;font-size:0.8em;}
.style-ieme {color:#333;font-weight:normal;font-size:0.6em;vertical-align:top;}
.style-h2 {padding:0;margin:15px 0 8px 0;border:0;border-bottom-width:1px;border-style:solid;font-size:1.2em;color:#0A1B37;border-color:#BCC8D4;}
.style-h3 {padding:0;margin:5px 0 5px 0;font-size:1.2em;color:#0A1B37;}

/* Lettres et sciences humaines */
.lettres-hum-h1 {padding:0;margin:0 0 10px 0;font-size:1.4em;color:#25507C;}
.lettres-hum-couleur {font-size:0.7em;color:#25507C;}
.lettres-hum-couleur-p {font-size:0.6em;color:#25507C;}
.lettres-hum-couleur-g {font-size:0.8em;color:#25507C;}
.lettres-hum-couleur-f {font-size:0.8em; background-color:#25507C;color:#F3E8CF;}
.lettres-hum-encadre {border: medium double #25507C;color: #25507C;	padding:5px;font-weight:normal;font-size:0.7em;}
.bouton-envoi {background:transparent url(../images/iu/degrade.gif) repeat-x scroll left top;border:2px outset #ECECEC;color:#FFF;margin-left:6px;	width:90px;}	
#saddr {border: 1px solid #ccc;height: 18px;color: #333;}
.img-sans-cadre {border: none!important;}

/* [ Ajout - divers SP/200905/29 ] ---------- ---------- */
.flottant-g{float:left;margin:0 10px 10px 0;} /* img flotte a gauche */
.flottant-d{float:right;margin:0 0 10px 10px;} /* img flotte a droite */
.revue-edito {margin: 0 0 0 110px;}
#contenu .emphase{border:solid 1px #6cc;background-color:#DBF3F3;margin:20px 0;padding:10px;} /* emphase avec cadre couleur en fonction secteur */
.pdf{background-image:url(../images/iu/ico-pdf.jpg);background-position:right bottom;background-repeat:no-repeat;padding:0 17px 0 0;}
.lien-externe{background-image:url(../images/iu/lien-externe.png);background-position:right bottom;background-repeat:no-repeat;margin:0 5px 0 0;padding:0 17px 0 0;}
#babillard .date-babillard{color:#666;font-size:90%;}
#babillard p {border-bottom:1px dotted #DADADA;margin:6px 10px 6px 10px;}
#babillard a,#babillard a:visited{color:#099;text-decoration:none;}
#babillard a:hover{color:#099;text-decoration:underline;}
#contenu #video {height: 230px;width: 342px;float: right;position: relative;padding: 0;margin-top: -15px;margin-right: -5px;margin-left: 4px;}
#contenu #video object {margin: 0;padding: 0;}
#contenu div.adresse  {margin: 0 0 15px 0;}
#contenu div.adresse p {margin: 0;padding: 0 0 5px 0;}
form#adresse {border:solid 1px #6cc;background-color:#DBF3F3;margin:20px 0;padding:10px;}
p.legende-photo-accueil {margin: -15px 0 0 0;padding: 2px 0 2px 10px!important;background: #000; width:341px; position: relative; color: #fff; font-weight:bold;}

/* [ Ajout - tableaux institutionnels SP/200905/29 ] ---------- ---------- */
#contenu table.tableau-type1 {margin: 4px 0 10px 0;padding: 0;}
#contenu table.tableau-type1 th {text-align: left;font-weight: bold;background-color: #ebebeb;padding: 8px 18px 6px 5px;vertical-align: middle;color: #000;}
#contenu table.tableau-type1 th.bordure-haut {border-top: 1px solid #e4e4e1;background-color: transparent;padding: 0;font-size: 1%;line-height: 1%;	height: 4px;overflow: hidden;}
#contenu table.tableau-type1 th.bordure-bas {background-color: transparent;padding: 0;font-size: 1%;line-height: 1%;border-bottom: 1px solid #e4e4e1;	height: 4px;overflow: hidden;}
#contenu table.tableau-type1 td {font-size: 90%;padding: 6px 18px 4px 5px;vertical-align: top;}
#contenu table.tableau-type1 td.bordure-bas {border-bottom: 1px solid #e4e4e1;}
#contenu td.alterne {background:#F7F7F7;}

/* [ Ajout - communiques SP/200905/29 ] ---------- ---------- */
#contenu .date-communiques{color: #999;padding: 0;margin: 0;}
#contenu div.communiques{background: url(../images/ligne-communique.png) repeat-x left bottom;padding-bottom: 5px;margin: 25px 0;border-bottom: 1px solid #337ca5;}
#contenu div.communiques p{padding: 0 10px;}
#contenu div.communiques p.date-communiques{padding: 0;}
#contenu div.communiques h2{border: none;}
#contenu div.communiques p.lire-suite{text-align: right;}
#contenu div.nav {margin: 20px 3px;} /* navigation des communiques */
#contenu div.nav a {padding: 2px 5px;border: solid 1px #ccc;margin: 0 3px;font-weight: bold;color: #06c;}
#contenu div.nav a:hover {padding: 2px 5px;border: solid 1px #ccc;margin: 0 3px;color: #000;	background: url(../images/ligne-communique.png) repeat-x left bottom;font-weight: bold;	text-decoration: none}
#contenu div.nav a.highlight {padding: 2px 5px;border: solid 1px #ccc;margin: 0 3px;color: #000;font-weight: bold;text-decoration: none;background: url(../images/ligne-communique.png) repeat-x left bottom;}

/* [ FIN Departement CSS ] ----- ----- */

/* [ accordion - SP/2009/09/18 ] ---------- ---------- */
#contenu #accordion {overflow: hidden;}
#contenu div#accordion h3 {border-bottom: 1px solid #Dbf3f3;padding: 5px 0 5px 30px;display: block;cursor: pointer;margin: 0;background: url(../images/iu/select+.gif) no-repeat 10px 6px;font-size: 95%;color: #06c;font-style: normal;}
#contenu div#accordion h3:hover {color: #000;}
#contenu div#accordion h3.selected {border-bottom: 1px solid #Dbf3f3;padding: 5px 0 5px 30px;display: block;cursor:default;margin: 0;background: #Dbf3f3 url(../images/iu/select-.gif) no-repeat 10px 6px;color: #000;}
#contenu div#accordion h3.selected a {color:#000;}
div.accordion-text {background: #fbfbfc;padding: 10px;border: 1px solid #Dbf3f3;overflow: hidden;}	

