@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url(//fonts.googleapis.com/css?family=Oswald: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: 170px; background: #FFFFFF; logo-1 (1).png}
#header { overflow: hidden; height: 100%; position: relative; } #logo { margin-top: 0px; width: 100%; height: 100%; text-align: left; }
#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: #07294D;
background: -moz-linear-gradient(top, #07294D 0%, #07294D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07294D), color-stop(100%,#07294D));
background: -webkit-linear-gradient(top, #07294D 0%,#07294D 100%);
background: -o-linear-gradient(top, #07294D 0%,#07294D 100%);
background: -ms-linear-gradient(top, #07294D 0%,#07294D 100%);
background: linear-gradient(to bottom, #07294D 0%,#07294D 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07294D', endColorstr='#07294D',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: #D81124; 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: #ffffff; }
#menu-mobile { display: none; }
#menu_c { background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
height: 60px; min-height: 60px; position: relative; }
#menu { line-height: 60px; font-size: 18px; font-family: "Oswald", sans-serif; }
#menu>ul>li, #menu>ul>li.hc ul { color: #07294D; } #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: #D81124; }
#menu>ul>li:hover, #menu>ul>li>ul, .hmenu li.hc ul li:hover { color: #D81124; background: #07294D; }
.hmenu li.hc li {background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0);
}#content_c { margin-top: 5px;  }
#menu a.selected { color: #D81124; background: #07294D; }
#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: #07294D; 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: #07294D; 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: #ffffff; }

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: inherit; 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 { color: #07294D; 
}
#content .post-user .txt a:hover { color: #D81124; 
}


#sub_menu {  background: #07294D;
background: -moz-linear-gradient(top, #07294D 0%, ##07294D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07294D), color-stop(100%,##07294D));
background: -webkit-linear-gradient(top, #07294D 0%,##07294D 100%);
background: -o-linear-gradient(top, #07294D 0%,##07294D 100%);
background: -ms-linear-gradient(top, #07294D 0%,##07294D 100%);
background: linear-gradient(to bottom, #07294D 0%,##07294D 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07294D', endColorstr='##07294D',GradientType=0);
border-bottom: 1px solid #dedede;  }
#sub_menu>ul { list-style: none; width: 960px; margin: 0px auto; }
#sub_menu>ul>li { display: inline-block; position: relative; }
#sub_menu>ul>li>a { display: block; text-decoration: none; padding: 0 15px; line-height: 50px; background: #07294D;
background: -moz-linear-gradient(top, #07294D 0%, ##07294D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07294D), color-stop(100%,##07294D));
background: -webkit-linear-gradient(top, #07294D 0%,##07294D 100%);
background: -o-linear-gradient(top, #07294D 0%,##07294D 100%);
background: -ms-linear-gradient(top, #07294D 0%,##07294D 100%);
background: linear-gradient(to bottom, #07294D 0%,##07294D 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07294D', endColorstr='##07294D',GradientType=0);
color: #ffffff; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: bold;  }
#sub_menu>ul>li:hover>a { background: #07294D;
background: -moz-linear-gradient(top, #07294D 0%, #07294D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07294D), color-stop(100%,#07294D));
background: -webkit-linear-gradient(top, #07294D 0%,#07294D 100%);
background: -o-linear-gradient(top, #07294D 0%,#07294D 100%);
background: -ms-linear-gradient(top, #07294D 0%,#07294D 100%);
background: linear-gradient(to bottom, #07294D 0%,#07294D 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07294D', endColorstr='#07294D',GradientType=0);
color: #D81124;  }
#sub_menu>ul>li>a.selected { color: #D81124;  }
#sub_menu ul li ul li a { display: block; text-decoration: none; padding: 0 15px; line-height: 32px; background: #f5c638; color: #0a0a0a; font-family: "Open Sans", sans-serif; font-size: 11px; font-weight: normal; border-bottom: 1px solid #f6f6f6;  }
#sub_menu>ul>li>ul { display: none; list-style: none outside none; position: absolute; min-width: 180px; z-index: 10; }
#sub_menu>ul>li:hover>ul { display: block; }		
#sub_menu ul li ul li a:hover { background: #e6e6e6; color: #2e2e2e;  }
#sub_menu ul li ul li a.selected { }
#sub_menu li.has-child .caret {
	margin-left: 5px;
}.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: 320px;
flex: 0 0 320px;
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: #07294D; font-size: 26px; 
}
#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: #D81124; 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: #07294D; font-weight: normal; 
    display: inline-block;
}
a.shop-list-2cart:hover, .shop-button:hover {
color: #ffffff; background: #D81124; 
    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%;
    }
}// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix

// Reboot
//
// Normalization of HTML elements, manually forked from Normalize.css to remove
// styles targeting irrelevant browsers while applying new styles.
//
// Normalize is licensed MIT. https://github.com/necolas/normalize.css


// Document
//
// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
// 2. Change the default font family in all browsers.
// 3. Correct the line height in all browsers.
// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
// 5. Change the default tap highlight to be completely transparent in iOS.

*,
*::before,
*::after {
  box-sizing: border-box; // 1
}

html {
  font-family: sans-serif; // 2
  line-height: 1.15; // 3
  -webkit-text-size-adjust: 100%; // 4
  -webkit-tap-highlight-color: rgba($black, 0); // 5
}

// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
// TODO: remove in v5
// stylelint-disable-next-line selector-list-comma-newline-after
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

// Body
//
// 1. Remove the margin in all browsers.
// 2. As a best practice, apply a default `background-color`.
// 3. Set an explicit initial text-align value so that we can later use
//    the `inherit` value on things like `<th>` elements.

body {
  margin: 0; // 1
  font-family: $font-family-base;
  @include font-size($font-size-base);
  font-weight: $font-weight-base;
  line-height: $line-height-base;
  color: $body-color;
  text-align: left; // 3
  background-color: $body-bg; // 2
}

// Suppress the focus outline on elements that cannot be accessed via keyboard.
// This prevents an unwanted focus outline from appearing around elements that
// might still respond to pointer events.
//
// Credit: https://github.com/suitcss/base
[tabindex="-1"]:focus {
  outline: 0 !important;
}


// Content grouping
//
// 1. Add the correct box sizing in Firefox.
// 2. Show the overflow in Edge and IE.

hr {
  box-sizing: content-box; // 1
  height: 0; // 1
  overflow: visible; // 2
}


//
// Typography
//

// Remove top margins from headings
//
// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
// margin for easier control within type scales as it avoids margin collapsing.
// stylelint-disable-next-line selector-list-comma-newline-after
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: $headings-margin-bottom;
}

// Reset margins on paragraphs
//
// Similarly, the top margin on `<p>`s get reset. However, we also reset the
// bottom margin to use `rem` units instead of `em`.
p {
  margin-top: 0;
  margin-bottom: $paragraph-margin-bottom;
}

// Abbreviations
//
// 1. Duplicate behavior to the data-* attribute for our tooltip plugin
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
// 3. Add explicit cursor to indicate changed behavior.
// 4. Remove the bottom border in Firefox 39-.
// 5. Prevent the text-decoration to be skipped.

abbr[title],
abbr[data-original-title] { // 1
  text-decoration: underline; // 2
  text-decoration: underline dotted; // 2
  cursor: help; // 3
  border-bottom: 0; // 4
  text-decoration-skip-ink: none; // 5
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: $dt-font-weight;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0; // Undo browser default
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari
}

small {
  @include font-size(80%); // Add the correct font size in all browsers
}

//
// Prevent `sub` and `sup` elements from affecting the line height in
// all browsers.
//

sub,
sup {
  position: relative;
  @include font-size(75%);
  line-height: 0;
  vertical-align: baseline;
}

sub { bottom: -.25em; }
sup { top: -.5em; }


//
// Links
//

a {
  color: $link-color;
  text-decoration: $link-decoration;
  background-color: transparent; // Remove the gray background on active links in IE 10.

  @include hover {
    color: $link-hover-color;
    text-decoration: $link-hover-decoration;
  }
}

// And undo these styles for placeholder links/named anchors (without href)
// which have not been made explicitly keyboard-focusable (without tabindex).
// It would be more straightforward to just use a[href] in previous block, but that
// causes specificity issues in many other styles that are too complex to fix.
// See https://github.com/twbs/bootstrap/issues/19402

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;

  @include hover-focus {
    color: inherit;
    text-decoration: none;
  }

  &:focus {
    outline: 0;
  }
}


//
// Code
//

pre,
code,
kbd,
samp {
  font-family: $font-family-monospace;
  @include font-size(1em); // Correct the odd `em` font sizing in all browsers.
}

pre {
  // Remove browser default top margin
  margin-top: 0;
  // Reset browser default of `1em` to use `rem`s
  margin-bottom: 1rem;
  // Don't allow content to break outside
  overflow: auto;
}


//
// Figures
//

figure {
  // Apply a consistent margin strategy (matches our type styles).
  margin: 0 0 1rem;
}


//
// Images and content
//

img {
  vertical-align: middle;
  border-style: none; // Remove the border on images inside links in IE 10-.
}

svg {
  // Workaround for the SVG overflow bug in IE10/11 is still required.
  // See https://github.com/twbs/bootstrap/issues/26878
  overflow: hidden;
  vertical-align: middle;
}


//
// Tables
//

table {
  border-collapse: collapse; // Prevent double borders
}

caption {
  padding-top: $table-cell-padding;
  padding-bottom: $table-cell-padding;
  color: $table-caption-color;
  text-align: left;
  caption-side: bottom;
}

th {
  // Matches default `<td>` alignment by inheriting from the `<body>`, or the
  // closest parent with a set `text-align`.
  text-align: inherit;
}


//
// Forms
//

label {
  // Allow labels to use `margin` for spacing.
  display: inline-block;
  margin-bottom: $label-margin-bottom;
}

// Remove the default `border-radius` that macOS Chrome adds.
//
// Details at https://github.com/twbs/bootstrap/issues/24093
button {
  // stylelint-disable-next-line property-blacklist
  border-radius: 0;
}

// Work around a Firefox/IE bug where the transparent `button` background
// results in a loss of the default `button` focus styles.
//
// Credit: https://github.com/suitcss/base/
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0; // Remove the margin in Firefox and Safari
  font-family: inherit;
  @include font-size(inherit);
  line-height: inherit;
}

button,
input {
  overflow: visible; // Show the overflow in Edge
}

button,
select {
  text-transform: none; // Remove the inheritance of text transform in Firefox
}

// Remove the inheritance of word-wrap in Safari.
//
// Details at https://github.com/twbs/bootstrap/issues/24990
select {
  word-wrap: normal;
}


// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
//    controls in Android 4.
// 2. Correct the inability to style clickable types in iOS and Safari.
button,
[type="button"], // 1
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; // 2
}

// Opinionated: add "hand" cursor to non-disabled button elements.
@if $enable-pointer-cursor-for-buttons {
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    &:not(:disabled) {
      cursor: pointer;
    }
  }
}

// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
  padding: 0; // 2. Remove the padding in IE 10-
}


input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  // Remove the default appearance of temporal inputs to avoid a Mobile Safari
  // bug where setting a custom line-height prevents text from being vertically
  // centered within the input.
  // See https://bugs.webkit.org/show_bug.cgi?id=139848
  // and https://github.com/twbs/bootstrap/issues/11266
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto; // Remove the default vertical scrollbar in IE.
  // Textareas should really only resize vertically so they don't break their (horizontal) containers.
  resize: vertical;
}

fieldset {
  // Browsers set a default `min-width: min-content;` on fieldsets,
  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.
  // So we reset that to ensure fieldsets behave more like a standard block element.
  // See https://github.com/twbs/bootstrap/issues/12359
  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
  min-width: 0;
  // Reset the default outline behavior of fieldsets so they don't affect page layout.
  padding: 0;
  margin: 0;
  border: 0;
}

// 1. Correct the text wrapping in Edge and IE.
// 2. Correct the color inheritance from `fieldset` elements in IE.
legend {
  display: block;
  width: 100%;
  max-width: 100%; // 1
  padding: 0;
  margin-bottom: .5rem;
  @include font-size(1.5rem);
  line-height: inherit;
  color: inherit; // 2
  white-space: normal; // 1
}

progress {
  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
}

// Correct the cursor style of increment and decrement buttons in Chrome.
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  // This overrides the extra rounded corners on search inputs in iOS so that our
  // `.form-control` class can properly style them. Note that this cannot simply
  // be added to `.form-control` as it's not specific enough. For details, see
  // https://github.com/twbs/bootstrap/issues/11586.
  outline-offset: -2px; // 2. Correct the outline style in Safari.
  -webkit-appearance: none;
}

//
// Remove the inner padding in Chrome and Safari on macOS.
//

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

//
// 1. Correct the inability to style clickable types in iOS and Safari.
// 2. Change font properties to `inherit` in Safari.
//

::-webkit-file-upload-button {
  font: inherit; // 2
  -webkit-appearance: button; // 1
}

//
// Correct element displays
//

output {
  display: inline-block;
}

summary {
  display: list-item; // Add the correct display in all browsers
  cursor: pointer;
}

template {
  display: none; // Add the correct display in IE
}

// Always hide an element with the `hidden` HTML attribute (from PureCSS).
// Needed for proper display in IE 10-.
[hidden] {
  display: none !important;
}