@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
/* Left & Right alignment */
.left {
	float:left;
}
.right {
	float:right;
}
.wrapper {
	width: 100%;
	position: relative;
	margin: 0 0 0 1px
}
.box {
	overflow:hidden;
}
.clear {
	clear:both;
	width: 100%;
}
.last{
	background:none !important;
	border:none !important;
}
.pad_0{
	padding:0 !important;
}
/* Global properties ======================================================== */
body, html, .extra{
	height:100%;	
}	
body {
	overflow:auto;
	border:0;
	font: 12px/ 17px 'Helvetica';
	color:#0872B5;
	background-color:#ccc;
}
/* Global Structure ============================================================= */
.extra{
	margin-bottom: -40px;
	overflow: auto;
	position: relative;
}
.main {
	width:1355px;
	height:2200px;
	margin: 0 auto;
}
.page_spinner {
	position:fixed;
	background: url(../images/loading.gif) 50% 50% no-repeat #eeeeee;
	z-index:99;
	width:100%;
	height:100%;
	top:0;
	left:0
}
/* ============================= main layout ====================== */
a {
	color: #0872B5;
	outline: none;
	text-decoration: none;
}
a:hover {
	color:#224962;
}
h1 {
	font: 27px 'Helvetica';
	padding:0 0 0 0;
}
h2 {
	float:left;
	font: 15px 'Helvetica';
	color: #0872B5;
	letter-spacing:2px;
	padding: 0 0 25px 25px
}
h2 a:hover {
	color: #224962;
	outline: none;
	text-decoration: none;
}
h3{
	font: 12px/ 17px 'Helvetica';
	color:#000;
}
h4{
	float:left;
	font: 12px 'Helvetica';
	color: #000;
	padding: 25px 0 25px 0
}
h5 {
	font: 15px 'Helvetica';
	color: #0872B5;
}
h6{
	font: 12px 'Helvetica';
	color:#fff;
	letter-spacing:2px;
}
p {
	padding-bottom:18px;
	text-align:justify;
}
.color1 {
	color:#5d5d5c;
}
/* ============================= header ====================== */
header{
	position:relative;
	padding-right:20px;
	float:left;
}
#logo {
	margin-top:80px;
	position:relative;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:340px;
	height:190px;
	background:url(../images/logo.png) 0 0 no-repeat;
}
#sponsors {
	margin-top:150px;
	position:relative;
	display:block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width:340px;
	height:34px;
	background:url(../images/partenaires_home.png) 0 0 no-repeat;
}
/* ============================= menu ====================== */
#menu{
	padding:32px 0 0 150px;
	text-align:left;
}
#menu > li{
	position:relative;
	color:#0872B5;
}
#menu > li  a{
	font: 11px/ 21px 'Helvetica', sans-serif;
	letter-spacing:2px;
	display:inline-block;
	text-decoration:none;
	color:#0872B5;
}
.submenu {
	position: absolute;
	display: inline-block;
	width: 168px;
	left: 0px;
	top: 20px;
	padding: 10px 10px;
	text-align: center;
	background-color: #ddd;
	z-index: 5;
}
.submenu li{
	display:block;
}
.submenu li > a{
	color:#000;
}
.submenu li > a:hover {
	font-size:12px !important;
	font-weight:bold !important;
	color:#0872B5;
}
/* ============================= slider ===================== */
#mainSlider {
	border:1px solid #d6d1d1;
	height:702px !important;
	margin-bottom:31px;
}
#descriptionList{
	position:relative;
	float:left;
}

#descriptionList li {
	overflow:hidden;
	position:absolute;
	width:640px;
}
#descriptionList h2{
	float:left;
	width:100px;
}
#descriptionList p{
	float:left;
	width:525px;
}
#slider_controls > div{
	overflow:hidden;
	margin:8px 0 0 9px;
	float:right;
	width:40px;
	height:40px;	
}
#slider_controls .plane1{
	background:url(../images/arrs_plane_2.png) 0 0 no-repeat;
}
#slider_controls .plane2{
	background:url(../images/arrs_plane.png) 0 0 no-repeat;
}
#img_prev, #img_next{
	display:block;
	float:left;
	width:10px;
	height:16px;
}
#img_prev{
	margin:12px 3px 0 7px;
	background:url(../images/img_prev.png) 0 0 no-repeat;
}
#img_next{
	margin:12px 7px 0 3px;
	background:url(../images/img_next.png) 0 0 no-repeat;
}
#project_prev, #project_next{
	display:block;
	float:left;
	width:16px;
	height:10px;
}
#project_prev{
	margin:7px 0 3px 12px;
	background:url(../images/project_prev.png) 0 0 no-repeat;
}
#project_next{
	margin:3px 0 7px 12px;
	background:url(../images/project_next.png) 0 0 no-repeat;
}
/* ============================= content ====================== */
#content{
	width:935px;
	height:100%;
	float:left;
}
#content > span {
	position: absolute;
	width: 935px;
	height: 2400px;
	background-color: #ddd;
	z-index: -1;
	border-left: 1px solid #0872B5;
	border-right: 1px solid #0872B5;
}
#content > ul {
	position:relative;
}
#content > ul > li {
	position:absolute;
	left:0;
	width:935px;
	height:1600px;
}
.contPad{
	padding-top:90px;
}
.padBot1{
	padding-bottom:67px;
}

.margeBot1{
	border-top: 1px solid #0872B5;
	border-bottom: 1px solid #0872B5;
}
.margeBot2{
	padding:25px 25px 25px 25px;
	border-right: 1px solid #0872B5;
	border-left: 1px solid #0872B5;
	
}
.margeBot3{
	padding:25px 25px 25px 23px;
}
.margeBot4{
	border-top: 1px solid #0872B5;
	border-bottom: 1px solid #0872B5;
}
.margeBot5{
	padding:25px 25px 25px 25px;
	border-right: 1px solid #0872B5;
}
.margeBot6{
	padding:0 0 25px 0;
}
.margeBot7{
	margin: 65px 0 0 65px;
	padding:25px 25px 25px 25px;
	border: 1px solid #0872B5;
	box-shadow: 8px 8px 5px #aaa;
}

.link{
	font:11px/11px 'Helvetica', sans-serif;
	color: #;
	padding: 1px 5px 0;
	text-decoration:none;
	background-color:#000;
}
.link:hover{
	color:#000;
	background-color:#d8d5d5;
}
.list1, .list2, .list3, .list4{
	overflow:hidden;
}
.list1 li, .list2 li, .list3 li{
	padding-right:20px;
	float:left;
}
.list4 li{
	float:left;
	padding: 0 10px 15px 0;
}
.list1 li{
	width:140px;
}

.list2 li{
	width:220px;
	padding: 20px 0 0px 20px;
}
.list1 li >img, .list4 li >img{
	padding-bottom:23px;
}
.list2 li > img{
	float:left;
	padding-right:18px;
}
.list2 li h3{
	padding-bottom:16px;
}
.list3 li > img{
	float:left;
	padding-right:16px;
}
.list3 li > div{
	overflow:hidden;
	float:left;
	width:190px;
	line-height:20px;
}
.list3 li > div h3{
	padding-bottom:3px;
}
.list3 li > div a {
	color:#4b8bbc;
}
.list3 li > div a:hover {
	color:#000;
}
.list4 li p{
	width:140px;
	padding-bottom:21px;
}
.listWithMarker li {
	color:#0872B5;
	display:block;
	text-indent:13px;
	height:24px;
	
}
.listWithMarker li a {
	color:#0872B5;
	text-decoration:none;
}
.listWithMarker li a:hover {
	text-decoration:underline;
}
.google_map{
	margin-right:20px;
	float:left;
	border: 1px solid #d8d5d5;
    width: 318px;
    height: 210px;
    background: #d8d5d5;
}
.address {
	float:left;
	width:202px;
}
.address div {
	width:140px;
}
.address a, .mailTo {
	color:#000;
}
.address a:hover, .mailTo:hover {
	color:#b0afaf;
}
/* ============================= footer ====================== */
footer {
	position: relative;
	padding-top: 10px;
	height: 30px;
	font: 9px 'Helvetica', sans-serif;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
	background-color: #305795;
	z-index:1;
	
}
footer a{
	color:#fff;
	text-decoration:none;
}
footer a:hover{
	text-decoration:underline;
}
/* ============================= forms ============================= */
#form1 {
	padding-top:4px;
}
#form1 input {
	margin:0;
	border:1px solid #adadad;
	background-color:#;
	padding:17px 0 17px 15px;
	width:282px;
	box-shadow:none;
}
#form1 textarea {
	resize: none;
	margin:0;
	border:1px solid #adadad;
	background-color:#;
	padding:17px 0 5px 15px;
	width:283px;
	height:146px;
	overflow:auto; 
	line-height:17px;
}
#form1 label {
	position:relative;
	display:inline-block;
	min-height:60px;
}
#form1 .error, #form1 .empty {
	position:relative;
	top: -3px;
	display:none;
	font-size:11px;
	color:#5a5c6c;
}
.btns a{
	display:inline-block;
	margin:20px 0 0 5px;
	line-height:17px;
}
/* Form defaults */
input, select, textarea {
	font: 12px/ 12px 'Helvetica', sans-serif;
	color: #484c51;
}