/* =Typography
-----------------------------------------------------------------------------*/
body{
background:#ebebeb repeat-x left top;
font-family:Arial, sans-serif;font-size:12px;
padding-top:50px;
}
img{max-width:100%!important;height:auto!important}

.container{width:98%;max-width:1280px;margin:0 auto}

h1{font-size:1.5em;margin-bottom:4px;}
h2{font-size:1.4em;margin-bottom:10px;font-weight:400;}
h3{font-size:1.3em;margin-bottom:4px}
h4{font-size:1.2em;margin-bottom:4px}
h5{font-size:1.1em;margin-bottom:4px}
h6{font-size:1.1em;margin-bottom:2px}

.navbar{
 padding:3px 0px;border-bottom:1px solid #ccc;background:#fff
}

.website-logo{}

.account-table{
  float:right;max-width:100%;border-collapse:collapse;border-spacing:0;
  border-top:1px solid #ccc;border-left:1px solid #ccc;border-radius:4px
}
.account-table td {
  border-bottom:1px solid #ccc;border-right:1px solid #ccc;
  line-height: 18px;text-align: left;vertical-align: top;
}
.account-welcome{padding:7px 10px 7px 10px;color:#909092}
.account-home,.account-logout,.account-contact{padding:7px 15px 7px 47px;display:block;color:#fff}
.account-home{background:#7a7a7b url(images/home.png) no-repeat 10px 12px}
.account-logout{background:#7a7a7b url(images/out.png) no-repeat 12px 12px;border-right:0px}
.account-contact{background:#7a7a7b url(images/contact.png) no-repeat 8px 12px;border-right:0px}


#course p{margin-bottom:20px}
#course .box{overflow:hidden;border:1px solid #ccc;border-radius:6px;padding:12px;margin-bottom:15px}

.course-box{background:#fff;font-size:14px}
.course-videos a{
  background:#7a7a7b url(images/arrow.png) no-repeat 6px 6px;color:#fff!important;
  display:block;padding:6px 15px 6px 22px;border-bottom:1px solid #fff
}
.course-videos a.active{background:#444547 url(images/arrow.png) no-repeat 6px 6px;}


.course-exam.active{background:#479dca url(images/exam.png) no-repeat 8px 10px;}

.course-forum{
  background:#79c5e2 url(images/forum.png) no-repeat 8px 10px;color:#fff!important;
  display:block;padding:15px 15px 15px 40px;border-bottom:1px solid #fff
}
.course-menu{background:#7a7a7b;overflow:hidden;font-size:15px}
.course-menu a{float:left;display:block;padding:10px 12px 10px 42px;color:#fff!important;border-right:1px solid #fff}
.course-intro{background:#7a7a7b url(images/start.png) no-repeat 12px 6px}
.course-intro.active{background:#444547 url(images/start.png) no-repeat 12px 6px}
.course-video{background:#7a7a7b url(images/video.png) no-repeat 12px 6px}
.course-video.active{background:#444547 url(images/video.png) no-repeat 12px 6px}
.course-study{background:#7a7a7b url(images/study.png) no-repeat 12px 6px}
.course-study.active{background:#444547 url(images/study.png) no-repeat 12px 6px}
.course-docs{background:#7a7a7b url(images/attach.png) no-repeat 12px 7px}
.course-docs.active{background:#444547 url(images/attach.png) no-repeat 12px 7px}
.course-exam{background:#7a7a7b url(images/exam.png) no-repeat 12px 7px}
.course-exam.active{background:#444547 url(images/exam.png) no-repeat 12px 7px}


.course-buttons{background:#7a7a7b;overflow:hidden;margin-bottom:20px}
.course-buttons a{float:left;padding:5px 10px;color:#fff!important;border-right:1px solid #fff}
.course-buttons a.active{background:#444547}

.box-title{
  color:#fff!important;font-size:19px;background:#7a7a7b;
  display:block;padding:15px 15px 15px 15px;border-bottom:1px solid #fff
}
.box-description{font-size:14px;line-height:19px;margin-bottom:12px}

.description{font-size:15px;line-height:19px;margin-bottom:20px}
.text{line-height:17px}
.text p{margin-bottom:8px}

.documents{overflow:hidden;border-bottom:1px solid #666;padding:10px 0 10px 0}
.documents .icons{float:left;margin:0 5px 0 0}
.documents .download{display:block;font-weight:bold;color:#000;margin-bottom:6px}

/* -- TOOLBAR
------------------------------------------------------------- */
.toolbar{
  clear:both;background:#222222 url(images/toolbar.png) repeat-x top left;
  position:fixed;left:0;bottom:0;width:100%;z-index:100;
  font: bold 12px arial;color:#fff;border-top:1px solid #D3D3D3;padding:15px 20px
}
.toolbar-menu{
  background: url(images/menu.png) no-repeat top left;padding:5px 7px 5px 32px;
  display:block;color:#fff;font-weight:bold;font-size:17px
}


/* -- ARIANE
------------------------------------------------------------- */
#ariane{overflow:hidden}
#ariane a{float:left;display:block;padding:5px}


.exam-answer{font-size:15px;margin-bottom:10px}
.exam-answer div{float:left;margin-top:2px;width:20px}
.exam-answer label{margin-left:21px;display:block}



.courses-linkimg:hover img{opacity:0.5}

.box-violet{background-color:#5b2c95}

.footer-label,.footer-field{padding-bottom:10px}
.footer-label{float:left;width:100px;text-align:right;padding-top:5px;font-weight:bold}
.footer-field{margin-left:110px}
.footer-field input[type="text"]{width:170px;border-radius:7px}

/* EXAM
-----------------------------------------------------------------------------*/
#answers{margin:40px auto;width:600px;overflow:hidden}
.answer{margin-bottom:15px}
.answer-text{font-weight:bold;margin-bottom:5px;font-weight:bold;font-size:16px}
.response-text{font-size:14px;margin-bottom:8px}

/* -- TAB
------------------------------------------------------------- */
.library{
 background: url(images/library.png) no-repeat left top;padding:2px 0 5px 30px;font-size:15px;color:#cc0033;font-weight:bold
}

#chat-info{position:relative;top:-8px;color:#ffcc00;font-size:19px}

.tab{height:32px;border-bottom:1px solid #d9d9d9;margin-top:10px}
.tab li{float:left;margin-left:10px}
.tab li a{
  float:left;display:block;position:relative;bottom:-1px;background:#f1f1f1;color:#666;
  padding:8px 8px 5px 8px;height:17px;font-size:13px;border:1px solid #d9d9d9;border-radius:4px 4px 0 0
}
.tab li > a.active{background:#fff;color:#000;border-bottom:1px solid #fff}

/* -- ARIANE
------------------------------------------------------------- */
.ariane{background:#cccccc;padding:10px;color:#003d37;font-size:18px}







#userMenu #idNewUser {
	width: 250px;
}
#menuWeb #idMenu {
	width: 530px;
	text-transform: uppercase;
}

/* EXAM
-----------------------------------------------------------------------------*/
.test-answer{font-size:18px;margin-bottom:10px}

.play-answer{font-size:16px;margin-bottom:10px}
.play-answer div{float:left;margin-top:1px;width:20px}
.play-answer label{margin-left:21px;display:block}
#info-button{
  color:#000;display:block;height:20px;background-color:#d9d9d9;
  background-repeat:no-repeat;padding:5px 5px 5px 25px}
.info-button-close{
  background-image:url(images/info-close.png);background-position:6px 8px;
  border:1px solid #999;float:left;border-radius:5px}
.info-button-open{
  background-image:url(images/info-open.png);background-position:9px 7px;
  border:1px solid #999;border-bottom:0px;border-radius:5px 5px 0 0
}

#play-info > div{clear:right;padding:15px;border:1px solid #999;border-top:0px;border-radius:0 0 5px 5px}

/* Tooltip */
.tooltip-box{
  box-shadow: 4px 4px 6px #414446;border:1px solid #ddd;
  background:#fff;padding:10px;overflow:hidden;font-size:14px;line-height:21px
}
.exam-tooltip{width:80px}
.exam-tooltip li{margin-bottom:5px;float:left;margin-right:4px}
.exam-tooltip a{font-weight:bold;padding:4px;}

.exam-submit, .exam-advert{
  padding:8px 15px 9px;
  cursor: pointer;
  text-align: center;
  display:inline-block;
  border:1px solid #D4D4D4;
}

/* form buttons */
.exam-submit{
  font-weight:bold;
  color:#fff;
  border-color:#3a77a4;
  background:#5393c2;
  /* gradient */
  background: -moz-linear-gradient(top, #5393c2 40%, #3a77a4);
  background: -webkit-linear-gradient(top, #5393c2 40%, #3a77a4);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5393c2', endColorstr='#3a77a4');
  /* corner */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* shadow */
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
}

.exam-advert{
  font-weight:bold;
  color:#fff;
  border-color:#B5341B;
  background:#FA9C7C;
  /* gradient */
  background: -moz-linear-gradient(top, #FA9C7C 40%, #B5341B);
  background: -webkit-linear-gradient(top, #FA9C7C 40%, #B5341B);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FA9C7C', endColorstr='#B5341B');
  /* corner */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  /* shadow */
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
}

.exam-submit:hover{
  background:#70aedd;
  /* gradient */
  background: -moz-linear-gradient(top, #70aedd 40%, #69a4d0);
  background: -webkit-linear-gradient(top, #70aedd 40%, #69a4d0);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#70aedd', endColorstr='#69a4d0');
  /* shadow */
  -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
}


table.week {border-collapse:collapse;width:932px;border:1px solid #ddd}
table.week th, table.week td {font-size:0.9em;text-align: left;}
table.week td {vertical-align: top;}
table.week th {padding:5px 0;font-weight: bold;vertical-align: middle;}
table.week {}
table.week th + th,
table.week th + td,
table.week td + td {
	border-left: solid 1px #ddd;
}
.weekhour{width:110px}

.today{padding:3px;border:1px solid #93acca;}
.today-time{padding:10px}
.today h4{font-family:'OpenSansRegular',Arial, sans-serif;font-size:16px}
.today h4 span{color:#757575}
.today p{font-size:0.8em;line-height:1.5em}
.today b{font-size:12px;display:block;margin-bottom:3px}
.today a{color:#1558a2;font-weight:bold}


.mejs-fasterslower{
	background: rgba(0, 0, 0, 0.7);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
	background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 
	background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7)); 	
	background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7))!important;
	height: 30px!important;
	width: 25%!important;
  position: absolute;
  bottom:0;
  left:-25%; 	
}
.mejs-faster-button{position:absolute;bottom:0px;left:60px}
.mejs-slower-button{position:absolute;bottom:0px;left:0px}
.mejs-slower-button button,.mejs-faster-button button{padding:4px!important;line-height:15px!important}

.display-playback-speed{color:#fff;line-height:15px;position:absolute;bottom:-6px;left:23px;vertical-align:bottom}


/* FORUM */
.forum-line{padding-bottom:15px;margin-bottom:15px}
.forum-item{border-bottom:1px solid #ccc;}
.forum-line h6{color:#0c56a0}
.forum-line h6 a{color:#0c56a0}
.forum-line p{color:#555555;line-height:1.55em;}
.forum-line ul{margin:15px 0 0 40px}
.forum-line li{margin-bottom:10px}

.survey{background: url(images/survey-item.png) no-repeat left top;}
.discussion{background: url(images/discussion-item.png) no-repeat left top;}


#nathalizer-button{display:block;font-size:18px;color:#000;height:68px}
#nathalizer-button img{display:block;float:left;margin-right:10px}

/* Middle */
#timeline{}



/* Calendar */
#timeline-nav{float:right;height:24px;margin-bottom:8px}
#timeline-nav a{margin-right:4px;background:#fff;}
#timeline-nav span{font-size:14px}
#timeline-nav a,#timeline-nav img,#timeline-nav span{vertical-align:middle}

#timeline-time{width:20000px;background:#7A7A7A url(images/back_month.gif) repeat-x left bottom;position:relative;height:40px;overflow:hidden;border:1px solid #000;border-bottom:0}
#timeline-time{height:40px;}
#timeline-time div{padding:5px;height:30px;font-weight:bold;color:#fff;font-size:13px}

#timeline-content{overflow:auto;border:1px solid;height:250px;background:#fff}

.day div{text-align:center;width:12px;font-size:10px;font-weight:bold;}
.day td{background:#7A7A7A;color:#fff;padding:1px 0}
.proposition{padding:4px 0;height:20px;position:absolute;}
.proposition b{font-size:11px;}
.proposition_step{background-image:url(images/empty.gif);border-right:1px solid #fff;border-top:1px solid #fff;}
.reservation{padding:4px 0;height:20px;position:absolute;top:24px;}
.reservation a{color:#000;font-size:11px}
.step{border-top:1px solid #fff;border-left:1px solid #ccc;}


@media only screen and (max-width : 992px) {
   .navbar-collapse li { padding-left:15px }
}

@media only screen and (max-width : 768px) {
	#moduleline{ display:none }
	.forum-line ul{margin:15px 0 0 5px;padding:0}
}