* {
			margin: 0;
                        padding: 0;
		        border: 0;
}

html {
			width: 100%;
			min-height: 100%;
		        background-color: #f3e6cc;
}

body {
			width: 100%;
			min-height: 100%;
		        margin: 0 auto;
		        background: #f3e6cc url(img/fonplage.jpg) top center repeat-x;
}

#intermed {
			width: 100%;
		        margin: 0 auto;
		        padding: 0;
		        background: transparent url(img/fono.jpg) top center no-repeat;
}

#conteneur {
			width: 888px;
			margin: 0 auto;
			padding: 0;
}

#conteneur h1 {
                        display: block;
                        color: #333;
                        margin: 0 348px 0 0;
                        padding: 0;
		        background: transparent url(img/batida-logo.gif) top left no-repeat;
		        width: 540px;
		        height: 140px;
		        cursor: pointer;
}




                                              /* MENU */

#menu {
			text-align: center;
			width: 888px;
			padding: 0 0 0 0;
}

#menu ul {
			text-align: center;
			width: 100%;
}

#menu ul li {
			text-align: center;
			list-style-type: none;
			display: inline;
			font: normal normal bold 1em georgia, serif;
}

#menu ul li a {
			text-align: center;
			display: block;
			float: left;
			margin: 5px 3px 5px 0;
	                padding: 3px 8px 3px 8px;
                        color : #ffd400;
                        background-color: #136b94;
                        border: 1px #fff dashed;
                        text-decoration: none;
}

#menu ul li a:hover {
                        color : #136b94;
                        background-color: #e9d400;
}
                        /* FIN MENU */


                        /* Colonne CONTENU */
                        

                        /* contenu basique */

#contenu {
			width: 630px;
			float: right;
}

#contenu h2 {
                        font: normal normal bold 1.5em georgia, serif;
                        letter-spacing: -0.7px;
                        color: #004200;
                        padding: 5px 0;
}

#contenu h3 {
                        font: normal normal bold 1.45em georgia, serif;
                        letter-spacing: -0.5px;
                        color: #347509;
                        padding: 2px 0;
}

#contenu h4 {
                        font: normal normal bold 1.2em georgia, serif;
                        letter-spacing: -0.3px;
                        color: #993300;
                        padding: 2px 0;
                        border-bottom: 1px #0000cc solid;
}

#contenu h5 {
                        font: normal normal normal 1.1em georgia, serif;
                        color: #321;
                        padding: 2px 0;
}

#contenu p {
                        font: normal normal normal 0.9em/1.6em verdana, sans-serif;
                        color: #010;
                        padding: 5px 0 15px 0;
}

#contenu ul {
                        list-style-type: none;
                        padding: 0 20px;
}

#contenu ul li {
                        font: normal normal normal 0.95em/1.6em georgia, serif;
                        color: #010;
                        padding: 5px 0;
}

#contenu a {
			color: #347509;
}

#contenu a:hover {
			color: #4d99ef;
}

.colgauche {
                        width: 42%;
                        padding: 10px 3%;
                        float: left;
                        border: 3px #ffc400 solid;
                        background: transparent url(img/fond-agenda.gif) top left repeat;
}

.coldroite {
                        width: 42%;
                        padding: 10px 3%;
                        float: right;
                        border: 3px #ffc400 solid;
                        background: transparent url(img/fond-agenda.gif) top left repeat;
}






                        /* PAGE CONTACTS */

#contenu ul#bacon {
			list-style-type: none;
}

#contenu ul#bacon li {
			margin: 0 0 5px 0;
                        list-style-type: none;
                        font: normal normal normal 0.9em/1.6em georgia, serif;
}


                        /* FORMULAIRE DE CONTACTS */

form.formulaire {
			font: normal normal normal 0.85em/1.6em georgia, serif;
}

form.formulaire p {
			font-size: 1.2em !important;
}

form.formulaire fieldset {
			border: 1px #a4caf5 solid;
			padding: 5px 20px 20px 20px;
			margin: 0 0 25px 0;
}

* html form.formulaire fieldset {
			background: none;
}

form.formulaire fieldset legend {
			font: normal normal bold 1.5em/1.2em georgia, serif;
			color: #347509;
			padding: 0 15px;
			margin: 0;
}

form.formulaire li {
			list-style-type: none;
			padding: 10px 0 0 0 !important;
}

form.formulaire fieldset label {
			float: left;
                        width: 180px;
                        color: #333;
}

form.formulaire input.text {
			border: 1px #ffa000 solid;
			width: 350px;
			padding: 3px 5px;
			font: normal normal normal 0.95em georgia, serif;
			color: #222;
                        background: #ffe url(img/fond-date-j.gif) repeat;
}

form.formulaire input.submt {
			border: 1px #bbb solid;
			width: 170px;
			margin: 0 20px 0 0;
			padding: 5px 0;
                        background: #21811d url(img/fond-date-m.gif) repeat;
			font: normal normal bold 1.1em georgia, serif;
			color: #321;
                        cursor: pointer;
}

form.formulaire textarea {
			border: 1px #ffa000 solid;
			width: 350px;
			height: 170px;
                        overflow: auto;
			padding: 5px;
			font: normal normal normal 0.95em georgia, serif;
                        background: #ffe url(img/fond-date-j.gif) repeat;
}






                        /* contenu PRESSE */


#contenu ul.splimpress {
			margin: 0;
			padding: 0;
			list-style-type: none;
}

#contenu ul.splimpress li {
			list-style-type: none;
			float: left;
			margin: 0 0 20px 0;
			padding: 0;
}

#contenu ul.splimpress li a {
			color: #321;
}

#contenu ul.splimpress li a img {
			border: 1px #4d99ef solid;
}

#contenu ul.splimpress li a:hover img {
			border: 1px #ffc400 solid;
}







                        /* contenu PHOTOS */


#contenu ul.splimages {
			margin: 0;
			padding: 0;
			list-style-type: none;
}

#contenu ul.splimages li {
			list-style-type: none;
			display: inline;
			float: left;
			margin: 0 10px 15px 0;
			padding: 0;
}

#contenu ul.splimages li a {
			color: #321;
}

#contenu ul.splimages li a img {
			border: 5px #4d99ef solid;
}

#contenu ul.splimages li a:hover img {
			border: 5px #ffc400 solid;
}







                        /* contenu VIDEO */

#contenu div.unevid {
                        float: left;
                        border: 3px #ffc400 solid;
                        margin: 0 auto 40px auto;
                        padding: 0;
                        width: 600px;
                        height: 420px;
}
#contenu div.unevidpat {
                        float: left;
                        border: 3px #ffc400 solid;
                        margin: 0 auto 40px auto;
                        padding: 0;
                        width: 524px;
                        height: 360px;
}




                        /* contenu UN musicien */

#contenu img.tofunmus {
                        float: left;
                        border: 3px #ffc400 solid;
                        margin: 10px 10px 10px 0;
}





                        /* contenu les musiciens */

#contenu ul.lesmus {
                        list-style-type: none;
                        width: 100%;
                        margin: 0;
                        padding: 0;
}

#contenu ul.lesmus li {
                        display: block;
                        float: left;
                        width: 260px;
                        padding: 10px;
                        margin: 15px 25px 15px 0;
                        background: transparent url(img/fond-agenda.gif) top left repeat;
                        border: 3px #fff solid;
                        line-height: 1em;
}

#contenu ul.lesmus li img.tete {
                        float: left;
                        border: 2px #ffd400 solid;
}

#contenu ul.lesmus li div.lesmusun {
                        float: left;
                        width: 140px;
                        padding: 5px 0 0 10px;
                        line-height: 1em;
}

#contenu ul.lesmus li div.lesmusun span.lesmusnom {
                        font: normal normal normal 1.2em/1em georgia, serif;
                        color: #347509;
}

#contenu ul.lesmus li div.lesmusun span.lesmusdet {
                        font: normal normal normal 0.75em/1.3em georgia, serif;
                        color: #321;
}






                        /* contenu musique */

#contenu div#chansonsmus {
                        float: left;
                        width: 200px;
}

#contenu table.listchansonsmus {
                        float: left;
                        border-collapse: collapse;
                        width: 420px;
                        text-align: left;
                        border: 3px #ffc400 solid;
                        background: transparent url(img/fond-agenda.gif) top left repeat;
}

#contenu table.listchansonsmus tr.thentete {
                        background-color: #fff;
                        border: 0;
}

#contenu table.listchansonsmus tr.pair {
                        background-color: #f7eedb;
                        border: 0;
}

#contenu table.listchansonsmus tr th {
                        font: normal normal bold 0.8em/1.6em georgia, serif;
                        color: #ffa000;
                        padding: 5px;
                        border: 0;
                        border-bottom: 1px #ffc400 solid;
}

#contenu table.listchansonsmus tr td {
                        font: normal normal normal 0.75em/1.6em georgia, serif;
                        color: #232;
                        padding: 5px;
                        border: 0;
                        border-bottom: 1px #ffc400 solid;
}






                        /* contenu agenda */

#contenu ul.agenda {
                        list-style-type: none;
                        margin: 0 0 20px 0;
                        border: 3px #ffc400 solid;
                        padding: 0;
                        background: transparent url(img/fond-agenda.gif) top left repeat;
}

#contenu ul.agenda li {
                        list-style-type: none;
                        color: #232;
                        padding: 7px 0 6px 5px;
                        margin: 0 10px;
                        border-bottom: 1px #fff solid;
}

#contenu ul.agenda li span.futurdate {
                        display: block;
                        width: 105px;
                        float: left;
                        text-align: center;
}

#contenu ul.agenda li span.futurdate span.futurj {
                        display: block;
                        font: normal normal bold 2.2em georgia, serif;
                        color: #ffa000;
}

#contenu ul.agenda li span.futurdate span.futurm {
                        display: block;
                        font: normal normal bold 1em georgia, serif;
                        color: #2785ef;
                        padding: 0 0 5px 0;
}

#contenu ul.agenda li span.futurdet {
                        display: block;
                        width: 480px;
                        float: left;
                        padding: 10px 0 0 5px;
                        font: normal normal normal 1em/1.6em georgia, serif;
}



#contenu ul.palmares {
                        list-style-type: none;
                        margin: 0 0 20px 0;
                        padding: 5px 0;
                        border: 2px #ffc400 solid;
                        background: transparent url(img/fond-agenda.gif) top left repeat;
}

#contenu ul.palmares li {
                        list-style-type: none;
                        font: normal normal normal 0.75em/1.6em georgia, serif;
                        color: #232;
                        padding: 0;
                        margin: 0 10px;
}

#contenu ul.palmares li span.passdate {
                        font-weight: bold;
                        color: #21811d;
                        display: block;
                        width: 100px;
                        float: left;
                        padding: 8px 20px 7px 5px;
                        text-align: right;
                        border-top: 1px #7fbbff solid;
}

#contenu ul.palmares li span.passdet {
                        display: block;
                        width: 465px;
                        float: left;
                        padding: 8px 0 7px 15px;
                        border-top: 1px #ffc400 solid;
}






                        /* contenu liens */

#contenu ul.listliens {
                        list-style-type: none;
}

#contenu ul.listliens li {
                        list-style-type: none;
                        font: normal normal normal 0.85em/1.6em verdana, sans-serif;
                        color: #232;
                        padding: 7px 0 6px 5px;
                        margin: 0 10px;
                        border-bottom: 1px #f7eedb solid;
}





                        /* contenu liste des chansons */

#contenu table.listchansons {
                        border-collapse: collapse;
                        width: 100%;
                        text-align: left;
                        border: 3px #ffc400 solid;
}

#contenu table.listchansons tr.thentete {
                        background-color: #fff;
                        border: 0;
}

#contenu table.listchansons tr.pair {
                        background-color: #f7eedb;
                        border: 0;
}

#contenu table.listchansons tr th {
                        font: normal normal bold 0.8em/1.6em georgia, serif;
                        color: #ffa000;
                        padding: 5px;
                        border: 0;
                        border-bottom: 1px #ffc400 solid;
}

#contenu table.listchansons tr td {
                        font: normal normal normal 0.75em/1.6em georgia, serif;
                        color: #232;
                        padding: 5px;
                        border: 0;
                        border-bottom: 1px #ffc400 solid;
}






                        /* rythmes */

#contenu .partim {
                        border: 3px #ffc400 solid;
                        background-color: #fff;
                        padding: 0 10px;
                        margin: 0 0 10px 0;
}

#contenu .partim img {
                        width: 100%;
                        border: 0;
}

#contenu div.navi {
                      border: 1px #242 solid;
}


#contenu div.navi p {
                        padding: 3px 3px 3px 3px;
                        margin: 0;
}

#contenu div.navi p.navig {
                        float: left;
                        text-align: left;
                        width: 49%;
}

#contenu div.navi p.navid {
                        float: right;
                        text-align: right;
                        width: 49%;
}






                        /* Chansons */

#contenu .unechanson {
                        border: 3px #ffc400 solid;
                        background-color: #fff;
                        font: normal normal normal 0.80em/1.6em verdana, sans-serif;
}

#contenu .unechanson .unechansonbr {
                        float: left;
                        width: 46%;
                        padding: 0 2%;
}

#contenu .unechanson .unechansonfr {
                        float: right;
                        width: 46%;
                        padding: 0 2%;
}




                        /* Colonne MENU */

#colonnemenu {
			width: 190px;
			float: left;
			margin: 10px 25px 0 0;
			padding: 10px;
			background: #fff url(img/fond-colcentre.gif) top right repeat-y;
                        border: 5px #fff solid;
}

#colonnemenu h2 {
                        font: normal normal bold 1.1em/1.1em georgia, serif;
                        margin: 10px 0 10px 5px;
			color: #347509;
			padding: 0;
}

#colonnemenu p {
                        padding: 4px 0 5px 5px;
                        margin: 0 0 0 10px;
                        font: normal normal bold 0.8em/1.5em georgia, serif;
                        color: #321;
}

#colonnemenu a {
                        color: #0070ee;
			text-decoration: none;
}

#colonnemenu a:hover {
			color: #4d99ef;
			text-decoration: underline;
}

#colonnemenu ul {
			list-style-type: none;
                        margin: 0 0 20px 0;
}

#colonnemenu ul li {
                        padding: 0;
                        margin: 0 0 0 10px;
                        font: normal normal bold 0.8em/1em georgia, serif;
                        line-height: 1em;
}

#colonnemenu ul li a {
                        height : 0.01%;
                        padding: 7px 0 8px 5px;
			display: block;
                        border-top: 1px #f1d65c solid;
                        border-bottom: 1px #e5be0f solid;
                        margin: 0;
}

#colonnemenu ul li a:hover {
		        background-color: #4d99ef;
                        color: #fff;
			text-decoration: none !important;
                        border-top: 1px #b8d6f9 solid;
                        border-bottom: 1px #366ba8 solid;
}







                        /* pied de page */

#widepied {
		        background: #f3e6cc url(img/fonplage.jpg) top center repeat-x;
		        width: 100%;
		        margin: 30px 0 0 0;
		        border: #db8 solid;
		        border-width: 1px 0;
}

#pied {
			width: 888px;
			margin: 0 auto;
			padding: 10px 0;
}

#piedgauche {
			width: 440px;
			float: left;
			text-align: left;
}

#pieddroit {
			width: 440px;
			float: right;
			text-align: right;
}

#pied p {
                        font: normal normal bold 0.8em/1.6em georgia, serif;
                        color: #fff;
                        letter-spacing: -1px;
}

#pied p a {
                        color: #ffc400;
}

#pied p a:hover {
                        text-decoration: none;
                        color: #ffe400;
}






                        /* sous le pied de page (pub) */

#semelle {
			width: 888px;
			margin: 30px auto 10px auto;
			padding: 10px 0;
}

#semellegauche {
			width: 170px;
			float: left;
			text-align: right;
}

#semellegauche ul {
			list-style-type: none;
}

#semellegauche li {
                        font: normal normal normal 0.9em/1.8em georgia, serif;
                        color: #d4aa6a;
}

#semelle a {
                        color: #522b00;
}

#semelle a:visited {
                        color: #ae702b;
}

#semelle a:hover {
                        text-decoration: none;
                        color: #c95;
}

#semelledroite {
			width: 650px;
			float: right;
			text-align: left;
			margin-left: 33px;
			padding-left: 33px;
			border-left: 2px #e8cfa3 solid;
}

#semelledroite ul {
			list-style-type: none;
}

#semelledroite li {
                        float: left;
                        margin: 0 20px 5px 0;
                        font: normal normal normal 0.9em/1.65em georgia, serif;
                        color: #d4aa6a;
}


                        /* player haut page accueil */

#accplayer {
			position: absolute;
			top: 0;
			left: 45%;
			width: 200px;
			margin-left: 244px;
			height: 20px;
			padding-top: 73px;
		        background: transparent url(img/fond-player-acc.gif) right top no-repeat;
		        border: 0;
}

#accplayer p {
			display: block;
                        height: 20px;
                        min-height: 20px;
                        max-height: 20px;
			line-height: 20px;
                        font: normal normal bold 1em georgia, serif;
			color: #000;
                        white-space: nowrap;
                        margin:0;
                        padding:0;
}



/* imperdivel  */

.oust {
			position: absolute;
			left: -6666em;
			top: 0;
			width: 1px;
			height: 1px;
			overflow: hidden;
}

.clearbot {
			clear: both;
			margin: 0;
                        padding: 0;
			border: 0;
}