
/** surcharges styles de lms/cours css pour theme client */

/***   partie visu cours ***/

.cours-header {background: #996699 !important;}
#divUser #infos .stats .cprogress .top .pct {}


/***   fin partie cours ***/

.wrapper #topbar{background: #996699;}
.wrapper #topbar .divider {width: 2px; height : 40px; background: #ffffff;}

.wrapper .header #logo img {height: 30px;}

.wrapper #footer {background: #996699;}
.wrapper #footer #middle #copyright {color:#ffffff;}

#mesCours .contentMain {background-color:#000000;}
#mesCours {height: 100%;background-image: url("./images/cours/Fond-Cours.png");}

.stats .progress .progressbar{background-color:#d63477;}


/* page login */


.inner-wrapper {
	/* The image used */
	background-image: url("./images/Fond-accueil_LMS.jpg");
  
	/* Full height */
	height: 100%; 
  
	/* Center and scale the image nicely */
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
  }

.copyright{color:white; text-align: center;font-weight: bold;margin-top: 0px;}
.panel{border: none;}


.col-panel{max-width: 340px;}

.panel-body{background-color: #996699;}

.logo-img{width:225px;max-width: 100%;}
.logo-st{display:flex;justify-content:center;padding-bottom:10px;font-size: 16px}
.logo-st div{background-color:black;color:#d23569;font-weight:bold;padding:5px;border:#292929 2px solid;display:flex;width:140px;justify-content:center}

a.menuLink {color:#ffffff;}
.menuImageLinkSelected img{background-color: #d84481;-webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;}

.menuImageLink:hover img{background-color: #d84481;-webkit-border-radius: 6px;  -moz-border-radius: 6px;  border-radius: 6px;}
.menuImageLink:hover span{color: #ffffff;}

.nouveauMess, .addUButton, .addProfilButton, .domainesButton {
	background: #d84481;
	border:none;
	color:#ffffff;
}
#accueil {background-color: #000000;}
.missionDetailsComm{background-color: #d63477;}
.travauxEntryCol3 a{color: white;}


#accueil, .accueil {background-color: #ffffff;}
.accueil{width:auto;}
#accueil .contentMain {border:none;}
.wrapperAccueil li:before {   content: '- ';}
.wrapperAccueil {font-family: Arial, Helvetica, sans-serif;font-size: 16px;}



.coursLine .coursInfos .labelObjectifsCours {color:#969696}

.coursLine .coursStatusPart2 {font-size: medium;}

.stats .progress .pct2 {  font-size:15px;}

.coursLine .coursInfos .labelNomCours {font-size: 22px;}
.coursLine .coursInfos .labelObjectifsCours {font-size: 13px;}

.wrapper .header #logo {   display: none;}

#cours-sidebar-wrapper #arborescence { background: #996699; border: none;}

.toggleTM-button-container { background: #9884a7; box-shadow: none;}

.coursLine .coursPlay {  background: none;}

#cours-sidebar-wrapper #anchorToggleTM{background-color: #1a1a1a;}

#gwt-uid-1 {display: flex !important;align-items: center;border-bottom: 1px solid;}


#arborescence .arbre_cours{padding-top: 20px;padding-bottom: 20px;}

#arborescence .ressource_name_selected, #arborescence .arbre_sequence_selected , #arborescence .arbre_unite_apprentissage_selected{color:#FBB03B;}
.ariane_img{content:url("./images/cours/slash.png") !important; height: 17px;}


.contenu_frame_min { max-width: 70%;}
.fil-ariane {  display: none;}
.frame_cours {    height: 100%;  border:none;}

.page_suite, .page_prec{border: 1px solid black;}
.page_suite {right	: 4px;}

@media screen and (min-width: 1200px)
{
	.coursLine {height:220px;}


	.coursLine .coursPlay {width:228px;}
	.coursLine .coursPlay .coursOk {background-size: 56px ;}
	.coursLine .coursPlay .coursPause{background-size: 56px ;}
	.coursLine .coursPlay .coursStop{background-size: 56px ;}
		
	.coursLine .coursInfos .imageCours {
		width: 200px;
	}

	.coursLine .coursInfos .imageCours table{
		padding-left: 15px;
		padding-right: 15px;
		border: 3px solid  #666666;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.coursLine .coursInfos .imageCours img {   width: 180px;}

	.coursLine .coursInfos .nomObjectifsCours {
		margin-left: 30px;
	}

	.coursLine .coursInfos .labelNomCours {
		height: 30%;
	}
    
}

