/* Couleurs : 

Voir commun.css

 */

/* PAGE C'EST QUOI ? --------------------------------------------------------------------- */


#div-cest-quoi #div-container-video{
	display: flex;
    justify-content: center;
}
#div-cest-quoi #div-video{
	position: relative;
    width: 56.1875em;
    height: 31.6875em;
    padding-bottom: 50.5%;
}
#div-cest-quoi #div-video iframe{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

#div-cest-quoi .div-partage-page{
	text-align: right;
	padding: 0;
	display: inline-block;
	color : #3d566e;
	font-weight: 700;
	font-size: 	1em;
}

#div-cest-quoi .div-partage-page span{
	margin-right: 0.3125em;
}

/** RESPONSIVE PAGE C'EST QUOI ? -------------------------------------------------------------------------**/

@media (max-width : 1200px) {
    .div-partage-page span{
    
    }
}
@media (max-width : 1199px) {
    .div-partage-page span{
    }
}
@media (max-width : 991px) {
    .div-partage-page span{
    }
}
@media (max-width : 767px) {
    .div-partage-page span{
    }
}
@media (max-width : 700px) {
    .div-partage-page span{
    }
}
@media (max-width : 600px) {
    .div-partage-page span{
    }
}
@media (max-width : 500px) {
    .div-partage-page span{
    }
}
@media (max-width : 400px) {
    .div-partage-page span{
    	font-size: 	0.75em;
    }
     .div-partage-page img{
    	height: 1.5625em;
    	width: 1.5625em;
    }
}