html, body {
	padding: 0;
	margin: 0;
}
body {
	color: #555555;
	font-family: Arial,Verdana,sans-serif;
	padding: 0;
	margin: 0px;
	font-size:0.9em;
}
a {
	text-decoration : none;
}
a:active, a:focus{
	outline:none;
}
img {
	border: none;
}
.pousseur {
	clear:both;
	background:red
}
#container {
	width:969px;
	margin:0 auto;
	padding:0;
}

/******HEADER********/
#header {
	position: relative;
	margin:0;
	clear:both;
}
#header #bandeau {
	padding-top: 25px;
}
#header #bandeau img {
	max-width: 100%;
	vertical-align: bottom;	
}
#header #face {
	position: absolute;
	top: 10px;
	left: 780px;
}
#header #fr {
	position: absolute;
	top: 230px;
	left: 845px;
}
#header #gb {
	position: absolute;
	top: 230px;
	left: 890px;
}


/******MENU********/
#navigation {
	position: relative;
	width: 100%;
	margin: 0 auto;
	vertical-align: top;
	clear: both;
}
#access {
	background: #ffffff;
	clear: both;
	display: block;
	position: absolute;
	left: 50%;
	margin: 0 0 6px -450px; /* origine margin: 0 auto 6px; */
}
#access ul {
	font-size: 1em;
	list-style: none;
	margin: 0; /* margin: 0 0 0 -0.8125em; */
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #555555;
	display: block;
	line-height: 2em; /* origine line-height: 3.333em; */
	padding: 0 0.5em; /* padding: 0 1.2125em; => largeur bloc premier niveau */
	text-decoration: none;
}
#access ul ul { /* bloc de sous-menu */
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	top: 2em; /* origine top: 3.333em; */
	left: 0;
	width: 188px;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a { /* ligne de sous-menu */
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #444;
	font-size: 1em; /* origine font-size: 13px; */
	font-weight: normal;
	height: auto;
	line-height: 1em; /* 	line-height: 1.4em; */
	padding: 0.8em 0.8em; /* padding: 10px 10px; */
	width: 188px; /* origine width: 168px; */
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #efefef;
	color: #3b88db; /*bleu baz*/
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a {
	font-weight: bold;
}
#access .noclic {cursor:default !important;}

/******CONTENT********/
#content {
margin:50px 0 0 0;
}

#content #main {
width:710px;
float:left;
margin:0 20px 60px 0;
}

#content #side {
width:239px;
float:right;
margin:0 0 40px 0;
}

#main h1 {
margin:0;
padding:0;
font-size:3em;
color:#3b88db;
border-bottom:dashed 1px #888;
}

#main h2 {
margin:30px 0 1px 0;
padding:0;
font-size:1.3em;
color:#3b88db;/*f39100 999999*/
}
#main h3 {
margin:20px 0 1px 0;
padding:0;
font-size:1em;
}
#edito {
	text-align: justify;	
}

/******** IMAGES DES DIFFERENTES PAGES ***********/
.bloc_img_billet {
	margin : 5px 40px 20px 10px;
	float: left;
	text-align: center;	
}
.bloc_img_billet img{
	height: 150px;
}
.collect_img {
	margin: 20px 100px 40px 0px;
	vertical-align: middle;	
}
.parten_img {
	margin: 20px 50px 40px 0px;
	vertical-align: middle;
}

/******SIDE********/
#side {
margin:0;
padding:10px 0;
border:0;
}
#side .module {
margin:0 0 20px 0;
padding:0;
border: 0;
}

#side .module p{
margin:0;
padding:0 19px 0 14px;
height: 100%;
font-weight: 700;
font-size:0.8em;
background: url(../medias/mod_fond.png) center top repeat-y;
clear:both;
}
#side .module p img{
	margin: 5px 7px 0px 3px;
}
#side .module a{
	color:#555555;
}
#side .module a:hover{
	color:#3b88db;
}
#side .module p .billeterie{
	margin: 0px 5px 7px 10px;
}
#side .module p .prog{
	margin: 5px 10px 5px 0px;
	float : left;
}
#side img{
margin:0;
padding:0;
vertical-align: middle;
clear:both;
}
#side .module .module_editions{
	line-height: 1.3em;	
}

/******PAGE D'ACCUEIL*************/

#diaporama {
	margin:20px 0 30px 0;
	width: 702px;
	padding: 5px;
	border: 1px solid #999999;
}
#decouverte {
	margin:5px 0 0 0;
	padding:0;
	width: 692px;
	font-size: 1.2em;
	text-align: center;
}
#decouverte a {
	display:block;
	border:0;
	margin:0;
	width: 701px;
	color: #fff;
	line-height:1.35em;
	background-color: #555;
}
#decouverte a:hover {
	display:block;
	color: #fff;
	line-height:1.35em;
	background-color: #e52a4a;
}
#affiche{
	margin: 20px 15px 5px 0;
	padding: 5px;
	border: 1px solid #999999;
	float: left;
}
#affiche img {
	/*max-width:210px;	*/
}
#edito{
	font-size:1em;
}
/******PAGE PROGRAMMATION********/
.vignette{
	float: left;
	width: 162px;
	margin:10px 7px;
}
.vignette .photo{
	margin:0 auto;
	padding: 5px;
	height: 150px;
	border: 1px solid #999999;
}
.vignette .photo img{
	border: 0;
	vertical-align: middle;
}
.vignette a{
	color:#555555;
}
.vignette a:hover{
	color:#3b88db;
}
.nom_artiste{
	margin: 5px 0 0 0;
	text-align: center;
	font-size:1em;
	clear: both;
}

/******PAGE ARTISTE********/
#fiche_artiste {
	margin:0;
	padding:0;	
}
#entete {
	margin:20px 0 0 0;
	padding:0;
	font-size:0.9em;	
}
a{
	color:#3b88db;
}
a:hover{
	color:#e52a4a;
}
#fiche_artiste #vignette {
	float: left;
	width: 312px;
	margin:0 20px 30px 0;
}
#fiche_artiste #blocinfos {
	float: right;
	width: 368px;
	margin:0 0 30px 0;
}
#fiche_artiste #vignette .photo{
	margin:0 auto;
	padding: 5px;
	border: 1px solid #999999;
}
#fiche_artiste img{
	border: 0;
	vertical-align: middle;
	
}
#fiche_artiste .puce_concert {
	color: #f39100;
	font-size: 1em;
	margin: 0;
}
#fiche_artiste .concert {
	font-size: 1em;
	margin: 0 0 7px 0;
}
#fiche_artiste .concert .date {
	font-size: 0.9em;
	font-weight:bold;
	color:#444444;/*#e52a4a*/
	margin: 0;
}
#fiche_artiste .complement{
	font-size:0.9em;
}
#billeterie {
	margin:2px 0 8px 0;
	color: #f39100;
	font-weight: bold;	
}
#billeterie #achetez{
	color: #ffffff;
	font-weight: bold;
	width: 156px;
	height: 18px;
	text-align: center;
	vertical-align: middle;
	float: left;
	background-image: url(../medias/achetez.png);
	background-repeat: no-repeat;
}
#bio {
	margin:30px 0 0 0;
	padding:0;
	clear:both;
}
#son {
	margin:30px 0 0 0;
	padding:0;
	clear:both;
}
#son #player{
	margin:5px 0 0 -102px;
	padding:0;
	clear:both;
}
#liens {
	margin:15px 0 20px 0;
	padding:0;
	font-size: 0.9em;
}
#video {
	margin:50px 0 0 0;
	padding:0;
	clear:both;
}

/******PAGE AGENDA********/
#agenda {
	margin: 10px 0 0 0;
	font-size:1em;
}
#agenda table{
	width: 100%;
}
#agenda td {
	padding:7px;
}
#agenda a{
	color:#3b88db;
}
#agenda a:hover{
	color:#e52a4a;
}
#agenda h2 {
margin:0px 0 0px 0;
padding:0;
font-size:1.2em;
color:#ffffff;/*999999*/
}
#agenda .intitule {
font-size:0.9em;
font-weight:bold;
}
#agenda .informations {
	margin:0;
	padding:0;
font-size:0.8em;
text-align:left;
}
#agenda .complement{
	font-size:0.8em;
}

/******FOOTER********/
#footer {
position: relative;
padding:0 0 20px 0;
clear:both;
}
#foot_container{
	position: absolute;
	margin: 31px 0 0 20px;
}
#footer #prog{
	float: left;
	margin: 0;
}
#footer #prog .bloc{
	float:left;
	margin:0px 10px 0 0;
	padding:0px;
	font-size: 0.7em;
	color: #ffffff;
}
#footer #prog .bloc a:hover{
	text-decoration : underline;
}
#footer #divers{
	float:right;
	margin: -5px 0 0 50px;
	font-size: 1em;
	text-align: right;
	color: #ffffff;
}
#footer #divers .blocinfo{
	margin:5px 0 0 0;
	padding:0px;
}
#footer #divers .blocliens{
	margin:10px 0 30px 0;
	padding:0px;
	line-height: 2em;
}
#footer #divers .blocliens a{
	text-decoration : underline;
}
#footer #divers .blocliens a:hover{
	color:#3b88db;
}
#footer #divers .bloccredits{
	margin:5px 0 0 0;
	padding:0px;
	font-size: 0.7em;
}
#footer #divers .bloccredits a{
	text-decoration : none;
}
#footer #divers .bloccredits a:hover{
	color:#3b88db;
}
#footer #bandeau {
	margin: 0px;
}
#footer #bandeau img {
	max-width: 100%;
	vertical-align: middle;	
}
#footer h1 {
margin:0.2em 0 0.1em 0;
padding:0 0 0.1em 0;
font-size:1.5em;
color:#ffffff;
border-bottom:dashed 1px #fff;
}
#footer a {
text-decoration : none;
color:#ffffff;
}


/*******PAGE EDITIONS***********/
#edition {
	margin: 0;
	font-size:1em;
}
#edition h2{
	margin: 0px 0px 5px 0;
}
#edition #affiche{
	margin: 5px 15px 5px 0px;
	padding: 5px;
	border: 1px solid #999999;
	float: left;
}
#edition #affiche img{
	max-width:210px;
	vertical-align: middle;
}
#edition #edito{
	margin: 0px 0px 40px 0;
	font-size: 0.8em;
}
#edition #galerie{
	margin: 0px 0px 40px 0px;
	clear: both;
}
#edition #artistes{
	margin: 5px 0px 40px 0;
	font-size: 0.9em;
	clear: both;
}
#edition #artistes a{
	font-size: 0.9em;
}
#edition #compil{
	margin: 5px 0px 5px 0px;
	padding: 5px;
	border: 1px solid #999999;
	float: left;
	clear: both;
}
#edition #compil img{
	max-height:300px;
	vertical-align: middle;
}
/*********PAGE COMMERCANTS*************/
.commercant  {
	margin: 20px 50px 40px 0px;
	vertical-align: middle;
}
/*********PAGE AUTRES FESTIVALS********/
#festivals{
}
.module{
	margin: 40px 80px 40px 0;
	float: left;
}
.visuel{
	float: left;	
}
.infos{
	margin: 0 0 0 20px;
	float: right;	
}

/*******CONNECT***********/
#connect {
	color: #fff;
	position:fixed;
	top:0px;
	left:0;	
}
#connect a {
	border:0px;
	text-decoration : none;
	color:#ffffff;
}
#connect img {
	border:0px;
}