@CHARSET "UTF-8";

*{ margin:0; padding:0; border:none; }
body{
	font-size:12px;
	font-family:Arial;
	color:#666666;
	background:#e8e8e8 url(../../images/body_ext.png) repeat-x;
}

p,h1,h2,h3,h4,h5{ clear:left; }

h1,h2,h3,h4,h5{ font-weight:bold; padding-bottom:5px; clear:left; }
h1{ color:#4e7181; border-bottom:1px #4e7181 dotted; text-transform:uppercase; }
h2{ padding-left:15px; background:#5b5b5b url(../../images/icons/icons_h2.png) no-repeat left 6px; }
h4{ background-color:#eeeeee; padding-top:5px; padding-left:5px; }
h2,h3,h4,h5{ color:#666666; }

h1{ font-size:16px; margin:10px 2px 10px 0; }
h2{ font-size:13px; margin:10px 2px 10px 0; }
h3{ font-size:12px; margin:10px 2px 10px 0; }
h4{ font-size:11px; margin:10px 2px 10px 0; }
h5{ font-size:10px; margin:10px 2px 10px 0; }

h2{ padding-top:5px; color:white; }

a{ color:#666666; text-decoration:none; cursor:pointer; font-weight:bold; font-size:11px; }
a:hover{ color:#333333; text-decoration:underline; }
input, textarea{ color:#666666; padding:2px; border:1px #999999 solid; background:white url(../../images/bg_input.gif) repeat-x; }
label{ padding:8px 0 0 0; }
br{ clear:both; }

.pdf_download{ padding:0 30px 20px 0; display:block; text-align:right; background:url(../../images/pdf.jpg) no-repeat right 0; }

.separator_content{ border-bottom:1px #4e7181 dotted; height:5px; }
.textstyle{ text-align:center; }
.textstyle2{ text-align:left; }
.textstyle3{ text-align:right; }

.bold{ font-weight:bold; }

.link_image{ cursor:pointer; }

.floatleft{ float:left; }
.floatright{ float:right; }

.border1{ border:1px #eeeeee solid; padding:1px; }

.padding{ padding:5px; }
.padding2{ padding-left:5px; }
.padding3{ padding-right:5px; }
.padding4{ padding:5px 0; }
.padding5{ padding:0 5px; }
.padding6{ padding:10px; }
.padding7{ padding-left:10px; }
.padding8{ padding-right:10px; }
.padding9{ padding:10px 0; }
.padding10{ padding:0 10px; }

.margin{ margin:5px; }
.margin2{ margin-left:5px; }
.margin3{ margin-right:5px; }
.margin4{ margin:5px 0; }
.margin5{ margin:0 5px; }
.margin6{ margin:10px; }
.margin7{ margin-left:10px; }
.margin8{ margin-right:10px; }
.margin9{ margin:10px 0; }
.margin10{ margin:0 10px; }

.label_star{ font-style:italic; font-size:12px; }
.label_promo{ color:#cc0000; }

.price_old{ text-decoration: line-through; font-size:18px; color:#aa0000; font-weight:bold; }
.price_new{ font-size:18px; color:#aa0000; font-weight:bold; }

.space{ height:130px; }
.space2{ height:132px; }

.hide{ display:none; }
.view_detail{ float:right; margin:20px 0; }
.input{ width:160px; }
.button_submit{ cursor:pointer; border:none; height:30px; width:100px; background:url(../../images/fr/button_submit.png) no-repeat; }

#mask{ position: absolute; background:black; z-index:2; opacity:0.4; filter:alpha(opacity=40)  }

.error{ color:#aa0000; font-size:10px; }
#content .msg_error{ padding:10px 30px; color:#aa0000; background:url(../../images/warning.png) no-repeat 5px 8px;}
#content .msg_success{ padding:10px 30px; color:#00aa00; background:url(../../images/valide.png) no-repeat 5px 8px;}

.info{ font-style:italic; font-size:10px; }
.msg_info, #content .msg_info, #block_specifications .msg_info{ padding:10px 0 10px 20px; margin:10px 2px 10px 0; background:#eeeeee url(../../images/icons/icons_msg_info.gif) no-repeat 3px 10px; }
#content .msg_valide{ padding:10px 0 10px 30px; margin:10px 2px 10px 0; background:url(../../images/valide.png) no-repeat 0 7px; }

.hide{ display:none; visibility:hidden; }

#container{ width:775px; margin:0 auto; }
#container_in{
	background:url(../../images/body_content_ext.png) repeat-y 0 center;
}
	#header{ min-height:150px; height:auto!important; height:150px; position:relative; background:url(../../images/body_header.png) no-repeat 0 top; }
		
		#menu_top{ position:absolute; right:15px; height:32px; background:url(../../images/fr/top_m_ext.png) repeat-x; }
		#menu_top li{ float:left; list-style:none; }
		#menu_top a{ display:block; padding:5px 5px 0 0; }
		#menu_top span.desactive{ display:block; width:100%; height:20px; background:url(../../images/boule_r.gif) no-repeat right 4px; }
		#menu_top span.active{ display:block; }
		#menu_top .top_m_left{ display:block; width:12px; height:100%; background:url(../../images/fr/top_m_left.png) no-repeat;  }
		#menu_top .top_m_right{ display:block; width:11px; height:100%; background:url(../../images/fr/top_m_right.png) no-repeat;  }
		#menu_top .top_m_separator{ display:block; width:21px; height:100%; background:url(../../images/fr/top_m_separator.png) no-repeat;  }
		#menu_top #connexion{ width:113px; height:32px; background:url(../../images/fr/top_connexion.png) no-repeat; }
		#menu_top #deconnexion{ width:113px; height:32px; margin:0 0 0 15px; background:url(../../images/fr/top_deconnexion.png) no-repeat; }
		#menu_top #administration{ width:123px; height:32px; background:url(../../images/fr/top_compte.png) no-repeat; }
		
		
		#flags{ position:absolute; right:20px; top:10px;}
		#info_contact{ position:absolute; right:20px; top:40px; }
		#info_contact p, #info_contact a{ text-align:right; color:black; }
		#info_contact .block_phone{ padding:5px 30px 5px 0; background:url(../../images/divers/phone.png) no-repeat right; }
		#info_contact .block_phone b{ padding:2px 5px; background:#666666; color:#cccccc; }
		#info_contact .block_email{ padding:0 40px 5px 0; background:url(../../images/divers/email.png) no-repeat right; }
		
		#banner{ width:100%; height:94px; }
		#flash{ clear:left; padding:10px 0 0 0; }
	
	#content{ clear:left; padding:0 40px 0 36px; min-height:300px; height:auto!important; height:300px; relative; }
	#content p{ text-align:left; padding:5px 0; clear:left; }
	#content ul{ margin:10px 0 10px 20px; }
	#content li{ padding:0 0 5px 0; }
	#content label.error{ display:none; visibility:hidden; line-height:0px; position:absolute; line-width:0px; top:0;}
	#content .error{ color:#aa0000; border:1px #aa0000 solid; font-size:11px; }
	#content textarea.error{ color:#aa0000; border:1px #aa0000 solid; font-size:12px; }
	 
	/* Formulaire */
	#content label{ display:block; float:left; width:160px; }
	#content input{ float:none; }
	#content p{ line-height:auto; }
	#content textarea{ clear:left; display:block; width:300px; }

	#footer{ clear:left; text-align:center; padding:30px 0 20px 0; background:#e8e8e8 url(../../images/body_footer.png) no-repeat center top; }

	#menu{padding:0 30px; }
	#flash{padding:0 40px; }
	
#blocks h2, #blocks h3{ color:white; margin:0; }
#blocks h2{ background-image:none; background-color:transparent; padding:10px 0; text-transform:uppercase; }
#blocks textarea{ width:250px; }
#blocks{ color:#666666; padding-top:10px; }
#blocks p, #blocks h3{ text-align:center; }
#blocks h3{ font-size:12px; color:#a00606; text-decoration:underline; }
#blocks p{ font-style:italic; padding:2px 0; }
	
#block_1, #block_2, #block_3{ float:left; width:233px; }

.cadre_header{ height:15px; background:url(../../images/cadre_header.png) no-repeat; }
.cadre_content{ background:url(../../images/cadre_ext.png) repeat-y; }
.cadre_content_in{ min-height:320px; height:auto!important; height:320px; padding:5px 15px; background:url(../../images/cadre_content.png) no-repeat; }
.cadre_footer{ height:35px; background:url(../../images/cadre_footer.png) no-repeat; }

#block_2 .cadre_content_in{ background:url(../../images/cadre_content_b.png) no-repeat; }
#block_3 .cadre_content_in{ background:url(../../images/cadre_content_c.png) no-repeat; }

#block_4{ width:100%; }
.cadre_header_2{ height:15px; background:url(../../images/cadre_header_2.png) no-repeat; }
.cadre_content_2{ background:url(../../images/cadre_ext_2.png) repeat-y; }
.cadre_content_2_in{ min-height:159px; height:auto!important; height:159px; padding:5px 15px; background:url(../../images/cadre_content_2.png) no-repeat; }
.cadre_footer_2{ height:35px; background:url(../../images/cadre_footer_2.png) no-repeat; }

#block_6{ display:none; border:5px #CCCCCC solid; position:relative; }
#block_6 p{ padding:0; }
.cadre_header_6{ height:7px; background:url(../../images/cadre_header_6.png) no-repeat; font-size:7px; }
.cadre_content_6{ background:url(../../images/cadre_ext_6.png) repeat-y; }
.cadre_content_6_in{ min-height:159px; height:auto!important; height:159px; padding:5px 15px; background:url(../../images/cadre_content_6.png) no-repeat; }
.cadre_footer_6{ height:6px; background:url(../../images/cadre_footer_6.png) no-repeat; font-size:6px; }

#col_1, #col_2, #col_3{ width:200px; float:left; }

/* block solutions */
#block_5{ font-size:11px; color:#333333; }

#block_5 h2{ text-align:center; font-size:12px; padding:5px 0 5px 0; }
#block_5 p{ text-align:center; padding:0 0 5px 0; }
#block_5 .price{ color:#aa0000; font-weight:bold; font-size:18px; }

.cadre_header_5{ height:15px; background:url(../../images/cadre_header_5.png) no-repeat; }
#block_5{ background:url(../../images/cadre_ext_5.png) repeat-y; }
.cadre_content_5_in{ min-height:159px; height:auto!important; height:159px; padding:5px 15px; background:url(../../images/cadre_content_5.png) no-repeat; }
.cadre_footer_5{ clear:left; height:35px; background:url(../../images/cadre_footer_5.png) no-repeat; }

#block_solutions{  }
#block_solutions .col_1, #block_solutions .col_2,
#block_solutions .col_3, #block_solutions .col_4{ float:left; padding:0 5px; }

#block_solutions .col_1{ padding:0 5px 0 0; }
#block_solutions .col_4{ padding:0 0 0 5px; }

#block_solutions .col_1{ width:158px; }
#block_solutions .col_2{ width:160px; }
#block_solutions .col_3{ width:160px; }
#block_solutions .col_4{ width:158px; }

#blockContact p{ text-align:left; padding:0 0 5px 0; }
#blockContact label{ display:block; }

.a_col1, .a_col2{ width:50%; float:left; }
.b_col1, .b_col2, .b_col3{ width:33.33%; float:left;  }


/* login */
#block_login{ width:300px; margin:0 auto; border:3px #cccccc solid; padding:10px; background:#eeeeee; }
#block_login label{ width:100px; }


/* block faq */
#block_faq h3{ margin-bottom:0; cursor:pointer; }
#block_faq p{ padding-left:20px; background-color:#eeeeee; }

#googlead{
	padding:10px 40px 0 40px;
}

/*----------------------DEMO--------------------------*/
#demo .textstyle1{ text-align:center; }
.block_exemple{ position:relative; clear:left; }
.block_exemple .arrow_right{ 
	position:absolute; 
	top:160px; left:300px; height:60px; width:140px; 
	background:url(../../images/arrow_right.png) no-repeat;
}
.block_exemple .col1, .block_exemple .col2{ text-align:center; height:100%; float:left; width:50%; }