@import url('reset.css');

#body{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
}

#bckg{
background:url(../images/arplan.jpg) no-repeat top center;
width:1070px;
height:723px;
margin:0 auto;
padding-top:27px;
}

#banniere{
height:142px;
width:910px;
margin:0 auto;
}

	#banniere a img{
	float:left;
	width:140px;
	height:142px;
	display:block;
	}
	
	#banniere span{
	display:none;
	}

	#banniere h1#paysage{
	background:url(../images/banniere.jpg) no-repeat;
	width:770px;
	height:142px;
	float:left;
	}

#content{
clear:both;
width:910px;
margin:0 auto;
}


#gauche{
width:140px;
height:465px;
float:left;
background: url(../images/colone_g_arplan.jpg) repeat-y;
text-align:center;
}

	#gauche .titre{
	background:url(../images/colone_g.jpg) no-repeat;
	height:56px;
	color: #FFFFFF;
	font-size:14px;
	font-weight:600;
	line-height:18px;
	}
	
	#gauche .base{
	background:url(../images/colone_g_base.jpg) no-repeat;
	height:29px;
	}
	
	#gauche ul{
	height:380px;
	}
	
	#gauche ul li{
	padding-top:46px;
	padding-bottom:46px;
	}

#centre{
width:633px;
height:465px;
float:left;
}
	#menu{
	height:50px;
	background:url(../images/temp_nav.jpg) no-repeat;
	}
	
	#menu span{
	display:none;
	}
	
	#menu li{
	display:inline;
	}
	
	#menu a{
	display:block;
	float:left;
	height:50px;
	}
	
	#accueil{
	width:95px;
	background:url(../images/temp_nav.jpg) no-repeat;
	}
	#accueil:hover{
	background-position:-640px;
	}
	
	#photos{
	width:85px;
	background:url(../images/temp_nav.jpg) no-repeat -95px 0;
	}
	#photos:hover{
	background-position:-735px;
	}
	
	#videos{
	width:85px;
	background:url(../images/temp_nav.jpg) no-repeat -180px 0;
	}
	#videos:hover{
	background-position:-820px;
	}
	
	#promotions{
	width:130px;
	background:url(../images/temp_nav.jpg) no-repeat -265px 0;
	}
	#promotions:hover{
	background-position:-905px;
	}
	
	#partenaires{
	width:125px;
	background:url(../images/temp_nav.jpg) no-repeat -395px 0;
	}
	#partenaires:hover{
	background-position:-1035px;
	}
	
	#archives{
	width:113px;
	background:url(../images/temp_nav.jpg) no-repeat -521px 0;
	}
	#archives:hover{
	background-position:-1161px;
	}	
	
	#texte{
	background:url(../images/contenu.jpg) no-repeat;
	height:415px;
	}

#droite{
float:right;
background: url(../images/droite_bcg.jpg) repeat-y;
text-align:center;
width:137px;
height:465px;
}

	#droite .titre{
	background:url(../images/droite_header.jpg) no-repeat;
	height:56px;
	color: #FFFFFF;
	font-size:14px;
	font-weight:600;
	line-height:18px;
	}
	
	#droite .base{
	background: url(../images/droite_footer.jpg) no-repeat;
	height:29px;
	}
	
	#droite ul{
	height:380px;
	}
	
	#droite ul li{
	padding-top:38px;
	padding-bottom:38px;
	}

#foot{
font-size:10px;
text-align:center;
color:#333333;
clear:both;
}

/* STYLE DIVERS */

.margeur{
padding:5px 10px 5px 5px;
text-align:center;
}

.liste{
text-align:left;
margin-bottom:15px;
}

.liste dt{
float:left;
width:25%;
}

.liste dd{
margin-left:25%;
padding-bottom:5px;
}

.margeur h2{
border-bottom:1px solid #333333;
color:#333333;
font-size:24px;
font-weight:100;
line-height:32px;
}

p{
line-height:18px;
padding:5px 0 3px 0;
}

.galeries dl{
width:190px;
margin:7px 5px 10px 5px;
float:left;
}
.galeries dt{
}
.galeries dt img{
border:1px solid #333333;
}
.galeries dd{
margin:5px 0 0 0;
}

.vignette{
width:468px;
float:left;
margin:0 15px 0 0;
text-align:left;
}
.menu_galerie{
width:110px;
float:left;
text-align:left;
}

.vignette ul li{
display:block;
margin:3px 3px 0 0;
float:left;
text-align:center;
}

img{ border:none;}

hr{
clear: both;
visibility:hidden;
}

.playeur{
padding:30px 0 0 35px;
}
.vivi{
width:480px;
}
.vivi p{
float:left;
}
.vivi form{
float:right;
}

.playeur h2{
padding:5px;
font-size:18px;
width:470px;
}

dl.sponsor{
text-align:center;
margin:0 5px 3px 0;
padding:0;
width:145px;
float:left;
}

.sponsor dt img{
border:1px solid #000000;
text-align:center;
background-color:#FFFFFF;
padding:5px;
}

.colones{
margin:20px 0 0 5px;
width:45%;
float:left;
}

.pages{
border:1px solid #0033CC;
margin:1px;
padding:1px;
background-color:#006699;
color:#FFFFFF;
}

.pages a{
color:#FFFFFF;
text-decoration:none;
padding:5px;
}

.right{
float:right;
margin:5px 0 5px 5px;
}

/* STYLES BASIK */
.Style1 {
font-weight: bold;
font-size: 14px;
}

.false{
width:190px;
height:107px;
border:1px solid #000000;
}

.pagination{
border-top:1px solid #333333;
margin:0;
padding:0;
}

a{
color:#0033CC;
}

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

.clear{ clear:both; }

.cg{
float:left;
width:45%;
text-align:left;
}

.cr{
float:right;
width:45%;
text-align:left;
}

.legende{
width:90%;
margin:0 auto;
}

/* GALERIE 2008 */
.galerie{
padding-top:5px;
height:350px;
}

.galerie a{
display:block;
width:125px;
text-align:center;
float:left;
margin-bottom:2px;
}

.pageur{
margin-top:20px;
clear:both;
text-align:center;
}

.pageur a{
padding:0 5px;
}

.g2008 a{
display:block;
float:left;
text-decoration:none;
text-align:center;
width:49%;
margin-top:15px;
}

.g2008 a span{
display:block;
padding-top:7px;
}

.actif{
background-color:#FF3300;
text-decoration:none;
color:#FFFFFF;
}

/* Partenaire 2008 */
.partenaireNew{
margin-left:2%;
}

.partenaireNew li{
display:block;
width:19.5%;
float:left;
height:115px;
}

.partenaireNew span{
display:block;
line-height:14px;
}

/* Maj 2009 */

.promoBig{
	font-size:24px;
	text-align:center;
	font-weight:bold;
	line-height:36px;
	padding-top:150px;
}

.archives a{
	display:block;
	float:left;
	width:50%;
	text-align:center;
	padding:1em 0;
	text-decoration:none;
}

.archives span{
	display:block;
	padding:1em 0 0 0;
}