/* -------------------------------------------------------------- 
   
	sergelama.css
	Production : Magic4Media
	Création : Synapz - 03-2009
      
-------------------------------------------------------------- */

body
{
	background: #333 url(../../images/front/background.jpg) repeat-x top left;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	color:#000;
	font-size: 0.8em;	
}

img
{
	margin:0px;
	padding:0px;
}

a
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #860d0d;
	font-size: 1em;
	font-weight:bold;
}

a:hover,
a:focus
{
	color: #fff;
	text-decoration: none;
}


.orange
{
	color: #c57a04;
}

.bordeaux
{
	color: #860d0d;
}

h3
{
	color:#832020;
	font-size:1em;
	font-weight:bold;
}

/*---- fil d'Ariane ----*/



.ariane a
{
	background: #eeede8;
	color: #c57a04;
	font-weight: normal;
	text-decoration: underline;
}

.ariane a:hover,
.ariane a:focus
{
	text-decoration: none;
}


/*--- WRAPPER
------------*/

div#wrapper
{
	text-align: left;
	overflow: hidden;
}

/*--- HEADER
------------*/

div#wrapper div#header
{
	margin: 0 auto;
	width: 974px;
	height:284px;
	overflow: hidden;
}


/*--- CONTENT- WRAPPER
-----------------------*/

div#wrapper div#content-wrapper
{
	margin: 0 auto;
	width: 974px;
	background-image: url(../../images/front/bg_wrapper-content.jpg) repeat-x top left;
	overflow: hidden;
}

/*-------- LEFT : Nav & Newsletter-------*/

div#wrapper div#content-wrapper div#left
{
	float:left;
	width:224px;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#left div#navigation
{
	height:544px;
	background: #333 url(../../images/front/bg_navigation.jpg) no-repeat top left;
}



div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale
{
	margin:0;
	padding:0;
	padding-top: 70px;
	margin-left: 50px;
}

div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li
{
	margin:0;
	padding:0;
	list-style: none;
}

div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a
{
	display: block;
	width: 100%;
	padding: 5px;
	padding-left: 15px;
	color: #8c2424;
	text-decoration: none;
	background: transparent url(../../images/front/nav-separator.jpg) no-repeat bottom left;
}

div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a span
{
	display: block;
	color: #784545;
}

div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a:focus,
div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a:hover
{
	color: #e7dbd7;
	text-decoration:none;
}

div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a:focus span,
div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a:hover span
{
	color: #7f7d7f;
}

div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a.current,
div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a.current:focus,
div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a.current:hover
{
	color: #e7dbd7;
	text-decoration:none;
	cursor: default;
}

div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a.current span,
div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a.current:focus span,
div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li a.current:hover span
{
	color: #7f7d7f;
}

div#wrapper div#content-wrapper div#left div#navigation ul#navigation-principale li.no-separator a
{
	padding: 1.5px 15px;
	background: none;
}

/*----- newsletter -----*/

div#wrapper div#content-wrapper div#left div#newsletter
{
	background: #333 url(../../images/front/bg_newsletter.jpg) no-repeat top left;
	height:159px;
	padding:25px;
	padding-top:75px;
}

div#wrapper div#content-wrapper div#left div#newsletter form
{
	text-align:left;
	font-weight:bold;
}

div#wrapper div#content-wrapper div#left div#newsletter form div
{
	margin: 0;
	padding-bottom: 5px;
}

div#wrapper div#content-wrapper div#left div#newsletter form label
{
	display: block;
	width:100%;
	padding-bottom:5px;
	text-align:left;
	text-transform: uppercase;
	
}



/*-------- CONTENT -------*/

div#wrapper div#content-wrapper div#content
{
	float: left;
	min-height:705px;
	background: #e3d8d6 url(../../images/front/bg_content-wrapper.jpg) no-repeat top left;
	width:487px;
	padding:48px 6px;
	/*overflow: none;*/
}

/*-------- CONTENT : .HOMEPAGE-------*/



div#wrapper div#content-wrapper div#content.homepage p
{
	margin: 0; 
}
div#wrapper div#content-wrapper div#content.homepage a
{
	display: block;
	padding-top: 15px;
	font-size: 0.80em;
	color: #860d0d;
	text-decoration: underline;
}

div#wrapper div#content-wrapper div#content.homepage a:hover,
div#wrapper div#content-wrapper div#content.homepage a:focus
{
	color: #c57a04;
	text-decoration: none;
}

/*---- ecoute ----*/

div#wrapper div#content-wrapper div#content.homepage div#homepage-listen
{
	background: #eeede8 url(../../images/front/bottom-simple.jpg) no-repeat bottom left;
	padding: 15px;
	overflow: hidden;
}



div#wrapper div#content-wrapper div#content.homepage div#homepage-listen div#player-wrapper
{
	overflow: hidden;
	width: 100%;	
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-listen  div#player-wrapper div#player
{
	width: 255px;
	float: left;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-listen div#player-wrapper div#player div#mp3-player
{
	padding:5px;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-listen  div#player-wrapper div#playerdiv#visual
{
	width: 190px;
	padding: 5px;
	float: left;
	overflow: hidden;
}


div#wrapper div#content-wrapper div#content.homepage div#homepage-separation
{
	height: 65px;
}


/*---- news ----*/

div#wrapper div#content-wrapper div#content.homepage div#homepage-news
{
	background: #eeede8 url(../../images/front/bottom-ornament.jpg) no-repeat bottom left;
	padding-bottom:35px;
	overflow: hidden;
	
	
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper
{
	padding: 15px;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper .news
{
	padding-bottom: 15px;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper .news .title-wrapper
{
	width:100%;
	height:15px;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper .news div.date
{
	width: 110px;
	height: 16px;
	margin: 0;
	color: #c57a04;
	font-size: 1.1em;
	font-weight: bold;
	float: left;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper .news div.titre
{
	width: 230px;
	margin: 0;
	float: left;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper .news h1
{
	color: #860d0d;
	font-size: 1.2em;
	font-weight: bold;
	font-variant:small-caps;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper .news div.details
{
	width: 100px;
	margin: 0;
	color: #828282;
	font-size: 0.9em;
	float: left;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper .news p
{
	padding: 0;
	padding-left: 110px;
	padding-top:0px;
	color:#000;
	font-size: 0.85em;
	
	clear:both;
}



div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper .news a
{
	padding:0;
	text-align:right;
}

div#wrapper div#content-wrapper div#content.homepage div#homepage-news div#news-wrapper div#lien-blog a
{
	margin: 0;
	padding: 0;
	font-size: 0.80em;
	color: #860d0d;
	font-weight:bold;
	text-decoration: underline;
	text-align:right;
}

/*-------- CONTENT : .CONCERTS-------*/

div#wrapper div#content-wrapper div#content.concerts div.ariane
{
	background: #eeede8;
	padding: 10px 15px 25px 15px;
	color: #999;
}

div#wrapper div#content-wrapper div#content.concerts div.ariane a
{

	background: #eeede8;
	color: #c57a04;
	font-weight: normal;
	text-decoration: underline;
}

div#wrapper div#content-wrapper div#content.concerts div..ariane a:hover,
div#wrapper div#content-wrapper div#content.concerts div..ariane a:focus
{
	text-decoration: none;
}

div#wrapper div#content-wrapper div#content.concerts div#titre-concerts
{
	background: #eeede8;
	padding: 0 15px;
}


div#wrapper div#content-wrapper div#content.concerts div.month
{
	background: #eeede8 url(../../images/front/concerts-separator.jpg) no-repeat bottom center;
	padding: 10px 15px;
}

div#wrapper div#content-wrapper div#content.concerts div.last-month
{
	background: #eeede8 url(../../images/front/bottom-ornament.jpg) no-repeat bottom left;
	padding: 10px 15px 45px 15px;
}

div#wrapper div#content-wrapper div#content.concerts table
{
	padding: 0;
	margin: 0;
}

div#wrapper div#content-wrapper div#content.concerts td
{
	height: 35px;
	border: none;
}

div#wrapper div#content-wrapper div#content.concerts td.date
{
	
	color: #c57a04;
	font-size: 1.1em;
	font-weight: bold;
	width: 120px;
}

div#wrapper div#content-wrapper div#content.concerts td.ville
{
	width: 200px;
}


div#wrapper div#content-wrapper div#content.concerts h1
{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #860d0d;
	font-size: 1.2em;
	font-weight: bold;
}

div#wrapper div#content-wrapper div#content.concerts td.salle
{
	margin: 0;
	padding: 0;
	font-variant: small-caps;
	color: #828282;
	font-size: 0.9em;
}

/*-------- CONTENT : .BLOG -------*/



div#wrapper div#content-wrapper div#content.blog div#blog-navigation, div#wrapper div#content-wrapper div#content.concerts div#blog-navigation
{
	background: #eeede8 url(../../images/front/bottom-simple.jpg) no-repeat bottom left;
	padding: 5px 0 15px 0;
	width:100%;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.blog div#blog-navigation p
{
	margin: 0;
	padding: 0;
	color: #999;
}


div#wrapper div#content-wrapper div#content.blog div#blog-navigation div#ariane a
{
	color: #FF9900;
	font-weight: normal;
	text-decoration: underline;
}

div#wrapper div#content-wrapper div#content.blog div#blog-navigation div#ariane
{
	padding-left: 15px;
	float: left;
	width: 250px;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.blog div#blog-navigation div#pages
{
	float: left;
	width: 200px;
	text-align: right;
	overflow: hidden;
}



div#wrapper div#content-wrapper div#content.blog div#blog-navigation div#pages a:hover,
div#wrapper div#content-wrapper div#content.blog div#blog-navigation div#pages a:focus
{
	color: #860d0d;
	text-decoration: none;
}

div#wrapper div#content-wrapper div#content.blog div#blog-navigation div#pages a.blog-currentpage
{
	color: #860d0d;
	text-decoration: none;
}

div#wrapper div#content-wrapper div#content.blog div#blog-wrapper
{
	/*padding: 15px;*/
}

div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry
{

}

div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-content
{
	background: #eeede8 /*url(../../images/front/bottom-simple.jpg) no-repeat bottom left*/;
	padding: 15px;
}

div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-content h1
{
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #860d0d;
	font-size: 1.5em;
	font-weight: bold;
}

div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-content p, div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-content div
{
	/*text-align: justify;*/
	line-height: 15px;
	font-size: 13px;
  font-family: "Trebuchet MS";
}

div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-details 
{
 	background: transparent url(../../images/front/concerts-separator.jpg) no-repeat top left;
}

div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-details p
{
	text-align: right;
	font-size: 0.9em;
	padding: 10px 15px 0 0;
	color: #c57a04;
}

div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-details a,
div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-details a
{
	color: #860d0d;
	text-decoration: underline;
}

div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-details a:hover,
div#wrapper div#content-wrapper div#content.blog div#blog-wrapper div.blog-entry div.entry-details a:focus
{
	text-decoration: none;
	color: #860d0d;
}

div#wrapper div#content-wrapper div#content.blog div#blog-footer
{
 	background: transparent url(../../images/front/bottom-ornament.jpg) no-repeat bottom left;
	width: 100%;
	overflow: hidden;
	padding-bottom: 50px;
}

div#wrapper div#content-wrapper div#content.blog div#blog-footer p
{
	margin: 0;
	padding: 0 0 0 20px; 
}

div#wrapper div#content-wrapper div#content.blog div#blog-footer a
{
	color:#860d0d;
	font-size: 0.85em;
	text-decoration: none;
}

div#wrapper div#content-wrapper div#content.blog div#blog-footer a:hover,
div#wrapper div#content-wrapper div#content.blog div#blog-footer a:focus
{
	color:#860d0d;
	font-size: 0.85em;
	text-decoration: underline;
}

div#wrapper div#content-wrapper div#content a:hover
{
  color:#c57a04;
}

div#wrapper div#content-wrapper div#content.blog div#blog-footer div#blog-monthArchives
{
	width: 240px;
	float: left;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.blog div#blog-footer div#blog-recentArchives
{
	width: 240px;
	float: right;
	overflow: hidden;
}

/*-------- CONTENT : .LIVRE -------*/



div#wrapper div#content-wrapper div#content.livre div.ariane
{
	background: #eeede8 url(../../images/front/bottom-simple.jpg) no-repeat bottom left;
	padding: 10px 15px 20px 15px;
	color: #999;
}

div#wrapper div#content-wrapper div#content.livre div#livre-titre
{
	padding-top: 15px;
}

div#wrapper div#content-wrapper div#content.livre div#livre-presentation
{
	/*width: 460px;*/
	overflow: hidden;
	padding: 15px 10px;
}

div#wrapper div#content-wrapper div#content.livre div#livre-presentation div#livre-introduction
{
	width: 220px;
	padding-right: 10px;
	float: left;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.livre div#livre-presentation div#livre-introduction p
{
	font-size: 0.9em;
	font-style: italic;
	text-align: justify;
}

div#wrapper div#content-wrapper div#content.livre div#livre-presentation div#livre-couverture
{
	width: 230px;
	height: 335px;
	border: #FF9900 solid 1px;
	float: left;
	overflow: hidden;
}

div#wrapper div#content-wrapper div#content.livre div#livre-lama
{
	padding: 10px 15px;
}

div#wrapper div#content-wrapper div#content.livre div#livre-lama p
{
	font-size: 0.9em;
	text-align: justify;
	line-height: 1.25em;
}

div#wrapper div#content-wrapper div#content.livre div#livre-lama h2
{
	color: #8c2424;
	font-size: 1.2em;
	font-weight: bolder;
	text-align: right;
}

/*-------- RIGHT : Concert & SMS -------*/

div#wrapper div#content-wrapper div#right
{
	float: left;
	width:250px;
	/*padding:10px;*/
	background: #CC9900;
	overflow: hidden;
}

/*---- prochain-concert ----*/

div#wrapper div#content-wrapper div#right div#next-concert
{
	background: #CC66FF url(../../images/front/bg_next-concert.jpg) no-repeat top left;
	height:168px;
	padding:15px;
	padding-top:105px;
}

div#wrapper div#content-wrapper div#right div#next-concert h4
{
	color: #860d0d;
	font-weight: bold;
	font-size: 2em;
	margin: 0;
	padding-left: 25px;
	padding-bottom: 5px;
}

div#wrapper div#content-wrapper div#right div#next-concert h5
{
	color: #c57a04;
	font-weight: bold;
	font-size: 1.25em;
	margin: 0;
	padding-left: 45px;
	padding-bottom: 5px;
}

div#wrapper div#content-wrapper div#right div#next-concert a
{
	display: block;
	padding-top: 15px;
	font-size: 0.80em;
	color: #860d0d;
	text-decoration: underline;
}

div#wrapper div#content-wrapper div#right div#next-concert a:hover,
div#wrapper div#content-wrapper div#right div#next-concert a:focus
{
	color: #c57a04;
	text-decoration: none;
}

div#wrapper div#content-wrapper div#right div#next-concert p
{
	margin: 0;
	padding-left: 45px;
}






/*---- sms -----*/

div#wrapper div#content-wrapper div#right div#sms
{
	background: #333 url(../../images/front/bg_sms.jpg) no-repeat top left;
	padding-top:120px;
	padding-left:40px;
	height:374px;
	
}

div#wrapper div#content-wrapper div#right div#sms div#sms-texte
{
	width: 155px;
	padding: 5px 10px;
	height: 253px;
	color:#ebe9e1;
	overflow-y: auto;
}


/*--- FOOTER
------------*/

div#wrapper div#footer-wrapper
{
	width:100%;
	background: #310000 url(../../images/front/bg_footer.jpg) repeat-x top left;
	padding:45px 0px;
	overflow: hidden;
}

div#wrapper div#footer-wrapper div#footer-content
{
	margin: 0 auto;
	width: 974px;
	font-size: 0.85em;
}

div#wrapper div#footer-wrapper div#footer-logo
{
	float:left;
	padding:0 10px;
	padding-top: 50px;
	width:205px;
	overflow: hidden;
}

/*---- navigation rapide ----*/

div#wrapper div#footer-wrapper div#footer-navigation
{
	float:left;
	width:166px;
	overflow: hidden;
}

div#wrapper div#footer-wrapper div#footer-navigation li
{
	margin:0;
	padding:0;
	list-style: none;
}

div#wrapper div#footer-wrapper div#footer-navigation li a
{
	display: block;
	width:100%;
	color: #ccc8b6;
	text-decoration: none;
}

div#wrapper div#footer-wrapper div#footer-navigation li a.current
{
	color: #e7dbd7;
	text-decoration: none;
}

div#wrapper div#footer-wrapper div#footer-navigation li a:focus,
div#wrapper div#footer-wrapper div#footer-navigation li a:hover
{
	color: #e7dbd7;
}

div#wrapper div#footer-wrapper div#footer-navigation li a.current:focus,
div#wrapper div#footer-wrapper div#footer-navigation li a.current:hover
{
	color: #e7dbd7;
}

/*---- liens rapides ----*/

div#wrapper div#footer-wrapper div#footer-liens
{
	float:left;
	width:166px;
	overflow: hidden;
}

div#wrapper div#footer-wrapper div#footer-liens li
{
	margin:0;
	padding:0;
	list-style: none;
}

div#wrapper div#footer-wrapper div#footer-liens li a
{
	display: block;
	width:100%;
	color: #ccc8b6;
	text-decoration: none;
}


div#wrapper div#footer-wrapper div#footer-liens li a:focus,
div#wrapper div#footer-wrapper div#footer-liens li a:hover
{
	color: #e7dbd7;
}

div#wrapper div#footer-wrapper div#footer-liens div#logo-myspace
{
	
}

div#wrapper div#footer-wrapper div#footer-liens div#logo-warner
{
	padding-left: 30px;
}

div#wrapper div#footer-wrapper div#footer-contact
{
	float:left;
	width:166px;
	padding-right: 20px;
	overflow: hidden;
}

/*---- footer contact ----*/

div#wrapper div#footer-wrapper div#footer-contact p
{
	padding-left:15px;
	color: #ccc8b6;
	text-transform: uppercase;
	font-weight:bold;	
}

div#wrapper div#footer-wrapper div#footer-contact a{
  font-size:80%;
}

/*---- footer a propos ----*/

div#wrapper div#footer-wrapper div#footer-apropos
{
	float:left;
	width:220px;
	overflow: hidden;
}

div#wrapper div#footer-wrapper div#footer-apropos h1
{
	padding-left: 10px;
	padding-bottom: 10px;
	color: #ccc8b6;
	text-align: justify;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.3em;
	
}

div#wrapper div#footer-wrapper div#footer-apropos p
{
	padding-left: 10px;
	color: #ccc;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 1.3em;
	
}



/*--------
------------*/


object
{
  margin-top: 15px;
	float: left;
	margin-bottom: 15px;
}

.clear
{
	clear:both;
}

object{
  width: 450px;
  clear: both;
}