body { 

    padding-top: 0px; 
}

td.Moyenne, td.noteSR {
  background-color: #696969;
  text-align: center;
  font-weight: bold;
  color: white;
}

.chen{
	border-radius: 6px;
	height: 165px;
	margin-left: -5px;
	width: 80em;
}

.navbar.navbar-default.navbar-fixed-top.navbar-inverse
{
	background-color: rgba(177,153,100,0.6)
}

.prototype-classe-ue{
margin-top: 28px; 
margin-bottom: 3%; 
padding-bottom: 3%;
border-bottom: solid rgba(0,0, 0, 0.2) 1px;
}


/* Before the navbar of the web application */


#admin_header
{
	margin-top: 30px;
}

/* The background  of content area of the web site */

#content_index_logout
{
	/*background-image: url("../images/body_acc.jpg");*/
}

#content_index_login
{
	/*background-image: url("../images/body_ac.jpg");*/
}

.footer{
	margin-top:  30px;
	text-align: center;
}

label[for="users_imageFile_file"]
{
	display: none;	
}

#before_header
{
	margin: 0px;
	background: url("../../bundles/cathoadmin/images/fond_header.jpg") no-repeat;
}

.well_text
{
	
	font-weight:25px
}
#entete_logo_image
{
	background: url("../../bundles/cathoadmin/images/fond_header.jpg") no-repeat;
	background-size: 100%;
	width: 1800px;
	height: 200px;
}

/* DSIPOSITION DU CAMPUS ONLINE SYSTEM*/

.campus{
	margin-top: 2em;
}

/*Logo principal*/

.logopays{
	margin-top: 0.2em; 
	margin-bottom: 1em; 
	padding: 0em; 
	height: 200px; 
	margin-left: 4%
}

.catho{
    width: 212px;
    height: 209px;
    -webkit-border-radius: 100px / 160px;
    -moz-border-radius:    100px; 
    border-radius:         100px; 
	box-shadow: 0px 0px 8px green;
    margin-left: 1.8em;
	margin-top: 0.9em;
	display: inline-block;
}

.im{
	width: 49px;
	height: 47px;
}

.top{
	background: rgba(238,238,238,1);
	border-radius: 6px; 
	margin-top: 1em;
}



/*** Mise en forme select filtre de recherche ***/


#filtre_etudiant_annee
{
	margin-left: 5px;
}
#filtre_etudiant_faculte
{
	margin-left: 5px;
}
#filtre_etudiant_filiere
{
	margin-left: 5px;
}
#filtre_etudiant_classe
{
	margin-left: 5px;
}

#filtre_etudiant_mois
{
	margin-left: 5px;
}

/*** Mise en forme Bouton de pagination ***/

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: 0.5em;
    padding: 0.4em 0.6em;
}

/*Faculte filiere Année */

/* POP up*/
.importation{
	background:url("../../bundles/cathoadmin/images/logotroncer.png") no-repeat;
	margin:auto;
	font-family: Lucida Calligraphy;
	font-size: 20px;
}

.modal.in {
   display:block;
}

.modal.modal-wide .modal-dialog {
  width: 97%;
}
.modal-wide .modal-body {
  overflow-y: auto;
}


/****************** STYLE1 **************************/

.margin-top {
  margin: 10;
}

/* Top Logo */
#header-right {
  background-color: green;
  height: 100px;
}
#top-logo {
  border-top: solid red 8px;
  margin-top: 5px;
  background-color: white;
}
.chen{
	border-radius: 6px;
	height: 165px;
	margin-left: -5px;
	width: 80em;
}


/* Style pour icone pour menu dans le container */
#bgi {
  background: url("../../bundles/cathoadmin/images/arriereplan.jpg") no-repeat 100%;
  margin: 0px;
  margin: 0px;
  padding: 1em;
  font-family: Cooper Std Black;
  font-size: 20px;
  background-size: cover;
}
	
#bgi1 {
  background: rgba(238,238,238,1);
  border-radius: 6px;
  background-size: 100%;
  margin: 0px;
  margin: 0px;
  padding: 1em;
  font-family: Cooper Std Black;
  font-size: 20px;
}
.titreliens {
  font-family: Cooper Std Black;
  font-size: 1.2em;
  font-variant: small-caps;
  text-transform: bold;
  color: rgba(190,33,37,1);
}
.img1 {
  background-color: rgba(255,255,255,0.8);
  border-color:white;
  border-top-left-radius:25%;
  border-bottom-right-radius:25%;
  opacity: 1;
  margin-top: 3.5em;
  font-weight: bold;
  margin-right: 5%;
  height: 10em;
}

.img2 {
  background-color: rgba(255,255,255,0.8);
  border-color:white;
  border-top-left-radius:25%;
  border-bottom-right-radius:25%;
  width: 27%;
  opacity: 1;
  margin-top: 1em;
  font-weight: bold;
  margin-right: 10px;
  height: 10em;
  margin-left: 0.5em;
}

div.alert.alert-success{
	margin-left: 16.6%;
}


.descript{
	color:black;
	font-size: 0.8em;
}

 .icon_container{
	 height: 4em;
 }
 
/* Style pour le Breadcrumb*/

.breadcrumb {
  font-size: 1.6em;
}

/* Largeur des boutons du menu */

.bouton-menu {
  color: rgba(179,56,48,1);
  display: block;
  text-decoration: none;
  margin: 10px auto;
  border-radius: 5px;
  border: solid 2px ridge #D94E3B;
  text-align: center;
  padding: 20px 30px;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-box-shadow: 0px 9px 0px #84261a;
  -moz-box-shadow: 0px 9px 0px #84261a;
  box-shadow: 0px 9px 0px hsla(109,21%,62%,1);
  font-size: 1.3em;
  text-shadow: 0px 1px 2px #fff;
  line-height: 35px;
  height: 90px;
}

.icon {
  margin-top: 9px;
  margin-left: 5px;
}
.boutonmenu {
  height: 6%;
  font-size: 1.1em;
  text-align: center;
  padding: 0px;
  padding-top: 5%;
}
.boutonmenu1 {
  height: 8%;
  font-size: 1.1em;
  text-align: center;
  padding: 0px;
  padding-top: 4%;
}

.decalage_academique
{
	padding-left: 10px;
}

.blockmenu {
  margin-top: 20px;
}

/* HEADER RIGHT TOP */
.texttitre {
  font-family: Lucida Calligraphy;
  font-size: 2.2em;
  text-align: center;
  text-transform: bold;
  color:rgba(238, 238, 238, 1);
  margin-top: -20px;
}
.prelettre {
  font-family: Kunstler Script;
  font-size: 2.3em;
  text-transform: bold;
}
#navbar-top {
  height: 20px;
}
.espace {
  height: 5px;
}

.taille{
	height:230px;
} 

/*breadcrumb Chengo*/
.breadcrumb { 
			list-style: none; 
			overflow: hidden; 
			font: 18px Helvetica, Arial, Sans-Serif;
		}
		.breadcrumb li { 
			float: left; 
		}
		.breadcrumb li a {
			color: white;
			text-decoration: none; 
			padding: 10px 0 10px 55px;
			background: hsla(109,21%,52%,1);                                     /* fallback color */
			background: hsla(109,21%,52%,1);  
			position: relative; 
			display: block;
			float: left;
			height: 2.32em;
		}
		.breadcrumb li a:after { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid hsla(109,21%,52%,1);
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			left: 100%;
			z-index: 2; 
		}	
		.breadcrumb li a:before { 
			content: " "; 
			display: block; 
			width: 0; 
			height: 0;
			border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
			border-bottom: 50px solid transparent;
			border-left: 30px solid white;
			position: absolute;
			top: 50%;
			margin-top: -50px; 
			margin-left: 2px;
			left: 100%;
			z-index: 1; 
		}	
		.breadcrumb li:first-child a {
			padding-left: 10px;
			
		}
		.breadcrumb li:nth-child(2) a       { background:        hsla(109,21%,62%,1); }
		.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(109,21%,62%,1); }
		.breadcrumb li:nth-child(3) a       { background:        hsla(109,21%,72%,1); }
		.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(109,21%,72%,1); }
		.breadcrumb li:nth-child(4) a       { background:        hsla(109,21%,82%,1); }
		.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(109,21%,82%,1); }
		.breadcrumb li:nth-child(5) a       { background:        hsla(109,21%,92%,1); }
		.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(109,21%,92%,1); }
		.breadcrumb li:nth-child(6) a       { background:        hsla(109,21%,102%,1); }
		.breadcrumb li:nth-child(6) a:after { border-left-color: hsla(109,21%,102%,1); }
		.breadcrumb li:last-child a {
			color: black;
			pointer-events: none;
			cursor: default;
		}
		.breadcrumb li:last-child a:after { border: ; }
		.breadcrumb li a:hover { background: rgba(179,56,48,1); }
		.breadcrumb li a:hover:after { border-left-color: rgba(179,56,48,1) !important; }

/*end breadcrumb Chengo*/

/*breadcrumb*/

#headside li {
  display: inline;
  margin-top: 7220px;
}



/*breadcrumb end Chris*/

.menu {
	margin: 0.5%;
	font-size: 02em;
}

/* pied de page*/
.messagefooter {
  font-family: Lucida Calligraphy;
  font-size: 30px;
  color: gold;
}
.firstletter {
  font-family: Kunstler Script;
  font-size: 50px;
  text-transform: bold;
}
.footer {
  padding: 0px;
  text-align: center;
}
.footer1 {
  padding: 0px;
  height: 100%;
}

.copyright {
  font-size: 23px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#etudiant{
	margin: auto;
}

@media screen only (max-width: 425px) {
  h1.titres-chen{
	display: none;
  }
}
@media screen and (max-width: 767px) {
 
/* Modifications Logo*/
.catho{
    height: 209px;
    -webkit-border-radius: 100px / 160px;
    -moz-border-radius:    100px; 
    border-radius:         100px; 
	box-shadow: 0px 0px 8px green;
	margin-top: 1.8em;
	margin-bottom: 1em;
    display: inline-block;
} 

.bouton-menu_etudiant {
  color: rgba(179,56,48,1);
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-box-shadow: 0px 9px 0px #84261a;
  -moz-box-shadow: 0px 9px 0px #84261a;
  box-shadow: 0px 9px 0px hsla(109,21%,62%,1);
  text-shadow: 0px 1px 2px #fff;
  line-height: 35px;
  height: 32px;
  font-size: 1em;
}

/* Style pour icone pour menu dans le container */
#bgi {
  background: url("../../bundles/cathoadmin/images/arriereplan.jpg") no-repeat 100%;
  margin: 0px;
  margin: 0px;
  padding: 1em;
  font-family: Cooper Std Black;
  font-size: 20px;
  background-size: cover;
}


 /* Désactiver menu*/
.top{
	display: none;
} 

/*  Mon nouveau menu du haut*/
.on{
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.on_etudiant1{
	display: none;
}

.on_etudiant{
	margin-bottom: 1.1em;
	margin-top: 0.5em;
}



 
/* Désactiver le menu deroulant présent dans les petits écrans*/
.chengo{
	display: none;
}


/* Suppression du breadcrumb*/
div.bread{
	display: none;
}

/* Reglage du campus Online */
.texttitre {
  font-family: Lucida Calligraphy;
  font-size: 1.3em;
  text-align: center;
  text-transform: bold;
  color:rgba(238, 238, 238, 1);
  margin-top: 0;
  margin-right: 4%;
}

.taille{
	height: 12.3em;
} 


.img1 {
  background-color: rgba(255,255,255,0.8);
  border-color:white;
  border-top-left-radius:25%;
  border-bottom-right-radius:25%;
  opacity: 1;
  margin-top: 1em;
  font-weight: bold;
  height: 7em;
}

.icon_container{
	height: 1.8em;
}

.center-block{
	display:block;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px; 
	padding:0px;
}
  
  
  h2.titreliens {
    font-size: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 124%;
  }
  
  h1.titres-chen{ 
	font-size: 138%;
  }
  
  
  .messagefooter {
    font-size: 12px;
    margin-left: 22px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .copyright {
    margin-left: 22px;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .firstletter {
    font-size: 21px;
  }
  .footer {
    padding: 0px;
    height: 10%;
  }
  .footer1 {
    padding: 0px;
    height: 100%;
  }

}

@media screen and (min-width: 768px) and (max-width: 991px) {
 
 /* Suppression du breadcrumb*/
div.bread{
	display: none;
}
 
/* Image pour le Layout*/
.imgcathonkolbi{
	background: url("../../bundles/cathoadmin/images/fond_header.jpg") no-repeat;
	background-size: 1800px 200px; 	
	margin-left:0px;
	margin-right:0px; 
	padding:0px;
}

/* Modifications Logo*/
.catho{
    height: 209px;
    -webkit-border-radius: 100px / 160px;
    -moz-border-radius:    100px; 
    border-radius:         100px; 
	box-shadow: 0px 0px 8px green;
	margin-top: 1.8em;
	margin-bottom: 1em;
    display: inline-block;
}


/* HEADER RIGHT TOP */
.texttitre {
  font-family: Lucida Calligraphy;
  font-size: 2.2em;
  text-align: center;
  text-transform: bold;
  color:rgba(238, 238, 238, 1);
  margin-top: -20px;
  margin-right: 12%;
}


.taille{
	height:17%;
} 

 /* Suppression du Menu de gauche*/
.top{
	display: none;
}

 /* Menu en haut*/
.on{
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
.on_etudiant1{
	display: none;
}
.on_etudiant{
	margin-bottom: 1.1em;
	margin-top: 0.5em;
}


.bouton-menu_etudiant {
  color: rgba(179,56,48,1);
  text-decoration: none;
  text-align: center;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-box-shadow: 0px 9px 0px #84261a;
  -moz-box-shadow: 0px 9px 0px #84261a;
  box-shadow: 0px 9px 0px hsla(109,21%,62%,1);
  text-shadow: 0px 1px 2px #fff;
  line-height: 35px;
  height: 32px;
  font-size: 1em;
}

/* Je redéfini la taille des boutons*/

.img1 {
  background-color: rgba(255,255,255,0.8);
  border-color:white;
  border-top-left-radius:25%;
  border-bottom-right-radius:25%;
  opacity: 1;
  margin-top: 1em;
  font-weight: bold;
  height: 7.6em;
}


.center-block{
	display:block; 
	margin-top:10px; 
	margin-left:0px; 
	padding:0px;
	margin-right:auto;
}


 .titreliens {
    font-size: 20px;
  }
  .footer {
    padding: 0px;
    height: 10%;
  }
  .footer1 {
    padding: 0px;
    height: 100%;
  }
  .messagefooter {
    font-size: 1.5em;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .copyright {
    margin-left: 25px;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .firstletter {
    font-size: 40px;
  }
}
@media screen and (min-width: 901px) and (max-width: 991px){
	
	.hidden-sm{
		display: none; 
	}
	.icon_container{
	    height: 3em;
	}
	.img1 {
  background-color: rgba(255,255,255,0.8);
  border-color:white;
  border-top-left-radius:25%;
  border-bottom-right-radius:25%;
  opacity: 1;
  margin-top: 1em;
  font-weight: bold;
  height: 10em;
}
	
}

@media all and (min-width: 992px) and (max-width: 1999px) {
 
  /* Désactiver le Menu en haut*/
.on{
	display: none;
}

.on_etudiant{
	display: none;
}
 
 /* Image pour le Layout*/
.imgcathonkolbi{
	background: url("../../bundles/cathoadmin/images/fond_header.jpg") no-repeat;
	background-size: 1800px 200px; 	
	margin-left:0px;
	margin-right:0px; 
	padding:0px;
}

.center-block{
	display:block; 
	margin-top:10px; 
	margin-left:0px; 
	padding:0px;
	margin-right:auto;
}

/* Les images des blocs*/
 .icon_container{
	 height: 4em;
 }

  .titreliens {
    font-size: 20px;
  }
  .descript {
    font-size: 15px;
  }
  .footer {
    padding: 0px;
    height: 10%;
  }

  .img1 {
    margin-top: 10px;
	height: 9.1em;
  }
  .messagefooter {
    font-size: 1.563em;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .copyright {
    margin-left: 25px;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

}
@media all and (min-width: 992px) and (max-width: 1099px) {
	.icon_container{
	display: none;
	}
	
	.img1{
		height: 7.5em;
	}
}

@media all and (min-width: 1200px){
 
   /* Désactiver le Menu en haut*/
.on{
	display: none;
}
.on_etudiant{
	display: none;
}
 
 /* Désactiver le menu deroulant présent dans les petits écrans*/
.chengo{
	display: none;
}
 
 /* Reglage du campus Online */
.texttitre {
  margin-top: 0;

}
 
/* Image pour le Layout*/
.imgcathonkolbi{
	background: url("../../bundles/cathoadmin/images/fond_header.jpg") no-repeat;
	background-size: 1800px 200px; 	
	margin-left:0px;
	margin-right:0px; 
	padding:0px;
}

.center-block{
	display:block; 
	margin-top:10px; 
	margin-left:0px; 
	padding:0px;
	margin-right:auto;
}

  .titreliens {
    font-size: 20px;
  }
  .descript {
    font-size: 15px;
  }
  .footer {
    padding: 0px;
    height: 17%;
  }
  .footer1 {
    padding: 0px;
    height: 100%;
  }
  .img1 {

    margin-top: 2%;
  }
  .messagefooter {
    font-size: 25px;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .copyright {
    margin-left: 25px;
    font-size: 15px;
    margin-top: 0px;
    margin-bottom: 0px;
  }

}
@media all and (min-width: 1200px) and (max-width: 1440px){
	
.col-lg-2 {
	width: 25%;
}
	
.col-lg-10 {
	width: 75%;
}
	
}
@media all and (min-width: 1200px) and (max-width: 1250px){
	.breadcrumb{
		width: 52em;
	}
	.campus{
	margin-top: 1em;
	}
}
@media all and (min-width: 992px) and (max-width: 1123px){
	.breadcrumb{
		width: 52em;
	}
	.campus{
	margin-top: 1.5em;
	}
}