/* Structure */

html {
	background-color: #ebebeb;
	border-top: 8px solid #555555;
	font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, Sans-Serif;
}

body {
	padding: 0;
	width: 900px;
	margin: 0 auto;
	background-color: white;
	background-image: url(/pictures/body_bg.png);
	background-position: top;
	background-repeat: repeat-y;
}

#container {
	width: 780px;
	margin: 0 auto;
}

/* Header */

#header {
	float: left; width: 100%; clear: both;
	margin-top: 10px;
}

#header h1 {
	margin: 0;
	padding: 0;
	margin-top: 0.4em;
	float: left;
	width: 6em;
	font-size: 1.8em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.25em;
	border-right: 1px solid #999999;
	color: #f02020;
}

#header h2 {
	margin-bottom: 1px;
	padding: 0;
	float: left;
	font-size: 1.2em;
	padding-left: 1em;
}

#header #outer {
	float: left;
	overflow: hidden;
	display: table;
}

#header .inner {
	height: 100%;
	display: table-cell;
	vertical-align: bottom;
}

#header #search {
	float: right;
	height: 50px;
	line-height: 50px;
}

#header #search input {
	padding: 5px;
	border: 1px solid #999999;
	background-color: #f5f5f5;
}

#header #search input:hover {
	background-color: #e5e5e5;
	border: 1px solid #777777;
}

.vspacer { height: 10px; width:100%; clear: both; }
.hspacer { width: 10px; height: 100%; float: left; }

/* Navigation */

#menubar { float: left; width: 100%; clear: both; }

#menubar ul {
	padding: 0;
	width: 100%;
	float: left;
	margin: 0;
	line-height: 1.6em;
	list-style-type: none;
	background-color: #65728d;
}

#menubar li { float: left; }

#menubar a {
	display: block;
	text-decoration: none;
	color: #eff8ff;
	padding: 5px 10px;
}

#menubar a:hover, #menubar a:active, #menubar li#selected a {
	color: #ffffff;
	background-color: #485573;
}

/* Zefyris.css */
p { text-align: justify; }

h1, h2, h3, h4 {
	color: #505050;
}

#content img, a img { border: none; }

h4 {
	display: block;
	background-color: #f0f0f0;
	border-top: 1px solid #505050;
	padding-left: 4px;
	padding-top: 4px;
	padding-bottom: 3px;
}

table {
	border-collapse: collapse;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin-left: 1px;
	width: 600px;
}

table.product_list tr {
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
	height: 100px;
}

td a { border-bottom: none }

td.image {
	text-align: center;
	width: 140px;
}

td.price {
	text-align: right;
	width: 98px;
}

table.product_icons { width: 100%; }
table.product_icons td {
	width: 33.33%;
	text-align: center;
	padding-top: 3em;
	padding-bottom: 3em;
}

/* end Zefyris.css */

/* Wrapper */

body#wrapper { margin: 0px; padding: 0px; }

body#products #wrapper {
	background-image: url(/pictures/wrapper_vbar.png);
	background-position: left;
	background-repeat: repeat-y;
	background-color: white;
}

.col { width: 220px; float: left; margin: 0 20px; text-align: left; }

.col ul { margin: 0 0 0 15px; padding: 0; line-height: 1.5em;  }

.col li { padding-bottom: 10px; }

.col h3 { font-size: 1.2em; padding: 5px 10px; }

#sidebar {
	margin: 0px; padding: 0px;
	width: 170px;
	float: left;
}

#sidebar h3 { margin:0px;margin-bottom:10px; background-color: #94b4d6; }

#sidebar li {
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style: none;
	font-weight: normal;
}

#sidebar li a {
	text-decoration: none;
	display: block;
	color: #808080;
}

#sidebar li a:hover {
	color: black;
	background-color: #fca;
}

.content-std { width: 780px }
.content-products { width: 600px; }
#content { float: left; }

#content h1, h2 { margin-top: 0; }
#content h2 {
	padding-left: 5px;
	background-color: #dadada;
}

#content li { font-weight: normal }

#content a {
	font-weight: bold;
	color: #336699;
} 

#content a:visited { color: #8080c0; }
#content a:hover { color: #6699cc; }

/* Html Elements */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	padding: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: normal;
	border-bottom-width: 0;
}

ul {
	list-style-type: square;
	line-height: 1.6em;
}

pre { background-color: #eeeeee; border: 1px solid #bbccdd; }

#footer {
	clear: both;
	color: #505050;
	padding: 20px 0 15px;
}
#footer p { text-align: center; }

#footer a:link {
	color: #f02020;
	border-bottom-color: #5588aa;
}

#footer a:visited { color: #f02020; border-bottom-color: #77bbdd; } 

#footer a:hover, #footer a:active { color: #336699; border-bottom-color: #336699; }

#footer a.sadlink { color: #505050; font-weight: normal }

#footer p { margin: 5px 0; }

div.news {
	background-color: #f0f0f0;
	border:	4px solid #e0e0e0;
	margin: 0;
	margin-top: 1em;
	padding: 0
}

div.news h5 {
	font-family:		Verdana, Lucida, sans-serif;
	font-size:			1.2em;
	font-weight:		normal;

	padding-top:	0.2em;
	padding-left:	0.5em;
	margin:	0;
}

div.news p {
	padding: 0.5em;
	margin: 0;
}

/* Codes couleurs */
h3.products, body#products #content h2 {
	background-color: #94b4d6;
}
h3.solutions, body#solutions #content h2 {
	background-color: #d6eb9a;
}
h3.services, body#services #content h2 {
	background-color: #ffb366;
}

#col1 a:link  { color: #336699; }
#col1 a:hover { color: #6699cc; }

#col2 a:link  { color: #567040; }
#col2 a:hover { color: #96b080; }

#col3 a:link  { color: #df6532; }
#col3 a:hover { color: #ffa572; }