/*691d2d8a79b6a665240c125e5737ee2e*/:root {--body-bg: rgba(236, 239, 241, 1);--site-bg: rgba(255, 255, 255, 1);--text-color: rgba(24, 52, 98, 1);--link-color: rgba(74, 105, 189, 1);--title-color: rgba(74, 105, 189, 1);--header-bg: rgba(24, 52, 98, 1);--header-text: rgba(255, 255, 255, 1);--menu-bg: rgba(24, 52, 98, 1);--menu-text: rgba(255, 255, 255, 1);--menu-active: rgba(255, 255, 255, 1);--menu-active-text: rgba(255, 255, 255, 1);--footer-bg: rgba(255, 255, 255, 1);--footer-text: rgba(33, 34, 35, 1);--block-bg: rgba(236, 239, 241, 1);--block-border: rgba(236, 239, 241, 1);--site-width: 960px;--site-radius: 0px;--site-shadow: 0px;--site-margin: 20px;--font-size: 15px;--header-height: 200px;--menu-height: 15px 10px;--footer-height: 5px;--font-ubuntu: Ubuntu, sans-serif;--font-arial: Arial, Helvetica, sans-serif;--btn-bg: rgba(32,59,82,1);--btn-hover: rgba(17,44,67,1);--btn-active: rgba(12,39,62,1);--btn-text: #DDD;--link-normal: rgba(74,105,189,1);--link-hover: rgba(59,90,174,1);--title-normal: rgba(74,105,189,1);--title-hover: rgba(59,90,174,1);--menu-normal: rgba(24,52,98,1);--menu-hover: rgba(9,37,83,1);--menu-very-dark: rgba(4,32,78,1);--submenu-bg: rgba(24,52,98,1);--body-normal: rgba(236,239,241,1);--block-header-bg: rgba(236,239,241,1);--block-header-text: #222;--margin-bottom-large: var(--site-margin);--margin-bottom-small: var(--site-margin);}body { font-family: var(--font-ubuntu); }html { background-color: var(--body-normal); }#backToTop { background-color: rgba(33, 34, 35, .8); color: rgba(255, 255, 255, 1); }a { color: var(--link-normal); }div.mce-edit-area { font-family: var(--font-ubuntu); }.mce-content-body { font-family: var(--font-ubuntu); color: var(--text-color); background-color: var(--site-bg); font-size: var(--font-size); }.editorWysiwyg, .editorWysiwygComment { background-color: var(--site-bg); }span.mce-text { background-color: unset !important; }body, .row > div { font-size: var(--font-size); }body { color: var(--text-color); }input[type=password],input[type=email],input[type=text],input[type=date],input[type=time],input[type=week],input[type=month],input[type=datetime-local],input[type=number],input[type=file],.inputFile,select,textarea { color: var(--text-color); background-color: var(--site-bg); }.blogDate { color: var(--text-color); } .blogPicture img { border: 1px solid var(--text-color); box-shadow: 1px 1px 5px var(--text-color); }.container { max-width: var(--site-width); }@media (min-width: 769px) { #site { margin: var(--site-margin) auto var(--margin-bottom-large) auto !important; } }@media (max-width: 768px) { #site { margin: var(--site-margin) auto var(--margin-bottom-small) auto !important; } }#site.light { margin: 5% auto !important; } body { margin: 0px 10px; } #bar, body > header, body > nav, body > footer { margin: 0 -10px; }#site { background-color: var(--site-bg); border-radius: var(--site-radius); box-shadow: var(--site-shadow) #212223; }.speechBubble, .button, .button:hover, button[type=submit], .pagination a, .pagination a:hover, input[type=checkbox]:checked + label:before, input[type=radio]:checked + label:before, .helpContent { background-color: var(--btn-bg); color: var(--btn-text); }.helpButton span { color: var(--btn-bg); }input[type=text]:hover,input[type=date]:hover,input[type=time]:hover,input[type=week]:hover,input[type=month]:hover,input[type=datetime-local]:hover,input[type=number]:hover,input[type=password]:hover,input[type=file]:hover.inputFile:hover,select:hover,textarea:hover { border-color: var(--btn-bg); }.speechBubble:before { border-color: var(--btn-bg) transparent transparent transparent; }.button:hover, button[type=submit]:hover, .pagination a:hover, input[type=checkbox]:not(:active):checked:hover + label:before, input[type=checkbox]:active + label:before, input[type=radio]:checked:hover + label:before, input[type=radio]:not(:checked):active + label:before { background-color: var(--btn-hover); }.helpButton span:hover { color: var(--btn-hover); }.button:active, button[type=submit]:active, .pagination a:active { background-color: var(--btn-active); }h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: var(--title-normal); font-family: var(--font-arial); font-weight: normal; text-transform: none; }h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: var(--title-hover); }.block { border: 1px solid var(--block-border); } .block h4 { background-color: var(--block-header-bg); color: var(--block-header-text); }header { background-color: var(--header-bg); }header { background-size: cover; height: var(--header-height); line-height: var(--header-height); text-align: center; }header { background-image: url("../file/source/bannieres/banniere_pfastatt_avenir.jpg"); background-position: center center; background-repeat: no-repeat; }header span { color: var(--header-text); font-family: var(--font-ubuntu); font-weight: bold; font-size: 1.6em; text-transform: none; }nav, nav.navMain a { background-color: var(--menu-normal); }nav a, #toggle span, nav a:hover { color: var(--menu-text); }nav a:hover { background-color: var(--menu-hover); }nav a.active { color: var(--menu-active-text); }nav a.active { background-color: var(--menu-very-dark); }nav #burgerText { color: #DDD; }nav .navSub a { background-color: var(--submenu-bg); }nav .navMain a.active { border-radius: 0px; }#menu { text-align: center; }nav > ul > li > ul.navSubmenu1, .navDepth0 > ul.navSubmenu1 { top: 100%; left: 0; z-index: 1009; }nav .navLevel1 { background-color: rgba(24, 52, 98, 1); }nav .navLevel1:hover { background-color: rgba(9, 37, 83, 1); }.navDepth1 > ul.navSubmenu2 { z-index: 1019; }nav .navLevel2 { background-color: rgba(9, 37, 83, 1); }nav .navLevel2:hover { background-color: rgba(0, 22, 68, 1); }.navDepth2 > ul.navSubmenu3 { z-index: 1029; }nav .navLevel3 { background-color: rgba(0, 22, 68, 1); }nav .navLevel3:hover { background-color: rgba(0, 7, 53, 1); }.navDepth3 > ul.navSubmenu4 { z-index: 1039; }nav .navLevel4 { background-color: rgba(0, 7, 53, 1); }nav .navLevel4:hover { background-color: rgba(0, 0, 38, 1); }nav { margin: 0; }#toggle span, #menu a { padding: var(--menu-height); font-family: var(--font-arial); font-weight: normal; font-size: 1.2em; text-transform: none; }footer { padding: 0 20px; }footer span, #footerText > p { color: var(--footer-text); font-family: var(--font-ubuntu); font-weight: normal; font-size: 1em; text-transform: none; }footer { background-color: var(--footer-bg); color: var(--footer-text); }footer #footersite > div, footer #footerbody > div { margin: var(--footer-height) 0; }@media (max-width: 768px) { footer #footerbody > div { padding: 2px; } }#footerSocials { text-align: left; } #footerText > p { text-align: center; } #footerCopyright { text-align: right; }