/*version 012017*/

/************** GEN CMS ***************/
.content-cms {margin: 0 0 2em 0; overflow: hidden; padding: 0; text-align: left; border: 1px solid #b9b4b0;}
.content-cms.noborder {border: 0 !important;} /* cadre no border */
.content-cms h2 {font-size: 2em; color: #625a58; background: #f5f5f5; padding: .5em; border: 0; display: block; border-bottom: 1px solid #d9d9db; font-weight: 600; margin: 0;}
.content-cms .container-grey {overflow: hidden; margin: 2em; padding: 1em; background: #f5f5f5;}
.content-cms .container-white {overflow: hidden; margin: 2em; padding: 1em; background: #fff;}
.content-cms h3 { border: 0 none;color: #005f00; font-weight: bold; display: block;font-size: 1.8em; margin: 1em 0 0.8em;padding: 0;}
.content-cms h4 { border: 0 none;color: #666; display: block;font-size: 1.5em; margin: 1em 0 0.5em ;padding: 0; font-weight: bold;}
.content-cms p {font-size: 1.5em; line-height: 1.5; color: #5f5a5a; padding: .5em 0; margin: .5em 0; text-align: left; font-family: 'Open Sans', sans-serif;}
.content-cms ul, .content-cms ol {margin: 1em 0; padding: 0; overflow: hidden;}
.content-cms ul li, .content-cms ol li {display: block; margin-bottom: .5em; margin-left: 1em; overflow: hidden; font-size: 1.5em; line-height: 1.5;}
.content-cms ul li ul {margin-left: 1em; padding: 0; font-size: .625em;}
.content-cms ul.circle li{list-style-type: circle;}
.content-cms ul.disc {list-style-type: disc;}
.content-cms ul.square {list-style-type: square;}
.content-cms .mea-visu {display: block; overflow: hidden; padding: 0; margin: 0;}
.content-cms a  {text-decoration: underline; color: #999; margin: 0 0 2em 0; padding: 0; line-height: 1.5em; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear;}
.content-cms a:hover, .content-cms a:focus {color: #DB4D4D;}
.content-cms img.image-droite {float: right; margin: 1em;}
.content-cms img.image-gauche {float: left; margin: 1em;}
.content-cms .border-bloc  {background: #fff; border: 1px solid #e2e2e2; margin-top: 1em;  margin-left: 0; padding: 0.5em; overflow: hidden; font-size: 1.5em; line-height: 1.2;}
.content-cms .vleft {margin-left: 10em;}
.content-cms .vright {margin-right: 10em;}

/* COLLAPSE */
.content-cms .accordion {border: 1px solid #d9d9d9; margin-top: 1em; border-bottom: 0;}
.content-cms .accordion h4 {margin: 0; font-size: 1.5em; font-weight: normal;}
.content-cms .accordion h4 a {background: #f5f5f5 url('../img/arrow-accordion-on.png') 98% 50% no-repeat; padding: .5em 1em; margin: 0;  font-size: inherit;  text-transform: lowercase; border-bottom: 1px solid #d9d9d9;}
.content-cms .accordion h4 a, .content-cms .accordion h4 a:hover, .content-cms .accordion h4 a:active,.content-cms .accordion h4 a:focus {display: block; color: #62595a; text-decoration: none;}
.content-cms .accordion h4 a.collapsed  {background: #f5f5f5 url('../img/arrow-accordion-off.png') 98% 50% no-repeat;}
.content-cms .accordion .panel-body {padding: 1em; font-size: 1.4em; border-bottom: 1px solid #e4e4e4; overflow: hidden;}
.content-cms .accordion .panel-body::-webkit-scrollbar{width:12px; background-color:#fff; border: 0; box-sizing: border-box;;} 
.content-cms .accordion .panel-body::-webkit-scrollbar-thumb{background-color:#d0d0d0; border-radius:0px; border:0;/* -webkit-box-shadow:0 0 4px gray inset; */}
.content-cms .accordion .panel-body::-webkit-scrollbar-thumb:hover{background-color:#635958; border:0;/* -webkit-box-shadow:0 0 4px gray inset; */}
.content-cms .accordion .panel-body::-webkit-scrollbar-thumb:active{background-color:#635958; border:0;/* -webkit-box-shadow:0 0 4px gray inset; */} 
.content-cms .accordion .panel-body::-webkit-scrollbar-track{border:0; border-radius:0px; /*  -webkit-box-shadow:0 0 4px gray inset; */} 
.content-cms .accordion .panel-body p {padding: 1em; font-size: inherit; text-align: left; margin: 0 0 1em 0; padding: 0; line-height: 1.2;}
.content-cms .accordion-group {border: 0; border-radius: 0; margin: 0;}

/* TABS */
.content-cms .presentation-tabs ul.nav {margin-bottom: 0;}
.content-cms .presentation-tabs ul.nav-tabs {border: 1px solid #d9d9d9; display: inline-block; margin: 0;}
.content-cms .presentation-tabs ul.nav-tabs li:first-child a {border-left: 0;}
.content-cms .presentation-tabs ul.nav-tabs li {margin: 0; display: inline-block; font-size: 1.5em;}
.content-cms .presentation-tabs ul.nav-tabs li a {line-height: 20px; padding: 8px 12px; font-size: inherit; border-radius: 0; border-left: 1px solid #d0d0d0; text-align: center; color: #5f5a5a; font-weight: normal; text-decoration: none; margin: 0; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear;}
.content-cms .presentation-tabs ul.nav-tabs li a:hover {background: #f5f5f5;/*  border-bottom: 1px solid #d0d0d0; */ text-decoration: none;}
.content-cms .presentation-tabs ul.nav-tabs .active  a {border-top: 1px solid transparent;  border-left: 1px solid #d0d0d0; background: #F5F5F5; text-decoration: none;-moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear;}
.content-cms .presentation-tabs ul.nav-tabs .active a:hover {margin-bottom: -1px; border-bottom: 1px solid #f5f5f5; }
.content-cms .presentation-tabs .tab-content>.active, .content-cms .presentation-tabs .pill-content>.active {background: #f5f5f5; padding: 1.5em; border: 1px solid #d9d9d9;}
.content-cms .presentation-tabs .tab-content {overflow: hidden; margin-top: -2px;}

/* TABLEAU */
.content-cms .table {font-size: 1.5em; color: #5f5a5a;}

/* BUTTON */
.content-cms .button {display: inline-block; font-family: 'Open Sans',sans-serif; background: #fc4c4c; border: 0; color: #fff; text-align: center; font-size: 1.5em;  text-transform: uppercase; text-decoration: none; padding: .5em 1em; border-radius: 2px;  letter-spacing: 0.05em; transition: all 0.15s linear; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear;}
.content-cms .button:focus, .content-cms .button:hover {background: #db4d4d; display: inline-block; padding: .5em 1em; text-decoration: none; color: #fff;}
/* .content-cms a.button, .content-cms a.button:hover, .content-cms a.button:focus {text-decoration: none; color: #fff;} */

/* OFFRES PROMOS */
.content-cms .content-promos h2 {color: #494949;font-size: 1.9em; font-weight: normal; line-height: 1.2; margin-bottom: 2em;padding: 0;text-align: center;border: 0;}
.content-cms .content-promos .panel-visu-promos {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top: 30px; padding: 0; text-align: center;}
.content-cms .content-promos .panel-visu-promos ul {display: inline-block;margin-top: 10px;padding: 0;}
.content-cms .content-promos .panel-visu-promos ul li {display: inline-block; height: auto; margin: 0 30px; padding: 0; vertical-align: top; width: 336px;}
.content-cms .content-promos .panel-visu-promos ul li .white { background: #fff; overflow: hidden; padding: 1em;}
.content-cms .content-promos .panel-visu-promos ul li .white h3 {border: 0 none; color: #892b4b; font-size: 6em; margin: 0; padding: .5em 0 ;display: block; overflow: hidden;}
.content-cms .content-promos .panel-visu-promos ul li .white h4 { color: #892b4b;font-size: 1.2em; font-weight: normal; margin: 0; padding: 0; text-align: center; text-transform: uppercase;}
.content-cms .content-promos .panel-visu-promos ul li .white .action {margin: 0; padding: 1em 0; text-align: center;}
.content-cms .content-promos .panel-visu-promos ul li .white .action .content-cms a.button.promo, .content-cms .content-promos .panel-visu-promos ul li .white .action a.button.promo:hover, .content-cms .content-promos .panel-visu-promos ul li .white .action a.button.promo:focus {background: #892b4b; font-size: inherit;}
.content-cms .content-promos .panel-visu-promos ul li .white ul.code-promo {display: block; margin: 0; padding: 0;}
.content-cms .content-promos .panel-visu-promos ul li .white ul.code-promo .text {color: #892b4b; float: left; font-size: 1.9em; margin: 0; padding-top: 0.5em; width: auto;}
.content-cms .content-promos .panel-visu-promos ul li .white ul.code-promo .code {color: #c45b7c; float: right; font-size: 3em; font-weight: bold; margin: 0;padding: 0; text-transform: uppercase; vertical-align: bottom; width: auto;}
.content-cms .content-promos .panel-visu-promos ul li .conditions {color: #494949; font-size: .8em; line-height: 1; margin: 0; padding: 1em 0; text-align: left;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode ul { display: inline-block; margin: 0; padding: 0;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 45%;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li p {font-size: 1.5em; line-height: 1;  margin: 2em 0; padding: 0; text-align: left;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white {background: none repeat scroll 0 0 #fff;display: block;margin: 0; padding: 0 0 10px; text-align: center;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .purcent {border: 0 none; color: #000; font-size: 6em; font-weight: bold; margin: 0; padding: .5em 0 ;display: block; overflow: hidden;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .text-purcent  {text-transform: uppercase; color: #000; font-size: 1.5em}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white ul.code-promo-mode {display: block;margin: 0 25px;padding: 0;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white ul.code-promo-mode .text {color: #000; float: left;font-size: 19px; margin: 0; padding:1em 0 0 0; padding-top: 10px;  width: auto;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white ul.code-promo-mode .code { color: #585858;float: right;font-size: 3em;font-weight: bold;letter-spacing: -1px; margin: 0; padding: 0; text-transform: uppercase; vertical-align: bottom; width: auto;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .action {margin: 0; padding: 10px 0; text-align: center;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .action a.button.promo.decouverte,
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .action a.button.promo.decouverte:hover,
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .action a.button.promo.decouverte:focus {font-size: inherit; background: #000;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .conditions { color: #494949;font-size: 11px; line-height: 1; margin: 0; padding: 15px 0; text-align: left;}
.content-cms .content-promos.top {margin-top: -35px !important;}
.content-cms .content-promos .reset-padding-bottom {padding-bottom: 0 !important;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses ul {display: inline-block;margin: 0;padding: 0;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 45%;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li p {font-size: 19px;line-height: 1;margin: 0 0 35px;padding: 0;text-align: left;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white {background: #fff;display: block; margin: 0; padding: 0 0 10px; text-align: center;}
.content-cms .content-promos.panel-visu-promos ul.offre-courses li .encart-white ul.code-promo-courses {display: block; margin: 0 40px; padding: 0;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white ul.code-promo-courses .text {color: #622c2a;float: left;font-size: 19px;margin: 0;padding-left: 5px;padding-top: 15px;width: auto;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white ul.code-promo-courses .code {color: #f05728; float: right;font-size: 36px;font-weight: bold; margin: 0; padding: 0; text-transform: uppercase;vertical-align: bottom;width: auto;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white .action { margin: 0;padding: 10px 0;text-align: center;}

/* COLLAPSE */
.content-cms .accordion {border: 1px solid #d9d9d9; margin-top: 1em; border-bottom: 0;}
.content-cms .accordion h4 {margin: 0; font-size: 1.5em; font-weight: normal;}
.content-cms .accordion h4 a {background: #f5f5f5 url('../img/arrow-accordion-on.png') 98% 50% no-repeat; padding: .5em 1em; margin: 0;  font-size: inherit;  text-transform: lowercase; border-bottom: 1px solid #d9d9d9;}
.content-cms .accordion h4 a, .content-cms .accordion h4 a:hover, /* .content-cms .accordion h4 a:active, */.content-cms .accordion h4 a:focus {display: block; color: #62595a; text-decoration: none;}
.content-cms .accordion h4 a.collapsed  {background: #f5f5f5 url('../img/arrow-accordion-off.png') 98% 50% no-repeat;}
.content-cms .accordion .panel-body {padding: 1em; font-size: 1.4em; border-bottom: 1px solid #e4e4e4; overflow: hidden;}
.content-cms .accordion .panel-body::-webkit-scrollbar{width:12px; background-color:#fff; border: 0; box-sizing: border-box;;} 
.content-cms .accordion .panel-body::-webkit-scrollbar-thumb{background-color:#d0d0d0; border-radius:0px; border:0;}/* -webkit-box-shadow:0 0 4px gray inset; */
.content-cms .accordion .panel-body::-webkit-scrollbar-thumb:hover{background-color:#635958; border:0;}
.content-cms .accordion .panel-body::-webkit-scrollbar-thumb:active{background-color:#635958; border:0;} 
.content-cms .accordion .panel-body::-webkit-scrollbar-track{border:0; border-radius:0px;} 
.content-cms .accordion .panel-body p {padding: 1em; font-size: inherit; text-align: left; margin: 0 0 1em 0; padding: 0; line-height: 1.2;}
.content-cms .accordion-group {border: 0; border-radius: 0; margin: 0;}

/* TABS */
.content-cms .presentation-tabs ul.nav {margin-bottom: 0;}
.content-cms .presentation-tabs ul.nav-tabs {border: 1px solid #d9d9d9; display: inline-block; margin: 0;}
.content-cms .presentation-tabs ul.nav-tabs li:first-child a {border-left: 0;}
.content-cms .presentation-tabs ul.nav-tabs li {margin: 0; display: inline-block; font-size: 1.5em;}
.content-cms .presentation-tabs ul.nav-tabs li a {line-height: 20px; padding: 8px 12px; font-size: inherit; border-radius: 0; border-left: 1px solid #d0d0d0; text-align: center; color: #5f5a5a; font-weight: normal; text-decoration: none; margin: 0; -moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear;}
.content-cms .presentation-tabs ul.nav-tabs li a:hover {background: #f5f5f5;/*  border-bottom: 1px solid #d0d0d0; */ text-decoration: none;}
.content-cms .presentation-tabs ul.nav-tabs .active  a {border-top: 1px solid transparent;  border-left: 1px solid #d0d0d0; background: #F5F5F5; text-decoration: none;-moz-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; -ms-transition: all 0.15s linear; transition: all 0.15s linear;}
.content-cms .presentation-tabs ul.nav-tabs .active a:hover {margin-bottom: -1px; border-bottom: 1px solid #f5f5f5; }
.content-cms .presentation-tabs .tab-content>.active, .content-cms .presentation-tabs .pill-content>.active {background: #f5f5f5; padding: 1.5em; border: 1px solid #d9d9d9;}
.content-cms .presentation-tabs .tab-content {overflow: hidden; margin-top: -2px;}

/* TABLEAU */
.content-cms .table {font-size: 1.5em; color: #5f5a5a;}

/* BUTTON */
.content-cms .button {display: inline-block; font-family: 'Open Sans',sans-serif; background: #fc4c4c; border: 0; color: #fff; text-align: center; font-size: 1.5em;  text-transform: uppercase; text-decoration: none; padding: .5em 1em; border-radius: 2px;  letter-spacing: 0.05em; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.content-cms .button:focus, .content-cms .button:hover {background: #db4d4d; display: inline-block; padding: .5em 1em; text-decoration: none; color: #fff;}
/* button black */
.content-cms .button.black,.content-cms .button.black:hover,.content-cms .button.black:focus {background: #000;}
.content-cms .button.orange,.content-cms .button.orange:hover,.content-cms .button.orange:focus {background: #f05728;}

/* OFFRES PROMOS */
.content-cms .content-promos h2 {color: #494949;font-size: 1.9em; font-weight: normal; line-height: 1.2; margin-bottom: 2em;padding: 0;text-align: center;border: 0;}
.content-cms .content-promos .panel-visu-promos {background: none repeat scroll 0 0 rgba(0, 0, 0, 0); margin-top: 30px; padding: 0; text-align: center;}
.content-cms .content-promos .panel-visu-promos ul {display: inline-block;margin-top: 10px;padding: 0;}
.content-cms .content-promos .panel-visu-promos ul li {display: inline-block; height: auto; margin: 0 30px; padding: 0; vertical-align: top; width: 336px;}
.content-cms .content-promos .panel-visu-promos ul li .white { background: #fff; overflow: hidden; padding: 1em;}
.content-cms .content-promos .panel-visu-promos ul li .white h3 {border: 0 none; color: #892b4b; font-size: 6em; margin: 0; padding: 0 ;display: block; overflow: hidden;}
.content-cms .content-promos .panel-visu-promos ul li .white h4 { color: #892b4b;font-size: 1.2em; font-weight: normal; margin: 0; padding: 0; text-align: center; text-transform: uppercase;}
.content-cms .content-promos .panel-visu-promos ul li .white .action {margin: 0; padding: 1em 0; text-align: center;}
.content-cms .content-promos .panel-visu-promos ul li .white .action a.button.promo, .content-cms .content-promos .panel-visu-promos ul li .white .action a.button.promo:hover, .content-cms .content-promos .panel-visu-promos ul li .white .action a.button.promo:focus {background: #892b4b; font-size: inherit; margin: 0;}
.content-cms .content-promos .panel-visu-promos ul li .white ul.code-promo {display: block; margin: 0; padding: 0;}
.content-cms .content-promos .panel-visu-promos ul li .white ul.code-promo .text {color: #892b4b; float: left; font-size: 1.9em; margin: 0; padding-top: 0.5em; width: auto;}
.content-cms .content-promos .panel-visu-promos ul li .white ul.code-promo .code {color: #c45b7c; float: right; font-size: 3em; font-weight: bold; margin: 0;padding: 0; text-transform: uppercase; vertical-align: bottom; width: auto;}
.content-cms .content-promos .panel-visu-promos ul li .conditions {color: #494949; font-size: .8em; line-height: 1; margin: 0; padding: 1em 0; text-align: left;}

/*PROMO MODE*/
.content-cms .content-promos .panel-visu-promos ul.offre-mode ul { display: inline-block; margin: 0; padding: 0;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 45%;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li p {font-size: 1.5em; line-height: 1;  margin: 1em 0; padding: 0; text-align: left;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white {background: none repeat scroll 0 0 #fff;display: block;margin: 0; padding: 0 0 10px; text-align: center;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .purcent {border: 0 none; color: #000; font-size: 6em; font-weight: bold; margin: 0; padding: .5em 0 ;display: block; overflow: hidden;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .text-purcent  {text-transform: uppercase; color: #000; font-size: 1.5em; display: block;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white ul.code-promo-mode {display: block;margin: 0 25px;padding: 0;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white ul.code-promo-mode .text {color: #000; float: left;font-size: 19px; margin: 0; padding:1em 0 0 0; padding-top: 10px;  width: auto;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white ul.code-promo-mode .code { color: #585858;float: right;font-size: 3em;font-weight: bold;letter-spacing: -1px; margin: 0; padding: 0; text-transform: uppercase; vertical-align: bottom; width: auto;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .action {margin: 0; padding: 10px 0; text-align: center;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .action a.button.promo.decouverte,
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .action a.button.promo.decouverte:hover,
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .encart-white .action a.button.promo.decouverte:focus {font-size: inherit; background: #000; margin: 0;}
.content-cms .content-promos .panel-visu-promos ul.offre-mode li .conditions { color: #494949;font-size: 11px; line-height: 1; margin: 0; padding: 15px 0; text-align: left;}
.content-cms .content-promos.top {margin-top: -35px !important;}
.content-cms .content-promos .reset-padding-bottom {padding-bottom: 0 !important;}

/*PROMO COURSES*/
.content-cms .content-promos .panel-visu-promos ul.offre-courses ul {display: inline-block;margin: 0;padding: 0;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li { display: inline-block; margin: 0; padding: 0; vertical-align: top; width: 45%;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li p {font-size: 1.5em;line-height: 1;margin: 0 0 35px;padding: 0;text-align: left;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white {background: #fff;display: block; margin: 0; padding: 0 0 10px; text-align: center;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white ul.code-promo-courses {display: block; margin: 0 40px; padding: 0;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white ul.code-promo-courses .text {color: #622c2a;float: left;font-size: 19px;margin: 0; padding-top: 1em; width: auto;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white ul.code-promo-courses .code {color: #f05728; float: right;font-size: 36px;font-weight: bold; margin: 0; padding: 0; text-transform: uppercase;vertical-align: bottom;width: auto;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white .purcent {border: 0 none; color: #f05728; font-size: 6em; font-weight: bold; margin: 0; padding: .5em 0;display: block; overflow: hidden;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white .text-purcent  {text-transform: uppercase; color: #622c2a; font-size: 1.5em;  display: block;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white .action { margin: 0;padding: 10px 0;text-align: center;}
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white .action a.button.promo.livraison,
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white .action a.button.promo.livraison:hover,
.content-cms .content-promos .panel-visu-promos ul.offre-courses li .encart-white .action a.button.promo.livraison:focus{font-size: inherit; background: #f05728; margin: 0;}

 /* CLICK AND GO */
.content-cms .content-clickandgo { margin: 0 auto; border: 0; position: relative; background: none; padding: 0;}
.content-cms .content-clickandgo .logo {display: block; overflow: hidden; background: none; border: 0; text-align: center;padding-bottom: 0; padding-top: 2em; margin: 0;}
.content-cms .content-clickandgo .scene {position: relative; margin: 0; padding: 0; overflow: hidden;}
.content-cms .content-clickandgo .header-gen {margin: 0; padding-bottom: 6em; overflow: hidden; margin-top: -1em;}
.content-cms .content-clickandgo .left, .content-cms .content-clickandgo .right {width: 50%; text-align: right; padding: 0; margin: 0; float: left;}
.content-cms .content-clickandgo .header-gen h2 {font-weight: bold; color: #49235a; font-size: 3.35em; text-transform: uppercase; display: block; border: 0; border-bottom: 0;padding:0 ; margin-top: 1em; background: none;}
.content-cms .content-clickandgo .header-gen h3 {color: #ce3240; font-size: 3em; font-weight: normal; text-transform: normal; display: block; border: 0; padding: 0; margin-top: .5em;}
.content-cms .content-clickandgo .nav-tabs {border: 0; background: none; text-align: center; padding: 0; margin: 0; position: absolute; top: 23em; left: 0; right: 0;}
.content-cms .content-clickandgo .nav-tabs li {display: inline-block; float: none; margin: 0;}
.content-cms .content-clickandgo .nav-tabs > li > a.mode  {display: block; outline: 0 none; text-transform: uppercase; text-align: center; text-decoration: none; border: 0; font-size: 1.1em; color: #fff; border-radius: 0; padding-top: .35em; margin: 0; margin-right: 1em; background: #7b7b7b; width: 166px; -moz-transition: all 0.15s ease 0s; -webkit-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; -ms-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s;} 
.content-cms .content-clickandgo .nav-tabs > li > a.mode:hover,
.content-cms .content-clickandgo .nav-tabs > li > a.mode:focus,
.content-cms .content-clickandgo .nav-tabs > li.active > a.mode {background: #000;padding-top: .35em; width: 166px;} 
.content-cms .content-clickandgo .nav-tabs > li > a.courses  {display: block; outline: 0 none; text-transform: uppercase; text-align: center; text-decoration: none; border: 0; font-size: 1.1em; color: #fff; border-radius: 0; padding-top: .35em; margin:0; background: #fb969e; width: 166px; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} 
.content-cms .content-clickandgo .nav-tabs > li > a.courses:hover,
.content-cms .content-clickandgo .nav-tabs > li > a.courses:focus,
.content-cms .content-clickandgo .nav-tabs > li.active > a.courses {background: #ce3240; } 
.content-cms .content-clickandgo ul.selection {display: block; background: #c3c3c3; padding: 0 .5em; text-align: center;}
.content-cms .content-clickandgo ul.selection li {display: inline-block; padding: 0; margin: .8em .3em; border: 1px solid #afafaf; vertical-align: top; background: #fff;}
.content-cms .content-clickandgo ul.selection li img.onglet {width: 170px !important;}
.content-cms .content-clickandgo ul.selection li span {display: block; text-align: center; position: relative; overflow: visible; background: #eee; margin: 0; padding: 2em 0 0 0; height: 6.5em; text-transform: uppercase; color: #000; font-weight: 600; font-size: .85em; line-height: 1.3; border-top: 1px solid #afafaf;
-moz-box-shadow: 0px -1px 1px 0px #eee;
-webkit-box-shadow: 0px -1px 1px 0px #eee;
-o-box-shadow: 0px -1px 1px 0px #eee;
box-shadow: 0px -1px 1px 0px #eee;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#eee, Direction=90, Strength=1);}
.content-cms .content-clickandgo ul.selection li span a,
.content-cms .content-clickandgo ul.selection li span a:hover,
.content-cms .content-clickandgo ul.selection li span a:focus {text-transform: lowercase; font-size; 1.4em; color: #ce3240; text-decoration: underline; display: block;}
.content-cms .content-clickandgo .pastille {display: block; position: absolute; top: -16px; width: 100%;}
.content-cms .content-clickandgo .action {text-align: center; margin: 3em 0 4em 0;}
.content-cms .content-clickandgo #mode .action a,
.content-cms .content-clickandgo #mode .action a:hover,
.content-cms .content-clickandgo #mode .action a:focus{border-radius: 2px; display: inline-block; background: #000; color: #fff; font-size: 1.5em;letter-spacing: 0.05em; padding: .5em 1em;text-align: center;text-transform: uppercase; text-decoration: none;}
.content-cms .content-clickandgo #courses .action a,
.content-cms .content-clickandgo #courses .action a:hover,
.content-cms .content-clickandgo #courses .action a:focus{border-radius: 2px; display: inline-block; background: #ce3240; color: #fff; font-size: 1.5em; text-decoration: none; letter-spacing: 0.05em;padding: 0.5em 1em;text-align: center;text-transform: uppercase;}
/*V2 CLICK AND COLLECT */
.content-cms .content-click-collect a, .content-cms .content-click-collect a:hover, .content-cms .content-click-collect a:focus {text-decoration: none;}
.content-cms .content-click-collect {background: url('../img/cms/bgk-plan-metro-clic-collect-courses.jpg') repeat-y; background-size: cover; font-family: 'Open Sans',sans-serif; position: relative;}
.content-cms .content-click-collect .pastille-retrait {position: absolute; left: 3em; top: 3em; z-index: 1;}
.content-cms .content-click-collect .logo {display: block; overflow: hidden; border: 0; padding: 4em 0; margin: 0; text-align: center;}
.content-cms .content-click-collect .title {color: #e30613; font-size: 2.9em; text-transform: uppercase; font-weight: bold; padding: 0 0 1em 0; margin: 0; text-align: center; display: block;}
.content-cms .content-click-collect p.mea {color: #000; font-size: 2.4em; font-weight: 400; line-height: 1.3; display: block; text-align: center; margin: 0; padding: 0 0 1em 0; letter-spacing: -0.05em;}
.content-cms .content-click-collect .ss-title {color: #000; font-size: 2.8em; text-transform: uppercase; font-weight: 600; padding: 0 0 1em 0; margin: 0; text-align: center; display: block; letter-spacing: 0.05em;}
.content-cms .content-click-collect .steps {display: block; text-align: center; overflow: hidden; margin: 0; padding: 0;}
.content-cms .content-click-collect .steps .span3 {display: inline-block; background: #fff; border: 4px solid #000; height: 297px; width: 260px; float: none; vertical-align: top; padding: 10px; overflow: hidden;}
.content-cms .content-click-collect .steps .span3 ul li:first-child {text-align: left; text-transform: uppercase; font-size: 1.5em; line-height: 1.35; color: #000; padding-left: 3.2em; padding-bottom: 1.5em; letter-spacing: -0.05em;}
.content-cms .content-click-collect .steps .span3.step-1 ul li:first-child {background: url('../img/cms/c-1-clic-collect-courses.gif') 0 0 no-repeat;}
.content-cms .content-click-collect .steps .span3.step-2 ul li:first-child {background: url('../img/cms/c-2-clic-collect-courses.gif') 0 0 no-repeat;}
.content-cms .content-click-collect .steps .span3.step-3 ul li:first-child {background: url('../img/cms/c-3-clic-collect-courses.gif') 0 0 no-repeat;}
.content-cms .content-click-collect .steps .span3 ul li:nth-child(2) {padding: .5em 0;}
.content-cms .content-click-collect .steps .span3.step-1 ul li:nth-child(2) {padding-bottom: 2.2em;}
.content-cms .content-click-collect .steps .span3 ul li:nth-child(3) {font-size: 1.4em; color: #000; line-height: 1.2; text-align: center; margin: 0; letter-spacing: -0.05em;}
.content-cms .content-click-collect .steps .span3 ul li a.button,
.content-cms .content-click-collect .steps .span3 ul li a.button:hover,
.content-cms .content-click-collect .steps .span3 ul li a.button:focus {color: #000; text-decoration: underline; margin: 0 !important;}
.content-cms .content-click-collect .cta {text-align: center; padding: 2em 0 0 0; margin: 0;}
.content-cms .content-click-collect .button {margin: 0;}
.content-cms .content-click-collect .mentions {text-align: left; line-height: 1.2; font-size: 1.2em; color: #999; text-decoration: none; padding: 1em 0 .5em 3.5em; margin: 0;}
.content-cms .content-click-collect .mentions a, .content-cms .content-click-collect .mentions a:hover, .content-cms .content-click-collect .mentions a:focus {text-decoration: underline !important;}
/* RETOUR MAGASIN */
.content-cms .retours-magasin {display: block; padding: 0; margin: 0 auto; background: #d0d0d0; overflow: hidden; width: 700px; border: 1px solid #d8d8d8;}
.content-cms .retours-magasin .header-mea {position: relatrive; display: block; background: url('https://www.monoprix.fr/medias/Pages/retours/bgk-bloc-retours-magasin.jpg') top center no-repeat; min-height: 334px;}
.content-cms .retours-magasin .header-mea .title {display: block; padding: 100px 0 29px 0; text-align: left; margin: 0 12px;}
.content-cms .retours-magasin .header-mea .ss-title {display: block; font-family: 'Open Sans',sans-serif; color: #000; text-transform: uppercase; font-size: 2.2em; text-align: left; margin: 0; padding: 0 0 0 30px;}
.content-cms .retours-magasin .header-mea .ss-title > span {display: inline-block; text-align: center;}
.content-cms .retours-magasin .content-retrait-magasin {display: block; padding: 30px 10px 10px 10px; background: transparent;}
.content-cms .retours-magasin .content-retrait-magasin ul {display: block; overflow: visible; padding: 0; margin: 0 0 20px 0; text-align: center;}
.content-cms .retours-magasin .content-retrait-magasin ul li:first-child {margin-left: 0;}
.content-cms .retours-magasin .content-retrait-magasin ul li {display: inline-block; width: 197px; height: 62px; padding: 110px 10px 10px 10px; margin: 0 0 0 8px; border: 1px solid #d8d8d8; background: rgba(255,255,255,1); overflow: hidden;font-size: 1.3em; color: #333; line-height: 1;-webkit-box-shadow: 2px 2px 10px 2px rgba(0,0,0,.5); box-shadow: 1px 1px 5px 1px rgba(0,0,0,.3);}
.content-cms .retours-magasin .content-retrait-magasin ul li:nth-child(1) {background: #fff url('https://www.monoprix.fr/medias/Pages/retours/rm-ico-bloc-1.png') 50% 10% no-repeat;}
.content-cms .retours-magasin .content-retrait-magasin ul li:nth-child(2) {background: #fff url('https://www.monoprix.fr/medias/Pages/retours/rm-ico-bloc-2.png') 50% 10% no-repeat;}
.content-cms .retours-magasin .content-retrait-magasin ul li:nth-child(3) {background: #fff url('https://www.monoprix.fr/medias/Pages/retours/rm-ico-bloc-3.png') 50% 20% no-repeat;}
.content-cms .retours-magasin .content-retrait-magasin ul li span {color: #000; text-transform: uppercase; font-size: inherit; font-weight: 600;}
.content-cms .retours-magasin .content-retrait-magasin ul li span em {text-transform: lowercase;}
.content-cms .retours-magasin .content-retrait-magasin ul li span a,
.content-cms .retours-magasin .content-retrait-magasin ul li span a:hover,
.content-cms .retours-magasin .content-retrait-magasin ul li span a:focus {text-decoration: underline; color: #db4d4d; margin: 0; font-weight: 600;}
.content-cms .retours-magasin .details-retrait-magasin {color: #000; font-size: 1.1em; padding: 1em 0;}
.content-cms .retours-magasin  .link a{margin-bottom: 0;}

/* OFFRE DECOUVERTE */
.content-cms .offre-decouverte-exclu-web {background: #fde46d; overflow: hidden; padding: 0; margin: 0; font-family: 'Open Sans',sans-serif;}
.content-cms .title-offre {display: block; padding: 0; margin: 0; overflow: hiiden; color: #fff; font-size: 6em; text-transform: uppercase; font-weight: normal;}
.content-cms .title-offre .e-red {background: #e23b3b;}
.content-cms .title-offre .e-green {background: #4cb082;}
.content-cms .offre-decouverte-exclu-web .text-intro-offre-exclu-web {font-size: 2.2em; color: #3d9c70; text-align: center; displau: block; line-height: 1.4; padding: 0; margin: 1em 0;}
.content-cms .offre-decouverte-exclu-web .cta-offre-decouverte-exclu-web {display: block; overflow: hidden; background: #fde46d url('https://www.monoprix.fr/medias/Pages/decouverte_courses/bgk-produits-offre-decouverte-exclu-web.jpg') 0 0 no-repeat; background-size: cover;}
.content-cms .offre-decouverte-exclu-web .mea-offre-decouverte-exclu-web {display: block; width: 410px; background: #fff; border: 5px solid #4cb082; height: 380px; margin: 185px auto 180px auto; padding: 1.5em;text-align: center;}
.content-cms .offre-decouverte-exclu-web .mea-offre-decouverte-exclu-web .offerts {text-transform: uppercase; font-size: 5.5em; color: #e23b3b; font-weight: bold; line-height: 1.1; letter-spacing: .05em; display: block;}
.content-cms .offre-decouverte-exclu-web .mea-offre-decouverte-exclu-web .offerts.space {letter-spacing: 0.2em;}
.content-cms .offre-decouverte-exclu-web .mea-offre-decouverte-exclu-web .text-commande {font-size: 2.7em; color: #333;}
.content-cms .offre-decouverte-exclu-web .mea-offre-decouverte-exclu-web .text-commande .code {text-transform: uppercase; color: #e23b3b; font-weight: 600;}
.content-cms .offre-decouverte-exclu-web .mea-offre-decouverte-exclu-web .separate {display: block; text-align: center; margin: 1.2em 0;}
.content-cms .offre-decouverte-exclu-web .mea-offre-decouverte-exclu-web .cta-link{display: block; text-align: center; overflow: hidden; padding: 3em 0 0 0; margin: 0;}
.content-cms .offre-decouverte-exclu-web .mea-offre-decouverte-exclu-web .cta-link .button {padding: .2em 1em; font-size: 2em;}
.content-cms .offre-decouverte-exclu-web .mea-expli {display: block; overflow: hidden; text-align: center;}
.content-cms .offre-decouverte-exclu-web .mea-expli .green-line {display: inline-block; width: 580px; height: 2px; background: #51a170; padding: 0; margin: 4em 0 2em 0;}
.content-cms .offre-decouverte-exclu-web .mea-expli .title-expli {text-transform: uppercase; font-size: 3em; line-height: 1.2; color: #51a170; margin: 0; padding: 0; font-size: 600;}
.content-cms .offre-decouverte-exclu-web .mea-expli ul {display: inline-block; margin: 2em 0 4em 0; padding: 0; text-align: left;}
.content-cms .offre-decouverte-exclu-web .mea-expli ul li {color: #51a170; font-size: 2.1em; display: block; line-height: 2;}
.content-cms .offre-decouverte-exclu-web .mea-expli ul li:nth-child(1) {background: url('https://www.monoprix.fr/medias/Pages/decouverte_courses/pastille-one.png') left center no-repeat; padding-left: 3em;}
.content-cms .offre-decouverte-exclu-web .mea-expli ul li:nth-child(2) {background: url('https://www.monoprix.fr/medias/Pages/decouverte_courses/pastille-two.png') left center no-repeat; padding-left: 3em;}
.content-cms .offre-decouverte-exclu-web .mea-expli ul li:nth-child(3) {background: url('https://www.monoprix.fr/medias/Pages/decouverte_courses/pastille-three.png') left center no-repeat; padding-left: 3em;}
.content-cms .offre-decouverte-exclu-web .mentions-offre-decouverte-exclu-web {background: #fff; color: #000; font-size: 1.1em; line-height: 1.2; padding: 1.5em; margin: 0;}

/* PAGE NEW APPLI MOBIL */
.mea-new-appli {padding: 0; margin: 0; overflow: hidden;}
.mea-new-appli .title {display: block; padding: 0; margin: 0;}
.mea-new-appli img.mea {float: right; margin-left: 1em;}
.mea-new-appli p {display: block; font-size: 1.6em; color: #868484; letter-spacing: .05em; line-height: 1.2; padding: .1em 0; margin: 2em 0;}
.mea-new-appli ul.download {display: block; padding: 0; margin: 0;}
.mea-new-appli ul.download li:first-child {margin-left: 0;}
.mea-new-appli ul.download li {float: left; margin-left: 1.5em;}
.content-cms .mea-courses-mode-appli {display: block; margin: 1em 0; padding: 0; overflow: visible;}
.content-cms .mea-courses-mode-appli li:first-child {margin-left: 0;}
.content-cms .mea-courses-mode-appli li {vertical-align: top; display: inline-block; background: #fff; padding: .5em; color: #4688a2; text-align: center; font-size: 1.6em; margin-left: 2.1em; margin-bottom: 0;height: 380px; overflow: visible;-webkit-box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
box-shadow: 0 0 5px 1px rgba(0,0,0,.1);}
.content-cms .mea-courses-mode-appli li p { color: #4688a2; font-size: inherit; padding: 1em 0 0 2em; margin: 0;}
.content-cms .mea-courses-mode-appli li h3 {text-transform: uppercase; color: #5f5a5a; font-size: 1.5em; line-height: 1.5;  display: block; text-align: center; padding: 0 0 .3em 0; margin: 0; font-weight: normal;}
.content-cms .mea-courses-mode-appli li ul {display: block; padding: 0; margin: 0;}
.content-cms .mea-courses-mode-appli li ul li {line-height: 1.1; height: auto; box-shadow: none; -webkit-box-shadow: none}
.content-cms .mea-retouvez-appli {color: #3e3b3b; font-size: 1.8em; margin: -.5em 1em .5em 1em; padding: 0 .3em;}
.mea-download-new-appli {text-transform: uppercase; color: #e30613; font-size: 2.2em; font-weight: 600; margin: 0 0 1em 0;}
.picto-download-new-appli a:first-child {margin-left: 0;}
.picto-download-new-appli a {margin-left: 1.5em; padding: 0;}

/* FRAIS LIVRAISON 2016 */
.content-cms .content-frais-livraison-2016 {background: url('https://www.monoprix.fr/medias/courses/pages/bg-frais-livraison-2016.jpg') 0 0 no-repeat; min-height: 541px;}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison {float: right; margin: 3em 13em 3em 0; padding: 0; width: 374px; height: auto;}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison p,
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison .text-intro-livraison 
 {color: #000; font-size: 1.5em; line-height: 1.3; padding: .2em 0; margin: 1.5em 0; letter-spacing: .035em; display: block; overflow: hidden;}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison table.table {width: 100%; display: table;border-collapse: separate; border-spacing: 3px;}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison table.table th {vertical-align: top; padding: .5em; text-align: center; color: #fff; text-transform: uppercase; font-size: 1em; background: #25438d; width: 50%; font-weight: normal;}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison table.table td {background: #fff; text-align: center; padding: .5em;}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison table.table .prix-barre {text-decoration: line-through; font-size: 1.1em; color: #9d9c9c; vertical-align: bottom; margin-right: 1em; padding: 0}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison table.table .prix {font-size: 1.4em; color: #25438d; margin: 0; padding: 0; font-weight: 600;}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison table.table .gratuit {color: #009ce7; text-transform: uppercase; font-size: 1.4em; font-weight: 600;}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison .cta {display: block; overflow: hiden; padding: 2em 0; margin: 0; text-align: center;}
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison .cta a,
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison .cta a:hover,
.content-cms .content-frais-livraison-2016 .bloc-infos-livraison .cta a:focus {background: #25438d; color: #fff; text-transform: uppercase; padding: .5em 1em; font-size: 1.4em; display: inline-block; text-decoration: none; letter-spacing: .05em; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.content-cms .content-frais-livraison-2016 a,
.content-cms .content-frais-livraison-2016 a:hover,
.content-cms .content-frais-livraison-2016 a:focus {text-decoration: none;}

/* NOUVELLE CARTE */
.content-cms  .contentNewCarte strong {font-weight: bold;}
.content-cms  .contentNewCarte {width: 714px; margin: 0 auto; padding: 0; overflow: hidden;}
.content-cms  .contentNewCarte .header-carte {text-align: center; background: #0c406b;}
.content-cms  .contentNewCarte .header-carte .top {background: #f15e7b; text-align: center; padding-top: 4em; margin: 0;}
.content-cms  .contentNewCarte .header-carte .bottom {text-align: center;}
.content-cms  .contentNewCarte .header-carte .text-intro {padding: 2.5em 0; line-height: 1.2; color: #fff; font-size: 1.35em;}
.content-cms  .contentNewCarte ul.avantages {display: block; margin: .8em 0 0 0;}
.content-cms  .contentNewCarte ul.avantages li:first-child {margin-left: 0; margin-top: 0;}
.content-cms  .contentNewCarte ul.avantages li {display: inline-block; width: 172px; height: 333px; padding: 0; margin: 0 0 0 .35em; text-align: center; position: relative; cursor: pointer; vertical-align: middle;} 
.content-cms  .contentNewCarte ul.avantages li img {display: block; margin: .2em auto .2em auto;}
.content-cms  .contentNewCarte ul.avantages li .title {text-transform: uppercase; color: #0c406c; text-align:center; font-size: .8em; display: block; letter-spacing: .1em; font-weight: 700;}
.content-cms  .contentNewCarte ul.avantages li .lad {letter-spacing: .135em !important;}
.content-cms  .contentNewCarte ul.avantages li .free {text-transform: uppercase; font-size: 2.0em; color: #0c406c; letter-spacing: -.06em; font-weight: bold; line-height: .8; display: block; margin: .1em 0;}
.content-cms  .contentNewCarte ul.avantages li .text {text-transform: uppercase; font-size: 1em; color: #0c406c; letter-spacing: -.02em; line-height: 1.3; display: block;}
.content-cms  .contentNewCarte ul.avantages li .rouge {text-transform: uppercase; font-size: 1em; color: #d82857; letter-spacing: 0; line-height: 1.1; display: block; font-weight: bold; margin-top: .1em;}
.content-cms  .contentNewCarte ul.avantages li.appli {display: block; width: auto; height: 246px; width: 714px; margin: .5em auto auto auto; padding: 0; text-align: center; position: relative; background: url('https://www.monoprix.fr/medias/Lacarte/bgk-appli.gif') 0 0 no-repeat;} 
.content-cms  .contentNewCarte .red {color: #d82857;font-weight: bold;}
.content-cms  .contentNewCarte ul.avantages li.appli p {text-align: center; padding: 0; margin: 1em 0; font-size: 1em;}
.content-cms  .contentNewCarte ul.avantages li.appli p img.first {margin-left: 0;}
.content-cms  .contentNewCarte ul.avantages li.appli p img {display: inline-block; margin-left: 5em;}
.content-cms  .contentNewCarte ul.avantages li .mask {position: absolute; left:0; top: 0; z-index: 10; display: none; font-size: 1.5em; padding: .3em; line-height: .6; text-align: center; color: #000; border: 1px solid #000; background: rgba(255,255,255,.3);}
.content-cms  .contentNewCarte ul.avantages li:nth-child(1) .mask {border: 1px solid #004f81 !important; color: #004f81 !important;}
.content-cms  .contentNewCarte ul.avantages li:nth-child(2) .mask {border: 1px solid #c9103c !important; color: #c9103c !important;}
.content-cms  .contentNewCarte ul.avantages li:nth-child(3) .mask {border: 1px solid #00645a !important; color: #00645a !important;}
.content-cms  .contentNewCarte ul.avantages li:nth-child(4).mask {border: 1px solid #3a3c3b !important; color: #3a3c3b !important;}
.content-cms  .contentNewCarte ul.avantages li:nth-child(5) .mask {border: 1px solid #fe817b !important; color: #fe817b !important;}
.content-cms  .contentNewCarte ul.avantages li .panneau {padding-top: 3em; z-index: 3; background: #fff; position: absolute; top: 0; right: 0; left: 0; bottom: 0; visibility: hidden; opacity:0; -moz-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.content-cms  .contentNewCarte ul.avantages li:hover .panneau  {visibility: visible; opacity:1;}
.content-cms  .contentNewCarte .footer-carte {text-align: center; background: #f15d7a; margin-top: 1em; padding: 0;}
.content-cms  .contentNewCarte .footer-carte .foire {text-transform: uppercase; color: #fff; font-weight: 400; font-size: 2em; text-align: center; padding: .5em 0; line-height: 1; background: #004d7a;}
.content-cms  .contentNewCarte .footer-carte .text-foire {padding: 2.5em 0; line-height: 1.2; color: #fff; font-size: 1.35em;}
.content-cms  .contentNewCarte .cta a,
.content-cms  .contentNewCarte .cta a:hover {display: inline-block; background:  #f15d7a; color: #fff; text-transform: uppercase; padding: .3em 1em; font-size: 1.5em ; font-weight: bold; text-decoration: none;}
.cta-blue {background: #004d7a !important;}

.content-cms  .contentNewCarte .mentions-new-carte {display: block; overflow: hidden; padding: 0; margin: 0;}
.content-cms  .contentNewCarte .mentions-new-carte p {margin: 1em 0; padding: 0; font-size:1em; color: #000; line-height: 1.1; text-align: left;}

/* RESPONSIVE */
@media (max-width:1366px) {

}

@media (max-width:1199px) {
.content-cms .mea-courses-mode-appli li {display: block; overflow: hidden; margin-left: 0; margin-bottom: 1em; height: auto;}
.content-cms .mea-courses-mode-appli li p {text-align: center; padding: 0 1em;}

}

@media (max-width:1024px) {
	/*Appli mobil*/
	.mea-new-appli {text-align: center;}
	.mea-new-appli  img.mea{ display: inline-block; margin: 0 auto; float: none;}
	.mea-new-appli ul.download {display: inline-block; margin-bottom: 1em;}
	.content-cms .mea-courses-mode-appli {text-align: center;}
	.content-cms .mea-courses-mode-appli li {margin: 0 0 1em 0; display: block; height: auto;}


}

@media (max-width:980px) {
	.content-cms {border: 0;}
	.content-cms .contentNewCarte {margin: 0 auto;}
	.content-cms  .contentNewCarte ul.avantages li .mask {display: block;}
	 .content-cms  .contentNewCarte ul.avantages li:hover .panneau  {opacity: 0;} 
}

@media (max-width:768px) {

	.content-cms .content-frais-livraison-2016 {background: #f5f5f5; min-height: auto;}
	.content-cms .content-frais-livraison-2016 .bloc-infos-livraison {float: none; margin: 0 auto;}
	.content-cms .contentNewCarte ul.avantages {margin-top: 1em;}

/* .content-cms  .contentNewCarte {width: 100%;} */

#mpx-content {margin: 0;}
}
/* media queriy pour NOUVELLE CARTE */
@media (max-width:714px) {
	.content-cms  .contentNewCarte {width: 100%;}
	.content-cms  .contentNewCarte ul.avantages li {margin: .3em .3em 0 0;}
	.content-cms .contentNewCarte ul.avantages {text-align: center;}
	.content-cms .contentNewCarte ul.avantages li.appli {width: 100%;}
}

@media (max-width:600px) {
	.content-cms .content-click-collect .pastille-retrait {position: relative; left: auto; top: auto; display: block; text-align: center;}
	.content-cms  .contentNewCarte ul.avantages li .panneau {padding-top: 1em;}
}

	
@media (max-width:480px) {
/*Page Appli Mobil*/
	.content-cms .mea-courses-mode-appli li p {padding: 0 1em;}
	.content-cms .content-frais-livraison-2016 .bloc-infos-livraison {width: auto;}
	.bloc-infos-livraison {text-align: center;}

}

@media (max-width:365px) {
	.content-cms .contentNewCarte ul.avantages li {width: 163px; margin: 0; height: auto;}
  
}

@media (max-width:320px) {
.content-cms .contentNewCarte ul.avantages li {width: 150px;}
  
}