/* cmsms stylesheet: main modified: mercredi 8 octobre 2025 16:11:48 */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize *//* ==========================================================================HTML5 display definitions========================================================================== *//*** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.*/article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block; }/*** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.*/audio,canvas,video { display: inline-block; *display: inline;*zoom: 1;}/*** Prevent modern browsers from displaying `audio` without controls.* Remove excess height in iOS 5 devices.*/audio:not([controls]) { display: none; height: 0; }/*** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.* Known issue: no IE 6 support.*/[hidden] {display: none;}/* ==========================================================================Base========================================================================== *//*** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using*    `em` units.* 2. Prevent iOS text size adjust after orientation change, without disabling*    user zoom.*/html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }/*** Address `font-family` inconsistency between `textarea` and other form* elements.*/html,button,input,select,textarea { font-family: sans-serif; }/*** Address margins handled incorrectly in IE 6/7.*/body { margin: 0; }/* ==========================================================================Links========================================================================== *//*** Address `outline` inconsistency between Chrome and other browsers.*/a:focus { outline: thin dotted; }/*** Improve readability when focused and also mouse hovered in all browsers.*/a:active,a:hover { outline: 0; }/* ==========================================================================Typography========================================================================== *//*** Address font sizes and margins set differently in IE 6/7.* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,* and Chrome.*/h1 { font-size: 2em; margin: 0.67em 0; }h2 { font-size: 1.5em; margin: 0.83em 0; }h3 { font-size: 1.17em; margin: 1em 0; }h4 { font-size: 1em; margin: 1.33em 0; }h5 { font-size: 0.83em; margin: 1.67em 0; }h6 { font-size: 0.67em; margin: 2.33em 0; }/*** Address styling not present in IE 7/8/9, Safari 5, and Chrome.*/abbr[title] { border-bottom: 1px dotted; }/*** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.*/b,strong { font-weight: bold; }blockquote { margin: 1em 40px; }/*** Address styling not present in Safari 5 and Chrome.*/dfn { font-style: italic; }/*** Address differences between Firefox and other browsers.* Known issue: no IE 6/7 normalization.*/hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }/*** Address styling not present in IE 6/7/8/9.*/mark { background: #ff0; color: #000; }/*** Address margins set differently in IE 6/7.*/p,pre { margin: 1em 0; }/*** Correct font family set oddly in IE 6, Safari 4/5, and Chrome.*/code,kbd,pre,samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }/*** Improve readability of pre-formatted text in all browsers.*/pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }/*** Address CSS quotes not supported in IE 6/7.*/q { quotes: none; }/*** Address `quotes` property not supported in Safari 4.*/q:before,q:after { content: ''; content: none; }/*** Address inconsistent and variable font size in all browsers.*/small { font-size: 80%; }/*** Prevent `sub` and `sup` affecting `line-height` in all browsers.*/sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }/* ==========================================================================Lists========================================================================== *//*** Address margins set differently in IE 6/7.*/dl,menu,ol,ul { margin: 1em 0; }dd { margin: 0 0 0 40px; }/*** Address paddings set differently in IE 6/7.*/menu,ol,ul { padding: 0 0 0 40px; }/*** Correct list images handled incorrectly in IE 7.*/nav ul,nav ol { list-style: none; list-style-image: none; }/* ==========================================================================Embedded content========================================================================== *//*** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.* 2. Improve image quality when scaled in IE 7.*/img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }/*** Correct overflow displayed oddly in IE 9.*/svg:not(:root) { overflow: hidden; }/* ==========================================================================Figures========================================================================== *//*** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.*/figure { margin: 0; }/* ==========================================================================Forms========================================================================== *//*** Correct margin displayed oddly in IE 6/7.*/form { margin: 0; }/*** Define consistent border, margin, and padding.*/fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }/*** 1. Correct color not being inherited in IE 6/7/8/9.* 2. Correct text not wrapping in Firefox 3.* 3. Correct alignment displayed oddly in IE 6/7.*/legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */}/*** 1. Correct font size not being inherited in all browsers.* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,*    and Chrome.* 3. Improve appearance and consistency in all browsers.*/button,input,select,textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */}/*** Address Firefox 3+ setting `line-height` on `input` using `!important` in* the UA stylesheet.*/button,input { line-height: normal; }/*** Address inconsistent `text-transform` inheritance for `button` and `select`.* All other form control elements do not inherit `text-transform` values.* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.* Correct `select` style inheritance in Firefox 4+ and Opera.*/button,select { text-transform: none; }/*** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`*    and `video` controls.* 2. Correct inability to style clickable `input` types in iOS.* 3. Improve usability and consistency of cursor style between image-type*    `input` and others.* 4. Remove inner spacing in IE 7 without affecting normal text inputs.*    Known issue: inner spacing remains in IE 6.*/button,html input[type="button"], /* 1 */input[type="reset"],input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */}/*** Re-set default cursor for disabled elements.*/button[disabled],html input[disabled] { cursor: default; }/*** 1. Address box sizing set to content-box in IE 8/9.* 2. Remove excess padding in IE 8/9.* 3. Remove excess padding in IE 7.*    Known issue: excess padding remains in IE 6.*/input[type="checkbox"],input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */*width: 13px; /* 3 */}/*** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome*    (include `-moz` to future-proof).*/input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }/*** Remove inner padding and search cancel button in Safari 5 and Chrome* on OS X.*/input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}/*** Remove inner padding and border in Firefox 3+.*/button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}/*** 1. Remove default vertical scrollbar in IE 6/7/8/9.* 2. Improve readability and alignment in all browsers.*/textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }/* ==========================================================================Tables========================================================================== *//*** Remove most spacing between table cells.*/table { border-collapse: collapse; border-spacing: 0; }/*#######################################################################################################################################################################################################################################################################################*//* Z-INDEX* #header .main-menu > li > ul : z-index:500* #footer : z-index:450*//* ==========================================================================FONTS========================================================================== *//*Caslon 540 - font-family: caslon540, Verdana, Geneva, sans-serif; */@font-face { font-family: 'caslon540'; src: url('https://www.themaphoto.com/uploads/media/fonts/caslon540roman-webfont.eot'); src: url('https://www.themaphoto.com/uploads/media/fonts/caslon540roman-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.themaphoto.com/uploads/media/fonts/caslon540roman-webfont.woff') format('woff'), url('https://www.themaphoto.com/uploads/media/fonts/caslon540roman-webfont.ttf') format('truetype'), url('https://www.themaphoto.com/uploads/media/fonts/caslon540roman-webfont.svg#caslonfivefortyroman') format('svg'); font-weight: normal; font-style: normal; }/*Open Sans - font-family: opensans, Verdana, Geneva, sans-serif; */@font-face { font-family: 'opensans'; src: url('https://www.themaphoto.com/uploads/media/fonts/opensans-regular-webfont.eot'); src: url('https://www.themaphoto.com/uploads/media/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.themaphoto.com/uploads/media/fonts/opensans-regular-webfont.woff') format('woff'), url('https://www.themaphoto.com/uploads/media/fonts/opensans-regular-webfont.ttf') format('truetype'), url('https://www.themaphoto.com/uploads/media/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; }/*Body*/body { font-family: opensans, Verdana, Geneva, sans-serif; cursor: hand; margin: 0; padding: 0; color: #010101; font-size: 13px; }/* ==========================================================================RESET========================================================================== */h1,h2,h3 { margin: 0; }ul { padding: 0; margin: 0; }/* ==========================================================================COMMON========================================================================== */.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }.align-right { text-align: right; }.display-none { display: none; }.display-block { display: block; }.width-100 { width: 100% }/* ==========================================================================LAYOUT========================================================================== */body { background: #f9f9f9; }#content { position: relative; }/* ==========================================================================HEADER & NAVIGATION========================================================================== */#header { background: #fff; position: relative; padding: 26px 140px 0 280px; zoom: 1; min-height: 56px; }#header .social-links { position: absolute; top: 30px; right: 25px; }#header .logo { display: inline-block; vertical-align: top; position: absolute; top: 0; left: 0; }/*Menu*/#header .main-menu { display: block; width: 100%; margin: auto; vertical-align: top; text-align: center; }#header .main-menu a { font-family: opensans, Verdana, Geneva, sans-serif; font-size: 13px; text-decoration: none; }#header .main-menu > li { display: inline-block; text-align: left; position: relative; list-style-type: none; }#header .main-menu > li > a { display: block; color: #000; padding: 0 14px; text-transform: uppercase; }#header .main-menu > li > a span { border-top: 3px solid #fff; height: 27px; line-height: 24px; padding: 0 3px; display: block; }#header .main-menu > li.hover > a span { border-top: 3px solid #000; }#header .main-menu > li.open > a span,#header .main-menu > li.active > a span { border-top: none; color: #fff; background: #000; border-left: 1px solid #c3c3c3; border-right: 1px solid #878787; height: 30px; line-height: 30px; }#header .main-menu > li.open > a,#header .main-menu > li.active > a { padding: 0 13px; }#header .main-menu > li > ul { position: absolute; top: 31px; left: 14px; list-style-type: none; display: none; -moz-box-shadow: 0px 0px 1px 0px #000000; -moz-box-shadow: 0px 0px 1px 0px #656565; -webkit-box-shadow: 0px 0px 1px 0px #656565; -o-box-shadow: 0px 0px 1px 0px #656565; box-shadow: 0px 0px 1px 0px #656565; z-index: 500; }.ie #header .main-menu > li > ul { box-shadow: none; border: 1px solid #c3c3c3; left: 13px; }#header .main-menu > li.open > ul { display: block; }#header .main-menu > li > ul > li > a { white-space: nowrap; background: #000; color: #fff; display: block; padding: 2px 3px; }#header .main-menu > li > ul > li > a:hover { background: #fff; color: #000; }@media screen and (max-width: 768px) {#header { padding: 87px 8% 0 8%; }#header .main-menu { text-align: center; }#header .main-menu > li { float: none; display: inline-block; vertical-align: top; text-align: left; }}@media screen and (max-width: 400px) {#header .social-links { top: 75px; right: 0; width: 100%; text-align: center; }#header { padding: 110px 8% 0 8%; }#header .main-menu > li > ul { margin: 5px auto; left: auto; right: auto; top: 0px; width: 200px; position: relative; }#header .main-menu > li > ul > li > a { white-space: normal; }#header .main-menu > li > a span { margin-top: 5px; }}/* ==========================================================================HEADER & NAVIGATION========================================================================== */#footer { position: fixed; bottom: 0; background: black; width: 100%; text-align: center; color: #fff; font-size: 10px; z-index: 450; }#footer a { color: #fff; text-decoration: none; }/* ==========================================================================CONTENT========================================================================== */#content { margin: auto; padding: 60px 0 30px 0; }@media screen and (max-width: 480px) {#content { padding: 30px 0 30px 0; }}/* ==========================================================================HOMEPAGE========================================================================== */.regard-sur-image { width: 90%; height: auto; max-width: 426px; margin: auto; display: block; }/* LISTE ACTUALITES========================================================================== */.liste-actualites { max-width: 594px; margin: auto; }.liste-actualites .actualite { border: 5px solid #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; background: #fff; position: relative; cursor: pointer; }.liste-actualites .actualite-visuel { width: 100%; }.liste-actualites .actualite-titre { font-size: 23px; font-weight: bold; text-align: center; background: url(https://www.themaphoto.com/uploads/media/images/actualite-title-background.png); position: absolute; top: 37.60445682451253%; left: 0; width: 100%; padding: 5.25% 0 5.75% 0; }.liste-actualites .actualite-titre a { display: block; background: url(https://www.themaphoto.com/uploads/media/images/actualite-title-border.png) no-repeat bottom center; padding: 0 15px 6px 15px; color: #fff; text-transform: uppercase; text-decoration: none; }.actualite-overlay { width: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(https://www.themaphoto.com/uploads/media/images/actualite-title-background.png); display: none; }.actualite-description { position: absolute; bottom: 0; left: 0; width: 100%; }.actualite-description .picto-plus { display: block; margin: 0 auto 20px auto; }.actualite-description p { background: url(https://www.themaphoto.com/uploads/media/images/actualite-description.png); color: #fff; padding: 12px 20px; margin: 0; }@media screen and (max-width: 480px) {.liste-actualites .actualite-titre { font-size: 14px; }.liste-actualites .actualite-shadow { display: block; width: 100%; }}@media screen and (max-width: 320px) {.actualite-description .picto-plus { display: none; padding: 12px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; }}/* PAGE TEXTE========================================================================== */.titre-page { font-size: 23px; font-weight: bold; text-align: center; background: url(https://www.themaphoto.com/uploads/media/images/page-title-border.png) no-repeat bottom center; padding: 0 15px 6px 15px; margin: 0 0 32px 0; text-transform: uppercase; }.block-text { margin: 0 0 20px 0; max-width: 594px; margin: auto; background: white; padding: 12px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }.block-text h2 { font-size: 15px; font-weight: normal; }.block-text a { color: #666; text-decoration: underline; }@media screen and (max-width: 480px) {.titre-page { font-size: 18px; }}/*Block Center*/.block-center { margin: 0 auto 20px auto; max-width: 594px; overflow: hidden; }.block-demi { width: 50%; float: left; }@media screen and (max-width: 600px) {.block-demi { float: none; width: 100%; margin: 0 0 20px 0; }}/* ==========================================================================FORM========================================================================== */form input.text,form input.password,form textarea.textarea { -moz-box-shadow: inset -1px 1px 5px #777; -webkit-box-shadow: inset -1px 1px 5px #777; box-shadow: inset -1px 1px 5px #777; border: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px 5px; }form label { display: block; margin: 0 0 8px 0; }.ie form input.text,.ie form input.password { box-shadow: none; border: 1px solid #c3c3c3; left: 13px; }form button.submit { display: inline-block; padding: 3px 5px; color: #fff; background: #a8ac34; border: none; }/* FORM	CONTACT========================================================================== */.form-contact .cms_form {width: auto}.form-contact input,.form-contact textarea { width: 100%; box-sizing: border-box; margin-bottom: 6px}.form-contact label { display: inline-block; margin: 0 5px 0 0; }.form-contact button { display: inline-block; padding: 3px 5px; color: #fff; background: #000; border: none; }@media screen and (max-width: 600px) {.form-contact input,.form-contact textarea { width: 90%; margin: 0 0 0 5%; }.form-contact label { width: 90%; display: block; text-align: left; margin: 0 0 0 5%; }.form-contact button { margin: 10px 5%; }}/* FORM	CONNEXION========================================================================== */.form-connexion, .cms_form { background: black; color: #fff; width: 225px; margin: auto; padding: 15px 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }.form-connexion .form-titre, .cms_form  .form-titre{ font-size: 19px; text-transform: uppercase; font-family: caslon540, Verdana, Geneva, sans-serif; background: url(https://www.themaphoto.com/uploads/media/images/form-titre-border.png) repeat-x bottom; padding: 0 0 5px 0; margin: 0 0 5px 0; }.form-connexion form input.text,.form-connexion form input.password ,form.cms_form input.cms_textfield,form.cms_form input.cms_password{ width: 100%; }.form-connexion form .label, .cms_form form .label { display: block; }/* ==========================================================================CONTACT========================================================================== */.contact-titre-themaphoto { font-family: caslon540, Verdana, Geneva, sans-serif; font-size: 24px; }.contact-bloc { margin: 15px 0 0 0; background: url(https://www.themaphoto.com/uploads/media/images/page-title-border.png) no-repeat top left; padding: 15px 0 0 0; }.contact-bloc:first-child { margin: 0 0 0 0; background: none; padding: 0; }.map-mobile{display:none;}@media screen and (max-width: 600px) {.contact-bloc { margin: 15px 5% 0 5%; }.contact-bloc:first-child { margin: 15px 5% 0 5%; }.map-desktop{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}.map-mobile{display:block;}}/* ==========================================================================ISOTOPE & FANCYBOX========================================================================== *//*Isotope*/.galerie-isotope { margin: auto; padding: 30px 0; }.galerie-isotope img { width: 320px; height: 212px; margin: 0 0 24px 0; display: block; }.isotope-item { z-index: 2; }img.isotope-item {/*width: 100%;*//*display: block;*//*aspect-ratio: 3 / 2;*/object-fit: contain;}.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }.isotope,.isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }@media screen and (max-width: 480px) {.isotope,.isotope .isotope-item { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }}.isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }/*Fancybox*/.fancybox-nav span { visibility: visible; }.fancybox-prev span { background: url(https://www.themaphoto.com/uploads/media/images/fancybox-left.png) no-repeat; width: 22px; height: 61px; left: -32px; }.fancybox-next span { background: url(https://www.themaphoto.com/uploads/media/images/fancybox-right.png) no-repeat; width: 22px; height: 61px; right: -32px; }/* ==========================================================================ROYALSLIDER TYPE========================================================================== *//* COMMON========================================================================== */.rsDefault .rsBullet span { background: #000; height: 12px; width: 12px; }.rsDefault .rsBullet.rsNavSelected span { background: #cccccc; }.rsDefault.rsHor .rsArrowLeft .rsArrowIcn { width: 36px; height: 36px; background: url(https://www.themaphoto.com/uploads/media/images/royalslider-left.png); }.rsDefault.rsHor .rsArrowRight .rsArrowIcn { width: 36px; height: 36px; background: url(https://www.themaphoto.com/uploads/media/images/royalslider-right.png); }.rsDefault .rsThumb { text-align: center; background: #bebebe; width: 130px; height: 80px; }.rsDefault .rsThumb img { display: inline; width: auto; height: auto; max-width: 100%; max-height: 100%; }.rsDefault .rsThumbsHor { width: 100%; height: 80px; padding: 20px 0; background: #7c7c7c; position: absolute; bottom: -20px; left: 0; }.rsDefault .rsThumb.rsNavSelected { background: #616161; }.royalslider-container { position: relative; width: 100%; }/* TYPE 1========================================================================== */.royalslider-type-1 { max-width: 594px; height: 359px; margin: 0 auto 40px auto; position: relative; }.royalslider-type-1 .rsBullets { bottom: -20px; background: none; }.royalslider-type-1.rsDefault.rsHor .rsArrowLeft { left: -18px; }.royalslider-type-1.rsDefault.rsHor .rsArrowRight { right: -18px; }@media screen and (max-width: 650px) {.royalslider-type-1.rsDefault.rsHor .rsArrowLeft { left: 0px; }.royalslider-type-1.rsDefault.rsHor .rsArrowRight { right: 0px; }}/* TYPE 2========================================================================== */.royalslider-type-2 { max-width: 594px; margin: 20px auto 40px auto; }.royalslider-type-2 .rsBullets { bottom: -20px; background: none; }.royalslider-type-2 img.rsImg { margin: 0 auto !important; display: block; }.royalslider-type-2.rsDefault,.royalslider-type-2.rsDefault .rsOverflow,.royalslider-type-2.rsDefault .rsSlide,.royalslider-type-2.rsDefault .rsVideoFrameHolder { background: none; color: #000; }.royalslider-type-2 + .rsDefault { width: 100%; text-align: center; }.royalslider-type-2.rsDefault.rsHor .rsArrowLeft { left: 10px; }.royalslider-type-2.rsDefault.rsHor .rsArrowRight { right: 10px; }/* ==========================================================================BACKGROUND STRETCHER========================================================================== */.bgstretcher-images { display: none; }.bgstretcher-area { text-align: left; }.bgstretcher,.bgstretcher ul,.bgstretcher ul li { position: absolute; top: 0; left: 0; }.bgstretcher ul,.bgstretcher ul li { margin: 0; padding: 0; list-style: none; }.bgstretcher { background: black; overflow: hidden; width: 100%; position: fixed; z-index: 1; top: 0; left: 0; }