HTML {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
BODY {
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-color: #171410;
	color: #FFF;
}
IMG {
	border: 0;
}
table {
	height: 100%;
	width: 100%;
	vertical-align: middle;
}
#bullet {
	width: 100%;
	background-size: cover;
	height: 100%;
}
#bullet.propos {
	height: auto;
}
#header {
	width: 100%;
	background-color: #171410;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	position: fixed;
	bottom: 0px;
	height: 40px;
}
#header.static {
	position: static;
}
#header a.in {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	font-style: normal;
	color: #000;
	background-image: url(../gfx/in.gif);
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	width: 40px;
	text-decoration: none;
	float: right;
	margin-top: 0px;
}
#header a.in:hover {
	background-position: 0px -40px;
	text-decoration: none;
}
#logo {
	background-color: #FFF;
	height: 120px;
	width: 100%;
	background-image: url(../gfx/logo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#home {
	height: 120px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#home a.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2px;
	font-style: normal;
	color: #FFF;
	display: block;
	height: 120px;
	width: 500px;
	text-decoration: none;
	margin-top: 0px;
	float: left;
}
#home a.connexion {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 15px;
	font-style: normal;
	color: #FFF;
	display: block;
	text-decoration: none;
	float: right;
	font-weight: bold;
	padding: 15px;
	text-align: center;
	background-color: #362F25;
	margin-top: 40px;
	border-radius: 9px;
}
#home a.connexion:hover {
	color: #FFFFFF;
	background-color: #10A7F8;
}

#nav {
	background-color: #10a7f8;
	width: 100%;
	height: 50px;
}
#navbox {
	height: 50px;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
}
#nav ul {
	float: left;
	margin: 0px;
	padding: 0px;
}
#nav li {
	float: left;
	list-style-type: none;
}
#nav a {
	color: #FFF;
	text-align: center;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	height: 32px;
	width: 100px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#nav a:hover {
	color: #10a7f8;
	background-color: #FFF;
}
#nav a.active {
	background-color: #FFF;
	color: #10a7f8;
}
#content {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	background-color: rgba(255, 255, 255, 0.79);
	height: auto;
	padding-top: 20px;
	padding-bottom: 40px;
	border-radius: 9px;
}
#content h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	padding-bottom: 10px;
	padding-left: 495px;
	padding-top: 10px;
}
#content h2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #333;
	text-decoration: none;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 50px;
}

#content p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 50px;
	padding-bottom: 3px;
	padding-left: 495px;
}
#content p.zero {
	padding-left: 50px;
}
#content.propos {
	background-image: url(../gfx/propos.jpg);
	background-repeat: no-repeat;
	background-position: 50px 50px;
}
#content.services {
	background-image: url(../gfx/services.jpg);
	background-repeat: no-repeat;
	background-position: 50px 50px;
}
#content.portfolio {
	background-image: url(../gfx/portfolio.jpg);
	background-repeat: no-repeat;
	background-position: 50px 50px;
}
#list {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #000;
	text-decoration: none;
}
#list ul {
	list-style-type: none;
}

#list li {
	list-style-image: url(../gfx/integrale.gif);
	padding-top: 15px;
}

#nav2 {
	background-color: #10a7f8;
	width: 100%;
	height: 50px;
}
#navbox2 {
	height: 50px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#nav2 ul {
	float: right;
	margin: 0px;
	padding: 0px;
}
#nav2 li {
	float: left;
	list-style-type: none;
}
#nav2 a {
	color: #FFF;
	text-align: center;
	display: block;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	height: 32px;
	width: 100px;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#nav2 a:hover {
	color: #10a7f8;
	background-color: #FFF;
}
#nav2 a.active {
	background-color: #FFF;
	color: #10a7f8;
}
#blueban {
	height: 50px;
	width: 100%;
	background-color: #10A7F8;
}
#footer {
	height: 200px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color: #171410;
	margin-top: 99px;
}
#copy {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666;
	text-decoration: none;
	text-align: center;
	margin-bottom: 20px;
}
.adj {
	clear: both;
}
#connexion {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	width: 500px;
	float: left;
	margin-top: 50px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#connexion a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 15px;
	width: 150px;
	background-color: #10A7F8;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#connexion a:hover {
	color: #10A7F8;
	background-color: #FFF;
}

#contact {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	float: left;
	width: 499px;
	margin-top: 50px;
}
#contact p.dot1 {
	background-image: url(../gfx/dot1.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 25px;
	margin-left: 123px;
}

#contact p.dot2 {
	background-image: url(../gfx/dot2.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding-left: 25px;
	margin-left: 123px;
}
#header p.dot1 {
	background-image: url(../gfx/dot1.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	padding-left: 25px;
	margin-left: 25px;
	margin-top: 9px;
}
#header p.dot2 {
	background-image: url(../gfx/dot2.gif);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	padding-left: 25px;
	margin-top: 9px;
	margin-left: 25px;
}
#header p.copy {
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	margin-top: 9px;
	text-align: right;
	margin-right: 25px;
}
img.ac_bgimage{
	position:fixed;
	top: 0px;
	left:0px;
	width:100%;
	opacity:1;
	display:none;
}
.ac_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background-color: transparent;
	background-image: url(../gfx/pattern.png);
	background-repeat: repeat;
	background-position: left top;
}
.ac_loading{
	position:fixed;
	top:10px;
	right:10px;
	background:#000 url(/gfx/loader.gif) no-repeat center center;
	width:50px;
	height:50px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px 10px 10px 10px;
	z-index:999;
	opacity:0.7;
	display:none;
}
.ac_content{
	margin-top:0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 100%;
	min-height: 100%;
	height: 100%;
	position: relative;
	padding: 0px;
	vertical-align: top;
}
#services {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#services ul {
	float: left;
	margin: 0px;
	padding: 0px;
}
#services li {
	float: left;
	list-style-type: none;
}
#services a.services1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #171310;
	text-decoration: none;
	background-image: url(../gfx/services1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}

#services a.services2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #171310;
	text-decoration: none;
	background-image: url(../gfx/services2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}
#services a.services3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #171310;
	text-decoration: none;
	background-image: url(../gfx/services3.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}
#services a.services4 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #171310;
	text-decoration: none;
	background-image: url(../gfx/services4.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}
#services a.services5 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #171310;
	text-decoration: none;
	background-image: url(../gfx/services5.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}
#services a.services1:hover {
	background-position: 0px -300px;
}
#services a.services2:hover {
	background-position: 0px -300px;
}
#services a.services3:hover {
	background-position: 0px -300px;
}
#services a.services4:hover {
	background-position: 0px -300px;
}
#services a.services5:hover {
	background-position: 0px -300px;
}
#services a.active1 {
	background-position: 0px -300px;
	background-image: url(../gfx/services1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}
#services a.active2 {
	background-position: 0px -300px;
	background-image: url(../gfx/services2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}
#services a.active3 {
	background-position: 0px -300px;
	background-image: url(../gfx/services3.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}
#services a.active4 {
	background-position: 0px -300px;
	background-image: url(../gfx/services4.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}
#services a.active5 {
	background-position: 0px -300px;
	background-image: url(../gfx/services5.gif);
	background-repeat: no-repeat;
	display: block;
	height: 300px;
	width: 220px;
}