@charset "utf-8";
/* --general --*/
body {
font-size:12px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
background-color:#080808;
}
a {color: #AE2647; text-decoration: underline;}
img {border:none;}
.clearer {clear: both; font-size: 1px;  line-height: 1px;  height: 1px;}
.right {	float:right;}
.left {float:left;}
.center {text-align:center;}
strong, b, .active {font-weight:bold;}
ul, ol, li {list-style:none;}
input {padding:0; margin:0;}

/*--headings--*/
h1, h2, h3 {color:#00b6e6; margin:0;}
h1 {font-size: 26px; line-height: 40px; font-weight:bold; padding:20px 0 10px 0;}
h2 {font-size: 20px; font-weight:normal; padding:20px 0 10px 0;}
h3 {font-size: 18px; font-weight:bold; padding:9px 0 18px 0;}
#blueBox h1, #blueBoxHelp h1 {color:#fff;}
#blog h1 {padding-top:10px; line-height: 30px;}

#wrap {width:950px; margin:auto; text-align: left;}
/*--header--*/


/*--newsletter--*/
.title_newsletter {color:#e8e8e8; font-weight:normal; font-size:14px;}
.input_newsletter { border:solid 1px #e8e8e8; background-color:#222222; color:#e8e8e8;}
.validate_newsletter{  border:solid 1px #333333; background-color:#222222; color:#AE2647;}

/*--newsletter--*/
.title_video {color:#e8e8e8; font-weight:normal; font-size:12;}
.liens_videos{color:#AE2647; font-weight:normal; font-size:12;}

/*--revendeurs--*/
.title_revendeursr {color:#e8e8e8; font-weight:normal;}
.input_revendeurs { border:solid 1px #e8e8e8; background-color:#080808; color:#e8e8e8; width:80px}
.validate_newsletter{  border:solid 1px #333333; background-color:#222222; color:#AE2647;}

/*--blueBox--*/
#blueBox .sideL, #blueBox .sideR, #blueBox .topL, #blueBox .topR, #blueBox .botR {width:510px;}
	.sideL {background:url('../images/blueBox-ver-bg.gif') repeat-y left;}
	.sideR {background:url('../images/blueBox-ver-bg.gif') repeat-y right #00b6e6;}
	.topL {background:url('../images/blueBox-top-corners.gif') no-repeat top left;}
	.topR {background:url('../images/blueBox-top-corners.gif') no-repeat top right #00b6e6;}
	.botL {background:url('../images/blueBox-bot-corners.gif') no-repeat bottom left;}
	.botR {background:url('../images/blueBox-bot-corners.gif') no-repeat bottom right;}
	.topBG {
		background:url('../images/blueBox-top-bg.gif') repeat-x top #00b6e6; 
		height:16px;
		margin:0 16px 0 16px;
		}
#blueBox .content {
	height:280px;
	margin:0 16px 0 16px;
	padding:1px 18px 19px 18px;
    color: #082940;
	background:url('../images/blueBox-verBot-bg.gif') repeat-x bottom #00b6e6;
}
#blueBox .content img {
	margin:30px 0 3px 0;
}	
#blueBox .flag {
	background:url('../images/new.gif') no-repeat right top;
	width:510px;
	height:81px;
	float:right;
	position:absolute;
	z-index:2;
}
#blueBoxBanner {
	margin:4px 0 20px 0;
}
#blueBoxHelp .sideL, #blueBoxHelp .sideR, #blueBoxHelp .topL, #blueBoxHelp .topR, #blueBoxHelp .botR, #blueBoxHelp .flag {width:410px;}
#blueBoxHelp .content {
	height:292px;
	margin:0 16px 0px 16px;
	padding:1px 8px 39px 18px;
	background:url('../images/blueBox-verBot-bg.gif') repeat-x bottom #00b6e6;
}
#blueBoxHelp .content .left, #blueBoxHelp .content .right {
	width:175px;
}
#blueBoxHelp .flag {
	background:url('../images/new.gif') no-repeat right top;
	height:81px;
	float:right;
	position:absolute;
	z-index:2;
}
#blueBoxHelp .content li {
		list-style: none;
		background:url('../images/arrows.gif') no-repeat -13px 5px;
		margin:0px 0 0 3px;
		padding:0 0 0 16px;
	}
#blueBoxHelp .content li a {	
	text-decoration: none;
	color:#082940;
	
	}
#blueBoxHelp .content li a:hover {	
	text-decoration: underline;
	color:#fff;
	}
#blueBoxHelp input.text, .navisearch input.text {border:3px solid #00b6e6;
	width:248px;
	padding:7px 6px 6px 6px;
	margin-right:10px;
	color:#83949f;
	font-size:18px;
	line-height:23px;
	font-family:helvetica;
	background:#fff url('../images/area.gif') repeat-x scroll 0 0;
}
#blueBoxHelp input.text {border:3px solid #00b6e6;
	width:248px;
}
.navisearch input.text {border:3px solid #00b6e6;
	width:365px;
	margin-top:24px;
}
.navisubmit {
	margin-top:24px;
}

#blueBoxHelp input.submit, .navisubmit {
			background: url('../images/blueSearchBox-search.png') no-repeat;
			border:0;
			width:70px;
			height:40px;
		}
#blueBoxHelp .search {
	background:url('../images/blueSearchBox-bot-bg.gif') repeat-x bottom #0088ac;
	height:60px;
	width:350px;
	padding:18px 30px 0px 30px;
	margin:0;
	}
.navisearch {
	background:url('../images/blueSearchBox-bot-bg.gif') repeat-x bottom #0088ac;
	height:90px;
	width:470px;
	padding:0px 25px 0px 25px;
	margin:0;
	}	
#blueBoxNavi .sideL, #blueBoxNavi .sideR, #blueBoxNavi .topL, #blueBoxNavi .topR, #blueBoxNavi .botR, #blueBoxNavi .flag {width:430px;}
#blueBoxNavi .content {
	height:38px;
	margin:0px 16px 0px 16px;
	padding:20px 8px 16px 18px;
	background:url('../images/blueBox-verBot-bg.gif') repeat-x bottom #00b6e6;
}	
#blueBoxNavi .content a {
	color:#000;
	text-decoration:none;
}
#blueBoxNavi .content a:hover {
	text-decoration:underline;
}
#blueBoxNavi .content a.active:hover {
	text-decoration:none;
	cursor: default;

}		
#blueBoxBanner .sideL, #blueBoxBanner .sideR, #blueBoxBanner .topL, #blueBoxBanner .topR, #blueBoxBanner .botR {
	width:180px;
}
#blueBoxBanner .content {
	height:85px;
	margin:0 16px 0px 16px;
	padding:8px 9px 8px 9px;
	background:url('../images/blueBox-verBot-bg.gif') repeat-x bottom #00b6e6;
}
#blueBoxBanner ul {margin-top:15px;}
#blueBoxBanner li.rss1 {
	background:url('../images/blueBox-rss.png') no-repeat 0px 1px;
	margin:0px 0px 0 0px;
	padding:0 0 0 25px;
}
#blueBoxBanner li.rss2 {
	background:url('../images/blueBox-rss2.png') no-repeat 0px 1px;
	margin:3px 0px 0 0px;
	padding:0 0 0 25px;
}
#blueBoxBanner a	{
	color:#fff;
	text-decoration:none;
}
#blueBoxBanner a:hover	{
	text-decoration:underline;
}
#blueBoxBanner a.active	{
	font-size: 18px;
}

#blueBoxBanner input.textbox {
	border:1px solid #007fa1;
	width:78px;
	padding:3px 5px 4px 5px;
	color:#007fa1;
	font-size:18px;
	font-family:helvetica;
	background:#fff url('../images/area.gif') repeat-x scroll 0 0;
	
}
#blueBoxBanner input.submit {
	background: url('../images/blueBoxBanner-search.png') no-repeat 0px -3px;
	border:0;
	width:36px;
	height:36px;
}			
#blog {width:993px; margin-top:1px;}		
	#blog .header {height: 44px;	background: url('../images/bubble-top-bg.png') top no-repeat;}
	#blog .fin {
		position:absolute;
		width:53px; 
		height: 30px;
		margin:-30px 0 0 165px;	
		z-index:2;
		background: url('../images/bubble-top-fin.png') top no-repeat;
	}	
#body {padding:0 36px 0 25px; background: url('../images/bubble-bg.png') repeat-y;}
	#body .posts {width:726px;}
        #body .blogposts {width:926px;}
	#body .blogposts {padding-bottom:15px;}
	#body .banner {width:180px; margin-top:-6px;}
	#body .author {margin: 0 20px 0 0;}	
	#body .post {background: url('../images/post-divider.png') bottom repeat-x;}
	#body  .text ul {
		margin:0;
		list-style-type:disc;
		padding-left:20px;
	}
	#body  .text li {
		margin:0;
		list-style-type:disc;
		}
	#body h1 a {color:#00b6e6; text-decoration:none;}
		#body h1 a:hover {text-decoration:underline;}
	#body .date {font-size:20px; font-weight:normal; color:#62c400;}
	#body .text {width:570px; padding-bottom:20px;}
        #body .blogposts .text {
           width: 740px;
        }
	.post .text p {display:inline;}
	.post .text p div {display:inline;}
	#body .info {
			float: left;
			margin: 3px 10px 0 0;
			background: #f2eeea url('../images/post-info-left.png') left no-repeat;
		}
	#body .info div {
			float:left;
			font-size: 12px;
			line-height:18px;
			background: url('../images/post-info-right.png') right no-repeat;
			padding: 5px 10px 5px 10px;
			height: 16px;
		}
	#body a.small {font-size: 11px; display:inline;}
#blog .bottom {height: 84px;
	padding:0 243px 0px 52px;
	background: url('../images/bubble-bot-bg.png') bottom no-repeat;
}	
#blog .bottom h1 a {line-height:60px; color:#00b6e6; text-decoration:none;}
#blog .bottom h1 a:hover {text-decoration:underline;}
#blog .bottom h1 a.inactive {color:#b2d4df;}
	#blog .bottom h1 a:hover.inactive {text-decoration:none; cursor:default; margin-bottom:-50px;}
#comment {
	width:993px;
	background: url('../images/comment-bg.png') repeat-y;	
}
#comment .commentheader {
	background: url('../images/comment-top-bg.png') top no-repeat;
}
#comment .commentbottom {
	background: url('../images/comment-bot-bg.png') bottom no-repeat;
}
#comment .commentbody {
	padding:21px 240px 30px 180px;
	color:#fff;
	font-size: 12px;
	line-height: 18px;	

}
#comment .quote {
	position:absolute;
	z-index:2;
	margin: 12px 0 0 -120px;
}
#comment img {
	margin-right:17px;
}
#comment .small {
	font-size:11px;
	color: #6b8ba1;

}
#comment .commentauthor {
	font-weight: bold;
	color:#62c400;
}
#comment .commenttext {
	float: right;
	width: 500px;
	margin-bottom:18px;
}
#comment .formtitle {
	float:left;
	width:55px;
	padding-right: 15px;
	text-align: right;
}
#comment input.textbox, #comment textarea {
	border:1px solid #007fa1;
	padding:3px 5px 3px 5px;	
	color:#007fa1;
	font-size:12px;
	background:#fff url('../images/area.gif') repeat-x scroll 0 0;
}
#comment input.textbox {
	width:138px;
	margin:-5px 10px 12px 0;
}
#comment textarea {
	width:288px;
	margin:-5px 10px 0 0;
	max-width:480px;
	max-height:150px;
}
#comment input.submit {
	background: url('../images/input-send.png') no-repeat;
	border:0;
	margin:7px 0 0 67px;
	width:58px;
	height:31px;
}		
/*--tourBox--*/
#tourBox {
width: 940px;
}
	#tourBox #topBg {
		
	}
	#tourBox #imageflow {
		text-align:left;
		
	}
	#images img {
		position:absolute;
		border:none;
		top:0px;
	}
	#images {
		visibility:hidden;
	}
	#loading {
		padding-top:100px;
		height:130px;
		text-align:center;
		width:100%;
		color:#fff;
	}
	#loading img {
		margin-top:10px;
		position:relative;
	}
	#captions {
		font-weight:bold;
		position:relative;
		text-align:center;
		z-index:5000;
	}
	#scrollbar {
		visibility:hidden;
		position:relative;
		background:url('../images/scrollbar.gif') repeat-x left;
		z-index:5001;
		height:9px;
	}
	#slider {
		position:absolute;
		margin-left:7px;
		z-index:5002;
		background-image:url('../images/slider.gif');
		background-repeat:no-repeat;
		width:25px;
		height:9px;
	}
	#cl {
		float: left;
		width: 370px;
		margin-right: 20px;
		text-align: right;
		font-weight: bold;
		font-size: 26px;
		line-height: 20px;
		color:#00b6e6;
	}
	#cl span {
		color: #ccc;
		font-size: 14px;
		font-weight: bold;
	}
	#cr {
		float: left;
		width: 450px;
		font-size: 12px;
		line-height: 16px;
		text-align: left;
		font-weight: normal;
		color:#ccc;
	}
        .designsview #cr {
           width: 350px;
        }
	#cr a {
		color:#00b6e6;
	}
	#cr, #cl, #captions {
		height: 80px;
	}
/*--screencast--*/
#screenCast img {
	margin:-9px 0 0 10px;
	float:left;
}
/*--topicBox--*/
#blueBox.topicBox{
	width:412px;
}
#blueBox.topicBox .flag {
		float:right;
		background:url('../images/fresh-aid.gif') no-repeat right top;
		height:81px;
		width:81px;
		margin-left:331px;
		position:absolute;
		z-index:2;
	}
#blueBox.topicBox .content h1 {
		margin:20px 0px 10px 10px;
	}

/*--resultBox--*/
#resultBox{
	float:left;
	margin-left:20px;
	background:#033151 url('../images/resultBox-bg.png') repeat-y;
}
	#resultBox .topBg{
		background:url('../images/resultBox-top-bg.png') no-repeat top;
	}
	#resultBox .content{
		width:510px;
		height:427px;
		background:url('../images/resultBox-bot-bg.png') no-repeat bottom;
		/* overflow:hidden; */
	}
	#resultBox .header{
		padding:20px 30px 10px 30px;
		text-align:right;		
	}
	#resultBox .header a {
		color:#00b6e6;
		text-decoration:none;	
		font-size:12px;
		line-height:18px;
	}
	#resultBox .header a:hover{
		color:#fff;
		text-decoration:underline;
	}
	#resultBox p {
		color:#fff;
		font-size:12px;
		line-height:18px;
	}
	#resultBox a.result{
		color:#fff;
		display:block;
		height:42px;
		margin:0px 30px 1px 30px;
		padding:6px 4px 0 4px;
		text-decoration:none;
		font-size: 12px;
		line-height: 18px;
	}
	#resultBox a:hover.result{
		background:#025276;
	}
	#resultBox .dashed {
		border-bottom:dashed 2px #224760;
		margin:0px 30px 1px 30px;
	}
	#resultBox .result{
		margin:0px 30px 1px 30px;
		padding:4px 4px 0 4px;	
	}
		#resultBox .result .h2 {
			margin:0px 0px 0px 0px;
			padding:0px;
			font-size:18px;
			line-height:18px;
			color:#00b6e6;
		}
		#resultBox .comments{
			color:#fff;
			font-size:14px;
			font-weight:bold;
		}
		#resultBox .result div, #resultBox .result div a{
			color:#fff;
			font-size:12px;		
		}
	#resultBox .footer{
		padding:14px 30px 16px 34px;
		font-size:12px;
		color:#788a96;
		}
		#resultBox .footer .prev {
			background:url('../images/arrows.gif') no-repeat 0px 4px;
			width: 6px;
			margin:0 -6px 0 0;
			float: left;
			}
		#resultBox .footer .next {
			background:url('../images/arrows.gif') no-repeat -7px 4px;
			width: 6px;
			margin:0 0 0 7px;
			float: left;
			}			
		#resultBox .footer a {
			color:#00b6e6;
			text-decoration:none;
			float: left;
			margin:0 0px 0 12px;
			}
		#resultBox .footer a:hover {
			color:#fff;
			text-decoration:underline;
			}
/*-- support content --*/
#support {
	margin:30px 0 30px 0;
	padding:0 30px 0 30px;
	border-right:dashed 1px #224760;
	width:636px;
}
#support h3 {
	margin:0;
	padding:0;
	background:#95dbf9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:2px solid #95dbf9;
	padding:10px 18px 10px 18px;
	display:block;
	font-size:16px;
	line-height:20px;
	font-family:'Myriad Pro', helvetica, arial, sans;
	font-weight:normal;
	color:#000;
}
#support h1, #support h2, #supportside h1, #supportside h2 {
	padding-top:0;	
	margin-top:0;
}
#supportside {
	margin:30px 0 30px 0;
	padding:0 25px 0 25px;
	text-align:left;
	width: 194px;
	overflow:hidden;
}
#supportside li {
	list-style: none;
	background:url('../images/li.png') no-repeat 0px 5px;
	margin:0px 0 0 3px;
	padding:0 0 0 16px;	
}

/*--footer--*/
#footer {
	padding: 10px 30px 20px 20px;
        font-size:12px;
		line-height:18px;
}
        .footer-inner {
         float: left;
		 padding:13px 10px 0 10px;
         padding-left: 10px;
         padding-right: 10px;
        }
	#footer p {
		margin:0px;
		float:left;
		padding-top:14px;
		padding-bottom:20px;
		font-size:12px;
		line-height:18px;
                margin-right: -3px;
	}
	#footer .spaceLine {
                float: left;
		height:20px;
                line-height: 20px;
		width:1px;
		border-right:1px dashed #88a9c0;
		margin: 13px -3px 0 0;
                
	}
	#footer a, #footer a:link, #footer a:visited {
		color:#0066bb;
	}
/*--sign in--*/
#footer #signIn {
	float:right;
	border: 2px dashed #88a9c0;
	padding:12px 14px 12px 14px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
	#signIn a {
		font-weight:bold;
	}