/*
============================================================
 ~~~ Auteur: Phantøm @ halo-battle.com ~~~
 ©©© Copyright halo-battle.com ©©©
 ### Version : 1.0 ###
============================================================
*/

*
{
margin: 0;
padding: 0;
border: 0;
}

body
{
background-color: #131C21;
text-align: center;
font-family: "arial",arial;
color: #557E92;
padding: 15px 0;
font-size: 10px;
}

a, a:visited, a:active
{
text-decoration: none;
font-weight: bold;
color: #557E92;
}

a:hover,a:visited:hover
{
text-decoration: underline;
}

a, a *
{
cursor: pointer;
}

p
{
font-family: "Tahoma",arial;
line-height: 15px;
word-spacing: 1px;
}

acronym
{
border-bottom: #FFFFFF dotted 1px;
cursor: help;
}

textarea
{
color: #3D4B59;
width: 390px;
height: 160px;
background-color: #CEDAEC;
border: #1F6183 solid 1px;
margin: 10px 4px;
}

select
{
color: #3D4B59;
background-color: #CEDAEC;
border: #1F6183 solid 1px;
margin: 2px 4px;
width: 140px;
}

input.text, input.password
{
color: #3D4B59;
width: 120px;
height: 16px;
background-color: #CEDAEC;
border: #1F6183 solid 1px;
margin: 2px 4px;
}

input.text:focus, input.password:focus, textarea:focus
{
background-color: #FFFFFF;
}

input.submit
{
width: 50px;
height: 15px;
color: #FFFFFF;
font-family:"verdana";
font-weight: bold;
font-size: 10px;
text-decoration:none;
background: transparent url(images/ok.gif);
border: 0px;
cursor: pointer;
margin: 2px 4px;
}

input.submit:hover
{
color: #000000;
}

*[disabled]
{
color: #999999 !important;
}

#all
{
background: #1F2E35 url(images/all.gif) repeat-y center;
width: 940px;
margin: 0 auto;
}

#cornertop,  #cornerbt
{
margin: 0 auto;
font-size: 0;
width: 940px;
height: 23px;
}

#cornertop
{
background: transparent url(images/cornertop.gif) no-repeat bottom;
}

#cornerbt
{
background: transparent url(images/cornerbt.gif) no-repeat top;
}

#header
{
position: relative;
bottom: 4px;
background: #1B282E url(images/header.gif) no-repeat top center;
width: 910px;
margin: 0 auto;
padding-top: 4px;
}

#header:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#header #header_link
{
float: left;
padding: 2px;
margin-left: 8px;
}

#header #img
{
display: block;
width: 908px;
height: 82px;
margin: 0 auto;
clear: both;
position: relative;
font-size: 16px;
font-weight: bold;
}

#header #img span
{
display: block;
background: transparent url(images/header.jpg) no-repeat 0 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}

#header #img span#h09
{
/*background: transparent url(images/header2009.png) no-repeat 0 0;*/
background: transparent url(images/header_cut.jpg) no-repeat 0 0;
}

#header #date
{
color: #99CC00;
}

#header a#rss
{
float: right;
height: 14px;
color: #00CCFF;
padding-left: 16px;
margin-right: 12px;
background: transparent url(images/rss.gif) no-repeat left;
}

#header #buttons
{
margin-top: 5px;
margin-left: 10px;
text-align: center;
}

#header #buttons div
{
float: left;
width: 89px;
height: 32px;
background: transparent url(images/ombre_bt.gif) no-repeat bottom;
margin-right: 15px;
text-align: left;
}

#header #buttons a, #header #buttons a:visited
{
display: block;
width: 85px;
height: 20px;
text-align: center;
padding-top: 8px;
color: #FFFFFF;
background: #2E434E url(images/button.gif) no-repeat 0 0;
font-family: "Trebuchet MS";
font-weight: lighter;
}

#header #buttons a:hover
{
background-color: #178C9D;
background-position: 0 100%;
text-decoration: none;
}

#header #recherche
{
float: right;
text-align: left;
margin: 0 10px 8px 10px;
}

#header #recherche a
{
color: #99CC00;
padding-left: 10px;
margin-left: 4px;
background: transparent url(images/recherche.gif) no-repeat left;
}

#banner
{
position: relative;
font-size: 11px;
margin-bottom: 4px;
height: 14px;
clear: both;
}

.bannerleft
{
font-weight: bold;
color: #517285;
position: absolute;
top: 0;
left: 7px;
text-align: left;
z-index: 2;
background-color: #1F2E35;
padding-left: 5px;
width: 905px;
}

#bannerright
{
color: #FFCC00;
position: absolute;
top: 0;
right: 10px;
z-index: 3;
background-color: #1F2E35;
}

#corps
{
background-color: #1B282E;
width: 900px;
margin: 0 auto;
padding: 15px 5px 0 5px;
}

#corps:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#corps h2
{
position: relative;
top: 18px;
font-size: 11px;
text-align: left;
font-weight: bold;
color: #FFCC00;
background: transparent url(images/new.gif) no-repeat left center;
padding-left: 25px;
margin-left: 10px;
}

#corps a.link
{
display: block;
height: 16px;
background: transparent url(images/link.gif) no-repeat right center;
padding-right: 16px;
font-size: 11px;
text-align: left;
float: left;
}

#corps a.link span
{
display: block;
height: 16px;
background-color: #0099CB;
color: #FFFFFF;
padding: 0 10px;
float: left;
}

#corps a.link:hover ,#corps a.link:visited:hover ,#corps a.link:hover span ,#corps a.link:visited:hover span
{
text-decoration: none !important;
color: #000000;
}

.block
{
margin-bottom: 10px;
}

#dernierminute .header
{
color: #FFFFFF;
background: #213239 url(images/block_header.gif) no-repeat right;
height: 14px;
padding: 2px 80px 0 10px;
text-align: left;
float: left;
}

#dernierminute .corps
{
background-color: #213239;
clear: both;
font-size: 120%;
padding: 15px 0;
}

#dernierminute
{
width: 425px;
float: left;
clear: left;
}

#dernierminute span
{
padding-left: 30px;
text-align: left;
display: block;
margin: 5px 0;
}

#dernierminute a
{
color: #00FFFF;
}

#connexion .header
{
color: #FFFFFF;
background: #213239 url(images/block_header.gif) no-repeat right;
height: 14px;
padding: 2px 80px 0 10px;
text-align: left;
float: left;
}

#connexion .corps
{
background-color: #213239;
clear: both;
padding: 15px 0;
}

#count .header
{
color: #FFFFFF;
background: #213239 url(images/block_header.gif) no-repeat right;
height: 14px;
padding: 2px 80px 0 10px;
text-align: left;
float: left;
}

#count .corps
{
background-color: #213239;
clear: both;
color: #FFFFFF;
font-size: 150%;
font-weight: bolder;
padding: 15px 0;
}

#connexion, #news, #count
{
width: 425px;
float: left;
clear: left;
}

#connexion span
{
padding-left: 30px;
text-align: left;
display: block;
margin: 5px 0;
}

#connexion a
{
padding-left: 20px;
color: #00FFFF;
}

#connexion #cookie
{
margin: 0 5px;
}

#connexion label
{
color: #FFFFFF;
}

#news .bottom, #page .bottom
{
background: transparent url(images/block_bg.gif) repeat-x top;
height: 16px;
padding: 0;
margin: 0;
width: 425px;
}

#news .bottom a, #page .bottom a
{
float: left;
display: block;
height: 16px;
background: #334B55 url(images/block_footer3.gif) no-repeat right center;
text-align: left;
padding: 0 21px 0 5px;
color: #01CAFF;
}

#news .bottom span, #page .bottom span
{
float: right;
display: block;
height: 16px;
background: #334B55 url(images/block_footer4.gif) no-repeat left center;
text-align: right;
padding: 0 5px 0 21px;
font-size: 11px;
font-weight: lighter;
}

#news .bottom span a, #page .bottom span a
{
float: none;
display: inline;
background: transparent;
padding: 0;
font-weight: normal;
color: #588396;
}

#news h3, #page h3
{
width: 425px;
height: 18px;
background: transparent url(images/date_bg.gif) repeat-x bottom;
margin: 5px 0;
}

#news h3 span, #page h3 span
{
background: #334B57 url(images/date.gif) no-repeat left center;
display: block;
height: 16px;
padding: 2px 4px 0 20px;
font-size: 10px;
color: #01CBFB;
text-align: right;
float: right;
}

#news div
{
position: relative;
background-color: #1F2E35;
padding: 15px 10px;
margin: 2px 0;
text-align: left;
width: 405px;
}

#news div:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#news img
{
float: left;
border: #868B8E 1px solid;
margin-top: 10px;
}

#news p
{
float: right;
color: #989896;
width: 340px;
font-size: 11px;
}

#news strong
{
font-weight: bold;
color: #9ACB00;
}

#news ins
{
color: #01CBCB;
}

#news cite
{
display: block;
color: #FFFFFF;
text-align: justify;
font-style: normal;
font-size: 10px;
margin: 5px 0;
}

#news a.plus ,#annonce a.plus
{
position: absolute;
bottom: 4px;
right: 12px;
color: #FCCB02;
font-weight: lighter;
}

#news a.com, #annonce a.com
{
color: #00CDFF;
background: transparent url(images/com.gif) no-repeat left center;
padding-left: 18px;
font-weight: normal;
}

#blog
{
position: relative;
float: right;
clear: right;
margin-top: 16px;
background: #1F2E35 url(images/inscription.png) no-repeat 20px center;
width: 340px;
padding: 15px 0 30px 130px;
text-align: justify;
height: 1%;
}

#inscription
{
position: relative;
float: right;
clear: right;
margin-top: 16px;
background: #1F2E35 url(images/inscription.png) no-repeat 20px center;
width: 340px;
padding: 15px 0 30px 130px;
text-align: justify;
height: 1%;
}

#inscription span
{
font-weight: bold;
color: #00CCFE;
font-size: 11px;
padding: 0 8px;
}

#inscription span a
{
text-decoration: underline;
color: #FFFFFF;
padding-right: 6px;
}

#inscription p
{
color: #668CA3;
margin: 8px 0;
padding: 0 8px;
}

#inscription strong
{
color: #507484;
font-size: 11px;
}

#inscription em
{
font-size: 11px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
}

#inscription a.more
{
position: absolute;
bottom: 0px;
right: 0px;
display: block;
height: 16px;
background: #334B55 url(images/connexion_plus.gif) no-repeat left center;
padding: 0 20px 0 36px;
color: #96CB01;
}

#inscription a.link
{
float: left;
margin-left: 8px;
}

#annonce
{
float: right;
clear: right;
width: 470px;
background-color: #1F2E35;
text-align: left;
}

#annonce div
{
position: relative;
padding: 9px;
width: 452px;
height: 174px;
background: #334B55 url(images/annonce_bg.gif) no-repeat center center;
}

#annonce div a.link
{
position: absolute;
top: 145px;
left: 300px;
}

#annonce p
{
position: relative;
height: 1%;
}

#annonce p strong
{
position: absolute;
top: 0px;
left: 0px;
display: block;
height: 16px;
background: #334B55 url(images/annonce_titre.gif) no-repeat right center;
padding: 0 36px 0 20px;
float: left;
}

#annonce p strong span
{
display: block;
height: 16px;
background: transparent url(images/fleche.gif) no-repeat left center;
color: #96CB01;
padding-left: 20px;
float: left;
}

#annonce p cite
{
display: block;
color: #FFFFFF;
text-align: justify;
font-style: normal;
padding: 25px 15px 15px 15px;
}

#annonce p a.com
{
position: relative;
bottom: 8px;
left: 18px;
}

.annonceleft
{
font-weight: bold;
color: #999999;
float: left;
position: absolute;
}

#statistiques
{
float: right;
clear: right;
width: 470px;
}

#statistiques .header
{
color: #FFFFFF;
background: #213239 url(images/block_header2.gif) no-repeat right;
height: 14px;
padding: 2px 118px 0 10px;
text-align: left;
float: left;
}

#statistiques .corps
{
background-color: #213239;
clear: both;
text-align: left;
}

#statistiques .corpsi
{
background-color: #213239;
clear: both;
font-size: 120%;
padding: 15px 0;
text-align: center;
}

#connexion span
{
padding-left: 30px;
text-align: left;
display: block;
margin: 5px 0;
}

#statistiques .corps img
{
margin: 10px 0 10px 20px;
}

#statistiques .footer
{
background: #213239 url(images/block_footer.gif) no-repeat left;
height: 14px;
padding: 0 16px 2px 36px;
text-align: right;
float: right;
}

#statistiques .footer a
{
color: #00CCFE;
}

#container
{
float: right;
clear: right;
width: 470px;
}

#sondage
{
float: left;
width: 235px;
}

#sondage .header, #dossier .header
{
height: 17px;
background: transparent url(images/block_bg.gif) repeat-x bottom;
}

#sondage .header span, #dossier .header span
{
display: block;
height: 17px;
background: #334B55 url(images/block_header3.gif) no-repeat left center;
padding: 0 5px 0 22px;
text-align: right;
float: right;
color: #00CBFD;
}

#sondage h2, #dossier h2
{
top: 12px;
margin-left: 5px;
}

#sondage .corps
{
clear: both;
text-align: center;
}

#sondage input.radio
{
margin-right: 20px;
}

#sondage label
{
display: block;
margin: 3px 0 3px 30px;;
color: #FFFFFF;
text-align: left;
}

#sondage input.submit
{
margin: 8px 0 0 30px;
}

#dossier
{
float: right;
width: 220px;
}

#dossier .corps
{
background-color: #1F2E35;
clear: both;
width: 220px;
}

#dossier .corps:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#dossier .corps img
{
float: left;
margin-left: 10px;
margin-top: 25px;
border: #FFFFFF 1px solid;
}

#dossier .corps p
{
float: right;
width: 150px;
text-align: left;
margin: 10px 0;
}

#dossier .corps strong
{
display: block;
color: #02CCFE;
font-size: 11px;
font-weight: normal;
}

#dossier .corps cite
{
display: block;
color: #FFFFFF;
font-style: normal;
}

#dossier .footer
{
background: #1F2E35 url(images/block_footer2.gif) no-repeat left;
height: 14px;
padding: 0 16px 2px 36px;
text-align: right;
float: right;
}

#dossier .footer a
{
color: #00CBFF;
}

#page
{
width: 850px;
margin: 0 auto;
}

#page .header h3
{
width: 850px;
}

#page .corps
{
background-color: #213239;
font-size: 11px;
}

#page h4
{
padding: 5px 10px;
font-weight: normal;
font-size: 11px;
color: #989896;
}

#page h4 img
{
float: left;
border: #868B8E 1px solid;
}

#page h4 span
{
float: left;
margin: 5px 0 0 10px;
}

#page p
{
clear: both;
padding: 10px 30px 10px 70px;
color: #FFFFFF;
text-align: justify;
}

#page h4 span strong
{
font-weight: bold;
color: #9ACB00;
}

#page h4 span ins
{
color: #01CBCB;
}

#page .bottom
{
margin-top: 2px;
width: 850px;
}

#page .bottom a, #page .bottom span a
{
color: #01CAFF;
}

#commentaires
{
margin: 15px auto;
width: 850px;
}

#commentaires:after
{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#commentaires .header
{
height: 17px;
background: transparent url(images/block_bg.gif) repeat-x bottom;
width: 850px;
margin-top: 5px;
}

#commentaires .header span
{
display: block;
height: 17px;
background: #334B55 url(images/block_header3.gif) no-repeat left center;
padding: 0 5px 0 22px;
float: right;
width: 30px;
}

#commentaires p
{
width: 600px;
background-color: #1F2E35;
margin: 5px 0;
font-size: 11px;
text-align: justify;
padding: 5px 15px;
color: #989896;
border-bottom: #334B55 dotted 1px;
border-right: #334B55 dotted 1px;
}

#commentaires .com1
{
float: left;
}

#commentaires .com2
{
float: right;
}

#commentaires p a
{
font-style: italic;
text-decoration: underline;
margin-left: 10px;
color: #01CBCB;
font-weight: normal;
}

#commentaires p cite
{
display: block;
color: #FFFFFF;
font-style: normal;
}

#commentaires p cite a
{
margin: 0;
color: #FFFFFF;
}

#commenter
{
width: 700px;
margin: 15px auto;
background-color: #1F2E35;
}

#commenter legend
{
position: relative;
bottom: 8px;
}

#commenter span
{
float: left;
margin: 40px 0 0 50px;
}

#commenter span img
{
margin: 3px;
cursor: pointer;
}

#commenter textarea
{
float: left;
margin-left: 20px;
}

#commenter .submit
{
clear: both;
z-index: 10;
}

#footer
{
width: 894px;
background: #141D22 url(images/footer.gif) no-repeat bottom center;
padding: 8px;
margin: 0 auto;
}

.error
{
width: 500px;
margin: 30px auto;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding: 8px;
border: #141D22 solid 1px;
background-color: #213239;
}
