/*
Theme Name: Swagbox
Author: Loïc Kucharski
Author URI: https://www.loic-k.com/
*/

@font-face {
    font-family: 'Varela';
    src: url('css/varela/varelaround-regular-webfont.woff2') format('woff2'),
         url('css/varela/varelaround-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*=== GENERAL ====*/
header, main, footer, aside, nav, article, section, div{display:block;}
body, header, main, footer, aside, nav, article, section, div, ul, li, h1, h2, h3, p, button, input, hr, figure{margin:0;padding:0;}
p, .list-style ul, h3.list-title{padding-bottom:7px;}
ul{list-style:none;}
*:focus{outline:none;}
a{text-decoration:none;}
.underline, a.over:hover, a.over:active, .lien:hover, .lien:active, .lien-actus:hover, .lien-actus:active, #footer a:hover, #footer a:active{text-decoration:underline;}
*{font-family:'Poppins', sans-serif;color:#2f495b;font-weight:400;}
.varela{font-family:'Varela', sans-serif;}
.light{font-weight:300;}
.medium{font-weight:500;}
.semibold, strong{font-weight:600;}
.bold{font-weight:700;}
.extrabold{font-weight:800;}
strong{color:inherit;}

.nowrap{white-space:nowrap;}
.ctr{text-align:center;}
.rgt{text-align:right;}
.lft{text-align:left;}
.none{display:none;}
.clear{clear:both;}
.pointer, label{cursor:pointer;}
.caps{text-transform:uppercase;}
.overflow{overflow:hidden;}
.box, input, textarea{box-sizing:border-box;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.mb100{margin-bottom:100px;}
.mr10{margin-right:10px;}
.mr40{margin-right:40px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}
.pb10{padding-bottom:10px;}
.pb16{padding-bottom:16px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pr30{padding-right:30px;}
.pad-spe{padding:20px 24px 15px;}
.pos-rel{position:relative;}
.pos-abs, .abs-title, .abs-all{position:absolute;}
.abs-all{top:0;right:0;bottom:0;left:0;}
.indent, .text-intro{text-indent:25px;}
.dib{display:inline-block;}
.block{display:block;}
.ww{width:100%;}
.fs-14{font-size:14px;}
.fs-18{font-size:18px;}
.fs-20{font-size:20px;}
.fs-24{font-size:24px;}
.fs-28{font-size:28px;}
.fs-30{font-size:30px;}
.fs-30 p{
	color: inherit;
	font-weight: inherit;
}
.p-bloc{padding-bottom:32px;}

.flex-row, .flex-col, .row{display:flex;}
.flex-col{flex-direction:column;}
.flex-wrap, .row{flex-wrap:wrap;}
.flex-auto{flex:auto;}
.flex-init{flex:initial;}
.flex-none{flex:none;}
.justify-center, .flex-center{justify-content:center;}
.align-center, .flex-center{align-items:center;}

/*=== MINI BOOTSTRAP ====*/
.row{
	margin-left:-15px;
	margin-right:-15px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, 
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, 
.col-xl-3{
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
	width:100%;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col{
	padding-left: 15px;
	padding-right: 15px;
	box-sizing: border-box;
}
.col-1{width:8.33%;}
.col-2{width:16.66%;}
.col-3{width:25%;}
.col-4{width:33.33%;}
.col-5{width:41.66%;}
.col-6{width:50%;}
.col-7{width:58.33%;}
.col-8{width:66.66%;}
.col-9{width:75%;}
.col-10{width:83.33%;}
.col-11{width:91.66%;}
.col-12{width:100%;}
.p-0{padding:0;}
.m-0{margin:0;}
@media screen and (min-width:768px){
	.col-md-1{width:8.33%;}
	.col-md-2{width:16.66%;}
	.col-md-3{width:25%;}
	.col-md-4{width:33.33%;}
	.col-md-5{width:41.66%;}
	.col-md-6{width:50%;}
	.col-md-7{width:58.33%;}
	.col-md-8{width:66.66%;}
	.col-md-9{width:75%;}
	.col-md-10{width:83.33%;}
	.col-md-11{width:91.66%;}
}
@media screen and (min-width:992px){
	.col-lg-1{width:8.33%;}
	.col-lg-2{width:16.66%;}
	.col-lg-3{width:25%;}
	.col-lg-4{width:33.33%;}
	.col-lg-5{width:41.66%;}
	.col-lg-6{width:50%;}
	.col-lg-7{width:58.33%;}
	.col-lg-8{width:66.66%;}
	.col-lg-9{width:75%;}
	.col-lg-10{width:83.33%;}
	.col-lg-11{width:91.66%;}
	.order1-lg{order:1;}
	.order2-lg{order:2;}
	.pr0-lg{padding-right:0;}
	.pl0-lg{padding-left:0;}
}
@media screen and (min-width:1200px){
	.col-xl-3{width:25%;}
}

/*=== STRUCTURE GENERAL ====*/
.inside, .inside-lg{width:90%;margin:0 auto;}
.content p, .content h3{padding-bottom:8px;}
.content p, .content h3{line-height:24px;}
.abs-title{left:-9999px;}
button, hr{
	background-color:transparent;
	border:none;
}
.background, .norepeat{background-repeat:no-repeat;}
.background{background-position:center center;}
.cli-bar-container > br, .cli-bar-message > br{display:none;}
abbr{
	font-weight:inherit;
	color:inherit;
	cursor:help;
}

/*=== HEADER ===*/
#header{
	/* border-bottom:1px solid rgba(204,204,204,0.6); rgba(249,212,194,0.7) */
	/* box-shadow:0 1px 1px rgba(249,212,194,0.7); */
	z-index:1;
}
#cadre-site{
	padding-top:8px;
	padding-bottom:8px;
}
#cadre-site img{
	margin-right:7px;
	max-width:50px;
}
#site-title{font-size:12px;}
#site-title span{
	display:block;
	line-height:14px;
}
#site-title .span2{letter-spacing:0.12em;}
#site-title .span3{letter-spacing:0.03em;}
.bar-arc-en-ciel{
	background-image:url('img/bar-arc-en-ciel.png');
	height:2px;
}
.lien-main-tel, .btn-connexion{
	padding:5px 12px 5px 41px;
	background-position:12px center;
	border-radius:14px 14px 0 0;
	font-size:14px;
}
.lien-main-tel{
	background-image:url('img/icon-tel.png');
	color:#fff;
	margin-right:5px;
}
.btn-connexion{
	background-image:url('img/verrou.png');
	padding-left:33px;
}
.separe-btn{margin:-5px 5px 0;}
.bloc-contacts-fixed{
	position:fixed;
	right:0;top:140px;
	border-radius:16px 0 0 16px;
	z-index:20;
	width:40px;
}
.bloc-contacts-fixed a{
	display:block;
	padding:16px 8px;
}
.bloc-contacts-fixed a span{display:none;}
.separe-h{
	height:1px;
	background-color:#fff;
	opacity:0.2;
}
.filet{height:8px;}
.filet.large{height:32px;}
.filet-left{background-image:linear-gradient(to left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 80%);}
.filet-right{background-image:linear-gradient(to right, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 80%);}

/*=== MENU === */
#cadre-nav{
	position:fixed;
	top:0;right:0;bottom:0;left:0;
	padding:20px 20px 0;
	display:none;
	background:url('img/feuilles-menu-left.png') left bottom no-repeat;
	background-color:#fff;
	z-index:25;
	overflow:hidden;
	overflow-y:auto;
}
#cadre-nav.active{display:flex;}
#principal{
	order:1;
	position:relative;
	margin-top:auto;
	margin-bottom:auto;
}
.btns-user{
	order:2;
	margin-top:auto;
	justify-content:center;
}
.menu-principal{
	display:flex;
	flex-direction:column;
	align-items:center;
	z-index:1;
}
.menu-principal a, .menu-principal span{
	display:inline-block;
	height:36px;
	line-height:37px;
	padding-left:16px;
	padding-right:16px;
	font-size:16px;
	font-weight:500;
	background-color:#fff;
	transition:background-color 0.3s ease;
	border-radius:18px;
	white-space:nowrap;
	margin-bottom:7px;
}
.menu-principal a:hover, .menu-principal a:active, .menu-principal span.page-actuelle{background-color:#fcd4c4;}
ul.sub-menu{align-items:center;}
#switch-menu{
	width:38px;height:31px;
	margin:auto 0 auto auto;
	justify-content:space-between;
}
#switch-menu .trait{
	display:block;
	width:100%;height:3px;
	border-radius:2px;
	background-color:#2f495b;
}
#switch-menu .trait1{}
#switch-menu .trait2{}
#switch-menu .trait3{}
#switch-menu:hover .trait{background-color:#1e3341;}
#close-menu{
	z-index:2;
	top:0;right:0;
	width:35px;height:35px;
}
#close-menu:before, #close-menu:after{
	content:'';
	display:block;
	position:absolute;
	width:48px;height:2px;
	border-radius:2px;
	background-color:#2f495b;
	top:0;
}
#close-menu:before{
	transform-origin:0 50%;
	transform:rotate(45deg);
	left:0;
}
#close-menu:after{
	transform-origin:100% 50%;
	transform:rotate(-45deg);
	right:0;
}
#close-menu:hover:before, #close-menu:hover:after, #close-menu:active:before, #close-menu:active:after{
	background-color:#1e3341;
}

/*=== COULEURS ===*/
.color-blanc{color:#fff;}
.color-mauve{color:#6f8ac1;}
.color-bleu{color:#1794c9;}
.color-jaune{color:#dd9a1a;}
.color-orange{color:#e16330;}
.color-vert, .lien-vert a{color:#94a74d;}
.lien-vert a{text-decoration:underline;}
.lien-vert a:hover{text-decoration:none;}

.btn.color-bleu-f:hover, .btn.color-bleu-f:active{color:#1e3341;}

.back-blanc{background-color:#fff;}
.back-mauve{background-color:#6f8ac1;}
.back-bleu{background-color:#1794c9;}
.back-marine{background-color:#2f495b;}
.back-jaune{background-color:#dd9a1a;}
.back-orange{background-color:#e16330;}
.back-vert{background-color:#94a74d;}
.back-trq{background-color:#d3eefa;}
.back-rose{background-color:#fcd4c4;}
.back-gris{background-color:#e5e5e5;}

.bg-gris-jn{background-color:#fcf5ea;}
.cadre-gris{
	padding:27px 36px;
	align-self:center;
}

.border-mauve{color:#6f8ac1;}
.border-jaune{color:#dd9a1a;}
.border-orange{color:#e16330;}
.border-vert{color:#94a74d;}

.btn{transition:background-color 0.4s ease, color 0.4s ease;}
.btn-large, .btn-small{
	color:#fff;
	font-family:Varela;
	display:inline-block;
}
.btn-large{
	height:37px;
	line-height:40px;
	border-radius:19px;
	padding:0 35px;
	font-size:20px;
}
.btn-small{
	height:24px;
	line-height:26px;
	border-radius:12px;
	padding:0 36px 0 22px;
	font-size:12px;
	background-repeat:no-repeat;
	background-position:right center;
	background-image:url('img/picto-btn-fleche.png');
}
.btn-small.prev{
	padding:0 22px 0 36px;
	background-position:5px center;
	background-image:url('img/picto-btn-fleche-prev.png');
}
.nav-postes .btn-small.next{margin-left:auto;}

.btn.back-mauve:hover, .btn.back-mauve:active{background-color:#5e79af;}
.btn.back-marine:hover, .btn.back-marine:active{background-color:#1e3341;}
.btn.back-jaune:hover, .btn.back-jaune:active{background-color:#c6870f;}
.btn.back-vert:hover, .btn.back-vert:active{background-color:#778931;}
.btn.back-orange:hover, .btn.back-orange:active{background-color:#c94f1e;}

.encart.mauve, .hover-caption figcaption.mauve{background-color:rgba(111,138,193,0.9);}
.encart.vert, .hover-caption figcaption.vert{background-color:rgba(148,167,77,0.9);}
.encart.jaune, .hover-caption figcaption.jaune{background-color:rgba(221,154,26,0.9);}
.encart.orange, .hover-caption figcaption.orange{background-color:rgba(225,99,48,0.9);}
.encart.bleu, .hover-caption figcaption.bleu{background-color:rgba(23,148,201,0.9);}
.hover-caption figcaption.rose{background-color:rgba(252,212,196,0.9);}
.hover-caption figcaption.jaune, .hover-caption figcaption.rose{color:#2f495b;}

.fond-section{
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:fixed;
	background-size:cover;
}
.masque-blanc{background-color:rgba(255,255,255,0.8);}
.masque-mauve{background-color:rgba(111,138,193,0.8);}
.masque-vert{background-color:rgba(148,167,77,0.8);}
.masque-jaune{background-color:rgba(221,154,26,0.8);}
.masque-orange{background-color:rgba(225,99,48,0.8);}
.masque-bleu{background-color:rgba(23,148,201,0.8);}
.masque-rose{background-color:rgba(252,212,196,0.9);}

.list-title{
	font-size:19px;
	font-weight:600;
}
.big-list-title{
	font-size:25px;
	line-height:32px;
	font-weight:700;
}
.list-style .big-list-title{
	padding-left:16px;
	background:url('img/puce-list-title.png') left 12px no-repeat;
}
.list-style ul{padding-left:16px;}
.list-style li{list-style:disc;}
/*.list-orange ul, .list-verte ul, .list-jaune ul, .list-mauve ul, .list-rose ul, .list-bleue ul{padding-left:16px;}
.list-orange li, .list-verte li, .list-jaune li, .list-mauve li, .list-rose li, .list-bleue li, .list-multi li{list-style:disc;}*/
.list-orange li::marker{color:#e16330;}
.list-verte li::marker{color:#94a74d;}
.list-jaune li::marker{color:#dd9a1a;}
.list-mauve li::marker{color:#6f8ac1;}
.list-rose li::marker{color:#fcd4c4;}
.list-bleue li::marker{color:#1794c9;}

.hover-caption figcaption{
	opacity:0;
	transition:opacity 0.4s ease;
	color:#fff;
	padding:20px;
	text-align: center;
}
.hover-caption figcaption:hover{
	opacity:1;
}

/*=== PAGES ===*/
.pad-section{padding:50px 0;}
.pad-section2{padding:72px 0;}
.pad-top-section{padding-top:72px;}
.big-title-section, .title-section, .sub-title-section, .light-title, .big-list-title{text-transform:uppercase;}
.big-title-section, .sub-title-section{font-weight:800;}
.big-title-section{
	font-size:35px;
	line-height:49px;
}
.title-section{
	font-size:32px;
	line-height:40px;
	font-weight:700;
}
.sub-title-section, .light-title{
	font-size:30px;
	line-height:39px;
}
.light-title{font-weight:300;}
#page-title{padding-top:10px;padding-bottom:27px;}
.page-description p, .page-description li{
	font-size:20px;
	line-height:34px;
	color:inherit;
	font-weight:inherit;
}
.page-description p strong{font-weight:700;}
.page-description a{font-weight:inherit;}
.page-numbers{
	font-size:20px;
	line-height:40px;
	font-weight:600;
	width:42px;height:42px;
	background-color:#fff;
	color:#6f8ac1;
	border:2px solid #6f8ac1;
	border-radius:20px;
	text-align:center;
	margin:0 5px;
	font-family:varela;
	transition:background-color 0.3s ease, color 0.3s ease;
	box-sizing:border-box;
}
a.page-numbers:hover, a.page-numbers:active, .page-numbers.current{
	background-color:#6f8ac1;
	color:#fff;
}
#slider-temoignage{
	padding-bottom:40px;
}
#slider-temoignage ul{left:0;bottom:0;right:0;}
#slider-temoignage .tem-li{
	width:16px;height:16px;
	border-radius:50%;
	margin:0 4px;
	background-color:#f4baa3;
	transition:background-color 0.4s ease;
}
#slider-temoignage .tem-li.active, #slider-temoignage .tem-li:active, #slider-temoignage .tem-li:hover{background-color:#f69975;}
.tag-title{margin-bottom:8px;}
.tag-title span{
	font-size:20px;
	line-height:42px;
	color:#fff;
	padding:0 16px;
	margin:0 26px 0 28px;
}
.tag-rose span, .tag-jaune span, .tag-blanc span{color:#2f495b;}
sup{
	color:inherit;
	font-weight:inherit;
}
.row-images > div{
	padding:0;
}
.row-images figure{
	min-height:200px;
	height:100%;
	max-height:600px;
}
.object-fit{overflow:hidden;}
.object-fit img, .row-images img{
	width: 100%;height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}
.intro{
	font-size:20px;
	line-height:28px;
	padding-bottom:7px;
}
.doc-box{margin:0 20px 22px;}
.doc-box span{display:block;}
.img-doc{
	margin:0 auto 10px;
}
#section-telechargements{
	padding-top:62px;
	padding-bottom:130px;
	background:url('img/feuilles-contour-mauve.png') center bottom no-repeat;
}
#section-telechargements.border-bottom{border-bottom:1px solid rgba(111,138,193,0.5);}
.footer-border-top{border-top:1px solid rgba(111,138,193,0.5);}
.section-temoignages{
	padding:62px 0 40px;
	background-color:#f6eae5;
	border-top:1px solid #fcd4c4;
	border-bottom:1px solid #fcd4c4;
}
.inner-slide{
	padding-left:20%;
	padding-right:20%;
}
.text-temoignage{
	font-style:italic;
	font-size:16px;
	line-height:24px;
	padding:30px 0 25px;
}
.nom-temoignage{
	padding-top:10px;
	font-size:14px;
}
.slide-prev, .slide-next{
	top:50%;
	margin-top:-18px;
	width:22px;height:37px;
	opacity:0.3;
	transition:opacity 0.4s ease;
}
.slide-prev.active, .slide-next.active{opacity:1;cursor:pointer;}
.slide-prev{
	left:calc(16% - 50px);
	background:url('img/fleche-gauche.png') left top no-repeat;
}
.slide-next{
	right:calc(16% - 50px);
	background:url('img/fleche-droite.png') right top no-repeat;
}
.slide-tem{
	width:100vw;
}

/* Page association */
#article.association .feuilles-fit-roses, #article.page-template{
	background: url('img/feuilles-fit-roses.png') left bottom no-repeat;
}
#article.association .feuilles-marine{
	background:url('img/feuilles-fit-roses-3.png') right bottom no-repeat;
}
#article.association .fit-rose{
	background:url('img/feuilles-fit-roses-4.png') left bottom no-repeat;
}
#article.association .list-multi li::marker{font-size:22px;}
#article.association .list-multi li:nth-child(1)::marker{color:#6f8ac1;}
#article.association .list-multi li:nth-child(2)::marker{color:#dd9a1a;}
#article.association .list-multi li:nth-child(3)::marker{color:#e16330;}
#article.association .list-multi li:nth-child(4)::marker{color:#94a74d;}

/* Page résidences */
#article.residences .section2{
	background: url('img/feuilles-contour-vert.png') left top no-repeat, url('img/feuilles-fit-jaunes.png') right bottom no-repeat;
}
#article.residences .section2 .feuilles-jaunes{
	background: url('img/feuilles-jaunes-2.png') right bottom no-repeat;
}
#article.residences .feuilles-fit{
	background:url('img/feuilles-fit-vertes-4.png') right bottom no-repeat;
	/*url('img/feuilles-fit-vertes-5.png') left center no-repeat;	*/
}
.cadre-feder{max-width:500px;}

/* Page adomrepas */
#article.adomrepas .section1 .inside{min-height:180px;}
#article.adomrepas .feuilles-fit{
	background: url('img/feuilles-fit-oranges.png') right bottom no-repeat;
}
#article.adomrepas .section2 .feuilles-oranges{
	background: url('img/feuilles-oranges.png') right bottom no-repeat;
}
#article.adomrepas .page-desc p{
	font-size: 27px;
	line-height: 42px;
	color:#fff;
	font-weight:600;
}
#article.adomrepas .feuilles-contour{
	background: url('img/feuilles-contour-orange.png') left top no-repeat, url('img/feuilles-fit-oranges-2.png') left bottom no-repeat;
}

/* Page adomservices */
#article.adomservices #page-header ul, #article.adomservices .section1 ul{
	font-weight:inherit;
	font-size:inherit;
}
#article.adomservices #page-header li, #article.adomservices .section1 li{
	text-align:left;
}
#article.adomservices .feuilles-fit{
	background: url('img/feuilles-fit-jaunes-3.png') right bottom no-repeat;
}
#article.adomservices .feuilles-jaunes{
	background: url('img/feuilles-contour-jaune-2.png') left top no-repeat;
}
#article.adomservices .feuilles-fit-2{
	background-image:url('img/feuilles-fit-jaunes-4.png');
	background-position:right top;
	background-repeat: no-repeat;
}

/* Page humanitude */
.mini-title{
	font-size: 22px;
	font-weight: 800;
	padding-bottom: 10px;
}
.lien{font-weight: 500;}
.principe{
	font-weight:800;
	font-size:60px;
	margin-bottom:-36px;
	opacity:0.22;
}
#article.contacts .section2{
	background:url('img/feuilles-fit-vertes-inv.png') right bottom no-repeat;
}
.note-message{
	font-size:18px;
	margin-top:20px;
}
.note-message.succes{color:green;}
.note-message.erreur{color:red;}

/* Page offres d'emploi */
.home-section.section-offres > header p{font-weight:500;}
.content .note-offres-emploi{
	font-size:12px;
	font-weight:600;
	line-height:16px;
}

/*=== ACTUALITÉS ===*/
.article-box article{border:1px solid #ededed;}
.article-box .header-img{
	border-bottom:5px solid #6f8ac1;
	height:37px;
	padding-top:42%;
	margin-bottom:12px;
	background-size:cover;
}
.article-box .header-img:after{
	content:'';
	display:block;
	position:absolute;
	right:10px;bottom:10px;
	width:56px;height:56px;
	border-radius:50%;
	background:url('img/newspaper.png') center center no-repeat;
	background-color:rgba(111,138,193,0.7);
}
.article-box .content{padding:0 12px 4px;}
.article-box .header-emploi{padding:7px 12px 5px;}
.header-emploi{
	border-style:solid;
	border-width:0 0 4px 0;
}
.article-box .btn{
	margin-top:auto;
	margin-left:12px;
	margin-bottom:16px;
	align-self:flex-start;
}
.lien-actus{
	color:#6f8ac1;
	font-size:12px;
	margin-top:12px;
	margin-bottom:50px;
	padding-right:25px;
	display:inline-block;
	min-height:15px;
	line-height:17px;
	background:url('img/picto-btn-bleu.png') right center no-repeat;
}
.lien-actus.retour{
	padding-right:0;
	padding-left:23px;
	background:url('img/picto-btn-bleu-gauche.png') left center no-repeat;
}
.single-content p{padding-bottom:10px;}
.post-excerpt p{
	font-size:18px;
	font-weight:500;
}
.aside-single-share{
	padding-top:20px;
	padding-bottom:20px;
}
.share-facebook{
	width:30px;height:0;
	padding-top:30px;
	background:url('img/logo-facebook.svg') left top no-repeat;
	margin-left:5px;
}
.lien-pdf{color:#6f8ac1;}
.lien-pdf:hover{text-decoration:underline;}
.lien-pdf:before{
	display:inline-block;
	vertical-align:middle;
	margin-right:7px;
	margin-top:-5px;
	content:'';
	width:29px;height:36px;
	background:url('img/picto-doc.png') left top no-repeat;
}
	

/*=== PAGINATIONS ===*/

/*=== IMAGES ===*/
img{
	max-width:100%;
	height:auto;
	border:none;
	vertical-align:top;
}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
img.alignleft{margin:0 15px 10px 0;}
img.alignright{margin:0 0 10px 15px;}
img.aligncenter{margin-bottom:10px;}

/*=== FORM ===*/
input, textarea{margin:12px 0 20px;}
label{transition:color 0.3s ease;}
input:not([type="submit"]), textarea{
	width:100%;
	padding:10px;
	border:2px solid #2f495b;
	transition:border-color 0.3s ease;
	border-radius:5px;
	font-size:18px;
	background-color:#fff;
}
input:not([type="submit"]):focus, textarea:focus{border-color:#6f8ac1;}
input[type="submit"]{border:none;}
#form-contact{
	max-width:800px;
	margin:0 auto;
}
#form-contact input[type="submit"]:hover{background-color:#6f8ac1;}
#form-contact textarea{
	min-height:120px;
	max-width:100%;
	resize:vertical;
}
input::placeholder, textarea::placeholder{color:#898989;}
input.vid{border-color:#f09819;}

/*=== FOOTER ===*/
#footer{background-color:#fff;}
#footer p{
	padding-top:12px;
	padding-bottom:12px;
	font-size:12px;
}
.separate{margin:0 4px;}

@media screen and (min-width:768px){
	.bloc-contacts-fixed{width:50px;top:200px;}
	.bloc-contacts-fixed a{padding:16px 0;}
	.bloc-contacts-fixed a img{
		margin-left:8px;
		margin-right:8px;
	}
	.bloc-contacts-fixed a span{
		display:block;
		margin-top:5px;
		color:#fff;
		font-size:8px;
	}
	#cadre-site img{
		margin-right:12px;
		max-width:60px;
	}
	#site-title{font-size:14px;}
	#site-title span{line-height:17px;}
	.post-header{position:relative;}
	.post-header:after{
		content:'';
		position:absolute;
		width:417px;height:143px;
		top:30px;right:0;
		background:url('img/header-feuilles-blanches.png') right top no-repeat;
	}
	.tag-jaune{background:url('img/etiquette-gauche-jaune.png') left top no-repeat, url('img/etiquette-droite-jaune.png') right top no-repeat;}
	.tag-orange{background:url('img/etiquette-gauche-orange.png') left top no-repeat, url('img/etiquette-droite-orange.png') right top no-repeat;}
	.tag-vert{background:url('img/etiquette-gauche-verte.png') left top no-repeat, url('img/etiquette-droite-verte.png') right top no-repeat;}
	.tag-mauve{background:url('img/etiquette-gauche-mauve.png') left top no-repeat, url('img/etiquette-droite-mauve.png') right top no-repeat;}
	.tag-rose{background:url('img/etiquette-gauche-rose.png') left top no-repeat, url('img/etiquette-droite-rose.png') right top no-repeat;}
	.tag-marine{background:url('img/etiquette-gauche-marine.png') left top no-repeat, url('img/etiquette-droite-marine.png') right top no-repeat;}
	.tag-blanc{background:url('img/etiquette-gauche-blanc.png') left top no-repeat, url('img/etiquette-droite-blanc.png') right top no-repeat;}
	.tag-title{background-size:contain;}
	#article.association .section1{position:relative;}
	#article.association .section1:after{
		content:'';
		position:absolute;
		right:0;top:0;
		display:block;
		width:246px;height:582px;
		background:url('img/feuilles-fit-marines.png') right top no-repeat;
	}
	#article.humanitude .section1 .pad-section2{
		background-image:url('img/feuilles-fit-marines.png');
		background-position:right top;
		background-repeat:no-repeat;
	}
	#article.humanitude #page-header{background:url('img/feuilles-contour-marine-bas.png') left bottom no-repeat;}
	#article.humanitude .section3{background:url('img/feuilles-contour-bleu.png') left top no-repeat;}
	#article.single-post{background:url('img/feuilles-fit-mauves-3.png') left top no-repeat;}
	.big-title-section{
		font-size:45px;
		line-height:59px;
	}
	.title-section{
		font-size:40px;
		line-height:48px;
	}
	.sub-title-section, .light-title{
		font-size:35px;
		line-height:44px;
	}
	.tag-title span{
		font-size:24px;
		line-height:48px;
	}
}

@media screen and (min-width:992px){
	.bloc-contacts-fixed{width:58px;}
	.bloc-contacts-fixed a{padding:18px 5px 16px;}
	.bloc-contacts-fixed a img{margin:0;}
	.bloc-contacts-fixed a span{
		margin-top:8px;
		font-size:9px;
	}
	#cadre-site{
		padding-top:8px;
		padding-bottom:0;
	}
	#cadre-site img{
		margin-right:12px;
		max-width:70px;
	}
	#site-title{font-size:16px;}
	#site-title span{line-height:20px;}
	#close-menu, #switch-menu, ul.sub-menu{display:none;}
	#cadre-nav{
		display:flex;
		position:static;
		padding:0 0 0 12px;
		background:none;
		overflow:visible;
	}
	.btns-user{
		margin-top:0;
		justify-content:flex-end;
		order:1;
	}
	#principal{
		order:2;
		margin-bottom:0;
		padding-top:4px;
		padding-bottom:10px;
	}
	.lien-main-tel, .btn-connexion{border-radius:0 0 14px 14px;}
	.menu-principal{
		flex-direction:row;
		align-items:normal;
		justify-content:flex-end;
	}
	.menu-principal li.rang1{margin:25px 2px 0;}
	.menu-principal li.rang1:last-child{margin-right:0;}
	.menu-principal li.rang1:first-child{margin-left:0;}
	.menu-principal .page-actuelle > *:first-child{background-color:#fcd4c4;}
	ul.sub-menu{
		position:absolute;
		left:0;right:0;top:100%;
		background-color:#fff;
		box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 3px;
		border-radius: 0px 0px 18px 18px;
	}
	ul.sub-menu li{width:100%;}
	li.lhumanitude > *{padding:0 !important;}
	li.enfant{text-align:center;}
	ul.sub-menu li a, ul.sub-menu li span{width:100%;box-sizing:border-box;}
	ul.sub-menu li:last-child{border-radius:0 0 18px 18px;}
	.menu-principal li.rang1:before{
		content:'';
		display:block;
		position:absolute;
		width:26px;height:0;
		background:url('img/petales-menu.png') center bottom no-repeat;
		background-size:contain;
		bottom:112%;left:50%;
		margin-left:-13px;
		transform-origin:0 0;
		transform:rotate(0deg);
		transition:height 0.4s ease;
	}
	.menu-principal li.rang1:hover:before, .menu-principal li.rang1:active:before, li.rang1.page-actuelle:before{
		height:18px;
	}
	.menu-principal a, .menu-principal span{
		height:32px;
		line-height:32px;
		padding-left:10px;
		padding-right:10px;
		font-size:14px;
		border-radius:16px;
		margin-bottom:0;
	}
	.pad-lg{
		padding-left:50px;
		padding-right:50px;
	}
	.pad2-lg{
		padding-left:70px;
		padding-right:70px;
	}
	#article.association #page-header > .inside{
		background:url('img/header-feuilles-roses.png') right top no-repeat;
	}
	#article.association .feuilles-marine{
		background: url('img/feuilles-contour-marine.png') left top no-repeat, url('img/feuilles-fit-roses-3.png') right bottom no-repeat;
	}
	#article.humanitude #page-header > .inside{
		background:url('img/header-feuilles-bleues.png') right top no-repeat;
	}
	#article.ehpad #page-header > .inside, #article.actualites #page-header > .inside, #article.mentions #page-header > .inside{
		background:url('img/header-feuilles-mauves.png') right top no-repeat;
	}
	#article.contacts #page-header{
		background:url('img/header-feuilles-multicolores.png') right top no-repeat;
	}
	#article.contacts .section1{
		background:url('img/feuilles-fit-bleues-2.png') left bottom no-repeat;
	}
	#article.ehpad .section3 .header{
		background:url('img/feuilles-fit-mauves-2.png') left bottom no-repeat;
	}
	#article.ehpad .section4 .header{
		background: url('img/header-feuilles-mauves.png') right bottom no-repeat;
	}
	#article.residences #page-header > .inside {
		background: url('img/header-feuilles-jaunes.png') right top no-repeat;
	}
	#article.adomrepas #page-header > .inside {
		background: url('img/header-feuilles-oranges.png') right top no-repeat;
	}
	#article.adomservices #page-header > .inside {
		background: url('img/header-feuilles-vertes.png') right top no-repeat;
	}
	#article.adomservices .feuilles-fit{
		background: url('img/feuilles-fit-jaunes-3.png') right bottom no-repeat, url('img/feuilles-fit-vertes-2.png') left bottom no-repeat;
	}
	#article.humanitude .section2 .pad-top-section{
		background:url('img/feuilles-fit-bleues.png') left bottom no-repeat;
	}
	.big-title-section{
		font-size:60px;
		line-height:74px;
	}
	.title-section{
		font-size:45px;
		line-height:53px;
	}
	.inside-lg{max-width:1090px;}
	.pad-spe{padding:27px 32px 22px;}
}

@media screen and (min-width:1200px){
	#principal{
		padding-top:0;
		padding-bottom:15px;
	}
	#cadre-site{padding-bottom:10px;}
	#cadre-site img{
		margin-right:14px;
		max-width:100%;
	}
	#site-title{font-size:17px;}
	#site-title span{line-height:23px;}
	.menu-principal a, .menu-principal span{
		height:36px;
		line-height:37px;
		padding-left:12px;
		padding-right:12px;
		font-size:16px;
		border-radius:18px;
	}
	.menu-principal li.rang1{
		margin-left:4px;
		margin-right:4px;
	}
	.lien-main-tel, .btn-connexion{font-size:16px;}
	.inside{max-width:1275px;}
}