.printonly {
	display: none;
}

.screenonly {
	display: block;
}


/* --------------------------------------
	
	=css reset
	
-------------------------------------- */
:link,:visited {text-decoration: none;}
ul{list-style: none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
a img,:link img,:visited img {border: none;}

/* --------------------------------------
	
	=layout, structure
	
-------------------------------------- */

body, html {
	height: 100%;
}

body { 
	background: #fff url(../img/bg-body.jpg) repeat-x; 
	color: #464646; 
	font: normal small Arial, Helvetica, sans-serif;
}

/*
#wrapper {
	background: url(../img/bg-container-y.jpg) repeat-y;
	_height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding-bottom: 2em;
	width: 1028px;
}

#top-wrap {
	background: url(../img/bg-container.jpg) no-repeat;
	height: 100%;
	padding: 0 45px;
	width: 938px;
}
*/
#wrapper {
	background: url(../img/bg-container-y.jpg) repeat-y;
	_height: 100%;
	min-height: 100%;
	margin: 0 auto;
	padding-bottom: 2em;
	width: 990px;
}

 #top-wrap {
	background: url(../img/bg-container.jpg) no-repeat;
	height: 100%;
	padding: 0 26px;
	width: 938px;
}

.inner {
	padding: 0 5px;
}

#masthead {
	float: left;
	/* padding: 6px 15px 0 12px; */
	width: 938px;
	
}
#navbar {
	background: url(../img/bg-navbar.gif) repeat-x 0 100%;
	clear: both;
	float: left;
	padding-bottom: 16px;
}


#main-body {
	float: left;
	padding-bottom: 2em;
	width: 938px;
}

/* Gestion de la grandeur des colonnes du contenu principal en fonction de la page dans laquelle on se trouve */
body.default #content {
	float: left;
	padding-left: 6px;
	width: 670px;
}

body.default #sidebar {
	float: right;
	padding-right: 9px;
	width: 244px;
}

/* Une seule colonne, donc pas de #sidebar (ex: page 404.html) */
body.single-col #content {
	padding-left: 5px;
}
/* --------------------------------------
	
	=headers
	
-------------------------------------- */
h1#logo {
	display: inline;
	float: left;
	height: 87px;
	margin: 0 10px 0 12px;
	text-indent: -9999px;
	width: 189px;
	
}

h1#logo a {
	background: url(../img/logo.gif) no-repeat;
	display: block;
	height: 87px;
	overflow:hidden;
}

p#catch-phrase {
	display: block;
	float: left;
	height: 28px;
	margin: 40px 0 0 0;
	text-indent: -9999px;
	width: 109px;
}
body.home p#catch-phrase { margin-right: 247px; }

body.default p#catch-phrase { margin-right: 142px;}

#content h2 {
	background: url(../img/bg-h2.gif) no-repeat;
	color: #fff;
	font-size: 130%;
	font-weight: bold;
	height: 32px;
	line-height: 32px;
	padding-left: 16px;
	position: relative;
	text-transform: uppercase;
}

#content h2 span {
	position: absolute;
	right: 10px;
	top: 0;
}

#content h3 {
	font-size: 120%;
	text-transform: uppercase;
	padding-bottom: 8px;
}

body.default #content h3 {
	/*border-left: 2px solid #d4d4d4;*/
	margin: 5px 0;
	padding-left: 3px;
}

body.default #sidebar h3 {
	background: #f9f9f9;
	border-top: 3px solid #be0d0d;
	font-size: 120%;
	line-height: 140%;
	margin-bottom: 12px;
	text-align: center;
	text-transform: uppercase;
	color:#990000;
}
/* --------------------------------------
	
	=nav
	
-------------------------------------- */
ul#mainNav {
	background: url(../img/bg-mainNav.gif) repeat-x;
	float: left;
	margin: 0;
	padding-left: 6px;
	width: 932px;
}

ul#mainNav li {	float: left; }

ul#mainNav li.first a:link, ul#mainNav li.first a:visited {
	background: none;
}

ul#mainNav li a:link, ul#mainNav li a:visited {
	background: url(../img/nav-separator.gif) no-repeat 0 50%;
	border-top: 3px solid #fff;
	color: #960707;
	display: block;
	float: left;
	font-size: 90%;
	font-weight: bold;
	padding: 0.6em 1.4em;
	text-transform: uppercase;
}

.activeSection {
	background: url(../img/bg-tab-hover.gif) transparent left bottom repeat-x;
	border-top: 3px solid #be0d0d;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 90%;
	font-weight: bold;
	padding: 0.6em 1.4em;
	text-transform: uppercase;
	cursor:pointer;
}

ul#mainNav li a:hover, ul#mainNav li a:active, ul#mainNav li.first a:hover, ul#mainNav li.first a:active,
body#accueil ul#mainNav li#nav-home a,
body#services ul#mainNav li#nav-services a,
body#freetry ul#mainNav li#nav-freetry a,
body#info ul#mainNav li#nav-info a,
body#about ul#mainNav li#nav-about a,
body#partners ul#mainNav li#nav-partners a,
body#assistance ul#mainNav li#nav-assistance a,
body#customers ul#mainNav li#nav-customers a,
body#contact ul#mainNav li#nav-contact a

{
	background: url(../img/bg-tab-hover.gif) repeat-x;
	border-top: 3px solid #be0d0d;
	color: #fff;
		
}


div#subNav {
	background: url(../img/bg-subNav.gif) repeat-x;
	clear: both;
	float: left;
	margin: 0;
	padding-left: 10px;
	width: 928px;
	height:24px;
}

div#subNav ul {
	float: left;
	margin: 0;

	/*display:none;*/
}

div#subNav ul li {	
	float: left;
	padding: 0.3em 0.6em;
}

div#subNav ul li a {
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
}

div#subNav ul li a:hover {
	text-decoration: underline;
}

.activesubnav{
	color: #fff;
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: underline;
}
/* --------------------------------------
	
	=basic text style
	
-------------------------------------- */
dl,ul,ol,h1,h2,h3,h4,h5,h6,pre,p,blockquote,table,img { margin-bottom: 1.0em; }

div.box-content img {
	float: left;
	margin: 0 10px 7px 0;
}

div.box-content p { margin: 0 0 1em 6px; }

#sidebar p {
	/*font-size: 11px;*/
	/*line-height: 1.5em;*/
	text-align: left;
}
#sidebar blockquote.first { 
	border: none; 
	padding: 0;	
}
#sidebar blockquote {
	border-top: 1px solid #999;
	font-size: 11px;
	line-height: 1.5em;
	text-align: justify;
	padding-top: 15px;
}

#sidebar blockquote p {
	/* font-size: 90%; */
	text-align: justify;
}
#sidebar blockquote p.quote-author {
	color: #c51515;
	/* font-size: 90%; */
	margin: 5px 0 15px 0;
	text-align: right;
}
#sidebar blockquote p strong { font-weight: bold;}

p#footer {
	background: #f2f2f2;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	clear: both;
	color: #666;
	font-size: 90%;
	line-height: 200%;
	margin-top: 2em;
	text-align: center;
}

/* --------------------------------------
	
	=links
	
-------------------------------------- */

a:link {
	color: #999;
}
a:visited {
	color: #666;
}
a:hover, a:active {
	color: #be0d0d;
}


p#lang { margin: 0.4em 15px 0.4em 0; text-align: right; }
p#lang a {
	color: #565555;
	font-size: 100%;
	font-weight: bold;
	text-transform: uppercase;
}

a#btn-infos {
	display: block;
	float: left;
	height: 75px;
	margin-right: 7px;
	text-indent: -9999px;
	overflow: none;
	width: 195px;
	overflow:hidden;
}
a#btn-infos.no-direct {
	background: url(../img/fr_FR/btn-infos.jpg) no-repeat;
}

a#btn-access {
	background: url(../img/box-access.gif) no-repeat;
	color: #565555;
	display: block;
	float: right;
	clear: right;
	font-size: 11px;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	margin-right: 15px;
	padding-left: 8px;
	text-transform: uppercase;
	width: 146px;
	white-space: nowrap;
}

a#btn-access:hover {
	color: #be0d0d;
}

a#btn-tryout {
	display: block;
	float: left;
	height: 75px;
	margin: 0 6px 0 0;
	text-indent: -9999px;
	width: 99px;
	overflow:hidden;
}

a#btn-got-question, a#btn-buy-now {	
	display: block;
	height: 65px;
	margin-bottom: 20px;
	text-indent: -9999px;
	width: 244px;
	overflow:hidden;
}

/* --------------------------------------
	
	=panel
	
-------------------------------------- */

div.box-content {
	background: #f9f9f9;
	border-top: 3px solid #c51515;
	clear: both;
	color: #6e6e6e;
	margin-bottom: 10px;
	padding: 0 13px 10px 4px;
}

div.first {
	margin-bottom: 25px;
}



#sidebar div {
	background: #e0dfdf;
	height: 1%; /* FIX IE6 */
	margin-bottom: 20px;
	padding: 0 7px 1em 7px;
}





div.clear {clear:both; line-height:0.0; height:0; padding:0; margin:0;}


/* self-clearing floats*/
#whatever-goes-here:after
{
	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
}




/* --------------------------------------
	
	=form
	
-------------------------------------- */

form#search {
	background: url(../img/box-search.gif) no-repeat;
	display: inline;
	float: right;
	height: 45px;
	margin: 0 15px 5px 0;
	position: relative;
	width: 154px;
}

form#search label {
	color: #565555;
	display: block;
	font-size: 11px;
	font-weight: bold;
	margin: 4px 0 3px 7px;
	text-transform: uppercase;

}

form#search input#recherche {
	border: none;
	border-top: 1px solid #dfdcdc;
	border-left: 1px solid #dfdcdc;
	border-right: 1px solid #f9f8f8;
	border-bottom: 1px solid #f9f8f8;
	height: 15px;
	margin: 0 0 0 7px;
	width: 113px;
}

form#search input#input-submit {
	background: #000 url(../img/btn-search-go.gif) no-repeat 50% 50%;
	display: block;
	
	height: 30px;
	
	position: absolute;
	right: 1px;
	text-indent: -9999px;
	top: 9px;
	width: 20px;
}

form#clients label {
	color: #3b3b3b;
	display: block;
	float: left;
	font-size: 90%;
	font-weight: bold;
	padding-left: 4px;
	text-transform: uppercase;
	width: 260px;
	
}

form#clients input {
	border: 1px solid #a1a1a1;
	height: 17px;
	position: absolute;
	right: 10px;
	top: 5px;
	width: 310px;
}

.subsForm {
	border: 1px solid #a1a1a1;
	width: 100%;
}

.subsLabel {
	color: #3b3b3b;
	display: block;
	font-size: 90%;
	padding-left: 4px;
	padding-right: 10px;
	text-align: right;
}
.subsTable {
	border-collapse: collapse;
}

.subsTable tr{
}

.subsTable td {
	padding-bottom: 6px;
	padding-right: 2px;
	width:390px;
}

ul.form-list {
	margin-top: 15px;
}

ul.form-list li {
	background: url(../img/bg-form.jpg) repeat-x;
	border-left: 4px solid #8e0b0b;
	
	height: 30px;
	line-height: 30px;
	margin: 0 0 3px 60px;
	position: relative;
	clear: left;
}

.required {
	font-size: 14px;
	font-weight:bolder;
	color: #8E0B0B;
	
}

.subsSubmit {
	border: none;
	background: url(../img/box-access.gif) no-repeat;
	color: #565555;
	display: block;
	font-size: 11px;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	padding-left: 8px;
	text-transform: uppercase;
	width: 160px;
	white-space: nowrap;
	text-align: left;
	cursor: pointer;
}

.subsSubmit:hover {
	color: #be0d0d;
}

.success {
	font-size:120%;
	border: 2px solid green;
	padding:10px;
	margin:20px;
}

.error {
	font-size:120%;
	border: 2px solid #8E0B0B;
	padding:10px;
	margin:20px;
}

#bx_custom_dialog {display:none;}
#bx_custom_dialog #cd_overlay { position:absolute; width:100%; height:100%; background:#000000; display:block; z-index:990;}


.hide { display:none; }



#cs_bx_close { position:absolute; top:5px; right:5px; z-index:999; cursor:pointer; display:block }

#cs_bx_close a { color:#ffffff; }
#cs_bx_close a:link { color:#ffffff; }
#cs_bx_close a:visited { color:#ffffff; }
#cs_bx_close a:active { color:#ffffff; }

#cs_bx_close a:hover { color:#ffffff; font-weight:bold; text-decoration:underline; }

#cs_template_content_body { max-height:430px; overflow:auto; }

#cs_template_content_body .body_content { padding:15px; }

#custom_dialog h2 { margin:0px; padding:0px; background: url(../img/bg-h2.gif) no-repeat; color: #fff; font-size: 130%; font-weight: bold; height: 32px; line-height: 32px; padding-left: 16px; position: relative; text-transform: uppercase; }

#custom_dialog ol {padding-left:20px;}