/* CSS3 Reset
---------------------------------------------------------------------- */

html, body {overflow-x: hidden;}
@font-face {
  font-family: "Univers";
  src: url("../fonts/fonts/UniversLTStd-Ex.otf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "Univers";
  src: url("../fonts/fonts/UniversLTStd-XBlackEx.otf") format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: "Univers";
  src: url("../fonts/fonts/UniversLTStd-BoldEx.otf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "RobotoCondensed";
  src: url("../fonts/fonts/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,article,aside,canvas,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,
mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:16px;vertical-align:baseline;background:transparent;text-align: left;}
body{background: #ececec;}
article,aside,canvas,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#f1f191;color:#010201;text-decoration:none;}
mark{background-color:#f1f191;color:#010201;font-style:italic;font-weight:bold;}
del{ text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #c1c2c3;margin:1em 0;padding:0;}
input,select { vertical-align:middle; }
input,button,select { outline: none; }
ul {list-style: none;}
* {box-sizing: border-box;}
*::selection {background:#112277; color:#cdf;}
body .wrapNav,body div.underFooter {max-width:1570px; margin:auto;}


/* Les Fonts : ici !
---------------------------------------------------------------------- */





/* Codes couleurs :
----------------------------------------------------------------------
# 212221 : couleur du texte "normal"
# 111412 : h2
# 212422 : h2
# 313432 : h3
# 414442 : h4
# 515452 : h5
# 616462 : h6
# 4e4f4e : couleur du texte ":input"
# abacaa : bordure ":input"
# 2a292b : fond over-header
# 818480 : fond header, & autre blocs avec fond moyen
# 161516 : fond nav & footer & autre blocs avec fond foncé
# fefdfc : hover border nav
# 181719 : fond boutons & co
# 424143 : fond hover-boutons & co
# 4343da : fond bouton Exergues (& couleur hover)
# fe0504 : fond bouton Exergues && Important (& couleur hover)
# ff0084 : surbrillance de selection du text dans le Header
# 112277 : surbrillance de selection du text (général)
# 727571 : label formulaire


---------------------------------------------------------------------- */


/* Structure générale
---------------------------------------------------------------------- */
[data-href]:hover{cursor: pointer;}
html {font-size:62.5%;}
body {font-size:16px; font-family: RobotoCondensed; color: #212221;position: relative;}
body > header {
	text-align: center;
	background: #818480;
	width:100%;
	min-height: 75px;
	overflow: hidden;
	z-index:1;
	position:relative;
	z-index: 101;
}
body > footer {
	font-size: 16px;
	text-align: center;
	width: 100%;
	min-height: 100px;
	position:relative;
	background: #323232;
	padding-top: 30px;
}
footer .underFooter > img{width:130px;}
body > nav {
	width: 100%;
	z-index:101;
	position:relative;
}
aside {}

body > main, body div.wrap {min-height:calc(100vh - 125px - 324px);} /* Taille header + taille footer */


/* Charte graphique élémentaire
---------------------------------------------------------------------- */
h1 {
	text-align: center;
	font-size:27px;
	line-height:56px;
	color:#323232;
	font-weight: 100;
	padding:2vh 0;
	letter-spacing: 1px;
	margin:0;
	text-transform: uppercase;
	position:relative;
	z-index:10;
	display:inline-block;
}

[data-c="536"] .titleContainer {width: 96%; margin: auto;}
[data-c="536"] h1 i.fa-home{color:#e99898;}
.homePage .product-list  .titleContainer{text-align:center;position:relative;}
.homePage .product-list  .titleContainer h1{background: #fff; padding: 1vh 8px; font-size:26px; }
[data-c="392"] h2,
[data-c="388"] h2,
[data-c="403"] h2 { padding-left: 12px; }
[data-c="392"] h2,
[data-c="388"] h2 { background-color: white; }
.homePage .product-list .titleContainer:before{
	content: '';
	position: absolute;
	right: 2%;
	top: 50%;
	display: block;
	height: 2px;
	background: #e6e6e6;
	z-index: 1;
	width: 96%;
	font-size:22px;
}

/*  version pleine avec petite flèche en bas
h1::before {
    content: "";
    position: absolute;
    z-index: 1;
    border-top: 16px solid #f00;
    bottom: -16px;
    left: calc(50% - 16px);
    border-left: 16px transparent solid;
    border-right: 16px transparent solid;
}
*/
h2 {
	color:#e99898;
	display:inline-block;
	z-index:10;
	position:relative;
	margin: 15px 0 5px 0;
	font-weight: unset;
	font-size:24px;
}

h3 {
	font-size:22px;
	line-height: 22px;
	font-weight: normal;
	color:#313432;
	margin-top:14px;
	padding:0;
}
h4 {
	font-size:20px;
	font-weight: bold;
	color:#fff;
	margin:6px 0px;
	padding:0;
	text-align: center;
}
h5 {
	font-size:18px;
	font-weight: bold;
	color:#515452;
	margin:6px 0px;
	padding:0;
}
h6 {
	font-size:16px;
	font-weight: normal;
	color:#616462;
	margin:4px 0px;
	padding:0;
	line-height: 16px;
}
p {
	margin: 8px 0px;
	text-align: justify;
}
a {text-decoration: none; color: #e99898; transition: all 0.5s; }
a:hover {}
i {}
b {}
strong {}
hr {border-top: 1px solid; display: block; height: 1px;}
.wrap{max-width: 1570px; margin: auto;}

blockquote {font-size:22px; text-align: center; letter-spacing: 0.5px; line-height: 26px; font-style: italic; quotes:"\00ab" "\00bb";}
blockquote:after {content:open-quote; font-size:30px;}
blockquote:before {content:close-quote;font-size:30px;}

.slider-bannerSubNav { position: relative; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; overflow:hidden; }
.slider-bannerSubNav .slide-selector { position: absolute; bottom: 40px; left: 0; right: 0; display: flex; flex-direction: row; justify-content: center;  align-items: center; padding: 6px 0; }
.slider-bannerSubNav .slide-selector .selector { cursor: pointer; margin: 0 3px; width: 14px; height: 14px; border-radius: 50%; border: 2px solid #fff; }
.slider-bannerSubNav .slide-selector .selector.active { background-color: #fff; }
.slider-bannerSubNav, .bloc-bannerSubNav { width:100%; max-width: unset; flex-shrink: 0; position: relative; overflow:hidden; height:300px; font-family: "RobotoCondensed"; }
.bloc-bannerSubNav[data-c="537"], .bloc-bannerSubNav[data-c="133742"] { background: #d3d3d3; }
.bloc-bannerSubNav  .figureContent{width: 92%; height: calc(100% - 60px); margin: auto; max-width:1570px; position:relative;  margin:auto; display: flex; justify-content: space-between; align-items: center; }
.bloc-bannerSubNav  .figureContent .comment { z-index: 5; width: 50%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-left: 3%; }
.bloc-bannerSubNav  .figureContent .comment h1 {text-align: left; font-size: 46px; color: #fff; }
.bloc-bannerSubNav  .figureContent .comment p{color: #fff; font-size:16px; line-height: 20px;}
.bloc-bannerSubNav  .figureContent .comment .buttons { width: 100%; display: flex; align-items: center; justify-content: flex-end; }
.bloc-bannerSubNav  .figureContent .comment a{background: transparent;color:#FFF; border:2px solid #FFF; border-radius: 18px; padding: 10px 30px; font-size: 14px; text-transform: uppercase; -webkit-text-stroke: 0.2px #fff;background-color: rgba(0,0,0,0.3); margin: 0 3px; }
.bloc-bannerSubNav  .figureContent .comment a:hover{background:#fff; color: #000; -webkit-text-stroke: 0.2px #000;}
.bloc-bannerSubNav  figcaption { font-size:10px; font-style: italic; text-align: center; padding-top:10px;}
.bloc-bannerSubNav  .figureContent img { min-width: 30px; }
.bloc-bannerSubNav[data-c="545"] .figureContent img{margin-right:0;}
.bloc-bannerSubNav .figureContent .logo {position: relative; width: 50%; height:100%;}
.bloc-bannerSubNav .figureContent img { position: absolute; right: 0; min-width: 30px; height:100%; width:auto;}

.ct-blocs.ct-nb-2.ct-level-0.ct-auto{width:100%;}
.bloc-call-to-action {font-family: "RobotoCondensed";}
.bloc-call-to-action .imgContainer{width:90%; margin: auto;}
.bloc-call-to-action .figureContent{position:relative; max-width: 1570px; margin:auto;}
.bloc-call-to-action  .figureContent .comment h1{position:absolute; top:30px; padding:0; color:#FFF;left:8%; line-height: 44px; font-size:42px; text-align: left;}
.bloc-call-to-action  .figureContent .comment p{ position:absolute; top:122px; color:#FFF;left:8%; max-width: 465px; line-height: 18px; font-size: 16px; width:70%; margin-top: 12px;}
.bloc-call-to-action  .figureContent .comment a{position: absolute; top: 232px; left: 8%;}
.bloc-call-to-action  .figureContent .comment a:hover{background: #fff; color: #000; -webkit-text-stroke: 0.2px #000;}
.bloc-call-to-action  figcaption { font-size:10px; font-style: italic; text-align: center; padding-top:10px;}
.bloc-call-to-action  .figureContent img { width: 100%; max-height: 300px; object-fit: cover; }
section {}
article {}
code {}

input[type='text'],
input[type='password'],
input[type='tel'],
input[type='number'],
input[type='date'],
input[type='color'],
input[type='range'],
input[type='url'],
input[type='time'],
input[type='datetime'],
input[type='email'],
select {
	height: 40px;
	color:#373737;
	border:1px solid #e4e4e4;
	/*border-radius: 5px;*/
	width:100%;
	padding:8px;
	font-size:16px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px #ececec inset;
}

button,
input[type='button'],
input[type='submit'],
.btn {
	background: none;
	cursor: pointer;
	padding:10px 24px;
	color:#323232;
	font-size:26px;
	font-family: RobotoCondensed;
	border-radius: 5px;
	border:none;
	display:inline-block;
	text-decoration: none;
	transition: all 0.3s ease;
}

button:hover,
input[type='button']:hover,
input[type='submit']:hover,
.btn:hover {}

input[type='checkbox'],
input[type='radio'] {cursor: pointer;}
input[type="radio"], input[type="checkbox"]
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	width: 12px;
	height: 12px;

	border: 2px solid #bbbbbb;
	background-color: transparent ;
	border-radius: 50%;
}

input[type="radio"]:checked, input[type="checkbox"]:checked { background-color: #e99898; }

label {cursor: pointer;}

.btn
{
	position: relative;
	top: 0;
	left: 0;
	color: #fff;
	background: #e99898;
	padding: 8px 32px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 0;
	text-align: center;
	outline: none;
}

.btn > i { margin-right: 4px; }

.btn:active:after
{
	border: 1px solid #8dabef;
	border-left: none;
	outline: none;
}
.btn:after
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;

	content: '\f105';
	font-family: FontAwesome;
	color: #fff;
	font-size: 20px;
	background: #be7472;
	padding: 8px 10px 8px 14px;
	outline: none;

	display: flex;
	align-items: center;
}

input[type='button']:not(.noafter),
input[type='submit']:not(.noafter),
button[type="submit"]:not(.noafter)
{
	position: relative;
	top: 0;
	left: 0;
	color: #fff;
	background: #e99898;
	padding: 8px 32px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 0;
	text-align: center;
	margin-right: 31px;
}

input[type='button']:not(.noafter):active:after,
input[type='submit']:not(.noafter):active:after,
button[type="submit"]:not(.noafter):active:after
{
	border: 1px solid #8dabef;
	border-left: none;
}

input[type='button']:not(.noafter):after
input[type='submit']:not(.noafter):after
button[type="submit"]:not(.noafter):after
{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;

	content: '\f105';
	font-family: FontAwesome;
	color: #fff;
	font-size: 20px;
	background: #be7472;
	padding: 8px 10px 8px 14px;

	display: flex;
	align-items: center;
}

.btn.big{position: relative;
font-size: 20px;
height:50px;
line-height: 35px;
width:150px;}
.btn.big:after{
right: -20px;
font-size: 28px;
height:46px;
line-height:46px;}

.btn.xbig{font-size: 35px;height:70px;line-height: 55px;width:150px;}
.btn.xbig:after{right: -33px;font-size: 40px;height:66px;line-height:66px;}

.btn.small{font-size: 10px;height:20px;line-height: 10px;width:100px;}
.btn.small:after{font-size: 10px;height: 16px;line-height: 16px;}



/* styles remis en forme pour les contenus issus de wysiwyg
---------------------------------------------------------------------- */
.content {font-size:16px;}
.content ul {margin:8px 0 8px 8px;  list-style:disc;}
.content li {margin-left:12px;}
.content li li {list-style:circle;}
.content li li li {list-style:diamond;}
.content .infoContent{margin-left:20px; line-height: 1.2; font-size: 16px;}


.homePage .titleContainer{position:relative; text-align: center;width:100%;margin:auto;background: #FFF;}
.homePage .titleContainer h1{text-align: center; width:auto;background: #FFF; padding:15px;}
.homePage .titleContainer:before{content: '';
	position: absolute;
	right: 2%;
	top: 50%;
	display: block;
	height: 2px;
	background: #e6e6e6;
	z-index: 1;
	width: 96%;
	font-size: 22px;
}

/* -------------------------------------------------------------------
----------------------------------------------------------------------
								STRUCTURE
----------------------------------------------------------------------
---------------------------------------------------------------------- */

/*  Navigation
------------------- */
nav.mainNav {top:0; display:flex; z-index: 101;background:#FFF;}
nav.mainNav .menuSmart {cursor: pointer;}
nav.mainNav .smallLogo { padding:4px 10px; flex:0; align-self: center; opacity: 0; transition: opacity 0.5s ease; }
nav.mainNav .smallLogo img {height: 32px; max-width: 100px;}
nav.mainNav > div {max-width: 92%; margin: auto; text-align: center; flex:1; align-self: flex-end;}
nav.mainNav > div > i.fa { display:none; }

main > section.prodOnQt.on,
div.wrap.page.order.on,
div.wrap.shipping.on,
div.adresses.on,
div.wrap.address.on,
div.wrap.validation.on,
div.struct-blocs.struct-wrap.account.on,
section.account.ids.on,
div.struct-blocs.struct-wrap .account.order.on {margin-top:260px;transition: margin-top 500ms ease-out;}
main > section.prodOnQt,
div.wrap.page.order,
div.wrap.shipping,
div.adresses,
div.wrap.address,
div.wrap.validation,
div.struct-blocs.struct-wrap.account,
section.account.ids,
div.struct-blocs.struct-wrap .account.order {transition: margin-top 500ms ease-out;}
nav.mainNav > div > ul {font-size:0; display: flex; max-width: 1570px; margin: auto;}
nav.mainNav > div > ul > li {flex-grow: 1; font-size:14px;color:#000;display: inline-block;transition:border-color 0.3s ease;justify-content: space-between;border-left: 1px solid #f1f1f1; width: auto; text-align: center; height:50px; line-height: 50px;}
nav.mainNav > div > ul > li:last-child{border-right: 1px solid #f1f1f1;}
nav.mainNav > div > ul > li span,
nav.mainNav > div > ul > li a {color:#000; display: inline-block; text-decoration: none; font-size:14px; text-transform: uppercase; vertical-align: middle;line-height: normal;}
nav.mainNav > div > ul > li a{padding:0 5px;}
nav.mainNav > div > ul > li > div {display:none; position:absolute; top:50px; left:0; right: 0; overflow:hidden; z-index:200; background: #fff; }
nav.mainNav > div > ul > li:hover div {display: flex; justify-content: center; align-items: center; max-height: 260px; }
nav.mainNav > div > ul > li  li { white-space: nowrap; }
nav.mainNav > div > ul li.nav-search { flex-grow: 2; display: flex; justify-content: center; align-items: center; }
nav.mainNav > div > ul li.nav-search form { display: flex; flex-direction: row; justify-content: center; align-items: center; }
nav.mainNav > div > ul li.nav-search form input { font-family: 'RobotoCondensed'; height: auto; padding: 3px 8px; margin: 2px; }
nav.mainNav > div > ul li.nav-search form button { padding: 0; margin: 6px; background-color: transparent; color: #202020; }
nav.mainNav > div > ul > li > div {background: #f0f0f0; transition: .2s; }
nav.mainNav > div > ul > li > div .subMenuContainer { width: 92%; max-width: 1570px; height: 260px; margin: auto; display: flex; justify-content: center; align-items: center; }
nav.mainNav > div > ul > li > div .subMenuContainer .subcatImg {width: 50%; display: flex; justify-content: center;}
nav.mainNav > div > ul > li > div .subMenuContainer .subcatImg img {width: auto; max-width: 100%; height: 100%; max-height: 242px; padding: 0 5% 0 10%;}
nav.mainNav > div > ul > li > div .subMenuContainer ul {width: 900px; margin: auto; /*display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: center;*/ columns: auto 3; }
nav.mainNav > div > ul > li > div .subMenuContainer ul li a {padding: 6px 12px;}

nav.mainNav.scroll > div > ul {padding:0;}
nav.mainNav.scroll .smallLogo,
.simpleHeader nav.mainNav .smallLogo {opacity: 1;}

nav.mainNav > div > ul > li.closeMenu {display: none;}

.breadcrumb {display: none;}



/* Header
---------------------------------------------------------------------- */
body > header {position:relative; background:#323232; height:75px; max-height:75px;}
body > header .overHead {
	max-width:1570px;
	margin:auto;
	color:#fff;
	transition: top 0.7s ease;
	z-index:1;
	height: 100%;
	width: 92%;
}
body > header .responsiveContainer{display:flex; width:100%; justify-content: space-between; align-items: center; }
body > header .overHead .logo img{vertical-align: middle; height:50px;}
body > header .overHead > div {margin:0 auto; display:flex; justify-content: space-between;height:100%;}
body > header .overHead .flags {display:flex; padding:8px 5px;}
body > header .overHead .flags li {padding:0px 5px;}
body > header .overHead .logo{height:75px; line-height: 75px;}
body > header .overHead .headerButton {display:flex;  padding:8px 5px; font-size:12px;}
body > header .overHead .headerButton li {display:flex;justify-content:center;align-items:center;padding:0 25px;cursor: pointer;margin: auto;background: #e99898;border-radius: 100px; height:35px;}
body > header .overHead .headerButton li:first-child {margin-right: 20px;}
body > header .overHead .headerButton li a {color:#fff; text-decoration: none; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-family: "RobotoCondensed"; display:flex;justify-content:space-between;align-items:center;}
body > header .overHead .headerButton li a:before{font-size:14px; margin-right:3px; padding-top:2px; font: normal normal normal 20px/1 FontAwesome;}
body > header .overHead .areas {display:flex;  padding:0; font-size:12px; height:100%;}
body > header .overHead .areas li {padding:0px 32px; cursor: pointer; display: flex;align-items: center; font-size: 14px; border: 1px solid #404040; border-top: none; border-bottom: none;}
body > header .overHead .areas li:hover {background:#595959;}
body > header .overHead .areas li a,
body > header .overHead .areas li span{color:#fff; text-decoration: none;white-space: nowrap; font-size: 16px;}
body > header .wrapTitle {
	position:absolute;
	top:8%;
	left:30%;
	width:40%;
	padding:10px;
	min-width:320px;
	text-align: center;
	color:#fefffd;
}
body > header .wrapTitle .headerTitle {text-align: center; margin:20px 0; padding:0; font-weight: bold; font-variant: small-caps; font-size:60px; line-height: 60px; color:#fefffd; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
body > header .wrapTitle .headerText {text-align: center; font-size:26px; font-weight: bold;  color:#fefffd; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6); }
body > header .wrapTitle .headerText .btn {padding:16px 30px; font-size:30px; font-weight: normal; color:#fff; background: #fe0504; text-shadow: none;}
body > header .wrapTitle .headerText .btn:hover {color:#fe0504; background: #fff;;}
body > header .wrapTitle *::se{background:#ff0084; color:#aff; }

body > header .wrapBanner {width:100%; position:relative;}
body > header .wrapBanner .banner {width:100%;}
body > header .wrapBanner .banner img {width:100%;}
body > header .wrapBanner .logo {position:absolute; top:20%; width:30%; z-index:0; left:5%;}
body > header .wrapBanner .logo img {}
body > header .wrapButtons {position:absolute; bottom:0; right:20%; display: flex; z-index:10;}
body > header .wrapButtons li {display:inline-block; margin-left:5%;}
body > header .wrapButtons li a {display:inline-block; padding:12px 20px; background: #4343da; color:#fff; text-decoration: none; font-size:26px; transition: all 0.3s ease; border-radius: 5px 5px 0 0; font-variant: small-caps;}
body > header .wrapButtons li a:hover {background:#fff; color:#4343da; }


body > header.classic {}
body > header.classic .wrapBanner .banner {}
body > header.classic .wrapBanner .banner img {/* object-fit: cover; object-position: center center;*/}
body > header.classic .wrapBanner .logo {
	background:rgba(255,255,255, 0.6);
	padding:20px;
}
body > header.classic .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain;}
body > header.classic .wrapTitle {left:40%; width:60%; height: 80%; display: flex; flex-direction: column; justify-content: center;}


body > header.sidelogo {min-height:160px; background: #fff;}
body > header.sidelogo .wrapBanner {min-height:160px;}
body > header.sidelogo .wrapBanner .logo {top:10%; width:20%; height:80%;}
body > header.sidelogo .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain;}
body > header.sidelogo nav.mainNav {position:absolute; top:0%; width:75%; left:25%; height: 100%;}
body > header.sidelogo nav.mainNav .wrapNav {align-self:center;}
body > header.sidelogo nav.mainNav > div > ul > li {background: none; color:#000; border-bottom: 4px solid #fff;}
body > header.sidelogo nav.mainNav > div > ul > li a {color:#000; }
body > header.sidelogo nav.mainNav > div > ul > li:hover {border-bottom: 4px solid #444;}
body > header.sidelogo nav.mainNav > div > ul {width:100%;}

body > header.sidelogo nav.mainNav.scroll {position:fixed; height:auto; left:0; width:100%; background: #fff; justify-content: center; }
body > header.sidelogo nav.mainNav.scroll ul li {}
body > header.sidelogo nav.mainNav.scroll .smallLogo,
body > header.sidelogo nav.mainNav.scroll .wrapNav {flex:none;}


body > header.nav-in-banner {min-height:160px; background: #fff;}
body > header.nav-in-banner .wrapBanner {min-height:160px;}
body > header.nav-in-banner .wrapBanner .banner {}
body > header.nav-in-banner .wrapBanner .banner img {width:100%;}
body > header.nav-in-banner .wrapBanner .logo {top:10%; width:20%; height:80%; }
body > header.nav-in-banner .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain;}

body > header.nav-in-banner nav.mainNav {position:absolute; top:0%; width:calc(65% - 30px); left:30%; height: 100%;}
body > header.nav-in-banner nav.mainNav .wrapNav {align-self:center;}
body > header.nav-in-banner nav.mainNav > div > ul > li {width:32%; background: none; color:#000; border-bottom: 2px solid #fff;}
body > header.nav-in-banner nav.mainNav > div > ul > li:before {content:""; position:absolute; left:0px; border-left:5px solid #000; border-top:5px solid transparent; border-bottom:5px solid transparent; top:calc(50% - 5px); }
body > header.nav-in-banner nav.mainNav > div > ul > li a {color:#000; font-size:14px; padding:6px 10px;}
body > header.nav-in-banner nav.mainNav > div > ul > li:hover {border-bottom: 2px solid #444;}
body > header.nav-in-banner nav.mainNav > div > ul {width:100%;}
body > header.nav-in-banner .wrapButtons li a {padding:6px 10px; font-size:15px;}
body > header.nav-in-banner .overHead {right:0; width:30px; height:100%; position:absolute; flex-direction: column;display: flex;}
body > header.nav-in-banner .overHead > div {flex-direction: column-reverse; justify-content: space-between; flex:1;}
body > header.nav-in-banner .overHead .flags {flex-direction: column;}
body > header.nav-in-banner .overHead .flags li {padding:5px 2px;}
body > header.nav-in-banner .overHead .areas {flex-direction: column;}
body > header.nav-in-banner .overHead .areas li {font-size:0; padding:0; text-align: center;}
body > header.nav-in-banner .overHead .areas li i {font-size:18px;}




body > header.logo-outside {min-height:160px; background: #fff; margin-bottom:20px; margin-top:20px;}
body > header.logo-outside .wrapBanner {min-height:160px; width:60%; left:32%; border-radius: 10px;}
body > header.logo-outside .wrapBanner .logo {top:10%; left:-50%; width:50%; height:80%; text-align: center; display: flex; flex-direction: column; justify-content: center;}
body > header.logo-outside .wrapBanner .logo img {width:80%; height: 80%; object-fit: contain; align-self: center;}
body > header.logo-outside .wrapBanner .banner img {border-radius: 10px;}
body > header.logo-outside nav.mainNav {position:absolute; bottom:0%; width:60%; left:32%; top:auto;  background: #000; border-radius: 0 0 10px 10px;}
body > header.logo-outside nav.mainNav .wrapNav {align-self:center;}
body > header.logo-outside nav.mainNav .wrapNav ul {padding:0; }
body > header.logo-outside nav.mainNav .smallLogo {display: none;}
body > header.logo-outside .wrapTitle {left:32%; width:60%; height: 80%; display: flex; flex-direction: column; justify-content: center;}
body > header.logo-outside .wrapTitle h1 {font-size:40px; line-height: 40px;}

body > header.logo-outside .wrapButtons li a {padding:6px 10px; font-size:15px; border-radius: 0 0 6px 6px;}
body > header.logo-outside .wrapButtons {bottom:auto; top:0;}

body > header.logo-outside nav.mainNav.scroll {position:fixed; height:auto; left:0; bottom:auto; top:0; width:100%; background: #000; justify-content: center; }
body > header.logo-outside nav.mainNav.scroll .smallLogo,
body > header.logo-outside nav.mainNav.scroll .wrapNav {flex:none;}

body > header.logo-outside .overHead {right:calc(7% - 15px); width:30px; background: none; height:calc(100% - 32px); position:absolute; flex-direction: column;display: flex;}
body > header.logo-outside .overHead > div {flex-direction: column-reverse; justify-content: space-between; flex:1;}
body > header.logo-outside .overHead .flags {flex-direction: column;}
body > header.logo-outside .overHead .flags li {padding:5px 2px; color:#000;}
body > header.logo-outside .overHead .areas {flex-direction: column;}
body > header.logo-outside .overHead .areas li {font-size:0; padding:0; text-align: center; color:#000;}
body > header.logo-outside .overHead .areas li i {font-size:18px;}
body .areas .fa{padding-right:8px;}


body > header.fullpage {}
body > header.fullpage .overHead {position:absolute; top:0; left:0; z-index:2; height:40px;}
body > header.fullpage .overHead.scroll {top:-30px;}
body > header.fullpage .wrapBanner .banner {}
body > header.fullpage .wrapBanner .banner img {width:100%; height:100vh; object-fit: cover; object-position: center center;}
body > header.fullpage .wrapBanner .banner::after {content:""; z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.3);}
body > header.fullpage .wrapTitle {width:100%; left:0;}
body > header.fullpage .wrapTitle .logo {width:100%; text-align: center; padding:20px;}
body > header.fullpage .wrapTitle .logo img {max-height: 30vh;}
body > header.fullpage .overHead {position:fixed; }
body > header.fullpage nav.mainNav {position:fixed; top:28px; width:100%; left:0%; background:#161516; transition:top 0.5s ease;}
body > header.fullpage nav.mainNav.scroll {top:0;}
body > header.fullpage nav.mainNav > div > ul {padding:0;}


.scrollDown {
	background-image: url('../../img/design/double-arrow.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 50px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	animation: scrollDown 1.3s infinite;
}

@keyframes scrollDown {
	0%  { bottom: 30px; }
	50% { bottom: 50px; }
	60% { bottom: 30px; }
	70% { bottom: 35px; }
	80% { bottom: 30px; }
	100%{ bottom: 30px; }
}



/* -------------------------------------------------------------------
----------------------------------------------------------------------
								STRUCTURE
----------------------------------------------------------------------
---------------------------------------------------------------------- */




/* Page
---------------------------------------------------------------------- */



/* Modal
---------------------------------------------------------------------- */

.simple-modal {
	width: 80vw;
	left: 50%;
	position: fixed;
	top: 0;
	transform: translateX(-50%);
	visibility: hidden;
	z-index: 20000;
	background:#fff;
	color:#fff;
}
.simple-modal.on {visibility: visible; top: 2vh;}
.simple-modal .simpleModal-content {
	color:#fff;
	margin: 0 auto;
	opacity: 0;
	position: relative;
	transform: translateY(-50%);
	transition: all 0.3s;
	padding: 10px;
}
.simple-modal.on .simpleModal-content {border-radius: 0 0 3px 3px; opacity: 1; transform: translateY(0%);}

.simpleModal-overlay {
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all 0.3s;
	visibility: hidden;
	width: 100%;
	z-index: 2000;
}
.simple-modal.on ~ .simpleModal-overlay {background-color: rgba(100, 100, 100, 0.8); opacity: 1; visibility: visible;}
.simple-modal .container{display:flex;}
.simple-modal h3 {font-size: 2.4em;	font-weight: normal; padding: 0.4em; color:#e99898;text-transform: uppercase;}
.simple-modal .wrap-form {padding: 0px;padding-left: 15px;width:49%;display: inline-grid;}
.simple-modal .wrap-form label {color:#323232;}
.simple-modal .forgetPwd{color:#e99898;text-align: right;font-size: 12px;}
.simple-modal .forgetPass h3{text-align:left;}
.simple-modal #inscription{margin-top:15px;}
.simple-modal #inscription h1{background:#fff;padding:0;padding-right:15px;font-size:19px;line-height:19px;}
.simple-modal #inscription .titleContainer{position:relative;width:100%;margin-bottom:15px;}
.simple-modal #inscription .titleContainer:before{content: '';position: absolute;right: 0;top: 50%;display: block;height: 2px;background: #323232;z-index: 1;width: 100%;font-size: 22px;}
.simple-modal #inscription > form:nth-of-type(2){border-left: 1px solid #ececec;margin-left: 15px;padding-left:25px;padding-right: 15px;}
.simple-modal #inscription label,.simple-modal #inscription input,.simple-modal .forgetPass label,.simple-modal .forgetPass input {font-size:12px;}
.simple-modal #inscription .btn,.simple-modal .btn{font-size:12px;padding:7px 10px;}
.simple-modal .after.forgetPwd{width: 250px;height: 30px;}
.simple-modal button{position: relative;width: 200px;height: 30px;}
.simple-modal button:after{position: absolute;top: 0;right: 0;content: '\f105';font-family: FontAwesome;color: #fff;background: #be7472;padding: 1px 10px;font-size: 22px;border-radius: 0;}
.simple-modal button input{position: absolute;top: 0;left: 0;width: 90%;color: #fff;background: #e99898;padding: 2px 10px;font-size: 14px;border-radius: 0;}
.account > form > nav{position: relative;width: 200px;height: 30px;}
.account > form > nav button{position: absolute;top: 0;left: 0;width: 90%;color: #fff;background: #e99898;padding: 5px 10px;font-size: 15px;border-radius: 0; text-transform: uppercase;}
.simple-modal .form-top .digiForm article .rstPass{position: relative;width: 250px;height: 30px;}
.simple-modal .rstPass:after{position: absolute;top: 0;right: 0;content: '\f105';font-family: FontAwesome;color: #fff;background: #be7472;padding: 2px 10px;font-size: 20px;border-radius: 0;}
.simple-modal .sendPwd{width: 40%;color: #fff;background: #e99898;padding: 5px 10px;border-radius: 0;}
.simple-modal .wrap-form div > input {border-radius: 0;}
.simple-modal .products,
.simple-modal .nav {display: flex; justify-content: center;	text-align: center;}
.simple-modal h4 {margin: 15px 0;}
.simple-modal h4,
.simple-modal .price {font-size: 18px;}
.simple-modal img {max-height: 250px; object-fit: contain; width: 100%;}
.simple-modal .nav div {flex: 1;}
.simple-modal iframe {
    height: calc(100% - 50px);
    width: 100%;
    min-height: 80vh;
}

/* Rubrique
---------------------------------------------------------------------- */
.container { padding: 30px; }
/* Ariane - Breadcrumb
---------------------------------------------------------------------- */
.ariane {display:flex;list-style: none;padding:27px 0 25px 22px; font-size:16px;border-bottom: 1px dotted #e6e6e6;margin-bottom:30px;}
.ariane i{font-size:32px;margin-top:-5px;}
.ariane a{color: #e99898;text-decoration: none;font-size: 16px; margin-right:5px;}
.ariane li{font-size: 16px; font-weight: normal; color: #313432;}
.ariane li:first-child a{font-size: 20px;}
.ariane li span {font-size: 22px; font-weight: normal; color: #eee; margin: 0 6px 0 3px;}
.ariane li:last-child span {color: transparent;}

/* Rangée || Colonne de blocs
---------------------------------------------------------------------- */
.struct-blocs {padding:0; margin:auto;}
.struct-blocs.struct-wrap {max-width:1570px; margin:0 auto;}
.struct-blocs > .ct-blocs {display:flex;  margin: auto;}
.struct-blocs > .ct-blocs > article{width: 50%;}
.struct-blocs > .ct-blocs > article form{width: 70%;}
.struct-blocs > .ct-blocs > article label{display: flex; justify-content: space-between; align-items: center;margin:10px 0;}
.struct-blocs > .ct-blocs > article input{max-width: 300px;}
.struct-blocs > .ct-blocs.column {flex-direction:column; height: 100%;}
.struct-blocs > .ct-blocs 	> * {flex:1;}
.operaContent { width:100%;}
[data-c="380"] { background-color: #f7f7f7; }

/*[data-c="380"] > .ct-blocs 	> * {flex:1;}
[data-c="383"] > .ct-blocs 	> * {flex:1;}*/
/*.struct-blocs > .ct-blocs.column > * {align-self:center;}*/
.struct-blocs > .ct-2-1		> :nth-child(1)	{flex:2;}
.struct-blocs > .ct-1-2		> :nth-child(2)	{flex:2;}
.struct-blocs > .ct-1-1-2	> :nth-child(3) {flex:2;}
.struct-blocs > .ct-1-2-1	> :nth-child(2) {flex:2;}
.struct-blocs > .ct-2-1-1	> :nth-child(1) {flex:2;}
.struct-blocs > .ct-3-1		> :nth-child(1)	{flex:3;}
.struct-blocs > .ct-1-3		> :nth-child(2)	{flex:3;}
/*.struct-blocs.struct-span-2 > .ct-blocs {flex-direction: column;}*/
.struct-blocs.struct-span-1 > .ct-blocs {flex-direction: column;}
.aPropos .hgroup {
    background-color: #ccc;
    width: 100%;
    height: 200px;

    display: flex;
    align-items: center;
    padding: 0;
}
.aPropos .hgroup::before
{
	content: "";
    width: 100%;
    height: 200px;
    position: absolute;
    left:0;
    right:0;
	background-color: #ccc;
}

.aPropos.bloc-content .hgroup h1{
    color: #fff;
    font-size: 42px;
    width: 1570px;
    text-transform: uppercase;
}

/* TABS */
.gabarit.tabs{max-width: 1570px;}
.gabarit.tabs .tabs-block{display:flex; margin: 0 15px 15px 15px; list-style: none; justify-content: flex-start; color: #ec9b98; border-bottom: 2px solid #ededed;}
body > main > section.gabarit.tabs > div > article > section > section > article > h2 { display: none; }
.gabarit.tabs .tabs-block li.active{border: unset; border-bottom: 2px solid #ec9b98;}
.gabarit.tabs .tabs-block li{padding:15px;text-transform: capitalize;font-size:22px; position: relative; bottom: -1px;}
.gabarit.tabs .tabs-block input{display:none;}

.gabarit.tabs .tabs-content > article{display: none;}
.gabarit.tabs .tabs-content > article.active{display: initial;}
.gabarit.tabs .tabs-content p {line-height: 1.4;
border: 0;
font-family: inherit;
font-size: 14px;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
font-family: RobotoCondensed;}
.gabarit.tabs .tabs-content table{margin: auto;width: 70%;}

/* Blocs empilés (news)
---------------------------------------------------------------------- */
.struct-stacked {margin: 10px;}
.struct-stacked .bloc-news { opacity: 0; background:#f1f3f2;}
.struct-stacked .new {border: 1px solid rgba(195, 195, 195, 0.2);}
.struct-stacked img {width: 100%;	display: block;}
.struct-stacked article {}
.struct-stacked article > h2 {margin-top:0; font-size:18px; line-height: 22px;}
.struct-stacked article > .chapo {font-size:13px; line-height: 15px;}
.struct-stacked .buttons {padding:10px 0; text-align: center;}
.struct-stacked.style-1 article {
	position: relative;
	top: -3px;
}
.struct-stacked.style-1 article:before {
	border-bottom: 15px solid;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	content: "";
	display: block;
	position: absolute;
	top: -15px;
	width: 0;
}
.struct-stacked.style-1 .new:nth-child(even) article:before {
	left: 30px;
}
.struct-stacked.style-1 .new:nth-child(odd) article:before {
	right: 30px;
}
.struct-stacked.style-1 .chapo {
	font-size: 13px;
}

.struct-stacked.style-2 h2 {
	font-size: 20px;
	margin-top: 20px;
	position: relative;
}
.struct-stacked.style-2 h2:before {
	border-top: 5px solid;
	content: "";
	height: 10px;
	position: absolute;
	top: -10px;
	width: 30px;
}
.struct-stacked.style-2 .chapo {
	font-size: 16px;
}

@media all and (max-width: 700px) {
	.struct-stacked .bloc-news {left: 15px !important;}
	.struct-stacked .chapo {text-align: justify;}
}


/* -------------------------------------------------------------------
----------------------------------------------------------------------
								BLOCS GENERIQUES
----------------------------------------------------------------------
---------------------------------------------------------------------- */


/* Contenu
---------------------------------------------------------------------- */
.bloc-content > .pos-bottom {flex-direction: column-reverse;}
.bloc-content > .pos-top {flex-direction: column;}
.bloc-content > .pos-right {flex-direction: row-reverse;}
.bloc-content figure {width:100%; font-size: 0;}
.bloc-content figure img {width:100%;}
.bloc-content figure figcaption {font-size:11px; font-style: italic;}
.bloc-content .cover-full figure {height:100%; }
.bloc-content .cover-full figure img {height:100%; object-fit: cover;}
.bloc-content .cover-margin figure {}
.bloc-content > div > section {}
.bloc-content .hgroup h1 {font-size:23px; padding:0; }
.bloc-content .hgroup h2 {font-size:20px; line-height: 20px; font-style: italic; font-weight: normal; font-variant: none; padding:0; margin-bottom: 16px; color:#888;}
.bloc-content .hgroup h3 {font-size:14px; line-height: 14px; font-weight: normal; font-variant: none; display:inline-block; border-bottom:1px solid #bbb; color:#bbb; padding:5px 30px 5px 0; margin-top:0; margin-bottom: 24px; width:auto; font-style: italic;}
.bloc-content .content {font-size:16px;}
.bloc-content.bloc-opera .content {background-color: #fff; padding: 0 32px; margin: 0px; padding-top: 70px;}
.bloc-content.bloc-opera .content p:first-child {margin-top: 0;}
.bloc-content.bloc-opera .content p:last-child {margin-bottom: 0;}
.bloc-content.bloc-opera .buttons {margin:0;}
.bloc-content.bloc-opera+.logos {margin-top:0; background-color: #f7f7f7;}
body > main > div.bloc-opera-fw-title {background-color: #ccc; width: 100%; height: 200px;display: flex; align-items: center;}
body > main > div.bloc-opera-fw-title::before {content: ""; background-color: #ccc; width: 100%; height: 200px; position: absolute; left: 0; right: 0;}
.bloc-opera-fw-title h1 {color: #fff; font-size: 42px;  margin-left: 4%;}

.bloc-content > .align-start h1,
.bloc-content > .align-start h2 {text-align: left;}
.bloc-content > .align-center h1,
.bloc-content > .align-center h2 {text-align: center;}
.bloc-content > .align-end h1,
.bloc-content > .align-end h2 {text-align: right;}
.bloc-content .buttons { display: flex; flex-wrap: wrap; margin-top:20px;}
.bloc-content .buttons a {border-radius: 5px;height: auto; padding-bottom: 6px; transition: all 0.3s;line-height: 20px;width:100%;}
.bloc-content .buttons a:hover {/*background: #F3F3F3; padding: 0 10px;*/}
.bloc-content .buttons span { vertical-align: middle;}

.bloc-content .file {overflow: hidden; position: relative; min-width: 70px; }
.bloc-content .file span {display: block; position: relative;  text-align: center; top: 0; transition: all 0.3s;}
.bloc-content .file:hover span {top: 150%;}
.bloc-content .file:before {
	bottom: 100%;
	font-size: 22px;
	left: 0;
	line-height: 50px;
	color:#fff;
	position: absolute;
	text-align: center;
	transition: all 0.3s;
	width: 100%;
}
.bloc-content .file:hover:before {bottom: 0;}

.bloc-content .goto {font-size:15px;}
.bloc-content .goto span:after {

}
.bloc-content .goto:hover {color:#fff;}


/* Titre
---------------------------------------------------------------------- */
.bloc-title {}
.bloc-title h1,
.bloc-title h2 {margin:0px;	padding:3vh 1.5vw;}
.bloc-title.align-start h1,
.bloc-title.align-start h2 {text-align: left;}
.bloc-title.align-center h1,
.bloc-title.align-center h1 span,
.bloc-title.align-center h2,
.bloc-title.align-center h2 span {text-align: center;}
.bloc-title.align-end h1,
.bloc-title.align-end h1 span,
.bloc-title.align-end h2,
.bloc-title.align-end h2 span {text-align: right;}
.struct-blocs > .ct-blocs.column > .bloc-title {display:flex; flex-direction: column; justify-content: center;}
.struct-blocs > .ct-blocs.column > .bloc-title h1,
.struct-blocs > .ct-blocs.column > .bloc-title h2 {flex:1; display:flex; flex-direction: column; justify-content: center;}


/* Texte
---------------------------------------------------------------------- */
.bloc-text {font-size:13px; padding: 2vh 12px;background:#fff}
.bloc-text .hgroup {}
.bloc-text .hgroup h2 {}
.bloc-text .hgroup h3 {}
.bloc-text .content {}
.bloc-text .content blockquote {font-size:16px;  line-height: 18px;}
.bloc-text .content blockquote:after  {font-size:22px;}
.bloc-text .content blockquote:before {font-size:22px;}
.bloc-text .content img {max-width: 90% !important; height:auto !important;}


/* Image
---------------------------------------------------------------------- */
.bloc-image {width:100%; font-size: 0;}
.bloc-image img { height: 100%; width: auto; max-width: 100%; object-fit: cover;}
.bloc-image a {display:block;}
.bloc-image a img {}
.bloc-image figcaption {font-size:11px; font-style: italic;}
.bloc-image.cover-full img {height:100%; object-fit: cover;}
.bloc-image.cover-margin {padding:20px; }
.struct-blocs > .ct-blocs.column > .bloc-image:last-child {display:flex; flex-direction: column; justify-content: end;}
.struct-blocs > .ct-blocs.column > .bloc-image:only-child {justify-content: start;}


/* Video
---------------------------------------------------------------------- */
.bloc-video {
	background: none;
	position: relative;
	font-size: 0;
	background-repeat: no-repeat;
	background-position: top center;
}

.bloc-video .video-details > h2,
.bloc-video .video-details > div {margin: 10px 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); text-align: center;}
.bloc-video .video-details > h2 {font-weight: normal; text-align: center;}
.bloc-video .video-details {padding: 3vh 3vw; text-align: center;}
.bloc-video .video-details > div {font-size: 17px;}
.bloc-video .video-container {}
.bloc-video iframe {
	z-index: 0;
	height: 55.77vw;
	width: calc(100vw - 18px);
}
.struct-wrap .bloc-video iframe {max-width:1200px; max-height: 670px;}
.bloc-video .video-container.highlight iframe {}

/* Bouton
---------------------------------------------------------------------- */
.bloc-button {padding:3vh 3vw;}
.bloc-button.align-start,
.bloc-button.align-start h2 {text-align: left;}
.bloc-button.align-center,
.bloc-button.align-center h2  {text-align: center;}
.bloc-button.align-end,
.bloc-button.align-end h2  {text-align: right;}
.bloc-button h2 {}
.bloc-button a {}


/* Call to Action
---------------------------------------------------------------------- */


/* Testimonial
---------------------------------------------------------------------- */
.bloc-testimonial {display:flex; background:#eee; color:#000; padding:20px;}
.bloc-testimonial aside {width:25%;}
.bloc-testimonial aside figure {max-height: 180px; max-width: 180px; margin: 0 auto;}
.bloc-testimonial aside figure img {width:100%; height:100%; object-fit: cover; border-radius: 100%;}
.bloc-testimonial section {width:75%; display: flex; flex-direction: column; justify-content: center;}
.bloc-testimonial section h2 {font-size:32px; margin:1vh 0;}
.bloc-testimonial section > blockquote {}
.bloc-testimonial section > blockquote::before,
.bloc-testimonial section > blockquote::after {content:none;}
.bloc-testimonial section > blockquote .chapo {font-size:16px; padding:4px 0; font-style: italic;}

.bloc-testimonial section > blockquote .content {position:relative; quotes:"\00ab" "\00bb"; padding:0 35px;}
.bloc-testimonial section > blockquote .content::before {content:open-quote; position:absolute; top:0px; left:0px; font-size:50px;}
.bloc-testimonial section > blockquote .content::after {content:close-quote;position:absolute; bottom:10px; right:0px;font-size:50px;}
.bloc-testimonial section > .contact {padding:6px 0; text-align: right; }
.bloc-testimonial section > .contact > div {max-width: 200px; display: inline-block;}
.bloc-testimonial section > .contact > div > * {display: block; margin:3px 0;}
.bloc-testimonial section > .contact .name {font-weight: bold; font-size:14px;}
.bloc-testimonial section > .contact .cpy {}
.bloc-testimonial section > .contact .function {font-style: italic;}

/* Personne
---------------------------------------------------------------------- */
#personBio{z-index:1000;}
.bloc-person { margin: 6vh 0; text-align: center;  display:inline-flex; flex-direction:column; }
.bloc-person.has-bio {cursor: pointer;width: auto;background: #fff;padding: 25px;}
.bloc-person > aside {}
.bloc-person > aside figure {text-align: center; }
.bloc-person > aside figure img {
	border-radius: 50%;
	display: block;
	margin: auto;
	object-fit: cover;
	height: 200px;
	width: 200px;
}
.bloc-person > section {text-align: center; padding-top:15px;}
.bloc-person > section > h2 {font-variant: none; text-align: center; font-size:20px; line-height: 26px; font-weight: normal; padding:0; margin:0;}
.bloc-person > section > .cpy {display:block; text-align: center; font-size:15px; line-height: 17px; font-weight: normal;}
.bloc-person > section > .function {display:block; text-align: center; font-size:13px; line-height: 17px; }
.bloc-person > section > article {text-align: center; }
.bloc-person > section > article a {color:#999; text-decoration: none;}
.bloc-person > section > article i {font-size: 16px; vertical-align: middle;}
.bloc-person > section > article .content {display:none;}
.bloc-person > section > article .contact {padding-top:5px;}
.bloc-person > section > article .contact .phone {display:block; font-style: italic; text-align: center; padding:2px 0; }
.bloc-person > section > article .contact .phone a {margin:4px 8px;}
.bloc-person > section > article .contact .email {display:block; font-style: italic; text-align: center; padding:2px 0;}
.bloc-person > section > article .contact .email a {margin:4px 8px;}
.bloc-person > section > article .social {display: flex; margin: 10px 0; justify-content: space-around;}
.bloc-person > section > article .social a {}

.ct-blocs.ct-nb-2.ct-level-0.ct-auto{margin: 0; padding: 42px 0;}

.bloc-call-to-action .containerLogo {background-color: #fff; display :flex;}
.bloc-call-to-action .containerLogo > figure{width:30%;}
.bloc-call-to-action .containerLogo > div{width: 70%;padding:30px;}
.bloc-call-to-action .containerLogo .title{padding:5px 0; text-align: center;}
.bloc-call-to-action .containerLogo .content{font-size: small; text-align:center; width: auto; font-size: 16px;}
.bloc-call-to-action .containerLogo .containerButton{text-align: center;}
.bloc-call-to-action .containerLogo .containerButton > .btn{margin: 20px 0;}
.bloc-call-to-action .containerLogo .containerButton > .btn:hover{border-radius: 8px; color: black;}
.bloc-call-to-action .containerLogo figure > img{width: auto; width: 100%;}
.bloc-call-to-action .containerLogo figure {text-align: left;padding:25px;}

.bloc-call-to-action .containerNone {background-color: #fff; padding-bottom: 50px; }
.bloc-call-to-action .containerNone .title{text-align: center; padding: 15px 0; color: #111}
.bloc-call-to-action .containerNone .content{text-align: center; padding: 0 15px;}
.bloc-call-to-action .containerNone .containerButton{text-align: center;margin-top:30px;}


.bloc-call-to-action .containerImg > figure{width:80%; margin:auto;}
.bloc-call-to-action .containerImg > figure img{width:100%;}

.detailList .bloc-person {display:flex; flex-direction: row; max-width:1200px; margin:0 auto;}
.detailList .bloc-person > aside {flex:1;}
.detailList .bloc-person > aside figure {padding: 0 5vw;}
.detailList .bloc-person > aside figure img {width:auto; height:auto;}
.detailList .bloc-person > section {flex:2; }
.detailList .bloc-person > section * {text-align: left;}
.detailList .bloc-person > section > article .contact * {text-align: left;}
.detailList .bloc-person > section > article .content {display: block; padding:10px 0; max-width: 500px; text-align: justify;}

.smallList .bloc-person > aside figure img { height: 110px; width: 110px; }
.smallList .bloc-person > section > h2 {font-size:15px; font-weight: bold; line-height: 20px; }
.smallList .bloc-person > section > .cpy {font-size:13px; line-height: 16px; }
.smallList .bloc-person > section > .function {font-size:12px; line-height: 14px; }
.smallList .bloc-person > section > article .contact {display: none;}
.smallList .bloc-person > section > article .social {display: none;}

#personBio {
	position:absolute;
	top:0;
	left:20%;
	width:60%;
	background: #fff;
	border-radius:30px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	padding:30px;
	transition:top 0.3s ease;
	display:flex;
	box-sizing: border-box;
}
#personBio div.close {position:absolute; font-size:24px; top:15px; right:25px; cursor: pointer;}
#personBio aside {width:35%; padding:20px; text-align: right;box-sizing: border-box;}
#personBio aside .function {font-size:13px; text-align: right; font-weight: normal; color:#c4191a;}
#personBio aside .company {text-align: right; font-weight: bold; color:#7F8284; font-size:15px;}
#personBio aside .city {}
#personBio aside figure {width:100%; text-align: right; padding-top:30px;}
#personBio aside figure img {
	width: 200px;
    max-height: 200px;
    border-radius: 100%;
    object-fit: cover;
}
#personBio section {width:65%; padding:20px 40px; box-sizing: border-box; font-size: 15px; color:#7F8284;}

@media all and (max-width: 1000px) {
	#personBio {flex-direction: column; width:100%; left:0; padding:10px;}
	#personBio aside {width: 100%; text-align: center;}
	#personBio aside figure {text-align: center;}
	#personBio section {width: 100%; padding: 20px; text-align: left;}
	#personBio section p {text-align: left;}
}


/* Section couverte
---------------------------------------------------------------------- */
.bloc-covered {position:relative; font-size:0; height:100vh;width:92%; max-width:1570px;margin:auto;background:#fff;}
.bloc-covered > a {display:block; width:100%; height:100%;}
.bloc-covered > img,
.bloc-covered > a > img {width:100%; height:100vh; object-fit: cover;}
.bloc-covered .details {
	text-align: center;
	position:absolute;
	padding:2vw;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.bloc-covered .details > h2 {font-size:45px;text-transform: capitalize;}
.bloc-covered .details > .content {text-align: center; font-size:30px; line-height: 36px;}
.bloc-covered .details > .link {text-align: center; padding:4vh 0 0 0;}
.bloc-covered .details > .link a {width:130px;}
.bloc-covered .details > .link a:hover {}

.bloc-covered.cover-center .details {height:50%; width:50%; left:25%; top:25%;}
.bloc-covered.cover-left .details {height:50%; width:40%; left:5%; top:25%;}
.bloc-covered.cover-right .details {height:50%; width:40%; left:55%; top:25%;}
.bloc-covered.cover-bottom .details {height:40%; width:100%; left:0%; top:60%;}
.bloc-covered.cover-bottom .details h2 {font-size:46px; line-height: 54px;}
.bloc-covered.cover-bottom .details .content {font-size:22px; line-height: 26px;}
.bloc-covered.cover-bottom .details > .link a {font-size:22px; padding:12px 24px;}

/* Section Parallax
---------------------------------------------------------------------- */
.bloc-covered.parallax {
    /* Set a specific height */
    height: 100vh;
    background-position: 0% 0%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Slider
---------------------------------------------------------------------- */
.bloc-slider {height: 80vh;}
.bloc-slider ul {height: 100%}
.bloc-slider li {height: 100%; position: relative;}
.bloc-slider .slide > a > img,
.bloc-slider .slide > img { height: 100%; object-fit: cover; width:100%;}
.bloc-slider .slide-info {
	padding: 80px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index:2;
	color:#fff;
}
.bloc-slider .slide-info > h2,
.bloc-slider .slide-info > div.chapo {margin: 10px 0; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);}
.bloc-slider .slide-info > h2 {font-weight: normal; color:#fff; text-align: center;}
.bloc-slider .slide-info > div.chapo {display: block; font-size: 20px; color:#fff;text-align: center;}
.bloc-slider .slide-info .link {text-align: center;}
.bloc-slider .slide-info a,
.bloc-slider .slide-info .fa {
	background-color: transparent;
	border: 2px solid;
	border-radius: 6px;
	cursor: pointer;
	display: inline-block;
	font-size: 17px;
	padding: 10px 25px;
	transition: all 0.3s;
	color:#fff;
}
.bloc-slider .slide-info a:hover,
.bloc-slider .slide-info .fa:hover {
	background-color: rgba(255, 255, 255, 0.95);
	border-color: rgba(255, 255, 255, 0.95);
	color:#000;
}
.digi-slideshow{background:#ba9ba6;}



/* Galerie - Blocs
---------------------------------------------------------------------- */
.bloc-gallery {}
.bloc-gallery article {margin: auto 20px;}
.bloc-gallery ul {column-count: 4; column-gap: 0; padding: 10px 0;}
.bloc-gallery li {border: 10px solid #000; background: #000; border-radius: 17px; break-inside: avoid; cursor: pointer; margin: 5px; transition: all 0.3s ease;}
.bloc-gallery li:hover {background-color: #F2F2F2; border: 10px solid #F2F2F2;}
.bloc-gallery li img {border-radius: 8px; display: block; width: 100%;}
.bloc-gallery li:hover img {opacity: 0.9;}

.popin-gallery {
	display:none;
	width:100vw;
	min-height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:10000;
	background:rgba(0,0,0,0.9);
}
.popin-gallery > div {
	text-align: center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	width:100vw;
	min-height:100vh;
}
.popin-gallery img {
	max-width: 100vw;
	align-self:center;
	height:100vh;
	width: 100vw;
	object-fit: contain;
}

/* Galerie - TimeLine
---------------------------------------------------------------------- */
.bloc-gallery .gallery-line > ul > li.pic.l::after {
	right:-35px;
}
.bloc-gallery .gallery-line li {border:none;}


/* Galerie - Album photos
---------------------------------------------------------------------- */
/* c'est dans /inc/style/plugins/digi-album.css  */


/* Compte à rebours
---------------------------------------------------------------------- */
.bloc-countdown {background-position: center; background-repeat: no-repeat; background-size: cover;}
.bloc-countdown .picture,
.bloc-countdown .date,
.bloc-countdown svg { display: none;}
.bloc-countdown .details {padding: 40px 10px;}
.bloc-countdown h2,
.bloc-countdown strong {display: block; text-align: center; width: 100%;}
.bloc-countdown h2 {font-variant: small-caps;}
.bloc-countdown strong {font-weight: normal;}
.bloc-countdown .countdown-bloc {display: flex; flex-direction: row; justify-content: center; padding-top: 40px;}
.bloc-countdown .licd {margin: 0 20px; text-align: center;}
.bloc-countdown .val-bloc {font-size: 50px; text-align: center;}
.bloc-countdown .val {font-size: 50px; text-align: center;}
.bloc-countdown .legend {
	border-top: 2px solid rgba(255, 255, 255, 0.5);
	font-size: 18px;
	font-variant: small-caps;
	padding-top: 5px;
	text-align: center;
}

.bloc-countdown.wzcircle.wzbg .details {background-color: rgba(0, 0, 0, 0.5);}
.bloc-countdown.wzcircle h2 {font-size: 50px;}
.bloc-countdown.wzcircle .details {padding: 10px 10px 20vh 10px;}
.bloc-countdown.wzcircle .details strong {text-transform: uppercase;}
.bloc-countdown.wzcircle .details strong:after {
	border-bottom: 1px solid #030805;
	content: "";
	display: block;
	margin: auto;
	padding-top: 10px;
	width: 30%;
}
.bloc-countdown.wzcircle .licd {
	box-sizing: border-box;
	height: 120px;
	padding: 20px 15px 10px 15px;
	position: relative;
	width: 120px;
}
.bloc-countdown.wzcircle .legend {border-top: 0; padding-top: 0;}
.bloc-countdown.wzcircle svg {
	box-sizing: border-box;
	display: block;
	fill: transparent;
	height: 100%;
	left: 0;
	padding: 3px;
	position: absolute;
	stroke: #030805;
	stroke-dasharray: 360;
	stroke-dashoffset: 360;
	stroke-width: 3px;
	top: 0;
	transform: rotate(-90deg);
	transition: all 0.5s;
	width: 100%;
}





/* Compteur - Circle
---------------------------------------------------------------------- */


/* Compteur - Bar
---------------------------------------------------------------------- */


/* Compteur - Number
---------------------------------------------------------------------- */



/* Fichier à télécharger
---------------------------------------------------------------------- */


/* Blurb
---------------------------------------------------------------------- */
.bloc-blurb {display:flex; flex-direction: column;}
.bloc-blurb .container{}
.bloc-blurb figure {text-align: center; align-self: center;}
.bloc-blurb figure img {max-width: 200px;margin-top: 15px; padding-bottom: 15px;}
.bloc-blurb figure img.with-border {border-radius: 100%; width:40%; object-fit: cover;}
.bloc-blurb figure i {font-size:40px;}
.bloc-blurb > div > div {padding-bottom:30px; text-align: center;color:#fff; align-self: center; border-radius: 8px;}
.bloc-blurb h2 {font-size:18px; line-height: 2.8rem; color:#fff; text-align: center; margin:0;font-family: RobotoCondensed;}
.bloc-blurb .content {font-size:15px; line-height: 2rem; text-align: center; font-family: RobotoCondensed; color: #212221;}
.bloc-blurb:not(:first-child){}

.bloc-blurb.pos-bottom {flex-direction: column-reverse;}
.bloc-blurb.pos-left {flex-direction: row;}
.bloc-blurb.pos-right {flex-direction: row-reverse;}

.bloc-blurb.align-start figure {text-align: left;}
.bloc-blurb.align-start > div > h2 {text-align: left;}
.bloc-blurb.align-end figure {text-align: right;}
.bloc-blurb.align-end > div > h2 {text-align: left;}

.bloc-blurb.pos-right figure,
.bloc-blurb.pos-left figure {text-align: center; display:flex; flex-direction: column; padding:0; height:100%;}
.bloc-blurb.pos-left figure img,
.bloc-blurb.pos-left figure i,
.bloc-blurb.pos-right figure img,
.bloc-blurb.pos-right figure i {align-self: center;}

.bloc-blurb.pos-left figure img.with-border,
.bloc-blurb.pos-right figure img.with-border {width:80%;}

.bloc-blurb.align-start.pos-left figure,
.bloc-blurb.align-start.pos-right figure {justify-content: start;}
.bloc-blurb.align-end.pos-left figure,
.bloc-blurb.align-end.pos-right figure {justify-content: end;}
.bloc-blurb.align-center.pos-left figure,
.bloc-blurb.align-center.pos-right figure {justify-content: center;}

.bloc-blurb.align-start > div > .content {text-align: left;}
.bloc-blurb.align-start > div > .content {text-align: left;}
.bloc-blurb.pos-left > div > .content {text-align: left;}

/* Tabs
---------------------------------------------------------------------- */


/* Collapse
---------------------------------------------------------------------- */
.bloc-collapse {margin:0px;background-color: #fff; padding: 0 32px;}
.bloc-collapse > h2 {}
.bloc-collapse > ul {}
.bloc-collapse > ul > li {margin: 10px 0; padding: 10px 0;}
.bloc-collapse > ul > li > label::after {font-family: FontAwesome; content: '\f0d7'; float: right;}
.bloc-collapse > ul > li > label {font-size: 16px; display: block; padding-bottom: 2vh; padding: 25px; background: #ececec; font-weight: bold;}
.bloc-collapse > ul > li > label:hover,
.bloc-collapse > ul > li > label:focus {color: #e99898;}
.bloc-collapse > ul > .on > label {color: #e99898;}
.bloc-collapse > ul > .on > label::after {font-family: FontAwesome; content: '\f0d8'; float: right;}
.bloc-collapse > ul > li > article {display:none;}
.bloc-collapse > ul > li > article .content {border: 1px solid #ececec; padding: 25px;}
.bloc-collapse .bloc-content.struct-blocs,
.bloc-collapse .struct-blocs > .ct-blocs {padding: 0;}

/* Divider
---------------------------------------------------------------------- */
.bloc-divider {padding:50px 5%; font-size:0;}
.bloc-divider hr {background: none; font-size:0; border:1px solid; border-color:#ddd; border-radius: 100% 100%; }


/* Back to top
---------------------------------------------------------------------- */
body main > .back-to-top {
	cursor: pointer;
	position: absolute;
	right: 1%;
	z-index: 5;
	opacity: 1;
	width:50px;
	height:50px;
	text-align: center;
}
.fa-angle-up:before{color:#FFF; font-size:50px;}
.back-to-top .fa {font-size: 25px; padding: 15px;color:#FFF;}
.back-to-top .fill {
	background-color: rgba(255, 255, 255, 0.4);
	bottom: 0;
	height: 0;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.back-to-top:hover .fa {animation: bounceTop 0.4s ease-in-out infinite alternate;}

@keyframes bounceTop {
	0% 	{ transform: translateY(-5px);}
	100%{ transform: translateY(5px);}
}

main > section{max-width:1570px; margin:auto;width:92%;}
.reassurance {max-width:1618px ;width:95.5%;}

/* Réseaux sociaux - barre latérale
---------------------------------------------------------------------- */

.bloc-socials {}
.bloc-socials svg {height: 80px; width: 80px; padding: 15px; transform: scale(0.75); }
.bloc-socials ul {display: flex; flex-wrap: wrap; justify-content: center; list-style-type: none; margin: 0; padding: 0; margin-top:10px;}
.bloc-socials a {display: block; position: relative; text-decoration: none;}

.bloc-socials li,
.bloc-socials li:before {height: 80px; width: 80px;}
/*.bloc-socials li  {border-radius: 50%; box-shadow: 0 0 0 3px; margin: 10px 10px 20px 10px; z-index: 0;}
.bloc-socials li:before {content: ""; border-radius: 50%; position: absolute; transform: scale(0); transition: transform 0.3s; z-index: -1;}
.bloc-socials li:hover:before {transform: scale(1.01); transition: transform 0.3s;}*/
.bloc-socials a {display: block; text-align: center;}
.bloc-socials span {display: none; height: 20px; overflow: hidden;}

.bloc-socials.small {}
.bloc-socials.small svg {height: 30px; width: 30px; padding:0px;}
.bloc-socials.small li,
.bloc-socials.small li:before {height: 40px; width: 40px;}
.bloc-socials.small li  {border-radius: none; box-shadow: none;}



.bloc-socials.phantom svg {transform: scale(1); transition: fill 0.5s, transform 0.5s;}
.bloc-socials.phantom li:hover svg {transform: scale(1.2); transition: fill 0.5s, transform 0.5s;}
.bloc-socials.phantom li:hover span {transform: translateY(0); transition: transform 0.5s;}
.bloc-socials.phantom a {overflow: hidden; }
.bloc-socials.phantom span {display: block; text-align: center; transform: translateY(100%); transition: transform 0.5s;}

.bloc-socials.square li {height: 80px; padding: 10px;}
.bloc-socials.square span,
.bloc-socials.square svg {display: block; top: 50%; transform: translateY(-50%); fill: #FFFFFF;}
.bloc-socials.square svg {position: relative; right: 0; transition: right 0.5s;}
.bloc-socials.square span {left: 100%; position: absolute; text-align: center; transition: left 0.5s, transform 0.5s;}
.bloc-socials.square a {height: 100%; overflow: hidden;}
.bloc-socials.square a:hover svg {right: 100%; transition: right 0.5s;}
.bloc-socials.square a:hover span {left: 50%; transform: translateX(-50%) translateY(-50%); transition: left 0.5s, transform 0.5s;}

.bloc-socials.lateral {position:fixed; top:35%; right:0; z-index:15;}
.bloc-socials.lateral ul {flex-direction: column;}
.bloc-socials.lateral li,
.bloc-socials.lateral li:before {height: auto; width:40px; }
.bloc-socials.lateral li {margin:0; border-radius: none; box-shadow: none;}
.bloc-socials.lateral a {padding:10px 5px;}
.bloc-socials.lateral svg {display: block; height: 30px; width: 30px; padding:0px; fill: #FFFFFF; }


.bloc-socials.square .facebook a,
.bloc-socials.lateral .facebook a 	{background-color: #1F69B3;}
.bloc-socials.square .linkedin,
.bloc-socials.lateral .linkedin a	{background-color: #0097BD;}
.bloc-socials.square .youtube,
.bloc-socials.lateral .youtube a 	{background-color: #E64A41;}
.bloc-socials.square .twitter,
.bloc-socials.lateral .twitter a	{background-color: #43B3E5;}
.bloc-socials.square .pinterest,
.bloc-socials.lateral .pinterest a	{background-color: #D73532;}
.bloc-socials.square .googleplus,
.bloc-socials.lateral .googleplus a {background-color: #DA4A38;}
.bloc-socials.square .instagram,
.bloc-socials.lateral .instagram a	{background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);}


/* Réseaux sociaux - iframe
---------------------------------------------------------------------- */




/* -------------------------------------------------------------------
----------------------------------------------------------------------
								EVENEMENTIEL
----------------------------------------------------------------------
---------------------------------------------------------------------- */

/* Letters
---------------------------------------------------------------------- */

.letters {text-align: center; margin:40px; }
.letters li {
	display: inline-block;
	font-size:16px;
	color:#888;
}
.letters li a { color:#888; text-decoration: none;	padding:2px 4px;display: inline-block;}
.letters li:hover a { color:#888; text-decoration: underline; }

h4.letter {
	margin-top:20px;
	font-size:26px;
	color:#888;
	border-bottom:2px solid #888;
    padding-bottom: 10px;
    text-align: center;
}


/* Liste intervenants
---------------------------------------------------------------------- */
.event-speakers .speakers {text-align: center;}


/* Programme - classique
---------------------------------------------------------------------- */
.bloc-program > h2 {
    font-size: 36px;
    letter-spacing: 1px;
    margin-top: 20px;
    color:#fff;
    background: #3d78bc;
    opacity: 0.5;
    padding: 2%;
    margin: -11px 0 0 0;
    text-align: center;
    font-weight: normal;
}
.bloc-program table.program {width: 100%; margin-bottom: 40px; text-align: center;}
.bloc-program table.program th {background-color: #3d78bc;color:#fff; font-size: 20px; font-weight: normal; opacity: 0.8; padding:12px 14px;}
.bloc-program table.program td {border-bottom:#aaa 1px solid; padding: 20px 10px; font-size:14px; line-height: 20px; color:#555; text-align: left;}
.bloc-program table.program td .title {display: block; color:#555; font-weight: bold; font-size:15px;}
.bloc-program table.program td.hour {width: 10%; min-width: 50px;}
.bloc-program table.program td.location {text-align: center; width: 15%;  min-width: 50px;}
.bloc-program table.program td.activity {color:#999;}
.bloc-program .activity > div {display:flex; }
.bloc-program .activity > div > figure {max-width: 200px; align-self: center; padding-right: 20px;}
.bloc-program .activity > div > figure img {max-width: 90%;}
.bloc-program .activity > div > div {flex:1; align-self: center;}
.bloc-program .activity .speakers {}
.bloc-program .activity .speakers h3 {font-size:12px; color:#fff; }
.bloc-program .activity .speakers ul {list-style: outside; margin-left:20px;}
.bloc-program .activity .speakers ul li {list-style-type: disc; font-size:14px; color:#aff; }

.bloc-program table.program td.break > div {text-align: center; color:#999; font-size:11px; font-weight: normal;}
.bloc-program table.program tr:hover td {background: #f4f4f4;}

.bloc-program table.program .hour {width: 20%; text-align: center;}
.bloc-program table.program td.hour {font-size: 25px;}
.bloc-program table.program td.hour > span {text-align: left; margin-left: 30%; display: block;}
.bloc-program table.program .location {width: 35%;  min-width: 50px;}

.bloc-program table.program td.break {
	background:#eee;
	text-align: center;
	color:#a00;
	font-style: italic;
	letter-spacing: 1px;
	font-size: 25px;
	font-weight: normal;
	line-height: 40px;
}


/* Programme - timeline
---------------------------------------------------------------------- */
.bloc-program.timeline {max-width:800px; margin:0 auto;}
.bloc-program.timeline > h2 {border-bottom: 1px dashed; background: none; color:#000; text-align: center; width:calc(75% - 50px); margin-left: calc(25% + 20px)}
.bloc-program.timeline > ul {margin: 30px 15px 0 15px; position: relative;}
.bloc-program.timeline > ul::before{
    content: "";
	background-color: #BDDCEB;
    border-radius: 5px;
    margin-left: -10px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20%;
    width: 10px;
}
.bloc-program.timeline > ul li {position: relative; }
.bloc-program.timeline time {
    display: block;
    position: absolute;
    font-size: 2.5rem;
    padding-right: 10%;
    text-align: right;
    width: 25%;
	height: 40px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bloc-program.timeline time span {font-size: 2rem; display: block; text-align: right; }
.bloc-program.timeline time span.location {font-size: 1.5rem; min-height: 10px; display: block;}
.bloc-program.timeline span.title{
 	color:#ffffff;
 	font-size: 2.0rem;
	font-weight: bold;
}
.bloc-program.timeline .break {background-color: transparent; padding: 0;}
.bloc-program.timeline .break::after {content:none;}
.bloc-program.timeline .break span.title{
    font-size: 26px;
    line-height: 30px;
    color: #555;
    font-weight: 100;
    letter-spacing: 2px;
    margin: 2vh 0px 8px 0px;
    padding: 0 0 4px 0;
}
.bloc-program.timeline .break .content{color:rgba(209,9,30,1);}
.bloc-program.timeline span.title + .content {border-top: 1px solid; padding-top: 10px; margin-top:3px; }
.bloc-program.timeline .activity {
	min-height: 50px;
	line-height: unset;
	background-color: rgba(209,9,30,1);
    border-radius: 5px;
    color: #FFFFFF;
    margin: 0 10px 15px 25%;
    padding: 1em 2em;
    position: relative;
}
.bloc-program.timeline .activity::after {
    content: "";
    border-right: #d1091e 10px solid;
    border-top: transparent 10px solid;
    border-bottom: transparent 10px solid;
    position: absolute;
    right: calc(100% - 1px);
    top: 10px;
}



.bloc-program.timeline .bullet {
	background-color: rgba(188,188,187,1);
    color: rgba(209,9,30,1);
    border-radius: 50%;
    box-shadow: 0 0 0 8px;
    font-size: 1.4em;
    height: 40px;
    left: 20%;
    line-height: 40px;
    margin-left: -25px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 40px;
}
.bloc-program.timeline .bullet.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: 1.4em;
	line-height: 40px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.bloc-program.timeline .bullet.fa::before{color:#FFFFFF;}



/* Participant
---------------------------------------------------------------------- */




/* Liste de Participants
---------------------------------------------------------------------- */
.event-attendees ul {display: flex;	justify-content: center;}
.event-attendees li {position: relative;}
.event-attendees .details {width: 100%;}
.event-attendees figure {display: flex;	height: 20vw; width: 20vw;}
.event-attendees figure img {flex: 1; object-fit: cover; width: 100%;}

.event-attendees .details {
	background-color: rgba(0, 0, 0, 0.7);
	min-height: 50px;
}
.event-attendees .details > span {display: flex; flex-direction: column; justify-content: center; text-align: center;}
.event-attendees .details > span > * {display: block;}

.event-attendees .details .name {font-size: 20px; padding: 15px 0;}
.event-attendees .details .cpy {color: #949397; font-size: 14px; font-weight: normal; text-decoration: none;}
.event-attendees .details .function {font-size: 12px;}

/* Edito
---------------------------------------------------------------------- */
.bloc-content .signature {
	width: 100%;
	text-align: right;
	padding-top: 5vh;
	padding-right: 10%;
}
.bloc-content .signature span {
	width: 100%;
	display: block;
	text-align: right;
	font-size: 20px;
	margin-bottom: 10px;
}
.bloc-content .signature img {max-width: 25%;}


/* Kit Média
---------------------------------------------------------------------- */


/* Event all-in-one page
---------------------------------------------------------------------- */

.all-in-one {min-height: 100vh; display:flex; flex-direction:column;}
.all-in-one.aio-col > header {display:flex; flex-direction:row; background: #000; color:#aaa;}
.all-in-one.aio-col > header figure {width:66%; display: inline-block;}
.all-in-one.aio-col > header figure img {width:100%; height:100%; object-fit: cover;}
.all-in-one.aio-col > header > div {width:34%; display: inline-block;}
.all-in-one.aio-col > header > div > div {margin:0 auto; display:block; }

.all-in-one.aio-col > header .date {display:flex; flex-direction:column; justify-content:center; }
.all-in-one.aio-col > header .date > div {display:flex; flex-direction:row;}
.all-in-one.aio-col > header .date span { font-size:40vh; line-height: 30vh; justify-self:end; }
.all-in-one.aio-col > header .date > div > b {display:flex; flex-direction:column; justify-self:start; justify-content:space-between;}
.all-in-one.aio-col > header .date u {font-size:8vh; text-decoration: none; line-height: 10vh;}
.all-in-one.aio-col > header .date i {font-size:13vh; font-style: normal;line-height: 12vh;}
.all-in-one.aio-col > header .date i s {font-size:6vh; text-decoration: none;}

.all-in-one.aio-col > div {flex-grow:1; display:flex; flex-direction:row;}
.all-in-one.aio-col > div > section { display:inline-block; width:66%; padding:2vh 2vw; }
.all-in-one.aio-col > div > aside { padding:3vh 0; display:inline-block; width:34%; }
.all-in-one.aio-col > div > aside > h3 {font-size:24px; margin-bottom:2vh;}
.all-in-one.aio-col > div > aside .content {font-size:14px; line-height: 18px; margin-bottom: 4vh;}
.all-in-one.aio-col > div > aside .contact span {font-size:14px; display:block; line-height: 18px; }
.all-in-one.aio-col > div > aside .contact a {font-size:14px; display:block; line-height: 18px; }
.all-in-one.aio-col > div > aside .address {margin: 4vh 0;}

.all-in-one.aio-col .address i.fa {font-size:50px; width:10%; display:inline-block; vertical-align:middle;}
.all-in-one.aio-col .address address {display:inline-block; width:85%; font-size:14px; font-style: normal; vertical-align: middle; line-height: 18px; }


.all-in-one.aio-3bloc .informations {padding: 10vh 0;}
.all-in-one.aio-3bloc .informations .contact {display: block;}
.all-in-one.aio-3bloc .form {padding-bottom: 70px;}


/* Event Calendar
---------------------------------------------------------------------- */

/* Event Tomorrow
---------------------------------------------------------------------- */
.event-tomorrow {background:#070; color:#fff; padding:3vh 3vw; min-height: 100vh; display: flex; flex-direction: column; justify-content: center;}
.event-tomorrow > h1 { color:#fff; font-size:56px; margin-bottom: 30px; padding:0; }
.event-tomorrow > h2 { color:#fff; font-size:40px; margin: 20px 0 30px 0; text-align: center; }
.event-tomorrow > .chapo { color:#fff; font-size:16px; margin-bottom: 40px;  text-align: center;}
.event-tomorrow > section {display:flex; flex-direction:row;}
.event-tomorrow > section > div {padding:0 2vw;	flex:1;}

.event-tomorrow .date {display:flex; flex-direction:column; justify-content:center; }
.event-tomorrow .date > div {display:flex; flex-direction:row;}
.event-tomorrow .date span { font-size:40vh; line-height: 30vh; justify-self:end; }
.event-tomorrow .date > div > b {display:flex; flex-direction:column; justify-self:start; justify-content:space-between;}
.event-tomorrow .date u {font-size:8vh; text-decoration: none; line-height: 10vh;}
.event-tomorrow .date i {font-size:13vh; font-style: normal;line-height: 12vh;}
.event-tomorrow .date i s {font-size:6vh; text-decoration: none;}

.event-tomorrow .location {background-color: rgba(255, 255, 255, 0.5); padding: 10px;}
.event-tomorrow .address i.fa {font-size:50px; width:10%; display:inline-block; vertical-align:middle;}
.event-tomorrow .address address {display:inline-block; width:85%; font-size:14px; font-style: normal; vertical-align: middle; line-height: 18px;}
.event-tomorrow .address article > div {height:40vh; }
.event-tomorrow .address article {margin-bottom: 30px;}
.event-tomorrow .qrCode {text-align: center; display: flex; flex-direction: column; justify-content: center;}
.event-tomorrow .qrCode img {width:200px; height:200px; margin: 10px;}



/* Hôtel
---------------------------------------------------------------------- */
.bloc-hotel {
	display: flex;
	margin: 10px;
	overflow: hidden;
	padding: 10px;
	position: relative;
}
.bloc-hotel .buttons {flex: 1; padding:20px 0; text-align: center; display: flex;}
.bloc-hotel .buttons > i {align-self: center;}
.bloc-hotel .buttons > div {flex:1; padding:8px 0px; align-self: center;}
.bloc-hotel .buttons > div > div {position: relative; color:#777; align-self: center;}
.bloc-hotel .buttons > div > div a {color:#777;}
.bloc-hotel .content {padding:20px 0px; font-size:14px; line-height: 17px;}

.bloc-hotel .details { flex: 1; padding: 0 20px;}
.bloc-hotel .details > h2 {margin:auto; font-size:36px; line-height: unset;}
.bloc-hotel .details .fa {margin-right: 10px; font-size:20px;}
.bloc-hotel .details p {display: inline;}
.bloc-hotel .details address {margin: 10px 0;}
.bloc-hotel .details .contact {display: flex; font-size:13px; line-height: 16px;}
.bloc-hotel .details .contact span {display: block;}

.bloc-hotel aside {flex: 1; min-height: 350px; border-radius: 10px;}
.bloc-hotel aside .digi-gallery {height: 100%; border-radius: 10px;}
.bloc-hotel aside .digi-gallery li {height: 100%; border-radius: 10px;}
.bloc-hotel aside .digi-gallery img {width:100%; height:100%; object-fit: cover; border-radius: 10px;}

.slider.digi-gallery .puces {background-color: rgba(0, 0, 0, 0.1); bottom: 0; border-radius: 10px; border:none;}
.slider.digi-gallery .puces li {
	background: none;
	background-color: transparent;
	box-shadow: inset 0 0 0 2px;
	height: 12px;
	overflow: hidden;
	transition: background-color 0.3s;
}
.slider.digi-gallery .puces li:after {
	content: "";
	bottom: 0;
	height: 0;
	left: 0;
	position: absolute;
	transition: height 0.3s ease;
	width: 100%;
}
.slider.digi-gallery .puces .select {box-shadow: none;}
.slider.digi-gallery .puces .select:after {height: 100%;}



/* Map google
---------------------------------------------------------------------- */
.bloc-map {position: relative;}
.bloc-map > div.jGmap {display: none;}

.bloc-map > div.j-Gmap,
.bloc-map .j-Map {height: 100%;}
.bloc-map .gmTitle {border-bottom: 1px solid; margin-bottom: 10px; padding-left: 0;}
.bloc-map .gmImage {margin-right: 10px; max-height: 150px;	vertical-align: middle;	width: 150px;}
.bloc-map .gmContent {display: inline-block; max-width: 250px; text-align: left; vertical-align: middle;}
.bloc-map .gmContent .fa {margin-right: 5px;}


/* EXPOSANTS
---------------------------------------------------------------------- */


/* Exposant - Bloc
---------------------------------------------------------------------- */
.bloc-exhibitor { margin:6vh 0; display:flex; flex-direction:row;}
.bloc-exhibitor aside { width: 30%; display: inline-block; align-self: center; }
.bloc-exhibitor aside img { max-height: 300px; }
.bloc-exhibitor section { width: 70%; display: inline-block; justify-content:center; display:flex; flex-direction:column;}
.bloc-exhibitor section .link {margin:4px 0 10px 0;}

.bloc-exhibitor .booth { color:#555; font-size:16px; display: block; padding-bottom: 4px;}
.bloc-exhibitor a { color:#999; text-decoration: none;}
.bloc-exhibitor a:hover { text-decoration: underline;}
.bloc-exhibitor section > article {display:flex; justify-content:space-between; width: 100%; margin-top:3vh; }
.bloc-exhibitor section > article > div { flex:1; }


/* Exposant - Fiche
---------------------------------------------------------------------- */
.exhibitor-view {display:flex; flex-direction:column; }
.exhibitor-view > figure {width:100%; overflow: hidden; height: 300px;}
.exhibitor-view > figure img {width:100%; object-fit: cover; height:100%; }
.exhibitor-view > section {display:flex; flex-direction:row; padding:0;}
.exhibitor-view > section.info figure {width:30%; text-align: center;}
.exhibitor-view > section.info figure img {width:70%;}
.exhibitor-view > section.info article {width:40%; display:flex; flex-direction:column; justify-content:center;}
.exhibitor-view > section.info article:last-child {width:30%; text-align: center;}
.exhibitor-view > section.info article h3 { color:#555; font-size:20px;}
.exhibitor-view > section.info article h2 { color:#000; font-size:24px; font-weight: 100; text-align: center; margin-bottom: 4vh;}
.exhibitor-view > section.info article:last-child span { text-align: center;}
.exhibitor-view > section.info article h1 { text-align: left;}
.exhibitor-view > section.ct article {width:70%; padding:6vh 5vw;}
.exhibitor-view > section.ct figure {width:30%; overflow: hidden;}
.exhibitor-view > section.ct figure img {width:100%; height: 100%; object-fit: cover;}

.exhibitor-view > .link { background: #333; width: 100%; padding-left:30%; color:#fff; text-align: left; margin: 0; transition: 0.3s all ease;}
.exhibitor-view > .link a { color:#fff; text-decoration: none; display:inline-block; height:30px; padding:6px; background: inherit; border-radius: 0;}
.exhibitor-view > .link a:hover { text-decoration: underline; background: inherit;}
.exhibitor-view > .link:hover {background: #000;}


/* Liste d'Exposants
---------------------------------------------------------------------- */
.exhibitorsPage {max-width: 1000px; margin:0 auto; }
.exhibitors.largeList {justify-content:center; display:flex; flex-direction:row; flex-wrap:wrap;}
.exhibitors .bloc-exhibitor > figure {flex:1; justify-content:center; display:flex; flex-direction:column; }
.exhibitors.largeList .bloc-exhibitor {flex-direction:column; width:25%; display:flex; }
.exhibitors.largeList .bloc-exhibitor img {width:80%; }
.bloc-exhibitor > div > h2 {text-align: center; font-size:14px; padding-top:10px;}

.exhibitors.smallList {justify-content:start; display:flex; flex-direction:row; flex-wrap:wrap;}
.exhibitors.smallList .bloc-exhibitor{flex-direction:column; width:180px; margin:20px 10px; display:flex; }


/* Sponsor
---------------------------------------------------------------------- */
.bloc-sponsor {padding:20px 10px; max-width: 300px; text-align: center;}
.bloc-sponsor figure {max-width: 200px; max-height: 200px; margin:0 auto;}
.bloc-sponsor figure a {display: block; height: 100%; width:100%;}
.bloc-sponsor figure a img,
.bloc-sponsor figure img  {height: 100%; width:100%; object-fit: contain;}
.bloc-sponsor > div {padding-top:10px; text-align: center;}
.bloc-sponsor > div .cpy {font-size:13px; display: block; text-align: center;}
.bloc-sponsor > div .type {font-size:14px; font-weight: bold; display: block; text-align: center; padding-top:5px;}
.bloc-sponsor.sponsor-gold div .type {color:#fc4;}
.bloc-sponsor.sponsor-or div .type {color:#fc4;}
.bloc-sponsor.sponsor-silver div .type {color:#999;}
.bloc-sponsor.sponsor-argent div .type {color:#999;}
.bloc-sponsor.sponsor-bronze div .type {color:#c61;}
.bloc-sponsor.sponsor-platine div .type {
	background: linear-gradient(to bottom, #e5e4e2, #a6a5a3);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


/* Evenement - Demain
---------------------------------------------------------------------- */



/* -------------------------------------------------------------------
----------------------------------------------------------------------
								FORMULAIRE
----------------------------------------------------------------------
---------------------------------------------------------------------- */

/* Formulaire - structure
---------------------------------------------------------------------- */

.digiForm {width: 60%; padding:0;margin: 0 auto;}
.digiForm div {display: inline-block; vertical-align: middle;}
.digiForm article {padding:10px 0;}
.digiForm article > label{width:25%; text-align: left; padding-right:20px; }
.digiForm article label  {font-size: 16px; display: inline-block; color:#727571; vertical-align: middle;}
.digiForm article > div {font-size: 16px; text-align: left; display: inline-block;width:73%;}
.digiForm article.formTxt {font-size:16px; line-height: 18px; margin-left: 30%; max-width: 700px; text-align: justify;}
.digi-addresses ul li.formAddr {width:100%;}

.digiForm > nav{display:flex;justify-content: flex-end;}
.digiForm > nav > button{font-size: 15px;}

.form-top .digiForm article {}
.form-top .digiForm article > label {width:25%; display:inline-block; text-align: left; padding-right: 0; margin-bottom: 5px; font-size: 14px;}
.form-top .digiForm article > div {width:74.6%; max-width: none; display: inline-block;}
.form-top .digiForm article.formTxt {margin-left:0; max-width: none;}
.form-top .digiForm article.message > div {width:100%;}

.digiForm .form-title {
	font-size:22px;
	font-weight: normal;
	display: block;
	color:#e99898;
	margin:20px 0 6px 0;
	border-bottom:1px solid #999;
	padding:0 0 4px 0;
}
.digiForm section {margin:40px 0;}
.digiForm section > section {margin:0;}
.digiForm .invisible div {border: none; padding: 0; margin: 0;}


form article s{text-decoration: none;}
form article s::before {content:" *"; font-size:14px; color:#d00; }

.digiForm .formCheckbox label {vertical-align: top; font-size:14px;}
.digiForm .formCheckbox input {vertical-align: top;}

.digiForm .formRadio ul {text-align: left;}
.digiForm .formRadio ul li {display: inline-block; padding-right: 20px;}
.digiForm .formRadio ul li label {text-align: left; font-size:14px; color:#4e4f4e;}

section.wrap-form.digiForm aside{position: relative;width:170px;margin-top:10px;}
section.wrap-form.digiForm a{position: absolute;top: 0;left: 0;width: 150px;color: #fff;background: #e99898;padding: 7px 10px;font-size: 12px;border-radius: 0;text-align: center;}

.map.newsletter .page-form.form-left{background:#e99898;}
.map.newsletter .page-form.form-left{padding:20px 10px 50px 20px;}
.map.newsletter .page-form.form-left h1{color:#e99898;text-align:left;}
/* Formulaire - Errors
---------------------------------------------------------------------- */
form article.error label { color:#d00;}
form article.error input { border-color:#d00; color:#d00; box-shadow : 0 1px 4px rgba(0, 0, 0, 0.2) inset, 0 0 2px 1px rgba(240, 61, 31, 0.3);}

ul.errors {background : #B71D21; padding:20px; }
ul.errors li {list-style: circle; margin-left:10px;	color:#fff;	margin-bottom: 3px;font-size: 13px;}



/* Formulaire - Styles & modèles de champs
---------------------------------------------------------------------- */

/* // pour les radio & checkbox, le label au dessus des choix (style classique) */
.digiForm article.choicesUnder > div {width:100%;}
.digiForm article.choicesUnder > label {width:100%; text-align: left;}

/* // pour les radio & checkbox, un choix par ligne */
.digiForm article.choicesOnePerLine ul li {width:100%; display:block;}

/* // info en petit pour expliquer un champ */
.digiForm article.fieldInfoTxt {font-size:11px; margin-top:-8px; color:#777;}

/* // séparation d'un bloc de texte */
.digiForm article.textSeparate {margin:40px 0;}




/* Formulaire - Trombinoscope upload picture
---------------------------------------------------------------------- */
.digiForm article.trombiPicture {text-align: center;}
.digiForm article.trombiPicture figure img {width:30%;}
.digiForm article.trombiPicture span {font-size:12px; }



/* Formulaire - Module Hotel
---------------------------------------------------------------------- */

.digiForm article.hotelFellows > div {margin-left: 30%; width: 70%; }
.digiForm article.hotelFellows > div li {text-align: left;}
.digiForm article.hotelFellows > div li div {margin-right: 25px;margin-left: 15px;}
.digiForm article.hotelFellows > div li input {margin-left: 5px;}
.digiForm article.hotelFellows > div li label {text-align: left; width: 20%;}
.digiForm .hotelNbNights {font-weight: bold; margin-bottom: 50px;}

.digiForm .hotelMainModule.hotelChoice > div {width: 70%;}
.digiForm .hotelMainModule.hotelChoice.formRadio ul li {display: block; margin-bottom: 1%;}
.digiForm .hotelMainModule.hotelChoice.formRadio ul li label {text-align: left;}



/* Formulaire - Module Accompagnants
---------------------------------------------------------------------- */

.modAccompany .tpl {display:none;}
.modAccompany .accForm {
	margin-bottom: 15px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	display: block;
	width: 100%;
}
.modAccompany .accForm article{
	display:inline-block;
}
.modAccompany .accForm article label {min-width: 30%;}




/* Formulaire - Autres éléments généraux
---------------------------------------------------------------------- */
div.actions {display: block; text-align: right; width: 100%; margin-bottom: 15px;}
.close::before  {
	font-family: FontAwesome;
	content:"\f00d";
	background: #fff;
	color: #222;
	border:#000 2px solid;
	text-align: center;
	border-radius: 15px 15px 15px 15px;
	font-size:18px;
	font-weight: normal;
	position:absolute;
	right:-10px;
	top:-10px;
	width:20px;
	height:20px;
	z-index:1;
	cursor: pointer;
}

/* Page Formulaire
---------------------------------------------------------------------- */

.page-form h1{width: 100%;color:#FFF;line-height: 27px;padding-bottom:28px;}
.page-form form > section{position:relative; width:90%;padding-top:30px;margin:auto;}
.subNews form > section {padding-top:0px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
.subNews form > section article {padding: 0 0 10px;}
.subNews form > section button { position: absolute; right: -8px; top: 32px; padding: 0; margin: 0; }
.subNews form > section fieldset{position:relative; margin: 0; padding: 0;}
.page-form form > section .actions{position:absolute;right:10px;top:50px;}
.subNews form > section .actions{top:20px;}
.page-form .actions input{color:#fff; font-size: 18px; padding:0;}
.page-form figure {width:100%;}
.page-form figure img {width:100%;}
.page-form article.struct-blocs.struct-wrap {width:90%;margin:auto; }
.page-form article h3.chapo {font-size: 18px; margin-bottom: 14px;text-align: center;}
.page-form article .content {margin-bottom: 20px;}

body > main > .page-form.form-top > .container {max-width: 1570px; background:#fff;margin:auto;padding: 20px 20px 100px 20px;margin-top:50px;}
body > main > .page-form.form-top > .container > h1{color:#e99898;}

select.minimal {
  background-color: white;
  border: 1px solid #d8d8d8;
  display: inline-block;
  font: inherit;

  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.pinkTitle{position:relative;}
.pinkTitle:after{content: '';
position: absolute;
right: 2%;
top: 36%;
display: block;
height: 2px;
background: #e99898;
z-index: 1;
width: 96%;
font-size: 22px;}
.pinkTitle h2{color: #e99898;
display: inline-block;
z-index: 10;
position: relative;
background: #FFF;
padding-right: 20px;
padding-bottom: 15px;
font-weight: unset;
font-size: 25px;
line-height: 25px;}

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, #c2c2c2 50%),
    linear-gradient(135deg, #c2c2c2 50%, transparent 50%);
  background-position:
    calc(100% - 15px) 11px,
    calc(100% - 10px) 11px;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, #c2c2c2 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #c2c2c2 50%);
  background-position: calc(100% - 10px) 11px, calc(100% - 15px) 11px;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  outline: 0;
}
select option{padding-left: 8px;}


/* Studio savoir faire*/

.studio.savoir.faire .btn{text-transform: uppercase; background: transparent;color:#fff; border: 2px solid white;border-radius:13px;padding:7px 30px;white-space:nowrap; font-size: 14px;}
.studio.savoir.faire .btn:after{content:'';padding:0;}

/* Login - Indentification
---------------------------------------------------------------------- */
.digiForm.login article > label { padding-top: 8px;	vertical-align: top;}
.forgetPwd {cursor: pointer; font-size:11px; padding:5px; display:block;}
.forgetPass h3 {text-align: center;}

body > main > section:not(.tabs):not([data-c="4100"]):nth-of-type(2) {margin:auto; margin-top:-40px !important; padding-bottom: 32px; background: #fff;position:relative;z-index:10;}
body > main > section.tabs:nth-of-type(2) {background: #fff;position:relative;z-index:10;}
body > main > div.bloc-text:not(:first-child), body > main > div.bloc-text:not(:first-child) h2 {background: #f7f7f7;}
body > main > section:nth-of-type(2) figure.bloc-image{margin-top:25px;}
body > main > div {width:92%; margin:auto;max-width: 1570px;}
.product-list {background-color: #fff;}
.product-list .list img {width:100%; height:auto; max-height: 250px; object-fit: cover;}
.product-list .list figure {height: 250px;}
.product-list .titleContainer{background-color: #fff;}
.product-list .list{width: 96%; margin:auto; display: flex;justify-content: center; flex-wrap: wrap; padding: 12px;background-color:#fff;}
.product-list .list .prod.product{margin-bottom:32px;}
.product-list .list .prod.product:not(:last-child){margin-right:32px;}
.product-list .list > section{width:22%;display:inline-block; margin-bottom: 20px;margin:0;}
.product-list .list > section{padding-bottom: 4px;border-bottom: 3px solid #F3F3F3;}
.product-list .list .prod.product:nth-child(4n) { margin-right: 0px; }
.product-list .list > section .details{max-width: 94%; margin:auto;position:relative}

.product-list .list > section .details a {color:#333; margin-bottom:30px; padding:10px 0;width:350px;z-index:10;background:transparent;line-height:35px;}
.product-list .list > section .details a h3{ text-overflow: ellipsis;overflow: hidden;width: 80%;white-space: nowrap; font-size: 18px; }
.product-list .list > section .details a:after{content: "\f105";font-family:FontAwesome;position: absolute;top: -6px;right: 2%;font-size:33px;color:#fff;background:#e99898;border-radius:100%;width:30px;height:35px;padding-left:5px;text-align: center;}
.product-list .list > section .details a:hover:after{background: #be7472;}

.reassurance{background: #323232; position:relative;}
.reassurance:before{content:""; position:absolute; top:100%; border-bottom: 24px solid #FFFFFF00;border-right: 24px solid #131212; }
.reassurance:after{content:""; position:absolute;right:0; top:100%;border-bottom: 24px solid #0000;border-left: 24px solid #131212;}
.reassurance[data-c="383"] .bloc-blurb h4{text-transform: uppercase;}
.reassurance[data-c="383"] .bloc-blurb .content{color: #fff;}
.reassurance.resaProduct { margin-bottom: 42px; }

.bloc-content .ct-blocs .hgroup h1{text-align: left; text-transform: initial; margin-left: 4%;}
.bloc-content .ct-blocs .hgroup h1:after{}

/* Bloc blurb */
main > .bloc-blurb{width:92%; margin-auto;max-width: 1570px;}


/* Bloc marques */

.bloc-slider{padding: 30px 0; background: #f7f7f7; height: auto;}
.bloc-slider > section{position:relative;}
.bloc-slider ul{height:200px;display:flex;justify-content:space-between;}
.bloc-slider ul li.slide{width:30%;height:150px;line-height:150px;}
.bloc-slider ul li.slide img{margin:auto; max-width: 80%; width:auto; height:150px; vertical-align: middle; object-fit: contain;}

.bloc-slider section article:after, [data-c="392"] > section article:after{
	content: '';
	position: absolute;
	right: 2%;
	top: 38%;
	display: block;
	height: 2px;
	background: #e99898;
	z-index: 1;
	width: 96%;
	font-size:22px;
}
.bloc-slider article{width:auto;}
.bloc-slider > div{width:96%; margin:auto;}
.bloc-slider{font-family:RobotoCondensed;}


/* Bloc Newletter */
.rubrique.newsletter .page-form .container{margin-top:6%;}
.rubrique.newsletter{background:#fff;}
.rubrique.newsletter h2{background: transparent;width:100%; text-align: center;color:#fff;padding:10px 0;text-transform: uppercase;}
.rubrique.newsletter h3{color: #fff;}
.rubrique.newsletter section.struct-blocs{margin-bottom:30px;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0{color:#FFF;padding-top:30px;flex:1;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto section > div > section.page-form.form-top{width:33%; margin:0;background:#323232;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto section > div > section.page-form.form-top input:not([type="checkbox"]){background:#323232;color:#bbb;border:none;outline:none;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto section.struct-blocs.struct-level-1.struct-span-0 > div.ct-blocs.ct-nb-2.ct-level-1.ct-auto > section.bloc-content{flex:1;border-bottom:0;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0 h2 {text-transform:uppercase; padding:10px 0;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0 p { padding:0 0 10%;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0 fieldset{width:100%; margin:auto; border:0; border-radius: 0;border-bottom: 1px solid #FFF;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0 fieldset input{width: 100%;background: none;border: 0; color:#444}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0 .infoNewsletter{margin-top: 15%;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0 .infoNewsletter h2,
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0 .infoNewsletter p{text-align:center}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0 .ct-blocs.ct-nb-2.ct-level-0.ct-auto section:first-child{width: 33.5%; background:#292929;}
.rubrique.newsletter > div.ct-blocs.ct-nb-1.ct-level-0.ct-auto > section.struct-blocs.struct-level-1.struct-span-0 .ct-blocs.ct-nb-2.ct-level-0.ct-auto{width:96%; margin:auto;}

 /* Bloc réassurance */


 /* Bloc Actualités */

.dernieres.actualites {background: #fff;}

.dernieres.actualites > div{padding-bottom: 30px;width:96%;}
.dernieres.actualites .bloc-content{width:32%;border-bottom: 3px solid #F3F3F3;}
.dernieres.actualites  aside figure img{width: auto; max-width: 100%; height:225px;}
.dernieres.actualites > section{padding-top:35px; background: #FFF; font-family:RobotoCondensed;position:relative;}
.dernieres.actualites article{width:auto;}
.dernieres.actualites > . section article{position:relative;}
.dernieres.actualites >  section article:after{
	content: '';
	position: absolute;
	right: 2%;
	top: 62%;
	display: block;
	height: 2px;
	background: #e99898;
	z-index: 1;
	width: 96%;
	font-size:22px;
}
.dernieres.actualites > div {display: flex;justify-content: space-between;}
.dernieres.actualites > div .bloc-content .ct-blocs section .content{display:none;}
.dernieres.actualites > div .ct-blocs .bloc-content .ct-blocs section .hgroup h6{font-weight: normal;font-size:15px;}
.dernieres.actualites > div .ct-blocs .bloc-content .ct-blocs section .content{font-size: 15px; color:#828282;}

.dernieres.actualites > div .buttons{position:relative;}
.dernieres.actualites > div .buttons a:after{content: "\f105"; font-family: FontAwesome; position: absolute; right: 2%; font-size: 22px;line-height:25px; color: #fff; background: #e99898; border-radius: 100%; width: 20px; height: 25px; padding-left: 5px; text-align: center;}
.dernieres.actualites > div .buttons a:hover::after {background: #be7472;}
.dernieres.actualites > div section > div > section{width:95%; margin:auto;}

.bloc-content.news.article .buttons span{font-size: 16px; color: #e99898}
.bloc-content.news.article{max-width: 50%;background: #fff;padding:10px;margin: 0 12px;}

/* bloc logos */

.logos h2{background: #f7f7f7;}

/*Bloc map + coordonées*/
.map.contact{background:#fff;padding:18px 0 12px 0;}
.map.contact > section{position:relative;}
[data-c="459"] h1 { padding: 0; }
[data-c="459"] p { width: 90%; margin: auto; text-align: center; font-size: 18px; }

section.struct-blocs.struct-wrap.struct-level-0.struct-span-12 div.ct-blocs.ct-nb-2.ct-level-0.ct-2-1{width:96%;margin:auto;}
section.struct-blocs.struct-wrap.struct-level-0.struct-span-12 div.ct-blocs.ct-nb-2.ct-level-0.ct-2-1 .struct-blocs{color:#fff; padding: 25px;}
section.struct-blocs.struct-wrap.struct-level-0.struct-span-12 div.ct-blocs.ct-nb-2.ct-level-0.ct-2-1 .struct-blocs .fa{color: #b35b5b;}
section.struct-blocs.struct-wrap.struct-level-0.struct-span-12 div.ct-blocs.ct-nb-2.ct-level-0.ct-2-1 .struct-blocs .content{color:#fff}
section.struct-blocs.struct-wrap.struct-level-0.struct-span-12 div.ct-blocs.ct-nb-2.ct-level-0.ct-2-1 .struct-blocs .content > h1{text-align:center;width:100%;color:#fff;}
section.struct-blocs.struct-wrap.struct-level-0.struct-span-12 div.ct-blocs.ct-nb-2.ct-leve0.ct-2-1 .struct-blocs .content > p{text-align:center;}


.struct-blocs.struct-wrap.struct-level-0.struct-span-12 .ct-blocs.ct-nb-2.ct-level-0.ct-1-2{width:96%; margin:auto;}
.struct-blocs.struct-wrap.struct-level-0.struct-span-12 .ct-blocs.ct-nb-2.ct-level-0.ct-1-2 .bloc-map{width:66%;}
.struct-blocs.struct-wrap.struct-level-0.struct-span-12 .ct-blocs.ct-nb-2.ct-level-0.ct-1-2 .struct-blocs.struct-level-1.struct-span-8{flex:1;}


.struct-blocs.struct-wrap.struct-level-0.struct-span-12 > .ct-blocs.ct-nb-2.ct-level-0.ct-1-2 > .struct-blocs.struct-level-1.struct-span-8 {margin:0 !important; background: #e99898; color:#FFF; font-family: RobotoCondensed;}
.struct-blocs.struct-wrap.struct-level-0.struct-span-12 > .ct-blocs.ct-nb-2.ct-level-0.ct-1-2 > .struct-blocs.struct-level-1.struct-span-8 .content,
.struct-blocs.struct-wrap.struct-level-0.struct-span-12 > .ct-blocs.ct-nb-2.ct-level-0.ct-1-2 > .struct-blocs.struct-level-1.struct-span-8 .content > p{text-align:center; padding-bottom: 30px;}
.struct-blocs.struct-wrap.struct-level-0.struct-span-12 > .ct-blocs.ct-nb-2.ct-level-0.ct-1-2 > .struct-blocs.struct-level-1.struct-span-8 .content h1{color: #FFF; font-weight: bolder;}
.struct-blocs.struct-wrap.struct-level-0.struct-span-12 > .ct-blocs.ct-nb-2.ct-level-0.ct-1-2 > .struct-blocs.struct-level-1.struct-span-8 .infoContent{display:flex;}
.struct-blocs.struct-wrap.struct-level-0.struct-span-12 > .ct-blocs.ct-nb-2.ct-level-0.ct-1-2 > .struct-blocs.struct-level-1.struct-span-8 .infoContent i{color: #b35b5b;}
.struct-blocs.struct-wrap.struct-level-0.struct-span-12 > .ct-blocs.ct-nb-2.ct-level-0.ct-1-2 > .struct-blocs.struct-level-1.struct-span-8 .infoContent p{padding-left: 20px; padding-bottom: 15px;}

/* Bloc newsletter */

section.struct-blocs.struct-level-0.struct-span-12 div.ct-blocs.ct-nb-1.ct-level-0.ct-auto section.struct-blocs.struct-level-1.struct-span-12{margin-top:30px;}

.rubrique.newsletter > div{width:96%; margin:auto;}

/* Bloc Map + Newsletter */
.map.newsletter {display:none;}

[data-c="myNumber"]{background:#d3d3d3;height:360px;}
[data-c="myNumber"] .figureContent img{max-height: 320px;width: auto;}

.struct-blocs.struct-level-0.struct-span-12 > .ct-blocs.ct-nb-2.ct-level-0.ct-auto > .struct-blocs.struct-level-1.struct-span-0{background:#e99898;width:100%;}

main > section.page-form{width:92%; max-width: 1570px; background: #fff;margin-top:50px;}
main > section.page-form.form-left{}
main > section.page-form.form-left form > section{display:flex;flex-direction: column;}
main > section.page-form.form-left input{border-radius:0;font-size:14px;}
main > section.page-form.form-left .actions input{background:#e99898;padding:7px 45px 7px 20px;}
main > section.page-form.form-left{position:unset; padding:30px;min-height:60vh;}
main > section.page-form.form-left fieldset{position:unset;max-width:500px;}
main > section.page-form.form-left .actions{position:relative;text-align:left;width:-moz-fit-content;margin-top:15px;margin-left:10px;height:120px;}
main > section.page-form.form-left label{width:calc(99%/3); text-align: left;font-size:16px;}
main > section.page-form.form-left div{}


main .bloc-text.align-start h2{}
main .bloc-text.align-start .pinkTitle:after{}
main .bloc-text.align-start .hgroup{position: relative;}

.homePage main .bloc-text.align-start h3{display:none;}

.background{background: #FFF;}
.background .wrap{ margin:0 35px;}

.info{background:#FFF;}
.info .productChoice{display:flex; width:96%; margin:auto;}
.info .productChoice .gallery {display:flex;}
.info .productChoice .gallery img{}
.info .productChoice .gallery img{width:auto; height: 400px; max-height: 100%;}
.info .productChoice .gallery .subGallery {display:flex;flex-direction: column;}
.info .productChoice .gallery .subGallery img{width: auto; height: 95px; margin-left: 5px; margin-bottom: 6.5px; overflow: hidden;}
.info .productChoice aside h1 {color:#e99898; padding-top:0;}
.info .productChoice aside p {margin-left: 15px;}
.info .productChoice aside h1 {color:#e99898; padding-top:0;}
.info .productChoice aside p {margin-left: 15px;}
.fileUploads .info .productChoice .commentGallery { margin-left: 0; padding-left: 0; }
.info .productChoice .commentGallery { margin-left:40px; line-height: 1.3; padding-left: 5%; text-align: justify; }
.info .productChoice .commentGallery p { margin: 8px 0; font-size: 16px; text-align: justify; line-height: 1.4; }
.info .productChoice .commentGallery ul { list-style: initial; margin-left:40px; padding-bottom: 12px; font-size: 16px; }
.info .productChoice .commentGallery ul li { text-align: justify; }
.info .productChoice .commentGallery h1,
.info .productChoice .commentGallery h2,
.info .productChoice .commentGallery h3,
.info .productChoice .commentGallery h4,
.info .productChoice .commentGallery h5,
.info .productChoice .commentGallery h6 { padding-left: 0; padding-bottom: 8px; color: #000; }
.info .productChoice .commentGallery h1 { padding-top: 0; line-height: 30px; color: #e99898; }

.bloc-choixComposants{display:flex; width: 90%; margin:auto;background:#FFF;}
.bloc-choixComposants h1{padding:0; padding-bottom: 15px; font-variant: small-caps; text-transform:unset;}
.bloc-choixComposants > aside, .bloc-choixComposants > div{width:50%;padding: 40px;}
.bloc-choixComposants > div .std-exp{display: flex;}
.bloc-choixComposants aside > div ,.bloc-choixComposants div > div {color: grey;}

.bloc-choixComposants > aside div ul > li{display:flex; margin:10px 0;}
.bloc-choixComposants > aside div ul > li label{width:35%; align-self: center;font-size: 16px;font-weight: bold;color: #999;}
.bloc-choixComposants > aside div ul > li i{align-self: center;padding-left: 10px; font-size: 30px; color:#0de100;}
.bloc-choixComposants > aside div ul > li select{border-color:#CCC; border-radius:0; padding:3px 0 3px 12px; height:30px;}

.bloc-choixComposants > div .std-exp {border:1px solid lightgray;}
.bloc-choixComposants > div .std-exp .expedit-std{border-right:1px solid lightgray;}
.bloc-choixComposants > div .std-exp .choice li{border-top:1px solid lightgray;}
.bloc-choixComposants > div .std-exp div{margin:0 auto;}
.bloc-choixComposants > div .std-exp > div{width:50%;margin:auto;}
.bloc-choixComposants > div .std-exp .head h2{line-height: 20px; padding-top: 15px;}
.bloc-choixComposants > div .std-exp .head h2, .bloc-choixComposants > div .std-exp .head p{text-align: center;}
.bloc-choixComposants > div .std-exp .expedit-std .head h2{color:#F00;}
.bloc-choixComposants > div .std-exp .expedit-express .head h2{color:#F80;}
.bloc-choixComposants > div .std-exp .head h2 span{font-size:12px;}
.bloc-choixComposants > div .std-exp .head p{padding-bottom: 15px;}
.bloc-choixComposants > div .choice{display:flex;}
.bloc-choixComposants > div .choice div ul li{display:flex;}
.bloc-choixComposants > div .choice div ul li div{padding: 3px 0;}
.bloc-choixComposants > div .std-exp .choice div {width:50%; text-align:center;}
.bloc-choixComposants > div .std-exp .choice .qtty{background: #EEE; color:#999;}
.bloc-choixComposants > div .std-exp .choice .price{color:#777;}
.bloc-choixComposants > div .std-exp .choice .qtty,.bloc-choixComposants > div .std-exp .choice .price{padding:10px 0; font-size:14px; font-weight: bold;}
.bloc-choixComposants .confirmation{display:flex; justify-content: space-between; background:#EEE; margin:30px 0;}
.bloc-choixComposants .confirmation div{padding: 10px;}
.bloc-choixComposants .confirmation div:first-child{width:65%;}
.bloc-choixComposants .confirmation div h2{color: #e99898; font-weight: 800; font-size: 18px; font-variant: unset;}
.bloc-choixComposants .confirmation div h2 span{color: #999; font-weight: 100;}
.bloc-choixComposants .confirmation button{background-color:#e99898; border-radius: 0; font-size:12px;}
.bloc-choixComposants .confirmation i{background-color:#b35b5b; border-radius: 0; font-size:12px; padding: 10px 24px; color:#FFF;font-size: 13px;padding: 11px 14px;}

.page-error > article{max-width: 1570px; background: #fff;margin:auto;margin-top:50px;padding: 20px 20px 0 20px;}
.page-error > article .container{display: flex;justify-content:center;align-items: center;}
.page-error > article .container .intro{text-align: right;}
.page-error > article .container .intro p{text-align: right;}
.page-error > article .container .intro p:nth-child(1){font-size:38px; line-height: 38px;}
.page-error > article .container .intro p:nth-child(2){font-size:58px; line-height: 58px;}
.page-error > article .container .intro p:nth-child(3){font-size:100px;color:#e99898;line-height: 100px;}
.page-error > article .container .intro p:nth-child(4){font-size:14px;}
.page-error > article .container img{width:100%;}
.page-error > article .container .button{position: relative;width: 200px;height: 30px;margin-top:55px;}
.page-error > article .container .button:after{position: absolute;top: 0;right: 0;content: '\f105';font-family: FontAwesome;color: #fff;background: #be7472;padding: 2px 10px;font-size: 21px;border-radius: 0;}
.page-error > article .container .button a{position: absolute;top: 0;left: 0;width: 90%;color: #fff;background: #e99898;padding: 5px 10px;font-size: 15px;border-radius: 0;text-align:center;}

.bloc-content.struct-blocs {margin:auto;}
.underFooter{display:flex; flex-direction: column; padding-bottom:100px; color:#FFF;}
.underFooter .topFooter{display:flex; flex-direction: row; justify-content: space-between;}
.underFooter .topFooter .lesAutresPages{width:100%;padding:20px;background: #fff;}
.underFooter .topFooter .menusFooter{display:flex; margin-bottom:30px; justify-content: space-between; max-width:1240px;}
.underFooter .topFooter .menuFooter{margin: 0 20px;}
.underFooter .topFooter .menuFooter h4{color:#FFF;}
.underFooter .topFooter .menuFooter ul:before{content:"..."; color: #e99898;font-size: 30px;}
.underFooter .topFooter .menuFooter ul li{padding: 7px 0;}
.underFooter .topFooter .menuFooter ul li a{color:#FFF;}
.underFooter .topFooter .logoSocial{margin-right:100px;}
.underFooter .topFooter .logoSocial .social {display:flex; justify-content: space-between; margin-top: 15px;}
.underFooter .topFooter .logoSocial .social li{background-color: #e99898; width:30px; height:30px; border-radius: 20px;}
.underFooter .topFooter .logoSocial .social li svg{fill:#FFF; width:25px; padding-top: 6px; padding-left:6px;}
.underFooter .topFooter .mentions{display:flex;}
.underFooter .topFooter .mentions p{margin: 0 20px;}
.underFooter .bottomFooter {display:flex; justify-content: space-between; margin-top: 20px;}
.underFooter .bottomFooter .logoPayment img{width:40px; height: 25px;}

footer{color:#FFF; background: #323232; font-family: RobotoCondensed;}
footer .containFooter{max-width:1570px; width: 92%; margin:auto;}
footer a {color:#FFF;}
footer .topFooter .menuFooter ul:before{content:"..."; color: #e99898;font-size: 40px; line-height: 1px; font-family: RobotoCondensed;}
footer .topFooter{display:flex; padding-top: 20px; justify-content: space-between;}
footer .topFooter aside svg{fill: #FFF; position:relative;}
footer .topFooter aside section ul li{position:relative; margin:10px}
footer .topFooter aside section ul li::before{content: ""; width:30px; height: 30px; border-radius: 20px; background: #e99898;position:absolute; top: -5px; left:0;}
footer .containFooter .topFooter .socialFooter{width:18%;}
footer .topFooter aside { width: 20%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
footer .topFooter aside img {width:50%;}
footer .topFooter .menuFooter{display:flex; width:80%; justify-content: space-between; flex-wrap: wrap; padding-left:5%; border-left: 1px solid #3C3C3C;}
footer .footerlist li {margin: 10px 0;}
footer .topFooter .menuFooter .sousMenuFooter{padding-right: 3%; font-size: 13px; width: 30%; min-width: 220px;}
footer .sousMenuFooter h1{color:#FFF; padding:0; font-size:18px; height:45px;}
footer .footerlist {font-size:14px;}
footer .bottomFooter {display:flex; justify-content: space-between;padding-top: 50px; padding-bottom: 12px; border-top: 1px solid #3c3c3c;font-size:14px;}
footer .mentions{display:flex; margin-left:25%; margin-bottom: 20px; margin-top:-50px;}
footer .mentions p{margin-right: 20px;}

/* LEGAL */
footer .topFooter .menuFooter .sousMenuFooter:last-child { width: 100%; }
footer .topFooter .menuFooter .sousMenuFooter:last-child h1,
footer .topFooter .menuFooter .sousMenuFooter:last-child ul::before{display: none;}
footer .topFooter .menuFooter .sousMenuFooter:last-child ul{display: none; display:flex; flex-direction: row;}
footer .topFooter .menuFooter .sousMenuFooter:last-child ul li{padding-right: 32px;}


/* Définition importantes, prioritaires sur les autres déclarations
---------------------------------------------------------------------- */
.hide {display:none;}


/* MODULE SELECTION JAVASCRIPT
--------------------------------------------------------------------------------------------*/
.module-select{display:flex; margin:auto;background:#FFF; margin-bottom: 42px;}
.module-select h1, .recapSelect h1{padding:0; padding-bottom: 15px; text-transform:unset;font-size:22px;}
.module-select .parameters,
.module-select .productOptions{color:#939393; width: 100%;}
.module-select .parameters li,
.module-select .productOptions li{display:flex; flex-direction: row; flex-wrap: wrap; padding:10px 0;width:90%;position:relative;}
.module-select .parameters li .infos,
.module-select .productOptions li .infos { width: 100%; color: #e99898; font-size: 14px; padding-top: 6px; }
.module-select .parameters li:nth-of-type(n+2){border-top: 1px solid #f3f3f3;}
.module-select .productOptions li{border-top: 1px solid #f3f3f3;}
.module-select .parameters li:before,
.module-select .productOptions li:before{font-family: FontAwesome; content:'\f0d7';position:absolute;right:15px;top:13px;font-size:20px;color:#cdcdcd;}
.module-select .parameters li:after,
/*.module-select .productOptions li:after{font-family: FontAwesome; content:'\f046';position:absolute;right:-50px;top:13px;font-size:20px;color:#4bbb00;}*/
.module-select .parameters li label,
.module-select .productOptions li label{height:auto; width:30%; margin-right:15px;font-size:16px;margin: auto;}
.module-select .parameters li select,
.module-select .productOptions li select{line-height: 16px;font-family: "RobotoCondensed"; width:70%;border-radius:0;-webkit-appearance: none;-moz-appearance: none;border-color:#e4e4e4;height:25px;padding:3px 0 3px 12px;z-index:1;background:transparent;font-size:16px;}
.module-select .parameters li select > option {line-height: 16px;font-family:"RobotoCondensed";font-size:16px;}
.module-select .parameters li select.available,
.module-select .parameters li select > option.available { color: green; }
.module-select .parameters li select.notAvailable,
.module-select .parameters li select > option.notAvailable { color: red; }
.module-select .parameters li select > option:disabled { color: #aaa; }
.module-select > aside, .module-select > div{width:50%;padding: 40px;}
.module-select > div .stdExp{display: flex;}
.module-select aside > div ,.module-select div > div {color :grey;}

.module-select aside div ul > li{display:flex; margin:10px 0;}
.module-select aside div ul > li label{width:35%; align-self: center;font-size: 16px;font-weight: bold;color: #999;}
.module-select aside div ul > li i{align-self: center;padding-left: 10px; font-size: 30px; color:#0de100;}

.module-select .choices{display:flex;width:100%;}
.module-select .choices .caracteristics,.module-select .choices .qttyExp {margin:unset;padding-top:40px;}
.module-select .choices .caracteristics{width:50%;padding-right:45px;}
.module-select .choices .qttyExp{width:50%;}

.module-select .qttyExp .stdExp {border:1px solid #f0f0f0; display:flex;}
.module-select .qttyExp .stdExp > div{width:50%;}
.module-select .qttyExp .stdExp > div:only-child{width:100%; border-right: none;}
.module-select .qttyExp .stdExp h1{width:100%;text-align:center;}
.module-select .qttyExp .stdExp h3{width:100%;text-align:center;margin-top:0;font-size:16px;margin-bottom: 12px;}
.module-select .qttyExp .stdExp .expeditExpress { background: rgba(233,152,152, 0.05); }
.module-select .qttyExp .stdExp .expeditStd p, .module-select .qttyExp .stdExp .expeditExpress p{text-align:center;color:#f78913;font-size:16px;}
.module-select .qttyExp .stdExp .expeditStd p.subtitle, .module-select .qttyExp .stdExp .expeditExpress p.subtitle{text-align:center;color:grey;font-size:16px;margin:3px auto;}
.module-select .qttyExp .stdExp .expeditStd{border-right:1px solid #e6e6e6;}
.module-select .qttyExp .stdExp .expeditStd h1,.module-select .qttyExp .stdExp .expeditExpress h1{color:#cb0000;font-size:18px;padding:0;padding-top:15px;line-height: 17px;}
.module-select .qttyExp .stdExp .quantity{border-top:1px solid #f3f3f3;}
.module-select .qttyExp .stdExp .quantity .qttyRow{width:50%;display:flex;flex-direction:row;flex-wrap: wrap;font-size: 16px;cursor:pointer;}
.module-select .qttyExp .stdExp .quantity .qttyRow .qttyValue{width:40%;height:32px;background-color: #f3f3f3;display:flex;flex-direction:row;justify-content:center;align-items:center;border: 2px solid transparent;border-right:none;}
.module-select .qttyExp .stdExp .quantity .qttyRow.selected-row .qttyValue{border-top: 2px solid #be7472;border-left: 2px solid #be7472;border-bottom: 2px solid #be7472;}
.module-select .qttyExp .stdExp .quantity .qttyRow .qttyPrice{width:60%;height:32px;display:flex;flex-direction:row;justify-content:center;align-items:center;border: 2px solid transparent;border-left:none;}
.module-select .qttyExp .stdExp .quantity .qttyRow.selected-row .qttyPrice{border-top: 2px solid #be7472;border-right: 2px solid #be7472;border-bottom: 2px solid #be7472;}
.module-select .qttyExp .stdExp .quantity li{display:flex;}
.module-select .qttyExp .stdExp .choice .qtty{background: #EEE; color:#999;}
.module-select .qttyExp .stdExp .choice .price{color:#777;}
.module-select .qttyExp .stdExp .choice .qtty,.module-select > div .stdExp .choice .price{padding:10px 0; font-size:14px; font-weight: bold;}
.module-select .qttyExp .stdInfos, .module-select .qttyExp .stdInfos p {margin-top: 6px; font-size: 14px; color: #cb0000;}
.module-select .qttyExp .stdInfos p:not(:first-child) {display: flex; flex-direction: row; align-items: center; color: grey; line-height: 32px; }
.module-select .qttyExp .stdInfos p:not(:first-child) img { margin: 0 4px; }
.module-select .qttyExp .stdInfos span.deliverydelay {margin: 0 2px; display: block; width: 42px; height: 42px; border-radius: 50%; border: 3px solid #f78913; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: bold; }
/*
.module-select .confirmation{display:flex; justify-content: space-between; background:#EEE; margin:30px 0;}
.module-select .confirmation div{padding: 10px;}
.module-select .confirmation div:first-child{width:65%;}
.module-select .confirmation div h2{color: #e99898; font-weight: 800; font-size: 18px; font-variant: unset;}
.module-select .confirmation div h2 span{color: #999; font-weight: 100;}
.module-select .confirmation button{background-color:#e99898; border-radius: 0; font-size:12px;}
.module-select .confirmation i{background-color:#b35b5b; border-radius: 0; font-size:12px; padding: 10px 24px; color:#FFF;font-size: 13px;padding: 11px 14px;}
*/

.recapSelect .container{padding:10px; background:#f7f7f7;display:flex;justify-content: space-between;}
.recapSelect.btn-productOnQt .container{background:transparent; padding-right: 6%;}
.recapSelect.btn-productOnQt .after:after{content: '\f02f';}
.recapSelect.btn-productOnQt .after {width: 225px;}
.recapSelect .after{position: relative; width: 290px; height: 30px;}
.recapSelect .after:after{position: absolute;top: 0;right: 0;content: '\f105';font-family: FontAwesome;color: #fff;background: #be7472;padding: 2px 10px;font-size: 27px;border-radius: 0;}
.recapSelect .after input{font-family: "RobotoCondensed"; outline: none; position: absolute;top: 0;left: 0;width: 90%; height:31px; color: #fff;background: #e99898;padding: 5px 10px;font-size: 16px;border-radius: 0; }
.recapSelect .sousContainer h2{font-size:18px;padding-left: unset;padding-right: 10px;background: unset; margin: 0;}
.recapSelect .sousContainer span{color:#bababa;}
.recapSelect .sousContainer div{ word-break: break-word; margin: 0 8px 8px 0;}
.recapSelect .sousContainer:last-child { display: flex; align-items: center; justify-content: center; flex-direction: column; }
.recapSelect .sousContainer .options span,
.recapSelect .sousContainer .selectedOptions span{color:#929292;padding-right: 8px;font-size: 16px;}
.recapSelect .sousContainer .options span:not(:last-child)::after,
.recapSelect .sousContainer .selectedOptions span:not(:last-child)::after{content:',';}

.aide{padding-bottom:50px;}
.aide .title{position:relative;height:120px;}
.aide h1{color:#e99898;border-bottom:3px solid #e99898;font-size:18px;text-transform:none;padding:0 55px 0 30px;position:absolute;left:0;top:30px;height:60px;}
.aide h2{border-bottom: 3px solid #ededed;position:absolute;top:30px; right:0;width:100%; height:60px;}
.aide h4{text-align: center;font-size: 18px;padding-bottom:15px;}
.aide .content{display:flex;justify-content: space-between;padding:10px;}
.aide .content > div:first-child {font-size:16px;width:70%; padding-right: 40px;}
.aide .content > div > div {text-align: center;}
.aide .content > div:last-child p {font-size:16px; color:#e99898;}
.aide img{width:50px; height:50px;margin:10px;}

.save-name{width:40%}
.save-name span{width:20%; white-space: nowrap;line-height:45px;}
.save-name input{width:40%;font-size:12px;}

.bloc-text .pinkTitle h2{padding-left:0;}

.after a.btn{height: 30px;}

/* Bloc Download */
figure.bloc-download i.fa-sign-in {font-size:50px; color:#000; padding:15px; margin:auto;}
figure.bloc-download figcaption {text-align:center; padding: 15px 0; font-size: 16px; color: #212221;}
figure.bloc-download {max-width: 190px; margin: 15px; padding: 15px; background: #f7f7f7; min-height:160px}
figure.bloc-download div {display:flex;}
body > main > section.download {margin-top: 0;}
body > main > section.download div.ct-blocs.ct-level-0.ct-auto {flex-direction: row; flex-wrap: wrap;justify-content: center;}
body > main section.downloadfile {max-width: 222px;min-width: 222px;}

/* Validation */
.validation-container { width: 100%; display: flex; align-items: stretch; justify-content: center; }
.validation-container .validation-container-left { width: 48%; margin: 0.5%; padding: 12px; border-right: 1px solid #ccc; }
.validation-container .validation-container-right { width: 48%; margin: 0.5%; padding: 12px; }
.validation-container div.actions { width: 100%; }
.validation .orders .order-row .order-details{width: 100%; padding: 12px; font-size: 14px;}

.wrap.validation {width: 90%; margin: 50px auto 0 auto; background: #fff; padding: 20px;}
.wrap.validation h1 {color: #e99898; font-size: 33px;}
table.basket{width: 50%; padding: 16px; background-color: #eee; margin-bottom: 20px;}
table.basket tbody {border-bottom: 1px solid #ddd;}
table.basket tbody tr {padding: 3px 0;}
.wrap.validation h2 {padding: 0 16px 0 0; text-transform: uppercase; color: #000; display: block; position: absolute;}
.wrap.validation span.lineTitle{
    margin-bottom: 42px;
	position: relative;
	top: 12px;
	display: inline-block;
	width: 100%;
	height: 2px;
	background-color: #777;
}
.payModes { display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; font-size: 14px; }
.payModes li { display: flex; justify-content: flex-start; align-items: center; padding: 8px 0; }
.payModes li label{ display: flex; justify-content: flex-start; align-items: center; }
.payModes li label img { margin-left: 12px; height: 32px; width: auto; }
.wrap.validation .recapSelect .after { width: 256px; }

.cgv {margin: 20px 0;}


/* FAQ */
.faq-title {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center;}
.faq-title::before {content: ""; background-color: #ccc; width: 100%; height: 200px; position: absolute; left: 0; right: 0;}
.faq-title h1 {color: #fff; font-size: 42px; margin-left: 4%; padding: 0; }

/* Modalités de paiements */
.payment_mode_text .hgroup {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center; padding: 0;}
.payment_mode_text .hgroup::before {content: ""; background-color: #ccc; width: 100%; position: absolute; left: 0; right: 0; height: 200px; }
.payment_mode_text .ct-blocs .hgroup h1 {color: #fff; font-size: 42px;  margin-left: 4%; padding: 0;}
.payment_mode .content {background: #ececec; padding: 20px; height: 150px;}
.payment_mode .bloc-content .hgroup h1 {color: #e99898; font-size: 20px;}
.payment_advice, .payment_mode_text .content {background: #fff; padding: 0 32px;}
.payment_mode_text .content {padding-top: 50px;}
.payment_mode .ct-blocs.ct-nb-2.ct-level-0.ct-auto .bloc-content {padding: 0 32px; margin-top: 0;}
.payment_mode .ct-blocs.ct-nb-2.ct-level-0.ct-auto {padding: 0;}
.payment_mode.struct-blocs {padding-bottom: 0;}
.payment_advice {padding-bottom: 50px;}

/* Délais de fabrication et de livraison */
.delayDelivery .content { margin-bottom: 40px; }
.delayDelivery .content,
.delayDeliveryContact{background: #fff; padding: 0 32px; padding-top: 50px;}
.delayDelivery .hgroup {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center; padding: 0;}
.delayDelivery .hgroup::before {content: ""; background-color: #ccc; width: 100%; position: absolute; left: 0; right: 0; height: 200px;}
.delayDelivery .ct-blocs .hgroup h1 {color: #fff; font-size: 42px; margin-left: 4%; padding:0; text-transform: uppercase;}
.delayDelivery {background: #fff;}
.bloc-blurb.ColiTnt {margin: 32px; background: #ececec; padding:20px;}
.bloc-blurb.ColiTnt figure img {height:130px;}
.delayDelivery + section .ct-blocs.ct-nb-2.ct-level-0.ct-auto {padding: 0;}
.delayDelivery + section.struct-blocs {padding-bottom: 0;}
.delayDeliveryContact {padding-top: 0; padding-bottom: 50px;}

/* Suivi de commande */
.deliveryTracking .hgroup {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center; padding: 0;}
.deliveryTracking .hgroup::before {content:""; background-color: #ccc; width: 100%; position: absolute; left: 0; right: 0; height: 200px;}
.deliveryTracking .ct-blocs .hgroup h1 {color: #fff; font-size: 42px;  margin-left: 4%; padding: 0; text-transform: uppercase;}
.deliveryTracking .content{background: #fff; margin-bottom: 40px; padding: 0 32px; padding-top: 0px; padding-top: 50px; height: 100%;}
.deliveryTracking .buttons {margin-top: 0;}
/* impression offset, numérique et grand format */
.printOffset .hgroup {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center; padding: 0;}
.printOffset .hgroup::before {content:""; background-color: #ccc; width: 100%; position: absolute; left: 0; right: 0; height: 200px;}
.printOffset .ct-blocs .hgroup h1 {color: #fff; font-size: 42px;  margin-left: 4%; padding: 0; text-transform: uppercase;}
.printOffset .content {background: #fff; padding: 0 32px; padding-top: 0px; padding-top: 50px; height: 100%;}
.printOffset .buttons {margin-top: 0;}

/* finition et façonnage */
.finitionIntro .hgroup {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center; padding: 0;}
.finitionIntro .hgroup::before {content:""; background-color: #ccc; width: 100%; position: absolute; left: 0; right: 0; height: 200px;}
.finitionIntro .ct-blocs .hgroup h1 {color: #fff; font-size: 42px;  margin-left: 4%; padding: 0; text-transform: uppercase;}
.finitionIntro .content,
.finitionContact .content {background: #fff; margin-bottom: 40px; padding: 0 32px; padding-top: 0px; padding-top: 50px; height: 100%;}
.finitionPart .ct-blocs .hgroup h1,
.faconnagePart .ct-blocs .hgroup h1  {color: #e99898; padding: 0 32px;}
.finitionText .ct-blocs.ct-nb-2.ct-level-0.ct-auto {padding: 0;}
body > main > section.finitionText {padding-bottom: 0; margin-top:0;}
.finitionContact .hgroup {display:none;}
.finitionContact .content {padding-top: 0; padding-bottom: 50px;}
.finitionContact .content p {margin-top: 0;}
.faconnagePart.struct-blocs {margin: 0;}
.finitionIntro .buttons,
.finitionContact .buttons {margin-top: 0;}

/* Les papiers d'impression */
.paperIntro .hgroup {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center; padding: 0;}
.paperIntro .hgroup::before {content: "";background-color: #ccc; width: 100%; position: absolute; left: 0; right: 0; height: 200px;}
.paperIntro .ct-blocs .hgroup h1 {color: #fff; font-size: 42px;  margin-left: 4%; padding:0; text-transform: uppercase;}
.paperContact .content,
.paperIntro .content {background: #fff; margin-bottom: 40px; padding: 0 32px; padding-top: 0px; padding-top: 50px; height: 100%;}
.paperContact .hgroup {display:none;}
.paperContact .content {padding-top: 0; padding-bottom: 50px;}
.paperContact .content p {margin-top: 0;}
.paperIntro .buttons,
.paperContact .buttons {margin-top: 0;}

.cgv-style .buttons {margin-top: 0;}
.mention_legale .buttons {margin-top: 0;}
.personal_data .buttons {margin-top: 0;}

[data-codeform="subNews"] > article:first-child { border-bottom: 1px solid #fff; }
[data-codeform="subNews"] > article:last-child > label { padding-top: 12px; width: 100%; }
[data-codeform="subNews"] > article:last-child { display: flex; flex-direction: row-reverse; }
[data-codeform="subNews"] > article:last-child div { padding-top: 10px; width: auto; }
[data-codeform="subNews"] div.actions { width: auto; }
[data-codeform="subNews"] #ffEmail { position: relative; top: 10px; color: #fff; }
.subNews .digiForm { width: 80%; }
.subNews .digiForm article:first-child > div { width: 100%; }

.fileUploads h1 {padding-top:0; color: #e99898;}
.fileUploads .info {display:flex;flex-direction:row-reverse;}
.fileUploads .help {width: 70%; flex-direction:column; background: #f7f7f7; margin-bottom: 12px; }
.fileUploads .help > article { display: flex; flex-direction: row; justify-content: space-between; }
.fileUploads .help > article > div { width: 50%; padding: 6px; }
.fileUploads .help img {width: 100%; height: auto;}
.fileUploads .addPic {width: 30%;}

[data-c="860"] > .ct-blocs.ct-nb-2.ct-level-0.ct-auto { padding: 0; }

main > section.page-form.form-left fieldset { max-width: 92%; margin: auto; }
main > section.page-form.form-left .digiForm article.formTxt { margin-left: 0; max-width: unset; }
.prodOnQt h2 { font-size: 28px; }
.prodOnQt .digiForm article.formTxt { font-size: 14px; }
.prodOnQt .grp_group_3 article { width: 100%; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; }
.prodOnQt .grp_group_3 article div { width: 100%; }
.prodOnQt .grp_group_3 article label { width: 100%; }
.prodOnQt .grp_group_3 article textarea { width: 100%; min-height: 150px; resize: vertical; margin-top: 8px; }
main > .prodOnQt .actions { width: auto; }

ul.error { border: 2px solid #be7472; background: rgb(233,152,152,0.6); font-size: 14px; padding: 12px 8px; width: 98%; margin: 12px auto; color: #323232; line-height: 22px; }
.fileUploads ul.error { width: 100%; }

/* CGV */
.cgv-style .hgroup {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center; padding: 0;}
.cgv-style .ct-blocs .hgroup h1 {color: #fff; font-size: 42px; margin-left: 4%; text-transform: uppercase;}
.cgv-style .hgroup::before {content: "";background-color: #ccc; width: 100%; position: absolute; left: 0; right: 0; height: 200px;}
.cgv-style .content,
.cgv-style .content {background: #fff; padding: 0 32px; padding-top: 0px; padding-top: 50px; height: 100%;}
.cgv-style .content {padding-bottom: 50px;}

/* Mention légale */
.mention_legale .hgroup {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center; padding: 0;}
.mention_legale .ct-blocs .hgroup h1 {color: #fff; font-size: 42px; margin-left: 4%; text-transform: uppercase;}
.mention_legale .hgroup::before {content: "";background-color: #ccc; width: 100%; position: absolute; left: 0; right: 0; height: 200px;}
.mention_legale .content,
.mention_legale .content {background: #fff; padding: 0 32px; padding-top: 0px; padding-top: 50px; height: 100%;}
.mention_legale .content {padding-bottom: 50px;}

/* données personnel */
.personal_data .hgroup {background-color: #ccc; width: 100%; height: 200px; display: flex; align-items: center; padding: 0;}
.personal_data .ct-blocs .hgroup h1 {color: #fff; font-size: 42px; margin-left: 4%; text-transform: uppercase;}
.personal_data .hgroup::before {content: "";background-color: #ccc; width: 100%; position: absolute; left: 0; right: 0; height: 200px;}
.personal_data .content,
.personal_data .content {background: #fff; padding: 0 32px; padding-top: 0px; padding-top: 50px; height: 100%;}
.personal_data .content {padding-bottom: 50px;}


[data-c="380"] > .ct-blocs { align-items: flex-end; }
.bloc-content > .align-start h1 { color: #e99898; }
.order-container div.actions a { margin-bottom: 4px; }

/* Bandeau cookies */
.cookies-banner { position: fixed; bottom: 0; left: 0; right: 0; background: #323232; z-index: 9999; }
.cookies-banner > .inner-content { max-width: 1200px; padding: 25px 15px; margin: 0 auto; font-size: 14px; line-height: 1.3; color: #fff; }
.cookies-banner > .inner-content > nav { margin-top: 25px; text-align: center; }
.cookies-banner > .inner-content > nav > a:not(:last-of-type) { margin-right: 45px; }