/* @override http://scopitone.lux.mediacd.fr/global/styles/2009/screen2009.css */

html {
	background-color: #7bc8c8;
}

body { 
	font-family:Arial,Helvetica,sans-serif; 
	font-weight:normal;
}

/* Génériques */

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
.container_12 {
	position: relative;
	margin: 0 auto;
}
.container_12 .grid_12{
	width: 960px !important;
	margin-left: 0px;
}

/* Header */
#header {
	width: 960px;
	height:190px;
	background: url(/global/images/2009/mcdtemplates/bg_header.gif) no-repeat 0 0;
}
#page #header {
	background: url(/global/images/2009/mcdtemplates/bg_header-page.png) no-repeat 0 0;

}
#header #baseline {
	display: none;
}
#header #logo a {
	width: 350px;
	height: 110px;
	display: block;
	text-indent: -500em;
	position: absolute;
	top: 70px;
	left:185px;
}
#header #boutonAchat a {
	width: 73px;
	height: 78px;
	background: url(/global/images/2009/mcdtemplates/boutonAchat.png) no-repeat 0 0;
	display: block;
	text-indent: -500em;
	position: absolute;
	top: 0px;
	right:238px;
}
#header #accueil a {
	text-decoration:none;
	font-size:14px;
	color:#fff;
	position: absolute;
	top:25px;
	left:60px;
}

#header #playlist {
	width: 150px;
	height: 170px;
	float:right;
	position: relative;
	top: 15px;
	right: 10px;
	/*background: url(/global/images/2009/mcdtemplates/bg_player.gif);*/
}

/* Générique, Publicité */

.bannerPub {
	margin: 10px 0 10px 9px;
}

.bannerPub span {
	font-family: Tahoma;
	font-size: 77%;
	color: #666;
	padding-left: 0px;
}
/* les flash à gauche et à droite */

#flashBackground {
	width: 98%;
	height: 600px;
	padding: 0 1%;
	position: absolute;
	top: 190px;
	left: 0;
}

/* La publicité à Gauche */

.contentPub140350 {
	width: 140px;
	height: 350px;
	display: block;
	margin: 10px auto;
	border: 1px solid #333;
	color: #666;
	background-color: #fff;
}
/* Générique, participer à Scopitone */

a#participation {
	background:transparent url(/global/images/2009/mcdtemplates/btparticipation.png) no-repeat left bottom;
	clear:both;
	display:block;
	height:110px;
	margin:0 0 0 9px;
	text-indent:-1500em;
	width:140px;
}

/* Générique, lien */

p.link {
	margin-top: 0.8em;
	text-align: right;
	font-weight: normal;
	color: #333;
}

p.link a, p a.link {
	color: #4f4f4f;
	text-decoration: none;
}

p.link a:hover {
	text-decoration: underline;
}
p a.lien {
	background: url(/global/images/2009/mcdtemplates/picto_liensWeb.png) no-repeat top left;
	padding: 7px 0px 6px 30px;
	color:  #4f4f4f;
	margin: 5px 0 5px 0;
	text-decoration: underline;
}
.blocBleu p {
	line-height: 138.5%;
}
.blocBleu p a.lien {
	background: url(/global/images/2009/picto_liensWeb-boxbleu.png) no-repeat center left;
	padding: 7px 0px 6px 30px;
	line-height: 200%;
	color:  #4f4f4f;
	text-decoration: underline;
}
p.link a.allActus {
	background: url(/global/images/2009/mcdtemplates/picto_allActus.png) no-repeat top left;
	padding: 3px 0px 5px 18px;
}
p a.btRetour {
	padding: 3px 0px 3px 28px;
	background: url(/global/images/2009/mcdtemplates/picto_retour.png) no-repeat center left;
	color: #7bc8c8;
	font-weight: bold;
	text-decoration: none;
	float: left;
}
a.btRetour {
	padding: 3px 0px 3px 28px;
	background: url(/global/images/2009/mcdtemplates/picto_retour.png) no-repeat center left;
	margin: 1em 0 2em 0;
	color: #7bc8c8;
	font-weight: bold;
	text-decoration: none;
}
/* Zone Flash */

#header #zoneFlash{
background-color: #ffed00;
margin: 0;
padding: 0;
display: none;
}

#homepage #zoneFlash {
height: 220px;
width: 540px;
}
#header #ZoneFlash {
position: absolute;
left: 520px;
top: 80px;
}

#header #blocCompteur {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 47px;
	left: 27px;
}

/* Sidebar */
/* PLAYLIST */

body#popUp {
	text-align: center;
	float: left;
	/*background: url(/global/images/2009/bgPlayerPopup.jpg) no-repeat top left;*/
	background-color: #;
}

#playlist.popUp {
	width: 230px;
	margin: 16px 10px 0 10px;
	background: none;
}

#playlist.popUp h1 {
	text-align: left;
	font-weight: bold;
	font-size: 93%; /* 12px */
	padding: 5px 0 5px 10px;
	color: #fff; 
	margin-bottom: 10px;
}
/* Grille modifiée pour la sidebar */

#sidebar {
	width: 150px;
}

/*  Bloc Principal */
#blogHome {
	width: 100%;
	float: left;
	background:#fff;
}



.resumeActu {
	width: 240px;
	float: left;
	margin: 10px;
}

#colBlanche .resumeActu {
	width: auto;
	float: left;
	margin: 0px;
}

#blogHome .infoBlog {
	font-weight: bold;
	margin-bottom : 5px;
}

#blogHome .infoBlog span {
	float: left;
	clear: both;
}
#actualitesHome {
	width: 100%;
	float: left;
	background: #fff;
}
#blocPrincipal {
	background: url(/global/images/2009/mcdtemplates/bg_body.png) repeat-y top left;
	padding-bottom: 45px;
}

.uneColonne #blocPrincipal {
	background: url(/global/images/2009/mcdtemplates/bg_body-uneCol.png) repeat-y top left;
}

#mainContent {
	overflow: hidden;
}

#editContent {
	background: #fff url(/global/images/2009/mcdtemplates/bg_editContent.png) no-repeat top left;
	padding-top: 20px;
	padding-bottom: 40px;
	position: relative;
}

.content_seul #editContent {
	padding-top: 0px;
	padding-bottom: 10px !important;
	background: #fff none;
}

.content_seul #editContent h3 {
	padding-bottom: 15px;
}
#page #editContent {
	background: #fff url(/global/images/2009/mcdtemplates/bg_editContent-page.png) no-repeat top left;
}

.thickboxFrame #editContent {
	padding-bottom: 0px;
}

#page.uneColonne #editContent {
	background: #fff url(/global/images/2009/mcdtemplates/bg_editContent-page_uneCol.png) no-repeat top left;
}

h1 {
	font-size: 131%;
}

#editContent h2{
	font-size: 123.5%;
	padding: 10px 10px 10px 0px;
	color: #7bc8c8;
	text-transform: uppercase;
}

#editContent h2#titre {
	padding: 10px 10px 10px 10px;
}

#editContent .blocBleu h2 {
color: #fff;
}
#editContent .blocBleu h2 a {
color: #fff;
}
#editContent h2 a {
	color: #7bc8c8;
}

#editContent h3, #editContent h3 a {
	font-size: 116%;
	color:  #000;
	font-weight: bold;
	padding: 0 10px 5px 0px;
}

.blocBleu {
	background-color: #bde3e3;
	padding: 20px 10px;
	margin-bottom: 10px;
}
.blocVide {
	padding: 10px;
	margin-bottom: 10px;
}

/* altContent */
#altContent {/*float: right;*/}
#colBlanche {
	background: #fff url(/global/images/2009/mcdtemplates/colBlanche-bottom.gif) no-repeat bottom left;
	padding-bottom: 25px;
}

#colBlanche h3 {
	background: #000;
	padding: 5px;
	margin-bottom: 5px;
	color: #7bc8c8;
	text-transform: uppercase;

}
#colBlanche .item_galerie {
	overflow: hidden;
}
#colBlanche .item_galerie h4 {
	background: url(/global/images/2009/mcdtemplates/puce_h4.png) no-repeat center left;
	padding-left: 10px;
	margin-top: 5px;
	color: #7bc8c8;
	text-transform: uppercase;
	font-size: 93%;
}
#colBlanche .item_galerie h4 a {
	color: #7bc8c8;
}

#colBlanche .item_actus h4 {
	margin-top: 5px;
	color: #7bc8c8;
	font-size: 93%;
	font-weight: bold;
}

#colBlanche .item_actus p.link a {
}

#colBlanche p {
	padding: 0 5px;
	font-size: 93%;
}

#colBlanche .colBlanche_content {
	padding: 0 5px;
	margin-bottom: 15px;
}

#colBlanche .colBlanche_content p {
	padding-left: 0;
	padding-right: 0;
	font-size: 85%;
	color: #4f4f4f;
}


/* vidéos */

.item_video {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}

#colBlanche .item_video p {
	font-weight: bold;
	padding-left: 0;
	padding-right: 0;
}

#colBlanche .item_gallery p {
	padding-left: 0;
	padding-right: 0;
}

.item_video span.duree {
	color: #656565;
}

.item_video p img {
	float: left;
	margin: 0 5px 5px 0;
}

/* scopitone by me */

#scopitoneByMe {
	width: 240px;
	height: 105px;
	display: block;
	background: url(/global/images/2009/mcdtemplates/bt_scopitoneByMe.gif) no-repeat top left;
	text-indent: -1500em;
	position: relative;
	left: -20px;
	margin: 10px 0 25px 0;
	display: none;
}

/* partenaires */

#partenaires {
	width: 220px;
	height: 105px;
	background: url(/global/images/2009/mcdtemplates/bg_partenaires.png) no-repeat top left;
	text-align: center;
}
span#animationDiaporama {
	width: 220px;
	height: 105px;
	display:block;
	left: 0;
	margin-top: 20px;
}

span#animationDiaporama img {
	padding: 20px 0 0 35px;
}
/* actualités */

.item_actualites {
	margin: 20px 0px;
}
.item_actualites img {
float: left;
margin:  0 10px 5px 0;
}
.item_actualites h3 {
font-size: 93%;
font-weight: bold;
margin-bottom: 10px;
}

#editContent .item_actualites h3 {
color:  #333 !important;
padding:0px;
}
#editContent p {
font-size: 93%;
}

#editContent p.ter {
	color:#301C1A;
	margin:0 0 5px;
}

#editContent .Texte {
padding: 10px;
}
#editContent #leProgramme {
	overflow: hidden;
	float: left;
}
#editContent #leProgramme p {
	margin: 0px;
}
.item_actualites p {
font-size: 93%;
}

.item_actualites p.link {
clear: both;
}

#editContent p.post_name, #editContent span.post_date {
display:none;
}

/* Fiche Artiste */
#editContent h2, #editContent h3 {
}

#editContent h3 {
padding: 10px 0 2px 0;
}

#editContent .blocBleu h3 {
padding-top: 0px !important;
color: #fff;
}
.colArtiste {
width: 28%; float: left;margin: 2% ;
background-color: #ffffff;
}

.colArtiste .blocBleu {
margin-top: 20px;
}

#editContent .colArtiste h3.arts {
	color: #bae751 !important;
	background:transparent url(/global/images/2009/mcdtemplates/legende_artsNumeriques.png) no-repeat scroll left top;
	padding: 1px 0px 8px 25px;
	height: 40px;
}

#editContent .colArtiste h3.concerts {
	color: #46f2e8 !important;
	background:transparent url(/global/images/2009/mcdtemplates/legende_concerts.png) no-repeat scroll left top;
	padding: 1px 0px 8px 25px;
	height: 40px;
}

#editContent .colArtiste h3.jeune {
	color: #ffbbdf !important;
	background:transparent url(/global/images/2009/mcdtemplates/legende_jeunePublic.png) no-repeat scroll left top;
	padding: 1px 0px 8px 25px;
	height: 40px;
}

#video {
	padding: 10px;
	text-align: center;
	}

.colBlanche_content #video {
padding: 0;
} 

#editContent p a, a {
	color: #3e3e3e;
}

#editContent ul li {
	background: url(/global/images/2009/mcdtemplates/puce_li.png) no-repeat 0px 4px ;
	padding-left: 10px;
	margin: 0.3em 0;
	color: #4f4f4f;
}
#editContent ul.arts li {
	background: url(/global/images/2009/puces_arts.gif) no-repeat 0px 4px ;
}
#editContent ul.concerts li {
	background: url(/global/images/2009/puces_concerts.gif) no-repeat 0px 4px ;
}
#editContent ul.jeune li {
	background: url(/global/images/2009/puces_jeune.gif) no-repeat 0px 4px ;
}
#editContent ul {
	margin: 0.5em 0 0.8em 0;
}
#editContent ul.arts li a,
#editContent ul.concerts li a,
#editContent ul.jeune li a {
	color: #333 ;
	text-decoration: none;
}
#editContent ul.jeune {
	background: #fff;
}
#editContent ul li a {
	color: #7bc8c8 ;
	text-decoration: none;
}
#editContent ul.arts li a:hover {
	color: #bae751;
	text-decoration: none;
}
#editContent ul.concerts li a:hover {
	color: #46f2e8;
	text-decoration: none;
}
#editContent ul.jeune li a:hover {
	color: #ffbbdf ;
	text-decoration: none;
}
#editContent ul li a:hover {
	text-decoration: underline;
}
#editContent .blocBleu ul li a {
	color: #fff;
}
#editContent object {
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#boutonReservation {
	width: 110px;
	height: 30px;
	position: absolute;
	right: 20px;
	top: 8px;
}
#boutonReservation a {

}
#page .content_seul #editContent {
background-image: none;
}

#page .content_seul #editContent img {
	width: 540px;
}
.content_seul a.savoirPlus {
	background: url(/global/images/2009/mcdtemplates/picto_programmation.png) no-repeat center left;
	padding: 4px 10px 5px 30px;}
#boutonReservation a.reservez,
a.resa_programme {
	width: 110px;
	height: 30px;
	display: block;
	text-indent: -1500em;
	background: url(/global/images/2009/mcdtemplates/bt_reservation.png) no-repeat top left;
	float:right;
}
.content_seul a.reservez {
	position: relative;
	top: 7px;
	right: 20px;
}

.content_seul p.link {
	padding-bottom: 10px;
}
p.ligne_gratuit {
	float:left;margin-left: 5px; color: #4F4F4F !important;
}
p.ligne_gratuit span {
	color: #4f4f4f !important;
}
span.gratuit {
	background:transparent url(/global/images/2009/mcdtemplates/picto_gratuit.png) no-repeat scroll left center;
	height:14px;
	width:15px;
	float: right;
	padding-left: 18px;
	margin-top: 10px;
	margin-right: 35px;
	font-weight: bold;
	color: #7bc8c8;
}
#enPlus h3{
	color: #7bc8c8;
	text-transform: uppercase;
	background: url(/global/images/2009/mcdtemplates/picto_programmation.png) no-repeat top left;
	padding: 4px 0 3px 25px;
}
#enPlus h3.date {
	margin: 8px 0 0 0;
	color: #7bc8c8;
	text-transform: uppercase;
	background: url(/global/images/2009/mcdtemplates/picto_programmation.png) no-repeat center left;
	padding: 4px 0 3px 30px;
}
#enPlus h3.plan {
	margin: 8px 0 0 0;
	color: #7bc8c8;
	text-transform: uppercase;
	background: url(/global/images/2009/mcdtemplates/picto_acces.png) no-repeat center left;
	padding: 4px 0 3px 30px;
}

div.item_programmation {
background: url(/global/images/2009/mcdtemplates/bg_programmation.png) no-repeat top left;
padding: 10px;
position: relative;
}
.item_programmation p {
margin: 0 0 0.2em 0;
}
p#datePicto {
position: absolute;
top: 7px;
left: 8px;
color:  #ffed00;
font-weight: bold;
font-size: 22px;
}

p.infosTitre {
color:  #fff;
width: 490px;
padding:  2px 5px 0 0;
height: 16px;
}


p.infos {
width: 440px;
padding-left: 50px;
clear: both;
}
p.infos {
font-weight: bold;
}

span.lieu {
float: left;
width: 200px;
margin-left: 50px;
font-size: 93%;
font-weight: bold;
text-transform: uppercase;
}
span.tarifs,span.genre {
width: 240px;
float: right;
font-size: 93%;
text-align: right;
}
p.tarification span.tarifs {
width: 240px;
float: left;
font-size: 93%;
text-align: left;
font-style: italic;	
}
span.date {
font-size: 93%;
float: left;
width: 200px;
color: #7bc8c8;
}
p.infosAutres, p.tarification {
font-size: 93%;
width: 460px;
padding-left: 30px;
clear: both;
color:  #4f4f4f;
font-weight: bold;
}

/* Programmation */

#triBox {
}

div.triProgramme {
width: 400px;
float: left;
}

div.triProgramme {
color: #666;
}

div.triProgramme select {
}

#program_download {
float: right;
margin: 10px 0 0 0 ;
padding-right: 10px;
}
	#program_download a {
	color: #000;
	padding: 5px 5px 5px 20px;
	text-decoration: none;
	background: url(/global/images/2009/mcdtemplates/bt_download-prog.png) no-repeat left center;
	}
	
#editContent ul#legende {
margin-left: 10px;
float: left;
}
	ul#legende li {
	display: inline;
	float: left;
	margin-right: 15px;
	background: transparent none;}

	ul#legende li a {
	display: block;
	width: auto;
	color:  #4f4f4f;
	text-decoration: none;
	padding: 5px 5px 5px 30px;
	}

		li.enfance a {
		background: url(/global/images/2009/mcdtemplates/legende_jeunePublic.png) no-repeat left center;
		}

		li.arts a {
		background: url(/global/images/2009/mcdtemplates/legende_artsNumeriques.png) no-repeat left center;
		}

		li.concerts a {
		background: url(/global/images/2009/mcdtemplates/legende_concerts.png) no-repeat left center;
		}

/* affichage tableau */

.container_5 {
}
#contentProgramme {
	background: url("/global/images/2009/mcdtemplates/bg_programme.png") repeat-y top left;

}
.salle {
	margin: 5px 0;
	float: left;
}
.titre{
	background: url(/global/images/2009/mcdtemplates/prog-bg_titre.png) no-repeat top right;
}
.heureProg {font-weight: bold;}
#editContent .titre h3 {
	background: url(/global/images/2009/mcdtemplates/prog-bg_titre-left.png) no-repeat top left;
	text-align: center;
	width:100% !important;
	font-size: 85%;
	color: #fff !important;
	padding: 3px 0px 1px 0px  !important;
	text-transform: uppercase;
}
#editContent .titre h3 a {
	color: #fff;
}

.box-enfance,
.box-arts,
.box-concerts {
	position: relative;
	margin-bottom: 2px;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
	}

.box-enfance.hidden,
.box-arts.hidden,
.box-concerts.hidden {
	opacity: .4;
	filter: alpha(opacity = 40);
}
	
	.box-enfance {
		background: #ffbcdf url(/global/images/2009/mcdtemplates/bg_box-enfance.png) repeat-x bottom left;
	}
	.box-arts {
		background: #bfee5a url(/global/images/2009/mcdtemplates/bg_box-arts.png) repeat-x bottom left;
	}
	.box-concerts {
		background: #50f7f0 url(/global/images/2009/mcdtemplates/bg_box-concerts.png) repeat-x bottom left;
	}	
/*Arrondis*/
.tl,.tr { position: absolute; top: 0; display: block;}
.bl,.br { position: absolute; bottom: 0; display: block; width: 3px; height: 3px;}
.tl,.bl { left: 0;}
.tr,.br { right: 0;}
.tl {background-position: top left;}
.bl {background-position: bottom left;}
.tr {background-position: top right;}
.br {background-position: bottom right;}

.tl, .tr {
	width: 3px; height: 3px;
	z-index: 2;
}
.box-enfance .tl,.box-enfance .tr {
	background-image: url(/global/images/2009/mcdtemplates/bg_event-enfance.gif);
	width: 5px; height: 3px!important;
	z-index: 2;
}
.box-arts .tl,.box-arts .tr {
	background-image: url(/global/images/2009/mcdtemplates/bg_event-arts.gif);
	width: 5px; height: 3px!important;
	z-index: 2;
}
.box-concerts .tl,.box-concerts .tr {
	background-image: url(/global/images/2009/mcdtemplates/bg_event-concert.gif);
	width: 5px; height: 3px!important;
	z-index: 2;
}
.box-enfance .bl,.box-enfance .br {
	background-image: url(/global/images/2009/mcdtemplates/bg_event-enfance.gif);
	width: 5px; height: 10px!important;
	z-index: 2;
}

.box-arts .bl,.box-arts .br {
	background-image: url(/global/images/2009/mcdtemplates/bg_event-arts.gif);
	width: 5px; height: 10px!important;
	z-index: 2;
}

.box-concerts .bl,.box-concerts .br {
	background-image: url(/global/images/2009/mcdtemplates/bg_event-concert.gif);
	width: 5px; height: 10px!important;
	z-index: 2;
}

p.horaires,
p.description {
	color: #4f4f4f;
	text-transform: uppercase;
	display: block;
	clear: both;
	float: none;
}
#editContent ul.description li {
background-image: none;
color:#4F4F4F;
text-transform: uppercase;
margin:0.3em 0;
padding:0px 3px;
clear:both;
font-size: 0.8em;
}
#editContent ul.description li a {
color: #4f4f4f;	
}
p.horaires {
	padding: 2px 3px;
	font-size: 85%;
}
p.horaires span {
	float: left;
	font-weight: bold;
}
p.horaires span.gratuit {
	width: 15px;
	height: 14px;
	background: url(/global/images/2009/mcdtemplates/picto_gratuit.png) no-repeat top left;
	text-indent: -500em;
	float: left;
	padding-left: 0;
	margin-top: 0;
	margin-right: 5px;
	font-weight: normal;
	color: #7bc8c8;
}
p.description {
	padding: 2px 5px;
	font-size: 77%;
}
p.description a {
	color: #4f4f4f;
	text-decoration: none;
}
p.description a:hover {
	text-decoration: underline;
}
	/* Le dock */

#portfolio {
	width: 520px; 
	height: 120px; 
	position: relative;
	text-align: center;
	float: left;
	margin: 10px;	
	}

#portfolio h3 {
	text-align: left;
	}
.dock {
position: relative;
left: 0;
height: 50px; 
text-align: center;
float: left;
}

.dock-item {float: left;}

	/*= FORMULAIRE =*/

	form p, form div.field_line {
		width: 96%; 
		margin: 5px;
		clear: both; 
		text-align: left;
		}

	label, .pseudoLabel {
		width: 195px; 
		text-align: right; 
		float: left; 
		margin: 7px 5px 5px 0;
		}

	label.float {
		width: auto !important;
		text-align: left;
		}

	label.floatlong {
		width: 100px !important;
		margin: 0 5px 0 0;
		text-align: left;
		}

	label.listPostes {
		width: 400px !important; 
		float: left;
		}

	label.float input {
		margin: 0 5px 0 5px;
		}
	.benevoles p {
		width: 450px;
	}
	.benevoles label, .benevoles span.pseudoLabel {
		width: 195px;
		}

	.benevoles textarea {
		width: 210px;
		}

	.benevoles textarea.remarques {
		float: left; 
		width: 415px; 
		height: 60px;
		}

	.benevoles h3 {
		float: left; 
		width: 480px; 
		font-weight: bold; 
		color: #7bc8c8 !important;
		}

	.benevoles h4, .benevoles label h4 {
		float: left;
		width: 410px; 
		font-weight: bold; 
		color: #666; 
		text-align: left;
		}

	input.field_radio {
		float: left; 
		width: 10px; 
		border: none;
		margin: 5px;
		}

	textarea {
		width: 270px; 
		margin: 5px 0 ;
		float: left;
		border: 2px solid #bde3e3;
		}

	.mode_field_line {
		width: 270px;
		float: left;
		margin: 7px 5px 5px 0;
	}
	.checkbox_line {
		margin: 0 0 8px 0;
	}
	.field_checkbox {
		margin: 0 5px 0 0 ;
	}
	input.textfield, input.email {
		width: 150px; 
		float: left;
		margin: 5px 0 ;
		border: 0;
		border-bottom: 2px solid #bde3e3;
		}
	
	select {
		margin: 7px 5px 5px 0 !important;
	}

	input#field6.textfield {
		width: 70px;
		}

	input.bouton {
		width: 80px !important;
		}

	div.benevoles {
		float: left; 
		margin-bottom: 25px; 
		overflow: hidden;
		width: 500px !important;
		}

	div.benevoles p {
		float: left; 
		margin: 5px 0; 
		text-align: left;
		}
	
	div.benevoles p.labelTitre {
		width: 240px;
		padding-left: 205px;
		}
	div.benevoles p.validation {
		width: 100%; 
		float: left; 
		margin: 5px 0; 
		text-align: center;
		}

	fieldset.disponibilites {
		width: 450px; 
		float: left; 
		background: url(/global/images/2008/bgDisponibilites.gif) no-repeat 200px 5px; 
		margin: 10px 0; 
		padding: 0 0 9px 0;
		}

	fieldset.date {
		width: 400px !important; 
		margin: 8px 0; 
		padding: 2px 0; 
		display: block; 
		float: left !important; 
		position: relative;
		}

	legend span.legendDispos {
		font-size: 100%; 
		line-height: 1.5em; 
		font-weight: bold; 
		text-align: left; 
		width: 440px; 
		display: block;
		}

	legend span.legendDate {
		width: 195px; 
		margin: 2px 0; 
		float: left; 
		text-align: right;
		}

	span.groupeCheckbox {
		width: 100px; 
		position: absolute; 
		top: 2px; 
		left: 205px; 
		z-index: 2;
		}

	span.groupeCheckbox input {
		margin: 0px 7px; 
		float: left;
		}

	legend {
		float: left;
		}

	/* = Captcha */

	#lbl_captcha span {
		float: left;
		margin-top: 8px;
		}
	p.field_line.captcha {}
	#input_captcha {margin-top: 8px}
	#lbl_captcha img {float: left}

	/* formulaire de recherche */
	.search_box {
	padding: 5px;
	width: 200px;
	height: 30px;
}
	#recherche {
	}
	#recherche input.searchfield {
		float:left;
		width: 140px;
	}
	.bottomValide {
text-align: center;
}
	.FormResultRech button[type="submit"], #recherche button[type="submit"], .bottomValide input[type="submit"] {
		border: none; 
		height: 20px; 
		background: #72baba url(/global/images/2009/mcdtemplates/bg_bouton.gif) repeat-x bottom left; 
		color: #fff; 
		margin: 0px 3px 1px 3px; 
		display: block;
		float:left; 
		padding: 1px 5px;
	}
	.bottomValide input[type="submit"] {
	float: none !important;
	margin:  10px auto;
}
	.required {
	color: darkred;	
}
	span.champsAsterix{
	float: left;
	font-size:  0.8em;
	color: darkred;
}
	/* Resultat recherche site */
	
	
	form.FormResultRech {
		float: left;
		width:495px;
		margin-bottom: 5px;
		padding: 5px 0;
		background: url(/global/images/2008/separateurNav.gif) repeat-x bottom left;
		}
	form.FormResultRech p input.chmpsRech {
		width: 325px!important
		}
	div.blocRechGauche {width: 390px; float: left;}
	div.blocRechDroit {width:100px; float: right;}
	form.FormResultRech p.field_line {float: left}
	form.FormResultRech p.pRech {width: 390px;}
	form.FormResultRech p.pMode {width: 390px;}
	form.FormResultRech p.pValid {width: 100px;}
	form.FormResultRech p label {width:auto!important}
	.tableResultRech {width: 495px;}
	.tableResultRech td a {
		text-decoration: none;
		}
		
	.resutatFor {
		margin: 8px 0 2px 0;
		padding-top: 20px;
		}
	
	.tableResultRech h4 a {
		color: #7bc8c8;
		font-size: 108%;
		font-weight: bold;
	}
	
	.tableResultRech a {
		font-weight: bold;
		font-size: 93%;
	}
	
	/* button submit */
	#validation {
		width: 460px; 
		float: left;
		margin: 10px 0;
		text-align: center;
		}

	#validation input[type="submit"] {
		border: none; 
		height: 20px; 
		background: #72baba url(/global/images/2009/mcdtemplates/bg_bouton.gif) repeat-x bottom left; 
		color: #fff; 
		margin: 10px auto; 
		display: block; 
		padding: 1px 5px;
		}
	
	#recherche button[type="submit"], #validation input[type="submit"]:hover {
		cursor: pointer;
		}

/* Thickbox programme */

#page.thickboxFrame {
	background-color: #ffed00;
padding-top: 20px;
}
/* La navigation principale */

#leProgramme {
margin-top: 10px;
}
#navigation {
	padding: 0 0 0 2px;
	}
ul#nav {}
ul#nav li.toggleSubMenu {
	padding: 10px 0 10px 0px;
	background: url(/global/images/2009/mcdtemplates/bg_navigation.png) no-repeat top left;
	}
ul#nav li.toggleSubMenu a {
	position: relative;
	z-index: 5;
}

ul#nav li.toggleSubMenu li a {
	position: relative;
	z-index: 4;
}
ul#nav li.toggleSubMenu.open {
	padding: 10px 0 10px 0px;
	background: url(/global/images/2009/mcdtemplates/bg_navigation.png) no-repeat -151px 0px;
	}
ul#nav li {
	padding: 10px 0 6px 0px;
	background: url(/global/images/2009/mcdtemplates/bg_navigation.png) no-repeat -300px 0px;	
}
ul#nav li a, ul#nav li span {
	font-weight: normal; 
	color: #fff; 
	text-decoration: none; 
	padding-left: 20px;
	display: block; 
	}
ul#nav li a:hover, 
ul#nav li a:focus, 
ul#nav li a:active {
    text-decoration: underline;
    }
ul#nav .open a,
ul#nav .open span {
	}
ul#nav ul.subMenu {
	margin: -4px 0 0 0;
	background: url(/global/images/2009/mcdtemplates/bg_subMenu.png) no-repeat bottom right;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul#nav ul.subMenu li {
	padding: 0 0 0 0px;
	font-size: 85%;
	line-height: 1.3em;
	background-image: none;
	}
ul#nav ul.subMenu li a {
	font-weight: normal;
	color: #fff;
	padding-left: 20px; 
	margin: 0 1px 0 4px;
	}
ul#nav ul.subMenu li a:hover, ul#nav ul.subMenu li a.active {
	text-decoration: none;
	color: #ffed00;
	background-color: #7bc8c8;
	}
ul#nav ul.subMenu li a.active {
	font-weight: bold;
	background-color: #7bc8c8;
	color: #000;
}



/* Le footer */
#footer {
	background: url(/global/images/2009/mcdtemplates/bg_footer.png) no-repeat top left;
	text-align: center;
	position: relative;
	height:  50px;
}

.uneColonne #footer {
	background: url(/global/images/2009/mcdtemplates/bg_footer-uneCol.png) no-repeat top left;
}
ul#bottomNav {
	width: 540px;
	background: #fff;
	position:  absolute;
	top:  -35px;
	left: 170px;
}
ul#bottomNav li {
	float: left;
	padding: 0;
	margin: 0;
}
ul#bottomNav li a {
	display: block;
	height: 39px;
	color: #333;
	text-decoration: none;
}

li.archive {
	width : 94px;
	height: 39px;
	display: block;
}

li.newsletter {
	width: 107px;
	height: 39px;
	display: block;
}

li.facebook,
li.myspace,
li.twitter,
li.rss {
	width: 39px;
	height: 39px;
	display: block;
}

li.archive a {
	width : 94px;
	text-indent: -500em;
	background: url(/global/images/2009/mcdtemplates/bt_archives.png) no-repeat top left;
}

li.newsletter a {
	width: 107px;
	text-indent: -500em;
	background: url(/global/images/2009/mcdtemplates/bt_newsletter.png) no-repeat top left;
}

li.facebook a {
	width: 39px;
	text-indent: -500em;
	background: url(/global/images/2009/mcdtemplates/bt_facebook.png) no-repeat top left;
}

li.myspace a {
	width: 39px;
	text-indent: -500em;
	background: url(/global/images/2009/mcdtemplates/bt_myspace.png) no-repeat top left;
}

li.twitter a {
	width: 39px;
	text-indent: -500em;
	background: url(/global/images/2009/mcdtemplates/bt_twitter.png) no-repeat top left;
}

li.rss a {
	width: 39px;
	text-indent: -500em;
	background: url(/global/images/2009/mcdtemplates/bt_rss.png) no-repeat top left;
}
/*= PAGE GOOGLE MAP */
 
.carteGoogle { width: 500px; height: 360px;margin: 0 auto;}

/* Textes */

li.sitemap a,
li.mentions a {
	height: 29px;
	font-size: 85%;
	font-weight: bold;
	color: #4f4f4f;
	padding-top: 10px;
	margin: 0px 5px 0px 0px;
}

li.sitemap a {
	margin: 0px 8px 0px 8px;
}

li.sitemap a:hover,
li.mentions a:hover {
	text-decoration: underline !important ;
}
.contentEdition {
background-color: #fff;
}

.contentEdition img {
float: right;
margin: 0 10px 5px 10px;
}
.contentEdition
.lesArtistes {
margin: 1em 0;
clear: both;
}
.lesArtistes h4 {
padding: 10px;
}
.dock-item {}
div.jqDockLabel {border:0px none; margin:10px 0 0 0; font-weight:bold; font-size:12px; font-style:italic; white-space:nowrap; color:#000000;background-color: #fff;background-opacity: 0.5;}
div.jqDockLabelLink {cursor:pointer;}
div.jqDockLabelImage {cursor:default;}