@charset "UTF-8";
/* CSS Document */

/*responsive*/

.medscreen,
.smallscreen {
	display: none;
}

.global{
	position: relative;
	/*margin-left: 65px;*/
    width: 100%;
    margin: auto;
    max-width: 1920px;
    min-width: 1200px;
}

/*Specific*/

/********************************************************
*							*
		          HEADER
*							*
********************************************************/
header {
	background-color: #fff;
	padding: 20px 5% 0 5%;
}

#logo{
    display: block;
    float: left;
    margin-top: -18px;
    height: 80px;
    text-indent: -9999px;
}

.headDroite{
	float: right;
	margin-top: 5px;
}

/*header form{
	float: left;
	width: auto;
	margin-bottom: 0;
	position: relative;
}
header .champRecherche{
	width: 200px;
	padding: 8px 10px 10px 10px;
	background-color: transparent;

	border: none;
	border-bottom: #828f99 solid 1px;
}
	header .champRecherche:focus{
		border: none;
		border-bottom: #9ca4ba solid 1px;
		background-color: transparent;
	}

@media screen and (max-width: 1400px){
	header .champRecherche{width: 150px;}
}

header .champRecherche + button,
header .champRecherche + ul + button,
header .champRecherche + button:active,
header .champRecherche + ul + button:active{
	position: absolute;
	right: 0;
	top: 5px;
	display:block;
	width: 30px;
	height: 30px;
	background-image: url('../images/pictos/recherche.png');
	background-position: right top;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}*/

.jsonSuggest{
	position: absolute;
	background-color: #fff;
	background-image: url("../images/pattern.png");
	left: 0;
	top:100%;
	z-index: 30;
	margin-top: 1px;
	-webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

.jsonSuggest a{
	position: relative;
	display: block;
	padding: 10px 10px;
	color: #061F33;
	cursor: pointer;
}

.jsonSuggest a .fa-angle-right{margin: 0 10px;}

.jsonSuggest a:after{
	content: '';
	display: block;
	position: absolute;
	left: 10px;
	bottom: -1px;
	width: 50px;
	height: 1px;
	background-color: #6f7481;
}

	.jsonSuggest a:hover{
		background-color: #0062a1;
		color: #fff;
	}
	.jsonSuggest a:hover:after{display: none;}

.lang{
	float: left;
	margin-left: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom:10px;
	border-bottom: #828f99 solid 1px;
}
.lang li{
	display: inline-block;
}
.lang a{
	display: inline-block;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	width: 55px;
	padding: 5px 3px 5px 3px;
	border-bottom: #9ca4ba solid 3px;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	color: #9ca4ba;
}
	.lang a:hover,
	.lang li.active a{
		color: #0062a1;
		border-bottom: #0062a1 solid 3px;
	}

#retourTop{
	background-color: #0062A1;
	display: none;
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	top:50%;
	margin-top: -25px;
	z-index: 100;
	/*-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;*/
	background-image: url('../images/fleche-top.png');
	background-position: center center;
	background-repeat: no-repeat;
}

/*@media screen and (max-width: 1400px){
	.lang{
		margin-left: 20px;
		padding-left: 0;
		padding-right: 0;
	}
	.lang a{
		padding: 5px 0;
	}
}
*/

/********************************************************
*							*
		    MENU PRINCIPAL
*							*
********************************************************/

nav{
	float: left;
	margin-left: 50px;
	margin-right: 5px;
	-webkit-transition: margin 0.3s;
	-moz-transition: margin 0.3s;
	-ms-transition: margin 0.3s;
	-o-transition: margin 0.3s;
	transition: margin 0.3s;
}

nav li {
	display: inline-block;
}

nav a{
	position: relative;
	display: inline-block;
	padding: 18px 20px 34px 20px;
	height: 14px;
	text-transform: uppercase;
	color: #061f33;
	-webkit-transition: padding 0.3s, font-size 0.3s;
	-moz-transition: padding 0.3s, font-size 0.3s;
	-ms-transition: padding 0.3s, font-size 0.3s;
	-o-transition: padding 0.3s, font-size 0.3s;
	transition: padding 0.3s, font-size 0.3s;
}
nav>ul>li.active>a:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -7px;
	border-style: solid;
	border-width: 7px;
	border-color: transparent transparent #9ca4ba transparent;
}
	nav a:hover{color: #0062a1;}


/*@media screen and (max-width: 1400px){
	nav{
		margin-left: 20px;
		margin-right: 20px;
	}
	nav a{
		padding: 18px 10px 34px 10px;
	}
}

@media screen and (max-width: 1200px){
	nav a{font-size: 12px;}
}*/



/*SOUS MENU*/

nav li ul{
	display: none;
	position: absolute;
	top: 86px;
	left: 0;
	width: 100%;
	padding: 10px 0 0 0;
	background-color: #9ca4ba;
	letter-spacing: -0.23em;
	text-align: center;
}

nav li ul li{
	display: inline-block;
	/*border-left: #061f33 solid 1px;*/
	border-right: #061f33 solid 1px;
	letter-spacing: normal;
	vertical-align: middle;
	margin-left: -1px;
	margin-bottom: 10px;
}
nav li ul li:first-child{
	border-left: #061f33 solid 1px;;
}

nav li ul a{
	padding: 10px 20px;
	/*max-width: 80px;*/
	min-width: 80px;
	text-transform: none;
	color: #061f33;
	vertical-align: middle;
}
/*nav li ul li.bigTitre a{
	max-width: 170px;
}*/
	nav li ul a:hover{color: #fff;}

/*@media screen and (max-width: 1400px){

	nav li ul{
		text-align: center;
	}
	nav li ul li:first-child{
		margin-left: 0;
	}
	nav li ul a{
		padding: 10px 10px;
	}
}
@media screen and (max-width: 1200px){
	nav li ul a{font-size: 13px;}
}
*/

/********************************************************
*							*
		    MENU DE GAUCHE
*							*
********************************************************/

aside.menu-side{
	position: fixed;
	left: -200px;
	top: 0;
	/*width: 65px;*/
	width: 265px;
	height: 100%;
	background-color: #061f33;
	z-index: 1;
}

.menu-side .main{
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	padding: 85px 5px 5px 5px;
	height: 100%;
	z-index: 2;
}

.menu-side .closeMenu{
	display: none;
	position: absolute;
	top: 0px;
	left: 5px;
	font-size: 16px;
	color: #fff;
	width: 55px;
	padding: 15px 0;
	/*border-bottom: #657380 solid 1px;*/
	text-align: center;
	cursor: pointer;
	-webkit-transition: color 0.2s, background-color 0.2s;
	-moz-transition: color 0.2s, background-color 0.2s;
	-ms-transition: color 0.2s, background-color 0.2s;
	-o-transition: color 0.2s, background-color 0.2s;
	transition: color 0.2s, background-color 0.2s;
}
	.menu-side .closeMenu:hover{
		color: #0062a1;
	}

.menu-side .main ul.vert{
	/*position: absolute;
	top: 384px;
	left: 5px;*/
	margin-top: -1px;
	width: 55px;
}

.menu-side .main ul li{
	position: relative;
	border-bottom: #657380 solid 1px;
	/*margin: 0 5px;*/
}
.menu-side .main ul li:first-child{
	border-top: #657380 solid 1px;
}
.menu-side .main ul li.printer{
	display: block;
	position: absolute;
	bottom: 85px;
	left: 5px;
	width: 55px;
	border-top: #657380 solid 1px;
}

@media screen and (max-height: 649px){
	.menu-side .main ul li.printer{display: none;}
}

.menu-side .main li a{
	display: block;
	padding: 45px 0 15px 0;
	background-repeat: no-repeat;
	background-position: 7px 10px;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.menu-side .main ul.blanc li a{color: #fff;}
.menu-side .main ul.vert li a {color: #aca400;}

.menu-side .connexion a,
.menu-side .monCompte a{background-image: url('../images/menu-user.png');}
.menu-side .groupe a{background-image: url('../images/menu-lien.png');}
.menu-side .outils a{background-image: url('../images/menu-outil.png');}
.menu-side .panier a{background-image: url('../images/menu-chariot.png');}
.menu-side .devis a{background-image: url('../images/menu-calculette.png');}
.menu-side .contact a{background-image: url('../images/menu-contact.png');}
.menu-side .printer a{background-image: url('../images/menu-print.png');}
.menu-side .recherche a{background-image: url('../images/menu-recherche.png');}

	.menu-side .main li a:hover,
	.menu-side .main ul.blanc li a:hover,
	.menu-side .main ul.vert li a:hover, .menu-side .main ul.vert li.active a {
		background-position: -61px 10px;
		color: #0062a1;
	}

.menu-side .main li.active:before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: -17px;
	border-style: solid;
	border-width: 7px;
	border-color: transparent #061f33 transparent transparent;
}
.menu-side .main li.active a,
.menu-side .main ul.blanc li.active a,
.menu-side .main ul.vert li.active {
	background-position: -61px 10px;
	color: #0062a1;
}


/*SOUS-MENUS-DEPLIANTS*/

.menu-side .second{
	display: none;
	position: relative;
	width: 180px;
	height: 100%;
	padding: 85px 10px 0 10px;
	background-color:#0b273e;
	z-index: 1;
}

.menu-side .second ul li{
	border-bottom: #061f33 solid 1px;
}
.menu-side .second ul li:first-child{
	border-top: #061f33 solid 1px;
}
.menu-side .second li a{
	display: block;
	padding: 15px 10px 17px 25px;
	color: #fff;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	font-size: 18px;
	background-image: url('../images/fleche-menu.png');
	background-repeat: no-repeat;
	background-position: 10px -45px;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
	.menu-side .second li a:hover{
		color: #0062a1;
		background-position: 10px 15px;
	}

/*Menu Mon compte*/

#menuCompte .logout{
	position: absolute;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	top: 15px;
	left: 15px;
	color: #fff;
}
#menuCompte .logout i{
	font-size: 20px;
	margin-right: 5px;
}
	#menuCompte .logout:hover{
		color: #f6a800;
	}

/*Menu Login*/

.formLogin form{
	border-top: #061f33 solid 1px;
	border-bottom: #061f33 solid 1px;
	padding: 10px 0 30px 0;
}

.formLogin form label, .formRecherche form label{
	color: #fff;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	font-size: 16px;
}

.formLogin form input{
	padding-top: 5px;
	padding-bottom: 5px;
}

.formLogin .btn {
	margin-right: 0;
	margin-top: 20px;
	width: 100%;
	text-align: center;
	padding: 12px 20px 12px 0;
	background-image: url('../images/fleche-menu.png');
	background-repeat: no-repeat;
	background-position: 130px -48px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.formLogin .oubli{
	color: #fff;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	text-decoration: underline;
	background:none;
	text-transform: none;
}
	.formLogin .oubli:hover{color: #f6a800;}

.formLogin .erreur{
	text-align: left;
	margin-bottom: 5px;
}
.formLogin .erreur span{
	padding-left: 10px;
	background-image: none;
}

/*menu recherche*/
.formRecherche form{
	float: left;
	width: auto;
	margin-bottom: 0;
	padding: 4px 0;
	position: relative;
	border-top: 1px solid #061f33;
	border-bottom: 1px solid #061f33;
}
.formRecherche form:first-child{border-bottom: none;}

.formRecherche form input{
	width: 180px;
	padding: 8px 10px 10px 10px;

	border: none;
	border-bottom: #828f99 solid 1px;
}
	.formRecherche .champRecherche:focus{
		border: none;
	}

.formRecherche form p label{font-size: 16px;}

.formRecherche input + .btn,
.formRecherche input + ul + .btn{
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
	font-weight: 300;
	background-image: url("../images/fleche-menu.png");
    background-position: 130px -50px;
    background-repeat: no-repeat;
    padding: 10px 20px 12px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}
.formRecherche form p .champRecherche + ul li a {
	color: #000;
}


.menu-side  .formRecherche .jsonSuggest li{
	margin-top: 0;
	border: 0;
}
.formRecherche .jsonSuggest li a{
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 13px;
	background-image: none;
	padding: 10px 10px;
}


	.formRecherche .jsonSuggest li a:hover{
		background-color: #9ca4ba;
		color: #fff;
	}


/********************************************************
*							*
		          BANDEAU
*							*
********************************************************/

.bandeau{overflow: hidden;}

/*ANimation d'entrée sur la page*/

@-webkit-keyframes BANDEAU-ENTREE {
  0%,50%{
  	left: -2000px;
  }
  100% {
  	left: 0;
  }
}
@keyframes BANDEAU-ENTREE {
  0%,50%{
  	left: -2000px;
  }
  100% {
  	left: 0;
  }
}



.bandeau li a,
.bandeau li .sanslien{
	display: block;
	padding: 60px 20px;
	height:163px;
	color: #fff;
	text-align: center;
	font-weight: 100;
}

.bandeau li a .sign,
.bandeau li .sanslien .sign{
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;

	-webkit-animation: BANDEAU-ENTREE 1.2s ease;
	        animation: BANDEAU-ENTREE 1.2s ease;
}

	.bandeau li a:hover .sign,
	.bandeau li .sanslien:hover .sign{
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}

.bandeau li a .big,
.bandeau li .sanslien .big{
	position: relative;
	display: block;
	font-size: 36px;
	margin-top: 10px;
	margin-bottom: 10px;
	-webkit-transition: margin 0.3s;
	-moz-transition: margin 0.3s;
	-ms-transition: margin 0.3s;
	-o-transition: margin 0.3s;
	transition: margin 0.3s;

	-webkit-animation: BANDEAU-ENTREE 1.5s ease;
	        animation: BANDEAU-ENTREE 1.5s ease;
}
	.bandeau li a:hover .big,
	.bandeau li .sanslien:hover .big{
		margin-top: 5px;
	}
.bandeau li a .small,
.bandeau li .sanslien .small{
	font-size: 24px;
	position: relative;

	-webkit-animation: BANDEAU-ENTREE 1.8s ease;
	        animation: BANDEAU-ENTREE 1.8s ease;
}

.bandeau li .img{
	height: 240px;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}

/********************************************************
*							*
		          BANDEAU V2
*							*
********************************************************/

.bandeauV2{
	background-color: #0062a1;
	overflow: hidden;
}

.bandeauV2-item{
	position: relative;
	display: block;
	height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
}

.bandeauV2-centrage{
	position: relative;
	width:95%;
	height: 100%;
	max-width: 950px;
	margin:auto;
}

.bandeauV2-content{
	position: absolute;
	bottom: 50px;
	left: 0;
	padding: 20px 30px 20px 30px;
	max-width: 60%;
	background-color: #061f33;
	background-color: rgba(6,31,51,0.6);
	font-family: 'Roboto', Arial, sans-serif;
	opacity: 0;
	-webkit-transform: translate3d(-150px,0,0);
	   -moz-transform: translate3d(-150px,0,0);
	    -ms-transform: translate3d(-150px,0,0);
	     -o-transform: translate3d(-150px,0,0);
	        transform: translate3d(-150px,0,0);
	-webkit-transition: -webkit-transform 0.5s ease-out, opacity 0.4s ease-out, background 0.3s, color 0.3s;
	-o-transition: -o-transform 0.5s ease-out, opacity 0.4s ease-out, background 0.3s, color 0.3s;
	transition: transform 0.5s ease-out, opacity 0.4s ease-out, background 0.3s, color 0.3s;
}
a .bandeauV2-content{
	padding-right: 80px;
}
a .bandeauV2-content:after{
	content: '';
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	border-radius: 100%;
	background-image: url('../images/next.png');
	background-position: center center;
	background-repeat: no-repeat;
}

.flex-active-slide .bandeauV2-content{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	    -ms-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
}

.bandeauV2-titre{
	line-height: 1;
	font-size: 40px;
	font-weight: 100;
}

.bandeauV2-sousTitre{
	display: block;
	margin-top: 10px;
	font-size: 24px;
	font-weight: 300;
	line-height: 1.1;
}


a.bandeauV2-item:hover{
	color: #fff;
}
a.bandeauV2-item:hover .bandeauV2-content{
	background-color: #061f33;
}



/********************************************************
*							*
		          FOOTER
*							*
********************************************************/

footer {
	background-color: #0062a1;
	padding: 50px 5% 30px 5%;
	margin: 50px 0 0 0;
	width: 100%;
	display: default;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#logo-foot{
	display: block;
	float: left;
	margin-top: 35px;
	text-indent: -9999px;
}

footer > ul{
	float: left;
	border-right: #80b1d0 solid 1px;
	padding-top: 10px;
	margin-left: 10%;
	letter-spacing: -0.25em;
	width: 350px;
}

footer > ul li{
	display: inline-block;
	width: 44%;
	padding-right: 5%;
	margin-bottom: 20px;
	letter-spacing: normal;
}

/*footer ul .cgv{
	position: relative;
	top: 42px;
}
footer ul .cgv + li,
footer ul .cgv + li + li,
footer ul .cgv + li + li +li,
footer ul .cgv + li + li +li + li{
	display: block;
}*/

footer>ul a{
	display: inline-block;
	padding: 2px 0;
	font-size: 16px;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
	footer > ul a:hover{color: #061f33;}


.footDroite{
	float: right;
	text-align: right;
}

footer form{
	position: relative;
	width: auto;
}
footer .champRecherche{
	width: 200px;
	padding: 8px 10px 10px 10px;
	color: #fff;
	background-color: transparent;
	border: none;
	border-bottom: #80b1d0 solid 1px;
}
	footer .champRecherche:focus{
		border: none;
		border-bottom: #bbdef5 solid 1px;
		background-color: transparent;
	}

footer .champRecherche::-moz-placeholder{
	font-style: italic;
	color: #bbdef5;
}
footer .champRecherche::-webkit-input-placeholder{
	font-style: italic;
	color: #bbdef5;
}

footer .champRecherche + button,
footer .champRecherche + ul + button,
footer .champRecherche + button:active,
footer .champRecherche + ul + button:active{
	position: absolute;
	right: 0;
	top: 5px;
	display:block;
	width: 30px;
	height: 30px;
	background-image: url('../images/recherche-blanc.png');
	background-position: right top;
	background-repeat: no-repeat;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
}
/*
footer .jsonSuggest{
	margin: 0;
	background-color: #fff;
	background-image: url("../images/pattern.png");
}

footer .jsonSuggest li{
	width: auto;
	float: none;
	margin:0;
}

footer .jsonSuggest a{
	text-align: left;
	text-transform: none;
}*/

footer .social{
	margin-top: 70px;
}
footer .social a{
	display: inline-block;
	margin-left: 10px;
	width: 40px;
	height: 20px;
	padding: 10px 0;
	text-align: center;
	/*background-color: #fff;*/
	font-size: 20px;
	color: #0062a1;
}
	footer .social a:hover{
		/*background-color: #061f33;*/
	}

footer .mentions{
	display: inline-block;
	margin-top: 20px;
	font-size: 14px;
	font-family: 'Roboto Condensed', Verdana, Arial, sans-serif;
	color: #fff;
}
	footer .mentions:hover{
		color: #061f33;
	}

#logo-6tk {
	position: relative;
	background-image: url("../images/logo-6tk.png");
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 27px;
	margin-top: 60px;
	width: 117px;
	text-align: left;
	text-indent: -9999px;
	-webkit-transition: background-position 0.3s;
	   -moz-transition: background-position 0.3s;
	    -ms-transition: background-position 0.3s;
	     -o-transition: background-position 0.3s;
	        transition: background-position 0.3s;
}
	#logo-6tk:hover{background-position: left bottom;}

/********************************************************
*							*
		          CONTENU
*							*
********************************************************/


/*GENERAL*/

.bandeauTitre{
	color: #fff;
	padding: 40px 0;
	margin-bottom: 0;
	text-align: center;
	background-color:#0062A1;
}

.bandeauTitre .big{
	font-weight: 100;
	display: block;
	font-size: 36px;
	position: relative;
	-webkit-animation: BANDEAU-ENTREE 1s ease;
	        animation: BANDEAU-ENTREE 1s ease;
}

.bandeauTitre .small{
	font-weight: 100;
	display: block;
	font-size: 24px;
	position: relative;
	margin-top: 10px;
	-webkit-animation: BANDEAU-ENTREE 1.2s ease;
	        animation: BANDEAU-ENTREE 1.2s ease;
}

.blocBlanc{
	padding: 20px;
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*DEVIS/PANIER*/

td.Qte div{
	position: relative;
	max-width: 90px;
}
td.Qte input{
	/*padding-right: 30px;*/
	border: #9ca4ba solid 1px;
}

td.Qte .number{
	position: absolute;
	right: 2px;
	top: 2px;
	display: block;
	width: 17px;
	height: 17px;
	background-position: center center;
	background-repeat: no-repeat;
	padding:0;
	cursor: pointer;
	background-color: #9ca4ba;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-ms-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
td.Qte .btnPlus{
	background-image: url('../images/mini-plus.png');
}
td.Qte .btnMoins{
	background-image: url('../images/mini-moins.png');
	top: 20px;
}
	td.Qte .number:hover{background-color: #061f33;}
td .tri{
	display:none;
}
/*ACCUEIL*/

.blocsProduits{
	height: 215px;
	background-color: #061f33;
}
.blocsProduits li{
	display: block;
	float: left;
	width: 16%;
	width: 16.666666%;
}

.blocsProduits a{
	display: block;
	height: 145px;
	color: #fff;
	padding: 40px 20px 30px 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 100;
}
	.blocsProduits a:hover{
		background-color: #9ca4ba;
		color: #fff;
	}

.blocsProduits a span{
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto 20px auto;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: -webkit-transform 0.3s, margin 0.3s;
	-moz-transition: -moz-transform 0.3s, margin 0.3s;
	-ms-transition: -ms-transform 0.3s, margin 0.3s;
	-o-transition: -o-transform 0.3s, margin 0.3s;
	transition: transform 0.3s, margin 0.3s;
}
.blocsProduits a.bgBleu span{background-image: url('../images/sign-2.png');}
.blocsProduits a.bgBeige span{background-image: url('../images/sign-1.png');}
.blocsProduits a.bgVert span{background-image: url('../images/sign-3.png');}
.blocsProduits a.bgMarron span{background-image: url('../images/sign-4.png');}
.blocsProduits a.bgOrange span{background-image: url('../images/sign-5.png');}
.blocsProduits a.bgMarine span{background-image: url('../images/sign-6.png');}

	.blocsProduits a:hover span{
		margin-bottom: 10px;
		-webkit-transform: rotate(90deg);
		   -moz-transform: rotate(90deg);
		    -ms-transform: rotate(90deg);
		     -o-transform: rotate(90deg);
		        transform: rotate(90deg);
	}

@media screen and (max-width: 1400px){
	.blocsProduits a{font-size: 18px;}
}

.actuHome{
	margin-top: 40px;
	margin-bottom: 40px;
	max-width: 1064px;/*
	margin-top: 40px;
    margin-bottom: 40px;
    max-width: 100%;
    height: 270px;
    margin: 40px auto;*/
}
/*

 MODIF JULIEN 15/10/2014

.actuHome a{
	display: block;
	padding: 20px 20px;
	-webkit-transition: background-color 0.3s, box-shadow 0.3s;
	-moz-transition: background-color 0.3s, box-shadow 0.3s;
	-ms-transition: background-color 0.3s, box-shadow 0.3s;
	-o-transition: background-color 0.3s, box-shadow 0.3s;
	transition: background-color 0.3s, box-shadow 0.3s;
}
.actuHome a:hover{
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
}*/

.bandeau-home li .img{
	/*display:none;*/
	height:200px;
}
.bandeau-home li a, .bandeau-home li .sanslien {
	padding:20px;
}

.bandeau-home li a .big, .bandeau-home li .sanslien .big {
	margin-top: 0px;
	margin-bottom: 0px;
}



.actuHome a{
	display: block;
	padding: 20px 20px;
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
}

.actuHome .img{
	float: left;
	position: relative;
	width: 40%;
	/*max-height: 250px;*/
	margin-right: 5%;
	text-align: center;
	/*overflow: hidden;*/
}
.actuHome .img img{
	width: 100%
}
.actuHome .img span{
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
	width: 62px;
	height:62px;
	background-image: url('../images/sign-6.png');
	background-repeat: no-repeat;
	background-position: center center;
	opacity: 0;

	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;

	/*IE fix*/
	display: none\9;
}

	.actuHome a:hover .img span{
		opacity: 1;

		/*IE fix*/
		display: block;
	}


.actuHome article{
	float: left;
	width: 55%;
	line-height:29px;
	margin-top: 15px;
}
.actuHome h1{
	color: #061f33;
}
.actuHome h2{
	color: #061f33;
	margin-top:7px;
	margin-bottom: 8px;
}
.actuHome .chapo p{
	color: #000;
	margin-bottom: 0;
}


/*
*
*
*	ARBO SOUS-MENU
*
*
*/


#arboSousMenu{
	background-color: #aca400;
	margin-left: 4%;
}

#arboSousMenu .padding{padding: 20px 20px 30px 20px;}

#arboSousMenu h2{
	color: #fff;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: rgb(255,255,255) solid 1px;
	border-bottom: rgba(255,255,255, 0.3) solid 1px;
}

#arboSousMenu li{
	margin-top: 10px;
}

#arboSousMenu li a{
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	padding-left: 15px;
	background-image: url('../images/fleche-sousmenu.png');
	background-repeat: no-repeat;
	background-position: left 1px;
	-webkit-transition: background-position 0.3s, color 0.3s;
	-moz-transition: background-position 0.3s, color 0.3s;
	-ms-transition: background-position 0.3s, color 0.3s;
	-o-transition: background-position 0.3s, color 0.3s;
	transition: background-position 0.3s, color 0.3s;
}
	#arboSousMenu li a:hover{background-position: 5px 1px;}
	#arboSousMenu li a.active{
		font-weight: 500;
		background-position: left 1px;
		color: #061f33;
	}

#arboSousMenu li ul{
	display: none;
	margin-left: 10px;
}

#arboSousMenu li ul.ouvert{display: block;}

#arboSousMenu li ul a{
	font-size: 14px;
	padding: 3px 0 3px 15px;
	text-transform: none;
	background-position: left 3px;
}
	#arboSousMenu li ul a:hover{background-position: 5px 3px;}
	#arboSousMenu li ul a.active{background-position: left 3px;}

#arboSousMenu li ul li ul{
	margin-top: 5px;
	margin-left:20px;
}


#arboSousMenu li ul li ul li{
	margin-top: 0;
}

#arboSousMenu li ul li ul a{
	padding-left: 0;
	border-left: rgb(255,255,255) solid 3px;
	border-left: rgba(255,255,255, 0.3) solid 3px;
	padding: 5px 0 5px 10px;
	background-image: none;
}

	#arboSousMenu li ul li ul a:hover{
		border-left: rgb(255,255,255) solid 3px;
	}
	#arboSousMenu li ul li ul a.active{
		font-weight: 400;
		border-left: #061f33 solid 3px;
		color: #061f33;
	}


/*
*
*
*	CMS
*
*
*/

#cms {
	padding: 30px 30px;
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height:30px;
	}

#cms h2 {
	position: relative;
	float: left;
	margin-bottom: 0;
	font-size: 25px;
	font-weight:100;
	color: #061f33;
	padding: 15px 30px 15px 30px;
	background-image:url('../images/pattern.png');
	/*border-bottom: #e1e1e1 solid 1px;
	border-left: #e1e1e1 solid 1px;*/
	-webkit-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.1);
}
#cms h2 + .clear + *{margin-top: 20px;}

.contenuPage h2:first-child, .contenuPage h2:first-child, .contenuPage h3:first-child {
	margin-top: 0;
}

#cms h3 {
	margin-top:20px;
	margin-bottom: 10px;
	font-size:30px;
	color: #0062A1;
}

#cms h4 {
	margin-bottom: 15px;
	margin-top: 20px;
	font-size: 20px;
	width:50%;
	color: #aca400;
}

#cms h3 + h4 {margin-top: 0;}


.colonne {
	margin-bottom: 20px;
	width: 100%;float: left;line-height: 30px;font-size: 16px;
}
   .gsimg img{
   width:580px;
   float:right;
   }

.colonne .col1tier {
	float: left;
	width: 31.3%;
	margin-left: 3%;
}

.col2tiers {
	float: left;
	width: 65.6%;
	margin-left: 3%;
}

.colDemi {
	float: left;
	width: 48.5%;
	margin-left: 3%;
}

.colImg {
	text-align: center;
}

.colImg img {
	max-width: 100%;
}

.colonne .colGauche{
	margin-left: 0;
}

.colonne p {
	margin-bottom: 0;
	margin-top: 10px;
}

.colonne p:first-child {
	margin: 0;
}

.colonne ul {
	margin-top: 15px;
	margin-left: 3px;
	margin-bottom: 15px;
}

.colonne ul li {
	padding-left: 10px;
	background-image:url('../images/puce-liste.png');
	background-repeat: no-repeat;
	background-position: left 10px;
	-webkit-transition: background-position 0.3s, color 0.3s;
	-moz-transition: background-position 0.3s, color 0.3s;
	-ms-transition: background-position 0.3s, color 0.3s;
	-o-transition: background-position 0.3s, color 0.3s;
	transition: background-position 0.3s, color 0.3s;
	margin-bottom:10px;
}

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

#cms .btn-download{
	margin-top: 30px;
}

/*Page Fiches matières*/

.fichierDroite tr td:last-child{text-align: right;}


td .btn-cloud-cms{margin-bottom: 0;}
.fichierDroite td .btn-cloud-cms{
	text-align: left;
	min-width: 80px;
}

/*
*
*
*	FORMULAIRES CMS
*
*
*/

.formCms{
	background-color: #fcfcfc;
	padding: 30px 30px 20px 30px;
	margin-top: 10px;
	margin-bottom: 30px;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
}

#cms .formCms h3{
	margin-top: 0;
	margin-bottom: 15px;
}

.formCms form{
	margin-bottom: 0;
}

/*
*
*
*	SLIDESHOWS
*
*
*/

.slideshow {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.1);
}

.slideshow .slides li{
	position: relative;
	width: 100%;
	/* 
	height: 500px; 
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	*/
	z-index: 0;
}

.slideshow .slides .image{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 40%;
	z-index: -1;
}

.slideshow .slides figure{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.slideshow .slides li .legende{
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: -48px;
	background-color:#0062A1;
	width: 96%;
	color:#fff;
	padding: 15px 2%;
	cursor: pointer;

	/*Pour IE*/
	background-color: transparent\9;
}

.slideshow .slide .legende p {
	margin-top: 20px;
	margin-bottom: 0;
}

.slideshow .slides li:hover .legende{
	bottom: 0;
	top: auto;
}
.slideshow .slide .legende:hover p {margin-top: 10px;}

.slideshow .slides li .legende .titreSlide{
	font-size: 20px;
	font-weight: 500;
	font-family: 'Cabin', Helvetica, Arial, sans-serif;
	color: #fff;
}


.slideshow .flex-direction-nav li a {
	position: absolute;
	display: block;
	opacity: 0;
	visibility: hidden\9;  /*pour IE*/
	width: 40px;
	height: 40px;
	top: 50%;
	margin-top: -20px;
	background-repeat:no-repeat;
	background-position:center center;
	text-indent: -9999px;

	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.slideshow .flex-direction-nav li .flex-prev{
	background-image: url('../images/prev.png');
	left: 5px;
}
.slideshow .flex-direction-nav li .flex-next{
	background-image: url('../images/next.png');
	right: 5px;
}


.slideshow:hover .flex-direction-nav li a{
	opacity: 1;
	visibility: visible\9;  /*pour IE*/
}

.slideshow .slider-nav{
	width: auto;
	position: absolute;
	top: 15px;
	right: 20px;
}

.slideshow .slider-nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #fff;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-left: 5px;
	-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
}

.slideshow .slider-nav a:hover {
	background-color: #4a5f70;
}
.slideshow .slider-nav .slider-nav__item--current{
	background-color: #71ad30;
}

/*
*
*
*	GOULAG MEUP
*
*
*/

.ggmap {
	margin-bottom: 30px;
}


/*
*
*
*	SUGGESTIONS
*
*
*/

.liensInternes {
	margin-top: 15px;
	margin-bottom: 30px;
}

.liensInternes .suggestion {
	position: relative;
	float: left;
	display: block;
	width: 49%;
	margin: 0 1% 5px 0;
	background-color: #0062a1;
	-webkit-transition: background-color 0.2s, background-image 0.2s;
	-moz-transition: background-color 0.2s, background-image 0.2s;
	-ms-transition: background-color 0.2s, background-image 0.2s;
	-o-transition: background-color 0.2s, background-image 0.2s;
	transition: background-color 0.2s, background-image 0.2s;
	margin-bottom: 10px;
	-webkit-box-shadow:  -1px -1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  -1px -1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  -1px -1px 0 0 rgba(0, 0, 0, 0.1);
}

.suggestion .padding {padding: 10px 10px;}

.suggestion aside {
	position: absolute;
	width: 70px;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #555;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.suggestion article {
	width: auto;
	margin-left: 80px;
	min-height: 50px;
	margin-bottom: 0;
	background-color: transparent;
	background-image: none;
}

#cms .suggestion h3 {
	display: block;
	color: #fff;
	margin: 0;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}
#cms .suggestion span {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	margin-top: 3px;
	min-height: 30px;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
}

	.suggestion:hover {
		background-color: #061f33;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.suggestion:hover .padding {border-color: #71ad30;}

	#cms .suggestion:hover h3 {color: #fff;}

/*
*
*
*	LIENS UTILES
*
*
*/


.liensUtiles{
	background-color: #fff;
	/*background-size: contain;
	border: #061f33 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}

.liensUtiles a{
	display: block;
	float: left;
	width: 25%;
	height: 190px;
	background-color: #fff;
	color: #0062a1;
	font-size: 18px;
	font-weight: 100;
	border: #f1f1f1 solid 1px;
	padding: 0px 20px 20px 20px;
	text-align: center;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.liensUtiles .img{
	width: 100%;
	height: 80px;
	margin: 0 auto 20px auto;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-transition: margin 0.3s ease;
	-moz-transition: margin 0.3s ease;
	-ms-transition: margin 0.3s ease;
	-o-transition: margin 0.3s ease;
	transition: margin 0.3s ease;
}

.liensUtiles span.lien{
	display: block;
	width: 100%;
	font-size: 14px;
	font-weight: 300;
	color: #9ca4ba;
	margin-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

	.liensUtiles a:hover{
		color: #aca400;
		-webkit-box-shadow:  none;
		-moz-box-shadow:  none;
		box-shadow:  none;
	}
	.liensUtiles a:hover .img{
		margin-top: 5px;
		margin-bottom: 10px;
	}

/*
*
*
*	PUBLICATIONS
*
*
*/


.publiCms {
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 20px;
	background-color: #f9f9f9;
	padding
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
}

.publiCms aside {
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 115px;
}
.publiCms aside .fancy {
	height: 140px;
	width: 100px;
	background-color: #bbb;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.publiCms .padding {
	position: relative;
	padding: 0 0 50px 120px;
	min-height: 90px;
}

#cms .publiCms h2 {
	font-size: 24px;
	margin-top: 0;
	color: #0062a1;
}

.publiCms .date {
	display: block;
	color: #888;
	margin-bottom: 10px;
	margin-top: 5px;
}
.publiCms .date i {margin-right: 5px;}

.publiCms .btn {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 0;
}
.publiCms .btn-cloud{
	padding: 16px 15px 12px 45px;
	height: auto;
	width: auto;
	background-position: 15px center;
}

.publiCms .btn + .btn {right: 145px;}
.publiCms .btn i{
	font-size: 18px;
	margin-right: 10px;
}


/*
*	FORMULAIRE DE CONNEXION DANS LA PAGE
*/

#connexionPage{
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	padding: 20px;
	max-width: 600px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#connexionPage h2{
	margin-bottom: 20px;
}

#btnRecupMotDePasse{
	display: block;
	margin-top: 10px;
}

/*
*	OVERLAY DE RECUP DE MOT DE PASSE
*/

.popupRecupMdp{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*display: table; *//*Pour afficher la popup, il faut lui appliquer un display:table (necessaire pour le centrage vertical) et non un display:block*/
	display: none;
	background-color: #0062a1;
	background-color: rgba(0, 98, 161, 0.9);
	text-align: center;
	z-index: 1000;
}

.popupRecupMdp article{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 360px;
}

.popupRecupMdp .close {
	display: block;
	width: 29px;
	height: 29px;
	background-image: url('../images/close.png');
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: 30px;
	top: 30px;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

	.popupRecupMdp .close:hover {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}


.popupRecupMdp h2{
	color: #fff;
	font-size: 30px;
	margin-bottom: 20px;
}

.popupRecupMdp .erreur span{
	background-color: #3381b4;
	background-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.popupRecupMdp form{
	width: 95%;
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
}

.popupRecupMdp p label{
	padding-top: 0;
}

.popupRecupMdp .captchaRecup .img{
	display: block;
	padding: 5px 5px 0 5px;
	text-align: center;
	background-color: #fff;
	margin-bottom: 5px;
}
.popupRecupMdp .captchaRecup img{
	width: 120px;
}



.popupRecupMdp form p{color: #fff;}

.popupRecupMdp form > .btn {
	float: none;
	margin-top: 10px;
	font-size: 16px;
	border: #fff solid 2px;
	margin: 20px 5px 0 5px;
	background-color: transparent;
	-webkit-transition: border 0.3s, color 0.3s;
	-moz-transition: border 0.3s, color 0.3s;
	-ms-transition: border 0.3s, color 0.3s;
	-o-transition: border 0.3s, color 0.3s;
	transition: border 0.3s, color 0.3s;
}
	.popupRecupMdp form > .btn:hover{
		color: #061f33;
		border: #061f33 solid 2px;
	}

.popupRecupMdp .blocCaptcha .btn{
	padding: 14px 0 14px 0;
	border: #fff solid 1px;
	background-color: transparent;
	-webkit-transition: border 0.3s, color 0.3s;
	-moz-transition: border 0.3s, color 0.3s;
	-ms-transition: border 0.3s, color 0.3s;
	-o-transition: border 0.3s, color 0.3s;
	transition: border 0.3s, color 0.3s;
}
	.popupRecupMdp .blocCaptcha .btn:hover{
		color: #061f33;
		border: #061f33 solid 1px;
	}




/*
*	OVERLAY POPUP
*/

.pop-overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*display: table;*/ /*Pour afficher la popup, il faut lui appliquer un display:table (necessaire pour le centrage vertical) et non un display:block*/
	display: none;
	background-color: #0062a1;
	background-color: rgba(0, 98, 161, 0.9);
	text-align: center;
	z-index: 1000;
}
.popup-erreur{
	background-color: #9e925f;
	background-color: rgba(158, 146, 95, 0.9);
}
.popup-succes{
	background-color: #aca400;
	background-color: rgba(172, 164, 0, 0.9);
}

.pop-overlay article{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 360px;
}

.pop-overlay .close {
	display: block;
	width: 29px;
	height: 29px;
	background-image: url('../images/close.png');
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	right: 30px;
	top: 30px;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	-ms-transition: -ms-transform 0.3s;
	-o-transition: -o-transform 0.3s;
	transition: transform 0.3s;
}

	.pop-overlay .close:hover {
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
	}


.pop-overlay h2{
	color: #fff;
	font-size: 34px;
	margin-bottom: 20px;
}

.pop-overlay h2 + h3{
	color: #fff;
	font-size: 24px;
	margin-top: -10px;
	margin-bottom: 20px;
}

.pop-overlay p{
	text-align: center;
	padding: 0 20%;
	color: #fff;
	font-size: 18px;
	line-height: 1.2em;
}

.pop-overlay .selectric{
	background: none;
	border: #fff solid 2px;
}
.pop-overlay .selectric .label{
	color: #fff;
	margin-left: 30px;
	padding: 10px 2%;
}
.pop-overlay .selectric .button{
	color: #fff;
	top: 7px;
}

.pop-overlay .btn{
	margin-top: 20px;
	font-size: 16px;
	border: #fff solid 2px;
	margin: 20px 5px 0 5px;
	background-color: transparent;
	-webkit-transition: border 0.3s, color 0.3s;
	-moz-transition: border 0.3s, color 0.3s;
	-ms-transition: border 0.3s, color 0.3s;
	-o-transition: border 0.3s, color 0.3s;
	transition: border 0.3s, color 0.3s;
}
	.pop-overlay .btn:hover{
		color: #061f33;
		border: #061f33 solid 2px;
	}

/*
*
*
*	Page ERREUR ET 404
*
*
*/

#page404,
#pageErreur{
	padding: 50px 0;
}

#page404 article,
#pageErreur article{
	text-align: center;
	width: 95%;
	max-width: 600px;
	margin: 0 auto;
	background-color: #fff;
	-webkit-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	box-shadow:  1px 1px 0 0 rgba(0, 0, 0, 0.1);
	padding: 20px;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


#page404 h2{
	margin-top: 10px;
	padding-bottom: 180px;
	background-repeat: no-repeat;
	background-position: center bottom 25px;
	background-image: url('../images/404.png');
}

#pageErreur p{
	text-align: center;
	font-size: 16px;
	padding-bottom: 150px;
	background-repeat: no-repeat;
	background-position: center bottom 10px;
	background-image: url('..//images/erreur.png');
}


/*
*
*
*	Page attente (Compte à rebours)
*
*
*/

.comingSoon{
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	height: 100%;
}
.comingSoon article{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 50px 0;
}

.comingSoon-logo{
	display: inline-block;
	width: 141px;
	height: 31px;
	background: url('../images/logo.png') no-repeat;
	text-indent: -9999px;
	margin-bottom: 40px;
}

.comingSoon h1{margin-bottom: 5px;}
.comingSoon h2{margin-bottom: 30px;}

.cd{
	display: inline-block;
	margin-top: 20px;
	text-align: center;
	padding: 30px 40px 20px 40px;
	background-color: #fff;
	box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1);
}

.cd-display{
	display: inline-block;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
	color: #9ca4ba;
	margin: 0 5px 10px 5px;
}

.cd-display span{
	position: relative;
	display: block;
	text-align: center;
	width: 80px;
	border-radius: 2px;
	background-color: #061f33;
	overflow: hidden;
	color: #fff;
	font-weight: 700;
	padding: 20px 0;
	font-size: 50px;
	margin-bottom: 10px;
}
.cd-display span:before{
	content:'';
	position: absolute;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.1);
}

.cd-display .seconds{
	background-color: #0062a1;
}

.comingSoon-coord{
	margin-top: 40px;
	text-align: center;
}
.comingSoon-coord p{
	text-align: center;
	font-size: 16px;
	font-weight: 200;
	line-height: 22px;
}

.comingSoon-coord p a{font-weight: 300;}


/* bloc d'information pour les pros sur le formulaire de contact */

#infopro{
	background-color: #80B1D0;
  	margin-left: 4%;
  	margin-top: 4%;
}

#infopro .padding{
	padding: 20px 20px 30px 20px;
}

#infopro h2 {
  color: #fff;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: rgb(255,255,255) solid 1px;
  border-bottom: rgba(255,255,255, 0.3) solid 1px;
}

.blocAriane ul a{
    line-height: 45px;
    font-size: 17px;
    color: #fff;
}
.rechercheProduit img{
  max-width:50%;
}

footer .social img{
margin-top: -10px;
    margin-left: 0px;

}


 .k12-gl-gslb-3nf1-1-01-left dl {
            width: 24%;
            height: auto;
            float: left;
            background: #f0f0f0;
            margin: 0 1.3% 13px 0
        }
        /* 工厂环境css*/
        .k12-gl-gslb-3nf1-1-01-left dl:nth-child(4n) {
            margin-right: 0;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dt {
            border: 1px solid #e5e5e5;
            padding: 10px 9px;
            background: #fff;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dt img {
            display: block;
            width: 100%;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dd {
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            text-align: center;
            padding: 0 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: #f0f0f0;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dd a {
            color: #4b4a4a;
        }
		
		.wxj{
    width: 100px;
    /* margin-left: -92px; */
    right: 300px;
    display: none;
    position: absolute;
		}
		
		.topT{
		    float: left;
    margin-left: 15px;
    font-size: 30px;
    margin-top: 11px;
		}
		.bottomT{
		 float: left;margin-left: 15px;margin-top: 45px; font-size: 36px;color: #fff;
		}
		.logoI_m{
    display: block;
    width: 200px;
    margin-top: -14px;
}
.jyI{
    position: relative;
    width: 90%;
    float: right;
    height: 230px;
}
.lcI{
    position: relative;
    float: right;
    width: 80%;
    height: 140px;
}
.jlI{
    width: 90%;
    position: relative;
    float: right;
    height: 187px;
}
.llI{
width: 62%;
    position: relative;
    float: right;

}

.scL{
width: 45%;
    float: left;
}
.scR{
    width: 55%;
    float: left;
}
.xlL{
    width: 50%;
    float: left;
}
.xlR{
    width: 50%;
    float: left;
}
.xlR_img{
float: right;
    margin-right: 0px;
    width: 142px;
    margin-top:11%;
}
.xlLs{
width: 46%;
    float: left;
}
.xlLt{
    width: 54%;
    float: left;
}
.xl_3{
    float: left;
    width: 70%;
    margin-left: 14%;
    margin-top: 6%;
}
.xl_4{
    height: 130px;
    margin-top: 26px;
    margin-left: 39px;
}

.jy_1{
    width: 48%;
    float: left;}
.jy_1img{
	width: 100%;
    height: 211px;
}
.jy_2{
    float: left;
    width: 51%;

}
.qd{
    width: 200px; 
    height: 143px; 
     float: left; 
}
.ya{
    width: 133px;
     height: 100px;
    float: left;
}
.szy{
width: 150px;
    height: 112px;
    float: right;
    margin-right: 39%;
}
.rjTi{
   width:90%;
}
.kk{width:100%; margin-right:1%;}