/* CSS Document */

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

body {}

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

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

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

p.t2 {
	color:#ffffff;
	font-size: 120%;
	margin-top:15px;
	}

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: 20px;
	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: 42px;
	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;}
#threes { background:url(../images/menus32.jpg) no-repeat left bottom; width: 116px; height: 23px;}
#fours { background:url(../images/menus42.jpg) no-repeat left bottom; width: 168px; height: 23px;}
#fives { background:url(../images/menus52.jpg) no-repeat left bottom; width: 153px; 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: 27px;
	top: 100px;
	z-index: 2;
	width: 440px;
}

#textea2 {
	position: absolute;
	border: none;
	left: 27px;
	top: 130px;
	z-index: 2;
	width: 440px;
}

#textea3 {
	position: absolute;
	border: none;
	left: 38px;
	top: 377px;
	z-index: 2;
	width: 235px;
}

#textea4 {
	position: absolute;
	border: none;
	left: 470px;
	top: 377px;
	z-index: 2;
	width: 235px;
}

#textea5 {
	position: absolute;
	border: none;
	left: 0px;
	top: 500px;
	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;}

#cl {
	position: absolute;
	top: 323px;
	z-index: 1;
}

#pdi1 {
	position: absolute;
	top: 375px;
	left: 285px;
	z-index: 2;
}

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

#pdi2 {
	position: absolute;
	top: 375px;
	left: 717px;
	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/pdi1.jpg) no-repeat left bottom; width: 95px; height: 18px;}


#comm1 {
	position: absolute;
	top: 396px;
	left: 285px;
	z-index: 2;
}

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

#comm2 {
	position: absolute;
	top: 396px;
	left: 717px;
	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: 94px; height: 18px;}


#cg {
	position: absolute;
	top: 323px;
	z-index: 1;
	left: 432px;
}

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

#nrl1 {
	float:left;
	width: 150px;
	height: 90px;
	margin-left: 20px;
	margin-top: 45px;
	z-index: 2;
}

#nrt1 {
	float:left;
	width: 250px;
	height: 90px;
	margin-left: 0px;
	margin-top: 45px;
	padding-top: 10px;
	padding-left: 5px;
	z-index: 2;
}

#nrl2 {
	float:left;
	width: 150px;
	height: 90px;
	margin-left: 12px;
	margin-top: 45px;
	z-index: 2;
}

#nrt2 {
	float:left;
	width: 250px;
	height: 90px;
	margin-left: 0px;
	margin-top: 45px;
	padding-top: 10px;
	padding-left: 5px;
	z-index: 2;
}

#nrl3 {
	float:left;
	width: 150px;
	height: 90px;
	margin-left: 20px;
	margin-top: 5px;
	z-index: 2;
}

#nrt3 {
	float:left;
	width: 250px;
	height: 90px;
	margin-left: 0px;
	margin-top: 5px;
	padding-top: 10px;
	padding-left: 5px;
	z-index: 2;
}

#nrl4 {
	float:left;
	width: 150px;
	height: 90px;
	margin-left: 12px;
	margin-top: 5px;
	z-index: 2;
}

#nrt4 {
	float:left;
	width: 250px;
	height: 90px;
	margin-left: 0px;
	margin-top: 5Fpx;
	padding-top: 10px;
	padding-left: 5px;
	z-index: 2;
}

#plusr{
	float:left;
	margin-left: 635px;
	margin-top: -8px;
	z-index: 2;
}

#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: 820px;
	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: 2165px;
	width: 850px;
	height: 30px;
	z-index: 1;
}

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


#footerrl{
	position: absolute;
	top: 2260px;
	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;
}

#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: 170px;
	z-index: 1;
}

#vcommande {
	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: 310px;
	z-index: 2;
}

#coord2 {
	position: absolute;
	top: 300px;
	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: 790px;
	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: 247px;
	z-index: 2;
}

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

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

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

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

#allerh {
	position: absolute;
	top: 1055px;
	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: 1000px;
	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: 40px;
	width: 750px;
	z-index: 2;
}

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

#crealogot3{
	position: absolute;
	top: 600px;
	width: 850px;
	text-align:center;
	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: 380px;
	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: 368px;
	z-index: 2;
}

#logocomm a { float: left; display:block;}
#logocomm a img {  border:none; vertical-align:bottom; /* for IE6 */}
#logocomm a:hover { visibility:visible; }
#logocomm a:hover img { visibility:visible; }
#logocomm 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: 2030px;
	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 */}


#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: 2125px;
	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: 2100px;
	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: 2195px;
	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: 700px;
	z-index: 1;
}

#exprojet1{
	position: absolute;
	width: 485px;
	top: 762px;
	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: 2065px;
	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: 2160px;
	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: 2150px;
	z-index: 2;
}

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


#hlrl {
	position: absolute;
	top: 2240px;
	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;
	}


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

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

.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: 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;
}