body {
margin: 0; padding: 0;
background-color: #171717;
background-image: url(img/background.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
font-family: Arial, Verdana;
font-size: 13px;
}

h1, h2, h3, h4, h5, p {
margin: 0; padding: 0;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}
li { 
list-style-type: none;
margin: 0;
padding: 0;
}
img {
border: 0px;
}
.video {
width: 400px;
margin: auto;
}
.screen {
margin: auto;
width: 550px;
}
.screen img{
margin-left: 5px;
margin-bottom: 5px;
}

#page {
margin: auto;
width: 996px;
}

#header {
padding-left: 10px;
height: 135px;
}
#header h1 {
text-transform: uppercase;
color: #ffffff;
width: 250px;
font-size: 40px;
text-align: center;
padding-top: 8px;
}
#header h1 a {
color: #ffffff;
text-decoration: none;
}

#pub-header {
width: 760px;
height: 90px;
float: right;
margin-top: 8px;
}

#reseauxsociaux {
height: 23px;
}

#menu {
margin: auto;
margin-bottom: 10px;
width: 963px;
height: 28px;
background-image: url(img/menu.jpg);
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
padding-top: 6px;
padding-left: 10px;
}
#menu a {
color: #ffffff;
text-decoration: none;
}

#back-page {
width: 990px;
background-color: #343434;
margin: auto;
}

#sidebar {
float: right;
width: 312px;
margin-right: 12px;
}

#sidebar h2 {
width: 302px;
height: 28px;
padding-top: 7px;
background-image: url(img/haut-sidebar.jpg);
text-transform: uppercase;
color: #ffffff;
padding-left: 10px;
font-size: 16px;
}
#sidebar img {
margin-bottom: 3px;
}
.back-sidebar {
width: 312px;
background-image: url(img/back-sidebar.jpg);
background-repeat: repeat-y;
padding-top: 5px;
padding-left: 6px;
}
.bas-sidebar {
width: 312px;
height: 7px;
background-image: url(img/bas-sidebar.jpg);
margin-bottom: 10px;
}
.liens a {
color: #ffffff;
}
.liens {
text-align: center;
margin-bottom: 10px;
}

#content {
width: 642px;
margin-left: 12px;
padding-bottom: 10px;
}
.haut-article {
width: 642px;
height: 5px;
background-image: url(img/haut-content.jpg);
background-repeat: no-repeat;
}
.back-article {
width: 630px;
background-image: url(img/back-content.jpg);
background-repeat: repeat-y;
padding-left: 5px;
padding-right: 7px;
}
.back-article p {
margin-top: 15px;
}
.back-article h2 {
margin-bottom: 10px; 
color: #911313;
text-transform: uppercase;
font-size: 20px;
}
.bas-article {
width: 642px;
height: 6px;
background-image: url(img/bas-content.jpg);
background-repeat: no-repeat;
margin-bottom: 10px;
}
.article img {
padding: 3px;
border: 1px solid #484848;
background-color: #f3f3f3;
}

.tags {
margin-top: 10px;
background-color: #acacac;
padding: 3px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
	font-weight: bold;
	font-style: italic;
}
.tags a {
color: #474747;
}

.extrait {
height: 110px;
padding-top: 5px;
padding-bottom: 3px;
border-bottom: 1px solid #717171;
padding-left: 5px;
}
.extrait img {
float: left;
margin-right: 5px;
padding: 3px;
background-color: #ffffff;
border: 1px solid #484848;
}
.extrait h2 {
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px;
}
.extrait h2 a{
color: #d50808;
}

.top3 {
height: 131px;
padding-bottom: 6px;
padding-top: 3px;
border-bottom: 1px solid #717171;
padding-left: 5px;
}
.top3 img {
float: left;
margin-right: 5px;
padding: 3px;
border: 1px solid #8e8e8e;
background-color: #ffffff;
}
.top3 h3 {
font-size: 20px;
margin-bottom: 10px;
}
.voirplus {
text-align: right;
font-size: 16px;
}

.fiche {
margin-top: 10px;
margin-bottom: 10px;
height: 200px;
padding: 5px;
border: 1px solid black;
background-color: #ffffff;
}
.fiche img {
float: left;
margin-right: 5px;
border: none;
padding: 0;
}
.fiche p {
padding: 0;
margin-top: 0px;
margin-bottom: 15px;
}
.flash200 {
width: 200px;
height: 200px;
float: left;
margin-right: 5px;
}

.top-cat {
margin-top: 10px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #c83434;
background-color: #f3dede;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px; 
overflow: auto;
}
.top-cat img {
float: left;
margin-right: 5px;
border: none;
padding: 0;
}
.top-cat p {
padding: 0;
margin-top: 0px;
margin-bottom: 15px;
}
.top-cat h2 {
margin-bottom: 10px;
}
.top-cat h2 a{
color: #d50808;
}

.info {
background-color: #4c4c4c;
padding: 5px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
	color: #e5e5e5;
margin-bottom: 10px;
	}
.info h2 {
font-size: 18px;
color: #e5e5e5;
margin-bottom: 10px;
}
.info a {
color: #e5e5e5;
font-weight: bold;
}
.info a:hover {
text-decoration: none;
}

#footer {
background-color: #000000;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
}
#footer a {
color: #e5e5e5;
}

#partenariat {
text-align: center;
margin-top: 10px;
}