/* classics */

code.copiecode { background: #aaf }
.error { color:red }
pre { margin: 0 }
p { margin-bottom: 0 }
form { margin: 0 }
.spacer { clear: both; font-size: 1px; height: 1px }

div.copiecode { background: #aaf; overflow: auto; font: 1em monospace }

/* manuel */
div.exemplesite {
	background: #5f5; overflow: auto; width: 80%; margin: auto; border: 3px solid black;
	font: 0.8em tahoma,verdana,arial,sans-serif;
}
div.exemplesite h4 { background: #0a0; margin: 0.5em auto; padding: 0.2em; width: 70%; text-align:center; }
div.exemplesite .menu { width: 32%; float:left; border: 1px solid; background: #3c3; margin: 1%; }
div.exemplesite .liframe { width: 60%; float:right; border: 1px dotted red; margin: 1% }
div.exemplesite a, div.exemplesite a:visited { color: #063 }
div.exemplesite a:hover, div.exemplesite a:active { color: red }
div.genreimage {
	float: right; width: 100px; height: 100px; border: 1px solid black; margin: 2px;
	background: url(https://www.dragon-ball-z.eu/imgs/dujour/tori7.jpg) top center }
iframe.exemple { width: 100%; height: 15em }

/* forms webmaster */

#modifier { background: #bbf }

#modifier th, #modifier td {
	vertical-align: top;
	text-align:left;
	padding-top: 0.5em;
}
#modifier th small {}
#modifier h3 { background: #bfb }

#modifier th { width: 20% }

#modifier textarea { width: 95% }
#tpls textarea { width: 100%; height: 20em }


/* template design */
body#design { background: white url(/design/body-bg.png);
	margin-bottom: 0; padding-bottom: 0; margin-left: 0; padding-left: 0;
	color: black;
}
a { color: #6a0 }
a img { border-width: 1px; }
a:hover { color: #6a6 }
a:visited { color: #350 }


#top { position: absolute; top: 0; left: 0; z-index: 3; height: 197px; width: 100%; min-width: 800px; }
#top div { margin-left: 800px; background: url(/design/top-right.png); height: 197px; }
#top img { vertical-align: middle; float: left; border: none }
* html #top a { display: block; float:left; width: 800px; margin: 0 } /* hack pour remplacer le min-width que ie comprends pas */

#menu {
	position: absolute; top: 170px; left: 0; width: 225px;
	padding: 20px 15px 0 5px; z-index: 2;
	background: url(/design/menu-grand-bg.jpg) top left repeat-y;
}
#menu img { border: none }
#menu h3 {
	width: 203px; height: 40px; background: url(/design/menubg_top.png);
	margin: 0; padding: 3px 10px 0;
	color: #763300; font: 20px "Comic Sans MS",sans-serif;
}
#menu div.ssmenu {
	width: 173px; padding: 0 17px 0 33px; margin: 0;
	background: url(/design/menubg_middle.png);
	overflow: hidden;
}
#menu a#aforums {
	display:block; width: 223px; height: 70px; margin: 0 0 0.5em 0;
			text-indent: 300px; overflow: hidden; text-decoration:none;
	background: url(/design/menubg_forums.png);
}
#menu div.ssmenulg {
	background: url(/design/menubg_lg.png) no-repeat;
	text-align:center;
	padding: 10px 0; height: 23px; width: 223px;
	margin: 0; margin-bottom: 1em;
}
#menu div.ssmenulg a img { margin: 0 7px; border: 2px solid transparent; }
#menu div.ssmenulg a:hover img { border: 2px solid red; }

#menu div.anoir a {
	color: black;
	text-decoration: none;
	font: bold 16px "Comic Sans MS",Verdana,sans-serif;
}

#gglbbg { display: none }
/* (quelques délires sous FF °_°) */
#menu div.ssmenu>div { width: 160px; }
/* spécial JS "recent" */
#recentjs { text-align:center; width: 160px; }
#recentjs div { width:100%; margin:auto; text-align:center; }
#recentjs span { font-size: small }
#recentjs h4 { margin:0 }
#recentjs h5 { margin:0 0 0.3em 0; font: normal 0.8em sans-serif; text-align:center }

#menu div.ssmenufin {
	width: 223px; height: 18px; margin: 0; margin-bottom: 1em;
	background: url(/design/menubg_bottom.png);
}
#menu a { color: #902800 }
#menu a:visited { color: #620 }
#menu a:hover, #menu a:active { color: red }

#menu input              { background: transparent; border-color: #fa5; }
#menu input[type=submit] { font-weight: bold }

#content { padding: 30px 0 1em 255px; margin-top: 170px;
	background: url(/design/menu-grand-bg.jpg) top left repeat-y;
}

/* points particuliers de la template */
#menu div.ssmenu input { width: 150px; padding: 0 2px; margin: 3px }


/* modif perso */
table.tableau tr.header { display: none }
table.tableau img { border: none }
/* 
** Plone style sheet for CSS2-capable browsers.
** Copyright Alexander Limi, 2002 - http://limi.net
** Then modified and simplified by Salagir (@salagir.com)
*/

div.tabs {
    padding: 0.5em 0 0 2em;
    white-space: nowrap;
}
div.tabs a { /* The normal, unselected tabs. They are all links */
	background: #DC9;
    border: #A40 1px solid;
    text-decoration:none;
    color: #E60;
    height: 1.2em;
    margin-right: 0.5em; margin-bottom: 0;
    padding: 0 2em;
}
div.tabs a.selected {
    /* The selected tab. There's only one of this */
    background: #FEA;
	border-bottom-color: #FEA;
    color: #E60;
    font-weight: normal;
	z-index: 11;
}

div.tabs a:hover {
	background: #ED7;
}
div.tabs a.selected:hover {
	background: #FEA;
}

div.tabscontent { /* contenu */
    background: #FEA;
	border: 1px solid #A40;
	margin-top: -1px;
    color: Black;
    padding: 1em;
    text-align: left;
	z-index: 10;
}


table.bords {
	text-align: center;
	border-collapse: collapse;
	empty-cells: show;
	margin:auto;
}
table.bords td, table.bords th {
	border: thin solid black;
	text-indent: 0;
	padding: 0.2em;
}
table.bords th { background: #b0b0b0 }


.paide { font-size:small; padding-top: 0 }

/* Styles from moringa */

.item {
	color: black;
	background-color: #e9e9e9;
}
.item0 { background-color: #f3f3f3 }
.item1 { background-color: #e0e0e0 }

table.tableau {
	border: medium solid black;
	color : black;
	margin : 0.2em 0 2em;
	padding : 0;
	width: 100%;
}
table.tableau th {
	border : black solid;
	border-width : thin 0;
	text-align : center;
	margin : 0;
	background-color : #b0b0e0;
}
table.tableau .header td {
	background-color: #6060C0;
	font-weight : bold;
	font-size : 115%;
	text-align : left;
	color: white;
}
table.tableau td {
	padding : 0.2em;
	margin : 0;
	text-align : center;
	vertical-align : middle;
	border : none;
}
table.tableau tr.row0 {
	background-color: #f3f3f3;
}
table.tableau tr.row1 {
	background-color : #e0e0e0;
}
tr.row1 td, tr.row0 td { border-width: 0 }

table.tableau tr.changing_row0 { background-color: #f3f3f3 }
table.tableau tr.changing_row0:hover { background-color: #a0a0ff }
table.tableau tr.changing_row1 { background-color: #e0e0e0 }
table.tableau tr.changing_row1:hover { background-color: #a0a0ff }
table.tableau tr.changing_row { background-color: #ffffff }

/* changements de détails dans tous les tds que les tables */
table.tableau.allleft td,   table.tableau.allleft th { text-align: left }
table.tableau.allcenter td, table.tableau.allcenter th { text-align: center }
table.tableau.allright td,  table.tableau.allright th { text-align: right }
table.tableau.alltop td,    table.tableau.alltop th { vertical-align: top }
table.tableau.allmiddle td, table.tableau.allmiddle th { vertical-align: middle }
table.tableau.allbottom td, table.tableau.allbottom th { vertical-align: bottom }


/* erreur dans un input */
.redbg { background: #ff4040 }

/* bouttons */
.button {
	color: white;
	background-color: #6060C0;
	border-bottom: thin solid black;
	border-right: thin solid black;
	border-top: thin solid #b5b5e2;
	border-left: thin solid #b5b5e2;
	font-size: 85%;
	font-family: Verdana,Helvetica,sans-serif;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}
a.button {
	padding: 0.5em 1.5em;
	margin: 0.5em 1em;
	text-decoration: none;
	font-size: 75%;
	display: block;
}