/* Métrocéane - CSS Screen Document */

body{
	background-color:#75cedb;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0, rgb(49,139,151)),color-stop(0.7, rgb(117,205,219)),color-stop(1, rgb(117,205,219)));
	background-image:-moz-linear-gradient(center top,rgb(49,139,151) 0%,rgb(117,205,219) 70%,rgb(117,205,219) 100%);
	background-image:linear-gradient(center top,rgb(49,139,151) 0%,rgb(117,205,219) 70%,rgb(117,205,219) 100%);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
a{
	color:#000;
	outline:none;
}
a:hover{
	text-decoration:none;
}
.clear-both{
	clear:both;
}
.align-left,
.float-left{
	float:left;
}
.align-right,
.float-right{
	float:right;
}
.align-center{
	text-align:center;
}
#wrapper{
	background:transparent url(../img/wrapper.png) center 0 no-repeat;
}
#page{
	margin:0 auto 20px auto;
	overflow:hidden;
	position:relative;
	width:962px;
}
#header{
	background:transparent url(../img/header/header-shadow.png) 0 0 no-repeat;
	height:230px;
	overflow:hidden;
	padding:0 4px;
	position:relative;
}
	#header #header-flash{
		display:block;
		height:230px;
		overflow:hidden;
	}
	#header h1{
		display:none;
		height:230px;
		overflow:hidden;
		text-indent:-10000px;
		width:962px;
	}
		#header h1 a{
			display:block;
			height:100%;
			outline:none;
			overflow:hidden;
		}
	#header figure{
		display:none;
	}
	.no-js #header h1{
		display:block;
		background:transparent url(../img/header/header.jpg) 0 0 no-repeat;
		height:230px;
	}
	.accueil #header #h1{
		background-image:url(../img/header/header-home.jpg);
	}
#navigation{
	clear:both;
	-webkit-box-shadow:0 0 5px #404040;
    -moz-box-shadow:0 0 5px #404040;
    box-shadow:0 0 5px #404040;
	left:4px;
	position:absolute;
	top:185px;
	z-index:999;
}
	#navigation ul{
		position:relative;
	}
		
		#navigation ul li{
			background-color:#429ba7;
			background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(51,140,152)),color-stop(1, rgb(88,178,190)));
			background-image:-moz-linear-gradient(center bottom,rgb(51,140,152) 0%,rgb(88,178,190) 100%);
			background-image:linear-gradient(center bottom,rgb(51,140,152) 0%,rgb(88,178,190) 100%);
			border-left:1px solid #4ea6b1;
			display:block;
			float:left;
			font-size:13px;
			font-weight:bold;
			height:30px;
			line-height:27px;
			position:relative;
			text-align:center;
			text-transform:uppercase;
		}
		.trident #navigation ul li{
			width:150px;
		}
			#navigation ul li a{
				background:transparent url(../img/navigation/glossy.png) 0 0 repeat-x;
				border-top:2px solid #6ec7d2;
				color:#d2eaee;
				display:block;
				height:100%;
				outline:none;
				padding:0 25px;
				text-decoration:none;
			}
			.trident #navigation ul li a{
				padding:0;
			}
		
		#navigation ul li.first{
			border-left:0;
		}
		
		#navigation ul li:hover,
		#navigation ul li.active{
			background-color:#4b9375;
			background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(75,147,117)),color-stop(1, rgb(98,171,142)));
			background-image:-moz-linear-gradient(center bottom,rgb(75,147,117) 0%,rgb(98,171,142) 100%);
			background-image:linear-gradient(center bottom,rgb(75,147,117) 0%,rgb(98,171,142) 100%);
		}
		#navigation ul #menu-home{
			text-indent:-10000px;
			width:32px;
		}
			#navigation ul #menu-home a{
				background:transparent url(../img/navigation/home.png) center center no-repeat;
				padding:0;
			}
			#navigation ul li a{
				background:transparent url(../img/navigation/glossy.png) 0 0 repeat-x;
				border-top:2px solid #6ec7d2;
				color:#d2eaee;
				display:block;
				outline:none;
				padding:0 26px;
				text-decoration:none;
			}
			#navigation ul li a:hover,
			#navigation ul li.active a{
				border-color:#76bfa2;
				color:#dde24d;
			}
			#navigation ul li:hover a{
				border-color:#76bfa2;
			}
			#navigation ul li ul{
				background-color:#001925;
				background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, rgb(0,25,37)),color-stop(1, rgb(0,63,75)));
				background-image:-moz-linear-gradient(center bottom,rgb(0,25,37) 0%,rgb(0,63,75) 100%);
				background-image:linear-gradient(center bottom,rgb(0,25,37) 0%,rgb(0,63,75) 100%);
				display:none;
				left:0;
				position:absolute;
				top:30px;
				width:100%;
			}
			.no-js #navigation ul li:hover ul{
				display:block;
			}
				#navigation ul li ul li{
					background:none;
					border-left:0;
					color:#58b2be;
					clear:both;
					float:none;
					font-family:Helvetica, Verdana, Arial, sans-serif;
					font-size:12px;
					height:auto;
					line-height:normal;
					text-transform:none;
				}
				#navigation ul li ul li:hover,
				#navigation ul ul li.active{
					background:none;
					color:#58b2be;
				}
				#navigation ul li:hover ul li a,
				#navigation ul li ul li a,
				#navigation ul li ul li.active a{
					background-image:none;
					border-top:0;
					color:#58b2be;
					padding:5px;
				}
				#navigation ul li.active ul li a{
					color:#58b2be;
				}
				#navigation ul li ul li a:hover,
				#navigation ul li ul li.active a{
					background-color:#264b56;
					color:#91dee8;
				}
#main{
	background:#cfd500 url(../img/main/main.png) 0 0 repeat-x;
	-webkit-box-shadow:0 0 5px #404040;
    -moz-box-shadow:0 0 5px #404040;
    box-shadow:0 0 5px #404040;
	clear:both;
	/*min-height:369px;*/
	margin:0 4px;
	overflow:hidden;
	position:relative;
}
.accueil #main{
	background-image:none;
}
	#main #main-content{
		float:left;
		width:680px;
	}
		#main #main-content header{
			height:75px;
			overflow:hidden;
		}
			#main #main-content header h2{
				background:transparent url(../img/main/section.png) 0 0 no-repeat;
				color:#f67415;
				float:left;
				font-family:Helvetica, Verdana, Arial, sans-serif;
				font-size:13px;
				height:28px;
				margin:0 0 0 8px;
				overflow:hidden;
				padding:35px 37px 0 0;
				position:relative;
				text-align:center;
				text-transform:uppercase;
				width:163px;
			}
			#main #main-content header h3{
				background:transparent url(../img/main/subsection1.png) 0 0 no-repeat;
				color:#fff;
				float:left;
				font-size:20px;
				height:33px;
				margin:30px 0 0 0;
				overflow:hidden;
				padding:7px 35px 0 0;
				text-align:center;
				text-transform:uppercase;
				width:285px;
			}
		#main #main-content .content{
			background:#fff;
			-webkit-border-radius:15px;
			-moz-border-radius:15px;
			border-radius:15px;
			display:block;
			margin:0 0 15px 15px;
			min-height:264px;
			overflow:hidden;
			padding:15px 0;
		}
			#main #main-content .content h4{
				clear:both;
				color:#48becf;
				font-family:Helvetica, Verdana, Arial, sans-serif;
				font-size:16px;
				margin:15px 20px;
			}
			#main #main-content .content h5{
				clear:both;
				color:#007c95;
				font-family:Helvetica, Verdana, Arial, sans-serif;
				font-size:12px;
				margin:15px 20px;
			}
			.trident #main #main-content .content h4,
			.trident #main #main-content .content h5{
				font-family:Arial, Verdana, Helvetica, sans-serif;
			}
			#main #main-content .content p{
				line-height:16px;
				margin:15px 20px;
			}
			#main #main-content .content p.align-center{
				text-align:center;
			}
			#main #main-content .content p.align-right{
				text-align:right;
			}
			#main #main-content .content p.more{
				background:transparent url(../img/main/more.gif) right 0 no-repeat;
				clear:both;
				float:right;
				padding:0 65px 0 0;
			}
			#main #main-content .content p.back{
				background:transparent url(../img/main/back.gif) 0 0 no-repeat;
				clear:both;
				padding:0 0 0 65px;
			}
			#main #main-content .content form{
				margin:15px 20px;
			}
			#main #main-content .content label{
				float:left;
			}
			#main #main-content .content input,
			#main #main-content .content select,
			#main #main-content .content textarea{
				display:block;
				font-family:Verdana, Arial, Helvetica, sans-serif;
				font-size:11px;
			}
			#main #main-content .content #zones{
				margin-left:35px;
				margin-right:0;
			}
			#main #main-content .content #zone-end,
			#main #main-content .content #zone-start,
			#main #main-content .content #zone-submit,
			#main #main-content .content #zones-results{
				float:left;
				margin:0;
				width:197px;
			}
			#main #main-content .content #zone-end,
			#main #main-content .content #zone-start{
				margin-right:10px;
			}
			#main #main-content .content #zones-results{
				width:176px;
			}
			#main #main-content .content #zones-results.zones-n .zones-number{
				background:transparent url(../img/main/zones/zones-n.jpg) 0 0 no-repeat;
				color:#39BECE;
				display:block;
				font-size:18px;
				height:37px;
				margin:0 0 10px 0;
				overflow:hidden;
				padding:53px 0 0 0;
				text-align:center;
			}
				#main #main-content .content #zone-end label,
				#main #main-content .content #zone-start label{
					background-color:transparent;
					background-position:right 0;
					background-repeat:no-repeat;
					display:block;
					height:30px;
					margin:0 0 5px 0;
					overflow:hidden;
					text-indent:-10000px;
					width:197px;
				}
				#main #main-content .content #zone-end select,
				#main #main-content .content #zone-start select{
					clear:both;
					width:100%;
				}
				#main #main-content .content #zone-submit input.submit{
					background:transparent url(../img/main/zones/calculer.jpg) 0 0 no-repeat;
					border:0;
					cursor:pointer;
					display:block;
					height:30px;
					margin:0 0 5px 0;
					outline:none;
					overflow:hidden;
					text-indent:-10000px;
					width:176px;
				}
				#main #main-content .content #zone-start label{
					background-image:url(../img/main/zones/zone-start.jpg);
				}
				#main #main-content .content #zone-end label{
					background-image:url(../img/main/zones/zone-end.jpg);
				}
				#main #main-content .content #zones-results img{
					margin:0;
				}
			#main #main-content .content table{
				border-collapse:separate;
				border-spacing:2px;
				line-height:16px;
				margin:15px 20px;
			}
				#main #main-content .content table th{
					border:1px solid #39BECE;
					color:#39BECE;
					font-size:14px;
					padding:5px;
				}
				#main #main-content .content table td{
					color:#39BECE;
					padding:5px;
				}
				#main #main-content .content table td.label{
					border:1px solid #39BECE;
					color:#39BECE;
					font-size:12px;
				}
				#main #main-content .content table td.dark{
					background-color:#0096A9;
				}
				#main #main-content .content table td.dark,
				#main #main-content .content table td.light{
					color:#fff;
					text-align:center;
				}
				#main #main-content .content table td.light{
					background-color:#5AB0BF;
				}
			#main #main-content .content ul,
			#main #main-content .content ol{
				line-height:16px;
				margin:15px 60px;
			}
			#main #main-content .content ol{
				margin:15px 80px;
			}
				#main #main-content .content ul li{
					background:transparent url(../img/main/puce.gif) 0 5px no-repeat;
					list-style:none;
					padding:0 0 0 16px;
				}
			#main #main-content .content strong{
				color:#39bece;
			}
			#main #main-content .content img{
				margin:15px 20px;
			}
			#main #main-content .content img.border{
				border:1px solid #39BECE;
				padding:1px;
			}
			#main #main-content .content a:hover img.border{
				border-color:#3a8f8c;
			}
			#main #main-content .content p img.float-left,
			#main #main-content .content p img.align-left{
				display:inline;
				margin-left:0;
				margin-top:5px;
			}
			#main #main-content .content p img.float-right,
			#main #main-content .content p img.align-right{
				display:inline;
				margin-right:0;
				margin-top:5px;
			}
			#main #main-content .content a{
				color:#39bece;
			}
	#main #main-gallery{
		-webkit-border-top-left-radius:15px;
		-webkit-border-bottom-left-radius:15px;
		-moz-border-radius:15px 0 0 15px;
		border-radius:15px 0 0 15px;
		float:right;
		margin:75px 0 20px 0;
		width:258px;
	}
	.accueil #main #main-gallery{
		margin:32px 0 0 0;
	}
		#main #main-gallery #slideshow{
			-webkit-border-top-left-radius:15px;
			-webkit-border-bottom-left-radius:15px;
			-moz-border-radius:15px 0 0 15px;
			border-radius:15px 0 0 15px;
			height:294px;
			overflow:hidden;
			position:relative;
		}
		.accueil #main #main-gallery #slideshow{
			height:312px;
		}
			#main #main-gallery #slideshow #slideshow-radius{
				background:transparent url(../img/main/radius-slideshow.png) 0 0 no-repeat;
				height:294px;
				position:absolute;
				top:0;
				width:260px;
				z-index:998;
			}
			.accueil #main #main-gallery #slideshow #slideshow-radius{
				background-image:url(../img/main/radius-slideshow-home.png);
				height:312px;
			}
#footer{
	clear:both;
	margin:8px 4px;
	text-align:right;
}
	#footer #footer-contentinfo,
	#footer #footer-navigation,
	#footer #footer-navigation ul, 
	#footer #footer-navigation ul li,
	#footer #footer-copyright{
		display:inline;
	}
	#footer #footer-copyright img{
		vertical-align:middle;
	}