* {margin: 0; padding:0; font-family: arial; font-size: 12px;}
body {background-color: black;}
table {width: 100%}
td {vertical-align: top;}
h2 {padding: 5px; text-align: center; background-color: #CC0000; color: black; font-weight: bold;}
h3, h4, p, ul {padding: 10px;}
ul {list-style-position: inside;}
hr {margin: 5px 0px; color: #CCCCCC;}
a {text-decoration: none ; color: inherit;}
a:hover {text-decoration: underline;}
img {border-width:0;}

.ligne {overflow: hidden; margin-bottom: 30px;}

.menuhorizontal {width: 100%; margin-bottom: 30px; text-align: center; color: red; font-weight: bold;}
.menuhorizontal li {display: inline-block; width: 10%;}
ul.menuhorizontal {padding: 0;}
.basdepage {width: 100%; margin-top: 30px; text-align: center; color: red; font-weight: bold;}

.rubriquetexte {text-align: left; background-color: white; color: black;}
hr.rubriquetexte {margin: 0; color: #CCCCCC;}
.rubriquepied {padding: 0; text-align: right; color: #CCCCCC;}
.textesurlefond {padding: 10px; text-align: center; color: white;}
.textesurlefondagauche {padding: 10px; text-align: left; color: white;}
.soustitre {text-align: left; background-color: white; color: black; font-weight : light; font-style: italic;}

h1  {width:50%; margin-left: 25%; margin-bottom: 30px;}
h3 {font-weight: bold;}
h4 {font-weight: light; text-decoration: underline;}
h4 {font-weight: bold;}
#navigateur {width:25%; float: left; text-align: left;}
#description {width:50%; float: left; letter-spacing: 0.5em; font-family: Batang; font-size: 16px; font-weight: bold;}
#droitsindex {width: 25%; margin-left: 75%; text-align: right;}
#une {width: 18%; float: left; font-weight: bold}
#publicitehorizontale1 {width: 50%; float: left; margin-left: 2%;}
#recherche {width: 22%; float: left; margin-left: 2%;}
#liens {width: 5%; margin-left: 95%;}
#editos {width: 18%; float: left;}
#videos {width: 50%; float: left; margin-left: 2%;}
#photographies {width: 28%; margin-left: 72%;}
#publicitehorizontale2 {width: 50%; margin-top: 30px; float: left; margin-left: 2%;}
#fildesnouvelles {width: 32%; float: left;}
#avenir {width: 32%; float: left; margin-left: 2%;}
#tangomatch {width: 32%; margin-left: 68%;}
#agenda td {width: 14%; border: solid 1px #CCCCCC;}
#colonne1 {width: 19%; margin-top: 30px; float: left;}
#promotion1 {margin-left: 25%; width : 47%;}
#publiciteverticale1 {margin-top: 30px;}
#promotion2 {margin-left: 25%; width : 47%;}
#colonne2 {width: 19%; margin-top: 30px; float: left; margin-left: 2%;}
#publiciteverticale2 {}
#evenements {}
#groupesetblogues {margin-top: 30px;}
#colonne3 {width: 28%; margin-top: 30px; float: left; margin-left: 2%;}
#arts {}
#maestros {margin-top: 30px;}
#colonne4 {width: 28%; margin-top: 30px; float: right;}
#mode {margin-top: 30px;}
#associations td {width: 10%}
#disquaires {width: 23%; float: left;}
#musiciens {width: 23%; float: left; margin-left: 2%;}
#musicalisateurs {width: 23%; float: left; margin-left: 2%;}
#ft {width: 25%; margin-left: 75%;}


#titre  {width: 25%; float: left;}
#publicitehorizontalesujet {width: 61%; float: left; margin-left: 2%; text-align: center;}
#droitssujet  {width: 12%; margin-left: 88%; text-align: right; color: #CCCCCC;}
#menuvertical  {width: 21%; float: left; margin-left: 2%; text-align: left; list-style: none; color: red; font-weight: bold;}
#menuverticalrecherche  {width: 21%; margin-bottom: 30px; margin-left: 2%; text-align: left; list-style: none; color: red; font-weight: bold;}
#sujet {width: 73%; margin-left: 27%;}