#grid-body
{
	display: grid;
	max-width:1440px;
	background-color:rgb(250,250,250);
	margin:auto;
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: 1fr;
	grid-template-areas: 
		"redline redline redline redline redline redline"
		"art-1 art-1 unesection unesection art-2 art-2"
		"empty-a art-3 art-3 art-3 art-3 empty-b"
		"empty-c art-7 art-7 art-8 art-8 empty-d"
		"empty-e art-9 art-9 art-10 art-10 empty-f"
		"empty-g greyline-1 greyline-1 greyline-1 greyline-1 empty-h"
		"empty-i sommes-nous sommes-nous suivez-nous suivez-nous empty-j"
		"empty-k greyline-2 greyline-2 greyline-2 greyline-2 empty-l"
		"v-redline v-redline v-redline v-redline v-redline v-redline"
		"art-11 art-11 art-12 art-12 art-13 art-13"
		"v-section-1 v-section-1 v-section-2 v-section-2 v-section-3 v-section-3"
		"vbis-redline vbis-redline vbis-redline vbis-redline vbis-redline vbis-redline"
		"section-pave section-pave section-pave section-pave annonces annonces"
		"s-formations s-formations s-formations s-formations s-links-formations s-links-formations"
		"p-redline p-redline p-redline p-redline p-redline p-redline"
		"art-25 art-25 art-26 art-26 art-27 art-27"
		"empty-m art-28 art-28 art-28 art-28 empty-n"
		"empty-o art-29 art-29 art-30 art-30 empty-p"
		"empty-q art-31 art-31 art-32 art-32 empty-r"
		"tris-redline tris-redline tris-redline tris-redline tris-redline tris-redline"
		"art-33 art-33 art-34 art-34 art-35 art-35"
		"s-philo s-philo s-polit s-polit s-eco s-eco"
		"s-socio s-socio s-sciences s-sciences s-interna s-interna"
		"s-culture s-culture s-environ s-environ s-histoire s-histoire";
}

#redline
{
	grid-area: redline;
    height: 4px;
    background-color: #B41021;
    margin-top: 22px;
}

#art-1
{
	padding: 30px;
	grid-area: art-1;
}

#art-2
{
	padding: 30px;
	grid-area: art-2;
}

#unesection
{
	grid-area: unesection;
	padding: 30px;
	box-shadow: 0px 2px 20px -4px rgba(0, 0, 0, .15);
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}

#tx-une
{
	text-align: center;
    color: #121619;
    filter: alpha(opacity=50);
    opacity: 0.6;
    font-family: overpass-light, Arial;
    font-size: 1.6rem;
    margin-bottom: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#art-3
{
	grid-area: art-3;
}

/*#art-4, #art-5, #art-6
{
Articles de la Une
le grid area est la section
}*/

#art-7
{
	grid-area: art-7; 
}

#art-8
{
	grid-area: art-8; 
	
}

#art-9
{
	grid-area: art-9; 
}

#art-10
{
	grid-area: art-10; 
}

#art-11
{
	grid-area: art-11;
}

#art-12
{
	grid-area: art-12;
}

#art-13
{
	grid-area: art-13;
}

/*#art-14, #art-15, #art-16, #art-17, #art-18, #art-19
{
Articles en texte de la section vidéos
le grid area est la section
}

#art-20, #art-21, #art-22, #art-23, #art-24
{
Articles de la section pavé
le grid area est la section
}*/

#art-25
{
	grid-area: art-25;
}

#art-26
{
	grid-area: art-26;
}

#art-27
{
	grid-area: art-27;
}

#art-28
{
	grid-area: art-28;
}

#art-29
{
	grid-area: art-29;
}

#art-30
{
	grid-area: art-30;
}

#art-31
{
	grid-area: art-31;
}

#art-32
{
	grid-area: art-32;
}

#art-33
{
	grid-area: art-33;
}

#art-34
{
	grid-area: art-34;
}

#art-35
{
	grid-area: art-35;
}

/*#art-36 à #art-71
{
Articles des sections catégories
les grid area sont dans chaque section ci-dessous
}*/

#s-philosophie
{
	grid-area: s-philo;
}

#s-politique
{
	grid-area: s-polit;
}

#s-economie
{
	grid-area: s-eco;
}

#s-societe
{
	grid-area: s-socio;
}

#s-sciences
{
	grid-area: s-sciences;
}

#s-international
{
	grid-area: s-interna;
}

#s-culture
{
	grid-area: s-culture;
}

#s-environnement
{
	grid-area: s-environ;
}

#s-histoire
{
	grid-area: s-histoire;
}

.etiquette
{
	text-decoration: none;
    font-family: overpass-light, Arial;
    font-size: 1.12rem;
    color: #B41021;
}

.a-deco-none
{
	text-decoration: none;
}

.title-article
{
	font-size: 1.7rem;
    font-family: overpass-bold, Arial;
	font-weight: initial;
    color: #121619;
    margin: 2px 0 13px 0;
	-webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

.title-article:hover
{
	color: #254258;
}

.a-img-article
{
	display: inline-block;
	width: 100%;
}

.a-img-article::before
{
	content: '';
	width: 0px;
	height: 1px;
	display: block;
	background-color: #B41021;
	-webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.a-img-article:hover::before
{
	width: 100%;
}

.description-article
{
	font-family: overpass-light, Arial;
    font-size: 1.15rem;
    line-height: 1.5rem;
	margin-top: 15px;
}

.img-article
{
	width: 100%; 
	margin-top: 5px;
	border-radius: 20px;
	filter: brightness(1);
	-webkit-transition: filter 0.3s;
	-moz-transition: filter 0.3s;
	-o-transition: filter 0.3s;
	transition: filter 0.3s;
}

.img-article:hover
{
	filter: brightness(0.7);
}

.lil-img-article
{
	width: 100%; 
	margin-top: 5px;
	border-radius: 7px;
	filter: brightness(1);
	-webkit-transition: filter 0.3s;
	-moz-transition: filter 0.3s;
	-o-transition: filter 0.3s;
	transition: filter 0.3s;
}

.lil-img-article:hover
{
	filter: brightness(0.7);
}

.img-derniers-articles
{
	border-radius: 20px;
	filter: brightness(1);
	-webkit-transition: filter 0.3s;
	-moz-transition: filter 0.3s;
	-o-transition: filter 0.3s;
	transition: filter 0.3s;
}

.img-derniers-articles:hover
{
	filter: brightness(0.7);
}

.lil-article
{
	display: flex; 
	margin-bottom: 30px; 
	padding-bottom: 23px; 
}

.border-art-une
{
	border-bottom: 1px solid #CCC;
}

.lil-title-article
{
	font-size: 1.12rem;
    font-family: overpass-bold, Arial;
	font-weight: initial;
    color: #121619;
    margin: 0;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

a:hover > .lil-title-article
{
	color: #254258;
}

.cont-lil-img-art
{
	width: 41%;
}

.max-width-200
{
	max-width: 200px;
}

.a-lil-art
{
	margin-left: 20px; 
	width: 59%;
	margin-top: 2px;
}

.cont-img-art-cube
{
	width: 37%;
}

.cont-title-art-cube
{
	width: 63%; 
	margin-left: 30px;
}

.first-cube
{
	display: flex; 
	margin-top: 50px; 
	margin-bottom: 40px;
	box-shadow: 0px 11px 20px -14px rgba(0, 0, 0, .15);
}

.padding-right-cube
{
	padding-right: 15px;
	box-shadow: 0px 11px 20px -14px rgba(0, 0, 0, .15);
}

.padding-left-cube
{
	padding-left: 15px;
	box-shadow: 0px 11px 20px -14px rgba(0, 0, 0, .15);
}

#greyline-1
{
	grid-area: greyline-1;
	background: none;
	border-bottom: 2px dotted #CCC;
	height: 4px;
	margin-bottom: 30px;
}

#greyline-2
{
	grid-area: greyline-2;
	background: none;
	border-top: 2px dotted #CCC;
	height: 4px;
	margin-top: 30px;
}

#cont-qui-sommes-nous
{
	grid-area: sommes-nous;
	text-align: center;
	border-right: 1px solid #CCC;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#tx-sommes-nous
{
	font-family: overpass-bold, Arial;
	font-size: 1.8rem;
	margin-top: 30px;
	margin-bottom: 15px;
}

#tx-desc-nous
{
	font-family: overpass-light, Arial;
	font-size: 1.4rem;
	margin-bottom: 23px;
}

#nous-savoir-plus
{
	border-radius: 50px;
	border: 1px solid #121619;
	width: 41%;
	outline: none;
	font-size: 1.1rem;
	background-color: rgb(250, 250, 250);
	font-family: overpass-light, Arial;
	text-decoration: none;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 30px;
	color: #121619;
	-webkit-transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-o-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}

#nous-savoir-plus:hover
{
	background-color: #121619;
	color: #FFF;
}

#cont-suivez-nous
{
	grid-area: suivez-nous;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#a-yt-red-nous
{
	display: flex;
	margin-top: 30px;
	margin-bottom: 15px;
}

#tx-suivez-nous
{
	font-family: overpass-light, Arial;
	font-size: 1rem;
}

#tx-affranchi-suivez-nous
{
	font-family: overpass-bold, Arial;
	font-size: 1.5rem;
	text-decoration: none;
	color: #121619;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	transition: color 0.3s;
}

#tx-affranchi-suivez-nous:hover
{
	color: #B41021;
}

.cont-pictos-rs-nous
{
	width: 87%;
	display: flex;
	align-items: center;
}

.space-around-rs-nous
{
	justify-content: space-around;
	padding: 15px 20px 20px 20px;
	box-sizing: border-box;
}

.pictos-rs-nous
{
	height: 50px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: opacity 0.45s;
	-moz-transition: opacity 0.45s;
	-o-transition: opacity 0.45s;
	transition: opacity 0.45s;
}

.pictos-rs-nous:hover
{
	opacity: 1;
	filter: alpha(opacity=100);
}

#cont-videos-redline
{
	grid-area: v-redline;
	margin-top: 70px;
}

#cont-plus-art-redline
{
	grid-area: p-redline;
	margin-top: 70px;
}

.bis-redline
{
	height: 4px;
	background-color: #B41021;
}

.tx-bis-redline
{
	font-family: overpass-bold, Arial;
	font-size: 1.7em;
	margin-left: 30px;
	margin-bottom: 10px;
	color: #B41021;
}

.a-cont-trefle-article
{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.hover-img-trefle
{
	filter: brightness(1);
	-webkit-transition: filter 0.3s;
	-moz-transition: filter 0.3s;
	-o-transition: filter 0.3s;
	transition: filter 0.3s;
}

.hover-img-trefle:hover
{
	filter: brightness(0.7);
}

.picto-hover-video
{
	position: absolute;
	width: 73px;
	height: 64px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-image: url('images/picto-yt-video.svg');
	background-repeat: no-repeat;
}

.a-cont-trefle-article:hover > .picto-hover-video
{
	background-image: url('images/picto-yt-video-red.svg');
	opacity: 1;
	filter: alpha(opacity=100);
}

.cont-tx-trefle
{
	padding: 30px;
}

.border-right-trefle
{
	border-right: 1px solid #ccc;
}

.ajust-cont-trefle
{
	border-bottom: 1px solid #ccc;
	position: relative;
	padding-bottom: 30px;
	border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.publie-le-trefle
{
	font-family: overpass-light, Arial;
	font-size: 1rem;
	bottom: 30px;
	position: absolute;
	margin-left: 30px;
}

.link-article-video
{
	position: absolute;
	width: 100%;
	height: 100%;
	background: none;
	z-index: 2;
}

.height-video
{
	position: absolute;
	height: 100%;
}

.cont-video-height
{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

#s-1-actu-videos
{
	grid-area: v-section-1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#tx-suivez-actu-videos
{
	font-family: overpass-bold, Arial;
	font-size: 1.5rem;
}

#s-2-actu-videos
{
	grid-area: v-section-2;
}

#s-3-actu-videos
{
	grid-area: v-section-3;
}

.ajust-tx-videos
{
	padding-top: 25px;
	padding-bottom: 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;	
}

#toutes-videos
{
	border-radius: 50px;
	border: 1px solid #121619;
	width: 48%;
	text-align: center;
	outline: none;
	font-size: 1.2rem;
	background-color: rgb(250, 250, 250);
	font-family: overpass-light, Arial;
	text-decoration: none;
	padding-top: 9px;
	padding-bottom: 9px;
	margin-top: 10px;
	color: #121619;
	-webkit-transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-o-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}

#toutes-videos:hover
{
	color: #FFF;
	background-color: #121619;
}

.tx-article-video
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0px 30px 0px 0px;
}

.nbr-art-video
{
	font-family: overpass-bold, Arial;
	font-size: 2.4rem;
	width: 10%;
	text-align: center;
}

.a-tx-art-video
{
	text-decoration: none;
	margin-left: 10px;
	width: 90%;
}

.title-art-video
{
	font-family: overpass-light, Arial;
	font-size: 1.1rem;
	font-weight: inherit;
	color: #121619;
}

.title-art-video:hover
{
	color: #B41021;
}

#vbis-redline
{
	grid-area: vbis-redline;
    height: 4px;
    background-color: #B41021;
	margin-bottom: 30px;
}

#section-pave-articles
{
	grid-area: section-pave;
}

#section-annonces
{
	grid-area: annonces;
}

.cont-img-art-pave
{
	width: 42%;
	margin-left: 30px;
}

.cont-title-art-pave
{
	width: 48%;
	margin-left: 30px;
	margin-right: 30px;
}

.cont-art-pave
{
	display: flex;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding-top: 26px;
	padding-bottom: 26px;
	border-radius: 20px;
}

.first-art-pave
{
	border-top: 1px solid #ccc;
}

.publie-le-pave
{
	font-family: overpass-light, Arial;
	font-size: 1rem;
	padding-top: 15px;
}

.s-annonces
{
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

.radius-annonces
{
	border-radius: 20px;
}

.a-acces-biblio
{
	border-radius: 50px;
	border: 1px solid #121619;
	width: 65%;
	text-align: center;
	outline: none;
	font-size: 1.2rem;
	background-color: rgb(250, 250, 250);
	font-family: overpass-light, Arial;
	text-decoration: none;
	padding-top: 9px;
	padding-bottom: 9px;
	margin-top: 10px;
	margin-bottom: 70px;
	color: #121619;
	-webkit-transition: background 0.3s, color 0.3s;
	-moz-transition: background 0.3s, color 0.3s;
	-o-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
}

.a-acces-biblio:hover
{
	color: #FFF;
	background-color: #121619;
}

#section-cours-form
{
	grid-area: s-formations;
	margin-top: 70px;
}

#a-cours-form
{
	width: 100%;
	display: flex;
	align-items: center;
}

#section-links-formations
{
	grid-area: s-links-formations;
	padding: 50px;
	padding-bottom: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-top: 70px;
}

#tx-nos-formations
{
	font-family: overpass-bold, Arial;
	font-weight: initial;
	font-size: 2.1rem;
	margin: 0;
	padding-bottom: 10px;
	color: #B41021;
}

.tx-list-forms
{
	font-family: overpass-light, Arial;
	font-size: 1.65rem;
	font-weight: initial;
	margin: 12px 0px 12px 30px;
	color: #121619;
}

.tx-list-forms:hover
{
	color: #B41021;
}

#redline-art
{
	grid-area: redline;
    height: 4px;
    background-color: #B41021;
    margin-top: 22px;
}

#tris-redline
{
	grid-area: tris-redline;
    height: 4px;
    background-color: #B41021;
}

.section-derniers-art
{
	padding: 0px 70px 70px 70px;
}

.first-derniers-art
{
	padding-top: 70px;
}

.title-section
{
	font-family: overpass-bold, Arial;
	font-size: 1.5rem;
	font-weight: initial;
	margin: 0 0 6px 0;
	color: #B41021;
}

.lil-title-light
{
	font-family: overpass-light, Arial;
	margin-top: 25px;
}

.lil-title-marg-top
{
	margin-top: 8px;
}

/*rupture en dessous d'ordi/tablette paysage*/
@media screen and (max-width: 1200px)
{	
	#grid-body
	{
		grid-template-areas: 
			"redline redline redline redline redline redline"
			"art-1 art-1 art-1 art-2 art-2 art-2"
			"empty-a unesection unesection unesection unesection empty-b"
			"art-3 art-3 art-3 art-3 art-3 art-3"
			"art-7 art-7 art-7 art-8 art-8 art-8"
			"art-9 art-9 art-9 art-10 art-10 art-10"
			"greyline-1 greyline-1 greyline-1 greyline-1 greyline-1 greyline-1"
			"sommes-nous sommes-nous sommes-nous suivez-nous suivez-nous suivez-nous"
			"greyline-2 greyline-2 greyline-2 greyline-2 greyline-2 greyline-2"
			"v-redline v-redline v-redline v-redline v-redline v-redline"
			"art-11 art-11 art-12 art-12 art-13 art-13"
			"v-section-1 v-section-1 v-section-2 v-section-2 v-section-3 v-section-3"
			"vbis-redline vbis-redline vbis-redline vbis-redline vbis-redline vbis-redline"
			"section-pave section-pave section-pave section-pave annonces annonces"
			"s-formations s-formations s-formations s-formations s-links-formations s-links-formations"
			"p-redline p-redline p-redline p-redline p-redline p-redline"
			"art-25 art-25 art-26 art-26 art-27 art-27"
			"art-28 art-28 art-28 art-28 art-28 art-28"
			"art-29 art-29 art-29 art-30 art-30 art-30"
			"art-31 art-31 art-31 art-32 art-32 art-32"
			"tris-redline tris-redline tris-redline tris-redline tris-redline tris-redline"
			"art-33 art-33 art-34 art-34 art-35 art-35"
			"s-philo s-philo s-polit s-polit s-eco s-eco"
			"s-socio s-socio s-sciences s-sciences s-interna s-interna"
			"s-culture s-culture s-environ s-environ s-histoire s-histoire";
		
	}
	
	#tx-une
	{
		display: none;
	}
	
	.first-cube
	{
		padding: 30px;
	}
	
	.padding-left-cube
	{
		padding-right: 30px;
	}
	
	.padding-right-cube
	{
		padding-left: 30px;
	}
	
	#section-links-formations
	{
		padding: 22px;
	}
	
	.tx-list-forms
	{
		font-size: 1.2rem;
	}
	
	.section-derniers-art
	{
		padding: 0px 31px 40px 31px;
	}
	
	.first-derniers-art
	{
		padding-top: 60px;
	}
}

/*rupture en dessous de tablette portrait*/
@media screen and (max-width: 959px)
{
	#grid-body
	{
		grid-template-areas: 
			"redline redline redline redline redline redline"
			"empty-a art-1 art-1 art-1 art-1 empty-b"
			"empty-c art-2 art-2 art-2 art-2 empty-d"
			"empty-e unesection unesection unesection unesection empty-f"
			"art-3 art-3 art-3 art-3 art-3 art-3"
			"empty-g art-7 art-7 art-7 art-7 empty-h"
			"empty-i art-8 art-8 art-8 art-8 empty-j"
			"empty-k art-9 art-9 art-9 art-9 empty-l"
			"empty-m art-10 art-10 art-10 art-10 empty-n"
			"greyline-1 greyline-1 greyline-1 greyline-1 greyline-1 greyline-1"
			"sommes-nous sommes-nous sommes-nous suivez-nous suivez-nous suivez-nous"
			"greyline-2 greyline-2 greyline-2 greyline-2 greyline-2 greyline-2"
			"v-redline v-redline v-redline v-redline v-redline v-redline"
			"empty-o art-11 art-11 art-11 art-11 empty-p"
			"empty-q art-12 art-12 art-12 art-12 empty-r"
			"empty-s art-13 art-13 art-13 art-13 empty-t"
			"empty-u v-section-1 v-section-1 v-section-1 v-section-1 empty-v"
			"empty-w v-section-2 v-section-2 v-section-2 v-section-2 empty-x"
			"empty-y v-section-3 v-section-3 v-section-3 v-section-3 empty-z"
			"vbis-redline vbis-redline vbis-redline vbis-redline vbis-redline vbis-redline"
			"section-pave section-pave section-pave section-pave annonces annonces"
			"s-formations s-formations s-formations s-formations s-formations s-formations"
			"s-links-formations s-links-formations s-links-formations s-links-formations s-links-formations s-links-formations"
			"p-redline p-redline p-redline p-redline p-redline p-redline"
			"empty-aa art-25 art-25 art-25 art-25 empty-ab"
			"empty-ac art-26 art-26 art-26 art-26 empty-ad"
			"empty-ae art-27 art-27 art-27 art-27 empty-af"
			"art-28 art-28 art-28 art-28 art-28 art-28"
			"empty-ag art-29 art-29 art-29 art-29 empty-ah"
			"empty-ai art-30 art-30 art-30 art-30 empty-aj"
			"empty-ak art-31 art-31 art-31 art-31 empty-al"
			"empty-am art-32 art-32 art-32 art-32 empty-an"
			"tris-redline tris-redline tris-redline tris-redline tris-redline tris-redline"
			"empty-ao art-33 art-33 art-33 art-33 empty-ap"
			"empty-aq art-34 art-34 art-34 art-34 empty-ar"
			"empty-as art-35 art-35 art-35 art-35 empty-at"
			"s-philo s-philo s-philo s-polit s-polit s-polit"
			"s-eco s-eco s-eco s-socio s-socio s-socio"
			"s-sciences s-sciences s-sciences s-interna s-interna s-interna"
			"s-culture s-culture s-culture s-environ s-environ s-environ"
			"s-histoire s-histoire s-histoire empty-au empty-av empty-aw";
			
			
	}
	
	.padding-left-cube, .padding-right-cube
	{
		padding: 0;
	}
	
	.first-cube
	{
		padding: 22px;
	}
	
	.ajust-cont-trefle
	{
		margin-bottom: 40px;
    	border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	
	#s-1-actu-videos
	{
		margin-top: 20px;
    	margin-bottom: 20px;
	}
	
	#s-2-actu-videos
	{
		border-bottom: 1px solid #CCC;
	}
	
	.tx-article-video
	{
		padding: 0;
	}
	
	.cont-img-art-pave
	{
		width: auto;
		margin-left: 0;
		padding-left: 22px;
		padding-right: 22px;
		box-sizing: border-box;
	}
	
	.cont-title-art-pave
	{
		margin-left: 22px;
		margin-right: 22px;
		width: auto;
		margin-top: 15px;
	}
	
	.cont-art-pave
	{
		display: block;
	}
	
	.a-acces-biblio
	{
		width: 100%;
	}
	
	#section-links-formations
	{
		text-align: center;
		margin-top: 0px;
	}
	
	.tx-list-forms
	{
		font-size: 1.65rem;
		margin: 12px 0px 12px 0px;
	}
	
	.tx-bis-redline
	{
		margin-left: 22px;
	}
	
	.section-derniers-art
	{
		padding: 0px 22px 40px 22px;
	}
	
	.first-derniers-art
	{
		padding-top: 0;
	}
	
	.s-annonces
	{
		padding-left: 22px;
    	padding-right: 22px;
	}
}

/*rupture smartphone*/
@media screen and (max-width: 767px)
{
	#grid-body
	{
		grid-template-areas: 
			"redline redline redline redline redline redline"
			"art-1 art-1 art-1 art-1 art-1 art-1"
			"art-2 art-2 art-2 art-2 art-2 art-2"
			"unesection unesection unesection unesection unesection unesection"
			"art-3 art-3 art-3 art-3 art-3 art-3"
			"art-7 art-7 art-7 art-7 art-7 art-7"
			"art-8 art-8 art-8 art-8 art-8 art-8"
			"art-9 art-9 art-9 art-9 art-9 art-9"
			"art-10 art-10 art-10 art-10 art-10 art-10"
			"greyline-1 greyline-1 greyline-1 greyline-1 greyline-1 greyline-1"
			"sommes-nous sommes-nous sommes-nous sommes-nous sommes-nous sommes-nous"
			"suivez-nous suivez-nous suivez-nous suivez-nous suivez-nous suivez-nous"
			"greyline-2 greyline-2 greyline-2 greyline-2 greyline-2 greyline-2"
			"v-redline v-redline v-redline v-redline v-redline v-redline"
			"art-11 art-11 art-11 art-11 art-11 art-11"
			"art-12 art-12 art-12 art-12 art-12 art-12"
			"art-13 art-13 art-13 art-13 art-13 art-13"
			"v-section-1 v-section-1 v-section-1 v-section-1 v-section-1 v-section-1"
			"v-section-2 v-section-2 v-section-2 v-section-2 v-section-2 v-section-2"
			"v-section-3 v-section-3 v-section-3 v-section-3 v-section-3 v-section-3"
			"vbis-redline vbis-redline vbis-redline vbis-redline vbis-redline vbis-redline"
			"annonces annonces annonces annonces annonces annonces"
			"section-pave section-pave section-pave section-pave section-pave section-pave"
			"s-formations s-formations s-formations s-formations s-formations s-formations"
			"s-links-formations s-links-formations s-links-formations s-links-formations s-links-formations s-links-formations"
			"p-redline p-redline p-redline p-redline p-redline p-redline"
			"art-25 art-25 art-25 art-25 art-25 art-25"
			"art-26 art-26 art-26 art-26 art-26 art-26"
			"art-27 art-27 art-27 art-27 art-27 art-27"
			"art-28 art-28 art-28 art-28 art-28 art-28"
			"art-29 art-29 art-29 art-29 art-29 art-29"
			"art-30 art-30 art-30 art-30 art-30 art-30"
			"art-31 art-31 art-31 art-31 art-31 art-31"
			"art-32 art-32 art-32 art-32 art-32 art-32"
			"tris-redline tris-redline tris-redline tris-redline tris-redline tris-redline"
			"art-33 art-33 art-33 art-33 art-33 art-33"
			"art-34 art-34 art-34 art-34 art-34 art-34"
			"art-35 art-35 art-35 art-35 art-35 art-35"
			"s-philo s-philo s-philo s-philo s-philo s-philo"
			"s-polit s-polit s-polit s-polit s-polit s-polit"
			"s-eco s-eco s-eco s-eco s-eco s-eco"
			"s-socio s-socio s-socio s-socio s-socio s-socio"
			"s-sciences s-sciences s-sciences s-sciences s-sciences s-sciences"
			"s-interna s-interna s-interna s-interna s-interna s-interna"
			"s-culture s-culture s-culture s-culture s-culture s-culture"
			"s-environ s-environ s-environ s-environ s-environ s-environ"
			"s-histoire s-histoire s-histoire s-histoire s-histoire s-histoire";
				
			
	}
	
	#art-1, #art-2, #unesection, .padding-left-cube, .padding-right-cube
	{
		padding: 22px;
	}
	
	.padding-left-cube, .padding-right-cube
	{
		padding-top: 0;
	}
	
	.first-cube
	{
		display: block;
		margin-top: 0;
	}
	
	.cont-img-art-cube
	{
		width: 100%;
	}
	
	.cont-title-art-cube
	{
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}
	
	#cont-qui-sommes-nous
	{
		border-right: none;
		border-bottom: 1px solid #CCC;
	}
	
	#a-yt-red-nous
	{
		margin-top: 65px;
	}
	
	#nous-savoir-plus
	{
		margin-bottom: 65px;
	}
	
	#tx-videos-redline, .publie-le-trefle
	{
		margin-left: 22px;
	}
	
	.cont-tx-trefle
	{
		padding-left: 22px;
		padding-right: 22px;
	}
	
	.ajust-cont-trefle
	{
		border-left: none;
		border-right: none;
	}
	
	.ajust-tx-videos
	{
		padding: 25px 22px 25px 16px;
	}
	
	.a-acces-biblio
	{
		width: 70%;
	}
	
}