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



/*PARTIE DU HAUT ***********************************************/

#haut {margin: 0 0 31px 0; padding: 0; height: 221px;}

#encartlogo {margin: 34px 0 0 0; padding: 0; background: #E3E549; width: 170px; height: 130px; float: left; }

.logo {margin: 21px 0 0 0; padding: 0; border: 0;}

#tricouleur {margin: 0; padding: 0; background: url(/mag/images/tri_col.gif) no-repeat; width: 53px; height: 221px; float: left;}

#encartevi {margin: 0; padding: 0; background: url(/mag/images/trans_gris.gif) repeat-y; width: 542px; height: 221px; float: left;}

#imgevi {margin: 34px 5px 0 44px; padding: 0; width: 194px; height: 130px; float: left;}

.imagevi {margin: 0; padding: 0; border: 0;}

#textevi {margin: 34px 0 0 0; padding: 0; width: 240px; float: left;}

#rectangle {margin: 25px 0 0 0; padding: 0; width: 15px; height: 139px; background: #E3E549; float: right;}

a.evidossier:link {font-size:0.8em; font-weight:bold; color:#666;text-decoration:none;}
a.evidossier:visited{font-size:0.8em; font-weight:bold; color:#666;text-decoration:none;}
a.evidossier:hover {text-decoration:underline;}

.evidisci{font-size:0.8em; font-family:verdana; font-weight:normal; display: block;}

p.evi {margin: 5px 0 0 0; padding: 0; font-size: 0.7em; font-weight:normal;}

#filetjaune {margin: 0; padding: 0; background: #E3E549; width: 7px; height: 212px; position: absolute; top: 171px; left; 0;}

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

#gauche {
margin: 0 55px 0 0; padding: 0 0 0 39px; width: 327px; float: left;}

#droite {
margin: 20px 0 0 0; padding: 0; width: 327px; float: left;}

#filetjaune2 {
margin: 0 0 38px 0; padding: 0; background: #E3E549; width: 213px; height: 7px;}

p.collection {
font-size: 0.7em; font-weight:normal; width: 280px;}

.bordcadre {
display: block; margin: 0; padding: 0; background: url(/mag/images/bordcadre.gif) 0 0 no-repeat;}

.blocmag {
display: block; margin: -5px 0 25px 3px; padding: 0 10px 10px 10px; width: 302px; border-style: solid; border-width: 0 1px 1px 1px; border-color: #CCC;}

h1 {font-size: 1em; letter-spacing: 1px; background: url(/mag/images/carres.gif) 7.5em 2px no-repeat;}

h2 {margin: 0; padding: 0; font-size: 0.9em; background: url(/mag/images/filetMag.gif) right 0.6em no-repeat;}

.orange {color: #FFB600;}
.vert {color: #5BB82B;}
.bleu {color: #3288E0;}

ul {list-style: none; clear: both;}
ul.disci {margin: 5px 0 0 0; padding: 0;}
ul.disci li {margin: 0; padding: 0; font-size: 0.7em; font-weight: bold; line-height: 2.2em;}
ul.dossier {margin: 0 0 5px 0; padding: 0;}
ul.dossier li {margin: 0; padding: 0; line-height: 1.8em;}
ul.dossier a {color: #666; font-size: 1.3em; text-decoration: none; font-weight: normal;}
ul.dossier a:hover {text-decoration: underline;}
ul.simple {margin: 8px 0 0 0; padding: 0;}
ul.simple li {margin: 0; padding: 0; line-height: 1.2em; font-size: 0.7em;}
ul.simple a {color: #666; font-size: 0.9em; text-decoration: none; font-weight: normal;}
ul.simple a:hover {text-decoration: underline;}



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

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

#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 {
clear: both; margin: 0 0 0 5px;font-size:11px;font-family:arial, helvetica;color:#999999;font-weight:normal;}