 
/* 
	© fmv Group
	
*/

@import url(LV_fiche.css);
@import url(validationEngine.jquery.css);


html, body{	
	padding:0; 
	margin:0; 
	font-family:tahoma,arial; 
	font-size:12px; 
	color:#737986; 
	background:url(../images/gradient_top.png) repeat-x center top #313844;
}

/* wrapper  */

#wrap{
	width:766px;
	padding-bottom:50px;
	margin:0px auto 0px auto;
	position:relative;
}

p{ line-height:18px; margin-bottom:20px; }	

p.clear{
	clear:both;
}

/* top bar */

div#top{
	float:left;
	width:100%;
	height:50px;
}

a#hire{
	background:url(../images/hire.png) no-repeat;
	height:29px;
	width:142px;
	float:right;
	margin-top:12px;
}

a#hire:hover{
	background-position:0px -29px;
}

/* Language manager */

#languages{
	position:absolute;
	top:50px;
	right:0px;
	color:#FFF;
	padding:8px 0px 0px 10px;
	padding-right:0px;
	font-size:10px;
	background:url(../images/languages.png) no-repeat left top #000;
	height:18px;
	z-index:10;
	-moz-border-radius-bottomleft: 6px;
}


#languages span{
	float:left;
}

#languages img.flag{
	margin-bottom:-4px;
	margin-right:6px;
}

#languages ul{
	float:left;
	margin-left:3px;
	padding-right:5px;
	padding-left:8px;
	margin-top:-8px;
}
#languages ul li{
	padding-top:8px;
}


#languages ul li.current{
	padding-top:8px;
	background:url(../images/dropdown.png) no-repeat top center;
}


#languages ul.slide{
	background:url(../images/dropdown.png) no-repeat top left;
}

#languages ul li.current.slide{
	background:none;
}

#slidingMenu{
	display:none;
}

#languages li{
	float:left;
	text-transform:uppercase;
	font-size:10px;
	margin-right:5px;
}	



#languages li a{
	color:#aaacaf;
	text-decoration:none;
	font-weight:bold;
}

#languages li a:hover{
	color:#E1DCD7;
}



/* LEFT */

div#left_side{
	width:208px;
	float:left;
	padding-top:192px;
	position:relative;
	z-index:10;
}

div#left_side h1{
	display:none;
}
	
a#logo{
	float:left;
	padding:207px 0px 0px 222px;
	background:url(../images/logo.png) no-repeat center top;
	position:absolute;
	top:-15px;
	left:0px;
}

/* right_side */ 



div#accroche{
	float:left;
	width:558px;
	height:192px;
	position:relative;
	z-index:1;
}



div#accroche.ac_1{
	background:url(../images/accroches/a1.jpg) 0px -231px;
}

div#accroche.ac_2{
	background:url(../images/accroches/a2.jpg) 0px -231px;
}
div#accroche.ac_3{
	background:url(../images/accroches/a3.jpg) 0px -231px;
}
div#accroche.ac_4{
	background:url(../images/accroches/a4.jpg) 0px -231px;
}

div#accroche  span#colored{
	float:left;
	width:558px;
	padding-top:192px;
	background-position:0px 0px;
	display:none;
}

div#accroche.ac_1 span#colored{
	background-image:url(../images/accroches/a1.jpg);
}
div#accroche.ac_2 span#colored{
	background-image:url(../images/accroches/a2.jpg);
}
div#accroche.ac_3  span#colored{
	background-image:url(../images/accroches/a3.jpg);
}
div#accroche.ac_4 span#colored{
	background-image:url(../images/accroches/a4.jpg);
}

ul#data_bar{
	position:absolute;
	bottom:0px;
	width:549px;
	height:27px;
	background:url(../images/data_bar.png) no-repeat;
	padding-top:7px;
	font-size:11px;
	padding-left:10px;
	display:none;
}

ul#data_bar li{
	float:left;
	margin-left:20px;
	color:#FFF;
}

ul#data_bar li a { 
	color:#FFF;
}
ul#data_bar li a:hover { 
	text-decoration:none;
}
div#right_side{
	width:558px;
	float:left;
}	

div.center{
	width:332px;
	float:left;
}	

div.center#first{
	margin-top:-49px;
}

* html balises {
/* Que pour IE */
	margin-top:-0px;
}



div.right{
	width:194px;
	float:left;
	margin-left:11px;
	color:#65676f;
	padding-left:20px;
}

div.right.home{
	margin-top:140px;
}

div.right h2{
	color:#318B91;
	font-size:14px;
	padding:20px 0px 17px 0px;
	display:block;
}

div#right_side ul{
	clear:both;
	
}

div#right_side .main_box ul li{
	
	margin-top:10px;
	line-height:18px;
	list-style-image:url(../images/list.png);
	margin-left:19px;
	margin-bottom:15px;

}

div#right_side ol li{
	list-style-type: decimal;
	margin-top:10px;
	line-height:18px;
	margin-left:19px;
	margin-bottom:15px;
}

ol li ol li{
	list-style-type:square;
	margin-top:10px;
	line-height:18px;
	list-style-image:url(../images/list.png);
	margin-left:19px;
	margin-bottom:15px;
}


/* boxes */

h2{
	padding:0px 20px 5px 0px;
	margin-bottom:15px;
	text-transform:uppercase;
	display:block;
	color:#14171c;
	font-size:14px;
	font-weight:bold;
	border-bottom: 1px solid #cacaca;
}

div.main_box h2{
	margin-top:20px;
}

div.main_box h2:first-child{
	margin-top:0;
}

span#cartip{
	float:left;
	background:url(../images/car.png) no-repeat left center;
	min-height:21px;
	text-transform:uppercase;
	color:#898989;
	font-size:9px;
	margin-bottom:10px;
	padding-left:60px;
	width:460px;
	position:relative;
	left:-17px;
	font:arial;
}

div.main_box{
	display:block;
	padding:20px 20px 20px 30px;
	background:#FFF;
	font-size:13px;
	line-height:20px;
	background:url no-repeat left bottom #FFF;
	border-bottom:4px solid #191d22;
}

div.main_box a, div.main_box a:visited{
	color:#2164b8;

}
div.main_box a:hover{
	color:#34434D;
}

div#who{
	padding-right:140px;
	background:url(../images/home.png) no-repeat  312px 1px;
	margin-right:-29px;
	margin-top:-20px;
	padding-top:20px;
}

div.sub{
	float:left;
	width:100%;
	margin-top:15px;
}

span#main_proposed{
	float:left;
	background:url(../images/gradient.png) repeat-x #93847c left bottom;
	color:#FFF;
	font-weight:bold;
	padding:19px;
	font-size:14px;
	width:70px;
	line-height:18px;
	border:1px solid #81726b;
	border-right:1px solid #FFFFFF;
	
}

div.service{
	float:right;
	width:208px;
	border-bottom:0;
	background:url(../images/bg_products.png) repeat-x #FFF left bottom;
	margin-bottom:15px;
	color:#949494;
	margin-left:16px;
}	

div.center.home div.service{
	margin-left:0;
}



div.service h3 a{
	display:block;
	background:url(../images/gradient.png) repeat-x #93847c;
	padding:20px 20px 17px 20px;
	color:#FFF;
	text-decoration:none;
}
div.service h3 a:hover{
	color:#FFF;
}


div.service div{
	padding:10px 20px 5px 20px;
}

div.service div p{
	line-height:16px;
	margin-bottom:10px;
}



div.service a{
	color:#93847c;
}

div.service a:hover{
	color:#828791;
}



/* Main menu */

ul.main{
	float:left;
	width:100%;
	background:#21252C;
}

ul.main li{
	float:left;
	position:relative;
	z-index:10;
}

ul.main li#current a{
	z-index:1000;	
}

ul.main li a{
	color:#FFF;
	font-size:12px;
	text-decoration:none;
	padding:10px 19px 10px 19px;
	float:left;
	width:170px;
	line-height:18px;
	font-weight:bold;
	background:url(../images/gradient.png) repeat-x;
	position:relative;
}

ul.main li a#current{
	margin-left:-34px;
	padding:18px 19px 15px 53px;
	background:url(../images/current_item.png) no-repeat #FFF;
	color:#7E848F;
	position:relative;
}

ul.main li a#current span{
	position:absolute;
	bottom:-10px;
	left:0px;
	background:url(../images/main_current.png);
	width:250px;
	height:10px;
}

ul.main ul{
	background:#576070;
	color:#d6d3d3;
	float:left;
	padding:10px 0px 10px 0px;
	display:none;
	position:absolute;
	top:0px;
	left:208px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.4);

}


ul.main ul.active{
	display:block;
	position:relative;
	top:0px;
	left:0px;
	z-index:1000;
	background:#eaeaea;
	-moz-border-radius: 0px;
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);

}



ul.main li.sub{
	background:none;
	width:178px;
	padding:5px 10px 5px 20px;
	float:left;
}

ul.main li.sub a {
	color:#CCC ;
	font-size:11px ;
	text-decoration:none;
	padding:0px;
	padding-left:14px;
	float:left;
	font-weight:normal;
	background:url(../images/arrow_sub_d.png) no-repeat 0px 5px;
}
ul.main ul.active li.sub a {
	color:#828791 ;
}

ul.main ul li.sub a:hover,ul.main ul li.sub.current a{
	background:url(../images/arrow_sub.png) no-repeat 0px 5px;
	color:#FFF;
}

ul.main ul.active li.sub a:hover,ul.main ul.active li.sub.current a{
	background:url(../images/arrow_sub.png) no-repeat 0px 5px;
	color:#636365;
}

ul.main.infog{
	padding-top:41px;
	margin-top:10px;
	background:url(../images/infog.png) no-repeat top left #343D49 ;
}


ul#info{
	float:left;
	margin-top:12px;
	width:100%;
	/* background:url(../images/split.png) no-repeat right 34px; */
}

ul#info li{
	display:block;
	float:left;
	margin-bottom:7px;
	width:150px;
}

ul#info li a, ul#info li span{
	color:#C9C9C9;
	font-size:11px;
	text-decoration:none;
}



li#email{
	background:url(../images/email.png) no-repeat 25px center;
	height:20px;
	padding-left:55px;
	line-height:17px;
}

li#email a:hover{
	color:#fff;
}

li#phone{
	background:url(../images/phone.png) no-repeat 34px center;
	height:20px;
	padding-left:55px;
	line-height:17px;

}

li#rc{
	background:url(../images/rc.png) no-repeat 34px center;
	height:20px;
	padding-left:55px;
	line-height:17px;
}

li#fax{
	background:url(../images/fax.png) no-repeat 32px center;
	height:20px;
	padding-left:55px;
	line-height:17px;
}

li#adress{
	background:url(../images/adress.png) no-repeat 33px 22px;
	padding-left:55px;
	line-height:17px;
}


li#piggy a:hover{
	color:#7F8490;
}
/* about - who ? */

.map{
	 float:left;
	 width:494px;
	 position:relative;
	 background:url(../images/map.png) no-repeat top left;
	 padding:4px;
}

.map_details{
	float:left;
	width:150px;
	color:#9DA0AA;
}

.skype{
	background:url(../images/skype.png) no-repeat top left;
	padding-left:76px;
	height:27px;
	line-height:27px;
	float:left;
	margin-top:16px;
}



/* Footer */

div#footer_container{
	padding-bottom:30px;
	float:left;
	margin-top:0px;
	margin-bottom:20px;
}

div#footer{
	float:left;
	width:456px;
	padding:21px 78px 24px 24px;
	background:url(../images/footer.png) bottom right no-repeat #14171c;
	margin-top:20px;
	border-top:4px solid #2a2f37;
}



div#footer div{
	float:left;
	margin-right:27px;
	width:140px
}

div#footer li{
	list-style:none;
	margin:0;
	float:left;
	line-height:14px;
	font-size:11px;
	margin-bottom:5px;
	list-style-image:none;
}

div#footer ul#societe{
	color:#BFB8B4;
	padding-top:30px;
	overflow:hidden;
}

div#footer ul#data{
	padding-top:20px;
	
}

div#footer ul#data, ul#data a{
	float:left;
	color:#E2E6ED;
	margin-bottom:5px;
}

ul#data a:hover{
	text-decoration:none;
}

a#fmv_group{
	float:right;
	background:url(../images/fmv_group.png) no-repeat;
	width:102px;
	height:71px;
	margin-left:10px;
	text-indent:-5000px;
}

a#fmv_group:hover{
	background-position:0px -71px;
}

#footer #reserve{
	float:left;
	width:456px;
	background:url(../images/footer_divider.png) no-repeat bottom center;
	padding-bottom:8px;
	margin-bottom:8px;
	color:#c8bbb4;
	font-size:11px;
	display:none;
	position:relative;
}

#footer #reserve #Toogle{
	position:absolute;
	right:-60px;
	top:-15px;
}

#footer #reserve #Toogle a{
	color:#4a505b;
	background:url(../images/reduce.png) center right no-repeat;
	padding-right:15px;
	top:0px;
	font-size:10px;
}

#footer #reserveToogle.clicked{
	color:#c8bbb4;
	text-decoration:none;
}




label{
	float:left;
	width:100%;
	font-size:14px;
	color:#737986;
	margin-bottom:5px;
}

td.left{
	width:100px;
	vertical-align:middle;
	text-align:right;
	padding-right:10px;
}	

tr{
	margin-bottom:10px;
	float:left;
	
}

div.outterInput{
	padding:3px;
	position:relative;
	float:left;
}

div.outterInput.error input{
	border:2px solid #dd3c10;
	width:328px;
}

div.outterInput.error textarea{
	border:2px solid #dd3c10;
	width:328px;
	height:153px;
}

div.errorFlag
{
	position: absolute;
	width: 160px;
	background-color: transparent;
	background-image: url(../images/flag.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	padding-left: 10px;
	bottom: 20px;
	display: none;
	font-size:11px;
	font-family:arial;
}

div.errorFlag span
{
	background-color: #f3f3f3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a8a8a8;
	color: #333333;
	display: block;
	padding-top: 3px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 9px;
	line-height: 13px;
}


input#send{
	width:auto;
	background:url(../images/button.png) top left;
	padding:4px 8px 4px 16px;
	border:1px solid #242931;
	border-top-color:#4a525f;
	border-right-color:#4a525f;
	margin-top:10px;
	color:#FFF;
	font:12px arial;
	
}

input#send:focus{
	background:url(../images/button.png) left -28px;
	border:1px solid #242931;
	border-bottom-color:#4a525f;
	border-left-color:#4a525f;
}

/* CONTACT FORM */

div.contact_boxe{
	float:left;
	width:514px;
	position:relative;
	padding:16px 9px;
	background:#F5F5F5;
	border-left:1px solid #D5D4D4;
	border-right:1px solid #D5D4D4;
	margin-bottom:15px;
}

div.contact_boxe.desc{
	padding:16px 20px;
	width:492px;
}

div.contact_boxe p{
	margin-bottom:0px;
	font-size:12px;
}

div.contact_boxe h3{

	text-transform:uppercase;
	color:#717987;
	font-weight:bold;
	float:left;
	width:100%;
	margin:10px 0px;
	font-size:14px;
	
}

div.contact_boxe span.top{
	background:url(../images/contact/sides.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:-1px;
	width:534px;
	height:5px;
}

div.contact_boxe span.bottom{
	background:url(../images/contact/sides.png) no-repeat bottom left;
	position:absolute;
	bottom:0px;
	left:-1px;
	width:534px;
	height:5px;
}

div.contact_boxe div.step{
	float:left;
	position:relative;
	background:#FFF;
	width:482px;
	border-left:1px solid #E0DFDF;
	border-right:1px solid #E0DFDF;
	padding:20px 14px 10px 18px;
	margin-bottom:10px;
}

div.contact_boxe div.step span.top{
	background:url(../images/contact/inher_sides.png) no-repeat top left;
	position:absolute;
	top:0px;
	left:-1px;
	width:516px;
	height:4px;
}
div.contact_boxe div.step span.bottom{
	background:url(../images/contact/inher_sides.png) no-repeat bottom left;
	position:absolute;
	bottom:0px;
	left:-1px;
	width:516px;
	height:4px;
}

div.contact_boxe div.step.phone{

	background:url(../images/contact/phone.png) no-repeat 24px 10px #FFF;
}

div.contact_boxe div.step.email{

	background:url(../images/contact/email.png) no-repeat 18px 18px #FFF;
}
div.contact_boxe div.step.map{

	background:url(../images/contact/map.png) no-repeat 18px 16px #FFF;
	min-height:40px;
}

div.contact_boxe div.step span.title{
	width:149px;
	float:left;
	text-align:right;
}

div.contact_boxe div.step span.title.long{
	width:220px;
	height:20px;
	line-height:12px;
}


div.contact_boxe div.step p.multi{
	margin-top:16px;
}

div.contact_boxe div.step p{
	float:left;
	width:100%;
}

div.contact_boxe div.step input.large{
	float:left;
	background:url(../images/contact/large_input.png) no-repeat;
	height:17px;
	width:303px;
	margin-top:-5px;
	margin-bottom:5px;
	margin-left:10px;
	padding:7px 8px;
	color:#7a828e;
	font-family:tahoma;
}

div.contact_boxe div.step input.middle{
	float:left;
	background:url(../images/contact/middle_input.png) no-repeat;
	height:17px;
	width:180px;
	margin-top:2px;
	margin-left:10px;
	padding:7px 8px;
	color:#7a828e;
	font-family:tahoma;
}

div.contact_boxe div.step input.min{
	float:left;
	background:url(../images/contact/min_input.png) no-repeat;
	height:17px;
	width:33px;
	margin-top:2px;
	margin-left:10px;
	padding:7px 8px;
	color:#7a828e;
	font-family:tahoma;
	margin-top:-5px;
	margin-right:10px;
	text-align:center;
}


span.options{
	position:absolute;
	top:10px;
	right:22px;
	background:url(../images/contact/options.png) no-repeat top left;
	width:95px;
	height:29px;
	cursor:pointer;
}

span.options span.slide{
	position:absolute;
	top:1px;
	left:47px;
	width:48px;
	height:27px;
	background:url(../images/contact/slider.png) no-repeat top left;
}

div.selectbox-wrapper, div.selectbox-wrapperRight {
  position:absolute;
  background:url(../images/contact/bg_select.png) repeat-y #FFF;
  border:1px solid #ccc;
  border-left:0;
  border-top:0;
  margin:0px;
  top:49px;
  z-index:100;
  padding:4px 4px 4px 5px;
  font-size:0.8em;
  text-align:left;
  max-height:200px;
  overflow:auto;
 }
 
div.selectbox-wrapperRight{
	right:18px;
	top:44px;
}


div.selectbox-wrapper ul , div.selectbox-wrapperRight ul{
  list-style-type:none;
  margin:0px;
  padding:0px;
  
}
div.selectbox-wrapper ul li.selected, div.selectbox-wrapperRight  ul li.selected{ 
  background-color: #122E41;
  color:#fff;
}
div.selectbox-wrapper ul li, div.selectbox-wrapperRight  ul li {
  list-style-type:none;
  display:block;
  margin:0 !important;
  padding:2px;
  cursor:pointer;
  line-height:auto;
  list-style:none;
   font-family:arial;
  font-size:12px;

}





a#next{
	float:right;
	width:80px;
	height:41px;
	background:url(../images/contact/next.png) no-repeat;
	margin-top:10px;
	cursor:pointer;
}

a#next.clicked{
	background-position:0px -40px;
}

label {
    display: block;
	width:200px;
}

#phoneData{
	display:none;
}


.minSelect /* look&fell of  select box*/
{
  margin: 0px 5px 10px 0px;
  padding-left:2px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  width : 10em; 
  display : block;
  text-align:left; 
  background: url('../images/contact/min_select.png') right no-repeat;
  /*height:18px;*/
  cursor: pointer;
  border:0;
  color:#333;
  height:21px;
  width:51px;
  padding:9px 5px 5px 5px;
  float:left;
  font-family:arial;
  font-size:12px;
  color:#7a828e;
}
.Select /* look&fell of  select box*/
{
   margin-top:-5px;
  margin-bottom:5px;
  margin-left:10px;
  float:left;
  padding-left:2px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  width : 10em; 
  display : block;
  text-align:left; 
  background: url('../images/contact/select.png') right no-repeat;
  /*height:18px;*/
  cursor: pointer;
  border:0;
  color:#333;
  height:21px;
  width:309px;
  padding:9px 5px 5px 5px;
   font-family:arial;
  font-size:12px;
  color:#7a828e;
  position:relative;
}

select {
	background: url('../images/contact/bg_select.png') right no-repeat;
	 position:relative;
}

.hidden{
	display:none;
}

div.textarea{
	background:url(../images/contact/textarea.png) no-repeat top left;
	padding-top:10px;
	float:left;
	margin-bottom:20px;
}

textarea{
	background:url(../images/contact/textarea.png) no-repeat bottom left;
	width:459px;
	height:40px;
	padding:5px 10px;
    font-family:arial;
	font-size:12px;
	color:#7a828e;
	float:left;
	border:0;
}

#printhead, #printfoot{
	display:none;
}




