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

/* Ajout des modules complémentaires */
@import url('../modules/module.catalogue.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:#fff;
/*background:#000000 url(../../images/layout/background_new.jpg) top left fixed;*/
background:#000 url(../../images/images/body.backg.jpg) top left;
}

a{
text-decoration:none;
color:#ff9c00;
font-weight:bold;
}

a:hover{
color:#999999;
}

/* BANNIERE */
.banniere_cache_top{
position:absolute;
z-index:1000;
left:26px; top:124px;
border:0px solid #fff;
}
.banniere_cache_bottom{
position:absolute;
z-index:1000;
left:26px; top:341px;
border:0px solid #fff;
}

.banniere_bottom{
position:absolute;
z-index:1000;
left:8px; top:176px;
}

#content_banniere{
float:left;
	background:url(../../images/layout/banniere.bckg.png) top left no-repeat;
	width:955px; height:229px;
}

#content_banniere2{
float:left;
background:url(../../images/layout/banniere.bckg.png) top left no-repeat;
width:955px; height:209px;
padding-top:20px;
}

	#content_slogan{
	position:absolute;
	top:124px;
	left:26px;
	z-index:300;
	background-color:#fcac0d;
	padding:5px;
	line-height:21px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	}
	
	#content_slogan_autre{
	position:absolute;
	top:124px;
	left:26px;
	z-index:300;
	background-color:#fcac0d;
	padding:0px;
	line-height:31px;
	font-size:14px;
	color:#FFF;
	text-align:center;
	width:907px;
	}

	#content_banniere_js{
	position:absolute;
	z-index:100;
	left:26px;
	top:124px;
	}

/* CORPS */
#corps{
width:955px;
float:left;
background:url(../../images/images/corps.backg.jpg) top left no-repeat;
}

/* COLONE GAUCHE */
#colone_gauche{
clear:both;
width:270px;
float:left;
}


#logo{
padding:10px 0px 10px 0px;
width:270px;
background: url(../../images/layout/bckgd.logo.png) repeat-y top left;
text-align:center;
float:left;
}

#logo_bottom{
background:url(../../images/layout/bottom.logo.png) no-repeat top left;
height:16px;
width:270px;
display:block;
float:left;
}


#langues{
float:right;
height:18px;
margin:81px 10px 5px 0;
}

	#langues li{
	display:block;
	float:left;
	line-height:18px;
	height:18px;
	padding-right:2px;
	}
	
	#langues li a{
	letter-spacing:-1px;
	font-weight:normal;
	color:#FFF;}
	
	#langues li.actif, #langues li a:hover{
	/*background:url(../../images/layout/langue.actif.gif) no-repeat;*/
	color:#ffd350;
	}
	
	#langues .actif a{ color:#ffd350; }
	#langues .actif img, #langues a:hover img{ border-bottom:2px solid #F90; padding:0 0 2px 0; }

.menu_p_top{
background:url(../../images/layout/menu.top.png) top left no-repeat;
width:242px; height:17px;
float:right;
}

.menu{
background:url(../../images/layout/menu.repeat.png) repeat-y;
float:right;
}

.menu_p, .menu_p_bas{
width:242px;
}

	/* Item principal */
	.menu_p li, .menu_p_bas li{
	width:234px;
	margin-left:3px;
	margin-bottom:3px;}
	
	.menu_p a{
	font-size:14px;
	line-height:35px;
	display:block;
	text-align:left;
	padding-left:50px;
	color:#666666;
	}
	
	.menu_p a:hover, .menu_p .actif a{
	color:#FFFFFF;
	font-weight:bold;
	background: #FCAC0D url(../../images/layout/menu.actif.png) no-repeat 10px 0px;
		
	}
	
	/* Item secondaire */
	.menu_p .menu_hack{
	height:auto !important;
	min-height:1px;
	height:1px;
	padding:0 0 0 0;
	}
	
	.menu_p .sous_menu li{
	margin-left:0px;}
	
	.menu_p .sous_menu li a{
	font-size:12px;
	line-height:24px;
	padding-left:70px;
	text-align:left;
	font-weight:600;
	background:url(../../images/layout/ssmenu.jpg) no-repeat 50px 5px;
	}
	
	.menu_p .sous_menu li.actif a,.menu_p .sous_menu a:hover{
	background:#999 url(../../images/layout/ssmenu.hover.jpg) no-repeat 50px 5px;
	font-size:12px;
	line-height:24px;
	}

	.menu_p .menu_hack .menu_hack .sous_menu a{
	font-size:12px;
	line-height:21px;
	padding-left:0px;
	}
	
	.menu_p .menu_hack .menu_hack .sous_menu a:hover, .menu_p .menu_hack .menu_hack .sous_menu li.actif a{
	
	}
	
	.menu_p_bas a{
	font-size:11px;
	line-height:16px;
	display:block;
	text-align:left;
	padding-left:50px;
	color:#666666;
	font-weight:normal;
	}

	.menu_p_bas a:hover, .menu_p_bas .actif a{
	color:#FCAC0D;
	}

.menu_p_bottom{
background:url(../../images/layout/menu.bottom.png) top left no-repeat;
width:242px; height:20px;
float:right;
}

/* COLONE DROITE */
#colone_droite{
float:right;
width:678px;
}


/* CONTENT */

#content_top{
background:url(../../images/layout/content.top.png) top left no-repeat;
width:678px; height:17px;
float:right;
display:block;
}

#content_view{
height:auto !important;
min-height:487px;
height:487px;
padding:40px 15px 0 15px;
background:url(../../images/layout/content.center.png) top left repeat-y;
width: 643px;}

	#content_view a{
	
	}
	
	#content_view a:hover, #content_view li.actif a{
	font-weight:bold;
	}

#content_bottom{
background:url(../../images/layout/content.bottom.png) top left no-repeat;
width:678px; height:18px;
}

/* DIAPORAMA */
#diapo{
background:url(../../images/layout/dia_fond.png) no-repeat 0px 20px;
width:953px;
height:194px;
float:left;
margin-bottom:5px;
display:block;
margin-top:-10px;
}

/* FOOTER */
#footer{
width:678px;
float:right;
color:#ff4001;
text-align:right;
}

	#footer a{
	font-size:11px;
	color:#000;
	}
	
	#footer_novitis{
	color:#d09e51;
	}
	
	#footer_novitis:hover{
	color:#fff;
	}
	
	#footer_keywords{
	clear:both;
	padding:10em 0 1em 0;
	font-size:10px;
	line-height:1.25em;
	color:#BDA684;
	text-align:justify;
	}