/* Stylesheet for Qarks.com July 2010
version 1.0 */

/*----------------------General--------------------------*/

body {
background: #fff url(images/fond_body.jpg) 0 0 repeat-x;
color: #202020;
font: normal 80% Verdana, Arial, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

body.home {
background: #fff url(images/fond_body_home.jpg) 0 0 repeat-x;
}


html, body, ol, ul, form, form p, fieldset, h1, h2, h3 {
margin: 0;
padding: 0;
}

fieldset, q, cite {
border: 0;
}

a img, form, input {
border: none;
}
	
input, button, select, img { 
vertical-align: middle;
}
	
li {
list-style:none;
}

dl {
margin:2em 0 0.75em;
}

dt {
font:bold 1.2em Arial, Helvetica, sans-serif;
margin:0.75em 0 0;
color:#565655;
}

dd {
margin:0.25em 0 0.25em 0;
}

table {
border-collapse:collapse;
}

blockquote, q {
quotes:none;
}
	
h2, h3, h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
color:#565655;
}

h2 {
font-size:1.2em;
}

h3 {
font-size: 1.1em;	
}

h4 {
font-size: 1em;
font-weight: bold;
}

p {
line-height: 1.3;
margin: .50em 0 .75em 0;
}

strong {
color:#565655;
}


/*-----------------------------Liens---------------------------- */
a {
color: #4987a0;
text-decoration:underline;
}

a:hover, a:focus, #content_soft .customers_box #bg_customers a:hover, #content_soft .customers_box #bg_customers a:focus {
color: #cc0303;
text-decoration:none;
}

.right {
text-align:right;
}

.fleft {
float: left;
}

.fright {
float: right;
margin:0 0 30px 30px;
}

.img_left {
float:left;
margin-bottom:10px;
padding:5px 0 0 7px;
}

.clear {
font-size: 1px;
line-height: 0.01;
display: block;
clear: both;
height: 1px;
margin: 0;
padding: 0;
}

.small {
font-size:11px;
}



/*---------------Layout----------------------*/

#header {
position:relative;
background:url(images/bg_header.jpg) 100% 0 no-repeat;
width:1089px;
height:138px;
margin:0 auto;
text-align:left;
z-index:10;
}


#header h1 {
padding-left:62px;
}

#header img {
border:none;
}

#header a#links {
position:absolute;
display:block;
top:5px;
right:280px;
text-align:center;
width:140px;
height:30px;
margin:0;
z-index:11;
}

#header a#links img {
margin:0;
padding-bottom:5px;
vertical-align:middle;
}

#header a#links {
color:#000;
font-size:85%;
text-decoration:none;
}

/*Menu principal*/

#menu {
float:left;
width:700px;
height:31px;
margin:12px 0 0 65px;
font-size:12px;
text-transform:uppercase;
position:relative;
z-index:15;
}

#menu li {
float:left;
background:url(images/fond_onglets.png) right top no-repeat;
margin:0 4px 0 0;
padding:0 4px 0 0;
list-style:none;
}

#menu li a {
background:url(images/fond_onglets.png) left top no-repeat;
/*display:block;*/
float:left;
height:31px;
line-height:31px;
margin:0;
padding: 0 13px 0 18px;
color:#202020;
text-decoration:none;
}

/*hover and actif*/
#menu li:hover {
background:url(images/fond_onglets.png) right -31px no-repeat;
text-decoration:none;
}

#menu li:hover a {
background:url(images/fond_onglets.png) left -31px no-repeat;
}


#menu #actif {
background:url(images/fond_onglets.png) right -62px no-repeat;
}

#menu #actif a {
background:url(images/fond_onglets.png) left -62px no-repeat;
color:#fff;
}



	
/*sousmenu deroulant*/

	 
 	#menu li ul.liste {
	position: absolute;
	left:-999em;
	top:31px;
	background:none;
	background: url(images/bg_submenu.png) 0 100% no-repeat;
	width:196px;
	z-index:100;
	text-transform:none;
	padding-top:3px;
	}
	
	#menu li ul.liste li, #menu li#actif ul.liste li {
	background:none;
	float:none;
	margin:0 5px 0 4px;
	padding:0;
	}
	
	
	#menu li ul.liste a {
	line-height:normal;
	text-align:left;
	display: block;
	padding: 0 0 0 10px;
	background:none;
	background:url(images/submenu_sep.gif) 0 bottom repeat-x;
	font:normal 110% Verdana, Arial, Helvetica, sans-serif;
	height:1.9em;
	line-height:1.9em;
	width:169px;
	color:#202020;
	}
	
	#menu li#actif ul.liste a {
	background:none;
	background:url(images/submenu_sep.gif) 0 bottom repeat-x;
	}
	
	#menu li ul.liste a.last, #menu li#actif ul.liste a.last {
	background:none;
	margin-bottom:20px;
	}

	
	#menu li:hover ul.liste, #menu li.sfhover ul.liste {
	left: auto;
	}
	
	#menu li#actif ul.liste a {
	color:#202020;
	}
	
	#menu ul.liste a:hover, #menu li ul.liste a.last:hover, #menu li#actif ul.liste a:hover, #menu li#actif ul.liste a.last:hover {
	background:#c30202 url(images/bg_submenu_hover.png) 0 0 repeat-x;
	color:#fff;
	}


/*----------content home page-----------------*/

#main {
position:relative;
clear:both;
width:976px;
margin: 0 auto;
padding-bottom:40px;
text-align: left;
min-height:700px;
z-index:8;
}

.bg_home {
background:url(images/bg_main_home.jpg) 0 0 no-repeat;
height:193px;
}

.bg_main {
background:url(images/bg_main_page.jpg) 0 1px no-repeat; 
}

#forum {
padding:30px 0 0;
}

#home_head {
width:100%;
clear:both;
}

#home_head #description {
float:right;
width:431px;
height:156px;
padding:28px 16px 0 0;
}

#home_head #description h2 {
font-size:130%;
}

#home_head #software {
float:left;
margin:37px 0 0 200px;
width:233px;
height:95px;
list-style:none;
}

#home_head #software li {
background:url(images/puce_home.png) 0 3px no-repeat;
padding:0 0 7px 14px;
color:#fff;
font-size:12px;
}

/*link pub softweare*/
a#link_pub {
display:block;
position:absolute;
top:134px;
left:332px;
width:147px;
height:27px;
}

/*box products description*/

#home_products {
clear:both;
}

#products_qarks {
float:left;
width:597px;
margin-top:20px;
}

#box_products {
background:url(images/box_products.png) 0 100% no-repeat;
margin-bottom:50px;
padding-bottom:16px;
}

#box_products h2 {
background:url(images/box_products.png) 0 0 no-repeat;
color:#fff;
padding:10px 0 20px 120px;
height:28px;
font-size:15px;
}

#box_products .software {
clear:both;
margin-bottom:25px;
position:relative;
}

#box_products .software span.shadow {
background:url(images/shadow.png) 0 0 no-repeat;
height:5px;
width:107px;
position:absolute;
top:89px;
left:30px;
z-index:5;
}

#box_products .software .logo_product {
float:left;
margin:2px 0 6px 20px;
background-color:#fff;
width:120px;
height:81px;
border:2px solid #000;
padding:1px;
}

#box_products .software .texte {
margin-left:170px;
text-align:left;
padding:0 15px 0 0;
}

/*columns right (news+testimonials)*/

#sidebar_right {
float:right;
width:348px;
margin-top:10px;
}

.sidebar_box {
background:url(images/sidebar_box.png) 0 100% no-repeat;
margin-bottom:5px;
padding-bottom:10px;
}

.sidebar_box h2.box_news, .sidebar_box h2.box_testimonials {
background:url(images/box_news.png) 0 0 no-repeat;
padding:27px 0 0 21px;
height:30px;
font-size:15px;
}

.sidebar_box h2.box_testimonials {
background-image:url(images/box_testimonials.png);
padding-top:20px;
height:44px;
}
.sidebar_box q {
background:url(images/ico_quote_left.png) 9px 0 no-repeat;
display:block;
margin:0;
padding:0 15px 5px 26px;
font-style:italic;
}


.sidebar_box .news {
/*overflow:hidden;*/
margin-bottom:10px;
padding:0 15px;
}

.sidebar_box .news p.date {
float:left;
display:inline;
font-size:85%;
margin:0;
}

.sidebar_box .news p.content_news {
/*width:210px;*/
text-align:left;
margin:0 0 0 100px;
}

.sidebar_box cite {
margin-right:15px;
margin-bottom:10px;
text-align:right;
font-style:normal;
display:block;
}

/*--------------page Products general------------------*/

#column_left, #column_left_content, #column_customers {
float:left;
width:715px;
padding:0 0 0 25px;
}

#column_customers {
width:100%;
padding-left:22px;
}


#column_left_content {
width:720px;

}

#products {
width:100%;
margin:20px 0 0;
}

#products .software_descrip {/*mettre + tard avec products*/
clear:both;
margin-bottom:30px;
position:relative;
}

#products .software_descrip span.shadow {
background:url(images/shadow.png) 0 0 no-repeat;
height:5px;
width:107px;
position:absolute;
top:89px;
left:30px;
z-index:5;
}

#products .software_descrip .logo_product {
float:left;
margin:2px 0 6px 20px;
background-color:#fff;
width:120px;
height:81px;
border:2px solid #000;
padding:1px;
}

#products .software_descrip .texte {
margin-left:170px;
text-align:left;
padding:0 15px 0 0;
}

#products .software_descrip .texte h3 a {
text-decoration:none;
}

/*support software*/

#nav {
float:left;
width:189px;
padding-top:50px;
}

#nav #nav_products {
background:url(images/box_nav.png) 0 100% no-repeat;
margin:0 0 20px;
padding-bottom:10px;
text-align:center;
}

#nav #nav_products h2 {
background:url(images/box_nav.png) 0 0 no-repeat;
padding:7px 0 10px;
color:#fff;
font-size:15px;
}

#nav #nav_products li {
list-style:none;
}

#nav #nav_products li a {
background:url(images/submenu_sep.gif) 0 bottom repeat-x;
display:block;
margin:0 10px;
width:167px;
height:1.9em;
line-height:1.9em;
color:#202020;
text-decoration:none;

}

#nav #nav_products li a.last {
background:none;
}

#nav #nav_products li a:hover {
/*background:#c30202 url(images/bg_submenu_hover.png) 0 0 repeat-x;*/
color:#ce0101;
}

#nav #nav_products #current a {
color:#ce0101;
font-weight:bold;
}

#nav #nav_products #current a:hover {
/*color:#fff;
font-weight:bold;*/
}

/*client login*/

#login {
background:url(images/login_client.png) 0 0 no-repeat;
width:189px;
height:177px;
padding-top:39px;
}

#login form {
width:165px;
margin:0 auto;
}

#login label, #login #forgot {
font-size:11px;
}

#login label {
padding-left:2px;
}

#login .login_email, #login .login_password {
background:url(images/login_input.png) 0 0 no-repeat;
width:161px;
height:22px;
padding:2px 0 0 4px;
}

#login .login_submit {
margin:7px 0 8px 40px;
}

#login #forgot {
text-align:center;
margin:0;
}

#login #forgot a {
color: #202020;
}


/*column right*/
#content {
float:right;
width:500px;
margin:40px 0 40px;
text-align:justify;
}

#content_soft {
margin:40px 0 40px;
text-align:justify;
}

#content h2, #content h3, #content_soft h2, #content_soft h3 {
margin: 1em 0 .4em 0;
}


#content_soft h2.name_soft, #content_soft .download h2.soft {
margin:0 0 0 120px;
padding-top:15px;
}

#content_soft h2.name_soft span, #content_soft .download h2.soft span {
font-size:16px;
color:#ce0101;
}

#content h3, #content_soft h3 {
margin-top:15px;
}

#content ul, #content_soft ul {
margin:8px 0 20px;
}

#content li, #content_soft li {
background:url(images/puce_png.gif) 0 4px no-repeat;
margin-bottom:5px;
padding-left:10px;
list-style:none;
}

#content .support_link {
margin:10px 0 0 10px;
}

#content .support_link li {
background:url(images/logo_outils_small.png) 0 0 no-repeat;
margin-bottom:10px;
padding-left:30px;
height:25px;
line-height:25px;
list-style:none;
}

/*tutoriels*/

#content #tutorials {
margin:50px 0;
width:100%;
}

#content #tutorials td {
background:#f9f8f8 url(images/bg_gradient.png) 0 0 repeat-x;
border-bottom:1px solid #CCC;
padding:2px 0 2px 4px;
}

#content #tutorials td.title_tutorial {
width:370px;
}

#content #tutorials td.watch {
text-align:right;
padding-right:2px;
}


/*customers area*/

#content_soft .customers_box {
background:url(images/box_customer.jpg) 0 100% no-repeat;
padding-bottom:23px;
width:935px;
}

#content_soft .customers_box_topic {
background:url(images/box_customer_topic.jpg) 0 100% no-repeat;
width:719px;
padding-bottom:23px;
}

#content_soft .customers_box ul#menu_customer, #content_soft .customers_box_topic h2.subject_topic {
background:url(images/box_customer.jpg) 0 0 no-repeat;
margin:0;
padding:14px 0 10px 17px;
}

#content_soft .customers_box_topic h2.subject_topic {
background-image:url(images/box_customer_topic.jpg);
}

#content_soft .customers_box_topic h2.subject_topic {
text-align:center;
}

#content_soft .customers_box li {
display:inline;
background:url(images/puce_blue.gif) 0 4px no-repeat;
padding:0 20px 0 10px;
margin:0;
}

#content_soft .customers_box li a, #content_soft .customers_box_topic h2.subject {
/*color:#535252;*/
font:bold 120% Arial, Helvetica, sans-serif;
text-decoration:none;
}

#content_soft .customers_box li a:hover, #content_soft .customers_box_topic li a:hover {
text-decoration:underline;
color: #4987a0;
}

#content_soft .customers_box #on a, #content_soft .customers_box h2.subject span {
color:#CE0101;
}

#content_soft .customers_box h2.subject {
margin:10px 0 10px 17px;
}

#content_soft .customers_box form, #content_soft .customers_box_topic form {
margin-left:17px;
}

#content_soft .customers_box #bg_customers, #content_soft .customers_box_topic #bg_customers {
background: #477b90 url(images/bg_customer.jpg) 0 100% no-repeat;
width:908px;
margin:0 auto;
}

#content_soft .customers_box #bg_customers a, #content_soft .customers_box_topic #bg_customers a {
color:#3f748a;
}



/*table download*/

#content_soft .download p.licencing {
margin:0 35px 10px 35px;
}

#content_soft .download, #content_soft .download h2.soft {
background:url(images/bg_download.jpg) 0 100% no-repeat;
margin:20px 0;
}

#content_soft .download h2.soft {
background-position:0 0;
margin:0;
padding:20px 40px 20px;
}

#content_soft .download h2.soft span {
font-size:15px;
}

#content_soft .download table, #content_soft .customers_box #bg_customers table {
margin:0 auto 10px;
width:90%;
text-align:left;
}
#content_soft .customers_box #bg_customers table {
width:100%;
margin-bottom:7px;
}

#content_soft .download table th, #content_soft .customers_box #bg_customers table th {
padding:5px 4px;
color:#fff;
font-weight:normal;
white-space:nowrap;
}

#content_soft .customers_box #bg_customers table th {
padding:6px 4px;
}

#content_soft .download table td, #content_soft .customers_box #bg_customers table td {
padding:4px;
background:#eee url(images/submenu_sep.gif) 0 100% repeat-x; 
}
#content_soft .customers_box #bg_customers table td {
background-color : #e5e5e5;
}

#content_soft .download table tr.head, #content_soft .customers_box #bg_customers tr.head {
background:#749bab url(images/bg_middle.png) 0 0 repeat-x;
}
#content_soft .customers_box #bg_customers tr.head {
background: #386475 url(images/bg_th_customers.png) 0 0 repeat-x;
}

#content_soft .download table th.bg_left {
background:#749bab url(images/bg_thead.jpg) 0 0 no-repeat;
}

#content_soft .download table th.bg_right {
background:#749bab url(images/bg_thead.jpg) 100% 0 no-repeat;
}

#content_soft .customers_box #bg_customers th.bg_left, #content_soft .customers_box #bg_customers th.bg_right {
background:url(images/bg_customer.jpg) 0 0 no-repeat;
}

#content_soft .customers_box #bg_customers th.bg_right {
background-position:100% 0;
}


#content_soft .download .more_infos {
margin:0;
padding:0 35px 20px;
}

#content_soft .download table a.downl {
text-decoration:none;
}

#content_soft .download table a.downl img {
vertical-align:top;
}




/*column right*/

#sidebar_links {
float:right;
width:188px;
margin:70px 20px 0 0;
}

#sidebar_links .download {
text-align:center;
margin-bottom:10px;
}

#sidebar_links .box_sidebar_links {
background:url(images/box_sidebar.png) 0 100% no-repeat;
margin-bottom:10px;
padding-bottom:16px;
}

#sidebar_links .box_sidebar_links h2 {
background:url(images/box_sidebar.png) 0 0 no-repeat;
color:#fff;
font-size:15px;
}

#sidebar_links .box_sidebar_links h2.contact {
padding:6px 0 8px;
text-align:center;
}

#sidebar_links .box_sidebar_links h2.infos {
background:url(images/box_sidebar_top.png) 0 0 no-repeat;
padding-top:5px;
}

#sidebar_links .box_sidebar_links h3 {
width:174px;
margin:0 7px;
padding-bottom:4px;
background:url(images/submenu_sep.gif) 0 100% repeat-x;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}

#sidebar_links .box_sidebar_links p.support, #sidebar_links .box_sidebar_links p.info_company {
padding:0 5px;
text-align:center;
}

#sidebar_links .box_sidebar_links p.infos_software {
padding:0 7px 5px;
font-size:85%;
}

#sidebar_links .box_sidebar_links p.infos_support {
margin-left:50px;
padding:0 7px;
font-size:85%;
}


/*--------------------contact-----------*/

#contact {
background:url(images/logo_contact.png) 500px 0 no-repeat;
margin:30px 20px 50px 40px;
}

#topic {
margin:20px;
}

#contact p, #topic p {
margin:0 0 10px;
}

#contact p.required {
margin-bottom:20px;
}

#contact label, #topic label {
float:left;
margin:2px 10px 0 0;
width:200px;
text-align:right;
vertical-align:top;
}

#topic label {
width:180px;
}

#contact span {
color:#cc0303;
font-weight:bold;
}

#contact input, #contact select, #contact textarea, #topic input, #topic select, #topic textarea {
background:#f8f8f8 url(images/field_bg_top.gif) left top repeat-x;
border:1px solid #d6d6d6;
padding:3px;
width:250px;
font-family:inherit;
font-size:12px;
}

#contact select {
width:258px;
}

#topic input {
width:350px;
}

#contact textarea, #topic textarea {
width:350px;
height:140px;
}

#topic input.checkbox {
width:auto;
margin-left:190px;
}

#contact input:hover, #contact select:hover, #contact textarea:hover, #topic input:hover, #topic textarea:hover {
background: #f8f8f8 url(images/field_bg_bottom.gif) left top repeat-x;
border-color:#c8c7c7;
}

#contact #submit, #topic #submit {
text-align:center;
margin-top:15px;
}

#content_soft .customers_box form #new_topic {
margin:0 0 5px;
}

#contact #submit input, #content_soft .customers_box form #new_topic input, #topic #submit input {
background:url(images/btn_send.png) left top no-repeat;
color:#fff;
cursor:pointer;
height:30px;
padding-bottom:6px;
width:105px;
font-size:15px;
border:none;
vertical-align:top;
}

#content_soft .customers_box form #new_topic input {
background:url(images/input_button.png) left top no-repeat;
width:123px;
height:29px;
padding:0 0 3px;
font-size:14px;
}

#topic #submit input {
font-size:14px;
}

/*--------------------websupport-----------*/

#websupport p {
margin:0 0 10px;
}

#websupport p.required {
margin-bottom:20px;
}

#websupport label {
	float:left;
	margin:2px 10px 0 0;
	width:100px;
	text-align:right;
	vertical-align:top;
	font-size: 14px;
}

#websupport span {
color:#cc0303;
font-weight:bold;
}

#websupport checkbox {
text-align:center;
width:20px;
margin-top:15px;
}

#websupport input, #websupport select, #websupport textarea {
background:#f8f8f8 url(images/field_bg_top.gif) left top repeat-x;
border:1px solid #d6d6d6;
padding:3px;
font-family:inherit;
font-size:14px;
}

#websupport select {
width:258px;
}

#websupport textarea {
width:400px;
height:140px;
}

#websupport input:hover, #websupport select:hover, #websupport textarea:hover {
background: #f8f8f8 url(images/field_bg_bottom.gif) left top repeat-x;
border-color:#c8c7c7;
}

#websupport #submit {
text-align:center;
width:150px;
margin-top:15px;
}

#websupport #submit input {
background:url(images/btn_send.png) left top no-repeat;
color:#fff;
cursor:pointer;
height:30px;
padding-bottom:6px;
width:105px;
font-size:15px;
border:none;
vertical-align:top;
}

/*error msg*/

#error_msg {
margin:20px 0;
padding:0 190px 0 210px;
}

#error_msg, #error_msg_login, #error_msg_news {
color:#cc0303;
}

#error_msg_login {
font-size:11px;
text-align:center;
}

#error_msg_news, #email_send {
margin-bottom:10px;
text-align:center;
}

#contact .error, #contact .error:hover, #contact .error:focus {
border: 1px solid #cc0303;
}

/*msg_send_ok*/

#msg_send {
background:url(images/logo_send_ok.png) 50% 0 no-repeat;
height:300px;
text-align:center;
padding-top:60px;
margin:100px 0;
}

#email_send, #msg_send {
font:bold 120% Arial, Helvetica, sans-serif;
text-align:center;
}




/*----------newsletter+pub--------------*/

#newsletter {
background:#f6f6f6 url(images/bg_newsletter.gif) 0 0 repeat-x;
clear:both;
padding:5px 0 4px;
}

#newsletter_inside {
width:976px;
margin:0 auto;
}

#newsletter_inside #newsl_subscribe_home {
float:right;
}

#newsletter_inside #newsl_subscribe {
text-align:center;
margin:10px 0;
}

#newsletter_inside #newsl_subscribe_home .news_email, #newsletter_inside #newsl_subscribe .news_email {
background:url(images/newsletter_input.png) 0 0 no-repeat;
width:162px;
height:26px;
padding:6px 5px 0;
}


#newsletter_inside .pub {
width:300px;
padding-left:10px;
line-height:1.2;
}

/*------------footer----------*/

#footer {
background:#454545 url(images/bg_footer.jpg) 50% 0 no-repeat;
height:43px;
padding:20px 0;
clear:both;
}

#footer_inside {
position:relative;
width:976px;
margin:0 auto;
}

#footer_inside ul {
text-align:center;
text-transform:uppercase;
color:#d1d4d3;
margin-bottom:10px;

}

#footer_inside ul.copyright {
text-transform:none;
font-size:85%;
}

#footer_inside .copyright_qarks {
position:absolute;
width:220px;
height:30px;
top:18px;
left:7px;
color:#848484;
}

#footer_inside li {
display:inline;
margin-right:5px;
list-style:none;
}

#footer_inside a, #footer_inside a:hover, #footer_inside a:focus {
color:#d1d4d3;
background:url(images/sep_menu_footer.gif) 100% 50% no-repeat;
padding-right:10px;
text-decoration:none;
}

#footer_inside a.last {
background:none;
}

#footer_inside a:hover, #footer_inside a:focus {
text-decoration:underline;
}