/* 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');

/* Styles pour l'accessibilité W3C W.A.I. */
.w3c_wai{
display:none;
}

/* BODY */
#body{
font-family:Arial,Helvetica, sans-serif;
font-size:12px;
color:#010101;
background:#FFFFFF url(../../images/layout/background.jpg) repeat-x 145px 0px;
}

a{
text-decoration:none;
color:#1470cb;
}

a:hover{color:#ee3b33;}
#corps{
margin: 0 auto;
width:755px;}
#colone-gauche{
	float:left;
	width:225px;
	margin-top:150px;
	border:0px solid #000;}
	
#header_logo{
width:226px;
height:79px;
float:left;}
	
		#content_menu{
		width:225px;
		float:left;
		background-color:#42ace5;
		border:0px solid #000;
		}
			
			#content_menu ul{
			
			}
			
				#content_menu li{
				display:block;
				}
				
					#content_menu li a{
					/*background:url(../../images/layout/menu.a.png) no-repeat 15px 2px;*/
					background:url(../../images/images/menu.a.jpg) no-repeat 15px 2px;
					display:block;
					height:24px;
					line-height:24px;
					padding:0px 0px 0px 45px;
					color:#FFFFFF;
					font-size:12px;
					margin-bottom:5px;
					}
					
					#content_menu li.actif a, #content_menu li a:hover{
					background:url(../../images/layout/menu.li.actif.png) no-repeat top left;
					color:#ee3b33;
					}
				
				#content_menu .sous_menu{
				margin-left:25px;}
				
					#content_menu .sous_menu li a{
					font-size:12px;
					line-height:16px;
					background:none;
					color:#ffffff;
					height:16px;
					display:block;
					}
					
					#content_menu .sous_menu li.actif a, #content_menu .sous_menu li a:hover{
					/*background:url(../../images/layout/menu.sous.a.actif.png) no-repeat 20px 5px;*/
					background:url(../../images/images/menu.sous.a.actif.jpg) no-repeat 20px 5px;
					}
		
		
		
		#content_menu_bottom{
		/*background:url(../../images/layout/menu.footer.png) no-repeat top left;*/
		background:url(../../images/images/menu.footer.jpg) no-repeat top left;
		width:225px;
		height:114px;
		float:left;
		border:0px solid #000;}
		
#colone-droite{
	float:right;
	width:525px;
	border:0px solid #0f0;}

	#langues{
		float:left;
		margin-top:10px;
		margin-left:15px;
		}
			
			#langues li{
			float:left;
			}
			
				#langues a{
				/*background:url(../../images/layout/langue.png) no-repeat top left;*/
				background:url(../../images/images/langue.gif) no-repeat top left;
				width:27px; height:20px;
				display:block;
				float:left;
				color:#FFFFFF;
				font-size:12px;
				margin-right:5px;
				text-transform:uppercase;
				text-align:center;
				padding-top:5px;
				}
				
				#langues a:hover, #langues a.actif{
				/*background:url(../../images/layout/langue.actif.png) no-repeat bottom left;*/
				background:url(../../images/images/langue.actif.gif) no-repeat bottom left;
				color:#FFFFFF;
				}
				
		#contact{
			float:right;
			}
			
			#contact a{
				background:url(../../images/layout/contact.png) no-repeat bottom left;
				width:94px;
				height:30px;
				float:left;
				display:block;
				font-size:14px;
				color:#FFFFFF;
				padding:5px 0px 0px 40px;}
				
			#contact a:hover, #contact a.actif{
				background:url(../../images/layout/contact.actif.png) no-repeat bottom left;
				color:#ee3b33}

/* BANNIERE */
#content_banniere{
float:right;
position:relative;
background:url(../../images/layout/banner_fond.png) no-repeat;
width:522px;
height:218px;
padding-bottom:10px;}

	#content_slogan{
	position:absolute;
		top:30px;
		left:15px;
		z-index:600;
		padding:5px;
		background-color:#FFFFFF;
		line-height:16px;
		font-size:12px;
		text-align:left;
		border:1px solid #50BDF2;
	}

	
	#content_banniere_js{
	float:left;
	width:514px;
	height:217px;
	position:absolute;
	top:0px;
	left:4px;
	z-index:0;
	}
	.top_banner{
	background:url(../../images/layout/banner/top.png) no-repeat bottom left;
	position:absolute;
	z-index:100;
	width:522px;
	height:21px;
	display:block;
	top:0px;
	left:0px;}
	
	.left_banner{
	background:url(../../images/layout/banner/left.png) no-repeat top right;
	position:absolute;
	z-index:200;
	width:5px;
	height:194px;
	display:block;
	top:21px;
	left:0px;}

	.bottom_banner{
	background:url(../../images/layout/banner/bottom.png) no-repeat top left;
	position:absolute;
	z-index:300;
	width:522px;
	height:3px;
	display:block;
	top:215px;
	left:0px;}
	
	.right_bottom_banner{
	background:url(../../images/layout/banner/right_bottom.png) no-repeat top left;
	position:absolute;
	z-index:400;
	width:6px;
	height:111px;
	display:block;
	top:104px;
	right:0px;}
	
	.right_top_banner{
	background:url(../../images/layout/banner/right_top.png) no-repeat top left;
	position:absolute;
	z-index:500;
	width:69px;
	height:83px;
	display:block;
	top:21px;
	right:0px;}

/* CORPS */

#content_top{
	background:url(../../images/layout/content.haut.png) no-repeat bottom left;
	width:521px;
	height:28px;
	float:right;
	display:block;}	
	
	#content_top_no{
	background:url(../../images/layout/content.haut.png) no-repeat bottom left;
	width:521px;
	height:28px;
	float:right;
	display:block;
	margin-top:20px;}	
	#content_view{
	width:491px;
	padding:0px 15px 0px 15px;
	float:right;
	background:url(../../images/layout/content.repeat.png) repeat-y;
	/*position:relative;*/
	min-height:400px;
	height:auto !important;
	border:0px solid #00f;
	}
	
	
	
	#contenu{
	z-index:1000;
	position:absolute;
	top:0px; left:0px;
	display:block;
	}
	

		#content_view a{
		font-weight:bold;
		color:#1470cb;
		text-decoration:none;
		}
		
		#content_view a:hover, #content_view li.actif a{
		color:#ee3b33;
		}
#content_bottom{
background:url(../../images/layout/content.bas.png) no-repeat top left;
width:519px;
height:50px;
display:block;
float:right;}

/* FOOTER */

	#footer_menu{
	color:#5f5e5e;
	font-size:10px;
	line-height:18px;
	list-style-type:none;
	padding-bottom:40px;
	width:525px;
	float:right;
	text-align:right
	}
	
		#footer_menu li{
		display:inline;}
		
		#footer_menu li a{
		color:#5f5e5e;
		}
		
		#footer_menu li a:hover,#footer_menu li.actif a{
		color:#ee3b33;
		}
	
	#footer_keywords{
	clear:both;
	line-height:1.25em;
	text-align:justify;
	color:#CCCCCC;
	padding-top:2em;
	font-size:10px;
	}