@font-face {
	font-family: Calibri ;
	src: url("images/calibri.ttf") ;
}
@font-face {
	font-family: Calibri ;
	font-weight: bold ;
	src: url("images/calibrib.ttf") ;
}

body {
	background: #FFF;
	margin: 0 ;
	padding: 10px ;
	font-family: Calibri, Helvetica, Arial, sans-serif ;
	font-size: 13px ;
}
body#online {
	background: #BEBFC7 url("images/fond.jpg") repeat-x ;
	margin: 0 ;
	padding: 0 ;
}
img {	
border: none ;
vertical-align:middle;
}
a:link,
a:visited, a:active {
	text-decoration: none ;
	color:#039;
}
p, form, h1, h2,h3, ul{
	margin:0px;
	padding:0px;
}
.site {
	margin: 0px auto;
	text-align:justify;
	width: 953px ;
	position:relative;
}
.clear{
	clear:both;
}
h1{
	color:#F60;
	text-transform:uppercase;
}

h3{
	color:#039;
	text-transform:uppercase;
}
/********************************************************************* HEADER */
#header {
	position:relative;
	display:block;
	background:url("images/header.jpg") no-repeat top center ;
	text-align:center;
}
#header .site{
	width:950px;
	border:#9FA1AD 0px solid;
	border-width:0px 1px;
}
#search{
	position:absolute;
	top:50px;
	text-align:right;
	height:34px;
	right:20px;
	z-index:500;
}
#search input[type=text]{
	width:120px;
	border:#069 1px inset;
	background:#EEE;
}
#search img{
	margin:3px 2px;
	border:#FFF 1px solid;
	
}
#logo{
	position:absolute;
	top:10px;
	left:30px;
	z-index:500;
}
#menu{
	position:relative;
	background:url("images/menu.png") no-repeat top center ;
	list-style:none;
	padding:10px;
	display:block;
	margin:0px;
	min-height:40px;
	margin-top:69px;
	text-align:center;
}
#menu li{
	display:inline-block;
}
#menu li a{
	display:block;
	padding:0px 20px 10px 20px;	
	color:#333;
	font-size:21px;
	font-weight:bold;
	text-shadow:#FFF 1px 1px 1px;
}
#menu li a:hover{
	color:#FFF;	
	text-shadow:#000 -1px -1px 1px;
	background:#2E4B97  url("images/menuon.jpg") repeat-x ;
}
#menu li b a{
	background: url("images/menufo.png") no-repeat bottom center ;
}
#menu li ul.sub{
	display:none;
	position:absolute;
	width:948px;
	left:1px;
	top:45px;
	border:#FFF 1px solid;
	border-top:#2E4B97 6px solid;
	background:#C3D1E7 url("images/sousmenu.jpg") repeat-x ;
	z-index:9999999;
	text-align:left;
}
#menu li:hover ul.sub, #menu li.iehover ul.sub{
	display:block;
}

#menu li ul.sub li{
	margin:9px;
	display:block;
	float:left;
}
#menu li ul.sub li ul{
	display:block;
	list-style:disc;
	margin-left:20px;
}
#menu li ul.sub li ul li{
	display:list-item;
	list-style:disc;
	color:#666;
	margin:0px;
	float:none;
}
#menu ul.sub li b a{
	display:block;
	margin:0px;
	padding:5px;
	background:#FF9900 url('images/sousmenutitre.png') repeat-x;
	border:#999 1px solid;
	border-radius:5px;
	width:280px;
	font-size:13px;
}

#menu  ul.sub li ul li a{
	display:block;
	margin:0px;
	padding:1px;
	font-size:12px;
	color:#000;
}
/********************************************************************* CONTAINER */
#container {
	background:#FFF  url("images/fond_cont.jpg") repeat-x ;
	text-align:center;
}
#container .site{
	background:#FFF;
	border:#9FA1AD 0px solid;
	border-width:0px 1px;
	min-height:350px;
	width:910px;
	padding:0px 20px 20px 20px;
}
#texte{
	padding:20px 40px;
}
#texte img{
	margin:20px;
	margin-top:0px;
}
/***************************************************************** HOME */
#home{
	display:block;
	margin:0px;
	padding:10px 70px;
	list-style:none;
}
#home li p{
	padding:0px;
	margin:5px 125px 0px 15px;
	text-align:left;
}
#home li{
	display:inline-block;
	width:232px;
	height:186px;
	position:relative;
	color:#2459A5;
	margin:5px 10px;
	background-position:bottom right;
	background-repeat:no-repeat;
}
#home li.secteur span, #secteurs li.secteur span{
	width:217px;
	height:42px;
	position:absolute;
	top:0px;
	width:100%;
	display:block;
}
#secteurs li.secteur span{
	background-image:url('images/item.png');
	background-repeat:repeat-x;
}

#home li.secteur div{
	width:232px;
	height:186px;
	position:absolute;
	background: url("images/accueil_item.png") no-repeat;
}
#home li.secteur h2, #secteurs li.secteur h2{
	margin:15px;
	color:#FFF;
	font-size:14px;
	text-transform:uppercase;
}
#secteurs li.secteur ul{
	margin:15px 20px;
}
#home li.secteur a{
	position:absolute;
	left:15px;
	bottom:25px;
}

#secteur_home{
	margin:0px 100px;
}

#secteurs{
	display:block;
	margin:0px;
	padding:10px;
	list-style:none;
}
#secteurs li.secteur{
	display:block;
	float:left;
	width:260px;
	position:relative;
	color:#2459A5;
	margin:5px 10px;
	border-left:#999 1px solid;
}
#secteurs li.secteur div{

	position:relative;
	z-index:50000;
}
#gammes, #gammes ul{
	margin-left:30px;
}
#gammes ul li a{
	font-weight:bold;
}
#gammes,#secteurs li.secteur ul{	
	list-style:square;
}
#gammes ul,#secteurs li.secteur ul ul{
	margin:1px 20px;
	list-style:circle;
}
#gammes li,#secteur li.secteur ul a{
	font-weight:bold;
	color:#333;
	font-size:14px;
}
#gammes li ul li a, #secteurs li.secteur ul u a{
	color:#03C;
	font-weight:100;
}
span.found{
	border:#F60 1px solid;
	background:#FF6;
	color:#006;
}

/***************************************************************** TABLEAU */

#tabhead{
	position:relative;
	padding-top:10px;
	margin:0px 10px;
}
#tabhead h3{
	font-size:24px;
}
#tabhead span{
	float:left;
	background:#FFF;
	padding:5px 5px 30px 5px;
	display:block;
	border:#999 1px solid;
	box-shadow:#000 0px -2px 5px;
	margin-bottom:-20px;
	margin-left:10px;
}
#tabhead img{
}
#tabhead div{
	position:relative;
	margin-left:160px;
	
}
#tabhead blockquote{
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;
	padding:20px 0px;
	margin:0px;
	
}
#tabhead p{
	margin:20px 0px;
	
}

#tabhead p a,#tabhead blockquote a{
	color:#039;
	margin-left:30px;
	text-decoration:underline;
	text-transform:capitalize;
	
}
#tableau, #tophead table{
	width:910px;
	margin:20px 0px;
	border:#999 1px solid;
}

#tophead{
	position:fixed;
	display:none;
	width:100%;
	top:0px;
	left:0px;
	text-align:center;
	z-index:99999999999999;
}
#tophead table{
	margin:0px auto;
}

tr.top{
	height:37px;
	background:#355F7E url('images/tableau_top.png') repeat-x;
}
tr.top td{
	padding:5px;
	color:#FFF;
	border-left:#FFF 1px solid;
	border-right:#036 1px solid;
	text-transform:uppercase;
	text-align:center;
}

#tableau .gamme td{
	background:#C6C6C6 url('images/tableau_gamme.png') repeat-x;
	color:#2b4a96;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	text-shadow:#FFF 1px 1px 5px;
}
#tableau .gamme td span{
	display:block;
	position:relative;
}
#tableau .gamme td span a{
	display:block;
	position:absolute;
	top:-50px;
}
#tableau tr td, #tophead tr td{
	width:40px;
}
#tableau tr td+td, #tophead tr td+td{
	width:180px;
	text-align:left;
}
#tableau  tr td+td+td, #tophead tr td+td+td{
	width:auto;
}
#tableau  tr td+td+td+td, #tophead  tr td+td+td+td{
	width:60px;
	text-align:center;
}
#tableau .ligne, tr.ligne{
	height:37px;
	background:#F1F1F1 url('images/tableau_ligne.png') repeat-x;
}
#tableau .ligne td, tr.ligne td{
	padding:5px;
	color:#000;
	border-left:#FFF 1px solid;
	border-right:#CCC 1px solid;
	cursor:pointer;
}
#tableau .ligne td div{
	display:none;
}
#tableau .tabon{
	height:37px;
	background:#FC3 url('images/tableau_on.png') repeat-x;
}
#tableau .tabon td{
	padding:5px;
	color:#000;
	border:#F90 1px solid;
	border-right:#F90 1px solid;
	z-index:50;
}
#tableau .tabon td+td{
	padding:5px;
	color:#000;
	border-left:#FFF 1px solid;
}
#tableau .tabon td+td+td+td+td+td{
	padding:5px;
	color:#000;
	border-left:#FFF 1px solid;
	border-right:#F90 1px solid;
}
#tableau .tabon td div{
	display:block;
	position:relative;
}
#tableau .tabon td div span{
	display:block;
	position:absolute;
	background:#FC3;
	border:#F90 1px solid;
	text-align:left;
	border-top:none;
	z-index:50000;
	width:200px;
	padding:5px;
	left:-60px;
	border-radius: 0px 0px 5px 5px;
	top:0px;
}
#tableau .tabon td div a{
	display:block;
}
#tableau b{
	font-size:14px;
}

#tableau b sub{
	font-size:10px;
	margin-bottom:5px;
}








optgroup{
	font-size:14px;
	color:#FFF;
	background:#06C;
}
optgroup optgroup{
	font-size:12px;
	color:#FFF;	
	background:#06C;
}
option{
	font-size:10px;	
	background:#FFF;	
	color:#000;
}




/************************************ FORM */
#comm{
	width:480px;
	float:right;
}
#comm table{
	width:480px;
}
#comm input[type=text],#comm textarea{
	border:#06C 1px inset;
	width:250px;
	background:#FFF;
	margin:1px;
	color:#069;
	padding:2px;
}
	
#comm textarea{
	height:40px;	
}
#comm input[type=text]:focus, #comm textarea:focus{
	background:#FC3;
	color:#000;
	font-weight:bold;
	border:#F60 2px inset;
	margin:0px;
}
#comm input[type="button"], #comm input[type="submit"]{
	width:146px;
	height:31px;
	color:#FFF;
	border:none;
	font-weight:bold;
	background:#06C url('images/bt_bleu.jpg') no-repeat;
	text-shadow:#000 1px 1px 2px;
}
#comm input[type="submit"]{
	background:#F90 url('images/bt_jaune.jpg') no-repeat;
}
#print table{ margin-bottom:20px; width:400px; }	
	



#dist{
	padding:0px 70px;
}

#dist span{
	display:block;
	position:relative;
	float:left;
	width:210px;
	height:140px;
	border:#06C 1px solid;
	padding:10px;
	margin:10px;
	border-radius:5px;
	box-shadow:#CCC 0px 1px 5px;
}
#dist span p{
	margin-top:5px;
}
#dist  span h3{
	float:right;
	margin-top:-10px;
}


/********************************************************************* FOOTER */
#footer{
	position:relative;
	background: #BEBFC7 url("images/fond_foot.jpg") repeat-x ;
	display:block;
	text-align:center;
}
#footer .site{
	padding:10px 0px 15px 0px;
	background:url("images/footer.jpg")  no-repeat top center ;
}
#footer ul{
	position:relative;
	list-style:none;
	padding:5px;
	display:block;
	margin:0px;
	text-align:center;
}
#footer ul li{
	display:inline-block;
}
#footer ul li a{
	display:block;
	padding:1px 10px;	
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-shadow:#FFF 1px 1px 1px;
}
#footer ul li b a, #footer ul li a:hover{
	color:#000;
}
#footer ul li ul{
	display:none;
}


#subfooter{
	position:relative;
	background: #BEBFC7;
	display:block;
	text-align:center;
}
#subfooter .site{
	padding:10px 0px;
}