.centre {
	margin: 0 auto;
	max-width: 1200px;
	width: 100%;
	clear:both;
	}
#haut .centre .centre{
	position: relative;
	}
@media screen and (max-width: 1240px) {
.centre {
	margin: 0 auto 0 auto;
	width: 90%;
	}
#haut .centre {
	width: 100%;
	padding:  0 0 0 0;	
	}
 }
#listeLangue {
	position: absolute;
	top: 2px;
	right: 5px;

	}
#listeLangue a{
	text-decoration: none;
	color: #ccc;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 1em;
	}
#haut {
    position: fixed;
	top: 0px;
	width: 100%;
	height: 120px;
	transition: height 250ms;
	z-index: 1000;
	/*background-color: rgba(255, 255, 255, 1);*/

	}
#haut #logo{
	display:block;
	width:335px;
	height: 61px;
	transition: all 250ms;
	background-image: url(/images/logo.png);
	background-size:cover;
	position:absolute;
	top: 40px;
	left: 10%;
	z-index:1000;
	}

body.scrolled #haut {
    height: 80px;
    transition: height 250ms;
	background-color: #242936;
	}
body.scrolled #haut.p2 {
	background-color: #112e51;
	}
body.scrolled #haut #logo {
    width: 300px;
    height: 54.62px;
	top: 10px;
	left: 10px;
    transition: all 250ms;
	background-size:cover;
	}

#haut + #slidepage {

	transition: all 250ms;
	}
#haut.scrolled + #slidepage {

	transition: all 250ms;
	}
#slide {
	/*padding-top: 110px;*/
	transition: all 250ms;
	}
#slidevide {
	height: 110px;
	}
body.scrolled #slide {
	padding-top: 0;
	transition: all 250ms;
	}

@media screen and (max-width:1200px) {
#haut #logo {
    width: 300px;
    height: 54.62px;
	top: 10px;
	left: 0px;
    transition: all 250ms;
	background-size:cover;
	}
}

@media screen and (max-width:880px) {
#haut {
    height: 80px;
    transition: height 250ms;
	/*background-color: #242936;*/
	}
#togglemenu  {
	display: none;
	}
#togglemenu ul.nav > li:nth-of-type(2), #togglemenu ul.nav > li:nth-of-type(3) {
	display: none;
	}
}
@media screen and (max-width:450px) {
#haut {
    height: 80px;
    transition: height 250ms;
	}
#haut #logo, body.scrolled #haut #logo{
    width: 200px;
    height: 36.41px;
	top: 20px;
	left: 0px;
    transition: all 250ms;
	background-size:cover;
	}

}

#logiciel_certifie {
	background:url(/images/NF525.png) no-repeat;
	background-size:cover;
	width: 200px;
	height: 196px;
	position:absolute;
	top: 100px;
	right: 50px;
	z-index: 100;
	}
#logiciel_certifie.en {
	background:url(/images/NF525.png) no-repeat;

	}
@media screen and (max-width:1050px) {
#logiciel_certifie {
	background:url(/images/NF525.png) no-repeat;
	background-size:cover;
	width: 120px;
	height: 117.6px;
	top: 80px;
	right: 10px;
	}

}
#slidepage, #slidevide {
	height: 450px;
	padding-top: 215px;
	background-size:cover;
	position:relative;
	}

#slidepage.caisse {
	background:url(/images/HEADER-systeme-de-caisse-04.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.caisse.en {
	background:url(/images/HEADER-systeme-de-caisse-04_en.jpg) #112e51 center center;
	background-size:cover;
	}	
#slidepage.bo {
	background:url(/images/HEADER-regale-BO2.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.ds {
	background:url(/images/HEADER-regale-DS-02.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.hd {
	background:url(/images/HEADER-regale-HD.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.wo {
	background:url(/images/HEADER-regale-WO-3.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.ks {
	background:url(/images/HEADER-regale-KS.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.kslight {
	background:url(/images/HEADER-regale-KS-light.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.cloud {
	background:url(/images/slide_cloud.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.outil {
	background:url(/images/header-contact.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.reseau {
	background:url(/images/slide_reseau-telecom.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.wifi {
	background:url(/images/slide_hotspot.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.musique {
	background:url(/images/slide_musique.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.video {
	background:url(/images/slide_video-surveillance.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.client {
	background:url(/images/slide_service-client.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.contact {
	background:url(/images/header-contact.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.parrainage {
	background:url(/images/HEADER-parrainage.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.temoignage {
	background:url(/images/slide_temoignages.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.recrutement {
	background:url(/images/slide_recrutement.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.newsletter {
	background:url(/images/slide_newsletter.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.news {
	background:url(/images/slide_news.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.investisseur {
	background:url(/images/slide_investisseurs.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.catalogue {
	background-image:url(/images/slide_catalogue.jpg);
	background-size:cover;
	}
#slidepage.partenaire {
	background-image:url(/images/header-partenaire.jpg);
	background-size:cover;
	}
#slidepage.partenaire h1{
	color:#242936;
	}
#slidepage.partenaire.ok{
	text-align: center;
	}
#slidepage.nf {
	background:url(/images/slide-norme-nf-525.jpg) #000 center center;
	background-size:cover;
	}
#slidevide {
	background:url(/images/header-contact.jpg) #000 center center;
	background-size:cover;
	}
@media screen and (max-width:700px) {
#slidepage.caisse {
	background:url(/images/700px-HEADER-systeme-de-caisse.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.caisse.en {
	background:url(/images/700px-HEADER-systeme-de-caisse_en.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.bo {
	background:url(/images/700px-HEADER-regale-BO.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.ds {
	background:url(/images/700px-HEADER-regale-DS.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.hd {
	background:url(/images/700px-HEADER-regale-HD.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.wo {
	background:url(/images/700px-HEADER-regale-WO.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.ks {
	background:url(/images/700px-HEADER-regale-KS.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.kslight {
	background:url(/images/700px-HEADER-regale-KS-light.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.cloud {
	background:url(/images/700px-slide-cloud-prive.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.outil {
	background:url(/images/700px-slide-contact.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.reseau {
	background:url(/images/700px-slide-reseau-telecom.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.wifi {
	background:url(/images/700px-slide-hotspot.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.musique {
	background:url(/images/700px-slide-musique.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.video {
	background:url(/images/700px-slide-video-surveillance.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.client {
	background:url(/images/700px-slide-service-client-contenu.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.contact {
	background:url(/images/700px-slide-contact.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.parrainage {
	background:url(/images/700px-parrainage.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.temoignage {
	background:url(/images/700px-slide-temoignages.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.recrutement {
	background:url(/images/700px-slide-recrutement.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.newsletter {
	background:url(/images/700px-slide-newsletter.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.news {
	background:url(/images/700px-slide-news.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.investisseur {
	background:url(/images/700px-slide-investisseurs.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.catalogue {
	background-image:url(/images/700px-slide_catalogue.jpg);
	background-size:cover;
	}
#slidepage.partenaire {
	background-image:url(/images/700px-slide-entreprise.jpg);
	background-size:cover;
	}
#slidepage.nf {
	background:url(/images/700px-slide-norme-nf-525.jpg) #000 center center;
	background-size:cover;
	}
#slidevide {
	background:url(/images/700px-slide_temoignages.jpg) #000 center center;
	background-size:cover;
	}

}
@media screen and (max-width:400px) {
#slidepage.caisse {
	background:url(/images/400px-HEADER-systeme-de-caisse.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.caisse.en {
	background:url(/images/400px-HEADER-systeme-de-caisse_en.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.bo {
	background:url(/images/400px-HEADER-regale-BO.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.ds {
	background:url(/images/400px-HEADER-regale-DS.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.hd {
	background:url(/images/400px-HEADER-regale-HD.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.wo {
	background:url(/images/400px-HEADER-regale-WO.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.ks {
	background:url(/images/400px-HEADER-regale-KS.jpg) #112e51 center center;
	background-size:cover;
	}
#slidepage.kslight {
	background:url(/images/400px-HEADER-regale-KS-light.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.cloud {
	background:url(/images/400px-slide-cloud-prive.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.outil {
	background:url(/images/400px-slide-contact.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.reseau {
	background:url(/images/400px-slide-reseau-telecom.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.wifi {
	background:url(/images/400px-slide-hotspot.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.musique {
	background:url(/images/400px-slide-musique.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.video {
	background:url(/images/400px-slide-video-surveillance.jpg) no-repeat #112e51 center center;
	background-size:cover;
	}
#slidepage.client {
	background:url(/images/400px-slide-service-client-contenu.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.contact {
	background:url(/images/400px-slide-contact.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.parrainage {
	background:url(/images/400px-parrainage.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.temoignage {
	background:url(/images/400px-slide-temoignages.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.recrutement {
	background:url(/images/400px-slide-recrutement.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.newsletter {
	background:url(/images/400px-slide-newsletter.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.news {
	background:url(/images/400px-slide-news.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.investisseur {
	background:url(/images/400px-slide-investisseurs.jpg) #000 center center;
	background-size:cover;
	}
#slidepage.catalogue {
	background-image:url(/images/400px-slide_catalogue.jpg);
	background-size:cover;
	}
#slidepage.partenaire {
	background-image:url(/images/400px-slide-entreprise.jpg);
	background-size:cover;
	}
#slidepage.nf {
	background:url(/images/400px-slide-norme-nf-525.jpg) #000 center center;
	background-size:cover;
	}
#slidevide {
	background:url(/images/400px-slide_temoignages.jpg) #000 center center;
	background-size:cover;
	}

}	
	

	
	
#slidepage.voile::after {
	content: '';
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 250px;
	background-image:linear-gradient(#333, transparent);
	}
	
#slide.px400 {
  display: none;
  }
 #slide.px700 {
  display: none;
  }
@media screen and (max-width:700px) {
#slide.px1200  {
	display: none;
	}
#slide.px700 {
  display: block;
  }
}
 @media screen and (max-width:400px) {
#slide.px700  {
	display: none;
	}
#slide.px400 {
  display: block;
  }
}
	
/*bas*/
#logos_bas {
	background-color: #373d4d;
	text-align:center;
	}
#logos_bas li{
	display: inline-block;
	padding: 30px 15px;
	position:relative;
	}
#logos_bas li.DigiCert   {
	width: 120px;
	}
#logos_bas li div.DigiCert {
	position: absolute;
	top: 21px;
	left: 10px;
	}
	
@media screen and (max-width:420px) {
	#logos_bas li:first-child{
	display: block;
	padding: 30px 15px 0 15px;
	}
	}


#bas {
	padding: 0 0 15px 0;
	background-color: #242936;
	}
#bas li{
	margin-bottom: 0px;
	}
#bas #adresse {
	border-top: 1px solid #444a59;
	border-bottom: 1px solid #444a59;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 0 auto;
	}

#bas p {
	text-align: center;
	color: #8e95a9;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1.05em;
    text-decoration: inherit;
	line-height: 1.7em;
	padding: 20px 0;
	}
#bas p b{
    font-weight: 600;
    font-size: 1.21em;
    text-decoration: inherit;
	line-height: 1.7em;
	padding: 20px 0;
	color: #aab0c1;
	}
		
#bas p a{
	color: #474e60;
	text-decoration: none;
	font-weight: 300;
	}
#bas p#mentions span, #bas p#mentions span a{
	color: #474e60;
	}

