/* 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:#062658;
background:#6ab3f1 url(../../images/layout/main.backgrd.png) repeat-x;
}

a{
text-decoration:none;
color:#0099ff;
font-weight:600;
}

a:hover{color:#246EDF;}


#header{
margin:0 auto;
width:805px;}

	#corps{
	width:805px;
	position:absolute;
	}
	
		#header_logo{
		width:226px;
		height:149px;
		position:absolute;
		z-index:900;
		}
		
		#langues{
		position:absolute;
		background:url(../../images/layout/main.langues.png) no-repeat bottom right;
		width:198px;
		height:35px;
		display:block;
		right:0px;
		padding-top:10px;
		text-align:center;
		}
				
			#langues li{
			display:inline;
			padding-right:5px;
			}
				
				#langues a{
				color:#FFFFFF;
				font-size:11px;
				}
				
				#langues a:hover, #langues a.actif{
				color:#2068dd;
				}
				
		#menu_top{
		position:absolute;
		background:url(../../images/layout/main.top.png) no-repeat bottom right;
		width:324px;
		height:28px;
		display:block;
		right:0px;
		top:35px;
		padding-top:30px;
		}
		
			#menu_top li{
			display:inline;
			padding:3px 5px 3px 5px;
			margin-left:35px;
			}
			
				#menu_top li a{
				color:#FFFFFF;
				font-weight:600;
				text-transform:uppercase;
				font-size:11px;
				}
				
				#menu_top li.actif a{
				background-color:#ffe400;
				color:#666;
				padding:3px 5px 5px 5px;
				}
				
				#menu_top li.actif a:hover{

				color:#666;

				}
				
				
				#menu_top a:hover{
				color:#ffe400;}
				
		/* BANNIERE */
		#content_banniere{
		position:relative;
		background:url(../../images/layout/main.banner.bckgrd.png) no-repeat bottom left;
		width:803px;
		height:296px;
		top:95px;
		left:0px;
		}
	
			#content_slogan{
			position:absolute;
			top:15px;
			right:15px;
			z-index:300;
			padding:5px;
			background-color:#5CAAF0;
			line-height:40px;
			font-size:30px;
			font-weight:900;
			text-align:right;
			border:1px solid #246DDF;
			color:#FFFFFF;
			font-family:"Edwardian Script ITC",Arial,Helvetica;
			}
			
			#content_banniere_js{
			float:left;
			width:803px;
			height:296px;
			position:absolute;
			top:0px;
			left:0px;
			z-index:50;
			}
			
			.banner_top{
			background:url(../../images/layout/banner/top.png) no-repeat bottom left;
			position:absolute;
			z-index:100;
			width:803px;
			height:9px;
			display:block;
			top:0px; left:0px;			
			}
			.banner_left{
			background:url(../../images/layout/banner/left.png) no-repeat bottom left;
			position:absolute;
			z-index:150;
			width:16px;
			height:279px;
			display:block;
			top:9px; left:0px;			
			}
			.banner_bottom{
			background:url(../../images/layout/banner/bottom.png) no-repeat bottom left;
			position:absolute;
			z-index:200;
			width:803px;
			height:8px;
			display:block;
			top:288px; left:0px;			
			}
			.banner_right{
			background:url(../../images/layout/banner/right.png) no-repeat bottom left;
			position:absolute;
			z-index:150;
			width:4px;
			height:279px;
			display:block;
			top:9px; left:799px;			
			}
			
#contenu{
position:absolute;
top:340px;
width:805px;
border:0px solid #fff;
z-index:1200;}

#contenu_no{
position:absolute;
top:135px;
width:805px;
border:0px solid #fff;
z-index:1200;}
			
		/* MENU */
		#content_menu{
		float:left;
		width:229px;
		}
		
			#content_menu_top{
			background:url(../../images/layout/main.menu.top.png) no-repeat bottom left;
			width:229px;
			height:37px;
			display:block;
			}		
			
			#content_menu_js{
			background:url(../../images/layout/main.menu.repeat.png) repeat-y;
			}
			
				#content_menu_js li{
				margin-left:2px;
				}
				
					#content_menu_js li a{
					color:#FFFFFF;
					font-size:12px;
					font-weight:600;
					text-transform:uppercase;
					display:block;
					width:208px;
					height:30px;
					line-height:30px;
					padding-left:15px;
					border:0px solid #FFF;
					}
					
					#content_menu_js li.actif a, #content_menu li a:hover{
					background-color:#ffe400;
					color:#666;
					height:28px;
					border-bottom:1px solid #246EDF;
					border-top:1px solid #246EDF;
					}
				
				#content_menu_js .sous_menu{
				}
				
					#content_menu_js .sous_menu li a{
					font-size:12px;
					line-height:24px;
					color:#ffffff;
					height:24px;
					display:block;
					text-transform:none;
					padding-left:30px;
					width:193px;
					background:none;
					}
					
					#content_menu_js .sous_menu li.actif a, #content_menu_js .sous_menu li a:hover{
					background-color:#6ba9eb;
					color:#FFF;
					}		
		
			#content_menu_bottom{
			background:url(../../images/layout/main.menu.bottom.png) no-repeat top left;
			width:229px;
			height:15px;
			}
			
			
		
		/* CONTENT */
		#content{
		float:right;
		width:563px;
		margin-top:65px;
		}
		
		#content_no{
		float:right;
		width:563px;
		margin-top:0px;
		}
		
			#content_top{
			background:url(../../images/layout/main.content.top.png) no-repeat bottom left;
			width:567px;
			height:17px;
			display:block;
			}	
	
			#content_view{
			width:537px;
			padding:0px 15px 0px 15px;
			background:url(../../images/layout/main.content.repeat.png) repeat-y;
			min-height:400px;
			}

			#content_bottom{
			background:url(../../images/layout/main.content.bottom.png) no-repeat top left;
			width:567px;
			height:16px;
			display:block;
			}
			
		#novitis{
		text-align:right;}
			
			#novitis a{
			color:#3f8de7;
			font-size:11px;
			font-weight:normal;
			}
			
			#novitis a:hover{
			color:#FFE400;}
			
		#menu_bas{
		float:left;
		margin-top:-75px;
		}
			
				#menu_bas_top{
				background:url(../../images/layout/main.bottom.top.png) no-repeat bottom left;
				width:229px;
				height:15px;
				display:block;}
				
				#menu_bas_repeat{
				background:url(../../images/layout/main.bottom.repeat.png) repeat-y;
				width:229px;}
				
					#menu_bas_repeat a{
					color:#FFF;
					font-size:11px;
					font-weight:normal;
					line-height:16px;
					margin-left:15px;}
					
					#menu_bas_repeat li a:hover, #menu_bas_repeat li.actif a{
					color:#FFE400;
					background:none;}
				
				#menu_bas_bas{
				background:url(../../images/layout/main.bottom.bottom.png) no-repeat top left;
				display:block;
				width:229px;
				height:18px;}
		

		/* FOOTER */

		#footer_keywords{
		line-height:1.25em;
		text-align:justify;
		color:#369AEC;
		padding-top:2em;
		font-size:10px;
		clear:both;
		}