/*======================================================
    Developer : +AbrahamGning
    License   : CGI TECHNOLOGIES
========================================================  */
/*** FontsGoogle import ***/
@font-face {font-family: fJalla; src:url(../fonts/FjallaOne-Regular.ttf); }
@font-face {font-family: Abel; src: url(../fonts/Abel-Regular.ttf);}
@font-face {font-family: condBold; src: url(../fonts/OpenSans-CondLight.ttf);}
/*   STYLES BOOTSTRAP FCEF01 f92c23 rouge
================================= */
.navbar-brand {font-family: fJalla; text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}
.navbar-brand .fa { padding:0px; font-size:36px; }
a:hover { text-decoration:none}
.btn { border-radius:0}
.panel {-webkit-box-shadow: 1px 3px 1px rgba(0, 0, 0, .05); box-shadow: 1px 3px 1px rgba(0, 0, 0, .05); }
.form-control-static{ padding-top:-50px}
/*     STYLES GENERAL
================================= */
body {font-family:Abel; font-size:14px;}
.text-kdo { color: #f92c23;}
.container-fluid-total { padding: 0; margin-right: auto; margin-left: auto;}
.container-fluid-total > .navbar-header, .container-fluid-total > .navbar-collapse { margin-right: -15px; margin-left: -15px;}
@media (min-width: 768px) {.container-fluid-total > .navbar-header,
.container-fluid-total > .navbar-collapse {margin-right: 0; margin-left: 0; }}
@media (min-width: 768px) {.navbar > .container-fluid-total .navbar-brand { margin-left: -15px; }}
.div-support-top {background:rgba(0, 0, 0, .7); min-height:30px; text-align:center; padding:8px 50px 2px 50px;margin:0 -80px 0 -80px; color:#fff; font-size:14px;}
.div-support-top i { margin-right:10px; }
.div-support-top a { color:#fff; }
.div-support-top a:hover { color:#FCEF01; text-decoration:none;}
.navbar {border: 0px solid #fff; min-height: 70px; margin-bottom:0px; }
.navbar-cmonkdo {background:rgba(249, 44, 35, .8); padding:0 50px 0 50px; box-shadow:1px 1px 6px rgba(60, 60, 60, 1);}
.navbar-cmonkdo .navbar-brand { color: #fff;}
.navbar-cmonkdo .navbar-brand:hover, .navbar-cmonkdo .navbar-brand:focus {color: #FCEF01; background-color: transparent;}
.navbar-cmonkdo .navbar-nav > li > a {color: #fff;}
.navbar-cmonkdo .navbar-nav .nav-link > a {top:5px; font-weight:700;}
.navbar-cmonkdo .navbar-nav > li > a:hover, .navbar-cmonkdo .navbar-nav > li > a:focus {color: #FCEF01; background-color: transparent; }
.navbar-cmonkdo .navbar-toggle { border-color: #FCEF01;}
.navbar-cmonkdo .navbar-toggle:hover, .navbar-cmonkdo .navbar-toggle:focus { background-color: #FCEF01;}
.navbar-cmonkdo .navbar-toggle .icon-bar { background-color: #888;}
.navbar-cmonkdo .navbar-collapse, .navbar-cmonkdo .navbar-form { border-color: #e7e7e7;}
.navbar-cmonkdo .navbar-nav > .open > a,
.navbar-cmonkdo .navbar-nav > .open > a:hover,
.navbar-cmonkdo .navbar-nav > .open > a:focus { color: #FCEF01;  background-color: transparent;}
@media (max-width: 767px) { .navbar-cmonkdo .navbar-nav .open .dropdown-menu > li > a { color: #fff; }
.navbar-cmonkdo .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-cmonkdo .navbar-nav .open .dropdown-menu > li > a:focus { color: #FCEF01; background-color: transparent; }
.navbar-cmonkdo .navbar-nav .open .dropdown-menu > .active > a,.navbar-cmonkdo .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-cmonkdo .navbar-nav .open .dropdown-menu > .active > a:focus {color: #555; background-color: #e7e7e7;}}
.navbar-cmonkdo .navbar-link {color: #FCEF01;}
.navbar-cmonkdo .navbar-link:hover {color: #333;}
.navbar-cmonkdo .btn-link { color: #FCEF01;}
.navbar-cmonkdo .btn-link:hover,.navbar-cmonkdo .btn-link:focus { color: #333;}
.panier-badge{ margin:-30px 0 0 -10px; background-color: #777AA4;}
.fa-panier{ background-color:#EAEAEA; color:#000; border-radius: 50%; padding:10px; position: static}
a:hover .fa-panier{ color: #777AA4; }
/************ fin head ************/
.cmonkdo-slide { margin:0px;}
.cmonkdo-slide .item img {min-width:100%; height:90vh; display:table; overflow:hidden;}
.cmonkdo-slide .carousel-caption {background:rgba(180, 100, 200, .8); left:0; width:100%; top:0px; bottom:0; padding:30vh 40px 0 ;}
.cmonkdo-slide .carousel-caption h3 {line-height:1.7; font-weight:800; font-size:34px }
.cmonkdo-slide .carousel-caption a { margin:40px 0}
.cmonkdo-slide .carousel-caption .form-slider { margin:0;}
.cmonkdo-slide .carousel-caption .form-slider h3 { margin:0 0 30px 0;}
.cmonkdo-slide .carousel-caption .form-slider .form-group-top { margin:0 0 5px 0}
.cmonkdo-slide .carousel-caption .form-slider a { color:#fff;}
.cmonkdo-slide .carousel-caption .form-slider a:hover { color:#FCEF01; text-decoration:none}
.cmonkdo-slide .carousel-caption .form-slider .mgn-top { margin: 20px 0}
/************ fin slider ************/
#ruban{ max-width: 100%; min-height:40vh;  margin:0; background:url(../img/ruban1-cmonkdo.png); background-repeat: no-repeat; background-size:cover; -moz-background-size: cover; background-color:#CCC}
.section-ruban h1, .section-ruban p {font-weight:300; text-align:right;text-shadow: 0 1px 2px rgba(0, 0, 0, .6);}
.section-ruban h1 {color: #f92c23; font-size: 35px;  padding-top:35vh;}
.section-ruban .mrg-bas { padding-bottom:70px;}
.btn-kdo {border-radius:0; color: #f92c23; background-color: transparent; background-image: none; border-color: #f92c23;}
.btn-kdo:focus, .btn-kdo.focus, .btn-kdo:active, .btn-kdo.active, .open > .btn-kdo.dropdown-toggle {color: #fff; background-color: #f92c23; border-color: #f92c23;}
.btn-kdo:hover {color: #fff; background-color: #f92c23; border-color: #f92c23;}
.btn-kdo-sld:focus, .btn-kdo-sld.focus, .btn-kdo-sld:active, .btn-kdo-sld.active, .open > .btn-kdo-sld.dropdown-toggle {color: #fff; background-color: #FCEF01; border-color: #FCEF01;}
.btn-kdo-sld {border-radius:0; color: #FCEF01; background-color: transparent; background-image: none; border-color: #FCEF01;}
.btn-kdo-sld:hover {color: #555; background-color: #FCEF01; border-color: #FCEF01; font-weight:700}
#cmonkdo-icon{ margin:60px 0 60px 0;}
#cmonkdo-icon .fa-icon{ padding:0 20vh 0 20vh; text-align:center; overflow:hidden }
#cmonkdo-icon .fa-icon i{ font-size:110px; color:#f92c23; }
#cmonkdo-icon h4{font-family:condBold; font-size:20px; line-height:30px}
#cmonkdo-icon p{ color: #666}
#cmonkdo-icon .divider:after {content: ""; position: relative; height: 4px; width: 150px; display: block; text-align: center; margin: 15px auto; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius:5em; -o-border-radius: 5em; border-radius: 5em;background: #FCEF01;}
#monkdo-boite .fa-icon i{ font-size:80px; color: #900; }
#monkdo-icon .fa-icon, #monkdo-boite .fa-icon{ padding:20px 0; text-align:center; }
#monkdo-icon .fa-icon i{ font-size:80px; color:#f92c23; }
#monkdo-icon h4, #monkdo-boite h4{font-family:condBold; font-size:20px; line-height:30px}
#monkdo-icon p, #monkdo-boite p{ color: #666; font-weight:normal}
#monkdo-icon .divider:after, #monkdo-boite .divider:after {content: ""; position: relative; height: 4px; width: 150px; display: block; text-align: center; margin: 15px auto; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius:5em; -o-border-radius: 5em; border-radius: 5em;background: #FCEF01;}
#presentation { background:rgba(119, 122, 164, 1);}
#presentation .carousel-inner img:hover{ border: 1px solid #F00; cursor:pointer}
#entrepriz {max-width: 100%;  margin:0; background:url(../img/slidebg1.jpg); background-repeat: no-repeat; background-size: cover; -moz-background-size: cover;}
#entrepriz h1{ color:#f92c23}
.section-heading {margin: 0; padding-top:50px; padding-bottom:70px; text-align: center;}
.section-heading h1{font-size: 35px; font-weight:200;padding-bottom:10px;color: #FCEF01;text-shadow: 2px 1px 2px #444;}
.section-heading p, .section-heading blockquote {font-size: 20px; color: #fff; font-weight: 300;}
.section-heading .divider:after {content: ""; position: relative; height: 4px; width: 200px; display: block; text-align: center; margin: 30px auto; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius:5em; -o-border-radius: 5em; border-radius: 5em; padding-bottom:5px}
.section-heading .divider:after {background: #CCC;}
@media (max-width: 768px) { /* smart */
.navbar-kdo .navbar-header .navbar-brand { margin-left: -40px; }
.navbar-kdo .navbar-header .navbar-toggle { margin-right: -40px; }
.panier-dakar{ margin:10px 20px 0 0 }
.cmonkdo-slide .item img {min-width:100%; height:70vh;}
.cmonkdo-slide .item img {height:60vh;}
.cmonkdo-slide .carousel-caption {width:100%; padding:20vh 20px 0 ;}
.cmonkdo-slide .carousel-caption h3 {line-height:1.5; font-weight:600; font-size:24px }
.cmonkdo-slide .carousel-caption a { margin:30px 0}
/* fin head */
.section-ruban h1 {font-size:25px !important; padding-top:10vh !important; text-align:center !important; margin:40px -10px }
.section-ruban i { font-size:20px}
.section-ruban .mrg-bas { padding-bottom:70px; text-align:center !important;}
.section-ruban .btn-kdo {color: #fff; background-color: #f92c23; border-color: #fff; margin-top:5px}
.section-ruban .btn-kdo:focus, .btn-kdo.focus, .btn-kdo:active, .btn-kdo.active, .open > .btn-kdo.dropdown-toggle {color: #fff; background-color: #f92c23; border-color: #f92c23;}
.section-ruban .btn-kdo:hover {color: #f92c23; background-color: #fff; border-color: #f92c23;}
#presentation .carousel-inner img{ max-height:50px}
.img-kdo {max-width:200px !important; margin-top:100px; padding:20px}
#cmonkdo-icon .fa-icon i{ font-size:50px;}
.section-heading h1{font-size: 25px; margin:0 50px 0 50px;}
.partners-text h4 { text-align:right; padding-left:40%}
#cmonkdo-icon h4{font-size:17px; line-height:27px}
#cmonkdo-icon .fa-icon{ padding:0;  }
#entrepriz .gie-info {margin:0 10vh 30px; font-size: 20px; font-weight: 300; line-height: 1.6;}
.breadcrumb { font-size:11px}	
.apayet { font-size:13px;}
#caddie{font-size:12px;}
#cgu-alert .row .col-xs-12 .fa{ padding:3px !important  }
#cgu-alert.alert{height:20vh !important;}
.dl-horizontal dt {float: left;width:130px; overflow: hidden;clear: left;text-align: right; text-overflow: ellipsis; white-space: nowrap;}
.dl-horizontal dd {margin-left: 145px;}
}
.partners-text{ color:#fff; padding:50px}
.img-kdo{max-width:300px; position: absolute; }
.gie-info {font-family:condBold; margin:0 30vh 50px; font-size: 35px; font-weight: 300; line-height: 1.6; color: #900}
.footer { position: static;  bottom: 0;  width: 100%; height: auto;  background-color: #111; }
.footer > .container {padding-right: 15px;  padding-left: 15px;}
.footer .container .row {margin: 20px 0;color:#CCC}
.footer a {color:#CCC}
.footer a:hover {color:#fff;text-decoration:none}
.footer h4 {color:#FCEF01}
.footer h1 {color:#FCEF01; font-size:28px; font-family: fJalla; text-shadow: 1px 1px 2px rgba(255, 255, 255, .6);}
.social-living .fa-4x{font-size:3em}
.copyright { background-color: #000;  color:#FCEF01;  width: 100%; }
.copyright .row {padding-right: 10px;  padding-left: 0;}
.copyright .container .row {  margin: 5px 0;}
.copyright a { color:#FCEF01}
.copyright a:hover { color:#fff; text-decoration:none}
/**** autres page Cadeau *****/
.jumbo-kdo {background:rgba(119, 122, 164, 1); color:#fff; padding-bottom: 50px; margin-bottom: 0;}
.jumbo-kdo h1{ margin:80px 0 0 0; text-shadow: 0 1px 2px rgba(0, 0, 0, .5);}
.jumbo-kdo small{ color: #ddd}
.jumbo-kdo .jumbo-a{ color: #F6F6F6; font-size:40px; margin-top:20px}
.jumbo-kdo .jumbo-a:hover{ color: #FCEF01;}
.alert-error{ padding-bottom:50px}
.zone-contenu { min-height:50vh; padding:25px 20px; margin-bottom:20px }
.pagi-kdo { margin-top:0px !important}
/**** panel carte hover *****/
.hovereffect {width:100%;height:100%;margin-bottom:20px;float:left;overflow:hidden;position:relative;text-align:center;cursor: default;}
.hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background-color:rgba(0,0,0,0.5);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.hovereffect img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffect h2 {text-transform:uppercase;color: #fff;margin-top:0;text-align:center;position:relative;font-size:15px;background:rgba(0,0,0,0.7);-webkit-transform:translatey(-100px);-ms-transform:translatey(-100px);transform:translatey(-100px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;padding:10px;line-height:20px;}
.hovereffect h2 small { color:#FCEF01; font-size:14px}
.hovereffect a.info {text-decoration:none;display:inline-block;text-transform:uppercase;color:#fff;border:1px solid #fff;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin:10px 2px ;padding:7px 14px;}
.hovereffect a.info:hover {box-shadow:0 0 5px #fff;}
.hovereffect:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}
.hovereffect:hover .overlay {opacity:1;filter:alpha(opacity=100);}
.hovereffect:hover h2,.hovereffect:hover a.info {opacity:1;filter:alpha(opacity=100);-ms-transform:translatey(0);-webkit-transform:translatey(0);transform:translatey(0);}
.hovereffect:hover a.info {-webkit-transition-delay:.2s; transition-delay:.2s;}
.hexagon {position: relative; width: 100px; height: 57.74px; background-color: #c60000; margin: 40px 30%; box-shadow: 0 0 20px rgba(136,136,136,0.85); border-left: solid 5px #ffc1c1; border-right: solid 5px #ffc1c1;}
.hexagon:before,.hexagon:after {content: ""; position: absolute; z-index: 1; width: 70.71px; height: 70.71px; -webkit-transform: scaleY(0.5774) rotate(-45deg); -ms-transform: scaleY(0.5774) rotate(-45deg); transform: scaleY(0.5774) rotate(-45deg); background-color: inherit; left: 9.6447px; box-shadow: 0 0 20px rgba(136,136,136,0.85);}
.hexagon:before {top: -35.3553px; border-top: solid 7.0711px #ffc1c1; border-right: solid 7.0711px #ffc1c1; }
.hexagon:after {bottom: -35.3553px; border-bottom: solid 7.0711px #ffc1c1; border-left: solid 7.0711px #ffc1c1;}
.hexagon span {text-align:center; color:#FFF; display: block; position: absolute;  top:2.8867513459481287px; left: 0; width:90px; height:51.9615px; z-index: 2; background: inherit; text-shadow: 0 2px 3px rgba(0, 0, 0, .6)}
.carousel-inner .aside-item .img-aside { height:150px !important}
.thumbnail.thumbnail-alert { margin:10px 15px; background-color: #FBFBFB}
@media (max-width: 992px) { /* smart */
.carousel-inner .aside-item { height:150px !important}
.carousel-inner .aside-item .img-aside { height:100px !important}
.hexagon {width: 60px; height: 34.64px; margin:30px 25%;}
.hexagon:before,.hexagon:after {width: 42.43px; height: 42.43px; left: 3.7868px;}
.hexagon:before {top: -21.2132px;}
.hexagon:after {bottom: -21.2132px;}
.hexagon span {top:1.8px; width:20px; left:11px; height:28.8675px;}
.hexagon span i{ font-size:30px}
.hovereffect h2 {font-size:12px; padding:5px;line-height:12px;}
.hovereffect h2 small {font-size:12px}
.hovereffect a.info {margin:0;padding:2px 5px;}
#carousel-cmonkdo-conversion h3{ font-size:18px}
.jumbo-kdo h1{margin-top:100px}
.jumbo-kdo .jumbo-a{font-size:22px; margin-top:10px}
.catego-marge .fa-cate{ font-size:45px !important}
#cmonkdo-catego .divider:after {height: 2px !important; width: 80px !important;}
.catego-marge h4{ font-size:13px !important}
#cmonkdo-catego .catego-marge{ padding-bottom:30px !important; padding-top:30px }
#cmonkdo-catego .fa-icon{ padding:0 5vh 0 5vh !important; }
.section-ruban h1 {color: #FCEF01; font-size: 35px;  padding-top:35vh;}
.form-signin-heading .fa { font-size:40px}
#monkdo-icon .fa-icon i{ font-size:40px;  }
#monkdo-icon h4{ font-size:15px; line-height:15px  }
#monkdo-icon .divider:after {width: auto;}
#monkdo-boite .fa-icon i{ font-size:40px;}
#monkdo-boite h4{font-size:15px; line-height:15px}
#monkdo-boite .divider:after {width: auto;}
.form-signin-heading{ font-size: 20px}
.temoignages .carousel-caption h4 {line-height:0; font-size:13px}
#cgu-alert .row .col-xs-12{ font-size:11px;}
#cgu-alert .row .col-xs-12 .fa{font-size:1.5em;  }
#promoNoel .modal-body h1 { font-size:20px !important }
#promoNoel .modal-body h1 .fa{font-size:28px }
}
/**** page Cadeau *****/
.font-brand {font-family: fJalla;}
.kdo-marge{margin:0 20px 0 20px}.
#cmonkdo-catego { margin:10px 0 60px 0;}
#cmonkdo-catego .catego-marge{ padding-bottom:50px; padding-top:30px }
#cmonkdo-catego .fa-icon{ padding:0 20vh 0 20vh; text-align:center; }
#cmonkdo-catego .fa-icon i{ font-size:80px; color:#f92c23; }
#cmonkdo-catego h4{font-family:fJalla; font-size:20px; line-height:30px}
#cmonkdo-catego a{ color: #666} 
#cmonkdo-catego a:hover{ color:#f92c23}
#cmonkdo-catego .divider:after {content: ""; position: relative; height: 4px; width: 150px; display: block; text-align: center; margin: 15px auto; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius:5em; -o-border-radius: 5em; border-radius: 5em;background: #FCEF01;}
#cmonkdo-catego {max-width: 100%;  margin:0; background: url(../img/categories-list.png); background-repeat: no-repeat; background-size: cover; -moz-background-size: cover;}
.panel-icon-univers h3{font-family: condBold;}
.marg-bas-20{ margin-bottom:20px !important}
.dt-cmonkdo{ font-size:16px}
#article-info .divider:after {content: ""; position: relative; height: 1px; width: 350px; display: block; text-align: center; margin: 30px auto; -webkit-border-radius: 5em; -moz-border-radius: 5em; -ms-border-radius:5em; -o-border-radius: 5em; border-radius: 5em;background: #f92c23;}
.leade {margin:20px 0 20px 0; font-size: 17px; font-weight: 300; line-height: 1.4;}
.c-select{display:inline-block;max-width:100%;-webkit-appearance:none;padding:.375rem 1.75rem .375rem .75rem;padding-right:.75rem\9;color:#55595c;vertical-align:middle;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right .75rem center;background-image:none\9;-webkit-background-size:8px 10px;background-size:8px 10px;border:1px solid #ccc;-moz-appearance:none}.c-select:focus{border-color:#51a7e8;outline:0}.c-select::-ms-expand{opacity:0}
#caddie .image img{ max-height:60px }
.dl-horizontal .txt-apayer{ font-size:18px !important}
.text-blanc{ color: #FFC !important}
.ih-item.ih-petit{ width: 100%; height: 100%}
.ih-item.ih-carte{ width: 100%; height: 100%; margin-bottom:20px}
.ih-item.ih-enseige{ width: 275px; height: 150px; margin-bottom:20px}
.ih-item.ih-enseige .img{height: 100%;}
.ih-item.square.effect9 .info h3{ margin-top:-10px;}
.ih-item.square.effect3 .info h3 {font-size: 20px; margin: 20px 10px;  padding: 55px 0 0 0; height: 110px;}
.ih-item.square.effect13 .info { margin-top:-10px}
.ih-item.square.effect13 .info p{ color:#FFF; font-size:14px; font-weight:600}
.ih-item.ih-cercle { width: 180px; height: 180px;}
.ih-item.ih-cercle .img { width: 180px; height: 180px;}
.ih-item.circle.effect3 .img i{ padding-top:30%}
.ih-item.circle.effect3 .info h3 {font-size: 20px; margin: 20px 10px;  padding: 55px 0 0 0; height: 110px;}
.ih-item.ih-cercle {background:url(../img/cadeaux1.jpg); background-repeat: no-repeat; background-size: cover; -moz-background-size: cover;}
.autocomplete-suggestions {text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1); position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;}
.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion b { font-weight: normal; color: #f92c23; }
.autocomplete-suggestion.selected { background: #f0f0f0; }
.client-disco{ bottom:5px; right:5px; position:absolute; }
.client-disco a{ font-size:18px; color: #eee}
.client-disco a:hover{ color: #fff}
.zone-contenu .client-space { margin:0 0 30px 0 }
.panel .panel-heading {background-color:#ffffff; font-weight:400; font-size:17px !important; color:#262626; border-color:#ffffff;}
.panel .panel-heading a { font-weight:400; font-size:11px;}
.panel .panel-default { border-color:#cccccc;}
.titre { border:0 solid #efefef; border-bottom-width:1px; padding-bottom:10px;}
.command-marge{ margin:0 10px}
.img-moyen{ max-height:60px}
.img-grand{ min-height:160px}
.moyen-text{font-size: 16px; font-weight: 300; line-height: 1.2;}
.grand-text{font-size: 18px;  line-height: 1.5;}
.grand { font-weight:500; font-size:18px}
.form-control-carre{ border-radius:0}
.form-padding{ margin:30px 5px}
.img-ptit{ max-height:20px}
.list-group-carre .list-group-item{ border-radius:0px}
.panel-panier { padding:70px 0}
.form-panier { padding:30px 0}
.form-panier-lydi { padding:30px 0 0 0}
#cmonkdo-enseigne {min-width: 100%;  margin:0; background: url(../img/categories-list.png); background-repeat: repeat; background-size: cover; -moz-background-size: cover;}
.senseigne .ens-marge .panel{ padding-top:15px; overflow:inherit  !important; margin-bottom:40px}
.senseigne .ens-marge .fa-cate{ font-size:75px !important; text-shadow: 2px 1px 4px rgba(0, 0, 0, .6); color:#f92c23}
.ens-marge .panel h4{ font-size:16px !important; letter-spacing:-1pt; text-shadow: 0 1px 2px rgba(0, 0, 0, .4);color:#f92c23}
.senseigne .ens-marge .panel :hover{ color: rgba(119, 122, 164, 1)}
.formsearchcode{ margin:40px 0 }
.panel-kdo, .panel-kod{ min-height:300px}
.panel-kdo .form-search{ padding:70px 0}
.panel-kod .form-search{ padding:10px 0 0 0}
.panel-town{background: url(../img/Burkina_map.png) no-repeat;background-position:center center; background-size: cover; -moz-background-size: cover;}
.panel-shop{background: url(../img/categories-list.png) no-repeat;background-position:center center; background-size: cover; -moz-background-size: cover;}
.grd-txt{ font-size:20px; }
.zone-contenu .mg-20{margin:10px 0 30px 0 !important}
/*************** hover ico categorie eseige **********************/
.fa-wrap .fa {display: inline-block; font-size: 0px; cursor: pointer; width: 80px; height: 80px; border-radius: 50%; text-align: center;
position: relative;	z-index: 1; color: #000; padding-top:0;}
.fa-wrap .fa:after {pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.fa-wrap .fa:before {speak: none; font-size: 55px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased;}
.fa-effect-5 .fa {box-shadow: 0 0 0 4px rgba(255,255,255,1);overflow: hidden; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.fa-effect-5 .fa:after {display: none;}
.no-touch .fa-effect-5 .fa:hover {background: rgba(255,255,255,1);color: #FCEF01;	box-shadow: 0 0 0 8px rgba(251,240,32,0.6);}
.no-touch .fa-effect-5a .fa:hover:before {-webkit-animation: toRightFromLeft 0.3s forwards;	-moz-animation: toRightFromLeft 0.3s forwards;animation: toRightFromLeft 0.3s forwards;}
@-webkit-keyframes toRightFromLeft {49% {-webkit-transform: translate(100%);}
	50% {opacity: 0;	-webkit-transform: translate(-100%);} 51% {opacity: 1;}}
@-moz-keyframes toRightFromLeft {49% {	-moz-transform: translate(100%);}
	50% {opacity: 0;	-moz-transform: translate(-100%);}	51% {opacity: 1;}}
@keyframes toRightFromLeft {49% {transform: translate(100%);}
	50% {opacity: 0;	transform: translate(-100%);}	51% {opacity: 1;}}
@media screen and (max-width: 800px) {.fa-wrap .fa {margin: 15px !important;}}
/*************** fi hover ico **********************/
.partner .divider-section { height:30px}
.alert-pub{ margin-top:30px}
.marge-10{ margin-right:5px}
.marge-11{ margin-left:5px}
.info-pub{font-size:18px}
.text-fJalla{ font-family:fJalla; font-size:20px}
.img-contact { top:25%; right:0; position: absolute}
.leade { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4;}
@media (min-width: 768px) { .leade {font-size: 18px; }}
.temoignages .carousel-caption { color: #000;  text-shadow: 0 1px 0 rgba(0, 0, 0, .4); right: 5%; left:5%;line-height:50px}
.temoignages .carousel-caption h4 {line-height:30px;}
.temoignage .carousel { height: 300px;}
.temoignage .carousel-caption { z-index: 10;}
.temoignage .carousel .item { height: 300px; background-color: transparent;}
.temoignage .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 300px;}
.help{ margin-bottom:5px}
.help .btn-help{ margin-bottom:5px}
.help-text{ margin-top:15%}
.item .img-index { height:150px}
#carousel-partners-cmonkdo{ padding: 50px 0px}
#aside-entrepriz {max-width: 100%;  margin:0; background:url(../img/shopping-cmonkdo.png); background-repeat: no-repeat; background-size: cover; -moz-background-size: cover;}
#aside-entrepriz .priz-text {background:rgba(255, 255, 255, .7); color:#000; font-size:16px; font-weight:600}
.fa-ul-dcal li{ line-height:25px}
.bs-glyphicons {margin: 0 -10px 20px; overflow: hidden}
.bs-glyphicons-list {padding-left: 0; list-style: none}
.bs-glyphicons li {float: left; width: 50%; height: 150px; padding: 10px; font-size: 14px; line-height: 1.4; text-align: center;	background:rgba(119, 122, 164, 1);	color:#fff;	border: 1px solid #fff}
.bs-glyphicons .fa {margin-top: 5px; margin-bottom: 10px; font-size: 50px; text-shadow: 2px 2px 4px #444;}
.bs-glyphicons .glyphicon-class {display: block; text-align: center; word-wrap: break-word}
.bs-glyphicons li:hover {color: #fff; background-color: #f92c23}
@media (min-width:768px) {.bs-glyphicons {margin-right: 0; margin-left: 0} .bs-glyphicons li {width: 25%;	font-size: 16px }}
.perso-img img {  top: 0; left: 0; min-width: 100%; }
.perso-img .perso-img-text {background:rgba(255, 255, 255, .8); left:30px; width:85%; height:120; top:230px; position:absolute; padding-top:8px; overflow:hidden}
.perso-img .perso-img-text span{ padding:0 10%; font-size:16px; font-family:fJalla; display:inline }
.perso-img .perso-img-logo { height:30px; margin-left:10px; margin-top:-3px}
@media (max-width:768px) {.perso-img .perso-img-text {left:30px; width:85%; top:190px; padding-top:8px}}
.print-block{ display:inline !important}
#cgu-alert {position: fixed !important; left:0px; bottom:0px; height:16vh; width:100%; color:#FFF; background:rgba(119, 122, 164, 1); border-radius:0; margin-bottom:0px; font-size:16px; box-shadow:2px 1px 6px rgba(60, 60, 60, 1); -webkit-box-shadow:1px 1px 6px rgba(60, 60, 60, 1);}
#cgu-alert a{ color:#FFF}
#cgu-alert .col-xs-12{ font-size:16px;}
.btn-kdo-dia {border-radius:0; color: #fff; background-color: transparent; background-image: none; border-color: #fff;}
.btn-kdo-dia:hover {color: #555; background-color: transparent; border-color: #fff;}
#cgu-alert .row .col-xs-12 .fa{ padding:20px  }
.cafe label{ padding:20px; font-size:15px}
#promoNoel .modal-body h1 { position:absolute; margin:-160px 20px; color: #fff; text-shadow: 3px 1px 2px #000; font-size:36px !important }
#promoNoel a {  position:absolute; margin:-60px 20px }


/*FCEF01 f92c23*/