html {

  height: 101%;
  scroll-behavior: smooth;
}

*, ::before, ::after
{
    -webkit-box-sizing:initial!important;
    box-sizing:initial!important;

}

body {

  margin: 0;

  padding: 0;

}

.advp-wrapper {

    z-index: 90000;
}

* {

    padding: 0;

    margin: 0;


}


h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {

  padding: 3px 0;

  margin: 0;

  line-height: 1.2;

  font-weight: bold;

  font-style: normal;

}



h1, .componentheading {

  font-size: 1.75em;

}



h2, .contentheading {

  font-size: 1.5em;

}



h3 {

  font-size: 1.25em;

}



h4 {

  font-size: 1em;

}



ul, ol {

  padding:0;

  margin: 0;

}



ul.menu {

    margin: 0;

}



ul.menu li {

    list-style: none;

}



p {

  padding: 5px 0;

}



address {

  margin: .75em 0;

  font-style: normal;

}



a:focus {

    outline: none;

}



img {


}



em {

  font-style: italic;

}

strong {

  font-weight: bold;

}



form, fieldset {

  margin: 0;

  padding: 0;

  border: none;

}

input, button, select {

  vertical-align: middle;

}



.clr {

	clear : both;

}



.clearfix:after {

    content: " ";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	font-size: 0;

}



.clearfix {

	zoom: 1;

}



body {

	background:#fff;

	color: #000;

	font-size: 12px;

	font-family: Segoe UI, sans-serif;

	margin:auto;

	border:0;

	padding:0;

}



a, a:visited {

	color: #652782;

}



a:hover {

	color: #000;

	text-decoration: underline;

}



h1, div.componentheading {

	color: #000;

	text-align: left;

	letter-spacing: -1px;

	line-height: 25px;

	font-size: 22px;

}



h2, div.contentheading {

	color: #662d91;

	text-align: left;

	font-size: 20px;

}



h2 a {

    text-decoration: none;

}



h2 a:hover, div.contentheading a:hover {

	color: #036c9e;

}



.navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover,

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover,

.nav-pills > .active > a, .nav-pills > .active > a:hover,

.btn-primary {

    color: #036c9e;

}





.rounded {

    -moz-border-radius: 5px;

	-o-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.white {

    background: #e1e1e1;

	background-image: url("white-gradient.svg");

	background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%, #e1e1e1));

	background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	-pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	border: #ffffff 1px solid;

    box-shadow: #545454 0px 1px 1px 0px;

	-moz-box-shadow: #545454 0px 1px 1px 0px;

	-webkit-box-shadow: #545454 0px 1px 1px 0px;

    border: #eee 1px solid;

}



.wrapper {

	max-width: 1000px;

	margin: 0 auto;

}



#nav {

    margin: 0;

    padding: 0;

    min-height: 50px;

}



#nav ul.menu {

    margin: 0;

    padding: 0;

	zoom: 1;

}



#nav ul.menu:after {

    content: " ";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	font-size: 0;

}



#nav ul.menu > li {

	margin: 0;

	padding: 0;

	list-style:none;

    border-right: 1px solid #fff;

    box-shadow: 1px 0 0 #e1e1e1;

	float: left;

}



#nav ul.menu > li > a, #nav ul.menu > li > span.separator {

    display:block;

	color: #036c9e;

	margin: 0px;

	padding: 15px;

	padding-right: 20px;

	padding-left: 20px;

	text-align: center;

	font-size: 14px;

    text-decoration: none;

}



#nav ul.menu > li:hover > a, #nav ul.menu > li:hover > span.separator,

#nav ul.menu > li.active > a, #nav ul.menu > li.active > span.separator {



	background-image: url("nav-gradient.svg");

	background-image: -o-linear-gradient(center top,#036c9e, #024e73 100%);

	background-image: -webkit-gradient(linear, left top, left bottom,from(#036c9e), color-stop(100%, #024e73));

	background-image: -moz-linear-gradient(center top,#036c9e, #024e73 100%);

	background-image: linear-gradient(center top,#036c9e, #024e73 100%);

	-pie-background: linear-gradient(center top,#036c9e, #024e73 100%);

}



#nav ul.menu > li:hover > a,

#nav ul.menu > li.active > a {

    color: #fff;

}



#nav ul.menu li li a, #nav ul.menu li li span.separator {

    display:block;

	margin: 10px;

	padding: 5px;

	padding-right: 10px;

	padding-left: 10px;

    text-decoration: none;

}



#nav ul.menu li li:hover > a {

	background: #036c9e;

	background-image: url("nav-gradient.svg");

	background-image: -o-linear-gradient(center top,#036c9e, #024e73 100%);

	background-image: -webkit-gradient(linear, left top, left bottom,from(#036c9e), color-stop(100%, #024e73));

	background-image: -moz-linear-gradient(center top,#036c9e, #024e73 100%);

	background-image: linear-gradient(center top,#036c9e, #024e73 100%);

	-pie-background: linear-gradient(center top,#036c9e, #024e73 100%);

    color: #fff;

}



#nav ul.menu li li.active > a {

	text-align: left;

    color: #000;

}



#nav ul.menu li ul, #nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul {

	position: absolute;

	left: -999em;

	z-index: 999;

    margin: 0;

    padding: 0;

	background: #ffffff;

	background-image: url("white-gradient.svg");

	background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%, #e1e1e1));

	background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	-pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	border: #ffffff 1px solid;

    box-shadow: #545454 0px 1px 1px 0px;

	-moz-box-shadow: #545454 0px 1px 1px 0px;

	-webkit-box-shadow: #545454 0px 1px 1px 0px;

    border: #ccc 1px solid;

	width: 180px;

}





#nav ul.menu li:hover ul ul, #nav ul.menu li:hover li:hover ul ul, #nav ul.menu li:hover li:hover li:hover ul ul {

	left: -999em;

}



#nav ul.menu li:hover > ul, #nav ul.menu li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover ul li:hover > ul {

	left: auto;

}



#nav ul.menu li:hover ul li:hover ul {

	margin-top: -45px;

	margin-left: 170px;

}



#nav ul.menu li li {

    float: none;

}





#headermodule {

    float: right;

    margin: 10px 0;

}









#left ul.menu li a, #left ul.menu li span.separator,

#right ul.menu li a, #right ul.menu li span.separator {

    display: block;

	background:  url(../images/tick.png) left center no-repeat;

	border-bottom: 1px solid #e3e3e3;

    box-shadow: 0 1px 0 #fff;

	padding-top: 5px;

	padding-bottom: 7px;

	padding-left: 20px;

	text-decoration: none;

}



#form-login-username label, #form-login-password label {

	display: block;

}



#form-login-username input, #form-login-password input {

	padding: 3px;

	border: 1px solid #ddd;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



#form-login-username input:focus, #form-login-password input:focus {

	border: 1px solid #036c9e;

}



#form-login-submit button {

	background: #efefef;

	border: 1px solid #c3c3c3;

	padding: 4px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	cursor: pointer;

}



#form-login-submit button:hover {

	background: #ccc;

}



#center > div.inner {

	padding: 10px;

}



h2.item-title, h2.item-title > a {

	padding-left: 15px;

	margin-top: 15px;

}





.breadcrumb{margin:0; padding:10px 0!important;}

div.item a.btn:after {

	content: " >";

}

#contact-form input
{
	padding: 7px;
	border-radius: 3px;
	border:1px solid #0071BC;
}
.controls
{
	margin-top: 10px;
}
.btn-primary
{
	padding: 10px;
	border-radius: 3px;
}
.control-label
{
	margin-top: 10px;
}
ul.breadcrumb li {

	display: inline;

	list-style: none;

}



ul.breadcrumb li a {

	text-decoration: none;

}



ul.breadcrumb .divider {

	margin: 3px;

}



div.item-page li {



	list-style: square;
	color: #662d91;

}



li.next{

	float: right;

}







.page-header {

	border-bottom: 1px solid #662d91;
padding: 0 0 10px 0;
margin: 0 0 10px 0;

}

.page-header h2 {
	font-size:28px;
	font-family:arial;
	text-transform:uppercase;
	font-weight:normal;
	color: #662d91;
}

.article-info {

	color: #c3c3c3;

	font-size: 10px;

}



#bare_haut{

	width: 100%;

	height: 80px;

	margin: 0 auto;


	position: absolute;
	top: 0;
	z-index: 100;

}

#langue
{
    width: 6%;
    height: 43px;
    position: absolute;
    top: 77px;
    right: 80px;
    z-index: 200;
    margin: 0 6% 0 0;
    text-align: right;
    color: #fff;
}

.eshop-items h4 {
    margin-bottom: 5px;
    margin-top: 0;
}

div.mod-languages a {

    font-size: 16px;
    color:#6d6e71;
    line-height: 44px;
}

#eshop-quote .eshop-items a span {
    background: url(../images/arrow-down.png) no-repeat scroll 100% 50%;
    padding-right: 15px;
    background: #662483;
    padding: 5px 10px;
    font-size: 15px;
    color: #fff;
}

div.mod-languages a:hover {

    color:#6d6e71;

}

.lang-active a
{
	color: #662d91!important;
}

#mem_haut

{

	width: 80%;
	background: #662d91;
	height: 80px;

	margin: 0 auto;

	color: #fff;
}


#cont_logo

{

	width: 20%;
	height: 100px;
	background: #fff url(../images/smart_securoty_solotions.png) left no-repeat;
	background-size: 100%;
	float: left;

}


#cont_logo a

{

width: 100%;
height: 100%;
display: block;

}

#cont_logo span
{
	display: table;
	width: 96%;
}

#cont_logo span i
{
	display: table-cell;
	width: 6%;
	
}

#cont_logo span i span
{
	display:block;
	width: 100%;
	background: #fff;
	height: 4px;
	
}
#cont_logo span p
{
	display: table-cell;
	text-align: center;
	
}

#mod-search-searchword

{

	padding: 4px 10px;

	background: #085a87;

	border-radius: 3px;

	border: 0;

	color: #fff;

}

#bloc

{

	width: 1024px;

	height: 74px;

	margin: 0 auto;

}

#logo

{

	width: 223px;

	height: 74px;

	float: left;

	background: url(../images/logo_contact.jpg);

}

#logo a

{

	width: 223px;

	height: 76px;

 	display: block;

}



#slide

{

	width: 100%;

	height: 550px;

	position: relative;

}
#contcont
{
	width: 100%;
	position: relative;
	background: #B7B7B7;
	height: 132px;
}

#mem

{

float: left;
width: 68%;
height: 100px;
padding: 0;

}

#mem-in

{

float: left;
width: 68%;
height: 100px;
padding: 0;

}


#flyout_menu_119 {
    background: #9A999A;
    width: 18%;
    height: 80px;
    float: left;
     border: 0
}

ul.flyout-menu.horizontal > li.first, ul.flyout-menu.horizontal > li:first-child 
{

    height: 78px;
    width: 100%;
}

ul.flyout-menu .item-wrapper {
    min-height: 35px;
    overflow-y: hidden;
    height: 78px;
    position: relative;
}

ul.flyout-menu.text-left .menu-link {
    margin-right: 0;
    height: 25px;
    text-align: center;
    padding: 15px 0 0 0;
}

ul.flyout-menu.button-left .menu-button {
    float: none;
    position: absolute;
    width: 100%;
    top: 51px;
    text-align: center;
    padding: 0;
}

#flyout_menu_119 a {
    color: #fff;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    padding: 1px 0 0 0;

}
ul.flyout-menu.button-left .menu-button img {
    padding-left: 0;
    width: 14%;
    border: 0;
    border-radius: 0;
}

#flyout_menu_119 li.open, #flyout_menu_119 li:hover {
    background: none;
}

#flyout_menu_119 li.open, #flyout_menu_119 .ul-wrapper li:hover {
    background: #666;
}
#flyout_menu_119 .item-wrapper:hover a, #flyout_menu_119 li.current > .item-wrapper a, #flyout_menu_119 li.opened > .item-wrapper a {
    color: #fff;
}

#flyout_menu_119 .ul-wrapper, #flyout_menu_119 ul {
    width: 99.8%;
    background: #999;
    border: 0;
    margin: 0 0 0 1px;
    height: auto;
}

ul.flyout-menu .ul-wrapper .item-wrapper {

    height: auto;

}

.item-wrapper .menu-link::before
{ 
content: "Bienvenue au";
text-align: center;

 }

 .ul-wrapper .item-wrapper .menu-link::before
{ 
content:none!important;
text-align: center;

 }

#jux_memamenu88, #jux_memamenu155
{
	float: left;
	width: 80%;
}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    line-height: 59px;
    height: 56px;
}

#conten_new

{

	width: 100%;

	height: 75px;

	background: #CCCCCC url(../images/trait_g.jpg) repeat-y left;

	box-shadow: 0 2px 3px rgba(0,0,0,0.3);

}


#new

{

	width: 1024px;

	height: 75px;

	margin: 0 auto;

}

#new .module h3

{

	display: block;

	float: left;

	width: 100px;

	height: 70px;

	font-family: "Poiret One";

	color: #0071BC;

	font-size: 31px;

	line-height: 60px;



}

#new .module .sprocket-headlines

{

	float: left;

    width: 87% !important;

    background: #CCCCCC;

    border: 0;

    height: 71px;

    border-radius: 0;

    padding: 5px 0 0 2%;

}

.sprocket-headlines-text

{

	text-decoration: none;

	color: #000;

	font-size: 16px;

	line-height: 25px;

	font-family: verdana;



}

.sprocket-headlines-navigation .arrow {

    background: #999 !important;

    font-size: 12px!important;

}

#services

{

	width: 100%;

	height: 400px;

	background: #9A999A;

	clear: left;
		display: table;
		padding: 0 0 21px 0;

}

#services_in

{

	width: 90%;

	height: 394px;

	margin: 0 auto;

	padding: 20px 0 0 0;
	display: table;


}


#services_in img

{

	border: 0;


}


#services_in .module h3

{

	color: #fff;
	font-size: 31px;
	font-family: "Poiret One";
	display: block;
	text-transform: uppercase;
	position: absolute;
	top: -45px;
	width: 100%;
	z-index: 1000;

}
#services_in .module h3 span

{

color: #fff;
font-size: 23px;
margin: 0 auto;
background: #662d91;
width: 20%;
text-align: center;
display: block;
padding: 10px 0;
font-family: verdana;
border-radius: 5px;

}

#services_in .module

{
position: relative;
padding: 40px 0 0 0;
}
#jux_memamenu92 .megamenu li

{
	box-sizing: initial!important;
	background: rgba(242,242,242,1);

	width: 15%;

	padding: 20px!important;

	text-align: center;

	border: 1px solid rgba(209,209,209,1);
	height: 350px;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	transition: all 0.3s;


}

#jux_memamenu92 .megamenu li:hover

{
	box-sizing: initial!important;

	border: 1px solid rgba(209,209,209,0);
	height: 350px;
	box-shadow: 0 0 7px rgba(0,0,0,0.8);
	transition: all 0.3s;


}


#jux_memamenu92 #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #jux_memamenu92 #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    height:0!important;
}


.tp-bullets {
bottom: 41px!important;
}


#jux_memamenu92 .megamenu li a

{

	width: 90%;
	display: table!important;
	padding: 5%!important;
	text-align: center;
	height: 275px;
	border-radius: 20px;
	transition: all 0.4s;
}

#jux_memamenu92 .megamenu li a span

{

	color: #662d91;
}


#services_in #megamenucss .blackwhite.megamenu ul.level0 > li.megacss:hover > a.megacss,
#services_in #megamenucss .blackwhite.megamenu ul.level0 > li.megacss:hover > a.megacss span
{
    background: none!important;
    color: #000!important;
}




#services_in #megamenucss #js-mainnav.megamenu.horizontal.center ul.level0 {
  float: none;
  position: relative;
  left:auto!important;
  transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  margin: 0 auto;
  width: 77%;
  display: table;
}


#services_in #megamenucss #js-mainnav.megamenu ul.level0 li.megacss {
    display: block;
    float:left;
    margin: 0 25px;
    padding: 0;
    position: relative;
    width: 26%!important;
}



#services_in #js-mainnav.megamenu li

{



}
#megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.menu-desc {

    font-size: 20px;
 }
#services_in .megacss a .image-title

{

	font-size: 38px;
	font-family: "arial";
	display: block;
	padding: 0 0 30px 0;
	text-align: center;
	color: #652782;
	line-height: 39px;
	text-transform: uppercase;
	font-weight: bold;
}

.image-title::first-line
{
	color:#000;
	text-transform:inherit;
	font-size: 25px;
	font-weight: normal;
}

#services_in .megacss a .menu-desc

{

	padding: 5px 0;

	color: #666666;

}






.search

{
float: left;
width: 10%;
height: 75px;
padding: 25px 0 0 0;

}

#why

{

	background: #F2F2F2;

	width: 100%;

	height: 350px;
	display: table;

}



#why_in p

{

	margin:0;

	padding: 0;



}

#why_in .module h3

{

	color: #662d91;

	font-size: 45px;


	display: block;

	text-align: center;
}



#part

{

	background: #E6E6E6;

	width: 100%;

	height: 75px;

}

#part_in

{



	width: 1024px

	height: 75px;

	margin: 0 auto;



}

#shopasses

{

	background: #652782;

	width: 100%;

	height: 550px;
	display: table;

}


#shop

{

	width: 90%;
	height: 550px;
	display: table;
	margin: 0 auto;
	padding: 40px 0;

}

.shopgo
{
	width: 100%;
	height: 20px;
	margin: 20px 0;
	display: table;
}

.shopgo a
{
	width: 20%;
	margin: 20px auto;
	padding: 20px 0;
	text-align: center;
	font-size: 40px;
	color: #652782;
	text-decoration: none;
	display: block;
	background: #fff;
	border-radius: 5px;
	transition: 0.3s all;
}

.shopgo a:hover
{
	color: #fff;
	background: #999;
	transition: 0.3s all;
}

.indic
{
	width: 100%;
	display: table;
	margin: 50px 0 0 0;
}

#shopasses #shop .module h3

{

text-align: center;
font-size: 43px;
font-weight: normal;
color:#fff;
margin: 0 0 20px 0;

}

#shop #advancedSearchForm .input-append, #shop .input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap;
    margin: 0 auto;
    width: 48%;
    display: block;
}

#advancedSearchForm .input-prepend label, #advancedSearchForm .eshop-reset
{
	display: none;
}

button.btn.btn-primary {
    width: 61%!important;
    margin: 0 auto;
    display: block;
    background: #999;
    color: #fff!important;
    font-size: 20px;
    border-radius: 3px!important;
}

#shop .btn-primary {
    width: 23%!important;
    margin: 0 auto;
    background: #999;
    color: #fff!important;
    font-size: 20px;
    border-radius: 3px!important;
}


.grid .btn-primary {
    width: 54%!important;
}

#footer

{

	background:#652782;

	width: 100%;

	height: 400px;
	display: table;
	color: #fff;

}

#pied_in

{



	width: 90%;

	height: 380px;

	margin: 0 auto;
	display: table;

}

#mapage div a[title="Faboba : Création de composantJoomla"]
{
	display: none!important;
}



#liens_mem, #liens_mem2

{

	width: 25%;

	height: 370px;

	float: left;

	margin-right:50px;

	padding: 30px 0 0 0;

}

#liens_mem2

{
display: none;
}

#liens_mem a, #liens_mem2 a

{

	text-decoration: none;
	color: #fff;

}

.omega-powered
{
	display: none;
}

#liens_mem .module_menu, #liens_mem2 .module_menu

{

	margin: 0 0 30px 0;

}



#liens_mem .module h3, #liens_mem .module_menu h3, #liens_mem2 .module h3, #liens_mem2 .module_menu h3, #liens_letter .module_menu h3, #liens_letter2 .module_menu h3

{

	font-weight: bold;

}



#liens_mem ul li, #liens_mem2 ul li, #liens_letter ul li, #liens_letter2 ul li

{

	margin: 5px 0 0 0px;

}



#liens_mem ul, #liens_mem2 ul, #liens_letter ul, #liens_letter2 ul

{

	margin:0;

	padding: 0;

}



#liens_mem ul li a, #liens_mem2 ul li a, #liens_letter ul li a, #liens_letter2 ul li a

{

	font-size: 14px;

	color: #fff;

	text-decoration: none;
	transition: 0.3s all;
	background: none;

}

#liens_mem ul li a img, #liens_mem2 ul li a img, #liens_letter ul li a img, #liens_letter2 ul li a img

{

	display: none!important;



}



#liens_mem ul li a:hover, #liens_mem2 ul li a:hover, #liens_letter ul li a:hover, #liens_letter2 ul li a:hover

{

	color: #9A999A;
	transition: 0.3s all;

}



#liens_letter2

{

	width: 13%;

	height: 370px;

	float: left;

	padding: 30px 0 0 0;
		color:#fff;

	font-size: 11px;



}





#liens_letter

{

	width: 27%;

	height: 370px;

	float: left;

	padding: 30px 0 0 0;
		color:#fff;

	font-size: 11px;

}



#pied_in h3

{

	color: #fff;

	font-size: 17px;

	margin: 0 0 10px 0;

	font-weight: normal;



}





#liens_letter .module

{

	margin-bottom: 15px;

	width: 100%;

	display: table;

}



table.acymailing_form {

   width: 100%!important;

    margin: left!important;

}



.acyfield_email .inputbox

{

	padding: 10px 15px 10px 0!important;

	background: none!important;

	color: #fff;

	font-size: 13px;

	border-top: 1px solid #fff;

	border-left: 0;

	border-right: 0;

	border-bottom: 1px solid #fff;

	font-weight: normal;

	font-style: italic;

}



.acysubbuttons .button

{

	border-bottom: 1px solid #fff!important;

	border-top: 1px solid #fff!important;

	border-left: 0;

	border-right: 0;

	padding: 10px 15px 8px 0!important;

	background: none!important;

	color: #fff;

	cursor: pointer;

}

.acysubbuttons {

    text-align: left!important;

}



#news_social_bas a

{

display: block;

height: 27px;

width: 27px;

font-size: 15px;

color: #652782;

background: #E6E6E6;

border-radius: 17px;

-webkit-border-radius: 17px;

-moz-border-radius: 17px;

-o-border-radius: 17px;

text-align: center;

line-height: 27px;

-webkit-transition:color 0.4s, background 0.3s, font-size 0.4s;

-moz-transition:color 0.4s, background 0.3s, font-size 0.4s;

-o-transition:color 0.4s, background 0.3s, font-size 0.4s;

transition:color 0.4s, background 0.3s, font-size 0.4s;

float: left;

margin-right: 10px;

}



#news_social_bas a:hover

{

	-webkit-transition:color 0.4s, background 0.3s, font-size 0.4s;

-moz-transition:color 0.4s, background 0.3s, font-size 0.4s;

-o-transition:color 0.4s, background 0.3s, font-size 0.4s;

transition:color 0.4s, background 0.3s, font-size 0.4s;

background: #9A999A;

color: #fff;


}



#news_social_bas

{

	width: 100%;

}



#js-mainnav.megamenu.blackwhite .childcontent-inner {

    background: #939598!important;

    border:0!important;

    color: #fff!important;

    padding-bottom: 6px;

    padding-top: 6px;

    text-shadow:none!important;

    border-radius: 0 0 5px 5px;

}

#megamenucss #js-mainnav.megamenu ul.level0 li.megacss.active a.megacss {
     height: 85px;
}



#js-mainnav.megamenu.blackwhite ul.level1 li.mega span.mega, #js-mainnav.megamenu.blackwhite ul.level1 li.mega a.mega {

    background-color: transparent;

    border: 0 none;

    color: #fff!important;

    font-size: 14px!important;

    font-weight: normal;

    margin: 0;

    padding: 10px 20px 10px 15px!important;

    text-shadow: none!important;

}


#megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {

    height: 15px !important;


}

 #megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss span{

    height: 15px !important;
    background:none!important;

}

.agences
{
border: 1px solid #662d91;
margin: 0 1% 0 0;
width: 19%;
height: 213px;
display: table;
padding: 2%;
text-align: center;
background:#f4f4f4;
float: left;
border-radius: 5px;
}


.btsmart
{
	padding: 15px 20px;
	background: #662d91;
	color: #fff!important;
	font-size: 16px;
	border-radius: 5px;
	text-decoration: none;
}

#news_social_haut a

{

display: block;

height: 25px;

width: 25px;

font-size: 12px;

color: #662483;

background: #E6E6E6;

border-radius: 17px;

-webkit-border-radius: 17px;

-moz-border-radius: 17px;

-o-border-radius: 17px;

text-align: center;

line-height: 25px;

-webkit-transition:color 0.4s, background 0.3s, font-size 0.4s;

-moz-transition:color 0.4s, background 0.3s, font-size 0.4s;

-o-transition:color 0.4s, background 0.3s, font-size 0.4s;

transition:color 0.4s, background 0.3s, font-size 0.4s;

float: left;

margin-right: 10px;

}



#news_social_haut a:hover

{

	-webkit-transition:color 0.4s, background 0.3s, font-size 0.4s;

-moz-transition:color 0.4s, background 0.3s, font-size 0.4s;

-o-transition:color 0.4s, background 0.3s, font-size 0.4s;

transition:color 0.4s, background 0.3s, font-size 0.4s;

background: #fff;

color: #662d91;


}



#news_social_haut

{
margin-left: 30px;
float: left;
height: 70px;
padding: 30px 0 0 0;

}

#mapage
{
	width: 80%;
	min-height: 20px;
	background: #fff;
	display: table;
	margin: 0 auto;
	padding: 0 0 40px 0;

}


#why_in
{

	width: 90%;
	height: 370px;
	margin: 0 auto;
	display: table;
	padding: 37px 0 0 0;
}

#why_in h3
{
	clear: left;
	display: block;
	width: 100%;
	text-align: center;
	font-size: 35px;
	color: #0071BC;
	font-weight: normal;

}

.contser {
    width: 80%;
    margin: 0 auto;
    height: auto;
}
.blo1 {
    width: 48%;
    height: 150px;

    margin: 0 0 30px 0;
    float: left;
}
.blo2 {
    width: 48%;
    height: 150px;
 
    margin: 0 0 30px 0;
    float: right;
}
.titdesc {
    height: auto;
    width: 70%;
    float: left;
    text-align: right;
    font-size: 15px;
}
.titdesc2 {
    height: auto;
    width: 70%;
    float: right;
    text-align: left;
     font-size: 15px;
}

.blo1 img{
    height: auto;
    float: right;
}

.blo2 img{
    height: auto;
    float: left;
}

.titdesc span, .titdesc2 span
{
	    font-size: 34px;
    display: block;
    line-height: 30px;
    margin: 0 0 10px 0;

    color: #595959;
}


.blo1a {
    width: 30%;
    height: 130px;
    margin: 0 0 0 30px;
    float: left;
    color: #fff;
}

.titdesca {
    height: auto;
    width: 60%;
    text-align: center;
    font-size: 15px;
    margin:  0 auto;

}
.blo1a img{
    height: 57px;
    display: block;
    margin: 0 auto;
 
}

#shop .module
{
	margin: 0 0 50px 0;
}

#c_1
{
	width: 225px;
	height: 200px;
	float: left;
	padding: 10px 20px;
	-webkit-transition:background 0.4s;
-moz-transition:background 0.4s;
-o-transition:background 0.4s;
transition:background 0.4s;
}
#c_1 p:nth-child(2)
{
	font-size: 25px;
	margin-bottom: 7px;

}
#c_1 p:nth-child(3)
{
	font-size: 16px;
	color: #333;
	font-family: arial;

}




#c_1:hover
{
background: #fff;
-webkit-transition:background 0.4s;
-moz-transition:background 0.4s;
-o-transition:background 0.4s;
transition:background 0.4s;
}
#c_1:hover img
{
opacity: 0.3;
-webkit-transition:opacity 0.4s;
-moz-transition:opacity 0.4s;
-o-transition:opacity 0.4s;
transition:opacity 0.4s;
}
#c_1 img
{
opacity: 1;
-webkit-transition:opacity 0.4s;
-moz-transition:opacity 0.4s;
-o-transition:opacity 0.4s;
transition:opacity 0.4s;
}

.item-page
{
	font-size: 15px;
	text-align: justify;
	margin: 0 auto;
}


#basbas
{
	background: #aaaaa016;
	display: table;
	padding:2% 5% 0 5%;
	margin: 20px 0 0 0;
	width: 90%;

}


#megamenucss .blackwhite.megamenu ul.level1 > li.megacss:hover > a.megacss, #megamenucss #js-mainnav.megamenu.blackwhite ul.level1 li.active span {
    background: none!important;
}
.element-invisible
{
	display: none;
}
#mod-search-searchword100
{
padding: 10px;
border-radius: 3px;
border: 1px;
width: 100%;
}


.element_8 {

    position: relative!important;
    width: 93%;
    margin: 5px 0px 5px 0px;
    padding: 2%;
    clear: initial!important;
    overflow: hidden;
    border: 1px solid #dedede;
background:#f9f9f9;
    float: left;
    width: 20.8%!important;
    position: relative !important;
    top: initial !important;
    left: initial !important;
    transform: initial !important;

}

.element_8 div.left-block_8, .right-block {

    display: block!important;

}
.description-block_8, .price-block_8, .thumbs-block
{
	display: none;
}
.element_8 div.right-block .title-block_8 h3
{
	font-size: 15px!important;
	font-family: arial!important;
}
#huge_it_catalog_content_8 img
{
	border: 0;
}

.element_8 div.left-block_8 .main-image-block_8 {
    margin: 0 auto;
}

.title-block_8 h3, .title-block_17 h3
{
 margin: 0!important;
}

#huge_it_catalog_content_8 .image-block_8 img, #huge_it_catalog_content_10 .image-block_10 img, #huge_it_catalog_content_11 .image-block_11 img, #huge_it_catalog_content_12 .image-block_12 img, #huge_it_catalog_content_13 .image-block_13 img, #huge_it_catalog_content_14 .image-block_14 img, #huge_it_catalog_content_15 .image-block_15 img, #huge_it_catalog_content_16 .image-block_16 img{

    height: auto!important;
    border: 0;
    width: 100%!important;

}


#huge_it_catalog_content_17 .image-block_17 img{

    height: auto!important;
    width: 65% !important;
    margin: 24px auto 0 auto !important;
    border: 0!important;

}

.element_8 .image-block_8, .element_10 .image-block_10, .element_11 .image-block_11, .element_12 .image-block_12, .element_13 .image-block_13, .element_14 .image-block_14, .element_15 .image-block_15, .element_16 .image-block_16,
.element_17 .image-block_17 {
    height: 263px;
}

.mobilee
{
	width: 100%;
}
.element_8, .element_10, .element_11, .element_12, .element_13, .element_14, .element_15, .element_16
{
    width: 20%!important;
height: 334px!important;
margin: 0px 10px 10px 0px!important;
background:#f9f9f9;
border: 1px solid #dedede;
outline: none;
float: left;
position: unset!important;
left:unset!important;
top: unset!important;
transform:unset!important;
}

.element_17
{
    width: 24%!important;
height: 334px!important;
margin: 0px 10px 10px 0px!important;
background:#f9f9f9;
border: 1px solid #dedede;
outline: none;
float: left;
position: unset!important;
left:unset!important;
top: unset!important;
transform:unset!important;
}

#huge_it_catalog_content_8 #huge_it_catalog_container_8, #huge_it_catalog_content_10 #huge_it_catalog_container_10, #huge_it_catalog_content_11 #huge_it_catalog_container_11, #huge_it_catalog_content_12 #huge_it_catalog_container_12, #huge_it_catalog_content_13 #huge_it_catalog_container_13, #huge_it_catalog_content_14 #huge_it_catalog_container_14, #huge_it_catalog_content_15 #huge_it_catalog_container_15, #huge_it_catalog_content_16 #huge_it_catalog_container_16,
#huge_it_catalog_content_17 #huge_it_catalog_container_17  {
    height: auto !important;
    display: table!important;
}

#huge_it_catalog_popup_list_10 li.pupup-element.active {

    height: 550px!important;

}


#huge_it_catalog_content_8 .catalog_load_8 a, #huge_it_catalog_content_10 .catalog_load_10 a , #huge_it_catalog_content_11 .catalog_load_11 a, #huge_it_catalog_content_12 .catalog_load_12 a , #huge_it_catalog_content_13 .catalog_load_13 a, #huge_it_catalog_content_14 .catalog_load_14 a, #huge_it_catalog_content_15 .catalog_load_15 a, #huge_it_catalog_content_16 .catalog_load_16 a,
#huge_it_catalog_content_17 .catalog_load_17 a     {
    color: #FFFFFF !important;
background: #662d91 !important;
}


.title-block_8, .title-block_10, .title-block_11, .title-block_12, .title-block_13, .title-block_14, .title-block_15, .title-block_16, .title-block_17
{
    padding: 15px !important;
    text-align: center;
}


#clients
{
	width: 90%;
	height: 300px;
	padding: 2% 5%;
	background: #E0DEDE;
	display: table;
}

#clients .module h3
{
    text-align: center;
    font-size: 43px;
    font-weight: normal;
    color: #666;
    margin: 0 0 20px 0;
}

#clients img
{
	border: 0px;
	width: 56%;
	height: auto;
}

.col-ot-5 {
    width: 10%!important;
    height: 85px;
}

#atussmart
{
  width: 90%;
  margin: 0 auto;
  height: 400px;
  display: table;
}

#atussmart_cont
{
  width: 100%;
  margin: 0 auto;
  height: 400px;
  display: table;
  background: #F2F2F2;
  padding: 50px 0 ;
}


.gkNspPM-TechNewsHeader2[data-layout="main_col_col"] .gkImage1 .gkTitle, .gkNspPM-TechNewsHeader2[data-layout="col_main_col"] .gkImage3 .gkTitle, .gkNspPM-TechNewsHeader2[data-layout="col_col_main"] .gkImage5 .gkTitle {
    background: rgba(102, 45, 145, .75)!important;
    bottom: 0;
    font-size: 30px;
    font-weight: 400;
    left: 0;
    max-width: 100%;
    padding: 30px 80px;
    right: 0;
}

#mapp
{
	position: relative;
	height: 620px;
	width: 100%;
}
#mapp .titmap
{
	position: absolute;
	z-index: 100;
	top: 50px;
	background: #EDEDED;
	width: 30%;
	height: 530px;
	left: 50px;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#mapp iframe .i4ewOd-pzNkMb-haAclf {
    background-color: #652782!important;
}

#mapp iframe
{
	border: 0;
}

#mapp .titmap .module h3
{
	font-size: 30px;
	background: #DBDBD9;
	padding: 6%;
}

#mapp .titmap a
{
	text-decoration: none;
	color: #652782;

}

#mapp .titmap section:nth-child(1) a
{
	text-decoration: none;
	color: #fff;

}

#mapp .titmap p
{

	padding: 0;
}

#mapp .titmap section:nth-child(1)
{
	padding: 3% 6%;
	background: #652782;
	color: #fff;
}

#mapp .titmap section:nth-child(2)
{
	padding: 3% 6%;
}


#atussmart .module h3 {
     text-align: center;
    font-size: 43px;
    font-weight: normal;
    color: #666;
    margin: 0 0 20px 0;
}

#atussmart .module {
    display: table;
}


#atussmart .module a {
  text-decoration: none;
  color: #666;
}

.gkNspPM figure
{
	width: 42%!important;
	height: 222px;
}

.gkNspPM-NewsBlocks[data-cols="2"] > figure {
    margin: 2.75%;
}

.gkNspPM-NewsBlocks > figure > figcaption {
    bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 20px 40px 20px;
    position: absolute;
    right: 0;
    width: 45%;
    /* text-align: left!important; */
}

.gkNspPM-NewsBlocks > figure > figcaption  h3
{
	text-align: left!important;
    font-size: 25px!important;
}

.gkNspPM-NewsBlocks > figure.inverse {
    background: none;
}

.gkNspPM-NewsBlocks > figure.inverse > figcaption a:active, .gkNspPM-NewsBlocks > figure.inverse > figcaption a:focus, .gkNspPM-NewsBlocks > figure.inverse > figcaption a:hover {
    color: #652782!important;
}
.gkNspPM-NewsBlocks > figure > figcaption a:active, .gkNspPM-NewsBlocks > figure > figcaption a:focus, .gkNspPM-NewsBlocks > figure > figcaption a:hover {
    color: #652782!important;
}

.actubt
{
	text-align: center;
	width: 100%;
}

.actubt a
{
	text-align: center;
	text-decoration: none;
	font-size: 32px;
	display: block;
	padding: 10px 20px;
	background: #652782;
	color: #fff;
	width: 14%;
	margin: 0 auto;
	border-radius: 5px;
	 transition: 0.3s all;
}


.actubt a:hover
{
	background: #9A999A;
	color: #fff;
	 transition: 0.3s all;

}

.power a
{
	color: #fff;
	text-decoration: none;
}


.horizontal {
    line-height: inherit;
    border-radius: 0;
    padding: 0;
}

.horizontal, .rotated, .round {
    box-shadow: none;
    color: #FFFFFF;
    padding: 0;
    position: inherit;
    text-align: center;
    transition: none;
    -webkit-transition:none;
    background-size: none;
    z-index: 1;
}

#storeaccueil
{
	width: 80%;
	height: 610px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.1);
	margin: 0 auto 30px auto;
}

#storemenu
{
	width: 20%;
	height: 610px;
	float: left;
	position: relative;
}

#storemenu .module h3
{
	padding: 15px 20px;
	background: #652782;
	color: #fff;
	font-size: 15px;
}

#storemenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #storemenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    line-height: 30px;
    height: 30px;
    padding: 5px 20px;
}

#storemenu #js-mainnav.megamenu.blackwhite ul.level0 li.megacss span.megacss, #storemenu #js-mainnav.megamenu.blackwhite ul.level0 li.megacss a.megacss, #storemenu #js-mainnav.megamenu.blackwhite .megaMenuToggle {
    font-size: 16px;
    color: #000;
    padding: 12px 8px;
    font-weight: normal;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;);
border-top: 1px solid rgba(0,0,0,0.2);
}

#storemenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss {
    font-weight: bold;
    cursor: auto;
}

#storemenu #megamenucss #js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.megacss .childcontent {
    margin-top:0;
    background: #fff;
    border-top: 3px solid #662483;
    top: -48px;
    height: 435px;
    background: #fff;
    width: 430px;
}

#storemenu #js-mainnav.megamenu.blackwhite .childcontent-inner {
    background: #fff!important;
    border: 0!important;
    color: #fff!important;
    padding-bottom: 6px;
    padding-top: 6px;
    text-shadow: none!important;
    border-radius: 0;
}

#storemenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #storemenu #megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {
    line-height: 15px;
    height: 30px;
    padding: 5px 20px;
    font-size: 14px;
}

.ass
{
	margin: 30px 0 0 0!important;
}

#storemenu #js-mainnav.megamenu.blackwhite ul.level1 li.megacss span.megacss, #storemenu #js-mainnav.megamenu.blackwhite ul.level1 li.megacss a.megacss {
border-top: 0;
}

#storemenu #megamenucss .blackwhite.megamenu ul.level0 > li.megacss:hover > a.megacss, #storemenu #megamenucss #js-mainnav.megamenu.blackwhite ul.level0 li.active span {
    background: #F2F2F2!important;
    color: #000!important;
}

#storemenu #megamenucss .blackwhite.megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss, #megamenucss .blackwhite .dropdown-menu ul.level1 li.megacss a.megacss:hover {
    background:none!important;
    color: #000!important;
    text-decoration: underline;
}

#storemenu #megamenucss #js-mainnav.megamenu ul.level0 li.megacss {

    position: inherit!important;
}


.secur .cols1
{
	background: #fff url(../images/securite.png) right bottom no-repeat!important;
	background-size: 90%!important;
}

.gest .cols1
{
	background: #fff url(../images/securite.png) right bottom no-repeat!important;
	background-size: 90%!important;
}

.imprim .cols1
{
	background: #fff url(../images/imprim.png) right bottom no-repeat!important;
	background-size: 90%!important;
}


#storeslide
{
	width: 65%;
	height: 610px;
	float: left;
}

#storeslide .custom
{
	display: table;
	width: 100%;
}

#storeslide .custom p
{
	display: table-cell;
	text-align: center;
	color: #000;
	padding: 0;

}

#storeslide .custom a
{
	display:block;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
	height: 126px;
	border-left: 1px solid rgba(0,0,0,0.2);
	padding: 20px;
	transition: 0.2s all;
}

#storeslide .custom a:hover
{
	background: #EDEDED;
	transition: 0.2s all;
}


#storeslide .custom a img
{
	display: block;
	width: 100px;
	margin: 0 auto;
}

#storesright
{
	width: 15%;
	height: 610px;
	float: left;
	overflow: hidden;
}

#storesright img, 
#pubsene img
{
	width: 100%;
	height: autos;
}

#askf
{
	width: 80%;
	height: 300px;
	margin: 0 auto 50px auto;
	display: table;

}

#askf .module h3, #prodshop .module h3, #prodshopbest .module h3
{
    text-align: left;
    font-size: 30px;
    font-weight: normal;
    color: #666;
    margin: 0 0 10px 0;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

#askf .eshop-product .row-fluid, .eshop-product .row-fluid {
    width: 14.5%;
    float: left;									
    margin: 0;
    padding: 0 1%;
    border-right: 1px solid rgba(0,0,0,0.2);
}

#askf .eshop-product .row-fluid:hover, .eshop-product .row-fluid:hover {
   box-shadow: 0 0 3px rgba(0,0,0,0.4);
	transition: 0.2s all; 
}


#askf .image.img-polaroid, .image.img-polaroid {
    text-align: center;
    height: 157px;
}

#askf .image.img-polaroid img{
    width: 73%;
    height: auto;
}

.image.img-polaroid img{
    width: 90%;
    height: auto;
}

#prodshopbest .image.img-polaroid img{
    width: 73%;
    height: auto;
}

#askf .eshop-product .row-fluid [class*=span]:first-child, .eshop-product .row-fluid [class*=span]:first-child  {
    margin-left: 0;

}

.img-polaroid {
    padding: 0;
    background-color: #fff;
    border: 0;
    box-shadow: none;
  }

.eshop_product 
{
	position: relative;
}

#askf .eshop_product a, .eshop_product a  {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    display: block;
    height: 50px;
}

.price, .eshop-sale-price
{
	font-size: 25px;
	color: #000;
}

.call-for-price
{
	font-size: 17px;
	color: #000;
}


.eshop-product .eshop-buttons {
    margin: 10px 0 0 0;
}

.btn-primary {
    color: #fff;
    text-shadow: none;
    background-color: #9D9D9C;
    *background-color: #04c;
    background-image: none;
    background-image: none;
    background-image: -o-linear-gradient(top,#08c,#04c);
    background-image: none;
    background-image: -moz-linear-gradient(top,#08c,#04c);
    background-repeat: none;
    border-color: 0;
    border-color: 0;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    color: #fff!important;
    width: 85%!important;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    color: #fff;
    background-color: #662483;

}

.eshop-base-price {
    position: absolute;
    top: 0;
    font-size: 14px;
    background: #662483;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    right: 0;
}


#pubsene
{
	width: 80%;
	height: 180px;
	margin: 0 auto 50px auto;
	background: #999;
	display: table;
}

#prodshop
{
	width: 80%;
	height: 300px;
	margin: 0 auto;
	display: table;
}

#prodshop .module
{

	margin: 0 auto 50px auto;
}


.gkTabsWrap.horizontal {
    position: relative;
}
#gk-tabs-144 .gkTabsWrap > ol, #gk-tabs-145 .gkTabsWrap > ol{
	width: auto!important;
    position: absolute;
    top: -57px;
    right: 0;
}

.gkTabsGK5 {
    overflow: visible!important;
}

.gkTabsWrap.vertical ol li, .gkTabsWrap.horizontal ol li {
    border-radius: 2px 2px 0 0;
    cursor: pointer;
    float: left;
    line-height: 38px!important;
    list-style-type: none;
    margin: 0 15px 0 0!important;
    padding: 0 12px!important;
    position: relative;
    font-size: 13px;
    font-weight: normal;
}

.gkTabsWrap.vertical ol li:hover, .gkTabsWrap.vertical ol li.active, .gkTabsWrap.horizontal ol li:hover, .gkTabsWrap.horizontal ol li.active {
    color: #fff!important;
    text-shadow: none;
    background: #999;
}

#prodshop .gkTabsItem  {
    display: table;
    padding: 0 0 0 284px;
    width: 81%;
    background: url(../images/mr-cam.jpg) left top no-repeat;
    background-size: 19%;
}


#prodshopbest .eshop-product .row-fluid {
    width: 14.5%;
    float: left;
    margin: 0 0 30px 0;
    padding: 0 1%;
    border-right: 1px solid rgba(0,0,0,0.2);
    height: 272px;
}

#prodshopbest
{
	width: 80%;
	height: 300px;
	margin: 0 auto 50px auto;
	display: table;
}

#prodshopbest .module
{

	margin: 0 50px 0;
	display: table;
}
.swiper-container
{
	width: 90%;
	overflow: hidden;
}
 #lapage
 {
  	min-height: 20px;
 	display: table-cell;
 	vertical-align: top;
 }

 #lapage-in
 {
  	min-height: 20px;
 	display: table;
  	padding: 13px 0 0 3%;
  	width: 97%;
 }

 #lapage-in .image.img-polaroid {
    text-align: center;
    height: 341px;
}

  #lapage hr
 {
  	margin: 0;
    border-top: 3px solid #662483;
    width: 35%;
 }

 .product-info .product-price {
    position: relative;
}

#storemenu2
{
	width: 20%;
	height: 610px;
   display: table-cell;
   vertical-align: top;
   position: relative;
}

.toitoi
{
	transition: 0.2s all;
	left: 0!important;
	position: fixed!important;
}

#mobbt
{
	position: fixed;
    top: 107px;
    left: 0;
    width: 30px;
    height: 30px;
    background: #662483 url(../images/filtre.png) no-repeat;
    background-size: 199%;
    z-index: 2000;
    display: none;
}

#jux_memamenu134 #js-mainnav .jux-fa.jux-fa-bars {
    color: #000;
}

#storemenu2 .module h3
{
	padding: 15px 20px;
	background: #652782;
	color: #fff;
	font-size: 15px;
}

#jux_memamenu152 #js-mainnav .jux-fa.jux-fa-bars {
    color: #000;
}

#storemenu2 #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss, #storemenu2 #megamenucss #js-mainnav.megamenu ul.level0 li.megacss a.megacss {
    line-height: 30px;
    height: 30px;
    padding: 5px 20px;
}

#storemenu2 #js-mainnav.megamenu.blackwhite ul.level0 li.megacss span.megacss, #storemenu2 #js-mainnav.megamenu.blackwhite ul.level0 li.megacss a.megacss, #storemenu2 #js-mainnav.megamenu.blackwhite .megaMenuToggle {
    font-size: 16px;
    color: #000;
    padding: 12px 8px;
    font-weight: normal;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;);
border-top: 1px solid rgba(0,0,0,0.2);
}

#storemenu2 #megamenucss #js-mainnav.megamenu ul.level0 li.megacss span.megacss {
    font-weight: bold;
    cursor: auto;
}

#storemenu2 #megamenucss #js-mainnav.megamenu.vertical.left .js-megamenu ul.level0 li.megacss .childcontent {
    margin-top:0;
    background: #fff;
    border-top: 3px solid #662483;
    top: -48px;
    height: 435px;
    background: #fff;
    width: 430px;
}

#storemenu2 #js-mainnav.megamenu.blackwhite .childcontent-inner {
    background: #fff!important;
    border: 0!important;
    color: #fff!important;
    padding-bottom: 6px;
    padding-top: 6px;
    text-shadow: none!important;
    border-radius: 0;
}

#storemenu2 #megamenucss #js-mainnav.megamenu ul.level1 li.megacss span.megacss, #storemenu2 #megamenucss #js-mainnav.megamenu ul.level1 li.megacss a.megacss {
    line-height: 15px;
    height: 30px;
    padding: 13px 20px;
    font-size: 14px;
}

#storemenu2 #js-mainnav.megamenu.blackwhite ul.level1 li.megacss span.megacss, #storemenu2 #js-mainnav.megamenu.blackwhite ul.level1 li.megacss a.megacss {
border-top: 0;
}

#storemenu2 #megamenucss .blackwhite.megamenu ul.level0 > li.megacss:hover > a.megacss, #storemenu2 #megamenucss #js-mainnav.megamenu.blackwhite ul.level0 li.active span {
    background: #F2F2F2!important;
    color: #000!important;
}

#storemenu2 #megamenucss .blackwhite.megamenu .dropdown-menu ul.level1 li.megacss:hover>a.megacss, #megamenucss .blackwhite .dropdown-menu ul.level1 li.megacss a.megacss:hover {
    background:none!important;
    color: #000!important;
    text-decoration: underline;
}

#storemenu2 #megamenucss #js-mainnav.megamenu ul.level0 li.megacss {

    position: inherit!important;
}

 #lapage-in .product-info h1
 {
      font-size: 30px;
    color: #000;
    margin: 0 0 10px 0;
 }

#lapage-in .product-info .product-desc {
    border-bottom: 1px solid #E7E7E7;
    padding: 0 5px 10px;
    font-size: 15px;
}
#lapage-in .product-manufacturer
{
margin: 5px 0;
}

#lapage-in .product-manufacturer span a
{
    background: #CCCCCC;
    padding: 1px 7px;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    margin: 0 10px 0 0;
}

#lapage-in .eshop-base-price 
{
	position:inherit;
}

#lapage-in .input-append, .input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap;
    margin: 0 0 20px 0;
    width: 48%;
    display: block;
}

#lapage-in .product-cart .no_margin_left {
    margin-left: 0;
    width: 31%;
}

#lapage-in .product-cart .span4 p
{
	margin: 0;
	padding: 0;
}

#lapage-in .slick-slide {
    width: auto!important;
}

.noUi-connect {
    background: #662483;
}

.eshop-filter .badge-info:after {
    border-right-color: #662483;
}
.eshop-filter .badge-info {
    background: #662483;
}

.product-info .tab-content {

    font-size: 14px;
}

.product-info .tab-content ul{

    list-style: none;
}

#cboxLoadedContent h1
{
	color: #000;
}

.btn-danger {
    color: #fff!important;
    text-shadow: none;
    background-color: #9D9D9C;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: none;
    border-color: none;
    border-color: none;
    filter: none;
    filter: none;
    text-decoration: none;
    border-color: snow;
}

.btn-info {
    color: #fff;
    text-shadow: none;
    background-color: #9046B7;
    background-color: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: none;
    border-color: none;
    border-color: snow;
    filter: none;
    filter: none;
}

.btn-success {
    color: #fff!important;
    text-shadow:none;
    background-color: #662483;
    background-color:none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-repeat: repeat-x;
    border-color: snow;
    border-color: none;
    filter: none;
    filter: none;
     text-decoration: none;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
    color: #fff;
    background-color: #8E8E8E;
    text-decoration: none;
    border-color: snow;
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    color: #fff;
    background-color: #7E41A5;
     border-color: snow;
}

.list ul.flyout-menu.button-left .menu-button img {
    width: 10%;
}

.list .ajax-block-product .eshop-image-block
{
	    width: 13%;
	    height: 125px;
	    overflow: hidden;
}
.eshop-quantity-value {
    width: 14px !important;
}

.eshop-product-desc, #error-information-popup-container, .eshop-info-block p
{display: none;}

.grid .ajax-block-product .eshop-image-block
{
	    width: 59%;
	    height: 143px;
	    overflow: hidden;
	    margin: 0 auto;
}

.grid .image.img-polaroid {
    text-align: center;
    height: 134px!important;
}

.grid .input-append, .input-prepend {
    margin-bottom: 5px;
    font-size: 0;
    white-space: nowrap;
    margin: 0 auto 5px auto!important;
    width: 48%;
    display: block;
}
.list .input-prepend {
    margin-bottom: 5px;
    margin: 10px auto 5px auto!important;
    width: 105%!important;
}

.list .eshop-buttons {
    bottom: -8px;
}

.grid .eshop-info-block h5 {
    margin: 0px 0 0px 0;
}

.grid .eshop-product-price p
{
	padding: 0;
}

.grid .eshop-base-price {
    position: absolute!important;
}
html[xmlns] .clearfix {
    position: relative;
}

.eshop-empty-search-result
{
	font-size: 15px;
}

#remonte
{
	position: fixed;
	bottom: 50px;
	right: 125px;
	z-index: 10;
}

#remonte a
{
	display: block;
	background: rgb(0,0,0,0.5) url(../images/monte.png) no-repeat;
	width: 45px;
	height: 45px;
	border-radius: 5px;
}

#remonte a:hover
{
	display: block;
	background: rgb(0,0,0,0.8) url(../images/monte2.png) no-repeat;
	width: 45px;
	height: 45px;
	border-radius: 5px;
}
#imgpage
{
	width: 100%;
	height: 300px;
	background: #999;
	overflow: hidden;
}

#imgpage-show
{
	width: 100%;
	height: 750px;
	background: #999;
}

#imgpage p, #imgpage-show p
{
	margin: 0;
	padding: 0;
}

.servpresent
{
	padding: 0;
	margin: 0 3% 0 0;
	float: left;
}

.servpresent a
{
	display: block;
	width: 150px;
	height: 180px;
	background: #662483;
	border-radius: 100px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	text-align: center;
	padding: 20px 25px 0 25px;
	font-weight: bold;
	transition: 0.2s all;
}

.servpresent a:hover
{
	background: #9D9D9C;
	color: #fff;
	transition: 0.2s all;
}

.servpresent a i
{

	color: #fff;
	font-size: 70px;
	display: block;


}

.pk {
    display: block;
    float: left;
    width: 299px;
    height: 290px;
    background: #B7B7B7;
    margin: 0 30px 0 0;
    text-align: center;
    padding: 20px;
}


.pk span{
    display: block;
    font-size: 20px;
    margin: 10px 0 20px 0;
    font-weight: bold;
  }



.pk i
{

	color: #fff;
	font-size: 100px;
	display: block;
	margin: 0 0 20px 0;

}

.servpresent a span
{

	color: #fff;
	font-size: 14px;
	display: block;
	font-weight: normal;

}

.shroom
{
	display: block;
	width: 100%;
	po
}

.shroom a
{
	display: block;
	width: 47%;
	height: 333px;
	opacity: 1;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 1% 50px;
	float: left;
	transition: 0.3s all;
	position: relative;
}


.shroom a:hover
{
	opacity: 0.8;
	transition: 0.3s all;
}

.shroom a span
{
	display: block;
	width: 100%;
	height: 85%;
	background: rgba(0,0,0,0.7);
	z-index: 20;
	top: 0;
	left: 0;
	position: absolute;
	text-align: center;
	font-size: 30px;
	color: #fff;
	padding: 15% 0 0 0;

}