* {
			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 {
			width: 888px;
			margin: 0 auto;
			height: 30px;
}

div#menu ul {
		        position: absolute;
                        width: 888px;
                        margin: 0;
		        list-style-type: none;
		        background: transparent url(img/menu.gif) top left no-repeat;
		        text-align: center;
		        padding: 0;
}

div#menu ul li {
		        float: left;
		        list-style-type: none;
		        text-transform: uppercase;
		        color: #000;
}

div#menu ul li a {
		        display: block;
		        height: 30px;
		        line-height: 30px;
		        color: #000;
                        text-decoration: none;
}

div#menu ul li a:hover {
		        color: #ffe372;
		        background: transparent url(img/menu.gif) top left no-repeat;
}

div#menu li a#menu-acc {
		        width:  82px;
}

div#menu li a#menu-prz {
		        width: 138px;
}

div#menu li a#menu-mus {
		        width: 104px;
}

div#menu li a#menu-vid {
		        width:  88px;
}

div#menu li a#menu-tof {
		        width:  90px;
}

div#menu li a#menu-age {
		        width:  94px;
}

div#menu li a#menu-prs {
		        width:  88px;
}

div#menu li a#menu-tec {
		        width: 116px;
}

div#menu li a#menu-con {
		        width:  88px;
}

div#menu a#menu-acc:hover {
		        background-position: -888px 0%;
}

div#menu a#menu-prz:hover {
		        background-position: -970px 0%;
}

div#menu a#menu-mus:hover {
		        background-position: -1108px 0%;
}

div#menu a#menu-vid:hover {
		        background-position: -1212px 0%;
}

div#menu a#menu-tof:hover {
		        background-position: -1300px 0%;
}

div#menu a#menu-age:hover {
		        background-position: -1390px 0%;
}

div#menu a#menu-prs:hover {
		        background-position: -1484px 0%;
}

div#menu a#menu-tec:hover {
		        background-position: -1572px 0%;
}

div#menu a#menu-con:hover {
		        background-position: -1688px 0%;
}

                        /* FIN MENU */





                        /* ACCUEIL : SLIDE + CHAPEAU */

#slidacc {
			width: 430px;
			height: 290px;
			float: left;
			padding: 18px 24px 22px 11px;
			background: transparent url(img/fonslide.gif) left top no-repeat;
}

#chapacc {
			width: 423px;
			height: 330px;
			float: left;
			padding: 0;
			background: transparent url(img/batida-texte-chapeau.gif) left top no-repeat;
}

#chapacc p {
			font: normal normal normal 1.35em/2em georgia, serif;
			padding: 35px 0 0 18px;
}




                        /* Colonne contenu gauche */

#cont {
			width: 444px;
			float: left;
}

#cont h2 {
                        font: normal normal bold 2.5em "Times new roman", serif;
                        letter-spacing: -1px;
                        color: #ffc400;
                        padding: 0;
                        height: 50px;
                        width: 175px;
}

#cont h2#batida {
			background: transparent url(img/titre-h2-batida.gif) top left no-repeat;
}

#cont h2#groupe {
			background: transparent url(img/titre-h2-le-groupe.gif) top left no-repeat;
}

#cont p {
                        font: normal normal normal 0.95em/1.6em verdana, sans-serif;
                        color: #020;
                        padding: 5px 0 15px 0;
}

#cont p a {
			color: #347509;
}

#cont p a:hover {
			color: #4d99ef;
}



                        /* Colonne centre AGENDA + NEWS */

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

#colcentre h2 {
                        font: normal normal bold 1.2em/1.2em georgia, serif;
                        margin: 10px 0 0 5px;
			color: #347509;
                        height: 30px;
}

#colcentre h2#agenda {
			background: transparent url(img/titre-h2-agenda.gif) top left no-repeat;
}

#colcentre h2#news {
			background: transparent url(img/titre-h2-news.gif) top left no-repeat;
}

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

#colcentre ul li {
                        padding: 7px 0 8px 5px;
                        margin: 0 0 0 10px;
                        border-top: 1px #f1d65c solid;
                        border-bottom: 1px #e5be0f solid;
}

#colcentre ul li div.date {
                        float: left;
                        width: 40px;
                        border: 1px #222 solid;
                        margin-top: 6px;
}

#colcentre ul li div.date span.jour {
                        display: block;
                        width: 40px;
                        text-align: center;
                        font: italic normal normal 1.5em/1em georgia, serif;
                        padding-bottom: 5px;
                        background: #ffe url(img/fond-date-j.gif) top left repeat;
}

#colcentre ul li div.date span.mois {
                        display: block;
                        width: 40px;
                        text-align: center;
                        font: normal normal normal 1.15em georgia, serif;
                        background: #040 url(img/fond-date-m.gif) top left repeat;
                        color: #fff;
}

#colcentre ul li div.infodate {
                        float: right;
                        width: 130px;
                        font: normal normal normal 0.7em/1.4em georgia, serif;
}

#colcentre ul li div.infodate strong {
                        color: #fff;
                        font-size: 1.3em;
                        line-height: 1.1em;
                        letter-spacing: -1px;
}

#colcentre p#accag {
                        font: normal normal bold 0.9em georgia, serif;
                        text-align: right;
                        margin: 7px 0 0 0;
}

#colcentre p#accag a {
                        color: #4d99ef;
                        height: 20px;
                        background: transparent url(img/fond-a-accag.gif) bottom center repeat-x;
                        text-decoration: none;
                        padding: 0 0 4px 0;
}

#colcentre p#accag a:hover {
                        color: #fff;
}

#colcentre ul#ulnews li {
                        font: normal normal normal 0.8em/1.45em georgia, serif;
}





                        /* Colonne droite navigation */

#coldroite {
			width: 182px;
			float: left;
			margin: 15px 0 0 22px;
}

#coldroite h2 {
                        font: normal normal bold 1em/1.2em georgia, serif;
                        margin: 10px 0 10px 10px;
			color: #347509;
}

#coldroite p {
                        font: normal normal bold 0.77em/1.25em georgia, serif;
			color: #232;
}

#coldroite p a {
			color: #347509;
}

#coldroite p a:hover {
			color: #4d99ef;
}

#coldroite h2#rythmes {
			margin: 0 0 5px 0;
			padding: 0;
			background: transparent url(img/titre-h2-rythmes-bresiliens.gif) top left no-repeat;
			height: 30px;
}

#coldroite h2#aklink {
			margin: 15px 0 0 0;
			padding: 0;
			background: transparent url(img/titre-h2-liens.gif) top left no-repeat;
			height: 15px;
}

#coldroite ul {
			list-style-position: inside;
}

#coldroite ul li {
                        font: normal normal bold 0.8em/1.5em georgia, serif;
			color: #4d99ef;
			padding: 0 0 0 10px;
}

#coldroite ul li a {
			color: #222;
			text-decoration: none;
}

#coldroite ul li a:hover {
			text-decoration: underline;
}

#coldroite #cancao {
			margin: 15px 0 0 0;
			padding: 10px;
			background: #040 url(img/fond-date-m.gif) top left repeat;
                        border: 5px #fff solid;
                        cursor: pointer;
}

#coldroite #cancao h2 {
			margin: 0 0 5px 0;
			padding: 0;
			background: transparent url(img/titre-h2-chansons-bresiliennes.gif) top left no-repeat;
			height: 30px;
}

#coldroite #cancao p {
                        font: normal normal bold 0.77em/1.25em georgia, serif;
                        color: #fff;
}

#coldroite #cancao p a {
                        color: #ffc400;
}

#coldroite #cancao p a:hover {
                        text-decoration: none;
}



                        /* 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.9em/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: 50%;
			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 0.7em georgia, serif;
			color: #fff;
                        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;
}