@charset "utf-8";
/* CSS Document */
body{
	background: #9EA601 url('assets/background.jpg') repeat-x top center;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
	text-align: center;
	margin: 0px;
	padding:0px;
}
#top {
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
margin-left: auto;
margin-right: auto;
width:955px;
height:150px;
background-image:url(assets/bgTop.jpg)
}
#menucenter {
	text-align: center; /* be nice to IE5 */
	position: absolute;
	top: 105px;
	left: 0px;
	width: 100%;
}
.menu{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:955px;
	height: 45px;
}
.menu ul{width:100%;height:40px;padding:0px;margin:0px;float:left;/*background-image:url("assets/menu_bg.png");background-repeat:repeat-x*/}
.menu li{list-style:none;float:left;text-align:center;padding:0px;margin:0px;font-size:13px;height:40px;width:150px;color:#FEFEFE;font-weight:bold;margin-top:5px;margin-left:5px;}
.menu li a{display:block;color:#FEFEFE;text-decoration:none;font-weight:bold;padding-top:7px;}
.menu h1 {color:#000000;height:40px;font-size:13px;font-weight:bold;margin:0px;margin-top:-5px; padding:0px;padding-top:10px;background-image:url(assets/menuh1.png);background-repeat:no-repeat}
h2{font-size:18px;font-weight:bold;margin:0px 0px 0px 15px;padding:0px;}
h3{font-size:16px;font-weight:bold;margin:15px 0px 0px 0px;padding:0px;text-align:left}
h4{font-size:11px;font-weight:bold;margin:15px 0px 0px 0px;padding:0px; text-align:left}
p{text-align:justify;margin-left:15px; margin-right:15px}



.content {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:955px;
	background-color:#FFF;
}
.footer {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:955px;
	height:30px;
	background-image:url(assets/footer.png)
}

.kromozone {
	margin-left:auto;
	margin-right:auto;
	color:#FFFFFF;
	width:955px;
	height:30px;
	text-align:left;
}

.kromozone a{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}

/*
.logo{
	text-align: left;
	background-image:url(assets/logo.png);
	position:relative;
	left: 700px;
	top: 2px;
	z-index: 50;
	width: 232px;
	height: 142px;
}
*/
.pourquoi{
	float:left;
	text-align:left;
	width:455px;
	height:250px;
	padding:0px;
	margin:0px;
	font-size:12px;
	padding-top:0px;
	background-image:url("assets/bgGrey.jpg");background-repeat:repeat-x;
}
.fond_gris
{
	display:block;
	border-right-width:0px;
	float:left;
	text-align:left;
	width:955px;
	padding-top:10px;
	padding-left:0px;
	padding-right:0px;
	min-height:270px;
	margin:0px;
	margin-right:0px;
	overflow:hidden;
	font-size:12px;
	padding-top:0px;
	/*background-color:Aqua;*/
	background-image:url("assets/bgGrey.jpg");background-repeat:repeat-x;
}

.fond{
	float:left;
	text-align:justify;
	width:955px;
	padding-top:10px;
	padding-left:0px;
	min-height:270px;
	margin:0px;
	font-size:12px;
	padding-top:0px;
	
	
}

.fond li{
padding-left:10px;	
margin-right:60px;
margin-bottom:20px;
}

.fond ul{
	list-style-type: none;
	padding:0px;
	margin:10px;
}

.fond a{
	color:Black;
}

.pourquoi ul, .signup ul{
	list-style-type: none;
	padding:10px;
	margin:0px;
}
.pourquoi li, .signup  li{
	padding-top:10px;
	padding-left:10px;	
	margin-right:10px;
}
.fond_gris li{
padding-left:10px;	
margin-right:10px;
}


.pourquoi .button{
	border:0px;
	margin-left:200px;
	margin-top:-30px;
}
.mapemonde{
	width:500px;
	height:250px;
	float:left;
	margin-top:0px;
	background-image:url("assets/bgGrey.jpg");background-repeat:repeat-x;
}
.explication{
	float:left;
	text-align:left;
	width:955px;
	height:275px;
	clear:both;
}

.explication a{
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
	border-bottom-style:none;
}


.explicationTitle 
{
	color:White;
	position:relative;
	z-index:21;
	float:left;
	top:35px;
}

.explication img {
	position:relative;
	z-index:20;
}
.expli1, .expli2, .expli3, .expli4{
	position:relative;
	z-index:21;
	float:left;
	top:-60px;
	width:170px;
	height:50px;
}
.expli1{
	margin-left:50px;
}
.expli2{
	margin-left:60px;
}
.expli3{
	margin-left:70px;
}
.expli4{
	margin-left:70px;	
}
.space{
	height:1px;
	font-size:1px;
clear:both;	
}
.box
{
	display:block;
	float:right;
	height:300px;
	margin-left:0px;	
	padding-left:0px;
	border-color:Black;
}
.describox
{
	display:block;
	float:left;
	height:250px;
	width:600px;
	padding-top:20px;
	padding-left:15px;
	border-color:Black;
	margin-left:0px;	
	
}
.describox img{
	border:none;
}
.floatbox{
	width:300px;
	height:300px;
	padding:0px 0px 0px 15px;
	float:left;
	border:none;
}

.floatboxTitle 
{
	color:#731815;
	position:relative;
	z-index:21;
	float:left;
	top:15px;
	left:75px;
}


.buttonTitle 
{
	color:White;
	position:relative;
	z-index:21;
	top:-35px;
	font-weight:bold;
	border-style:none;
}



TABLE.redTab 	 
{
	width:100%;	
	margin-right:auto;
	
	background-image:url("assets/bgGrey.jpg");background-repeat:repeat-x;
	
}
TABLE.redTab TH {padding: 5px; text-align: left; vertical-align: middle; background-color: #A80000; color: #ffffff; border: 1px solid White}
TABLE.redTab TD {padding: 5px; text-align: left; vertical-align: middle;  color: #000000; border: 1px solid White}