/*#################################################################################################*/
/*                                                                                                 */
/*                                             SPIT                                                */
/*                                    CSS PRINT - ACTi 2007                                       */
/*                                                                                                 */
/*#################################################################################################*/

body{
	margin:0px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}
.myhr{ clear:both; visibility:hidden; height:0px; overflow:hidden; }
form{ margin:0px; padding:0px; }
img{ border:none; }
a:link,a:visited{ text-decoration:none; color:#ff7701; }
a:hover{ text-decoration:underline; }
a:active{ outline:none; }

.navigation-rapide{ display:none; }

/***************************************************************************************************/
/*********************************************** css overall ***************************************/
/***************************************************************************************************/
#container{ }
#metanav{ display:none; }


#recherche-rapide, #recherche-rapide-home{ display:none; }

#flash-home{ display:none; }

#contenu{  }

#colonne-gauche{ display:none; }

#footer{ display:none; }

/***************************************************************************************************/
/********************************************* css home only ***************************************/
/***************************************************************************************************/
#header-home{ height:200px; background-image:url(images/header-home.jpg); }
#colonne-droite-home{ float:right; width:199px; padding:0px 10px 10px 10px; }
#content-home{ float:left; width:570px; margin:0px 0px 0px 10px; padding:10px 0px 0px 0px; }
#actu-innovation-home{ float:right; width:183px; height:381px; padding:0px 0px 17px 0px; border:solid 1px #c4c4b3; }
#gammes-produits-home, #services-spit-home{ float:left; width:372px; border:solid 1px #c4c4b3; }
#services-spit-home{ margin:10px 0px 0px 0px; padding:0px 0px 10px 0px; }
#content-home h2{ background-position:top left; background-repeat:no-repeat; height:24px; margin:0px; padding:0px;
	font-size:0.1em; text-indent:-9998px; border:none; }
#gammes-produits-home h2{ background-image:url(images/h2-gamme-produits-home.gif); border:none; }
#services-spit-home h2{ background-image:url(images/h2-services-spit-home.gif); border:none; }
#actu-innovation-home h2{ background-image:url(images/h2-actu-home.gif); border:none; }
#actu-innovation-home h3{ margin:0px 0px 1px 0px; padding:7px; background-color:#ecece5; color:#eb6d01; font-size:1em; }
#actu-innovation-home p{ padding:0px 10px 10px 10px; }
#actu-innovation-home a{ display:block; padding:10px; margin:0px 0px 0px 10px; color:#eb6d01;
	background:url(images/puce_triangle_gris.gif) no-repeat left;  }

/* slider styles [ begin ] */
#gammes-produits-home .fl { float: left; display: inline; }
#gammes-produits-home.news_slider { position: relative; width: 372px; height:295px; overflow: hidden; }
#gammes-produits-home.news_slider .prev, #gammes-produits-home.news_slider .next { position: absolute; top: 0px; display: none; }
#gammes-produits-home.news_slider .next { right: 0; }
#gammes-produits-home.news_slider .news_items { position: relative; width: 347px; left: 12px; overflow: hidden; }
#gammes-produits-home.news_slider .news_items .view_all { /*padding: 5px; margin: 0 0 2px 0; border-top: #eeeeed 1px solid; border-bottom: #eeeeed 1px solid; text-align: center;*/ display:none; }
#gammes-produits-home.news_slider .news_items .container { position: relative; top: 0; left: 0; }
#gammes-produits-home.news_slider .news_items .container .item { width:115px; margin: 0 1px 10px 0; text-align:center; }
#gammes-produits-home.news_slider .news_items .container .item a{ display:block; width:115px; height:130px; 
	text-decoration:none; color:#000000; }
#gammes-produits-home.news_slider .news_items .container .item a span{ background-color:#ecece5; display:block; 
	padding:7px 0px 7px 0px; } 
/* slider styles [ end ] */

#services-spit-home ul { margin:0px; padding:10px 0px 10px 10px; list-style:none; }
#services-spit-home ul li{ border-bottom:solid 1px #c4c4b3; float:left; width:166px; margin:0px 15px 0px 0px; padding:0px; }
#services-spit-home ul li a{ background:url(images/puce_triangle_orange.gif) left no-repeat; padding:0px 0px 0px 10px;
	color:#000000; text-decoration:none; font-size:0.9em; }

/***************************************************************************************************/
/**************************************** css pages int�rieures ************************************/
/***************************************************************************************************/
#header{ height:100px; }
#logo{  }
#logo img{  }
#logo a:link, #logo a:visited{  }
#logo a:hover{  }

#content{  }
#fildariane{ color:#eb6d01; font-size:0.9em; margin:15px 0px 0px 0px; }
#fildariane a{ color:#eb6d01; }

h1{ border-bottom:solid 1px #c4c4b3; color:#eb6d01; margin:18px 0px 0px 0px; padding:0px; font-size:1.5em; }
h2{ border-bottom:solid 1px #eb6d01; color:#777; margin:18px 0px 10px 0px; padding:0px; font-size:1.2em; }


#topetprint{ display:none; }
#topetprint a{ }

#colonne-droite{ display:none; }

/******************************** Phototh�que *****************************************/
.phototheque-recherche{ background:#ecece5 url(images/phototheque-recherche.gif) no-repeat top left;
	margin:1px 0px 0px 0px; padding:5px 0px 3px 35px; clear:both; height:15px; }
.phototheque-recherche label{ float:left; width:250px; }
.phototheque-recherche select, .phototheque-recherche input{ float:left; margin:-15px 0px 0px 150px; font-size:0.9em; 	
	width:250px; border:solid 1px #999999; }
#valider{ border:solid 1px #999999; margin:15px 0px 0px 0px; }

/********************************************** r�sultats ************/
h2.h2-phototheque{ margin:20px 0px 8px 0px; padding:5px 5px 5px 10px; color:#FFFFFF; font-size:1.2em;
	background:url(images/fd_strie_orange.gif) right repeat-y; border:none; }
.phototheque-pager{ display:none; }

#phototheque-resultat{ padding:0px 0px 0px 1px; }

.phototheque-mini{ float:left; width:106px; text-align:center; margin:0px 35px 10px 0px; }
.retour{ margin:0px 0px 10px 0px; }
.phototheque-mini span{ display:block; }
.phototheque-mini a:link, .phototheque-mini a:visited, .phototheque-mini a:hover{ text-decoration:none; color:#000000; }

/********************************************** d�tail photo ************/
#grande-photo{ background-color:#ecece5; padding:10px; margin:0px 0px 10px 0px;}
#grande-photo img{ float:left; margin:0px 15px 0px 0px;}

#consulter-fiche{ background-image:url(images/consulter-fiche.gif); width:165px; height:18px; float:right; 
	font-size:0.9em; padding:6px 0px 0px 50px; }
#consulter-fiche a:link, #consulter-fiche  a:visited{ text-decoration:none; color:#000000; }
#consulter-fiche  a:hover{ color:#eb6d01; }

h2.h2-telechargement{ background:url(images/h2-telechargement.gif) bottom left no-repeat; height:24px; margin:0px; 
	padding:0px; font-size:0.1em; text-indent:-9998px; border:none; }

.tab-telechargement{ background-color:#ecece5; margin:0px 0px 10px 0px; }
.tab-telechargement td, .tab-telechargement th{ border-bottom:solid 1px #FFFFFF; text-align:left; padding:2px 5px 2px 10px; }
.tab-telechargement th{ border-top:solid 1px #ecb380; }
.tab-telechargement a:link, .tab-telechargement a:visited{ text-decoration:none; color:#000000; }
.tab-telechargement a:hover{ color:#eb6d01; }

/******************************** Gammes de produits *****************************************/
#gammes-produits{ margin:0px 0px 10px 0px; }
#gammes-produits ul{ margin:0px; padding:0px; list-style:none; }
#gammes-produits ul li{ width:171px; height:195px; float:left; margin:10px 4px 5px 0px; text-align:center; 
	overflow:hidden; border:solid 1px #c4c4b3; }
#gammes-produits ul li a{ display:block; width:171px; height:171px; text-decoration:none; color:#000000; }
#gammes-produits ul li a span{ 
	background:url(images/gamme-produits.gif) no-repeat top left; border-bottom:solid 1px #fff;
	display:block; padding:6px 0px 5px 30px; margin:0px 0px 10px 0px; text-align:left; font-weight:bold; } 
#gammes-produits ul li a:hover span{ }

/************************** Listing Sous-Gammes de produits **********************************/
#produits-intro{ background:#ecece5; float:left; width:235px; padding:10px; margin:10px 0px 0px 0px; }
#produits-intro img{ float:left; margin:0px 10px 5px 0px; }

#produits-sous-gammes, #produits-applications{ width:265px; float:right; }
#produits-sous-gammes h3{ 
	background:url(images/h3-lesgammes.gif) no-repeat left;
	margin:5px 0px 0px 0px; padding:0px; font-size:0.1em; text-indent:-9998px; height:25px;
	}
#produits-applications h3{ background:url(images/h3-lesapplications.gif) no-repeat left;
	margin:5px 0px 0px 0px; padding:0px; font-size:0.1em; text-indent:-9998px; height:25px; }
#produits-sous-gammes ul, #produits-applications ul{ margin:0px; padding:0px; list-style:none; border-top:solid 1px #c4c4b3; }
#produits-sous-gammes ul li, #produits-applications ul li{ margin:0px; padding:0px; border-bottom:solid 1px #c4c4b3; }
#produits-sous-gammes ul li a, #produits-applications ul li a{ 
	display:block; padding:2px 0px 2px 20px; color:#000000; font-weight:bold; text-decoration:none;
	background:url(images/puce_triangle_orange.gif) no-repeat 10px 6px; }
#produits-sous-gammes ul li strong, #produits-sous-applications ul li strong{ display:block; padding:2px 0px 2px 20px; 
color:#ff7701; font-weight:bold; text-decoration:none; background: #ecece5 url(images/puce_triangle_orange.gif) no-repeat 10px 6px; }

h2.h2-comparer{ margin:20px 0px 8px 0px; padding:11px 5px 3px 10px; color:#FFFFFF; font-size:1.4em;
	background:url(images/h2-comparer.gif) bottom no-repeat; border:none;}

.tab-sous-gammes{ margin:0px 0px 10px 0px;}
.tab-sous-gammes-photo{ width:105px; border:solid 1px #c4c4b3; text-align:center; }
.tab-sous-gammes-comparer{ float:right; color:#ecece5; background:url(images/comparer.gif) left no-repeat; 
	width:90px; text-align:right; }
.tab-sous-gammes-comparer span{ visibility:hidden; }
.tab-sous-gammes th{ padding:5px 5px 5px 20px; background:#ecece5 url(images/puce-th.gif) top left no-repeat; }
.tab-sous-gammes th a{ color:#000000; }
.tab-sous-gammes-description{ border-bottom:solid 1px #c4c4b3; padding:3px 0px 10px 0px; }
.tab-sous-gammes-info{ color:#8f8f85; border-bottom:solid 1px #c4c4b3; font-size:0.8em; padding:2px 0px 2px 0px; }

.bouton-comparer{ background-color:#ecece5; text-align:right; padding:2px; }
.bouton-comparer input{ border:solid 1px #666; font-size:0.9em; }

/********************************* Fiche produit ***************************************/
#fiche-prod-titre{ border-top:solid 1px #c4c4b3; margin:37px 0px 10px 0px; padding:3px 0px 0px 0px; }
#fiche-prod-titre h1{ 
	background:no-repeat left;	margin:0px 0px 3px 0px; border-bottom:none; color:#eb6d01; font-size:1.8em; float:left; }
#fiche-prod-metiers{ float:right; }
#fiche-prod-titre h2{ font-size:1em; border-top:solid 1px #c4c4b3; background-color:#ecece5; padding:5px; clear:both; margin:0px; border:none; }

#fiche-prod-visuel{ float:left; width:240px; height:212px; overflow:hidden; text-align:center; }
#fiche-prod-liens-et-materiaux{ width:275px; float:right; background:url(images/fiche-prod-liens.gif) no-repeat top left;}

#fiche-prod-liens{ 
	margin:0px; padding:0px; list-style:none;  }
#fiche-prod-liens li{ width:54px; height:55px; float:left; margin:0px 1px 0px 0px; }
#fiche-prod-liens a:link, #fiche-prod-liens a:visited{ display:block; width:55px; height:55px; background-image:url(images/fiche-prod-liens-actif.gif); background-repeat:no-repeat; }
#fiche-prod-liens a:hover{ }
#fiche-prod-liens span{ display:none; }

#fiche-prod-liens-et-materiaux h3{ border-bottom:solid 1px #c4c4b3; 
	background:url(images/h3-usages-materieux-normes.gif) top left no-repeat;
	margin:20px 0px 10px 0px; padding:0px; height:21px; font-size:0.1em; text-indent:-9998px; }

#fiche-vue-eclatee a{ background-position:0px 0px; }
#fiche-video a{ background-position:-55px 0px; }
#fiche-fiche-produit a{ background-position:-110px 0px; }
#fiche-phototheque a{ background-position:-165px 0px; }
#fiche-bibliotheque a{ background-position:-220px 0px; }

#fiche-prod-avantages{  }
#fiche-prod-avantages h3{ background-image:url(images/h3-avantages-produit.gif); height:25px; margin:20px 0px 0px 0px;
	font-size:0.1em; text-indent:-9998px; }
#fiche-prod-avantages ul{ margin:0px; padding:2px 0px 0px 0px; list-style:none; }
#fiche-prod-avantages ul li{ margin:0px; border-bottom:solid 1px #c4c4b3; 
	background:url(images/puce_triangle_orange.gif) no-repeat left; padding:3px 0px 3px 10px; }

#h3-specifications{ margin:20px 0px 0px 0px; padding:0px; background:url(images/h3-specifications.gif) left no-repeat; 
	height:22px; font-size:0.1em; text-indent:-9998px; }
.tab-specifications{ background-color:#ecece5; margin:0px 0px 10px 0px; border-top:solid 1px #ecb380;}
.tab-specifications td, .tab-specifications th{ border-bottom:solid 1px #FFFFFF; text-align:left; padding:2px 5px 2px 10px; }

#onglet-accessoires h4{ margin:10px 0px 5px 0px; padding:0px; font-size:1em; }
.tab-accessoires, .tab-accessoires-ouvert{ background-color:#FFFFFF; margin:0px 0px 1px 0px; }
.tab-accessoires a:link, .tab-accessoires a:visited, .tab-accessoires a:hover{ display:block; text-decoration:none; color:#000000; padding:5px; }
.tab-accessoires a img, .tab-accessoires-ouvert a img{ float:right; }

.tab-accessoires-ouvert a:link, .tab-accessoires-ouvert a:visited, .tab-accessoires-ouvert a:hover{ 
	display:block; text-decoration:none; font-weight:bold; padding:5px 5px 5px 20px; color:#ff7700; 
	background:url(images/fleche-orange.gif) no-repeat 8px 9px; }

.tab-accessoires-visuel{ float:right; width:173px; padding:0px 15px 0px 0px; overflow:hidden; text-align:right; }
	
.tab-accessoires-details{ margin:0px 0px 0px 10px; width:303px; }
.tab-accessoires-details td{ padding:2px; }
.tab-accessoires-details th{ text-align:left; color:#000000; border-left:solid 1px #ecb380; 
	border-bottom:solid 1px #ecb380; border-top:solid 1px #ecb380; padding:2px 0px 2px 14px; 
	background:#ffe4cc url(images/puce_triangle_orange.gif) 5px 6px no-repeat; }

.tab-accessoires-details-td{ background-color:#ffe4cc; border-right:solid 1px #ecb380; border-top:solid 1px #ecb380;
	border-bottom:solid 1px #ecb380; }

.tab-accessoires-details-panier{ border:solid 1px #c4c4b3; 
	background:url(images/tab-accessoires-panier.gif) left no-repeat; display:none; }
.tab-accessoires-details-panier a:link, .tab-accessoires-details-panier a:visited,.tab-accessoires-details-panier a:hover { color:#000000; padding:0px 0px 0px 25px; color:#ff7700; background-image:none; font-weight:normal; }

#fiche-prod-conseil-pro{ background-color:#ecece5; border:solid 1px #c4c4b3; margin:20px 0px 0px 0px; }
#fiche-prod-conseil-pro h3{ margin:0px 0px 5px 0px; padding:0px; height:25px; font-size:0.1em; text-indent:-9998px;
	background:#FFFFFF url(images/h3-conseildupro.gif) top left no-repeat;  }
#fiche-prod-conseil-pro img{ float:left; margin:0px 5px 5px 5px; }

#colonne-droite-packs-produits{ border:solid 1px #c4c4b3; background:#FFFFFF; margin:10px -10px 0px -10px; padding:0px 0px 5px 0px; }
#colonne-droite-packs-produits h5{ font-size:1em; margin:0px; padding:5px 5px 5px 20px; 
	background:#ffe4cc url(images/puce_triangle_orange.gif) no-repeat 10px 10px; }
#colonne-droite-packs-produits table{ margin:5px 5px 0px 5px; font-size:0.9em; }
#colonne-droite-packs-produits th{ padding:2px 5px 2px 0px; color:#ababab; border-bottom:solid 1px #c4c4b3; 
	text-align:left; }
#colonne-droite-packs-produits td{ background:#ecece5; border-top:solid 1px #ffffff; padding:2px 5px 2px 5px; }

.accessoires-liste{ overflow:auto; }
.accessoires-liste td, .accessoires-liste th{ padding:2px 5px 2px 5px; }
.accessoires-liste th, .accessoires-liste .contenus{ border-right:solid 1px #fff; border-bottom:solid 1px #fff; border-right:solid 1px #fff;}
.accessoires-liste th { border-left:solid 1px #FFFFFF; }
.accessoires-liste .premier-entete{ border-bottom:solid 1px #fff;}
.accessoires-liste .entete-liste{ background:#FFFFFF; border-bottom:solid 1px #999; border-left:solid 1px #e5e5e5; font-size:0.8em; }

#fiche-prod-onglets ul{ margin:0px; padding:5px; list-style:none; }
#fiche-prod-onglets ul li{ border:solid 1px #999999; margin:0px; padding:5px; }

/************************************* Connexion + pass perdu + inscription ************************************/
.utilisateur-connexion, .utilisateur-inscription{ border:solid 1px #999999; margin:20px 0px 0px 0px; 
	padding:10px 10px 10px 10px; }
.utilisateur-connexion legend, .utilisateur-inscription legend{ font-weight:bold; padding:0px 5px 0px 5px; 
	color:#ff7701; }

.utilisateur-connexion label{ display:block;margin:10px 0px 0px 0px; }
.utilisateur-connexion .grandInput{ width:200px; }
.utilisateur-connexion div{ display:block; clear:both; margin:0px 0px 10px 0px; }

/************************************* Comparaison ************************************/
#table-comparaison-wrap{ overflow:auto; margin:20px 0px 0px 0px; width:620px; }
#table-comparaison td, #table-comparaison th{ padding:2px; }
#table-comparaison th{ text-align:left; border-right:solid 1px #ecece5; font-size:0.9em; font-family:Verdana, Arial, Helvetica, sans-serif; }
#table-comparaison ul{ margin:0px; padding:0px; list-style:none; }
#table-comparaison ul li{ margin:0px; background:url(images/puce_triangle_orange.gif) no-repeat left; padding:0px 0px 0px 10px; }
.separation{ border-bottom:solid 1px #ecece5; padding:2px 4px 2px 4px; }
.separ-right{ border-right:solid 1px #ecece5; }
.row1{ background-color:#ecece5; }
.row1 td{ border-right:solid 1px #ffffff; }
.comparaison-titre{ background:#ececec; }


/***************** inscription *******************/
.utilisateur-inscription table{ width:100%; }
.utilisateur-inscription table td, .utilisateur-inscription table th{ padding:1px; text-align:left; font-weight:normal; }

.utilisateur-inscription th{ width:190px; }
.utilisateur-inscription label{ display:block; }
.utilisateur-inscription .grandInput{ width:300px; }

/************************************************ PANIER *******************************************/
#ajout-rapide-reference{ padding:0px 0px 15px 0px; border-bottom:solid 1px #ececec; }
#table-panier{ margin:15px 0px 10px 0px; }
#table-panier th{ background:#ececec; padding:2px; border-bottom:solid 1px #c4c4b3; }
#table-panier td{ padding:2px; border-bottom:solid 1px #ececec; }
#table-panier td strong{  }
#table-panier td input{ font-size:0.9em;  }
.numero{ width:18px; background:#ececec; text-align:center; }
.quantite{ width:100px; }
.trash{ width:18px; text-align:right; }


/******************************************* biblio technique ***************************************/
#biblio-label-general{ display:block; margin:0px 0px 10px 0px; }
.biblio-tech-checkbox{ clear:both; border-top:solid 1px #FFFFFF; padding:2px 0px 2px 0px; }
.biblio-tech-checkbox input{ float:left; margin:0px 107px 0px 0px; font-size:1em; width:auto; border:none; }
.biblio-tech-checkbox label{ float:left; width:220px; }

.bibliotheque-recherche{ background:#ecece5 url(images/phototheque-recherche.gif) no-repeat top left;
	margin:1px 0px 0px 0px; padding:5px 0px 3px 35px; clear:both; }
.bibliotheque-recherche label{ float:left; }
.bibliotheque-recherche select, .bibliotheque-recherche input{ margin:-15px 0px 0px 150px; font-size:0.9em; 	
	width:250px; border:solid 1px #999999; }

/* slider styles [ begin ] */
#gammes-produits-biblio .fl, #gammes-produits-biblio2 .fl{ float: left; display: inline; }
#gammes-produits-biblio.news_slider, #gammes-produits-biblio2.news_slider{ clear:both; position: relative; width: 455px; height:140px; overflow: hidden;	background:#FFFFFF; margin:5px 0px 3px 0px; }
#gammes-produits-biblio.news_slider .prev, #gammes-produits-biblio.news_slider .next, #gammes-produits-biblio2.news_slider .prev, #gammes-produits-biblio2.news_slider .next{ 
	position: absolute; top: 0px; display: none; }
#gammes-produits-biblio.news_slider .next, #gammes-produits-biblio2.news_slider .next{ right: 0; }
#gammes-produits-biblio.news_slider .news_items, #gammes-produits-biblio2.news_slider .news_items{ position: relative; width: 347px; left: 22px; overflow: hidden; }
#gammes-produits-biblio.news_slider .news_items .view_all, #gammes-produits-biblio2.news_slider .news_items .view_all{ display:none; }
#gammes-produits-biblio.news_slider .news_items .container, #gammes-produits-biblio2.news_slider .news_items .container{ position: relative; top: 0; left: 0; }
#gammes-produits-biblio.news_slider .news_items .container .item, #gammes-produits-biblio2.news_slider .news_items .container .item{ width:135px; margin: 10px 1px 10px 0; text-align:center; }
#gammes-produits-biblio.news_slider .news_items .container .item a, #gammes-produits-biblio2.news_slider .news_items .container .item a{ display:block; width:135px; height:130px; text-decoration:none; color:#000000; }
#gammes-produits-biblio.news_slider .news_items .container .item a span, #gammes-produits-biblio2.news_slider .news_items .container .item a span{ background-color:#ecece5; display:block; padding:7px 10px 7px 10px; }
/* slider styles [ end ] */


/******************************************* Trouver SPIT ***************************************/
#carte-france{ padding:0px 5px 10px 0px; width:321px; margin:10px 0px 10px 0px; border-right:solid 1px #e5e5e5; 
	background:#fff; }
#criteres-points-vente{ width:197px; float:right; margin:10px 0px 0px 0px; background:#fff;}
#criteres-points-vente input, #criteres-points-vente select{ font-size:1em; }


/***************************************************************************************************/
/********************************************* styles divers ***************************************/
/***************************************************************************************************/
.remarque{ font-style:italic; color:#777777; }

.bouton:link, .bouton:visited, .bouton:hover{ border: 1px double #999; border-left-color: #ccc; border-top-color: #ccc; background:#f0f3f3; text-decoration:none; font-weight:bold; padding:3px 5px 3px 5px; }

#message_mask {
	display:none;
}

#message_box {
	display:none;
}