body {
 font-family: Arial, Helvetica, sans-serif;
 background-image: url("images/fd.gif");
 background-position: 0% 0%;
 background-repeat: repeat-y;
 margin: 15px 0px 0px 50px;
 padding: 0px;
}

#mag {
 float: left;
 margin: 0px 0px 0px 0px;
 text-align: right;
}
#entete {
 float: left;
 background-color: #000;
 width: 750px;
 border: 15px solid #FFF;
 margin: 0px 0px 10px 0px;
}
#entete .logo {
 float: left;
 padding: 20px 0px 0px 0px;
}
#entete .titre {
 float: right;
 padding: 20px 0px 0px 0px;
}
#entete a.site, #entete a.site:link, #entete a.site:active, #entete a.site:visited {
 display: block;
 font-family: "Times New Roman", Times, serif;
 font-size: 18px;
 color: #FFD800;
 text-align: center;
 padding: 15px 15px 15px 15px;
 text-decoration: none;
}
#entete a.site:hover {color: #FFF;}

#menu {
 float: right;
 width: 725px;
 margin: 10px 0px 0px 0px;
 padding: 0px 20px 10px 0px;
 text-align: center;
}
#menu a.menu, #menu a.menu:link, #menu a.menu:active, #menu a.menu:visited {
 float: right;
 padding: 15px 8px 0px 6px;
 vertical-align: bottom;
 color: #FFF;
 font-size: 12px;
 font-weight: bold;
 text-decoration: none;
}
#menu a.menu:hover {color:#FFD800;}
#menu p.selected {
 float: right;
 padding: 0px 5px 0px 10px;
 margin: 0px;
 color:#FFD800;
 font-size: 12px;
 font-weight: bold;
}
#soiree {
 float: left;
 background: #000 url("images/35-visuel-mag.jpg") 0% 100% no-repeat;
 border: 15px solid #FFF;
 width: 750px;
 padding: 0;
 margin: 0;
}

#annonce {
 float: left;
 width: 750px;
 margin: 0px 0px 38px 0px;
 padding: 5px 0px 0px 0px;
 text-align: center;
}
#annonce h1 {
 font-family: "Times New Roman", Times, serif;
 font-size: 36px;
 line-height: 36px;
 font-weight: normal;
 color: #FFF;
 margin: 0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}
#annonce h1.surTitre {
 font-size: 30px;
}
#annonce h2 {
 display: inline;
 font-family: "Times New Roman", Times, serif;
 font-size: 36px;
 line-height: 36px;
 font-weight: bold;
 color: #FFD800;
 margin: 0px;
 padding: 0px;
}
#annonce p {
 font-family: "Times New Roman", Times, serif;
 font-size: 30px;
 line-height:30px;
 color: #FFD800;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 text-decoration: none;
}
.p45 {font-size:45px; color:#FFFFFF;}
.p20 {font-size:20px; color:#FFFFFF;}
.p26 {font-size:26px;}
.p30 {font-size:30px;}
.noir {color:#000;}

#edito {
 float: left;
 width: 750px;
 padding:20px 0px 0px 0px;
 margin: 0px;
}
#editoContenu {
 float: left;
 width: 300px;
 padding:0px 10px 0px 30px;
 margin: 0px;
}
#editoContenu h1 {
 font-family: "Times New Roman", Times, serif;
 font-size: 40px;
 line-height: 36px;
 font-weight: bold;
 color: #FFD800;
 text-align: left;
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#editoContenu h2 {
 font-family: "Times New Roman", Times, serif;
 font-size: 32px;
 line-height: 32px;
 font-weight: normal;
 color: #FFD800;
 text-align: center;
 margin: 0px 0px 8px 0px;
 padding: 0px;
}
#editoContenu h2.signature {
float:left;
 font-family: "Times New Roman", Times, serif;
 font-size: 24px;
 line-height: 24px;
 font-weight: normal;
 color: #FFD800;
 text-align: left;
 margin: 0px 10px 0px 0px;
 padding: 0px;
}

#editoContenu a, #editoContenu a:link, #editoContenu a:active, #editoContenu a:visited {
display:block;
 font-family: "Times New Roman", Times, serif;
 font-size: 22px;
 line-height: 26px;
 color: #FFF;
 margin: 25px 0px 20px 0px;
 padding: 0px 0px 0px 0px;
 text-decoration: none;
}
#editoContenu a:hover {text-decoration: underline;}



#contenu {
 float: left;
 background-color: #FFF;
 width: 750px;
 padding: 0 15px 15px 15px;
 margin: 0;
}
#news1 {
 float: left;
 background-color: #EEEAC5;
 margin: 10px 1px 0px 0px;
 padding: 17px 8px 15px 12px;
 width: 354px;
}
#news2 {
 float: right;
 background-color: #EEEAC5;
 margin: 10px 0px 0px 0px;
 padding: 17px 8px 15px 12px;
 width: 354px;
}
#news1 h1, #news2 h1 {
 font-family: "Times New Roman", Times, serif;
 font-size: 22px;
 line-height: 18px;
 font-weight: normal;
 color: #000;
 font-variant: small-caps;
 padding: 0px;
 margin: 0px 0px 8px 0px;
}
#news1 a, #news1 a:link, #news1 a:active, #news1 a:visited, #news2 a, #news2 a:link, #news2 a:active, #news2 a:visited {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000;
 padding: 0px;
 margin: 0px;
 text-decoration: none;
}
#news1 a:hover, #news2 a:hover {text-decoration: underline;}

#news1 .visuel, #news2 .visuel {
 float: left;
 margin: 0px 10px 0px 0px;
}

div.breves {
 float: left;
 background-color: #D9EBFF;
 width: 226px;
 height: 220px;
 padding: 18px 12px 10px 12px;
 margin: 20px 0px 0px 0px;
}
div.breves h1 {
 font-family: "Times New Roman", Times, serif;
 font-size: 18px;
 line-height: 16px;
 color: #000;
 font-weight: bold;
 font-variant: small-caps;
 margin: 0px;
 padding: 0px;
}
div.breves a, div.breves a:link, div.breves a:active, div.breves a:visited, div.breves p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000;
 margin: 0px;
 padding: 0px;
 text-decoration: none;
}
div.breves a:hover {text-decoration: underline;}

div.breves .visuelD {border-left: 1px solid #FFF;}

#article {
 float: left;
 background-color: #FFF;
 width: 750px;
 padding: 15px;
 margin: 10px 0px 0px 0px;
}
#articleTxt {
 float: left;
 width: 465px;
 margin: 0px 0px 0px 0px;
}
#articleTxt .photo {
 float:left;
 margin: 12px 0px 2px 1px;
}
#articlePhoto {
 float: left;
 width: 220px;
 margin: 0px 0px 0px 55px;
 text-align: right;
}
#articlePhoto .photo {
 float:left;
 margin: 0px 0px 2px 1px;
}


#article h1 {
 font-family: "Times New Roman", Times, serif;
 font-size: 40px;
 font-weight: normal;
 color: #FFF;
 background-color: #000;
 margin: 10px 0px 0px 0px;
 padding: 8px 0px 4px 20px;
 font-variant: small-caps;
}
#article h2 {
 font-family: "Arial, Helvetica, sans-serif";
 font-size: 26px;
 font-weight: normal;
 color: #FFC500;
 margin: 25px 0px 20px 15px;
 padding: 0px;
}
#article h3 {
 font-family: "Arial, Helvetica, sans-serif";
 font-size: 20px;
 font-weight: normal;
 color: #000;
 margin: 25px 0px 10px 30px;
 padding: 0px;
}
#article h4 {
 font-family: "Arial, Helvetica, sans-serif";
 font-size: 16px;
 font-weight: normal;
 color: #000;
 margin: 10px 0px 8px 30px;
 padding: 0px;
}
#article p {
 margin: 0px 0px 10px 30px;
 padding: 0px;
 font-size: 12px;
 line-height: 18px;
}
#article p.chapo {
 margin: 0px 10px 0px 30px;
 padding: 0px;
 font-size: 14px;
 font-weight: bold;
 line-height: 22px;
}
#article ul {
 margin: 10px 0px 0px 75px;
 padding: 0px;
 font-size: 12px;
 line-height: 18px;
}
#article li {
 margin: 0px 0px 4px 0px;
 padding: 0px;
 list-style-image: url("http://www.7emesoir.com/mag/images/puce-liste.gif");
 list-style-position: outside;
}
#article a, #article a:link, #article a:active, #article a:visited {
 font-size: 12px;
 color: #000;
 text-decoration: underline;
}
#article a:hover {text-decoration: none;}

#footer {
 float: left;
 background-color: #FFF;
 width: 750px;
 border-top: 5px solid #FFF;
 border-right: 15px solid #FFF;
 border-left: 15px solid #FFF;
 border-bottom: 5px solid #FFF;
 padding: 0px;
 margin: 20px 0px 0px 0px;
 text-align: center;
}
#footer .logo {margin: 0px 10px 0px 0px;}

#mentions {
 width: 780px;
 margin: 0px;
 padding: 10px 10px 20px 10px;
}
#mentions p {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #7F5C00;
 text-align: center;
}
#mentions a, #mentions a:link, #mentions a:active, #mentions a:visited {
 color: #7F5C00;
 text-decoration: underline;
}
#mentions a:hover {text-decoration: none;}

.bold {font-weight: bold;}
.petit {font-size: 10px;}
.gris {color:#999;}
.cap {font-variant: small-caps;}
.blanc {color: #FFF;}
.signature {float: right; font-style: italic;}
.jaune {color: #FFD800;}

#hautpage {
 float: right;
 height: 25px;
 width: 80%;
 margin: 10px 0px 30px 0px;
 padding: 10px 0px 0px 0px;
 text-align: right;
}
#hautpage a, #hautpage a:link, #hautpage a:active, #hautpage a:visited {
 color: #FFBC00;
 font-size: 12px;
 font-weight: bold;
 background-image: url("http://www.7emesoir.com/mag/images/puce-haut.gif");
 background-position: 100% 100%;
 background-repeat: no-repeat;
 padding: 8px 20px 0px 0px;
}
#hautpage a:hover {
 color: #000;
 text-decoration: none;
 background-position: 100% 0%;
}