@charset "UTF-8";
/* CSS Document */

*{
	margin:0px auto 0px auto; padding:0px; border:0px;
}

img, div, a { behavior: url(../scripts/iepngfix.htc) } /*fix transparence dans IE5.5+*/

body{
	font:normal normal 11px/18px Arial, Helvetica, sans-serif; letter-spacing:1px;
	color:#8f9fae;
	background: #2E4D5F url(../images/template/body-bg.jpg) top center repeat-y;
}


#global-pub {
	width:960px;
	margin:0px auto 0px auto;
}

#pub {
	width:960px
}

#global-container {
	width:960px;
	margin:0px auto 0px auto;
}

	#header {
		top: 0px;
		position: relative;
		width:960px; height:360px;
		background:#000f25;
	}
	
	
	#cadre-banner {
		position:absolute;
		top: 0px;
		width:940px; height:340px;
		margin:10px 10px 0 10px; border:1px #babc37 solid;
		z-index:8;
	}

		#top-banner {
			width:940px; height:90px;
			background:url(../images/logo/logo-moors-ecoforage.png) top left no-repeat !important;
			background:url(../images/logo/logo-moors-ecoforage-opaque.jpg) top left no-repeat;
		}
			
			#main-menu {
				float:right;
				width: auto;
				height:90px;
				text-align: right;
				margin:0; padding:0px 20px 0 0;
			}
			
				#main-menu a:link, #main-menu a:visited{
					display:block;
					float:left;
					height:25px;
					padding:65px 7px 0 8px;
					font:normal normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
					text-decoration:none;
					color:#eee;
				}
				#main-menu a:hover{ color:#babc37;}
				#main-menu a:active{ color:#eee;}
				#main-menu a:focus{ color:#babc37;}
				
				#main-menu a img{ margin:0px 6px 0 0; vertical-align:middle;}
				
		
				
				
	#banner{
		position: relative;
		top: 0px;
		width:958px; height:358px;
		padding:1px;
		z-index:1;
	}
	
	#container {
		width:930px;
		padding:0px 15px 0px 15px;
	}
	
	#contents {
		float: right;
		width:585px;
		padding: 30px 15px 0 0;
		text-align:justify;
	}
			
		.colums-contents {
			float:left;
			width:280px;
			padding:0 0 0px 0;
			margin:30px 15px 0 15px;
		}
		
			.colums-contents a:link img, colums-contents a:visited img { border:1px #2e4d5e solid; }
			.colums-contents a:hover img, .colums-contents a:active img, .colums-contents a:focus img { border:1px #babc37 solid; }
			
			.colums-contents h1 a { text-decoration:none;}
			.colums-contents h1 a:link, .colums-contents h1 a:visited{ color:#477792; text-decoration:none;}
			.colums-contents h1 a:hover, .colums-contents h1 a:active, .colums-contents h1 a:focus { color:#babc37;}
						
			.colums-contents img{
				margin:0 0 10px 0; padding:4px; border:1px #2e4d5e solid;
			}
			
			.colums-contents img.vertical{
				margin:0 5px 10px 0; padding:4px; border:1px #2e4d5e solid;
			}
			
			.colums-contents img.arrow{
				margin:0px; padding:0px; border:0px;
			}
			
			iframe{
				width:270px; height:360px;
				padding:4px; border:1px #2e4d5e solid;
			}
			
		
		.contentTxt {
			float: right;
			width:600px;
			padding:30px 0px 0px 0px;
			text-align:justify;
		}
		
		.realisationTitle {
			float: left;
			width:560px;
			padding:30px 0px 0px 330px;
			text-align:justify;
		}
		
			#container ul{
				padding:0px 15px 0px 15px;
			}
			#container ul li{
				margin: 0 0 5px 20px;
				list-style:disc;
			}
			
			
		.contents-900{
			float:left; clear: both;
			width: 875px;
			padding: 0 0 0 15px;
		}
			
			.contents-900 .txt {
				float: right;
				width: 560px;
				padding:0px 0px 0px 35px;
				text-align:justify;
			}
			
			.contents-900 a img { margin:0 0 10px 0; padding:4px; border:1px #2e4d5e solid; }
			
			.contents-900 a:link img, contents-900 a:visited img { border:1px #2e4d5e solid; }
			.contents-900 a:hover img, .contents-900 a:active img, .contents-900 a:focus img { border:1px #babc37 solid; }
					
			.diapo{ 
				float:left;
				width:270px; height:101px;
				margin:10px 0 10px 0; padding:4px; border:1px #2e4d5e solid;
			}	
			
	
	
	
	#footer {
		clear:both;
		width:900px; height:80px;
		padding:30px 30px 10px 30px;
	}
	
		#footer p{
			width:100%;
			padding:10px 0px 10px 0px; border-top:1px #2e4d5e solid;
			text-align:right;
		}
		
		#secondary-menu a:link, #secondary-menu a:visited{
			padding:0px 0px 0px 10px;
			font:normal normal 10px/16px Verdana, Arial, Helvetica, sans-serif;
		}
		
		#webmade{
			font: normal normal 9px/14px Verdana, Arial, Helvetica, sans-serif;
			color:#2e4d5e;
		}
		#webmade a:link, #webmade a:visited{ color:#2e4d5e; }
		#webmade a:hover{ color:#477792; }
		#webmade a:active{ color:#2e4d5e; }
		#webmade a:focus{ color:#477792; }
		
		

/*-- Default value ---*/	
	
	
	h1{ font:normal normal 14px/18px Arial, Helvetica, sans-serif; color:#477792; letter-spacing:2px;}
	h2{ font:bold normal 12px/18px Arial, Helvetica, sans-serif; color:#eee; letter-spacing:1px;}
	h3{ font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#eee;}
	h4{ font:normal normal 11px/18px Arial, Helvetica, sans-serif; color:#eee;}
	
	/*Class de stylr prédéfinie*/
	.styleH1 { font:normal normal 16px/21px Arial, Helvetica, sans-serif;  margin: 0; letter-spacing: 1px; }
	.styleH2 { font:bold normal 12px/18px Arial, Helvetica, sans-serif; margin: 0; letter-spacing: 1px; }
	
	
	a:link, a:visited{ font: normal normal 11px/18px Arial, Helvetica, sans-serif; color:#babc37; text-decoration:underline;}
	a:hover{ color:#477792; }
	a:active{ color:#babc37; }
	a:focus{ color:#477792; }
		
	.texte-color{ color:#eee;}
	.color-red { color: #ff0000; }
	.color-orange { color: #F59500; }
	.color-green { color: #babc37; }
	.color-white { color: #fff; }

	.cadre{margin:0 0 10px 0; padding:4px; border:1px #2e4d5e solid;}
	.cadreColorgreen { margin:0 0 10px 0; padding:4px; border:1px #babc37 solid;}

/*--- Formulaire ---*/

	#contents form ul{ float:left; margin:30px 0 0 0; }
	#contents form ul li { margin:0px; padding:0px; list-style:none; }
	#contents form ul li p{ margin:0 0 3px 0; padding:0px;}
	
	input{
		width:250px; height:14px;
		padding:4px; border:1px #477792 solid;
		color:#000;
		background:#ccc;
	}
	
	textarea{
		width:250px; height:110px;
		padding:4px; border:1px #477792 solid;
		background:#ccc;
	}
	
	.btn-submit{
		height:24px;
		width:100px;
		margin:0px; padding:0px 15px 0px 15px; border:1px #333 solid;
		color:#1e323d;
		background:#babc37;
	}
	
	.formulaire-error{
		padding:0 0 0 15px;
		font:normal normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
		color:#ff0000;
	}