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

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 12, 2013 06:00:02 AM America/New_York */

@font-face {
    font-family: 'ArchivoNarrowRegular';
    src: url('/fontes/ArchivoNarrow-Regular-webfont.eot');
    src: url('/fontes/ArchivoNarrow-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontes/ArchivoNarrow-Regular-webfont.woff') format('woff'),
         url('/fontes/ArchivoNarrow-Regular-webfont.ttf') format('truetype'),
         url('/fontes/ArchivoNarrow-Regular-webfont.svg#ArchivoNarrowRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ArchivoNarrowBold';
    src: url('/fontes/ArchivoNarrow-Bold-webfont.eot');
    src: url('/fontes/ArchivoNarrow-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fontes/ArchivoNarrow-Bold-webfont.woff') format('woff'),
         url('/fontes/ArchivoNarrow-Bold-webfont.ttf') format('truetype'),
         url('/fontes/ArchivoNarrow-Bold-webfont.svg#ArchivoNarrowBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/**********************************/
/***********Tags généraux**********/
/**********************************/

html { min-height:100%; } /* to get the gradient to stetch to the bottom of the view port */

body {
	font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	text-align: center;
	background-color: #e6e6e6;
	margin: 30px 0 0 0;
}
		
a:link, a:visited {
	color: #007bbf;
	text-decoration: none;
}
a:hover, a:active {
	color: #000;
	text-decoration: none;
}
h1 {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 20px;
	line-height: 24px;
	color: #007ac0;
	font-weight: normal;
	}	
form {
	margin: 0;
	padding: 0;
}
img {
	border: 0px none #000;
}

p {
	padding:  5px 0 15px 0;
	margin: 0;
	font-size: 15px;
	line-height: 22px;	
	text-align: justify;
}
ul {
	margin: 0;
	padding: 0 5px 5px 17px;
	}
	ul li {
	margin: 0;
	padding: 0 0 1px 0;
	list-style-position: outside;
	list-style-type: disc;
	}
ol {
	margin: 0;
	padding: 0 5px 5px 22px;
	}
	ol li {
	margin: 0;
	padding: 0 0 1px 0;
	list-style-position: outside;
	list-style-type: decimal-leading-zero;
	}
hr {
	width: 100%;
	height: 1px;
	margin: 8px 0 5px 0;
	padding: 0;
	color: #eee;
	background-color: #eee;
	border: 0;
	clear: both;
}
sup, sub {
	font-size: 70%;
	line-height: 0; 
	position: relative; 
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.5em;
}


header {
	position: relative;
	padding: 17px 15px 15px 15px;
	}
	header img {
		display: inline-block;
		vertical-align: top;
		}
section header {
	padding: 0;
	}
nav {
	clear: both;
	width: 960px;
	position: relative;
	z-index: 1000;
	height: 38px;
	padding: 15px 0 0 0;
	}
section {
	position: relative;
	padding: 20px 0;
	margin: 0 15px;
	width: 960px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	display: inline-block;
	vertical-align: top;
	}
article {

	}
aside {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 300px;
	padding: 0 0 0 15px;
	}	
figure {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0;
	padding: 0;
	}
table {
	border-collapse: collapse;	
	}	
	table td {
		vertical-align: top;
		}
	table img {
		display: block;
		}

footer {
	margin: 50px auto 0 auto;
	min-height: 205px;
	height: auto !important;
	height: 155px;
	background-color: #ededed;
	position: relative;
	padding: 25px 0 25px 40px;
	text-align: left;
	color: #fff;
	font-size: 15px;
	line-height: 18px;		
	}	
	footer ul {
		margin: 0;
		padding: 0 15px 0 0;
		float: left;
		width: 215px;
		}
		footer ul li {
			margin: 0;
			padding: 5px 0 3px 0;
			list-style-position: outside;
			list-style-type: none;
		}									
	footer a:link, footer a:visited {
		color: #002f66;
		text-decoration: none;
	}
	footer a:hover, footer a:active {
		color: #333;
		text-decoration: none;
	}
			
/*************************************/
/**************Elements***************/
/*************************************/
		
#global {
	position: relative;
	width: 990px;
	min-height: 870px;
	height: auto !important;
	height: 870px;
	margin: 0 auto 40px auto;
	padding: 0 0 160px 0;
	text-align: left;
	background-color: #fff;
	box-shadow: 0 0 5px #888; 
	}
#header-outils {
	position: absolute;
	right: 16px;
	top: 15px;
	}
	#header-outils img {
		margin: 0 0 0 3px;
		vertical-align: top;
		display: inline;
		}
	#header-outils a:hover img {
		opacity: 0.5;
		}
	#header-outils ul {
		margin: 5px 15px 0 0;
		padding: 0;
		display: inline-block;
		}
		#header-outils ul li {
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 0 5px;
			list-style-position: outside;
			list-style-type: none;
			border-right: 1px solid #ccc;
			font-size: 13px;
			line-height: 14px;
			float: left;
		}
		#header-outils ul li.omega {
			border-right: none;
		}				
		#header-outils ul li a:link, #header-outils ul li a:visited {
			color: #666;
			text-decoration: none;
		}
		#header-outils ul li a:hover, #header-outils ul li a:active {
			color: #007bbf;
			text-decoration: none;
		}		
#logo-peguet {
	position: absolute;
	right: 17px;
	bottom: 0;
	}
#header-user {
	position: absolute;
	left: 425px;
	top: 38px;
	background-color: #faf1f1;
	border: 1px dotted #edd;
	padding: 5px;
	font-size: 13px;
	}
#header-search {
	position: absolute;
	left: 425px;
	bottom: 0;
	}	

	form#form-search input#champ-recherche {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		background-color: #fff;
		border: 1px solid #babdb1;
		border-right: none;
		font-size: 16px;
		line-height: 31px;
		color: #a29f9f;
		width: 400px;
		height: 31px;
		margin: 0;
		padding: 0 0 0 4px;
		float: left; /*float stabilise le positionnement du champ sur la hauteur pour les ie*/
		}
	form#form-search input[type="search"] {
		-webkit-appearance: textfield;
		-webkit-box-sizing: content-box;
		}		
	#form-search input#btn-recherche {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		border: 1px solid #e6e6e6;
		border-left: none;
		background-color: #e6e6e6;
		font-size: 14px;
		width: 31px;
		height: 33px;
		color: #666;
		margin: 0;
		padding: 0;
		cursor: pointer;
		text-align: center;
		float: left; /*float stabilise le positionnement du champ sur la hauteur pour les ie*/				
		}	
			
#contenu {
	padding: 10px 0 0 0;
	position: relative;
	}			
	#fil-ariane {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		padding: 0 0 2px 55px;
		color: #007bbf;	
		text-transform: uppercase;
		font-size: 13px;
		clear: both;	
		}			
		#fil-ariane span {
			color: #9c9a9e;		
			}									
	a.btn-auto1:link, a.btn-auto1:visited {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		color: #333;
		text-decoration: none;
		margin: 0 10px 0 0;
		padding: 12px 10px 12px 40px;
		font-size: 14px;
		line-height: 18px;
		text-transform: uppercase;
		display: inline-block;
		background: #e2e2e2 url(/img/com/puce_gamme_auto.gif) 10px 10px no-repeat;		
	}
	a.btn-auto1:hover, a.btn-auto1:active {
		color: #fff;
		background-color: #007bbf;
	}
	a.btn-epi1:link, a.btn-epi1:visited {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		color: #333;
		text-decoration: none;
		margin: 0 10px 0 0;
		padding: 12px 10px 12px 40px;
		font-size: 14px;
		line-height: 18px;
		text-transform: uppercase;
		display: inline-block;
		background: #e2e2e2 url(/img/com/puce_gamme_epi.gif) 10px 10px no-repeat;		
	}
	a.btn-epi1:hover, a.btn-epi1:active {
		color: #fff;
		background-color: #007bbf;
	}
	a.btn-goupilles1:link, a.btn-goupilles1:visited {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		color: #333;
		text-decoration: none;
		margin: 0 0 0 0;
		padding: 12px 10px 12px 40px;
		font-size: 14px;
		line-height: 18px;
		text-transform: uppercase;
		display: inline-block;
		background: #e2e2e2 url(/img/com/puce_gamme_goupilles.gif) 10px 10px no-repeat;		
	}
	a.btn-goupilles1:hover, a.btn-goupilles1:active {
		color: #fff;
		background-color: #007bbf;
	}
	
	a.btn-auto2:link, a.btn-auto2:visited {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		color: #333;
		text-decoration: none;
		margin: 0 15px 0 0;
		padding: 7px 0 6px 18px;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		display: inline-block;
		background: url(/img/com/puce_gamme_auto-min.gif) 0 10px no-repeat;		
	}
	a.btn-auto2:hover, a.btn-auto2:active {
		color: #000;
	}
	a.btn-epi2:link, a.btn-epi2:visited {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		color: #333;
		text-decoration: none;
		margin: 0 15px 0 0;
		padding: 7px 0 6px 18px;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		display: inline-block;
		background: url(/img/com/puce_gamme_epi-min.gif) 0 10px no-repeat;		
	}
	a.btn-epi2:hover, a.btn-epi2:active {
		color: #000;
	}
	a.btn-goupilles2:link, a.btn-goupilles2:visited {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		color: #333;
		text-decoration: none;
		margin: 0 12px 0 0;
		padding: 7px 0 6px 18px;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		display: inline-block;
		background: url(/img/com/puce_gamme_goupilles-min.gif) 0 10px no-repeat;		
	}
	a.btn-goupilles2:hover, a.btn-goupilles2:active {
		color: #000;
	}
	a.btn-auto2.alpha,
	a.btn-epi2.alpha,
	a.btn-goupilles2.alpha {
		margin: 0 15px 0 30px;	
	}

.entete1 {
	padding: 5px 0 15px 40px;
	font-size: 14px;
	line-height: 20px;
	width: 605px;
	color: #007bbf;
	font-weight: bold;
	clear: both;
	}
	.entete1 p {
		font-size: 14px;
		line-height: 20px;
		padding: 5px 0 15px 0;		
		}
.entete2 {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
	padding: 15px 0 15px 0;
	margin: 0 0 30px 0;
	font-size: 18px;
	line-height: 20px;
	color: #666;
	text-align: center;
	background-color: #f5f5f5;
	border: 1px dotted #ccc;
	}	
.contenu-redac {
	display: inline-block;
	vertical-align: top;
	}
.width1 {
	width: 450px;
	}

/*************************************/
/****************LOGIN****************/
/*************************************/	
#fancyBoxLogin {	
	width: 380px;
	background-color:#E6E6E6;
	color:#007bbf;
	text-align:center;
}
#fancyBoxLogin form {	
	margin: 0 0 25px 0;
}	
	#fancyBoxLogin p {
		font-size:18px;
		margin-bottom: 10px;
		line-height: 1.2em;
		padding:0;
		text-align:center;
		color:#1A6EA9;
	}
	#fancyBoxLogin p.loginEntete {
		margin-bottom: 25px;
		padding:5px 0;
		background-color:#007bbf;
		color: #fff;
		
	}
	#fancyBoxLogin .blocLabel {
		text-align:center;
		margin-left:15px;
	}
		#fancyBoxLogin .blocLabel label {
			float:left;
			font-size:15px;
			display:block;
			width:100px;
			text-align:left;
			vertical-align: middle;
		}
		#fancyBoxLogin .blocLabel input {
			width:154px;
			font-size: 14px;
			margin:auto;
			background-color: #fff;
			border: 1px solid #999;
			height: 20px;
		}
		#fancyBoxLogin .blocLabel .btnSubmit {
			background: #666;
			width:156px;
			border:0 none;
			color:#fff;
			line-height: 18px;
			cursor:pointer;
			padding: 2px 0 3px 0;
			height: auto;
		}
		#fancyBoxLogin .blocLabel .btnSubmit:hover {
			background: #1A6EA9;
			color:#fff;
		}

						
/*************************************/
/***************Accueil***************/
/*************************************/	

.page-accueil nav.nav-produits {
	clear: both;
	width: 960px;
	position: relative;
	z-index: 1;
	height: auto;
	padding: 20px 0 0 0;
	margin: 0 15px;
	}
.page-accueil section {
	width: 635px;
	}
.page-accueil h1 {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
	padding: 30px 0 15px 0;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	}
	.page-accueil h1 span {
		font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;			
		font-size: 40px;
		}
.page-accueil section p {
	padding:  5px 5px 15px 0;
}
.page-accueil aside {
	padding: 20px 0 0 11px;
	}		
	#box-accroche-actualites {
		position: relative;
		border: 1px solid #c4c4c4;
		width: 295px;
		margin: 0 0 20px 0;
		}
		#box-accroche-actualites h3 {
			margin: 0;
			padding: 15px 15px 5px 15px;
			font-size: 21px;
			line-height: 20px;
			font-weight: normal;
			color: #000;
			}
		#box-accroche-actualites img {
			display: block;
			margin: 0 auto;
			}
		#box-accroche-actualites a:hover img {
			opacity: 0.7;
			}
		#box-accroche-actualites p {
			margin: 0;
			padding: 5px 20px 0 15px;
			font-size: 13px;
			line-height: 17px;
			color: #000;
			}								
			#box-accroche-actualites p a:link, #box-accroche-actualites p a:visited {
				color: #000;
				text-decoration: none;
			}
			#box-accroche-actualites p a:hover, #box-accroche-actualites p a:active {
				color: #777;
				text-decoration: none;
			}
		p.box-accroche-fleches {
			text-align: right;
			}
		#box-accroche-actualites p.box-accroche-fleches img {
			display: inline;
			margin: 0 0 5px 0;
			}		
	#box-accroche-temoignages {
		position: relative;
		border: 1px solid #c4c4c4;
		width: 295px;
		margin: 0 0 20px 0;
		}
		#box-accroche-temoignages h3 {
			margin: 0;
			padding: 15px 15px 5px 15px;
			font-size: 21px;
			line-height: 20px;
			font-weight: normal;
			color: #000;
			}
		#box-accroche-temoignages img {
			display: block;
			margin: 0 auto;
			}
		#box-accroche-temoignages a:hover img {
			opacity: 0.7;
			}
		#box-accroche-temoignages p {
			margin: 0;
			padding: 5px 20px 0 15px;
			font-size: 13px;
			line-height: 17px;
			color: #000;
			}								
			#box-accroche-temoignages p a:link, #box-accroche-temoignages p a:visited {
				color: #000;
				text-decoration: none;
			}
			#box-accroche-temoignages p a:hover, #box-accroche-temoignages p a:active {
				color: #777;
				text-decoration: none;
			}
		#box-accroche-temoignages p.box-accroche-fleches img {
			display: inline;
			margin: 0 0 5px 0;
			}

/*************************************/
/**************Produits***************/
/*************************************/		

.page-produits section {
	background-color: #e1e5e8;
	padding: 15px 0 20px 40px;
	width:920px;
	}

.page-produits-liste h1 {	
	font-size: 25px;
	line-height: 30px;
	color: #007bbf;
	font-weight: normal;
	text-transform: uppercase;
	}	
	.page-produits-liste a.lien-nylon:link, .page-produits-liste a.lien-nylon:visited,
	.page-usages a.lien-nylon:link, .page-usages a.lien-nylon:visited {
		font-size:11px;
	}
.page-produits-liste .entete1 {
	padding: 5px 0 15px 0;
}

.deco-carre1 {
	position: absolute;
	left: 18px;
	top: 26px;
	}
.box-produits-liste {
	margin: 0 6px 20px 0;
	padding: 0;	
	display: inline-block;
	width: 298px;
	height: 185px;
	overflow: hidden;
	position: relative;	
	}
	.produits-liste-img {
		background-color: #fff;
		width: 240px;
		height: 158px;
		overflow: hidden;
		float: left;
		margin: 0;
		padding: 5px 0 0 0;					
		}
		.produits-liste-img img {
			max-width: 240px;
			display: block;					
			}
		.produits-liste-img img {
			max-width: 240px;
			display: block;					
			}
	.box-produits-liste.special .produits-liste-img {
		width: 298px;
		padding: 0;
		height: 163px;				
		}
		.box-produits-liste.special .produits-liste-img img {
			max-width: 298px;				
			}
	.produits-liste-fleche {
		position: absolute;
		top: 151px;
		left: 20px;
		z-index: 100;					
		}		
	.produits-liste-redac {
		background-color: #eaeae4;
		width: 58px;
		height: 163px;
		float: left;
		margin: 0;
		padding: 0;						
		}
		.produits-liste-redac ul {
			margin: 0;
			padding: 20px 0 0 0;
			
			}
			.produits-liste-redac ul li {
				font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
				margin: 0 0 6px 0;
				padding: 0 0 0 9px;
				font-size: 13px;
				line-height: 15px;				
				list-style-position: outside;
				list-style-type: none;
				background: url(/img/com/fleche5.png) 0 1px no-repeat;
				white-space: normal;
			}
			a.lien-zingue:link, a.lien-zingue:visited {
				color: #689cb6 !important;
				text-decoration: none;
			}
			a.lien-zingue:hover, a.lien-zingue:active {
				color: #000 !important;
				text-decoration: none;
			}			
			a.lien-inox:link, a.lien-inox:visited {
				color: #725c05 !important;
				text-decoration: none;
			}
			a.lien-inox:hover, a.lien-inox:active {
				color: #000 !important;
				text-decoration: none;
			}	
			a.lien-zicral:link, a.lien-zicral:visited {
				color: #08ccf0 !important;
				text-decoration: none;
			}
			a.lien-zicral:hover, a.lien-zicral:active {
				color: #000 !important;
				text-decoration: none;
			}
			a.lien-laiton:link, a.lien-laiton:visited {
				color: #cd8509 !important;
				text-decoration: none;
			}
			a.lien-laiton:hover, a.lien-laiton:active {
				color: #000 !important;
				text-decoration: none;
			}
			a.lien-nylon:link, a.lien-nylon:visited {
				color: #f3a104 !important;
				text-decoration: none;
			}
			a.lien-nylon:hover, a.lien-nylon:active {
				color: #000 !important;
				text-decoration: none;
			}
		.produits-liste-nom {
			clear: both;
			font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;
			margin: 0;
			padding: 1px 0 3px 10px;
			font-size: 15px;
			line-height: 22px;
			font-weight: normal;
			color: #fff;
			display: block;
			}
			.produits-liste-nom span {
				font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
				font-style: italic;
				font-size: 19px;
				}
			.produits-liste-nom a {
				color: #fff;
				}
		.produits-liste-nom.gamme_auto {
			background-color: #689cb6;
			}
		.produits-liste-nom.gamme_epi {
			background-color: #abbf65;
			}				
		.produits-liste-nom.gamme_goupilles {
			background-color: #e9b461;
			}
.page-produits-speciaux section {
	background-color: transparent;
	padding: 15px 0 20px 0;
	width:960px;
	}
.page-produits-speciaux h1 {
	font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;	
	padding: 13px 0 11px 15px;
	margin: 0;
	font-size: 25px;
	line-height: 28px;
	color: #fff;
	background: #007ac0 url(/img/com/fleche8.png) 16px bottom no-repeat;
	font-weight: normal;
	}
.page-produits-speciaux h2 {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
	padding: 30px 0 17px 0;
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	color: #007ac0;
	font-weight: normal;
	}			
.page-produits-fiche section {
	background-color: #e1e5e8;
	padding: 1px 1px 20px 1px;
	width:960px;
	}
.box-produits-accroche1	{	
		width: 293px;
		height: 350px;
		float: left;
		background-color: #fff;
		position: relative;
		margin: 0 0 10px 0;
		}
	.box-produits-accroche1 .deco-carre1 {
		position: absolute;
		left: 8px;
		top: 15px;
		z-index: 1;
		}		
	.page-produits-fiche h1 {	
		padding: 8px 0 0 31px;
		font-size: 20px;
		line-height: 35px;
		color: #fff;
		background-color: #007bbf;
		font-weight: normal;
		display: block;		
		}
		.page-produits-fiche h1 span {	
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
			font-size: 24px;
			line-height: 30px;
			font-style: italic;
			font-weight: normal;
			}
		.produits-fiche-img	{	
				width: 293px;
				padding: 20px 0 0 0;
				background: url(/img/com/fleche6.png) 32px 0 no-repeat;	
				}
		.produits-fiche-img img	{	
				display: block;
				margin: 0 auto;	
				max-height: 240px; 
				}			
.box-produits-accroche2	{	
		width: 291px;
		height: 350px;
		float: left;
		position: relative;
		margin: 0 0 10px 0;
		background-color: #f5f5f5;
		text-align:center; /*pour alignement horizontal image qui doit rester en inline*/
		line-height: 350px;	/*pour alignement vertical image qui doit rester en inline*/
		}
		.box-produits-accroche2 img	{
			vertical-align: middle; /*pour alignement vertical image qui doit rester en inline*/
			max-width: 250px;
			max-height: 320px;				 
			}
			
		.box-produits-accroche2 span {	
				color: #00b8f1;
				position: absolute;
				top: 5px;
				left: 50%;
				line-height: 17px;
				font-style: italic;
				margin: 0 0 0 -40px;
				}	
												
		.box-produits-accroche3	{
			width: 116px;
			height: 350px;
			float: left;
			position: relative;
			margin: 0 0 10px 0;
			background-color: #CDD5D8;
		}
		.btn-matiere:link, .btn-matiere:visited {
			display: block;
			color: #fff;
			text-decoration: none;
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
			font-size: 16px;
			line-height: 20px;
			text-align: center;
			height: 66px;
			padding: 50px 0 0 0;
			background-color: #777675;
			border-bottom: 1px solid #fff;
		}
		.btn-matiere:hover, .btn-matiere:active {
			background-color: #676665;
		}	
		.btn-serrage:link, .btn-serrage:visited {
			display: block;
			color: #fff;
			text-decoration: none;
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
			font-size: 16px;
			line-height: 20px;
			text-align: center;
			height: 80px;
			padding: 36px 0 0 0;			
			background-color: #aca89a;
			border-bottom: 1px solid #fff;
		}
		.btn-serrage:hover, .btn-serrage:active {
			background-color: #A39E8F;
		}		
		.btn-usage:link, .btn-usage:visited {
			display: block;
			color: #fff;
			text-decoration: none;
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
			font-size: 16px;
			line-height: 20px;
			text-align: center;
			height: 80px;
			padding: 36px 0 0 0;			
			background-color: #d1c5a2;
			letter-spacing: -1px;			
		}
		.btn-usage:hover, .btn-usage:active {
			background-color: #CABC93;
		}			

		
.box-produits-accroche4	{	
		width: 259px;
		height: 350px;
		margin: 0 0 0 1px;
		float: left;
		position: relative;
		margin: 0 0 10px 0;	
		}
	.produits-fiche-applis	{	
			width: 250px;
			height: 210px;
			overflow: auto;
			margin: 20px 0 0 0;			
			}		
	.produits-fiche-applis p {
		font-size: 20px;
		line-height: 22px;
		padding: 10px 10px 0 20px;
		text-transform: uppercase;		
		}
	.produits-fiche-applis ul {
		margin: 0;
		padding: 10px 5px 0 20px;
		}
		.produits-fiche-applis ul li {
			margin: 0;
			padding: 0 0 1px 0;
			list-style-position: outside;
			list-style-type: none;
			font-size: 16px;
			line-height: 22px;
			}						
			.produits-fiche-applis ul li a:link, .produits-fiche-applis ul li a:visited {
				color: #444;
				text-decoration: none;
			}
			.produits-fiche-applis ul li a:hover, .produits-fiche-applis ul li a:active {
				color: #007bbf;
				text-decoration: none;
			}
		.btn-info-produit:link, .btn-info-produit:visited {
			display: block;
			color: #fff;
			text-decoration: none;
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
			font-size: 15px;
			line-height: 20px;
			text-align: center;
			padding: 3px;			
			background-color: #5492c1;
			margin: 23px 0 0 0;
			border-bottom: 1px solid #fff;						
		}
		.btn-info-produit:hover, .btn-info-produit:active {
			background-color: #055999;
		}			
		.msg-devis {
			color: #fff;
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 20px;
			text-align: center;
			padding: 5px;			
			background-color: #055999;
		}
		
/****** Tabs *****/
#tabs {
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	position:relative;			
	}
	#tabs ul,
	#tabs2 ul {
	margin: 0 !important;
	padding: 0 !important;
	border: none;
	background: transparent;
	background-color: #fff;
	border-radius: 0;
	/*height: 33px;*/
	float: right;
	}
	#tabs ul li,
	#tabs2 ul li {
	margin: 0 !important;
	padding: 0 !important;
	display: inline-block;
	vertical-align: top;
	float: none;
	list-style-type: none;
	border: none;
	background: none;			
	}
	#tabs ul li.tabs-autres-matieres,
	#tabs2 ul li.tabs-autres-matieres {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		font-size: 13px;
		line-height: 15px;
		text-align: center;
		padding: 2px 20px 1px 20px !important;			
		background-color: #abadaf;
		color: #fff;
	}
	#tabs ul li a:link, #tabs ul li a:visited,	
	#tabs2 ul li a:link, #tabs2 ul li a:visited {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		text-decoration: none;
		margin: 0 !important;
		padding: 0 15px !important;
		font-size: 15px;
		line-height: 33px;
		font-weight: normal;
		float: none;
		display: inline-block;
		background: url(/img/com/filet1.gif) right 11px no-repeat;
		cursor: pointer;	
	}
	#tabs ul li a:hover, #tabs ul li a:active,	
	#tabs2 ul li a:hover, #tabs2 ul li a:active  {
		color: #000;
	}
	#tabs ul li a.omega,
	#tabs2 ul li a.omega {
		background: transparent;	
	}
	#tabs .ui-tabs-panel {
		margin: 0;
		padding: 33px 0 0 0;	
	}	
		
	#tabs ul li.ui-state-active {
		position:absolute;
		top:0;
		left:0;
		background-color: #FFFFFF;
		font-family: "ArchivoNarrowBold",Arial,Helvetica,sans-serif;		
		height: 33px;
		line-height: 33px;
		padding: 0 20px;
		text-align: center;
		border-radius:0;
	}		
		#tabs ul li.ui-state-active a {
			background:none;
			font-size: 19px !important;
		}
	
	#tabs table {
	clear: both;
	width: 100%;	
	font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 18px;		
	table-layout: fixed;	
	}
	#tabs table td {
	vertical-align: middle;
	background-color: #fff;	
	padding: 3px;		
	}
	#tabs table td.cell-data-zingue,
	#tabs table td.cell-data-inox,
	#tabs table td.cell-data-zicral,
	#tabs table td.cell-data-laiton,
	#tabs table td.cell-data-nylon {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		background-color: #f00;	
		text-align: center;
		font-size: 17px;
		border: 1px solid #9aa2a5;
		color: #fff;		
	}

	#tabs table td.cell-data-zingue {
		background-color: #689cb6;	
		width:124px;
	}			
	#tabs table td.cell-data-inox {
		background-color: #725c05;	
		width:124px;	
	}	
	#tabs table td.cell-data-zicral {
		background-color: #08ccf0;	
		width:124px;	
	}
	#tabs table td.cell-data-laiton {
		background-color: #cd8509;		
		width:124px;
	}
	#tabs table td.cell-data-nylon {
		background-color: #f3a104;	
		width:124px;	
	}
	#tabs table td.cell-data-head1 {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		text-align: center;
		border: 1px solid #9aa2a5;	
		background-color: transparent;	
	}
	#tabs table td.cell-data-head2 {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		text-align: center;
		border: 1px solid #9aa2a5;
		background-color: #d8e6f0;
		font-size: 16px;
		width:70px		
	}
	#tabs table td.cell-data-head3 {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		text-align: center;
		border: 1px solid #9aa2a5;
		font-size: 16px;	
		width:70px
	}
	#tabs table td.cell-data-head4 {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		text-align: center;
		border-top: 1px solid #e1e5e8;
		font-size: 20px;
		width:105px	
	}
	#tabs table td.cell-data-head5 {
		font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;
		text-align: center;
		font-size: 18px;	
	}
	#tabs table td.cell-data-chiffres1 {
		font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;
		text-align: right;
		border: 1px solid #9aa2a5;	
	}
		#tabs table.tableepi td.cell-data-chiffres1 {
			background-color:#d3e488;
		}
		#tabs table.tableepi td.cell-data-chiffres2 {
			background-color:#d3e488;
		}
		#tabs table.tableepi td.cell-data-ref {
			background-color:#8ec63f;
		}
	#tabs table td.cell-data-chiffres2 {
		font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;
		text-align: right;
		border: 1px solid #9aa2a5;
		background-color: #d8e6f0;	
	}	
	#tabs table td.cell-data-chiffres3 {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		text-align: right;
		border: 1px solid #9aa2a5;
	}
	#tabs table td.cell-data-qte {
		border: 1px solid #9aa2a5;
		width: 50px;
	}
	#tabs table .champ-produits-qte {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		border: none;
		width: 45px;
		height: 18px;
		text-align: right;
		font-size: 16px;
		color: #c00;
	}		
	#tabs table td.cell-data-btn {
		width: 45px;
	}

/*************************************/
/********** POP-UP		   ***********/
/*************************************/	

	#popUp-matieres {
		background-color:#fff;
		width:650px;
		padding-left: 42px;
		text-align:left;
	}
		#popUp-matieres div.carreGrisHaut, #popUp-matieres div.carreGrisBas {
			background:#676665;
		}
		#popUp-matieres h2 {
			color:#676665;
			font-size:36px;
			margin-top:50px;
			margin-bottom:20px;
			font-weight: normal;
		}
		#popUp-matieres #tabsMatiere {
			background: none repeat scroll 0 0 transparent;
			border: medium none;
			margin: 0;
			padding: 0;
			position: relative;
		}
			#popUp-matieres #tabsMatiere ul {
				float:left;
				background: none repeat scroll 0 0 #FFFFFF;
				border: medium none;
				border-radius: 0 0 0 0;
				margin: 50px 0 50px 0 !important;
				padding: 0 !important;
				width:90px
			}		
				#popUp-matieres #tabsMatiere ul li {
					background: none repeat scroll 0 0 transparent;
					border: medium none;
					display: block;
					float: none;
					list-style-type: none;
					margin: 0 !important;
					padding: 0 !important;
					vertical-align: top;
				}
				#popUp-matieres #tabsMatiere ul li a:visited, #popUp-matieres #tabsMatiere ul li a:link {
					cursor: pointer;
					display: inline-block;
					float: none;
					font-family: "ArchivoNarrowBold",Arial,Helvetica,sans-serif;
					font-size: 15px;
					font-weight: normal;
					line-height: 20px;
					margin: 0 !important;
					padding: 0 !important;
					text-decoration: none;
				}
		#popUp-matieres #tabsMatiere div {
			margin-left:90px;
			padding: 0;
		}
				#popUp-matieres h3 {
					font-size:24px;
					margin:0 0 10px 40px;
					font-family: "ArchivoNarrowRegular",Arial,Helvetica,sans-serif;
					font-weight: normal;
				}
					#popUp-matieres .tab-zingue h3 {
						color:#689CB6 !important;
					}
					#popUp-matieres .tab-inox h3 {
						color:#725C05 !important;
					}
					#popUp-matieres .tab-zicral h3 {
						color:#08CCF0 !important;
					}
					#popUp-matieres .tab-laiton h3 {
						color:#CD8509 !important;
					}
					#popUp-matieres .tab-nylon h3 {
						color:#F3A104 !important;
					}
				#popUp-matieres p {
					float:left;
					width:245px;
					font-size: 14px;
					line-height: 17px;
					margin:0;
					padding: 5px 0 0 15px; 
					font-family: "ArchivoNarrowRegular",Arial,Helvetica,sans-serif;
					color: #676665;
				}
				#popUp-matieres table {
					font-family: "ArchivoNarrowRegular",Arial,Helvetica,sans-serif;
					border-collapse: collapse;
					table-layout:fixed;
					width:280px;
					float:left;
				}
					#popUp-matieres table th {						
						color:#FFF;
						vertical-align:middle;
						padding:2px 5px;
						height:30px;
						width:110px;
						font-weight: normal;
					}
						#popUp-matieres .tab-zingue table th {
							background-color:#689CB6;
							border:1px solid #689CB6;
						}
						#popUp-matieres .tab-inox table th {
							background-color:#725C05;
							border:1px solid #725C05;					
						}
						#popUp-matieres .tab-zicral table th {
							background-color:#08CCF0;
							border:1px solid #08CCF0;					
						}
						#popUp-matieres .tab-laiton table th {
							background-color:#CD8509;	
							border:1px solid #CD8509;				
						}
						#popUp-matieres .tab-nylon table th {
							background-color:#F3A104;	
							border:1px solid #F3A104;				
						}
					#popUp-matieres table td {
						vertical-align:middle;
						padding:5px 5px;
						color: #676665; 
					}
							#popUp-matieres .tab-zingue table td.tdDonnees {
								border-right:1px solid #689CB6;
							}
							#popUp-matieres .tab-inox table td.tdDonnees {
								border-right:1px solid #725C05;
							}
							#popUp-matieres .tab-zicral table td.tdDonnees {
								border-right:1px solid #08CCF0;
							}
							#popUp-matieres .tab-laiton table td.tdDonnees {
								border-right:1px solid #CD8509;
							}
							#popUp-matieres .tab-nylon table td.tdDonnees {
								border-right:1px solid #F3A104;
							}
							
							#popUp-matieres .tab-zingue table tr.last td.tdDonnees {
								border-bottom:1px solid #689CB6;
							}
							#popUp-matieres .tab-inox table tr.last  td.tdDonnees {
								border-bottom:1px solid #725C05;
							}
							#popUp-matieres .tab-zicral table tr.last  td.tdDonnees {
								border-bottom:1px solid #08CCF0;
							}
							#popUp-matieres .tab-laiton table tr.last  td.tdDonnees {
								border-bottom:1px solid #CD8509;
							}
							#popUp-matieres .tab-nylon table tr.last  td.tdDonnees {
								border-bottom:1px solid #F3A104;
							}
							
						#popUp-matieres table td.tdRefProduit {
							vertical-align:middle;
							width:28px;
						}
							#popUp-matieres .tab-zingue table td.tdRefProduit {
								border:1px solid #689CB6;
								color:#689CB6;					
							}
							#popUp-matieres .tab-inox table td.tdRefProduit {
								border:1px solid #725C05;
								color:#725C05;		
							}
							#popUp-matieres .tab-zicral table td.tdRefProduit {
								border:1px solid #08CCF0;
								color:#08CCF0;		
							}
							#popUp-matieres .tab-laiton table td.tdRefProduit {
								border:1px solid #CD8509;
								color:#CD8509;		
							}
							#popUp-matieres .tab-nylon table td.tdRefProduit {
								border:1px solid #F3A104;
								color:#F3A104;		
							}
							
						#popUp-matieres table td.noBorder {
							border:0 none;
						}

	#popUp-serrage {
		background-color:#fff;
		width:558px;
		height:200px;
		padding-left: 42px;
		text-align:left;
	}
		#popUp-serrage div.carreGrisHaut,#popUp-serrage div.carreGrisBas {
			background:#A39E8F;
		}
		#popUp-serrage h2 {
			color:#A39E8F;
			font-size:36px;
			margin:50px 0 30px 0;
			font-weight: normal;
		}
		table.coupleSerrage {
			table-layout:fixed;	
			margin: 0;		
		}
			table.coupleSerrage td {
				border:1px solid #A39E8F;
				padding:4px;
			}
			table.coupleSerrage td.last-child {
				background-color:#e8e6da;
			}
	#popUp-usage {
		background-color:#fff;
		width:650px;
		padding: 0 0 70px 42px;
		text-align:left;
	}
		#popUp-usage h2 {
			color:#cabc93;
			font-size:36px;
			margin:50px 0 25px 0;
			font-weight: normal;
			
		}
		#popUp-usage h3 {
			color:#cabc93;
			font-size:27px;
			margin:15px 0 10px 0;
			font-weight: normal;
		}
		#popUp-usage div.carreGrisHaut,#popUp-usage div.carreGrisBas {
			background:#D1C5A2;
		}
	#popUp-finitions {
		background-color:#fff;
		width:650px;
		padding: 0 0 70px 42px;
		text-align:left;
	}
		#popUp-finitions h2 {
			color:#cabc93;
			font-size:36px;
			margin:50px 0 15px 0;
			font-weight: normal;
			font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;			
		}
		#popUp-finitions div.carreGrisHaut, #popUp-finitions div.carreGrisBas {
			background:#D1C5A2;
		}
	div.carreGrisHaut {
		width:40px;
		height:40px;
		position:absolute;
		right:2px;
		top:2px;		
		text-align:center;
		font-size:24px;
		line-height:40px;
		color:#FFF;
		cursor:pointer;
		font-family: Arial, Helvetica, sans-serif;
	}
	div.carreGrisBas {
		width:40px;
		height:40px;
		position:absolute;
		left:2px;
		bottom:2px;
	}
	
	/******/
		
.btn-retour-gammes:link, .btn-retour-gammes:visited {
	clear: both;
	display: inline-block;
	color: #fff;
	text-decoration: none;
	font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	height: 38px;
	padding: 3px 10px 0 50px;
	margin: 100px 0 40px 0;			
	text-transform: uppercase;			
}
.btn-retour-gammes-auto:link, .btn-retour-gammes-auto:visited {		
	background: #689cb6 url(/img/com/fleche9.gif) 0 0 no-repeat;		
}
.btn-retour-gammes-epi:link, .btn-retour-gammes-epi:visited {		
	background: #abbf65 url(/img/com/fleche9.gif) 0 0 no-repeat;		
}
.btn-retour-gammes-goupilles:link, .btn-retour-gammes-goupilles:visited {		
	background: #e9b461 url(/img/com/fleche9.gif) 0 0 no-repeat;		
}
.btn-retour-gammes:hover, .btn-retour-gammes:active {
	background: #007ac0 url(/img/com/fleche9.gif) 0 0 no-repeat;
}
.btn-retour-gammes span {
	font-size: 14px;
	line-height: 18px;
	font-style: italic;	
	display: block;
	text-transform: none;		
}	

/*************************************/
/********** Maillon rapide ***********/
/*************************************/	

.page-maillon h1 {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
	padding: 40px 0 20px 30px;
	margin: 0;
	font-size: 20px;
	line-height: 24px;
	color: #007ac0;
	font-weight: normal;
	}
.page-maillon .contenu-redac {
	width: 522px;
	padding: 0 0 0 30px;
	}
.page-maillon p {
	padding: 0 0 15px 0;
	color: #007ac0;
	}	
.page-maillon figure {
	width: 355px;
	margin: -40px 0 0 50px;
	}
	.page-maillon figure img {
		display: block;
		margin: 0 0 15px 0;
		}

/*************************************/
/************** Usages ***************/
/*************************************/	

.page-usages section {
	padding: 5px 0 20px 0;
	}
nav.nav-usages {
	clear: both;
	width: 230px;
	z-index: 100;
	height: 28px;
	padding: 0;
	position: absolute;
	top: 5px;
	right: 0;
	background-color: #20a9f8;
	}	
.page-usages h1 {
	font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;	
	padding: 22px 0 18px 30px;
	margin: 0;
	font-size: 35px;
	line-height: 24px;
	color: #fff;
	background-color: #007ac0;
	text-transform: uppercase;
	font-weight: normal;
	}
.box-usages-usages,
.box-usages-matieres,
.box-usages-recommandations {
	background-color: #007ac0;
	float: left;
	min-height: 220px;
	height: auto !important;
	height: 220px;		
	padding: 15px 15px 15px 25px;
	}	
	.box-usages-recommandations a {
		color:#FFF;
		font-weight:bold;
		background-color: #065686;
		display: inline-block;
		padding: 5px 10px;
		font-size: 14px;		
		}
	.box-usages-recommandations a:hover, .box-usages-recommandations a:active {
		background-color: #054870;
			}
.box-usages-usages {
	width: 290px;
	}
.box-usages-matieres {
	width: 270px;
	overflow: auto;
	}
.box-usages-recommandations {
	width: 280px;
	background-color: #086ca5;
	}
	.box-usages-usages h3,
	.box-usages-matieres h3,
	.box-usages-recommandations h3 {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		padding: 0 0 3px 0;
		margin: 0;
		font-size: 15px;
		line-height: 20px;
		color: #fff;
		font-weight: normal;
		}	
	.box-usages-usages p,
	.box-usages-matieres p,
	.box-usages-recommandations p {
		padding: 0 0 10px 0;
		margin: 0;
		font-size: 15px;
		line-height: 20px;
		text-align: justify;
		color: #fff;
		}	
.box-usages-usages ul,
.box-usages-matieres ul,
.box-usages-recommandations ul {
	margin: 0;
	padding: 0 5px 5px 17px;
	}
	.box-usages-usages ul li,
	.box-usages-matieres ul li,
	.box-usages-recommandations ul li {
		margin: 0;
		padding: 0;
		list-style-position: outside;
		list-style-type: disc;
		color: #fff;
		font-size: 15px;
		line-height: 20px;		
		}
		.box-usages-usages ul li a,
		.box-usages-matieres ul li a,
		.box-usages-recommandations ul li a {
			color: #fff;
			}			
.box-usages-produits {
	background-color: #2ca1d9;
	padding: 0 0 0 27px;
	clear: both;
	}
	.box-usages-produits h3 {
		font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;
		padding: 15px 0 10px 0;
		margin: 0;
		font-size: 25px;
		line-height: 28px;
		color: #fff;
		font-weight: normal;
		}

/***************************************/
/************* Mentions ****************/
/***************************************/

.page-mentions section header {
	padding: 0 0 0 30px;
	}
.page-mentions article {
	padding: 0 0 0 30px;
	}

/***************************************/
/********** Documentation **************/
/***************************************/
	
.page-documentation h3 {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
	padding: 60px 0 60px 0;
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	color: #007ac0;
	font-weight: normal;
	text-align: center;
	background-color: #f1f1f1;
	border: 3px solid #eaeaea;
	}
.box-documentation {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	clear: both;
	height: 80px;
	width: 960px;
	-moz-box-shadow: 0px 0px 10px #c5c5c5; 
	-webkit-box-shadow: 0px 0px 10px #c5c5c5; 
	box-shadow: 0px 0px 10px #c5c5c5;
	}	
	.box-documentation-picto {
		background-color: #eee;
		border-right: 2px solid #cecece;
		float: left;
		width: 75px;
		height: 67px;
		padding: 13px 0 0 0;
		
		}
		.box-documentation-picto img {
			display: block;
			margin: 0 auto;
			}
		.box-documentation-picto a:hover img {
			opacity: 0.6;
			}			
	.box-documentation-redac {
		background-color: #f5f5f5;
		float: left;
		width: 880px;
		height: 80px;
		vertical-align: top;
		border-left: 3px solid #e7e7e7;
		}
		.box-documentation-redac a {
			text-decoration: underline;
			}
		.box-documentation-redac span {
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
			}
		.box-documentation h2 {
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
			padding: 14px 0 7px 25px;
			margin: 0;
			font-size: 16px;
			line-height: 24px;
			color: #007ac0;
			font-weight: normal;
		}			
		.box-documentation-redac p {
			padding:  0 0 15px 36px;
			margin: 0;
			font-size: 15px;
			line-height: 22px;	
			text-align: justify;
			color: #333;
			}					

		
/***************************************/
/*********** Témoignages ***************/
/***************************************/

		
.btn-soumettre-temoignage:link, .btn-soumettre-temoignage:visited {
	float: right;
	color: #fff;
	text-decoration: none;
	font-size: 14px;
	line-height: 18px;
	padding: 8px 10px 6px 10px;		
	text-transform: uppercase;
	background: #007ac0 url(/img/com/fleche8.png) center 26px no-repeat;		
}
.btn-soumettre-temoignage:hover, .btn-soumettre-temoignage:active {
	background: #666 url(/img/com/fleche8.png) center 26px no-repeat;			
}
.box-temoignages {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 0px 0px 10px #c5c5c5; 
	-webkit-box-shadow: 0px 0px 10px #c5c5c5; 
	box-shadow: 0px 0px 10px #c5c5c5;
	background-color: #f5f5f5;
	font-size: 15px;
	line-height: 21px;
	}	
	.box-temoignages h2 {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
		padding: 10px 0 8px 15px;
		margin: 0;
		font-size: 18px;
		line-height: 20px;
		color: #007ac0;
		font-weight: normal;
		background-color: #ececec;
		}
		.box-temoignages h2 span {
			display: block;
			float: right;
			padding: 9px;
			margin: -10px 0 0 0;
			font-size: 16px;
			line-height: 20px;
			color: #555;
			font-weight: normal;
			background-color: #c1c1c1;
		}
	.box-temoignages-img {
		display: inline-block;
		padding: 20px 0 15px 15px;
		width: 190px;
		vertical-align: top;
	}
	.box-temoignages-redac1, .box-temoignages-redac2 {
		display: inline-block;
		width: 750px;
		vertical-align: top;
		}
	.box-temoignages-redac2 {
		width: 960px;
		}				
		.box-temoignages p {
			padding: 17px 20px 0 15px;
			margin: 0;
			font-size: 15px;
			line-height: 21px;	
			text-align: justify;
			color: #333;
			}					
		.box-temoignages .temoignages-auteur {
			font-style: italic;
			color: #666;
			}
			
/***************************************/
/*********** Recherche *****************/
/***************************************/

.box-recherche {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 0px 0px 10px #c5c5c5; 
	-webkit-box-shadow: 0px 0px 10px #c5c5c5; 
	box-shadow: 0px 0px 10px #c5c5c5;
	background-color: #f5f5f5;
	font-size: 15px;
	line-height: 21px;
	}	
	.box-recherche h2 {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
		padding: 10px 0 8px 15px;
		margin: 0;
		font-size: 18px;
		line-height: 20px;
		color: #007ac0;
		font-weight: normal;
		background-color: #ececec;
		}
		.box-recherche h2 span {
			display: block;
			float: right;
			padding: 9px;
			margin: -10px 0 0 0;
			font-size: 16px;
			line-height: 20px;
			color: #fff;
			font-weight: normal;
			background-color: #007ac0;
		}
		.box-recherche h2 span a {
			color: #fff;
		}
		.box-recherche h2 span a:hover, .box-recherche h2 span a:active {
			color: #000;
		}		
	.box-recherche-img {
		display: inline-block;
		padding: 20px 0 15px 15px;
		width: 190px;
		vertical-align: top;
	}
	.box-recherche-redac1, .box-recherche-redac2 {
		display: inline-block;
		width: 750px;
		vertical-align: top;
		}
	.box-recherche-redac2 {
		width: 960px;
		}				
		.box-recherche p {
			padding: 17px 20px 0 15px;
			margin: 0;
			font-size: 15px;
			line-height: 21px;	
			text-align: justify;
			color: #333;
			}					
		.box-recherche .recherche-matieres {
			font-style: italic;
			color: #666;
			}			
							
/*****************/
/****** News *****/
/*****************/

.box-news {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	-moz-box-shadow: 0px 0px 10px #c5c5c5; 
	-webkit-box-shadow: 0px 0px 10px #c5c5c5; 
	box-shadow: 0px 0px 10px #c5c5c5;
	background-color: #f5f5f5;
	font-size: 15px;
	line-height: 21px;
	}	
	.box-news h2 {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
		padding: 10px 0 8px 15px;
		margin: 0;
		font-size: 18px;
		line-height: 20px;
		color: #007ac0;
		font-weight: normal;
		background-color: #ececec;
		}
		.box-news h2 span {
			font-family: "ArchivoNarrowRegular", Arial, Helvetica, sans-serif;	
			display: block;
			float: right;
			padding: 9px;
			margin: -10px 0 0 0;
			font-size: 16px;
			line-height: 20px;
			color: #fff;
			font-weight: normal;
			background-color: #1a6ea9;
			font-style: italic;
		}
	.box-news-img {
		display: inline-block;
		padding: 20px 0 15px 15px;
		width: 190px;
		vertical-align: top;
	}
	.box-news-redac1, .box-news-redac2 {
		display: inline-block;
		width: 750px;
		vertical-align: top;
		}
	.box-news-redac2 {
		width: 960px;
		}				
		.box-news p {
			padding: 17px 20px 0 15px;
			margin: 0;
			font-size: 15px;
			line-height: 21px;	
			text-align: justify;
			color: #333;
			}					
					
a.news-lien:link, a.news-lien:visited {
	padding: 3px 5px 3px 5px;
	margin: 20px 0 0 15px;
	font-size: 13px;
	line-height: 14px;			
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #007bbf;		
	display: inline-block;
	letter-spacing: 1px;					
}

 a.news-lien:hover, a.news-lien:active {
	background-color: #666;							
}

a.news-doc:link, a.news-doc:visited {
	padding: 3px 5px 3px 5px;
	margin: 20px 0 0 15px;
	font-size: 13px;
	line-height: 14px;			
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #2ca1d9;		
	display: inline-block;
	letter-spacing: 1px;					
}

 a.news-doc:hover, a.news-doc:active {
	background-color: #666;						
}
					
			
section p#noNews {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
	padding: 60px 0 60px 0;
	margin: 0;
	font-size: 18px;
	line-height: 24px;
	color: #007ac0;
	font-weight: normal;
	text-align: center;
	background-color: #f1f1f1;
	border: 3px solid #eaeaea;	
}	

		
/******************************************/
/************* Formulaires ****************/
/******************************************/

form.form-contact {
	margin: 0;
	padding: 0;
	width: 630px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	-moz-box-shadow: 0px 0px 7px #d3d3d3; 
	-webkit-box-shadow: 0px 0px 7px #d3d3d3; 
	box-shadow: 0px 0px 7px #d3d3d3;
	}
	#box-form-coords {
		float: right;
		margin: 45px 0 0 0;
		padding: 15px;
		font-size: 16px;
		line-height: 30px;
		color: #007ac0;
		background-color: #ebebeb;
		border: 2px dotted #ddd;
		width: 210px;
	}
	#box-form-coords p {
		text-align: left;
	}
		#box-form-coords a {
			font-size: 14px;
			padding: 5px 10px;
			color: #fff;
			background-color: #555;
		}
		#box-form-coords a:hover, #box-form-coords a:active {
			padding: 5px 10px;
			color: #fff;
			background-color: #007ac0;
		}
	.box-form-coords-boutique {
		margin: 0 !important;
	}
		
	fieldset {
		margin: 0;
		padding: 0;
		border: none;
		}
	form.form-contact fieldset {
		padding: 15px 20px 15px 20px;
		background: url(/img/com/fleche6.png) 30px 0 no-repeat;
		}	
		fieldset h2 {
			clear: both;
			margin: 0;
			padding: 15px 0 10px 0;
			font-size: 18px;
			line-height: 30px;
			color: #007ac0;
			font-weight: normal;
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
		}		
		fieldset p {
			margin: 0;
			padding: 0;
			font-size: 15px;
			line-height: 18px;			
			clear: both;
			color: #000;
			text-align: left;	
		}
		fieldset p.champ-requis {
			font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
		}		
		form p.note1 {
			margin: 0;
			padding: 0 15px 20px 15px;		
			font-size: 13px;
			line-height: 17px;
			text-align: justify;
		}
		fieldset label {
			float: left;
			font-size: 15px;
			line-height: 18px;		
			width: 290px;
			margin: 6px 0;
			padding: 0;
			color: #000;
		}
		fieldset label.labelOptin {
			width: 550px;
		}		
	
		fieldset input, fieldset select, fieldset textarea {
			width: 290px;
			height: 23px;
			margin: 8px 0;
			padding: 0;
			background-color: #fff;
			border: 1px solid #b1b1b1;
			float: left;				
		}
		fieldset p.champ-requis input, fieldset p.champ-requis select, fieldset p.champ-requis textarea {
			border: 1px solid #007ac0;				
		}		
		fieldset select {
			width: 292px;				
		}
		fieldset input:focus, fieldset select:focus, fieldset textarea:focus {
			-moz-box-shadow: 0 1px 4px #ccc; 
			-webkit-box-shadow: 0 1px 4px #ccc; 
			box-shadow: 0 1px 4px #ccc;						
		}		
		fieldset textarea {
				height: 100px;				
			}
		fieldset input.radio, fieldset input.checkbox {
			width: auto;
			height: auto;
			margin: 4px 5px 7px 0;
			vertical-align: middle;
			background-color: transparent;
			border: none !important;			
			float: none;
		}
		fieldset input.btn {
			clear: both;
			display: block;
			width: auto;
			height: auto;
			margin: 20px 0 15px 230px;
			padding: 5px 6px 5px 6px;
			color: #fff;
			font-size: 14px;
			line-height: 16px;
			font-weight: bold;
			background-color: #007ac0;
			cursor: pointer;
			border: none;
			text-shadow: 0 1px 1px #009BF9;
			-moz-box-shadow: 0 0 3px #999; 
			-webkit-box-shadow: 0 0 3px #999; 
			box-shadow: 0 0 3px #999;
		}
	p.txt-champs-obligatoires {
		margin: 0;
		padding: 8px 10px 8px 10px;
		font-size: 15px;
		line-height: 20px;		
		color: #fff;	
		text-align: center;
		background-color: #007ac0;
		}
		p.txt-champs-obligatoires span {
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
		}			
	.asterisque {
	  color: #e1001a;
	  font-size: 20px;
	  line-height: 20px;
	}

table#cfWindow {
	width:600px;
	/*height:100%;*/
	border:0;
	margin: 15px 0;
}
	table#cfWindow td {vertical-align:middle;}
	table#cfWindow p {text-align:center;}	
	table#cfWindow h3 {
		margin: 0 auto;
		padding: 20px 0 0 0;
		font-size: 18px;
		line-height: 30px;
		color: #007ac0;
		font-weight: normal;
		text-align: center;
		text-transform: none;
		background-color: transparent;
		font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
	}
	table#cfWindow 	input.btnCfwin {
			clear: both;
			display: block;
			width: auto;
			height: auto;			
			margin: 20px 0 25px 270px;
			padding: 4px 6px 5px 6px;
			color: #666;
			font-size: 12px;
			line-height: 16px;
			font-weight: bold;
			text-shadow: 0 1px 1px #fff;
			background-color: #ddd;
			-moz-box-shadow: 1px 1px 3px #dfdfdf; 
			-webkit-box-shadow: 1px 1px 3px #dfdfdf; 
			box-shadow: 1px 1px 3px #dfdfdf;
			border: 1px solid #cfcfcf;
			cursor: pointer;			
		}



/***************************************/
/************* Extranet ****************/
/***************************************/			

.extranet-entete {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
	padding: 20px 10px 20px 10px;
	margin: 0;
	font-size: 17px;
	line-height: 28px;
	color: #007ac0;
	text-align: center;
	background-color: #EFF7FC;
	border: 1px dotted #D5EAF7;
	}
.page-extranet h1 {
	padding: 5px 0 25px 0;
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	}
.page-extranet h3 {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;	
	padding: 35px 0 0 0;
	margin: 0;
	font-size: 20px;
	line-height: 24px;
	color: #007ac0;
	font-weight: normal;
	display: block;
	}	

a.lien-tous-docs:link, a.lien-tous-docs:visited {
	padding: 7px 7px 5px 7px;
	margin: 0;
	font-size: 14px;
	line-height: 16px;			
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #007bbf;		
	display: inline-block;
	letter-spacing: 1px;
	float: right;					
}

 a.lien-tous-docs:hover, a.lien-tous-docs:active {
	background-color: #666;							
}
						
.box-docs-type {
	font-family: "ArchivoNarrowBold", Arial, Helvetica, sans-serif;
	padding: 20px 10px 20px 10px;
	margin: 0 0 20px 0;
	font-size: 17px;
	line-height: 28px;
	color: #007ac0;
	text-align: center;
	background-color: #EFF7FC;
	border: 1px dotted #D5EAF7;
	}
		
/**********************************/
/***********Classes****************/
/**********************************/

/**************/
/* TEXTE ******/
/**************/


.gras {
	font-weight: bold;
}
.italique {
	font-style: italic;
}

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

.align-center {
	text-align: center;
}
.align-justify {
	text-align: justify;
}
.uppercase {
	text-transform: uppercase;
}
.couleur-zingue {
	color: #689cb6;
}			
.couleur-inox {
	color: #725c05;
}	
.couleur-zicral {
	color: #08ccf0;
}
.couleur-laiton {
	color: #cd8509;
}
.couleur-nylon {
	color: #f3a104;
}
	
	
/***********************/


.clear-both {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.overflow-auto {
	overflow: auto;
}
.nowrap {
	white-space: nowrap;
}

.margin-horiz-center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.vertical-align-middle {
	vertical-align: middle;
}
.vertical-align-top {
	vertical-align: top;
}

.visibility-hidden {
	visibility: hidden;
}
.display-none {
	display: none;
}
.display-block {
	display: block;
}
.position-relative {
	position: relative;
}



/***********************/

	


/**********/