/*

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

Theme 	: mybrief 2.1
Author	: Integration : Yann Lobry

*/

#header {
	height: 80px; /* 6.5vw */
	-o-transition: height .5s;
	 -webkit-transition: height .5s;
	 -moz-transition: height .5s;
	 transition: height .5s;
}

body.scrolled #header {
	height: 54px;
	-o-transition: height .2s;
	 -webkit-transition: height .2s;
	 -moz-transition: height .2s;
	 transition: height .2s;
}

#ssheader {
	position: fixed;
	width: 100%;
	height: 80px;
	top:0;
	left: 0;
	 z-index: 50;
	 -o-transition: height .5s, top .5s;
	 -webkit-transition: height .5s, top .5s;
	 -moz-transition: height .5s, top .5s;
	 transition: height .5s, top .5s;
	 /*background: transparent url(/themes/mybrief/images/fond-header-vert.jpg) no-repeat center center;
	  background-size: cover;*/
	  background: rgb(0,76,24);
	  background: linear-gradient(90deg, rgba(0,76,24,1) 0%, rgba(0,86,13,1) 100%);
}

body.scrolled #ssheader {
	height: 54px;
	top: 0;
	-o-transition: height .2s, top .2s;
	 -webkit-transition: height .2s, top .2s;
	 -moz-transition: height .2s, top .2s;
	 transition: height .2s, top .2s;
}

body.scroll-down #ssheader {
	 top: -56px;
	 width: 100%;
	 overflow: hidden;
	 -o-transition: top .2s;
	 -webkit-transition: top .2s;
	 -moz-transition: top .2s;
	 transition: top .2s;
}

body.path-frontpage #ssheader,
body.page-node-type-mybrief-page-expertises.expertises #ssheader,
body.page-node-type-page.references-et-temoignages #ssheader {
	 background: none;
}

#fond-barre {
	display: none;
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 80px;
	 opacity: 0;
	 -o-transition: height .5s, top .5s;
	  -webkit-transition: height .5s, top .5s;
	  -moz-transition: height .5s, top .5s;
	  transition: height .5s, top .5s;
}

body.scrolled #fond-barre {
	height: 54px;
	-o-transition: height .2s;
	 -webkit-transition: height .2s;
	 -moz-transition: height .2s;
	 transition: height .2s;
}

body.path-frontpage #fond-barre {
	display: block;
	background: rgb(0,68,71);
	background: linear-gradient(90deg, rgba(0,68,71,1) 0%, rgba(0,47,50,1) 100%);
}

body.page-node-type-mybrief-page-expertises.expertises #fond-barre {
	display: block;
	background: rgb(31,63,102);
	background: linear-gradient(90deg, rgba(31,63,102,1) 0%, rgba(106,133,154,1) 100%);
}

body.page-node-type-page.references-et-temoignages #fond-barre {
	display: block;
	background: rgb(1,1,1);
	background: linear-gradient(90deg, rgba(1,1,1,1) 0%, rgba(30,30,30,1) 100%);
}




.cont-logo-header {
	width: 222px;
	height: 54px;
	 margin: 13px 0 0 -2px;
	 float: left;
	 -o-transition: height .5s, width .5s, margin-top .5s;
	  -webkit-transition: height .5s, width .5s, margin-top .5s;
	  -moz-transition: height .5s, width .5s, margin-top .5s;
	  transition: height .5s, width .5s, margin-top .5s;
}

body.scrolled .cont-logo-header.head {
	 width: 144px;
	  height: 36px;
	  margin-top: 10px;
	  -o-transition: height .2s, width .2s, margin-top .2s;
	  -webkit-transition: height .2s, width .2s, margin-top .2s;
	  -moz-transition: height .2s, width .2s, margin-top .2s;
	  transition: height .2s, width .2s, margin-top .2s;
}

.cont-logo-header a {
	display: block;
	width: 222px;
	height: 54px;
	-o-transition: height .5s, width .5s, transform .2s;
	  -webkit-transition: height .5s, width .5s, transform .2s;
	  -moz-transition: height .5s, width .5s, transform .2s;
	  transition: height .5s, width .5s, transform .2s;
}

body.scrolled .cont-logo-header.head a {
	width: 144px;
	  height: 36px;
	-o-transition: height .2s, width .2s, transform .2s;
	  -webkit-transition: height .2s, width .2s, transform .2s;
	  -moz-transition: height .2s, width .2s, transform .2s;
	  transition: height .2s, width .2s, transform .2s;
}

.cont-logo-header a:hover {
	transform: scale(1.05);
}

.cont-logo-header img {
	width: 100%;
}

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

body.page-node-type-mybrief-page-expertises.expertises .cont-logo-header a:hover img {
	filter: drop-shadow(0 0 12px rgba(120, 229, 195, 0.5));
}

.cont-bt-comptage-header {
	position: absolute;
	 top: 20px;
	 left: 50%;
	 transform: translateX(-50%);
	 width: 248px;
	 height: 40px;
	 -o-transition: height .5s, width .5s, top .5s;
	 -webkit-transition: height .5s, width .5s, top .5s;
	 -moz-transition: height .5s, width .5s, top .5s;
	 transition: height .5s, width .5s, top .5s;
}

body.scrolled .cont-bt-comptage-header.head {
	height: 35px;
	width: 200px;
	top: 10px;
	-o-transition: height .2s, width .2s, top .2s;
	 -webkit-transition: height .2s, width .2s,top .2s;
	 -moz-transition: height .2s, width .2s, top .2s;
	 transition: height .2s, width .2s, top .2s;
}

.cont-bt-comptage-header a,
.cont-bt-comptage-header a:visited {
	width: 248px;
	 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;*/
	 -o-transition: height .5s, width .5s, font-size .5s, line-height .5s, transform .3s, box-shadow .3s, background .3s;
	  -webkit-transition: height .5s, width .5s, font-size .5s, line-height .5s, transform .3s, box-shadow .3s, background .3s;
	  -moz-transition: height .5s, width .5s, font-size .5s, line-height .5s, transform .3s, box-shadow .3s, background .3s;
	  transition: height .5s, width .5s, font-size .5s, line-height .5s, transform .3s, box-shadow .3s, background .3s;
}

body.scrolled .cont-bt-comptage-header.head a,
body.scrolled .cont-bt-comptage-header.head a:visited {
	width: 200px;
	 height: 35px;
	 font-size: 11px;
	 line-height: 32px;
	 -o-transition: height .2s, width .2s, font-size .2s, line-height .2s, transform .3s, box-shadow .3s, background .3s;
		-webkit-transition: height .2s, width .2s, font-size .2s, line-height .2s, transform .3s, box-shadow .3s, background .3s;
		-moz-transition: height .2s, width .2s, font-size .2s, line-height .2s, transform .3s, box-shadow .3s, background .3s;
		transition: height .2s, width .2s, font-size .2s, line-height .2s, transform .3s, box-shadow .3s, background .3s;
}

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

body.page-node-type-mybrief-page-expertises.expertises .cont-bt-comptage-header a:hover {
	 box-shadow: 0 0 25px rgba(120, 229, 195, 0.3);
}

.cont-bt-comptage-header a span {
	display: block;
	 height: 38px;
	 background-color: #1A5E30;
	 position: relative;
	 padding: 2px 0 0 40px;
	 border-radius: 4px;
	 z-index: 1;
	/*transition: ease-out 0.2s;*/
	overflow: hidden;
	cursor: pointer;
	-o-transition: height .5s, padding-left .5s, background-color .2s;
	  -webkit-transition: height .5s, padding-left .5s, background-color .2s;
	  -moz-transition: height .5s, padding-left .5s, background-color .2s;
	  transition: height .5s, padding-left .5s, background-color .2s;
}

body.path-frontpage .cont-bt-comptage-header a span {
	background-color: #1D5A5A;
}

body.page-node-type-mybrief-page-expertises.expertises .cont-bt-comptage-header a span {
	background-color: #6B8394;
}

body.page-node-type-page.references-et-temoignages .cont-bt-comptage-header a span {
	background-color: #3a3939;
}

#menu-burger-2 .cont-bt-comptage-header a span {
	background-color: #253E26;
}

body.scrolled .cont-bt-comptage-header.head a span {
	height: 33px;
	 padding-left: 36px;
	 -o-transition: height .2s, padding-left .2s, background-color .2s;
		-webkit-transition: height .2s, padding-left .2s, background-color .2s;
		-moz-transition: height .2s, padding-left .2s, background-color .2s;
		transition: height .2s, padding-left .2s, background-color .2s;
}

.cont-bt-comptage-header a:hover span,
body.path-frontpage .cont-bt-comptage-header a:hover span,
body.page-node-type-mybrief-page-expertises.expertises .cont-bt-comptage-header a:hover span,
body.page-node-type-page.references-et-temoignages .cont-bt-comptage-header a:hover span,
#menu-burger-2 .cont-bt-comptage-header a:hover span {
	background-color: transparent;
}

.cont-bt-comptage-header 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;
	 -o-transition: height .5s, width .5s, top .5s, left .5s;
		-webkit-transition: height .5s, width .5s, top .5s, left .5s;
		-moz-transition: height .5s, width .5s, top .5s, left .5s;
		transition: height .5s, width .5s, top .5s, left .5s;
}

body.scrolled .cont-bt-comptage-header.head a span:after {
	 top: 8px;
	 left: 11px;
	 width: 18px;
	 height: 19px;
	 -o-transition: height .2s, width .2s, top .2s, left .2s;
	 -webkit-transition: height .2s, width .2s, top .2s, left .2s;
	 -moz-transition: height .2s, width .2s, top .2s, left .2s;
	 transition: height .2s, width .2s, top .2s, left .2s;
}

.cont-bt-comptage-header 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;
}

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

/*.cont-bt-comptage-header 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-header a:hover img {
	filter: drop-shadow(0 0 6px rgba(255,255,255,0.3));
	transform: scale(1.04);
}*/



.cont-bt-menu-burger-header {
	float: right;
	 width: 50px;
	 height: 50px;
	 margin: 15px 0 0 0;
	 -o-transition: height .5s, width .5s, margin-top .5s;
		-webkit-transition: height .5s, width .5s, margin-top .5s;
		-moz-transition: height .5s, width .5s, margin-top .5s;
		transition: height .5s, width .5s, margin-top .5s;
}

body.scrolled .cont-bt-menu-burger-header {
	 width: 42px;
	 height: 42px;
	 margin-top: 6px;
	 -o-transition: height .2s, width .2s, margin-top .2s;
	 -webkit-transition: height .2s, width .2s, margin-top .2s;
	 -moz-transition: height .2s, width .2s, margin-top .2s;
	 transition: height .2s, width .2s, margin-top .2s;
}

.cont-bt-menu-burger-header a {
	width: 50px;
	 height: 50px;
	background: rgb(165,199,21);
	background: radial-gradient(circle, rgba(165,199,21,0.5) 0%, rgba(53,169,54,0.5) 100%);
	border-radius: 50%;
	display: block;
	 position: relative;
	 -o-transition: height .5s, width .5s, transform .2s, box-shadow .2s;
	 -webkit-transition: height .5s, width .5s, transform .2s, box-shadow .2s;
	 -moz-transition: height .5s, width .5s, transform .2s, box-shadow .2s;
	 transition: height .5s, width .5s, transform .2s, box-shadow .2s;
	 z-index: 1;
	  overflow: hidden;
}

body.scrolled .cont-bt-menu-burger-header a {
	width: 42px;
	 height: 42px;
	 -o-transition: height .2s, width .2s, transform .2s, box-shadow .2s;
	  -webkit-transition: height .2s, width .2s, transform .2s, box-shadow .2s;
	  -moz-transition: height .2s, width .2s, transform .2s, box-shadow .2s;
	  transition: height .2s, width .2s, transform .2s, box-shadow .2s;
}

.cont-bt-menu-burger-header a:hover {
	transform: scale(1.07);
	 box-shadow: 0 0 25px rgba(158, 245, 9, 0.3);
	 -o-transition: transform .2s, box-shadow .2s;
	  -webkit-transition: transform .2s, box-shadow .2s;
	  -moz-transition: transform .2s, box-shadow .2s;
	  transition: transform .2s, box-shadow .2s;
}

body.page-node-type-mybrief-page-expertises.expertises .cont-bt-menu-burger-header a:hover {
	 box-shadow: 0 0 25px rgba(120, 229, 195, 0.3);
}

.cont-bt-menu-burger-header a:before {
	transition: 0.2s all ease;
	position: absolute;
	top: 50%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	opacity: 0;
	content: '';
	background: rgb(53,169,54);
	background: radial-gradient(circle, rgba(165,199,21,0.8) 0%, rgba(53,169,54,0.8) 100%);
	border-radius: 50%;
}

.cont-bt-menu-burger-header a:hover:before {
	transition: 0.2s all ease;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	opacity: 1;
	z-index: -1;
}

.cont-bt-menu-burger-header .box {
	 display: block;
	 width: 14px;
	 height: 12px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
}

.cont-bt-menu-burger-header .inner, 
.cont-bt-menu-burger-header .inner:after, 
.cont-bt-menu-burger-header .inner:before {
	 position: absolute;
	 width: 14px;
	 height: 2px;
	 transition-timing-function: ease;
	 transition-duration: .15s;
	 transition-property: transform;
	 background-color: #fff;
	 border-radius: 1px;
}

.cont-bt-menu-burger-header .inner {
	top: 50%;
	 display: block;
}

.cont-bt-menu-burger-header .inner:after, 
.cont-bt-menu-burger-header .inner:before {
	 display: block;
	 content: "";
}

.cont-bt-menu-burger-header .inner:before {
	top: -5px
}

.cont-bt-menu-burger-header .inner:after {
	bottom: -5px;
}



/*.cont-bt-menu-burger-header img,
.bt-fermer-menu-burger 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-menu-burger-header a:hover img,
.bt-fermer-menu-burger a:hover img {
	filter: drop-shadow(0 0 6px rgba(255,255,255,0.2));
	transform: scale(1.1);
}*/












#menu-burger {z-index: 105;display: none;
	 position: fixed;background-color: transparent;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100vh;
	 color: #fff;
	 -webkit-perspective: 100px;
	 perspective: 100px;
	 -webkit-perspective-origin: 50%;
	 perspective-origin: 50%;
	 -webkit-transform: translateY(-110%);
	 transform: translateY(-110%);
	 -webkit-transition: -webkit-transform .5s ease-in-out .8s;
	 transition: -webkit-transform .5s ease-in-out .8s;
	 transition: transform .5s ease-in-out .8s;
	 transition: transform .5s ease-in-out .8s,-webkit-transform .5s ease-in-out .8s;
}
#menu-burger__wrapper {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 height: 100%;
	 -webkit-transform: scale(.8) scaleZ(.1) rotateX(9deg);
	 transform: scale(.8) scaleZ(.1) rotateX(9deg);
	 -webkit-transition: -webkit-transform .8s ease-in-out .3s;
	 transition: -webkit-transform .8s ease-in-out .3s;
	 transition: transform .8s ease-in-out .3s;
	 transition: transform .8s ease-in-out .3s,-webkit-transform .8s ease-in-out .3s;
}
.menu-burger-showed #menu-burger {-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .5s ease-in-out .2s;transition:-webkit-transform .5s ease-in-out .2s;transition:transform .5s ease-in-out .2s;transition:transform .5s ease-in-out .2s,-webkit-transform .5s ease-in-out .2s}

.menu-burger-showed #menu-burger__wrapper{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transition:-webkit-transform .8s ease-in-out .3s;transition:-webkit-transform .8s ease-in-out .3s;transition:transform .8s ease-in-out .3s;transition:transform .8s ease-in-out .3s,-webkit-transform .8s ease-in-out .3s}

body.burger-open {
	overflow: hidden;
}

#menu-burger-2 {
	width: 100%;
	height: 100%;
	background: transparent url(/themes/mybrief/images/fond-menu-burger.jpg) no-repeat center center;
	background-size: cover;
	overflow-y: auto;
	overflow-x: hidden;
}

.bt-fermer-menu-burger {
	float: right;
	 width: 50px;
	 height: 50px;
	 margin: 15px 0 0 0;
}

.bt-fermer-menu-burger a {
	 width: 50px;
	  height: 50px;
	  border-radius: 50%;
	  background: rgb(165,199,21);
	  background: radial-gradient(circle, rgba(165,199,21,0.5) 0%, rgba(53,169,54,0.5) 100%);
	  display: block;
	  padding: 25px 0 0 8px;
	  position: relative;
		-o-transition: transform .2s, box-shadow .2s;
		-webkit-transition: transform .2s, box-shadow .2s;
		-moz-transition: transform .2s, box-shadow .2s;
		transition: transform .2s, box-shadow .2s;
		z-index: 1;
		 overflow: hidden;
}

.bt-fermer-menu-burger a:hover {
	transform: scale(1.07);
	 box-shadow: 0 0 25px rgba(158, 245, 9, 0.3);
	 -o-transition: transform .2s, box-shadow .2s;
	  -webkit-transition: transform .2s, box-shadow .2s;
	  -moz-transition: transform .2s, box-shadow .2s;
	  transition: transform .2s, box-shadow .2s;
}

.bt-fermer-menu-burger a:before {
	transition: 0.4s all ease;
	position: absolute;
	top: 50%;
	left: 50%;
	right: 50%;
	bottom: 50%;
	opacity: 0;
	content: '';
	background: rgb(53,169,54);
	background: radial-gradient(circle, rgba(165,199,21,0.8) 0%, rgba(53,169,54,0.8) 100%);
	border-radius: 50%;
}

.bt-fermer-menu-burger a:hover:before {
	transition: 0.4s all ease;
	left: 0;
	right: 0;
	top:0;
	bottom: 0;
	opacity: 1;
	z-index: -1;
}

.bt-fermer-menu-burger span.barre {
	width: 34px;
	 height: 2px;
	 border-radius: 1px;
	 background-color: #fff;
	 display: block;
	 transform: rotate(45deg);
	 /* transform-origin: center center; */
	 -o-transition: all .3s;
	 -webkit-transition: all .3s;
	 -moz-transition: all .3s;
	 transition: all .3s;
}

.bt-fermer-menu-burger span.barre.deux {
	transform: rotate(-45deg);
	 margin-top: -2px;
}

.bt-fermer-menu-burger a:hover span.barre {
	transform: rotate(360deg);
	 /*height: 4px;
	 margin-top: -2px;
	 border-radius: 2px;*/
}



#menu-burger-cont nav {
	margin-left: -2.1vw;
	padding: 8vw 0 3vw;
}

#menu-burger-cont nav li {
	color: #fff;
	 display: block;
	 font-weight: 700;
	 letter-spacing: 0.02em;
	 font-size: 2.92em;
	 line-height: 1.35em;
	 margin-bottom: 1.8vw;
}

#menu-burger-cont nav li.ssmenu {
	margin-bottom: 2.4vw;
}

#menu-burger-cont nav a,
#menu-burger-cont nav a:visited,
#menu-burger-cont nav span {
	color: #fff;
	 position: relative;
	 display: inline-block;
	 padding: 0 0 0 2.1vw;
}

#menu-burger-cont nav a:hover {
	color: #A5C711;
}

#menu-burger-cont nav a:before {
	content: '';
	 display: block;
	 position: absolute;
	 left: 0;
	 top: 0.9vw;
	 transform: scaleY(0);
	 transform-origin: 50% 50%;
	 width: 3px;
	 height: 2.4vw;
	 background-color: #70B62B;
	 transition: transform 250ms;
}

#menu-burger-cont nav a:hover:before {
	transform: scaleY(1);
}

body.path-frontpage #menu-burger-cont nav li.accueil a,
body.path-actualites.actualites #menu-burger-cont nav li.news a,
body.page-node-type-mybrief-page-expertises.expertises #menu-burger-cont nav li.expertises > a,
body.page-node-type-page.references-et-temoignages #menu-burger-cont nav li.references a,
body.page-node-type-page.contactez-nous #menu-burger-cont nav li.contact a {
	opacity: 0.4;
	cursor: text;
}

body.path-frontpage #menu-burger-cont nav li.accueil a:hover,
body.path-actualites.actualites #menu-burger-cont nav li.news a:hover,
body.page-node-type-mybrief-page-expertises.expertises #menu-burger-cont nav li.expertises > a:hover,
body.page-node-type-page.references-et-temoignages #menu-burger-cont nav li.references a:hover,
body.page-node-type-page.contactez-nous #menu-burger-cont nav li.contact a:hover {
	color: #fff;
}

body.path-frontpage #menu-burger-cont nav li.accueil a:before,
body.path-actualites.actualites #menu-burger-cont nav li.news a:before,
body.page-node-type-mybrief-page-expertises.expertises #menu-burger-cont nav li.expertises > a:before,
body.page-node-type-page.references-et-temoignages #menu-burger-cont nav li.references a:before,
body.page-node-type-page.contactez-nous #menu-burger-cont nav li.contact a:before {
	transform: scaleY(1);
}

#menu-burger-cont nav ul ul {
	padding: 2vw 0 0vw 7.6vw;
}

#menu-burger-cont nav ul ul li {
	font-size: 0.6em;
	margin-bottom: 1.1vw;
}

#menu-burger-cont nav ul ul li a,
#menu-burger-cont nav ul ul li a:visited {
	padding-left: 1.8vw;
}

#menu-burger-cont nav ul ul li a:before {
	top: 0.4vw;
	 height: 1.5vw;
}

#fin-burger {
	display: flex;
	 justify-content: space-between;
	 border-top: solid 1px #B7DD13;
	 align-items: flex-end;
	 padding: 1.5vw 0 8vw;
}

#fin-burger .linkedin {
	 margin-left: -1px;
}

#fin-burger .linkedin a {
	width: 2.2vw;
	 height: 2.2vw;
	 /*background: transparent url(/themes/mybrief/images/logo-linkedin-blanc.svg) no-repeat center center;
	 background-size: contain;*/
	 display: block;
}

#fin-burger .linkedin a svg {
	width: 100%;
	height: auto;
}

#fin-burger .linkedin a svg .linkedinpath {
	fill: #fff;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

#fin-burger .linkedin a:hover svg .linkedinpath {
	fill: #A5C711;
}

#fin-burger .linkedin a:hover {
	transform: scale(1.1);
}

#fin-burger .telephone {
	font-size: 2.01em;
	 line-height: 1.0em;
	 font-weight: 600;
	 color: #fff;
	 letter-spacing: 0.04em;
	 text-align: right;
}

#fin-burger .telephone a,
#fin-burger .telephone a:visited {
	color: #fff;
	position: relative;
	display: inline-block;
}

#fin-burger .telephone a:hover {
	color: #A5C711;
	transform: scale(1.05);
}

#fin-burger .telephone a:before {
	display: block;
	 content: '';
	 position: absolute;
	 left: -2.5vw;
	 top: -0.1vw;
	 width: 1.5vw;
	 height: 2.1vw;
	 background: transparent url(/themes/mybrief/images/picto-telephone-blanc.svg) no-repeat center center;
	 background-size: contain;
}









@media screen and (min-width: 1255px) {
	
	#menu-burger-cont nav {
		margin-left: -26px;
		 padding: 100px 0 38px;
	}
	
	#menu-burger-cont nav li {
		margin-bottom: 23px;
	}
	
	#menu-burger-cont nav li.ssmenu {
		margin-bottom: 28px;
	}
	
	#menu-burger-cont nav a,
	#menu-burger-cont nav a:visited,
	#menu-burger-cont nav span {
		padding: 0 0 0 26px;
	}
	
	#menu-burger-cont nav a:before {
		 top: 11px;
		 height: 30px;
	}
	
	#menu-burger-cont nav ul ul {
		padding: 25px 0 0 95px;
	}
	
	#menu-burger-cont nav ul ul li {
		margin-bottom: 14px;
	}
	
	#menu-burger-cont nav ul ul li a,
	#menu-burger-cont nav ul ul li a:visited {
		padding-left: 23px;
	}
	
	#menu-burger-cont nav ul ul li a:before {
		 top: 5px;
		 height: 19px;
	}
	
	#fin-burger {
		padding: 19px 0 100px;
	}
	
	#fin-burger .linkedin a {
		width: 26px;
		 height: 26px;
	}
	
}








@media screen and (max-width: 1024px) {
	
	#ssheader > .cont-full,
	#menu-burger-2 > .cont-full:first-child {
		text-align: center;
	}
	
	.cont-bt-comptage-header {
		position: relative;
		 display: inline-block;
		 left: auto;
		 transform: none;
		 text-align: left;
		 top: auto;
		 margin-top: 20px;
		  -o-transition: height .5s, width .5s, margin-top .5s;
		  -webkit-transition: height .5s, width .5s, margin-top .5s;
		  -moz-transition: height .5s, width .5s, margin-top .5s;
		  transition: height .5s, width .5s, margin-top .5s;
	}
	
	body.scrolled .cont-bt-comptage-header.head {
		 margin-top: 10px;
		 top: auto;
		 -o-transition: height .2s, width .2s,  margin-top .2s;
		 -webkit-transition: height .2s, width .2s, margin-top .2s;
		 -moz-transition: height .2s, width .2s,  margin-top .2s;
		 transition: height .2s, width .2s,  margin-top .2s;
	}
	
	.cont-logo-header {
		 width: 206px;
		 height: 51px;
		 margin: 16px 0 0 -2px;
	}
	
	.cont-logo-header a {
		 width: 206px;
		 height: 51px;
	}
	
}








@media screen and (max-width: 900px) {
	
	#menu-burger-cont nav {
		margin-left: -19px;
		 padding: 72px 0 27px;
	}
	
	#menu-burger-cont nav li {
		 font-size: 28px;
		 margin-bottom: 22px;
		 line-height: 1.25em;
	}
	
	#menu-burger-cont nav li.ssmenu {
		 margin-bottom: 22px;
	}
	
	#menu-burger-cont nav a, 
	#menu-burger-cont nav a:visited, 
	#menu-burger-cont nav span {
		 padding: 0 0 0 19px;
	}
	
	#menu-burger-cont nav a:before {
		 top: 8px;
		 height: 22px;
	}
	
	#menu-burger-cont nav ul ul {
		 padding: 18px 0 0 68px;
	}
	
	#menu-burger-cont nav ul ul li {
		 margin-bottom: 12px;
	}
	
	#menu-burger-cont nav ul ul li a, 
	#menu-burger-cont nav ul ul li a:visited {
		 padding-left: 16px;
	}
	
	#menu-burger-cont nav ul ul li a:before {
		 top: 4px;
		 height: 14px;
	}
	
	#fin-burger {
		 padding: 14px 0 72px;
	}
	
	#fin-burger .linkedin a {
		 width: 20px;
		 height: 20px;
	}
	
	#fin-burger .telephone {
		 font-size: 19px;
	}
	
	#fin-burger .telephone a:before {
		 left: -23px;
		 top: -1px;
		 width: 14px;
		 height: 19px;
	}
	
}









.cont-bt-comptage-header.menu {
	display: none;
}

@media screen and (max-width: 720px) {
	
	.cont-bt-comptage-header {
		display: none;
	}
	
	.cont-bt-comptage-header.menu {
		display: block;
		margin: 0 0 60px;
	}
	
}







@media screen and (max-width: 360px) {
	
	.cont-logo-header {
		 width: 180px;
		 height: 44px;
		 margin: 19px 0 0 -2px;
	}
	
	.cont-logo-header a {
		 width: 180px;
		 height: 44px;
	}
	
}