@charset "UTF-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
body { background: none repeat scroll 0% 0% rgb(244, 244, 244); color: rgb(51, 51, 51); font-family: Lucida Grande,Arial,Helvetica,sans-serif; font-size: 75%; margin: 0pt; padding: 0pt; background-image:url(images/body_bg.png);  background-repeat : repeat-x;   }
#wrapper { width: 980px; margin-top: 0pt; margin-right: auto; margin-bottom: 0pt; margin-left: auto; padding-top: 0pt; padding-right: 0pt; padding-bottom: 0pt; padding-left: 0pt}
#header { margin-top:5px; height:40px; width: 935px; overflow: hidden; color:#000033; font-size:12px; margin-left:20px;  }
#header ul { width: 935px; margin: 0pt auto; }
#header li { display: block; float: left; list-style: none outside none; margin: 0pt; }
#header li.menu { width:700px; text-align:right; padding:0; margin:0 }
#header li.langue { margin-left:40px}
#header li.langue a { padding:0px;}
#header li.langue img { margin-top:14px;}
#header li a { padding: 1em 1.2em;  text-decoration:none; color:#000066; }
#header li.last { float: right; }
#header li.logo a { margin: 0em 0pt; text-decoration:none; }
#header input { width:100px; margin-top:18px}
#header .form { margin-left:10px}
.formblur{ margin-top:-10px; padding:0px;}
#home { padding-left:20px; padding-right:45px; padding-top:15px ; padding-bottom:15px}
#home .content{}
#home .content h1{ font-size:14px;}
.boxgris { width:915px; background-image:url(images/home_main.png); padding:10px; font-size:12px; height:350px;-moz-border-radius: 5px 5px 5px 5px; border: 1px solid #CCCCCC; padding-top:20px }
.boxwhite { width:915px;  padding:10px; font-size:12px; height:350px;-moz-border-radius: 5px 5px 5px 5px; border: 1px solid #CCCCCC; padding-top:20px; text-align:justify; background-color:#FFFFFF }
.boxgris .inputtxt { width:230px; background-color:#FFFFFF; border:#999999 solid 1px; font-size:12px; margin-top:5px; height:29px; padding-left:10px}
.callout { border: 1px solid rgb(229, 230, 234); background: none repeat scroll 0% 0% rgb(255, 255, 255); -moz-border-radius: 5px 5px 5px 5px; padding: 10px; width:430px; float:right; height:290px; margin-top:10px; margin-right:15px; padding-top:20px}
h1 { font-size: 19px; font-weight:bold; color:#000000; line-height:12px}
.small { font-size:9px; font-weight: normal; padding-bottom:10px; padding-top:10px }
.smallgrey { font-size:9px; font-weight: normal; padding-bottom:10px; padding-top:10px; color:#CCCCCC; font-style:italic }

.mobile { border: 1px solid rgb(229, 230, 234); background: none repeat scroll 0% 0% rgb(255, 255, 255); -moz-border-radius: 5px 5px 5px 5px; padding: 15px; width:430px }
.boxgrisleft { width:600px; background-color:#FBFBFB; padding:10px; border:#999999 solid 1px; font-size:12px}
.boxgris .inputtxt { width:230px; background-color:#FFFFFF; border:#999999 solid 1px; font-size:12px; margin-top:5px; height:29px; padding-left:10px}

.boxgrisright { width:240px; background-color:#FBFBFB; padding:10px; border:#999999 solid 1px; font-size:12px; float:right}
.boxgris .inputtxt { width:230px; background-color:#FFFFFF; border:#999999 solid 1px; font-size:12px; margin-top:5px; height:29px; padding-left:10px}

#features { height:320px; margin-left:20px}
.featurebox {width: 283px; float: left; margin-right:10px;  font-size:12px; text-align:justify; padding-right:5px; line-height:16px; background-color:#FFFFFF; border:#CCCCCC solid 1px; min-height:280px; padding:10px; color:#666666; -moz-border-radius: 5px 5px 5px 5px;}
.featurebox img {  margin-top:10px; margin-bottom:10px}
.featurebox H1 { font-size:14px; color:#000000; margin-bottom:5px;}
 H2 { font-size:13px; color:#000000; margin-bottom:5px;}
#footer { margin-bottom:20px; height:70px; padding-top:10px; margin-left:20px; width: 935px; border-top: #cccccc solid 1px; color:#666666; text-align:right}
#footer a{ text-decoration:none; font-weight:bold; color:#666666}

.submit { display: block; white-space: nowrap; line-height: 14px; float:right; padding: 4px 5px 4px 2px; padding-left: 5px; border: 1px solid rgb(202, 212, 231); -moz-border-radius: 3px 3px 3px 3px;  background-color: rgb(236, 238, 245); height:30px; width:180px; margin-right:5px; }


.submit:hover { border-color: rgb(157, 172, 206); background-color: rgb(157, 172, 206) }
.submit:hover { text-decoration: none; }


.bluepill { display: block; white-space: nowrap; line-height: 14px; float:right; padding: 4px 5px 4px 2px; padding-left: 5px; border: 1px solid rgb(202, 212, 231); -moz-border-radius: 3px 3px 3px 3px;  background-color: rgb(236, 238, 245); height:30px; width:180px; margin-right:5px; }
.bluepill:hover { border-color: rgb(157, 172, 206); background-color: rgb(157, 172, 206) }
.bluepillt:hover { text-decoration: none; }


.btn { line-height: 14px; display:block; padding: 8px 5px 8px 2px; padding-left: 5px; border: 1px solid rgb(202, 212, 231); -moz-border-radius: 3px 3px 3px 3px;  background-color: rgb(236, 238, 245); width:180px; margin-right:5px; text-align:center; font-size:10px }
.btn:hover { border-color: rgb(157, 172, 206); background-color: rgb(157, 172, 206) }
.btn:hover { text-decoration: none; }



.imgbottom {vertical-align:middle; border:none; }


#container {
	position: relative;
,	margin-top:15px;
	width: 420px;
	text-align: left;
	background-color: #FFFFFF;
}
#container * {
	margin: 0;
	padding: 0;
}
#container ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#container ul#menu li {
	float: left;
	display: inline;
}
#container ul#menu li a {
	text-align: center;
	display: block;
	width:95px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}

#container ul#menu li a:hover {
	background-color: #ECECEC;
}
#container h1,
#container h2 {
	margin: 0.5em 0 0.5em 0;
	font-size: 1.4em;
}
#container .content {
	background-color: #FFFFFF;
	
}
#container hr {
	clear: both;
	visibility: hidden;
}
#container a.current {
	background-color: #FFFFFF;
	color: #000;
	padding-left:5px;
	padding-right:5px;
	
}
#container a.ghost  {
	background-color: #FFFFFF;
	color: #000;
	padding-left:5px;
	padding-right:5px;
}
#container .on {
	display: block;
}
#container .off {
	display: none;
}


#result  { float:left; margin-left:107px; margin-top:68px; font-size:10px;}


.link
{
cursor:pointer;
text-decoration:none;
color:#0066CC;

}



/*sign up */

.inputsignup {
padding-top: 5px;
padding-right: 6px;
padding-bottom: 5px;
padding-left: 6px;
width: 410px;
margin-bottom:5px;
margin-left:5px;
font-size:18px;
border:#CCCCCC solid 1px;
color:#CCCCCC;
}

.inputsignup:focus {
color:#666666;
}

.inputsignupcode {
padding-top: 5px;
padding-right: 6px;
padding-bottom: 5px;
padding-left: 6px;
width: 285px;
margin-bottom:5px;
margin-left:5px;
font-size:18px;
border:#CCCCCC solid 1px;
color:#CCCCCC;
}

.inputsignupcode:focus {
color:#666666;
}


.boxverte_signup{
border:#009900 solid 1px;
background-color:#ccffc0;
width:410px;
margin:5px;
padding:5px;
font-size:12px;
}

.boxrouge_signup{
border:#FF3300 solid 1px;
background-color:#FFBFC2;
width:410px;
margin:5px;
padding:5px;
font-size:12px;
}

.conditions{
font-style:italic;
margin-bottom:3px;
}

.cursor{
cursor:pointer
}

.red{
color:#CC3300
}