body { background:url(../../img/tpl/background.jpg) repeat-x top #dadada; padding:0; margin:0; font-family:Arial; font-size:12px; color:#222; }
form { padding:0; margin:0; }
a { color:#06c; }
a:hover { color:#666; text-decoration:none; }

.row { height:1%; overflow:hidden; }
.clr { height:10px; overflow:hidden; clear:both; }

/* Header */
#header { width:974px; height:241px; overflow:hidden; margin:0 auto 0 auto; background:url(../../img/tpl/header.gif) no-repeat top center; }
#logo { width:333px; height:152px; overflow:hidden; background:url(../../img/tpl/logo.gif) no-repeat; display:block; line-height:500px; position:absolute; z-index:10; margin:30px 0 0 320px; }
#header .projet { position:absolute; z-index:10; margin:20px 0 0 800px; }
#header .title { text-align:center; clear:both; padding:35px; }

/* Menu */
#menu { padding:0; margin:120px 0 0 0; list-style:none; }
#menu li { float:left; padding:0; margin:0; }
#menu li.space { width:294px; }
#menu li a { display:block; width:170px; height:30px; overflow:hidden; background:url(../../img/tpl/menu.gif) no-repeat; line-height:500px; }

#menu li a.accueil { background-position:top left; }
#menu li a.accueil:hover { background-position:top right; }
#menu li a.combats { background-position:left -30px; }
#menu li a.combats:hover { background-position:right -30px; }
#menu li a.soutien { background-position:left -60px; }
#menu li a.soutien:hover { background-position:right -60px; }
#menu li a.inscription { background-position:left -90px; }
#menu li a.inscription:hover { background-position:right -90px; }

/* Page */
#page { width:960px; height:1%; margin:0 auto 0 auto; background:#fff; }
#content { width:620px; padding:10px; float:left; text-align:justify; overflow:hidden; }
#rightside { width:300px; padding:10px; float:right; }

#content h1 { font-family:Tahoma;  color:#0076a9; font-size:26px; font-weight:normal; padding-bottom:5px; border-bottom:1px dotted #ccc; }
#content h2 { font-family:Tahoma;  color:#444; font-weight:normal; font-size:18px; }
#content h3 { font-family:Tahoma;  color:#444; font-size:20px; font-weight:normal; padding:0 0 5px 42px; border-bottom:1px dotted #ccc; background:no-repeat left center; line-height:32px; }
#content .paste { background-image:url(../../img/icons/paste.gif); }
#content .signal { background-image:url(../../img/icons/signal.gif); }
#content .signal_gray { background-image:url(../../img/icons/signal-general.gif); }
#content .fondateur { background-image:url(../../img/icons/fondateur.gif); }

#content .tag_green { background-image:url(../../img/icons/tag_green.png); }
#content .tag_blue { background-image:url(../../img/icons/tag_blue.png); }
#content .tag_orange { background-image:url(../../img/icons/tag_orange.png); }
#content .tag_purple { background-image:url(../../img/icons/tag_purple.png); }
#content .tag_red { background-image:url(../../img/icons/tag_red.png); }
#content .tag_yellow { background-image:url(../../img/icons/tag_yellow.png); }

#content .soon { line-height:60px; color:#666; font-size:14px; font-style:italic; }
#content .info { color:#666; font-size:11px; line-height:26px; }
#content textarea { width:95%;height:100px;font-size:12px;font-family:Arial;color:#666; }

/* Navigation */
#content .pages { text-align:center; font-size:16px; }
#content .pages a { padding:0 5px 0 5px; }

/* Footer */
#footer { width:940px; height:50px; padding:10px; margin:0 auto 0 auto; background:url(../../img/tpl/background-footer.gif) no-repeat; color:#444; }
#footer a { color:#444; padding:0 5px 0 5px; }
#footer .title { color:#0076a9; margin-top:5px; font-weight:bold; font-size:13px; }
#footer .links { font-size:11px; margin-top:5px; }

/* News */
.news { border-bottom:1px dotted #ccc; margin-bottom:20px; }
.news .titre { font-family:Tahoma; font-weight:bold;  color:#0076a9; float:left; margin:0; font-size:16px; line-height:22px; }
.news .date { background:url(../../img/tpl/bg_news.gif) no-repeat center center; color:#fff; padding:4px; font-size:11px; width:60px; text-align:center; float:left; margin-right:10px; }
.news .text { line-height:16px; }

/* Combat */
.combat { border-bottom:1px dotted #ccc; margin-bottom:10px; }
.combat .type { color:#666; font-size:11px; }
.combat .type a { color:#666; text-decoration:none; }
.combat .vignette { width:24px; height:24px; background:no-repeat -5px -91px; border:2px solid #eee; }
.combat h4 { font-family:Tahoma;  color:#0076a9; margin:0; font-size:13px; }
.combat_detail .vignette { width:160px; height:120px; background:no-repeat center center; border:2px solid #ccc; }
.combat_detail .type { color:#444; padding:2px; font-size:11px; }
..combat_detail .vignette { width:160px; height:120px; background:no-repeat center center; border:2px solid #ccc; } ul { padding:0; margin:0; }
.combat_detail li { list-style:none; line-height:18px; }
.combat_detail b { width:80px; margin-right:10px; text-align:right; font-size:11px; float:left; }

.combat_detail .description { background:#faf8f6; border:1px solid #ccc; padding:10px; margin:10px; }
.combat_detail .description h4 { font-size:13px; margin:0 0 5px 0;}
.combat_detail .description .mention { font-size:10px; margin-top:5px; color:#444; }

.combat_ok { color:green; font-size:16px; margin:20px 0 0 90px;  }
.combat_back { font-size:11px; border-top:1px dotted #ccc; margin-top:10px; padding-top:5px; padding-left:15px; background:url(../../img/tpl/fleche-droite.gif) no-repeat left center;  }
.combat_back a { color:#666; }

.combat_intro { text-align:center; font-size:16px; font-weight:bold; padding:10px; border:1px solid #e2001a; color:#e2001a;  }
.combat_intro i { font-size:12px; font-weight:normal; font-style:normal; }

/* Formulaire */
.formulaire {	width:550px; margin:0 auto 0 auto; text-align:right; }
.formulaire fieldset { padding:10px 0 10px 0; margin-bottom:10px; border:1px solid #eee; }
.formulaire legend { font-size:14px; font-family:Tahoma; margin-left:10px; color:#0076a9; text-align:left; }
.formulaire .row { margin-bottom:10px; }
.formulaire .infos { width:500px; margin:0 auto 10px auto; text-align:justify; color:#000; font-size:12px; line-height:16px; }
.formulaire label { display:block; float:left; width:200px; text-align:right; margin-right:10px; line-height:18px; padding-right:15px; background:url(../../img/tpl/fleche-droite.gif) no-repeat right center; }
.formulaire input[type=text], .formulaire input[type=password], .formulaire select, .formulaire textarea, .form_input { float:left; width:150px; border:1px solid #ccc; background:#f7f7f7; width:250px; padding-left:5px; }
.formulaire textarea { width:500px; height:150px; margin:0 10px 0 10px; }
.formulaire .euro { display:block; float:left; margin-left:10px; text-align:left; line-height:18px; font-size:12px; }
.formulaire .nb { text-align:left; padding-left:10px; }
.form_input { float:none; }
.formulaire .data label { background:none; float:none; text-align:left; display:inline; font-weight:normal; margin-left:10px; }
.formulaire input[type=submit], .form_button {	background:#0076a9; color:#fff;	cursor:pointer; font-family:Tahoma; font-size:14px; border:1px solid #ccc; padding:0 10px 2px 10px;	height:23px; width:120px; }
.formulaire input[type=submit]:hover { background-position:bottom; background:#666; }
.formulaire .data { float:left; width:300px; text-align:left; font-weight:bold; line-height:18px; }
.formulaire .choix { float:left; text-align:left; }
.formulaire .comment { font-family:Tahoma;  color:#444; font-size:16px; font-weight:normal; padding:0 0 5px 42px; background:url(../../img/icons/comment.gif) no-repeat left center; line-height:32px; }
.formulaire .comment_text { text-align:left; font-size:14px; color:#444; padding:0 20px 0 20px; font-style:italic; }

/* Message */
#alert_message { color:red; font-size:14px; border:2px solid red; margin:20px auto 20px auto;	padding:2%;	width:95%; text-align:center;	}

/* Notices */
.notice li { margin-bottom:5px; }

/* Liste */
.list { list-style:square; margin-left:20px; }

/* Signalement */
.signalement { padding:10px 0 10px;border-top:2px dotted #eee; }

/* Donateurs */
.row_donateur { height:1%; overflow:hidden; width:600px; margin:0 auto 0 auto; }
.donateur { width:265px; border:1px solid #ccc; padding:2px 5px 2px 5px; margin:0 10px 5px; background:#fff; color:#8f780e; float:left; }
.donateur b { float:right; }
.donateur i { font-size:11px; font-style:normal; }

/* Liens */
.site_link { border:2px solid #eee; margin:0 10px 10px 0; padding-top:95px; text-align:center; width:190px; height:20px; float:left; background:no-repeat center 20px; }

/* RSS */
.rss { line-height:16px; padding-left:20px; background:url(../../img/icons/rss.gif) no-repeat left center; font-size:11px; margin-bottom:2px; display:block; }