/* css o0o default style - 'pixel Flood' by o0o - http://www.o0o.ch/ */
/* tous les assets copyright 2003, o0o */
/* crˇˇ le 24.9.2003 */
/* basic elements */
html {
	margin: 0px;
	padding: 0px;
}
body { 
	margin: 0px; 
	padding: 0px;
	background: #cccccc url("commentmosv.gif");
}
.emote {
	vertical-align: middle;
}
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666666;
}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666666;
}
a:hover, a:active { 
	text-decoration: none; 
	color: #aaaaaa;
}	
acronym {
	border-bottom: none;
}
img {
	border: 0px;
}
	
/* PAGE elements */
#page {
	width: 600px;	
	padding: 0px;
	margin: 0px;	
	background: #cccccc url("cadremosv.gif");
}
/* HEADER elements */
#header {
	width: 600px;
	margin: 0px; 
	padding: 0px;
}
#header h1,p {
	visibility: hidden;
	margin: 0px; 
	padding: 0px;
}
/* MENU elements */
#menu {
	width: 400px;
	padding: 0px;
	margin: 0px;
	float: right;
}
#menu h1 {
	visibility: hidden;
}
#menu liens {
	font-family: Verdana, Arial;
	font-size: 9px; 
	text-decoration: none;
}
#menu a:link {
	font-family: Verdana, Arial;
	font-size: 9px; 
	text-decoration: none; 
	color: #86862D;
}
#menu a:visited {
	font-family: Verdana, Arial;
	font-size: 9px; 
	text-decoration: none; 
	color: #86862D;
}
#menu a:hover { 
	font-family: Verdana, Arial;
	font-size: 9px; 
	text-decoration: none; 
	color: #CCCC66;
}
#menu a:active { 
	font-family: Verdana, Arial;
	font-size: 9px; 
	text-decoration: none; 
	color: #86862D;
}
#menu img { 
	margin-right: 2px;
	margin-left: 5px;
}
/* CONTENT elements */
#content {
	width: 500px;
	padding: 20px;
	margin: 0px;
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	text-decoration: none;
}
#content .fiche {
	width: 500px;
	padding: 5px;
	margin-top: 20px;
	background: url("fiche.gif");
	border: solid 1px;
	border-left-color :  #bbbbbb ;
	border-top-color :  #bbbbbb ; 
	border-right-color :  #999999 ; 
	border-bottom-color :  #999999 ; 
}
#content .image {
	width: 150px;
	padding: 0px;
	margin: 2px;
}
#content img {
	margin: 2px;
}
#content .texte {
	width: 300px;
	padding: 5px;
	float: right;
}
#content .burl {
	color: #ad947b;
	float: right;
}
#content .btitre {
	color: #555B95;
	font-weight: bold; 
}
#content .bdate {
	color: #767CB1;
	margin-bottom: 10px;
}
#content .bcommentaire {
	color: #555B95;
	margin-bottom: 10px;
}
#content .bcommentaire p{
	visibility: visible;
	color: #555B95;
	margin: 0px;
	padding: 0px;
}
#content .bcommentaire a:active {
	color: #7287AF;
}
#content .bcommentaire a:visited {
	color: #7287AF;
}
#content .bcommentaire a:hover {
	color: #474D7C;
}
#content .burl a:active {
	color: #7287AF;
}
#content .burl a:visited {
	color: #7287AF;
}
#content .burl a:hover {
	color: #474D7C;
}
.spacer {
clear: both;
}
#content texte_02_gras {
}
/* PIED DE PAGE FOOTER elements */
#footer {
	width: 600px;
	height: 200px;
	background: url("pieddepage.gif") no-repeat bottom left;
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none;
	text-align: center;
}
#footer p {
	color: #8BB9CF;
	visibility: visible;
}
#footer h1 {
	visibility: hidden;
}
/* PAGE elements */
#cadre {
	width: 919px;
	padding: 0px;
	margin: 0px;
}
#page2 {
	position:absolute;
	width: 319px;	
	padding: 0px;
	margin-left: 600px;	
}
#commentaire {
	width: 260px;
	padding: 0px;
	margin-left: 15px;
}
#liens {
	padding: 0px;
	margin-left: 30px;
	margin-top: 10px;
}
#liens2 {
	padding: 0px;
	margin-left: 30px;
	margin-top: 10px;
}
#borne {
	padding: 4px;
	margin-left: 30px;
	width: 220px;
	background: #cccccc;
	border: solid 2px;
	border-left-color :  #fbfbfb ;
	border-top-color :  #fbfbfb ; 
	border-right-color :  #fafafa ; 
	border-bottom-color :  #fafafa ;
}
#borne .splash {
	width: 221px;
	height: 151px;
}
#borne .note {
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #555555;
	padding: 0px;
	margin-left: 0px;
}
#borne .unenote {
	/*background: #cccccc;
	border: solid 1px;
	border-left-color :  #bbbbbb ;
	border-top-color :  #bbbbbb ; 
	border-right-color :  #999999 ; 
	border-bottom-color :  #999999 ; */
}
#borne .fiche {
	margin: 3px 5px 3px 3px;
	padding: 4px;
	background: #D1D1D1;
}
#borne .texte {
	padding: 2px;
	background: #DADADA;
}
#borne .btitre {
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #3399cc;
}
#borne .bdate {
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: normal;
	text-decoration: none;
	color: #99cccc;
	display: block;
}
#borne .bcommentaire {
	font-family: Verdana, Arial, Georgia;
	line-height: 12px ;
	font-size: 10px; 
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	color: #747476;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}
#borne .image {
	float: right;
}
#borne .bboutonmod {
	width: 200px;
	text-align: right;
}
#borne p {
	visibility: visible;
}
/* FORMULAIRE */
#formulaire {
	width: 200px;
	margin-left: 10px;
}
#formulaire fieldset, label {
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: bold;
	text-decoration: none;
	border: 0px;
	color: #888888;
	text-align: left;
}
#formulaire select {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 200px;
	color: #666666;
	background: #cccccc;
	border: solid 1px #999999;
}
#formulaire input {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #fafafa;
	width: 200px;
	background: #aaaaaa;
	border: solid 1px;
	border-left-color :  #999999 ;
	border-top-color :  #999999 ; 
	border-right-color :  #bbbbbb ; 
	border-bottom-color :  #bbbbbb ;
}
#formulaire textarea {
	margin-top: 5px;
	margin-bottom: 5px;
	color: #fafafa;
	width: 200px;
	height: 300px;
	background: #aaaaaa;
	border: solid 1px;
	border-left-color :  #999999 ;
	border-top-color :  #999999 ; 
	border-right-color :  #bbbbbb ; 
	border-bottom-color :  #bbbbbb ;
}
#formulaire button {
	width: 200px;
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: bold;
	text-decoration: none;
	color: #888888;
	background: #cccccc;
	border: solid 1px;
	border-left-color :  #999999 ;
	border-top-color :  #999999 ; 
	border-right-color :  #bbbbbb ; 
	border-bottom-color :  #bbbbbb ;
}
/*CONNEXION*/
#login {
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: normal;
	text-decoration: none;
	color: #888888;
}
#login fieldset {
	border: 0px;
}
#login input {
	width: 200px;
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: bold;
	text-decoration: none;
	color: #888888;
	background: #cccccc;
	border: solid 1px;
	border-left-color :  #999999 ;
	border-top-color :  #999999 ; 
	border-right-color :  #bbbbbb ; 
	border-bottom-color :  #bbbbbb ;
	margin-top: 5px;
	padding: 0px;
}
#login button {
	width: 200px;
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: bold;
	text-decoration: none;
	color: #888888;
	background: #cccccc;
	border: solid 1px;
	border-left-color :  #999999 ;
	border-top-color :  #999999 ; 
	border-right-color :  #bbbbbb ; 
	border-bottom-color :  #bbbbbb ;
	margin-top: 5px;
	padding: 0px;
}
#login label {
	width: 200px;
	margin-top: 5px;
	padding: 1px;
}
/* EXPLICATION EMOTICON BORNE DE COMMENTAIRES*/
#faq {
	font-family: Verdana, Arial, Georgia;
	font-size: 10px; 
	font-weight: bold;
	text-decoration: none;
	background: #999999;
}
#faq l1 {
	width: 100px;
	display: block;
}
.emoticon {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}