/* Tabs
----------------------------------*/
#tabs2 { clear:both; padding-top:0px;}
#ul-tabs1 li.onglet-1{ margin-left:340px}
#ul-tabs1 li{ display:inline;}
.ui-tabs {
	zoom: 1;
}
.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	
}
.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	border-bottom-width: 0 !important;
	margin: 0 4px -1px 0;
	padding: 0;
}
.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding:3px 9px 1px 9px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 1px;
	border-bottom-width: 0;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	background: none;
	background: #ffffff/*{bgColorContent}*/ url(../img/tabs/degrade_pav_tabs.gif)/*{bgImgUrlContent}*/ 0/*{bgContentXPos}*/ bottom/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	border-bottom:1px solid #bbb;
	padding-top:2px;
	padding-left:1px;
	float:left;
	padding-bottom:7px;
	width:100%;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}
/* Theme 
--------------------------------------*/

.ui-state-default .bg_left {
	float:left;
	background: url(../img/tabs/bg_left_onglet_home.gif) 0 0 no-repeat;
	width:3px;
	height:16px;
}
.ui-state-default .bg_right {
	float:left;
	background: url(../img/tabs/bg_right_onglet_home.gif) 0 0 no-repeat;
	width:3px;
	height:16px;
}
.ui-state-default .onglets {
	float:left;
}
.ui-tabs-selected .onglets {
	float:left;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected .bg_left {
	float:left;
	background: url(../img/tabs/bg_left_onglet_home_actif.gif) 0 0 no-repeat;
	width:3px;
	height:17px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected .bg_right {
	float:left;
	background: url(../img/tabs/bg_right_onglet_home_actif.gif) 0 0 no-repeat;
	width:3px;
	height:17px;
}
/* Component containers
----------------------------------*/
.ui-widget {
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Verdana, Arial, sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
}
.ui-widget-content a {
}
.ui-widget-header {
	border-bottom: 1px solid #aaaaaa/*{borderColorHeader}*/;
	height:16px;
	font-size:11px;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default {
	background: url(../img/tabs/bg_onglet_home.gif) 0 0 repeat-x;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: #444/*{fcDefault}*/;
	text-decoration: none;
	outline: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #f60/*{fcHover}*/;
	text-decoration: none;
	outline: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	outline: none;
	background:#fff url(../img/tabs/bg_onglet_home_actif.gif) 0 0 repeat-x;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #f60/*{fcActive}*/;
	outline: none;
	text-decoration: none;
	font-weight:bold;
}


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


/* ----------------------------------*/
/* Tabs contenu service */
/* ----------------------------------*/
#tabServ .ui-tabs {  zoom: 1; }
#tabServ .ui-tabs .ui-tabs-nav { 
		list-style: none; 
		position: relative; 
		width:552px;
}
#tabServ .ui-tabs .ui-tabs-nav li { 
		position: relative; 
		float: left;/** Nacer : j'ai changer le right en left**/ 
		border-bottom-width: 0 !important; 
		margin: 0 4px -1px 0; padding: 0; 
}
#tabServ .ui-tabs .ui-tabs-nav li a { 
		float: left; 
		text-decoration: none; 
		padding:3px 9px 1px 9px;  
}
#tabServ .ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
		padding-bottom: 1px; 
		border-bottom-width: 0; 
}
#tabServ .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
#tabServ  .ui-tabs .ui-tabs-nav li.ui-state-disabled a, #tabServ .ui-tabs .ui-tabs-nav li.ui-state-processing a { 
		cursor: text; 
}
#tabServ .ui-tabs .ui-tabs-nav li a, #tabServ .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
		cursor: pointer; 
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
#tabServ .mytabs {
		display: block; 
		border-width: 0; 
		background: none; 
		padding: 0px ;
		background: #ffffff/*{bgColorContent}*/ url(../img/tabs-left-2/degrade_pav_tabs.gif)/*{bgImgUrlContent}*/ 0/*{bgContentXPos}*/ bottom/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*//*Nacer : j'ai enlevez le "height:349px;" pour que le bloc soit extensible selon le contenu insérez  **/ 
}
#tabServ .ui-tabs .ui-tabs-hide { 
		display: none !important; 
		}


/* Theme --------------------------------------*/

#tabServ .ui-state-default .bg_left{
		float:left; 
		background: url(../img/tabs-left-2/bg_left_onglet.gif) 0 0 no-repeat; width:3px;height:36px;
}
#tabServ .ui-state-default .bg_right{
	float:left; 
	background: url(../img/tabs-left-2/bg_right_onglet.gif) 0 0 no-repeat; width:3px;height:36px;
}
#tabServ .ui-state-default .onglets{
	float:left;
}
#tabServ .ui-tabs-selected  .onglets{
	float:left;
}
#tabServ .ui-state-active .bg_left{ 
	float:left;background: url(../img/tabs-left-2/bg_left_onglet_actif.gif) 0 0 no-repeat; width:3px;height:37px;
}
#tabServ .ui-state-active .bg_right{ 
	float:left;background: url(../img/tabs-left-2/bg_right_onglet_actif.gif) 0 0 no-repeat; width:3px;height:37px;
}

/* Component containers ----------------------------------*/
#tabServ .ui-widget { }
#tabServ .ui-widget input, #tabServ .ui-widget select, #tabServ .ui-widget textarea, #tabServ .ui-widget button { 
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; 
}
#tabServ .ui-widget-content {  }
#tabServ .ui-widget-content a { }
#tabServ .ui-widget-header { 
    width:552px;
	border-bottom: 1px solid #bbb/*{borderColorHeader}*/; 
	height:36px; 
	font-size:11px; }
#tabServ .ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states ----------------------------------*/
#tabServ .ui-state-default, #tabServ .ui-widget-content .ui-state-default { 
	 background: url(../img/tabs-left-2/bg_onglet.gif) 0 0 repeat-x; 
}
#tabServ .ui-state-default a, #tabServ .ui-state-default a:link, #tabServ .ui-state-default a:visited { 
	color: #444/*{fcDefault}*/; text-decoration: none; outline: none; 
}
#tabServ .ui-state-hover, #tabServ .ui-widget-content .ui-state-hover, #tabServ .ui-state-focus, #tabServ .ui-widget-content .ui-state-focus {}
#tabServ .ui-state-hover a, #tabServ  .ui-state-hover a:hover { 
	color: #f60/*{fcHover}*/; 
	text-decoration: none; 
	outline: none; }
#tabServ .ui-state-active, #tabServ .ui-widget-content .ui-state-active { 
	outline: none; 
	background: url(../img/tabs-left-2/bg_onglet_actif.gif) 0 0 repeat-x; 
}
#tabServ .ui-state-active a, #tabServ .ui-state-active a:link, #tabServ .ui-state-active a:visited { color: #f60/*{fcActive}*/; outline: none; text-decoration: none; font-weight:bold; }

/* ----------------------------------*/
/* Tabs contenu produit */
/* ----------------------------------*/


#tabProduit .ui-state-default .bg_left{
	float:left; 
	background: url(../img/tabs-left-2/bg_left_onglet.gif) 0 0 no-repeat; 
	width:3px;
	height:24px;
}
#tabProduit .ui-state-default .bg_right{
	float:left; 
	background: url(../img/tabs-left-2/bg_right_onglet.gif) 0 0 no-repeat; 
	width:3px;
	height:24px;
}
#tabProduit .ui-state-default .onglets{
	font-weight:bold;
	float:left;
	padding-top:4px;
}
#tabProduit .ui-tabs-selected  .onglets {
	float:left;
	padding-top:4px;
}
#tabProduit li.ui-tabs-selected { 
		padding-bottom: 0px; 
		border-bottom-width: 0; 
}

#tabProduit .ui-state-active .bg_left{ 
	float:left;
	background: url(../img/tabs-left-2/bg_left_onglet_actif.gif) 0 0 no-repeat; 
	width:3px;
	height:25px;
}
#tabProduit .ui-state-active .bg_right{ 
	float:left;
	background: url(../img/tabs-left-2/bg_right_onglet_actif.gif) 0 0 no-repeat; 
	width:3px;
	height:25px;
}


/* Component containers
----------------------------------*/
#tabProduit .ui-widget {
}
#tabProduit .ui-widget input, #tabProduit .ui-widget select, #tabProduit .ui-widget textarea, #tabProduit .ui-widget button { 
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; 
}
#tabProduit .ui-tabs-panel {
	padding-left:0px;
	display: block;
	border-width: 0;
	background: none;
	background: #ffffff/*{bgColorContent}*/ url(../img/tabs/degrade_pav_tabs.gif)/*{bgImgUrlContent}*/ 0/*{bgContentXPos}*/ bottom/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	border-bottom:1px solid #bbb;
	padding-top:0px;
	padding-left:0px;
	float:left;
	padding-bottom:0px;
	width:767px !important;
}

#tabProduit .ui-widget-content {
 }
#tabProduit .ui-widget-content a { }
#tabProduit .ui-widget-header { 
    width:767px;
	border-bottom: 1px solid #bbb/*{borderColorHeader}*/; 
	height:24px; 
	font-size:11px; }
#tabProduit .ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
#tabProduit .ui-state-default, #tabProduit .ui-widget-content .ui-state-default { 
	 background: url(../img/tabs-left-2/bg_onglet.gif) 0 0 repeat-x; 
}
#tabProduit .ui-state-default a, #tabProduit .ui-state-default a:link, #tabProduit .ui-state-default a:visited { 
	color: #444/*{fcDefault}*/; text-decoration: none; outline: none; 
}
#tabProduit .ui-state-hover, #tabProduit .ui-widget-content .ui-state-hover, #tabProduit .ui-state-focus, #tabProduit .ui-widget-content .ui-state-focus {}
#tabProduit .ui-state-hover a, #tabProduit  .ui-state-hover a:hover { 
	color: #f60/*{fcHover}*/; 
	text-decoration: none; 
	outline: none; }
#tabProduit .ui-state-active, #tabProduit .ui-widget-content .ui-state-active { 
	outline: none; 
	background: url(../img/tabs-left-2/bg_onglet_actif.gif) 0 0 repeat-x; 
}
#tabProduit .ui-state-active a, #tabProduit .ui-state-active a:link, #tabProduit .ui-state-active a:visited { color: #f60/*{fcActive}*/; outline: none; text-decoration: none; font-weight:bold; }