@import url("/skin/styles.general.css");
@import url("/skin/skin_default/client.css");
@import url("/skin/skin_default/menu.css");
@import url("/skin/skin_default/pager.css");
@import url("/skin/skin_default/plan.css");
@import url("/skin/skin_default/recherche.css");
@import url("/skin/skin_default/form.css");
@import url("/modules/actualites/module.css");
@import url("/modules/evenements/module.css");
@import url("/modules/faq/module.css");
@import url("/modules/emplois/module.css");
@import url("/modules/documents/module.css");

html{
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	margin: 0px;
	padding: 0px;
	height: 100%;
	background: #212121;
	color: #4f483f;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

/*### Styles généraux à tous les skins ###*/
.clearLeft,
.clearRight,
.clearBoth{
	clear: left;
	height: 0px;
	margin: 0px;
	visibility: hidden;
	line-height: 0px;
	padding: 0px;
	font-size: 0px;
}
.clearRight{clear: right;}
.clearBoth{clear: both;}
.noWeb{display: none;}

div.rss a{
	padding-left: 19px;
	background: url(/images/rss.gif) 0px 0px no-repeat;
}
/*### Styles généraux à tous les skins ###*/

a:link, a:visited{
	color: #990000;
	text-decoration: underline;
}
a:hover{
	color: #4d4438;
	text-decoration: none;
}
a.btn{
	float: left;
	display: inline;
	border: 1px solid #16150e;
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 2px;
}
	a.btn input{
		display: block;
		float: left;
		padding: 3px 10px;
		background-color: #333127;
		color: #ebeadc;
		border: 1px solid #333127;
		border-top: 1px solid #636053;
		overflow: visible;
		cursor: pointer;
		font: bold 10px Tahoma, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
	}
a:hover.btn{border-color: #700000;}
	a:hover.btn input{
		background-color: #990000;
		color: #FFFFFF;
		border: 1px solid #990000;
		border-top: 1px solid #c26666;
	}

form{
	margin:0px;
	padding:0px;
}
img{border: none;}

#top{
	background: #333333;
	color: #b3b2b2;
	font: 11px Arial, Helvetica, sans-serif;
}
	#top div{
		width: 960px;
		height: 25px;
		margin: 0 auto;
	}
	#quick_nav, #quick_nav li{
		margin: 0px;
		padding: 4px 0px 0px 0px;
		list-style: none;
	}
	#quick_nav{float: right;}
	#quick_nav li{
		float: left;
		padding: 0px 2px;
	}
	#top div strong,
	#quick_nav li a{
		display: block;
		float: left;
		padding: 0px 7px 3px 7px;
	}
	#top div em{
		font-style: normal;
		color: #FFFFFF;
	}
	#quick_nav li a{
		color: #FFFFFF;
		text-decoration: none;
		border-bottom: 4px solid #333333;
		padding: 0px 7px 3px 7px;
		height: 14px;
	}
	#quick_nav li a:hover{border-bottom: 4px solid #990000;}
	
	#top #filliales{
		width: auto;
		float: left;
		margin: 0px;
		text-align: left;
		position: relative;
		z-index: 99;
	}
	#top #filliales a.link{
		display: block;
		float: left;
		padding: 5px 15px 6px 15px;
		color: #b3b2b2;
		font: 11px Arial, Helvetica, sans-serif;
		text-decoration: none;
		background: url(/skin/skin_default/images/filliales-sep.gif) right 0px repeat-y;
		height: 14px;
	}
	#top #filliales a:hover.link{color: #FFFFFF;}
		#filliales ul, #filliales ul li{
			margin: 0px;
			padding: 0px;
			list-style: none;
		}
		#filliales ul{
			position: absolute;
			top: 25px;
			width: 220px;
			background: #333333;
			z-index: 100;
			border: 1px solid #FFFFFF;
			border-top: none;
			left: -1px;
		}
		#filliales ul li a{
			display: block;
			width: 190px;
			padding: 4px 15px;
			border-top: 1px solid #424242;
			border-bottom: 1px solid #292929;
			color: #b3b2b2;
			text-decoration: none;
			height: 14px;
		}
		#filliales ul li a:hover{
			width: 190px;
			padding: 4px 15px 3px 15px;
			color: #FFFFFF;
			background: #292929;
			border-top: 1px solid #383838;
			border-bottom: 2px solid #990000;
			font-weight: bold;
		}

#page{background: #FFFFFF;}
	#page div.holder{
		padding-top: 10px;
		width: 960px;
		margin: 0 auto;
		text-align: left;
	}
	
	#page #left{
		float: left;
		width: 225px;
	}
	#page #right{
		float: right;
		width: 735px;
	}

#spt{
	clear: both;
	margin: 0px 30px;
	padding-bottom: 70px;
	border-top: 1px solid #d3d3d3;
}	
#spt ul, #spt ul li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	font: 10px Arial, Helvetica, sans-serif;
}
	#spt ul li{
		float: right;
		padding: 10px;
	}
	#spt ul li.print{float: left;}
	#spt ul li a{
		color: #999999;
		text-decoration: none;
	}
	#spt ul li a:hover{
		color: #990000;
	}

#header{
	width: 960px;
	height: 140px;
	padding-bottom: 10px;
}

#header #photo{
	float: left;
	width: 960px;
	height: 140px;
}

#header #photoNoflash {display: none;}


#footerProduits{
padding-bottom:20px;
}

#footerProduits ul,
#footerProduits ul li{
	list-style:none;
	margin:0;
	padding:0;
}
#footerProduits ul
{
	background:url(/images/gris.gif) #ebebeb 235px 0px repeat-y;
	overflow:hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin-bottom:15px;
	overflow:hidden;
	padding:20px 10px;
}
#footerProduits ul ul
{
	background:none;
	overflow:hidden;
	margin:0;
	padding:0;
}

#footerProduits ul li{
	width:215px;
	float:left;
	margin:0px 10px;
}
#footerProduits ul li p{
	color:#333;
	padding:0 20px 0 10px;
	margin:5px 0 0;
	line-height:13px;
	font-size:10px;
	text-shadow: 0 1px 0 #fff;
	text-align:right;

}
#footerProduits ul li h4{
	text-transform:uppercase;
	color:#333;
	font-size:11px;
	text-shadow: 0 1px 0 #fff;
	margin:0 0 7px;
	padding:0 0 5px;
	border-bottom:1px solid #ddd;

}
#footerProduits ul li ul li{
	margin:0px;
	padding:0 10px 8px 0;
}
#footerProduits ul li ul li a{
	display:block;
	color:#666;
	text-shadow: 0 1px 0 #fff;
	font-size:10px;
	text-decoration:none;
}
#footerProduits ul li ul li a:hover{
	color:#333;
}
#footerProduits ul li ul li a strong{
	display:block;
}
#footerProduits ul li ul li a i{
	display:block;
}


#footer{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 30px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #cccccc;
}
	#footer div.left{
		float: left;
		width: 240px;
		background: url(/images/bracket.gif) right 21px no-repeat;
		padding: 35px 10px 30px 0px;
		text-align: right;
	}
		#footer div.left h4{
			padding: 5px 15px 0px 15px;
			font-size: 12px;
			margin: 0px;
			color: #ffffff;
			text-transform: uppercase;
		}
		#footer div.left div.menu{
			padding: 3px 11px 0px 0px;
			line-height: 16px;
		}
		#footer div.left b{padding: 0px 2px;}
		#footer div.left a,
		#footer div.right div.credits a{
			color: #cccccc;
			text-decoration: none;
			padding: 0px 4px;
		}
		#footer div.left a:hover,
		#footer div.right div.credits a:hover{
			color: #FFFFFF;
			background: #464646;
		}
		
	#footer div.right{
		float: left;
		width: 710px;
	}
	#footer div.right div.menu{
		width: 690px;
		padding: 20px 10px 0px 10px;
	}
	#footer div.right div.menu a{
		display: block;
		padding: 13px 10px 13px 47px;
		margin: 0px 10px 5px 0px;
		background-position: 10px center;
		background-repeat: no-repeat;
		color: #999999;
		text-decoration: none;
		float: left;
	}
	#footer div.right div.menu a:hover{
		color: #2f2f2e;
		background-color: #d4d1ca;
		background-position: -566px center;
	}
	#footer div.right div.credits{
		padding: 15px 10px 20px 10px;
		text-align: center;
		color: #999999;
	}
		#footer div.right div.credits a{
			color: #cccccc;
			text-decoration: none;
		}
	
/*#panel_top{width: 960px; background: url(/images/bg-accueil.gif) 0px 0px repeat-y;}
#panel_top div.building{width: 960px; background: url(/images/building.jpg) left bottom no-repeat;}
	#panel_top #intro{
		width: 355px;
		padding: 0px 16px 20px 16px;
		float: left;
		color: #d9d8cb;
		font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	#panel_top #intro img{border: 5px solid #FFFFFF;}
	
	#panel_top #intro a{
		color: #FFFFFF;
		font-size: 10px;
		font-weight: bold;
	}*/
#panel_top {
	width: 950px; 
	color: #d9d8cb;
	padding: 0 0 0 10px;
	overflow: auto;
	outline: none;
	background: #636053 url(/images/building.jpg) bottom right no-repeat;
}

	#panel_top #top_left {
		width: 690px;
		padding: 10px 0 10px 20px;
		float: left;
		overflow: auto;
		outline: none;
		display: inline;
	}
	
	#panel_top #top_right {
		width: 240px;
		float: left;
	}

	#panel_top p {
		padding: 10px 0; 
		font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#panel_top .txt_col {
		margin: 0 15px;
		float: left;
		width: 315px;
		display: inline;
		padding: 10px 0 0 0;
	}	
	
	#panel_top a.suite {
		font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration: underline;
		background: url(/images/bullet-arrow-white.gif) 0px 7px no-repeat;
		float: right;
		padding: 0 0 0 9px;
		display: inline;
		margin: 0 10px 0 0;
	}	#panel_top a.suite:hover {text-decoration: none;}
	
#panel_cies {
	margin: 2px 0 0 0;
	background: #ebeadc;
	font: normal 11px Arial, Helvetica, sans-serif;
}

	#panel_cies ul,
	#panel_cies ul li {
		background: none;
		border: none;
		padding: 0;
		margin: 0;
	}

	#panel_cies .heading {
		background: #d9d8cb url(/images/bg-tbl-filiales.gif) bottom left repeat-x;
		padding: 18px 26px 11px 26px;
		font: normal 11px Arial, Helvetica, sans-serif;
		height: 34px;
	}
	
		#panel_cies .heading ul#sortable {
			width: 908px;
			margin: 5px 0 0 0;
			overflow: auto;
			outline: none;
		}
			#panel_cies .heading ul#sortable li {float: left;}
			#panel_cies .heading ul#sortable li.split {padding: 0 6px;}
			
			#panel_cies .heading ul#sortable li a {text-decoration: none;}
			#panel_cies .heading ul#sortable li a.selected {
				color: #636053;
				cursor: default;
			}
			
	#panel_cies ul.cie_list {
		width: 936px;
		margin: 0 auto;
		padding: 5px 0;
		overflow: auto;
		outline: none;
	}	#panel_cies ul#sorted_inter {width: 960px; background: #e4e2db; padding: 0;}
	
		#panel_cies ul.cie_list li {
			background: url(/images/bg-tbl-filliales-li.gif) top center no-repeat;
			width: 292px;
			height: 49px;
			padding: 7px 10px;
			float: left;
			display: inline;
		}	#panel_cies ul.cie_list li.toprow {background: none;}
			#panel_cies ul.cie_list li.porlier {padding: 7px 10px 7px 0; width: 302px;}
			#panel_cies ul#sorted_inter li {height: auto; padding: 0;}
		
		#panel_cies ul.cie_list li a {
			display: block;
			text-decoration: none;
			/*font-size: 10px;*/
			line-height: 13px;
			color: #333;
			padding: 5px;
		}
		
			#panel_cies ul.cie_list li a strong {
				display: block;
				font-size: 11px;
			}
			
			#panel_cies ul.cie_list li a img {
				float: left;
				margin: 0 7px 0 0;
				display: inline;
				padding: 0 0 17px 0;
				width: 20px;
				height: 20px;
			}	#panel_cies ul.cie_list li.porlier a img {width: 30px;}

#carte {padding: 0 0 15px 0;}
		
#printp ul#tabswitch,
#printp ul#tabswitch li {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#printp ul#tabswitch {
	width: 960px;
	overflow: auto;
	outline: none;
	margin: 15px 0;
	font: normal 11px Arial, Helvetica, sans-serif;
}

	#printp ul#tabswitch li {
		float: left;
		display: inline;
		margin: 0 5px 0 0;
	}
	
		#printp ul#tabswitch li a {
			display: block;
			padding: 6px 10px;
			background: #333;
			color: #b3b2b2;
			text-decoration: none;
			outline: none;
		}	#printp ul#tabswitch li a:hover {color: #fff;}
			#printp ul#tabswitch li a.selected {background: #900; color: #fff;}
			
/* Grille des services */
table#grille_services {
	border: none;
	width: 100%;
	font: normal 11px Arial, Helvetica, sans-serif;
}

	table#grille_services tr.masthead th {
		background: #5b594d;
		color: #d9d8cb;
		padding: 4px 0;
		text-align: center;
		border-right: 2px solid #fff;
	}	table#grille_services tr.masthead th.arrimage {width: 240px;}
		table#grille_services tr.masthead th.entreposage {width: 95px;}
		table#grille_services tr.masthead th.transport {width: 80px;}
		table#grille_services tr.masthead th.manutention {width: 115px;}
		table#grille_services tr.masthead th.distribution {border: none;}
	
	table#grille_services tr.shead td {
		background: #dfdec8;
		color: #5b594d;
		border-bottom: 2px solid #fff;
		padding: 4px 0;
		font: normal 10px Arial, Helvetica, sans-serif;
	}	table#grille_services tr.shead td.tooltip {
			cursor: help; 
			position: relative; 
		}
	
	table#grille_services tr.row1 td,
	table#grille_services tr.row1 th {background: #ebeadc;}
	table#grille_services tr.row2 td,
	table#grille_services tr.row2 th {background: #f1f1e7;}
	table#grille_services tr.over td,
	table#grille_services tr.over th {background: #d7d5b9;}
	
	table#grille_services tr td {
		text-align: center;
		border-right: 1px solid #fff;
	}	table#grille_services tr td.last {border-right: none;}
	
		table#grille_services tr .b_right {border-right: 2px solid #fff;}
		table#grille_services tr .tiny {width: 40px;}
		
		table#grille_services tr td a {
			display: block;
			padding: 7px 0;
		}
	
	table#grille_services tr.shead td.filler {border-right: 2px solid #fff;}
	
	table#grille_services tr.row1 th,
	table#grille_services tr.row2 th  {
		border-right: 2px solid #fff;
		width: 165px;
		color: #333;
		background-position: 15px 5px;
		background-repeat: no-repeat;
	}
	
		table#grille_services tr.row1 th a,
		table#grille_services tr.row2 th a {text-decoration: none; color: #333; display: block; padding: 7px 5px 7px 45px;}
	
	table#grille_services tr.somavrac th {background-image: url(/skin/skin_somavrac/images/logo-mini-somavrac.gif);}
	table#grille_services tr.somavrac_tr th {background-image: url(/skin/skin_somavrac_transport/images/logo-mini-somavrac_transport.gif);}
	table#grille_services tr.servitank th {background-image: url(/skin/skin_servitank/images/logo-mini-servitank.gif);}
	table#grille_services tr.servitank_tr th {background-image: url(/skin/skin_servitank_transport/images/logo-mini-servitank_transport.gif);}
	table#grille_services tr.fonbrai th {background-image: url(/skin/skin_fonbrai/images/logo-mini-fonbrai.gif);}
	table#grille_services tr.servichem th {background-image: url(/skin/skin_servichem/images/logo-mini-servichem.gif);}
	table#grille_services tr.uba th {background-image: url(/skin/skin_uba/images/logo-mini-uba.gif);}
	table#grille_services tr.somavrac_cc th {background-image: url(/skin/skin_somavrac_cc/images/logo-mini-somavrac_cc.gif);}
	table#grille_services tr.sebci th {background-image: url(/skin/skin_sebci/images/logo-mini-sebci.gif);}
	table#grille_services tr.calclo th {background-image: url(/skin/skin_calclo/images/logo-mini-calclo.gif); background-position: 5px 5px; background-repeat: no-repeat;}
	table#grille_services tr.porlier th {background-image: url(/skin/skin_porlier/images/logo-mini-porlier.gif); background-position: 5px 5px; background-repeat: no-repeat;}

#printp div.fiches table td,
#printp div.fiches table th{
	padding: 4px 8px;
	border-top: 1px solid #e0dfde;
	font-size: 11px;
	text-align: center;
}
#printp div.fiches table td.first,
#printp div.fiches table th.first{text-align: left;}
#printp div.fiches table th{
	border-top: none;
	background: #2c4492;
	color: #FFFFFF;
	font-size: 13px;
	padding: 6px 8px;
}
#printp div.fiches table td strong{
	display: block;
	font-size: 13px;
}

#printp div.emplois{padding-top: 15px;}
#printp div.emplois table td,
#printp div.emplois table th{
	padding: 6px 9px;
	border-top: 1px solid #e0dfde;
	font-size: 11px;
	vertical-align: top;
}
#printp div.emplois table tr.row-1{background: #f9f9f9;}
#printp div.emplois table td.first,
#printp div.emplois table th.first{text-align: left;}
#printp div.emplois table th{
	border-top: none;
	background: #990000;
	color: #FFFFFF;
	font-size: 12px;
	padding: 6px 9px;
	vertical-align: bottom;
}
#printp div.emplois a{color: #990000;}
#printp div.emplois a:hover{color: #4d4438;}
#printp div.emplois table td strong{
	display: block;
	font-size: 12px;
}

div.more{
	padding: 20px 10px 10px 10px;
}

fieldset legend{
	padding: 25px 10px 0px 10px;
	font-weight: bold;
	color: #990000;
	font-size: 13px;
	text-transform: uppercase;
}
fieldset i{
	font: bold 12px;
}

div#public_message{position: relative;}
div#public_message #message{
	position: absolute;
	top: 45px;
	left: 10px;
	background: #FFFFCC url(/images/icon-nfo.gif) 10px 10px no-repeat;
	border: 1px solid #715f22;
	color: #333300;
	text-align: left;
	padding: 11px 10px 10px 29px;
	width: 600px;
}
#top #public_message div{height: auto;}
#menu ul li.mInactif a,
#module_plan ul li.mInactif a{
	color: #FF0000;
}

/*BREADCRUMB*/
#breadcrumb{
	background:url(/images/bread-bg.gif) #ededed bottom left repeat-x;
	border-bottom:1px solid #cccccc;
	overflow:hidden;
	margin:10px 0px;
	}

#breadcrumb ul,
#breadcrumb ul li{
	list-style:none;
	padding:0;
	margin:0;
}
#breadcrumb ul{
	float:right;
}
#breadcrumb ul li{
	float:left;
	font-size:11px;
	line-height:24px;
	padding-right:20px;
	background:url(/images/bread-fleche.gif) right 9px no-repeat;
}
#breadcrumb ul li.active{
	padding-right:10px;
	background:none;
}
#breadcrumb ul li a{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Verdana, Helvetica, sans-serif;
}

/*CSS pour page Produits_Accueil*/


#printp #produits_bas {
	clear:both;
}

#printp #produits_bas h4 {
color:#555555;
font-size:18px;	
}

#printp #produits_bas ul {
overflow:hidden;	
margin:0 0 0 10px;
}

#printp #produits_bas ul li {
margin:0 15px 20px 0;
padding:0;
background:none; 
border:none;
display:block;
float:left;	
font-size:11px;	
line-height:16px;
}

#printp #produits_bas ul li a {
text-decoration:none;
display:block;
height:230px;
width:150px;
}

#printp #produits_bas ul li img {
border:1px solid #cdcccb;
margin-bottom:5px;
display:block;
width:148px;
height:148px;
}
#printp #produits_bas ul li strong {
color:#004c99;
font-weight:bold;	
display:block;

}

#printp #produits_bas ul li span {
color:#212121;
display:block;
}