body { 
 font-size: 12px;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 background: rgb(15,15,15);
 margin: 0;
 padding: 0;
 color: rgb(220,220,220);
}
a:link { text-decoration: none; color: rgb(240,240,240); }
a:visited { text-decoration: none; color: rgb(240,240,240); }
a:hover { text-decoration: none; color: #822efe; }
a:active { text-decoration: none; }
a img { border: none; }


/**********************menu alternatif***********************/


#menuList2 {
  width:966px;
  height: 25px;
  list-style-type: none;
  margin: auto;
  padding: 0;
  border: 0;
  
}

#menuList2 .autre {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  border-right: 1px solid #333333;
}
#menuList2 .fin{
	 float: left;
  margin: 0;
  padding: 0;
  list-style: none;
	border: 0px;
}
#menuList2 li a {
  width:160px;
  text-align: center;
  background-color:rgb(70,70,70);
  color:  rgb(240,240,240);
  display: block;
  line-height: 1.8em;
  border: 0px;
  margin: 0;
  padding: 0px 0px;
  text-decoration: none;
}
#menuList2 li {
  width:160px;
  text-align: center;
  background-color: rgb(130,46,255);
  color:  rgb(240,240,240);
  display: block;
  line-height: 1.8em;
  border: 0px;
  margin: 0;
  padding: 0px 0px;
  text-decoration: none;
}


#menuList2 li a:hover {
  background-color: rgb(130,46,255);
}

/* ************************************alt*********************************************/
#arriere {
	background: #333333;
}
#alter {
	width:830px;
	margin:auto;
}

#description {
padding: 15px;
width: 630px;
height: 55px;
}
#description p {
display: none;
}

#image {
padding: 0px;
width: 560px;
height: 420px;
text-align:center;
}
#img1 {
	display:inline;
	vertical-align:middle;
}

#mini {	
width:250px;
height: 505px;
float:right;
text-align : left;
overflow: auto;
}

.miniature {
margin-left:5px;
margin-bottom:5px;
width: 65px;
height:45px;
cursor: pointer;
}

#altsom {
	width:560px;
	height:480px;
	margin:auto;
	background-image:url("../sommaire/fond.jpg");
}

/*******************************************haut******************************************************/
a.banniere
{
 display: block;
 position: absolute;
 top: 10px;
 left: 5px;
 width: 170px;
 height: 80px;
}
#haut {
width:100%;
height:80px;
padding:0;
background:url("../img/logo.png") 10px 10px no-repeat #333333;
border-top: 10px solid rgb(15,15,15);
border-bottom: 10px solid rgb(15,15,15);
}

#menuhaut {
  text-align:center;
  padding-top:29px;
  padding-left:130px;
  line-height: 17px;
}

.sousmenuhaut1 {
padding:0px 15px 0px;
color: #822efe;
}
.sousmenuhaut {
padding:0px 15px 0px;
border-left: 1px solid  black;
color: #822efe;
}
#espacemembre {
	text-align:center;
	float:right;
	height:50px;
	padding: 15px 30px;
	 line-height: 20px;
}
#flash {
	 text-align:center;
border-bottom: 10px solid rgb(15,15,15);
}
#corps {
padding:20px;
background: #333333;
border-bottom: 10px solid rgb(15,15,15);
}
.centre {
text-align : center;
}
/**********************formulaire**************************/
fieldset {
border: 2px solid #464646;
padding-bottom: 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:8px;
	overflow: auto;
}

input[type="text"]:focus, input[type="password"]:focus,textarea:focus {
	width: 260px;
	overflow: auto;
	margin-bottom: 8px;
	background-color: rgb(245,245,245);
	color: black;
}
input[type="text"]:hover, input[type="password"]:hover,textarea:hover {
	width: 260px;
	overflow: auto;
	margin-bottom: 8px;
	background-color: rgb(245,245,245);
	color: black;
}
legend {
color: rgb(220,220,220);
}
.float {
	display: block;
	width:35%;
	float:left;
	text-align:right;
}
.float2 {
	display: block;
	width:43%;
	float:left;
	text-align:right;
}
.erreur {
color : #822efe;
}
h1 {
font-size: 16pt;
font-weight: bold;
text-align : center;
}
h2 {
font-size: 14pt;
font-weight: bold;
text-align : center;
}
.center {
	text-align: center;
}
.valide {
	padding-left:10px;
	padding-right:20px;
	border-right: 1px solid #666666;
	float:left;
	width:50%;
}
.valide2 {
	padding: 60px 0px 100px;
}
#reponse {
	margin-left:20px;
	margin-right:20px;
}
.pannier {
	background-color:  rgb(100,100,100);
	border: 1px solid #333333;
	text-align: center;
	padding: 5px 40px;
}
table { 
border-collapse: collapse;
}

.plein{
height:100%;
}
th  {
	background-color: #464646;
	border: 1px solid #333333;
	padding: 5px 10px;
	text-align: center;
}
.nom {
text-transform: uppercase;
}
.prenom {
text-transform: capitalize;
}
/******************************************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: 10pt;
padding: 10px;
border: 1px solid black;
}

.info {

color: black;
font-size: 10pt;
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;
}
object {
outline: none; 
}

#compteur {
  width:280px;
  margin-bottom:5px;
  margin-top:5px;
  margin-left:120px;
  background:grey;
  padding:5px;
}
.activation {
background:rgb(150,150,150);
cursor:pointer;
}

.activation:hover{
background-color: silver;
}
.nonactivation {
background-color: grey;
cursor:pointer;
}
.nonactivation:hover{
background-color: silver;
}
input[type="text"].stat {
	width: 15px;
	background-color: rgb(220,220,220);
	color: black;
	margin-bottom:8px;
}
/*********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;
}
/************************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: #822efe;
  color: rgb(220,220,220);
}

#site li:hover > .sitemenu { display: block; }
/**************************societe************************************************/
.societe { 
  margin: 0;
  padding-left: 20px;
  border: 0;
}
#pagesociete{
padding:20px;
font-size:14px;
}
/**************************partenaire************************************************/
.listepart{
padding-top:5px;
clear:both;
}

.casa{
float:left;
margin-right:15px;
}

.titrepart{
background-color: #4D4D4D;
font-size:14px;
text-align:center;
padding:2px;
}

.annexe{
font-weight: bold;
text-align :justify;
line-height:1em;
font-size:14px;
}