body {
  padding-top: 10px;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
 }

.titre {
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 1.8em;
  }

.roundedtitre  {
  margin : 10px;
  background-color: #00b0f0;
  height: 130px;
  font-size: 1em;
}

.roundedmaster { 
  margin: 10px;
  background-color: #00cc66;
  height: 70px;
  font-size: 1em;
}

.roundedcommun { 
  border: 0.2rem solid;
  border-color: white;
  background-color: #00b0f0;
  height: 70px;
  font-size: 1em;
  text-align: center;
  color: white;
}

.roundedspe { 
  margin: 10px;
  background-color: #808080;
  border: 0.2rem solid;
  border-color: white;
  height: 70px;
  font-size: 1em;
  text-align: center;
  color: white;
}

.imagesocle {
   margin: 5px;
   height: 50px;
   width: 50px;	
	}

 div .specialisation:hover {
  border: 1px solid red;
}

.lignespecification  {
	margin-top: 30px;
  	margin-bottom: 30px;
  	line-height: 4em;
}

.special {
  text-align: center;  
  font-size: 0.9em;
 }	
 
 
.specialisation { 
  margin: 10px;
  font-size: 1.1em;
  text-dark ;
}

.specialisation:hover{
  border: 1px solid red;
}

.specialbox {
  text-align: left;
  margin: 20px;
  font-size: 1.1em;
}

.specialitem {
  text-align: left;  
  margin: 20px;
  font-size: 1.1em;
 }	
 
.ECTS {
font-style: italic;;
font-weight: bold;
font-size: 1.2em;
color: white;
}	
	

.periode {
font-weight: bold;
font-size: 1.2em;
color: red;
}	

.totalects {
font-weight: bold;
font-size: 1.7em;
color: black;
background-color: grey;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

#liensocle {
	color: white;
	}
a#liensocle:hover {
  color: black;
   }
   
div.commun {
	position: absolute ;
	margin: 10px auto;
	padding: 5px 5px;
	overflow : auto;
	z-index: 99;
	background-color: lightgray;;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 80%;
	text-align: center;
	font-size: 1.1em;
	clear: both;
	}

div.commun p.titreCommun, .titre {
		font-size: 2em;
		font-weight: bold;
		margin: 50px auto 10px;
	}
div.commun p.responsable, .responsable{
		font-size: 1.6em;
		font-weight: bold;
		margin-left: 40px;
	}
div.commun p.periode, .periode{
		font-size: 1.3em;
		font-style: italic;
		color: white;
		}

div.commun p.itemsOP {
		font-size: 1.5em;
		font-style: normal;
		font-weight: bold;
		margin : 10px 0;
		text-align: left; 
	}

.objectifs, .programme {
	font-weight: bold;
	font-size: 1.5em;
}

div.commun, .texte {
		text-align: left;
		font-style: normal;
		margin: 0 0 0 100px;
		padding-left:20px;
		font-size: 1.1em;
	}
	
.sstitre {
	font-size: 1.3em;
	text-align:right;
}

// Smartphones en mode paysage
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
 }
// Tablettes
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
 }
// Grand écran
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
 }
// Très grand écran
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}