/* CSS Document */

/* add a five equal columns to bootstrap possibilities */ 
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/* columns of same height styles */
.container-xs-height {
    display:table;
    padding-left:0px;
    padding-right:0px;
}
.row-xs-height {
    display:table-row;
}
.col-xs-height {
    display:table-cell;
    float:none;
}
@media (min-width: 768px) {
    .container-sm-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-sm-height {
        display:table-row;
    }
    .col-sm-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 992px) {
    .container-md-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-md-height {
        display:table-row;
    }
    .col-md-height {
        display:table-cell;
        float:none;
    }
}
@media (min-width: 1200px) {
    .container-lg-height {
        display:table;
        padding-left:0px;
        padding-right:0px;
    }
    .row-lg-height {
        display:table-row;
    }
    .col-lg-height {
        display:table-cell;
        float:none;
    }
}

/* vertical alignment styles */
.col-top {
    vertical-align:top;
}
.col-middle {
    vertical-align:middle;
}
.col-bottom {
    vertical-align:bottom;
}


html { font-size:62.5%;}
html,body{    height: 100%; width:100%; margin:0;}
body { font-family:Ubuntu, "Helvetica Neue", Helvetica, sans-serif; color:#898989; font-size: 16px; font-size: 1.6rem; line-height:20px; background-color:#f6f0e7; }
div.site_container { position:relative; min-height: 100%; height: auto !important;	height: 100%;  z-index:2;}
div.site_container div.container { position:relative; min-width:970px; }
div.site_container h1 { font-size:48px; font-size:4.8rem; font-weight:500; text-align:center; margin-bottom:30px; color:#363636;}

div.site_container header { position:relative; height:121px; background-color:#fff; background-image:url(../_images/header/border_bottom.jpg); background-position:bottom; background-repeat:repeat-x;}
div.site_container header div.logo { margin:20px 0 0; }
div.site_container header div.top_nav_wrapper { float:right; margin-top:40px; }
div.site_container header div.top_nav_wrapper ul { margin:0; padding:0; list-style:none }
div.site_container header div.top_nav_wrapper ul li { float:left; margin-left:10px }
div.site_container header div.top_nav_wrapper ul li a { display:block; font-size:12px; font-size:1.2rem; color:#363636; text-transform:uppercase; line-height:30px; padding:0 10px; border:2px dashed #dfdad2; }
div.site_container header div.top_nav_wrapper ul li a:hover { }

/* STEP 1 */
div.site_container section { position:relative; }
div.site_container section div.content { margin:30px 0 80px; }
div.site_container section div.content.home form.numEnfants { text-align:center; }
div.site_container section div.content.home form.numEnfants select { margin:0 20px; background-color:#fff; border:1px solid #999; padding:3px;  }
div.site_container section div.content.home div.enfants_infos_wrapper { position:relative; margin:20px 0; text-align:center;}
div.site_container section div.content.home div.enfants_infos_wrapper form#frmKids { display:inline-block; margin:0 auto; text-align:left; }
div.site_container section div.content.home div.enfants_infos_wrapper form#frmKids input { margin:0 10px 0 0; background-color:#fff; border:1px solid #999; padding:3px;  } 
div.site_container section div.content.home div.enfants_infos_wrapper form#frmKids select { margin:0 10px 0 0; background-color:#fff; border:1px solid #999; padding:3px;  }
div.site_container section div.content.home div.enfants_infos_wrapper form#frmKids input[type=submit] { background-color:#5ebdcf; border:none; color:#fff; float:right; padding:5px 10px; text-transform:uppercase; }
div.site_container section div.content.home div.enfants_infos_wrapper form#frmKids input[type=submit]:hover { background-color:#4e9ead;}

/* STEP 2 */
div.site_container section div.content.enfants_calendar_wrapper { position:relative;}
div.site_container section div.content.enfants_calendar_wrapper #tabs { font-family:Ubuntu; }
div.site_container section div.content.enfants_calendar_wrapper #tabs strong { font-weight:500; }
div.site_container section div.content.enfants_calendar_wrapper #tabs a.ui-tabs-anchor { outline:none; }
div.site_container section div.content.enfants_calendar_wrapper div.months_wrapper { position:relative; margin:20px 0; text-align:center; }
div.site_container section div.content.enfants_calendar_wrapper div.months_wrapper select {  font-family:Ubuntu;  text-transform:uppercase; margin:0 10px 0 0; background-color:#fff; border:1px solid #999; padding:3px; font-weight:500;  }
div.site_container section div.content.enfants_calendar_wrapper div.select_all { margin:0 0 10px; }
div.site_container section div.content.enfants_calendar_wrapper table.calendar { border-collapse:separate; border-spacing:5px;  width:100%; }
div.site_container section div.content.enfants_calendar_wrapper table.calendar tr.calendar-row	{  }
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-day	{ height:80px; background-color:#5ebdcf; min-height:80px; font-size:11px; position:relative; text-align:center; vertical-align:top; } 
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-day.checked { background-color:#fa6900;}
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-day input[type=checkbox] { /*position:absolute; top:50%; left:50%; margin:-5px 0 0 -7px;*/ position:relative;}
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-day label { font-weight:300 !important; display:block; margin-top:5px;}
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-day div.cell_content { width:100%; line-height:normal; float:left; text-align:center; }
div.site_container section div.content.enfants_calendar_wrapper table.calendar * html div.calendar-day { height:80px; }
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-weekend	{ background-color:#eee; min-height:80px;background-clip: padding-box; color:#aba7a1; }
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-day-np	{ background:#eee; min-height:80px; color:#aba7a1; } 
div.site_container section div.content.enfants_calendar_wrapper table.calendar * html div.calendar-day-np { height:80px; }
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-day-head { background:#aba7a1; font-weight:bold; text-align:center; width:120px; padding:5px; color:#fff; }
div.site_container section div.content.enfants_calendar_wrapper table.calendar div.day-number { width:40px; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; text-align:center; }
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-weekend div.day-number { color:#aba7a1; }
div.site_container section div.content.enfants_calendar_wrapper table.calendar td.calendar-day, div.site_container section div.content.enfants_calendar_wrapper  table.calendar td.calendar-day-np, div.site_container section div.content.enfants_calendar_wrapper  table.calendar td.calendar-weekend { width:120px; padding:5px; }
div.site_container section div.content.enfants_calendar_wrapper div.order_recap { margin:20px 0;}
div.site_container section div.content.enfants_calendar_wrapper div.order_recap a.action { color:#fff; background-color:#5ebdcf; border:none; float:right; padding:5px 10px; text-transform:uppercase; }
div.site_container section div.content.enfants_calendar_wrapper div.order_recap a.action.back { float:left; }
div.site_container section div.content.enfants_calendar_wrapper div.order_recap a.action.next { float:right; }
div.site_container section div.content.enfants_calendar_wrapper div.order_recap a.action:hover { background-color:#4e9ead;}
div.site_container section div.content.enfants_calendar_wrapper div.order_recap div.order_recap_details { text-align:center; font-size:20px; font-size:2.0rem; }
div.site_container section div.content.enfants_calendar_wrapper div.order_recap span#total_meals { font-weight:500; line-height:26px; }

div.site_container #overlayDiv { position:absolute; display:none; top:0; left:0; width:100%; height:100%; background-color: rgba(0,0,0,.4); z-index:1000; }

/* Step 3*/
div.site_container section div.content.order_validate { position:relative; color:#333; }
div.site_container section div.content.order_validate div.order_details { background-color:#dad4ca; padding:20px; }
div.site_container section div.content.order_validate div.order_details div.order_details_kid { background-color:#fff; padding:20px; border-bottom:1px solid #dad4ca; }
div.site_container section div.content.order_validate div.order_details div.order_details_kid div.kid_name { font-weight:500; font-size:18px; font-size:1.8rem; }
div.site_container section div.content.order_validate div.order_details div.order_details_kid div.kid_school {}
div.site_container section div.content.order_validate div.order_details div.order_details_kid div.kid_level { margin-bottom:20px;}
div.site_container section div.content.order_validate div.order_details div.order_details_kid div.order_details_title { font-weight:500; margin-bottom:10px; } 
div.site_container section div.content.order_validate div.order_details div.order_details_kid div.meals div.meal_date { font-size:14px; font-family:1.4rem; line-height:normal; }
div.site_container section div.content.order_validate div.order_details div.order_total { background-color:#fff; font-weight:500; font-size:20px; font-size:2.0rem; text-align:center; text-decoration:uppercase; padding:20px 10px; }
div.site_container section div.content.order_validate div.actions_wrapper { position:relative; margin:20px 0; }
div.site_container section div.content.order_validate div.actions_wrapper a { color:#fff; background-color:#5ebdcf; border:none; float:right; padding:5px 10px; text-transform:uppercase; }
div.site_container section div.content.order_validate div.actions_wrapper a.back { float:left; }
div.site_container section div.content.order_validate div.actions_wrapper a.next { float:right; }
div.site_container section div.content.order_validate div.actions_wrapper a:hover { background-color:#4e9ead;}

/* Step 3*/
div.site_container section div.content.confirm { position:relative; color:#333; }
div.site_container section div.content.confirm div.order_receipt { text-align:left; }
div.site_container section div.content.confirm div.order_details { background-color:#dad4ca; padding:20px; }
div.site_container section div.content.confirm div.order_details div.order_details_kid { background-color:#fff; padding:20px; border-bottom:1px solid #dad4ca; }
div.site_container section div.content.confirm div.order_details div.order_details_kid div.kid_name { font-weight:500; font-size:18px; font-size:1.8rem; }
div.site_container section div.content.confirm div.order_details div.order_details_kid div.kid_school {}
div.site_container section div.content.confirm div.order_details div.order_details_kid div.kid_level { margin-bottom:20px;}
div.site_container section div.content.confirm div.order_details div.order_details_kid div.order_details_title { font-weight:500; margin-bottom:10px; } 
div.site_container section div.content.confirm div.order_details div.order_total { background-color:#fff; font-weight:500; font-size:20px; font-size:2.0rem; text-align:center; text-decoration:uppercase; padding:20px 10px; }
div.site_container section div.content.confirm div.actions_wrapper { position:relative; margin:20px 0; text-align:center }
div.site_container section div.content.confirm div.actions_wrapper a { color:#fff; background-color:#5ebdcf; border:none; margin:0 10px; padding:5px 10px; text-transform:uppercase; }
div.site_container section div.content.confirm div.actions_wrapper a:hover { background-color:#4e9ead;}

/* Loading/Modal */
/*
.store-whiteout {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.4);
}*/

/* Spinner */

.store-spinner-container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -33px;
    margin-left: -33px;
    background: transparent;
    padding: 20px;
}

.store-spinner {
    min-width: 26px;
    min-height: 26px;
}

.store-spinner:before {
    content: '...';
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -14px;
    margin-left: -14px;
    font-size: 36px;
    line-height: 16px;
    font-family: arial, sans-serif;
    /* Non animation fallback */
}

.store-spinner:not(:required):before {
    content: '';
    border-radius: 50%;
    border: 4px solid rgba(0, 0, 0, .2);
    border-top-color: rgba(0, 0, 0, .6);
    animation: cs-spinner .6s linear infinite;
    -webkit-animation: cs-spinner .6s linear infinite;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

@keyframes cs-spinner {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cs-spinner {
    to {
        -webkit-transform: rotate(360deg);
    }
}

/* error and success */
.fld_error { border:1px solid #EB2225!important;} 
div.error { background-color:#eab7b7; padding:20px; border:1px solid #db3e3e; color:#fff; margin-bottom:30px; }
div.success { background-color:#dbebce; padding:20px; border:1px solid #6a9048; color:#6a9048; margin-bottom:30px; }


@media(max-width:767px){

}


@media(min-width:768px){
}


@media(min-width:992px){

}


@media(min-width:1200px){
	

}