/*------------------------------  Font ---------------------------------*/

@font-face {
	font-family: 'MercuryRegular-Regular';
	src: 	url('https://uv.ulb.ac.be/pluginfile.php/1408676/mod_resource/content/0/MercuryRegular-Regular.eot') format('embedded-opentype'),  
  		url('https://uv.ulb.ac.be/pluginfile.php/1408675/mod_resource/content/0/MercuryRegular-Regular.otf')  format('opentype'),
  		url('https://uv.ulb.ac.be/pluginfile.php/1408673/mod_resource/content/0/MercuryRegular-Regular.woff') format('woff'),
  		url('https://uv.ulb.ac.be/pluginfile.php/1408674/mod_resource/content/0/MercuryRegular-Regular.ttf')  format('truetype'),
  		url('https://uv.ulb.ac.be/pluginfile.php/1408677/mod_resource/content/0/MercuryRegular-Regular.svg') format('svg');
  		font-style: normal;
  	}	

@font-face {
	font-family: 'MercuryBold-Regular';
  	src: 	url('https://uv.ulb.ac.be/pluginfile.php/1408896/mod_resource/content/0/MercuryBold-Regular.eot') format('embedded-opentype'),  
  		url('https://uv.ulb.ac.be/pluginfile.php/1408895/mod_resource/content/0/MercuryBold-Regular.otf')  format('opentype'),
  		url('https://uv.ulb.ac.be/pluginfile.php/1408893/mod_resource/content/0/MercuryBold-Regular.woff') format('woff'),
  		url('https://uv.ulb.ac.be/pluginfile.php/1408894/mod_resource/content/0/MercuryBold-Regular.ttf')  format('truetype'),
  		url('https://uv.ulb.ac.be/pluginfile.php/1408897/mod_resource/content/0/MercuryBold-Regular.svg') format('svg');
}



/*------------------------------  Body ---------------------------------*/

body {
	font-family:'MercuryRegular-Regular'!important;
	font-size: 16px;
	text-align: justify;
}



.no-overflow{
	max-width: 1170px;
	margin: 0 auto;
}

/*------------------------------ Taille vidéos ---------------------------------*/

.mediaplugin div{
	max-width: 100% !important;
}

/*------------------------------ Font bold ---------------------------------*/

strong{
	font-family: 'MercuryBold-Regular'!important;
}


/*------------------------------  Page d'accueil ---------------------------------*/


/*Fixer la largeur des contenu de la page d'accueil*/
.course-content ul.topics li.section .content, .course-content ul.weeks li.section .content{
	max-width:1170px;
	margin: 0 auto;
}

/*Bandeau avec le logo*/
#bandeau_logo{
	padding: 10px 0;
}

/*Retirer le fond gris des sections sur la page d'accueil*/
#page .course-content ul li.section.main{
	background: #fff;
	border: 1px solid #fff;
}

/*Aligner le contenu avec le titre des sections sur la page d'accueil*/
.course-content ul.topics li.section .summary{
	margin: 0;
	padding: 0 10px;
}


/*Changer les titres des sections de Moodle de la page d'accueil*/
.sectionname{
	/*background: #e6e9ed!important;*/
}
.sectionname span{
	font-family:'MercuryRegular-Regular'!important;
	font-weight:bold;
	color:#434a53;
}


/*------------------------------  Boutons sections ---------------------------------*/

.btn_container{
	width: 100%;

}


.btn_sct{
	margin: 10px 0;
	padding-left: 15px;
	display:block;
	border-radius: 5px;
	font-size: 18px;
	line-height: 55px;
}

#btn_sct1{
	background-color: #a291c5;
}
#btn_sct1:hover{
	background-color: #8c7ab7;
	-webkit-transition: all ease-in-out .5s;
    	-moz-transition: all ease-in-out .5s;
    	transition: all ease-in-out .5s;
}

#btn_sct2{
	background-color: #eb5665;
}
#btn_sct2:hover{
	background-color: #de4253;
	-webkit-transition: all ease-in-out .5s;
    	-moz-transition: all ease-in-out .5s;
    	transition: all ease-in-out .5s;
}

#btn_sct3{
	background-color: #50c0e9;
}
#btn_sct3:hover{
	background-color: #31b0db;
	-webkit-transition: all ease-in-out .5s;
    	-moz-transition: all ease-in-out .5s;
    	transition: all ease-in-out .5s;
}

#btn_sct4{
	background-color: #5cbba6;
}
#btn_sct4:hover{
	background-color: #39b399;
	-webkit-transition: all ease-in-out .5s;
    	-moz-transition: all ease-in-out .5s;
    	transition: all ease-in-out .5s;
}

#btn_sct5{
	background-color: #ed6d56;
}
#btn_sct5:hover{
	background-color: #ea5640;
	-webkit-transition: all ease-in-out .5s;
    	-moz-transition: all ease-in-out .5s;
    	transition: all ease-in-out .5s;
}

#btn_sct6{
	background-color: #6397d1;
}
#btn_sct6:hover{
	background-color: #5388c6;
	-webkit-transition: all ease-in-out .5s;
    	-moz-transition: all ease-in-out .5s;
    	transition: all ease-in-out .5s;
}

#btn_sct7{
	background-color: #F6BB40;
}
#btn_sct7:hover{
	background-color: #EAA72D;
	-webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

.btn_sct img{
	float:right;
	vertical-align: middle;
}

/*------------------------------  Boutons méthodo et forum ---------------------------------*/
.petit_btn_home{
	margin: 10px 0;
	padding: 0 15px;
	display:block;
	border-radius: 30px;
	font-size: 16px;
	line-height: 30px;
	background-color: #2e70bf;
	color: #fff!important;
}

.petit_btn_home:hover{
	background-color: #285da8;
	color: #fff!important;
	-webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

/*------------------------------  Section Partenaires ---------------------------------*/

#partenaires{ 
	text-align: center;
}

#partenaires a img {
 	-webkit-filter: grayscale(50%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(50%);
	text-align: center;
}


#partenaires a:hover img {
  	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
 	filter: grayscale(100%);
}


#partenaires li{
	display:inline;
	margin-right:45px;
}

#partenaires li:last-of-type{
	margin-right:0;
}

#partenaires ul{
	width: 325px;
	display: inline-block;
  	margin: 20px auto;
}


/*------------------------------  Section Partenaires (fin) --------------------------*/

/*------------------------------  Pages ---------------------------------*/
h2{
	display: none;
}

.modified{
	display:  none;
}


/*------------------------------  Titres sections ---------------------------------*/

.titre_container{
	margin-bottom: 40px;
}
.titre_container img{
	width: 80px!important;
	height: 81px!important;
	margin-right: 10px;
}


.titre_sct{
	width: 80%;
	display: inline-block;
	margin:0;
	vertical-align: middle;
	font-family:'MercuryRegular-Regular'!important;
	font-size: 35px;
	text-align: left;
}

#titre_sct1{
	color: #eb5665;
}
#titre_sct2{
	color: #8c7ab7;
}
#titre_sct3{
	color: #50c0e9;
}
#titre_sct4{
	color: #5cbba6;
}
#titre_sct5{
	color: #ed6d56;
}
#titre_sct6{
	color: #6397d1;
}

#titre_sct7{
	color: #EAA72D;
}


/*------------------------------  Titres activités ---------------------------------*/

.titre_act1{
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #de4253;
	font-family:'MercuryRegular-Regular'!important;
	font-size: 27px;
	line-height: 30px;
	color: #de4253;
}

.titre_act2{
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #8c7ab7;
	font-family:'MercuryRegular-Regular'!important;
	font-size: 27px;
	line-height: 30px;
	color: #8c7ab7;
}

.titre_act3{
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #31b0db;
	font-family:'MercuryRegular-Regular'!important;
	font-size: 27px;
	line-height: 30px;
	color: #31b0db;
}

.titre_act4{
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #39b399;
	font-family:'MercuryRegular-Regular'!important;
	font-size: 27px;
	line-height: 30px;
	color: #39b399;
}

.titre_act5{
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #ea5640;
	font-family:'MercuryRegular-Regular'!important;
	font-size: 27px;
	line-height: 30px;
	color: #ea5640;
}

.titre_act6{
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #5388c6;
	font-family:'MercuryRegular-Regular'!important;
	font-size: 27px;
	line-height: 30px;
	color: #5388c6;
}

.titre_act7{
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #EAA72D;
	font-family:'MercuryRegular-Regular'!important;
	font-size: 27px;
	line-height: 30px;
	color: #EAA72D;
}

.titre_annexes{
	margin: 20px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #EAA72D;
	font-family:'MercuryRegular-Regular'!important;
	font-size: 27px;
	line-height: 30px;
	color: #285da8;
}

/*------------------------------  Sous-titres activité ---------------------------------*/

h6{
	padding: 30px 0 10px 0;
	font-family: 'MercuryBold-Regular'!important;
	font-size: 20px;
}

.h6_sct1{
	color: #8c7ab7;
}

.h6_sct2{
	color: #de4253;
}

.h6_sct3{
	color: #31b0db;
}

.h6_sct4{
	color: #39b399;
}

.h6_sct5{
	color: #ea5640;
}

.h6_sct6{
	color: #5388c6;
}

.h6_sct7{
	color: #EAA72D;
}

/*------------------------------  Menu accordéon (S2A2) ---------------------------------*/

.panel-group{
	margin: 15px 0;
}

.panel-heading{
	margin: 3px 0;
	padding: 8px;
	border-radius:5px;
}

.panel-heading a{
	display: block;
	font-size: 100%;
	max-width: 100%!important;
}

.panel-title{
	font-family:'MercuryRegular-Regular'!important;
	font-size: 18px;
	margin:0;
}

.panel-title a{
	line-height: 50px;
}

.panel-img{
	width: 50px;
	height: 50px;
	margin-right: 10px;
	vertical-align: middle;
	border-radius: 50px;
}



/*------------------------------ Quotes ---------------------------------*/
.quote{
	width:30%;
	margin: 50px auto;
	padding: 20px;
	background-color: rgba(255, 206, 84, 0.3);
	border-left: 4px solid #f6bb42;
}

.quote p{
	margin:0;
	font-style: italic;
}


/*------------------------------ Liste ---------------------------------*/


.liste_sct3{
	margin: 15px 0;
	margin-left: 30px;
	padding: 10px;
	padding-left: 15px;
	border-left: 4px solid #31b0db;
	background: #f5f7fa;
}

.liste_sct6{
	margin: 15px 0;
	margin-left: 30px;
	padding: 10px;
	padding-left: 15px;
	border-left: 4px solid #5388c6;
	background: #f5f7fa;
}

/*------------------------------ Tableau ---------------------------------*/

.tableau{
	width: 100%!important;
	margin: 20px 0 10px;
	table-layout: fixed;
	text-align: left;
}

.tableau tr:first-child{
	background: #ccd1d9;
	font-family:'MercuryBold-Regular'!important;
}

.tableau td{
	padding: 10px;
	border-bottom: 1px solid #aab2bd;
	border-right: 1px solid #aab2bd;
	vertical-align: top;
}

.tableau td:first-child{
	font-family:'MercuryBold-Regular'!important;
}

.tableau td:last-child{
	border-right: none;
}

.tableau td p{
	margin-bottom:0;
}


/*------------------------------ Image ---------------------------------*/

.image{	
	width: 60%;
	padding: 15px;
	padding-bottom: 0;
	margin: 30px auto;
	border: 1px solid #aab2bd; 
	border-radius: 10px;
	text-align: center;
}

.image img{
	padding-bottom: 15px;
}


/*------------------------------ Source ---------------------------------*/

.source{
	margin-bottom: 15px;
	color: #656d78;
	font-size: 14px;
	text-align: center; 
}

/*------------------------------ dimensions H5P ---------------------------------*/

iframe:not(.h5p_pleinecran){
	max-width: 720px;
	display: block;
	margin: 0 auto; 
}

.h5p_pleinecran{
	width: 100%;
}

/*------------------------------ H5P images juxtaposition ---------------------------------*/
.juxtaposition{
	width: 50%;
	margin: 0 auto;
}

.juxtaposition iframe{
/*	height: 913px!important; */
}

/*------------------------------ H5P images juxtaposition 22---------------------------------*/
.juxtaposition2{
	width: 70%;
	margin: 0 auto;
}

.juxtaposition2 iframe{
/*	height: 600px!important; */
}

/*------------------------------ barre de progression S3A6---------------------------------*/

progress{
	width: 90%!important;
}


/*------------------------------ !!! NOUVEAU MENU !!! ---------------------------------*/

.nav_sct_top {
	width: 100%;
	margin: 0 auto;
  	position: relative;
  	display: inline-block;
  	margin-bottom: 35px;
	padding-bottom: 10px; 
	border-bottom: 2px solid #aab2bd;
}

.btn_nav {
	width: 120px;
	margin: 0 auto;
	border-radius: 30px; 
	color: #212529;
	font-size: 18px;
	padding: 7px; 
	text-align: center; 
	cursor: pointer; 
	display: block;
	-webkit-transition: all .2s ease-in-out; 
	-moz-transition: all .2s ease-in-out; 
	transition: all .2s ease-in-out;
}

.dropdown-menu {
  max-width: 400px;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  display: none;
  background-color: #E8EBEE;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius: 5px;
  border: none;
  /*z-index: 1;*/
  padding: 5px;
}

.dropdown-menu a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: center;
  border-radius: 5px;
}

.dropdown-menu::after {
	width: 100%;
	height: 1px; 
	background: red;
}


.nav_sct_top:hover .dropdown-menu {display: block;}

.nav_sct_top:hover .btn_nav {background-color: #E8EBEE;}


.dropdown-menu a:hover {
	background-color: #3272BD;
	color: #fff!important;
}

/*.btn_nav:hover{
	color: #000!important;
}*/

/*------------------------------ Boutons navigation ---------------------------------*/

.nav_sct{
	margin-top: 20px;
	padding-top: 10px; 
	border-top: 2px solid #aab2bd;
}

.nav_sct a:last-of-type{
	float: right;
}

.nav_sct img{
	width: 35px!important;
	height: 35px!important;
}


/*------------------------------  |||| Contenus smartphone |||| --------------------------*/

@media screen and (max-width: 767px) {

#page-content{
	padding: 0 20px;
}

/*------------------------------  Boutons sections --------------------------*/
.btn_sct img{
	display: none;
}

.btn_sct{
	padding: 18px;
	text-align: left;
	line-height: 20px;
}

/*------------------------------  quote --------------------------*/

.quote{
	width:75%;

}


}

/*------------------------------  |||| Contenus smartphone FIN |||| --------------------------*/

/*------------------------------ |||| Contenus tablette |||| --------------------------*/

@media screen and (max-width: 979px) and (min-width: 768px) {

/*------------------------------  quote --------------------------*/
.quote{
	width:50%;

}

/*------------------------------ Image ---------------------------------*/

.image{	
	width: 70%;
}

/*------------------------------ dimensions H5P ---------------------------------*/

iframe:not(.h5p_pleinecran){
	max-width: 100%;
	display: block;
	margin: 0 auto; 
}


}

/*------------------------------ |||| Contenus tablette FIN |||| --------------------------*/

/*------test h5p------*/
.h5p-image-hotspot-popup-body > * {
  line-height: 1.1;
}