* {margin : 0px; padding : 0px;}
html, body {}
body {font-family : Verdana, Arial, sans-serif; font-size : 12px; margin-top : 15px; background-color : #F0F0F0;}
div.main {
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	margin : 0 auto; padding-top : 3px;
	text-align : left; background-color : white;
	/*behavior: url(/pie.php);*/
}

div.main, div.margin, div.header, div.middle, div.footer, div.phare, div.mainmenu ul.uberheader{width : 1000px;}

ul.uberheaderl { margin : 6px 0 4px 10px; float : left; }
ul.uberheaderl li { display : inline; font-size : 11px;margin-right : 10px; }

ul.uberheaderr { margin : 0 0 4px 10px; float : right; }
ul.uberheaderr li { display : inline; font-size : 10px;margin-right : 10px; }

div.margin {height : 10px; background-image : url('images/css/rulegrad.png'); background-repeat : repeat-x;}
div.header {margin : 10px 0 10px 0;}
div.logo { margin : 0 130px 0 15px; width : 200px;height : 62px;float : left;}
div.dataswift {line-height : 24px;margin-top : 3px; width : 370px; float : left; font-weight : bold; font-size : 16px; text-align : center;}
div.search {float : right; padding-top : 0px; margin-right : 20px;}
input.searchgo { font-size : 10px; padding : 0px; margin : 0px;}
input {padding : 2px; font-size : 10px;}
div.search input.search {text-align : center; width : 150px;}

div.mainmenu {background : url('images/css/gradbar.png') repeat-x top; width : 100%; height : 30px;}
ul.mainmenu {overflow : hidden; margin : 0px; padding : 0px; margin-left : 10px;}
ul.mainmenu li {font-size : 15px; font-weight : bold; float : left; list-style : none; padding : 4px 0 10px 0;}
ul.mainmenu a {}
ul.mainmenu a:hover {background-color : #E5E5E5; border-bottom : 6px solid white;}
ul.mainmenu li.back {background : url('images/css/menu-back.gif') no-repeat top; padding : 0 5px 0 5px;}

div#front { margin-top : 15px; background : url('images/css/frontgrad.png') repeat-x top; height : 270px; }
div.frontc { float : left; margin-top : 15px; }
div.frontc .frontimg { float : left; margin-top : 15px; }
div.frontc .frontimg a:hover { background : none; }
div.frontc .fronttext { margin-top : 10px; float : left; }
div.frontc .fronttext h5 { margin-top : 15px; font-size : 13px; }
div.frontc .fronttext ul { margin-bottom : 3px; }
div.frontc .fronttext li { margin-bottom : 3px; }
div#frontlist { float : right; border-left : 1px solid #EEEEEE; }
div#frontlist ul { height : 270px; }
div#frontlist li {
	list-style : none;
	width : 250px; height : 80px;
	padding : 0; margin-bottom : 5px;
}
div#frontlist a, div#frontlist a:hover, div#frontlist a:active, div#frontlist a:visited, div#frontlist a:link {
	font-size : 16px; font-weight : bold;
	margin : 0; padding : 30px 0 30px 10px;
	vertical-align : middle;
	position : relative; top : 0px;
	display : block;

}
div#frontlist a:hover {
	background-color : #E0E0E0;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	/*behavior: url(pie.php);*/
}
.frontcurrent { background : none; }
.frontother { background-color : #EAEAEA; }
div.frontaction {margin-top : 15px;}
div.frontaction a {margin-right : 8px; vertical-align : middle;}

img {margin : 0; padding : 0; border : 0;}
img a {margin : 0; padding : 0; border : 0;}

div.phare_actions img {vertical-align : middle;}
h2 {font-size : 17px; margin-bottom : 3px;}
h3 {margin : 10px 0 15px 0; font-size : 16px; color : #086FB2; text-transform : uppercase;}

div.rule {background : url('images/css/rulegrad.png') repeat-x top; height : 10px;}
div.middle {background-color : white; padding-top : 15px; }

div.quicklinks { padding : 0 0 0 35px; }
div.quicklinks fieldset {
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
	padding : 0px; border : none;
	background : url('images/css/quickgrad.png') repeat-x;
	float : left;
	margin : 5px 15px 0 5px;

}
div.quicklinks fieldset div.title {
	font-weight : bold; color : #086FB2;
	text-transform : uppercase; font-size : 12px;
	margin : 5px 10px 7px 5px;
}
div.quicklinks li { list-style-type: none ; padding : 3px; }
div.quicklinks ul { margin : 0 10px 0 10px; }

div.spacer {clear : both;}
div.footer {text-align : center; margin : 10px 0 10px 0; padding : 7px 0 10px 0; }

ul {margin-left : 15px;}
ul.hor {margin : 0; padding : 0;}

ul.hor li {display : inline; list-style-type : none; margin-left : 10px;}

ul.hor li.last {border-right : none;}

a, a:hover, a:active, a:visited, a:link { text-decoration : none; padding : 3px; color : blue;}

a:hover {background-color : #E5E5E5;}

a.destockage { color : red; font-weight : bold; margin-left : 50px; }

div#generalcontent {padding : 10px;}

p {padding : 10px; text-align : justify; line-height : 18px;}

div#generalcontent ul {padding : 10px;}

span.highlight {font-weight : bold;}
div.contactbox {text-align : center; float : right; width : 200px; margin : 20px 30px 20px 30px; padding : 5px; border : 1px dashed #086FB2;}
div.menubox {float : right; width : auto; margin : 10px 30px 20px 30px; padding : 3px; border : 1px dashed #086FB2;}
span.contactbox {color : #086FB2; font-weight : bold;}
div#adresse {float : left; width : 425px; margin-left : 10px; margin-right : 10px;}
div#contactform {width : 500px;}

div.contactboxform {float : right; width : 300px; margin : 20px 15px 20px 20px; padding : 5px;}
div.contactboxform legend { font-size : 11px; }
div.contactboxform input[type="text"] { width : 150px; }

div.devisboxform {width : 95%; margin : 20px 15px 20px 20px; padding : 5px;}
div.devisboxform legend { font-size : 11px; }
div.devisboxform input[type="text"] { width : 500px; }

td {padding : 5px; vertical-align : top; border-top : 1px solid lightgrey;}
th {text-align : center; }
div.productlist {margin : 20px 0 20px 0;}
div.productlist th {font-size : 13px;}
div.productlist ul.speclist li { font-size : 12px; font-family : arial; }
table tr td.tlabel {background-color : #EAEAEA; width : 120px; text-align : center;}

fieldset {padding : 5px; border : 1px solid lightgrey;}
legend {color : #086FB2; text-transform : uppercase; padding : 0 10px 0 10px; font-weight : bold;}
input[type="text"] {margin : 0px; padding : 1px; width : 250px;}
input.t {margin : 0px; padding : 1px; width : 250px;}
input.sav { width : 190px; }
input[type="submit"] {font-size : 13px; font-weight : bold;}

.center {text-align : center;}
.right {float : right;}
.left {float : left;}

img.prodlogo { margin-bottom : 5px; }

div.nav {
  width : 98%;
  border-bottom : 1px solid lightgrey;
  border-right : 1px solid lightgrey;
  padding : 5px;
  height : 14px;
  background-color : #F1F1F1;
}

div.leftmenu {
  /*border-right : 1px solid lightgrey;*/
  background : url('images/css/grad_menu.png') repeat-x top;
  border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px;
  /*behavior: url(pie.php);*/
  font-size : 12px;
  height : auto;
  float : left; width : 180px;
  padding : 7px 0 0 3px;
}

.leftmenu ul { margin : 0; padding : 0; }
.leftmenu li { list-style-type : none; padding-bottom : 3px; }

.leftmenu a:hover, a, a:visited, a:link, a:active {
  padding-left : 0;
  padding-right : 0;
}

.leftmenu a:hover { color : white; background-color : blue; }

h4 { text-transform : uppercase; font-size : 13px; padding : 2px; }

div.seealso { font-size : 12px; padding : 2px; font-style : italic;}
div.minprice { font-style : italic; font-size : 11px;}
div.path { font-size : 12px; padding-bottom : 5px;}

div.rightcol { float : right; width : 780px; }
.rightcol li { margin-bottom : 4px; line-height : 18px; }
hr {width : 65%; margin : 0 auto;}

table.lightgrey, table.lightgrey th, table.lightgrey tr, table.lightgrey td {
  border-collapse : collapse;
  border : 1px solid lightgrey;
  padding : 3px; margin : 10px 0 10px 0;
}

table.lightgrey .tlabel {
  vertical-align : middle;
  border-top : 1px solid silver;
  border-bottom : 1px solid silver;
}

a.lb, a.lb:hover, a.lb:link, a.lb:active, a.lb:visited {
  margin : 0;
  padding : 0;
}

table li {font-size : 11px;font-family : Arial;}

div.plan {float : left; margin-top : 15px;margin-left : 30px;}
div.plan h1 {font-size : 14px;font-weight : bold;}
div.plan h2 {font-size : 13px;font-weight : bold;margin : 0;margin-left : 5px;padding : 0;}
div.plan h3 {font-size : 12px;font-weight : bold;}
div.plan ul, div.plan li {margin : 0;padding : 0;list-style : none;}

textarea.contact {margin : 0;padding : 1px;width : 250px;height : 100px;}

p.search {padding : 3px;}

label {margin-left : 3px;}

input.cb{}

div.starbox {
  background-image : url('images/css/star.gif');
  width : 300px;
  height : 210px;
  float : right;
  margin-left : 30px;
  margin-right : 30px;
}

div.star1 {
  text-align : center;
  margin-top : 90px;
  font-weight : bold;
  font-size : 20px;
  color : darkblue;
  text-decoration : underline;
}

div.star2 {
  position : relative;
  top : 0px;
  width : 170px;
  margin-left : 70px;
  margin-top : 70px;
  font-weight : bold;
  font-size : 15px;
  text-align : center;

}

div.tabs {
  padding-left : 5px;
  margin : 15px 0 0 0;
  border : 1px solid white; /* ie6 */
  border-bottom : 1px solid lightgrey;
}

div.tabs2 {
  border-left : 1px solid lightgrey;
  border-right : 1px solid lightgrey;
  height : 15px;
}

div.tab {float : left;padding : 5px;}

div.tab a, div.tab a:link, div.tab a:hover, div.tab a:visited {
  padding : 4px 4px 5px 4px;
  background-color : lightgrey;
  font-size : 12px;
}

div.tab a#current {
  border : 1px solid lightgrey;
  background-color : white;
  color : black;
}

div.tab a:hover {
  background-color : blue;
  color : white;
}

div.newdash .dash {
	margin : 10px 5px 0 0;
	/*float : left;*/
	width : 95%;
	height : auto;
	border : 1px solid #EFEFEF;
	}
	
div.dash {
	margin : 10px 5px 0 0;
	float : left;
	width : 240px;
	height : 190px;
	border : 1px solid #EFEFEF;
}

ul.dashtitle {
	margin : 0px; padding : 0px;
	font-size : 14px; font-weight : bold;
	background : url('images/css/dashtitlegrad.png') repeat-y top left;
	list-style-type : none;
}

div.dash .dashtitle li {
	background: url(images/css/arrow_dsw.png) left 6px no-repeat;
	padding : 0 0 0 28px;
}

div.dashboard { margin : 0 auto; width : 700px; }

div.dashcontent {
  float : left;
  width : 280px; height : 50px;
  margin : 10px; padding : 30px 20px 20px 20px;
  border : 1px solid black;
  text-align : center; font-size : 35px;
}

.dashcontent a,.dashcontent a:hover, .dashcontent a:visited, .dashcontent a:hover, .dashcontent a:link {
  padding : 20px 60px 20px 60px;
}

.dashDS {
	background : url('images/css/dash_serveur_stockage.png') no-repeat bottom right;
}
.dashAS {
	background : url('images/css/dash_serveur_appli.png') no-repeat bottom right;
}
.dashVS {
	background : url('images/css/dash_serveur_virt.png') no-repeat bottom right;
}
.dashPOS {
	background : url('images/css/dash_serveur_pos.png') no-repeat bottom right;
}
.dashWS {
	background : url('images/css/dash_serveur_station.png') no-repeat bottom right;
}
.dashMES {
	background : url('images/css/dash_serveur_custom.png') no-repeat bottom right;
}

.dashACTIFILER {
	background : url('images/css/dash_stockage_actifiler.png') no-repeat bottom right;
}
.dashHERCULE {
	background : url('images/css/dash_stockage_hercule.png') no-repeat bottom right;
}
.dashTERASWIFT {
	background : url('images/css/dash_stockage_teraswift.png') no-repeat bottom right;
}
.dashNASISCSI {
	background : url('images/css/dash_stockage_nasiscsi.png') no-repeat bottom right;
}
.dashOPENE {
	background : url('images/css/dash_stockage_opene.png') no-repeat bottom right;
}

span.highlight {font-weight : bold;}
span.highlighttitle {font-size : 22px;}

.actifiler p {margin-bottom : 10px;}
.actifiler ul {margin-bottom : 10px;}
.actifiler h4 {margin-bottom : -4px;}
.actifiler p.sig {margin : 0 0 15px 0; padding : 0;}

span.price { font-weight : bold; font-size : 15px; color : red; }
span.plabel { font-weight : bold; font-size : 14px; }

ul.pdfs {margin: 0; padding: 0; list-style: none; }
ul.pdfs li {margin-bottom : 5px; padding-left: 16px; background: url('images/pdf_logo.gif') no-repeat left; line-height: 16px; font-size : 13px;}

table.dblist { margin : 10px; }
tr.pair { background-color : #F5F5F5; }

form.adm td { padding : 2px; border : none; }
form.adm input[type="text"] { font-size : 11px; width : 60%; }
table.subtable input[type="text"] { font-size : 11px; width : 95%; }
form.adm input[type="button"] { padding : 0; font-size : 11px; font-weight : bold; }
form.adm input[type="submit"] { font-size : 11px; padding : 0; }
form.adm input.formsubmit { padding : 3px; font-size : 13px; }
form.adm td.sep {border-top : 1px solid black;}

ul.use li { display : inline; list-style-type : none; padding : 2px 2px 2px 0px; font-size : 12px; }

/*
ul.tags .l1 { background-color : #E0E0E0; }
ul.tags .l2 { background-color : #E0E0E0; }
ul.tags .l3 { background-color : #E0E0E0; }
ul.tags .l4 { background-color : #E0E0E0; }
*/
/*
div.mainmenu {background : url('images/css/gradbar.png') repeat-x top; width : 100%; height : 30px;}
ul.mainmenu {overflow : hidden; margin : 0px; padding : 0px; margin-left : 10px;}
ul.mainmenu li {font-size : 15px; font-weight : bold; float : left; list-style : none; padding : 4px 0 10px 0;}
ul.mainmenu a {}
ul.mainmenu a:hover {background-color : #E5E5E5; border-bottom : 6px solid white;}
ul.mainmenu li.back {background : url('images/css/menu-back.gif') no-repeat top; padding : 0 5px 0 5px;}
*/

#menu {
	width: 100%;
	background : url('images/css/gradbar.png') repeat-x top; width : 100%; height : 30px;
	/*background: #60A5FF;*/
	border-bottom: 0px #D0DADB solid;
	padding-left: 0px;
	/*height: 35px;*/
}

#menu  ul {
	display: block;
	margin: 0 0 0 0px;
	padding: 0;
	line-height: 1em;
	list-style: none;
	z-index: 90
}

#menu ul.level1 {
	margin-left : 10px;
}

#menu  ul li {
	float: left;
	margin: 0 0px 0 0;
	padding: 0;
	font-size: 15px;
	line-height: 1, 5em;
	list-style-type: none;
}

#menu ul li a {
	float: left;
	display: block;
	width: auto;
	font-weight: bold;
	background: transparent;
	text-decoration: none;
	/*color: #fff;*/
	margin: 0;
	padding: 7px 0.8em 0.5em 1em;
	/*border : 1px solid #086FB2;*/
}

#menu  ul li a:hover {
	/*color: #fff;*/
	/*border : 1px solid white;*/
	text-decoration: none;
	font-weight: bold;
	background-color : #E5E5E5;
	/*border-bottom : 6px solid white;*/
}

#menu  ul li.sep {
	color: white;
	padding: 0.8em 0em 0.5em 0em;
}
#menu  ul li.vsep {
	background : #CCCCCC; height : 2px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu  ul li a {
	float: none;
}

/* End IE5-Mac hack */
#menu  ul.level2, #menu ul.level3 {
	margin-top : 2px;
	margin-left : -3px;
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	border : 1px solid #DDDDDD;
	/*background: #80D2D2;*/
	background : #F5F5F5;
	-moz-box-shadow: 4px 4px 6px #888;
	-moz-border-radius-bottomright: 10px;
	border-radius-bottomright: 10px;
	-webkit-box-shadow: 4px 4px 6px #888;
	-webkit-border-bottom-right-radius: 10px;
	box-shadow : 4px 4px 6px #888; 
}

#menu  ul.level2 li, #menu ul.level3 li {
	/*border-bottom: 1px solid #fff;*/
	float: none;
	margin: 0;
	padding: 0 0em 0 0;
	width: auto;
}

#menu  ul.level2 li a, #menu ul.level3 li a {
	padding: 5px 20px 5px 10px;
	font-size: 13px;
	/*color : black;*/
}

#menu  ul.level2 li a:hover,#menu  ul.level3 li a:hover {
	font-weight: bold;
	background-color: #FF8401;
	background-image: none;
	border-bottom : 0px solid white;
}