/* CSS Document */
@import url(header.css);
@import url(rollover.css);
@import url(bottom.css);
@import url(boutique.css);
@import url(menu_g.css);
@import url(barre_bas.css);
@import url(style.css);
@import url(festival.css);
@import url(download.css);
@import url(contact.css);
@import url(compl.css);

body {
	width: 100%;
	font: 11px verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #000;
	text-align: center;
	color: #fae8d7;
}




#global {
display:block;
	width: 948px;
	/*height: 500px;*/
	margin: auto;
	text-align: left;
/*	text-align:center; */
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;	
}

#pubhaut {
	position:absolute;
	left:3px;
	top:10px;
}


#logo h1 { display: none; }
#logo {
	height: 122px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	margin-bottom: 0px;
}

#menu_h {
	position: relative;
	right: 0px;
	text-align: right;
	height: 50px;
	margin-top: -30px;
	margin-bottom: -50px;
	font-weight: bold;
	font-size: 10px;
}
#menu_h a { color: #ffc809; text-decoration: none; }
#menu_h a:hover { text-decoration: underline; }
#mh1 { color: #ffc809; }
#mh2 { color: #ffc809; margin-right: 0px; }
#mh3 { color: #ccc; font-weight: 100; margin-right: 10px; }
#mh2, #mh3 { margin-top: 0px; }


#contenu {
	position: relative;
	text-align: center;
	width: 948px;
	background: url(../images/fond.gif) repeat-y;
}
/* RAJOUT SF Le 01-02-2010 */
#contenuI {
	position: relative;
	text-align: left;
	width: 948px;
	height:375px;
	border-bottom:1px solid #647D66;
	border-right:1px solid #647D66;
}
#topCover{width:722px; float:left; height:375px;}
#topPablo{position:absolute; top:0; left:0;width:272px; height:375px; z-index:100;}
#zonActu{float:left; position:relative; padding:1px 0 0 0; margin:0; height:375px; width:220px; background: url(../images/fd_gauche.png) no-repeat;}
#actuZ {
	/*position:relative;*/
	position: absolute;
	left: 45px;
	bottom: 84px;
	width: 177px;
	height: 90px;

}
.welcom{position: relative;
	left: 45px;
	top: 5px;
	width: 177px;
	height: 200px;

}


/* RAJOUT SF Le 01-02-2010 */

#reste_inform {
	/*position:relative;*/
	position: absolute;
	left: 1px;
	bottom: 0px;
	width: 183px;
	height: 64px;
	border-bottom: 1px solid #656362;
}
#reste_inform2 {
	/*position:relative;*/
	position: absolute;
	left: 40px;
	bottom: 4px;
	width: 177px;
	height: 51px;

}

.colones {
	position: relative;
	bottom: 0px;
	width: 149px;
	float: left;
	margin-left: 3px;
}
.colones p {
	text-align: left;
	font-size: 10px;
	padding: 5px;
}



#content {
	/*margin-left: 188px;*/
	margin-left: 192px;
	text-align: left;
	/*padding: 10px;*/
	padding-top: 50px;
	
}

.retour {
	display: block;
	padding-left: 20px;
	background: url(../images/retour.jpg) no-repeat left;
	text-align: left;
	color: #ffc809;
	text-decoration: none;
	margin-bottom: -10px;
}
.retour:hover { text-decoration: underline; }


.img3000 {
	float: right;
	margin: 15px 0 10px 30px;
	border: 3px solid #d3a403;
}
.img5000 { 
	float: right;
	margin: 10px 0 10px 30px;
	border: 3px solid #ee8702; 
}
/* ############### FLAGS ################ */
#flags{display: block; height:18px; left:15px; margin: 3px auto 0; padding:0; position: absolute; text-align: left; top:-30px; width:105px;}
#flags ul{margin:0; padding:0; list-style:none;}
#flags li{float:left; height:13px; margin:0 1px 0 0; padding:0; width:18px; text-align:center;}
#flags strong{display:block; font-variant: small-caps; font-weight:bold; position:relative; text-indent:-9000px;}
#flags a {display:block;text-decoration: none;line-height:11px;height:11px;font-size:1px; border:1px solid transparent;}
#flags a:hover{border:1px solid #ffffff;}
#flags .select{border:1px solid #ffffff;}
#flags .opacit_flag{ filter: alpha(opacity=60);     -moz-opacity: 0.6;     -khtml-opacity: 0.6;     opacity: 0.6; }
#flags a:hover .opacit_flag{ filter: alpha(opacity=100);     -moz-opacity: 0.9;     -khtml-opacity: 0.9;     opacity: 0.9; }  
/* ############### FLAGS ################ */

#content { width:756px; }