/*
Theme Name: SBF120
Version: 1
Description: Th&egrave;me de SBF120.fr
Tags: 
Author: Romain Bordessoul
Author URI: 
Theme URI: 
*/


#dropmenu, #dropmenu ul {margin:0 0 27px 0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#555; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 0.50em; color:#fff; border:1px solid #555; text-decoration:none; background:#686868;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #c8c8c8;}
#dropmenu li ul {border-top:1px solid #c8c8c8; width:12em;}
#dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul, #dropmenu li li:hover ul {display:block;}
.titremenu{text-align:center;background:#333;display:block; padding:0.25em 0.50em;border:1px solid #555; text-decoration:none;}

body{padding:10px}

td#main{vertical-align:top}

div#header{height:88px; margin-bottom:40px}

div#header{background:#141414 url('img/header4.jpg') no-repeat bottom center; text-align:center; margin-left:15px}

td#footer{text-align:center}

div.post{padding-bottom:125px}

div.date{text-align:right; padding-top:15px}

div.content{text-align:justify; padding:10px 6px}

div.info{clear:both; margin-bottom:10px}

.meta{padding:4px 0px}

.meta span{padding-right:20px}

div.edit{width:36px}

.edit, input#submit{padding:5px; text-align:center}
fieldset{padding:15px}

a:link, a:visited{text-decoration:none;color:#b4ccff}
a:hover{text-decoration:none;color:#FFFFFF}
a.more-link{float:right}

a img, a img.simple{border:none}

img.frame{padding:4px}

div.box{margin-bottom:25px}

div.box h4{margin:0px 0px 5px 0px}

div.box ul{margin:0px; padding:0px; list-style:none; line-height:1.75em}

div.box form{margin:0px}

div.box input#s{width:140px;background-color:#FFF}

div.box select{width:150px}

select{padding:4px}


input#submit, p input {padding:4px; margin-bottom:10px; background:transparent; color:rgb(200,200,200); border:1px solid; border-color:rgb(120,120,120)}

input#s {padding:4px; margin-bottom:10px; background:#141414; color:rgb(200,200,200); border:1px solid; border-color:#555555}

textarea , input[type="text"], input[type="password"], input[type="reset"], input[type="submit"]{padding:4px; background:#141414; color:rgb(200,200,200); border:1px solid; border-color:rgb(120,120,120)}

input[type="text"], input[type="password"]{margin-bottom:10px}

input[type="file"]{padding:4px; background:rgb(250,250,250); color:rgb(20,20,20); border:none}

form#commentform{margin-top:25px}

div.author{margin:20px 0px 10px 0px}

div.author img{padding-right:10px}

div.textwidget{line-height:1.5em}

table#wp-calendar{width:140px; line-height:1.5em}

#wp-calendar caption{padding-bottom:4px}

.left{text-align:left}

.center{text-align:center}

.right{text-align:right}

.alignleft{float:left; margin:10px 15px 10px 0px}

.aligncenter{display:block; margin-left:auto; margin-right:auto}

.alignright{float:right; margin:10px 0px 10px 15px}

body, table#blog, input, textarea, pre {font:1em  "Lucida Sans Unicode","Lucida Grande","Lucida Sans",Verdana,sans-serif}

table#blog{font-size:70%}

table#blog table{font-size:100%}

h1{text-align:center;color:#4e84ff;background:#464646; border:1px solid #464646;width:100%; float:left;  font-size:1.2em}

h2{text-align:center; background-color:#122141; clear:both; border:1px solid #888;font-size:1em}

h3{color:#2B5AC6;font-size:1em}

h4{font-size:1.2em}

h5{font-size:1.2em; background:url(img/bgh1.gif) repeat-x left bottom}
 
h6, h6 a:link{font-size:1.8em; background:url(img/bgh1.gif) repeat-x left bottom; color:#4E86FF; margin-bottom:10px; padding:6px 0 4px; font-size:1.2em}

.date, .info, div.meta, div.author, p.wp-caption-text, .edit, div.box, div.box a:link, div.box a:visited, 
div.box h4, li.recentcomments, div#form label, p label, select, table#wp-calendar, 
div#navlink a:link, div#navlink a:visited, #footer, #footer a:link, #footer a:visited, legend, input#submit, div.content input{font:1em Arial,sans-serif}

code{font:1em 'Courier New',monospace; white-space:pre}

dt{font-weight:bold}

small{font-size:0.9em}

body, select{background:rgb(20,20,20); color:rgb(200,200,200)}


li.recentcomments{background:transparent; color:rgb(200,200,200)}


.date, div.meta, span#colophon, #colophon a:link, #colophon a:visited, legend{background:transparent; color:rgb(140,140,140)}

div.box h4, h4 a:link, h4 a:visited, .info a:link, .info a:visited, a.more-link, #navlink a:link, #navlink a:visited, #wp-calendar caption, #wp-calendar a:link, #wp-calendar a:visited{background:transparent; color:rgb(148,150,226)}

img.frame, .edit, select, fieldset, hr{border:1px solid; border-color:rgb(120,120,120)}

@media print{body{padding:2%}


td#left_sidebar, td#right_sidebar, div.info, .edit, div.navlink, div#form, form, input, img[class~=avatar]{display:none}

div.post{page-break-after:always}

img, blockquote{page-break-inside:avoid}

}

.tablecours{width:100%; background-color:#333; border:0px}

.table-ligne1{ background:#24243F;text-align:center}
.table-ligne2{ background:#141414;text-align:center}
.couleurtable{background:#4E0F51}

.table-lignesb{text-align:center;  background-color:#141414}

.fondtitre{padding-top:3px; background-repeat:repeat-x; height:20px; text-align:center; font-size:1em}

.fondtitrearticle{padding:3px}

.fondcorps{padding:5px;  background-color:#141414}

.fondtitre2{padding-top:3px; height:34px; text-align:center; font-size:1em}

.couleur1{ color:#FF6BDE}
.couleur2{ color:#9F51FF}
.couleur3{ color:#6BB5FF}
.couleur4{ color:#3D60FF}
.couleur5{ color:#42FFB0}
.couleur6{ color:#38FF1E}
.couleur7{ color:#F3FF14}
.couleur8{ color:#FFC116}
.couleur9{ color:#FF320A}

.colorisn{color:#FF6BDE;background:#777}
.colords{color:#C3843F;background:#777}
.colorpha{color:#6BB5FF;background:#777}
.colorpba{color:#F3FF14;background:#777}
.colorm{color:#42FFB0;background:#777}
.colorv{color:#38FF1E;background:#777}

.couleurdateeart{ font-size:0.8em}

.metaarticle{ font-size:0.7em; clear:left}

a.main:hover{ background:none}

.fondtext1{font-size:1.1em; text-align:left; width:100%; background-color:#212121;  float:left;  padding:3px 3px 3px 3px}

.fondtextclass{text-align:center; font-size:1.1em; width:100%; background-color:#212121;  float:left;  padding:3px 3px 3px 3px}

.fondtext2{font-size:1.1em;  width:400px; text-align:left;  background-color:#281E1E;  float:left}

.fondtext3{font-size:1.1em;  margin-top:3px;  margin-right:3px;  background-color:#212121;  padding:3px 3px 3px 3px}

.articletetefond{font-size:1.1em; text-align:left;  background-color:#212121}
.articletetesur{font-size:1.1em; text-align:left;  background-color:#141414}

.articletable{width:30%; vertical-align:top}

.generaltable{border:1px; width:100%; vertical-align:top}

td#left_sidebar{clear:both; width:14%; vertical-align:top; text-align:center}

.boite{width:100%; font-size:1.1em;  background-color:#212121}

.menuboite{padding:3px; font-size:1em}

.elementboite{border-bottom:1px solid #888; background:#141414}
.elementboite a:hover{border-bottom:1px solid #888; background-color:#666}

.fondmenu{ background-color:#212121;padding:5px}
.fondmenu2{ background-color:#001d61;padding:5px}
.fondmenu3{ background-color:#093b46;  padding:5px}
.menu{text-align:center;background:#333; list-style:none; margin:0; margin-top:5px; padding:0}
.menu li{margin:0; padding:0}
.menu a{background:#333; border-bottom:1px solid #393939; color:#ccc; display:block; margin:0; padding:8px 12px; text-decoration:none; font-weight:normal}
.menu a:hover{background:#2580a2 url("img/hover.gif") left center no-repeat; color:#fff; padding-bottom:8px}

.minisuivi{float:right}
.minisuivi li {border-bottom:1px solid #393939;margin:0; padding:0}




.menupub{text-align:center;background:#2B5AC6; list-style:none; margin:0; margin-top:5px; padding:0}
.menupub li{margin:0; padding:0}
.menupub a{background:#0a296f; border-bottom:1px solid #001d61; color:#d5dff4; display:block; margin:0; padding:8px 12px; text-decoration:none; font-weight:normal}
.menupub a:hover{background:#2f54a8 url("img/hover.gif") left center no-repeat; color:#fff; padding-bottom:8px}

.menusuiv{text-align:center;background:#2B5AC6; list-style:none; margin:0; margin-top:5px; padding:0}
.menusuiv li{margin:0; padding:0}
.menusuiv a{background:#0f6375; border-bottom:1px solid #093b46;display:block; margin:0; padding:8px 12px; text-decoration:none; font-weight:normal}
.menusuiv a:hover{background:#12768c url("img/hover.gif") left center no-repeat;color:#fff; padding-bottom:8px}


.annonceaffichagereduit{text-align:center; margin:6px 6px 0 6px; clear:both; border:1px solid #888}
.suite{text-align:right; border-bottom:1px solid #888}

.search{text-align:center;background:#141414 url("img/fonsearch.gif") center no-repeat;padding-top:7px;font-size:0.9em}

.navmenu{float:left; background:#333; margin-left:3px}

/* tableau suivi */
.ligneprev{background-color:#153882;color:#c0d3fc;font:1em Arial,sans-serif}
.lignesuiv{background-color:#4f4f4f;color:#FFFFFF;font:1em Arial,sans-serif}
.lignesuivdate{background-color:#3c3c3c;color:#FFFFFF;font:1em Arial,sans-serif}
.generalsuivi{max-width:600px;border-style:none}
.lignrouge{color:#dd0000;font:1em Arial,sans-serif}
.lignvert{color:#07ce02;font:1em Arial,sans-serif}
.lignorange{color:#ce6c02;font:1em Arial,sans-serif}
.ligneauteur{background-color:#2c403d;color:#e4fffc;font:1em Arial,sans-serif}
.lignclass{vertical-align:top;width:49%}

img.thumbnail {float:left;margin:5px}

/* commentaire */

.commentlist .quote {
	background:url("img/bg_quote.gif") no-repeat top right;min-height:52px;
	}

.commentlist li {
width:431px;

 	padding: 5px 18px 22px 18px;
	margin-top:15px;
	background:#454545 url("img/bg_commentlist.gif") bottom no-repeat;
	color:#e4edee;
	}

.commentlist cite {
	display:block;
	font-style:normal
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#88e5f0;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#FFF;
	text-decoration:underline;
	}
	
.navi{float:left;background:#333;margin-left:3px}
.aligndroit{float:right;text-align:right}
.classement{text-align:center; font-size:1.1em; background-color:#313131; padding:3px 3px 3px 3px}
.tablecote{border:4px solid #212121;margin-top:4px}

.droite {float:right;text-align:right}
.gauche {float:left;text-align:left}
