/* CSS Document */

/* cette feuille de style est unique */
/* et toute copie interdite */


html, body {
width: 100%;
height: 100%;
font-size:62.5%;
line-height: 1.3em;
margin: 0;
padding: 0;
}
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #fff; /*couleur de fond blanche*/
color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;
background-color: #fff;
}

#header {
position: absolute;
left: 0;
top: 0;
height: 10%;
width: 80%;
background: url(IMG/clavicules/fondrouge.jpg) #9F2814;
border-bottom: 1px solid #fff;
color: #FFAD01;
}
.menugeneral li {
	float: left;
	padding: 0 7px;
	list-style: none;
	list-style-position: outside;
	font-weight: bold;
	font-size: 0.85em;
	border-right: 1px solid #FFAD01;
	/*background: url(IMG/clavicules/cligno.gif) top left no-repeat;*/
}
ul.menugeneral{
margin-top: 18px;
margin-left: 0px;
}
.menugeneral li a {
text-decoration: none;
}
.menugeneral li a:hover, .menugeneral li a.on {
text-decoration: none;
}
#footer li {
	float: left;
	padding: 0 7px;
	list-style: none;
	list-style-position: outside;
	border-left: 1px solid #FFAD01;
	font-size: 0.8em;
	/*background: url(IMG/clavicules/cligno.gif) top left no-repeat;*/
}
#footer ul.liensbaspage {
float: right;
}
a {
color: #fff;
background: transparent;
text-decoration: none;
}
.frame a.actuel {
color: #000;
background: transparent;
text-decoration: none;
}

img.accueil, img.accueil:hover  {
border: 0px;
}

a img {
border: 0px;
}
.rejouer {
text-align: right;
margin-bottom: 25px;
}
.poster {
float: left;
}
.decompte {
float: right;
}
.menu {
position: absolute;
left: 0;
top: 10%;
height: 90%;
width: 20%;
background: white;
border: 0;
border-right: 0px solid #fff;
}

.frame {
	position: absolute;
	left: 20%;
	top: 10%;
	height: 80%;
	width: 60%;
	background: url(IMG/clavicules/copy.jpg) top right no-repeat #EAB54F;
	overflow: auto;
	border: 0;
}

.menudroite {
position: absolute;
right: 0;
top: 0;
width: 20%;
height: 90%;
background: url(IMG/clavicules/fondvert.jpg) #526931;
border-left: 1px solid #fff;
	font-size: 0.95em;
}

p.liensp {
	font-weight: bold;
}
.enbas, .enbasgauche {
	position: absolute;
	bottom: 10px;
}
.enbasgauche a {
	color: #AE1622;
	text-decoration: underline;
}

p {margin: 0 0 10px 0;}

.menugauche, .menudedroite {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li, .menudroite li {
margin-bottom: 5px;
}
.menudroite li {
	padding-left: 5px;
	list-style-type: square;
	color: #FFAD01;
	list-style-position: inside;
}
.menugauche a {
margin: 0 2px;
color: #000;
}
.menudedroite a {
margin: 0 2px;
text-decoration: none;
color: #fff;
}
a:hover, a.on {
text-decoration: none;
color: #FFAD01;
background: transparent;
}
.frame a {
text-decoration: underline;
color: #fff;
}
.frame a:hover {
text-decoration: none;
color: #596E36;
background: transparent;
}
#footer {
position: absolute;
bottom: 0;
right: 0;
width: 80%;
height: 10%;
background: url(IMG/clavicules/fondgris.jpg) #2A2A2A;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
color: #fff;
}

.contenutexte {
margin: 10px;
padding-bottom: 20px;
}
.texte {
	margin: 20px;
	text-align: justify;
}
.gauche {
	position: absolute;
	left: -99999px;
	top: -9999px;
}
hr { border: 1px solid #D13912;
}
blockquote.spip { 
background: url(IMG/clavicules/postit.jpg) top right no-repeat #FFFC71;
	border: 0;
	border-left: 1px solid #58590D;
	border-bottom: 1px solid #58590D;
}
blockquote.spip p.spip {
	margin: 15px;
	padding: 30px 0 20px 0;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #D13912;
}

img.spip_logos {
padding: 30px;
float: left;
}

h3.spip {
	color: #D13912;
	text-transform: capitalize;
	font-size: 1.6em;
	font-variant: small-caps;
	text-align: left;
}
#postermessage {
width: 420px;
margin-left: auto;
margin-right: auto;
padding-bottom: 30px;
}
.clear {
clear: both;
height: 1px;
width: 390px;
}

h3.titremessage {
	color: #C63511;
	text-align: left;
	font-variant: small-caps;
}

.forum-item {
text-align: justify;
}

ul.forum-total {
padding-right: 15px;
}
a.repondre, a.repondre:hover {
color: #EAB54F}

.rouge {
color: #9B220D}

.spip_bouton {
	background: #C71B07;
	color: #fff;
}

.forum-total li {
	list-style-position: outside;
	list-style-type: none;
	padding: 10px;
}

.apostropheouverte {
	height: 30px;
	width: 30px;
	float: left;
	background: url(IMG/clavicules/apostrophe.jpg) top left no-repeat #EAB54F;
	padding-right: 20px;
}
.apostrophefermee {
	height: 30px;
	width: 30px;
	float: right;
	background: url(IMG/clavicules/apostrophe2.jpg) top right no-repeat #EAB54F;
	padding: 0 0 0 10px;
}
ul.reponse {
	background: url(IMG/clavicules/reponse.jpg) top left no-repeat #EAB54F;
	padding-top: 5px;
}
.connectes {
	float: left;
	font-size: 0.8em;
	font-weight: bold;
}
.envoyer {
	font-size: 0.8em;
	font-weight: bold;
	float: right;
}
.tiers {
width: 144px;
text-align: center;
float: left;
padding-bottom: 20px;
}
.memauteur {
float: left;
width: 432px;
margin-left: auto;
margin-right: auto;
display: block;
}
.memauteur img.spip_logos {
padding: 0;
}
.important {
	padding: 0;
	font-weight: bold;
}

ul.forum-total li {
padding: 0;
border-left: 1px #fff solid;
}

ul.reponse {
padding-left: 12px;
margin: 0;
}