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

html, body, div, span, applet, object, iframe,
h1, h2, p, 
em, font, img,
small, strike, strong,
b, u, i, center,
ol, ul, li
{background: transparent;border: 0;margin: 0;padding: 0;vertical-align: baseline;}
body {line-height: 1;}
h1, h2 {font-weight: normal;line-height: 1;}
ol, ul {list-style: none;}
blockquote {quotes: none;}
blockquote:before, blockquote:after {content: '';content: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
a img {border: none;}


/* =Layout
-------------------------------------------------------------- */

body{background: /*#f6f2e4*/#d8c9a2;text-align: center;}
#contentaccess, #headerimage, #events, #footer {max-width:912px;width:75%;margin:0 auto;padding:0;}
#content{padding: 24px 0 36px 0;max-width:912px;margin:0 auto;}
#socialnetworks{margin:35px 0;padding:0;text-align: left;width:auto;}
#socialnetworks img.facebook{background:no-repeat url(../global/media/socialnetworks.png) -1px -1px ;margin:0 10px 0 0;width:20px;height:20px;display:inline-block;padding:0;}
#socialnetworks img.instagram{background:no-repeat url(../global/media/socialnetworks.png) -54px -1px ;margin:0 10px 0 0;width:20px;height:20px;display:inline-block;padding:0;}
#socialnetworks img.contact{background:no-repeat url(../global/media/socialnetworks.png) -28px -27px ;margin:0 10px 0 0;width:20px;height:20px;display:inline-block;padding:0;}


/* =Fonts
-------------------------------------------------------------- */

@font-face {
font-family: 'CinzelFont';
src: url('fonts/Cinzel-VariableFont_wght.ttf')  format('truetype');
}
@font-face {
font-family: 'LoraFont';
src: url('fonts/Lora-VariableFont_wght.ttf')  format('truetype');
}
body {font-family: 'LoraFont', serif;}
#access .menu,#access div.menu ul,.navigation,{font-family: 'CinzelFont', serif;}
h1,h2 {font-family: 'LoraFont', serif;}


/* =Global Elements
-------------------------------------------------------------- */

/* Main global and typographic styles */
body,input,textarea {color: #333;font-size: 12px;line-height: 18px;}
hr {background-color: #235b03;border: 0;clear: both;height: 1px;margin:54px 0 36px 0;}

/* Text elements */
h1 {font-family: 'CinzelFont', serif;font-size:36px;text-transform: uppercase;color:#235b03;/*text-shadow: -1px -1px #a19577;*/margin:106px 0 36px 0;padding:0;width:auto;display:inline-block;line-height:1em;padding:6px 6px 2px 6px;}
h1:first-of-type {margin:24px 0 66px 0;font-weight:500;}
h2 {color: #235b03;font-size: 33px;font-weight: normal;margin:24px 0 36px 0;text-align:left;line-height:1.2em;}
.entry-title {color:#FF5630;font-size: 34px;text-transform: uppercase;font-weight: bold;line-height: 1.3em;margin-bottom:0px;display:block;}
.hsmall {font-style: italic;font-size:14px;padding:0;margin:0;display:block;line-height:2em;}
p {margin-bottom: 14px;text-align:justify;}
#contentP p {line-height:1.4em;}
ul ul,ol ol,ul ol,ol ul {margin-bottom: 0;}
strong {font-weight: bold;}
cite,em,i {font-style: italic;}
a:link {color: #666666;}
a:visited {color: #666666;}
a:active,a:hover {color: #000;}


/* =Header
-------------------------------------------------------------- */

#site-title {float: left;font-size: 30px;line-height: 36px;margin: 0 0 18px 0;/*width: 700px;*/}
#site-title a {color: #000;font-weight: bold;text-decoration: none;}
#site-description {display:none;}
#headerimage {text-align:center;padding:30px 0 20px 0;}
#headerimageA, #headerimageB{width:33%;display:inline-block;vertical-align: top;padding:0;margin:0;}
/* This is the custom header image */
#headerimage img{width:100%;max-width:228px;margin:0 auto;}
.branding {display: block;}
.amiens {font-size: 10px;text-transform: uppercase;padding:4px 0 0 0;display:block;color:#235b03;}


/* =Menu
-------------------------------------------------------------- */

#contentaccess {width:auto;display:inline-block;padding-top:0;border-bottom:1px solid #235b03; border-top:1px solid #235b03;margin:0 auto;}
#access {display: block;margin: 0 auto;z-index: 100;position: relative;}
#access {padding:0;}
#access .menu-header,div.menu {font-size: 16px;/*margin-left: 14px;*/text-transform: uppercase;}
#access .menu-header ul,div.menu ul {list-style: none;margin: 0;}
#access .menu-header li,div.menu li {width:auto;display:inline-block;}
#access a {font-size:14px;text-decoration: none;color: #235b03;display: block;margin:0 5px;padding: 10px 7px 7px 7px;}
#access ul ul {display: none;}
#access ul ul li {}
#access ul ul ul {}
#access ul ul a {}
#access li.menu-item > a {display: block;}
#access li.menu-item:hover > a {color: #FFF;/*background:#235b03;*/-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;}
#access li.current-menu-item > a, #access li.current-menu-item:hover > a {color: #235b03;border-bottom:3px solid #235b03;}


/* =Banner
-------------------------------------------------------------- */

#banner {display:block;padding:10px 14px;width: 440px;margin: 20px auto 0 auto;font-family: 'CinzelFont', serif;font-size:20px;text-transform: uppercase;}
@keyframes marquee {from {transform: translateX(10%);}to {transform: translateX(-100000%);}}
#marquee{animation: marquee 8000s linear infinite;white-space: nowrap;}
.marquee-wrapper {display:block;width:100%;overflow: hidden;margin:0;padding:0;}


/* =Content
-------------------------------------------------------------- */

#content {margin-bottom: 0;}


/* =Images
-------------------------------------------------------------- */

p img.illus {float:left;width:61px;height:71px;padding:0 14px 10px 0;display:block;}
p.ateliers {padding-top:28px;}
/*  */


/* =Navigation
-------------------------------------------------------------- */

.navigation {color: #888;font-size: 12px;float:left;}
.navigation a:link,.navigation a:visited {color: #FF5630;text-decoration: none;}
.navigation a:active,.navigation a:hover {color: #888;}


/* =Events & Footer
-------------------------------------------------------------- */

#events {clear: both;padding:0 0 24px 0;text-align:left;color:#235b03;line-height:1.5em;border-top:1px solid #235b03;font-size:16px;background: rgba(35, 91, 3, 0.1)}
#events h2 {padding:0 24px;margin:24px 0 14px 0;font-size:24px;}
#events ul {padding:0 24px;margin:0;}
#events li {padding:0;margin:0;color:#222;}
#events g{text-transform: uppercase;padding:0 14px 0 0;}

#footer {clear: both;padding:24px 0;text-align:center;color:#235b03;line-height:1.5em;border-top:1px solid #235b03;}
#footer:first-of-type {padding:24px 0 0 0;}
#footerLinks {width:auto;padding:0;}
#footerLinks a {color:#000;}
#footerLinksMain {font-size:14px;display:block;text-transform: uppercase;color:#235b03;}
#footerLinksMain .activelang {color:#FFF;}
#footerLinksMain a:link, #footerLinksMain a:visited {color:#235b03;text-decoration: none;}
#footerLinksMain a:active, #footerLinksMain a:hover {color:#235b03;text-decoration:underline;}
#site-info {font-weight: bold;}
#site-info a {color: #000;text-decoration: none;}
#lieu, #horaires, #avis {display:inline-block;width:33%;text-align:left;vertical-align: top;color:#222;}
#lieu h2, #horaires h2, #avis h2 {margin:0;color:#235b03;}
#lieu p, #horaires ul, #avis p {margin:0;padding:12px 0 24px 0;font-size:14px;} 
h2.adresse, #horaires h2, #avis h2 {padding:0;font-size:24px;}
#horaires .weekday {color:#235b03;width:100px;display:inline-block;}
@media screen and ( max-width: 600px ) {img.Event{width:100%;}}
@media screen and ( min-width: 601px ) {img.Event{width:600px;}}


/* =Mobile Safari ( iPad, iPhone and iPod Touch )
-------------------------------------------------------------- */

#access,.navigation, {-webkit-text-size-adjust: 120%;}
#site-description {-webkit-text-size-adjust: none;}


/* =Contact
-------------------------------------------------------------- */

#contactContent {padding:0 24px;text-align:left;font-size:16px;vertical-align: top;}
#part1, #part2 {width:47%;display:inline-block;vertical-align: top;}
#part1 {margin:0 4% 0 0;}
.leftred {color:#d24326;}
.smallcapitalic{font-style: italic;font-size:12px;padding-bottom:48px;display:inline-block;}
label{margin-right:14px;}
#Mnom, #Memail, #Msujet, #Mmessage {width:100%;max-width:650px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-family: Times, serif;font-size: 18px;background:#d8c9a2;color:#333;border:0;padding:4px;border:1px dotted #333;}
#introcontact {padding:0;display:block;text-align:center;}
#envoi, #envoierreur {padding:16px 16px 12px 16px;margin:0 auto 36px auto;color:#235b03;text-align:left;width:auto;}
#envoi {background:#d8c9a2;border:3px solid #235b03;color:#235b03;moz-border-radius: 14px;border-radius: 14px;-webkit-border-radius: 14px;}
#envoierreur {background:#d8c9a2;}
.asannee {display: none;}
#contact_Submit {color:#d8c9a2;font-weight:500;border:0px solid /*#bc3a28*/#333;background:#235b03;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;padding:6px 6px 4px 6px;font-size:16px;font-family: 'CinzelFont', serif;}

/* =Added
-------------------------------------------------------------- */

img.branding, .branding {padding:0;margin:0;border:0;}
#branding_print {display:none;}
img.eContent {max-width:100%;}
#about, #contact, #exhibitions {max-width:800px;margin-left:auto;margin-right:auto;}
#content ul {padding:0 0 14px 0;}
#content ul li{list-style-type: disc;list-style-position: inside;padding:7px 0 7px 14px;text-align:left;line-height:1.4em;}
g {color:#235b03;font-weight:bold;}


/* Photoswipe gallery */
.nbre, .aide {-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;}
.nbre {margin-right:5px;background:#bc3a28;font-weight:normal;padding:4px;color:#FFF;}
a.aide {margin-left:5px;font-weight:bold;padding:1px 6px;color:#000;text-decoration:none;border:1px solid #000;}
a:hover.aide {background:#FFF;color:#000;}
a.commander {background:#bc3a28;color:#FFF;padding:4px;text-decoration:none;margin:5px;text-transform: uppercase;-moz-border-radius: 6px;border-radius: 6px;-webkit-border-radius: 6px;}
figcaption {display:none;}


/* =Print
-------------------------------------------------------------- */

@media print {
body {text-align:center;background:#FFFFFF;}
#mainA, #mainB {text-align: left;border:0;background:#FFFFFF;display:block;}
.branding {display: block;}
#branding_print {display:inline-block;font-size:14px;color:#235b03;padding:20px 24px 14px 24px;border-top:1px solid #235b03;margin:0 auto;}
#branding_print a {color:#235b03;}
#branding_print_title {display:block;font-size:40px;text-transform: uppercase;color:#C93;margin:0 0 10px 0;width:933px;}
a.print {color:#999999;}
#access, #Galerie {display:none;}
#footer {margin:0;padding:0;background:#FFF;border-top:0;}
#footerLinks {background: #ffffff;border: 0;color: #000000;bottom: 40px;border-top:1px #000000 solid;padding:10px 0 10px 0;width:933px;}
#messageframe, #miniMenuContainer {display:none;}
#footerLinksMain, #footerLinksMain a, #footerLinksMain a:link {color:#000;}
}

/* =Mobile
-------------------------------------------------------------- */

@media screen and (max-width:911px) {
#socialnetworks img.facebook{margin:0 10px 0 0;display:block;}
#socialnetworks img.instagram{margin:10px 10px 0 0;display:block;}
#socialnetworks img.contact{margin:10px 10px 0 0;display:block;}
#headerimageA{width:50%;}
#headerimageB{width:10%;}
}
@media screen and ( max-width: 800px ) {
#content, #contentaccess, #headerimage, #footer {max-width:100%;}
#access {padding:0;text-align:center;}
#access a {font-size:11px;margin:0 3px;padding: 3px 0 2px 0;}
#part1, #part2 {width:100%;display:inline-block;vertical-align: top;}
#footer:first-of-type {text-align:center;width:auto;}
#lieu, #horaires, #avis {display:inline-block;text-align:left;vertical-align: top;color:#222;margin:0 auto;width:auto;min-width:200px;}
#banner {width: 292px;font-size:16px;}
}
@media screen and (max-width:650px) {
#avis {border-top:1px dotted #235b03;padding:20px 0 0 0;}
#events g {display:block;}
}