/*

Site internet myBRIEF
Version : 2.1
Site	: https://www.mybrief.fr/

Theme 	: mybrief 2.1
Author	: Integration : Yann Lobry

*/

#footer {
	background-color: #1E1E1E;
	padding: 6.2vw 0 5.6vw;
}

#footer .cont {
	display: flex;
	margin-bottom: 5.1vw;
}

#footer .un {
	width: 25%;
}

#footer .deux {
	width: 18.7%;
}

#footer .trois {
	width: 25%;
}

#footer .quatre {
	width: 31.3%;
}

#footer .cont.cont-deux {
	border-bottom: solid 1px #343A40;
	 padding-bottom: 4vw;
	 margin-bottom: 2vw;
}

#footer .cinq {
	width: 25%;
	padding-top: 2.3vw;
}

#footer .six {
	width: 43.7%;
}

#footer .six .cont-logo {
	display: flex;
	 justify-content: space-between;
	 padding-right: 3vw;
}

#footer .six .un-logo {
	 height: 5.7vw;
}

#footer .six .un-logo a {
	display: block;
	height: 5.7vw;
}

#footer .six .un-logo a:hover {
	transform: scale(1.1);
}

#footer .six .un-logo img {
	 width: auto;
	 height: 100%;
}

#footer .sept {
	width: 31.3%;
	padding-top: 2.3vw;
}

#footer .sept li {
	float: left;
	color: #495057;
	margin-bottom: 0;
}

#cont-logo-footer {
	width: 61.3%;
	 margin-bottom: 2.9vw;
	 margin-left: -2px;
}

#cont-logo-footer a {
	display: block;
}

#cont-logo-footer a:hover {
	transform: scale(1.05);
}

#cont-logo-footer img {
	width: 100%;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

#cont-logo-footer a:hover img {
	filter: drop-shadow(0 0 12px rgba(158, 245, 9, 0.5));
}

#cont-bt-comptage-footer {
	width: 76%;
	height: 40px;
	margin-left: -2px;
	height: 3.2vw;
}

#cont-bt-comptage-footer a {
	 height: 40px;
	 display: block;
	 padding: 1px;
	 background: rgb(53,169,54);
	 background: linear-gradient(90deg, rgba(53,169,54,1) 0%, rgba(165,199,21,1) 100%);
	 color: #fff;
	 text-transform: uppercase;
	 font-weight: 400;
	 letter-spacing: 0.03em;
	 border-radius: 4px;
	 font-size: 14px;
	 line-height: 38px;
	 overflow: hidden;
	 z-index: 1;
	 transition: ease-out 0.3s;
	 height: 3.2vw;
	  border-radius: 0.3vw;
	  font-size: 1.05em;
	  line-height: calc(3.2vw - 2px);
}

#cont-bt-comptage-footer a:hover {
	transform: scale(1.03);
	box-shadow: 0 0 25px rgba(158, 245, 9, 0.3);
	background: transparent;
}

#cont-bt-comptage-footer a span {
	display: block;
	 height: 38px;
	 background-color: #363635;
	 position: relative;
	 padding: 2px 0 0 47px;
	 border-radius: 4px;
	 z-index: 1;
	transition: ease-out 0.2s;
	overflow: hidden;
	cursor: pointer;
	height: calc(3.2vw - 2px);
	 padding: 0.15vw 0 0 3.75vw;
	 border-radius: 0.3vw;
}

#cont-bt-comptage-footer a:hover span {
	background-color: transparent;
}

#cont-bt-comptage-footer a span:after {
	display: block;
	 content: '';
	 position: absolute;
	 top: 8px;
	 left: 13px;
	 width: 20px;
	 height: 23px;
	 background: transparent url(/themes/mybrief/images/symbol-logo-myBRIEF-seul-blanc.svg) no-repeat center center;
	 background-size: contain;
	 cursor: pointer;
	 top: 0.65vw;
	 left: 1.05vw;
	 width: 1.6vw;
	 height: 1.8vw;
}

#cont-bt-comptage-footer a:before {
	transition: 0.3s all ease;
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
	bottom: 0;
	opacity: 0;
	content: '';
	background: rgb(53,169,54);
	 background: linear-gradient(90deg, rgba(53,169,54,1) 0%, rgba(165,199,21,1) 100%);
	 cursor: pointer;
	 border-radius: 4px;
	 border-radius: 0.3vw;
}

#cont-bt-comptage-footer a:hover:before {
	transition: 0.3s all ease;
	left: 0;
	right: 0;
	opacity: 1;
	z-index: -1;
}

/*#cont-bt-comptage-footer img {
	width: 100%;
	-o-transition: filter .2s, transform .2s;
	 -webkit-transition: filter .2s, transform .2s;
	 -moz-transition: filter .2s, transform .2s;
	 transition: filter .2s, transform .2s;
}

#cont-bt-comptage-footer a:hover img {
	 filter: drop-shadow(0 0 6px rgba(255,255,255,0.3));
	 transform: scale(1.04);
}*/

#footer h2 {
	color: #fff;
	 font-weight: 500;
	 letter-spacing: 0.02em;
	 font-size: 1.19em;
	 line-height: 1.35em;
	 padding: 0.4vw 0 0;
	 margin-bottom: 0.9vw;
}

.menu-footer li {
	font-size: 1.16em;
	 letter-spacing: -0.01em;
	 line-height: 1.5em;
	 margin-bottom: 0.7vw;
}

.menu-footer a,
.menu-footer a:visited {
	color: #495057;
}

.menu-footer a:hover {
	color: #70B62B;
}

#footer .linkedin a {
	display: inline-block;
	 padding: 0 5.8vw 0 0;
	 color: #fff;
	 font-size: 1.19em;
	 font-weight: 500;
	 position: relative;
}

#footer .linkedin a:hover {
	color: #1866c2;
}

#footer .linkedin a:after {
	display: block;
	 content: '';
	 position: absolute;
	 right: 0;
	 top: -3.3vw;
	 width: 4.65vw;
	 height: 8vw;
	 background: transparent url(/themes/mybrief/images/logo-linked-in.svg) no-repeat center center;
	 background-size: contain;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#footer .linkedin a:hover:after {
	transform: scale(1.06);
}

#footer .cont.cont-trois {
	justify-content: space-between;
	margin-bottom: 0;
}

#footer .cont-trois p {
	color: #6C757D;
}










@media screen and (min-width: 1255px) {
	
	#footer {
		padding: 78px 0 70px;
	}
	
	#footer .cont {
		margin-bottom: 64px;
	}
	
	#footer .cont.cont-deux {
		padding-bottom: 50px;
		 margin-bottom: 25px;
	}
	
	#footer .cinq {
		padding-top: 29px;
	}
	
	#footer .six .cont-logo {
		 padding-right: 38px;
	}
	
	#footer .six .un-logo {
		 height: 72px;
	}
	
	#footer .six .un-logo a {
		height: 72px;
	}
	
	#footer .sept {
		padding-top: 29px;
	}
	
	#footer .sept li {
		margin-bottom: 0;
	}
	
	#cont-logo-footer {
		 margin-bottom: 36px;
	}
	
	#cont-bt-comptage-footer {
		height: 40px;
		margin-left: -2px;
	}
	
	#cont-bt-comptage-footer a {
		 height: 40px;
		 padding: 1px;
		 border-radius: 4px;
		 font-size: 14px;
		 line-height: 38px;
	}
	
	#cont-bt-comptage-footer a span {
		 height: 38px;
		 padding: 2px 0 0 47px;
		 border-radius: 4px;
	}
	
	#cont-bt-comptage-footer a span:after {
		 top: 8px;
		 left: 13px;
		 width: 20px;
		 height: 23px;
	}
	
	#cont-bt-comptage-footer a:before {
		 border-radius: 4px;
	}
	
	#footer h2 {
		 padding: 5px 0 0;
		  margin-bottom: 11px;
	}
	
	.menu-footer li {
		 margin-bottom: 9px;
	}
	
	#footer .linkedin a {
		 padding: 0 73px 0 0;
	}
	
	#footer .linkedin a:after {
		right: 0;
		 top: -41px;
		 width: 58px;
		 height: 100px;
	}
	
	#footer .cont.cont-trois {
		margin-bottom: 0;
	}
	
}









#footer .cinq-resp-tablette {
	display: none;
}

@media screen and (max-width: 1024px) {
	
	#footer {
		 padding: 7.6vw 0 8vw;
	}
	
	#footer .cont {
		 flex-wrap: wrap;
	}
	
	#footer .un {
		width: 100%;
		 display: flex;
		 justify-content: space-between;
		 order: 1;
		 padding: 0 0 4.6vw;
	}
	
	#cont-logo-footer {
		width: 24.9%;
	}
	
	#cont-bt-comptage-footer {
		width: 30.5%;
	}
	
	#cont-bt-comptage-footer a {
		height: 5.2vw;
		 border-radius: 0.5vw;
		 line-height: calc(5.2vw - 2px);
		 font-size: 1.7em;
	}
	
	#cont-bt-comptage-footer a span {
		height: calc(5.2vw - 2px);
		 border-radius: 0.5vw;
		 padding: 0.15vw 0 0 6.3vw;
	}
	
	#cont-bt-comptage-footer a span:after {
		 top: 1vw;
		 left: 1.8vw;
		 width: 2.5vw;
		 height: 3vw;
	}
	
	#footer .deux {
		width: 52.8%;
		 padding: 0 2vw 0 6.4vw;
		 order: 2;
	}
	
	#footer h2 {
		 padding: 0;
		 font-size: 1.89em;
		 margin-bottom: 1.6vw;
	}
	
	.menu-footer li {
		 font-size: 1.84em;
		 margin-bottom: 1.6vw;
	}
	
	#footer .trois {
		 order: 4;
		 width: 52.8%;
		 padding: 1.7vw 2vw 0 6.4vw;
	}
	
	#footer .quatre {
		 width: 47.2%;
		 order: 3;
		 padding: 0 7vw 0 0;
	}
	
	#footer .cinq-resp-tablette {
		display: block;
		width: 47.2%;
		order: 5;
		padding-top: 12.6vw;
	}
	
	#footer .linkedin a {
		 font-size: 1.98em;
		 padding-right: 9.3vw;
	}
	
	#footer .linkedin a:after {
		 top: -2.9vw;
		 width: 7.6vw;
		 height: 7.6vw;
	}
	
	#footer .cinq {
		display: none;
	}
	
	#footer .six {
		 width: 100%;
		 padding: 0 0 0 6.4vw;
	}
	
	#footer .six .cont-logo {
		 padding-right: 0;
	}
	
	#footer .six .un-logo {
		 height: 9.2vw;
	}
	
	#footer .six .un-logo a {
		 display: block;
		 height: 9.2vw;
	}
	
	#footer .sept {
		 width: 100%;
		 padding-top: 4.2vw;
		 text-align: center;
	}
	
	#footer .sept ul {
		display: inline-block;
	}
	
	#footer .cont.cont-deux {
		 padding-bottom: 5vw;
		 margin-bottom: 3.7vw;
	}
	
	#footer .cont-trois p {
		 font-size: 1.52em;
	}
	
}








@media screen and (max-width: 670px) {
	
	#footer {
		 padding: 10vw 0 10vw;
	}
	
	#footer .un {
		 padding: 0 0 6vw;
	}
	
	#cont-logo-footer {
		 width: 34%;
	}
	
	#cont-bt-comptage-footer {
		 width: 36%;
	}
	
	#cont-bt-comptage-footer a {
		 height: 7.2vw;
		 border-radius: 0.7vw;
		 line-height: calc(7.2vw - 2px);
		 font-size: 1.99em;
	}
	
	#cont-bt-comptage-footer a:before {
		 border-radius: 0.7vw;
	}
	
	#cont-bt-comptage-footer a span {
		 height: calc(7.2vw - 2px);
		 border-radius: 0.7vw;
		 padding: 0.15vw 0 0 7.2vw;
	}
	
	#cont-bt-comptage-footer a span:after {
		 top: 1vw;
		 left: 2vw;
		 width: 3.3vw;
		 height: 5vw;
	}
	
	#footer .deux {
		 width: 52.8%;
		 padding: 0 2vw 0 0vw;
		 order: 2;
	}
	
	#footer h2 {
		 padding: 0;
		 font-size: 2.4em;
		 margin-bottom: 2.2vw;
	}
	
	.menu-footer li {
		 font-size: 2.4em;
		 margin-bottom: 2.2vw;
	}
	
	#footer .trois {
		 padding: 3vw 2vw 0 0;
	}
	
	#footer .quatre {
		 padding: 0;
	}
	
	#footer .cinq-resp-tablette {
		 padding-top: 14.8vw;
	}
	
	#footer .linkedin a {
		 font-size: 2.4em;
		 padding-right: 11.4vw;
	}
	
	#footer .linkedin a:after {
		 top: -3.4vw;
		 width: 9vw;
		 height: 9vw;
	}
	
	#footer .cont {
		 margin-bottom: 8vw;
	}
	
	#footer .six {
		 padding: 0;
	}
	
	#footer .six .un-logo {
		 height: 13vw;
	}
	
	#footer .six .un-logo a {
		 height: 13vw;
	}
	
	#footer .sept {
		 padding-top: 7vw;
	}
	
	#footer .cont.cont-deux {
		 padding-bottom: 6vw;
		 margin-bottom: 4vw;
	}
	
	#footer .cont.cont-trois {
		 justify-content: center;
	}
	
	#footer .cont-trois p {
		 font-size: 1.9em;
		 margin-bottom: 12px;
	}
	
}








@media screen and (max-width: 480px) {
	
	#footer {
		 padding: 15.5vw 0 7vw;
	}
	
	#footer .cont {
		 margin-bottom: 14vw;
		 display: block;
		 padding: 0;
	}
	
	#footer .un {
		 padding: 0;
		 display: block;
		 margin-bottom: 11vw;
	}
	
	#cont-logo-footer {
		 width: 55%;
		 margin: 0 0 12vw;
	}
	
	#cont-bt-comptage-footer {
		 width: 53vw;
		 margin: 0 0 0 12vw;
		 height: 10.2vw;
	}
	
	#cont-bt-comptage-footer a {
		 height: 10.2vw;
		 border-radius: 1.2vw;
		 line-height: calc(10.2vw - 2px);
		 font-size: 3.34em;
	}
	
	#cont-bt-comptage-footer a:before {
		 border-radius: 1.2vw;
	}
	
	#cont-bt-comptage-footer a span {
		 height: calc(10.2vw - 2px);
		 border-radius: 1.2vw;
		 padding: 0.15vw 0 0 12.7vw;
	}
	
	#cont-bt-comptage-footer a span:after {
		 top: 0.6vw;
		 left: 4vw;
		 width: 5vw;
		 height: 8.2vw;
	}
	
	#footer .deux {
		 width: auto;
		 padding: 0 0 0 12vw;
	}
	
	#footer h2 {
		 padding: 0;
		 font-size: 4em;
		 margin-bottom: 2.7vw;
	}
	
	.menu-footer li {
		 font-size: 3.87em;
		 margin-bottom: 2.7vw;
	}
	
	#footer .trois {
		 padding: 7vw 0 0 12vw;
		 width: auto;
	}
	
	#footer .quatre {
		 padding: 7vw 0 0 12vw;
		 width: auto;
	}
	
	#footer .cinq-resp-tablette {
		 padding: 12vw 0 0 12vw;
		 width: auto;
	}
	
	#footer .linkedin a {
		 font-size: 4em;
		 padding-right: 18.3vw;
	}
	
	#footer .linkedin a:after {
		 top: -5.8vw;
		 width: 14.8vw;
		 height: 14.8vw;
	}
	
	#footer .six {
		 padding: 0 6vw 0 12vw;
	}
	
	#footer .six .cont-logo {
		 flex-wrap: wrap;
	}
	
	#footer .six .un-logo {
		 height: 17.7vw;
		 margin: 0 5vw 2vw 0;
	}
	
	#footer .six .un-logo.logo-cnil {
		margin-right: 6vw;
	}
	
	#footer .six .un-logo a {
		 height: 17.7vw;
	}
	
	#footer .sept {
		 padding-top: 3vw;
	}
	
	#footer .cont.cont-trois {
		 text-align: center;
	}
	
	#footer .cont-trois p {
		 font-size: 3em;
		 margin-bottom: 8vw;
	}
	
	#footer .cont.cont-deux {
		 padding-bottom: 13vw;
		 margin-bottom: 11vw;
	}
	
}