/* Affiche la structure générale du layout */
/* Intégrateur : G.Mélot */
/* Date Intégration : 30 Mars 2009 */

/* Import du reset CSS de Eric Meyer */
@import url('reset.css');

/* Import des sous-templates */
@import url('main_extend.css');

/* Import des styles pour la compatibilité avec tinyMce */
@import url('main_extend_tinymce.css');

#body{
	background:url(../../images/images/body.backg.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#wrapper{
	margin:0 auto;
	width:960px;
}

#sidebar{
	float:left;
	width:280px;
}

	#logo a{
		background:url(../../images/images/logo.png) no-repeat;
		width:280px;
		height:210px;
		display:block;
	}
	
	#menu{
		background:url(../../images/images/menu.top.png) no-repeat;
		padding:5px 0 0 0;
		margin:0 0 14px 14px;
		width:254px;
		font-size:14px;
	}
	
		#menu a{
			display:block;
			padding:0 20px 0 30px;
			line-height:24px;
			color:#333333;
			text-decoration:none;
		}
		
		#menu ul{
			background:url(../../images/images/menu.repeat.y.png) repeat-y;
			width:254px;
		}
		
		#menu li{
			border-bottom:1px solid #ccc;
			padding:3px 0;
		}
		
		#menu li.actifparent{
			border:none;
		}
		
		#menu li.actif a,
		#menu li.actifparent a,
		#menu li a:hover{
			background:url(../../images/images/menu.actif.png) no-repeat;
			border:none;
		}
			
			#menu ul.sous_menu{
				border-bottom:1px solid #ccc;
				padding-bottom:6px;
			}
			
				#menu ul.sous_menu li{
					border:none;
				}
				
				#menu ul.sous_menu a{
					padding:0 20px 0 45px;
					line-height:18px;
					color:#333333;
					font-size:12px;
					background:url(../../images/images/menu.puce.png) 20px 0 no-repeat;
				}
				
				#menu ul.sous_menu li.actif a,
				#menu ul.sous_menu li a:hover{
					color:#71a800;
				}
		
		#menu .bottom{
			background:url(../../images/images/menu.bottom.png) no-repeat;
			width:254px;
			height:8px;
		}
	
	#callback{
		margin:0 0 0 14px;
		background:url(../../images/images/callback.repeat.y.png) repeat-y;
	}
	
		#callback #message{
			margin:0 8px 0 8px;
			line-height:18px;
		}
	
		#callback .top{
			background:url(../../images/images/callback.top.png) no-repeat;
			padding:0 0 0 8px;
			width:246px;
			height:44px;
			font-size:18px;
			color:#004400;
			line-height:36px;
		}
		
		#callback .form{
			padding:0 0 0 8px;
		}
		
			#callback .input{
				background:url(../../images/images/callback.input.png) no-repeat;
				padding:0 0 0 8px;
				width:230px;
				height:30px;
				line-height:30px;
				border:none;
				margin:0 0 8px 0;
				color:#FFF;
			}
			
			#callback .submit{
				background:url(../../images/images/callback.submit.png) no-repeat;
				width:80px;
				height:30px;
				line-height:30px;
				border:none;
				cursor:pointer;
			}
			
			#callback .submit:hover{
				background-position:right;
			}
		
		#callback .bottom{
			background:url(../../images/images/callback.bottom.png) top left no-repeat;
			width:254px;
			height:8px;
		}

#corps{
	float:right;
	width:670px;
}

	#langues{
		margin:14px 0 0 0;
		height:35px;
	}
		
		#langues ul{
			background:url(../../images/images/langues.left.png) no-repeat;
			height:30px;
			float:right;
			padding:4px 0 0 4px;
		}
		
		#langues li{
			display:inline;
		}
		
			#langues li a{
				display:block;
				float:left;
				text-decoration:none;
				font-size:12px;
				text-align:center;
				width:23px;
				height:13px;
				text-transform:uppercase;
				margin:4px 0 0 3px;
				color:#004400;
			}
		
		#langues li.actif a,
		#langues li a:hover{
			background:url(../../images/images/langues.actif.png) no-repeat;
			color:#FFF;
		}
		
		#langues .right{
			float:right;
			background:url(../../images/images/langues.right.png) no-repeat;
			width:6px;
			height:22px;
		}
	
	#content{
		background:url(../../images/images/content.repeat.y.png) repeat-y;
	}
		
		#content .top{
			background:url(../../images/images/content.top.png) no-repeat;
			height:10px;
			width:670px;
		}
		
			#banniere{
				width:640px;
				height:240px;
				margin:5px 0 10px 15px;
				position:relative;
			}
			
			.topleft,.topright,.bottomleft,.bottomright{
				position:absolute;
				z-index:500;
				width:8px;
				height:8px;
				top:0;
				left:0;
			}
			
			.topleft{
				background:url(../../images/images/banniere.t.l.png) no-repeat;
			}
			
			.topright{
				background:url(../../images/images/banniere.t.r.png) no-repeat;
				left:632px;
			}
			
			.bottomleft{
				background:url(../../images/images/banniere.b.l.png) no-repeat;
				top:234px;
			}
			
			.bottomright{
				background:url(../../images/images/banniere.b.r.png) no-repeat;
				left:632px;
				top:234px;
			}
			
			#content_slogan{
				position:absolute;
				top:10px;
				right:10px;
				z-index:750;
				background-color:#fff;
				padding:5px;
				line-height:16px;
				border:1px solid #999999;
				font-size:12px;
			}
			
			#content_banniere_js{
				position:absolute;
				z-index:250;
				border:1px solid #e2e2e2;
			}
		
			#template{
				padding:0 15px;
				min-height:640px;
				height:auto !important;
				height:640px;
				font-size:14px;
			}
			
				#template a{
					color:#599300;
					text-decoration:none;
				}
				
				#template a:hover{
					color:#060;
				}
		
		#content .bottom{
			clear:both;
			background:url(../../images/images/content.bottom.png) no-repeat top left;
			width:670px;
			height:10px;
		}

#footer{
	margin:0 0 20px 290px;
	clear:both;
}
	#footer ul{
		padding:0 15px;
		background:url(../../images/images/footer.backg.png) no-repeat;
		height:41px;
		line-height:41px;
		font-size:12px;
	}
	
	#footer a{
		text-decoration:none;
		color:#333333;
	}
	
	#footer .actif a,
	#footer a:hover{
		color:#FFF;
	}

	#footer ul li{
		display:inline;
	}
	
	#keywords{
		color:#666;
		font-size:10px;
		padding:10px 15px;
	}