/******************************************/
/*                 COMMUN                 */
/******************************************/

/* --- TITLE --- */
h1 {margin-top:0; margin-bottom:60px;}
h2 {margin-top:50px; margin-bottom:15px; font-weight:600;}

/* --- MARGIN --- */
.tmarge-20 {margin-top:20px;}
.tmarge-40 {margin-top:40px;}
.bmarge-0 {margin-bottom:0;}
.bmarge-10 {margin-bottom:10px;}
.bmarge-20 {margin-bottom:20px;}
.bmarge-40 {margin-bottom:40px;}
.bmarge-70 {margin-bottom:70px;}

/* --- POSITION IMAGES --- */
.img-float-left {float:left; margin:5px 30px 15px 0;}
.img-float-right {float:right; margin:5px 0px 15px 30px;}

@media screen and (max-width: 767px){
	.img-float-left {float:none; display:block; margin:5px 0px 15px 0;}
	.img-float-right {float:none; display:block; margin:5px 0px 15px 0px;}
}

/******************************************/
/*                 HEADER                 */
/******************************************/

/* --- BACKGROUND --- */
.t4-header {position:relative; z-index:1000; background-color:#fff; border-bottom:unset; box-shadow:0 3px 5px rgba(0,0,0,.08);}
header {width:100% ;padding:34px 0;}

/* --- LOGO --- */
.header-logo {text-align:center; margin-bottom:30px;}

/* --- HEADER NAV --- */
.header-nav {display:flex; flex-direction:row; justify-content:space-between; align-items:center;}
.lang-switcher {margin-bottom:0; padding-left:15px; font-size:20px;}
.lang-switcher span {margin-left:15px;}
.lang-switcher span a {color:#4e4e4e;}

@media screen and (min-width: 992px){
	.container-header {display:flex; flex-direction:row-reverse; justify-content:space-between;}
	.header-logo {text-align:right; margin-bottom:unset;}
	.header-nav {justify-content:start;}
}

/******************************************/
/*            MAIN NAVIGATION             */
/******************************************/

/* --- TOGGLE --- */
.t4-offcanvas-toggle i {font-size:34px; color:#000;}
.t4-offcanvas .t4-off-canvas-header {background-color:#fff;}
.t4-offcanvas .t4-off-canvas-header a img {max-width:200px;}

/******************************************/
/*                 CONTENT                */
/******************************************/

/* --- ACCUEIL --- */

/* A propos */
.a-propos {padding-top:40px; padding-bottom:40px;}
.a-propos .text {text-align:justify;}
.a-propos h1 {margin-top:0; margin-bottom:40px; font-size:42px;}
.a-propos h1 img {float:left; opacity:0.8; padding-right:20px;}
.a-propos .photo {padding-top:40px; text-align:center;}

@media screen and (min-width: 992px){
	.a-propos .photo {padding-top:10px; padding-left:80px; text-align:right;}
}

@media screen and (max-width: 1199px){
	.a-propos h1 {font-size:36px;}
	.a-propos h1 img {max-width:95px;}
}

@media screen and (max-width: 576px){
	.a-propos h1 {font-size:28px;}
	.a-propos h1 img {max-width:75px;}
}

/* Oeuvres - Le voyage du "Mouvement des Couleurs" */
.acc-oeuvres {padding:80px 0 100px; background:#f2f2f2;}
.acc-oeuvres h2 {margin-top:0; margin-bottom:30px; font-size:24px; font-weight:600; text-align:center;}
.acc-oeuvres .oeuvres {display:flex; flex-direction:row; justify-content:space-between;}
.acc-oeuvres .oeuvres .item {width:100%; padding:0 10px; text-align:center;}
.acc-oeuvres .oeuvres .item div {overflow:hidden; max-width:354px; margin:0 auto; border:3px solid #fff;}
.acc-oeuvres .oeuvres .item img {display:block; margin:0 auto; transition:all 4s;}
.acc-oeuvres .oeuvres .item:hover img {transform:scale(1.06); filter:brightness(50%);}

@media screen and (max-width: 767px){
	.acc-oeuvres .oeuvres {flex-direction:column;}
	.acc-oeuvres .oeuvres .item {margin-bottom:20px;}
	.acc-oeuvres .oeuvres .item:last-child {margin-bottom:0;}
}

/* Expositions */
.acc-expositions {overflow:hidden; max-width:100%; max-height:500px;}
.acc-expositions-bkg {width:100%; background:url('../images/expositions.jpg') no-repeat top center; background-size:cover; transition:all 4s;}
.acc-expositions-bkg:hover {transform:scale(1.06);}
.acc-expositions .container {min-height:400px; display:flex; align-content:center; justify-content:center; flex-wrap:wrap;}
.acc-expositions h2 {margin:0; font-size:42px; color:#bcbcbc; line-height:1.3; text-align:center; transition:all 4s;}
.acc-expositions-bkg:hover h2 {color:#fff;}

/* --- OEUVRES --- */

/* Boutons */
p.btn-green {margin-top:40px; text-align:center;}
p.btn-green a {margin:10px; padding:8px 24px; border-radius:8px; background:#36c1a4; font-size:14px; font-weight:600; color:#fff; transition:all 1s;}
p.btn-green a:hover {background:#409d8a;}

/* --- JOURNAL --- */
.page-subtitle {text-align:center;}
.blog-items .article-aside {margin-bottom:0;}
.items-row .item .item-content .page-header {margin-bottom:0;}
.items-row .item .item-content h2 {font-size:18px;}
.item-intro {margin-bottom:5px}

/* Read more */
p.readmore {margin-top:0 !important;}
p.readmore .btn {padding:0; background-color:transparent; font-size:14px; color:#428bca;}
p.readmore .btn:hover {background-color:transparent; color:#428bca; text-decoration:underline;}

/* --- CONTACT --- */
.convertforms .cf-form-wrap {padding:0;}

/******************************************/
/*                 FOOTER                 */
/******************************************/

.t4-footer {background:#fff; border-top:1px solid #ebe9e9;}
.t4-footer .footer-column {display:flex; justify-content:space-between; align-items:center;}
.t4-footer .footer-nav {font-size:0.92rem; color:#4e4e4e;}
.t4-footer .footer-nav p.copyright {margin-bottom:8px; font-weight:600;}
.t4-footer .footer-nav a:hover {text-decoration:underline;}

@media screen and (max-width: 991px){
	.t4-footer .footer-column {flex-direction:column;}
	.t4-footer .footer-nav {margin-bottom:30px; text-align:center;}
}