/* CSS Document */
html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(images/fond.gif);
	background-position:top center;
	background-repeat:repeat-x;
}
#site {
	position:absolute;
	left:50%;
	top:0;
	width:706px;
	min-height:100%;
	margin:0 0 0 -353px;
	padding:0;
	border:none;
	background-image:url(images/fondmiddle4.gif);
	background-position:center;
	background-repeat:repeat-y;
	/*background-color:#FFFFFF;
	border-left:1px solid #3385FF;
	border-right:1px solid #3385FF;*/
	text-align:center;
}
#top {
	position:absolute;
	left:50%;
	top:0;
	width:700px;
	height:150px;
	margin:0 0 0 -350px;
	padding:0;
	background-image:url(images/fondtop.gif);
	background-position:top left;
	background-repeat:repeat-x;
	z-index:100;
}
#top h1 {
	position:absolute;
	left:50%;
	top:15px;
	margin:0 0 0 -280px;
	padding:0;
	width:210px;
	height:48px;
}
#top h1 a {
	display:block;
	width:378px;
	height:62px;
	margin:0;
	padding:0;
	background-image:url(images/logo.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
#top h1 a span {
	display:none;
}
#top h2 {
	position:absolute;
	right:50%;
	top:30px;
	margin:0 -270px 0 0;
	padding:0;
	background-image:url(images/solutions.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	width:226px;
	height:26px;
}
#top h2 span {
	display:none;
}
#menu {
	position:absolute;
	left:50%;
	top:75px;
	display:block;
	width:700px;
	height:24px;
	margin:0 0 0 -337px;
	padding:0;
	z-index:200;
}
#menu ul {
	list-style:none;
	margin:0 26px;
	padding:0;
}
#menu li {
	margin:0 30px 0 0;
	padding:0;
	float:left;
}
#menu a {
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
}
#menu a:link {
	text-decoration:none;
	color:#FFFFFF;
}
#menu a:visited {
	text-decoration:none;
	color:#FFFFFF;
}
#menu a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
#menu a:active {
	text-decoration:none;
	color:#FFFFFF;
}
#menu a.actif:link {
	text-decoration:underline;
	color:#FFFFFF;
}
#menu a.actif:visited {
	text-decoration:underline;
	color:#FFFFFF;
}
#menu a.actif:hover {
	text-decoration:underline;
	color:#FFFFFF;
}
#menu a.actif:active {
	text-decoration:underline;
	color:#FFFFFF;
}
#sous-menu {
	clear:both;
	width:225px;
	margin:145px 0 0 0;
	padding:0 0px 0 0;
	float:right;
}
#sous-menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sous-menu li {
	display:block;
	text-align:left;
	margin:0;
	padding:0;
}
#sous-menu a {
	display:block;
	text-align:left;
	margin:1px 15px 15px 15px;
	padding:0 2px 2px 0;
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	background-image:url(images/bordbleuclair.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#sous-menu a:link {
	color:#85b6ff;
	background-image:url(images/bordbleuclair.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	text-decoration:none;
}
#sous-menu a:visited {
	color:#85b6ff;
	background-image:url(images/bordbleuclair.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	text-decoration:none;
}
#sous-menu a:hover {
	color:#3385ff;
	background-image:url(images/bordbleu.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	text-decoration:none;
}
#sous-menu a:active {
	color:#85b6ff;
	background-image:url(images/bordbleuclair.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	text-decoration:none;
}
#sous-menu a.actif {
	background-image:url(images/bordbleu.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
	text-decoration:none;
}
#sous-menu a.actif:link {
	color:#3385ff;
	text-decoration:none;
}
#sous-menu a.actif:visited {
	color:#3385ff;
	text-decoration:none;
}
#sous-menu a.actif:hover {
	color:#3385ff;
	text-decoration:none;
}
#sous-menu a.actif:active {
	color:#3385ff;
	text-decoration:none;
}
#sous-menu div.img {
	/*position:absolute;
	bottom:60px;
	display:block;
	width:210px;
	height:190px;
	background-position:top center;
	background-repeat:no-repeat;
	z-index:0;*/
	display:block;
	width:210px;
	height:210px;
	margin:0 0 60px 5px;
	background-position:bottom center;
	background-repeat:no-repeat;
}
#img-accueil {
	background-image:url(images/accueil.jpg);
}
#img-web {
	background-image:url(images/web.jpg);
}
#img-gestion {
	background-image:url(images/gestion.jpg);
}
#img-qui {
	background-image:url(images/qui.jpg);
}
#img-contact {
	background-image:url(images/contact.jpg);
}
#main {
	display:block;
	float:left;
	width:455px;
	margin:145px 0 60px 0;
	padding:0 0 0 15px;
	text-align:left;
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
}
#main h2 {
	display:block;
	margin:0;
	padding:0 0 2px 0;
	font-size:18px;
	font-weight:bold;
	color:#ff6e00;
	background-image:url(images/bordbleuclair.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}
#content {
	margin:0 0 50px 0;
	padding:0 15px 0 11px;
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#3385ff;
	line-height:20px;
}
#content a:link {
	color:#3385ff;
	text-decoration:underline;
}
#content a:visited {
	color:#3385ff;
	text-decoration:underline;
}
#content a:hover {
	color:#ff6e00;
	text-decoration:none;
}
#content a:active {
	color:#3385ff;
	text-decoration:underline;
}
#content img.img-droite {
	width:150px;
	height:120px;
	border:none;
	float:right;
	margin:10px 0 15px 15px;
	padding:0;
}
#content img.img-gauche {
	width:150px;
	height:120px;
	border:none;
	float:left;
	margin:15px 15px 15px 0;
	padding:0;
}
#content img.img-gest-droite {
	width:150px;
	height:100px;
	border:none;
	float:right;
	margin:10px 0 15px 15px;
	padding:0;
}
#content img.img-gest-gauche {
	width:150px;
	height:100px;
	border:none;
	float:left;
	margin:15px 15px 15px 0;
	padding:0;
}
#content div.div-droite {
	width:200px;
	float:right;
	margin:0;
	padding:0;
}
#content div.div-gauche {
	width:200px;
	float:left;
	margin:0;
	padding:0;
}
#content h3 {
	display:block;
	margin:15px 0 10px -4px;
	padding:0;
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#3385ff;
}
#content h3 a:link {
	color:#3385ff;
	text-decoration:none;
}
#content h3 a:visited {
	color:#3385ff;
	text-decoration:none;
}
#content h3 a:hover {
	color:#66a4ff;
	text-decoration:underline;
}
#content h3 a:active {
	color:#3385ff;
	text-decoration:none;
}
#content div.div-droite h3{
	margin-left:4px;
}
#content div.div-gauche h3{
	margin-left:4px;
}
#content p {
	margin:10px 0 0 0;
	padding:0;
	text-align:justify;
}
#content hr.clear {
	clear:both;
	width:100%;
	height:2px;
	visibility:hidden;
	margin:0 0 5px 0;
	padding:0;
}
#content form.offre label {
	clear:both;
	width:150px;
	margin:4px 5px 0 0;
	float:left;
	text-align:right;
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:14px;
}
#content form.offre label span {
	font-size:12px;
}
#content form.offre input {
	height:18px;
	border:1px solid #85b6ff;
	margin:4px 5px 0 0;
	padding:0 2px;
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:14px;
}
#content form.offre select {
	height:18px;
	border:1px solid #85b6ff;
	margin:4px 5px 0 0;
	padding:0 2px;
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:14px;
}
#content form.offre input.bouton {
	height:22px;
	padding:0 6px;
}
#content form.offre textarea {
	border:1px solid #85b6ff;
	width:256px;
	margin:4px 5px 0 0;
	padding:2px;
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:14px;
}
#content form.offre #sujet {
	width:256px;
}
#content div.erreur {
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
}
#bottom {
	position:absolute;
	bottom:0;
	left:50%;
	width:700px;
	height:60px;
	margin:0 0 0 -350px;
	padding:0;
	background-image:url(images/fondbottom.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Geneva, Arial, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color: #3385ff;
	text-align:center;
	z-index:0;
}
#bottom span {
	display:block;
	margin:20px 0 0 0;
}
#bottom a:link {
	color:#3385ff;
	text-decoration:underline;
}
#bottom a:visited {
	color:#3385ff;
	text-decoration:underline;
}
#bottom a:hover {
	color:#3385ff;
	text-decoration:none;
}
#bottom a:active {
	color:#3385ff;
	text-decoration:underline;
}