html {
	margin: 0;
	padding: 0;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
margin: 0;
padding: 0;
background-color: #000000;

}

#conteneur {
/*position: absolute;*/
width: 600px;
background-color: transparent;
margin:0 auto;
/*background-image: url('gifs/bggauche.gif');
background-repeat:repeat-y;*/
}
#conteneur2 {
/*position: absolute;*/
width: 600px;
background-color: transparent;
margin:0 auto;
/*background-image: url('gifs/bggauche.gif');
background-repeat:repeat-y;*/
}
#gauche {
width: 223px;
height:512px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
float:left;
padding:0px 0px 0px 0px;
margin:0;
background-image: url('gifs/splash/gauche.gif');
background-repeat: no-repeat;
}
#centre {
width: 600px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
float:left;
padding:0px 0px 0px 0px;
margin:0;
background-color:#FFA443;
}
#centre2 {
width: 223px;
padding:0px 0px 0px 0px;
float:right;
margin-top:110px;
}
#droite {
width: 377px;
height:512px;
padding:0px 0px 0px 0px;
float:right;
margin:0;
background-color:#000000;
}

#header {
height: 75px;
width:600px;
background-color: #000000;
/*background-image: url('gifs/logo_280_75.gif');
background-repeat:no-repeat;
background-position: left;*/
}
#pied {
width: 600px;
background-color: #8C0048;
clear:both;
}
.menupied {
list-style-type: none;
margin: 0;
padding:0;
text-transform: uppercase;

}
.menupied li {
display: inline;
border-right: 1px solid #ededed;
background-color: transparent;
padding: 2px;
}
.menupied a {
margin: 2px 2px;
text-decoration: none;
color: #ffffff;
font-weight: bold;
font-size: 0.7em;
}
.menupied a:hover {
text-decoration: none;
color:#000000;
}

a.membres{
	display: block;
	text-decoration: none;
color: #FFA443;
font-weight: bold;
font-size:0.7em;
}
a.membres:hover {
		text-decoration: underline;
}
a.connectes{
text-decoration: none;
color: #FFA443;
font-weight: bold;
}
a.connectes:hover {
		text-decoration: underline;
}
.menugauche {
list-style-type: none;
margin: 0 0 15px 0;
padding:0;
font-size: 1.2em;
}
.menugauche li {
margin-bottom: 0px;
/*border-top: 1px solid #FF9C01;*/
height:20px;
background-color: transparent;
}

.menugauche a {
display:block;
width: 175px;
height:20px;
margin: 0 0 0 5px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
.menugauche a:hover {
text-decoration: none;
background: #000000;
color:orange;
}
.menugauche2 {
list-style-type: none;
margin: 0 0 15px 0;
padding:0;
font-size: 1.2em;
}
.menugauche2 li {
margin-bottom: 0px;
/*border-top: 1px solid #FF9C01;*/
height:20px;
background-color: #000000;
}

.menugauche2 a {
display:block;
width: 175px;
height:20px;
margin: 0 0 0 5px;
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
.menugauche2 a:hover {
text-decoration: none;
background: #000000;
color:orange;
}
.menudroit {
list-style-type: none;
margin: 5px 5px 5px 5px;
padding:0;
}
.menudroit ul{
	margin: 0; 
	padding: 0;
}
.menudroit li {
margin: 5px 5px 5px 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}
#profil {
height: 23px;
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
width: 550px;
line-height: 18px;
margin:3px;
padding:0;
}
ul {
padding: 0; 
margin-left:10px;
list-style-type: none;
font-size:1.2em;
/*width: 100%; /* précision pour Opera */
}
ul.liste {
margin: 5px 5px 5px 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: gray;
list-style-type: circle;
}
.menuprofil li {
float: left;

}
div.alert {
	background-color:#FFDC99; 
	padding:3px;
	border:1px solid #000000;
}

img.profil {
	border-left:2px solid #ececec;
	border-bottom:2px solid #ececec;
	float: left;
	margin-right: 10px;
}
img.resultat {
	float: left;
	margin-right: 10px;
}
p {
margin: 5px 5px 5px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
color: #000000;
}
p.petit {
margin: 5px 5px 5px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
color: #000000;
}
p.bold {
margin: 5px 5px 5px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0,7em;
color: #000000;
font-weight: bold;
}
.orange {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0,8em;
color: orange;
font-weight: bold;
}
p.droite {
margin: 0 10px 0 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #ffffff;	
font-weight: bold;
text-align: right;
background-color: #FFA443;
}
p.center {
margin: 0 10px 30px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #ffffff;	
font-weight: bold;
text-align: center;
background-color: #FFA443;
}
tr.reg {
	background-color: #ffffff;
	
}
tr.new {
	background-color: #FFA443;	
}
tr.gris {
	background-color:#ECECEC;
}
h1 {
font-size: 1.5em;
	margin-left: 5px ;
	padding-left: 5px ;
	margin-right: 5px ;
	border-bottom: 3px solid #8C0048;
	color: #8C0048;
	margin-bottom: 10px;
	margin-top: 20px;
}
h2 {
font-size: 1.2em;
	margin-left: 5px ;
	padding-left: 5px ;
	margin-right: 5px ;
	color: #8C0048;
	border-color: #8C0048;
	border-bottom: 1px solid;
	margin-bottom: 10px;
	margin-top: 15px;
}
h3 {
font-size: 1.2em;
	margin-left: 5px ;
	padding-left: 5px ;
	margin-right: 5px ;
	color: #FFA443;
	margin-bottom: 5px;
	margin-top: 5px;
		border-color: #FFA443;
	border-bottom: 1px solid;
}
h4 {
font-size: 1.8em;
	margin-left: 5px ;
	padding-left: 5px ;
	margin-right: 5px ;
	color: #FFA443;
	margin-bottom: 5px;
	margin-top: 5px;
		border-color: #FFA443;
	border-bottom: 1px solid;
}
a {
text-decoration: none;
font-weight: bold;	
color: #8C0048;
}
a:hover {
text-decoration: underline;
}
TEXTAREA.tl {
         color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    background-color:#FFC287;
	border: 1px solid;
	border-color: #000;
      height: 200px;
    width: 400px}
TEXTAREA.l {
       color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    background-color:#FFC287;
	border: 1px solid;
	border-color: #000;
      height: 100px;
    width: 300px}
INPUT.tl {
    background-color: #ffffff;
    border:      1px solid;
    border-color: gray;
    color: gray;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
	height:200px;
    width: 400px;
}
INPUT.l {
    background-color: #ffffff;
    border:      1px solid;
    border-color: gray;
    color: gray;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    width: 150px;
}
INPUT.tc {
    background-color: #ffffff;
    border:      1px solid;
    border-color: gray;
    color: gray;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    width: 50px;
}
select.select {
     background-color:#FFC287;
	border: 1px solid;
	border-color: #000;
	color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    width: 80px;
}
select.selecta {
    background-color:#FFC287;
	border: 1px solid;
	border-color: #000;
	color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    width: 200px;
}
INPUT.submit {
  background-color: #ECECEC;
    border:      1px solid;
    border-color: gray;
    color: orange;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
	font-weight: bold;

}
INPUT.a {
       color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    background-color:#FFC287;
	border: 1px solid;
	border-color: #000;
	width:80px;
}
td.photo_add {
border-bottom: 2px solid gray;
	
}
.dial {
	/* bordure du tableau principal */
	border:1px solid #000000;
	/* background du tableau */
	background-color: #8C0048;
	/* largeur du tableau */
	width:200px;
}
.dial img {
	/* bordure des thumbs */
	border:1px solid #FFA443;
}
.dial img:hover {
	/* bordure des thumbs lors du passage de la souris */
	border:1px solid #FFA443;
}
.dial td {
	/* police ŕ utiliser */
	font:normal 10px MS Sans Serif;
	color:#FFFFFF;
	/* marge intérieure des cellules */
	padding:3px;
}
.dial a {
	/* couleur des liens */
	color:#FFA443;
	font-weight:bold;
}
.dial a:hover {
	/* couleur des liens du passage de la souris */
	color:#FFA443;
	text-decoration:none;
}