#grid-footer
{
	display: grid;
	max-width:1440px;
	background: rgb(250,250,250);
	margin:auto;
	border-top: 4px solid #B41021;
	margin-top: 120px;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: 1fr;
	grid-template-areas: 
		"f-left f-left f-left f-left f-middle f-middle f-middle f-middle f-right f-right f-right f-right"
		"f-un f-un f-un f-deux f-deux f-deux f-trois f-trois f-trois f-quatre f-quatre f-quatre"
		"f-end f-end f-end f-end f-end f-end f-end f-end f-end f-end f-end f-end";
}

#foot-left
{
	grid-area: f-left;
	padding-left: 70px;
	padding-top: 60px;
	padding-bottom: 60px;
}

#foot-middle
{
	grid-area: f-middle;
}

#foot-right
{
	grid-area: f-right;
}

#foot-1
{
	background-color: rgb(231, 231, 231);
	grid-area: f-un;
	display: flex;
	padding-top: 60px;
	padding-bottom: 60px;
}

#foot-2
{
	grid-area: f-deux;
	background-color: rgb(231, 231, 231);
	padding-right: 50px;
	padding-top: 60px;
	padding-bottom: 60px;
}

#foot-3
{
	grid-area: f-trois;
}

#foot-4
{
	grid-area: f-quatre;
	background-color: rgb(231, 231, 231);
	padding-top: 60px;
	padding-bottom: 60px;
}

#foot-end
{
	grid-area: f-end;
	padding: 30px;
	font-family: overpass-light, Arial;
	display: flex;
	font-size: 1rem;
}

.foot-3-et-4
{
	background-color: rgb(231, 231, 231);
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    flex-direction: column;
    font-family: overpass-light, Arial;
    font-size: 1rem;
    line-height: 1.5rem;	
}

.align-tx-footer
{
	padding-top: 60px;
	padding-left: 70px;
	padding-bottom: 60px;
    display: flex;
    flex-direction: column;
}

#tx-affranchi-footer
{
	font-family: overpass-bold, Arial;
    font-size: 2.5rem;
}

#desc-affranchi-footer
{
	font-family: overpass-light, Arial;
    font-size: 1.9rem;
}

#affr-media-iht-footer
{
	font-family: overpass-light, Arial;
    font-size: 1.2rem;
}

.tx-a-first-footer
{
	font-family: overpass-light, Arial;
    font-size: 1.6rem;
    text-decoration: none;
    color: #121619;
    padding-bottom: 10px;
}

.tx-a-first-footer:hover
{
	color: #B41021;
}

.logo-in-footer
{
	margin: auto;
}

.titles-footer
{
	font-family: overpass-bold, Arial;
	font-size: 1.6rem;
}

.size-droits-reserves
{
	font-size: 0.9rem;
    line-height: 1.25rem;
}

.a-hover-footer
{
    text-decoration: none;
	color: #121619;
}

.a-hover-footer:hover
{
	color: #B41021;
}

.margin-footer
{
	margin: auto;
}

/*rupture en dessous d'ordi/tablette paysage*/
@media screen and (max-width: 1200px)
{	
	.align-tx-footer
	{
		padding-left: 31px;
	}
	
	#foot-left
	{
		padding-left: 31px;
	}
}

/*rupture en dessous de tablette portrait*/
@media screen and (max-width: 959px)
{
	#grid-footer
	{
		grid-template-areas: 
			"f-left f-left f-left f-left f-left f-left f-left f-left f-left f-left f-left f-left"
			"f-middle f-middle f-middle f-middle f-middle f-middle f-right f-right f-right f-right f-right f-right"
			"f-un f-un f-un f-un f-un f-un f-deux f-deux f-deux f-deux f-deux f-deux"
			"f-trois f-trois f-trois f-trois f-trois f-trois f-quatre f-quatre f-quatre f-quatre f-quatre f-quatre"
			"f-end f-end f-end f-end f-end f-end f-end f-end f-end f-end f-end f-end";
	}
	
	#foot-left
	{
		text-align: center;
		padding-left: 0;
	}
	
	.margin-footer
	{
		margin: 5px;
	}
	
	#foot-middle
	{
		text-align: center;
		padding-left: 0;
	}
	
	#foot-right
	{
		text-align: center;
		padding-left: 0;
	}
	
	.foot-3-et-4
	{
		text-align: center;
	}
}

/*rupture smartphone*/
@media screen and (max-width: 767px)
{
	#grid-footer
	{
		grid-template-areas: 
			"f-left f-left f-left f-left f-left f-left f-left f-left f-left f-left f-left f-left"
			"f-middle f-middle f-middle f-middle f-middle f-middle f-middle f-middle f-middle f-middle f-middle f-middle"
			"f-right f-right f-right f-right f-right f-right f-right f-right f-right f-right f-right f-right"
			"f-un f-un f-un f-un f-un f-un f-un f-un f-un f-un f-un f-un"
			"f-deux f-deux f-deux f-deux f-deux f-deux f-deux f-deux f-deux f-deux f-deux f-deux"
			"f-trois f-trois f-trois f-trois f-trois f-trois f-trois f-trois f-trois f-trois f-trois f-trois"
			"f-quatre f-quatre f-quatre f-quatre f-quatre f-quatre f-quatre f-quatre f-quatre f-quatre f-quatre f-quatre"
			"f-end f-end f-end f-end f-end f-end f-end f-end f-end f-end f-end f-end";
	}
	
	.size-droits-reserves
	{
		text-align: center;
	}
	
	#foot-left, #foot-middle, #foot-1, #foot-3
	{
		padding-bottom: 0;
	}
	
	#foot-2
	{
		padding: 22px;
    	text-align: center;
	}
	
	.margin-footer
	{
		margin: 10px;
	}
}