@charset "utf-8";
/* CSS Document */

body {
	background-color:#000000;
	background-image:url(fond.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#FFFFFF;
	background-attachment:fixed;
}

#header {
width:828px;
margin-right:auto;
margin-left:auto;
margin-top:30px;
}

#header_gauche {
width:544px;
margin-right:auto;
margin-left:auto;
float:left;
font-size:10px;
padding-top:3px;
padding-left:12px;
}

#header_droit {
width:246px;
margin-right:auto;
margin-left:auto;
float:right;
height:18px;
background:url(fondmenu.jpg);
font-size:10px;
text-align:right;
font-weight:bold;
padding-top:5px;
padding-right:15px;
}

#header_droit a {
color:#FFFFFF;
text-decoration:none;
padding-left:12px;
}

#header_droit a:hover {
color:#FF3356;
}

.clear {
clear:both;
margin:0;
}

#banniere {
height:260px;
width:822px;
margin-right:auto;
margin-left:auto;
border-top:3px #000000 solid;
border-left:3px #000000 solid;
border-right:3px #000000 solid;
}

#menu {
width:828px;
height:38px;
background-color:#000000;
margin-left:auto;
margin-right:auto;
border-top:1px #540303 solid;
}

#menu a {
	cursor:pointer;
	color:#c1c1c1;
	text-decoration:none;
	text-transform: uppercase;
	font-weight:bold;
}

.elementsmenu {
height:28px;
color:#c1c1c1;
font-size:12px;
padding-left:11px;
padding-right:11px;
padding-top:10px;
width:auto;
float:left;
}

.elementsmenu2 {
height:28px;
color:#FF5353;
font-size:12px;
padding-left:11px;
padding-right:11px;
padding-top:10px;
width:auto;
float:left;
}

.elementsmenu:hover, .elementsmenu2:hover  {
background-color:#540303;
height:28px;
width:auto;
color:#FFFFFF;
float:left;
}

#contenu {
width:828px;
background-color:#111111;
margin-left:auto;
margin-right:auto;
padding-bottom:15px;
}

#gauche {
width:462px;
float:left;
}

#droite {
width:366px;
float:right;
}

.titrenews {
padding-left:20px;
padding-top:4px;
padding-bottom:4px;
color:#b6b6b6;
font-size:10px;
margin-top:15px;
padding-right:0;
margin-right:0px;
}

.titrenews a {
text-decoration:none;
color:#ff5353;
font-size:14px;
background-color:#000000;
padding-top:4px;
padding-bottom:4px;
padding-right:14px;
padding-left:19px;
margin-left:-20px;
margin-right:10px;
}

a.b {
text-decoration:none;
color:#ff5353;
font-size:12px;
padding-left:19px;
}

.textenews {
padding-left:20px;
padding-top:4px;
padding-bottom:4px;
padding-right:0;
margin-right:0px;
width:420px;
}

.textenews2 {
padding-left:20px;
padding-top:4px;
padding-bottom:4px;
padding-right:0;
margin-right:0px;
width:620px;
}

#alaune {
width:337px;
margin-left:11px;
margin-top:15px;
}

#textealaune {
width:317px;
height:94px;
background:url(fondalaune.jpg);
padding-left:10px;
padding-right:10px;
padding-top:6px;
margin-left:11px;
}

#avoir {
width:329px;
height:215px;
margin-left:11px;
background:url(avoir.jpg);
margin-top:15px;
text-align:right;
padding-top:8px;
padding-right:8px;
}

#avoir a {
color:#353535;
font-weight:bold;
font-size:11px;
text-decoration:none;
}

#avoir a:hover {
color:#FFFFFF;
}

#footer {
width:825px;
margin-left:auto;
margin-right:auto;
color:#4c4c4c;
font-size:10px;
margin-top:12px;
padding-left:3px;
}

#footer a {
color:#777777;
font-weight:normal;
font-size:10px;
text-decoration:none;
}

#footer a:hover {
color:#FFFFFF;
font-weight:normal;
font-size:10px;
text-decoration:none;
}



/* CSS de base */

#gauche2 {
width:644px;
float:left;
margin-left:13px;
margin-top:15px;
}

#droite2 {
width:140px;
float:right;
margin-left:25px;
margin-top:33px;
}

.medias {
width:200px;
margin-right:20px;
float:left;
border-right: 1px solid #9f0d0d;
}

.medias2 {
width:200px;
margin-right:0px;
float:left;
border-right: 1px solid #9f0d0d;
}

.citation {
color:#c92222;
font-size:10px;
margin:0;
padding-top:7px;
}

h1 {
color:#9f0d0d;
font-size:17px;
font-weight:normal;
margin-left:90px;
margin-bottom:5px;
padding:0;
}

h2 {
color:#9f0d0d;
font-size:17px;
font-weight:normal;
margin-left:20px;
margin-bottom:5px;
padding:0;
}

h4 {
color:#FFFFFF;
font-size:14px;
font-weight:normal;
margin-bottom:15px;
padding:2px;
padding-left:13px;
margin-top:3px;
background-color:#9f0d0d;
width:643px;
margin-left:-13px;
}

h3 {
color:#bf2828;
font-size:14px;
font-weight:normal;
margin-bottom:5px;
padding:0;
margin-top:10px;
font-weight:bold;
}

h5 {
color:#9f0d0d;
font-size:17px;
font-weight:normal;
margin-left:20px;
margin-bottom:5px;
margin-top:-4px;
padding:0;
}


p {
padding-top:5px;
padding-bottom:10px;
margin:0;
font-size:12px;
}

a {
color:#ff5353;
text-decoration:none;
}

a:hover {
color:#ff5353;
text-decoration:none;
}

.medias a {
color:#FFFFFF;
text-decoration:none;
}

.medias a:hover {
color:#ff5353;
text-decoration:none;
}

.medias2 a {
color:#FFFFFF;
text-decoration:none;
}

.medias2 a:hover {
color:#ff5353;
text-decoration:none;
}

.arbo {
color:#999999;
text-decoration:none;
font-size:10px;
}

.arbo:hover {
color:#FFFFFF;
text-decoration:none;
}

.image_serie {
width:149px;
border:3px solid #171717;
margin-right:3px;
}

.image_serie:hover {
border:3px solid #9f0d0d;
}

.image_perso {
border:3px solid #171717;
margin-right:10px;
float:left;
}

.image_perso:hover {
border:3px solid #9f0d0d;
}

.image_perso2 {
border:3px solid #171717;
margin-right:2px;
}

.image_perso2:hover {
border:3px solid #9f0d0d;
}

.avatar {
float: left;
margin-right:6px;
border:1px solid black;
}

.separationnews {
height:1px;
width:642px;
background-color:#CCCCCC;
margin-top:10px;
margin-bottom:4px;
}

.pic_perso {
width:50px;
padding:1px;
background:#1A1A1A;
float:left;
}

.cadre_perso {
width:570px;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:4px;
background:#1A1A1A;
color:#DEDEDE;
font-size:11px;
margin-bottom:10px;
float:left;
}

.nom_perso {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:21px;
color:#DEDEDE;
margin:0;
padding:0;
width:570px;
border-bottom:1px solid #222222;
margin-bottom:3px;
}

.cadre_video {
width:620px;
padding-left:10px;
padding-right:10px;
padding-top:3px;
padding-bottom:4px;
background:#1A1A1A;
color:#DEDEDE;
font-size:11px;
margin-bottom:10px;
}

#partiegauche {
float:left;
}

#partiedroite {
float:left;
margin-left:10px;
padding-top:30px;
}

#centrage {
width:998px;
margin-right:auto;
margin-left:auto;
padding:0;
}