/* CSS Document */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#525B5F;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	background-image:url(../Elements/bg_page.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

a, a:link, a:visited
{
	color: #0c8ad3;
	text-decoration:none;
}

a:hover
{
	color: #003e62;
}

.header {
	width:951px;
	margin:0 auto;
	background-color: #3b95b8;
	padding-left: 50px;
	background-repeat:no-repeat;
	height: 180px;
}

.released {
	background-image:url(../Elements/header.jpg);
}

.releasecandidate {
	background-image:url(../Elements/header.jpg);
}

.beta {
	background-image:url(../Elements/headerBeta.jpg);
}

.alpha {
	background-image:url(../Elements/headerAlpha.jpg);
}

.dev {
	background-image:url(../Elements/headerDev.jpg);
}

.archive1{
	background-image:url(../Elements/header.jpg);
}
.archive2{
	background-image:url(../Elements/header.jpg);
}

.archive3{
	background-image:url(../Elements/header.jpg);
}

.archive4{
	background-image:url(../Elements/header.jpg);
}

.archive5{
	background-image:url(../Elements/header.jpg);
}



a.logo {
	width:171px;
	height:130px;
	display:block;
	float:left;
	margin-top:20px;
}

/* MENU -------------------------------------------------------------------------------------------------------------------------------   */
#menu {
	width:850px;
	list-style-type:none;
	padding:0;
	margin:0;
	float:left;
}

#menu li {
	float:left;
	margin-right:3px;
	cursor:pointer;
}

#menu a {
	color:#dfdde1;
	text-decoration:none;
	background:#68adc9;
	padding-left:10px;
	cursor:pointer;
}

#menu a span {
	padding-right:10px;
}

#menu a, #menu a span {
	display: block;
	float: left;
	line-height:30px;
}

#menu a:hover {
	color:#343a3e;
	background:#e4ebec;
	text-decoration:none;
	padding-left:10px;
}

#menu a:hover span {
	padding-right:10px;
}

#menu li .selected {
	color:#343a3e;
	background:#e4ebec;
}

#menu li .admin {
	color:white;
	background:#ef3f2f;
}

#menu li .admin_selected {
	color:#ef3f2f;
	background:white;
}

#menu li .selected1 {
	background:right top no-repeat;
}

#menu a, #menu a span {
	float: none
}

p {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	text-align: justify;
}

/*-------------[start] Footer-------------------*/
#Footer {  margin: 0 auto ;	padding-top:30px; padding-bottom: 10px; background-color: #293945;}
#FooterContainer {	width:900px;	margin:0 auto;}
#FooterContainer .footer {	color:#FFF;	line-height:14px;	text-align:center;}
#FooterContainer .footer a {	color:#B2BAC0;	text-decoration:none;}
#FooterContainer .footer a:hover {	color:#B2BAC0;	text-decoration:underline;}
#FooterContainer .text {	font-size:11px;	line-height:14px;	color:#818A90;	text-align:center;}

#Footer input[type="submit"] 
{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #e76351;
	font-weight:bold;
	padding:1px;
font-size: 10px;
margin-left: 10px;
margin-bottom: 20px;
}
#Footer input[type="submit"]:hover { background-color: #f02f15; }


/*--------------- container----------------------*/
img { border:none;}

.clear { clear:both; font-size:0px; line-height:0px; height:1px;}
#container { width:1001px; margin: 0 auto;  border-top:3px solid #E3E9EB; padding-bottom:30px;}
#contenu { width:901px; margin:0 auto; padding-top:25px; padding-bottom: 50px; overflow:auto;} 
#contenu .left { width:230px; float:left; border-right: 1px solid #ddd; padding-bottom: 150px; }
#contenu .right { float:right; width: 655px; margin-left: 15px;  }

h1 { text-transform: uppercase; font-size:30px; font-weight:bold; color: #9dcae9; line-height:normal; margin:0 0 5px; padding-left: 40px; background-repeat: no-repeat; background-position: left; border-bottom : 5px solid #abe8fb; padding-bottom: 5px;}
h2 { font-size:16px; color:#46abd2; font-weight: bold; margin:0px; padding: 0px; line-height:normal; border-bottom: 3px solid  #EEE; letter-spacing:-0.2px;}
h3 { font-size:14px; font-weight: bold; margin:0; padding:0; color:#78a342; margin-top:5px; line-height:normal; padding-left: 15px;}
h4 { font-size:12px; font-weight: bold; margin:0; padding:0; margin-top:10px; line-height:normal; padding-left: 15px;}
h3 a { color:#000;}

#contenu .left h3 { padding-left: 0px; margin-left: 0px; text-indent: 0px; left: 0px;  }

#contenu .left ul { margin:0; padding:0; list-style:none; font-size:13px; width:90%; color: #000000;}
#contenu .left ul li { margin:0; padding:0; background:url(../images/bullet.jpg) 7px 3px no-repeat; padding-left:30px; margin-bottom:10px;}

#contenu .left .signup { padding:25px 0px 0px 30px;}
#contenu .left .signup a { margin-right: 10px; }

#contenu ul li, #contenu .left ul li, #contenu .right ul li {
	background-image: url(../Elements/li-puce-2.jpg);
	background-position: left ;
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 15px;
	line-height: 12px;
}

#fullyFramyBody ul li{
	background-image: url(../Elements/li-puce-2.jpg);
	background-position: left ;
	background-repeat: no-repeat;
	list-style: none;
	padding-left: 15px;
	line-height: 12px;
	margin-bottom: 10px;
}

#contenu .left dl {
}

#contenu .left dd {
	margin:0;
	padding:0;
	margin-left:20px;
	color:#343a3e;
}

#contenu .left dt {
	margin:0;
	padding:0;
	margin-left:20px;
	color:#343a3e;
}

#contenu .right dd {
	margin:0;
	padding:0;
	margin-left:20px;
	margin-bottom:10px;
}

#contenu .right dt {
	margin:0;
	padding:0;
	margin-left:20px;
	margin-bottom:10px;
}

#contenu dd .selected {
	font-weight: bold;
}

#contenu dt .selected {
	font-weight: bold;
}

#contenu .left a:hover {
	font-weight: bold;
}

/* FORMS -------------------------------------------------------------------------------------------------------------------------------------------- FORMS */

/* CCS FORMS ------------------------------------------------------------------------------------------------------------------------------ CONTACT CSS FORMS     */
.cssform {
	background-color: #aad9f7;
	padding: 40px;
	color: #444444;
	-moz-border-radius : 10px; 
	-webkit-border-radius : 10px; 
	background-image: url(../Elements/bg_contact.png);
	background-repeat: no-repeat;
	background-position: center;
	
}

.cssform p{
	padding-bottom: 20px;
}

.cssform label{
	float: left;
	margin-left: 0px; 
	width: 200px; 
	clear: both;
	font-weight: bold;
	padding-bottom: 10px;
}

.cssform input[type="text"] {
	width: 300px;
	border: 1px solid #7da1bd;
	color: #7da1bd;
	background-color: #f9f0e7;
	float: left;
	background-repeat: no-repeat;
}

.cssform input.big {
width: 520px;
cursor: pointer;
font-size: 24px;
}

.cssform select {
	float: left;
	width: 320px;
	border: 1px solid #7da1bd;
	color: #7da1bd;
}

.cssform input[type="submit"] {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #e76351;
	font-weight:bold;
	padding:5px;
	margin-top: 15px;
}

.cssform input[type="submit"]:hover { background-color: #f02f15; }

.cssform input[type="reset"] {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #9bc8e4;
	padding:5px;
	margin-top: 15px;
}
.cssform input[type="reset"]:hover { background-color: #abdcfb ; }

.cssform textarea {
	height: 120px;
	border: 1px solid #7da1bd;
	background-color: #f9f0e7;
	color: #7da1bd;
	float: left;
	width: 518px;
	clear: both;
	margin-left: 0px;
}

.cssform p.full label {
	margin-left: 0px; 
	clear: both;
	width: 450px; 
}

.cssform p.full input[type="text"] {
	clear: both;
	margin-left: 20px;
	width: 328px;
}

input#captcha { padding-left: 20px; }
input#name { background-image:url(../Elements/formicon_name.jpg); padding-left: 20px; }
input#company { background-image:url(../Elements/formicon_company.jpg); padding-left: 20px; }
input#email { background-image:url(../Elements/formicon_email.jpg); padding-left: 20px; }
input#phone { background-image:url(../Elements/formicon_phone.jpg); padding-left: 20px; }
input#robot { background-image:url(../Elements/formicon_robot.jpg); padding-left: 20px; }
input#clientlogin { padding-left: 20px; }
input#clientpassword { padding-left: 20px; }
input#appname { padding-left: 20px; }
input#applogin { padding-left: 20px; }
input#apppassword { padding-left: 20px; }

#login {
	text-align: right;
	margin-bottom: 15px;
}

#login input[type="text"], #login input[type="password"] {
	font-size: smaller;
	width: 100px;
	background-color: #d8eeff;
	border: 1px solid #AAA;	
}

#login input[type="text"]:hover, #login input[type="password"]:hover {
	background-color: #acdafd;
}

#login input[type="submit"] {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #e76351;
	font-weight:bold;
	padding:2px;
}
#login input[type="submit"]:hover { background-color: #f02f15; }
#login input[type="reset"]:hover { background-color: #abdcfb ; }

/*width:901px;*/
#logout {
	text-align: right; 
	padding-top: 15px;
}

#logout input[type="submit"] {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #e76351;
	font-weight:bold;
	padding:2px;
}

#logout input[type="submit"]:hover { background-color: #f02f15; }
#logout input[type="reset"]:hover { background-color: #abdcfb ; }


#environments a img {	border-bottom: 5px solid #FFF;	}
#environments a img:hover {	border-bottom: 5px solid;	}

#environments a.red img:hover {	border-color: #FF0000;	}
#environments a.blue img:hover {	border-color: #0099FF;	}
#environments a.green img:hover {	border-color: #009900;	}
#environments a.yellow img:hover {	border-color: #e3ae46;	}

input.viewstats{
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	background-color: #66a820;
	font-weight:bold;
	padding:2px;
}

#myform {
margin: 0 auto;
width:550px;
}

#mapflag_belgium {
	background-image:url(../Elements/map_belgium.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#mapflag_sweden {
	background-image:url(../Elements/map_sweden.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#mapflag_france {
	background-image:url(../Elements/map_france.jpg);
	background-repeat: no-repeat;
	background-position: center;
}

a img.gallery  {
	border-bottom: 5px solid #FFF;
	padding-bottom: 5px;
}
a img.gallery:hover  {
	border-bottom: 5px solid #a9dfff;
}

a.greenButton {
	background-color: #79ce39;
	color: #FFF;
	display: block;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding: 10px;
	font-size: 18px;
	border: 2px solid #5db41c;
}
a.greenButton:hover {
	background-color: #5db41c;
}


table.sample {
	width:90%;
	border-top:1px solid #c0d1e0;
	border-right:1px solid #c0d1e0;
	margin:1em auto;
		border-collapse:collapse;
	}
table.sample tr.odd td, table.sample tr.odd th	{
	background:#dfeaf3
	}
table.sample tr.odd .column1	{
	background:#dfeaf3;
	font-weight: bold;
	}	
table.sample .column1	{
	background:#f9fcfe;
	font-weight: bold;
	}
table.sample td {
	color:#678197;
	border-bottom:1px solid #c0d1e0;
	border-left:1px solid #c0d1e0;
	padding:.3em 1em;
	text-align:center;
	}				
table.sample th {
	font-weight:normal;
	color: #678197;
	text-align:left;
	border-bottom: 1px solid #c0d1e0;
	border-left:1px solid #c0d1e0;
	padding:.3em 1em;
	}							
table.sample thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
	


.homemenu{ 
	width: 901px; 
	height: 71px; 
	float:left; 
	overflow: hidden; 
	position: relative; 
	cursor: pointer;
	background-color: #FFFFFF;
margin: 0px;
padding: 0px;

}

.homemenu img{ 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	background-color: #FFFFFF;
}
				
.boxcaption{ 
	float: left; 
	position: absolute; 
	height: 100px; 
	width: 901px; 
	left: 0px;
	display: none;
	background-color: #FFFFFF;
}

.caption .boxcaption {
	left: 0px;
	background-color: #FFFFFF;
}

.comment
{
	display: none;
	margin-left: 16px;
}

.unreceivedField
{
	display: none;
}

.receivedField
{

}

.fakeLink
{
	color: #0C8AD3;
	cursor: pointer;
}