/*
==============================
Feuille de style pour YobiON
Auteur : Jérémy P. (jp451)
Site : http://www.yobion.fr
==============================
Sommaire
==============================
1. Corps de la page (liens, textes, fond, ...)
2. Entête de la page (bannière et logo)
3. Menu (menu horizontal)
4. Contenu de la page (dispostion du contenu texte et du menu vertical)
5. Pied de page
==============================
*/

/* 1. Corps de la page */

* {
	margin: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	padding: 0;
	background-color: #ffffff;
	color: #7a6330;
}

hr {
	color: #7a6330;
}

h2, h3 {
	background-image: url(http://img.yobion.fr/h.png);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 15px;
	border-bottom: 0px;
	font-variant: small-caps;
	text-decoration: none;
	padding: 6px;
}

h2 a, h3 a {
	text-decoration: none;
}

p {
	text-align: justify;
	margin-bottom: 15px;
	line-height: 22px;
}

a {
	background-color: transparent;
	text-decoration: underline;	
	color: #7a6330;
}

a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #ff0000;
}

img {
	border: 0;
}

#contenum ul, #contenum_bis ul {
	list-style-type: none;
	padding: 0px;
	margin-bottom: 15px;
	line-height: 22px;
	text-align: left;
}

ul#smr, #contenu2 ul  {
	list-style-type: none;
	padding: 0px;
	margin-bottom: 15px;
	line-height: 22px;
	text-align: center;
}

.center {
	text-align: center;
}

textarea, input, select {
	background-color: #ffffff;
	background-image: url(http://img.yobion.fr/form1.png);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #7a6330;
	color: #7a6330;
}

blockquote { 
background-color: #fff1d3;
margin: 15px 30px 15px 30px;
padding: 10px 20px 10px 20px;
border-left: 3px solid #7a6330;
color : #7a6330;
font-style: italic;
}

table {
border: thin solid #7a6330;
border-collapse: collapse;
width: 50%;
margin:auto;
}

th {
border: thin solid #7a6330;
width: 50%;
padding: 5px;
background-color: #fff1d3;
}

td {
border: thin solid #7a6330;
width: 50%;
padding: 5px;
text-align: center;
}

/* 2. Entête de la page */

#haut {
	background-color: #fff1d3;
	color: #7a6330;
	height: 89px;
}

#haut h1 span {
	text-indent: -200%;
	display: none;
}

#logo {
	float: left;
	background-image: url(http://img.yobion.fr/244x89v5.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 89px;
	width: 244px;
}

#pub {
	text-align: center;
	margin-left: 25em;
	padding: 1ex 1em 1em;
}

/* 3. Menu */

#menu {
	padding: 5px 30px 0 30px;
	margin-bottom: 30px;
	color: #7a6330;
	background-color: #fff1d3;
	border-bottom: 1px solid #7a6330;
	clear: both;
}

#menu div {
	clear: both;
}

#menu ul {
	display: block;
	position: relative;
	top: 1px;
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}

#menu ul li {
	position: relative;
	float: left;
	border: 1px solid #7a6330;
	border-bottom-width: 0px;
	margin-right: 5px;
}

#menu ul li a {
	display: block;
	padding: 1px 10px 1px 10px;
	text-decoration: none;
	background-color: inherit;
	background-image: url(http://img.yobion.fr/inactif.png);
	background-repeat: repeat-x;
	background-position: top;
	color: #7a6330;
	font-variant: small-caps;
}

#menu ul li a:hover {
	background-color: #ffffff;
	background-image: url(http://img.yobion.fr/actif.png);
	background-repeat: repeat-x;
	background-position: top;
	color: #ff0000;
}

#menu ul li.actif, #menu ul li.actif a, #menu ul li.actif a:hover {
	background-color: #ffffff;
	background-image: url(http://img.yobion.fr/actif.png);
	background-repeat: repeat-x;
	background-position: top;
	color: #7a6330;
}

/* 4. Contenu de la page */

#contenu0 {
	float: left;
	margin-right: -22em;
	width: 100%;
}

#contenu1 {
	margin: 0em 18em 0em 0em;
	padding: 0em 1.5em 0em 1.5em;
}

#contenu2 {
	position: relative;
	float: right;
	width: 16em;
	padding: 0em 1.5em 0em 1.5em;
	margin: 0;
}

#contenum {
	float: left;
	margin-right: -18em;
	width: 100%;
	padding: 0em 17em 0em 0em;
}

#contenug {
	float: left;
	width: 49%;
	padding: 0;
}

#contenud {
	float: right;
	width: 49%;
	padding: 0;
}

#contenum_bis {
	float: left;
	margin-right: -18em;
	width: 100%;
	padding: 0em 17em 0em 0em;
}

#contenug_bis {
	float: left;
	width: 49%;
	padding: 0;
}

#contenud_bis {
	float: right;
	width: 49%;
	padding: 0;
}

#contenu_1er {
	padding: 0em 1.5em 0em 1.5em;
	margin: 0;
}

.avatar {
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}

.alt {
	background-color: #fff1d3;
	padding: 1.5em 1.5em 3em 1.5em;
}

.alt2 {
	padding: 1.5em 1.5em 3em 1.5em;
}

/* 5. Pied de page */

#bas {
	background-image: url(http://img.yobion.fr/bas.png);
	background-repeat: repeat-x;
	text-align: center;
	margin: 20px 0 0 0;
	padding: 1.5em 1.5em 1.5em 1.5em;
	clear: both;
}