.clear { clear:both; }
hr.light-sep { visibility:visible; height:1px; border:0; background-color:#c8c8c8; margin:16px 0;}

/* Rows & Columns */
.row { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; padding: 5px; width: 100%; }
.row-no-padding { padding: 0; }
.row-no-padding > .col { padding: 0; }
.col { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; display: block; padding: 5px; }

/* .col-* vertically aligns an individual .col */
.col-top { -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; }

.col-bottom { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; }

.col-center { -webkit-align-self: center; -moz-align-self: center; -ms-flex-item-align: center; align-self: center; }

/* Column Offsets */
.col-offset-05 { margin-left: 5%; }
.col-offset-10 { margin-left: 10%; }
.col-offset-20 { margin-left: 20%; }
.col-offset-25 { margin-left: 25%; }
.col-offset-33, .col-offset-34 { margin-left: 33.3333%; }
.col-offset-50 { margin-left: 50%; }
.col-offset-66, .col-offset-67 { margin-left: 66.6666%; }
.col-offset-75 { margin-left: 75%; }
.col-offset-80 { margin-left: 80%; }
.col-offset-90 { margin-left: 90%; }

/* Explicit Column Percent Sizes */
/* By default each grid column will evenly distribute */
/* across the grid. However, you can specify individual */
/* columns to take up a certain size of the available area */
.col-10 { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -moz-box-flex: 0; -moz-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%; }
.col-20 { -webkit-box-flex: 0; -webkit-flex: 0 0 20%; -moz-box-flex: 0; -moz-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
.col-25 { -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -moz-box-flex: 0; -moz-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.col-33, .col-34 { -webkit-box-flex: 0; -webkit-flex: 0 0 33.3333%; -moz-box-flex: 0; -moz-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-50 { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -moz-box-flex: 0; -moz-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.col-66, .col-67 { -webkit-box-flex: 0; -webkit-flex: 0 0 66.6666%; -moz-box-flex: 0; -moz-flex: 0 0 66.6666%; -ms-flex: 0 0 66.6666%; flex: 0 0 66.6666%; max-width: 66.6666%; }
.col-75 { -webkit-box-flex: 0; -webkit-flex: 0 0 75%; -moz-box-flex: 0; -moz-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
.col-80 { -webkit-box-flex: 0; -webkit-flex: 0 0 80%; -moz-box-flex: 0; -moz-flex: 0 0 80%; -ms-flex: 0 0 80%; flex: 0 0 80%; max-width: 80%; }
.col-90 { -webkit-box-flex: 0; -webkit-flex: 0 0 90%; -moz-box-flex: 0; -moz-flex: 0 0 90%; -ms-flex: 0 0 90%; flex: 0 0 90%; max-width: 90%; }

input:focus:not(.ok){ border:solid 1px black; outline:0; }

/* Popin Dialog */

.ui-dialog.popin-login .ui-widget-overlay { background:rgba(0,0,0,.3); }
.ui-dialog.popin-login { background:white; -moz-box-shadow: 0 0 5px 3px #cfcfcf; -webkit-box-shadow: 0 0 5px 3px rgba(0,0,0,0.2); -o-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.2); filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=NaN, Strength=5); }
.ui-dialog.popin-login .ui-dialog-title { font-family:Avalon-Bold; font-size:16.5pt; width:100%; padding-bottom:15px; border-bottom:solid 1px #838383; }
.ui-dialog.popin-login .ui-dialog-titlebar { padding:15px 30px; }
.ui-dialog.popin-login .ui-dialog-content { padding:0 30px; }
.ui-dialog.popin-login .ui-dialog-titlebar-close { position:relative; right:.3em; width:15px; height:15px; margin:0; padding:1px; top:5px !important; float:right; }
.ui-dialog.popin-login .ui-dialog-titlebar-close { background:white url('../../images/common/popin/closePopin.png'); background-size: 15px 15px; background-repeat: no-repeat; background-position:bottom right; border:0; top:1em !important; }

.no-touch .ui-dialog-titlebar-close:hover,  .ui-dialog-titlebar-close:active { background-image:url('../../images/common/popin/closePopinRed.png'); }

.popin-style1 .ui-dialog-title { font-family: ITCAvantGardePro-Bk; font-size: 12.75pt; width: 75%; padding-bottom: 0; border-bottom: 0; text-transform: uppercase; white-space: normal; letter-spacing: 0; }
.popin-style1 .ui-dialog-content { padding: 0 23px 15px; }
.popin-style1 .ui-dialog-titlebar { padding: 0 0 5px; margin: 17px 23px 0; border-bottom:solid 1px lightgrey; }
.popin-style1.hide .ui-dialog-titlebar-close { display: none; }
.popin-style1.line .ui-dialog-titlebar { border-bottom: solid 1px #eeeeee; }

/* Bouton Style */
a.a-btn { font-family:Avalon-Medium; letter-spacing: 0.05em; text-transform:uppercase; background:#CC0000; color:white; text-decoration:none; padding:7px 19px 6px; font-size:9.75pt; -webkit-transition:all 0.3s; transition:all 0.3s; }
.no-touch a.a-btn:hover, a.a-btn:active, a.a-btn:focus { background:black; }
a.a-btn.reverse { background:black; }
.no-touch a.a-btn.reverse:hover, a.a-btn.reverse:active, , a.a-btn.reverse:focus { background:#CC0000; color:white; display:block; text-decoration:none; padding:7px 19px 6px; font-size:9.75pt; }

a.a-btn.left-arrow:after { content:'\A'; display: inline-block; width: 0; height: 0; border-left: 3px solid white; border-top: 3px solid transparent; border-bottom: 3px solid transparent; margin-left: 6px; margin-bottom: 1px; }

a.r-btn { font-family:Avalon-Medium; letter-spacing: 0.05em; text-transform:uppercase; background:black; color:white; text-decoration:none; padding:7px 19px 6px; font-size:9.75pt; -webkit-transition:all 0.3s; transition:all 0.3s; }
.no-touch a.r-btn:hover, a.r-btn:active, a.r-btn:focus, .no-touch a.r-btn:focus { color: #CC0000; }
a.r-btn.reverse { color: #CC0000;  }
.no-touch a.r-btn.reverse:hover, .no-touch a.r-btn.reverse:focus, a.r-btn.reverse:active { background:#CC0000; color:white; display:block; text-decoration:none; padding:7px 19px 6px; font-size:9.75pt; }

/* Separator */
.vertical-separator { height: 1px; border-bottom: 1px solid #c8c8c8; display: inline-block; padding-left:1px; width: 100%;     margin: 17px 0 17px 0;}
.horizontal-separator { width: 1px; border-right: 1px solid #c8c8c8; display: inline-block; padding-top:1px;  }

/* Title */
h1.title { font-family: Avalon-Book; font-size: 21pt; color: #112223; text-align: center; text-transform: uppercase; letter-spacing: 0.075em; border-bottom: 2px solid #000000; padding: 15px 0 7px; }

/* Erreur */
input.error { border:solid 1px #CC0000 !important; }
span.error { color: #CC0000 !important; }
label.error { color: #CC0000 !important; }
a.error { color: #CC0000 !important; }

#footer { margin-top:49px; }
.footer__copyright { font-style:normal; }
.error-message ul li { color: #CC0000; list-style: none; line-height:20px; }
.error-message ul li a { color: #CC0000; }
.error-message ul li a:hover { color: #000000; }
.error-message ul { padding-left: 0; }


.section { margin: 25px 10px 10px 10px; font-family: Arial; font-size: 8.25pt; }
.section > * { margin-bottom: 10px; }
.section > .error-message { margin-bottom: 20px; }
.section h2, .section h2 > span, .section h2 > span > span { font-family: Avalon-Book; font-size: 14.25pt; text-transform: uppercase; letter-spacing: 0.075em;}
.section h2 .red { color: #cc0000; }

.body_ipad input { line-height: 19px; }
.body_ipad input[type="checkbox"] { -webkit-transform: scale(0.7); }

#mySephora #headerFID { margin-left: 40px; }
#popIn .container_text{
    width: 559px;
    float: left;
}
.benefit #popIn .container_text{
	margin-bottom:25px;
}
#popIn  .title_rubrique{
	font-size: 18px;
    color: #000;
    font-family: "Avalon-bold";
    text-transform: uppercase;
    letter-spacing: 1.7px;
	margin-top:20px;
}
.makeUpBar #popIn{
	width:100%;
}
.makeUpBar .container_MU{
	clear:both;
	display:table;
	width:100%;
}
.makeUpBar .bloc_MU{
	width:308px;
	display:table;
	float:left;
	margin:0 auto 30px auto;
}
.makeUpBar .bloc_MU.last,
.makeUpBar .bloc_MU.first{
	margin:0 0 30px 0;
}
.makeUpBar .bloc_MU.last{
	float:right;
}
.makeUpBar .bloc_MU.first{
	margin-right:28px;
}
.makeUpBar .bloc_MU.alone{
	margin:0 auto;
	float:none;
}
.makeUpBar .bloc_MU .desc,.makeUpBar #popIn ,#popIn  .title_rubrique span{
	font-size: 14px;
    color: #000;
    font-family: "Avalon-book";
}
#popIn .bloc_MU .title_rubrique{
	margin:20px auto;
	padding:0;
	font-size:17px;
}
.makeUpBar .bloc_MU .desc{
	text-align:center;
}
.desc_MU{
	margin:25px auto;
	font-size:14px;
    font-family: "Avalon-book";
	text-align:center;
}
#popIn  .title_rubrique span{
	display:table;
	clear:both;
	margin:0 auto;
}
.container_text .title_rubrique{
	font-size: 18px;
    color: #000;
    font-family: "Avalon-bold";
    text-transform: uppercase;
    letter-spacing: 1.7px;
	margin-top:20px;
}
.sur_title_rubrique{
	font-size: 22px;
    color: #000;
    font-family: "Avalon-bold";
    text-transform: uppercase;
    letter-spacing: 1.7px;
	margin-top:20px;
}
.makeUpBar .title_center.title_rubrique,.makeUpBar .sur_title_rubrique{
	display:table;
	margin:0 auto;
	padding-bottom:25px;
	text-align:center;
}
.borderHeaderMU,.borderCenterMU{
	border-bottom:1px solid #000;
	clear:both;
	margin:0 auto;
	width:200px;
	display:table;
	margin-bottom:25px;
}
.borderCenterMU{
	margin:25px auto;
}
#popIn .noLogo.title_rubrique,#popIn .container_text .noLogo.title_rubrique{
	margin-top:0px;
}
#popIn div > .subtitle_rubrique {
    font-size: 18px;
    font-family: "Avalon-Medium";
    text-transform: uppercase;
    margin-top: 30px;
}
.desc_MU strong{
    font-weight: bold;
    font-family: Avalon-bold;
}
#popIn  p{
    color: #000;
    font-family: "Avalon-Book";
	font-size:14px;
	text-align:justify;
}
.nailbar_pl #popIn p,
.skincareconsult #popIn p{
	    line-height: 24px;
}
.nailbar_pl #popIn .container_text p span.gras,
.skincareconsult #popIn .container_text p span.gras{
	margin-bottom:15px;
}
#popIn .container_text p span.gras{
	display:table;
	font-size:14px;
	letter-spacing:0.9px;
	clear:both;
	margin:15px 0 5px 0;
}
#popIn #benefitServices.container_text p span.gras{
	margin:15px 0 5px 0;
}
#popIn .container_text a.a-btn{
    margin: 37px 0 30px 0;
    clear: both;
    line-height: 100%;
    display: table;
}
#content #titre{
    font-size: 30px;
    font-family: "Avalon-medium";
    letter-spacing: 5px;
    text-align: center;
    margin: 20px 0 15px 0;
    text-transform: uppercase;
} 

.btn_menu .cont_sous_menu_externe .cont_sous_menu_interne .cont_sous_menu .sous_menu_img_promo .bloc_promo_ss_menu.bloc_ss_menu_double  h4.link-group-title,
.bloc_promo_ss_menu.bloc_ss_menu_double > a > h4 {
	margin-top:0;
}
.bloc_promo_ss_menu.bloc_ss_menu_double > a > .conteneur_img_promo_ss_menu{
    height: 113px;
    margin-top: 0px;
    margin-bottom: 5px;
}
.bloc_promo_ss_menu.bloc_ss_menu_double .img_promo_ss_menu{
	    height: 113px;
}
.bloc_promo_ss_menu.bloc_ss_menu_double .marque_promo_ss_menu:first-child{
	border-bottom:1px #ccc solid;
	padding-bottom: 3px;
}
.bloc_promo_ss_menu.bloc_ss_menu_double  .marque_promo_ss_menu {
    margin: 0 auto 12px auto;
}
.bloc_promo_ss_menu.bloc_ss_menu_double  .flag-new{
letter-spacing: 1px;
line-height: 12px;
margin: 10px 0 5px;
padding: 0;
}
.btn_menu .cont_sous_menu_externe .cont_sous_menu_interne .cont_sous_menu .sous_menu_img_promo .bloc_promo_ss_menu h4.link-group-title{
  letter-spacing: 5px;
  font-size: 19px;
  margin-top: 30px;
  font-family: Avalon-Bold,sans-serif;
  font-weight: 700;
  margin-left: 0px;
  line-height: 20px;
}