/* FONTS */

@font-face { 
	font-family: 'kroeger0555'; 
	src: url('/fonts/kroe0555.eot'); 
	src: local('kroeger0555'), url('/fonts/kroe0555.ttf') format('truetype'); 
}

@font-face { 
	font-family: 'museo500'; 
	src: url('/fonts/museo500.eot'); 
	src: local('museo500'), url('/fonts/museo500.ttf') format('truetype'); 
}

/* RESET + SETUP */
object:active, div:active {outline: none;-moz-outline-style:none;}
object:focus, div:focus {outline: none;-moz-outline-style:none;}
img, h1, h2, h3, h4, p, ul, ol, li, form, input {border:0px;padding:0;margin:0;}
.clearFloat {clear:both;}
.fleft {float:left;}
.fright {float:right;}


/* COMMON */

body {margin:0;padding:0;background-color:#FFF;font-family:Arial, Helvetica, sans-serif;}
.container {width:1100px;}


/* BG */

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	
	/* cahe pour le moment
	visibility:hidden;
	display:none;*/
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

/* FRAME */

#footer {
	clear:both;
	height:31px;
	background:#4e0000;
	font-family: 'kroeger0555';
	font-size:8px;
	position:fixed;
	left:0;
	width:100%;
	color:#fff;
	z-index: 10000;
	bottom:0;
	margin:0;
	padding:0;
}
#footer a {color:#fff;text-decoration:none;font-size:8px;}
#footer a:hover {text-decoration:underline;}

#bottom-menu {
	clear:both;
	height:30px;
	font-family: 'kroeger0555';
	font-size:8px;
	position:fixed;
	left:0;
	width:100%;
	color:#fff;
	z-index: 10000;
	bottom:31px;
	margin:0;
	padding:0;
	text-align:center;
	text-transform:uppercase;
}

#bottom-menu .unBouton {background:#141315;float:left;}
#bottom-menu .unBouton:hover, #bottom-menu .unBoutonFlash:hover {background:#000;}
#bottom-menu .unBouton a {font-size:8px;font-family: 'kroeger0555';text-decoration:none;color:#fff;display:block;padding:13px;}
#bottom-menu .unBoutonFlash {background:#141315;float:left;block;padding:6px;padding-bottom:7px;margin-left:10px;margin-right:10px;}


#logo {margin-bottom:40px;}
#menu {width:220px;}
#menu img {margin-bottom:5px;}

#adressetop {width:100%;font-family: 'kroeger0555';font-size:8px;position:relative;text-transform:uppercase;text-align:right;color:#fff;}

#slider {background:url(/images/bg_content.png);color:#fff;margin-top:80px;width:553px;height:168px;}
#slider h1 {color:#ff0e00;font-size:16px;font-family: 'museo500';}
#slider p {font-family: 'museo500';color:#fff;font-size:12px;margin-top:10px;}
#slider a {color:#ff0e00;text-decoration:none;}
#slider a:hover {text-decoration:underline;}
.uneNouvelle {padding-left:10px;padding-right:10px;overflow:auto;height:140px;margin-top:15px;margin-right:10px;}

#album {margin-top:80px;padding-left:33px;width:166px;}
#album img {border:1px solid #333;}

#content {position:relative;margin:30px;margin-top:0;}

.scroll {padding:15px;overflow:auto;height:300px;}

#content-txt-inner {border:10px solid #aca0a3;background:url(/images/bg_content_inner.png);position:relative;width:700px;height:330px;}
#content-txt-inner h1 {color:#4e0000;font-family: 'museo500';font-size:20px;text-transform:uppercase;font-weight:normal;}
#content-txt-inner h2 {color:#000;font-family: 'museo500';font-size:13px;text-transform:uppercase;margin-top:25px;font-weight:normal;}
#content-txt-inner p {color:#333;font-family: 'museo500';font-size:12px;margin-top:15px;line-height:15px;}
#content-txt-inner a {color:#4e0000;font-family: 'museo500';font-size:12px;text-decoration:none;}
#content-txt-inner a:hover {text-decoration:underline;}

.arial {font-family:Arial, Helvetica, sans-serif;}

.line {border-top:1px solid #333;margin-top:10px;padding-bottom:10px;}

.error {color:#666;font-size:12px;font-weight:bold;border:5px solid #F00;padding:20px;margin:20px;}
.success {color:#666;font-size:12px;font-weight:bold;border:5px solid #090;padding:20px;margin:20px;}
.boutonform {border: 2px solid #333;background:#fff;padding:3px;cursor:pointer;}
.boutonform:hover {border:2px solid #000;}

.b_album {font-family: 'museo500';font-size:13px;padding:3px;background:url(/images/bg_content.png);color:#fff;display:block;}
.b_album:hover {text-decoration:none;background:#000;color:#fff;}

#tpochettes img {border:1px solid #aca0a3;}
#tpochettes img:hover {border:1px solid #333;}

#submenu {position:relative;width:710px;}
#submenu .unBouton {background:#aca0a3;float:left;margin-right:5px;}
#submenu .unBouton a {padding:10px;color:#333;text-decoration:none;display:block;font-size:10px;text-transform:uppercase;}
#submenu .unBouton a:hover, #submenu .here {background:#4e0000;color:#fff;}

.titreVideo {font-size:14px;color:#4e0000;}
