* {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: 12%;}
ul.menuhorizontal {padding: 0;}

.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;}
.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}
#publicitehorizontaleindex {width: 50%; float: left; margin-left: 2%;}
#recherche {width: 28%; margin-left: 72%;}
#editos {width: 18%; float: left;}
#videos {width: 50%; float: left; margin-left: 2%;}
#photographies {width: 28%; margin-left: 72%;}
#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;}
#publiciteverticale {width: 18%; float: left;}
#illustrations {width:18%; float: left; margin-left: 2%;}
#mode {width: 29%; float: left; margin-left: 2%;}
#arts {width: 29%; float: right; margin-left: 2%;}
#evenements {width: 29%; float: left; margin-top: 30px; margin-left: 2%;}
#maestros {width: 29%; float: right; margin-top: 30px; margin-left: 2%;}
#associations td {width: 8%}
#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%;}