@font-face {
    font-family: 'beezable'; font-weight: normal;  font-style: normal;
    src: url('font/beezable.eot');
    src: url('font/beezable.eot?#iefix') format('embedded-opentype'),
         url('font/beezable.woff') format('woff'),
         url('font/beezable.ttf') format('truetype'),
         url('font/beezable.svg#beezable') format('svg');
}

/* ----------------------------- */
/*            Reset              */
/* ----------------------------- */


* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
ul, ol { padding: 0; }
ul.unstyled { list-style: none; }
img, fieldset { border: 0; vertical-align:middle;  }
blockquote, figure { margin-left: 0; margin-right: 0; }
audio, canvas, video { display: inline-block; }
svg:not(:root) { overflow: hidden; }
code, pre, samp, kbd { white-space:pre-line; white-space:pre-wrap; font-family:'DejaVu Sans Mono', Courier, monospace; line-height:normal; }
ul, ol, dl, blockquote, details, figure{margin: 0; padding: 0; }
em, .italic, address, cite, dfn, var { font-style: italic; }
p, .p-like, pre, td, th, label, textarea, caption { margin-top:0.75em; margin-bottom:0; line-height:1.5; }
small, sub, sup { font-size: smaller; }
h1,h2,h3,h4,h5,h6 { font-size:100%; margin: 0; line-height: 1;}
button, input,select,textarea{ appearance:none; outline:none; background:none; border:none; padding:0; margin:0; font-family:inherit; font-size:inherit; border-radius:0px;}
button{cursor: pointer; font-family: inherit; }
input[type=search]{ -webkit-appearance:textfield; font-family:inherit; font-size:100%; border-radius:0px; -webkit-appearance:none; border:none;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; }
body, input, textarea, select, button { text-rendering:optimizelegibility; -moz-osx-font-smoothing:grayscale; font-feature-settings:"liga", "kern"; }
ul li{list-style-type: none;}

/* ----------------------------- */
/*             Base             */
/* ----------------------------- */

html{ font-size:62.5%; font-size: calc(0.625em); }
body{ font-size:1.2em; line-height:1.5; font-family:"Helvetica Neue","Helvetica","Myriad Set Pro","Arial",sans-serif; color: #1a2432; }
i{font-style: normal; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#999; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#999;  opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder{color:#999;  opacity:1;} 

a{text-decoration: none;}
/* a:hover, a:focus, a:active { color:#3399FF; } */
.BZicon:after, .BZicon:before, [data-icon]:before{font-family:'beezable'; font-weight:normal; font-variant:normal; line-height: 1; text-transform:none; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:grayscale; }
[data-icon]:before { content: attr(data-icon); speak: none; font-size: 2em; color: #000; vertical-align: middle; }
a.BTlink{background:#3399FF; padding:10px 20px; text-transform:uppercase; display:inline-block; border:1px solid #3399FF; color:#fff;}
a.BTlink:hover{background: #fff; color: #3399FF; border:1px solid #3399FF; }
:hover, :focus, [data-icon]:before, .BZicon:after, .BZicon:before{transition:all 1s linear;}


h1, .h1-like { font-size:2.8rem; margin: 1em 0;}
h2, .h2-like { font-size: 2.5rem;  margin: 2em 0;}
h3, .h3-like { font-size: 2.6rem; margin: 1em 0; text-transform: uppercase; color: #2E4057;}
h4, .h4-like { font-size: 2rem;  }
h5, .h5-like { font-size: 1.9rem; }
h6, .h6-like { font-size: 1.5rem; margin: 1em 0; text-align: left; }

.icon[data-icon]:before, .icon[data-iconR]:after, .iconTxt:before, .iconTxt:after{ font-family:'beezable'; font-weight:normal; font-variant:normal; line-height:1; text-transform:none; -webkit-font-smoothing:subpixel-antialiased; -moz-osx-font-smoothing:grayscale; speak:none; font-size:120%; vertical-align:middle; display:inline-block; margin-top:-4px; }
.icon[data-icon]:before{ content:attr(data-icon); margin-right:.5em; }
.icon[data-iconR]:after{ content:attr(data-iconR); margin-left:.5em; }
.iconTxt:before{margin-right:.5em;}
.iconTxt:after{margin-left:.5em;}

.headerW{ width:100%; padding-left:5%; padding-right:5%;}
.siteW{ width:100%; padding-left:10%; padding-right:10%;}
.contentW{margin-left:auto; margin-right:auto; width:80%;  }
.sectionW{ width:100%; padding:2% 10%; min-height:20em; }
main{ width:100%;  }
.inbl-item{margin:0 auto; }
.inbl-item > *{display:inline-block; vertical-align:middle; }
.row { display:table; table-layout:fixed; width:100%; }
.row > *, .col { display:table-cell;  }
.fullW{width:100%; display:block; }
.clear{float:none; clear:both; }
label{width:50%; }


/* [class*="grid"] { text-align:justify; } */
[class*="grid"]{margin-left:-20px; }
[class*="grid"]:after { content:""; display:inline-block; width:100%; }
[class*="grid"] > * { display:inline-block; vertical-align:top; text-align:left; padding-left:20px; }
:root [class*="grid"] { font-size:0; text-justify:distribute-all-lines; }
:root [class*="grid"] > * { font-size:14px; font-size:1.4rem; }
[class*="grid"]:-o-prefocus { word-spacing:-0.43em; }
[class*="grid"] label .btn[data-icon]:before{display: inline-block; padding: 0 .5em; font-size: 1.75rem;}
[class*="grid"] > label .btn{margin:0; float:none; background:#47AE73; padding:.25em .5em; text-transform:uppercase; font-weight: bold; display:inline-block; vertical-align: bottom; border:2px solid #47AE73; }
[class*="grid"] > label .btn:hover{color:#47AE73 }

.grid2 > *:not(.fullW), .w50 { width:50%; }
.grid3 > *:not(.fullW), .w33 { width:33.333%; }
.grid4 > *:not(.fullW), .w25 { width:25%; }
.grid5 > *:not(.fullW), .w20 { width:20%; }
.grid6 > *:not(.fullW), .w16 { width:16.667%; }
.grid8 > *:not(.fullW), .w14 { width:14.25%; }
.grid10 > *:not(.fullW), .w10 { width:10%; }
.grid12 > *:not(.fullW){ width:8.333%; }

.w5{width:5%;}
.w15{width:15%;}
.w20{width:20%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w75{width:75%;}
.w60{width:60%;}
.w70{width:70%;}

[class*="grid"] > .fullW{ padding-left:20px;}

input, textarea{ background:#F3F3F3; padding:.6em; display:block; width:100%; }
.result-fact{ font-size: 1.5rem; background: #fff; padding:5px; }
/* ----------------------------- */
/*             Main              */
/* ----------------------------- */

.logo{ font-size:5rem; font-weight:300; color: #E86293; }
.logo img{width: 40%;}
#header{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position:relative; }
article{ padding:5%; background:#fff; text-align: center; background: #F3F3F3; }

.menu{ width:100%;}
.menu ul{width: 100%;}
.menu > ul{ background: #2E4057; text-align: right;  line-height:3; height:3em; font-size: 1.4rem;}
.menu > ul > li{ height: 100%; padding: 0px 0.4em; min-width:20em;}


.menu > ul > li a{color:#fff; display:inline-block; width: 100%;padding:0 .5em; text-align: center;  }
.menu > ul > li a[data-icon]:before{padding-right:3%; display: inline-block; vertical-align:middle; font-size:1.1em; color:#fff;   }

.menu > ul > li ul{ transform: translateY(-3em); transition: transform 0.3s 0.2s; visibility:hidden; transition: visibility 0s ease 0.3s; position: absolute; left:0; top:3em; line-height: 2;}
.menu > ul > li ul.menu-open{ transition: transform 0.3s; transform: translateY(0); visibility: visible; background:#202c3c;  }
.menu > ul > li ul li { opacity: 0; transform: translateY(-20px); transition: transform 0.3s 0s, opacity 0.3s 0s; min-width: 14em;}
.menu > ul > li ul.menu-open li{ opacity:1; transform:translateY(0); transition:transform 0.3s 0.2s, opacity 0.3s 0.2s; }

.menu > ul > li ul li a{color:#fff; padding:0 .5em; font-size:font-size: 1.4rem;text-align: center; }
.menu > ul > li ul li a[data-icon]:before{font-size: 1.4rem; }
.menu ul > li.active{background:#202c3c;}
.menu ul > li ul li.active a{ text-decoration: underline; }

table{width: 100%; margin: 1em auto;}
:root [class*="grid"] table{font-size: 1.2rem; text-align: center; }
table th{background:#476386; color: #fff; text-align: center; width:4em; }
table td{background: #fff; }
table td i{width: 40px; height:40px; border-radius:20px; display: block; margin: 0 auto; background:#F362D1; }
table.bc-table td i{background: transparent; }
table .blue td i{background: #2F6378; }
table .white td i{background:#F3F3F3; }
table .preparok td i{background:#FB6964;}
table img{ max-width: 5em; max-height: 5em; }
table td.action-col{width:3em;}
table tfoot th{text-align: left; background: #5FA1E0; text-transform: uppercase;}

table .btn, .tabs-content li table .btn{display: block; height: 100%; width: 100%; margin: 0;}
table .btn[data-icon]:before{ line-height: 1.5; }
.tabs-content li table{background: #F3F3F3; }
table .order{ margin: 0; }
table .order > *{width: 33.333%; padding-left: 0; text-align: center; vertical-align: middle; color: #333;}
table .excel{padding: 1em;}
table .excel img{height: 3em; width: 3em; }
table .btn.grey{background-color:#F3F3F3; }

/*** Boutons ***/

[class*="btn"]{ color: #fff; }
.btn-big{width:auto; display:inline-block; padding:0 1.5em 0 0; text-transform:uppercase; font-weight:bold; margin:1em auto; float:left; clear: both;}
.btn.btn-big[data-icon]:before{display: inline-block; width:30px;}
[class*="btn"][data-icon]:before{ color: #fff; padding: .5em; display: block; font-size: 2.2rem; line-height: 1.3;}
.btn.btn-add[data-icon]:before{ display: inline-block; font-size: 1.5rem; line-height: 1.3;}
.btn.btn-order{display: inline-block;background: #ccd8e6; height: 2.5em;}
.btn.btn-order[data-icon]:before{padding: .1em;  }
.btn[data-icon="e"]:before, .btn[data-icon="+"], .btn-big.btn-back{background:#5FA1E0; border:2px solid #5FA1E0; }
.btn[data-icon="e"]:hover:before,.btn[data-icon="+"]:hover,.btn-big.btn-back:hover,.btn-big.btn-back:hover:before{ color:#5FA1E0; background:#fff;}

.btn[data-icon="o"]:before{background:#47AE73; border:2px solid #47AE73; }
.btn[data-icon="o"]:hover:before{ color:#47AE73; background: #fff; }
.btn[data-icon="n"]:before{background:#e74c3c; border:2px solid #e74c3c; }
.btn[data-icon="n"]:hover:before{ color:#e74c3c; background: #fff; }

.btn[data-icon="d"]:before , .btn[data-icon="z"], .btn[data-icon="fl"]{background:#FB6964; }
.btn.btn-cli[data-icon]:before{background:#FB6964; font-size: 2.8rem; padding: .3em;}
.btn[data-icon="S"], .btn[data-icon="}"], .btn[data-icon="D"],  .btn[data-icon="P"]{background:#47AE73; }
.btn[data-icon="⁄"]:before, .btn[data-icon="ù"]{background:#5FA1E0;}
.btn[data-icon="b"]:before{background: #2F6378;}

.link{color:#202C3C; font-weight: bold; text-decoration: underline; transition: .1s;}
.link:hover{color: #fb6964;}
article > .link{ width: 100%; text-align: left; display: block;}

.excel img{height: 1.4em; width: 1.4em;}
.excel{background-color: #2ecc71;}
p .excel{display: inline-block; padding: .1em .5em; margin-left: 10px;}

.inbl-item .btn{float: none;}

.xsmall { width: 50px !important; }
.medium{ width: 80px !important; }
.large{ width: 100px !important; }

table.prod-table th{ width: inherit; }

/* ----------------------------- */
/*          Formulaires          */
/* ----------------------------- */


.switch{text-align:left; display: inline-block; vertical-align: middle; }
.switch input{ position:absolute; visibility:hidden; width: 100px; height: 25px;}
.switch input + label { display:block; position:relative; cursor:pointer; -moz-user-select:none; padding:2px; width:49px; height:29px; background-color:#B0BFDA; border-radius:25px; transition:background 0.4s; margin:0 auto;  }
.switch input + label:before, .switch input + label:after{display:block; position:absolute; content:""; font-family:'beezable'; color:#fff; color:rgba(255,255,255,0.5); line-height:20px; text-align:center; }
.switch input + label:before {top:2px; left:2px; bottom:2px; right:2px; background-color:#fff; border-radius:25px; transition:background 0.4s; }
.switch input + label:after {top:4px; left:4px; bottom:4px; width:23px; background-color:#B0BFDA; border-radius:42px; transition:margin 0.4s, background 0.4s; content:"n"; height:21px;}
.switch input:checked + label {background-color:#1691BE; }
.switch input:checked + label:after {margin-left:18px; background-color:#1691BE; content:"o"}
.label-switch{text-align: center;}

span.select{display:block; width:100%; position:relative; font-size:1em;  border:2px solid #5FA1E0; }
span.select select{width:100%; padding:.45em; background:#fff; color:#222; cursor:pointer; }
span.select:after { color:#fff; bottom:0;background:#5FA1E0; content:"~"; font-family:"beezable"; padding:0 10px; pointer-events:none; position:absolute; right:0; font-size:120%; line-height:1.9; transition:all .5s linear;}
span.select select option{background:#fff; color:#222; font-size:90%; }

.checkbox{ position:relative; vertical-align:middle; display:inline-block; margin-right:1.5em; padding-left:2em; }
label span:first-child{margin-right:0;}
label .checkbox ~ .obligatoire{ margin-right:0; }
.checkbox > input { position:absolute; width:19px; height:19px; z-index:10; opacity:0; cursor:pointer; left:0; top:0; }
.checkbox > i{display:inline-block; background:none;  cursor:pointer;  }
.checkbox > i:before, .checkbox > i:after{content:""; position:absolute; font-size:16px; color:#47AE73; line-height:1; }
.checkbox > i:before{ left:0; top:0; background:#fff; z-index:1; width:15px; height:15px; transition:background 0.4s;  border:2px solid #47AE73; }
.checkbox input:checked ~ i:after{ background:#47AE73; border:2px solid #47AE73; height:15px; left:0; top:0; width:15px; z-index:2; transition:background 0.4s;}

.form-wrapper { margin:2em auto 0;}
.form-content { padding:2em; margin:0 0 1em; background: #fff; position: relative;}
.form-content label{ text-align:left; font-weight:normal; text-transform:none; color:#222; margin-top:0.75em; vertical-align:middle; position: relative;}
.form-content .btn-label{vertical-align: bottom;}
.form-content label.fullW, .form-content h4{width:100%;}
.form-content input{color:#999;}
.form-content .file-label{width: auto; }
.form-content .form-txt label, .form-content .form-txt p{ display: inline-block; vertical-align: middle; }
.form-content .form-txt label{margin-top: .1em;}
.form-content .form-txt p{ width: 100%; }
textarea{ border:none;  padding:.65em; display:block; width:100%; transition:all .5s linear; height:10em; font-family:inherit;  font-size:inherit; }
.form-inner{text-align: left; width: 100%;}

.form-wrapper > button{margin:2em auto; display:block;  }
.form-wrapper h4{display: block; width: 100%; margin: 1.5em 0 0; text-transform:uppercase; }
fieldset .zonepcs{width:300px; margin:2em auto; }
fieldset .zonepcs img{ width:100%; }

.head-client{margin: 0 auto 4em; border-bottom: 2px solid #476386; padding:2%;}
.head-client h2{margin: 0 auto 0;}

.search-wrapper input{ background: #fff;}
.search-wrapper label{ position: relative; }
.search-wrapper .btn-search{ position: absolute; right: 0; background:#476386; top:0;   }
.search-wrapper .btn-search[data-icon]:before{padding: .1em;}

.file{ position:relative; background:#5FA1E0; padding:0 .6em; color:#fff; display:inline-block; border:2px solid #5FA1E0; padding: .3em .6em;}
.file[data-icon]:before{font-size: 200%; margin-right: .1em; color: #fff; }
.file input { position:absolute;left:0; top:0; opacity:0; cursor:pointer; padding: 0; height: 100%;}
.file:hover{background: #fff; color: #5FA1E0; }
.file:hover[data-icon]:before{ color: #fff; }

.congrat{background:#47AE73; color: #fff; position: absolute; top:0; left: 0; width: 100%;}
.error{background:#E74C3C; color: #fff; position: absolute; top:0; right: 0; font-size: 1.2rem; font-style: italic; padding:0 .3em; line-height: 1.7; }

.img-content{margin-top: 20px;}
.img-prod{ /* display: block; */ margin: 25px auto; position: relative; height: 350px; padding: 20px; background: #F3F3F3; }
.img-prod img{position:absolute; min-width:10%; min-height:10%; max-width:100%; max-height:100%; margin:auto; top:50%; left:50%; transform:translate(-50%,-50%); }

.couleur-prod > div{margin-top: 20px;}
.couleur-prod{ padding: 20px 20px 20px 40px; }
.couleur-prod, .couleur-prod ul{ padding-top:10px;}
.couleur-prod ul li{ height: 160px; margin-bottom:20px; position:relative;    }
.couleur-prod ul li .couleur-img{background:#F3F3F3; height:100px; width: 100%;}
.couleur-prod ul li label{ margin:5px 0; display: block; width: 100%; }

.form-inner h5{margin-top: 10px; font-size: 1.7rem; }
.color-table tr >*{overflow: hidden; text-align: center; }
.color-table img{ min-width: 100%; min-height: 100%; }

.reduc input{width: 80%; display: inline;}

input[placeholder="€"]{ width: 70%; display: inline; }

/*** TAB ***/

.general{width: 30%; background: #fff; padding: 1em; min-height: 15em;}

.tabs { position:relative; /* width:67%; */ width: 90%; max-width:960px; margin:0 auto 2em 2em; }
.tabs:after { content:""; display:table; clear:both; }
.tabs::after { position:absolute; top:0; right:0; height:50px; width:100px; z-index:1; pointer-events:none; background:-webkit-linear-gradient( right , #f8f7ee, rgba(248, 247, 238, 0)); background:linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0)); visibility:visible; opacity:1; -webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s; }
.no-cssgradients .tabs::after { display:none; }
.tabs.is-ended::after { visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; }
.tabs nav{ overflow:auto;-webkit-overflow-scrolling:touch; background:#F3F3F3;box-shadow:inset 0 -2px 3px rgba(203,196,130, 0.06);}

.tabs-navigation { width:100%; }
.tabs-navigation:after { content:""; display:table; clear:both; }
.tabs-navigation li { float:left; }
.tabs-navigation a{ position:relative; display:block; height:50px; min-width:100px; text-align:center; font-size:1.6rem; color:#c3c2b9; padding:15px; background:#fff;  }
.no-touch .tabs-navigation a:hover { color:#29324e; background-color:rgba(233, 230, 202, 0.3); }
.tabs-navigation a.selected { background-color:#476386 !important; box-shadow:inset 0 2px 0 #2E4057; color:#fff; }
.tabs-navigation a::before { position:absolute; left:50%; margin-left:-10px; display:inline-block; height:20px; width:20px; }

.tabs-content { background:#ffffff; box-shadow:inset 0 2px 0 #476386; }
.tabs-content > li { display:none; padding:1.4em; }
.tabs-content > li.selected { display:block; -webkit-animation:fade-in 0.5s; -moz-animation:fade-in 0.5s; animation:fade-in 0.5s; }
.tabs-content > li p { font-size:1.4rem; line-height:1.6; color:#202C3C; margin-bottom:2em; }

.tabs-content li .btn{margin-top: 2em;}
.tabs-content li .btn[data-icon="ù"]{margin: 1em; display: inline-block; vertical-align:middle;  }
.tabs-content li .btn[data-icon="ù"]:before{padding: .2em .5em;}
.general{display: none;}

.arbre{text-align: center; width: 80%; margin: 0 auto;}
.arbreG{ display: table; margin: 0 auto;}
.arbreG:not(:last-of-type):after{content:"9"; position: relative; display: block; margin: 0 auto; font-family:"beezable"; font-size:1.5em; color:#476386;   }
.arbre-M .arbre-item:first-child:after{ content:"}"; position: absolute; display: inline-block; margin: 0 auto; font-family:"beezable"; font-size:2em; color:#476386; right:-1em; top:10%;}
.arbre-item{ background:#F3F3F3; padding: 1em; margin: 1em; display:block; position: relative; }
.arbre-G1 div{display: inline-block; }
.arbre-item.nom{background: #202C3C; color:#fff; font-weight:bold; width:200px;   }

@-webkit-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }

/** datepicker **/

input[type="date"]{height: 2.4em; -webkit-appearance: textfield; -moz-appearance: textfield;}
input[type="date"]:before{ content:attr(placeholder); }
input[type="date"].datefull:before { content:""!important; }
.ui-datepicker{ width:21em; display:none; background:#fff; border:#ecf0f1 solid 3px; border-radius:10px; }
.ui-datepicker .ui-datepicker-header{ position:relative; padding:.2em 0;  background:#3498DB; color:#fff; font-size:1.2rem; font-weight:700;   }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ position:absolute; top:2px; width:1.8em; height:1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{ top:1px; }
.ui-datepicker .ui-datepicker-prev{ left:2px; }
.ui-datepicker .ui-datepicker-next{ right:2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{ display:block; position:absolute; left:50%; margin-left:-8px; top:50%; margin-top:-8px; }
.ui-datepicker .ui-datepicker-title{ margin:0 2.3em; line-height:1.8em; text-align:center;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ width:45%; }
.ui-datepicker table{ width:100%; font-size:12px; border-collapse:collapse; padding:.2em; text-align:center; }
.ui-datepicker th{ padding:.7em .3em; text-align:center; font-weight:bold; border:0;  }
.ui-datepicker td{ border:0; padding:1px; height:25px; }
.ui-datepicker td span, .ui-datepicker td a{ display:block; padding:.2em; text-decoration:none; color:#94999d; line-height:25px;}
.ui-datepicker td a:hover, .ui-datepicker .ui-datepicker-current-day a{ color:rgba(255,255,255,0.8); background:#2980b9; }

.ui-datepicker .ui-datepicker-today a{  background:#3498DB; color:#fff; }
.ui-datepicker .ui-datepicker-week-end a, .ui-datepicker .ui-datepicker-week-end span { color:#bdc3c7; }

.date::-webkit-inner-spin-button,
.date::-webkit-calendar-picker-indicator { display:none; -webkit-appearance:none; }

/*
.datepicker{ position:absolute; width:210px; z-index:9998; display:none; background:#2E4057; border:#999 solid 1px; overflow:hidden; margin:1px 0px;}
.datepicker dl{ width:208px; margin:0px; padding:1px; display:block; float:left;}
.datepicker dt{ width:100%; height:25px; line-height:25px; background:#476386; font-size:0px; word-spacing:0px; text-align:center; vertical-align:top; }
.datepicker dt a, .datepicker dt .empty{ display:inline-block; width:10%; text-decoration:none; font-size:11px; color:#fff; }
.datepicker dt a:hover{ background:rgba(255,255,255,0.2); color:#FFF; }
.datepicker dt span{ display:inline-block; width:80%; font-size:12px; cursor:pointer; color: #fff;}
.datepicker dt span a{ display:inline; width:auto; font-size:14px; color:#fff; margin:0px 2px; text-decoration:underline; text-transform: uppercase;}
.datepicker dt span a:hover{ background:none; color: rgba(255,255,255,0.5); }
.datepicker dd { width:100%; margin:0px; padding:0px; font-size:0px; word-spacing:-11px; text-align:left; vertical-align:top; text-align:left; }
.datepicker dd div{ background:#fff; }
.datepicker dd div span, .datepicker dd span{ display:inline-block; width:14%; height:25px; line-height:23px; font-size:12px; word-spacing:normal; text-align:center; color:#3E3E40; vertical-align:top; }
.datepicker dd span a, .datepicker dd span span{ display:inline-block; width:100%; line-height:25px; text-decoration:none; color:#fff; }
.datepicker dd span a:hover{ color: rgba(255,255,255,0.8); background: #5FA1E0;}
.datepicker dd span .selected{ background:#476386; color: rgba(255,255,255,0.8); }
.datepicker dd span .disable{ color:#BBB; background:#EEE; }
.datepicker dd span .area{ color:#F05400; background:#FFDFBF; }
.datepicker dd .month, .datepicker dd .year { width:25%; height:50px; }
.datepicker dd .month a, .datepicker dd .year a{ width:100%; height:50px; line-height:50px; overflow:hidden; }
.datepicker dd .week0, .datepicker dd .week6 { color:#8B8B8C; }
.datepicker .close { display:block; text-align:right; background:#EEE; width:100%; padding:2px 0px; }
.datepicker .close a{ display:inline-block; font:12px/12px "Tahoma"; width:14px; height:14px; margin-right:5px; text-align:center; text-decoration:none; color:#fff; }
.datepicker .close a:hover{ background:#C00; color:#FFF; border-radius:5px; }
.date-bt{font-family:'beezable'; background:#47AE73; width:10%; color:#fff; position: absolute; right: 0; bottom:0; padding: 1px;}
.date-bt[data-icon]:before{color: #fff;}
form input.date{width:100%; padding-right:10%;}
*/

.label-picker .rdv-date[data-icon]::before {background: #2E4057;border: 1px solid #2E4057;color: #fff;display: block;font-family: 'Pombier-icon';font-size: 1.6em;padding: 0.15em;border-radius: 0 4px 4px 0; margin: 0; }
.label-picker .date { background:#fff; border:2px solid #d9dde0; border-radius:5px;  padding:0.6em ; display:block; width:100%; transition: all .5s linear; font-size: 1.2rem;}
.siteW .label-picker {display: inline-block; vertical-align: bottom; margin: 1%; position: relative; text-align: left; }
.rdv-date {bottom: 0px; pointer-events: none; position: absolute; right: -2px; margin: 0; padding: 0;}
.recherche {display: inline-block; margin: 1em;}

/*** alerte ***/

.alerte ~ * { filter:blur(5px); pointer-events:none; }
.alerte{position:absolute; background:rgba(0,0,0,0.5); width:100%; z-index:1000; padding:50% 0; top:0; left: 0;}
.alerte > div{ background:#FFFFFF; color:#2E4057; position:absolute; text-transform:uppercase; text-align:center; animation-name:animSlideTop; animation-duration:1.3s; animation-timing-function:linear; padding:0 1%; z-index:100; top:20%; left:35%; width:25%; border:2px solid #476386; }
.alerte > div span[data-icon]:before{font-size:300%; display:inline-block; line-height:1.5; width:20%; color: #FB6964; }
.alerte > div p{width:80%; font-size:12px; display:inline-block; text-align:left; animation-fill-mode:both; animation-duration:0.3s; animation-delay:1s; animation-name:animFade; animation-timing-function:linear; vertical-align: middle; }
.alerte > div button, .alerte > div a{ display:inline-block; width:40%; margin:5% 0 3%; vertical-align:middle;  color:#fff; font-size:12px;}
.alerte > div button{background:#5FA1E0; margin-right:30%; padding:0;}
.alerte > div a{background:#FB6964; }
.alerte fieldset{text-align: left; padding-bottom:1em; margin: 0; }

@-webkit-keyframes animSlideTop { 0%{ opacity:0; transform:translate3d(0, -100%, 0); } 100% { opacity:1; transform:none; }  }
@keyframes animSlideTop { 0%{ opacity:0; transform:translate3d(0, -100%, 0); } 100% { opacity:1; transform:none; }  }
@-webkit-keyframes animFade { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes animFade { 0% { opacity:0; } 100% { opacity:1; } } 

.msg{ background:#47AE73; color:#fff; position:absolute; left:10%; top:40px; z-index:4; text-transform:uppercase; width:90%; text-align:center; transform-origin:0 0; animation-name:animLoad; animation-duration:2s; }
.msg span:before,.msg p {display:inline-block; vertical-align:middle; color: #fff;}
.msg span:before{font-size:20px; margin-right:0.5%;}
.msg a:before{font-size:18px; position:absolute; right:2%; color:rgba(255,255,255,0.8); }

.msg p{width:100%; animation-fill-mode:both; animation-duration:0.2s; animation-delay:2s; animation-name:animFadeMove; animation-timing-function:ease-out; margin: 0;}


/*** Log ***/
.hp-log {background: #f3f3f3;}
.loginW {width:35%;margin:10em auto; background: #fff;}
.login-form{ margin: 0 auto;}
.loginW .login-logo img{width: 60%; display: block; margin: 0 auto;}
.loginW .login-logo h1{text-align: center; margin: .5em 0;}
.loginW .login-logo{padding: 1em;}
.loginW label.icon-item-wrapper { margin: .75em; width: 100%; height: 30px; position: static; }
.loginW label.icon-item-wrapper input { padding: 10px 0 10px 50px; }
.loginW label.icon-item-wrapper i {position: absolute;margin-left: 10px;z-index: 1;display: block; margin-top:5px;}
.loginW label.icon-item-wrapper i[data-icon]::before{color: #2E4057;}
.loginW fieldset {text-align: center;margin: 1em auto 0;}
.login-error{ display:block; margin:0 auto; text-align:left; width:65%; text-transform:uppercase; color:#fff; left:0; }

.comptabilite li > *{text-align: center;}

#map{height:93%; width:100%; margin-top:2em; border:solid 5px #F8F9FA; position: absolute;}



.promo1 { position:relative; width:150px;  }
.promo1 svg{width:100%; height:100%; }
.promo1 h5{ position:absolute; font-weight:bold; top:53%; bottom: auto; transform: translateY(-50%) rotate(-5deg); max-width:65%; margin-right:35%; margin-left:5%; color:#fff; letter-spacing:-.5px; line-height:1.5; text-align: center;    }

.promo2-container { position:relative; width:150px;  }
.promo2-container svg{width:100%; height:100%; }
.promo2-container h5{ position:absolute; font-weight:bold; top:53%; bottom: auto; transform: translateY(-50%) rotate(-24deg); width:75%; margin-left:15%; color:#fff; letter-spacing:-.5px; line-height:1.5; text-align: center;    }

.promo3-container { position:relative; width:150px;  }
.promo3-container svg{width:100%; height:100%; }
.promo3-container h5{ position:absolute; font-weight:bold; top:53%; bottom: auto; transform: translateY(-50%) rotate(-24deg); width:75%; margin-left:15%; color:#fff; letter-spacing:-.5px; line-height:1.5; text-align: center;    }

.promo4-container { position:relative; width:150px;  }
.promo4-container svg{width:100%; height:100%; }
.promo4-container h5{ position:absolute; font-weight:bold; top:48%; bottom: auto; transform: translateY(-50%); width:75%;  margin-left:5%; color:#EB232E; letter-spacing:-.5px; line-height:1; white-space: nowrap; text-align: center;}


.alert_btn{ position:absolute; left:5px; top:5px;  padding: 0 .5em; background:#fb6964;  }
.alert_btn[data-icon]:before{ display:inline-block; padding:0 .2em 0 0;   }


/* --------------------------------

Title: Pagination
Descr: Component used to navigate through pages of related content

-------------------------------- */
.pagination__list {
  justify-content: center;
}

.pagination__list > li {
  display: inline-block;
}

.pagination--split .pagination__list {
  width: 100%;
}

.pagination--split .pagination__list > *:first-child {
  margin-right: auto;
}

.pagination--split .pagination__list > *:last-child {
  margin-left: auto;
}

.pagination__item {
  display: inline-block;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  line-height: 1;
  padding-top: var(--space-xs);
  padding-bottom: var(--space-xs);
  padding-left: calc(1.355 * var(--space-xs));
  padding-right: calc(1.355 * var(--space-xs));
  border-radius: var(--radius-md);
  text-decoration: none;
  height: 100%;
  border: none;
  background-color: transparent;
  color: var(--color-primary);
}

.pagination__item:hover {
  background-color: var(--color-contrast-lower);
}

.pagination__item:active {
  background-color: var(--color-contrast-low);
}

.pagination__item .icon {
  height: 1em;
  width: 1em;
  fill: currentColor;
}

.pagination__item--selected {
  background-color: var(--color-primary);
  color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pagination__item--selected:hover {
  background-color: var(--color-primary-light);
}

.pagination__item--selected:active {
  background-color: var(--color-primary-dark);
}

.pagination__item--ellipsis {
  color: var(--color-contrast-high);
}

.pagination__item--ellipsis:hover, .pagination__item--ellipsis:active {
  background-color: transparent;
}

.pagination__item--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.pagination__jumper .form-control {
  width: 3.2em;
  margin-right: var(--space-xs);
  padding: var(--space-xs);
}

.pagination__jumper em {
  flex-shrink: 0;
  white-space: nowrap;
}

.important{color: #f11a23;}

.mailing-container{
	display: flex;
	flex-wrap: wrap;
}

.mailing-container li{
	width: 49%;
	background: #FFF;
	margin-bottom: 1%;
}

.mailing-container li:nth-child(odd){
	margin-right: 1%;
}

.mailing-container .mailing-th, .mailing-container .mailing-td{
	display: flex;
}


.mailing-container .mailing-th p{
	background: #476386;
	color: #FFF;
	border-right: 1px solid;
	margin: 0;
}

.mailing-container .mailing-th p:last-child, .mailing-container .mailing-td > *:last-child{
	border: none;
}


.mailing-container .mailing-td{
	height: 100%;
}

.mailing-container .mailing-td > *{
	border-right: 1px solid #f3f3f3;
	padding: 0 1em 1em;
}

.color-green{
	color: #47ae73;
	font-weight: bold;
}

.badge{
	background: #47ae73;
	color: #FFF;
	padding: 5px;
	border-radius: 10px;
	display: block;
	width: 30px;
	margin: auto;
}

.img-replace {
  /* replace text with an image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  color: transparent;
  white-space: nowrap;
}


/* -------------------------------- 

xpopup 

-------------------------------- */
.cd-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(94, 110, 141, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
  transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
  transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container {
  position: relative;
  padding: 5em;
  width: 90%;
  max-width: 400px;
  margin: 4em auto;
  background: #FFF;
  border-radius: .25em .25em .4em .4em;
  text-align: center;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(-40px);
  -moz-transform: translateY(-40px);
  -ms-transform: translateY(-40px);
  -o-transform: translateY(-40px);
  transform: translateY(-40px);
  /* Force Hardware Acceleration in WebKit */
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.cd-popup-container .cd-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-popup-container .cd-buttons li {
  float: left;
  width: 50%;
}
.cd-popup-container .cd-buttons a {
  display: block;
  height: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.cd-popup-container .cd-buttons li:first-child a {
  background: #fc7169;
  border-radius: 0 0 0 .25em;
}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
  background-color: #fc8982;
}
.cd-popup-container .cd-buttons li:last-child a {
  background: #b6bece;
  border-radius: 0 0 .25em 0;
}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
  background-color: #c5ccd8;
}
.cd-popup-container .cd-popup-close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
}
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
  content: '';
  position: absolute;
  top: 12px;
  width: 14px;
  height: 3px;
  background-color: #8f9cb5;
}
.cd-popup-container .cd-popup-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 8px;
}
.cd-popup-container .cd-popup-close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 8px;
}
.is-visible .cd-popup-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
@media only screen and (min-width: 1170px) {
  .cd-popup-container {
    margin: 8em auto;
  }
}