/*

	Site internet achac
	Version : 1.1
	Site	: achac.com
	
	Theme 	: achac 1.1
	Author	: Integration : Yann Lobry
	
*/



#sscont-header {
	padding: 2.5vw 3.3vw 0 3.5vw;
	-o-transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 transition: all .5s
}

#header .container-logo {
	width: 14.8vw;
	-o-transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 transition: all .5s;
}

#header .container-logo svg {
	width: 100%;
	height: auto;
}

#header .container-logo .st1logoachac {
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}

body:not(.path-frontpage) #header .container-logo a:hover .st1logoachac {
	fill: #d14a1b;
}

.cont-bt-menu {
	padding-top: 0.82vw;
	-o-transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 transition: all .5s;
}

#bt-menu-head {
	font-size: 1.0em;
	 line-height: 1.2em;
	 color: #A74A2A;
	 display: flex;
	 flex-wrap: nowrap;
	 align-items: center;
	 align-content: center;
	 background-color: transparent;
	 text-transform: uppercase;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#bt-menu-head .texte {
	/* padding: 0 0.5vw 0 0; */
	 margin: 0 0.5vw 0 0;
	 display: inline-block;
	 position: relative;
}

#bt-menu-head .texte:after {
	content: '';
	 position: absolute;
	 left: 50%;
	 bottom: -0.6vw;
	 transform: translateX(-50%) scaleX(0);
	 transform-origin: 50% 50%;
	 width: 100%;
	 height: 0.24vw;
	 background-color: #A74A2A;
	 transition: transform 250ms;
}

#bt-menu-head:hover .texte:after {
	transform: translateX(-50%) scaleX(1);
}

#bt-menu-head .bt {
	width: 2.8vw;
	 height: 3.5vw;
	 -o-transition: all .5s;
	  -webkit-transition: all .5s;
	  -moz-transition: all .5s;
	  transition: all .5s;
}

#bt-menu-head .bt svg {
	width: 100%;
	height: auto;
}

#bt-menu-head .bt .st1bt-menu,
#bt-menu-head .bt .st2bt-menu {
	-o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

#bt-menu-head:hover .bt .st1bt-menu{
	fill:#8F3213;stroke:#8F3213;
}

#bt-menu-head:hover .bt .st2bt-menu{
	fill:#E5DBCE;
}

.cont-bt-rechercher {
	padding-top: 0.6vw;
	-o-transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 transition: all .5s;
}

.cont-bt-rechercher.sans {
	width: 4vw;
	height: 2vw;
}

.cont-bt-rechercher.sans #bt-search-head {
	display: none;
}



#bt-search-head {
	width: 3.4vw;
	 background-color: transparent;
	 padding: 1vw;
	 height: 3.4vw;
	 margin: 0 1vw 0 1.2vw;
	 -o-transition: transform .2s, margin .5s;
	 -webkit-transition: transform .2s, margin .5s;
	 -moz-transition: transform .2s, margin .5s;
	 transition: transform .2s, margin .5s;
}

#bt-search-head:hover {
	transform: scale(1.2);
}

#nav-header {
	padding-top: 1.8vw;
	-o-transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 transition: all .5s;
}

#nav-header li {
	float: left;
	 margin: 0 0 0 2.1vw;
	 -o-transition: all .5s;
	  -webkit-transition: all .5s;
	  -moz-transition: all .5s;
	  transition: all .5s;
}

#nav-header a {
	font-family: 'CooperHewitt-Heavy', sans-serif;
	 text-transform: uppercase;
	 font-size: 1.03em;
	 position: relative;
	 -o-transition: color .2s, font-size .5s;
		-webkit-transition: color .2s, font-size .5s;
		-moz-transition: color .2s, font-size .5s;
		transition: color .2s, font-size .5s;
}

#nav-header a:hover {
	/*transform: scale(1.14);
	 transform-origin: bottom center;*/
}

#nav-header a:after {
	content: '';
	 position: absolute;
	 left: 50%;
	 bottom: -0.6vw;
	 transform: translateX(-50%) scaleX(0);
	 transform-origin: 50% 50%;
	 width: 100%;
	 height: 0.24vw;
	 background-color: #A74A2A;
	 transition: transform 250ms;
}

#nav-header a:hover:after {
	transform: translateX(-50%) scaleX(1);
}

body.evenements:not(.programme) #nav-header .evenements a,
body.evenements:not(.programme) #nav-header .evenements a:visited,
body.evenements:not(.programme) #nav-header .evenements a:hover,
body.films:not(.programme) #nav-header .films a,
body.films:not(.programme) #nav-header .films a:visited,
body.films:not(.programme) #nav-header .films a:hover,
body.publications:not(.programme) #nav-header .publications a,
body.publications:not(.programme) #nav-header .publications a:visited,
body.publications:not(.programme) #nav-header .publications a:hover,
body.expositions:not(.programme) #nav-header .expositions a,
body.expositions:not(.programme) #nav-header .expositions a:visited,
body.expositions:not(.programme) #nav-header .expositions a:hover,
body.programmes:not(.programme) #nav-header .programmes a,
body.programmes:not(.programme) #nav-header .programmes a:visited,
body.programmes:not(.programme) #nav-header .programmes a:hover,
body.a-propos:not(.programme) #nav-header .a-propos a,
body.a-propos:not(.programme) #nav-header .a-propos a:visited,
body.a-propos:not(.programme) #nav-header .a-propos a:hover {
	color: #3E362E;
	cursor: text;
}

body.evenements:not(.programme) #nav-header .evenements a:after,
body.evenements:not(.programme) #nav-header .evenements a:hover:after,
body.films:not(.programme) #nav-header .films a:after,
body.films:not(.programme) #nav-header .films a:hover:after,
body.publications:not(.programme) #nav-header .publications a:after,
body.publications:not(.programme) #nav-header .publications a:hover:after,
body.expositions:not(.programme) #nav-header .expositions a:after,
body.expositions:not(.programme) #nav-header .expositions a:hover:after,
body.programmes:not(.programme) #nav-header .programmes a:after,
body.programmes:not(.programme) #nav-header .programmes a:hover:after,
body.a-propos:not(.programme) #nav-header .a-propos a:after,
body.a-propos:not(.programme) #nav-header .a-propos a:hover:after {
	transform: translateX(-50%) scaleX(1);
	background-color: #3E362E;
}



#header {
	height: 9.8vw;
	 -o-transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 transition: all .5s;
}

#cont-header {
	 background: rgba(255,255,255,0.95);
	 height: 9.8vw;
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 z-index: 50;
	 display: block;
	 -o-transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 transition: all .5s;
}

body.scrolled #header {
	 height: 7.7vw;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
}

body.scrolled #cont-header {
	 height: 7.7vw;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
	 box-shadow: 0 5px 7px rgb(0 0 0 / 5%);
}

body.scrolled #header .container-logo {
	 width: 10.6vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
}

body.scrolled #sscont-header {
	 padding: 2.2vw 3.3vw 0 3.5vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
}

body.scrolled #bt-menu-head .bt {
	 width: 2.5vw;
	 height: 3.1vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
}

body.scrolled #bt-search-head {
	 margin: 0 1.2vw 0 0.8vw;
	 -o-transition: transform .2s, margin .2s;
	  -webkit-transition: transform .2s, margin .2s;
	  -moz-transition: transform .2s, margin .2s;
	  transition: transform .2s, margin .2s;
}

body.scrolled #nav-header a {
	 font-size: 0.98em;
	 -o-transition: font-size .2s;
	  -webkit-transition: font-size .2s;
	  -moz-transition: font-size .2s;
	  transition: font-size .2s;
}

body.scrolled #nav-header li {
	 margin: 0 0 0 1.95vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
}

body.scrolled #nav-header {
	 padding-top: 1.15vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
}

body.scrolled .cont-bt-rechercher {
	 padding-top: 0vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
}

body.scrolled .cont-bt-menu {
	 padding-top: 0.4vw;
	 -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
}

body.scroll-down #cont-header {
	 height: 0;
	 overflow: hidden;
	 -o-transition: height .2s;
	 -webkit-transition: height .2s;
	 -moz-transition: height .2s;
	 transition: height .2s;
}









body.path-frontpage #header {
	height: 0;
}

body.path-frontpage #cont-header {
	background: transparent;
}

body.scrolled.path-frontpage #cont-header {
	background: rgba(255,255,255,0.95);
}

body.path-frontpage .container-logo .st1logoachac {
	fill: #fff;
}

body.path-frontpage .container-logo a {
	cursor: default;
}

body.scrolled.path-frontpage .container-logo .st1logoachac {
	fill: #3E362E;
}

body.path-frontpage #nav-header a,
body.path-frontpage #nav-header a:visited {
	color: #fff;
}

body.scrolled.path-frontpage #nav-header a,
body.scrolled.path-frontpage #nav-header a:visited {
	color: #A74A2A;
}

body.path-frontpage #nav-header a:hover {
	color: #fff;
}

body.scrolled.path-frontpage #nav-header a:hover {
	color: #d14a1b;
}

body.path-frontpage #nav-header a:after {
	 background-color: #fff;
}

body.scrolled.path-frontpage #nav-header a:after {
	 background-color: #A74A2A;
}

body.path-frontpage #bt-search-head .st1-bt-loupe {
	fill: #fff;
}

body.scrolled.path-frontpage #bt-search-head .st1-bt-loupe {
	fill: #A74A2A;
}

body.path-frontpage #bt-menu-head {
	 color: #fff;
}

body.scrolled.path-frontpage #bt-menu-head {
	 color: #A74A2A;
}

body.path-frontpage #bt-menu-head .texte:after {
	 background-color: #fff;
}

body.scrolled.path-frontpage #bt-menu-head .texte:after {
	 background-color: #A74A2A;
}

body.path-frontpage #bt-menu-head .st1bt-menu{
	fill:#fff;
	stroke:#fff;
}

body.scrolled.path-frontpage #bt-menu-head .st1bt-menu{
	fill:#F2EDE6;
	stroke:#A74A2A;
}

body.path-frontpage #bt-menu-head .st2bt-menu{
	fill:#A74A2A;
}

body.scrolled.path-frontpage #bt-menu-head .st2bt-menu{
	fill:#A74A2A;
}

body.scrolled.path-frontpage #bt-menu-head:hover .bt .st1bt-menu{
	fill:#8F3213;
	stroke:#8F3213;
}

body.scrolled.path-frontpage #bt-menu-head:hover .bt .st2bt-menu{
	fill:#E5DBCE;
}








#header #block-formulaire-expose-achac-vue-search-api {
	position: fixed;
	 top: -10vw;
	 left: 0;
	 width: 100%;
	 background-color: rgba(255,255,255,0.95);
	 padding: 2.5vw 3.3vw 0 3.5vw;
	 -o-transition: all .5s;
	 -webkit-transition: all .5s;
	 -moz-transition: all .5s;
	 transition: all .5s;
	 height: 9.8vw;
	 z-index: 150;
}

#header #block-formulaire-expose-achac-vue-search-api.open {
	top:0;
	box-shadow: 0 5px 7px rgb(0 0 0 / 5%);
}

#header #block-formulaire-expose-achac-vue-search-api .container-logo {
	width: 14.8vw;
}

#header #block-formulaire-expose-achac-vue-search-api .st1logoachac {
	 fill: #3E362E;
}

body:not(.path-frontpage) #header #block-formulaire-expose-achac-vue-search-api a:hover .st1logoachac {
	 fill: #d14a1b;
}

#page-recherche #block-formulaire-expose-achac-vue-search-api .container-logo {
	display: none;
}

.bt-close-search {
	display: block;
	 width: 2.8vw;
	 height: 2vw;
	 background: transparent url(/themes/achac/images/bt-close-rouge.svg) no-repeat center center;
	 background-size: contain;
	 border: none;
	 cursor: pointer;
	 outline: none;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
	 margin-top: 1.3vw;
}

.bt-close-search:hover {
	 transform: rotate(360deg) scale(1.3);
}

#page-recherche .bt-close-search {
	display: none;
}

#header #views-exposed-form-achac-vue-search-api-page-result-recherche {
	float: right;
	 margin: 0.5vw 18.5vw 0 0;
	 width: 46.7vw;
}

.search-form-popup .form-item {
	margin: 0;
}

.search-form-popup input[type="text"] {
	-webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 border: none;
	 margin: 0;
	 line-height: 3.3vw;
	 width: 100%;
	 background-color: #fff;
	 box-shadow: none;
	 -o-transition: all .2s;
	 -webkit-transition: all .2s;
	 -moz-transition: all .2s;
	 transition: all .2s;
	 border-bottom: solid 1px #B4654A;
	 font-family: 'CooperHewitt-Medium', sans-serif;
	 background-color: transparent;
	 font-size: 1.4em;
	 color: #3e362e;
	 padding: 1vw 0 0;
	 height: 2.5vw;
 }
 
 .search-form-popup input[type="text"]:focus {
	 border-bottom: none;
 }
 
/* .search-form-popup input:not(:placeholder-shown) {
	 border-bottom: none !important;
 }*/
 
 .search-form-popup input::-webkit-input-placeholder {color: #A74A2A;}
 .search-form-popup input::-moz-placeholder {color: #A74A2A;}
 .search-form-popup input:-ms-input-placeholder {color: #A74A2A;}
 .search-form-popup input::placeholder {color: #A74A2A;}
 
 .search-form-popup input:focus  {outline: none;}
 
 .search-form-popup input:focus::-webkit-input-placeholder {color: transparent;}
 .search-form-popup input:focus::-moz-placeholder {color: transparent;}
 .search-form-popup input:focus:-ms-input-placeholder {color: transparent;}
 .search-form-popup input:focus::placeholder {color: transparent;}
 
 .search-form-popup .form--inline {
	 display: flex;
	  flex-wrap: nowrap;
	  justify-content: space-between;
 }
 
 .search-form-popup .form-item-search-api-fulltext {
	 width: 91.5%;
 }
 
 .search-form-popup input:-webkit-autofill {background-color: transparent !important;background: transparent !important;-webkit-box-shadow: 0 0 0 54px transparent inset !important;-webkit-background-clip: text !important;}
 .search-form-popup input:-webkit-autofill:hover {background-color: transparent !important;background: transparent !important;-webkit-box-shadow: 0 0 0 54px transparent inset !important;-webkit-background-clip: text !important;} 
 .search-form-popup input:-webkit-autofill:focus {background-color: transparent !important;background: transparent !important;-webkit-box-shadow: 0 0 0 54px transparent inset !important;-webkit-background-clip: text !important;} 
 .search-form-popup input:-webkit-autofill:active {background-color: transparent !important;background: transparent !important;-webkit-box-shadow: 0 0 0 54px transparent inset !important;-webkit-background-clip: text !important;}
 .search-form-popup input:-internal-autofill-previewed {background-color: transparent !important;background: transparent !important;-webkit-box-shadow: 0 0 0 54px transparent inset !important;-webkit-background-clip: text !important;}
 .search-form-popup input:-internal-autofill-selected {background-color: transparent !important;background: transparent !important;-webkit-box-shadow: 0 0 0 54px transparent inset !important;-webkit-background-clip: text !important;}
 
 .search-form-popup .form-actions {
	 padding: 0;
	  margin: 0;
	  text-align: center;
	  width: 5%;
 }
 
 .search-form-popup .form-actions input {
	 cursor: pointer;
	  margin: 0.5vw 0 0 !important;
	  border: none;
	  text-decoration: none;
	  font-family: 'CooperHewitt-Semibold', sans-serif;
	  color: #fff;
	  text-align: left;
	  -o-transition: all .2s;
	  -webkit-transition: all .2s;
	  -moz-transition: all .2s;
	  transition: all .2s;
	  border-radius: 0;
	  letter-spacing: 0.02em;
	  font-style: normal;
	  font-weight: normal;
	  display: block;
	  background: transparent url(/themes/achac/images/bt-loupe.svg) no-repeat center center;
	  background-size: contain;
	  width: 100%;
	  height: 2.2vw;
	  font-size: 0px;
	  line-height: 0px;
	  padding: 0;
 }
 
 .search-form-popup .form-actions input:hover {
	 transform: scale(1.1);
	  transform-origin: bottom left;
 }





@media screen and (max-width: 1024px) {
	
	#nav-header {
		display: none;
	}
	
	#bt-menu-head .bt {
		 width: 37px;
		 height: 37px;
	}
	
	#bt-menu-head {
		 font-size: 14px;
	}
	
	#bt-menu-head .texte {
		 margin: 7px 8px 0 0;
	}
	
	body.scrolled #bt-menu-head .bt {
		 width: 29px;
		 height: 29px;
	}
	
	body.scrolled #header .container-logo {
		 width: 108px;
	}
	
	#header {
		 height: 94px;
	}
	
	#cont-header {
		height: 94px;
	}
	
	body.scrolled #cont-header {
		 height: 73px;
	}
	
	body.scroll-down #cont-header {
		height: 0;
	}
	
	body.scrolled #header {
		 height: 73px;
	}
	
	#header .container-logo {
		 width: 150px;
	}
	
	body.scrolled #sscont-header {
		 padding: 19px 31px 0 32px;
	}
	
	#header #block-formulaire-expose-achac-vue-search-api .container-logo {
		 width: 150px;
	}
	
	#header #block-formulaire-expose-achac-vue-search-api {
		 top: -100px;
		 height: 94px;
	}
	
	#header #block-formulaire-expose-achac-vue-search-api.open {
		top:0;
	}
	
	.bt-close-search {
		 width: 36px;
		 height: 29px;
	}
	
	#header #views-exposed-form-achac-vue-search-api-page-result-recherche {
		 margin: 1vw 13.5vw 0 0;
	}
	
	.search-form-popup .form-actions {
		 width: 24px;
	}
	
	.search-form-popup .form-actions input {
		 margin: 5px 0 0 !important;
		 height: 23px;
	}
	
	.search-form-popup .form-item-search-api-fulltext {
		 width: calc(100% - 32px);
	}
	
	.search-form-popup input[type="text"] {
		 line-height: 34px;
		 font-size: 15px;
		 padding: 12px 0 0;
		 height: 26px;
	}
	
	#bt-search-head {
		 width: 20px;
		 height: 20px;
		 margin: 11px 26px 0 0;
		 padding: 0;
	}
	
}




@media screen and (max-width: 845px) {
	
	#header .container-logo {
		 width: 123px;
	}
	
	#sscont-header {
		 padding: 24px 24px 0 24px;
	}
	
	#header #block-formulaire-expose-achac-vue-search-api .container-logo {
		 width: 123px;
	}
	
	#header #block-formulaire-expose-achac-vue-search-api {
		padding: 24px 24px 0 24px;
	}
	
	#header #views-exposed-form-achac-vue-search-api-page-result-recherche {
		 margin: 1vw 9.5vw 0 0;
	}
	
}





@media screen and (max-width: 620px) {
	
	#header #block-formulaire-expose-achac-vue-search-api .container-logo {
		 display: none;
	}
	
	#header #views-exposed-form-achac-vue-search-api-page-result-recherche {
		 float: left;
		 width: 72vw;
		 margin: 1vw 0 0 0;
	}
	
}






@media screen and (max-width: 540px) {
	
	body.path-frontpage #cont-header {
		 background: #fff;
	}
	
	body.path-frontpage #header {
		 height: 94px;
	}
	
	body.path-frontpage .container-logo .st1logoachac {
		 fill: #3E362E;
	}
	
	body.path-frontpage #bt-menu-head {
		 color: #A74A2A;
	}
	
	body.path-frontpage #bt-menu-head .texte:after {
		 background-color: #A74A2A;
	}
	
	body.path-frontpage #bt-menu-head .st1bt-menu {
		 fill: #F2EDE6;
		 stroke: #A74A2A;
	}
	
	body.path-frontpage #bt-search-head .st1-bt-loupe {
		 fill: #A74A2A;
	}
	
}






@media screen and (max-width: 430px) {
	
	#header #views-exposed-form-achac-vue-search-api-page-result-recherche {
		 width: 64vw;
	}
	
	#bt-menu-head .texte {
		 display: none;
	}
	
	#bt-search-head {
		 width: 26px;
		 height: 26px;
		 margin: 7px 15px 0 0;
	}
	
}