@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; outline: none; }
html, body { position: relative; height: 100%; width: 100%; }
img { vertical-align: middle; }
a img { border: none; }
.login	#header_c {
    height: auto;
}

.login #header {
margin-top: 50px;
}
.login #header h1 {
margin-top: 5px;
}
img { max-width: 100%; }
html { font-family: sans-serif; }body { margin: 0px;  }.wcenter { max-width: 1024px; margin: 0 auto; }#container { position: relative; padding-bottom: 100px; min-height: 100%; }#header_c { height: 280px; background: #e6e6e6; welcome little one!.png}
#header { overflow: hidden; height: 100%; position: relative; } #logo { margin-top: 0px; width: 100%; height: 100%; text-align: center; }
#logo img { max-width: 100%; max-height: 100%;margin-top: 0px;margin-bottom: 0px;}#menu-top { display: flex; justify-content: space-between; padding: 0 16px; height: 40px; line-height: 40px;background: #cfcfcf;
background: -moz-linear-gradient(top, #cfcfcf 0%, #e6e6e6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcfcf), color-stop(100%,#e6e6e6));
background: -webkit-linear-gradient(top, #cfcfcf 0%,#e6e6e6 100%);
background: -o-linear-gradient(top, #cfcfcf 0%,#e6e6e6 100%);
background: -ms-linear-gradient(top, #cfcfcf 0%,#e6e6e6 100%);
background: linear-gradient(to bottom, #cfcfcf 0%,#e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#e6e6e6',GradientType=0);
font-weight: normal; }
#menu-top a, #menu-top ul > li > span { cursor: pointer; padding: 0px 20px; display: block; font-size: 13px; font-family: "Open Sans", sans-serif; color: #3b3b3b; text-decoration: none; } #menu-top .menutop-img { height: 100%; } #menu-top img { max-height: 100%; }
.hmenu li {
position: relative;
display: inline-block;
}
.hmenu li.hc ul {
display: block;
box-shadow: 0 2px 2px rgba(0,0,0,.1);
float: left;
position: absolute;
left: -99999px;
opacity: 0;
z-index: 99999;
width: 200px;
text-align: left;
top: auto;
pointer-events: none;
height: 0;
overflow: hidden;
}
.hmenu li.hc li {
width: 100%;
margin: 0;
display: block;
line-height: 40px;
}
.hmenu li:hover ul{
left: auto;
right: 0;
opacity: 1;
pointer-events: auto;
height: auto;
overflow: visible;
}
#menu-top a:hover { color: #000000; }
#menu-mobile { display: none; }
#menu_c { background: #22a2c4;
background: -moz-linear-gradient(top, #22a2c4 0%, #275185 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22a2c4), color-stop(100%,#275185));
background: -webkit-linear-gradient(top, #22a2c4 0%,#275185 100%);
background: -o-linear-gradient(top, #22a2c4 0%,#275185 100%);
background: -ms-linear-gradient(top, #22a2c4 0%,#275185 100%);
background: linear-gradient(to bottom, #22a2c4 0%,#275185 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a2c4', endColorstr='#275185',GradientType=0);
height: 60px; min-height: 60px; position: relative; }
#menu { line-height: 60px; font-size: 18px; font-family: Verdana,Arial,Helvetica,sans-serif; }
#menu>ul>li, #menu>ul>li.hc ul { color: #ffffff; } #menu a, #menu span, .hmenu li.hc ul a { color: inherit; text-decoration: none; display: inline-block; font-weight: normal; padding: 0 20px}
#menu .selected { color: #262626; }
#menu>ul>li:hover, #menu>ul>li>ul, .hmenu li.hc ul li:hover { color: #262626; background: #ededed; }
.hmenu li.hc li {background: #22a2c4;
background: -moz-linear-gradient(top, #22a2c4 0%, #275185 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22a2c4), color-stop(100%,#275185));
background: -webkit-linear-gradient(top, #22a2c4 0%,#275185 100%);
background: -o-linear-gradient(top, #22a2c4 0%,#275185 100%);
background: -ms-linear-gradient(top, #22a2c4 0%,#275185 100%);
background: linear-gradient(to bottom, #22a2c4 0%,#275185 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a2c4', endColorstr='#275185',GradientType=0);
}#content_c { margin-top: 5px;  }
#menu a.selected { color: #262626; background: #ffffff; }
#content_2cols { display: flex; flex-flow: row nowrap; display: -webkit-flex; background: #ffffff;  padding-bottom: 100px; }
#content { position: relative; background: #ffffff; color: #444; padding: 30px 10px 15px; } body { font-family: "Open Sans", sans-serif; font-size: 14px; }
#content h1 { margin: 0px 0px 30px; color: #000000; text-decoration: none; font-size: 22px; font-weight: bold; }
a {color: #181721; text-decoration: none; }
a:hover {color: ; text-decoration: underline; }
#footer_c { position: absolute; bottom: 0px; width: 100%; background: #e0e0e0; height: 100px; }
#content ul, #content ol {
list-style-position: outside;
padding-left: 35px;
}
#content ul {
list-style-type: initial;
}
#content ul.grid-view {
list-style-type: none;
}
#content .video ul {
padding: 0;
}
#footer { padding: 15px 15px; text-align: center; font-family: -apple-system,system-ui,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 13px; color: #444; }

img {border:0;}
ul { margin: 0; }
h1 { border-bottom: 20px; }
.valider
.champ {
float:left;
position:relative;
}
input[type="submit"], a.buttonlink, button, .koobtn { padding: 0.5rem 1rem; cursor: pointer; margin: 0; background: #8c8c8c; color: #ffffff; font-size: 14px; font-weight: bold; border: 0px solid ; border-radius: 4px; }
a.buttonlink {
    padding: 14px 30px;
    border-radius: 40px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
a.buttonlink span, .koobtn { color: #ffffff; }
a.buttonlink:hover,  {
    text-decoration: none !important;
}
a.buttonlink span.main {
    font-size: 18px;
    display: block;
}
a.buttonlink span.sub {
    font-size: 12px;
    display: block;
}
.postback .champ {
padding: 10px 0;
}
.formulaire label {
display: block;
color: #777;
font-size: 14px;
float:left;
}
.formulaire  input[type="text"] {
border: 1px solid #D4D4D4;
border-radius: 3px;
font-size: 12px;
padding: 4px;
width: 180px;
float:left;
margin-left:10px;
}

.msg_info {
font-family: Segoe UI,Arial,sans-serif;
font-size: 14px;
border-radius: 8px;
padding: 10px;
background: #FFF9E5;
color: #1F1F1F;
margin-bottom: 20px;
}
.msg_info .msg_ico {
float: left;
margin-right: .3em;
background-image: url(https://www.kooneo.com/img/usericonsyellow.png);
background-position: -16px -144px; height: 16px; width: 16px; display: block;
}
.msg_ok, .msg-ok {
font-family: Segoe UI,Arial,sans-serif;
font-size: 14px;
border-radius: 8px;
color: #324132;
background-color: #E5F6FD;
padding: 14px 20px 14px 38px;
margin-bottom: 20px;
position: relative;
}
.msg_ok .msg_ico {
width: 16px;
height: 16px;
position: absolute;
top: 15px;
left: 12px;
overflow: hidden;
text-indent: -9999px;
background-image: url('https://www.kooneo.com/img/alert.png');
background-repeat: no-repeat;
background-position: 0px -16px;
}
.msg_err {
font-family: Segoe UI,Arial,sans-serif;
font-size: 14px;
border-radius: 8px;
padding: 10px;
background: #FFD5D6;
color: #6D4A4C;
margin-bottom: 20px;
}
.msg_err .msg_ico {
float: left;
margin-right: .3em;
background-image: url(https://www.kooneo.com/img/usericonsyellow.png);
background-position: 0px -144px; height: 16px; width: 16px; display: block;
}
.lock i {
    font-size: 88px;
    text-align: center;
    margin: 27px;
}
.lock {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,0.9);
    text-align: center;
}

#title_c { }
#title { padding: 0px 0px; font-family: inherit; } .title1 {  } .title2 {}
#breadcrumb {
padding: 0px 0px; 
}
.breadcrumb {
list-style: none;
padding-top: 15px;
margin: 0;
}
#breadcrumb .breadcrumb>li {
display: inline-block;
font-family: -apple-system,system-ui,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 14px; }
#breadcrumb .breadcrumb>li a {
text-decoration: none;
color: #0091d5; }
.breadcrumb>li+li:before {
content: '>';
padding: 0 5px;
}
.koo-icons {
    display: flex;
    flex-wrap: wrap;
}
.koo_contlien {
position: relative;
min-height: 172px;
margin-bottom: 15px;
margin-right: 15px;
width: 192px; 
}
.koo_contlien .icone img {
width: 92px;
}
.koo_contlien .icone {
margin: 0px auto;
width: 92px;
}
.koo_contlien .koo_lien {
text-align: center;
margin-top: 8px;
}
.koo_contlien.grey .icone {
position: relative;
filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2;
}
.koo_contlien.grey .explain {
position: absolute; z-index: 100; top: 0; left: 0; text-align: center; width: 100%; margin-top: 20%;
}

#content .koo_contlien .koo_lien a { font-family: -apple-system,system-ui,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; color: #2f3047; text-decoration: none; font-weight: bold; font-size: 14px;  }
.koo_contlien:hover a  { color: #3b3c4f; text-decoration: none; }
.koo_contlien .koo_lien a { color: #2f3047; text-decoration: none; font-weight: bold; font-size: 14px;  }
.koo_contlien:hover a  { color: #3b3c4f; text-decoration: none; }
.post-user .txt { font-family: -apple-system,system-ui,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; font-size: 12px; color: #242424; 
margin: 0px;
min-height: 13px;
}


#content .post-user .txt a { 
}
#content .post-user .txt a:hover { 
}


#content_menu { padding: 30px 0px; flex-shrink: 0;  flex-basis: 220px; -webkit-flex-basis: 220px; margin-right: 0px; }
.content_page { flex: 1; }
#content_menu ul { list-style: none; }
#content_menu .caret {
position: absolute;
right: 10px;
font-size: 16px;
}
#content_menu li>a { position: relative; }
#content_menu>ul>li>a { display: block; position: relative; text-decoration: none; padding: 7px 15px; line-height: 22px; background: #22a2c4;
background: -moz-linear-gradient(top, #22a2c4 0%, #275185 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22a2c4), color-stop(100%,#275185));
background: -webkit-linear-gradient(top, #22a2c4 0%,#275185 100%);
background: -o-linear-gradient(top, #22a2c4 0%,#275185 100%);
background: -ms-linear-gradient(top, #22a2c4 0%,#275185 100%);
background: linear-gradient(to bottom, #22a2c4 0%,#275185 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22a2c4', endColorstr='#275185',GradientType=0);
color: #ffffff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: normal; border-bottom: 1px solid #dedede;  }
#content_menu>ul>li>a:hover { background: #5680ad;
background: -moz-linear-gradient(top, #5680ad 0%, #4a72a3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5680ad), color-stop(100%,#4a72a3));
background: -webkit-linear-gradient(top, #5680ad 0%,#4a72a3 100%);
background: -o-linear-gradient(top, #5680ad 0%,#4a72a3 100%);
background: -ms-linear-gradient(top, #5680ad 0%,#4a72a3 100%);
background: linear-gradient(to bottom, #5680ad 0%,#4a72a3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5680ad', endColorstr='#4a72a3',GradientType=0);
color: #dbdbdb;  }
#content_menu>ul>li.current>a {  }
#content_menu ul li ul li a { display: block; text-decoration: none; padding: 7px 15px; line-height: 19px; background: #ffffff; color: #0a0a0a; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: normal; border-bottom: 1px solid #f6f6f6;  }
#content_menu ul li ul li a:hover { background: #e6e6e6; color: #2e2e2e;  }
#content_menu ul li ul li.selected a {  }
#content_menu ul li ul { display: none; }#content_menu ul li ul.show { display: block; }#content_menu ul li.current ul { display: block; }.login #container_center {
		width: 380px;
    margin: 0 auto;
}

/******* Shop *******/
ul.shop-products {
display: flex;
flex-wrap: wrap;
padding-left: 0 !important; text-align: center; 
}
.shop-products li {
text-align: left;
width: 190px;
flex: 0 0 190px;
flex-direction: column;
padding: 10px;
position: relative;
display: flex;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.1); border: none;border-radius: 5px; margin: 5px 5px !important;
background: #fff;
}

#content .shop-products .shop-list-name a {
color: #444; 
}
#content .shop-products .shop-list-name a:hover {
text-decoration: none;
}
.shop-products .shop-list-desc {
color: #777; font-size: 11px; 
font-weight: normal;
margin: 0 0 10px;
padding: 0;
}
.shop-products .shop-list-price {
margin-top: auto;
color: #E76D66; font-weight: bold; 
}

.shop-prod-desc p, .page-content p {

}


a.shop-list-2cart, .shop-button {
    padding: 8px 16px;border-radius: 3px; color: #ffffff; background: #6e6e6e; font-weight: normal; 
    display: inline-block;
}
a.shop-list-2cart:hover, .shop-button:hover {
color: #ffffff; background: #E76D66; 
    text-decoration: none!important;
}

#menu-top .fa, #menu .fa {
margin-right: 5px;
}
.fa-mb:before { content: "\f007"; }
.mr5 { margin-right: 5px; }
.ml5 { margin-left: 5px; }
#superuserwin {
display: inline-block;
position: fixed;
z-index: 101;
font-family: sans-serif;
background-color: rgba(0, 0, 0, 0.24);
color: #FFF;
bottom: 0px;
left: 0px;
padding: 7px 37px 7px 17px;
font-size: 18px;
}
#superuserwin a, #superuserwin a:hover {
color: #FFF;
text-decoration: none;
font-size: 22px;
display: block;
position: absolute;
right: 2px;
top: 2px;
line-height: 22px;
width: 22px;
}
#disqus_thread {
margin-top: 150px;
}
.subscrRevive {
width: 450px;
margin: 0 auto;
background-color: #fafafa;
padding: 10px 20px;
}
.subscrRevive .mode_pmt_lgn {
padding: 8px;
}
.subscrRevive .payButton {
margin-top: 15px;
}
.payButton {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 35px;
    margin: 0;
    height: 37px;
    border: 0;
    text-decoration: none;
    background: #45b1e8;
    background-image: -webkit-linear-gradient(#45b1e8,#3097de);
    background-image: -moz-linear-gradient(#45b1e8,#3097de);
    background-image: -ms-linear-gradient(#45b1e8,#3097de);
    background-image: -o-linear-gradient(#45b1e8,#3097de);
    background-image: -webkit-linear-gradient(#45b1e8,#3097de);
    background-image: -moz-linear-gradient(#45b1e8,#3097de);
    background-image: -ms-linear-gradient(#45b1e8,#3097de);
    background-image: -o-linear-gradient(#45b1e8,#3097de);
    background-image: linear-gradient(#45b1e8,#3097de);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    font-family: "Helvetica Neue","Helvetica",Arial,sans-serif;
    font-weight: bold;
    font-size: 17px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(46,86,153,0.3);
    -webkit-box-shadow: 0 1px 0 rgba(46,86,153,0.15),0 0 4px rgba(86,149,219,0),inset 0 2px 0 rgba(41,102,20,0);
    -moz-box-shadow: 0 1px 0 rgba(46,86,153,0.15),0 0 4px rgba(86,149,219,0),inset 0 2px 0 rgba(41,102,20,0);
    -ms-box-shadow: 0 1px 0 rgba(46,86,153,0.15),0 0 4px rgba(86,149,219,0),inset 0 2px 0 rgba(41,102,20,0);
    -o-box-shadow: 0 1px 0 rgba(46,86,153,0.15),0 0 4px rgba(86,149,219,0),inset 0 2px 0 rgba(41,102,20,0);
    box-shadow: 0 1px 0 rgba(46,86,153,0.15),0 0 4px rgba(86,149,219,0),inset 0 2px 0 rgba(41,102,20,0);
    -webkit-transition: box-shadow .15s linear;
    -moz-transition: box-shadow .15s linear;
    -ms-transition: box-shadow .15s linear;
    -o-transition: box-shadow .15s linear;
    transition: box-shadow .15s linear;
}

ul.table {
list-style-type: none !important;
display: table;
width: 100%;
}
ul.table li {
display: table-cell;
}
ul.table.hcenter li {
text-align: center;
}
ul.table li.vcenter {
vertical-align: middle;
}
#post-form .koobtn { margin-top: 0; }
.post-user:hover .edit-post { display: block; }
.rmargin5 { margin-right: 5px; }

input[type=submit], button {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
.legals > div {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.legals > div:last-child {
border-bottom: 0;
}
.legals .consent {
color: #2f8001;
font-size: 10px;
}
textarea {
padding: 5px;
font-family: sans-serif;
}
#menu-mobile .mm-top {
    display: flex;
	align-items: center;
    justify-content: space-between;
}
#menu-mobile .mm-bot {
    overflow-x: scroll;
}
#menu-mobile .mm-bot ul {
    display: flex;
    flex-wrap: nowrap;
}
#menu-mobile .mm-bot li {
    display: block;
    white-space: nowrap;
}
#menu-mobile .mm-bot a {
    display: block;
    padding: 6px 24px;
    color: inherit;
}
#menu-mobile .mm-bot li.selected {
    border-bottom: 2px solid #333;
}
#mm-content {
    display: none;
}
#mm-content {
z-index: 1000;
font-family: Arial, Sans-Serif;
font-size: 20px;
}
#mm-content .fa {
margin-left: -18px;
margin-right: 8px;
}
.mm-box {
background-color: #fff;
position: fixed;
right: 0;
bottom: 0;
top: 0;
left: 0;    
}
#mm-content .mm-tool {
background-color: #2196f3;
height: 80px;
display: flex;
align-items: center;
}
.mm-button {
width: 27px;
height: 27px;
fill: #262623;
margin-left: 30px;
display: inline-block;
margin-right: 30px;
}
.mm-back-button {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);       
}
#mm-content .mm-scroll {
height: calc(100% - 80px);
position: relative;
}
#mm-content .mm-scroll .mm-scroll-content {
position: absolute;
overflow: scroll;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin-right: -15px;
margin-bottom: -15px;
}
#mm-content li.has-child > a {
justify-content: space-between;
}
#mm-content li.current, #mm-content li.selected {
background-color: #e1f4f7;
}
#mm-content a {
display: flex;
align-items: center;
padding: 16px 10px 16px 40px;
line-height: .94;
letter-spacing: .8px;
color: #333;
}
#mm-content a span {
    display: inline-block;
}
#mm-content .caret {
    flex: 0 0 24px;
    height: 20px;
    fill: #2196f3;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    margin-left: 20px;
}
#mm-content .mm-child {
    display: none;
    z-index: 1001;
}
#mm-content ul {
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
#shop-cart-mm {
    position: relative;
}
#shop-cart-mm .cart-count {
    position: absolute;
    display: block;
    width: 16px;
    height: 16px;
    right: 0;
    top: 0;
    margin-top: -8px;
    margin-right: -8px;
}
.cart-count span {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #f00;
    color: #fff;
    padding: 1px;
    border-radius: 50%;
    font-size: 12px;
    text-align: center;
}
/****** Mobile ******/
@media screen and (max-width:768px) {
	img {
		max-width: 100%;
		height: auto!important;
	}
	* {
	    word-wrap: break-word;
	    max-width: 100%;
	}
	#container {
		width: 100%;
		height: auto;
		padding-bottom: 0;
	}
	.mmenu #container {
	    padding-top: 54px;
	}
	.mmenu2 #container {
	    padding-top: 88px;
	}
	#container_center {
		width: 100%;
		margin: 0;
	}
	.wcenter {
		width: 100%;
		margin: 0 auto;
	}
	#header_c {
	    height: auto;
	    padding-top: 5px;
	}
	#header_c, #title_c {
		height: auto;
	}
	#footer_c {
	    position: relative;
	    bottom: auto;
	}
	.login #header {
    margin-top: 0px;
    }
	#logo_login, #logo {
		width: 100%;
		background-size: auto auto;
		background-position: center center; }
	.main_container {
		padding: 8px;
	}
	#menu_c {
		height: auto;
		min-height: auto;
        width: 100%;
	}
	#menu>ul>li, #menu>ul>li>a {
		display: block;
		text-align: center;
	}
	#menu .newmsg { right: 15px; }
	#content_c { margin-top: 0; }
	#content { padding: 8px; }
	.koo_contlien {
		display: flex;
		float: none;
		min-height: 80px;
		width: auto;
		margin-right: 0;
		position: relative;
		padding: 0;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		width: 100%;
		align-items: center;
	}
	.koo_contlien .icone {
        flex-basis: 75px;
        flex-grow: 0;
        flex-shrink: 0;

		margin: 0 10px 0;
		height: 75px;
		width: 75px;
	}
	.koo_contlien .icone img {
		height: 75px;
		width: 75px;
	}
	.koo_contlien .koo_lien {
		text-align: left;
		margin-top: 0px;
	}
	.koo_contlien.grey .koo_lien {
		padding-bottom: 18px;
	}
	.koo_contlien.grey .explain br {
		display: none;
	}
	.koo_contlien .koo_lien a {
		display: inline-block;
		vertical-align: middle;
		line-height: normal;
	}
	#sub_menu {
		background: none;
	}
	#content_menu, #sub_menu {
		float: none;
		width: auto;
		padding: 8px;
		margin: 0;
	}
	#sub_menu>ul {
		width: auto;
		margin: none;
	}
	#sub_menu>ul>li {
		display: block;
	}
	#sub_menu>ul>li>ul {
		display: block;
		position: relative;
		min-width: initial;
	}
	#content_2cols { 
        display: block; 
    } 
	.content_page {
		float: none;
		width: auto;
	}
	.msguser-header .spanlabel {
		display: block;
		margin-bottom: 10px;
	}
	.msguser-header input[type="text"] {
		width: 100%;
	}
	.form .row {
		height: auto;
	}
	.form input[type="text"], .form input[type="password"], .form select {
		width: 100%;
	}
	.form .submit {
		padding: 0;
	}
	.form .submit input[type="submit"] {
		width: 100%;
	}
	.tableau.respo table,
	.tableau.respo thead,
	.tableau.respo tbody,
	.tableau.respo th,
	.tableau.respo td,
	.tableau.respo tr {
	display: block;
	width: auto!important;
	}

table thead{
  display:none;
}    
table tbody tr th{
  display:block;
  text-align: left;
}
table:not(.chart) tbody tr td{
 display:block;
 margin-left:20px;
}

	.tableau.respo thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
	}

	.tableau.respo td {
	/* Behave like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	white-space: normal;
	text-align:left;
	}

	/*
	Label the data
	*/
	.tableau.respo td:before { content: attr(data-title); }	

	.tableau.mails colgroup:nth-child(3) {
		width: 90px !important;
	}

	.stats {
		width: 100%;
		overflow: auto;
	}
	
	#clogin, #cpassword {
		width: 100%;
	}
	.main_container {
		border: none;
	}
	ul.shop-products {
	    display: block;
	}
	.shop-products li {
		width: 100%;
		float: none;
		border-right: none;
		flex: auto;
		display: block;
	}
	a.shop-list-2cart {
		width: 100%;
	}
	.shop-prod-img, .shop-prod-price {
	    float: none;
	    width: 100%;
	}
	.zoomWrapper {
		width: 100% !important;
        position: relative;
    }
    .shop-prod-img .image img {
        max-width: 100% !important;
        height: auto !important;
    }
    .zoomContainer {
        display: none !important;
	}
	#shop-cart-confirm {
		left: 0;
		width: 100%;
		margin-left: 0;
	}
	#cart-confirm-close {
		margin: 0 0 0 0;
	}

    #menu-mobile {
		display: block;
		position: fixed;
		background-color: #fff;
		color: #000;
		top: 0;
		left: 0;
		right: 0;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
		z-index: 10;
    }
    
	#nav-toggle {
	    color: inherit;
	    cursor: pointer;
	    padding: 0 7px;
	    margin: 5px;
	    font-family: sans-serif;
	    font-size: 14px;
	    font-weight: bold;
	    text-decoration: none;
	    display: inline-block;
	    line-height: 44px;
	}
	#nav-toggle div {
	    display: inline-block;
	    vertical-align: top;   
	}
	#nav-toggle .tg-hamb {
	    height: 44px;
	    width: 44px;
	    padding-top: 18px;
	}
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	  cursor: pointer;
	  border-radius: 1px;
	  height: 3px;
	  width: 35px;
	  background: #000;
	  position: absolute;
	  display: block;
	  content: "";
	}
	#nav-toggle span:before {
	  top: -10px; 
	}
	#nav-toggle span:after {
	  bottom: -10px;
	}


	#menu-top {
	    display: none;
	}
	#menu_c, #content_menu, #sub_menu {
		display: none;
	}
	

    #cart-confirm-close {
        margin: 0 !important;
    }
    #shop-cart-confirm {
    top: 0 !important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    height: auto!important;
    margin-top: 0!important;
    margin-left: 0!important;
    z-index: 201!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
}
#shop-cart-confirm .button-container {
    width: calc(100% - 40px) !important;
}
#shop-cart-confirm .shop-button {
    font-size: 16px !important;
    width: 100%;
    margin-top: 20px;
}
	.msguser-boutons {
		float: none;
	}
	ul.table {
		display: block;
	}
	ul.table li {
		display: block;
	}
.counters {
        zoom: 50%;
    }
}#conteneur{
   display: flex;
  flex-direction: row;
justify-content: space-between;
  }

@media (max-width: 800px) {
  #conteneur{
    flex-direction: column;
  }
.element{
margin-right:0px!important;
}
}

#monBouton{
  height:50px;
  width:50px; 
}

.msguser-header > .champ::before{
        white-space :pre-line;
	content:"Bonjour \A 📆 Je m’accorde une petite pause estivale et serai absente jusqu’au 29 août inclus. Durant cette pause, je ne pourrai pas répondre à vos messages - Bel été à tous\A\A---------------------------------- \A\A À mon retour, nous répondrons aux questions en rapport avec la formation, afin de vous permettre d'avancer dans l'amélioration de vos compétences.\A Pour toutes les questions qui ne sont pas liées au contenu de la formation, nous ne sommes pas habilité à vous répondre.\A Pour les questions au cas par cas que vous pouvez rencontrer au sein de votre entreprise par exemple, nous vous conseillons de vous rapprocher d'un juriste en droit du travail.\A ❌ On ne peux pas donner de conseil juridique.\A Merci.\A Votre référent pédagogique\A\A "
;
	font-size:16px;
        font-style: italic;
        padding-bottom:30px!important;	
}