/*****************************************/
/*SITE Reversible - STYLES TEXTE ET LIENS*/
/*****************************************/
/* couleurs utilisees
vert	#a7c00d; 
gris	#4a5151; 
*/
BODY 
{ 
	background:white;
	font-family:arial,helvetica,verdana,sans-serif; 
	font-size:11px;
	color:#222;
}
#body
{
	background:#333 url(../img/bg-body.jpg) repeat-x top;
	margin:0;
	padding:0;
	
}
html.MSIE BODY.removeSelect SELECT
{
	visibility:hidden;
}
.vert
{
	color:#a7c00d;/*vert*/
}

A
{
	color:#a7c00d;/*vert*/
	font-weight:bold;
	text-decoration:none;
}
A:hover
{
	color:#4a5151;	/*gris*/
	text-decoration:underline;
}
A.current
{
	color:#a7c00d;/*vert*/
}
P
{
	margin:0px;
	padding:5px 0;
}

P.p1
{
	text-align:justify;
}
DIV.p1
{
	margin:5px 0px;
}
P.petit
{
	font-size:90%;
}
STRONG
{
	font-weight:bold;
}
EM
{
	font-style:italic;
}

H1,#titrepage
{
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	padding:4px 0px;
	margin:0;
	color:#464646;
}
H2
{
	margin:0px;
	text-transform:uppercase;
	padding:2px 0px;
	font-size:1.1em;
	font-weight:bold;
	color:#888;
}
H3
{
	margin:0px;
	padding:3px 0px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333;
}
H4
{
	margin:0px;
	padding:3px 0px;
	font-size:1.1em;
	font-weight:bold;
	color:#a7c00d; /*vert*/
}
H5
{
	margin:0px;
	padding:3px 0px;
	font-size:1em;
	text-align:left;
	color:#333;
}
FORM
{
	margin: 0px;
	padding: 0px;
}
FIELDSET
{
	margin: 10px 0;
	padding: 5px;
	border:1px dotted #ccc;
}
LABEL
{
	background:#b4cb28; 
	color:white;
	text-transform:uppercase;
	padding:1px;
	font-weight:bold;
}
INPUT.texte,SELECT,TEXTAREA
{
	font-family:arial,sans-serif;
	font-size:11px;
	border:1px solid #ccc;
	color:#333;
}
INPUT.texte,SELECT,TEXTAREA
{
	width:200px;
	color: black;
}

INPUT.disabled
{
	background: #ddd;	
	color: #fff;
}

/**************************/
/*boutons largeur variable*/
/**************************/
.boutonvariable
{
	height:30px;
	cursor: pointer;
	float: left;
}
.boutongauche, .boutongaucheon
{
	float:left;
	background:url(../img/boutons/fd-gauche.gif) no-repeat left;
	padding-left:10px;
}
.boutondroit, .boutondroiton
{
	float:left;
	background:url(../img/boutons/fd-droit.gif) no-repeat right;
	padding-right:25px;
}
.boutonvariable .boutongauche
{
	background:url(../img/boutons/fd-gauche.gif) no-repeat left;
}
.boutonvariable .boutondroit
{
	background:url(../img/boutons/fd-droit.gif) no-repeat right;
}
.boutonvariable .boutongaucheon
{
	background:url(../img/boutons/fd-gauche-on.gif) no-repeat left;
}
.boutonvariable .boutondroiton
{
	background:url(../img/boutons/fd-droit-on.gif) no-repeat right;
}


.boutonvariable A
{
	display:block;
	float: left;
	padding:6px 0 0 30px;
	height:18px;
	font-size:0.9em;
	text-transform:uppercase;
	color:#4a5151;	/*gris*/
	text-decoration:none;
}

.boutonvariable A.fleche
{
	background:url(../img/boutons/p-defaut.gif) no-repeat left;
}

.boutonvariable A.flecheon
{
	background:url(../img/boutons/p-defaut-on.gif) no-repeat left;
	text-decoration: none;
	color:white;
}

.boutonvariable A.ami
{
	background:url(../img/boutons/p-ami.gif) no-repeat left;
}
.boutonvariable A.amion
{
	background:url(../img/boutons/p-ami-on.gif) no-repeat left;
	text-decoration: none;
	color:white;
}
.boutonvariable A.panier
{
	background:url(../img/boutons/p-panier.gif) no-repeat left;
}
.boutonvariable A.panieron
{
	background:url(../img/boutons/p-panier-on.gif) no-repeat left;
	text-decoration: none;
	color:white;
}
.boutonvariable A.voirpanier
{
	background:url(../img/boutons/p-casier.gif) no-repeat left;
}
.boutonvariable A.voirpanieron
{
	background:url(../img/boutons/p-casier-on.gif) no-repeat left;
	text-decoration: none;
	color:white;
}

SELECT
{
	font-size:10px;
}

.clearboth
{
	clear:both;
	line-height:0px;
	font-size:0px;
	padding:0px;
	margin:0px;
}
.floatleft
{
	float:left;
}
.floatright
{
	float:right;
	text-align:right;
}
.centre
{
	text-align:center;
}
.more
{	
	display:block;
	cursor:pointer;
	font-weight:bold;
	background:url(../img/puce.gif) no-repeat left; 
	padding-left:9px;
}
.more.over
{
	text-decoration:underline;
}

.fermer A
{
	display:block;
	font-weight:bold;
	padding-right:20px;
	line-height:18px;
}

.sstitre
{
	font-weight:bold;
}

.date
{
	font-weight:bold;
	color:#cdb49e;
}

.letexte
{
	margin:5px 0px;
}


.bloc1
{
	margin:7px 0px;
	padding:0px 5px;
}
.bloc3
{
	width:500px;
	margin:7px 0px;
	padding:0px 5px;
}
.bloc3 TD
{
	padding:5px;

}
.bloc3 TEXTAREA
{
	width:350px;
	height:150px;

}
.sep-h
{
	background:url(../img/pointille.gif) repeat-x;
	padding:1px 0 4px 0;
	width:100%;
	line-height:0;
	font-size:0;
}
.sep-content
{
	background:url(../img/pointille2.gif) repeat-x;
	padding:2px 0;
	height:3px;
	width:100%;
	line-height:0;
	font-size:0;
}




/*****************************************/
/******************NEWS*******************/
/*****************************************/

.news UL 
{
	margin:0px;
	padding:0px;
}
.news LI 
{
	
	font-size:11px;
	line-height:18px;
	text-align:left;
	list-style-type:none;
	font-weight:bold;
 	/*background-image: url(../img/bnews.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;*/
	padding:2px;
	padding-left: 15px;
}

.news .title
{
	padding: 2px;
	padding-left: 15px;
	margin-bottom: 5px;
	background: url(../img/bnews.gif) no-repeat 0px 3px;
}

.news .title-over
{
	background: url(../img/bnews_on.gif) no-repeat 0px 3px;
}

.news TABLE
{
	padding:10px;
	background-color:#eee;
	border:1px solid black;
	margin: 0px;
	padding: 0px;
	width:360px;
}
.entete
{
	margin-top:10px;
}
#titrepage
{
	float:left;
	padding:0;
	margin:0;
	margin-right:300px;
}