/* PHOTOS LEGENDES */
.contenu-photos-legendes {
    margin-bottom: 20px;
    position: relative;
}

.contenu-photos-legendes img {
    width: 100%;
}

.legende-photos-legendes {
    position: absolute;
    bottom: 0px;
    background-color: rgba(0,0,0,0.65);
    color:#EFEFDF;
    display:none;
    width: 100%;
}

.legende-photos-legendes-interieur{
    padding: 16px;
}

.legende-photos-legendes a{
    color:#EFEFDF;
    text-decoration:underline;
}

.hr2{
    text-align:center;
    background-image: url("images/carregris.png");
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position-y: center;
    margin: 14px 3px;
}

.hr2 .glyphicon{
    padding: 0px 11px;
    background-color: #EFEFDF;
}

.hr2 h3{
    text-align:center;
}

.contenu-photos-carre{
    width:220px;
    height:220px;
    background-size: cover;
    margin:0px auto;
}

.contenu-photos-verticales{
    width:330px;
    height:950px;
    background-size: cover;
    margin:0px auto;
}

.overlable{
    cursor:pointer;
}

.paragraph--type--port-folio-videos {
    margin-top: 15px;
}

/* GALERIES */
.legende-overlable {
    position: absolute;
    z-index: 100;
    top: 50%;
    left: 10%;
    width: 48%;
    color: white;
    text-shadow: 2px 2px 2px grey;
	display:none;
}

/* CREATIONS ETUDIANTS */
.paragraph--type--galerie{
	position:relative;
}

.paragraph--type--creations-etudiants {
    margin-top: 40px;
}

.creation-numero{
	font-weight: bold;
	letter-spacing: 0.1em;
	font-size: 30px;
	line-height: 1.3em;
	color: #545454;
	border-bottom: 2px solid #545454;
    margin-bottom: 4px;
}

.creation-sous-titres{
	letter-spacing: 0.05em;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.6em;
	color: #545454;
	margin-bottom: 28px;
    margin-top: 10px;
}

.creation-sous-titres .stitre{
	margin-right:100px;
}

span.creation-mots-clefs {
    margin-right: 4px;
    padding: 0px 1px;
	float:right;
	font-size: 10px;
    color: white;
	text-transform: lowercase;
}

span.bt-modif-couleur {
    float: right;
    margin-right: 5px;
    background-color: white;
    border-radius: 12px;
    padding: 0px 7px;
    cursor: pointer;
    font-family: arial;
    font-weight: bold;
}

.etudiant-block {
    display: flex;
}

.etudiant {
    display: inline-block;
    margin: 5px 10px;
	text-align: center;
}

.etudiant-nom {
    text-transform: uppercase;
    letter-spacing: 0.01em;
    font-family: arial;
    font-size: 12px;
}

.etudiant-titre {
    margin-top: 20px;
    margin-bottom: 5px;
}

.etudiant-classe {
    color: grey;
    font-style: italic;
    font-size: 11px;
}

.etudiant-image{
    margin-bottom: 5px;
    margin-top: 5px;
}

.etudiant-image img{
    width: 66px;
    height: 66px;
	border-radius:50px;
}

.zoom img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoom:hover img {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.paragraph--type--lien-video {
    margin-bottom: 30px;
}

.context-traveaux-etudiants .paragraph--type--galerie{
	margin-bottom: 30px;
}

.context-traveaux-etudiants .paragraph--type--galerie .paragraph{
	position:relative;
}

.fleche-gauche-galerie{
	position: absolute;
    top: 50%;
	left: 15px;
	cursor:pointer;
	display:none;
}

.fleche-droite-galerie {
    position: absolute;
    top: 50%;
    right: 15px;
	cursor:pointer;
}

.view-paragraphe-galerie.view-display-id-type_galerie_verticale .views-row{
    display: inline-block;
    position: relative;
    margin-right: 3px;
}
.view-paragraphe-galerie.view-display-id-type_galerie_verticale .view-content{
	overflow: hidden;
    position: relative;
    display: flex;
}

.duree-lecture {
    color:grey;
    margin-bottom: 3px;
}
.duree-lecture.ok {
    color:green;
}

.autre-contenu {
    margin-top: 7px;
    padding-left: 0px;
}

.bt-gestion-cena{
    margin-top: 5px;
}

.image-difficulte{
    height: 23px;
}

.traces-algo{
    display:none;
}

.field--name-field-jour{
    display:inline-block;
}