@charset "ISO-8859-1";
/* CSS Document */


/*  GENERAL  */

	body { 
		background-color:#79a3bf; 
		background-image:url(../images/bg-banner.jpg); 
		background-repeat:repeat-x; 
		margin:0px; 
		padding:0px; 
		font-family:Arial, Helvetica, sans-serif; 
		color:#7E7A7A;
		font-size:12px;
		} 
	
	img { border:0px none; }
	
	.float-left { float:left; }
	
	.float-right { float:right;}
	
	.center-footer { text-align:center; display:block; width:100%; color:#083457; font-family:Arial, Helvetica, sans-serif; font-size:10px; }
	
	.mauve { color:#730066; }
	
	.italic { font-style:italic; font-weight:normal; }
	
	a { font-family:Arial, Helvetica, sans-serif; text-decoration:none;color:#A91F9B; }
	a:hover { font-family:Arial, Helvetica, sans-serif; text-decoration:underline;color:#A91F9B;  }




/*  HEADER  */
	
	#website-header {
		width:981px;
		margin: 0px auto 0px auto;
		position:relative;
		height:116px;
		}
	.header { 
		display:block;
		width:981px;
		height:74px;
		background-image:url(../images/banner.jpg);
		background-repeat:no-repeat;
	}
	



	
/*  TOP MENU  */	
	
	
	
	/* HB: j'ai retiré 5 px pour la nouvelle version du top menu */
	.top-menu {
		float:left;
		height:42px;		
		padding-top:11px;
		}
	
	.top-menu ul {
		display:inline;
		list-style-type:none;
		padding:0px;
		margin:0px;
		}
	
	.top-menu li {
		float:left;
		}
	
	.top-menu a {
		background-image:url(../images/top-menu-02.png);
		display:block;
		height:31px;
		padding:0px 7px 0px 7px;
		line-height:31px;
		font-family:Arial, Verdana;
		color:#FFFFFF;
		font-size:16px;
		text-decoration:none;
		font-weight:bold;
		}
	.top-menu a:hover {
		display:block;
		height:31px;
		padding:0px 7px 0px 7px;
		line-height:31px;
		font-family:Arial, Verdana;
		color:#eeb9e9;
		font-size:16px;
		text-decoration:none;
		font-weight:bold;
		}
	.top-menu .top-menu-space {
		margin-right:5px;
		}
	
	.top-menu .actif {
		background-image:url(../images/top-menu-02-actif.png);
		display:block;
		height:31px;
		padding:0px 7px 0px 7px;
		line-height:31px;
		font-family:Arial, Verdana;
		color:#A91F9B;
		font-size:16px;
		text-decoration:none;
		font-weight:bold;
		}

	
	
		
		
/* MENU LANGUE  */

	.lang-menu {
		float:right;
		height:42px;
		line-height:42px;
		padding-top:6px;
		
		}
		
	.lang-menu ul {
		display:inline;
		list-style-type: none;
		padding:0px;
		margin:0px;
		}
		
	.lang-menu li {
		float:left;
		}
	.lang-menu a {
		display:block;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:18px;
		color:#FFFFFF;
		text-transform:uppercase;
		margin-left:3px;
		line-height:30px;
		height:30px;
		width:30px;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		}
	.lang-menu a:hover {
		display:block;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:18px;
		color:#FFFFFF;
		text-transform:uppercase;
		margin-left:3px;
		background-image: url(../images/bg-lang-menu.png);
		background-repeat:no-repeat;
		line-height:30px;
		height:30px;
		width:30px;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		
		}
		
		
	.actiflang {
		display:block;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:18px;
		color:#FFFFFF;
		text-transform:uppercase;
		margin-left:3px;
		background-image: url(../images/bg-lang-menu.png);
		background-repeat:no-repeat;
		line-height:30px;
		height:30px;
		width:30px;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		}
	

/* MENU AVEC EFFET TITRE JQUERY */
	.menu2 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	}
	.menu2 li {
		padding: 0;
		margin: 0 3px;
		float: left;
		position: relative;
		text-align: center;
	}
	.menu2 a {
		/*padding: 14px 10px;*/
		display: block;
		color: #2a7c90;
		/*width: 85px;*/
		text-decoration: none;
		font-weight: bold;
		
	}
	.menu2 li em {
		background: url(../images/hover-2.png) no-repeat;
		width: 110px;
		height: 45px;
		position: absolute;
		top: -85px;
		left: -20px;
		text-align: center;
		padding: 20px 10px 10px;
		font-style: 11px;
		font-weight:bold;
		z-index: 2;
		display: none;
		font-style:normal;
		color:#2a7c90;
		
	}

/* MENU AVEC EFFET TITRE JQUERY V3  */
	.menu3 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	}
	.menu3 li {
		padding: 0;
		margin: 0 38px;
		float: left;
		position: relative;
		text-align: center;
	}
	.menu3 a {
		/*padding: 14px 10px;*/
		display: block;
		color: #2a7c90;
		/*width: 85px;*/
		text-decoration: none;
		font-weight: bold;
		
	}
	.menu3 li em {
		background: url(../images/hover-2.png) no-repeat;
		width: 110px;
		height: 45px;
		position: absolute;
		top: -85px;
		left: -20px;
		text-align: center;
		padding: 20px 10px 10px;
		font-style: 11px;
		font-weight:bold;
		z-index: 2;
		display: none;
		font-style:normal;
		color:#FFFFFF;
		
	}

/* MENU AVEC EFFET TITRE JQUERY SERIES-CATEGORIE */
	.menucat {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style: none;
	}
	.menucat li {
		padding: 0;
		margin:0px;
		float: left;
		position: relative;
		text-align: center;
	}
	.menucat a {
		/*padding: 14px 10px;*/
		display: block;
		color: #2a7c90;
		/*width: 85px;*/
		text-decoration: none;
		font-weight: bold;
		
	}
	.menucat li em {
		background: url(../images/hover-3.png) no-repeat;
		width: 91px;
		height: 53px;
		position: absolute;
		top: -100px;
		left: -20px;
		text-align: center;
		line-height:45px;
		padding: 0px 10px;
		font-style: 11px;
		font-weight:bold;
		z-index: 2;
		display: none;
		font-style:normal;
		color:#FFFFFF;
		
	}


/*  CONTENU  */	

	.bg-white {
		width:100%;
		background-color:#FFFFFF;
		background-image:url(../images/footer-line.gif);
		background-repeat:repeat-x;
		background-position:bottom center;
		padding:0px 0px 30px 0px;
		}
	
	.website-content {
		width:981px;
		margin: 0px auto 0px auto;
		position:relative;
		padding:20px 0px 10px 0px;
		}
	
	.website-content h1 {
		color:#FFFFFF;
		background-image:url(../images/title-02.jpg);
		background-repeat:repeat-x;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		line-height:25px;
		height:25px;
		padding-left:11px;
		margin:0px 0px 15px 0px;
		}
	.website-content h2 {
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		padding-left:11px;
		margin:0px 0px 15px 0px;
		height:25px;
		line-height:25px;
		}
	
	.txt-content {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#7a7a7a;
		text-align:justify;
		width:100%;
		}
		
	td.colonne1 {
		width:737px;
		padding-top:9px;
		}
	td.colonne2 {
		width:225px;
		padding-left:19px;
		font-size:10px;
		text-align:justify;
		}
    td.colonne2 h3 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		width:185px;
		padding: 0px 30px 0px 10px;
		margin: 0px 0px 10px 0px;
		height:24px;
		line-height:24px;
		text-decoration:none;
		background-image:url(../images/bg-titre-box.png);
		background-repeat:no-repeat;
		display:block;
	}
	td.colonne2 h3 a, td.colonne2 h3 a:hover{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		width:215px;
		height:24px;
		line-height:24px;
		text-decoration:none;
		display:block;
		margin: 0px;
	}
	 td.colonne2 h4 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		width:185px;
		padding: 0px 30px 0px 10px;
		margin: 0px 0px 10px 0px;
		height:24px;
		line-height:24px;
		text-decoration:none;
		background-image:url(../images/bg-titre-box-gris.png);
		background-repeat:no-repeat;
		display:block;
	}
	td.colonne2 h4 a, td.colonne2 h4 a:hover{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		width:215px;
		height:24px;
		line-height:24px;
		text-decoration:none;
		display:block;
		margin: 0px;
	}
	.infobox a, .infobox a:hover{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#1764B9;
		text-decoration:none;
		background-image:url(../images/blue-arrow.png);
		background-repeat:no-repeat;
		background-position:right center;
		height:16px;
		line-height:16px;
		padding-right:12px;
		}
	.infobox-filtre a, .infobox-filtre a:hover{
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		color:#1764B9;
		text-decoration:none;
		background-image:url(../images/blue-arrow-trans.png);
		background-repeat:no-repeat;
		background-position:right center;
		padding-right:12px;
		margin-right:5px;
		}
		
	
	.titre-partie-1{
		display:block;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:20px;
		color:#7E7A7A;
		text-align:right;
		width:175px;
		}
	 .titre-partie-2{
	 	display:block;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:24px;
		color:#8FBEE6;
		font-weight:bold;
		text-align:right;
		width:175px;
		}
	  td.index-1{
	  	width:175px;
		padding-right:15px;
		}
	  td.index-2{
	  	border-left:1px solid #7E7A7A;
		padding-left:15px;
		}
	  .lien-rapide {
	  	padding:10px;
		margin:0px 0px 20px 0px;
		background-color: #f6f6f6;
		border:1px solid #7E7A7A;
		color:#999999;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		font-family:"Trebuchet MS", Arial, Verdana;
		background-image:url(../images/bg-lien-rapide.png);
		background-repeat:no-repeat;
		background-position:top left;
		}
	   .lien-rapide a{
	   	color:#999999;
		text-decoration:none;
		}
	   .lien-rapide a:hover{
	   	color:#730066;
		text-decoration:none;
		}
		.titre-lien-rapide {
		font-weight:bold;
		font-size:14px;
		}
		.reference  a img{
			margin: 7px 7px 7px 7px;
			}
		
		.reference a:hover img {
			border:2px solid #E4E4E4;
			margin:5px 5px 5px 5px;
			}
		.iconecal {
			background-image:url(../images/icon-calendar.png);
			background-repeat:no-repeat;
			text-align:center;
			width:44px;
			height:33px;
			padding-top:13px;
			font-size:26px;
			color:#5c595c;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			}
		.services-usb-index {
			display:block;
			width:548px;
			float:right;
			}
		
	 
	 
/*  FICHE PRODUIT  */
	
	.titre-label{
		border-bottom: 1px solid #7E7A7A;
		width:100%;
		color:#7E7A7A;
		padding-bottom:3px;
		font-weight:bold;
		
		}
	td.media {
		width:340px;
		padding-right:15px;
		padding-top:62px;
		}
	td.description-produit{
		width:626px;
		}
	
	.mini-image {
		margin-bottom:10px;
		}
	.mini-image a img{
		border:2px solid #FFFFFF;
		margin-right:3px;
		margin-top:5px;
		
		}
	.mini-image a:hover img{
		border:2px solid #999999;
		margin-right:3px;
		margin-top:5px;
		}
		
		
	
	.mini-couleur {
		margin-top:5px;
		margin-bottom:15px;
		}
	.mini-couleur img {
		border:none 0px;
		margin-right:7px;
		}

	.pictos img {
		margin-right:2px;
		}
	.pictos {
		display:block;
		padding-bottom:10px;
		margin-bottom:10px;
		/*border-bottom:1px solid #7E7A7A;*/
		}
		
		
	
	table.description {
		width:100%;
		/*height:269px;*/
		margin:5px 0px 50px 0px;
		}
	td.description-gauche {
		
	
		}
	td.description-droite {
		width:301px;
	
		}
		
	.specification {
		display:block;
		width:281px;
		padding:5px 10px 5px 10px;
		background-image:url(../images/specification-02.jpg);
		background-repeat:repeat-y;
		}
	.specification h3{
		margin:0px 0px 5px 0px;
		padding:0px;
		color:#1b66bb;
		}
		
	.btt-pdf a{
		background-image:url(../images/bg-pdf.jpg);
		background-repeat:no-repeat;
		display:block;
		width:261px;
		height:37px;
		line-height:37px;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:14px;
		text-decoration:none;
		font-weight:bold;
		color:#7E7A7A;
		padding-left:40px;
		margin-top:5px;
		text-align:left;
		}
	.btt-pdf a:hover{
		background-image:url(../images/bg-pdf-hover.jpg);
		background-repeat:no-repeat;
		display:block;
		width:261px;
		height:37px;
		line-height:37px;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:14px;
		text-decoration:none;
		font-weight:bold;
		color:#9d9a9a;
		padding-left:40px;
		margin-top:5px;
		text-align:left;
		}
	 td.description-gauche {
	 	width:310px;
		padding:15px 15px 0px 0px;
		text-align:justify;
		}
		
	
	ul.capacite {
		list-style-type:none;
		padding:0px 0px 0px 0px;
		margin:0px;
		display:inline;
		}
	.capacite li{
	
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		}
		
	.bg-cap {
		background-color:#e5e4e4;
		padding:0px 3px 0px 3px;
		height:23px;
		line-height:23px;
		}
	.sep-cap {
		height:23px;
		line-height:23px;
		}
	.printarea {
		margin-top:31px;
		clear:both;
		}
	ul.infosup {
		list-style-type:none;
		padding:0px 0px 0px 0px;
		margin:0px;
		display:inline;
		}
	.infosup li{
	
		float:left;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		/*font-weight:bold;*/
		}
	.bg-infosup {
		background-color:#e4e4e4;
		padding:0px 3px 0px 3px;
		}
		

/* DEMANDE DE DEVIS */

	.devis-colonne-1 {
		width:480px;
		padding:10px 16px 0px 0px;
	
		}
	.devis-colonne-2 {
		width:485px;
		}
	.requiredfield {
		display:block;
		text-align:right;
		color:#730066;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
	     margin-top:20px;
		}
	.labeldevis{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		display:block;
		margin-bottom:3px;
		padding-left:3px;
		margin-top:20px;
		}
	input.devis {
		border:1px solid #7E7A7A;
		/*color:#7E7A7A;*/
		color:#730066;
		width:470px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		padding:3px 3px 3px 3px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}
	select.devis {
		width:250px;
		margin-right:0px;
		margin-top:20px;
		}
	textarea.devis {
		border:1px solid #7E7A7A;
		/*color:#7E7A7A;*/
		color:#730066;
		width:470px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		padding:3px 3px 3px 3px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}
	td.selection-devis {
		background-image:url(../images/devis-cadre-02.jpg);
		background-repeat:repeat-y;
		padding:3px 15px 25px 15px;
	
		}
	
	.option1 {
		float:left;
		background-image:url(../images/bg-option-devis.jpg);
		background-repeat:no-repeat;
		width:185px;
		height:35px;
		line-height:35px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		padding:0px 12px 0px 12px;
		margin:15px 0px 20px 0px;
		}
	
	.option2 {
		float:right;
		background-image:url(../images/bg-option-devis.jpg);
		background-repeat:no-repeat;
		width:185px;
		height:35px;
		line-height:35px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		padding:0px 12px 0px 12px;
		margin:15px 0px 0px 0px;
		}
	.nom-cat {
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		}
	table.listing-categorie { margin:30px 0px 0px 0px; }
	.listing-categorie td { padding:10px 0px 30px 0px; }
	
	input.btt-devis { margin:45px 0px 0px 0px; }
	
	#cadreok {
		color:#11ABCD;
		background-color:#c6e6f3;
		border:1px solid #11ABCD;
		padding:5px;
		}


/* FILTRE */


	td.filtre-prod{
		/*width:165px;*/
		padding:15px 5px 0px 5px;
		/*height:220px;*/
		
		}
	.vignette-prod {
		border:1px solid #E4E4E4;
		/*height:220px;*/
		display:block;
		width:165px;
		}
	td.hauteuron-img {
		height:180px;
		width:165px;
		text-align:center;
		background-color:#e3ecf1;
		cursor: pointer;	
		}
	td.hauteuroff-img {
		height:180px;
		width:165px;
		text-align:center;		
		}
	

	.footer-filtre {
		display:block;
		width:100%;
		text-align:right;
		/*border-bottom:1px solid #7E7A7A;*/
		padding-bottom:3px;
		/*height:20px;
		line-height:20px;*/
		padding: 5px 0px 0px 0px;
		background-color:#E4E4E4;
		}
	.filtre-bar {
		width:979px;
		display:block;
		}

	.filtre-content {
		width:959px;
		background-image:url(../images/filtre-bar-bg-fix.jpg);
		background-repeat:no-repeat;
		background-position:top center;
		font-family:"Trebuchet MS", Arial, Verdana;
		font-size:12px;
		font-weight:bold;
		color:#464646;
		padding:0px 10px 0px 10px;
		height:52px;
		/*line-height:52px;*/
		}
	ul.formulaire-filtre {
		list-style-type:none;
		display:inline;
		
		}
	.formulaire-filtre li {
		float:left;
		}
	li.label-filtre { padding:17px 5px 17px 5px; }
	li.option-filtre { padding:15px 5px 15px 0px; }
	.option-filtre select { width:110px; }
	li.sep-filtre {
	margin-top:6px;
		height:40px;
		display:block;
		background-image:url(../images/sep-filtre.gif);
		background-repeat:repeat-y;
		width:3px;
		}
		
	/*.photoprod  a img {
		margin: 7px 7px 7px 7px;
		}
		
	.photoprod a:hover img {
		border:2px solid #E4E4E4;
		margin:5px 5px 5px 5px;
		}*/
	
	



/* FORMULAIR DE CONTACT */

	td.contact-colonne-gauche {
		width:484px;
		padding:0px 12px 0px 0px;
		}
	td.contact-colonne-droite {
		width:485px;
		}
	input.contact {
		border:1px solid #7E7A7A;
		/*color:#7E7A7A;*/
		color:#730066;
		width:470px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		padding:3px 3px 3px 3px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}
	.labelcontact{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		display:block;
		margin-bottom:3px;
		padding-left:3px;
		margin-top:20px;
		}
	
	textarea.contact {
		border:1px solid #7E7A7A;
		/*color:#7E7A7A;*/
		color:#730066;
		width:470px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		padding:3px 3px 3px 3px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}
	


	
/*  FOOTER  */	
	.footer {
		background-image:url(../images/bg-footer.jpg);
		background-repeat:repeat-x;
		background-position:top center;
		width:100%;
		height:105px;
		}
		
	.website-footer {
		width:981px;
		margin: 0px auto 0px auto;
		position:relative;
		padding:0px 0px 10px 0px;
		}
	
	.center-footer { text-align:center; display:block; width:100%; color:#083457; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding-top:60px;  }
	
	.center-footer a{ color:#083457; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; }
	
	.center-footer a:hover{ color:#083457; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration: underline; }
	
	.footer-menu ul {
		display:inline;
		list-style-type: none;
		padding:0px;
		margin:0px;
		}
		
	.footer-menu li {
		float:left;
		}
	.footer-menu a {
		display:block;
		font-family:Arial, Verdana;
		font-size:12px;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		padding:14px 10px 14px 10px;
		}
	.footer-menu a:hover {
		display:block;
		font-family:Arial, Verdana;
		font-size:12px;
		color:#FFFFFF;
		background-image: url(../images/footer-menu-actif.png);
		background-repeat:no-repeat;
		background-position:top center;
		text-decoration:none;
		text-align:center;
		padding:14px 10px 14px 10px;
		
		}
	 .footer-menu .footer-sep {
	 	color:#FFFFFF;
		height:39px;
		line-height:39px;
		}	
		
		
textarea.contact_entreprise  {
-moz-border-radius:5px 5px 5px 5px;
border:1px solid #7E7A7A;
color:#1496B3;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
padding:3px;
width:968px;
}

#usbperso{

text-align: center;
color:#AB2E9D;
font-size: 14px;

}