/**
 * Place your custom styles here.
 */

 body {
 	background-color: #f2f6f8;
 }

 h1 {
 	font-size: 18px;
 }

 h2 {
 	font-size: 16px;
 }

 h3 {
 	font-size: 14px;
 }
 h4 {
 	font-size: 12px;
 }

 a {
 	color:#0185a2;
 }

.is-unpublished {
	background-color: #e0909080;
}

.navbar {
	border-radius:5px !important;
	margin-bottom:15px;
}
.navbar-default {
/*	background-color: white;
*/	
background: #13c8e3; /* Old browsers */
background: -moz-linear-gradient(top, #13c8e3 0%, #01a9cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #13c8e3 0%,#01a9cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #13c8e3 0%,#01a9cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c8e3', endColorstr='#01a9cd',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.48);
-moz-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.48);
box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.48);
border:none;
}

.navbar-nav > li > a, .navbar-brand {
    padding-top:9px !important; 
    padding-bottom:0 !important;
    height: 40px;
}

.navbar-default .navbar-nav>.active>a {
	background-color: #8adfec;
}
.navbar {min-height:40px !important;}

.navbar-collapse {
	padding-left: 0 !important;
}

.navbar.container {
/*	padding-left:0px !important;
	padding-right:0px !important;*/
}

nav.tabs {
	margin-bottom: 15px;
	margin-top:-12px;
}

.nav-tabs > li > a, .region-content
{
    padding-top: 4px; 
    padding-bottom: 4px;
}

.nav-tabs>li>a:hover {
	border:none;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
	border:none;
}

.navbar-default .navbar-nav>li>a {
	color:white;
}



.page-node-type-book .author {
	display:none;
}

/* Formulaires d'inscription/connexion/rappel mot de passe */
.user-login-form {
	padding-left: 20%;
	padding-right: 20%;
}

.user-register-form {
	padding-left: 20%;
	padding-right: 20%;
}

.user-register-form {
	padding-left: 20%;
	padding-right: 20%;
}

/* Commentaires */
.comment--title {
	border-top: solid 1px #ADD8E6;
	padding-top: 5px;
}

.comment--submitted {
	font-size: 12px;
	color: grey;
	margin-top: -5px;
}

.js-comment .links {
	font-size: 12px;
	margin-top: 8px;
}

/* Style pour l'affichage des utilsateurs dans des tableaux */
.max-width-col {
max-width:40px;
}

/* Profile */
.field--name-realname .field--label{
	display: none;
}

.field--name-realname .field--item{
	font-size:16px;
	margin-top:5px;
}

/* Affichage des activités pédagogiques */
.field--label{
	font-size:16px;
	margin-top:15px;
}

.view-liste-des-activites-v1-de-la-volee .form-item {
	display: block !important;
	margin-top:8px;
}

/* Vue des activités pédagogiques v1 de la volée */

.views-label-field-act-v1-description {
	font-weight: bold;
}

.views-label-field-act-v1-domaine {
	font-weight: bold;
}

.views-label-field-act-v1-degre {
	font-weight: bold;
}

.views-field-field-act-v1-outils ul {
	padding-left: 0;
}

.views-field-field-act-v1-outils li {
	list-style: none;
	background-color: #13c8e3;
	color: white;
	display: inline-block;
	padding: 3px 7px;
	margin: 0px 2px;
	border-radius: 3px;
	font-weight:normal !important;
	font-size: 0.9em;
}

.views-field-field-act-v1-outils a {
	color:white;
}

.views-field-field-act-v1-degre ul {
	padding-left: 0;
}

.views-field-field-act-v1-degre li {
	list-style: none;
	background-color: #0d8496;
	color: white;
	display: inline-block;
	padding: 3px 7px;
	margin: 0px 2px;
	border-radius: 3px;
	font-weight:normal !important;
	font-size: 0.9em;
}

.views-field-field-act-v1-degre a {
	color:white;
}

.view-liste-des-activites-v1-de-la-volee .views-field-title {
	font-size: 20px;
	margin-bottom:10px;
	margin-top:10px;
}




/* Vue des activités pédagogiques v2 toutes */
.view-activites-finalisees-selectionnees .views-field-title {
	font-size: 20px;
	margin-bottom:10px;
	margin-top:10px;
}

.view-activites-revisees-de-la-volee .views-field-title {
	font-size: 20px;
	margin-bottom:10px;
	margin-top:10px;
}

.views-label-field-act-v2-domaine {
	font-weight: bold;
}

.views-label-field-act-v2-degre {
	font-weight: bold;
}

.views-label-field-act-v2-outils {
	font-weight: bold;	
}

.views-field-field-act-v2-degre a {
	color:white;
}

.views-field-field-act-v2-outils ul {
	padding-left: 0;
}

.views-field-field-act-v2-outils li {
	list-style: none;
	background-color: #13c8e3;
	color: white;
	display: inline-block;
	padding: 3px 7px;
	margin: 0px 2px;
	border-radius: 3px;
	font-weight:normal !important;
	font-size: 0.9em;
}

.views-field-field-act-v2-outils a {
	color:white;
}

.views-field-field-act-v2-degre ul {
	padding-left: 0;
}

.views-field-field-act-v2-degre li {
	list-style: none;
	background-color: #0d8496;
	color: white;
	display: inline-block;
	padding: 3px 7px;
	margin: 0px 2px;
	border-radius: 3px;
	font-weight:normal !important;
	font-size: 0.9em;
}



/*.view-activites-revisees-de-la-volee ul {
	padding-left: 0;
}

.view-activites-revisees-de-la-volee li {
	list-style: none;
	background-color: #0d8496;
	color: white;
	display: inline-block;
	padding: 3px 7px;
	margin: 0px 2px;
	border-radius: 3px;
	font-weight:normal !important;
	font-size: 0.9em;
}*/


.views-label-field-act-v2-resume {
	font-weight: bold;		
}

.views-label-field-act-v2-temps-prevu
{
	font-weight: bold;		
}

/* Résoud un bug qui affiche la description d'un champs apportée par le module "label-help" au dessus du label avec Bootstrap */
.control-label .label-description {
	display:none;
}

/* Style pour les descriptions du module "label-help" pour Bootstrap */
.label-description {
	font-size:12px;
	color:grey;
}



/*.page-node-type-book .field--name-user-picture {
	display:none;
} */

.region-sidebar-first {
	margin-top: -10px;
	}

.region-sidebar-first .block {
/*	background-color:white;
	border: solid 1px #e7e7e7;
	padding: 7px;
	margin-top: 10px;
	border-radius: 5px;*/
}

.region-sidebar-first .block-title {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01a9cd+0,13c8e3+100 */
	font-size: 12px;

background: #01a9cd; /* Old browsers */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#13c8e3+0,01a9cd+100 */
background: #13c8e3; /* Old browsers */
background: -moz-linear-gradient(top, #13c8e3 0%, #01a9cd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #13c8e3 0%,#01a9cd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #13c8e3 0%,#01a9cd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#13c8e3', endColorstr='#01a9cd',GradientType=0 ); /* IE6-9 */



padding: 9px 10px;
color: white;
margin: 11px 0 0 0;
border-radius: 3px 3px 0 0;
}

.region-sidebar-first .block .field {
	background-color: white;
	padding: 8px;
	border-radius: 0px 0px 3px 3px;
	border:solid 1px #e7e8ea;
	border-top:none;
	line-height:20px;
}

.view-who-s-online {
	background-color: white;
	padding: 8px 20px 8px 20px;
	border-radius: 0px 0px 3px 3px;
}


.path-frontpage .page-header {
/*	font-size: 14px;
	color: grey;*/
	margin-bottom: 0;
}


/*.region-sidebar-first .block-title {
	font-size: 12px;
	color: grey;
	margin-top:0;
	margin-bottom: 11px;
}*/

.region-highlighted {
	margin-bottom: 10px;
	border:solid 1px rgba(205, 166, 149, 0.25);
	padding: 10px;
	background-color: rgba(255, 159, 135, 0.25);
	border-radius: 5px;
	border-left:solid 4px #CC8E74;
}

.region-highlighted .block-title {
	color:grey;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 10px;
}


.region-content .page-header {
/*	margin: 0;
	margin-top:-4px;*/
	margin-left: -18px;
margin-top: -18px;
margin-right:-18px;
margin-bottom:12px;
background: #01a9cd;
background: #13c8e3;
background: -moz-linear-gradient(top, #13c8e3 0%, #01a9cd 100%);
background: -webkit-linear-gradient(top, #13c8e3 0%, #01a9cd 100%);
background: linear-gradient(to bottom, #13c8e3 0%, #01a9cd 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#13c8e3', endColorstr='#01a9cd', GradientType=0);
padding: 9px 10px;
color: white;
/* margin: 11px 0 0 0; */
border-radius: 3px 3px 0 0;
font-size: 14px;
padding:12px;
    text-transform: uppercase;

}


.region-content {
padding:18px;}


.toc-responsive {
	padding:10px;
	margin-bottom:15px;
	margin-top:-10px;
	border: solid 1px #ddd;
	width:400px;
}

.toc-responsive h3 {
	margin-top: 0;
	margin-bottom:10px;
	font-size:;
}



#input-group {
	width: 80%;
}

.act-v2 footer {
	display:none;
}

.view footer {
	border-top: solid 1px #E5E5E5;
	padding-top: 5px;
	text-align: right;
	color:grey;
}

.region-content .content {
	text-align: justify;
}

.region-content footer {
	margin-top:-8px;
	margin-bottom: 15px;
	color:grey;
	font-size: 12px;
}

.region-content {
	border-radius: 5px;
	background-color: white;
	border: solid 1px #e7e8ea;
}

.region-content .views-row {
	background-color: white;
	border-bottom: solid 1px #e7e7e7;
	padding: 10px 0px 30px 0px;
}

.region-content .view-l-equipe-enseignante {
	border:none;
}

.region-content .views-row:first-child {

}

.region-content .views-row:last-child {
	border-bottom: none;
}

/*.region-content .views-row:first-child {
	border-radius: 5px 5px 0 0;
}

.region-content .views-row:last-child {
	border-radius: 0 0 5px 5px;
	border-bottom: solid 1px #e7e7e7;
}*/

.region-content .views-row .views-field-uid {
	color:grey;
	font-size:0.85em;
}

.region-content .views-row h1 {
	margin-top: 0;
}

.views-field-uid {
	margin-bottom:10px;
}

a.views-more-link {
	display:block;
}

.view-l-equipe-enseignante .views-row {
	width:170px;
	display: inline-block;
	padding:15px;
}

.view-l-equipe-enseignante .views-row .img-responsive {
	margin-left:auto;
	margin-right:auto;
}

.view-l-equipe-enseignante .views-row .views-field-name {
	text-align:center;
	margin-bottom:8px;
}

.view-etudiants .user-image {
	width:20px;
	margin-right:8px;
	vertical-align: middle;
}

.view-activites-finalisees-selectionnees .form-item {
	display: block !important;
	margin-top:8px;
}

.view-activites-revisees-de-la-volee .form-item {
	display: block !important;
	margin-top:8px;
}

.page-header {
	border-bottom: none;
}

/*.block-block-content {
	padding:5px;
	border: solid 1px #E5E5E5;
}*/

.nav-tabs {
	font-size: 12px;
		border:none;

}

.nav-tabs > li > a
{
    /* adjust padding for height*/
    padding-top: 4px; 
    padding-bottom: 4px;
}

.nav-tabs>li.active>a {
	border:none;
}

.content .links {
	color:red;
}

  #block-gestionpoureleves li {
  	font-size: 0.9em;
  	list-style: none;
  	margin-left:-5px;
  }

  #block-bootstrap-mitic2016-gestionpourtuteurs li {
  	font-size: 0.9em;
  	list-style: none;
  	margin-left:-5px;
  }

    #block-views-block-who-s-online-who-s-online-block .view-who-s-online {
  	font-size:0.9em;
  }

/* Affichage des noeuds  */
.region-content h2 {
border-bottom: solid 1px #eeeeee;
padding: 10px;
color: #4F4F4F;
}

.views-field-field-act-v2-outils .term-tree-list a {
	color:white;
}

/*.region-content h3 {
border-bottom: solid 1px #eeeeee;
padding: 6px;
color: #4F4F4F;
}*/

.back-to-top {
	display: none;
}

/* MITIC custom header -> code in templates/system/html.html.twig*/

.custom-logo-header {
	font-weight:300;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	font-size:2.5em;
	height:80px;
	line-height: 0.55em;
	padding-left:13px;
	padding-right:13px
}

.custom-logo-mitic {
	float:left;
	margin-top:22px;
}

.custom-logo-subtext {
	color:grey;
	font-size: 0.3em;
}

.custom-logo-iufe {
	float:right;
}

.custom-logo-iufe img {
	width:180px;
}

@media (max-width: 767px) { /* Éléments à masquer si mobile */
  .custom-logo-header {
	display:none;
  }
 .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
  	margin-right: 0px;
	margin-left: 0px;
  }
  #block-gestionpoureleves {
  	display:none;
  }
  #block-bootstrap-mitic2016-gestionpourtuteurs {
		display:none;
  }
  #block-views-block-who-s-online-who-s-online-block {
  	display:none;
  }
}

@media (max-width: 992px) {
   .custom-logo-iufe {
	display:none;
	}
}

@media (min-width: 768px) {
  .custom-logo-header {
max-width: 720px !important;
  }
}

@media (min-width: 992px) {
  .custom-logo-header {
max-width: 940px !important;
  }
}

@media (min-width: 1200px) {
  .custom-logo-header {
  	max-width:1140px !important;
  }
}

.breadcrumb {
	background-color: transparent; !important;
}

.custom-logo-header {
  height: 104px;
  line-height: 0.8em;
}