/* CSS Document */

*{
	margin:0;
	padding:0;
	border:0;
	font-family: Arial;
	font-size:12px;
	-webkit-text-size-adjust:none;
	color:#000000;
}

body {}

#main {
	position: relative;
	width: 850px;
	top: 20px;
	left: 50%;
	margin-left: -425px;
}

h1 {
	color:#4c801e;
	font-size: 150%;
	}

p.t1 {
	color:#242f1a;
	line-height:18px;
	font-size: 120%;
	}

p.t2 {
	color:#242f1a;
	font-size: 120%;
	margin-top:7px;
	}
	

p.t3 {
	font-size: 90%;
	margin-top:0px;
	}


p.t4 {
	font-size: 110%;
	font-weight:bold;
	}
.t5 {
	font-weight:bold;
	}
p.t6 {
	color: #4d811d;
	font-size: 100%;
	margin-top: 3px;
	}
p.t7 {
	font-size: 11px;
	margin-top: 3px;
	font-weight: bold;
	}
	
.t7 a:link {
	text-decoration: none;
	font-size: 11px;
	}
.t7 a:visited {
	text-decoration: none;
	font-size: 11px;
	}
.t7 a:active {text-decoration: none}
.t7 a:hover {
	text-decoration: none;
	color: #456a85;
	font-size: 11px;
	}


p.t8 {
	color: #4d811d;
	font-size: 11px;
	font-weight: bold;
	}

.t8 a:link {
	color: #4d811d;
	text-decoration: none;
	font-size: 11px;
	}
.t8 a:visited {
	text-decoration: none;
	color: #456a85;
	font-size: 11px;
	}
.t8 a:active {text-decoration: none}
.t8 a:hover {
	text-decoration: underline;
	color: #456a85;
	font-size: 11px;
	}

p.t9 {
	color: #4d811d;
	font-size: 120%;
	font-weight:bold;
	}
.t10 {
	font-size: 110%;
	font-weight:bold;
	}
.t11 {
	color: #4d811d;
	}
.t12 {
	font-size: 13px;
	font-weight:bold;
	}
.t13 {
	font-size: 90%;
	color:#71796b;
	}

span.req{
	display:inline;
	float:none;
	color:red;
	font-weight:bold;
	margin:0;
	padding:0;
}

p.t16 {
	font-size: 11px;
	font-weight: bold;
	}


.t15 {
	font-size: 11px;
	color:#71796b;
	}

.t15 a:link {
	font-size: 11px;
	color:#71796b;
	}
.t15 a:visited {
	color: #456a85;
 	font-size: 11px;
}

.t15 a:hover {
	text-decoration: none;
	color: #456a85;

	}

p.t14 {
	font-weight:bold;
	}


.t14 a:visited {
	color: #456a85;
	font-size: 100%;
	}

.t14 a:hover {
	text-decoration: none;
	color: #456a85;
	font-size: 100%;
	}




#header {
	position: absolute;
	width: 850px;
	left: 0px;
}

#logo {
	float:left;
	margin-left: 10px;
	top: 40px;
	z-index: 1;
	border:none;
}

#accueil {
	position: absolute;
	top: 85px;
	z-index: 1;
}



/* ----------------------------- start #menu ----------------------------- */
#menu{
	float:right;
	width:620px;
	margin-top:40px;
	z-index: 1;
	}
#menu img { border: none;}
#menu li { display: inline; list-style:none; }
#menu li a { float: left; display:block;}
#menu li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#menu li a:hover { visibility:visible; }
#menu li a:hover img { visibility:visible; }
#menu li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #menu ids ----------------------------- */
#one { background:url(../images/menu12.jpg) no-repeat left bottom; width: 79px; height: 34px;}
#two { background:url(../images/menu22.jpg) no-repeat left bottom; width: 93px; height: 34px;}
#three { background:url(../images/menu32.jpg) no-repeat left bottom; width: 187px; height: 34px;}
#four { background:url(../images/menu42.jpg) no-repeat left bottom; width: 119px; height: 34px;}
#five { background:url(../images/menu52.jpg) no-repeat left bottom; width: 60px; height: 34px;}
#six { background:url(../images/menu62.jpg) no-repeat left bottom; width: 74px; height: 34px;}
/* ----------------------------- end #menu ids ----------------------------- */





/* ----------------------------- start #menu services----------------------------- */
#menus{
	position: absolute;
	top: 177px;
	left: 188px;
	z-index: 1;
	}
#menus img { border: none;}
#menus li { display: inline; list-style:none; }
#menus li a { float: left; display:block;}
#menus li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#menus li a:hover { visibility:visible; }
#menus li a:hover img { visibility:visible; }
#menus li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #menu ids ----------------------------- */
#ones { background:url(../images/menus12.jpg) no-repeat left bottom; width: 157px; height: 23px;}
#twos { background:url(../images/menus22.jpg) no-repeat left bottom; width: 170px; height: 23px;}
#fours { background:url(../images/menus42.jpg) no-repeat left bottom; width: 168px; height: 23px;}
/* ----------------------------- end #menu ids ----------------------------- */


/* rotator in-page placement */
#rotator {
	position:absolute;
	height:160px;
	left: 507px;
	top: 114px;
	z-index: 1;
}
/* rotator css */
#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
#rotator ul li img {
	border:0px;
	padding: 4px;
}
#rotator ul li.show {
	z-index:500
}

#textea1 {
	position: absolute;
	border: none;
	left: 0px;
	top: 100px;
	z-index: 2;
	width: 850px;
	text-align:center;
}

#textea2 {
	position: absolute;
	border: none;
	left: 0px;
	top: 130px;
	z-index: 2;
	width: 850px;
	text-align:center;
}

#textef6 {
	position: absolute;
	border: none;
	left: 30px;
	top: 285px;
	z-index: 2;
	width: 185px;
}

#textef9 {
	position: absolute;
	border: none;
	left: 244px;
	top: 285px;
	z-index: 2;
	width: 185px;
}

#textef15 {
	position: absolute;
	border: none;
	left: 458px;
	top: 285px;
	z-index: 2;
	width: 185px;
}

#textea4 {
	position: absolute;
	border: none;
	left: 672px;
	top: 285px;
	z-index: 2;
	width: 185px;
}

#textea5 {
	position: absolute;
	border: none;
	left: 0px;
	top: 495px;
	z-index: 2;
	width: 850px;
	text-align:center;
}

#textecl {
	position: absolute;
	border: none;
	left: 0px;
	top: 975px;
	z-index: 2;
	width: 850px;
	text-align:center;
}

#ccm {
	position: absolute;
	border: none;
	left: 27px;
	top: 262px;
	z-index: 2;
}

#ccm a { float: left; display:block;}
#ccm a img {  border:none; vertical-align:bottom; /* for IE6 */}
#ccm a:hover { visibility:visible; }
#ccm a:hover img { visibility:visible; }
#ccm a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#roll1 { background:url(../images/ccm1.png) no-repeat left bottom; width: 177px; height: 33px;}


#vr {
	position: absolute;
	border: none;
	left: 220px;
	top: 262px;
	z-index: 2;
}

#vr a { float: left; display:block;}
#vr a img {  border:none; vertical-align:bottom; /* for IE6 */}
#vr a:hover { visibility:visible; }
#vr a:hover img { visibility:visible; }
#vr a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#roll2 { background:url(../images/vr1.png) no-repeat left bottom; width: 177px; height: 33px;}

#clf6 {
	position: absolute;
	top: 245px;
	z-index: 1;
	left:1px;
}

#clf9 {
	position: absolute;
	top: 245px;
	left:215px;
	z-index: 1;
}

#clf15 {
	position: absolute;
	top: 245px;
	left:429px;
	z-index: 1;
}

#cg {
	position: absolute;
	top: 245px;
	z-index: 1;
	left: 643px;
}

#pdif6 {
	position: absolute;
	top: 459px;
	left: 9px;
	z-index: 2;
}

#pdif6 a { float: left; display:block;}
#pdif6 a img {  border:none; vertical-align:bottom; /* for IE6 */}
#pdif6 a:hover { visibility:visible; }
#pdif6 a:hover img { visibility:visible; }
#pdif6 a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#pdif9 {
	position: absolute;
	top: 459px;
	left: 223px;
	z-index: 2;
}

#pdif9 a { float: left; display:block;}
#pdif9 a img {  border:none; vertical-align:bottom; /* for IE6 */}
#pdif9 a:hover { visibility:visible; }
#pdif9 a:hover img { visibility:visible; }
#pdif9 a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#pdif15 {
	position: absolute;
	top: 459px;
	left: 437px;
	z-index: 2;
}

#pdif15 a { float: left; display:block;}
#pdif15 a img {  border:none; vertical-align:bottom; /* for IE6 */}
#pdif15 a:hover { visibility:visible; }
#pdif15 a:hover img { visibility:visible; }
#pdif15 a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#pdi2 {
	position: absolute;
	top: 459px;
	left: 651px;
	z-index: 2;
}

#pdi2 a { float: left; display:block;}
#pdi2 a img {  border:none; vertical-align:bottom; /* for IE6 */}
#pdi2 a:hover { visibility:visible; }
#pdi2 a:hover img { visibility:visible; }
#pdi2 a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


.roll3 { background:url(../images/pdi3.jpg) no-repeat left bottom; width: 90px; height: 17px;}


#commf6 {
	position: absolute;
	top: 459px;
	left: 107px;
	z-index: 2;
}

#commf6 a { float: left; display:block;}
#commf6 a img {  border:none; vertical-align:bottom; /* for IE6 */}
#commf6 a:hover { visibility:visible; }
#commf6 a:hover img { visibility:visible; }
#commf6 a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#commf9 {
	position: absolute;
	top: 459px;
	left: 321px;
	z-index: 2;
}

#commf9 a { float: left; display:block;}
#commf9 a img {  border:none; vertical-align:bottom; /* for IE6 */}
#commf9 a:hover { visibility:visible; }
#commf9 a:hover img { visibility:visible; }
#commf9 a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#commf15 {
	position: absolute;
	top: 459px;
	left: 535px;
	z-index: 2;
}

#commf15 a { float: left; display:block;}
#commf15 a img {  border:none; vertical-align:bottom; /* for IE6 */}
#commf15 a:hover { visibility:visible; }
#commf15 a:hover img { visibility:visible; }
#commf15 a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#comm2 {
	position: absolute;
	top: 459px;
	left: 749px;
	z-index: 2;
}

#comm2 a { float: left; display:block;}
#comm2 a img {  border:none; vertical-align:bottom; /* for IE6 */}
#comm2 a:hover { visibility:visible; }
#comm2 a:hover img { visibility:visible; }
#comm2 a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

.roll4 { background:url(../images/comm1.jpg) no-repeat left bottom; width: 90px; height: 17px;}


#nr {
	position: absolute;
	top: 537px;
	background-image:url(../images/nrealisations.jpg); width: 850px; height: 293px;
	z-index: 1;
}

#nrt0 {
	position: absolute;
	width: 370px;
	left: 20px;
	top: 785px;
	z-index: 3;
}

#nrl1 {
	position: absolute;
	width: 370px;
	height: 130px;
	left: 20px;
	top: 585px;
	z-index: 2;
}

#nrt1 {
	position: absolute;
	width: 370px;
	left: 20px;
	top: 715px;
	z-index: 2;
}


#nrl2 {
	position: absolute;
	width: 155px;
	height: 95px;
	left: 420px;
	top: 590px;
	z-index: 2;
}

#nrt2 {
	position: absolute;
	width: 250px;
	height: 85px;
	left: 585px;
	top: 590px;
	z-index: 2;
}

#nrl3 {
	position: absolute;
	width: 155px;
	height: 95px;
	left: 420px;
	top: 700px;
	z-index: 2;
}

#nrt3 {
	position: absolute;
	width: 250px;
	height: 85px;
	left: 585px;
	top: 700px;
	z-index: 2;
}


#plusr{
	position: absolute;
	left: 585px;
	top: 790px;
	z-index: 3;
}

#plusr a { float: left; display:block;}
#plusr a img {  border:none; vertical-align:bottom; /* for IE6 */}
#plusr a:hover { visibility:visible; }
#plusr a:hover img { visibility:visible; }
#plusr a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

.roll5 { background:url(../images/plusr1.jpg) no-repeat left bottom; width: 153px; height: 21px;}

#footer {
	position: absolute;
	top: 840px;
	width: 850px;
	height: 30px;
	z-index: 1;
}

#footerccm {
	position: absolute;
	top: 1120px;
	width: 850px;
	height: 30px;
	z-index: 1;
}

#footercom {
	margin-top: 10px;
	width: 850px;
	height: 30px;
	z-index: 1;
}




#footercl{
	position: absolute;
	top: 2535px;
	width: 850px;
	height: 30px;
	z-index: 1;
}

#footercc{
	position: absolute;
	top: 1765px;
	width: 850px;
	height: 30px;
	z-index: 1;
}


#footerrl{
	position: absolute;
	top: 2620px;
	width: 850px;
	height: 30px;
	z-index: 1;
}


#cartes {
	float:left;
	margin-left: 0px;
	margin-top: 5px;
	width: 200px;
	top: 0px;
	z-index: 1;
	border:none;
}

#bas {
	float:left;
	width: 450px;
	text-align:center;
	margin-left: 0px;
	top: 0px;
	z-index: 1;
}

#basvir {
	position: absolute;
	width: 850px;
	text-align:center;
	top: 380px;
	z-index: 1;
}

#bascs {
	position: absolute;
	width: 850px;
	text-align:center;
	top: 600px;
	z-index: 1;
}


#bascont {
	width: 850px;
	text-align:center;
	margin-top: 20px;
	z-index: 1;
}

#addthis {
	float:right;
	margin-top: 8px;
	top: 0px;
	z-index: 1;
}

#commcm {
	position: absolute;
	top: 100px;
	width: 850px;
	text-align:center;
	z-index: 1;
}

#atout {
	position: absolute;
	top: 150px;
	width: 850px;
	text-align:center;
	z-index: 1;
}

#reponse{
	position: absolute;
	top: 250px;
	left: 500px;
	z-index: 3;
}

#cc1{
	position: absolute;
	top: 210px;
	width: 850px;
	text-align:center;
	z-index: 1;
}

#cc2{
	position: absolute;
	top: 190px;
	width: 850px;
	text-align:center;
	z-index: 1;
}

#cc3{
	position: absolute;
	top: 205px;
	width: 850px;
	text-align:center;
	z-index: 1;
}

#nosservices{
	position: absolute;
	top: 100px;
	width: 850px;
	text-align:center;
	z-index: 1;
}

#procede {
	position: absolute;
	top: 190px;
	z-index: 1;
}

#vcommande {
	position: absolute;
	top: 150px;
	left:225px;
	z-index: 2;
}

#vcommande1 {
	position: absolute;
	top: 150px;
	width:850px;
	text-align:center;
	z-index: 2;
}

#cartesite {
	position: absolute;
	top: 150px;
	left: 30px;
	width: 850px;
	z-index: 2;
}

.list1 {
	
	margin-left: 50px;
}

.p1 {
	
	margin-left: 35px;
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}


#coord {
	position: absolute;
	top: 190px;
	left: 225px;
	z-index: 2;
}

#coord2 {
	position: absolute;
	top: 310px;
	width: 850px;
	text-align:center;
	z-index: 2;
}

#ccharges {
	position: absolute;
	border:none;
	margin: 0px;
	padding: 0px;
	top: 255px;
	z-index: 1;
}

#ccharges2 {
	position: absolute;
	border:none;
	margin: 0px;
	padding: 0px;
	top: 235px;
	z-index: 1;
}

#ccharges3{
	position: absolute;
	border:none;
	margin: 0px;
	padding: 0px;
	top: 250px;
	z-index: 1;
}


#form1 {
	position: absolute;
	top: 300px;
	left: 0px;
	width: 790px;
	z-index: 2;
}

#form2 {
	position: absolute;
	top: 280px;
	left: 0px;
	width: 850px;
	z-index: 2;
}

#form3 {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 600px;
	z-index: 2;
}

#form4 {
	position: absolute;
	top: 250px;
	left: 0px;
	width: 600px;
	z-index: 2;
}

#form5 {
	position: absolute;
	top: 150px;
	left: 0px;
	width: 700px;
	z-index: 2;
}



#procede1 {
	position: absolute;
	left: 177px;
	width: 635px;
	top: 267px;
	z-index: 2;
}

#procede2 {
	position: absolute;
	left: 177px;
	width: 635px;
	top: 422px;
	z-index: 2;
}

#procede3 {
	position: absolute;
	left: 177px;
	width: 635px;
	top: 590px;
	z-index: 2;
}

#procede4 {
	position: absolute;
	left: 177px;
	width: 635px;
	top: 752px;
	z-index: 2;
}

#procede5 {
	position: absolute;
	left: 177px;
	width: 635px;
	top: 900px;
	z-index: 2;
}

#allerh {
	position: absolute;
	top: 1060px;
	left: 362px;
	z-index: 1;
}

#allerh a { float: left; display:block;}
#allerh a img {  border:none; vertical-align:bottom; /* for IE6 */}
#allerh a:hover { visibility:visible; }
#allerh a:hover img { visibility:visible; }
#allerh  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#allerc {
	margin-top: 50px;
	margin-left: 362px;
	height: 50px;
	z-index: 1;
}

#allerc a { float: left; display:block;}
#allerc a img {  border:none; vertical-align:bottom; /* for IE6 */}
#allerc a:hover { visibility:visible; }
#allerc a:hover img { visibility:visible; }
#allerc  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


.roll6 { background:url(../images/aller1.jpg) no-repeat left bottom; width: 126px; height: 47px;}


#jvc {
	position: absolute;
	top: 1020px;
	left: 319px;
	z-index: 1;
}

#jvc a { float: left; display:block;}
#jvc a img {  border:none; vertical-align:bottom; /* for IE6 */}
#jvc a:hover { visibility:visible; }
#jvc a:hover img { visibility:visible; }
#jvc  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

.roll7 { background:url(../images/jvc1.jpg) no-repeat left bottom; width: 212px; height: 28px;}

#creationlogo{
	position: absolute;
	border:none;
	top: 230px;
	z-index: 1;
}

#creationlogo2{
	position: absolute;
	top: 941px;
	z-index: 1;
}

#crealogot1{
	position: absolute;
	top: 280px;
	left: 30px;
	width: 780px;
	z-index: 2;
}

#crealogot2{
	position: absolute;
	top: 390px;
	left: 58px;
	width: 750px;
	z-index: 2;
}


#creasite2{
	position: absolute;
	top: 565px;
	width: 850px;
	text-align:center;
	z-index: 2;
}
#creasite3{
	position: absolute;
	top: 490px;
	width: 850px;
	text-align:center;
	z-index: 2;
}




#creacharte{
	position: absolute;
	top: 395px;
	left: 58px;
	width: 750px;
	z-index: 2;
}

#creasite{
	position: absolute;
	top: 345px;
	left: 58px;
	width: 750px;
	z-index: 2;
}

#creanim {
	position: absolute;
	top: 355px;
	left: 58px;
	width: 750px;
	z-index: 2;
}

#logocomm{
	position: absolute;
	top: 625px;
	left: 0px;
	z-index: 2;
}

#chartecomm{
	position: absolute;
	top: 625px;
	left: 365px;
	z-index: 2;
}

#chartecomm a { float: left; display:block;}
#chartecomm  a img {  border:none; vertical-align:bottom; /* for IE6 */}
#chartecomm  a:hover { visibility:visible; }
#chartecomm  a:hover img { visibility:visible; }
#chartecomm   a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

.roll8 { background:url(../images/commander1.jpg) no-repeat left bottom; width: 114px; height: 22px;}




#jvcl {
	position: absolute;
	top: 2400px;
	left: 319px;
	z-index: 2;
}

#jvcl a { float: left; display:block;}
#jvcl a img {  border:none; vertical-align:bottom; /* for IE6 */}
#jvcl a:hover { visibility:visible; }
#jvcl a:hover img { visibility:visible; }
#jvcl  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#jvclx {
	position: absolute;
	top: 1020px;
	left: 319px;
	z-index: 2;
}

#jvclx a { float: left; display:block;}
#jvclx a img {  border:none; vertical-align:bottom; /* for IE6 */}
#jvclx a:hover { visibility:visible; }
#jvclx a:hover img { visibility:visible; }
#jvclx  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#jvcc {
	position: absolute;
	top: 1630px;
	left: 319px;
	z-index: 2;
}

#jvcc a { float: left; display:block;}
#jvcc a img {  border:none; vertical-align:bottom; /* for IE6 */}
#jvcc a:hover { visibility:visible; }
#jvcc a:hover img { visibility:visible; }
#jvcc  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}












#jvcrl {
	position: absolute;
	top: 2135px;
	left: 319px;
	z-index: 2;
}

#jvcrl a { float: left; display:block;}
#jvcrl a img {  border:none; vertical-align:bottom; /* for IE6 */}
#jvcrl a:hover { visibility:visible; }
#jvcrl a:hover img { visibility:visible; }
#jvcrl  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#allerhl {
	position: absolute;
	top: 2470px;
	left: 362px;
	z-index: 2;
}

#allerhl a { float: left; display:block;}
#allerhl a img {  border:none; vertical-align:bottom; /* for IE6 */}
#allerhl a:hover { visibility:visible; }
#allerhl a:hover img { visibility:visible; }
#allerhl  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#allerhc {
	position: absolute;
	top: 1700px;
	left: 362px;
	z-index: 2;
}

#allerhc a { float: left; display:block;}
#allerhc a img {  border:none; vertical-align:bottom; /* for IE6 */}
#allerhc a:hover { visibility:visible; }
#allerhc a:hover img { visibility:visible; }
#allerhc  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}




#allerhrl {
	position: absolute;
	top: 2555px;
	left: 362px;
	z-index: 2;
}

#allerhrl a { float: left; display:block;}
#allerhrl a img {  border:none; vertical-align:bottom; /* for IE6 */}
#allerhrl a:hover { visibility:visible; }
#allerhrl a:hover img { visibility:visible; }
#allerhrl  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#exprojet{
	position: absolute;
	top: 1080px;
	z-index: 1;
}

#exprojet1{
	position: absolute;
	width: 485px;
	top: 1142px;
	left: 360px;
	z-index: 2;
}

#exprojetc{
	position: absolute;
	top: 725px;
	z-index: 1;
}

#exprojetc1{
	position: absolute;
	width: 485px;
	top: 787px;
	left: 360px;
	z-index: 2;
}


#exprojet2{
	position: absolute;
	top: 630px;
	z-index: 1;
}

#exprojet4{
	position: absolute;
	top: 550px;
	z-index: 1;
}

#animaxis{
	position: absolute;
	top: 715px;
	left: 225px;
	z-index: 4;
}


#para{
	position: absolute;
	top: 300px;
	left: 30px;
	z-index: 4;
}

#publicite {
	position: absolute;
	top: 300px;
	left: 645px;
	z-index: 4;
}

#mobile {
	position: absolute;
	top: 341px;
	left: 660px;
	z-index: 5;
}

#se1 {
	position: absolute;
	top: 578px;
	left: 655px;
	z-index: 5;
}

#se2 {
	position: absolute;
	top: 720px;
	left: 30px;
	z-index: 5;
}

#se3 {
	position: absolute;
	top: 788px;
	left: 30px;
	z-index: 5;
}

#se4 {
	position: absolute;
	top: 720px;
	left: 525px;
	z-index: 5;
}


#exprojet3{
	position: absolute;
	width: 485px;
	top: 692px;
	left: 360px;
	z-index: 2;
}

#exprojet5{
	position: absolute;
	width: 485px;
	top: 612px;
	left: 360px;
	z-index: 2;
}

#commentcm {
	position: absolute;
	top: 2435px;
	left: 343px;
	z-index: 2;
}

#commentcm a { float: left; display:block;}
#commentcm a img {  border:none; vertical-align:bottom; /* for IE6 */}
#commentcm a:hover { visibility:visible; }
#commentcm a:hover img { visibility:visible; }
#commentcm  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#commentcc {
	position: absolute;
	top: 1665px;
	left: 343px;
	z-index: 2;
}

#commentcc a { float: left; display:block;}
#commentcc a img {  border:none; vertical-align:bottom; /* for IE6 */}
#commentcc a:hover { visibility:visible; }
#commentcc a:hover img { visibility:visible; }
#commentcc  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

#commentcmrl {
	position: absolute;
	top: 2175px;
	left: 343px;
	z-index: 2;
}

#commentcmrl a { float: left; display:block;}
#commentcmrl a img {  border:none; vertical-align:bottom; /* for IE6 */}
#commentcmrl a:hover { visibility:visible; }
#commentcmrl a:hover img { visibility:visible; }
#commentcmrl  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

.roll9 { background:url(../images/commcm1.jpg) no-repeat left bottom; width: 164px; height: 22px;}

#hlcl {
	position: absolute;
	top: 2520px;
	z-index: 2;
}

#hlcc {
	position: absolute;
	top: 1750px;
	z-index: 2;
}


#hlrl {
	position: absolute;
	top: 2600px;
	z-index: 2;
}

#hlccm {
	position: absolute;
	top: 1105px;
	z-index: 2;
}

#hlcom {
	height: 5px;
	z-index: 2;
}

#hlcom1 {
margin-top: 15px;
	height: 5px;
	z-index: 2;
}


#r1 {
	position: absolute;
	top: 280px;
	left: 32px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r2 {
	position: absolute;
	top: 280px;
	left: 304px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r3 {
	position: absolute;
	top: 280px;
	left: 576px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r4 {
	position: absolute;
	top: 510px;
	left: 32px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r5 {
	position: absolute;
	top: 510px;
	left: 304px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r6 {
	position: absolute;
	top: 510px;
	left: 576px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r7 {
	position: absolute;
	top: 740px;
	left: 32px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r8 {
	position: absolute;
	top: 740px;
	left: 304px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r9 {
	position: absolute;
	top: 740px;
	left: 576px;
	width: 240px;
	height: 201px;
	text-align:center;
	z-index: 2;
}

#r10 {
	position: absolute;
	top: 970px;
	left: 32px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r11 {
	position: absolute;
	top: 970px;
	left: 304px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r12 {
	position: absolute;
	top: 970px;
	left: 576px;
	width: 240px;
	height: 201px;
	text-align:center;
	z-index: 2;
}

#r13 {
	position: absolute;
	top: 1200px;
	left: 32px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r14 {
	position: absolute;
	top: 1200px;
	left: 304px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r15 {
	position: absolute;
	top: 1200px;
	left: 576px;
	width: 240px;
	height: 201px;
	text-align:center;
	z-index: 2;
}

#r16 {
	position: absolute;
	top: 1430px;
	left: 32px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r17 {
	position: absolute;
	top: 1430px;
	left: 304px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r18 {
	position: absolute;
	top: 1430px;
	left: 576px;
	width: 240px;
	height: 201px;
	text-align:center;
	z-index: 2;
}

#r19 {
	position: absolute;
	top: 1660px;
	left: 32px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r20 {
	position: absolute;
	top: 1660px;
	left: 304px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r21 {
	position: absolute;
	top: 1660px;
	left: 576px;
	width: 240px;
	height: 201px;
	text-align:center;
	z-index: 2;
}

#r22 {
	position: absolute;
	top: 1890px;
	left: 32px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r23 {
	position: absolute;
	top: 1890px;
	left: 304px;
	width: 240px;
	height: 200px;
	text-align:center;
	z-index: 2;
}

#r24 {
	position: absolute;
	top: 1890px;
	left: 576px;
	width: 240px;
	height: 201px;
	text-align:center;
	z-index: 2;
}

.input1 {
	background-color: #ffffff;
	color:#666666;
	font: 12px/14px sans-serif;
	margin: 4px 0 2px 0px;
	padding: 2px;
	border: 1px solid #71796b;
}

.select1 {
	color:#666666;
	font: 11px/13px sans-serif;
	margin: 4px 0 2px 0px;
	padding: 2px;
	border: 1px solid #71796b;
}

.textarea1 {
	background-color: #ffffff;
	color:#666666;
	font: 12px/14px sans-serif;
	margin: 4px 0 2px 0px;
	padding: 2px;
	border: 1px solid #71796b;
}



.radio2 {
	margin-left: 140px;
}

.radio3 {
	font-size: 90%;
	color:#71796b;
	margin-left: 16px;
	}

.radio4 {
	font-size: 90%;
	color:#71796b;
	margin-left: 37px;
	}


.ffx1 {
margin-top: 15px;
margin-left: 60px;
}

.ffx2 {
margin-top: 7px;
margin-left: 60px;
}





.ff1 {
height:25px;
margin-top:15px;
margin-left: 20px;
}

.ff2 {
margin-top: 7px;
margin-left: 30px;
}

.ffc {
clear:left;
height: 20px;
}

.ff2c1 {
display:inline;
float:left;
margin-left:30px;
width:280px;
}

.ff2c2 {
display:inline;
float:left;
font-weight:bold;
width:100px;
}

.ff2c4 {
display:inline;
float:left;
font-weight:bold;
width:115px;
}

.ff2c5 {
display:inline;
float:left;
width:415px;
}

.ff2c3 {
display:inline;
float:left;
width:430px;
}

.ff3 {
margin-top: 7px;
margin-left: 240px;
}

.ff4 {
margin-top: 4px;
margin-left: 60px;
}

.ff5 {
margin-top: 12px;
margin-left: 240px;
}

.ff6 {
margin-top: 7px;
margin-left: 75px;
}

.ff7 {
margin-top: 4px;
margin-left: 75px;
}

.ff8 {
margin-top: 4px;
margin-left: 47px;
}

.ffx8 {
margin-top: 4px;
margin-left: 77px;
}

.ff9 {
margin-top: 12px;
margin-left: 200px;
}

.ff10 {
margin-top: 7px;
margin-left: 200px;
}

.ff11 {
font-weight:bold;
color:#4d811d;
margin-top: 15px;
margin-left: 60px;
}

.ff12 {
margin-top: 7px;
margin-left: 60px;
}

.ff13 {
margin-top: 7px;
margin-left: 80px;
}

.ff14 {
margin-top: 20px;
margin-left: 325px;
}




.checkbox0 {
width: 18px;
float:left;
}

.checkbox1 {
width: 162px;
float:left;
}

.button1 {
    border: none;
	width: 107px;
	height: 23px;
	font-weight: bold;
	background-color:#b3dc10;
}



/*CharteGraphique*/

#def{
	position: absolute;
	z-index: 3;
	top: 320px;
	left: 50%;
	margin-left: -75px;

}

#def2{
	position: absolute;
	z-index: 3;
	top: 319px;
	left: 50%;
	margin-left: -70px;

}


.gallerycontainer{
	position: absolute;
	z-index: 3;
	top: 320px;
	left: 50%;
	margin-left: -350px;

}


.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}


.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
left: -1000px;
border: 0px gray;
visibility: hidden;
color: black;
text-decoration: none;
}


.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 50%;
margin-left: 170px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



#bascg {
	position: absolute;
	top: 950px;
	z-index: 2;
}

#baspc {
	position: absolute;
	top: 720px;
	z-index: 2;
}

#basrsw {
	position: absolute;
	top: 900px;
	z-index: 2;
}

#bassw{
	position: absolute;
	top: 1760px;
	z-index: 2;
}

#basan{
	position: absolute;
	top: 1150px;
	z-index: 2;
}

#basplaq{
	position: absolute;
	top: 1270px;
	z-index: 2;
}



#jvcrc {
	margin-left: 319px;
	z-index: 2;
}

#jvcrc a { float: left; display:block;}
#jvcrc a img {  border:none; vertical-align:bottom; /* for IE6 */}
#jvcrc a:hover { visibility:visible; }
#jvcrc a:hover img { visibility:visible; }
#jvcrc  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#commentcmrc {
	margin-top: 36px;
	margin-left: 343px;
}

#commentcmrc a { float: left; display:block;}
#commentcmrc a img {  border:none; vertical-align:bottom; /* for IE6 */}
#commentcmrc a:hover { visibility:visible; }
#commentcmrc a:hover img { visibility:visible; }
#commentcmrc  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#allerhrc {
	margin-top: 73px;
	margin-left: 362px;
	z-index: 2;
}

#allerhrc a { float: left; display:block;}
#allerhrc a img {  border:none; vertical-align:bottom; /* for IE6 */}
#allerhrc a:hover { visibility:visible; }
#allerhrc a:hover img { visibility:visible; }
#allerhrc  a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}


#hlrc {
	margin-top: 48px;
}

#footerrc{
	margin-top: 5px;
	width: 850px;
	height: 30px;
	z-index: 2;
}

/* C2011 */

#choisissez {
	position: absolute;
	top: 190px;
	left: 0px;
	z-index: 1;
	width:850px;
	text-align:center;
}

.clist {
font-weight:bold;
color:#4c801e;
}

#comparatif11 {
	position: absolute;
	top: 710px;
	left: 240px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif12 {
	position: absolute;
	top: 740px;
	left: 240px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif13 {
	position: absolute;
	top: 770px;
	left: 240px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif14 {
	position: absolute;
	top: 800px;
	left: 240px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif15 {
	position: absolute;
	top: 830px;
	left: 240px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif16 {
	position: absolute;
	top: 860px;
	left: 240px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif17 {
	position: absolute;
	top: 890px;
	left: 240px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif21 {
	position: absolute;
	top: 710px;
	left: 446px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif22 {
	position: absolute;
	top: 740px;
	left: 446px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif23 {
	position: absolute;
	top: 770px;
	left: 446px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif24 {
	position: absolute;
	top: 800px;
	left: 446px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif25 {
	position: absolute;
	top: 830px;
	left: 446px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif26 {
	position: absolute;
	top: 860px;
	left: 446px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif27 {
	position: absolute;
	top: 890px;
	left: 446px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif31 {
	position: absolute;
	top: 710px;
	left: 649px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif32 {
	position: absolute;
	top: 740px;
	left: 649px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif33 {
	position: absolute;
	top: 770px;
	left: 649px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif34 {
	position: absolute;
	top: 800px;
	left: 649px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif35 {
	position: absolute;
	top: 830px;
	left: 649px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif36 {
	position: absolute;
	top: 860px;
	left: 649px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#comparatif37 {
	position: absolute;
	top: 890px;
	left: 649px;
	z-index: 3;
	width:200px;
	text-align:center;
}

#main_view{
	position: absolute;
	border:none;
	top: 2220px;
	z-index: 1;
	background:url(../images/7ans.png) no-repeat left top; width: 850px; height: 330px;
}

/*--Window/Masking Styles--*/
.window {
	height:285px;
	width: 840px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	margin-left:7px;
	margin-top:37px;
}

.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 20px; right: 0px;
	width: 430px; height:37px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 37px;
	background: url(../images/slide/contor.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 3px;
	padding-left: 9px;
	padding-right: 9px;
	text-decoration: none;
	color: #242f1a;
}
.paging a.active {
	font-weight: bold;
	color: #fff;
	background: #4d811d;
	border: 1px solid #242f1a;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}