@charset "utf-8";
/* CSS Document */

body {
	background: #000000;
	text-align: left;
	vertical-align: top;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

a { text-decoration: none; color:#FFFFC1; }
a:hover { text-decoration: underline; color:#FFFFFF; }
form { margin: 0px; padding: 0px; }



.sbulle {
	position:absolute;
	visibility:hidden;
	text-align:left;
	border:0px solid #FFFFFF;
	z-index:40;
	/* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
     filter:alpha(opacity=90);
	-moz-opacity:0.9;
	opacity: 0.9;
	padding: 5px;
	background: #FFFFFF;
}

.boxes {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #666666;
	width: 220px;
	border: 1px solid #CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px;
}
.boxesLight {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #666666;
	width: 240px;
	border: 1px solid #CCCCCC;
}

h1 {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 16px 0px 0px;
	padding: 22px 0px 0px 18px;
	float: left;
	position: relative;
	z-index: 92;
	background: url(images/wallpapers/TitreSite-INT_r1_c1.jpg) no-repeat left top;
	width: 308px;
	text-align: left;
	vertical-align: top;
}
h2 {
	float: left;
	position: relative;
	z-index: 14;
	width: 633px;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
	font: 28px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}


.textColor01 { color: #FFFFFF; }
.textColor02 { color: #FF679A; }
.textColor03 { color: #CCCCCC; }
.textColor04 { color: #000000; }
.textColor05 { color: #666666; }
.textColor06 { color: #53234A; }

.Texte8 { font: 8px Arial, Helvetica, sans-serif; }
.Texte10 { font: 10px Arial, Helvetica, sans-serif; }
.Texte11 { font: 11px Arial, Helvetica, sans-serif; }
.Texte12 { font: 12px Arial, Helvetica, sans-serif; }
.Texte13 { font: 13px Arial, Helvetica, sans-serif; }
.Texte14 { font: 14px Arial, Helvetica, sans-serif; }
.Texte15 { font: 15px Arial, Helvetica, sans-serif; }
.Texte16 { font: 16px Arial, Helvetica, sans-serif; }
.Texte18 { font: 18px Arial, Helvetica, sans-serif; }
.Texte20 { font: 20px Arial, Helvetica, sans-serif; }
.Texte22 { font: 22px Arial, Helvetica, sans-serif; }
.Texte26 { font: 26px Arial, Helvetica, sans-serif; }
.Texte30 { font: 30px Arial, Helvetica, sans-serif; }

.BoxesDeroul {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #BEBEBE url(images/wallpapers/wallpaperBoxesDeroul_r1_c1.jpg) repeat-x left top;
	width: 168px;
	border: 1px solid #CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px;
}
.BoxesDeroul2 {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000000;
	background: #BEBEBE url(images/wallpapers/wallpaperBoxesDeroul_r1_c1.jpg) repeat-x left top;
	width: 150px;
	border: 1px solid #CCCCCC;
	padding-top: 1px;
	padding-bottom: 1px;
}


#MAINCONTENER {
	position: relative;
	z-index: 0;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#NAVBAS {
	width: 738px;
	border-top: 17px solid #FF6699;
	position: relative;
	z-index: 0;
	background: url(images/wallpapers/WallpaperNavBas_r1_c1.jpg) no-repeat right bottom;
	padding: 10px 242px 8px 10px;
	clear: both;
	margin: 10px auto 20px;
}
#COPYRIGHTHOME {
	width: 970px;
	position: relative;
	z-index: 0;
	padding: 4px 10px 10px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: right;
	vertical-align: top;
}


#NAVHAUT-HOME {
	background: #000000 url(images/wallpapers/wallpaperMAINCONTENER-HOME_r1_c1.jpg) no-repeat right top;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	z-index: 90;
	height: 95px;
	width: 990px;
}
#NAVHAUT-INT {
	background: #000000 url(images/wallpapers/wallpaperMAINCONTENER-INT_r1_c1.jpg) no-repeat right top;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: left;
	position: relative;
	z-index: 90;
	height: 95px;
	width: 990px;
}
#NAVHAUT-INT-BARRELIENS {
	float: left;
	position: relative;
	z-index: 93;
	height: 31px;
	width: 990px;
	margin-top: 11px;
}
#BlocTopRetourAccueil {
	text-align: left;
	vertical-align: top;
	float: left;
	height: 22px;
	width: 170px;
	position: relative;
	z-index: 94;
	padding-top: 2px;
	padding-left: 14px;
}

#BlocTopThematique-INT {
	float: left;
	position: relative;
	z-index: 94;
	height: 29px;
	width: 205px;
	margin-left: 145px;
	text-align: left;
	vertical-align: top;
	padding-top: 1px;
}

#BlocTopVilles-INT {
	float: left;
	position: relative;
	z-index: 94;
	height: 29px;
	width: 182px;
	margin-left: 60px;
	text-align: left;
	vertical-align: top;
	padding-top: 1px;
}

#BlocTopProgramme-INT {
	float: right;
	position: relative;
	z-index: 94;
	height: 30px;
	width: 118px;
	text-align: left;
	vertical-align: top;
}

#LOGO-HOME {
	float: left;
	position: relative;
	z-index: 91;
	padding-top: 13px;
	padding-left: 15px;
	padding-right: 14px;
}

#LOGO-INT {
	float: left;
	position: relative;
	z-index: 91;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 10px;
}


#CarteFrance-HOME {
	float: left;
	position: relative;
	z-index: 92;
	padding-left: 0px;
	padding-top: 14px;
}

#CarteFrance-INT {
	float: left;
	position: relative;
	z-index: 92;
	padding-left: 4px;
	padding-top: 16px;
}

#BlocTopProgramme-HOME {
	float: right;
	position: relative;
	z-index: 94;
	margin-top: 60px;
	margin-right: 10px;
	width: 126px;
	padding-top: 2px;
}

#BlocTopThematique-HOME {
	float: right;
	position: relative;
	z-index: 94;
	margin-top: 63px;
	margin-right: 10px;
	width: 170px;
	text-align: left;
	vertical-align: top;
}

#CONTENER-INT {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 990px;
	position: relative;
	z-index: 10;
	text-align: left;
	vertical-align: top;
	background: #292929;
}

#CONTENER-TEXTEINT {
	float: right;
	position: relative;
	z-index: 12;
	width: 770px;
}


#BlocPhotoGauche {
	padding: 0px;
	float: left;
	height: 358px;
	width: 210px;
	position: relative;
	z-index: 11;
}

#BlocPhotoGaucheDiaporama {
	padding: 0px;
	float: left;
	width: 210px;
	position: relative;
	z-index: 11;
}

#BlocAgendaHome {
	float: left;
	height: 358px;
	width: 334px;
	position: relative;
	z-index: 11;
	margin-left: 8px;
}
#TitreAgenda {
	float: left;
	height: 20px;
	width: 334px;
	position: relative;
	z-index: 11;
}

#Agenda {
	float: left;
	z-index: 12;
	width: 334px;
	padding: 0px;
	position: relative;
	overflow: auto;
	height: 236px;
	border: 1px solid #757575;
	scrollbar-arrow-color:#DADADA;
	scrollbar-track-color:#000000;
	scrollbar-shadow-color:#7B7B7B;
	scrollbar-face-color:#333333;
	scrollbar-highlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-3dlight-color:#7B7B7B;
	font: 10px Arial, Helvetica, sans-serif;
}



.AgendaBlocItem{
	float: left;
	width: 290px;
	position: relative;
	z-index: 13;
	padding: 5px 5px 0px;
}
.AgendaVignette {
	z-index: 14;
	border: 4px solid #575757;
	float: left;
	position: relative;
}
.AgendaContenuItem {
	z-index: 14;
	float: right;
	position: relative;
	width: 210px;
	margin-top: 2px;
}
.AgendaVille {
	z-index: 15;
	float: left;
	position: relative;
	width: 210px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
.AgendaDatesEvenement {
	z-index: 15;
	float: left;
	width: 210px;
	position: relative;
	padding-top: 0px;
	padding-bottom: 2px;
	text-align: left;
	vertical-align: top;
	margin-top: 0px;
}
.AgendaBlocLien {
	z-index: 15;
	width: 210px;
	float: left;
	position: relative;
}
.AgendaLien {
	text-transform: uppercase;
	font-weight: bold;
}


#TitreActualites {
	float: left;
	height: 20px;
	width: 334px;
	position: relative;
	z-index: 11;
	padding-top: 1px;
}
#ActualitesHome {
	float: left;
	height: 74px;
	width: 334px;
	position: relative;
	z-index: 12;
	font: 10px Arial, Helvetica, sans-serif;
	background: #FF6699;
	overflow: auto;
}
.ActuVisuel {
	float: left;
	height: 64px;
	width: 64px;
	position: relative;
	z-index: 12;
	padding: 5px 8px 0px 5px;
}
.ActuTitre {
	padding-top: 7px;
	padding-right: 5px;
	font-weight: bold;
}
.ActuPetitDescriptif {
	padding-top: 2px;
	padding-right: 5px;
}







#BlocCarteVillesHOME {
	text-align: left;
	vertical-align: top;
	padding: 0px;
	float: right;
	height: 358px;
	width: 432px;
	position: relative;
	z-index: 12;
}

#BlocFlashHome {
	float: left;
	width: 990px;
	position: relative;
	z-index: 11;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.BlocINT-TITRE {
	float: left;
	width: 750px;
	position: relative;
	z-index: 13;
	padding-top: 14px;
	padding-bottom: 10px;
}

.TITREPAGERESULT {
	float: left;
	position: relative;
	z-index: 14;
	width: 650px;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
}
.TITREPAGEDETAILS {
	float: left;
	position: relative;
	z-index: 14;
	width: 633px;
	text-align: left;
	vertical-align: top;
	text-transform: uppercase;
}
.BlocINTretourHome {
	float: right;
	position: relative;
	z-index: 14;
	text-align: right;
	vertical-align: top;
	padding-top: 14px;
}

.BlocINTImprimer {
	float: right;
	position: relative;
	z-index: 14;
	text-align: right;
	vertical-align: top;
	padding-top: 14px;
}

.BlocINT-EVENTS-LISTE {
	float: left;
	width: 750px;
	position: relative;
	z-index: 13;
	border-top: 1px dotted #FFFFFF;
	padding-top: 12px;
	padding-bottom: 12px;
}
.BIEL-PHOTO {
	float: left;
	width: 178px;
	position: relative;
	z-index: 14;
}
.BIEL-CONTENU {
	float: right;
	width: 560px;
	position: relative;
	z-index: 14;
}
.BIEL-CONTENU-TITRE {
	padding-bottom: 4px;
	text-transform: uppercase;
}
.BIEL-CONTENU-DATE {
	padding-bottom: 10px;
	font-weight: bold;
}
.BIEL-CONTENU-TEXTE {
	padding-bottom: 8px;
	padding-top: 4px;
}
.BIEL-CONTENU-ENSAVOIRPLUS {
	background: url(images/wallpapers/PuceEnSavoirPlus_r1_c1.jpg) no-repeat 0px 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 17px;
	font-weight: bold;
}

.Photo01Diaporama {
	float: left;
	position: relative;
	width: 210px;
	height: 358px;
	z-index: 12;
}

.BtPlusDePhotos {
	background: url(images/wallpapers/BtPlusImages_r1_c1.jpg) no-repeat left top;
	height: 50px;
	padding-top: 10px;
	padding-left: 60px;
	text-indent: 16px;
	line-height: 18px;
	float: left;
	position: relative;
	font-weight: bold;
	width: 100px;
	z-index: 12;
	margin-left: 28px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.BlocCreditsPhoto {
	z-index: 12;
	float: left;
	position: relative;
	text-align: left;
	vertical-align: top;
	width: 180px;
	padding-top: 6px;
	padding-left: 4px;
	padding-bottom: 6px;
}

.BlocTexteMilieu {
	float: left;
	width: 730px;
	padding-top: 20px;
	border-top: 1px dotted #FFFFFF;
	position: relative;
	padding-left: 20px;
	padding-bottom: 10px;
}

.AgendaListeItem {
	z-index: 14;
	float: left;
	position: relative;
	width: 720px;
	padding-bottom: 10px;
}
.AgendaListePhoto{
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
	z-index: 15;
	border: 1px solid #666666;
}
.AgendaListeTexte{
	float: right;
	position: relative;
	z-index: 15;
	width: 680px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	
}

.BlocOptionsTriAgenda {
	float: left;
	width: 730px;
	position: relative;
	z-index: 13;
	text-align: right;
	vertical-align: top;
	padding-bottom: 14px;
}

.BlocTitreAgendaSaison {
	float: left;
	position: relative;
	z-index: 13;
	width: 708px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 22px;
	margin-bottom: 10px;
	background: #333333 url(images/wallpapers/PuceTitreTab_r1_c1.jpg) no-repeat 4px center;
}

.BlocTitreAgendaSaisonENCOURS {
	float: left;
	position: relative;
	z-index: 13;
	width: 708px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 22px;
	margin-bottom: 10px;
	background: #666666 url(images/wallpapers/wallpaperTitreSaisonENCOURS_r1_c1.jpg) no-repeat left top;
}


.blocLienTOP {
	float: left;
	width: 700px;
	position: relative;
	z-index: 13;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	background: url(images/wallpapers/PuceRetourTOP_r1_c1.jpg) no-repeat left center;
	margin-top: 20px;
}

.ActuDetailsVignette {
	float: left;
	position: relative;
	width: 50px;
	height: 40px;
}
.ActuDetailsTitre {
	float: right;
	position: relative;
	width: 675px;
	padding: 0px;
}
.ActuDetailsDescription {
	float: left;
	position: relative;
	width: 720px;
	padding-top: 20px;
	padding-bottom: 10px;
}

.ActuDetailsTitreToutesLesActus {
	background: #363636;
	float: left;
	height: 23px;
	position: relative;
	width: 730px;
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom: 10px;
}

.ActuDetailsToutesActusListe {
	float: left;
	width: 720px;
	position: relative;
}

.ActuDetailsTouesActusBloc {
	float: left;
	width: 695px;
	position: relative;
	background: url(images/wallpapers/PuceTitreActusAutre_r1_c1.jpg) no-repeat 8px 3px;
	padding-left: 25px;
	padding-bottom: 10px;
	padding-top: 0px;
}
#BLOCITEM {
	float: left;
	width: 750px;
	position: relative;
	z-index: 20;
	padding-top: 6px;
	border-top: 1px dotted #FFFFFF;
}

#BLOCITEMLEFT {
	float: left;
	position: relative;
	z-index: 21;
	width: 530px;
}

#BLOCITEMRIGHT {
	float: right;
	width: 180px;
	position: relative;
	z-index: 21;
	margin-right: 10px;
	vertical-align: top;
	padding-top: 10px;
}

.BlocItemDateTitre {
	z-index: 22;
	font-weight: bold;
	padding-bottom: 20px;
}

.BlocItemDescription {
	z-index: 22;
	padding-bottom: 20px;
}

.BlocItemLogosSmalls {
	z-index: 22;
	padding-top: 0px;
	padding-bottom: 20px;
}

.BlocItemContact {
	background: #FFFFFF url(images/wallpapers/WallpaperContact_r1_c1.jpg) repeat-x left bottom;
	padding: 10px 15px;
	float: left;
	position: relative;
	z-index: 22;
	width: 150px;
	text-align: left;
	vertical-align: top;
}
.BlocContactTitre {
	background: url(images/EvenementDetails/EnveloppeContact_r1_c1.gif) no-repeat 0px 3px;
	padding-top: 0px;
	padding-left: 18px;
	padding-bottom: 1px;
}
.BlocItemAdresse {
	padding-top: 3px;
	padding-bottom: 3px;
}

.BlocItemAdresseMail {
	background: url(images/EvenementDetails/ico-mail.png) no-repeat 0px 4px;
	padding-left: 14px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.BlocItemSiteWeb {
	background: url(images/EvenementDetails/ico-web.png) no-repeat 0px 4px;
	padding-left: 14px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.BlocItemBoutonsPack1 {
	float: left;
	width: 180px;
	position: relative;
	z-index: 22;
	padding-top: 12px;
	text-align: left;
	vertical-align: top;
}
.BlocItemBoutonsPack2 {
	float: left;
	width: 180px;
	position: relative;
	z-index: 22;
	padding-top: 10px;
	text-align: center;
	vertical-align: top;
	padding-bottom: 20px;
}

.BoutonsPacks { float: left; }