html,body { margin:0; height:100%; font-family:Arial, sans-serif; font-size:12px; background: #93B814; color: #63571C; }
h1 { margin:0; overflow:hidden; width: 444px; padding-top: 124px; height: 0; position: absolute; left: -104px; }
h1 img { position:absolute; top:0; left:0; }
a { color: #63571C; }
a { transition: color .5s;  -o-transition: color .5s; -moz-transition: color .5s; -webkit-transition: color .5s; }
a.bleuebuzz { text-decoration: underline!important; }
a.bleuebuzz:hover { color: #056!important; }
a img { border:none; }
input { font-family: Arial, sans-serif; }
.wrapper { width: 904px; margin: 0 auto; padding: 0 17px; position: relative; }
.clearer { clear: both; }

/*	Main blocks		*/
#header, #body, #footer { position: relative; }

#header { background: url('../img/app.header.jpg') repeat-x center top; }
#header .wrapper { height: 409px; background: url('../img/app.header.wrapper.png') no-repeat; }

#body { background: url('../img/app.body.png') repeat-x #F2EFE9; }
#body .wrapper { background: url('../img/app.body.wrapper.png') repeat-y; min-height:377px; height: auto !important; height: 377px; }


#footer { background: url('../img/app.footer.png') repeat-x; padding-top: 6px; margin-top: -6px; }
#footer .wrapper { width: 1026px; background: url('../img/app.footer.wrapper.png') no-repeat; padding-top: 143px; margin-top: -143px; text-align: center; min-height:91px; height: auto !important; height: 91px; }

/*	Header's search	*/
#search { width: 260px; height: 40px; background: url('../img/app.search.png'); position: absolute; top: 0; right: 17px; font-size: 10px; text-align: center; }
#search p { margin: 5px 0; }
#search .submit { background: none; border: none; font-size: 10px; }
#search label { color: #5c5c5c; }
#search input { color: #383838; }

/*	Body's blocks	*/
#content { width: 686px; float: right; position: relative; padding-bottom: 143px; }
#content #page { float: left; width: 492px; margin-top: -28px; }
#content #right-column { float: left; width: 166px; padding: 0 14px; margin-top: -28px; }
#sidebar { width: 200px; padding-bottom: 143px; overflow: visible; float: left; }

/*	Body's dates	*/
#body .dates { position: absolute; top: -102px; left: 114px; }
#body .dates, #body .dates ul { padding: 0; margin: 0; list-style: none; }
#body .dates .salon .btn,
#body .dates .salon .top,
#body .dates .salon ul li,
#body .dates .salon ul li .split { background-image: url('../img/app.body.dates.png'); }
#body .dates .salon { width: 170px; float: left; margin-left: -12px; position: relative; }
#body .dates .salon .btn { display: block; height: 0; padding-top: 52px; overflow: hidden; outline: none; }
#body .dates .salon.city1 .btn { background-position: -170px -15px; }
#body .dates .salon.city2 .btn { background-position: -340px -15px; }
#body .dates .salon.city3 .btn { background-position: -510px -15px; }
#body .dates .salon.city4 .btn { background-position: -680px -15px; }
#body .dates .salon .top { display: block; height: 0; padding-top: 15px; overflow: hidden;}
#body .dates .salon.city1 .top { background-position: -170px 0; }
#body .dates .salon.city2 .top { background-position: -340px 0; }
#body .dates .salon.city3 .top { background-position: -510px 0; }
#body .dates .salon.city4 .top { background-position: -680px 0; }
#body .dates .salon ul {text-align: center; font-size: 11px; position: absolute; width: 100%; bottom: 52px; height:15px; overflow: hidden; }
#body .dates .salon ul a {text-decoration: none; }
#body .dates .salon ul a:hover { color: #CCDD94; }
#body .dates .salon ul li { padding: 3px 14px;}
#body .dates .salon ul li .split { display: block; background-position: -850px 0; height: 8px; width: 130px; margin: 0 auto; }

/*	Footer's Credits	*/
#credits { font-size: 10px; color: #FFF; border-top: 1px solid #b4ce5d; text-align: center; width: 730px; margin: 0 auto; padding: 8px 0; }
#credits a { color: #FFF; text-decoration: none; }
#credits a:hover { color: #63571c; }

/*	Footer's Date		*/
#footer .dates, #footer .dates ul { list-style: none; margin: 0; padding: 0; }
#footer .dates { overflow: hidden; padding: 30px 0 20px 335px; }
#footer .dates .salon { float: left; width: 170px; }
#footer .dates .salon a { font-size: 14px; color: #FFF; text-decoration: none; }
#footer .dates .salon ul a { font-size: 11px; color: #63571c; }
#footer .dates .salon ul a:hover { color: #FFF; }
#footer .dates .salon .city { display: block; }

/*	Sidebar's Menu	*/
#menu, #menu ul { list-style: none; padding: 0; margin: 0; text-align: center; }
#menu li ul { display: none; margin-bottom: 20px; }
#menu li .title { display: block; height: 0; padding-top: 35px; overflow: hidden; background: url('../img/app.menu.title.png') no-repeat; cursor: pointer; }
#menu li ul li { margin: 5px 0; }
#menu li.btn2 .title { background-position: 0 -34px; }
#menu li.btn3 .title { background-position: 0 -70px; }
#menu li.btn4 .title { background-position: 0 -105px; }
#menu a { color: #FFF; font-size: 12px; text-decoration: none; }
#menu a:hover { color: #90B414; }
#menu { margin-top: -88px; }
/*	Menu sans JS	*/
.js-disabled #menu li ul { display: none; }
.js-disabled #menu li:hover > ul { display: block; }

/*	Banner	*/
.partner { background: url(../img/app.sidebar.banner.png) top left no-repeat; width: 162px; margin-top: 10px; padding-top: 1px; }
.partner a { border-width: 0 1px 1px; color: #EDEDED; border-style: solid; margin-top: 17px; }
.partner a, .partner a img { display: block; }

/*	Infos	*/
#right-column .infos { color: #63571c; font-size: 11px; width: 160px; margin: 0 auto; background: url(../img/logo.cevo.png) no-repeat center top; padding-top: 60px; margin-top: 10px; }
#right-column .infos a { color: #63571c; }
#right-column .infos p { margin: 10px 0; }
#right-column .infos .schedules { color: #9c8f62; font-size: 12px; text-transform: uppercase; padding-top: 10px; border-top: 1px solid #dad7c9; }
#right-column .infos .btn-contact { height: 28px; width: 0; overflow: hidden; padding-left: 124px; background: url(../img/btn.contact.png); display: block; margin: 10px auto; }
#right-column .infos .btn-contact:hover { background-position: -124px 0; }

/*	Player			*/
#player {
	position: absolute;
	top: 39px;
	left: 327px;
}

/*	GFX				*/
#sidebar .gfx { background: url('../img/gfx.roger.png') no-repeat; width: 105px; height: 158px; position: absolute; top:-125px; left: -53px;}
#header .gfx { background: url('../img/gfx.cevo.png') no-repeat; width: 45px; padding-top: 46px; height: 0; position: absolute; top: 9px; right: -76px; }
	
/*	Page		*/
.page { margin-left: 44px; }
.page h3 { background: url('../img/page.title.png') no-repeat left bottom; width: 345px; padding: 0 77px 11px 15px; font-size: 24px; color: #6d622b; font-weight: normal; }
.page h3 a { color: #6d622b; text-decoration: none; }
	
/*	Article		*/
.post { margin-left: 63px; padding-left: 11px; background: url(../img/post.split.png) no-repeat left top; padding-top: 25px; }
.post.first { background: none; padding-top: 0; }
.post h3 {text-transform: capitalize; font-weight: bold; margin: 0 0 8px 0; }
.post p { margin: 15px 0; }
.post .date { margin: 0; color: #90b414; }
.post .entry { margin-top: -12px; overflow: hidden; }
.post h3 a { color: #6d622b; text-decoration: none; }
.post .more-link { display: block; float:right; margin: 0 60px 5px 0; background: url(../img/btn.plus.png); width:0; height: 20px; padding-left: 76px; overflow: hidden; }
.post .more-link:hover { background-position: -76px 0; }

/*	Edito	*/
div.edito { padding: 0 20px 0 73px; text-align: justify; }

/*	Buttons			*/
.btn-demande-infos { display: block; background: url('../img/btn.demande-infos.png'); width: 166px; padding-top: 64px; height: 0; overflow: hidden; }

/*	Titles			*/
h2.edito { margin-left: 40px; background: url('../img/edito.title.png') no-repeat; width: 441px; height: 0; padding-top: 68px; overflow: hidden; }
h2.post { margin-left: 12px; background: url('../img/post.title.png') no-repeat; width: 443px; height: 0; padding-top: 65px; overflow: hidden; }