/* CSS Document */

#togglemenu ul.nav{
	float:right;

	display: none;
	margin-top: 30px;
	}
#togglemenu ul.nav > li{
	display: inline-block;
	transition: all 250ms;
	vertical-align:text-top;
	}
/*#togglemenu ul.nav > li:after{
	content: '';
	width: 1px;
	height: 15px;
	background-color: #218dcd;
	position: absolute;
	right: -2px;
	top: 7.5px;
	}*/
#togglemenu ul.nav > li > a{
	display:block;
	position: relative;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 400;
	color: #fff;
	font-size: 1.42em;
	text-transform:uppercase;
	margin: 0 15px 0 15px;
	padding-left: 22px;
	display: block;
	height: 40px;
	text-decoration:none;
	transition: all 250ms;
	background-color:#0F6;
	}
/*#togglemenu ul.nav > li > a.on{
	color: #96a414;
	border-bottom: 3px solid #96a315;
	transition:none;
	}*/
#togglemenu ul.nav > li:first-child > a{
	background:url(/images/hamburger.png) no-repeat left 4px;
	}
#togglemenu ul.nav > li:nth-of-type(2) > a{
	background:url(/images/loupe.png) no-repeat left 4px;
	}
#togglemenu ul.nav > li:nth-of-type(3) > a{
	background:url(/images/cadenas.png) no-repeat left 4px;
	}
body.scrolled #togglemenu ul.nav > li:nth-of-type(2), body.scrolled #togglemenu ul.nav > li:nth-of-type(3) {
	display: none;
	}
	
#haut ul#hamburger {
	margin-right: 20px;
	margin-bottom: 2px;
	float:right;
	}
@media screen and (max-width: 600px) {
#haut ul#hamburger {
	margin-right: 7px;
	}
 }
#haut ul#hamburger li:first-child {
	display: none;
	border: 1px solid #96a414;
	width: 110px;
    padding: 0 0 0 0;
	background-color:inherit;
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	color: #868889;
	background:url(/images/hamburger.png) no-repeat 12px center;
	border-radius: 4px;
	}
	
/*Version Scrollée*/	
body.scrolled #haut ul.nav {

	}
body.scrolled #haut ul.nav {

	}
body.scrolled #haut ul.nav > li > a{
	height: 50px;
	}



body.scrolled #haut ul#hamburger li:first-child {
	display: inline-block;
	margin-right: 30px;
	}
body.scrolled #haut ul#hamburger {
	margin-top: 12px;
	transition: all 250ms;
	}
body.scrolled #haut ul#hamburger li:nth-of-type(2), {
	border-top-left-radius: 4px;
	}
body.scrolled #haut ul#hamburger li:nth-of-type(3){
	border-top-right-radius: 4px;
	}
#haut ul#hamburger li {
	display: inline-block;
	background-color: #eef0f1;
	color:#373737;
	padding: 0 10px 0 50px;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	color: #a4a4a4;
	font-size: 1em;
	}
#haut ul#hamburger li a{
	color: #a4a4a4;
	font-family: 'Oxygen', sans-serif;
	font-weight: 700;
	text-decoration: inherit;
	}
#haut ul#hamburger li:nth-of-type(2){
	background: url(/images/icone_enveloppe.png) #eef0f1 no-repeat 18px center;
	border-bottom-left-radius: 4px;
	}
#haut ul#hamburger li:nth-of-type(3){
	background: url(/images/icone_tel.png) #eef0f1 no-repeat 18px center;
	border-bottom-right-radius: 4px;
	}
#haut ul#hamburger li:first-child a{
	font-family: 'Oxygen', sans-serif;
	font-weight: 300;
	color: #868889;
	display:block;
	font-size: 1.14em;
	text-transform:uppercase;
	}
/*fond gris*/

#fond_gris {
	display: none;
	}
/*li.hover #fond_gris {*/
#fond_gris {
	/*display: block;*/
	position: fixed;
    left: 0;
    top: 120px;
    z-index: 50;
    background-color: rgba(65,64,66,0.4);
    width: 100%;
    height: 100%;
    overflow: auto;
	}
body.scrolled #fond_gris {
	top: 80px;
	}







/*ss menu*/
#togglemenu ul.nav > li > ul {
    position: absolute;
    left: -9999px;
}

#togglemenu ul.nav > li.hover > ul {
	z-index: 900;
	background-color:#2b3140;
	padding: 40px 0 40px 0;
	left: 0px;
	top: 70px;
	width: 100%;
	text-align:center;
}
body.scrolled #togglemenu ul.nav > li.hover > ul{
	top: 80px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li{
	display: inline-block;
	vertical-align: top;
	padding-top: 65px;
	width: 150px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(1){
	background: url(/images/icone_menu_1.png) no-repeat center 5px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(2){
	background: url(/images/icone_menu_2.png) no-repeat center 5px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(3){
	background: url(/images/icone_menu_3.png) no-repeat center 0px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(4){
	background: url(/images/icone_menu_4.png) no-repeat center 8px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(5){
	background: url(/images/icone_menu_5.png) no-repeat center 2px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li > ul > li{
	color: #8e95a9;
	font-family: 'Roboto', sans-serif;
	font-size: 1.07em;
	font-weight: 400;
	}

#togglemenu ul.nav > li.hover > ul.liste > li > ul > li:first-child{
	color: #aab0c1;
	font-family: 'Khand', sans-serif;
	font-size: 1.85em;
	font-weight: 400;
	padding-bottom: 7px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li > ul > li a{
	color: #8e95a9;
	font-family: 'Roboto', sans-serif;
	font-size: 1.07em;
	font-weight: 400;
    text-decoration: inherit;
	}

@media screen and (max-width: 800px) {
#haut ul#hamburger {
	margin-right: 7px;
	}

#togglemenu ul.nav > li.hover > ul.liste > li{
	display: block;
	vertical-align: top;
	padding-top: 10px;
	width: 300px;
	margin: 0 auto;
	border-bottom: 1px solid #6a7080; 
	text-align: left;
	padding: 0 10px 10px 90px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(1){
	background: url(/images/icone_menu_1.png) no-repeat 15px 15px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(2){
	background: url(/images/icone_menu_2.png) no-repeat 15px 15px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(3){
	background: url(/images/icone_menu_3.png) no-repeat 15px 15px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(4){
	background: url(/images/icone_menu_4.png) no-repeat 15px 15px;
	}
#togglemenu ul.nav > li.hover > ul.liste > li:nth-of-type(5){
	background: url(/images/icone_menu_5.png) no-repeat 15px 15px;
	border-bottom: none;
	}
#togglemenu ul.nav > li.hover > ul.liste > li > ul > li:first-child{
	color: #aab0c1;
	font-family: 'Khand', sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	padding: 10px 0 0 0;
	}
 }









#togglemenu #bloc_recherche input[type=text]{
	height: 50px;
	width: 450px;
	background-color: #42485a;
	border: none;
	float: left;
	margin: 0 0 0 0;
	color:#fff;
	margin-bottom: 10px;
	}
#togglemenu #bloc_recherche input[type=submit]{
	height: 50px;
	width: 50px;
	background-color: #42485a;
	border: none;
	float: left;
	margin: 0 0 0 0;
	clear:inherit;
	color: transparent;
	background:url(/images/loupe_recherche.png) #42485a no-repeat center center;
	}
#togglemenu #bloc_recherche, #togglemenu ul.ssmenu.connexion form {
	width: 500px;
	padding-top: 20px;
	margin: 0 auto;
	display:block;
	text-align:center;
	}
#togglemenu #bloc_recherche, #togglemenu ul.ssmenu.connexion form a{
	color: #fff;
	}
#togglemenu ul.ssmenu.connexion form input[type=text], #togglemenu ul.ssmenu.connexion form input[type=password]{
	height: 50px;
	width: 500px;
	background-color: #42485a;
	border: none;
	margin: 0 0 0 0;
	color:#fff;
	margin-bottom: 10px;
	}
#togglemenu ul.ssmenu.connexion form input[type=submit] {
	margin: 0 auto 15px auto;
	
	
	}

/* ss menu sur toute la largeur*/
/*#togglemenu ul.nav > li.hover > ul {
	max-width: 1200px;
	width: 100%;
    left: 50%;
	margin-left: -600px;
	background-color:#f4f4f4;
	z-index: 1000;
	box-shadow: 1px 1px 10px #ccc;
	padding-bottom: 30px;
	text-align:center;
}*/

/** ss menu centré en colonne
#togglemenu ul.nav > li.hover > ul {
	width: 250px;
	border-top: 1px solid #cccecf;
    left: 50%;
	margin-left: -125px;
	background-color:#d11216;
	z-index: 1000;
	box-shadow: 1px 1px 10px #ccc;
	text-align:center;

}
*/
#togglemenu ul.nav > li.hover > ul.trouverproduitmenu {
	width: 600px;
    left: inherit;
	right: 0px;
	z-index: 1000;
}


/**/

#togglemenu ul.nav > li.hover > ul.ssmenuclient {
	width: 600px;
    left: inherit;
	right: -50px;
	z-index: 1000;
}

#togglemenu ul.nav > li.hover > ul.ssmenuclient li:first-child{
	width: 260px;
	margin: 50px 0 0 0;
	float: left;
	height: 260px;
	background-color:#fff;
	padding: 0 30px 15px 30px;
}
#togglemenu ul.nav > li.hover > ul.ssmenuclient li:first-child input[type=submit]{
	width: 140px;

}
#togglemenu ul.nav > li.hover > ul.ssmenuclient li:last-child{
	width: 340px;
	margin: 50px 0 0 0;
	float: left;
	height: 260px;
	background-color:#fff;
	padding: 0 30px 15px 30px;
	position:relative;
	background:url(/images/barre-espace-client.gif) #fff no-repeat left center;
}
#togglemenu ul.nav > li.hover > ul.ssmenuclient li:last-child::after{
	content: '';
	width: 25px;
	height: 25px;
	background-color:#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: -12px;
	right: 120px;
}
#togglemenu ul.nav > li.hover > ul.ssmenuclient li:last-child p{
	background: url(/images/coche_grise.png) no-repeat left center;
	padding-left: 30px;
	margin-bottom: 5px;
	}




#togglemenu ul.nav > li.hover > ul.ssmenuclient li{
	border-bottom: 1px solid #fff;
	margin: 0 5px 0 5px;
}
#togglemenu ul.nav > li.hover > ul.ssmenuclient li:last-child{
	border-bottom: none;

}
#togglemenu ul.nav > li.hover > ul.ssmenuclient li a{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	font-size: 1.28em;
	display:block;
	padding: 15px 25px;
}
#togglemenu ul.nav > li.hover > ul.ssmenuclient li a{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #fff;
	text-decoration: none;
	font-size: 1.05em;
	display:block;
	background: none;
	color: #a7a9ac;
	padding: 0px;
}

/**/

#togglemenu ul.nav > li.hover > ul.ssmenuproduit  {
	width: 945px;
    right: inherit;
	left: -200px;
	z-index: 1000;
}

#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li{
	width: 315px;
	float: left;
	height: 285px;
	background-color:#fff;

}
#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li:first-child{
	position:relative;
	margin: 50px 0 0 0;
	height: 315px;
}
#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li:nth-of-type(2), #togglemenu ul.nav > li.hover > ul.ssmenuproduit  li:nth-of-type(3) {
	margin: 50px 0 0 0;
	height: 315px;
}
#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li:first-child::after{
	content: '';
	width: 25px;
	height: 25px;
	background-color:#fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: -12px;
	right: 50px;
}
#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li a{
	width: 270px;
	height: 260px;
	background-color:#fff;
	border: 5px solid #f1f3f2;
	display:block;
	margin: 0 auto 0 auto;
	position:relative;
	text-decoration:inherit;
	color: #ea6045;
	
}
#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li:nth-of-type(1) a, #togglemenu ul.nav > li.hover > ul.ssmenuproduit  li:nth-of-type(2) a, #togglemenu ul.nav > li.hover > ul.ssmenuproduit  li:nth-of-type(3) a {
	margin: 30px auto 0 auto;
}
#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li img{
	display:block;
	margin: 10px auto 0 auto;
	width: 190px;
	height: 190px;
}
#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li span{
	position: absolute;
	bottom: 0px;
	width: 260px;
	text-align:center;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #ea6045;
	font-size: 1.5em;
	height: 46px;
	line-height: 46px;
	vertical-align:middle;
	border-top: 1px solid #ea6045;
	}
#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li a:hover{
	border: 5px solid #f4f4f4;
	background-color: #f4f4f4;
}
#togglemenu ul.nav > li.hover > ul.ssmenuproduit  li a:hover span{
	color: #fff;
	background-color: #e93f2e;
	font-weight: 600;
	width: 270px;
	left: -5px;
	bottom: -5px;
	height: 51px;
}

	

/*****************Version hamburger*******************/
.toggleMenu {
    display: none;
	width: 100%;
    vertical-align: middle;
	padding-left: 45px;
	}


@media screen and (max-width: 880px) {







 }

/*menu secondaire*/
#menuservice {
	display: none;
	float: right;
	clear: right;
	padding-top: 20px;
	transition: all 250ms;
	margin-right: 10px;
	}
body.scrolled #menuservice {
	clear: none;
	padding-top: 30px;
	transition: all 250ms;
	}
.p2 #menuservice.caisse, .p6 #menuservice.caisse, .p5 #menuservice.caisse, .p4 #menuservice.caisse, .p3 #menuservice.caisse, .p7 #menuservice.caisse, .p8 #menuservice.caisse, .p18 #menuservice.cloud, .p11 #menuservice.cloud, .p13 #menuservice.cloud, .p12 #menuservice.cloud, .p10 #menuservice.cloud, .p9 #menuservice.cloud, .p19 #menuservice.caisse  {
	display: block;
	transition: all 250ms;
	}




#menuservice li{
	display: inline-block;
	margin-left: 20px;
	}
#menuservice li a{
    font-family: 'Khand', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 1.42em;
	text-decoration: none;
	position:relative;
	}
#menuservice li a.on, #menuservice li a:hover{
	color: #f1981a;
	}
#menuservice li a.on:after{
	content: '';
	position:absolute;
	left: 0px;
	bottom: -5px;
	width: 100%;
	height: 2px;
	background-color: #f1981a;
	}
#menuservice.caisse li:last-child a{
	background-color: #f1981a;
	color: #414042;
	padding: 0 20px;
	text-transform:none;
	/*border-top-left-radius: 50%;*/
	border-radius: 15.5px;
	font-size: 1.28em;
	font-weight: 400;
	box-sizing:content-box;
	padding-top: 2px;
	}
@media screen and (max-width:1160px) {
body.scrolled #menuservice li{
	margin-left: 15px;
	}
body.scrolled #menuservice.caisse li:last-child a{
	display: none;
	}

 }
@media screen and (max-width:1050px) {
body.scrolled #menuservice.cloud {
	display: none;
	}

 }	
@media screen and (max-width: 880px) {
.p2 #menuservice.caisse, .p6 #menuservice.caisse, .p5 #menuservice.caisse, .p4 #menuservice.caisse, .p3 #menuservice.caisse, .p7 #menuservice.caisse, .p8 #menuservice.caisse, .p18 #menuservice.cloud, .p11 #menuservice.cloud, .p13 #menuservice.cloud, .p12 #menuservice.cloud, .p10 #menuservice.cloud, .p9 #menuservice.cloud, .p19 #menuservice.caisse  {
	display: none;

	}