BODY 
{
	font-family:Georgia;
	margin:0; padding:0; font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#007C85; background: #333333; background-image: url(../images/interface/background.jpg); }

IMG {
	border: none;
	margin: 0;
	padding: 0;
}
/* wrappers */

#site { padding: 0; }
#site_wrap { padding-top: 50px; margin:0; }
#site_contenu { padding: 0; width: 964px; margin-top: -3px; }


#splash_wrap { padding: 70px 0 0 135px; margin:0;}
.splash {}

#contenu_wrap {
	background-image: url(../images/interface/left_border.gif);
	background-repeat: repeat-y;
	background-position: top left;
	background-color: #FBFDFE;
	margin: 0;
	padding: 0;
}

#colMenu {float:left; width:240px; text-align: left; }
#colContenu {float:left; width:724px; padding-left:0; text-align: left; background-color: #FBFDFE; }

/* Header */
#header {color:#000000; margin: 0; padding: 0; }

#header_c {position:relative;height:117px;}
	#header_c .logo {float:left;}
	#header_c .flash {float:left;position:absolute;left:240px;top:0;}
	#header_c H1 {width:724px;height:117px;background-color:#FFFFFF;}
	#header_c H1 SPAN {display:block;padding:110px 20px 0 20px;}
.menu_top { width: 964px; text-align: right;margin-bottom:-3px;}
.menu_home { width: 973px; text-align: right; }
* HTML .menu_home { width: 964px; }
/* Contenu */

#contenu_header {padding: 0; width: 964px;}
#box_titre {
	text-align: right;
}

#contenu {padding:0; }

#text { padding: 0 40px 0 30px; }

.tb_couleurs { font-size: 10px; }
				
/* Footer */
#footer {padding:20px 0 58px 0; text-align:left; color:#65E8F2; width: 950px; font-size: 11px; position:relative;} 
	UL.menu_bottom {float:left; margin:0; padding:0; list-style-type:none;}
	UL.menu_bottom LI {display:inline; padding-left:12px;}
	
	#footer A:link, #footer A:visited {color:#65E8F2; text-decoration:none;}
	#footer A:active, #footer A:hover {color:#FFFFFF; text-decoration:none;}

.logo_stabilo {position:absolute; top:15px; left:625px;}
.logo_stabilo_en {position:absolute; top:15px; left:560px;}

.lien_social{float:right; color:#969696; font-weighT:bold; font-size:11px; position:absolute; top:12px; right:0;}
.lien_social span{width:80px; position:absolute; top:10px; right:65px;}

.lien_social_fr{float:right; color:#969696; font-weighT:bold;  font-size:11px; position:absolute; top:12px; right:0;}
.lien_social_fr span{width:125px; position:absolute; top:8px; right:48px;}

.icons {
	margin: 0 4px 0 4px;
	vertical-align: middle;
}
/* Sections */

/* Produits */

#contenu_produit { padding: 10px 20px 0 10px; }

.fond_bleu2 { background-color: #EEF6F8; }

.pointille
{
    background-image: url("/images/interface/pointille.gif");
    background-position: top;
    background-repeat: repeat-y;
}
.pointille2 
{
    background-image: url("/images/interface/pointille2.gif");
    background-position: top;
    background-repeat: repeat-y;
}
.pointille3 
{
    background-image: url("/images/interface/pointille3.gif");
    background-position: top;
    background-repeat: repeat-x;
}
.pointille4 
{
    background-image: url("/images/interface/pointille4.gif");
    background-position: top;
    background-repeat: repeat-x;
}

.img_agenda { margin: 20px 0 20px 0; }

.prod_text {
	width: 180px;
	text-align: left;
}

.prod_image {
    width: 160px;
    text-align: center;
    display: block;
}

.pCouleurs { margin-top: 10px; }

#text_fiche { padding: 0 10px 0 30px; }

#zoom {
	text-align: right;
	width: 180px;
}

#col_gauche {
	width: 300px;
	float: left;
	padding-right: 20px;
}
#col_droite {
	width: 350px;
	float: left;
}

.s1_2_2_1 .SohoRubis, .s1_2_2_2 .SohoRubis, .s1_2_2_4 .SohoRubis, .s1_2_2_5 .SohoRubis, .s1_2_2_6 .SohoRubis, .s1_2_2_9, .s1_2_2_12 .SohoRubis, .s1_2_4_11 .SohoRubis  {display:none;}


.produit { font-weight: bold; }
.format { padding: 3px 0; } 

/* Oł acheter */

.fond_bleu { background-color: #e9eaea; padding:10px; }

#btn_recherche { text-align: center; padding-left: 25px; padding-top: 20px; }

ul#form {list-style:none; list-style-image:none; padding:20px 0;margin:0;}
        ul#form label {display:inline-block;width:130px;}
        ul#form input, ul#form textarea, ul#form select {border:1px solid #BFD9F4;}
        
        ul#form li {margin:10px 0;}
        ul#form li#message label{padding-top:20px; display:block;width:auto;}
        
        ul#form li.error input, ul#form li.error select, ul#form li.error textarea {border:1px solid #FF0000;}            
        ul#form li.error label {color:#FF0000;}
        
        
        ul#form em {color:#ACACAC;font-size:11px;}
		

/* Home */
#home {padding:0;}
	#zone_flash { margin: 0; padding: 0; width: 964px; padding-left: 9px;}
		
#post-it { text-align: left; width: 973px; margin: 0 9px 0 0; }

#saviez-vous { padding: 30px 0px 0 15px; }
#text_saviez { padding: 10px 5px 0 5px; margin: 0; color:#65E8F2; }

#saviez-vous #text_saviez{width:179px; height:100px; background:transparent; 
            position:relative;overflow:hidden;z-index:100; display:none;} 
			
	#saviez-vous #text_saviez span {padding:10px 5px 0 5px; width:179px;height:100px;top:0;left:0;background:transparent; } 
	#saviez-vous #text_saviez img {background:none; } 

#corner { float: right; margin-top: -10px; padding: 0; }

/* Menus */

#menu { width:240px; font-size:13px }

	#menu .xmlMenu {margin:0; padding:10px 0 5px 10px;}
	
.menu_crumb {float:right;}
.menu_size {float:right;}

/* xmlMenu */

.xmlMenu {margin:0; padding:10px 0 5px 10px;}
	.xmlMenu .menu, .xmlMenu .menu_a, .xmlMenu .menu_last  {padding: 0;}
	.xmlMenu .menu_last {}
	/*IE6*/ * HTML .xmlMenu .menu {}
	
	.xmlMenu .titre, #menu .titre_a {}
		.xmlMenu .item, .xmlMenu .item_a .actif { font-weight:bold; }
		.xmlMenu .item, .xmlMenu .item_a {padding: 2px 0;}
	
	.xmlMenu .sMenu {padding:7px 0 7px 0;}
		.xmlMenu .sMenu {padding: 0 0 5px 20px; font-size: 12px;}
		.xmlMenu .sMenu2 {padding: 3px 0 5px 10px; font-size: 11px;}
		.xmlMenu .sMenu2 .actif { font-weight: normal; }
		
		.xmlMenu .sMenu2 .item_a { padding:0; }

	.xmlMenu .sMenu A:link, .xmlMenu .sMenu A:visited {color:#575757; text-decoration:none;}
	.xmlMenu .sMenu A:active, .xmlMenu .sMenu A:hover {color:#007C85; text-decoration:none;}	
		
	.xmlMenu A.actif:link, .xmlMenu A.actif:visited {color:#007C85; text-decoration:none;}
	.xmlMenu A.actif:hover, .xmlMenu A.actif:active {color:#575757; text-decoration:none;}

	
	.xmlMenu SPAN {display:block;width:100%;cursor:hand;}

/* FAQ **** */	

.xmlFaq {margin-top:0;}
	.xmlFaq .titre {font-size:14px;color:#007C85; }
	.xmlFaq .question { margin:0; font-size:13px; font-weight:bold; color:#575757;}
		.xmlFaq .question .titre {float:left;padding: 0 5px 0 0;margin-top:-3px;display:block;}
		.xmlFaq .question .texte {width:13px;}
	.xmlFaq .reponse {clear:both;padding:5px 0 0 0; margin:0; color:#575757;}
		.xmlFaq .reponse .titre {float:left;padding: 0 5px 0 0;margin-top:-3px;display:block;}
		.xmlFaq .reponse .texte {width:520px;}
		.xmlFaq .reponse P {padding: 0 0 0 0;}
	.xmlFaq .clearer {padding: 0 0 20px 0;}
	

/* Typo */
H1 {padding:0 0 20px 0; margin:0; font-size:20px; color:#007C85;}
H2 {padding:10px 0 0 0; margin:0; font-size:16px; color:#007C85;}
H3 {font-size:14px; padding:0; margin:0;}
H4 {font-size:14px;}

P {margin-bottom:15px; color:#575757;}

SUP { vertical-align: text-top; }

A:link, A:visited {color:#007C85; text-decoration:underline;}
A:active, A:hover {color:#575757; text-decoration:none;}

.tGris { color: #8C8C8D; }
.tVert { color:#007C85; }
.tBleu { color:#65E8F2; }
.tSlogan {color:#ff0000;}

/* Listes */

UL {margin:0; padding:5px 0 10px 30px; list-style-image:url(/images/icons/li_1.gif);}
	UL LI {margin:0; padding:0 0 5px 0; color:#575757;}
	
/* FORMS **** */

FORM {padding:0; margin:0;}
INPUT, SELECT, TEXTAREA { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:11px; }
TEXTAREA {background-color:#FFFFFF;}
INPUT.submit { background-color:#007C85; color: #FFFFFF; height: 20px; border: solid 1px; }
INPUT.txt {padding:2px 5px 2px 5px;background-color:#FFFFFF;border:solid 1px #007C85;}
SELECT {border:solid 1px #C3C3C3;background-color:#FFFFFF;}


/* Validation */

.erreur {font-size:12px;display:block;}
	.erreur UL {margin:0;padding:10px 0 10px 20px;}
	.erreur LI {font-size:11px;color:#DD0000;font-weight:normal;}


/* Divers */
.clearer {clear:both;}
.floatRight { float: right; }
.floatLeft { float: left; }

.imgLf { float: left; margin-right: 10px; }

#logo_print {display:none;}

.photo { float: left; margin: 0 15px 0 -40px; }
.photo1 { float: right; margin: 0 -20px 0 10px; }
.photoPefc { float: left; margin: 15px 15px 0 0px; }

.anim_flash { float: left; margin: 0 5px 0 -20px; }

.pdf_ico { vertical-align: middle; }

/* SiteMap **** */	

.xmlSiteMap {padding:0 0 0 0;}
	#map_0 {margin-left:0;}
		#map_0 .item {}
	
	.xmlSiteMap .map_section  {margin:0 0 20px 0;}
		.xmlSiteMap .titre { font-size: 12pt; font-weight: bold; }
		
	.xmlSiteMap .map_sub { margin:10px 0px 0px 10px; font-size: 10pt; font-weight: bold;}
		.xmlSiteMap .map_sub .item {padding: 0px 0 0px 5px;}
		
    .xmlSiteMap .map_sub2 { font-weight:normal; font-size: 8pt; margin: 5px 0 10px 0;}
		.xmlSiteMap .map_sub2 .item {padding: 0px 0 4px 10px; }
		
	.xmlSiteMap A:link, .xmlSiteMap A:visited {color: #575757; text-decoration:none;}
	.xmlSiteMap A:active, .xmlSiteMap A:hover {color: #007C85; text-decoration:none;}

	.xmlSiteMap .titre A:link, .xmlSiteMap .titre A:visited { color: #007C85; text-decoration:none; }
	.xmlSiteMap .titre A:active, .xmlSiteMap .titre A:hover { color: #575757; text-decoration:none; }
	
	.xmlSiteMap .trigger {display:block;width:100%;cursor:hand;}
	
	#tblSiteMap {width:560px;}
		#tblSiteMap TD {vertical-align:top;}
		#tblSiteMap .col1 {}
		#tblSiteMap .col2 {}
		
		
/* SIZE */

.size1 {font-size:12px;}
	.size1 H1 {}
	.size1 H2 {}
	
.size2 {font-size:14px;}
.size3 {font-size:16px;}
.size4 {font-size:18px;}

/* DATAGRID_01 Start */   
TABLE.dataGrid_01 {font-size: 10px;}
	 .dataGrid_01 TD {padding:3px;}
	 .dataGrid_01 .header {text-align:center}
	 .dataGrid_01 .header TD { font-size: 11px; color: #ED193A; font-weight: normal; }
	 .dataGrid_01 .pager TD  { font-size: 11px; color: #000000; font-weight: bold; text-align:center}
	 .dataGrid_01 .pager TD A { font-weight:normal;  }
	 .dataGrid_01 .footer TD { padding:2px;}
	 .dataGrid_01 .footer INPUT, .dataGrid_01 .edit INPUT { height:15px; font-size:11px;}
	 .dataGrid_01 .item {background-color:#F2FCFF; vertical-align:top; /*text-align:left;*/}
	 .dataGrid_01 .alternate {background-color:#E7FAFF; vertical-align:top; /*text-align:left;*/}
	 .dataGrid_01 .rowOver {background-color:#FDFDE3; vertical-align:top; /*text-align:left;*/}
	 .dataGrid_01 .edit {background-color:#FFFFD7;}
	 .dataGrid_01 .footer {background-color:#F3F3F3; text-align:left;}
	 
	 .dataGrid_01 .button {background-color:#E1EBD8; color: #95A2AA; }
	 .dataGrid_01 .checkBox {padding-left:20px; text-align:left; font-weight:bold; color: #5BAA14; }
	 .dataGrid_01 .item .center, .dataGrid_01 .alternate .center, .dataGrid_01 .header .center, .dataGrid_01 .footer .center {text-align:center;}
	 
/* DATAGRID_01 End */