* CSS Document */
/* Design by: realpix-prod.fr */
/* Author: Sylvain BERTRAND */
/* Released under GPL */
/* Link MUST STAY in footer */

html,body{
	margin:0;
	padding:0;
	text-align : center;
}

* {
	margin: 0px;
	padding: 0px;
}


body {
	background-color: #fff;
	color: #9f9f9f;
	font-size: 100%;
	font-family: "arial", helvetica, sans-serif;
	background: #000000;
	text-align : center;
	}

#all {background:url("../images/bg.jpg") no-repeat center top;}
#all-plan {background:url("../images/bg-plan.jpg") no-repeat center top;}

a {
	color: #aebcc9;
	text-decoration: none;

	}

a:visited {
	color: #aebcc9;
	text-decoration: none;
	}

a:hover {
	color: #3491bc;
	}
#content-nude a {
	color: #aebcc9;
	text-decoration: underline;

	}
#content-nude a:visited {
	color: #aebcc9;
	text-decoration: underline;
	}
#content-nude a:hover {
	color: #3491bc;
	text-decoration:none;
	}
p {
	padding-bottom:10px;
	}
	
.font-p{ font-size:12px;}
.font-p a{ font-size:12px; text-decoration:underline;}
.font-p a:hober{ font-size:12px;}
#general {
	

	width:1019px;

	margin-left : auto;
  	margin-right : auto;
	text-align : left;
	}
	
#header {
	background: url(../images/header.jpg) no-repeat left top;
	width:1019px;
	height:308px;
	margin:0 auto;
}
#header-plan
{
	background: url(../images/plan-du-site/head.jpg) no-repeat;
	width:1019px;
	height:308px;
}

/*********************wallpaper*******************************/
#allwallpaper{width:770px; margin-left:30px;}
.wall-pic-left{float:left;width:370px;}
.wall-pic-left1{float:left;width:242px}
.wall-pic-right{float:right;width:367px;}
.wall-pic-right1{ float:right;width:110px;}
#link-wall a{text-decoration:none; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; }
#link-wall a:hover{ color:#d63d01; font-weight:bold;}
.margin-wall{margin-left:20px;}
.margin-tab{margin-left:672px;}
/**************************************************************/
/*********************19/10/2009*******************************/
#header-left{ width:310px; height:176px; float:left;}
#header-right{ width:1019px; height:80px; float:right;margin-top:23px; text-align:center; }
#header-right a{ font-size:12px; font-style:italic; color:#ffffff; text-transform:uppercase;}
#header-right a:hover{}
#banner-right{ with:709; height:175px; float:right;}
#pc1{ float:left; background:url(../images/menu/pc1.jpg) no-repeat; width:48px; height:80px; display:block;}
#pc2{ background:url(../images/menu/pc2.jpg) no-repeat; width:40px; height:80px; display:block; float:right;}
#btn0{ float:left; background:url(../images/menu/btn0.jpg) no-repeat; width:71px; height:80px; display:block;}
#btn0:hover{ background:url(../images/menu/btn0-1.jpg) no-repeat; width:71px; height:80px; display:block;}
#btn1{ float:left; background:url(../images/menu/btn1.jpg) no-repeat; width:107px; height:80px; display:block;}
#btn1:hover{ background:url(../images/menu/btn1-1.jpg) no-repeat; width:107px; height:80px; display:block;}
#btn2{ float:left; background:url(../images/menu/btn2.jpg) no-repeat; width:105px; height:80px; display:block;}
#btn2:hover{ background:url(../images/menu/btn2-1.jpg) no-repeat; width:105px; height:80px; display:block;}
#btn3{ float:left; background:url(../images/menu/btn3.jpg) no-repeat; width:88px; height:80px; display:block;}
#btn3:hover{ background:url(../images/menu/btn3-1.jpg) no-repeat; width:88px; height:80px; display:block;}
#btn4{ float:left; background:url(../images/menu/btn4.jpg) no-repeat; width:113px; height:80px; display:block;}
#btn4:hover{ background:url(../images/menu/btn4-1.jpg) no-repeat; width:113px; height:80px; display:block;}
#btn5{ float:left; background:url(../images/menu/btn5.jpg) no-repeat; width:136px; height:80px; display:block;}
#btn5:hover{ background:url(../images/menu/btn5-1.jpg) no-repeat; width:136px; height:80px; display:block;}
#btn6{ float:left; background:url(../images/menu/btn6.jpg) no-repeat; width:86px; height:80px; display:block;}
#btn6:hover{ background:url(../images/menu/btn6-1.jpg) no-repeat; width:86px; height:80px; display:block;}
#btn7{ float:left; background:url(../images/menu/btn7.jpg) no-repeat; width:138px; height:80px; display:block;}
#btn7:hover{ background:url(../images/menu/btn7-1.jpg) no-repeat; width:138px; height:80px; display:block;}
#btn8{ float:left; background:url(../images/menu/btn8.jpg) no-repeat; width:87px; height:80px; display:block;}
#btn8:hover{ background:url(../images/menu/btn8-1.jpg) no-repeat; width:87px; height:80px; display:block;}

#servives1{ float:left; background:url(../images/services/services_01.jpg) no-repeat; width:150px; height:228px; display:block;}
#servives1:hover{ background:url(../images/services/services_01-1.jpg) no-repeat; width:150px; height:228px; display:block;}
#servives2{ float:left; background:url(../images/services/services_02.jpg) no-repeat; width:125px; height:228px; display:block;}
#servives2:hover{ background:url(../images/services/services_02-1.jpg) no-repeat; width:125px; height:228px; display:block;}
#servives3{ float:left; background:url(../images/services/services_03.jpg) no-repeat; width:125px; height:228px; display:block;}
#servives3:hover{ background:url(../images/services/services_03-1.jpg) no-repeat; width:125px; height:228px; display:block;}
#servives4{ float:left; background:url(../images/services/services_04.jpg) no-repeat; width:125px; height:228px; display:block;}
#servives4:hover{ background:url(../images/services/services_04-1.jpg) no-repeat; width:125px; height:228px; display:block;}
#servives5{ float:left; background:url(../images/services/services_05.jpg) no-repeat; width:168px; height:228px; display:block;}
#servives5:hover{ background:url(../images/services/services_05-1.jpg) no-repeat; width:168px; height:228px; display:block;}

#sub0-download{ background: url(../images/telechargements/wallpaper.jpg) no-repeat; width:519px; height:147px; display:block; }
#sub0-download:hover{ background:url(../images/telechargements/wallpaper1.jpg) no-repeat; width:519px; height:147px; display:block; }
#sub1-download{ background: url(../images/telechargements/free-software.jpg) no-repeat; width:519px; height:147px; display:block; }
#sub1-download:hover{ background:url(../images/telechargements/free-software1.jpg) no-repeat; width:519px; height:147px; display:block; }
.txt-sub-download{ display:block; padding:150px 0 0 230px;}
.txt-sub-download:hover{ display:block; padding:150px 0 0 230px; color:#FF6600;}

#sub1{ float:left; background:url(../images/services/sub-menu/sub0.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub1:hover{ background:url(../images/services/sub-menu/sub0-1.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub2{ float:left; background:url(../images/services/sub-menu/sub1.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub2:hover{ background:url(../images/services/sub-menu/sub1-1.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub3{ float:left; background:url(../images/services/sub-menu/sub2.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub3:hover{ background:url(../images/services/sub-menu/sub2-1.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub4{ float:left; background:url(../images/services/sub-menu/sub3.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub4:hover{ background:url(../images/services/sub-menu/sub3-1.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub5{ float:left; background:url(../images/services/sub-menu/sub4.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub5:hover{ background:url(../images/services/sub-menu/sub4-1.jpg) no-repeat; width:170px; height:164px; display:block; }
#sub6{ float:left; background:url(../images/services/sub-menu/sub5.jpg) no-repeat; width:170px; height:163px; display:block; }
#sub6:hover{ background:url(../images/services/sub-menu/sub5-1.jpg) no-repeat; width:170px; height:163px; display:block; }
#sub7{ float:left; background:url(../images/services/sub-menu/sub6.jpg) no-repeat; width:170px; height:163px; display:block; }
#sub7:hover{ background:url(../images/services/sub-menu/sub6-1.jpg) no-repeat; width:170px; height:163px; display:block; }
#sub8{ float:left; background:url(../images/services/sub-menu/sub7.jpg) no-repeat; width:170px; height:163px; display:block; }
#sub8:hover{ background:url(../images/services/sub-menu/sub7-1.jpg) no-repeat; width:170px; height:163px; display:block; }
#sub9{ float:left; background:url(../images/services/sub-menu/sub8.jpg) no-repeat; width:170px; height:163px; display:block; }
#sub9:hover{ background:url(../images/services/sub-menu/sub8-1.jpg) no-repeat; width:170px; height:163px; display:block; }
#sub10{ float:left; background:url(../images/services/sub-menu/sub9.jpg) no-repeat; width:170px; height:163px; display:block; }
#sub10:hover{ background:url(../images/services/sub-menu/sub9-1.jpg) no-repeat; width:170px; height:163px; display:block; }

.ser1{ margin:120px 0 0 40px; font-size:16px; font-weight:bold; color:#FFFFFF; display:block; text-align:center;}
.ser2{ margin:120px 0 0 0; font-size:16px; font-weight:bold; color:#FFFFFF; display:block; text-align:center;}
.ser3{ margin:120px 0 0 0; font-size:16px; font-weight:bold; color:#FFFFFF; display:block; text-align:center;}
.ser4{ margin:120px 0 0 -45px; font-size:16px; font-weight:bold; color:#FFFFFF; display:block; text-align:center;}

#content-nude .a-references a{ text-decoration:none;}
.references{ text-decoration:none; background:url(../images/references/btn.jpg) no-repeat; width:246px; height:40px; margin:0 auto; display:block;}
.txt-references{ padding-top:10px; text-decoration:none; color:#fff; font-size:14px; text-transform:uppercase; font-weight:bold; display:block;}
/**************************************************************/

.language{ text-align:center; padding:0;}
.menu-language{ text-transform:uppercase; font-style:italic; font-size:11px;}

.txt-sub{ margin-top:120px; display:block; text-align:center;}
.txt-sub1{ margin-top:125px; display:block; text-align:center; padding-left:15px;}


.txt-menu{margin-top:40px; display:block;}
.txt-menu1{margin-top:40px; margin-left:-10px; display:block;}
#left {
	float:left;
	position: relative;
	width:995px;
	}
	
#content {
	vertical-align:top;
	width:1019px;
	text-align:justify;
	margin:0 auto;
	}
	

	
#top-left {
	width:350px;
	height:30px;
	background: url(../images/top-left.jpg) no-repeat left top;
	position:absolute;
	float:left;
	}
	
#wide-footer {
	width:921px;
	height:21px;
	background: url(../images/bg-title-wide-footer.jpg) no-repeat left top;
	
	float:right;
	padding-bottom:20px;
	padding-right:17px;
	}
	
#content-wide {
	color: #d6e5f2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:860px;
	background:url(../images/bg-content-wide.jpg) no-repeat top left;
	padding-left:36px;
	padding-right:100px;
	padding-top: 60px;

	position:relative;
	float:left;
	}

#content-wide1 {
	color: #d6e5f2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:860px;
	background:url(../images/bg-content-wide-repeat.jpg) repeat-y top left;
	
	margin-left: 80px;
	
	padding-right: 100px;
	padding-bottom: 10px;
	position:relative;
	float:left;
	}	

#content-nude {
	color: #d6e5f2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:860px;
	margin:0 auto;
	text-align:justify;
	}
#content-nude-plan{
	background:url(../images/plan-du-site/bg-plan.jpg) no-repeat center top;
	width:1019px;
	min-height:300px;
	_height:280px;
	color: #d6e5f2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0 auto;
	text-align:justify;
}

#content-nude-plan a {
	color: #aebcc9;
	text-decoration: underline;

	}
#content-nude-plan a:visited {
	color: #aebcc9;
	text-decoration: underline;
	}
#content-nude-plan a:hover {
	color: #3491bc;
	text-decoration:none;
	}
	
#top-title {
	width:1019px;
	height:64px;
	}
	
#news {
	margin-top: 50px;
	position:absolute;
	}



	
#mp3 {
	margin-left:32px;
	}
	
#right-index1 {
	float:right;

	background: url(../images/bg_services.jpg) no-repeat right top;
	width:709px;
	height:228px;
	
	}

#right-index {
	float:right;
	
	width:709px;
	padding-top:120px;
	}
	
/*Full width footer*/
#footer {
	background: url(../images/bg_footer.jpg) no-repeat center top;	
	min-height:100px;
	padding:16px 16px 10px 16px;
	position: relative;
	text-align:left;
	margin-top:16px;
	color:#4f5c6c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	}
	
#footer-links {
	width:1019px;
	margin:0 auto;
	}

.footer-sub {
	float: left;
	padding-right:20px;
	padding-left:15px;
	border-right: dotted 2px #303640;
	border-bottom: dotted 2px #303640;
	height:200px;

	}

.footer-sub-home {
	float: left;
	padding-right:20px;
	border-right: dotted 2px #303640;
	border-bottom: dotted 2px #303640;
	height:200px;
	margin-left:20px;
	}
	
.footer-sub-right {
	height:200px;
	float: left;
	padding-left:15px;
	border-bottom: dotted 2px #303640;
	}
	
.titlesub {
	padding-top: 4px;
	padding-bottom:6px;
	border-bottom: dotted 2px #303640;
	}
	
.submenu {
	padding-top:4px;
	padding-left:13px;
	color:#4c535d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bolder;
	background: url(../images/cross.jpg) no-repeat 2px 8px;
	}
	
.submenu a, submenu a:visited {
	padding-top:2px;
	color:#576f87;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
.submenu a:hover {
	padding-top:2px;
	color:#c3d1de;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
/*#copyright {
	float:right;
	text-align:right;
	width:940px;
  	position:absolute;
    left: 50%; 
    margin-left: -470px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
	z-index:1;
	}*/
	
.clear {clear:both;}

.illustration {
	float:left;
	padding: 13px 1.5em 10px 0px;
	}
	
.plan {
	width: 360px;
	height: 370px;
	border:#9bc02f solid 3px;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
	text-align:center;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

.plan-titre {
	font-size: 14px;
	color: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
	
/*******************************************************************/	
h1{ font-size:13px; font-weight:bold; padding-bottom:20px; color:#f1854d; }
h2{ font-size:1.3em; font-weight:bold; padding-bottom:20px; color:#f1854d; }
p{ line-height:20px;}

.bullet{ margin-right:10px; vertical-align:middle; float:left; margin-top:3px; margin-bottom:6px;}
.bullet1{ margin-right:10px; vertical-align:middle; float:left; margin-top:3px; margin-bottom:25px;}
.bullet2{ margin-right:10px; vertical-align:middle;}

.fix-content{ padding-right:20px; _padding-right:20px;}

.imgLeft{ float:left; padding: 0 1.5em 0 0;}
.imgRight{ float:right; padding: 0 0 0 1.5em; }

.center{ text-align:center;}

.img1{ margin-right:50px;}

img{ border:none;}

.hei{ height:810px; }
.hei1{ height:416px; #height:410px; _height:410px; }

fieldset { padding:0 10px; border:1px solid #d6e5f2; border-bottom:2px solid #d6e5f2;/* couleur du fieldset */ }
legend{ border-left:2px solid #d6e5f2; padding-left:5px; padding-right:5px; font-weight:bold; text-transform:uppercase;}
.floatleft{ float:left;}
.floatright{ float:right;}

.midd{ vertical-align:middle;}

.alignCenter{ margin: 0 auto;}
/*sitti-contact*/
.sitti-contact{ width:470px;}
.sitti-form{ width:440px;}
.cevil{ margin-left:90px;}
.margform { margin-bottom:30px; }
.padding_top_20 { padding-top:20px; }
.label1{ float:left; width:80px; margin-right:10px; margin-bottom:15px; text-align:right}
.label2{ float:left; width:80px; margin-left:10px; margin-right:10px; margin-bottom:15px; text-align:right;}
.label3{ float:left; margin-right:10px; margin-bottom:10px; text-align:right;}
.input1{ float:left; width:120px;}
.input2{ float:left; width:120px;}
.input-xacnhan{ width:150px;}
.border { border:#FFFFFF solid 1px; background:transparent; color:#d6e5f2;}
.textarea { float:right; width:342px; height:60px; overflow:auto; clear:both; margin-right:36px; }
.select1{ width:200px;}

.sitti-form{ width:355px;}
.sitti-form .cevil{ margin-left:54px; #margin-left:33px;}
.sitti-form .margform { margin-bottom:30px; }
.sitti-form .padding_top_20 { padding-top:20px; }
.sitti-form .label1{ float:left; width:50px; margin-right:10px; margin-bottom:15px; text-align:right}
.sitti-form .label2{ float:left; width:50px; margin-left:23px; margin-right:10px; margin-bottom:15px; text-align:right;}
.sitti-form .label3{ float:left; width:180px; margin-right:10px; margin-bottom:10px; text-align:right;}
.sitti-form .label4{ float:left; width:145px; margin-right:5px; margin-bottom:10px; text-align:right;}
.sitti-form .label_message { width:100%; text-align:center; }
.sitti-form .input1{ float:left; width:100px;}
.sitti-form .input2{ float:left; width:100px;}
.sitti-form .input3{ float:left; width:155px;}
.sitti-form .border { border:#FFFFFF solid 1px; background:transparent; color:#d6e5f2;}
.sitti-form .textarea { width:338px; height:60px; margin:0 auto; margin-right:8px; }
.sitti-form .select1{ width:100px;}
.sitti-form .select2{ width:157px;}
.sitti-form .file1{ width:195px; border:#FFFFFF solid 1px; background:transparent; color:#d6e5f2;}

.btn_gui{ width:60px;}
.googlemaps{float:left;}
/***************************/
.fixfooter{ margin-left:140px;}
	
.table1{ width:535px;}	
.table1 td{ padding:5px;}

.tr-titres{ background:#2b4d75; color:#FFFFFF;}

.txt_strong{ color:#83b81f;}
.txt_strong1{ color:#83b81f; font-weight:bold; font-size:14px;}
.txt_strong2{ color:#83b81f;}

.txt{ margin-left:30px;}

#menu1{ margin-left: -5px;}
#menu1 #sub1, #menu1 #sub2, #menu1 #sub3, #menu1 #sub4, #menu1 #sub5, #menu1 #sub0-download, #menu1 #sub1-download,
#menu1 #sub6, #menu1 #sub7, #menu1 #sub8, #menu1 #sub9, #menu1 #sub10
{ text-decoration:none; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; }
#menu1 #sub1:hover, #menu1 #sub2:hover,#menu1 #sub3:hover,#menu1 #sub4:hover,#menu1 #sub5:hover, #menu1 ,#sub0-download:hover,
#menu1 #sub6:hover,#menu1 #sub7:hover,#menu1 #sub8:hover,#menu1 #sub9:hover,#menu1 #sub10:hover, #menu1 ,#sub1-download:hover,
{ color:#d63d01; font-weight:bold; }

.chiadoi{ float:left; width:310px;}
.pcach{ margin-right:10px;}

.right{ text-align:right;}

/******************SUB MENU LEFT***************************/
.submenu-left{ width:256px; #width:257px; float:left; }
.wid-contenu-sub{ background:url(../images/submenu-left/images/content-new.jpg) no-repeat center top; width:860px; min-height:304px; _height:304px;}
.wid-contenu-sub1{ width:790px; margin:0 auto;}
.wid{ width:583px;}
.wid1{ width:830px; margin:0 auto}
 /**********************************************************/
.footer-contact{ background:url(../images/contact/img-contact.jpg) no-repeat center top; width:817px; height:266px; margin:0 auto;} 
#tt-cty{ width:200px; margin:0 0 0 280px; padding-top:45px;}

.video-contact{ padding-right:40px; padding-top:50px;}

/*.overflow{ height:250px; overflow:auto; padding-right:30px;
scrollbar-base-color:#fd9402;
}*/

.hotline{ background:url(../../fr/images/contact/hotline.jpg) no-repeat; width:249px; height:293px;}

.sitti-txt{  vertical-align:middle; margin-top:-6px; #margin-top:-3px;}

.mar-sub{ margin-right:4px; float:left;}

.frame-video{ background:url(../../fr/images/frames-video.jpg) no-repeat; width: 268px; height:282px;}

.alignTop{ vertical-align:top;}

.fl{ background:url(../images/img.jpg) no-repeat center; height:299px;}
.fl2{ background:url(../images/img2.jpg) no-repeat center; height:299px;}
.fl3{ background:url(../images/img3.jpg) no-repeat center; height:299px;}
#validator1 {width:1019px; margin:0 auto; text-align:center; font-size:10px; color:#576f87;}
#validator1 a img { vertical-align:middle;}
#validator1 a, validator1 a:visited {
	padding-top:2px;
	color:#576f87;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
#validator1 a:hover {
	padding-top:2px;
	color:#c3d1de;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	}
#validator a img { vertical-align:middle; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; margin:0 auto; /* aligne l'image W3C avec le logo du dessus */ }
#validator a:hover img { vertical-align:middle; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
 .italic{ font-style:italic;}

.contenu-plan{ width:860px; margin: 0 auto;}

.recrutement{ width:720px; margin:0 auto;}

.h1accueil{ position:absolute; width:645px; margin-left:335px; text-align:center; margin-top:230px; #margin-top:auto;}

.titresnews{ color:#FFFFFF; font-style:italic; font-size:14px;}


.wid-menu{ /*width:70px;*/}
.wid-menu1{ /*width:70px;*/ margin-left:10px;}
.wid-menu2{ /*width:84px;*/ margin-left:10px;}

a.en { /*background:url(../images/en.jpg) no-repeat; width:70px;*/ height:24px; display:block; padding-top:5px;}
a.en:hover { /*background:url(../images/en-hover.jpg) no-repeat; width:70px;*/ color:#ff7b47; height:24px; display:block; padding-top:5px;}
a.fr { /*background:url(../images/fr.jpg) no-repeat; width:70px;*/ height:24px; display:block; padding-top:5px;}
a.fr:hover { /*background:url(../images/fr-hover.jpg) no-repeat; width:70px;*/ color:#ff7b47; height:24px; display:block; padding-top:5px;}
a.vn { /*background:url(../images/vn.jpg) no-repeat; width:84px;*/ height:24px; display:block; padding-top:5px;}
a.vn:hover { /*background:url(../images/vn-hover.jpg) no-repeat; width:84px;*/ color:#ff7b47; height:24px; display:block; padding-top:5px; }