@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,900;1,300&display=swap');

@font-face {
	font-family: 'fertigoPro';
	src: url('/font/fertigo_pro.woff2') format('woff2'),
			 url('/font/fertigo_pro.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Ionicons";
	src: url("/font/ionicons.eot?v=2.0.0");
	src: url("/font/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),
	url("/font/ionicons.ttf?v=2.0.0") format("truetype"),
	url("/font/ionicons.woff?v=2.0.0") format("woff"),
	url("/font/ionicons.svg?v=2.0.0#Ionicons") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*****
	Général
*****/
:root {
	/* Background color */
	--main-bg-color: #FAFAFA;
	--grey-bg-color: #DCD6D5;
	--lgrey-bg-color: #F0F0EE;

	--red-bg-color: #CD1719;

	--green-bg-color: #31AA51;
	--lgreen-bg-color: #D3EAD5;

	--blue-bg-color: #006EB8;
	--lblue-bg-color: #BAD6ED;
	--mblue-bg-color: #71A5D8;

	/* Text color */
	--main-txt-color: #262626;
	--white-txt-color: #FAFAFA;
	--grey-txt-color: #87888A;

	--red-txt-color: #CD1719;
	--lred-txt-color: #D74547;

	--green-txt-color: #31AA51;

	--blue-txt-color: #006EB8;
	--mblue-txt-color: #71A5D8;

	/* Text size */
	--min-txt: 0.75rem; /* 16px */
	--pref-txt: 2vw;
	--max-txt: 1.25rem; /* 20px */
}

* {margin: 0;} /* padding:0; */

html, body {height: 100%;}

body {overflow-x:hidden;margin: 0;background:var(--main-bg-color);font-size: 100%;font-family: 'Roboto', 'Arial', 'Verdana', sans-serif;font-weight: 400;color: var(--main-txt-color);}
body.print {margin: 50px;background-image:none;background-color: var(--main-bg-color);font-size: 16px;font-family: 'Verdana', 'Arial', sans-serif;color: #464646;}

#zt {display: flex;flex-direction:column;min-height: 100%;}

.row {position:relative;width:100%;margin:0;padding:0;}
.containerA {position:relative;max-width:1500px;width:100%;margin-left:auto;margin-right:auto;padding:0;background:none;}

.rowtitreH1 {padding:30px 0;background-color:var(--blue-bg-color);}

#ZC iframe:not(#diapoTop) {max-width:100%;height:auto !important;aspect-ratio:16/9;}


header, footer, .row, h1, h2, h3, h4, h5, p, a, li {font-size: clamp(var(--min-txt), var(--pref-txt), var(--max-txt));}

h1, h2, h3, h4, h5 {font-family:'fertigoPro', 'Roboto', 'Arial';font-weight:400;letter-spacing:1px;}

#ZC .rowtitreH1 h1 {color: var(--white-txt-color);--min-txt: 2rem;--pref-txt: 3vw;--max-txt: 3.1rem;}
h2, .tc1, .tc2vb, .tc1vc {--min-txt: 1.75rem;--max-txt: 2.5rem;} /*40px*/
h3, h4, h5, .tc2, .tc1vb, .tc2vc {--min-txt: 1.5rem;--max-txt: 1.875rem;} /*30px*/

h2, .tc1vc, .tc2vc {color: var(--blue-txt-color);}
h3, h4, h5 {color: var(--green-txt-color);}

.tc1, .tc2vb, .tc1vc {padding-bottom:35px;}
.tc1::after, .tc1vb::after, .tc2vb::after {content: '';display: block;min-width: 100px;width: 10%;margin-top: 20px;border-top: 3px solid var(--green-txt-color);}

.tc2, .tc1vb, .tc2vc {padding-bottom:10px;}

p {margin:0;padding:0;}
#ZC * > p:nth-of-type(n+2) {margin-top:20px;}

a, a:visited {text-decoration:underline;color: var(--mblue-txt-color);}
section a:hover, footer a:hover {text-shadow: 1px 0 0 currentColor}

b {font-weight: 500;}


.BT001, .BT001:visited, .BT003, .BT003:visited {
	display: block;
	transition: 500ms;
	box-sizing:border-box;
	width:fit-content;
	min-height: 20px;
	padding: 10px 30px;
	border: 2px solid var(--white-txt-color);
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 20%);
	font-weight: bold;
	text-align:center;
	text-decoration:none;
	line-height:20px;
	color: var(--white-txt-color);
	cursor: pointer;
}

.BT001, .BT001:visited {background: var(--red-bg-color);}

.BT003, .BT003:visited {background: var(--blue-bg-color);}

.BT002, .BT002:visited {
	display: block;
	transition: 500ms;
	padding: 5px 15px;
	border: 3px solid var(--blue-txt-color);
	border-radius: 15px;
	background: var(--main-bg-color);
	font-size:15px;
	letter-spacing:1px;
	font-weight:bold;
	text-decoration:none;
	color: var(--blue-txt-color);
	cursor: pointer;
}

.BT001:hover, .BT002:hover, .BT003:hover {filter:brightness(0.85);text-shadow:none;}

button {border:none;background:none;cursor:pointer;color:#262626;}


ul {padding-top:10px;padding-bottom:10px;}
ul ul {padding-left: 25px;}

li {margin: 0;padding-left: 20px;background: url('/picts/css/puce.png') no-repeat 0 10px;background-size: 10px;list-style: none;}

#ZC div:not(.h-line) > ul:not(.slider-indicators):nth-child(n+2) {padding-top:20px;padding-bottom:0;}
#ZC li {line-height:1.5;}


input, select, textarea {font-size:15px;font-family: 'Roboto';font-weight:normal;}
select option:checked {font-weight: bold;}

input[type="number"] {-moz-appearance: textfield;}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-ms-clear, input[type="search"]::-ms-reveal {display: none;width: 0;height: 0;}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}

/* Cacher les fleches de l'input number */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}

/*.MsgErr {display:inline-block;margin-bottom:15px;color:red;}*/
.row .msg {margin:0 65px;text-align:center;}


.socialLogos {display: flex;flex-direction: row;justify-content: right;gap: 10px;}
.socialLogo img {transition:500ms;width:35px;}
.socialLogo:hover img {filter:brightness(0.5);}


.readMoreCont {display:flex;flex-direction:row;justify-content:start;}
a.readMore {display:flex;flex-direction:row;align-items:center;gap:15px;margin-top:50px;font-weight:300;font-style:italic;text-decoration:none;color:var(--blue-txt-color);}
a.readMore:hover {font-weight:700;text-shadow:none;}
a.readMore img {max-width:30px;}


.sep1 {width:100%;height:1px;background:#71b4dc;}
.cl2 {clear:both;height:0;font-size:1px;}
.clear {clear: both;display: block;overflow: hidden;height: 0;width: 100%;margin: 0;padding: 0;font-size: 0;line-height: 0;}



/*****
	Popup
*****/
#voile, #voileV {position:fixed;z-index:299;display:none;width:100%;height:100%;background:#454545;opacity:0.5;filter:alpha(opacity=50);}

#popuppage {
	position: fixed;
	z-index: 300;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	max-width:calc(100% - 4px);
	background: white;
	border: 2px solid black;
	border-radius: 35px;
}

#popuppage #idiframesite {
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	padding: 20px;
}

.fermerpopup {position: absolute;top: 25px;right: 30px;z-index: 500;}


#rgpd {position:fixed;z-index:9999;bottom:0;width:100%;padding:0;background:black;}
#innerrgpd {width: 1100px;margin: 1px auto;padding: 5px;}
#innerrgpd iframe {width: 100%;height:36px;}



/*****
	Header
*****/

header {
	position: -webkit-sticky;
	position: sticky;
	z-index:100;
	top:0;
	background:var(--main-bg-color);
	box-shadow:0 -5px 10px;
	--max-txt: 1.1rem;
}

.rowH {position:relative;width:100%;}
.rowH > .containerA, .rowH .c21 {display:flex;flex-direction:row;justify-content:space-between;gap:15px;}

.rowH h1, .rowH p.h1-HD {font-family: 'Roboto', 'Arial', 'Verdana', sans-serif;text-align:center;letter-spacing:1px;color: var(--grey-txt-color);--min-txt: 1.75rem;--max-txt: 2.2rem;}

.rowH #logo {width: clamp(225px, 100%, 350px);}

.rowH .c2 {display:flex;flex-direction:column;justify-content:space-evenly;gap:15px;}
.rowH .c21 .BT002 {align-self:center;}

.menu #mconnect {display:none;}


/*****
	Footer
*****/

footer {position:relative;width:100%;margin-top:auto;padding:35px 0 50px;background: var(--blue-bg-color);box-shadow:0 7px 10px;}

.rowF1 .containerA {
	position:static;
	display:grid;
	grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
	justify-content:space-between;
	gap: 25px 0;
}

footer .BT001 {position:absolute;top:-17px;left:calc(50% - (150px / 2));}

.rowF1 p {color:var(--main-bg-color);}

.rowF1 .footc1 p:nth-child(1) {font-size:25px;line-height:50px;}
.rowF1 .footc1 p:nth-child(n+2), .rowF1 .footc1 a {font-size:15px;line-height:25px;}

.rowF1 .footc2 {display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;}

.rowF1 .footc3 {text-align:right;}
.rowF1 .footc3 img {margin-bottom:15px;}
.rowF1 .footc3 p {font-size:12px;line-height:20px;}



/*****
	Bandeau
*****/

.rowh1fond {height:900px;background-size: cover;background-position: center;}
.rowh1fond .containerA {height:100%;}
.rowh1fond .captionh1 {display:flex;flex-direction:row;justify-content:center;align-items:center;height: 100%;}

.captioninh1 h1 {font-size: 60px;}



/*****
	Presentation
*****/
#ZC {width: 100%;margin: 0;}

.row p {text-align:justify;}
.row img {border-radius:10px;}
.row a img {transition:500ms;}
.row a:hover img {filter:brightness(0.85);}

.row .lien {justify-content: flex-end;margin-top: 20px;}
.row .lien > a {margin:0;}

.pres1 {display:flex;flex-direction:row;justify-content:space-between;gap:30px;padding: 10px 0;}


.pres2 {display:flex;flex-direction:row;justify-content:space-between;gap:30px;padding: 10px 0;}


.pres3 {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px;padding: 10px 0;}
.texte3 {width:100%;}

/*** Séparation pointille ***/
.pres3dotted .texte3 {width:100%;}

.pres3dotted .inttxt3 {position:relative;}
.pres3dotted .inttxt3::after {
	content: '';
	position:absolute;
	top:0;
	left:-18px;
	display: block;
	height:100%;
	border-left: 4px dotted var(--green-bg-color);
}

.pres3dotted .image3 {align-self:flex-end;}

/*** Contours pointilles ***/
.pres3fdotted {position:relative;gap: 50px;border-bottom: 4px dotted var(--green-bg-color);}

.pres3fdotted .texte3 {width:150%;}
.pres3fdotted .texte3::after {
	content: '';
	position:absolute;
	top:0;
	left:40%;
	display: block;
	height:100%;
	border-left: 4px dotted var(--green-bg-color);
}

.pres3fdotted .image3 {width:100%;text-align:center;}
.pres3fdotted img {max-width:300px;}

/*** Cartes ***/
.pres3adhMap {align-items:flex-start;}


.pres4 {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px;padding: 10px 0;}
.texte4 {width:100%;}

/*** Séparation pointille ***/
.pres4dotted .texte4 {width:100%;}

.pres4dotted .inttxt4 {position:relative;}
.pres4dotted .inttxt4::after {
	content: '';
	position:absolute;
	top:0;
	right:-18px;
	display: block;
	height:100%;
	border-left: 4px dotted var(--green-bg-color);
}

.pres4dotted .image4 {align-self:flex-end;}

/*** Contours pointilles ***/
.pres4fdotted {position:relative;gap: 50px;border-bottom: 4px dotted var(--green-bg-color);}

.pres4fdotted .texte4 {width:150%;}
.pres4fdotted .texte4::after {
	content: '';
	position:absolute;
	top:0;
	right:40%;
	display: block;
	height:100%;
	border-right: 4px dotted var(--green-bg-color);
}

.pres4fdotted .image4 {width:100%;text-align:center;}
.pres4fdotted img {width:60%;}


.pres5 {padding: 10px 0;}

/*** En ligne + Reseaux sociaux ***/
.pres5line, .pres5Socials {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	align-items:end;
	gap:15px;
}

.pres5Socials p {white-space:pre-line;line-height:180%;font-weight:500;text-align:center;--min-txt: 1.25rem;--max-txt: 1.875rem;}

.pres5Socials .blank, .pres5Socials .socialLogos {flex:1;}

/*** Actus (toutes) ***/
.presAC {
	position:relative;
	box-sizing:border-box;
	max-width:335px;

	padding: 15px;
	background-color: var(--main-bg-color);
	border: 3px solid var(--blue-bg-color);
	border-radius:10px;
	color: var(--blue-bg-color);
}

.presAC .imageAC {margin-bottom:15px;text-align:center;}
.presAC .imageAC img {width:100%;}
.presAC .dateAC {text-align:right;--max-txt:1rem;}
.presAC .titleAC {font-weight:bold;}
.presAC .readMore {justify-content:flex-end;margin-top:15px;}

/*** Actus - Swiffy ***/
.pres5AC {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	background:url('/lib/picts/pages1/actualites.png') no-repeat center;
	background-size:contain;
}

.pres5AC .swiffy-slider {max-width:950px;}

/*** Actus - Mosaique ***/
.pres5 > .groupAC {
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(300px,350px));
	justify-content:space-between;
	justify-items:center;
	gap:50px;
}

/*** Bureau ***/
.pres5BR {padding:0;}

/*** Conseil ***/
.pres5CA ul {padding-left:0;}
.pres5CA ul > li:nth-of-type(n+2) {margin-top:15px;}
.pres5CA ul > li {--min-txt: 1rem;--max-txt: 1.5rem;font-family: 'fertigoPro', 'Roboto', 'Arial';}
.pres5CA span {color:var(--main-txt-color);}


/*** Msg - pas de produit, panier vide, ... ***/
/*
.pres5 .myMsg {line-height:25px;}
.pres5 .myMsg a {text-decoration:underline;}
.pres5 .myMsg a:hover {font-weight: bold;}
*/

/*** Mentions legales ***/
/*
.pres5ML a {text-decoration:underline;}

.pres5ML a:hover {font-weight:bold;}
*/

/*** CGV ***/
/*
.rowC5.rowCGV {margin-bottom:25px;}

.pres5CGV .tc1 {padding-bottom:10px;}
*/


.pres10 {display:flex;flex-direction:column;padding: 10px 0;}
.image10 {text-align:center;}
.texte10 {padding-top:25px;}

.pres10centered {align-items:center;}


.pres12 {padding: 10px 0;}
.pres12 > .col {width:256px;padding:0 25px 0 0;}
.pres12 > .col .text {min-height:150px;padding:8px;background:#dbdbdb;}
.pres12 > .col .textbot {width:100px;height:5px;}
.pres12 > .col4 {padding:0;}


.pres15 {padding: 10px 0;}
.pres15 .colCont {display:flex;flex-direction:row;justify-content:space-between;gap:75px;}
.pres15 .col {max-width: 750px;}
.pres15 .intcol {display:flex;flex-direction:column;}
.pres15 .intcol .tyc15 {order:2;}
.pres15 .intcol > a, .pres15 .intcol > .box-img {order:1;}
.pres15 img {width: 100%;}
.pres15 .txt {order:3;}

/*** Cartes ***/
.pres15adhMap .colCont {
	justify-content:start;
	gap: 50px 150px;
}

.pres15centered .colCont {justify-content:space-evenly;}


.pres18 {display:flex;flex-flow:row wrap;justify-content:space-between;gap:30px;padding: 10px 0;}
.pres18 .col {display:flex;flex-direction:column;max-width:240px;text-align:center;}
.pres18 .tyc18 {order:2;margin-top:25px;}
.pres18 .col > a, .pres18 .col > .box-img {order:1;}
.pres18 img {max-width:240px;}
.pres18 .txt {order:3;margin-top:25px;}


.pres19 {display: grid;grid-template-columns: repeat(auto-fill, 375px);justify-content:space-between;gap:30px;padding: 10px 0;}
.pres19 .col {max-width:375px;display:flex;flex-direction:column;align-items:center;}
.pres19 img {max-width:375px;max-height:300px;}


.pres21 {padding: 10px 0;}
.pres21 p {text-align:left;}
.pres21 .colCont {display: grid;grid-template-columns: repeat(auto-fill, 285px);justify-content:space-between;gap:30px;}
.pres21 .col {display:flex;flex-direction:column;max-width:285px;color:var(--blue-bg-color);}
.pres21 .tyc21 {order:1;}
.pres21 .text {order:2;display:flex;flex-direction:column;height:100%;margin-top:10px;padding:10px;border: 3px solid var(--blue-bg-color);border-radius:10px}
.pres21 .lien {margin-top:auto;padding-top:25px;}
.pres21 .lien a {flex-direction:row-reverse;font-style:normal;color:var(--red-txt-color);--max-txt:1.15rem;}
.pres21 .col hr {width:45%;margin:15px 0;border-top: 1px solid var(--blue-bg-color);border-bottom:none;}


.pres22 {padding: 10px 0;}
.pres22 .colCont, .pres22 .colContbis {display:flex;flex-flow:row wrap;justify-content:space-between;gap:30px;}
.pres22 .col {max-width:285px;}
.pres22 .box-img img {max-width:285px;}

/*** Bureau ***/
.containerBR {max-width:100%;}
.pres22BR {padding:0;}

.pres22BR .colCont {flex-wrap:nowrap;gap:0;}

.pres22BR:nth-child(odd) .colContbis:nth-of-type(2), .pres22BR:nth-child(even) .colContbis:nth-of-type(1) {background-color:var(--lgrey-bg-color);}
.pres22BR .colContbis {flex-flow:row-reverse nowrap;width:50%;padding:50px;}
.pres22BR .colContbis:nth-child(1) {padding-left:10.6%;}
.pres22BR .colContbis:nth-child(2) {padding-right:10.6%;}

.pres22BR .col {width:100%;}

.pres22BR .col img {max-width:calc(100% - 20px);border: 1px solid var(--red-bg-color);border-width: 1px 10px;border-radius: 50%;}

.pres22BR p:nth-of-type(1) {--min-txt: 1.5rem;--max-txt: 2rem;}
.pres22BR p:nth-of-type(2) {text-align:left;color:var(--green-txt-color);}


.pres23 {display:flex;flex-flow:row wrap;justify-content:space-between;padding: 10px 0;}
.pres23 > .col {max-width:350px;width:100%;background:#dbdbdb;}
.pres23 > .col a {text-decoration:none;}
.pres23 .colin {height:270px;overflow:hidden;}
.pres23 .colin h2 {text-align:center;}


.pres24 {display:flex;flex-flow:row nowrap;justify-content:space-between;gap:25px 50px;padding: 10px 0;}
.texte24 {max-width:850px;}
.image24 {max-width:550px;}
.pres24 .legimg {text-align:right;}


.pres27 {padding: 10px 0;}
.pres27 .colCont {display:flex;flex-direction:row;justify-content:space-between;gap:30px;text-align:justify;}
.pres27 .col1 {max-width:45%;width:100%;} /* 675px / 551.25 */
.pres27 .col2 {max-width:55%;width:100%;} /* 800px / 673.75 */

/*** Facebook ***/
.rowFB .containerA {max-width:100%;margin:0;}

.pres27FB {padding:0;}

.pres27FB .col {box-sizing:border-box;padding-top:25px;}

/* 201.5px ou calc(100% / 9) ou 10.6% */
.pres27FB .col1 {display: flex;justify-content:center;padding-left:10.6%;background-color:var(--grey-bg-color);}
.pres27FB .col2 {padding-right:10.6%;}


.pres28 .accordeon {cursor:pointer;}
.pres28 .accordeon h3 {margin: 6px 0;padding: 20px 0 20px 25px;background: url('/picts/css/fold0.png') no-repeat left;font: 22px Roboto, Arial;font-weight: bold;line-height: 25px;color: #0d0909;}
.pres28 .accordeon.active h3 {background: url('/picts/css/fold1.png') no-repeat left;}


.pres32 {display:flex;flex-flow:row wrap;justify-content:space-between;padding: 10px 0;gap:30px;}
.pres32 .col {width:200px;}
.pres32 .intcol {display:flex;flex-direction:column;align-items:center;}
.pres32 .col .box-img img {max-width:200px;}
.pres32 .col p {text-align:center;}


.listeonglets {display: flex;flex-wrap: wrap;justify-content: center;width:100%;}
.listeonglets label {order: 1;display: block;transition: background ease 0.2s;margin-left: 30px;margin-right: 30px;padding: 10px;background: #FFF;font-size:20px;font-weight: bold;color:#444443;cursor: pointer;}
.listeonglets .onglet {order: 99;flex-grow: 1;display: none;width: 100%;padding: 1rem;background: #FFF;border-top: 1px solid #e0e0e0;}
.listeonglets input[type="radio"] {display: none;}
.listeonglets input[type="radio"]:checked + label {border-bottom: 3px solid #e0e0e0;}
.listeonglets input[type="radio"]:checked + label + .onglet {display: block;}


.pres35 .colCont {display:flex;flex-flow:row wrap;justify-content:space-around;padding: 10px 0;gap:30px;}
.pres35 .col1 {max-width:125px;align-self:center;}
.pres35 .col2, .pres35 .col3 {max-width:375px;}
.pres35 img {max-width:125px;max-height:125px;}
.pres35 .txt {color:var(--blue-txt-color);}
.pres35 span {color:var(--lred-txt-color);}


/*****
	Style Add
*****/
.containerfullwidth {width:100%;}

.marg25 {margin:25px 0;}
.marg50 {margin:50px 0;}
.marg75 {margin:75px 0;}
.marg100 {margin:100px 0;}
.marg150 {margin:150px 0;}
.marg250 {margin:250px 0;}

.margt25, .rowrmargt25 {margin-top:25px;}
.margt50, .rowrmargt50 {margin-top:50px;}
.margt75, .rowrmargt75 {margin-top:75px;}
.margt100, .rowrmargt100 {margin-top:100px;}
.margt150, .rowrmargt150 {margin-top:150px;}
.margt250, .rowrmargt250 {margin-top:250px;}

.margb25, .rowrmargb25 {margin-bottom:25px;}
.margb50, .rowrmargb50 {margin-bottom:50px;}
.margb75, .rowrmargb75 {margin-bottom:75px;}
.margb100, .rowrmargb100 {margin-bottom:100px;}
.margb150, .rowrmargb150 {margin-bottom:150px;}
.margb250, .rowrmargb250 {margin-bottom:250px;}

.pad25, .rowbtpad25 {padding:25px 0;}
.pad50, .rowbtpad50 {padding:50px 0;}
.pad75, .rowbtpad75 {padding:75px 0;}
.pad100, .rowbtpad100 {padding:100px 0;}
.pad150, .rowbtpad150 {padding:150px 0;}
.pad250, .rowbtpad250 {padding:250px 0;}

.padt25, .rowrpadt25 {padding-top:25px;}
.padt50, .rowrpadt50 {padding-top:50px;}
.padt75, .rowrpadt75 {padding-top:75px;}
.padt100, .rowrpadt100 {padding-top:100px;}
.padt150, .rowrpadt150 {padding-top:150px;}
.padt250, .rowrpadt250 {padding-top:250px;}

.padb25, .rowrpadb25 {padding-bottom:25px;}
.padb50, .rowrpadb50 {padding-bottom:50px;}
.padb75, .rowrpadb75 {padding-bottom:75px;}
.padb100, .rowrpadb100 {padding-bottom:100px;}
.padb150, .rowrpadb150 {padding-bottom:150px;}
.padb250, .rowrpadb250 {padding-bottom:250px;}


.rowfond1 {background-color:var(--grey-bg-color);}

.rowfond2 {background-color:var(--lgreen-bg-color);}
.rowfond3 {background-color:var(--green-bg-color);}

.rowfond4 {background-color:var(--lblue-bg-color);}
.rowfond4 .pres1 img {border: 2px solid var(--green-txt-color);}

.rowfond5 {background-color:var(--blue-bg-color);}

.rowfond6 {background-color:var(--mblue-bg-color);}

.rowfond3 *, .rowfond5 *, .rowfond6 * {color:var(--white-txt-color);}
.rowfond3 .readMore, .rowfond5 .readMore {margin:0;}


.rowtxtG p {color:var(--green-txt-color);}

.rowtxtS p {font-weight:300;}


.h-line {display:flex;flex-flow:row wrap;justify-content:space-between;gap:0 30px;}

.txtR {color:var(--red-txt-color);}



/*****
	Carousel / Diapos & Sondage & pagination
*****/

.slider-indicators li {background-image:none !important;}


.carousel24 {position: relative;width:100%;padding: 0;background:none;}
.carousel24 ul {display: block;margin: 0;padding: 0;list-style: none;}
.carousel24 li {float: left;display: block;overflow:hidden;width:100px;height:100px;border: 1px solid #ccc;background:none;margin: 5px 3px;padding: 0;line-height:100px;text-align: center;}

.carousel24 img {display: inline-block;padding: 0;background-color: white;vertical-align:middle;}
.carousel24 a.prev, .carousel24 a.next {position: absolute;top: 85px;display: block;width: 18px;height: 53px;}
.carousel24 a.prev {top:30px;left: -17px;border:none;background: url(/picts/css/prec1.png) no-repeat;text-decoration:none;}
.carousel24 a.next {top:30px;right: -19px;border:none;background: url(/picts/css/suiv1.png) no-repeat;text-decoration:none;}
.carousel24 a.prev span,.carousel24 a.next span {display: none;}
.carousel24 .clearfix {float: none;clear: both;}

/*
.carousel25b {position: relative;width:100%;margin: 0;padding: 0;background:#e0e0e0;}
.carousel25b ul {display: block;margin: 0;padding: 0;list-style: none;}
.carousel25b li {position:relative;float: left;display: block;overflow:hidden;width:250px;height:250px;margin: 0 10px;padding: 0;border: 0px solid #ccc;background:none;line-height:246px;text-align: center;}

.carousel25b li.imgcar .opcar25 {position:absolute;z-index:32;left:0;width:240px;height:240px;padding:5px;background:#00596b;opacity: 0.6;filter: alpha(opacity=60);}
.carousel25b li.imgcar .msgcar25 {position:absolute;z-index:33;left:0;display:block;width:240px;height:240px;padding:5px;font-size:25px;line-height:240px;color:#ffffff;}
.carousel25b li.imgcar .txtcar25 {display: inline-block;vertical-align:middle;font-size:25px;line-height:25px;color:#ffffff;}
.carousel25b li.imgcar .txtcar25 p {text-shadow: 2px 2px 4px #000000;font-size:25px;line-height:25px;color:#ffffff;}
.carousel25b li.imgcar a {display:block;margin:0;padding:0;border:none;}

.carousel25b img {display: inline-block;vertical-align:middle;padding: 0;background-color: white;}

.carousel25b li.imgcar:hover .opcar25 {background:none;}

.carousel25b a.prev,.carousel25b a.next {position: absolute;top: 85px;display: block;width: 18px;height: 53px;background: no-repeat transparent;}
.carousel25b a.prev {top:100px;left: -20px;background: url(/picts/css/prec1.png) no-repeat;border:none;text-decoration:none;}
.carousel25b a.next {top:100px;right: -19px;background: url(/picts/css/suiv1.png) no-repeat;border:none;text-decoration:none;}
.carousel25b a.prev span, .carousel25 a.next span {display: none;}
.carousel25b .clearfix {float: none;clear: both;}
*/

.carousel25 {position: relative;width:100%;padding: 0;background:#FFF;}
.carousel25 ul {display: block;margin: 0;padding: 0;list-style: none;}
.carousel25 li {float: left;display: block;overflow:hidden;width:155px;height:105px;margin: 5px 9px;padding: 0;border: 0px solid #ccc;background:none;box-shadow: 1px 1px 5px #555;line-height:100px;text-align: center;}

.carousel25 img {display: inline-block;max-width:105px;vertical-align:middle;background-color: white;padding: 0;}
.carousel25 a.prev,.carousel25 a.next {position: absolute;top: 85px;display: block;width: 29px;height: 29px;}
#ZC .carousel25 a.prev {top:44px;left: 0;background: url(/picts/css/flecheGmarque.png) no-repeat;background-position: center;border:none;text-decoration:none;}
#ZC .carousel25 a.next {top:44px;right: 0;background: url(/picts/css/flecheDmarque.png) no-repeat;background-position: center;border:none;text-decoration:none;}
.carousel25 a.prev span,.carouselmarque a.next span {display: none;}
.carousel25 .clearfix {float: none;clear: both;}


#anim {z-index:0;margin-top:-20px;}
#anim a, #anim a:visited {border:none}
#anim a:hover {border:none}
#anim li {position:relative;z-index:32;display:inline;margin:0;padding:0;border:none;list-style:none;}
#anim a.lienimg {position:relative;display:inline-block;width:1166px;margin:0;padding:0;border:none;}
#anim a.lienimg img {overflow:hidden;margin:0;padding:0;border:none;}
#anim #masque {z-index:33;}
#anim #masque2 {z-index:33;}

#anim .msgcar {position:absolute;z-index:33;left:30px;display:block;width:270px;height:395px;padding:40px 5px;overflow:hidden;background:#FFF;opacity: 0.8;font-size:14px;color:#000000;}
#anim .msgcar p {font-size:14px;line-height:16px;color:#000;}


.sondage .question {padding:7px 0;color: var(--blue-txt-color);}
.sondage .BT003 {margin-top:10px;}


#pagination {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-top:25px;
	padding: 10px 0;
}

#pagination .page {padding: 0 40px;font-size: 18px;}

#pagination .page, #pagination .page a {color: #475068;}


/*****
	Fil Ariane
*****/

#fil p {line-height:50px;letter-spacing:1px;}
#fil a {text-decoration:none;}



/*****
	Forms
*****/

.oblig {color: red;}

#FormStd2 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(20%, 75%)); /*minmax(225px, 1fr)*/
	justify-content:center;
	gap: 35px 30px;
	margin-top:50px;
}

#FormStd2 > .inputCont-H, #FormStd2 > .inputCont-C {display:flex;flex-direction:row;gap:10px;}

#FormStd2 > .inputCont-H {justify-content:space-between;}

#FormStd2 > .inputCont-C {flex-direction:row-reverse;justify-content: flex-end;align-items:center;}

#FormStd2 > .inputCont-V {display:flex;flex-direction:column;}


#FormStd2 > .inputCont-Txt {grid-column:1 / -1;}

#FormStd2 > .inputCont-Radio {gap:10px;}

#FormStd2 > .inputCont-Radio > .radioCont {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;gap: 10px 35px;width: 80%;}

#FormStd2 > .inputCont-Radio > .radioCont > div {display:flex;flex-direction:row;align-items:center;gap:10px;}

#FormStd2 .captchaCont {max-width:15%;}

#FormStd2 .captchaCont .theCaptcha {margin-top:10px;}

#FormStd2 .captchaCont .theCaptcha img {width:auto;border-radius:0;}

/*
#FormStd2 h2 {width:95%;margin:20px 0 10px 0;}
#FormStd2 h4 {margin-bottom:5px;margin-top:5px;border-bottom:1px solid #234c96;color:#234c96;}
#FormStd2 h5 {margin-bottom:2px;margin-top:5px;margin-left:0;border-bottom:0 solid #399527;font-size:12px;font-weight:normal;color:#0d0909;}
#FormStd2 h5.fl {display:inline;color:#0d0909;}
#FormStd2 h5.obligatoire {display:inline;font-weight:bold;color:#2189c9;}
*/

#FormStd2 > div:not(.inputCont-C) > label {width:20%;}

#FormStd2 > div.inputCont-V input, #FormStd2 > div.inputCont-V select, #FormStd2 > div.inputCont-V textarea {width:100%;}

#FormStd2 input, #FormStd2 select, #FormStd2 textarea {
	box-sizing:border-box;
	width:80%;
	padding: 5px 10px;
	border-width: 0;
	border-radius: 10px;
	box-shadow: inset 4px -4px 4px 0px var(--grey-bg-color);
	color: var(--main-txt-color);
}

#FormStd2 input[type="radio"], #FormStd2 input[type="checkbox"] {all: revert;}

#FormStd2 input {height: 35px;}

#FormStd2 input:hover, #FormStd2 textarea:hover {border: 1px solid var(--main-txt-color);}

#FormStd2 input:invalid {border: 1px solid red;}

#FormStd2 textarea {resize: none;height:clamp(50px, 150px, 200px);}

#FormStd2 .BT001 {grid-column-start:1;justify-self: center;}



/*****
	Annuaire
*****/

#AnnuaireSearch {margin-bottom:50px;}
#AnnuaireSearch .titre {font-weight:bold;}
#AnnuaireSearch .chrec:first-of-type {margin-top:15px;}
#AnnuaireSearch .chrec {display:flex;flex-direction:row;align-items:start;margin-bottom:15px;}
#AnnuaireSearch .chrec label {display:block;width:145px;}
#AnnuaireSearch .chrec input {height:25px;border:1px solid #f0f0f0;border-radius:10px;}


#myRowTable {width:100%;padding:0;}

#myTable {overflow-x:auto;}

#myTable table {width: 100%;border: 2px solid #262626;border-spacing: 0;border-radius: 5px;overflow:hidden;}

#myTable tr th {padding: 7px 10px 7px 20px;border-bottom: 2px solid #262626;background: var(--main-bg-color);text-align: left;}
#myTable tr th a {font-weight:normal;text-decoration:none;}

#myTable tbody tr:nth-child(odd) {background: #F9F9F9;}
#myTable tbody tr:nth-child(even) {background: #F0F0F0;}

#myTable tr th, #myTable table tr td {padding: 7px 18px;}

#myTable tr th:not(:last-child), #myTable table tr td:not(:last-child) {border-right: 2px solid #262626;}

#myTable thead .sorting {background: url("/library/plugins/datatables/images/sort_both.png") no-repeat center left, var(--main-bg-color);}
#myTable thead .sorting_asc {background: url("/library/plugins/datatables/images/sort_asc.png") no-repeat center left, var(--main-bg-color);}
#myTable thead .sorting_desc {background: url("/library/plugins/datatables/images/sort_desc.png") no-repeat center left, var(--main-bg-color);}
#myTable thead .sorting_asc_disabled {background: url("/library/plugins/datatables/images/sort_asc_disabled.png") no-repeat center left, var(--main-bg-color);}
#myTable thead .sorting_desc_disabled {background: url("/library/plugins/datatables/images/sort_desc_disabled.png") no-repeat center left, var(--main-bg-color);}


#myTable .dataTables_paginate {height:25px;padding-top:10px;text-align:right;}

#myTable .dataTables_paginate span {margin:0 5px;}
#myTable .dataTables_paginate a.paginate_button:not(.disabled) {text-decoration:underline;}
#myTable .dataTables_paginate a.paginate_button.current {text-decoration:none;font-weight:bold;}



/*****
	Map
*****/
.adhMapCont {display:flex;flex-flow:row wrap;gap:50px;}

.adhMap path {fill: #cccccc;stroke: white;transition: .5s;}

.adhMap a {text-decoration:none;cursor:pointer;}
.adhMap a:hover {text-shadow:none;}

.adhMap a:hover path, .adhMap .gText {fill:var(--green-bg-color);}

.adhMap text {font-size:14px;}



/*****
	Paiement
*****/
.BlCB {display:flex;flex-flow:row wrap;align-items:center;gap:15px;padding: 40px 0 0 10px;}
.BlCB a:nth-child(2) {display:flex;flex-flow:row wrap;align-items:center;gap:10px;}
.BlCB img {width:auto;}



/*****
	Nav
*****/
.menu-container {z-index:1;}

.menu-mobile {float: right;display: none;min-width:40px;text-align: center;text-decoration:none;}

.menu-mobile::after {
	content: "\f394";
	position: relative;
	top: 50%;
	padding: 0;
	font-family: "Ionicons";
	font-size: 2.5rem;
	-webkit-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	transform: translateY(-25%);
}

.menu-dropdown-icon:before {
	content: "\f489";
	float: right;
	display: none;
	padding: 0 25px;
	background: var(--main-bg-color);
	font-family: "Ionicons";
	cursor: pointer;
}

/* level 1 */
.menu > ul {
	position: relative;
	display:flex;
	flex-direction:row;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;

	/* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
	box-sizing: border-box;
}

.menu > ul > li {
	position: relative;
	max-width: 110px;
	width:100%;
	margin: 0 15px 0 0;
	padding: 0 15px 0 0;
	border-right: 2px solid var(--green-txt-color);
	background: none;
	text-align:center;
	cursor: pointer;
}

.menu > ul li.last {
	margin: 0;
	padding: 0;
	border:none;
}

.menu > ul > li > span {
	display:inline-block;
	height:100%;
}

.menu > ul > li > span.fl {padding: 0 0 0 20px;}

.flbas0 {position:relative;padding:0 20px 0 10px;}

.menu > ul > li > span a, .menu > ul > li > span a:visited, .menu > ul > li > .lirel span a, .menu > ul > li > .lirel span a:visited {
	vertical-align:middle;
	text-decoration: none;
	color: var(--blue-txt-color);
}

.menu > ul > li.last > span a, .menu > ul > li.last > span a:visited, .menu > ul > li.last > .lirel span a, .menu > ul > li.last > .lirel span a:visited {
	color: var(--green-txt-color);
}

.menu > ul > li:hover > .lirel {position:relative;width:100%;height:100%;}

.flechmenu {
	position: absolute;
	display: none;
	margin-right: 20px;
}

.menu > ul > li.menu-dropdown-icon:hover .flechmenu {
	position: absolute;
	top: 22px;
	right: -40px;
	display: block;
}

/*
.menu > ul > li:hover a, .menu > ul > li:hover a:visited {color:#FFF;}
*/

.menu > ul > li:hover > span a, .menu > ul > li:hover > span a:visited,
.menu > ul > li:hover > .lirel span a, .menu > ul > li:hover > .lirel span a:visited {
	font-weight: inherit;
	text-decoration: underline;
}

.menu > ul > li.actif > span a,
.menu > ul > li.actif > span a:visited,
.menu > ul > li.actif .lirel > span a,
.menu > ul > li.actif .lirel > span a:visited {font-weight: bold;}

/* level 2 */
.menu > ul > li > ul {
	position: absolute;
	z-index: 99;
	left: -50%;
	display: none;
	box-sizing: border-box;
	width: 200%;
	margin: 0;
	padding: 20px 10px;
	background: var(--main-bg-color);
	/*box-shadow: 1px 1px 12px #555;*/
	list-style: none;
}

li.cb {clear:both;}

.menu > ul > li > ul > li.imgdom  {
	float:left;
	width:30px;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0px;
	background: none;
	list-style: none;
	line-height:normal;
}

.menu > ul > li > ul > li.imgdom img {max-width:30px;}

.menu > ul > li > ul > li.col {
	margin: 0;
	padding: 0;
	background: none;
}

.menu > ul > li > ul > li.coltype5 {
	width:10%;
	padding-left: 10px;
}

/* level 3 */
.menu > ul > li > ul > li.col ul {padding:0;}

.menu > ul > li > ul > li.col ul > li {
	margin: 0;
	padding: 5px 0;
	background: none;
	line-height:normal;
}

.menu > ul > li > ul > li.col ul > li a, .menu > ul > li:hover > ul > li.col ul > li a, .menu > ul > li:hover > ul > li.col ul > li a:visited {
	display: block;
	width: 100%; /* 95% */
	font-weight:normal;
	text-align:left;
	text-decoration:none;
}

.menu > ul > li:hover > ul > li.col ul > li a:hover {
	text-shadow: 1px 0 0 currentColor;
	text-decoration: underline;
}

/* level 4 */
.menu > ul > li > ul > li.col ul > li > ul {
	display: block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight:normal;
}

.menu > ul > li > ul > li.col ul > li > ul > li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background:none;
	list-style: none;
	font-size: 13px;
	line-height: 18px;
}

.menu > ul > li > ul > li.coltype5 ul > li > ul > li {font-size: 12px;}

.menu > ul > li > ul > li.col ul > li > ul > li a, .menu > ul > li:hover > ul > li.col ul > li > ul > li a, .menu > ul > li:hover > ul > li.col ul > li > ul > li a:visited  {
	border:none;
	font-weight:normal;
	color: #3e505d;
}

.menu > ul > li > ul > li.col ul > li > ul > li a::first-letter, .menu > ul > li:hover > ul > li.col ul > li > ul > li a::first-letter, .menu > ul > li:hover > ul > li.col ul > li > ul > li a:visited::first-letter  {
	border:none;
	font-weight:normal;
	color:#333;
}

.menu > ul > li:hover > ul > li.col ul > li > ul > li > a.imp, .menu > ul > li > ul > li.col ul > li > ul > li > a.imp  {
	border:none;
	font-weight:normal;
	color: #3e505d;
}

.menu > ul > li:hover > ul > li.col ul > li > ul > li > a:hover, .menu > ul > li > ul > li.col ul > li > ul > li > a:hover,
.menu > ul > li:hover > ul > li.col ul > li > ul > li > a:hover::first-letter, .menu > ul > li > ul > li.col ul > li > ul > li > a:hover::first-letter {
	border:none;
	font-weight:normal;
	color: #bbbbbc;
}

.menu > ul > li > ul.normal-sub {
	width: 300px;
	left: auto;
	margin-left: -40px;
	padding: 0;
}

.menu > ul > li > ul.normal-sub > li {
	width: 100%;
	padding:3px 10px;
	background:none;
	line-height:14px;
}

.menu > ul > li > ul.normal-sub > li a {
	padding: 0;
	border: 0;
	color:#686868;
}

.menu > ul > li > ul.normal-sub > li a:hover {color:#ace0f0;}

.menu > ul > li:hover > ul.normal-sub > li {
	padding:6px 10px;
	background:none;
	line-height:14px;
}

.menu > ul > li:hover > ul.normal-sub > li a{
	font-size: 15px;
	font-weight: normal;
	color:#686868;
}

.menu > ul > li:hover > ul.normal-sub > li a:hover {
	border-bottom:1px solid #FAF505;
	font-size:15px;
	color:#000;
}



/*****
	Responsive
*****/


/* Container & pres size changes */
@media only screen and (max-width: 1750px) {
	.row, .rowF1 {
		width: calc(100% - 200px);
		padding-left: 100px;
		padding-right: 100px;
	}

	.rowH {
		width: calc(100% - 50px);
		padding-left: 25px;
		padding-right: 25px;
	}

	.containerA {max-width:1250px;}

	.pres1, .pres2, .pres3, .pres4, .pres5, .pres6, .pres7, .pres8, .pres9, .pres10, .pres11, .pres12, .pres13, .pres14, .pres15, .pres16, .pres17, .pres18, .pres19, .pres20, .pres21, .pres22, .pres23, .pres24, .pres25, .pres26, .pres27, .pres28, .pres29, .pres30, .pres31, .pres32, .pres33, .pres34, .pres35 {width: 100%;}

	header {--max-txt:1rem;}

	section img {width:100%;}

	.image1, .image2, .image3, .image4 {flex-shrink:0;max-width:40%;}

	.image10 img {max-width:550px;width:100%;}

	/*** Row bicolore ***/
	.rowdiapo, .rowFB, .rowBR {
		width:100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.containerFB, .containerBR {max-width:none;}

	.pres27FB .col1 {padding-left: 100px;}

	.pres27FB .col2 {padding-right: 100px;}

	/*** Bureau ***/
	.pres22BR .colContbis:nth-child(1) {padding-left: 100px;}
	
	.pres22BR .colContbis:nth-child(2) {padding-right: 100px;}
}


/* Gestion animation du sous-menu (PC) */
@media only screen and (min-width: 1025px) {
	.menu > ul > li > ul {
		display: block;
		visibility: hidden;
		opacity: 0.5;
		/*-webkit-transition: width 0.5s;*/
		-webkit-transition: visibility 0.5s;
		-webkit-transition: opacity 0.5s;
	}

	.menu > ul > li:hover > ul {
		/*display: block;*/
		visibility: visible;
		opacity:1;
	}
}


/* Laptot */
@media only screen and (max-width: 1024px) {
	/*****
		Header
	*****/
	header {padding:15px 0;}

	.rowH .c1 {align-self:center;}

	.rowH .c21 {flex-direction:column;}

	.menu {
		position:relative;
		z-index:3000;
		height:100%;
	}

	a.menu-mobile {display:block;}

	.menu .show-on-mobile {
		z-index:2000;
		display: block;
	}

	.menu-dropdown-icon:before {display:block;}

	/* level 1 */
	.menu > ul {
		position:absolute;
		top:59px;
		right:-25px;
		display:none;
		overflow-x:hidden;
		overflow-y:auto;
		width:100%;
		height:100%;
		padding:15px 0 50px;
		background: var(--lgrey-bg-color);
	}

	.menu > ul > li, .menu > ul > li.last {
		display: block;
		box-sizing:border-box;
		max-width: 100%;
		margin:0;
		padding: 0 20px 10px;
		border:0;
		line-height:60px;
		text-align:left;
	}

	.menu > ul > li a {
		display: block;
		width: 100%;
	}

	/* level 2 */
	.menu > ul > li > ul {position: relative;width:100%;left:0;}

	.menu > ul > li > ul.normal-sub {position: relative;width: 100%;top:0;}

	.menu > ul > li > ul > li {width: 100%;margin-top: 2px;}

	.menu > ul > li > ul > li:first-child {margin: 0;}


	/*****
		Presentation
	*****/
	/*** Actus Mosaique ***/
	.pres5 > .groupAC {justify-content:space-around;}

	/*** Facebook */
	.pres27FB .colCont {flex-direction:column;}

	.pres27FB .col {max-width:none;padding: 25px 100px;}

	/*** Bureau ***/
	.pres22BR .colCont {flex-direction:column;}

	.rowBR .pres22BR .colContbis:nth-of-type(odd) {background:none;}
	
	.rowBR .pres22BR .colContbis:nth-of-type(even) {background-color: var(--lgrey-bg-color);}

	.rowBR .pres22BR .colContbis {
		flex-wrap:wrap;
		justify-content: space-around;
		width:calc(100% - 200px);
		padding: 50px 100px;
	}
}


/* Tablet */
@media only screen and (max-width: 768px) {
	.row, .rowH, .rowF1 {
		width: calc(100% - 50px);
		padding-left: 25px;
		padding-right: 25px;
	}

	.listeonglets label {margin: 0;}

	#anim {display:none;}

	#fil {margin: 10px 0;}

	#innerrgpd {width:100%;}
	#innerrgpd iframe {height: 66px;}

	.slider-indicators {flex-wrap:wrap;margin-top:20px;left:0;right:0;bottom:initial;}


	/*****
		Header
	*****/
	header {padding: 0 0 15px;}

	.rowH > .containerA {flex-direction:column;gap:0;}

	.rowH #logo {max-width:225px;}

	.rowH .c2 {flex-direction:row;justify-content:space-between;}

	.rowH .c21 .BT002 {display:none;}

	.rowH h1, .rowH p.h1-HD {--min-txt:1.25rem;--pref-txt: 3vw;}

	.menu #mconnect {display:flex;justify-content:center;}


	/*****
		Footer
	*****/
	.rowF1 .containerA {grid-template-columns: 1fr;}

	.rowF1 .footc1, .rowF1 .footc3 {display: flex;flex-direction: column;justify-content: center;align-items: center;text-align:center;}


	/*****
		Presentation
	*****/
	.pres1, .pres2, .pres3, .pres4, .pres15 .colCont, .pres27 .colCont {flex-wrap:wrap;}

	.pres18, .pres19, .pres21 .colCont, .pres22 .colCont, .pres22 .colContbis, .pres32 {justify-content: space-around;}

	.pres35 .colCont {justify-content: space-between;}

	.image1, .image2, .image3, .image4 {max-width:100%;}

	.texte3 {order:1;}
	.image3 {order:2;}

	.pres27 .col {max-width:none;}

	/*** Reseaux sociaux ***/
	.pres5Socials {justify-content:center;}

	/*** En ligne ***/
	.pres5line .blank {display:none;}

	/*** Facebook ***/
	.pres27FB .col {padding: 25px;}

	/*** Bureau ***/
	.rowBR .pres22BR .colContbis {width:calc(100% - 50px);padding: 50px 25px;}


	/*****
		Forms
	*****/
	#FormStd2 > .inputCont-H:not(.inputCont-C) {flex-wrap:wrap;}

	#FormStd2 > div:not(.inputCont-C) > label {width:100%;}

	#FormStd2 input, #FormStd2 select, #FormStd2 textarea {width:100%;}

	#FormStd2 .captchaCont {max-width:100%;}
}


/* Swiffy only */
@media only screen and (max-width: 62rem) {
	.slider-container > .presAC {scroll-snap-align:center;}

	.slider-nav::after {padding: 0 !important;}
}