/* CSS Document --------------------------------------------------------------------------------*/
/* Mise en forme du site JTTI ------------------------------------------------------------------*/
/* www.iris-interactive.fr ---------------------------------------------------------------------*/

* {
	margin:0;
	padding:0;
}
html {
}
body {
	background:#1b1106 url(../images/bg-body.gif) repeat-x 0 0;
	font-size:11px;
	font-family:Verdana, sans-serif;
	text-align:left;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au header */
/* -------------------------------------------------------------------------------------------- */

#header {
	width:960px;
	height:270px;
	margin:auto;
	overflow:hidden;
}
#header h1 {
	position:absolute;
	margin-left:-999em;
}
#header #recherche {
	background:url(../images/bg-recherche.png) no-repeat 0 0;
	width:185px;
	height:35px;
	position:absolute;
	top:0;
	right:9px;
	padding:0px;
	z-index:50;
}
#header #recherche form {
	padding:8px 0 0 19px;
	width:155px;
}
#header #recherche form input {
	border:medium none;
	height:16px;
	line-height:16px;
	background-color:transparent;
}
#header #recherche form button.valid {
	background-color:#FFF;
	border:medium none;
	cursor:pointer;
	float:right;
	position:relative;
	height:15px;
	top:0px;
	width:20px;
}
html* #header #recherche form button.valid {
	margin-top:-17px;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables à la navigation */
/* -------------------------------------------------------------------------------------------- */

#navigation {
	border-bottom:1px solid #cfc2b2;
	height:41px; 
	text-align:left;
	font-size:13px;
	font-weight:bold;
	z-index:50;
	position:absolute;
	top:210px; 
	left:10px; 
	width:960px;
}
#navigation li {
	display:block;
	float:left;
	list-style:none;
	background:url(../images/bg-navigation-li.gif) no-repeat right bottom;
}

#navigation a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding:0 0 0 5px;
	margin-right:5px;
	outline:none;
}

#navigation a:hover span {
	color:#F5A222;
}
#navigation a span {
	display:block;
	padding:10px 7px 10px 7px;
	font-size:12px!important;
}
#navigation li:hover a span, #navigation li.sfhover a span { 
	color:#F5A222;
}
/* -------------------------------------------------------------------------------------------- */
/* Gestion des sous-menus */

#navigation li ul.subMenu { 
	position:absolute;
	z-index:30 !important;
	background:url(../images/bg-navigation-ul-submenu.png) repeat 0 0;
	border:1px solid #5f5442;
	width:205px;
	left:-999em; 
	text-align:left;
	top:39px;
	font-size:12px;
	padding:0;

}

#navigation li:hover ul, #navigation li.sfhover ul { 
	left:auto;
}

#navigation li:hover a, #navigation li.sfhover a { 
	color:#FFFFFF;
}
#navigation li ul li {
	width:205px;
	height:auto;
	padding:0;
	text-align:left;
	background-image:none;
	border-bottom:1px solid #5f5442;

}

#navigation li ul li a {	
	width:185px;
	padding:5px 0px 5px 15px;
	display:block;
	height:auto;
	background-color:#211404;
	color:#FFF !important;
	border-left:5px solid #5f5442;
	text-transform:none;
	-webkit-transition: all 0.3s linear;
}
	#navigation li ul li a.last {
		border-bottom:none;
	}
	#navigation li ul li.complet {
		border-bottom:none;
	}
	#navigation li ul li.complet a {
		background-color:#F5A222 !important;
		border-left:5px solid #F5A222;
		color:#372b1d !important;
	}
	#navigation li ul li.catalogue-complet {
		border-bottom:none;
	}
	#navigation li ul li.catalogue-complet a {
		background-color:#211404;
		color:#372B1D;
		border-left:5px solid #5f5442;
		font-size:11px;
		padding:2px 0 0px 15px;
	}


*html #navigation li ul li a {
	width:205px;
}
#navigation li ul li a:hover {
	background-color:#f5a222;
	color:#372b1d !important;
	border-left:5px solid #f5a222;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables à la barre d'outils */
/* -------------------------------------------------------------------------------------------- */

ul#tools {
	height:16px !important;
	list-style:none;
	display:inline;
	z-index:99;
	position:absolute;
	margin:220px 0 0 810px;
	top:0;
}
#tools li {
	position:relative;
	z-index:3;
	list-style:none;
	background:none !important;
	display:inline;
	padding-left:5px !important;
}
#tools a {
	text-decoration:none;
	color:#007BBD;
}
#tools a img {
	border:none;
}
#tools a span {
	border:none;
	position:absolute;
	left:-999em;
	padding:3px;
	background-color:#211404;
	border:1px solid #4a4134;
	margin:25px 0 0 -10px;
	white-space:nowrap;
	color:#FFFFFF;
}
html* #tools a span {
	left:auto;
	display:none;
}
#tools a:hover span {
	left:auto;
}
html* #tools a:hover span {
	display:block;
}


/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au chemin de fer */
/* -------------------------------------------------------------------------------------------- */


/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au contenu */
/* -------------------------------------------------------------------------------------------- */
#page {
background:url(../images/bg-global.png) repeat-y center 0;
position:absolute;
height:100%;
margin:auto;
width:100%;
}

#global {
	width:978px;
	position:relative;  /*problème avec zoom produit catalogue*/
	margin:auto;
	background:url(../images/bg-global.png) repeat-y 0 0;
	padding-bottom:20px;
}
#content {
	width:960px;
	margin:auto;
	color:#FFF;
	text-align:justify;
}

/* -------------------------------------------------------------------------------------------- */
/* BOX MODELS */

.col700 {
	width:700px;	
}
.col450 {
	width:450px;	
}
.col350 {
	width:350px;	
}
.col220 {
	width:220px;
	text-align:left;
}

.col700, 
.col450,
.col350, 
.col220 {
	float:left;
}

/* -------------------------------------------------------------------------------------------- */
.col150 {
	width:150px;
	text-align:left;
}
.col225 {
	width:225px;
	text-align:left;
}
.col240 {
	width:240px;
	text-align:left;
}
.col300 {
	width:300px;
	text-align:left;
}
.col360 {
	width:360px;
	text-align:left;
}

.col480 {
	width:480px;
}
.col600 {
	width:600px;
}
.col720 {
	width:720px;
}
.col720.texte {
	background:transparent url(../images/bg-accueil-contact.gif) repeat-x scroll 0 0;
	margin-top:13px;
}

.col720, 
.col600, 
.col480, 
.col360, 
.col300,
.col240, 
.col225, 
.col150 {
	float:left;
}

.ml10 {
	margin-left:10px;
}
.mr10 {
	margin-right:10px;
}

/* -------------------------------------------------------------------------------------------- */

#global p, 
#colorbox p, 
#global ul, 
#global form, 
#global dl, 
#global blockquote, 
#global h1, 
#global h2, 
#global h3, 
#global h4, 
#global h5, 
#global h6,
#global .swf {
	padding:5px 10px;
	font-weight:normal;
}
#global p, 
#colorbox p, 
#global ul, 
#global form, 
#global input, 
#global textarea, 
#global select, 
#global option, 
#global blockquote, 
#global table, 
#global tr, 
#global th, 
#global td {
	font-size:11px;
	line-height:1.5em;
}

#content h2 {
	font-size:20px;
	color:#f5a222;
	text-align:left;
}
#content h3,
#content #actu-accueil h3 a,
#colorbox h3 {
	font-size:13px;
	color:#e79920;
	font-style:italic;
	text-decoration:none;
}
#content .texte h3 {
	padding-top:20px;
}
#content p.date {
	padding-top:0;
	font-style:italic;
}
#content p.chapeau {
	color:#AEA292;
	border-bottom:1px dotted #40372B;
	padding-bottom:10px;
}

#content p strong, #content p strong a {
	color:#e79920;
}

#content a {
	color:#FFF;
}
	#content a:hover {
		color:#E79920;
	}
#content a.plus, #content div.plus a {
	color:#f5a222;
	font-weight:bold;
	background:url(../images/bg-a-plus.gif) no-repeat 0 0;
	padding-left:25px;
	text-decoration:none;
}
	#content a:hover.plus, #content div.plus a:hover {
		text-decoration:underline;
	 }

img {
	border:none;
}
#content ul li {
	background:url(../images/bg-wire-ul-li.gif) no-repeat 3px 10px;
	padding-left:15px;
	padding-top:5px;
	list-style:none;
}

#content #presentation {
	background:url(../images/bg-accueil-presentation.gif) repeat-x 0 0;
	width:220px;
	margin:auto;
}

#content #contact {
	width:220px;
}
	#content #contact form#connexion button {
		border:none;
		background-color:transparent;
		color:#E79920;
		font-size:11px;
		font-weight:bold;
		cursor:pointer;
	}
		html* #content #contact form#connexion button {
			margin-top:-16px !important;
		}
#content #contact, 
#content #actu {
	background:url(../images/bg-accueil-contact.gif) repeat-x 0 0;
	height:auto !important;
	min-height:170px;
	height:170px;
}
#content #actu {
	text-align:left;
}
#content #actu h2 {
	font-size:16px;
}
#content #actu h3 {
	margin:20px 10px 0 10px;
	border-top:1px dashed #40372B;
	padding-left:0;
}
#content #actu h3 a {
	color:#E79920;
	font-size:13px;
	font-style:italic;
	text-decoration:none;
}
	#content #actu h3 a:hover {
		text-decoration:underline;
	}
#content #savoirFaire-accueil {
	width:220px;
	margin:auto;
}
#content #actu-accueil {
	width:450px;
	margin:auto;
}
#content #zoomSur {
	background:url(../images/bg-accueil-contact.gif) repeat-x 0 0;
	width:450px;
	height:220px;
	text-align:left;
	margin:auto;
}
#content #zoomSur h2 {
padding-left:15px;
}
#content #zoomSur a.more {
	display:block;
	width:88px;
	height:16px;
	padding:0;
	background:url(../images/bt-zoomSur-more.gif) no-repeat 0 0;
	text-indent:-999em;
}
#content #zoomSur .col150 .img-zoom {
	height:120px;
	width:140px;
	margin:10px 0 0 0;
	overflow:hidden;
}

#content ul#bt-produits {
	padding:0;
}
#content ul#bt-produits li{
	list-style:none;
	list-style-image:none;
	background-image:none;
	padding-left:0;
}
#content ul#bt-produits li a{
	display:block;
	height:48px ;
	width:220px ;
	text-indent:-999em;
	background:url(../images/bt-accueil-produits.gif) no-repeat 0 0;
}
	#content ul#bt-produits li a.sangle {
		background:url(../images/bt-accueil-produits-sangle.gif) no-repeat 0 0;
	}
	#content ul#bt-produits li a.surmoulage {
		background:url(../images/bt-accueil-produits-surmoulage.gif) no-repeat 0 0;
	}
	#content ul#bt-produits li a.poignee {
		background:url(../images/bt-accueil-produits-poignee.gif) no-repeat 0 0;
	}
	#content ul#bt-produits li a.divers {
		background:url(../images/bt-accueil-produits-divers.gif) no-repeat 0 0;
	}
	
#global div#produits {
	background:#372b1d;
	float:left;
	margin:0 40px;
}
#global p.select-category {
	float:left;
	padding-left:50px;
}
#global div.produit {
	width:180px;
	height:240px;
	border:2px solid #40372B;
	background:#FFF url(../images/bg-produits-corner.gif) scroll no-repeat 100% 100%;
	float:left;
	position:relative;
	margin:11px;
	overflow:hidden;
}
#global div.produit a {
	text-decoration:none;
	color:#817565;
}
	#global div.produit:hover {
		border-color:#F5A222;
		background-image:url(../images/bg-produits-corner-hover.gif);
	}
#global div.produit p.img-list-produit {
	display:block;
	width:170px;
	height:100px;
	text-align:center;
	overflow:hidden;
	border-bottom:1px solid #AEA292;
	padding:0;
	margin:5px;
}
#global div.produit h3, 
#global div.produit h3 a, 
#global div.reference h3 {
	font-weight:bold;
	font-style:normal;
	color:#211404;
	text-align:left;
	text-decoration:none;
}
#global div.produit p {
	padding:0 10px;
	color:#40372B;
	text-align:left;
}
#global div.produit a.lien-produit {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:25px;
	width:25px;
	background-color:transparent;
	margin:216px 0 0 158px;
	outline-style:none;
	text-indent:-999px;
}
#global div.produit a.lien-produit span {
	text-indent:-999px;
}
#global div.reference {
	float:left;
	border:1px solid #40372B;
	margin-top:15px;
}
#global div.reference div.col220 p {
	padding:10px;
}
#global div#desc-produit {}
	#global div#desc-produit .ref {
		background:transparent url(../images/bg-accueil-contact.gif) repeat-x scroll 0 0;
		height:auto !important;
		min-height:250px;
		height:250px;
		padding-top:10px;
		color:#AEA292;
		margin-right:10px;
	}
		#global div#desc-produit .ref ul li {
			background-position:3px 12px;
		}
		#global div#desc-produit .ref strong {
			color:#F5A222;
		}

	#global div#desc-produit h2 {
		margin:0 10px 20px;
		border-bottom:1px dotted #4b4235;
	}
		#global div#desc-produit div#desc-technique-produit p {
			padding:0px 10px !important;
		}
		#global div#desc-produit div#desc-technique-produit div.sep {
			border-bottom:#7e5920 1px dotted; 
			margin:8px 10px;
		}
#global div#photos-produit ul li {
	display:inline;
	float:left;
	background-image:none;
	padding:0;
	border:1px solid #4B4235;
	width:80px;
	height:50px;
	overflow:hidden;
	margin:0 3px 0 0;
}
	#global div#photos-produit ul li:hover {
		border-color:#E79920;
	}

#global div#photos-produit p {
	color:#AEA292;
	font-style:italic;
}
/* -------------------------------------------------------------------------------------------- */
/* Recherche google */
#content .gs-title, #content .gs-title a, #content .gs-title a b {
	color:#F5A222 !important;
	font-weight:bold;
	font-size:13px;
}
#content div.gs-title, #content div.gs-snippet, #content div.gs-visibleUrl {
	margin:5px 20px;
}
#content div.gs-title {
	margin-top:15px;
}
#content div.gs-snippet b {
	color:#F5A222 !important;
}
#content .gs-result a.gs-visibleUrl, #content .gs-result .gs-visibleUrl {
	color:#FFF !important;
	font-style:italic;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	color:#FFF !important;
	font-size:13px;
}
#content div.gsc-cursor {
	margin:10px 20px;
}
#content table.gsc-resultsHeader {
	display:none;
}
#content div.gsc-branding-text {
	display:none;
}
#content input.gsc-input {
	height:16px;
	line-height:16px;
}


/* -------------------------------------------------------------------------------------------- */
/* Fondu noir */

ul.gallery {
	width: 220px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; 
	padding: 0;

}
ul.gallery li {
	float: left;
	margin: 10px 0px 0 0 !important; 
	text-align: center;
	-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
	background-image:none !important;
	padding:0 !important;
	list-style:none;
	color:#AEA292;
	font-style:italic;
}
ul.gallery li a.thumb {
	width: 220px; /*--Width of image--*/
	height: 140px; /*--Height of image--*/
	cursor: pointer;
}
ul.gallery li span { /*--Used to crop image--*/
	width: 220px;
	height: 140px;
	overflow: hidden;
	display: block;
}
ul.gallery li a.thumb:hover {
	background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.gallery li a {text-decoration: none; color: #777; display: block;}

/* -------------------------------------------------------------------------------------------- */
/* FORMULAIRE */		

#content #acces-client {
	background:url(../images/bg-acces-client.gif) no-repeat 0 0;
	width:461px;
	height:38px;
	padding:0px;
	margin-top:5px;
	position:relative;
}
	#content #acces-client p {
		padding-top:13px;
	}
	#content #acces-client.deconnect {
		background:url(../images/bg-acces-client-deconnect.gif) no-repeat 0 0 !important;
	}
		#content #acces-client.deconnect form {
			color:#F5A222 !important;
			width:280px;
		}
		#content #acces-client.deconnect form button {
			width:100px !important;
			float:right;
			font-size:10px;
			color:#FFF;
			background-color:transparent !important;
		}
#content #acces-client form {
	margin:14px 0 0 170px;
	top:0;
	padding:0;
	position:absolute;
	width:165px;
	left:0;
}

	#content #acces-client form input {
		border:medium none;
		width:140px;
		background-color:transparent;
		height:15px;
		line-height:15px;
	}
		html* #content #acces-client form input {
			margin-left:-170px;
		}
	#content #acces-client form button.valid {
		background-color:#dad9d9;
		border:medium none;
		cursor:pointer;
		float:right;
		position:relative;
		height:13px;
		top:0px;
		top /*\**/: 1px\9 ;
		width:17px;
	}
		html* #content #acces-client form button.valid {
			margin-top:-16px;
		}


#content #acces-client-interne {
	background:url(../images/bg-acces-client-interne.png) no-repeat 0 0;
	width:211px;
	height:37px;
	padding:0;
	margin:10px 0px 0px 5px;
}
#content #acces-client-interne form {
	padding:14px 0 0 50px;
	width:146px;
}
	html* #content #acces-client-interne form {
		padding:13px 0 0 50px;
		width:147px;
	}
#content #acces-client-interne form input {
	border:medium none;
	width:121px;
	background-color:#dad9d9;
}
#content #acces-client-interne form button.valid {
	background-color:#dad9d9 !important;
	border:medium none !important;
	cursor:pointer !important;
	margin:0  !important;
	float:right;
	position:relative;
	height:13px;
	top:1px;
	width:17px;
}
html* #content #acces-client-interne form button.valid {
	margin-top:-16px;
}

#content span.filtre-catalogue {
	display:block;
	float:left;
	padding:1px;
	width:250px;
	margin-left:10px;
	margin-bottom:30px;
}
#content span.filtre-catalogue select {
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
	border-style:solid;
	border-width:1px;
	margin:0 0 0 10px;;
	width:250px !important;
}

/* -------------------------------------------------------------------------------------------- */
/* Formulaire */

#global form.messenger {
	width:470px;
	float:left;
	position:relative;
	margin:auto;
	margin:0 0 0 10px;
	padding:0;
}

#global form.messenger fieldset {
	border:none;
	margin-bottom:10px;
	clear:both;
}
	html > body #global form.messenger fieldset.small {
		clear:none;
		float:left;
		width:230px;
	}
	#global form.messenger fieldset.small {
		width:230px;
		margin-right:5px;
	}
#global form.messenger input.submit {
	width:200px;
}
#global form.messenger legend {
	padding:0px;
	font-weight:bold;
	color:#FFFFFF; 
}
html* #global form.messenger legend {
	margin-left:-5px !important;
}
#global form.messenger label {
	display:inline-block;
	vertical-align:top;
	width:200px !important;
	color:#f5a222 !important;
}
#global form.messenger input, form.messenger textarea, form.messenger select {
	padding:2px;
	border:none !important;
	margin:0;
	width:453px !important;
	color:#000;
	background-color:#FFF !important; 
}
#global form.messenger input, form.messenger select {
	height:18px;
	line-height:18px;
}
	#global form.messenger input.submit {
		height:18px;
		line-height:normal !important;
	}
#global form.messenger input#RmContactInfo {
	width:30px !important;
	height:10px !important;
	background-color:transparent !important;
}
	#global form.messenger fieldset.small input {
		width:219px !important;
	}
	
#global form.messenger fieldset ul.objet li {
	list-style:none;
	text-align:left;
	padding-top:7px;
}
#global form.messenger fieldset ul.objet li input {
	width:25px !important;
	background-color:transparent;
	border:none;
}
.bt-send {
	position:relative;
	width:100px !important;
	margin:auto auto 20px auto;
}
#global form.messenger .bt-send input#strMessengerAction, #global form.messenger .bt-send input.submit {
	width:100px !important;
	cursor:pointer;
}
#global form fieldset span {
	position:relative;
}
	#global form fieldset span img {
		position:absolute;
		left:2px;
		top:0;
	}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles applicables au fil d'arianne */
/* -------------------------------------------------------------------------------------------- */

ul#wire {
	border-bottom:1px solid #322B21;
	background-color:#40372b;
	padding-top:2px;
	margin-bottom:15px;
}

ul#wire li {
	display:inline;
	background:url(../images/bg-wire-ul-li.gif) no-repeat 0 5px;
	padding:0 10px;
	color:#aea292;
}
ul#wire li a {
	color:#aea292;
	text-decoration:none;
}
ul#wire li a:hover {
	text-decoration:underline;
	color:#aea292;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclaration des styles applicables au pied de page */
/* -------------------------------------------------------------------------------------------- */

#footer {
	background:#261d13 url(../images/bg-footer.gif) repeat-x center bottom;
	height:100px;
	bottom:0;
	width:100%;
	z-index:1;
}

#footer #conteu-footer {
	width:978px;
	background:url(../images/bg-footer-contenu.png) no-repeat 0 0;
	margin:auto;
	height:100px;
	color:#f5a222;
	text-align:center;
	padding:0px;
}
#footer #conteu-footer p {
	padding-top:15px;
}
#footer #conteu-footer a {
	color:#f5a222;
}

/* -------------------------------------------------------------------------------------------- */
/* Déclarations de styles génériques */
/* -------------------------------------------------------------------------------------------- */

.spacer {
	width:100%;
	clear:both;
	font-size:1px;
	height:1px;
}
.img-right {
	float:right;
	padding:0 0 5px 10px;
}
.img-left {
	float:left;
	display:block;
	margin:10px 10px 0px 10px;
}
.border {
	border:3px solid #4b4235;
}
.center {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}