* { margin:0; padding:0;}


body {
margin: 0;
padding: 0;
background-color:#EFF2F8;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000;
}
#conteneur {
position: absolute;
width: 740px;
left: 50%;
margin-left: -375px;
background-color:#FFFFFF;
}
#header {
height: 187px;
background-color:#FFFFFF;
background-image:url(design/head.jpg);
}

#header .hright {
	float:right;
	padding:23px 10px 0 0;
	color:#FFFFFF;
}

#header .hright a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0 10px 0 5px;
}

#haut {
height: 45px;
background-color:#EFF2F8;
}
#centre {
background-color:#FFFFFF;
}

#pied {
height: 82px;
width:auto;
background-repeat:no-repeat;
background-image:url(design/foot.jpg);
background-color: #99CC99;
color:#000000;
}

#pied a {
	color:#FFFFFF;
	text-decoration:none;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#pied .pleft {
	padding:10px 0px 10px 59px;
	float:left;
}

#pied .separ{
	padding:0px 10px 0 10px;  
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
float:left;
}

.menugauche li {
	float:left;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
float:right;

}

.menuhaut .cosmeto a{
	background-image:url(design/btn_cosmeto_up.gif);
	background-repeat:no-repeat;
	width:143px; height:45px;
	display:block;
}

.menuhaut .cosmeto a:hover {
	background-image:url(design/btn_cosmeto_over.gif);
}

.menuhaut .cheval a{
	background-image:url(design/btn_chevalin_up.gif);
	background-repeat:no-repeat;
	width:143px; height:45px;
	display:block;
}

.menuhaut .cheval a:hover {
	background-image:url(design/btn_chevalin_over.gif);
}


.menuhaut .bienetre a {
	background-image:url(design/btn_bienetre_up.gif);
	background-repeat:no-repeat;
	width:143px; height:45px;
	margin:0 3px 0 3px;
	display:block;
}

.menuhaut .fleche  {
	background-image:url(design/fleche.jpg);
	background-repeat:no-repeat;
	width:295px; height:32px;
	margin:4px 2px 8px 2px;
	display:block;
}

.menuhaut .bienetre a:hover  {
	background-image:url(design/btn_bienetre_over.gif);
}
	
.menuhaut li {
	float:left;
}



div .right {
	padding:0; margin:0 5px 0 5px;
	float:right; width:265px;
}
div .left {
	padding:0; margin:0 7px 0 7px;text-align:justify;
	float:left;width:419px;	
}
/*
table {
width:419px;	
margin :0;
padding:0;
}

table input {
	height:12px;
}

th {
	height:18px;
}*/

.tabmiddle {
background-image:url(design/cadre.jpg); width:740px; display:block;
padding:0; margin:0;
background-color:#FFFFFF;
}

.tabtop {
background-image:url(design/cadreh.jpg); background-repeat:no-repeat; width:740px; height:22px; display:block;
background-color:#FFFFFF;
}

.tabdown {
background-image:url(design/cadredown.jpg); background-repeat:no-repeat; width:740px; height:22px; display:block;
background-color:#FFFFFF;
}

.ltabmiddle {
background-image:url(design/lcentre.jpg);  width:740px; display:block;
padding:0; margin:0;
background-color:#FFFFFF;
}

.ltabmiddle p { margin:0; padding:5px 15px 5px 15px; text-align:left;}

.ltabtop {
background-color:#FFFFFF;
background-image:url(design/lhaut.jpg); background-repeat:no-repeat; width:740px; height:21px; display:block;
}

.ltabdown {
background-color:#FFFFFF;
background-image:url(design/lbas.jpg); background-repeat:no-repeat; width:740px; height:21px; display:block;
}


p { margin:0; padding:5px 0 2px 0; text-align:justify;}

img { border:0; margin:0; padding:0;}

.titre {

	font-weight:bold;
	text-decoration:underline;
}

/* ======================== */
/* formulaire d'inscription */

  .yregfloathelp { border: 1px solid #FFC30E;  padding: 5px 5px 5px 5px; background-color: #FFFBB8; text-align:justify; color: #9C7600; width: 132px; font-size: 11px; font-family: arial, sans-serif; } 
	  .yregfloathelp2 {  border: 1px solid #FFC30E;  padding: 5px 5px 5px 5px; background-color: #FFFBB8; text-align:justify; color: #9C7600; width: 132px; font-size: 11px; font-family: arial, sans-serif; }

div .bloc {
	padding:4px 0 4px 0;
}

div .bloc input {
	
	height:16px;
	font-size:8pt;
	width:220px;
	background-color:#FFFFFF;
	border:1px solid #B3C1DE;
}

div .check {
	
	height:16px;
	font-size:8pt;
	width:20px;
	background-color:#FFFFFF;
	border:1px solid #B3C1DE;
}


div .bloc select {
	
	height:10px;
	font-size:8pt;
	width:222px;
	background-color:#FFFFFF;
	border:1px solid #B3C1DE;
}

div .bloc span {
	color:#B3C1DE;
}

div .bloc label {
	
	float: left;	/*** Trýs important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitulýs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignýs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 2.0;	/*** ... et centrýs verticalement. ***/

}


div .submit  {
background-color:#E8E8E8;
height:40px;
width:420px;
}

div .submit input  {
margin:10px 50px 10px 50px;
width:100px;
}

div input.fielderror { background-color:#FF9966;}
div select.fielderror { background-color:#FF9966;}


/*===================*/


/* ======================== */
/* formulaire de contact */

div #bloc2{
	padding:4px 0 4px 0;
	
}

div #bloc2 input {
	height:16px;
	font-size:8pt;
	width:300px;
	background-color:#FFFFFF;
	border:1px solid #B3C1DE;
}

div #bloc2 textarea {
	height:75px;
	font-size:8pt;
	width:300px;
	background-color:#FFFFFF;
	border:1px solid #B3C1DE;
}

div #bloc2 select {
	height:18px;
	font-size:8pt;
	width:302px;
	background-color:#FFFFFF;
	border:1px solid #B3C1DE;
}

div #bloc2 span {
	color:#B3C1DE;
}

div #bloc2 label {
	float: left;	/*** Trýs important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitulýs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignýs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 2.0;	/*** ... et centrýs verticalement. ***/
}


div #submit2 label {
	
	float: left;	/*** Trýs important, ne pas suprimer ! ***/
	width: 35%;	/*** Les intitulýs prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignýs ý droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 2.0;	/*** ... et centrýs verticalement. ***/

}

div #submit2 input  {

	width:100px;
	height:16px;
	font-size:8pt;
	background-color:#FFFFFF;
	border:1px solid #B3C1DE;
}

div #bloc2 input.fielderror2 { background-color:#FF9966;}
div #bloc2 select.fielderror2 { background-color:#FF9966;}


/*===================*/

div .bloc2 {
	padding:4px 0 4px 0;
}

div .bloc2 input {
	width:150px;
	height:13px;
	font-size:8pt;
}

div .bloc2 input .submit  {
	width:100px;
	height:18px;
	font-size:8pt;
}
.red2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #CC0000; text-decoration:none;}
.red2b { text-decoration:none; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #CC0000}
.black2 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000}
#pied a.red2 { margin:0; padding:0;font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #CC0000}

.fieldreq { background-color:#FF0000;}

.trentre { width:30%;}

td.largeur { width:10%;}


.formuins {
	border-style:solid; border-color:#7F9DB9; border-width:1px; width:200px; height:19px;
} 


th { margin:0; font-weight:bold;  font-family:Arial, Helvetica, sans-serif; font-size:12px; height:24px; background-color:#B7C4DF; }