body{
	font-family:tahoma;
	font-size:12px;
	/*color:#616161;*/
	color:#3c3c3c;
	margin:0px;
	padding:0px;
}
img{ border:0px;}
input{ font-size:12px; font-family:tahoma;}
td{ padding:5px;}
textarea{ font-family:tahoma; font-size:12px; color:#616161;}
 a#link-special{color:#1E6BE1}

a{ text-decoration:none;}
a:hover{text-decoration:none;}
.line{ border-top:#CCCCCC solid 1px; padding:5px;}
.text-gray{color:#616161;}
.star{ color:#FF3F3F}
.bg-gray{background-color:#e2e2e2; padding:10px;font-size:11px;}
.bg-gray2{background-color:#e2e2e2; padding:10px;font-size:12px;}
.text-black{ color:#000000;}


.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}

.hidden{ display:none;}


#container{
	width:980px;
	height:auto;
	margin:0px;
	padding:0 10px 0 10px;
}
#container #head{
	width:980px;
	height:50px;
	margin:0px;
	padding:0px;
	float:left;
	text-align:right;
	background:url(images/bg-head.jpg) no-repeat;
}
#container #head ul{
	margin:0px;
	padding:28px 0 0 0;
	float:right;
	text-align:right;
	width:auto;
}
#container #head ul li{
	margin:0px;
	padding:3px;
	list-style-type:none;
	display:inline;
	float:left;
	text-align:left;
	color:#b9b9b9;
	width:auto;
	cursor:pointer;
}
#container #head ul li a{color:#b9b9b9;}
#container #head ul li a:hover{color:#7f7e7e;}

#container #head ul li a.black{color:#3C3C3C;}
#container #head ul li a:hover.black{color:#7F7F7F;}

#container #group-layout{
	float:left;
	width:980px;
	height:auto;
	margin:0px;
	padding:0px;
}
#container #group-layout #left-box{
	float:left;
	width:292px;
	height:auto;
	margin:0px;
	padding:0px;
	text-align:left;
	
}
#container #group-layout #left-box #bg-left{
	float:left;
	width:292px;
	height:648px;
	background:url(images/bg-left-box.jpg) no-repeat;
	margin:0 0 0 0;
	padding:0 0 0px;
	text-align:left;
}
#container #group-layout #left-box #bg-left #menu{
	float:left;
	width:232px;
	height:648px;
	margin:0 0 0 0;
	padding:30px 0 0 60px;
	text-align:left;
}

#container #group-layout #left-box #bg-left #logo,#container #group-layout #left-box #bg-left #logo a{
	width:232px;
	height:65px;
	margin:0 0 0 15px;
	display:inline;
	padding:0px;
	float:left;
}
#container #group-layout #left-box #butt-devis{
	width:245px;
	height:40px;
	float:left;
	padding:0px;
	margin:0px;
	position:relative;
	top:-160px;
	_top:-210px;
	_top:-310px;
	left:0px;
}

#container #group-layout #left-box ul#left-button{
	float:left;
	width:292px;
	margin:-135px 0 0 0;
	_margin:-190px 0 0 0;
	_margin:-300px 0 0 0;
	display:inline;
	padding:0px;
	text-align:left;
}
#container #group-layout #left-box ul#left-button li{
	float:left;
	width:292px;
	margin:0px;
	padding:5px 0 0 0;
	text-align:left;
	list-style-type:none;
}



#container #group-layout #left-box ul#left-button li a{
	float:left;
	width:292px;
	height:125px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#container #group-layout #left-box ul#left-button li.flash-left{
	float:left;
	width:292px;
	height:200px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#container #group-layout #left-box ul#left-button li.creation-site-butt-left{
	float:left;
	width:292px;
	height:160px;
	margin:0px;
	padding:0px;
	text-align:left;
	background:url(images/creation-site-butt-left.jpg) no-repeat;
}
#container #group-layout #left-box ul#left-button li.referencement-site-butt-left{
	float:left;
	width:292px;
	height:160px;
	margin:0px;
	padding:0px;
	text-align:left;
	background:url(images/referncement-site-butt-left.png) no-repeat;
}
* html #container #group-layout #left-box ul#left-button li.referencement-site-butt-left{background:url(images/referencement-site-butt-left.gif) no-repeat;}  
#container #group-layout #left-box ul#left-button li.prix-site-butt-left{
	float:left;
	width:292px;
	height:160px;
	margin:0px;
	padding:0px;
	text-align:left;
	background:url(images/prix-site-butt-left.jpg) no-repeat;
}
#container #group-layout #left-box ul#left-button li.analyse-site-butt-left{
	float:left;
	width:292px;
	height:160px;
	margin:0px;
	padding:0px;
	text-align:left;
	background:url(images/analyse-site-butt-left.jpg) no-repeat;
}
/*-------------------------------------------------------content---------------------------------------------------------------------*/
#container #group-layout #content{
	width:688px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(images/bg-content.jpg) no-repeat;
	
}
#container #group-layout #content h1,
#container #group-layout #content h2{ /*color:#4ec5e7;*/ color:#3d3d3d; font-size:14px; padding:0px; margin:0px;} 
#container #group-layout #content h2.text-gray{color:#616161;}
#container #group-layout #content h2.font12{ font-size:12px;}
#container #group-layout #content h2.font13{ font-size:13px;}
#container #group-layout #content h3{ color:#3d3d3d; font-size:13px; padding:0px; margin:0px;} 
#container #group-layout #content h3.text-gray{color:#616161;}
#container #group-layout #content h3.font14{ font-size:14px;}
#container #group-layout #content h4{padding:0px; margin:0px;}
#container #group-layout #content a{ color:#0041fb}
#container #group-layout #content a:hover{ color:#376bff}

#container #group-layout #content #row-top{
	width:688px;
	height:100px;
	float:left;
	margin:-37px 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	font-weight:bold;
	z-index:999;
	color:#000000;
}
#container #group-layout #content #flash{
	width:688px;
	height:381px;
	float:left;
	margin:0px 0 0 0;
	/*margin:-23px 0 0 0;*/
	padding:0px;
	text-align:left;
}
#container #group-layout #content #top{
	width:688px;
	height:300px;
	float:left;
	margin:0px 0 0 0;
	/*margin:-23px 0 0 0;*/
	background:url(images/bg-top.jpg) no-repeat;
	padding:0px;
	text-align:left;
}
#container #group-layout #content #top #pic-left{
	width:345px;
	height:300px;
	float:left;
	margin:0px;
	padding:0px;
	text-align:left;
}
#container #group-layout #content #top #flash-right{
	width:343px;
	height:300px;
	float:left;
	margin:0px;
	padding:0px;
	text-align:left;
	background-color:#ffffff;
}
#container #group-layout #content #head-text{
	width:688px;
	height:auto;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:left;
	color:#FFF;
}
#container #group-layout #content #head-text h1{color:#FFF;} 
#container #group-layout #content #head-text #title-page{
	width:450px;
	height:auto;
	margin:0px;
	display:inline;
	float:left;
	padding:7px 0 7px 18px;
	text-align:left;
	background:url(images/bg-head-text.png) repeat-y;
}
#container #group-layout #content #text{
	width:668px;
	height:auto;
	float:left;
	text-align:left;
	margin:0px;
	padding:20px 0 0 20px;
}
#container #group-layout #content #text ul.button-area{
	width:668px;
	height:auto;
	margin:auto;
	padding:0px;
	text-align:center;
		float:left;
}
#container #group-layout #content #text ul.button-area li{
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
	text-align:center;

}
#container #group-layout #content #text ul.button-area li a{ color:#616161;}
#container #group-layout #content #text ul.button-area li a:hover{ color:#616161; text-decoration:underline;}
#container #group-layout #content #text ul.button-area li.button-left{
	margin:0 0 0 130px;
	display:inline;
	padding:22px 0 0 0;
	background:url(images/bg-box-gray.gif) no-repeat;
	width:200px;
	height:86px;
	float:left;	
}
#container #group-layout #content #text ul.button-area li.button-right{
	margin:0px;
	padding:22px 0 0 0;
	background:url(images/bg-box-gray.gif) no-repeat;
	width:200px;
	height:86px;
	float:left;	
}
#container #group-layout #content #text ul.button-area li.button-sizeS{
	margin:0 0 0 230px;
	padding:10px 0 0 0;
	background:url(images/bg-button-sizeS.gif) no-repeat;
	width:167px;
	height:41px;
	float:left;	
}
#container #group-layout #content #text ul.button-area li.button-sizeS a{ 
	text-decoration:none;
	width:167px;
	height:41px;
	float:left;
	padding:0px;
	margin:0px;
}
#container #group-layout #content #text ul.button-area li.button-sizeM{
	margin:0 0 0 230px;
	padding:25px 0 0 0;
	background:url(images/bg-button-sizeM.jpg) no-repeat;
	width:167px;
	height:83px;
	float:left;	
}
#container #group-layout #content #text ul.button-area li.button-sizeM a{ 
	text-decoration:none;
	width:167px;
	height:83px;
	float:left;
	padding:0px;
	margin:0px;
	
}
#container #group-layout #content #text ul.button-area li.button-sizeM-yellow{
	margin:0 0 0 230px;
	padding:25px 0 0 0;
	background:url(images/bg-button-sizeM-yellow.gif) no-repeat;
	width:167px;
	height:83px;
	float:left;	
}
#container #group-layout #content #text ul.button-area li.button-sizeM-yellow a{ 
	text-decoration:none;
	width:167px;
	height:60px;
	float:left;
	padding:0px;
	margin:0px;
	font-weight:bold;
	color:#3C3C3C;
}
#container #group-layout #content #text ul.button-area li.button-sizeL{
	margin:0px;
	padding:25px 0 0 0;
	background:url(images/bg-button-sizeL.jpg) no-repeat;
	width:200px;
	height:83px;
	float:left;	
}
#container #group-layout #content #text ul.button-area li.button-sizeL a{ 
	text-decoration:none;
	width:200px;
	height:83px;
	float:left;
	padding:0px;
	margin:0px;
}


#container #group-layout #content #text ul.button-area li.button-sizeXL{
	margin:0 0 0 180px;
	padding:20px 0 0 0;
	background:url(images/bg-button-sizeXL.gif) no-repeat;
	width:325px;
	height:59px;
	float:left;	
}
#container #group-layout #content #text ul.button-area li.button-sizeXL a{ 
	text-decoration:none;
	width:325px;
	height:59px;
	float:left;
	padding:0px;
	margin:0px;
}
#container #group-layout #content #text ul.pdf-area{
	width:668px;
	height:100px;
	margin:auto;
	padding:0px;
	text-align:center;
		float:left;
}
#container #group-layout #content #text ul.pdf-area li{
	list-style-type:none;
	display:inline;
	margin:0px;
	padding:0px;
	text-align:center;

}
#container #group-layout #content #text ul.pdf-area li a{ color:#616161}
#container #group-layout #content #text ul.pdf-area li.pdf-red{
	margin:0 0 0 80px;
	display:inline;
	padding:25px 0 0 30px;
	background:url(images/pdf-red.jpg) no-repeat;
	width:207px;
	height:53px;
	float:left;	
}
#container #group-layout #content #text ul.pdf-area li.pdf-yellow{
	margin:0 0 0 0px;
	display:inline;
	padding:25px 0 0 30px;
	background:url(images/pdf-yellow.jpg) no-repeat;
	width:207px;
	height:53px;
	float:left;	
}
#container #group-layout #content #text ul.pdf-area li.pdf-black{
	margin:0 0 0 250px;
	display:inline;
	padding:25px 0 0 30px;
	background:url(images/pdf-black.jpg) no-repeat;
	width:207px;
	height:53px;
	float:left;	
}
#container #group-layout #content #text ul.pdf-area li.pdf-black a{ 
	font-weight:bold;
	color:#ffffff;
	width:207px;
	height:40px;
	float:left;
}
#container #group-layout #content #text ul.pdf-area li.pdf-red a{ 
	font-weight:bold;
	color:#ffffff;
	width:207px;
	height:40px;
	float:left;
}
#container #group-layout #content #text ul.pdf-area li.pdf-yellow a{
	font-weight:bold;
	color:#000000;
	width:207px;
	height:40px;
	float:left;
}
#container #group-layout #content #text .pic{
	width:650px;
	height:280px;
	float:left;
	margin:0 0 10px 0;
	background-color:#CCCCCC;
}
/*----------------------------------------form---------------------------------------------------------------*/
#container #group-layout #content #text #devis-form{
	width:668px;
	height:auto;
	margin:0px;
	padding:0px;
	text-align:left;
	float:left;
}
#container #group-layout #content #text #devis-form ul.devis-textbox{
	list-style-type:none; 
	width:250px;
	margin:0px;
	padding:0px;
}
#container #group-layout #content #text #devis-form ul.devis-textbox li{
	display:inline;
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:auto;
}
#container #group-layout #content #text #devis-form ul.devis-textbox li.devis-textbox-left{ 
	background:url(images/devis-textbox-left.jpg) no-repeat; 
	width:7px; 
	height:23px; 
	float:left;
}
#container #group-layout #content #text #devis-form ul.devis-textbox li .devis-textbox-center{ 
	background:url(images/devis-textbox-center.jpg ) repeat-x; 
	width:190px; 
	height:23px; 
	float:left;
	padding-top:3px;
}

#container #group-layout #content #text #devis-form ul.devis-textbox li.devis-textbox-right{ 
	background:url(images/devis-textbox-right.jpg) no-repeat; 
	width:7px; 
	height:23px; 
	float:left;
}
#container #group-layout #content #text #devis-form ul.devis-address{
	width:203px;
	margin:0px;
	padding:0px;
	float:left;
}
#container #group-layout #content #text #devis-form ul.devis-address li{
	width:auto;
	list-style-type:none;
	text-align:left;
	margin:0px;
	padding:0px;
}
#container #group-layout #content #text #devis-form ul.devis-address li.devis-address-top{
	background:url(images/devis-address-top.jpg) no-repeat; 
	width:203px; 
	height:11px;
	float:left;
}
#container #group-layout #content #text #devis-form ul.devis-address li .devis-address-body{
	background:url(images/devis-address-body.jpg) repeat-y;
	width:203px; 
	height:85px; 
	float:left; 
	border:0px; 
	overflow:auto;
	margin-top:0px;
	padding:5px 10px 5px 5px;
}
* html #container #group-layout #content #text #devis-form ul.devis-address li .devis-address-body{margin-top:-3px;}
#container #group-layout #content #text #devis-form ul.devis-address li.devis-address-bottom{
	background:url(images/devis-address-bottom.jpg) no-repeat; 
	width:203px; 
	height:8px;
	float:left;
	margin-top:-1px;
}
#container #group-layout #content #text #devis-form ul.devis-massage{
	width:518px;
	float:left;
	margin:0px;
	padding:0px;
}
#container #group-layout #content #text #devis-form ul.devis-massage li{
	list-style-type:none;
	margin:0px;
	padding:0px;
	width:auto;
	float:left;
}
#container #group-layout #content #text #devis-form ul.devis-massage li.devis-massage-top{ 
	background:url(images/devis-massage-top.png) no-repeat; 
	width:518px; 
	height:13px;
	float:left;
}
#container #group-layout #content #text #devis-form ul.devis-massage li .devis-massage-body{ 
	background:url(images/devis-massage-body.png) repeat-y;
	width:513px; 
	height:90px; 
	float:left; 
	border:0px; 
	overflow:auto;
	margin-top:-4px;
	padding-left:5px;
}
#container #group-layout #content #text #devis-form ul.devis-massage li.devis-massage-bottom{ 
	background:url(images/devis-massage-bottom.png) no-repeat; 
	width:518px; 
	height:13px;
	float:left;
	margin:-2px 0 0 0;
}
#container #group-layout #content #text #devis-form #button-submit{ float:left;position:relative; top:0px; left:310px;}
.load-ajax{ display:none; position:absolute; left:40px; top:-330px;}
/*-------------------------------------------------------footer---------------------------------------------------------------------*/
#container #footer{
	width:980px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
#container #footer #row-one{
	width:980px;
	height:160px;
	margin:0px;
	padding:0px;
	float:left;
}
#container #footer #row-one #button{
	float:left;
	width:292px;
	height:160px;
	margin:0px;
	padding:0px;
	text-align:left;
	background:url(images/demande-site-butt-left.jpg) no-repeat;
}
#container #footer #row-one #button a{
	float:left;
	width:292px;
	height:125px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#container #footer #row-one ul.text-link{
	width:200px;
	margin:40px 0 0 0;
	padding:0px;
	float:left;
}
#container #footer #row-one ul.text-link li{
	width:200px;
	margin:0px;
	padding:0px;
	float:left;
	list-style-type:none;
	display:block;
	text-align:left;
}
#container #footer #row-one ul.text-link li a{ color:#28bcea}
#container #footer #row-one ul.text-link li a:hover{ color:#1b92b7}

#container #footer #row-two{
	width:980px;
	height:80px;
	margin:0px;
	padding:0 0 20px 0;
	float:left;
	text-align:center;
	background:url(images/bg-footer-row-two.jpg) no-repeat;
}
#container #footer #row-two ul{
	margin:auto;
	margin-top:20px;
	padding:0px;
	height:auto;
}
#container #footer #row-two ul li{
	margin:0px;
	padding:5px;
	display:inline;
	vertical-align:middle;
	list-style-type:none;
}

/* 16/02/2011 add by ja */
#container #footer #row-three{
	width:980px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
}
#container #footer #row-three ul{
	margin:auto;
	margin-top:-100px;
	padding:0px;
	height:auto;
	float:right;
}
#container #footer #row-three ul li{
	margin:0px;
	padding:5px;
	display:inline;
	vertical-align:middle;
	list-style-type:none;
	float:left;
}
#container #footer #row-three ul li a.flag-be { background: url(images/flag-be.png) no-repeat; width:28px; height:22px; float:left; margin-left:5px;}
#container #footer #row-three ul li a.flag-ch { background: url(images/flag-ch.png) no-repeat; width:28px; height:22px; float:left; margin-left:5px;}

/*----------------------------------------------------------------------------------------------------------------------------------*/
#container #group-layout #content #text #flash-animate {
	float:left;
	margin:0px;
	padding:0px;
}



#container #group-layout #content #text .box-random{
	float:left;
	margin:30px 0 0 10px;
	display:inline;
	padding:0px 0 0 0px;
	width:625px;
	height:380px;
	text-align:left;
}

#container #group-layout #content #text .box-random2{
	float:left;
	margin:30px 0 0 10px;
	display:inline;
	padding:45px 0 0 50px;
	width:575px;
	height:335px;
	text-align:left;
	background:url(images/bg-box-random2.jpg) no-repeat;
	color:#FFF;
}


#container #group-layout #content #text .box-random .box-random_left{
background:url(images/bg-box-random_left.jpg) no-repeat;
width:320px;
height:335px;
float:left;
padding:45px 0 0 50px;

}

#container #group-layout #content #text .box-random .box-random_right{
background:url(images/bg-box-random-right.jpg) no-repeat;
width:255px;
height:340px;
float:left;
padding-top:40px;
}

#container #group-layout #content #text .box-random .box-random_right2{
background:url(images/bg-box-random-right2.jpg);
width:255px;
height:340px;
float:left;
padding-top:40px;
}



#container #group-layout #content #text .box-random  .box-random_left .random-left,
#container #group-layout #content #text .box-random .box-random_left .random-left,
#container #group-layout #content #text .ox-random2 .random-left{
	width:320px;
	height:100px;
	float:left;
	margin:0px;
	padding:0px;
	color:#ffffff;
}
#container #group-layout #content #text .box-random .box-random_left .random-left a,
#container #group-layout #content #text .box-random2 .random-left a{ color:#ffffff; }
#container #group-layout #content #text .box-random .box-random_left .random-left a:hover,
#container #group-layout #content #text .box-random2 .random-left a:hover{ color:#000000; }
#container #group-layout #content #text .box-random  .box-random_right .random-right,
#container #group-layout #content #text .box-random .box-random_right2 .random-right{
	width:200px;
	height:auto;
	float:left;
	margin:40px 0 0 35px;
	display:inline;
	padding:0px;
	color:#9b6200;
}