html{
	overflow-y: scroll;
}

body{
	background:url(assets/toolti_bg.png) repeat-x  #212931;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	color:#CCC;	
}

#ajax_content p{	
	/*
	color:#37434c;
	color:#49555d;
	font-family:Verdana, Geneva, sans-serif;	
	*/
	color:#62676d;	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}


#container{
	width:1002px;
	margin:0 auto;
}

#video_box,#client_box{
	width:640px;
	height:388px;
	background:url(assets/preload_02.gif) no-repeat center center;
	padding:10px;
	background-color:#f0f8fb;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px -1px 6px #07090a;
	-moz-box-shadow: 1px -1px 6px #07090a;
	box-shadow: 1px -1px 6px #07090a;
}

/* PARTIE GAUCHE */
#top_nav{
	position:relative;
	margin-top:20px;
	height:40px;
	
	font-size:10px;
}

#top_nav_left{
	position:absolute;
	left:0;	
	width:110px;
	height:22px;
}

#top_nav_left li{
	float:left;
	width:30px;
	height:22px;
	background:url(assets/nav_tools_left.png) no-repeat;
	overflow:hidden;
	text-indent:-100px;	
	
}

#top_nav_left li.facebook{
	background:url(assets/nav_tools_left.png) no-repeat -30px 0;
}

#top_nav_left li.home{
	background:url(assets/nav_tools_left.png) no-repeat -60px 0;
	width:49px;
}

#top_nav_left li a{
	display:block;
	width:100%;
	height:100%;
}


/* PARTIE DROITE */
#top_nav_right{
	color:#bebebe;
	position:absolute;
	right:0;	
}

#top_nav_right a{
	color:#bebebe;
}

#top_nav_right li{
	float:left;
	margin-left:10px;
}


#top_nav_right ul{
	display:none;
}
#top_nav_right ul li{
	float:none;
	position:relative;
}


#client_bloc span{
	display:block;
	width:97px;
	height:20px; 
	line-height:20px;
	background:url(assets/drap.png) no-repeat 84px -33px;
	background-color:#1e272d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-indent:14px;
	cursor:pointer;
}

#client_box{
	width:360px;
	height:164px;
	background-image:none;
	padding:20px;
	position:relative;
}

#client_box label{
	color:#333;	
	margin-bottom:2px;
}

#client_box input{
	margin-bottom:10px;
}

#client_box input.check{
	width:16px;
	height:16px;
	vertical-align:middle;
}

#client_box button{
	float:right;
	position:relative;
	margin:0;
	padding-bottom:4px;
}

#langue_bloc span{
	display:block;
	width:38px;
	height:20px; 
	line-height:20px;
	background:url(assets/drap.png) no-repeat 20px -33px;
	background-color:#1e272d;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-indent:14px;
}

#langue_bloc a{
	overflow:hidden;
	display:block;
	background:url(assets/drap.png) no-repeat 6px 6px;
	text-indent:-100px;
}

#langue_bloc a.en{
	background-position:6px -14px;
}


#client_box_confirm{
	position:absolute;
	width:400px;
	height:200px;
	top:0;
	left:0;
	z-index:10;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	color:#666;
	line-height:140px;
	visibility:hidden;
}


#client_box .msg_erreur{
	position:inherit;	
	display:inline;
	margin-left:10px;
	font-weight:normal;
}


/*
#client_bloc:hover ul{
	display:block;
}


#langue_bloc:hover ul{
	display:block;
	position:absolute;
}

*/

/*  menu */
#menu{
	background:url(assets/toolti.png) no-repeat 0 0 ;
	width:1001px;
	height:61px;
	position:relative;
}

#menu div{
	float:right;
}

#logo_boutton{
	/*border:1px solid #FFF;*/
	display:block;
	width:124px;
	height:59px;
	position:absolute;
	left:0;
	cursor:pointer;
	
}

#menu div a{
	display:block;
	float:left;
	color:#e4e4e4;
	font-size:11px;
	margin:17px 30px 0 0;
	
	text-decoration:none;
	height:23px;
	line-height:23px;
	padding:2px 10px;
		
	/* Fonctionne déjà sur webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 1s;
						
	/* Bientôt supporté par Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 1s;
		
	/* … et lorsque ce sera standardisé */
	transition-property: background-color;
	transition-duration: 1s;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	text-transform:uppercase;
}

#menu div a:hover,#menu div a.selected{
	background-color:#1a9ccb;	
}


#caroussel{
	width:1000px;
	height:396px;
	background:url(assets/carroussel.jpg) no-repeat;
	position:relative;
}

#caroussel_acroche{
	position:absolute;
	height:30px;
	width:1000px;
	bottom:25px;
	overflow:hidden;
	background:url(assets/acroche_groupe_fr.png) repeat-y;
	line-height:99em;
}

.en  #caroussel_acroche{
	background:url(assets/acroche_groupe_en.png) repeat-y;
}

#carrou_boutton{
	position:absolute;
	top:244px;
	left:0px;
}

#carrou_boutton a{
	display:block;
	background:url(assets/carrou_boutton.png) no-repeat;
	height:26px;
	width:104px;
	line-height:99em;
	overflow:hidden;
}



#carrou_boutton a.commander{
	background-position:0 -28px;
}

.en #carrou_boutton a.commander{
	background-position:0 -60px;
}

#left_btn,#right_btn{
	width:49px;
	height:71px;
	text-indent:50px;
	overflow:hidden;
	position:absolute;
	display:block;	
	top:127px;
}

#left_btn{	
	left:0px;
	background:url(assets/carroussel_nav.png) no-repeat;
	background-position:0 0;
}


#right_btn{	
	right:0px;
	background:url(assets/carroussel_nav.png) no-repeat;
	background-position: -49px -72px;
}



/*
#left_btn.disabled,#right_btn.disabled{
	background:url(assets/carroussel_nav_disabled.jpg) no-repeat;
}*/

#caroussel ul{
	position:absolute;
	bottom:71px;
	left:450px;
}

#caroussel ul li{
	float:left;
	width:12px;
	height:9px;
	margin-right:2px;
	background:url(assets/dots.png) no-repeat 2px 10px;
	overflow:hidden;
	cursor:pointer;
	line-height:40px;
}

#caroussel ul li.selected{
	background-position:2px -1px;
}


#options{
	width:100%;	
	background-color:#f0f8fb;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px -1px 8px #07090a;
	-moz-box-shadow: 1px -1px 8px #07090a;
	box-shadow: 1px -1px 8px #07090a;
	margin-bottom:20px;
	
	font-size:11px;
	color:#353c44;
}


#sub_option,#content_loader{
	padding:15px;
}

#content_loader{
	position:relative;
	width:1001px;
	height:100px;
	background:url(assets/preload_02.gif) no-repeat 400px center;
	display:none;
}

#c_1_1,#c_1_2,#c_1_3{
	background-color:#dce8ec; 
	width:318px;
	height:254px;
	float:left;
	position:relative;
}

#c_1_2{
	border-left:1px dotted #a8b5ba;

}

#c_1_3{
	margin-left:16px;
	overflow:hidden;
	display:block;	
}
/*
#c_1_3{
	margin-left:16px;
	overflow:hidden;
	display:block;
	text-indent:-318px;
	background:url(assets/offre_fr.gif) no-repeat 0 0;
}

#c_1_3:hover{
	background-position:-319px 0;
}
*/


#c_1_1 h2,#c_1_2 h2{
	height:64px;
	line-height:59px;
	background:url(assets/titre_cols_fr.png) no-repeat;
	text-indent:400px;
	overflow:hidden;
}

.en #c_1_1 h2,.en #c_1_2 h2{
	background:url(assets/titre_cols_en.png) no-repeat;
}

.en #c_1_2 h2,.fr #c_1_2 h2{
	background-position:-319px 0;
}

#c_1_1 p{
	line-height:23px;	
	padding:7px 14px 0 14px;
}

#c_1_2 ul{
	margin-left:15px;
}

#c_1_2 ul li{
	height:12px;
	margin-top:11px;
	color:#353c44;
	background:url(assets/puce.gif) no-repeat 0 5px;
	text-indent:11px;
}

#c_1_2 ul li{
	background-position:0 -9px;
}
/*

#c_1_1 a,#c_1_2 a{
	width:288px;
	height:35px;
	line-height:35px;
	display:block;
	color:#37434c;
	font-size:13px;
	margin:20px 0 0 15px;
	background:url(assets/rect_back.gif) repeat 0 4px;
	text-indent:4px;
	text-decoration:none;
	font-weight:bold;	
}
*/

#c_1_1 a,#c_1_2 a{
	width:288px;
	height:35px;
	line-height:35px;
	display:block;
	color:#37434c;
	font-size:13px;
	background:url(assets/rect_back.gif) repeat 0 4px;
	text-indent:4px;
	text-decoration:none;
	font-weight:bold;
	position:absolute;
	bottom:6px;
	left:15px;
	
}

#c_1_1 em,#c_1_2 em{
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8; 
	-khtml-opacity: 0.8;
	opacity: 0.8;
}



#c_1_1 span,#c_1_2 span{
	display:block;
	float:left;
	width:6px;
	height:35px;	
	background:url(assets/puce_2.gif) no-repeat 0 center;
	margin-left:7px;
}

#c_1_2 span{
	background:url(assets/puce_2.gif) no-repeat -6px center;
}


#c_1_1 a:hover em,#c_1_2 a:hover em{
	color:#c3241d;
	filter: alpha(opacity=95); 
	-moz-opacity: 0.95; 
	-khtml-opacity: 0.95;
	opacity: 0.95;
}

#c_1_2 a:hover em{
	color:#68a685;  	
}

.bloc_h{
	background-color:#dce8ec;
	height:63px;
	width:100%;
	margin-top:15px;
	position:relative;
}


.bloc_h form{
	width:303px;
	border-right:1px dotted #a8b5ba;
	height:63px;
	line-height:63px;
	margin-left:15px;
	color:#72828e;
	float:left;
	
}

.bloc_h form input{
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border:1px solid #b6c5c8;
	width:190px;
	height:22px;
	color:#72828e;
	padding:0px;
	text-indent:2px;
	margin:0 0 0 4px;
	
	-webkit-box-shadow: 0px -1px 1px #E1E1E1;
	-moz-box-shadow: 0px -1px 1px #E1E1E1;
	box-shadow:  0px -1px 1px #E1E1E1;
}


.bloc_h form button{
	background:url(assets/submit_btn.png) no-repeat;
	width:22px;
	height:22px;
	overflow:hidden;
	text-indent:-400px;
	border:none;
	margin-left:6px;
	
}
.bloc_h form button:hover{
	background-position:-23px 0;
}



.bloc_h h2{
	width:115px;
	border-right:1px dotted #a8b5ba;
	height:63px;
	line-height:63px;
	margin-left:14px;
	color:#72828e;
	font-size:12px;
	float:left;
}

#scroller{
	width:780px;
	height:63px;
	overflow:hidden;	
	position:relative;
	/*border:1px inset #0C9;*/
}

#scroller_sub_content{
	position:absolute;	
}



#scroller a{
	display:block;
	float:left;
	height:63px;
	width:172px;
	/*border:1px inset #930;*/
	overflow:hidden;
	margin:0 0 0 18px;
	background:url(assets/logo.gif) no-repeat
}

#scroller_control{
	position:absolute;
	right:0;
	top:22px;
	width:58px;
}

#scroller_control a{
	display:block;
	width:17px;
	height:17px;
	background:url(assets/groupe_scroller.png) no-repeat;
	float:left;
	margin-left:5px;	
}

#scroller_control a.disabled{
	cursor:default;
}


#prev_btn:hover{
	background-position:0 -17px;
}

#prev_btn.disabled{
	background-position:0 -34px;
}

a#next_btn{
	background-position:-17px 0;
}

#next_btn:hover{
	background-position:-17px -17px;
}

#next_btn.disabled{
	background-position:-17px -34px;
}

#newsletter_holder{
	position:relative;
}

#confirm_news{
	width:318px;
	height:61px;
	line-height:61px;
	text-align:center;
	float:left;
	font-weight:bold;
	position:absolute;
	visibility:hidden;
}

.msg_erreur{
	display:block;
	height:20px;
	color:#900;
	line-height:20px;
	position:absolute;
	top:42px;
	left:78px;	
	visibility:hidden;
}

.spiner{
	background:url(assets/spiner.gif) no-repeat center center;
	/*background:url(assets/preload_02.gif) no-repeat center center;
	background-color:#f0f8fb;	*/
}

#twitter{
	padding:11px 15px; 	
	margin-left:317px;
}


#twitter_l{
	background:url(assets/twitter_l.png) no-repeat; 
	width:156px;
	height:40px;
	float:left;	
	display:block;
}

#twitter_m{
	background:url(assets/twitter_m.png) repeat-x; 	
	height:40px;
	float:left;	
	line-height:40px;
	color:#6b6b6a;
	padding:0 4px;
	overflow:hidden;
	/*width:437px;*/
}

#twitter_r{
	background:url(assets/twitter_r.png) no-repeat; 
	width:24px;
	height:40px;		
	float:left;
	display:block;
}


#caroussel_container{	
	margin:30px 0 0 119px;
    padding: 0;
    position: absolute;
    width: 762px;
	height:266px;
    z-index: 1;	
	overflow: hidden;	 
	/*border:1px inset #F00;*/
}


#caroussel_container li{	
	width:386px;
	height:266px;		
	position: absolute;
	background:url(assets/ombre.png) no-repeat;
	/*border:1px inset #FF0;*/
}

/*
#caroussel_container li.ombre{
	background:url(assets/ombre.png) no-repeat; 
}
*/
#caroussel_container li img{
	/*width:386px;*/
	width:350px;
	height:266px;
	margin-left:18px;
}






/*--------------------------------------------------------------------------------------------
 *                           LEFT NAVIGATION
 ---------------------------------------------------------------------------------------------*/
 
#left_nav{
	width:270px;
	background-color:#dce8ec;
	float:left;
	
}

#left_nav li{
	height:40px;
	line-height:40px;
	border-bottom:1px dotted #a8b5ba;
	font-size:19px;	
}

#left_nav li h2.selected{
	
	line-height:32px;
	height:32px;
	width:262px;
	background-color:#424c54;
	font-weight:bold;
	color:#f0f8fb;
	margin:4px;
	position:absolute;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.36, #49535C),
		color-stop(1, #374047)
	);
	background-image: -moz-linear-gradient(
		center bottom,
		#49535C 36%,
		#374047 100%
	);

	text-shadow:1px 1px 2px #333333;
	/*filter: dropshadow(color=#333333, offx=1, offy=1);*/
	
}

#left_nav li h2,#left_nav li a{
	text-decoration:none;
	color:#37434c;
	cursor:pointer;
	display:block;
	text-indent:20px;
}


#left_nav li.last{
	border-bottom:none;
}


#right_content{	
	width:675px;
	float:right;
}

#h3_bloc{
	overflow:hidden;
	height:40px;
	border-bottom:1px dotted #a8b5ba;
	margin-bottom:10px;
}


#s_bloc{
	overflow:hidden;	
	height:146px;
}


#right_content p{
	font-weight:bold;	
	margin:18px 0;
	line-height:13px;
	font-size:11px;
	
	/*filter: alpha(opacity=85); 
	-moz-opacity: 0.85; 
	-khtml-opacity: 0.85;
	opacity: 0.85;*/	
}

#right_content strong{
	color:#1898c7;
}


#right_content h3{
	font-size:26px;
	height:40px;		
	color:#1898c7;
	
	
}
 
.separateur{
	border-bottom:1px dotted #a8b5ba;
	height:15px;
	clear:both;
}








/*--------------------------------------------------------------------------------------------
 *                        Les elements de formulaire
 ---------------------------------------------------------------------------------------------*/

.toolti_form label{
	display:block;
	font-size:13px;
	font-weight:bold;
	margin-bottom:6px;
	color:#49555d;
}
 
 .toolti_form input, .toolti_form textarea{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #b6c5c8;	
	height:26px;
	line-height:26px;
	color:#969ea5;
	padding:0px;
	text-indent:2px;	
	width:100%;
	margin-bottom:4px;
	
	-webkit-box-shadow: 0px -1px 1px #E1E1E1;
	-moz-box-shadow: 0px -1px 1px #E1E1E1;
	box-shadow:  0px -1px 1px #E1E1E1;
	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	font-size:11px;
	font-weight:bold;
	/*
	
	filter: alpha(opacity=80); 
	-moz-opacity: 0.9; 
	-khtml-opacity: 0.9;
	opacity: 0.8;*/
	
 }
 .toolti_form textarea{
 	height:90px;
	margin-bottom:0;
 }
 
 
.bleu_btn,.gris_btn{
	
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	border:none;		
	font-size:12px;
	font-weight:bold;
	letter-spacing:0px;
	cursor:pointer;
}

.bleu_btn{	
	padding:4px 24px;	
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	color:#FFF;	
	background-color:#1a9ece;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.36, #1690bc),
		color-stop(1, #1b9fcf)
	);
	
	background-image: -moz-linear-gradient(
		center bottom,
		#1690bc 36%,
		#1b9fcf 100%
	);

	text-shadow:1px 1px 1px #065c7c;
	/*filter: dropshadow(color=#065c7c, offx=1, offy=1);*/		
}

.gris_btn{
	
	padding:6px 30px;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color:#37434c;	
	background-color:#e7e7e7;
	border:1px solid #c0c0c0;
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.36, #e7e7e7),
		color-stop(1, #fafafa)
	);
	
	background-image: -moz-linear-gradient(
		center bottom,
		#e7e7e7 36%,
		#fafafa 100%
	);
}
 
 
.toolti_form  table td{
	padding:9px;
}

.note_infos{
	color:#7f888f;
	margin:0;
	padding:0;
}

.input_sample span{
	display:block;	
	color:#969ea5;
	font-size:11px;
	font-weight:bold;
	float:left;
	margin-top:-24px;
	margin-left:6px;
}

.input_sample input{
	text-indent:50px;
	float:right;
}




/* Custom select box */


#liste_item{
	
	width:235px;
	height:76px;
	overflow-y:scroll;
	background-color:#e7e7e7;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.36, #e7e7e7),
		color-stop(1, #fafafa)
	);
	
	background-image: -moz-linear-gradient(
		center bottom,
		#e7e7e7 36%,
		#fafafa 100%
	);
	border:1px solid #c0c0c0;
	position:absolute;
	margin-left:1px;
	z-index:2;
	display:none;
}

#liste_item li{	
	height:24px;	
	line-height:24px;
	text-indent:18px;
	cursor:pointer;
}


#liste_item li:hover{
	background-color:#CCC
}


#list_trigger{
	width:237px;
	height:32px;
	background:url(assets/custom_select.png);
	display:block;
	line-height:32px;
	text-indent:18px;	
	z-index:1;
	cursor:pointer;
}

#header_container{
	position:relative;
	overflow:hidden;
}

#sub_header_container{
	position:absolute;
}

#header_container.etat1{
	height:396px;
}

#header_container.etat2{
	height:298px;	
}

/*
#header_container.etat2 #sub_header_container{
	top:-396px;	
}*/

/*
 * Les differents pages du header
 */
  
 /*
 * header
 */
/*
#header{
	position:relative;
	margin-top:20px;
}

#header div{		
	width:1001px;
	height:256px;			
}


#header h1{
	overflow:hidden;
	position:absolute;
	line-height:80em;
	width:366px;
	height:148px;	
	top:63px;
	left:66px;
}

#header h1 a{
	display:block;
	position:absolute;
	width:178px;
	height:50px;
	top:96px;
	left:0;	
}
*/

/*--------------------------------------------------------------------------------------------
 *                         regrouper tout les  ELEMENT IMAGE muLTILANGUE
 ---------------------------------------------------------------------------------------------*/
/* 
#header.fr h1{
	background:url(assets/accroche_fr.png) no-repeat;
}

#header.fr h1 a{
	background:url(assets/nous-rejoindre-fr.png) no-repeat;
}

#header.fr h1 a:hover{
	background-position:-178px 0;
}
*/

#about-us,
#products,
#tarifs,
#support,
#contact{
	width:1001px;
	height:256px;
	margin-top:20px;	
}

.header-holder,
.header-preloader{
	width:1001px;
	height:256px;
	position:relative;
	display:block;
	z-index:2;
}

#about-us .header-holder{
	background:url(assets/header-about-us.jpg) no-repeat;
}


#products .header-holder{
	/*background:url(assets/header-products.jpg) no-repeat;*/
	background:url(assets/header-about-us.jpg) no-repeat;
}

#tarifs .header-holder{
	/*background:url(assets/header-tarifs.jpg) no-repeat;*/
	background:url(assets/header-about-us.jpg) no-repeat;
}


#support .header-holder{
	/*background:url(assets/header-support.jpg) no-repeat;*/
	background:url(assets/header-about-us.jpg) no-repeat;
}


#contact .header-holder{
	/*background:url(assets/header-contact.jpg) no-repeat;*/
	background:url(assets/header-about-us.jpg) no-repeat;
}


#header .header_landa .header-holder{
	display:none;
}

.header-preloader{
	position:absolute;	
	z-index:1;
	background:url(assets/preload_01.gif) no-repeat 419px 70px;
	
}

#header h1{
	overflow:hidden;
	position:absolute;
	line-height:80em;
	/*width:366px;
	height:148px;
	top:63px;
	left:66px;
	*/
}

#header h1 a{
	display:block;
	position:absolute;
	width:178px;
	height:50px;
	top:153px;
	left:74px;	
}

/*
 * ABOUT -US
 */
 
#about-us h1{
	/*background:url(assets/about-us-accroche.png) no-repeat;
	width:350px;	
	top:65px;
	left:78px;*/
	width:350px;
}

#about-us h1 a{
	background:url(assets/nous-rejoindre-fr.png) no-repeat;
}

#about-us h1 a:hover{
	background-position:-178px 0;
} 
	

/*
 * PRODUCTS
 */
  
#product_container  h2,#product_container  h3{
	font-size:34px;
	height:44px;		
	color:#1898c7; 
	border-bottom:1px dotted #a8b5ba;
}


#product_container ul{
	height:220px;
	width:100%;
	padding:0;
	margin:0;
}

#product_container ul li{
	/*width:238px;	 */
	/*width:198px;
	height:221px;
	*/
	float:left;
	text-align:center;
	line-height:220px;
	margin-left:7px;
}

#product_container ul li span{
	
	width:185px;
	height:180px;
	background:url(assets/gros_boutton.png);
	overflow:hidden;	
	display:block;
	cursor:pointer;
	line-height:99em;
   /*
   
   margin:18px auto 0 auto;*/
}

#product_description{
	background-color:#FFF;
	padding:20px;
}


#product_text{
	/*float:left;
	width:430px;*/
}

#product_text p,#product_grid p{
	margin:10px 0;
	line-height:16px;
	font-weight:bold;
	color:#62676d;
}

#p-1,#p-2,#p-3,#p-4{
	display:none;
}


#product_text ol li{
	float:right;
	overflow:hidden;
	display:block;	
	height:51px;	
	background:url(assets/compatibilite.png) no-repeat;	
	width:58px;	
}

#product_text ol li a{
	display:block;
	height:24px;
	margin-top:20px;
	text-align:center;
	width:98%;
	text-indent:-99em;
}

#product_text ol li.demo{
	width:82px;	
	background-position:-3px 0;		
}


#product_text ol li.commander{
	width:108px;
	background-position:-82px 0;
	margin-right:8px;	
}

.en #product_text ol li.commander{		
	background-position:-188px 0;	
}

/*
#product_text ol li.chrome{
	background-position:-198px 0;	
	text-indent:-99em;
}

#product_text ol li.firefox{
	background-position:-256px 0;
	text-indent:-99em;
}

#product_text ol li.safari{
	background-position:-314px 0;
	text-indent:-99em;
}

#product_text ol li.explorer{
	background-position:-372px 0;
	text-indent:-99em;
}

#product_text ol.part2{
	float:right;
}*/

#product_grid{
	float:left;
	margin-top:20px;
}

#product_grid table tr.selected td,#product_grid table tr.selected th{
	margin:0;
	padding:0;
}

#product_grid table tr.selected td p{
	color:#FFF
}

#product_grid table{
	border-collapse:collapse;	
}
#product_grid table td,#product_grid table th{
	background-color:#d9e5ea;
	border:1px solid #FFF;
	padding:10px;
}
#product_grid table tr.selected td,#product_grid table tr.selected th{
	background-color:#616b76;
	color:#FFF;
	padding:10px;	
}


#product_grid table tr th{
	vertical-align:middle;
}
#product_grid table tr th span{
	display:block;
	width:187px;
	height:48px;
	/*margin:0 auto;*/
	background:url(assets/table_produit_fr.gif) no-repeat;
	text-indent:-1000px;
	overflow:hidden;	
	vertical-align:middle;
}

.en #product_grid table tr th span{
	background:url(assets/table_produit_en.gif) no-repeat;
}

#product_grid table tr.selected th span{
	background-position:-187px 0;
}

#product_grid table tr td.title{
	background-color:#c8d3d8;
	vertical-align:middle;
	
}

#product_grid table tr td.title span{
	display:block;
	width:114px;
	height:122px;
	background:url(assets/table_produit_title.png) no-repeat;
	margin:0 auto;
}


.video_pic{
	display:block;	
	background:url(assets/video_pic.png) no-repeat;
	width:20px;
	height:24px;
	overflow:hidden;
	line-height:99em;
	cursor:pointer;
	position:absolute;
	margin:-20px 0 0 526px;	
}


/*
 * TARIFS
 */
 
#tarifs_container{
	width:100%;
}

#tarifs_container strong{
	color:#1898c7;
}

#tarifs_container .left{
	float:left;
	width:698px;
}


#tarifs_container .right{
	float:right;	
}

#tarifs_container  h2,#tarifs_container  h3{
	font-size:34px;
	height:44px;		
	color:#1898c7; 
	border-bottom:1px dotted #a8b5ba;
}

input.error,textarea.error{
	background-color:#EED0C8;
	color:#000;
}

#modules td{
	border-bottom:1px dotted #999;
	vertical-align:middle;
	font-weight:bold;
	color:#49555d;
	font-size:12px;	
	background-color:#dce8ec;
}

#modules tr.last td{
	border:none;	
}

#modules label{
	font-weight:normal;
	float:left;
	width:132px;
	font-size:11px;
	margin-top:10px;
}

#modules label.last{
	width:100px;
	
}


#modules input{
	width:13px;
	height:13px;
	border:none;
	padding:0;
	vertical-align:middle;		
}


/* STYLE DE VALIDATION*/
span.error{
	color:#900;
	font-weight:normal;
	background:url(assets/error_button.png) no-repeat;
	width:18px;
	height:18px;
	display:block;
	text-indent:22px;
	line-height:17px;
	width:100%;	
}


#infos_form,#cv_form,#contact_form{
	position:relative;
	margin:20px 0;
}


#infos_form .spiner,
#cv_form .spiner,
#contact_form .spiner{	
	background:url(assets/preload_02.gif) no-repeat center center;
	background-color:#f0f8fb;
	z-index:1000;
	position:absolute;
}

#infos_form .confirm,
#cv_form .confirm,
#contact_form .confirm{	
	/*font-weight:bold;*/
	text-align:center;
	background-color:#f0f8fb;
	position:absolute;
	z-index:1000;	
}



.infos_contact{
	color:#7f888f;
	margin:0;
	padding:0;
	line-height:16px;
	margin-top:-5px;
}

.infos_contact strong{
	font-weight:bold;
	display:block;
	font-size:12px;
	height:18px;
}


#footer{
	text-align:center;
	margin:-10px 0 20px 0;
	font-size:11px;	
}