.header {
margin: 0px auto;
width:950px;
height:66px;
padding-top:10px;
background: url(../img/festival-des-jeux.jpg) left bottom no-repeat;
}
.header, .header a{
color:#444444;
}
.header p {
display: block;
margin-left:100px;
float:left;
}
.header p a, .header p span{
display: block;
float:right;
}
.header p span{
padding-left:5px;
padding-right: 5px;
}
.header b{
display: block;
float: right;
margin-top:10px;
font-size: 15px;
text-align: right;
}
.header b span{
display: block;
float:right;
}
.header b #upimg, .header b #downimg{
display: block;
float:right;
width: 30px;
height:30px;
background: url(../img/puces/up.png) left no-repeat;
margin: 0px;
padding: 0px;
margin-top: -7px;
}
.header b #downimg{
background: url(../img/puces/down.png) right no-repeat;
}
.header b #upimg:hover{
background: url(../img/puces/up-over.png) left no-repeat;
}
.header b #downimg:hover{
background: url(../img/puces/down-over.png) right no-repeat;
}

.overfrise .attente{
width: 360px;
height:500px;
background: url(../img/pixel.png);
position: relative;
z-index: 100;
margin-left:605px;
}
.overfrise .inattente{
width:300px;
padding: 30px;
height:160px;
}
.overfrise .inattente h1{
color:orange;
}
.overfrise .pub{
width:300px;
height:250px;
margin: 0px auto;
}


.frise, .frise .p1, .frise .p2, .frise .p3, .frise .p4{
width:950px;
height:500px;
margin: 0px auto;
}

.topfrise{
background: url(../img/festival-des-jeux.png) left top no-repeat;
}
.topfrise span, .topfrise ul, .topfrise li{
padding: 0px;
}
.introasso{
margin-bottom: 0px;
padding-bottom: 0px;
}

.inpratique p{
padding-bottom: 0px;
padding-top: 0px;
//margin: 8px;

}
.inpratique h3{
padding-bottom: 0px;
padding-top: 0px;
margin: 0px;
}
#txt .left{
float:left;
margin-left:5px;
width:350px;
}
#txt .right{
float:right;
width:550px;
margin-right:10px;
}
#txt .assos span{
display: block;
float: left;
margin: 0px;
padding: 0px;
width:250px;
overflow: hidden;
}
#txt .assos{
background: url(../img/contenu/participants.png) 95% 50% no-repeat;
min-height: 300px;
}
.assos li:hover{
color:green;
font-weight: bold;
}
.assos li span a{
font-style: italic;
color:#006600;
}

.contenu{
margin-top:-72px;
}
.sscontenu{
background: url(../img/bg.png) 50% top repeat-y;
}
.menu {
height:105px;
background: url(../img/menu/bg.png) repeat-x;
width:950px;
margin: 0px auto;
}
.menu a, .menu span{
display: block;
float: left;
height:19px;
text-align: center;
padding-top:86px;
color:#2B3880;
font-weight: bold;
}

.menu .accueil{
width: 87px;
padding-left:20px;
background: url(../img/menu/accueil.png) no-repeat;
}
.menu .participants{
width: 73px;
background: url(../img/menu/participants.png) no-repeat;
padding-right:13px;
margin-left: 8px;
}
.menu .jeux{
width: 89px;
background: url(../img/menu/jeux.png) no-repeat;
margin-left:5px;
margin-right: 5px;
}
.menu .info{
width: 80px;
margin-left:10px;
padding-right: 10px;
background: url(../img/menu/info.png) no-repeat;
}
.menu .programme{
width: 84px;
background: url(../img/menu/programme.png) no-repeat;
}
.menu .presse{
float: right;
margin-right: 10px;
}
.menu span{
float:right;
padding-top: 79px;
background: url(../img/menu/right.png) right no-repeat;
}
.contenu1{
width: 950px;
margin: 0px auto;
background:url(../img/bg-contenu.png) top no-repeat;
height:320px;
}
.contenu1 div{
width: 232px;
height: 300px;
float: left;
margin:2px;
overflow: hidden;
}
.contenu1 .rdv{
background: #9DCDE4 url(../img/bleu.gif) 90% 100% no-repeat;
margin-left:5px;
}

.contenu1 .rdv p{
padding-left:75px;
padding-right: 8px;
margin:5px;
display: block;
}
.contenu1 .rdv .date{
padding-top: 10px;
padding-bottom: 10px;
background: url(../img/date.gif) left 18px no-repeat;
}
.contenu1 .rdv .date img{
margin-top:150px;
margin-top: 10px;
margin-bottom: 10px;
display: block;
}
.contenu1 .rdv .venir{
background: url(../img/venir.gif) left no-repeat;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 15px;
}
.contenu1 .rdv .contacter{
background: url(../img/contacter.gif) left no-repeat;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 15px;
}
.contenu1 .jour1{
background: #C9CD80 url(../img/vert.gif) 90% 100% no-repeat;
}
.contenu1 .jour2{
background: #FFB481 url(../img/orange.gif) 90% 100% no-repeat;
}
.contenu1 .jour3{
background: #DCA6A6 url(../img/rouge.gif) 90% 100% no-repeat;
}
.jour .journee{
margin: 23px auto;
height:20px;
text-align: center;
}
.jour .journee img{
padding: 2px;
padding-left: 3px;
padding-right: 3px;
}
.jour ul, .jour ul li{
margin: 0px;
padding: 0px;
}
.jour ul li{
padding: 10px;
}
.jour ul li strong{
font-weight: bold;
color:green;
}
.jour ul li b{
display: block;
font-size: 14px;
}
.contenu2{
clear: both;
margin-top: 10px;
width: 910px;
margin: 0px auto;
min-height: 100px;
padding:20px;
}
.contenu2 a{
font-weight: bold;
color:#0099CC;
}
.footer{
width: 100%;
clear: both;
padding-top:100px;
margin-bottom: 0px;
background: url(../img/footer.png) top no-repeat;
}
.footer p{
text-align: right;
padding-right: 50px;
}

#txt .animations{
margin: 0px;
padding: 0px;
}
#txt .animations p{
display: block;
width: 650px;
padding:5px;
margin: 0px;
margin-left:50px;
padding-bottom: 0px;
height:50px;
overflow: hidden;
}
.recapitulatif div{
margin-left:50px;
margin-bottom: 10px;
}
#txt .animations b{
color:orange;
display: block;
}
#txt .animations strong{
color:black;
font-size: 15px;
font-weight: bold;
margin-left:50px;
}
#txt .animations .clear{
margin-bottom:10px; 
}
#txt .animations .etage0{
background: url(../img/contenu/etage0.png) bottom no-repeat;
}
#txt .animations div span.etage0{
padding-top:30px;
background: url(../img/contenu/etage0-over.png) 10px 5px no-repeat;
}

#txt .animations .etage1{
background: url(../img/contenu/etage1.png) bottom no-repeat;
}
#txt .animations div span.etage1{
padding-top:30px;
background: url(../img/contenu/etage1-over.png) 10px 5px no-repeat;
}

#txt .animations .etage2{
background: url(../img/contenu/etage2.png) bottom no-repeat;
}
#txt .animations div span.etage2{
padding-top:30px;
background: url(../img/contenu/etage2-over.png) 10px 5px no-repeat;
}
#txt .animations .evt{
background: url(../img/contenu/evt.png) bottom no-repeat;
}
.evt h3{
margin: 0px;
padding: 0px;
margin-top: 10px;
}
#txt .animations div span.evt{
padding-top:30px;
background: url(../img/contenu/evt-over.png) 10px 5px no-repeat;
}

#txt .animations .recapitulatif{
background: url(../img/contenu/recapitulatif.png) bottom no-repeat;
}
#txt .animations div span.recapitulatif{
padding-top:30px;
background: url(../img/contenu/recapitulatif-over.png) 10px 5px no-repeat;
}
div.buvette{
padding-top:30px;
padding-left:50px;
margin-left: 0px;
margin-top:20px;
background: url(../img/contenu/buvette-over.png) 0px 5px no-repeat;
}


		/*
			Horizontal Accordion
		*/
		
		.horizontal_accordion_toggle {
			/* REQUIRED */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			height:330px;
			display: block;
			width: 30px;
			background:#a9d06a;
			text-decoration: none;
			outline: none;
			border-right: 2px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		#txt .animations .horizontal_accordion_toggle_active {
			background:#e0542f;
			border-right: 1px solid #f68263;
		}
		
		.horizontal_accordion_content {
			/* REQUIRED */
			height: 330px;	/* We need to define a height for the accordion as it stretches the width */
			float: left;	/* This make sure it stays horizontal */
			/* REQUIRED */
			
			overflow: hidden;
			color: #444444;
		}
			
			.horizontal_accordion_content p {
				width: 730px;
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
					
					
    /* Container styling*/
    #horizontal_container {
      margin: 20px auto 20px auto;
      width: 940px;   
      height: 100px;    
    }

/**** utilisˇ lors de l'ajax ***/
	.frise .intxt{
	position:relative;
	width:300px;
	z-index: 50;
	text-align: center;
	}
	.frise .inh1{
	font-family: Impact;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	margin-bottom: 25px;
	}