@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	margin:0;
	background: url(../img/fond.jpg) scroll no-repeat top left;
	background-color:#E6E6E6;
	font-family:Verdana, Geneva, sans-serif;
}
#wrapper {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
#header {
	margin-top:30px;
	margin-bottom:30px;
	width:960px;
	overflow:hidden;
}
#logo {
	width:460px;
	float:left;
	margin-left:0px;
	
		background-color:#ffffff;
	border: 1px solid #a9a9a9;
	/* Rounder Corner */
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	height: 100px;
	padding: 0;
	
}

#logoimg{
  margin-left:10px;
  border: 0;
}

#logo h1 {
	font-size:42px;
	font-family:Verdana, Geneva, sans-serif;
	color:#353c47;
	text-shadow: 0px 2px 1px #7d7c7c;
}
#content h1 {
  margin-top:10px;
  margin-left:20px;
	font-size:25px;
	font-family:Verdana, Geneva, sans-serif;
	color:#0063ec;
	text-shadow: 0px 2px 1px #7d7c7c;
}

#nav {
	margin-right:20px;
	float:right;
	font-size: 15px;
	position: relative;
}

#nav ul {
	background-color:#ffffff;
	border: 1px solid #a9a9a9;
	/* Rounder Corner */
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	height: 55px;
	padding: 0;
}

#nav ul li {
	display: inline;
	float: left;
	height: 16px;
	margin: 9px 10px 0 10px;
	padding: 10px 16px;
}

#nav ul li a {
	color:#000000;
	text-decoration:none;
	outline:none;
}

#nav ul li:hover {
	background: #0063ec;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
}
#slider {
	background-color:#ffffff;
	position:relative;
	padding:20px;
	overflow:hidden;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
}
.inslider {
	float: left;
	position: relative;
}
.inslider a {
	text-decoration:none;
}
.imageholder {
	border: 1px solid #a9a9a9;
	height:300px;
	width: 920px;
	overflow: hidden;
	position: relative;
}
.imgslider {
	position: absolute;
	top: 0; left: 0;
}
.imgslider img {
	float: left;
}
.imagenav {
	position: absolute;
	bottom: 10px; right: 10px;
	 height:30px;
	z-index: 100;
	text-align: center;
	line-height: 30px;
	border: 1px solid #a6c9e2;
	background-color: #fff;
	border: 1px solid #a6c9e2;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.imagenav a {
	padding: 5px;
	text-decoration: none;
	color: #333;
}
.imagenav a.active {
	font-weight: bold;
	background: #0063ec;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#content {
	margin-top:20px;
	width:958px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	overflow:hidden;
}
#content h2 {
	padding-bottom:3px;
	font-size:16px;
	font-family:Verdana, Geneva, sans-serif;
	color:#0063ec;
	border-bottom: 1px solid #CCC;
}
#content p {
	padding:5px;
	color: #243953;
	font-size:14px;
	line-height: 18px;
}
#box1 {
	width:319px;
	float:left;
}
#inbox1 {
	padding:20px;
}
#box2 {
	width:319px;
	float:left;
}
#inbox2 {
	padding:20px;
}
#box3 {
	width:319px;
	float:left;
}
#inbox3 {
	padding:20px;
}

.box {
	width:100%;
	float:left;
}
.inbox {
	padding:20px;
}

#footer {
	width:958px;
	height:40px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#ffffff;
	border: 1px solid #a9a9a9;
	-moz-border-radius: 7px;
    -webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	overflow:hidden;
	color: #243953;
}
#footer p {
	margin-left:20px;
	margin-top:10px;
	font-size:12px;
}

a.lien:link {
	color:#539bff;
	text-decoration:none;	
	border-bottom:1px dotted #539bff;
	}	
a.lien:visited {
	color:#539bff;
	text-decoration:none;
	border-bottom:1px dotted #539bff;
	}		
a.lien:hover,
a.lien:focus {
	color:#539bff;
	border-bottom:none;
	text-decoration:none;
	}

/*
	Sliding labels is open source code by Tim Wright of CSSKarma.com
	Use as you see fit, I'd like it if you kept this in the code, but 
	basically share it and don't be a jerk.
	
	Support:
	http://www.csskarma.com/blog/sliding-labels
*/
form                        { font-size:12px; width:580px;padding:0 90px 20px;margin:auto;background:#ffffff;border:0px solid #ddd; }
/*div                         { clear:both;position:relative;margin:0 0 10px; }*/
label                       { cursor:pointer;display:block; }
input[type="text"],
textarea                    { width:500px;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px; }
input[type="text"]:focus    { border-color:#777; }
input[name="zip"]           { width:150px; }

/* submit button */
input[type="submit"]        { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#eee; }
input[type="submit"]:hover,
input[type="submit"]:focus  { border-color:#333;background:#ddd; }
input[type="submit"]:active { margin-top:1px; }


.formError {
			position:absolute;
			top:300px; left:300px;
			width:150px;
			padding-bottom:15px;
			display:block;
			z-index:5000;
		}
			.formError .formErrorContent {
				width:100%; 
				background:#000;
				color:#fff;
				font-family:tahoma;
				font-size:10px;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;
				
			}
				.formError .formErrorArrow div{
					box-shadow: 0px 0px 6px #000;
					-moz-box-shadow: 0px 0px 6px #000;
					-webkit-box-shadow: 0px 0px 6px #000;
					font-size:0px; 
				}
				.formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} 
				.formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} 
				.formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;}