/* cmsms stylesheet: styles modified: 05/12/2019 12:01:12 */
/**"Yet Another Multicolumn Layout" - YAML CSS Framework* @copyright       Copyright 2005-2012, Dirk Jesse* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),*                  YAML-CDL (http://www.yaml.de/license.html)* @link            http://www.yaml.de* @package         yaml* @version         4.0* @revision        $Revision: 686 $* @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $*/@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Asap:400,700);@media screen {body {overflow-y: scroll; background: transparent url(https://www.oxyzen.lu/uploads/images/design/fond-img.jpg) no-repeat top center}#degrade {background: transparent url(https://www.oxyzen.lu/uploads/images/design/fond-degrade.png) repeat-x top center; bottom: 0; top: 0; position: absolute; left: 0; right: 0}#scanline {background: transparent url(https://www.oxyzen.lu/uploads/images/design/fond-scanline.png) repeat top center; bottom: 0; top: 0; position: absolute; left: 0; right: 0}#degrade, #scanline {height: 425px}.hide {display: none!important;}.clearfix:after {content: '';width: 100%;clear: both;display: block;height: 1px;}hr {clear: both;margin: 10px 0;}.table {border-collapse: collapse;}.table th {background-color: #74484d;color: white;font-weight: bold;}.table td {border: 1px solid #ddd;vertical-align: middle;}.buttons-list .ym-button {display: inline-block;width: 80%;margin: 4px auto;}.ym-wrapper {max-width: 980px; margin: 0 auto}#header, #nav, #main, footer {min-width: 760px}#header, #main, #bottomlinks, footer {clear: both}#header {padding-top: 10px; margin-bottom: 40px}#titleheader {width: 22%; height: 63px; float: left; position: relative}#titleheader a {background: transparent url(https://www.oxyzen.lu/uploads/images/design/logo-oxyzen-fond.png) no-repeat top left; display: block; padding: 13px 7px 19px 17px; width: 171px; height: 31px; position: relative}#titleheader img {position: relative}#TexteEntete {width: 78%; float: right; background: transparent url(https://www.oxyzen.lu/uploads/images/design/degrade-verti-blanc.png) repeat-y right top; text-align: right; border-radius: 0.3846153em}#TexteEntete strong {font-size: 1.3076923em; font-weight: normal}#TexteEntete p {margin-top: 0.5em}.popup {display: block;z-index: 1000;background: rgba(0,0,0,0.7);position: fixed;padding-top: 30px;top: 0;bottom: 0;left: 0;right: 0;text-align: center;}.popup-content {position: relative;background: white;display: block;margin: 0 auto;width: 80%;padding: 30px;}@media (min-width: 500px) {.popup {padding-top: 80px;}.popup-content {width: 50%;padding: 50px;}}nav {position: relative; z-index: 500}#header #nav {width: 78%; float: right; margin-top: 1em}#accueil nav#nav {margin-bottom: 50px; padding: 0 3em}#main {}.ym-col1 {width: 80%; float: left; margin-left: 20%; background: transparent url(https://www.oxyzen.lu/uploads/images/design/Blanc50.png) repeat left top; border-radius: 1em; min-height: 200px}.ym-col2 {width: 20%; float: left; margin-left: -100%}.ym-cbox {padding: 0 1.5em 1.5em; position: relative}#accueil .ym-col1 {width: 100%; float: none; margin-left: 0; background-image: none}#accueil .ym-col1 .ym-cbox {padding: 0}.coordonnees {padding: 0.8em; background-color: #e3f4da; border: 1px solid #75ca48}.coordonnees h4 {margin-top: 0.5em}footer {margin-top: 30px; padding-top: 20px; text-align: center}footer, footer a {color: #aa9797}#LogoAireLibre {position: relative; top: 3px}.ym-col1 .ym-grid {max-width: 745px}.pbox {padding: 0.7692307em}.ym-gbox {padding: 0 0.7692307em}.ym-gbox-left {padding: 0 0.7692307em 0 0}.ym-gbox-right {padding: 0 0 0 0.7692307em}:first-child {margin-top: 0}#accueil #TexteEntete, #accueil #nav, #accueil #main, #accueil #bottomlinks, #accueil footer {display: none}#accueil #main p {font-size: 1.158461em}#slideshow_1 {border: 10px solid white; border-radius: 125px; box-shadow: 0 0 10px rgba(0,0,0,0.3); width: 980px!important; background: white url(https://www.oxyzen.lu/uploads/images/design/fond-slider.jpg) no-repeat right -200px!important}#slideshow_1 img {border-radius: 114px 0 0 114px}#slideshow_1 a {color: #3e0109}#slideshow_1 a:hover {text-decoration: none}#slideshow_1 a:hover p {color: #3d7a1d}#slideshow_nav_1 a {position: relative; right: 383px}.commentsparts_st_1 {background: none!important; padding: 0!important}div#comments_st_1 {width: 38%!important; max-width: 38%!important}.commentsparts_st_1 h2 {border-bottom-width: 0; margin: 1.8em 0 1em!important; padding: 15px!important}.commentsparts_st_1 p {padding: 1em; margin: 0.5em 2em 0}.gallery ul {list-style-type: none; margin: 0; padding: 0}.gallery ul li {padding: 0; float: left; border: 1px solid #aa9797; margin: 1px}.gallery ul li a {display: block; padding: 2px; background-color: white; line-height: 0}.intervenant {margin-bottom: 1em; border-bottom: 1px solid #e3f4da; padding-bottom: 1em}.intervenant h3 {font-size: 1.1em; font-weight: bold}.intervenant img {margin-bottom: 2em}.socialBloc {margin: 1em 0}#breadcrumbs  {padding: 0.5em 1.3em}#Commentaires {clear: both}.cgfeedback_addcomment textarea {height: 50px}.feedback_summary_item {margin: 0.75em 0 1em; border-bottom: 1px solid #e3f4da; padding-bottom: 1em}.feedback_summary_item h4 {float: left; margin: 0 1.5em 0.5em 0}.InfosCommentaire {margin-top: 0}.feedback_item_data {clear: both}#CommentairesButtons {margin-bottom: 1em}#CommentairesList, #CommentairesForm {display: none}.video-in-comment {max-width: 200px;}.illusPage {float: right; position: relative; top: -1em; text-align: right; margin-bottom: -1em; margin-left: 10px;}.illusPage img, #item_droite img {z-index: 10; border-radius: 1em; }.descImage {font-style: italic; text-align: center}.datesFormation {border: 2px solid #3d7a1d}.datesFormation h3 {background-color: #3d7a1d; color: white; padding: 5px 10px; border-left-width: 0; margin: 0}.datesFormation h4 {margin: 1em 0 0; padding-left: 15px}.datesFormation p {padding: 10px 15px; margin: 0}.ym-skiplinks a.ym-skip:focus, .ym-skiplinks a.ym-skip:active {color:#fff; background:#333; border-bottom:1px #000 solid; padding:10px 0; text-align: center; text-decoration:none;}}@media screen and (min-width: 0px) {#header, #nav, #main, footer {min-width: 0}}.accueil-formations h3 {border-left: 0;font-style: normal;}.accueil-formations hr {padding-bottom: 0;}.accueil-formations h2 {background-color: #74484d;color: white;padding: 5px 10px;border-radius: 5px;}.img-formation {width: 100%;height: auto;}.visible-page-formation {display: none;}.formation-menu-item {margin-bottom: 35px;}.formation-menu-item .fondVert {margin-bottom: 15px;}.formation-menu-item .ym-button {display: block;text-align: center;margin-right: 0;}.liste-formations h3 {border-left-width: 0;padding-left: 0;margin-top: 0;margin-bottom: 0;font-style: normal;}.liste-formations .boite.note {margin: 8px 0 16px;}.toggle-infos {cursor: pointer;}.infos-btn {color: rgba(95, 87, 88, 0.91);background: #E3F4DA;display: inline-block;line-height: 18px;padding: 0 7px;border-radius: 10px;font-style: italic;font-size: 12px;font-weight: bold;margin-left: 5px;}.infos-btn:hover {color: #450a12;}.infos-formation {display: block;clear: both;}.infos-formation.hidden {display: none;}.ligne-formation {clear: left;margin-top: 7px;margin-bottom: 7px;border-top: 1px solid #CAE6BB;padding-top: 8px;}.ligne-formation:first-child {border-top-width: 0;padding-top: 0;}.ligne-formation .dates,.ligne-formation .infos-link,.ligne-formation .formation-tarif,.ligne-formation .formation-inscription {display: block;float: left;line-height: 16px;padding-top: 0;padding-bottom: 2px;}.ligne-formation .session {margin-bottom: 8px;display: inline-block;}.liste-formations-ville .ligne-formation .session {display: block;}.liste-formations-ville .ligne-formation img {float: left;margin-right: 15px;}.ligne-formation .tarif {display: inline-block;}.ligne-formation .dates {width: 57%;line-height: 23px;}.ligne-formation .formation-tarif {width: 20%;color: #555;line-height: 23px;}.ligne-formation .formation-inscription {float: right;}.ligne-formation .ym-button {font-size: 12px;line-height: 18px;border-radius: 2px;display: block;margin-top: 10px;margin-right: 0;}.ligne-formation .formation-inscription .ym-button {margin-top: 0;}.prochaines-formations .ligne-formation .dates {width: 100%;}.prochaines-formations .ligne-formation .tarif {line-height: 23px;}.prochaines-formations .visible-page-formation {display: block;}.prochaines-formations .masque-page-formation {display: none;}.inscription-btn-container {clear: both;margin-top: 0;}.formation-menu-img {width: 100%;max-width: 100%;height: auto;margin-top: 26px;}.bloc-inscription-formation.hidden {display: none;}@media screen and (max-width: 760px) {.linearize-level-1,.linearize-level-1 > [class*="ym-g"],.linearize-level-1 > [class*="ym-col"] {display: table; float: none; margin-left: 0; margin-right: 0; width: 100% !important}.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {padding: 5px}#TexteEntete {position: absolute; top: 0; right: 0; z-index: 10; width: 100%}#TexteEntete .pbox {padding-left: 205px}#titleheader {position: relative; z-index: 20}#accueil h2.titreBrun {font-size: 1.75em!important}div#slideshow_1, div#slideshow_1 ul#slides_1, div#slideshow_1 ul#slides_1 li {width: 100%!important}div#slideshow_1 {height: 190px!important}#slideshow_1, #slideshow_1 img {border-width: 0; border-radius: 0}#slideshow_1 img {width: 100%; height: auto}.commentsparts_st_1 {background: rgba(255,255,255,0.90)!important}div#comments_st_1 {max-width: 100%!important; width: 100%!important; padding-top: 100px}div#comments_st_1 h2 {font-size: 1.25em; padding: 4px!important; margin: 0!important}.commentsparts_st_1 p {padding: 4px; margin: 0}div#slideshow_1 ul#prevnextnav_1 {top: 48px!important}div#slideshow_1 ul#prevnextnav_1 li {left: 5px!important}div#slideshow_1 ul#prevnextnav_1 li#next_1 {left: 89%!important}#slideshow_nav_1 a {right: 0!important}}@media screen and (max-width: 480px) {.linearize-level-2,.linearize-level-2 > [class*="ym-g"],.linearize-level-2 > [class*="ym-col"],.ym-col1 .ym-grid > [class*="ym-g"] {display: table; float: none; margin-left: 0; margin-right: 0; width: 100% !important}.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"],[class*="ym-g"] > [class*="ym-gbox"] {padding: 0}nav .ym-hlist ul, nav .ym-hlist li {display:block; float: none; width: auto; text-align: left}#TexteEntete {position: relative}#TexteEntete .pbox {padding: 5px; text-align: left}}.embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;}.embed-responsive-16by9 {padding-bottom: 56.25%;}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {position: absolute;top: 0;left: 0;bottom: 0;height: 100%;width: 100%;border: 0;}.matterport-iframe {display: block;width: 100%;height: 400px;border-radius: 500px;transition: .6s border-radius ease-out;overflow: hidden;box-shadow: 0 0 20px rgba(0,0,0,.3);border: 10px solid white;}.matterport-iframe:hover,.matterport-iframe:active,.matterport-iframe:focus {border-radius: 10px;}.callout {display: block;padding: 20px;color: white;}.callout.alert {border-color: #550000;background-color: #770000;}.callout.success {border-color: #005500;background-color: #007700;}.promotions-form {margin: 30px 0;}.salonkee-btn {overflow: hidden;display: block;border-radius: 12px;text-align: center;background-color: #ff8360;margin: 30px;}.salonkee-btn:hover,.salonkee-btn:active,.salonkee-btn:focus {background-color: #ff7160;text-decoration: none;}.salonkee-btn span {position: relative;display: block;margin-bottom: -10px;color: white;font-size: 12px;margin-top: 18px;}.salonkee-btn img {max-width: 150px;height: auto;}@media (max-width: 939px) {.salonkee-btn {clear: both;}.salonkee-btn img {margin: 0 auto;}}@media (min-width: 940px) {.salonkee-btn {margin: 0;display: inline-block;}.salonkee-btn img {display: block;}}
/* cmsms stylesheet: styles_content modified: 01/02/2017 14:30:59 */
/*** "Yet Another Multicolumn Layout" - YAML CSS Framework* (en) Uniform design of standard content elements* @copyright       Copyright 2005-2012, Dirk Jesse* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),*                  YAML-CDL (http://www.yaml.de/license.html)* @link            http://www.yaml.de * @package         yaml* @version         4.0 * @revision        $Revision: 687 $* @lastmodified    $Date: 2012-01-22 13:27:22 +0100 (So, 22 Jan 2012) $ * @appdef yaml */@media all {html * {font-size:100%}textarea, pre, code, kbd, samp, var, tt {font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier}body {font-family: 'Droid Sans', Arial, Helvetica, sans-serif; font-size:81.25%; color:#3e0109;-webkit-text-size-adjust:100%;}h1,h2,h3,h4,h5,h6 {font-family: Asap, Arial, Helvetica, sans-serif; font-weight:400; margin:0}h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {color: #3e0109}h1 {font-size:200%; line-height: 0.95em; margin: 0 0 1em; color: white; background: #3e0109 url(https://www.oxyzen.lu/uploads/images/design/fond-bouton.png) repeat left top; padding: 0.5em 0.7em; position: relative; left: 0; z-index: 100}/*h1 {border-radius: 10px}*/header h1 {font-size: 1.5384615em; margin: 0; color: #3e0109; background-color: transparent; left: 0; top: 0; padding: 0; position: relative; width: 100%}h2 {font-size:150%; line-height: 1.3em; margin: 0.8em 0 0 0; border-bottom: 2px solid #e3f4da; color: #3d7a1d}#accueil h2 {color: #3e0109; font-size: 2em}#accueil h2.titreBrun {color: white; background-color: #3e0109; font-size: 2em; border-radius: 10px; padding: 0.2em; margin: 0.8em 3.5em 0}h3 {font-size:130%; line-height: 1.1em; margin:0.9em 0 0.6em 0; font-style: italic; border-left: 3px solid #74484d; padding-left: 0.5em}h4 {font-size:115%; line-height: 1.125em; margin:1.125em 0 0 0}h5 {font-size:105%; line-height: 1.2857em; margin: 1.2857em 0 0 0}h6 {font-weight: bold; font-size:100%; line-height: 1.5em; margin: 1.5em 0 0 0}.cggm_infowindow_item h2 {margin-top: 0}ul, ol, dl {font-size:1em; line-height:1.5em; margin: 0.7em 0 1em 1em}ul {list-style-type:disc}ol {list-style-type:decimal}div.error_message ul {margin: 0 1em}ul ul {list-style-type:circle; margin-top:0}ol ol {list-style-type:lower-latin; margin-top:0}ol ul {list-style-type:circle; margin-top:0}li {font-size:1em; line-height:1.5em; margin-left:0.8em}dt {font-weight:bold}dd {margin:0 0 1.5em 0.8em;}p {font-size:1em; line-height:1.4em; margin: 0.8em 0 0 0}.justify {text-align: justify}.text-center {text-align: center;}blockquote, cite, q {font-family: Georgia, "Times New Roman", Times, serif; font-style:italic}blockquote {margin:1.5em 0 0 1.5em; color:#666}strong, b {font-weight:bold}em, i {font-style:italic}big {font-size:116.667%}small {font-size:85.71%}pre, code, kbd, tt, samp, var {font-size:100%}pre {line-height:1.5em; margin: 1.5em 0 0 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word}pre, code {color:#800}kbd, samp, var, tt {color:#666; font-weight:bold}var, dfn {font-style:italic}acronym, abbr {border-bottom:1px #aaa dotted; font-variant:small-caps; letter-spacing:.07em; cursor:help}sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline}sup {top: -0.5em}sub {bottom: -0.25em}mark {background: #ff0; color: #000}hr {color:#fff; background:transparent; margin:0 0 0.75em 0; padding:0 0 0.75em 0; border:0; border-bottom:1px #eee solid}a {color:#3d7a1d; background:transparent; text-decoration:none}a:active {outline: none}a:hover, a:focus {text-decoration:underline}#accueil p a {color: #3e0109}img, figure {margin: 0}img {max-width: 100%;height: auto;}img.float-left {float: left;display: inline;margin-right: 15px;margin-bottom: 15px;}.contenuMail img {max-width: 100%; height: auto}table {width:100%; border-collapse:separate; border-spacing: 0; margin: 1.3571em 0 0 0}table caption {font-variant:small-caps}th, td {line-height: 1.5em; vertical-align: top; padding: 0.7143em 0.5em}th *:first-child, td *:first-child {margin-top: 0}thead th {text-align: left; color:#000}tbody th {text-align: left; text-align:left}tbody td {text-align: left; }.flexible {margin-top: 1.5em; max-width: 100%}  * html .flexible {width: 98%}a.blocLien {display: block; margin-bottom: 1em}a.blocLien, a.blocLien p {text-decoration: none; color: #3e0109}a.blocLien:hover p, a.blocLien:hover ul li {text-decoration: none; color: #3d7a1d}a.blocLien:hover h2 {background-color: #3e0109}.planningtab {border-collapse:collapse; }.planningtab td{ border:1px solid #3E0109}.planningtab tr:first-child{background: url("http://www.oxyzen-metz.com/uploads/images/design/fond-bouton.png") repeat scroll left top #3E0109;color: white;}}@media screen and (max-width: 760px) {h1 {position: relative; left: 0; top: 0; width: auto; margin-bottom: 0.5em; font-size: 1.5em}#header h1 {font-size: 1.2em}}
/* cmsms stylesheet: styles_tinymce modified: 01/02/2017 14:30:59 */

.trunktrunk {position: relative}

.boite {border-width: 1px; border-style: solid; border-color: #888; border-color: rgba(0,0,0,.3); color: #444; color: rgba(0,0,0,.8); padding: 1.4286em; margin: 1.5em 0 0 0}
.boite > *:first-child {margin-top: 0}

.gauche {float:left; display:inline; margin-right:1em; margin-bottom:0.15em}
.droite {float:right; display:inline; margin-left:1em; margin-bottom:0.15em}
.centre {display:block; text-align:center; margin:1em auto}

.bordure {border: 1px solid #3e0109; padding: 2px; background-color: white; box-shadow: 0 0 4px rgba(0,0,0,0.4)}


a.zoom {color: inherit}

.info, .note, .important, .attention, .error_message {margin: 1em 0; padding:1em}
.info {background:#f8f8f8; color:#666}
.note {background-color:#e3f4da; color:#040; border:1px #c7e5aa solid}
.important {background:#ffe; color:#440; border:1px #884 solid}
.attention, .error_message {background:#fee; background:#fee url(https://www.oxyzen.lu/uploads/images/design/icones/avertissement50.png) right -25px  no-repeat; color:#400; border:1px #844 solid}

.clair {color:#888}

.forfait {background-color: #3e0109; border-radius: 10px; display: block; padding: 0.5em; color: white; margin-top: 1em}
.lisereBlanc {border: 1px solid white; border-radius: 8px; padding: 1em}
.forfait h2 {margin-top: 0; color: white; border-bottom: 1px solid white; font-size: 1.3846153em}
.forfait p {font-size: 1.2307692em}

.bulle span {display: block; text-align: center; line-height: 25px}
span.duree {border-bottom: 1px solid white; padding-top: 2px}
span.prix {padding-bottom: 2px; font-weight: 700}
.bulle {display: block; width: 54px; height: 54px; padding: 3px; color: white; font-size: 1.1538461em; float: right; margin: 0.5em 0 0.5em 0.5em; background: transparent url(https://www.oxyzen.lu/uploads/images/design/bulle-brune.png) no-repeat left top}

.fondVert {background: #3d7a1d; border-radius: 10px; padding: 0.3em 0.5em; color: white; font-size: 1.2307692em}
.fondVert a {color: white; text-decoration: none}
/* cmsms stylesheet: styles_nav modified: 01/02/2017 14:30:59 */
/*** "Yet Another Multicolumn Layout" - YAML CSS Framework* (en) Horizontal list navigation "hlist"* @copyright       Copyright 2005-2012, Dirk Jesse* @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),*                  YAML-CDL (http://www.yaml.de/license.html)* @link            http://www.yaml.de  * @package         yaml* @version         v4.0  * @revision        $Revision: 686 $* @lastmodified    $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $ */@media all{#bottomlinks table.accesrapide ul li{ float:none; }.ym-hlist {width:100%; position:relative; line-height:1em; height: 3.3em}.ym-hlist ul {margin:0; padding:0; display:inline; float:left}.ym-hlist ul ul {z-index: 999; height: auto; position: absolute; display: block; border-radius: 1em; border: 2px solid #74484d; background: white; box-shadow: 0 0 5px rgba(0,0,0,0.4); padding: 1em}.ym-hlist ul li {display:inline; float:left; line-height:1em; list-style-type:none; margin:0; padding:0;}.ym-hlist ul li li {float: none; display: block}.ym-hlist ul li a {background: white url(https://www.oxyzen.lu/uploads/images/design/fond-bouton-blanc.png) no-repeat center center; display:block; margin:0 1em 0 0; padding: 2px 10px; text-decoration:none; width:auto; border: 2px solid #74484d; font-family: 'Asap'; font-size: 1.1538461em; color: #74484d; border-radius: 1em; text-align: center; line-height: 2em; position: relative}.ym-hlist ul li:last-child a {margin-right: 0}.ym-hlist ul li a.deux-lignes {line-height: 1em}.ym-hlist ul li li a {border-width: 0; border-radius: 0; background: transparent}.ym-hlist ul li a:active, .ym-hlist ul li a:focus, .ym-hlist ul li a:hover, .ym-hlist a.menuactive {border-color: #3e0109; color: #3e0109}.ym-hlist ul ul {display: none}.ym-hlist ul li:hover ul {display: block}#accueil .ym-hlist {margin-left: 35px}#accueil .ym-hlist ul li a {width: 105px; padding: 2px 20px; font-size: 1.3076923em; line-height: 2.2352941em; margin: 0 0.9em}#accueil .ym-hlist ul li a.deux-lignes {line-height: 1.117647em}.ym-vlist {width:100%; overflow:hidden; margin:0 0 1.5em 0; list-style-type:none}.ym-vlist ul {list-style-type:none; margin:0; padding:0}.ym-vlist li {width:100%; margin:0; padding:0}.ym-vlist a {display:block; padding:2px 8px; text-decoration:none; border:1px solid white; border-width: 1px 0 0 1px; color: #3e0109; font-size: 1.1538461em}.ym-vlist li:last-child a {border-bottom-width: 1px}.ym-vlist .sectionheader {margin-top: 15px;}.ym-vlist li a:focus, .ym-vlist li a:hover, .ym-vlist li a:active, .ym-vlist a.menuactive {color: #ff0066; outline: 0 none; background: transparent url(https://www.oxyzen.lu/uploads/images/design/Blanc50.png) repeat top left}.ym-vlist li ul {margin-bottom: 1em}.ym-vlist li.menuactive ul li {margin-top: 0}.ym-vlist li ul li a {font-size: 1em}.ym-vlist li ul li a.menuactive {background-color: #3d7a1d; color: white; background-image: none}.ym-vlist li ul li ul li a {padding-left:30%}.ym-vlist li ul li ul li ul li a {padding-left:40%}#bottomlinks {margin: 1.5em 0 3em}#bottomlinks ul {list-style-type: none; margin: 0; padding: 0}#bottomlinks ul li {margin: 0; padding: 0; float: left; display: block}#bottomlinks ul li a {margin-right: 1.1em}}@media screen and (max-width: 930px) {.ym-hlist ul li a {margin: 0; padding: 2px; font-size: 1em; margin-right: 0.3em}#header #nav {width: 75%}}@media screen and (max-width: 760px) {.ym-hlist ul li a {padding: 2px; font-size: 1em; margin-right: 0.1em}#header {margin-bottom: 0}#accueil nav#nav {margin: 15px 0}#header #nav, #accueil nav#nav {width: 100%; padding: 0}#accueil .ym-hlist {margin-left: 0}#accueil .ym-hlist ul li a, .ym-hlist ul li a {padding: 2px 6px; margin: 3px; font-size: 1.25em; width: auto}#bottomlinks li {width: 32%}#bottomlinks li a {display: block; width: 80%; margin: 0 auto 5px; padding: 0}#bottomlinks li a img {display: none}}@media screen and (max-width: 480px) {#accueil nav#nav {margin: 10px 0}#accueil .ym-hlist ul li a, .ym-hlist ul li a {font-size: 1em}#bottomlinks li {width: 50%}}
/* cmsms stylesheet: styles_catalogue modified: 01/02/2017 14:30:59 */

.CatalogItems {padding-top: 1em}
.CatalogItem {margin-bottom: 1em; display: block; width: 50%}
.CatalogItemDesc {padding: 0.4em 1em}

.CatalogItem a h2 {text-align: left}

.ensavoirplus {color: #3d7a1d; margin-top: 1em}


article header {width: 49%; margin-top: 1em}

#item_droite {float: right; position: relative; right: -1.5em; top: -1em; margin-bottom: -5px; min-height: 100px; display: block; width: 350px; text-align: right}

#InfosArticle {z-index: 100}
#InfosArticle div {display: inline}
#InfosArticle .bulle {float: left; margin-top: 0.75em}
#InfosArticle .droite a:last-child {margin-right: 0}

#EnSavoirPlusBloc {padding: 1em 0}
#EnSavoirPlusBloc h2 {margin-bottom: 0.5em}
#EnSavoirPlus {display: none}
#BoutonEnSavoirPlus {font-weight: bold; cursor: pointer}
/* cmsms stylesheet: styles_forms modified: 05/04/2019 12:37:43 */
/*** "Yet Another Multicolumn Layout" - YAML CSS Framework* YAML form theme: "gray-theme"* @copyright			 Copyright 2005-2012, Dirk Jesse* @license				 CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),*                       YAML-CDL (http://www.yaml.de/license.html)* @link                 http://www.yaml.de  * @package				 yaml* @version              v4.0  * @revision             $Revision: 686 $* @lastmodified         $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $*/@media screen and (min-width: 0px){.ym-form input, .ym-form input, .ym-form textarea, .ym-form select {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:60%}.ym-columnar label {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box}.ym-columnar .ym-fbox-select select, .ym-columnar .ym-fbox-text input, .ym-columnar .ym-fbox-text textarea {width:70%}.ym-full .ym-fbox-select select, .ym-full .ym-fbox-text input, .ym-full .ym-fbox-text textarea {width:100%}}@media screen, projection {.ym-form {background:#f6fff2; border:2px #e3f4da solid; margin: 1.5em 0 0 0; padding: 0.5em 0 0}.ym-form fieldset {position:static; background:transparent; margin: 0.75em 0 2em 0; padding: 0 0.5em}.ym-form legend {background:transparent; color:#000; font-size:1.2em; line-height:1.25em; font-weight:bold;	padding:0 0.5em; margin-bottom: 10px}.ym-form label {color:#3d7a1d; line-height: 1.5em}.ym-label {color:#3d7a1d; padding-top: 0.25em}.ym-form .ym-form div.ym-fbox-check:focus + label {color:#000}.ym-form div.ym-fbox-text, .ym-form div.ym-fbox-select, .ym-form div.ym-fbox-check, .ym-form div.ym-fbox-button, .ym-form div.submit {padding: 0.3em 1em; margin-bottom: 0}.ym-form div.ym-fbox-button, .ym-form div.submit {background: #e3f4da; border-top: 2px #f6fff2 solid; padding:0 1em 1em 1em; margin: 0; text-align: center}.ym-form .ym-gbox {padding: 0 0.5em; margin-right: 0}.ym-form h6 {color: #000; margin: 1em 0 0 1em}.ym-form .ym-fbox-text input, .ym-form .ym-fbox-text textarea {line-height: 1em; padding: 0.25em 0.3em; margin-top: -2px}.ym-form .ym-fbox-select select {line-height: 1em; padding: 0.25em 2px 0.25em 1px; margin-top: -2px}.ym-form input, .ym-form textarea, .ym-form select, .ym-form optgroup {font-family:Arial, Helvetica, sans-serif; -webkit-box-shadow: inset 0 0 4px #eee; -moz-box-shadow: inset 0 0 4px #eee; box-shadow: inset 0 0 4px #eee}.ym-form optgroup {font-style:normal; font-weight:bold}.ym-form .ym-fbox-text input, .ym-form .ym-fbox-text textarea, .ym-form .ym-fbox-select select {border:1px solid #ddd}.ym-form .ym-message {color:#666; margin-bottom:0.5em}.ym-form sup {color:#800; font-weight:bold}.ym-form input:valid, .ym-form textarea:valid {background-color: #fff}.ym-form input:invalid, .ym-form textarea:invalid {background-color: #fdd}.ym-form .ym-error label {color:#800; font-weight:normal}.ym-form .ym-error input, .ym-form .ym-error select, .ym-form .ym-error textarea {border: 1px #800 solid}.ym-form .ym-error input:hover,.ym-form .ym-error input:focus,.ym-form .ym-error select:hover,.ym-form .ym-error select:focus,.ym-form .ym-error textarea:hover,.ym-form .ym-error textarea:focus {border: 1px #800 solid !important;}.ym-form .ym-error .ym-message {color:#800;}.ym-form div.ym-fbox-text input:focus,.ym-form div select:focus,.ym-form div textarea:focus,.ym-form div.ym-fbox-text input:hover,.ym-form div select:hover,.ym-form div textarea:hover,.ym-form div.ym-fbox-text input:active,.ym-form div select:active,.ym-form div textarea:active {border:1px #888 solid;background:#fff;}.ym-button,.ym-form button,.ym-form input[type="button"],.ym-form input[type="reset"],.ym-form input[type="submit"] {display: inline-block;white-space: nowrap;background: #3e0109 url(https://www.oxyzen.lu/uploads/images/design/fond-bouton.png) repeat left top;-webkit-border-radius: .2em;-moz-border-radius: .2em;border-radius: 10px;border-width: 0;color: white !important;cursor: pointer;line-height: 24px;font-family: 'Droid Sans';text-align: center;font-size: 1.2307692em;margin: 0.9em 0.75em 0 0;padding: 0.2em 1em;overflow: visible;text-decoration: none !important;text-shadow: 0 1px 0 rgba(0,0,0,.5);position: relative;box-shadow: none}.ym-grid .ym-button {margin-left: 0}.ym-button.vert {background-color: #3d7a1d}.ym-button.deuxlignes {line-height: 20px; margin-top: 9px}.ym-button.image-button {padding-left: 2em;padding-right: 0.5em;}.ym-button.image-button img {position: absolute;left: 8px;top: 2px}.ym-form button:hover,.ym-form input[type="button"]:hover,.ym-form input[type="reset"]:hover,.ym-form input[type="submit"]:hover,.ym-button:hover {background-color: #74484d;}.ym-button.vert:hover {background-color: #4f9e25}.ym-form button:active,.ym-form input[type="button"]:active,.ym-form input[type="reset"]:active,.ym-form input[type="submit"]:active,.ym-button:active,.ym-form button:focus,.ym-form input[type="button"]:focus,.ym-form input[type="reset"]:focus,.ym-form input[type="submit"]:focus,.ym-button:focus{box-shadow: 0 0 6px white insetposition: relative;top: 1px;outline: 0}.ym-form button:before,.ym-button:before {background: #ccc;background: rgba(0,0,0,.1);float: left;width: 1em;text-align: center;font-size: 1.5em;margin: 0 1em 0 -1em;padding: 0 .2em;-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);-moz-border-radius: .15em 0 0 .15em;-webkit-border-radius: .15em 0 0 .15em;border-radius: .15em 0 0 .15em;pointer-events: none;}.ym-add:before { content: "\271A"; }.ym-delete:before { content: "\2718"; }.ym-edit:before { content: "\270E"; }.ym-email:before { content: "\2709"; }.ym-like:before { content: "\2764"; }.ym-next:before { content: "\279C"; }.ym-play:before { content: "\25B6"; }.ym-save:before { content: "\2714"; }.ym-spark:before { content: "\2737"; }.ym-star:before { content: "\2605"; }.ym-form button::-moz-focus-inner {border: 0;padding: 0;}.ym-form input[type=button]::-moz-focus-inner,.ym-form input[type=reset]::-moz-focus-inner,.ym-form input[type=submit]::-moz-focus-inner {padding: .4em;}.ym-form button[disabled],.ym-form button[disabled]:hover,.ym-form input[type=button][disabled],.ym-form input[type=button][disabled]:hover,.ym-form input[type=reset][disabled],.ym-form input[type=reset][disabled]:hover,.ym-form input[type=submit][disabled],.ym-form input[type=submit][disabled]:hover,.ym-button.ym-disabled,.ym-button.ym-disabled:hover {background: #eee;color: #aaa !important;border-color: #aaa;cursor: default;text-shadow: none;position: static;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}* html .ym-button,* html .ym-form button {*	display: inline-block;*	white-space: nowrap;*	background-color: #ccc;*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');*	border: 1px solid #777;*	color: #333 !important;*	cursor: pointer;*	font: normal 1em/2em Arial, Helvetica;*	margin: 1.5em 0.75em 0 0;*	padding: 0 1.5em;*	overflow: visible;text-decoration: none !important;}* html .ym-form button:focus,* html .ym-button:focus {*	outline: 0;*	background: #fafafa;}* html .ym-form button:hover,* html .ym-button:hover {*	background-color: #ddd;*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');}* html .ym-form button:active,* html .ym-button:active {*	background-color: #bbb;*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');*	position: relative;*	top: 1px;}* html .ym-button.ym-disabled,* html .ym-button.ym-disabled:hover {*	background: #eee;*	color: #aaa !important;*	border-color: #aaa;*	cursor: default;*	text-shadow: none;*	position: static;}}
/* cmsms stylesheet: styles_news modified: 01/02/2017 14:30:59 */
#newsList a.blocLien {height: 150px}
/* cmsms stylesheet: fancybox modified: 01/02/2017 14:30:59 */
/*! fancyBox v2.0.4 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-tmp iframe, .fancybox-tmp object {vertical-align: top;padding: 0;margin: 0;}.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 1002;}.fancybox-outer {padding: 0;margin: 0;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.fancybox-opened {z-index: 1003;}.fancybox-opened .fancybox-outer {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}.fancybox-inner {width: 100%;height: 100%;padding: 0;margin: 0;position: relative;outline: none;overflow: hidden;}.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 10px;}.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;border: 0;padding: 0;margin: 0;vertical-align: top;}.fancybox-image {max-width: 100%;max-height: 100%;}#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -21px;margin-left: -21px;width: 42px;height: 42px;background: url('https://www.oxyzen.lu/uploads/images/design/fancybox/fancybox_loading.gif');opacity: 0.8;cursor: pointer;z-index: 1010;}.fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('https://www.oxyzen.lu/uploads/images/design/fancybox/fancybox_sprite.png');}.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 1004;}.fancybox-prev, .fancybox-next {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;background: transparent url('https://www.oxyzen.lu/uploads/images/design/fancybox/blank.gif'); /* helps IE */z-index: 1003;}.fancybox-prev {left: 0;}.fancybox-next {right: 0;}.fancybox-prev span, .fancybox-next span {position: absolute;top: 50%;left: -9999px;width: 36px;height: 36px;margin-top: -18px;cursor: pointer;z-index: 1003;}.fancybox-prev span {background-position: 0 -36px;}.fancybox-next span {background-position: 0 -72px;}.fancybox-prev:hover, .fancybox-next:hover {visibility: visible;}.fancybox-prev:hover span {left: 20px;}.fancybox-next:hover span {left: auto;right: 20px;}.fancybox-tmp {position: absolute;top: -9999px;left: -9999px;padding: 0;overflow: visible;visibility: hidden;}/* Overlay helper */#fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 1001;background: #000;}/* Title helper */.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 1005;}.fancybox-opened .fancybox-title {visibility: visible;}.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 1003;text-align: center;}.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}.fancybox-title-inside-wrap {margin-top: 10px;}.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
/* cmsms stylesheet: styles - ecommerce modified: 29/08/2019 10:28:30 */
.product {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #888;
}
.product:after {
    content: '';
    display: block;
    height: 1px;
    clear: both;
}
.product h3 {
    display: inline-block;
}
.product-price {
    font-size: 16px;
    display: inline-block;
    padding-top: 3px;
    padding-right: 30px;
}

.product [type=number] {
    width: 50px;
    font-size: 22px
}

.product .ym-button {
    margin-top: 0;
    margin-right: 0;
}

@media (min-width: 500px) {
    .product-title {
        float: left;
        width: 50%;
    }

    .product-price {
        float: left;
    }
    .product-add-to-cart {
        float: right;
        width: 49%;
        padding-left: 1%;
    }
    .product-add-form {
        float: right;
    }
}






.cart-flottant {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 10px;
    z-index: 990;
    background-color: #74484d;
}
@media (max-width: 499px) {
    .cart-flottant {
        left: 0;
    }
}
@media (min-width: 500px) {
    .cart-flottant {
        padding: 25px;
        max-width: 220px;
    }
    .cart-flottant p {
        margin-bottom: 12px;
    }
}
.cart-flottant p {
    font-size: rem-calc(12);
    margin-bottom: 0;
}
.cart-flottant h4,
.cart-flottant p {
    color: white;
}

.viewcartform .cms_numberfield {
    font-size: 14px;
    padding: 4px;
    width: 50px;
}
.cart-total {
    font-size: 18px;
}



.order-form label,
.order-form input,
.order-form select,
.order-form textarea {
    display: block;
    width: 100%;
}
.order-form label {
    display: inline-block;
    padding: 15px 0 2px;
}
.order-form label [type=checkbox] {
    float: left;
    width: 20px;
    display: inline-block;
    margin-right: 10px;
}





.pay-button {
    box-sizing: border-box;
    display: block;
    width: 40%;
    margin: 2% 5%;
    background-color: #f5f5f5;
    padding: 30px;
    cursor: pointer;
    float: left;
    min-height: 181px;
}
.pay-button.smaller {
    width: 90%;
}
.pay-button:hover {
    background-color: #FFFFFF;
}
.pay-button h3 {
    font-size: 20px;
    border-left-width: 0;
    color: #111;
}
.pay-button.smaller h3 {
    font-size: 18px;
}