body { 
 font-size: 12px;
 font-family:  Verdana, Arial, Helvetica, sans-serif;
 background: rgb(149,116,77);
 margin: 0;
 padding: 0;
 color: rgb(0,0,0);
}
 /* hide from ie on mac \*/ 
	 html, body {
	margin: 0;
	padding: 0;
	height: 100%
	}
/* end hide */ 
a:link { text-decoration: none; color: rgb(0,0,0); }
a:visited { text-decoration: none; color: rgb(0,0,0); }
a:hover { text-decoration: none; color: #c99936; }
a:active { text-decoration: none; }
a img { border: none; }

object {
outline: none; 
}
.plein{
height:100%;
}
.pannier{
	margin-top:80px;
	text-align:center;
}
#logo{
	padding: 10px 0px;
	width:980px;
	margin:auto;
	color:#d3c09a;
	font-size: 11px;
}
#logo a{
	color:#d3c09a;
	font-size: 11px;
}
.espet {
  word-spacing: 8px;
}

#part{
	display:block;
	width:980px;
	margin:auto;
	text-align:right;
	padding-bottom:7px;
    color:#d3c09a;
}
#part:hover{
	color:#c99936;
}
/***************************partenaires*************************************/
.annexe{
font-weight: bold;
font-size: 11px;
text-align :left;
line-height:1em;
}
.marques{
font-size: 10px;
padding:0px 10px;
height:450px;
overflow:auto;
}
.casa{
float:left;
margin-right:15px;
}
.listepart{
padding-top:5px;
clear:both;
font-size:11px;
}
.titrepart{
background-color: #daccaf;
text-align:center;
}
/***********************page**********************************/
#cadreglobal{
	width:949px;
	margin:auto;
}

#gauche{
width:300px;
height:450px;
background-color: #daccaf;
float:left;
margin: 0px;
color:#c99936;
}

#centrale{
float: left;
margin: 0px;
width:448px;
height:450px;
}
#gauche2{
width:170px;
height:450px;
background-color: #daccaf;
float:left;
margin: 0px;
color:#c99936;
}
#centrale2{
float: left;
margin: 0px;
width:578px;
height:450px;
}

#description{
position: absolute;
width: 400px;
margin:20px 24px;
text-align: center;
font-size: 14px;
font-weight: bold;
}
#description p {
display: none;
}
#droite{
float: left;
margin: 0px;
width:200px;
height:450px;
background-color: #daccaf;
color:#c99936;
}
.rubrique{
margin-left:80px;
margin-top:15px;
}
.rubrique1{
margin-left:80px;
margin-top:55px;
}
.brubrique{
margin-left:40px;
margin-top:15px;
}
.brubrique1{
margin-left:40px;
margin-top:55px;
}
.rubriquedroite{
 line-height: 50px;
text-align: center;
}
.membres{
margin-top:35px;
margin-bottom:80px;
 line-height: 25px;
text-align: center;
}
.membres2{
margin-top:35px;
margin-bottom:40px;
 line-height: 25px;
text-align: center;
}
#mini{
	clear: left;
	width:930px;
	margin:auto;
	height: 75px;
	overflow:auto;
	text-align:center;
}
#regle{
	clear: left;
	width:930px;
	margin:auto;
	text-align:justify;
	font-size: 10px;
}
.miniature{
margin-left:5px;
margin-top:10px;
cursor: pointer;
}
.titremembre{
	color: black;
}

.placetexte{
padding: 25px;
font-size: 14px;
}
.titresoc {
font-size: 20px;
font-weight: bold;
}
/**********************formulaire**************************/
fieldset {
border: 1px solid #daccaf;
padding-bottom: 10px;
margin:10px;
}
input[type="submit"], input[type="button"] {
	background-color: #464646;
	 font-size: 12px;
	padding: 3px;
	color: rgb(240,240,240);
	border: 1px outset gray;
}
input[type="submit"]:active, input[type="button"]:active {
	background-color: #464646;
	color: rgb(240,240,240);
	border: 1px inset gray;
}
input[type="text"], input[type="password"],textarea {
	width: 260px;
	background-color: #cccccc;
	color: black;
	margin-bottom:7px;
	overflow: auto;
}

input[type="text"]:focus, input[type="password"]:focus,textarea:focus {
	width: 260px;
	overflow: auto;
	margin-bottom: 7px;
	background-color: rgb(245,245,245);
	color: black;
}
input[type="text"]:hover, input[type="password"]:hover,textarea:hover {
	width: 260px;
	overflow: auto;
	margin-bottom: 7px;
	background-color: rgb(245,245,245);
	color: black;
}
#reponse{
    width: 200px;
	background-color: #cccccc;
	color: black;
	margin-bottom:7px;
	overflow: auto;
}
legend {
color: rgb(0,0,0);
}
.float {
	display: block;
	width:30%;
	float:left;
	text-align:right;
}
.wrong{
    display: block;
	width:30%;
	float:left;
	text-align:right;
	color: #990000;
}
.erreur {
color : #990000;
}

h1 {
font-size: 16pt;
font-weight: bold;
text-align : center;
}

h2 {
font-size: 14pt;
font-weight: bold;
text-align : center;
}

h3 {
font-size: 12pt;
font-weight: bold;
text-align : center;
}

table { 
border-collapse: collapse;
}

.nom {
text-transform: uppercase;
}
.prenom {
text-transform: capitalize;
}
.center {
	text-align: center;
}
#corps{
margin: 80px;
text-align:center;
}
th  {
	background-color: #836849;
	border: 1px solid rgb(149,116,77);
	padding: 5px 7px;
	text-align: center;
}
.tabpannier {
	background-color:  #daccaf;
	border: 1px solid rgb(149,116,77);
	text-align: center;
	padding: 5px 5px;
}
#scroll{
max-height: 450px;
overflow: auto;
}
/******************************************gestion****************************/
#ges {
position: fixed;
bottom:20px;
right:20px;
}
#gmail {
display: none;
margin-bottom:0px;
}
#gnom {
display: none;
margin-bottom:0px;
}
.com {
width:350px;
max-height:150px;
overflow:auto;
}
.info2 {
color: #990000;
font-size: 12px;
padding: 10px;
border: 1px solid black;
}

.info {
color: black;
font-size: 12px;
padding: 10px;
border: 1px solid black;
}
#titres {
position: absolute;
top: 10px;
width: 100%;
text-align: center;
font-size:20px;
font-weight: bold;
}
#som {
position : fixed;
top: 10px;
right: 10px;
z-index:20;
font-size:14px;
padding: 8px;
border:1px solid rgb(240,240,240);
text-align: center;
}
.floatg {
	display: block;
	width:35%;
	float:left;
	text-align:right;
}
#corpsg {
padding:0px 20px;
}

.activation {
background:rgb(150,150,150);
cursor:pointer;
}

.activation:hover{
background-color: silver;
}
.nonactivation {
background-color: grey;
cursor:pointer;
}
.nonactivation:hover{
background-color: silver;
}
/************************nav  sites gestion****************************/
#site { 
  width: 100px;
  height: 21px;
  list-style-type: none;
  margin: auto;
  padding: 0;
  border: 0;
  position:fixed;
  top:10px;
  left:10px;
}

#site li {
  float: left;
  width: 98px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align: center;
}
#site li a:link, #site li a:visited {
  display: block;
  height: 1%;
  border: 1px solid white;
  margin: 0;
  padding: 4px 16px;
  text-decoration: none;
}

#site li a:hover{
  color: rgb(220,220,220);
}
#site .sitemenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
}
#site .sitemenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 1px solid white;
	width: 130px;
}
#site .sitemenu li a:link, #site .sitemenu li a:visited {
  border: 0;
  margin: 0;
  display: block;
  text-decoration: none;
}

#site .sitemenu li a:hover{
  background-color: #c99936;
  color: rgb(220,220,220);
}

#site li:hover > .sitemenu { display: block; }
/*******************************************************************************/
#compteur {
  width:300px;
  margin-bottom:5px;
  margin-top:5px;
  margin-left:120px;
  background:#d5bf9b;
  padding:5px;
}
/*********stat**********************************/
#remarque {
width: 250px;
	background-color: rgb(220,220,220);
	color: black;
	margin-bottom:10px;
	overflow: auto;
}
#det{
border-collapse:separate;
border-spacing: 40px 5px;
}
.detail {
color: black;
font-size: 10pt;
padding: 20px 30px;
background-color:rgb(100,100,100);
}
#REMA{
border-collapse:separate;
border-spacing: 20px 0px;
}
#REMA td{
vertical-align:top;
}
.set{
padding-top:30px;
}
.rem{
padding:10px;
width:300px;
height:300px;
overflow:auto;
color: black;
font-size: 10pt;
background-color:rgb(100,100,100);
}
.detail2 {
color: black;
font-size: 10pt;
padding: 10px 20px;
background-color:rgb(180,180,180);
}
.com2{
width:520px;
max-height:300px;
overflow:auto;
}

/****************************************************************************/
input[type="text"].stat {
	width: 15px;
	background-color: rgb(220,220,220);
	color: black;
	margin-bottom:8px;
}