body {
margin: 0; padding: 0; width: 765px; font-family: verdana, helvetica; font-weight: normal; color: #666;}

.separateur {display: block; margin: 0; padding: 0; clear: both;}

img {border: 0;}

h1 {margin: 14px 0 10px 22px; padding: 0; font-size: 0.9em; letter-spacing: 1px; color: #AE0909;}
h2 {margin: 0; padding: 0; font-size: 0.9em; letter-spacing: 1px; color: #AE0909;}

p {margin: 0; padding: 0; font-size: 0.6em;}

a {text-decoration: none; color: #666; font-weight: bold;}
a:hover {text-decoration: underline;}


/* HAUT *************************************************************/

#haut {margin: 11px 0 0 0; padding: 0; height: 8.3em;}

.filet_h1 {display: block; margin: 0 0 0 10px; padding: 0; background: #CCC; width: 586px; height: 1px; font-size: 0;}

#logo {margin: 41px 0 0 0; padding: 0; width: 375px; float: left;}

#imagevi {margin: 15px 22px 0 0; padding: 0; float: left;}

#textevi {margin: 15px 0 0 0; padding: 0; float: left; width: 243px; height: 7.3em;}

a.evi {font-size: 1.2em;}

.rectangle {display: block; margin: 0; padding: 0; width: 15px; height: 132px; background: #333; float: right;}

.filet_h2 {display: block; margin: 0 0 0 250px; padding: 0; background: #CCC; width: 263px; height: 1px; clear: both; font-size: 0;}


/* CONTENU *************************************************************/

#contenu {margin: 0; padding: 0 0 0 30px; background: #DEDDDD; height: 228px;}

#encartcoll {margin: 17px 0 0 0; padding: 0; width: 285px; height: 185px; border-style: solid; border-width: 0 0 1px 0; border-color: #CCC; background: url(/secondaire/bacmusique/images/trans.gif) 1px 0 no-repeat; float: left;}

p.collection {font-size: 0.7em; margin: 0 0 0 22px; width: 246px; line-height: 1.3em; background: #DEDDDD;}

#encartdossiers {margin: 28px 0 0 1px; padding: 0; width: 440px; height: 174px; border-style: solid; border-width: 0 0 1px 0; border-color: #CCC; float: left;}

ul.dossiers {margin: 8px 0 0 3px; padding: 0; list-style: none;}

ul.dossiers li {margin: 0 8px 15px 0; padding: 0 0 0 10px; font-size: 0.7em; float: left; background: url(/secondaire/bacmusique/images/puce.gif) 0 0 no-repeat; width: auto;}

#encartlogos {margin: 28px 0 0 30px; padding: 0 0 0 26px; width: 261px; height: 50px; border-style: solid; border-width: 0 0 1px 0; border-color: #CCC;}

.logos {display: block; margin: 0 12px 0 0; padding: 0 12px 0 0; background: url(/secondaire/bacmusique/images/filet11.gif) top right no-repeat; float: left;}

.logos2 {display: block; margin: 0; padding: 0; background: none; float: left;}

.filet_h3 {display: block; margin: 0; padding: 0; background: #CCC; width: 318px; height: 1px; font-size: 0; position: absolute; top: 204px; left: 20px;}
.filet_v1a {display: block; margin: 0; padding: 0; background: #CCC; width: 1px; height: 53px; position: absolute; top: 0; left: 30px; font-size: 0;}
.filet_v1b {display: block; margin: 0; padding: 0; background: #CCC; width: 1px; height: 424px; position: absolute; top: 72px; left: 30px; font-size: 0;}
.filet_v2 {display: block; margin: 0; padding: 0; background: #CCC; width: 1px; height: 400px; position: absolute; top: 93px; left: 316px; font-size: 0;}

#encartdroite {float: right; margin: 15px 0 0 10px; padding: 0; width: 430px;}
.image {display: block; float: left; margin: 0 15px 0 0;}
p.paradroite {font-size: 0.7em; margin: 0; padding: 0;line-height: 1.3em; float: left;}
.url {font-size: 0.8em;}

/* BANDEAU ROUGE ET COPYRIGHT  ***************************************/

#bandeau {margin: 60px 0 0 0; padding: 0; width: 765px; height: 15px; background: #F33;}

#bandeau ul {margin: 0 0 0 200px;padding: 0;list-style-type: none;font-size:10px;font-family:arial, helvetica;}
 
#bandeau li {margin: 0 10px 0 0; float: left;}

#bandeau a {color: #FFF;text-decoration:underline;}

#bandeau a:hover {text-decoration:none;}

p.copyright {margin: 0 0 0 5px;font-size:11px;font-family:arial, helvetica;color:#999999;font-weight:normal;}