/* HTML5 ✰ Boilerplate */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; outline: none; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
a, a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: top; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -o-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }
body, select, input, textarea { color: #3E4A4E; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #227899; }
a:hover { color: #3E4A4E; }
/**
* Primary styles
*
* Author: Arnaud Di Nunzio & Raphaël Larrinaga-Balseiro
*/
html, body {height: 100%;}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background: url(../img/container-bg.png);
overflow: hidden;
}
body.index {overflow: auto;}
ul, ol, menu {list-style: none;}
#container, #main { width: 100%; height: 100%; min-width: 1050px; overflow: hidden;}
#main {overflow: hidden; min-width: 1024px;}
.index #container {overflow: auto; height: auto;}
.index #main {overflow: auto; height: auto;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.nomargin {margin: 0 !important;}
.nopadding {padding: 0 !important;}
.paddingdefou {padding: 10px 0;}
.normal-content {padding: 10px;}
.no-bg {background: none !important;}
.block {display: block;}
hr.separator {clear: both; visibility: hidden; height: 20px;}
hr.separator.floatback {height: 1px; margin: 0; padding: 0;}
/* HEADER */
header#top {
height: 40px;
line-height: 40px;
background-color: #d81e0f;
display: block;
width: 100%;
border-bottom: 1px solid #8a0d02;
-webkit-box-shadow: inset 0px 1px 0px #f26357;
-moz-box-shadow: inset 0px 1px 0px #f26357;
-o-box-shadow: inset 0px 1px 0px #f26357;
box-shadow: inset 0px 1px 0px #f26357;
background: url(../img/top-header-bg.png) repeat-x;
}
header#top h1 {
width: 120px;
height: 40px;
border-right: 1px solid #f26357;
-webkit-box-shadow: inset -1px 0px 0px #8a0d02;
-moz-box-shadow: inset -1px 0px 0px #8a0d02;
-o-box-shadow: inset -1px 0px 0px #8a0d02;
box-shadow: inset -1px 0px 0px #8a0d02;
float: left;
}
header#top h1 a {
display: block;
width: 100%; height: 100%;
text-indent: -9999px;
background: url(../img/logo-title.png) no-repeat 29px 11px;
}
header#top .right {
margin-right: 14px;
}
header#top #actions {
width: 400px;
margin-left: 14px;
}
header#top ul#actions > li{
display: inline-block;
}
header#top ul#actions > li:last-child {
margin-left: 3px;
}
.header-button {
color: #fff !important;
font-weight: 500;
font-size: 10px;
text-decoration: none;
text-align: center;
background-color: #db3224;
text-shadow: 0px 1px 0px #8a0d02;
-webkit-box-shadow: inset 0px 1px 0px #f37462, 0px 1px 0px #d83123;
-moz-box-shadow: inset 0px 1px 0px #f37462, 0px 1px 0px #d83123;
-o-box-shadow: inset 0px 1px 0px #f37462, 0px 1px 0px #d83123;
box-shadow: inset 0px 1px 0px #f37462, 0px 1px 0px #d83123;
background: url(../img/bg-header-btn.png) repeat-x 0 0;
height: 24px;
line-height: 26px;
display: inline-block;
border: 1px solid #a81400;
border-radius: 3px;
min-width: 23px;
padding: 0 3px;
}
.header-button img {
position: relative;
top: 1px;
padding: 0 3px;
}
.header-button span {
margin: 0 3px;
}
.notif {
margin-left: 3px;
}
.student .notif {
margin: 0;
}
.notif img {
top: 3px;
}
.header-button:hover {text-shadow: 0px 1px 0px #8a0d02, 0px 0px 4px #fff;}
.header-button:active, .header-button.active {
background: url(../img/bg-header-btn.png) repeat-x 0 -25px;
-webkit-box-shadow: 0px 1px 0px #d83123;
-moz-box-shadow: 0px 1px 0px #d83123;
-o-box-shadow: 0px 1px 0px #d83123;
box-shadow: 0px 1px 0px #d83123;
text-shadow: 0px 0px 4px #fff;
}
#choice {margin-top: 7px;}
.left-switch {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
text-indent: -9999px;
}
.left-switch span { padding: 0; background: url(../img/ico-content.png) -449px -47px; }
.middle-switch span {background: url(../img/ico-content.png) -98px -48px;}
.right-switch span:first-child {background: url(../img/ico-content.png) -466px -48px;}
.index .right-switch span {background: url(../img/ico-content.png) -98px -48px;}
#choice .right-switch span + span {top: -1px; width: auto;}
.middle-switch {
border-radius: 0;
text-indent: -9999px;
margin-left: -1px;
}
.right-switch {
-webkit-border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-bottomleft: 0;
margin-left: -1px;
padding: 0 5px 0 3px;
}
.index .right-switch {padding: 0 3px;}
#choice span {
height: 16px; width: 16px;
display: block;
position: relative;
left: 2px;
top: 4px;
}
#choice .left-switch span {left: 2px;}
#choice .right-switch span {display: inline-block;}
.index #choice .right-switch span {display: block;}
.header-button.search-button, .search-button {
width: 165px;
position: relative;
top: -2px;
background: #ffffff url(../img/ico-search.png) no-repeat 178px 5px;
text-align: left;
padding-left: 10px;
padding-right: 25px;
font-size: 12px;
font-weight: 500;
color: #999999 !important;
text-shadow: none;
height: 24px;
margin-left: 10px;
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,.4), 0px 1px 0px #d83123;
-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,.4), 0px 1px 0px #d83123;
-o-box-shadow: inset 0px 1px 2px rgba(0,0,0,.4), 0px 1px 0px #d83123;
box-shadow: inset 0px 1px 2px rgba(0,0,0,.4), 0px 1px 0px #d83123;
}
.header-button.search-button:focus {
border: 1px solid #a81400;
}
#actions span.preferences {
width: 16px;
height: 16px;
display: inline-block;
background: url(../img/ico-content.png) -481px -49px;
vertical-align: middle;
line-height: 24px;
margin: 0 auto;
-webkit-transform: translateY(-2px);
}
/* FIN HEADER */
/* MENU */
menu#principal {
width: 120px;
min-height: 550px;
background: url(../img/menu-bg.png);
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(0,0,0,.2)),
color-stop(0.05, rgba(0,0,0,0))
), url(../img/menu-bg.png);
-webkit-box-shadow: inset -1px 0px 0px #404347;
-moz-box-shadow: inset -1px 0px 0px #404347;
-o-box-shadow: inset -1px 0px 0px #404347;
box-shadow: inset -1px 0px 0px #404347;
}
menu#principal li {
display: block;
position: relative;
width: 100%;
height: 77px;
padding: 3px 0 0 0;
background: rgba(0,0,0,0);
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
}
menu#principal li:first-child {
height: 84px;
padding: 15px 0 0 0;
}
menu#principal li:first-child a {padding-top: 15px;margin-top: -15px;}
menu#principal li.gradient {
background: none;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(0,0,0,.1)),
color-stop(0.8, rgba(0,0,0,0))
);
background: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0) 80%);
}
menu#principal li.gradient:hover {
background: none;
background: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(0,0,0,.1)),
color-stop(0.8, rgba(0,0,0,0))
);
background: -moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0) 80%);
}
menu#principal li a {
text-align: center;
display: block;
width: 100%;
height: 100%;
font-weight: 500;
font-size: 11px;
color: #d6dbdf;
text-shadow: 0px 1px 0px #32373c;
text-decoration: none;
border-bottom: 1px solid #4a4e53;
-webkit-box-shadow: inset 0px -1px 0px #676c71;
-webkit-transition: color .2s ease-in-out;
-moz-box-shadow: inset 0px -1px 0px #676c71;
-moz-transition: color .2s ease-in-out;
-o-box-shadow: inset 0px -1px 0px #676c71;
-o-transition: color .2s ease-in-out;
box-shadow: inset 0px -1px 0px #676c71;
transition: color .2s ease-in-out;
}
menu#principal li.active a {color: #fff;}
menu#principal li:hover {
background: rgba(0,0,0,.1);
}
menu#principal li:hover a {
color: #fff;
}
menu#principal li.active {
color: #fff;
background: rgba(0,0,0,.2);
}
.thumbs-menu {
width: 75px;
height: 55px;
display: block;
margin: 0 auto;
background: url(../img/ico-menu.png) no-repeat;
}
.avatar {
width: 48px; height: 48px; border: 1px solid #373b41;
margin: 0 auto;
position: relative;
top: -7px;
-webkit-box-shadow: 0px 1px 0px #54585e;
-moz-box-shadow: 0px 1px 0px #54585e;
-o-box-shadow: 0px 1px 0px #54585e;
box-shadow: 0px 1px 0px #54585e;
background: url(../img/avatar-example.png) no-repeat center;
}
.avatar.student{background: url(../img/avatar-example.png) no-repeat center;}
.avatar.prof {background: url(../img/avatar-plennevaux-example-nb.png) no-repeat center;}
.dashboard { background-position: -1px 0; }
.horaire { background-position: -75px 0; }
.cours { background-position: -150px 0; }
.ecole { background-position: -225px 0; }
.trombi { background-position: -298px 0; }
li.active .dashboard { background-position: -1px -55px; }
li.active .horaire { background-position: -75px -55px; }
li.active .cours { background-position: -150px -55px; }
li.active .ecole { background-position: -225px -55px; }
li.active .trombi { background-position: -298px -55px; }
/* FIN MENU GAUCHE */
/* HEADER CONTAINER */
#mini-container {
position: relative;
float: left;
overflow: hidden;
height: 100%;
}
@media screen and (max-width: 1024px) {
body {
overflow-x: scroll;
}
}
@media screen and (max-height: 600px) {
body {
overflow: visible;
}
}
#mini-container > header {
min-width: 1024px;
height: 72px;
display: block;
background: url(../img/container-header-bg.png);
border-bottom: 1px solid #272d34;
-webkit-box-shadow: inset 1px 0px 0px #52606c, inset 0px 2px 3px rgba(0,0,0,.2);
-moz-box-shadow: inset 1px 0px 0px #52606c, inset 0px 2px 3px rgba(0,0,0,.2);
-o-box-shadow: inset 1px 0px 0px #52606c, inset 0px 2px 3px rgba(0,0,0,.2);
box-shadow: inset 1px 0px 0px #52606c, inset 0px 2px 3px rgba(0,0,0,.2);
position: relative;
border-bottom: 1px solid #272d34;
}
#mini-container.tabbar > header {height: 98px;}
#mini-container header h1 {
line-height: 72px;
margin-left: 24px;
font-size: 24px;
color: #fff;
}
#mini-container header h1 a {
font-size: 24px;
color: #fff;
text-decoration: none;
text-shadow: 0px 2px 0px #252c32;
}
#mini-container header nav {
display: none;
position: absolute;
bottom: -1px;
left: 14px;
}
#mini-container.tabbar header nav { display: block;}
#mini-container header nav li {
display: inline-block;
width: 104px;
height: 25px;
background-color: #58626b;
float: left;
text-align: center;
line-height: 25px;
border-bottom: 1px solid #272d34;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-box-shadow: inset 0px 1px 0px #8a9198;
-moz-box-shadow: inset 0px 1px 0px #8a9198;
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-o-box-shadow: inset 0px 1px 0px #8a9198;
-o-transition: background .2s ease-in-out;
box-shadow: inset 0px 1px 0px #8a9198;
transition: background .2s ease-in-out;
}
#mini-container header nav li+li {margin-left: 1px;}
#mini-container header nav li a {
width: 100%;
height: 100%;
display: block;
color: #bec5cb;
text-shadow: 0px 1px 0px #4b545d;
text-decoration: none;
font-weight: 500;
font-size: 11px;
}
#mini-container header nav li:hover {
background: #656f78;
}
#mini-container header nav li.activ-tab {
background-color: #e1e6e8;
background-image: -moz-linear-gradient(top, rgba(0,0,0,.07), rgba(0,0,0,0) 90%);
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0, rgba(0,0,0,.07)),
color-stop(0.9, rgba(0,0,0,0))
);
border-bottom: 1px solid #e1e6e8;
-webkit-box-shadow: inset 0px 1px 0px #e7eaeb;
-moz-box-shadow: inset 0px 1px 0px #e7eaeb;
-o-box-shadow: inset 0px 1px 0px #e7eaeb;
box-shadow: inset 0px 1px 0px #e7eaeb;
}
#mini-container header nav li.activ-tab a {
color: #465355;
text-shadow: 0px 1px 0px #edf1f2;
}
/* FIN HEADER CONTAINER */
/* PICTOS */
.content-picto {
height: 16px;
width: 16px;
display: inline-block;
background: url(../img/ico-content.png) no-repeat;
position: relative;
}
.content-picto.masquee {
position: absolute;
top: 0;
left: -10px;
opacity: 0;
-webkit-transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-o-transition: opacity .2s ease-in-out;
transition: opacity .2s ease-in-out;
}
a:hover .content-picto.masquee {opacity: 1;}
.intern-link {top: 7px; background-position: -176px -3px; visibility: hidden;}
.intern-link.black { top: -2px; background-position: -176px -17px;}
.cadre:hover .intern-link {visibility: visible;}
.ptite-tete {background-position: 0px 1px;}
.ptite-tete.black {background-position: 0px -15px;}
.actu {background-position: -112px 2px;}
.actu.black {background-position: -112px -14px;}
.news {background-position: -208px 2px;}
.news.black {background-position: -208px -14px;}
.events {background-position: -192px 0px;}
.events.black {background-position: -192px -16px;}
.comment {background-position: -64px 3px;}
.comment.black {background-position: -64px -13px;}
.galerie {background-position: -96px 1px;}
.galerie.black {background-position: -96px -15px;}
.edit {background-position: -32px 3px;}
.edit.black {background-position: -32px -13px;}
.me {background-position: -160px 1px;}
.me.black {background-position: -160px -15px;}
.home {background-position: -256px -1px;}
.home.black {background-position: -256px -17px;}
.phone {background-position: -272px 1px;}
.phone.black {background-position: -272px -15px;}
.star {background-position: -48px 0px;}
.star.black {background-position: -48px -16px;}
.scolarite {background-position: -80px 2px;}
.scolarite.black {background-position: -80px -14px;}
.book {background-position: -128px 2px;}
.book.black {background-position: -128px -14px;}
.list-cours {background-position: -240px 2px;}
.list-cours.black {background-position: -240px -14px;}
.blackboard {background-position: -16px -1px;}
.blackboard.black {background-position: -16px -17px;}
header .blackboard {background-position: -16px 2px;}
header .blackboard.black {background-position: -16px -14px;}
.cours-donnes .blackboard {background-position: -16px 1px;}
.cours-donnes .blackboard.black {background-position: -16px -16px;}
.faq {background-position: -543px 1px;}
.faq.black {background-position: -543px -15px;}
.troiday {background-position: -304px 0px;}
.troiday.black {background-position: -304px -16px;}
.jv {background-position: -320px 2px;}
.jv.black {background-position: -320px -14px;}
.ai {background-position: -336px 0px;}
.ai.black {background-position: -336px -16px;}
.pp {background-position: -352px 0px;}
.pp.black {background-position: -352px -16px;}
.wm {background-position: -368px 2px;}
.wm.black {background-position: -368px -14px;}
.premiere {background-position: -400px 0px;}
.premiere.black {background-position: -400px -16px;}
.trombone {background-position: -288px 0px;}
.trombone.black {background-position: -288px -16px;}
.enveloppe {background-position: -224px 0px;}
.enveloppe.black {background-position: -224px -16px;}
.publish {background-position: -144px 0px;}
.arrow {background-position: -384px 2px;}
.arrow.black {background-position: -384px -14px;}
.bomb {background-position: -494px 0px;}
.bomb.black {background-position: -494px -16px;}
.bomb.red {background-position: -494px -32px;}
.heaj {background-position: -416px 2px;}
.heaj.black {background-position: -416px -14px;}
.heaj.red {background-position: -416px -30px;}
.warning {background-position: -431px 3px;}
.warning.black {background-position: -431px -13px;}
.warning.red {background-position: -431px -29px;}
.file {background-position: -512px 0px;}
.file.black {background-position: -512px -16px;}
.brief {background-position: -527px 0px;}
.brief.black {background-position: -527px -16px;}
a.faq-link:hover{
border-bottom-color: #b9c6ca !important;
}
/*#B9C6CA*/
/* FIN PICTOS */
/* CONTENT */
#mini-container #content {
height: 100%;
min-width: 904px;
overflow: auto;
padding: 14px 14px;
border-left: 1px solid #f7f8f8;
}
.cadre {
width: 63%;
min-width: 537px;
color: #3e4a4e;
font-size: 12px;
}
.petitCadre { width: 35%; min-width: 305px;}
.grandCadre {width: 100%;}
.halfCadre {width: 49%; min-width: 50px;}
.cadre header {position: relative;}
.cadre header h2 a, .cadre header h2 {
display: block;
border-bottom: 3px solid #b9c6ca;
height: 25px;
line-height: 25px;
font-size: 16px;
text-shadow: 0px 1px 0px #f1f4f5;
text-decoration: none;
color: #3e4a4e;
-webkit-transition: border .2s ease-in-out;
-moz-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
font-weight: bold;
}
.cadre.valves header h2 {font-size: 14px !important;}
.cadre header h2 a:hover {border-bottom-color: #3e4a4e;}
.cadre header h2 span {margin-left: 10px;}
.cadre header h2 span + span {margin-left: 6px;}
.bigFont {font-size: 18px !important;}
.cadre header h2 a.edition {
display: inline-block;
border: none;
font-size: 11px;
padding: 0 10px 0 6px;
background: rgba(255,255,255,0);
-webkit-transition: background .2s ease-in-out;
-moz-transition: background .2s ease-in-out;
-o-transition: background .2s ease-in-out;
transition: background .2s ease-in-out;
visibility: hidden;
}
.cadre:hover header h2 a.edition {visibility: visible;}
.cadre header h2 a.edition:hover {
background: rgba(255,255,255,.4);
}
.content-cadre { background-color: #fafcfc; overflow: auto; position: relative;}
.content-cadre ul {margin: 0; padding: 0;}
.content-cadre li {min-height: 32px; padding: 0 10px;}
.content-cadre li.my-actions {background: #eff5f7;}
.content-cadre li .content-li {
overflow: auto;
display: block;
}
.content-cadre li ul .content-li {overflow: visible;}
.content-cadre li li {min-height: 10px;margin-top: 7px; margin-left: 10px;}
.content-cadre li li a {text-decoration: none; color: #868e97; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out;}
.content-cadre li li a.active {font-weight: bold; color: #3e4a4e;}
.content-cadre li .content-li strong {
margin-left: 10px;
display: inline-block;
width: 65px;
}
a.classe {
color: #fff !important;
text-decoration: none !important;
font-weight: 500;
display: inline-block;
width: 40px;
padding: 3px 0;
margin: -3px 0 0 10px;
background-color: #3e4a4e;
text-align: center;
-webkit-transition: background-color .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out;
-o-transition: background-color .2s ease-in-out;
transition: background-color .2s ease-in-out;
}
a.classe:hover {background-color: #227899;}
// .content-cadre li:hover {background-color: #fff;}
.content-cadre li > em {margin-top: 13px; width: 48px; text-align: left;}
.content-cadre li .content-picto {margin-top: 10px;}
.content-cadre p {
margin-left: 10px;
line-height: 1.4em;
font-size: 1em;
padding: 12px 0 10px;
}
.content-cadre li + li p {border-top: 1px solid #e2e7e9;}
.content-cadre li.alert + li p {border: none;}
.content-cadre p a {
text-decoration: none;
color: #227899;
font-weight: bold;
}
.content-cadre p a:hover {text-decoration: underline;}
.content-cadre li.alert p {font-weight: bold; padding: 14px 0 12px; border: none;}
.content-cadre ul li.alert {border-bottom: 1px solid #e2e7e9;}
.content-cadre.list-coche li p {
border-top: none;
border-bottom: 1px solid #e2e7e9;
}
.content-cadre.list-coche li:last-child p {border: none;}
.content-cadre.list-coche li:last-child ul {margin-bottom: 10px;}
ul.socialnetwork {
position: absolute;
top: 0;
right: 0;
width: 31px;
height: 100%;
background: url(../img/bg-socialnetwork.png) repeat-y;
}
ul.socialnetwork li {
height: 19px;
width: 100%;
padding: 0;
margin: 5px 0 0 0;
min-height: 19px;
}
ul.socialnetwork li a {
display: block;
width: 19px;
height: 19px;
margin: 0 auto;
}
/* ICO SOCIAL NETWORK */
.mail {background: url(../img/ico-socialnetwork.png) no-repeat 0 0;}
.mail:hover {background: url(../img/ico-socialnetwork.png) no-repeat -20px 0;}
.twitter {background: url(../img/ico-socialnetwork.png) no-repeat 0 -20px;}
.twitter:hover {background: url(../img/ico-socialnetwork.png) no-repeat -20px -20px;}
.skype {background: url(../img/ico-socialnetwork.png) no-repeat 0 -40px;}
.skype:hover {background: url(../img/ico-socialnetwork.png) no-repeat -20px -40px;}
.facebook {background: url(../img/ico-socialnetwork.png) no-repeat 0 -60px;}
.facebook:hover {background: url(../img/ico-socialnetwork.png) no-repeat -20px -60px;}
/* DEBUT DOUBLE AVATAR */
.avatar-profil {
width: 95px;
height: 100%;
margin-left: 10px;
}
.avatar-profil .flip-container {
display: block;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border: 1px solid #000;
background: #2d343b;
-webkit-box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);
-moz-box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);
-o-box-shadow: inset 0px 0px 10px rgba(0,0,0,.5);
position: relative;
-webkit-perspective: 200;
-moz-perspective: 200;
-o-perspective: 200;
}
.avatar-profil .flip {
width: 100%;
height: 100%;
position: absolute;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform .3s ease-in-out, z-index .3s ease-in-out;
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
-moz-transition: -moz-transform .3s ease-in-out, z-index .3s ease-in-out;
-o-transform-style: preserve-3d;
-o-backface-visibility: hidden;
-o-transition: -moz-transform .3s ease-in-out, z-index .3s ease-in-out;
}
.avatar-profil .flip div {
-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
-webkit-transition: -webkit-box-shadow .3s ease-in-out .4s;
-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
-moz-transition: -moz-box-shadow .3s ease-in-out .4s;
-o-box-shadow: 0px 0px 0px rgba(0,0,0,0);
-o-transition: -moz-box-shadow .3s ease-in-out .4s;
}
.avatar-profil .face {
display: block;
background: url(/img/avatar-example-hd.png) no-repeat;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
float: none;
z-index: 1;
position: absolute;
top: 0;
left: 0;
}
.avatar-profil .pile {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
width: 80px;
height: 80px;
background: url(../img/img-tete.jpeg) no-repeat;
-webkit-transform:rotateY(180deg);
-webkit-backface-visibility: hidden;
-moz-transform:rotateY(180deg);
-moz-backface-visibility: hidden;
-o-transform:rotateY(180deg);
-o-backface-visibility: hidden;
}
.avatar-profil .face.prof {
background: url(../img/avatar-plennevaux-example.png) no-repeat;
}
.avatar-profil .pile.prof {
background: url(../img/avatar-default.png) no-repeat;
}
.avatar-profil .flip-container:hover .flip {
-webkit-transform: rotateY(180deg);
-webkit-transition: -webkit-transform .5s ease-in-out .7s, z-index .5s ease-in-out .7s;
-moz-transform: rotateY(180deg);
-moz-transition: -moz-transform .5s ease-in-out .7s, z-index .5s ease-in-out .7s;
-o-transform: rotateY(180deg);
-o-transition: -webkit-transform .5s ease-in-out .7s, z-index .5s ease-in-out .7s;
}
.avatar-profil .flip-container:hover .flip div {
-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.2);
-moz-box-shadow: 0px 2px 10px rgba(0,0,0,.2);
-o-box-shadow: 0px 2px 10px rgba(0,0,0,.2);
}
.avatar-profil .flip:hover .pile {z-index: 2;}
.avatar-profil .flip:hover .face {z-index: 0;}
/* FIN DOUBLE PROFIL */
.personal-gallery {margin: 0 15px 15px 0;}
.profil div > div {
padding: 0;
display: block;
}
.profil .content-li + .content-li {
margin-top: 20px;
}
.profil .content-li p {
padding: 0;
padding-top: 1px;
margin-left: 25px;
line-height: 1.5em;
max-width: 350px;
}
.profil .content-li:first-child p strong {
font-size: 18px;
font-weight: 500;
}
.profil .content-li p em {
font-size: 14px;
}
.profil .content-li p em span {color: #868e97; font-weight: 200;}
.profil .content-picto {margin-top: 2px;}
.normal-content h3 {margin-bottom: 10px;}
.normal-content h3 small {font-weight: normal; color: #868e97;}
.normal-content h3 ~ h3 {margin-top: 20px;}
.red {color: #db1515;}
.green {color: #1edb15;}
table.tab-cours {width: 100%;}
table.tab-cours td {
border: 1px solid #bdc9cd;
}
table.tab-cours thead th {background: #f0f4f5; border: 1px solid #bdc9cd; height: 26px; vertical-align: middle; text-shadow: 0px 1px 0px #fff;}
table.tab-cours thead th:first-child {background: none; border: none;}
table.tab-cours td {height: 26px; vertical-align: middle; padding: 3px 0 3px 10px;}
table.tab-cours td+td {width: 30%;}
table.tab-cours td:last-child {width: 60px; text-align: center; padding-left: 0;}
table.tab-cours tbody th {
width: 16px;
font-size: 10px;
vertical-align: middle;
}
.petiteGalerie li img {
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid #5d6e76;
-webkit-box-shadow: 0px 1px 0px #fff;
-moz-box-shadow: 0px 1px 0px #fff;
-webkit-transition: border-color .2s ease-in-out;
-moz-transition: border-color .2s ease-in-out;
}
.petiteGalerie li img:hover {border-color: #b0c0c7;}
.cours-donnes ul {
margin-left: 25px;
overflow: auto;
width: 350px;
}
.cours-donnes ul li {
min-height: 1px;
line-height: 1.5em;
margin: 0;
padding: 0;
display: inline;
}
.cours-donnes ul li + li {border: none; padding: 0;}
.cours-donnes ul li:after {content: ",";}
.cours-donnes ul li:last-child:after {
content: "";
}
.cours-donnes ul li a {color: #868E97; text-decoration: underline;}
.cours-donnes ul li a:hover {color: #227899;}
.cours-donnes p ~ p {
margin-top: 10px;
}
/* FIN CONTENT */
/* PAGE WHO'S WHO */
ul#program li {
padding: 0;
height:112px;
}
ul#program li + li {margin-top: 10px;}
ul#program li ul li {margin: 0; width: 20%;}
ul#program li p { border: none;}
ul#program li ul li a {
background: #cad5d8;
color: #869599;
text-shadow: 0px 1px 0px rgba(236, 242, 244, 1);
font-weight: bold;
line-height: 112px;
text-align: center;
position: relative;
-webkit-transition: all .2s ease-in-out;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0);
-moz-transition: all .2s ease-in-out;
-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0);
-o-transition: all .2s ease-in-out;
-o-box-shadow: 0px 0px 3px rgba(0,0,0,0);
}
ul#program li ul li a:hover {
background: #40bae9;
color: #fff;
-webkit-box-shadow: 0px 0px 3px rgba(64, 186, 233, .5);
-moz-box-shadow: 0px 0px 3px rgba(64, 186, 233, .5);
-o-box-shadow: 0px 0px 3px rgba(64, 186, 233, .5);
box-shadow: 0px 0px 3px rgba(64, 186, 233, .5);
text-shadow: 0px 1px 0px rgba(236, 242, 244, 0);
}
ul#program li ul li a em {position: absolute; top: 5px; left: 5px; color: #fff; text-shadow: none; line-height: normal;}
ul#program li ul li a strong {font-size: 16px;}
ul#program li ul li a {width: 100%; height: 100%; display: block;}
ul#program li ul li#group1 {width: 100%;}
ul#program li ul li#group1 a strong { font-size: 40px;}
ul#program li ul li#group2 {width: 20%;}
ul#program li ul li#group2 a { width: 80%; margin: 0 auto;}
ul#program li ul li#group3 {width: 20%;}
ul#program li ul li#group3 a { width: 75%; margin: 0 auto;}
ul#program li ul li#group4 {width: 20%;}
ul#program li ul li#group4 a { width: 55%; margin: 0 auto;}
ul#program li ul li#group5 {width: 20%;}
ul#program li ul li#group5 a { width: 55%; margin: 0 auto;}
ul#program li ul li#group6 {width: 20%;}
ul#program li ul li#group6 a { width: 35%; margin: 0 auto;}
ul#program li ul li#group7 {width: 20%;}
ul#program li ul li#group7 a { width: 40%; margin: 0 auto;}
ul#program li ul li#group8 {width: 20%;}
ul#program li ul li#group8 a { width: 10%; margin: 0 auto;}
ul#program li ul li#group9 {width: 20%;}
ul#program li ul li#group9 a { width: 60%; margin: 0 auto;}
ul#program li ul li#group10 {width: 20%;}
ul#program li ul li#group10 a { width: 20%; margin: 0 auto;}
ul#program li ul li#group11 {width: 20%;}
ul#program li ul li#group11 a { width: 25%; margin: 0 auto;}
/* PROFS */
.list-avatars li {margin: 0; padding: 0 0 20px 0; overflow: auto; position: relative;}
.list-avatars li:first-child ul.socialnetwork.col2{top: 0;}
.list-avatars li + li {padding-top: 20px; border-top: 1px solid #E2E7E9;}
.list-avatars li p {border: 0 !important; width: 350px; margin-left: 25px; padding: 0;}
.list-avatars li .content-li strong {width: auto; margin: 2px 0 0;}
.list-avatars p:first-child a:first-child {font-size: 13px;}
.list-avatars .cours-donnes {margin-top: 15px;}
.content-cadre.list-coche p a {color: #868E97;}
.content-cadre.list-coche p a.active {color: #227899;}
.content-cadre.list-coche li li a:hover {color: #3E4A4E;}
ul.socialnetwork.col2 { background: none; width: 50px; height: auto; top: 5px;}
ul.socialnetwork.col2 li {
border: none;
width: 24px;
}
ul.socialnetwork.col2 li +li {padding: 0;}
p a.style2 {color: #3E4A4E; font-weight: normal; font-style: italic;}
.list-avatars .avatar-profil {text-align: left; width: 95px; margin-left: 0;}
/* FIN PAGE WHO'S WHO */
/* BREADCRUMBS */
#mini-container header h1 {
font-size: 24px;
color: #fff;
text-decoration: none;
text-shadow: 0px 2px 0px #252c32;
overflow: hidden;
}
#mini-container header .select-replace-cover{
position: relative;
display: inline-block;
z-index: 0;
text-align: left;
overflow: hidden;
border: 1px solid rgba(0,0,0,0);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
padding-right: 7px;
}
#mini-container header select{
position: absolute;
visibility: visible;
opacity: 0;
left: 0px;
z-index: 1;
-webkit-appearance: menulist-button;
-moz-appearance: menulist-button;
-o-appearance: menulist-button;
appearance: menulist-button;
height: 37px;
width: 100%;
cursor: pointer;
}
#mini-container header .select-replace{
display: inline-block;
padding: 7px 20px 7px 7px;
white-space: nowrap;
background: url(../img/arrows.png) no-repeat right 16px;
line-height: 24px;
vertical-align: center;
}
#mini-container header .select-replace-cover:hover{
background: rgba(255,255,255,.04);
border: 1px solid #5c656d;
}
/* FIN BREADCRUMBS */
/* Drop down Ajout - brief - event - seminaire */
#ajout-dropdown, #notif{
position: relative;
}
#ajout-dropdown ul li span, #notif ul li span {
display: block;
width: 10px;
height: 7px;
background: url(../img/fleche-popup-top.png) no-repeat 0 0;
position: absolute;
top: -6px;
left: 21px;
}
#notif ul li span {
left: 102px;
}
.student ul li span {
left: 22px !important;
}
#ajout-dropdown ul#ajout-choix, #notif ul#notifications {
display: none;
position: absolute;
z-index: 300;
background: #2a3239 ;
color: red;
border: 1px solid #162123;
margin: 0;
left: -16px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-msie-border-radius: 3px;
border-radius: 3px;
min-width: 132px;
box-shadow: 0px 2px 5px rgba(0,0,0,.5);
-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.5);
-moz-box-shadow: 0px 2px 5px rgba(0,0,0,.5);
-o-box-shadow: 0px 2px 5px rgba(0,0,0,.5);
box-shadow: 0px 2px 5px rgba(0,0,0,.5);
}
#ajout-dropdown ul#ajout-choix li, #notif ul#notifications li{
line-height: normal;
z-index: 301;
width: 100%;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
#ajout-dropdown ul#ajout-choix li:first-child, #notif ul#notifications li:first-child {position: relative;}
#ajout-dropdown ul#ajout-choix li + li, #notif ul#notifications li + li {border-top: 1px solid #162123;}
#ajout-dropdown ul#ajout-choix li a, #notif ul#notifications li a {
background: none;
display: block;
text-decoration: none;
color: #fff;
font-size: 11px;
font-weight: 500;
height: 100%;
text-shadow: 0px 1px 0px #162123;
padding: 10px;
}
#ajout-dropdown ul#ajout-choix li:hover, #notif ul#notifications li:hover {
background-color: #cf1500;
-webkit-box-shadow: inset 0 1px 0px rgba(255,255,255,0.3);
-moz-box-shadow: inset 0 1px 0px rgba(255,255,255,0.3);
-o-box-shadow: inset 0 1px 0px rgba(255,255,255,0.3);
box-shadow: inset 0 1px 0px rgba(255,255,255,0.3);
}
#ajout-dropdown ul#ajout-choix li:hover a, #notif ul#notifications li:hover a {text-shadow: 0px 1px 0px #800200;}
#ajout-dropdown ul#ajout-choix li:last-child:hover, #notif ul#notifications li:last-child:hover { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
#ajout-dropdown ul#ajout-choix li:first-child:hover, #notif ul#notifications li:first-child:hover { border-top-left-radius: 3px; border-top-right-radius: 3px;}
#ajout-dropdown ul#ajout-choix li:first-child:hover span, #notif ul#notifications li:first-child:hover span {background: url(../img/fleche-popup-top.png) no-repeat -10px 0;}
#notif ul#notifications {
width: 370px;
left: -93px;
}
.student ul#notifications {
left: -16px !important;
}
#notif ul#notifications li p {
line-height: 1.4em;
}
#notif ul#notifications li p a {
color: #d9dadb;
}
#notif ul#notifications li p a em {color: #fff;}
#notif ul#notifications li:last-child a {
text-align: center;
padding: 5px 0;
color: #fff;
background-color: #1b2126;
}
#notif ul#notifications li:last-child:hover a {text-shadow: 0px 1px 0px #162123;}
/* Fin Drop down Ajout - brief - event - seminaire */
/* HEADER ROLLOVER */
#mini-container header>.wrapper{
overflow: hidden;
margin-left: 24px;
}
#mini-container header #breadcrumbs{
display: inline;
color: #a9b0b7;
font-size: 18px;
font-weight: bold;
text-shadow: 0px 2px 0px #252c32;
-webkit-transition: margin-left .2s ease-in-out .8s;
-moz-transition: margin-left .2s ease-in-out .8s;
}
#mini-container header .wrapper:hover #breadcrumbs {
-webkit-transition: margin-left .5s ease-in-out 1s;
-moz-transition: margin-left .5s ease-in-out 1s;
}
#mini-container header #breadcrumbs img{
margin: 0 10px;
}
#mini-container header #breadcrumbs a{
color: #a9b0b7;
text-decoration: none;
display: inline;
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
#mini-container header #breadcrumbs a:hover { color: #bec5cc;}
#mini-container header #breadcrumbs h1 {
display: inline;
font-size: 24px;
color: #fff;
margin-left: 0;
}
/*
#mini-container header #breadcrumbs a{
background: url(../img/h1-separator.png) no-repeat left 15px;
padding-left: 10px;
}
*/
#mini-container header .select-replace-cover{
position: relative;
display: inline-block;
z-index: 0;
text-align: left;
overflow: hidden;
border: 1px solid rgba(0,0,0,0);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
padding-right: 7px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
background: rgba(255,255,255,0);
}
@-moz-document url-prefix() {
#mini-container header .select-replace-cover{ top: 13px;}
}
#mini-container header select{
position: absolute;
visibility: visible;
opacity: 0;
left: 0px;
z-index: 1;
-webkit-appearance: menulist-button;
height: 37px;
width: 100%;
cursor: pointer;
}
#mini-container header .select-replace{
display: inline-block;
padding: 7px 15px 7px 7px;
white-space: nowrap;
background: url(../img/arrows.png) no-repeat right 16px;
line-height: 24px;
vertical-align: center;
}
#mini-container header h1 .select-replace{
padding: 5px 20px 9px 7px;
}
#mini-container header .select-replace-cover:hover{
background: rgba(255,255,255,.04);
border: 1px solid #5c656d;
color: #bec5cc;
}
/* FIN HEADER ROLLOVER */
/* FORMULAIRES AJOUTS */
#bloc-left,
#bloc-right{
margin-bottom: 0;
}
.ajout-prof .cadre > .cadre,
.ajout-prof .petitCadre > .petitCadre{
width: 100%;
}
.ajout-prof .content-cadre li{
padding: 0;
min-height: inherit;
}
.ajout-prof .cadre{
}
.content-cadre .inputs li {
margin-top: 10px;
}
.content-cadre .inputs li:last-child {
margin-top: 3px;
}
.ajout-prof textarea{
resize: vertical;
margin-top: 5px;
}
.ajout-prof select,
.ajout-prof input,
.ajout-prof textarea{
background-color: #fff;
border: 1px solid #abb0b2;
font-size: 12px;
color: #555;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-msie-border-radius: 3px;
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
border-radius: 3px;
}
.inputs input,
.inputs textarea{
padding: 10px;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
}
.inputs select{
height: 10px;
-webkit-appearance: menulist-button;
width: 40%;
height: 30px;
}
.inputs input{
height: 30px;
padding: 0 10px;
margin-bottom: 5px;
}
.inputs textarea{
min-height: 250px;
}
#publish{
padding: 10px;
}
#publish #addclasses{
clear: both;
margin-bottom: 20px;
}
#publish #addclasses p{
float: left;
display: block;
width: 20%;
font-size: 13px;
padding: 0;
margin: 0;
}
#publish > #addclasses ul{
float: left;
width: 50%;
}
#publish > #addclasses ul li{
position: relative;
float: left;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #fff;
display: inline-block;
min-height: 10px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
-msie-border-radius: 2px;
border-radius: 2px;
margin: 0 4px 4px 0;
padding: 2px 16px 2px 4px;
background-color: #40bae9;
}
#publish > #addclasses ul li .remove{
position: absolute;
top: 0px;
right: 0;
display: block;
width: 15px;
height: 17px;
background: url(../img/croix.png) no-repeat 2px 5px;
}
#publish > #addclasses select{
float: right;
clear: right;
-webkit-appearance: menulist-button;
}
#publish article+ul{
margin-bottom: 20px;
}
#publish article+ul > li{
margin-bottom: 10px;
}
#publish article+ul > li label{margin-left: 7px;}
#publish .publish-actions li{
display: inline;
}
#publish .publish-actions a{
color: #444;
font-size: 13px;
font-weight: 500;
text-decoration: none;
margin-left: 7px;
}
#publish .publish-actions a:hover{
text-decoration: underline;
}
#publish .publish-actions #enregistrer{
float: right;
}
.ajout-prof .petitCadre .content-cadre article{
margin: 10px;
}
.ajout-prof .petitCadre .content-cadre article+article{
margin-top: 15px;
padding-top: 10px;
border-top: 1px solid #E2E7E9;
}
.ajout-prof .petitCadre h3{
color: #394149;
font-size: 11px;
}
.ajout-prof .plus{
font-weight: bold;
text-decoration: none;
font-size: 11px;
margin-top: 5px;
display: inherit;
color: #297999;
cursor: pointer;
}
.ajout-prof .plus:hover{text-decoration: underline;}
.lien-joint li{
position: relative;
}
.fichier-joint li{
position: relative;
text-indent: 30px;
margin-top: 10px;
line-height: 27px;
background: url(../img/ico-files.png) no-repeat left center;
font-weight: 600;
color: #747f83;
}
.fichier-joint .remove,
.lien-joint .remove{
position: absolute;
width: 8px;
height: 8px;
top: 10px;
right: 0;
background: url(../img/croix.png) no-repeat center right;
}
.lien-joint .remove{top: 20px;}
#publier-lien ul li{
width: 100%;
padding-top: 10px;
}
#publier-lien ul li input{
padding-left: 3px;
margin-left: 3px;
min-width: 60%;
padding: 6px;
}
#deadline-picker ul li{
margin-top: 10px;
margin-left: 20px;
position: relative;
}
#deadline-picker ul li p.note{
font-weight: 600;
display: none;
}
#deadline-picker ul #nb-cours:focus + .note{
display: block;
color: #555;
font-size: 11px;
border: none;
margin: 0;
}
#deadline-picker ul #nb-cours:focus + p + .radio,
#deadline-picker ul #datepicker:focus + .radio,
#deadline-picker ul #semaine-num:focus + .radio{background-position: top -15px;}
#deadline-picker ul li span{
width: 35%;
display: inline-block;
}
#deadline-picker ul li#a-determiner span{
line-height: 24px;
}
#deadline-picker ul li span.radio{
background: url(../img/radio.png) no-repeat top left;
position: absolute;
width: 14px;
height: 13px;
left: -20px;
top: 5px;
}
#deadline-picker ul li input:focus + span.radio{
background: url(../img/radio.png) no-repeat -15px top;
}
#deadline-picker input,
#publier-lien input{
margin-top: -2px;
}
#deadline-picker input{
padding: 6px;
width: 125px;
}
#deadline-picker input[type=number]{width: 60px;}
#deadline-picker #datepicker{
background: url(../img/mini-calendar.png) no-repeat right;
}
#precisions textarea{
width: 98%;
padding: 3px;
margin-top: 10px;
min-height: 40px;
}
.wysiwyg {
height: 23px;
}
.wysiwyg li {
float: left;
cursor: pointer;
min-width: 24px;
height: inherit;
line-height: 22px;
padding: 0 5px;
background-color: #fff;
display: inline-block;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid #abb0b3;
text-align: center;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1)));
background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,.1));
}
.wysiwyg li.multi-group {
border: none;
background: none;
}
.wysiwyg > li + li {
margin-left: 4px !important;
}
.wysiwyg li ul {
display: inline-block;
}
.wysiwyg li.multi-group ul li { border-radius: 0;}
.wysiwyg li.multi-group ul li:first-child {
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-right: none;
}
.wysiwyg li.multi-group ul li:last-child {
-webkit-border-bottom-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-topright: 3px;
border-left: none;
}
.wysiwyg li span {
display: inline-block;
width: 16px;
height: 16px;
margin: 0 !important;
position: relative;
top: 2px;
}
.gras {background: url(../img/wysiwyg-elem.png) -1px 0;}
.wysiwyg li li:active .gras {background: url(../img/wysiwyg-elem.png) -1px 19px;}
.italique {background: url(../img/wysiwyg-elem.png) -16px 0;}
.wysiwyg li li:active .italique, .wysiwyg li li.active .italique {background: url(../img/wysiwyg-elem.png) -16px 19px;}
.souligne {background: url(../img/wysiwyg-elem.png) -31px 0;}
.wysiwyg li li:active .souligne {background: url(../img/wysiwyg-elem.png) -31px 19px;}
.list-puce {background: url(../img/wysiwyg-elem.png) -47px 0;}
.wysiwyg li:active .list-puce {background: url(../img/wysiwyg-elem.png) -47px 19px;}
.list-num {background: url(../img/wysiwyg-elem.png) -64px 0;}
.wysiwyg li:active .list-num {background: url(../img/wysiwyg-elem.png) -64px 19px;}
.justify-left {background: url(../img/wysiwyg-elem.png) -81px 0;}
.wysiwyg li li:active .justify-left {background: url(../img/wysiwyg-elem.png) -81px 19px;}
.justify-center {background: url(../img/wysiwyg-elem.png) -96px 0;}
.wysiwyg li li:active .justify-center {background: url(../img/wysiwyg-elem.png) -96px 19px;}
.justify-right {background: url(../img/wysiwyg-elem.png) -112px 0;}
.wysiwyg li li:active .justify-right {background: url(../img/wysiwyg-elem.png) -112px 19px;}
.taille-lettre {background: url(../img/wysiwyg-elem.png) -128px 0;}
.wysiwyg li:active .taille-lettre {background: url(../img/wysiwyg-elem.png) -128px 19px;}
.link {background: url(../img/wysiwyg-elem.png) -146px 0;}
.wysiwyg li:active .link {background: url(../img/wysiwyg-elem.png) -146px 19px;}
.wysiwyg li:active, .wysiwyg li.active {
background-color: #969c9f;
border-color: #464d51;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.43)), to(rgba(0,0,0,0)));
background-image: -moz-linear-gradient(top, rgba(0,0,0,.43), rgba(0,0,0,0));
-webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);
-moz-box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);
}
/* page seminaire */
#heure{
margin: 10px 0;
float: left;
min-width: 50%;
}
#heure li,
article.seminaire-overview #periode li{
margin-top: 10px;
margin-left: 10px;
}
article.seminaire-overview #periode{
min-width: 40%;
float: left;
margin-top: 10px;
}
article.seminaire-overview #periode span,
article.seminaire-overview #heure span{
line-height: 20px;
min-width: 25px;
display: inline-block;
}
article.seminaire-overview #periode input{
padding: 6px;
background: url(../img/mini-calendar.png) no-repeat right #fff;
}
article.seminaire-overview #heure input{
padding: 6px;
width: 80px;
}
article.seminaire-overview .separator{
height: 0px;
}
.infos-seminaire{
margin-top: 10px;
}
#deadline-picker input[type=checkbox]{
width: auto;
}
#deadline-picker label{
color: #3E4A4E !important;
}
#deadline-picker > p{
line-height: 20px;
margin: 0 0 10px;
}
#deadline-picker > p > input{vertical-align: middle;}
#deadline-picker > p > label{margin-left: 5px; font-weight: 500;}
.cadre-remise.inactive,
.cadre-remise.inactive h3{
color: gray;
}
/* page event */
.joindre-affiche .content-cadre > #publier-fichier{
border: 3px dashed #aaa;
text-align: center;
min-height: 100px;
}
.joindre-affiche #depot p{
font-size: 13px;
font-weight: 600;
margin: 15px 15px 0 15px;
padding: 0;
}
.joindre-affiche #depot small{
font-style: italic;
font-size: 12px;
line-height: 40px;
}
.joindre-affiche #depot input{
margin-bottom: 15px;
border: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
}
/* FIN AJOUT BRIEFING */
/* Horaire */
button {
background-color: #455359;
border: 1px solid #293236;
border-radius: 3px;
height: 25px;
line-height: 25px;
-webkit-box-shadow: inset 0px 1px 0px #7d878b, 0px 1px 0px rgba(255,255,255,.5);
-moz-box-shadow: inset 0px 1px 0px #7d878b, 0px 1px 0px rgba(255,255,255,.5);
-o-box-shadow: inset 0px 1px 0px #7d878b, 0px 1px 0px rgba(255,255,255,.5);
box-shadow: inset 0px 1px 0px #7d878b, 0px 1px 0px rgba(255,255,255,.5);
margin: 0; padding: 0 7px;
cursor: pointer;
position: relative;
color: #fff;
font-size: 12px;
font-weight: 500;
}
button.blue, .blue {
background-color: #40bae9;
border: 1px solid #297999;
-webkit-box-shadow: inset 0px 1px 0px #7acff0;
-moz-box-shadow: inset 0px 1px 0px #7acff0;
-o-box-shadow: inset 0px 1px 0px #7acff0;
box-shadow: inset 0px 1px 0px #7acff0;
}
button span {
position: absolute;
top: 0;
}
button:active {
background-color: #354247;
-webkit-box-shadow: inset 0px 1px 0px #535e62;
-moz-box-shadow: inset 0px 1px 0px #535e62;
-o-box-shadow: inset 0px 1px 0px #535e62;
box-shadow: inset 0px 1px 0px #535e62;
}
button.blue:active, .blue:active {
background-color: #3bacd9;
-o-box-shadow: inset 0px 1px 0px #7acff0;
-webkit-box-shadow: inset 0px 1px 0px #7acff0;
-moz-box-shadow: inset 0px 1px 0px #7acff0;
box-shadow: inset 0px 1px 0px #7acff0;
}
a.bouton-checkbox{
color: #999;
font-weight: 500;
font-size: 12px;
display: inline-block;
border: 1px solid #abb0b3;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
text-shadow: 0px 1px 0px #fff;
text-decoration: none;
background: url(../img/bg-second-btn.png) repeat-x;
}
a.bouton-checkbox.checked{color: #333;}
a.bouton-checkbox.checked span.checkbox.remise{background-position: -22px top;}
a.bouton-checkbox.checked span.checkbox.seminaire{background-position: -44px top;}
a.bouton-checkbox.checked span.checkbox.event{background-position: -11px top;}
a.bouton-checkbox.checked span.checkbox.secretariat{background-position: -33px top;}
a.bouton-checkbox.checked span.checkbox.examens{background-position: -55px top;}
a.bouton-checkbox > span{
padding: 5px 7px;
display: block;
}
a.bouton-checkbox span.checkbox{
background: url(../img/checkbox.png) no-repeat left top;
float: left;
height: 11px;
width: 11px;
margin-top: 2px;
margin-right: 7px;
}
#weekly-zap .button-3 {margin-left: 10px;}
#gauche, #droite {
width: 25px;
margin: 0;
text-indent: -9999px;
}
#gauche {
border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: 1px solid #7d878b;
background-image: url(../img/fleche-gauche.png);
background-repeat: no-repeat;
background-position: 8px 8px;
}
#droite {
border-bottom-left-radius: 0; border-top-left-radius: 0; border-left: 1px solid #7d878b;
background-image: url(../img/fleche-droite.png);
background-repeat: no-repeat;
background-position: 10px 8px;
}
#middle {border-radius: 0;}
hr.page-horaire.separator {height: 5px;}
.page-horaire table {
width: 100%;
border-right: 1px solid #adb8bd;
}
.page-horaire thead th {
height: 40px;
vertical-align: middle;
}
.page-horaire th {vertical-align: middle;}
.page-horaire tr.pause td {
height: 5px; background: #f3f4f5;
z-index: 9;
}
.page-horaire tbody td {
background: #fff;
height: 45px;
border: 1px solid #cdd2d4;
width: 15%;
}
.page-horaire tbody td:first-child {background: red !important;}
.page-horaire th:first-child {
border-right: 1px solid #adb8bd;
text-align: right;
padding-right: 15px;
background: none;
}
.page-horaire th + th {
border-right: 1px solid #adb8bd;
-webkit-box-shadow: inset -1px 0px 0px #e9edef;
-moz-box-shadow: inset -1px 0px 0px #e9edef;
-o-box-shadow: inset -1px 0px 0px #e9edef;
box-shadow: inset -1px 0px 0px #e9edef;
}
.page-horaire tbody th {
color: #5b6366;
font-weight: normal;
text-shadow: 0px 1px 0px #F1F4F5;
}
.page-horaire thead th {
color: #a9b1b5;
text-shadow: 0px 1px 0px #F1F4F5;
}
.page-horaire thead th strong {
color: #747f83;
}
.page-horaire tbody td.h-cours > div{
position: relative;
}
.page-horaire tbody td.h-cours p{
background-color: rgba(6,186,233,.7);
position: absolute;
width: 99%;
height: 187px;
top: 1px;
left: 1px;
margin-right: -30px;
color: #fff;
line-height: 16px;
font-size: 12px;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.page-horaire tbody td.h-cours p.tp{background-color: rgba(246,91,60,.8);}
.page-horaire tbody td.h-cours p.tp span.top{background-color: rgba(246,91,60,1);}
.page-horaire tbody td.h-cours p span.top{
background-color: rgba(6,186,233,1);
display: block;
line-height: 16px;
padding-right: 4px;
font-size: 11px;
text-indent: 5px;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
}
.page-horaire tbody td.h-cours p .padded{
display: inline-block;
padding: 5px;
}
.page-horaire tbody td.h-cours p .padded em{
font-weight: 500;
}
.page-horaire tbody td.h-cours.deux p{
height: 89px;
}
.page-horaire tbody td.h-cours p .rappel{
background: url(../img/ico-horaire-rappel.png) no-repeat;
width: 28px;
height: 28px;
display: block;
position: absolute;
top: -3px;
right: -5px;
}
#weekly-zap > div.left{
position: relative;
}
#select-classe{
display: none;
position: absolute;
z-index: 300;
width: 205px;
height: auto;
left: 0;
margin-left: -77px;
top: 31px;
color: #222;
background: #2A3239;
border: 1px solid #162123;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-msie-border-radius: 3px;
border-radius: 3px;
box-shadow: 0px 2px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
-o-box-shadow: 0px 2px 5px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: 0px 2px 5px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
#select-classe > span{
display: block;
width: 10px;
height: 7px;
background: url(../img/fleche-popup-top.png) no-repeat 0 0;
position: absolute;
top: -6px;
left: 97px;
z-index: 400;
}
#select-classe > ul#choix-groupe{
margin: 6px 10px;
}
#select-classe > ul#choix-groupe li+li{ margin-left: 5px;}
#select-classe ul#choix-groupe a{
text-decoration: none;
color: #bbb;
cursor: pointer;
}
#select-classe ul#choix-groupe a.active{font-weight: 500; color:#fff;}
#select-classe ul#choix-groupe a:hover{color:#fff;}
#select-classe ul#choix-groupe li{display: inline;}
#select-classe ul.left{
margin: 0 0 6px 10px;
}
#select-classe ul.left li a{
color: #fff;
text-decoration: none;
}
#select-classe ul.left li a:hover{color: #308eb2;}
#select-classe ul.left li a.active{color: #308eb2;}
/* fin horaire */
/* CALENDRIER */
.filtre{
margin-bottom: 15px;
}
.filtre p{
float: left;
font-weight: bold;
line-height: 26px;
}
.filtre ul li{
float: left;
margin-left: 10px;
line-height: 14px;
}
.filtre ul li label{
margin-left: 5px;
}
.mois{
text-shadow: 0px 1px 0px rgba(255,255,255,.8);
float: left;
margin: 0px 40px 40px 0;
min-height: 240px;
cursor: default;
}
.mois caption{
font-size: 18px;
line-height: 30px;
color: #747f83;
font-weight: 500;
}
.mois > table{
width: 256px;
/* height: 170px;*/
}
.mois > table tr{
height: 30px;
}
.mois thead > tr > th{
padding-bottom: 10px;
text-transform: uppercase;
font-size: 9px;
color: #747f83;
}
.mois td,
.mois th{
position: relative;
font-weight: normal;
text-align: center;
display: table-cell;
vertical-align: middle;
font-size: 12px;
line-height: 18px;
max-width: 32px;
}
.mois td {
text-shadow: 0px 1px 5px rgba(255,255,255,1);
}
/*
.mois td:active {
background: -webkit-gradient(radial,center center,0,center center,15,from(rgba(255,255,255,.7)),to(rgba(255,255,255,0)));
background: -moz-radial-gradient(50% 50% 90deg,circle cover, rgba(255,255,255,1), rgba(255,255,255,.2) 60%, rgba(255,255,255,0) 100%);
}*/
.mois .semaine{
background-color: #dbe0e1;
color: #bbb;
}
.mois thead .semaine{
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
.mois tbody tr:first-child .semaine{
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}
.mois tbody tr:last-child .semaine{
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
}
.mois #current-day{
background-color: #ced2d4;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-box-shadow: inset 0 0 9px rgba(0,0,0,.3), 0px 1px 0px rgba(255,255,255,.6);
-moz-box-shadow: inset 0 0 9px rgba(0,0,0,.3), 0px 1px 0px rgba(255,255,255,.6);
}
.mois #current-week{
background: url(img/mini-fleche.png) no-repeat left center #dbe0e1;
}
.mois td > div {
font-weight: 600;
position: relative;
}
.mois .notif{
position: absolute;
display: block;
bottom: -8px;
width: 6px;
height: 6px;
border-radius: 6px;
margin-left: -3px;
left: 50%;
}
.mois .notif + .notif{
margin-left: 6px;
}
.mois .notif.remise{background-color: #f57b51;}
.mois .notif.seminaire{background-color: #3ac1e5;}
.mois .notif.event{background-color: #60bd6d;}
.mois .notif.secretariat{background-color: #9a7eb4;}
.mois .notif.examen{background-color: #d1a666;}
.mois .conge{
color: #bbb;
}
.mois .point{
display: block;
margin: 0 auto;
width: 4px;
height: 4px;
background-color: #bbb;
border-radius: 4px;
}
/* FIN CALENDRIER */
/* INDEX */
.index .normal-content form > p {
margin: 0; padding: 0;
font-weight: bold;
text-shadow: 0px 1px 0px rgba(255,255,255,.5);
}
.index .normal-content p small {font-weight: normal; font-size: 11px;}
.index .normal-content p a {
font-size: 11px;
}
.index .normal-content input[type=text], .index .normal-content input[type=password] {
margin-top: 5px;
width: 50%;
height: 30px;
color: #a3a6a8;
border-radius: 3px;
border: 1px solid #aeb3b6;
-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,.15), 0px 1px 0px rgba(255,255,255,.3);
-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,.15), 0px 1px 0px rgba(255,255,255,.3);
padding: 0 5px;
}
.index input[type=text], .index input[type=password], textarea, input[type=url], input[type=text], input[type=number], input[type=date], input[type=text]#rech-cat {
color: #A9A9A9 !important;
}
.index input[type=text]:focus, .index input[type=password]:focus, textarea:focus, input[type=url]:focus, input[type=text]:focus, input[type=number]:focus, input[type=date]:focus, input[type=text]#rech-cat:focus {
-webkit-box-shadow: 0px 0px 3px rgba(64, 186, 233, .5);
border: 1px solid #40bae9;
color: #555 !important;
}
.index .normal-content p + p {margin-top: 10px;}
.index .normal-content p:last-child {margin-top: 20px;}
.index label#checkbox {position: relative;left: 5px;top:2px;}
.locaux .content-cadre {
text-align: center;
min-height: 300px;
}
.locaux .content-cadre img {
margin-top: 20px;
}
/* FIN INDEX */
/* VIGNETTE */
.projet{
position: relative;
display: block;
background-color: #fff;
height:200px;
width: 180px;
font-size: 11px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
float: left;
margin: 0 10px 10px 0;
}
.projet p{
margin: 0 !important;
padding: 0;
line-height: auto;
font-size: 11px;
}
.project-name{
font-size: 12px;
}
.bandeau{
font-size: 12px;
bottom: 0;
height: 22px;
line-height: 30px;
color: #666;
margin: 0 8px;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
a.auteur{
cursor: pointer;
color: #666;
}
.auteur:hover{
text-decoration:underline;
}
.nom-projet{
font-weight: 600;
color: #111;
}
.projet-description{
margin: 5px 5px 0;
position: relative;
height: 166px;
}
.figure{
margin: 0 !important;
}
.projet-description .tags{
position: absolute;
bottom: 0;
left: 0;
background-color: #aaa;
color: #fff;
width: 164px;
padding: 3px;
line-height: 14px;
}
.projet-metas{
visibility: hidden;
position: absolute;
background-color: rgba(255,255,255,.8);
width: 160px;
height: 128px;
font-size: 11px;
color: #666;
padding: 15px 5px 5px;
line-height: 16px;
}
.projet-metas .date{
margin-bottom: 10px;
}
.projet-description:hover > .projet-metas{
visibility: visible;
}
.projet-metas strong{
font-size: 14px;
font-weight: 600;
color: #111;
}
.projet-metas > a.lien-projet{
font-weight: 600;
font-size: 13px;
color: #227899;
text-decoration: none;
cursor: pointer;
line-height: 30px;
}
.projet-metas > a.lien-projet:hover{
text-decoration: underline;
}
.liked .projet-metas .etoile{
position: absolute;
top: 0;
right: 0;
width: 18px;
height: 18px;
background: url(../img/ico-liked.png) no-repeat 5px 1px #fff;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
}
/* FIN VIGNETTE */
/* TIMER */
@-webkit-keyframes timerAnim {
from {-webkit-transform: rotate(0deg);}
20% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes timerAnim {
from {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
20% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100% {-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes timerAnimOpa {
from {opacity: 0;}
20% {opacity: 1;}
80% {opacity: 1;}
to {opacity: 0;}
}
@-moz-keyframes timerAnimOpa {
from {opacity: 0;}
20% {opacity: 1;}
80% {opacity: 1;}
to {opacity: 0;}
}
#timer {
display: inline-block;
width: 18px; height: 17px;
background: url(../img/timer-cadran.png) no-repeat;
position: relative;
overflow: hidden;
left: 10px;
top: 1px;
opacity: 0;
}
#timer span {
display: block;
position: absolute;
width: inherit; height: inherit;
background: url(../img/timer-aiguille.png) no-repeat;
}
.wrapper:hover #timer {
-webkit-animation: timerAnimOpa 1.2s ease-in-out;
}
.wrapper:hover #timer span {
-webkit-animation: timerAnim 1s linear;
}
/* FIN TIMER */
/* PAGE COURS */
.group-selector select{
background-color: #fff;
color: #555;
font-size: 12px;
height: 24px;
border: 1px solid #abb0b2;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-msie-border-radius: 3px;
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
border-radius: 3px;
}
.inputs select{
height: 10px;
-webkit-appearance: menulist-button;
width: 40%;
height: 30px;
}
.separator.page-cours{
height: 1px;
}
article.bloc-cours{
min-height: 100px;
padding: 10px 0;
}
article.bloc-cours+article.bloc-cours{
border-top: 1px solid #E2E7E9;
}
.resume-cours{
width: 63%;
}
.resume-cours h1{
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.resume-cours h1 small{
color: #666;
font-size: 12px;
font-weight: normal;
}
.resume-cours h1 a{
text-decoration: none;
color: #3E4A4E;
}
.resume-cours h1 a:hover{text-decoration: underline;}
.resume-cours > div > a{
color: #868E97;
font-size: 12px;
font-weight: 500;
text-decoration: none;
}
.resume-cours > div > a:hover{color: #227899;}
.cours-heures{
color: #40bae9;
font-size: 11px;
font-weight: 600;
margin: 10px 0;
padding: 0;
}
.cours-progression{
margin-left: 10px;
display: inline-block;
height: 12px;
max-width: 300px;
background-color: #e9e9e9;
-webkit-box-shadow: inset 0px 1px 4px #999;
-moz-box-shadow: inset 0px 1px 4px #999;
-o-box-shadow: inset 0px 1px 4px #999;
box-shadow: inset 0px 1px 4px #999;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
vertical-align: text-bottom;
}
.cours-progression .jauge{
display: block;
height: 10px;
background-color: #40bae9;
border: 1px solid #308eb2;
-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,.4);
-moz-box-shadow: inset 0px 1px 0px rgba(255,255,255,.4);
-o-box-shadow: inset 0px 1px 0px rgba(255,255,255,.4);
box-shadow: inset 0px 1px 0px rgba(255,255,255,.4);
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
background-color: #66c8ed;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1))),
-webkit-gradient(
linear,
left top,
right bottom,
color-stop(0.2, rgba(0,0,0,0)),
color-stop(0.2, rgba(0,0,0,.04)),
color-stop(0.4, rgba(0,0,0,.04)),
color-stop(0.4, rgba(0,0,0,0)),
color-stop(0.6, rgba(0,0,0,0)),
color-stop(0.6, rgba(0,0,0,.04)),
color-stop(0.8, rgba(0,0,0,.04)),
color-stop(0.8, rgba(0,0,0,0)),
color-stop(1, rgba(0,0,0,.04))
);
background-image: -moz-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,.1)),
-moz-repeating-linear-gradient(top left -45deg, rgba(0,0,0,0), rgba(0,0,0,0) 10px, rgba(0,0,0,.04) 10px, rgba(0,0,0,.04) 20px);
/* background: -moz-linear-gradient(top, rgba(102,200,237,1) 0%, rgba(54,152,189,1) 100%);
background: -webkit-linear-gradient(top, rgba(102,200,237,1) 0%,rgba(54,152,189,1) 100%);
background: -o-linear-gradient(top, rgba(102,200,237,1) 0%,rgba(54,152,189,1) 100%);
background: linear-gradient(top, rgba(102,200,237,1) 0%,rgba(54,152,189,1) 100%);*/
}
.briefings{
width: 35%;
}
.briefings h2{
margin-bottom: 10px;
}
.briefing-list li{
margin: 0;
padding: 0 10px 0 0;
font-size: 12px;
min-height: 22px;
}
.briefing-list li a{
font-weight: 500;
color: #227899;
text-decoration: none;
}
.briefing-list li a:hover{text-decoration: underline;}
.briefing-list .urgent{
color: #db1515;
}
.briefing-list small > a{
color: #3E4A4E;
}
.briefings > a{
color: #227899;
font-size: 11px;
text-decoration: none;
}
.briefings > a:hover{text-decoration: underline;}
.brief-liste-complete li{
padding: 10px 0;
}
.brief-liste-complete li+li{
border-top: 1px solid #E2E7E9;
}
/* FIN PAGE COURS */
/* PAGE BRIEFING */
#bloc-briefing .content-cadre p{
padding: 0 15px;
margin: 5px 0 0;
line-height: 18px;
}
#bloc-briefing .content-cadre p+p{
margin: 15px 0 0;
}
#bloc-briefing small{
margin: 15px 15px 0 0;
float: right;
}
#materiel article{
margin: 10px;
}
#materiel h3,
#remise h3{
color: #394149;
font-size: 11px;
font-weight: bold;
}
#materiel #fichiers-joints ul li{
position: relative;
text-indent: 30px;
margin-top: 10px;
line-height: 27px;
background: url(../img/ico-files.png) no-repeat left center;
font-weight: 600;
color: #747F83;
}
#materiel ul li a{
color: #227899;
font-weight: bold;
text-decoration: none;
}
#materiel ul li a.telecharger{
float: right;
visibility: hidden;
text-decoration: none;
}
#materiel ul li:hover a.telecharger{visibility: visible;}
#materiel ul li a.telecharger:hover,
#materiel #liens ul li a:hover,
article.commentaire figure a:hover{text-decoration: underline;}
#materiel #liens ul li{
margin-top: 10px;
line-height: 16px;
padding: 0;
min-height: 10px;
}
.content-cadre.transparent{
background: none;
padding: 0;
overflow: visible;
}
.content-cadre.transparent p{
line-height: 18px;
}
article.commentaire{
margin: 10px 0 15px;
min-height: 100px;
position: relative;
}
article.commentaire figure{
position: absolute;
top: 0;
width: 81px;
}
article.commentaire figure p{
margin: 0;
text-align: center;
}
article.commentaire figure a{
font-size: 10px;
font-weight: bold;
color: #747f83;
text-decoration: none;
display: inline;
}
article.commentaire .avatar-profil{
margin-left: 0;
width: 81px;
}
.avatar-profil img {
border: 1px solid black;
}
.commentaire-box{
background-color: #FAFCFC;
border-radius: 3px;
display: inline;
margin-left: 92px;
padding: 10px 10px;
position: relative;
}
.commentaire-box span{
display: block;
position: absolute;
top: 15px;
height: 8px;
width: 4px;
background: url(../img/fleche-commentaire-box.png) no-repeat;
}
.commentaire-box span.left-side{left: -4px;}
.commentaire-box span.right-side{-webkit-transform:rotate(180deg); right: -4px;}
.commentaire-box p{
padding: 0;
margin: 0;
}
.commentaire-box p+p{margin-top: 10px;}
.commentaire + textarea{
min-height: 50px;
box-sizing: border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing: border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
width: 100%;
padding: 10px;
resize: vertical;
background-color: #fff;
border: 1px solid #abb0b2;
font-size: 12px;
color: #555;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-msie-border-radius: 3px;
-o-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
border-radius: 3px;
}
.commentaire + textarea +button{margin-top: 5px;}
article.commentaire.enseignant figure{
right: 1px;
}
.enseignant .commentaire-box{
margin-right: 93px;
margin-left: 0;
}
.remise article{
padding: 10px;
}
.remise strong{
margin-left: 5px;
color: #DB1515;
}
.remise p{
padding: 0;
margin: 0;
}
.remise h3{
margin: 20px 0 10px;
}
.remise+.remise{
margin-top: 10px;
}
.remise #visualisation-cours{
display: inline-block;
margin-top: 15px;
width: 100%;
text-align: center;
}
.remise #visualisation-cours > span{
display: inline-block;
position: relative;
background-color: #a4b5bc;
vertical-align: middle;
}
.remise #visualisation-cours .cercle{
width: 8px;
height: 8px;
border-radius: 4px;
z-index: 2;
}
.remise #visualisation-cours .trait{
width: 21%;
height: 2px;
margin: 0 -4px;
z-index: 1;
}
.remise #visualisation-cours .cercle.done,
.remise #visualisation-cours .trait.done{background-color: #3e4a4e;}
.remise #visualisation-cours .cercle.current{
width: 12px;
height: 12px;
border-radius: 6px;
}
.remise #nb-cours strong{margin-left: 0;}
/* EVALUATION */
p.eval a{
color: #607890;
}
p.eval a:hover{color: #3E4A4E;}
/* FIN PAGE BRIEFING */
/* PAGE COURS-EXEMPLE */
#liens-utiles li{
margin: 10px 0;
line-height: 18px;
min-height: 10px;
}
#liens-utiles p{
margin: 0;
border: none;
}
#liens-utiles a{
color: #227899;
text-decoration: none;
font-weight: bold;
}
#liens-utiles a:hover{text-decoration: underline;}
.brief-liste-complete .content-cadre li{
padding: 0 10px;
border: none
}
.brief-liste-complete .content-cadre li p{
padding: 12px 0 10px;
margin: 0
}
.description-cours{
margin: 15px 0 0;
padding: 0 10px;
}
.description-cours p{
margin: 10px 0 0;
padding: 0;
line-height: 18px;
}
#cours-infos-general figure{
width: 91px;
}
#cours-infos-general .metas p{
padding: 0;
margin-left: 0;
margin-top: 8px;
line-height: 1.5em;
max-width: 450px;
}
#cours-infos-general .metas h2{
margin: 10px 0 5px;
}
#cours-infos-general .metas p > a{
color: #868E97;
font-size: 12px;
font-weight: 500;
text-decoration: none;
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
}
#cours-infos-general .metas p > a:hover{color: #227899;}
.metas .profil {
margin-left: 10px;
}
/* FIN PAGE COURS-EXEMPLE */
/* logout */
a#logout {
padding: 0 !important;
margin: 0 !important;
width: 20px !important;
height: 20px !important;
background: rgba(0,0,0,0) url(../img/logout.png) 4px 4px no-repeat;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
top: 2px;
left: 2px;
position: absolute;
opacity: 0;
display: none;
-webkit-transition: opacity .2s !important;
-moz-transition: opacity .2s !important;
}
a#logout:hover {
background: rgba(0,0,0,.3) url(../img/logout.png) 4px 4px no-repeat;
opacity: 1;
}
menu#principal li:hover a#logout {display: inline-block; opacity: 1;}
/* fin logout */
/* Articles internes */
article.content-cadre article {
margin: 12px 10px 0;
}
article.content-cadre article h1 {
font-size: 14px;
margin-bottom: 4px;
}
article.content-cadre article:last-child {
margin-bottom: 12px;
}
article.content-cadre article p {
margin:0;
padding: 0;
}
article.content-cadre footer {
border-top: 1px solid #E2E7E9;
margin: 25px 0 0;
padding: 12px 10px;
position: relative;
}
article.content-cadre footer small {
position: absolute;
top: -17px;
right: 10px;
font-style: italic;
}
/* fin articles internes */
/* preferences */
#notifs article,
#personnaliser article{
margin: 12px 10px 10px;
}
#notifs article p{
margin: 5px 0 15px;
padding: 0;
font-weight: 500;
}
#notifs article p strong{
font-weight: 900;
}
#notifs article ul li,
#personnaliser article ul li{
margin: 0;
padding: 0;
min-height: 25px;
}
#notifs article ul li label{margin-left: 5px;}
#personnaliser article p{
margin: 5px 0 10px;
padding: 0;
font-weight: 500;
}
#personnaliser article ul li{
line-height: 40px;
border-top: 1px solid #E2E7E9;
}
#personnaliser article .colorpicker{
float: right;
}
button.sav-pref{
margin: 15px 10px 0;
}
/* fin preferences */
td.popup-event {position: relative !important; cursor: pointer;}
td.popup-event a {
color: inherit;
text-decoration: none;
}
#popup-cal {
display: block;
width: 300px;
min-height: 100px;
max-height: 300px;
background: #2A3239;
border-radius: 3px;
border: 1px solid #162123;
-webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.1);
position: absolute;
top: 0;
left: 33px;
z-index: 99;
text-align: left;
color: #fff;
text-shadow: 0px 1px 0px #162123;
padding: 5px;
}
#popup-cal header {
text-align: center;
font-weight: bold;
border-bottom: 1px solid rgba(255,255,255,0.1);
-webkit-box-shadow: inset 0px -1px 0px #162123;
height: 20px;
position: relative;
}
#popup-cal header span {
display: block;
background: url(../img/fleche-popup-left.png) 0px -10px no-repeat;
z-index: 100;
height: 10px;
width: 7px;
position: absolute;
top: 0;
left: -11px;
}
#popup-cal ul {margin: 0;}
#popup-cal li {margin-top: 5px; margin-left: 10px;}
#popup-cal li a {color: #fff; text-decoration: none; font-weight: 500;}
#popup-cal li a:hover {text-decoration: underline;}
.remise-drop > div {
height: 97%;
}
.remise-drop > section#depot {
height: auto;
position: absolute;
left: 50%;
top: 50%;
margin: -36px 0 0 -200px;
font-size: 20px;
font-weight: bold;
width: 400px;
text-shadow: 0px 1px 0px rgba(255,255,255,.8);
text-align: center;
}
.remise-drop > section#depot input[type=file]{
font-size: 12px;
}
.remise-drop > section#depot small {
font-weight: normal;
font-style: italic;
font-size: 12px;
}
#content.remise-drop {padding: 20px 20px 30px 20px !important; position: relative;}
#dropzone {
text-align: center;
border: 3px dashed #aaaaaa;
display: block;
height: 100%;
}
/* BIBLIOTHEQUE */
.biblio table {
background: #FAFCFC;
border: 1px solid #BDC9CD;
width: 100%;
}
.biblio th {
height: 30px;
vertical-align: middle;
text-align: left;
border: 1px solid #BDC9CD;
padding: 0 10px;
background-color: #F0F4F5;
}
.biblio tfoot {
border-top: 1px solid #BDC9CD;
text-align: right;
}
.biblio td {
padding: 10px;
width: 20%;
vertical-align: middle;
}
.biblio td:first-child {
width: auto;
}
.biblio tr.odd {
background: #EFF5F7;
}
.biblio tr td + td {
border-left: 1px solid #EDF1F2;
}
.biblio tr.odd td + td {
border-left: 1px solid #fff;
}
.biblio td p a {
text-decoration: none;
font-weight: bold;
-webkit-transition: color .2s ease-in-out;
}
.biblio td p + p {margin-top: 5px;}
.biblio td em {
font-style: italic;
}
#rech-cat {
top: 0;
border-radius: 3px;
border: 1px solid #999;
-webkit-box-shadow: none;
-moz-box-shadow: none;
width: 300px;
background-position: 315px 5px;
vertical-align: top;
line-height: 25px;
}
.biblio section section {
overflow: auto;
background: #EFF5F7;
margin-top: 10px;
padding: 10px 0 10px 10px;
}
.biblio section button.blue {
padding: 1px 7px;
height: 28px;
line-height: 27px;
margin-left: 25px;
}
.biblio section section p {
width: 66px;
font-weight: bold;
text-align: right;
}
.biblio section section li {
min-width: 130px;
padding: 0;
margin-left: 10px;
min-height: 10px;
}
.biblio section + section li + li {
margin-top: 15px;
}
.biblio section section li label {
margin-left: 5px;
}
.biblio h3 {
margin-bottom: 10px;
}
/* FIN BIBLIOTHEQUE */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
@media screen and (max-device-width: 480px) {
/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
-ms-filter: none !important; }
a, a:visited { color: #444 !important; text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
}