/*****************************************/
/*SITE Valthosport  §  
/*****************************************/
/* couleurs utilisees
rouge fonce 	color:#3c0000;	
rouge clair		color:#621c0d;
rouge vif 		color:#f00;
orange			color:#c63;
orange 2		color:#bd5e2f;
*/
BODY 
{ 
	font-family:"helvetica Neue",helvetica,arial,sans-serif; 
	font-size:11px;
	margin:0;
	padding:0;
	background:white;
	color:#3d0000;
}
/* Liens */

A
{
	color:#621c0d;/*rouge*/
	text-decoration:underline;
}
A IMG
{
    border: none;
}

.current A
{
	color:#c63; /*orange*/
	text-decoration:none;
	cursor:text;
}
A:hover
{
	color:#c63; /*orange*/
	text-decoration:underline;
}
A.boutonorange
{
	display:block;
	color:white;
	font-weight:bold;
	background:#c63 url(../img2/fd-bouton.gif) no-repeat top right;
	height:19px;
	padding:3px 30px 0 10px;
	text-decoration:none;
}
A.boutonorange:hover
{
	color:#ddd;
	text-decoration:none;
}

.petit
{
	font-size:90%;
}


/* Titres */
h1, h2, h3, h4, h5, h6 {
    margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */
    padding:0;
    line-height: 1.2;
    font-weight: bold; /* Valeur par défaut. (6) */
    font-style: normal;
}
h1 {
    font-size: 20px;
    color:#c63;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.25em;
   	color:#c63;
}
h4 {
    font-size: 1em;
}

/* Listes */

/* Paragraphes */
p {
    margin: .75em 0; /* Marges plus faibles que par défaut. (7) */
}
address {
    margin: .75em 0;
    font-style: normal;
}


/* Divers éléments de type en-ligne (8) */
em {
    font-style: italic;
}
strong {
    font-weight: bold;
}



.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;
}
.justifie
{
	text-align:justify;
}

.calage
{
	float:left;
	width:1px;
	height:250px;
}


ul, ol 
{
    margin-top: .75em;
    margin-bottom: .75em;
}
LI
{
	margin:0;
	padding:0;
	line-height:1.2em;
}

/*****************************************/
/* style commun aux listes horizontales */
/*****************************************/
UL.listvert
{
	margin:0;
	padding:0;
}
.listvert LI
{
	margin:0;
	padding:0;
	line-height:1.8em;
	list-style-type:none;
}
.listvert LI A
{
	display:block;
}
.listvert LI A:hover
{
	text-decoration:none;
}
.listvert LI.current A
{
	cursor:text;
}
.listvert LI A IMG
{
	border:0;
	padding:0;
}


UL.listhor
{
	margin:0;
	padding:0;
}
.listhor LI
{
	float:left;
	margin:0;
	padding:0;
	line-height:1em;
	list-style-type:none;
}
.listhor LI A
{
	display:block;
	float:left;
}
.listhor LI A:hover
{
	text-decoration:none;
}
.listhor LI.current A
{
	cursor:text;
}
.listhor LI A IMG
{
	border:0;
	padding:0;
}


.sep-h
{
	border-bottom:1px solid #c63;
}
.sep-h2
{
	background:#c63;
	height:1px;
	line-height:0;
	font-size:0;
	border-top:3px solid white;
	border-bottom:3px solid white;
}

/*****************************************/
/*formulaires */
/*****************************************/
FORM
 {
    margin: 0;
    padding: 0;
    border: none;
}
FORM EM
{
	font-weight:bold;
	color:#c00;
}
FORM UL
{
	margin:0;
	padding:0;
	margin-top:10px;	
}
FORM LI
{
	list-style:none;
	margin-bottom:0.8em;
}
INPUT, BUTTON, SELECT {
    vertical-align: middle; /* Solution pb. d'alignement. (9) */
}
TEXTAREA,INPUT.texte,SELECT
{
	font-family:helvetica,sans-serif; 
	background:white;
	font-size:11px;
}
FORM #validation
{
	text-align:right;
	float:right;
}
INPUT.textecourt
{
	width:30px;
}
INPUT.valider
{
	
	width:150px;
	background:#c63;
	color:white;
}
INPUT.ok
{
	
	background:#c63;
	color:white;
}
FORM FIELDSET
{
	border:1px solid #ddd;
	padding:10px;
	margin-bottom:10px;
}
.formulaire FIELDSET
{
	border:1px solid #f86f1c;
	padding:10px;
	margin-bottom:10px;
}
.formulaire LEGEND
{
	font-weight:bold;
	color:#333;
}
.formulaire EM
{
	font-weight:bold;
	color:#c00;
}
.formulaire UL
{
	margin:0;
	padding:0;
	margin-top:10px;	
}
.formulaire LI
{
	list-style:none;
	margin-bottom:0.6em;
}
.formulaire LABEL
{
	display:block;
	float:left;
	width:120px;
	font-size:1.2em;
}
.formulaire TEXTAREA,.formulaire INPUT,.formulaire SELECT
{
	background:#eee;
	color:#3d0000;
	font-family:helvetica,arial;
	font-size:12px;
}
.formulaire  TEXTAREA
{
	height:200px;
	width:65%;
}
.formulaire  INPUT
{
	width:65%;
}
.formulaire .obligatoire TEXTAREA,.formulaire .obligatoire INPUT,.formulaire .obligatoire SELECT
{

}
.formulaire INPUT#contactbutton
{
	width:150px;
	background:#c63;
	color:white;
	font-weight:bold;
	}