/* CSS Document */
@import url('reset.css');
@import url('main.extend.css');
@import url('galerie.css');
@import url('tinymce.css');
@import url('pushup.css');

#body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	background:#f7f7f7 url(../images/body_bg.jpg) repeat-x;
}

#wrap{
	margin:0 auto;
	width:974px;
}

a{
	text-decoration:none;
}


/* Header */
#header{
	background:url(../images/header.bckg.jpg) no-repeat;
	height:124px;
	padding-top:10px;
}

	#surHeader{
		width:930px;
		margin:0 auto;
		padding-bottom:10px;
	}
	
		#logo{
			float:left;
		}

		#headerTopRight{
			float:right;
			text-align:right;
		}
		
			#menuHead li{
				display:inline;
				color:#666666;
			}
			
			#menuHead li a{
				color:#666666;
			}
			
			#menuHead li a:hover, #menuHead li.actif a{
				color:#000000;
				font-weight:bold;
			}
			
			#langues{
				float:right;
				margin-top:10px;
			}
			
			#langues li{
				display:inline;
			}
			
			#langues li a{
				display:block;
				float:left;
				font-size:11px;
				font-weight:bold;
				color:#000000;
				background:url(../images/langues.png) -54px 0 no-repeat;
				height:27px; width:50px;
				text-align:center;
				line-height:27px;
			}
			
			#langues li a:hover, #langues .actif{
				color:#FFFFFF;
				background-position:bottom;
			}
			
			#langues li.first a{
				background-position:top left;
				width:54px;
			}
			
			#langues li.first a:hover, #langues li.first .actif{
				background-position:bottom left;
			}
			
			#langues li.end a{
				background-position:top right;
				width:56px;
			}
			
			#langues li.end a:hover, #langues li.end .actif{
				background-position:bottom right;
			}

#menu_hor{
	padding:0 0 0 8px;
}

	#menu_hor li{
		display:inline;
	}
	
	#menu_hor .first a{	background:url(../images/menu.first.png) top right;	}
	#menu_hor .first a:active{
		background:url(../images/menu.first.enfonce.png);
		color:#FFFFFF;
	}
	
	#menu_hor .end a{ background:url(../images/menu.end.png) top right; }
	#menu_hor .end a:active{
		background:url(../images/menu.end.enfonce.png);
		color:#FFFFFF;
	}
	
	#menu_hor a{
		display:block;
		float:left;
		background:url(../images/menu.button.png) top right;
		width:160px;
		color:#333333;
		text-align:center;
		height:45px;
		line-height:45px;
		font-weight:bold;
	}
	
	#menu_hor a:active{
		background:url(../images/menu.button.press.png);
		color:#FFFFFF;
	}
	
	#menu_hor a:active,
	#menu_hor .first a:active,
	#menu_hor a:hover,
	#menu_hor .actif a{
		background-position:top left;
		color:#FFFFFF;
	}

#ssmenuh{
	clear:both;
	padding:5px 20px;
}
	#ssmenuh li{
		display:inline;
	}
	
		#ssmenuh li.actif a, #ssmenuh li a:hover{
			color:#0099ff;
			font-weight:bold;
		}
			
		#ssmenuh li a{
			color:#333333;
		}

/* Content */
#content a{
	color:#0099ff;
	font-weight:bold;
}

#content a:hover{
	color:#999999;
	text-decoration:none;
}

#content p{
	padding-bottom:1em;
}

#content{
	background:#f7f7f7 url(../images/content.bckg.png) no-repeat;
	padding:20px 22px;
	min-height:1050px;
	height:auto !important;
	height:1050px;
}

	.topleft,.topright,.bottomleft,.bottomright{
		position:absolute; width:15px; height:15px; top:0; left:0;
	}
	
	.topleft{ background:url(../images/top.left.png) no-repeat; }
	.topright{ background:url(../images/top.right.png) no-repeat; left:915px; }
	.bottomleft{ background:url(../images/bottom.left.png) no-repeat; top:253px; }
	.bottomright{ background:url(../images/bottom.right.png) no-repeat; top:253px; left:915px; }
	
	#content_banniere{
		width:930px; height:268px;
		position:relative;
		margin-bottom:20px;
	}
	
	#content_banniere_js{
		border:1px solid #cccccc;
		width:928px; height:266px;
	}
	
	#content_slogan{
		position:absolute;
		z-index:100;
		top:10px;
		left:10px;
		padding:10px;
		background:#FAFAFA;
		/*-moz-border-radius:5px;*/
	}

/* Footer */
#footer{
	padding:5px 22px;
	font-size:11px;
	color:#999999;
}
	
	#footer a{color:#0099ff;}
	#footer a:hover, #footer .actif a{color:#999999; font-weight:bold;}
	
	#footer #novitis{
		float:right;
		color:#999999;
	}
	
	#footer_menu li{
		display:inline;
	}
	
	#footer_keywords{
		padding:20em 0 1em 0;
		font-size:10px;
		line-height:1.5em;
		color:#ccc;
	}

/* Plugins */
.plugin_defilement{
	background:url(../images/fond_galerie_miniatures.gif) repeat-x top left;
	height:108px;
	margin-bottom:20px;
}

.prevPage{
	float:left;
	display:block;
	width:37px;
	height:108px;
	background:url(../images/btn.page.precedente.jpg) no-repeat;
	cursor:pointer;
}

.nextPage{
	display:block;
	width:37px;
	height:108px;
	background:url(../images/btn.page.suivante.jpg) no-repeat;
	float:right;
	cursor:pointer;
}

.prevPage:hover,.nextPage:hover{
	background-position:bottom;
}

div.scrollable{ 
    position:relative; 
    overflow:hidden; 
    width: 840px;
    height:92px;
	padding:7px 0 0 0;
	margin:0 auto;
}

div.scrollable div.items {
    width:20000em; 
    position:absolute;
}

div.scrollable div.items a { 
    float:left;
	width:105px; height:92px;
	text-align:center;
	display:block;
}

div.items img{
	border:1px solid #CCCCCC;
}