body
{
   width: 760px;
   margin: auto;
   margin-top: 0px;
   margin-bottom: 20px;   
   background-image: url("../image/fondarriere.png");
   background-attachment:fixed;
   background-repeat:no-repeat;
   background-position:top;
   background-color:#333333;
}


#en_teteneige
{
	width:760px;
	height:150px;
	margin-left:0px;
	margin-top:0px;

}
#cadrecotédroit
{
	width:200px;
	height:700px;
}

/*  */
     
#construc
{
	width: 800px;
	height: 620px;
	margin-left: -20px;
  background-image: url("../image/maintenance.jpg");
  background-repeat:no-repeat;
  background-position:top;
   }

#separation {
width: 289px;
height: 21px;
margin-left:80px;

  background-image: url("../image/separation.png");
  background-repeat:no-repeat;
  background-position:center;

}
#en_tete
{
   width: 820px;
   height: 250px;
   background-image: url("../image/titresite.png");/* titresite */
   background-repeat:no-repeat;
   background-position:top;
   margin-bottom: -90px;/* -90 */
   margin-left:-4px;/* -5 */
   margin-top:-60px;/* -60 */
   padding-top:50px;/* 50 */
}
#en_tete2
{
   width: 820px;
   height: 350px;
   background-image: url("../image/titrefrdj.png");
   background-repeat:no-repeat;
   background-position:top;
   margin-bottom: -90px;
   margin-left:-5px;
   margin-top:-60px;
   padding-top:50px;
}
#gain
{
   width: 180px;
   height: 60px;
   margin-top:-67px;
   
   margin-left: 375px;
   margin-bottom: 7px;
}

#timer
{
   width: 300px;
   height: 60px;
   margin-top:-100px;
   
   margin-left: 50px;
   margin-bottom: 7px;
}
#timer2
{
   width: 300px;
   height: 10px;
   margin-top:0px;
   
   margin-left:50px;
   margin-bottom:0px;
}
#promo
{
   width: 760px;
   height: 106px;
    background-image: url("../image/promo.png");
   background-repeat:no-repeat;
   background-position:top;
   margin-left: 0px;
}

#promopub
{
   width: 760px;
   height: 106px;
    
   margin-left: 0px;
}
#show
{
   width: 100px;
   height: 106px;
  padding-top:10px;
   margin-left: 600px;
   
}


#pubcadre
{
   width: 600px;
   height: 100px;
   padding-top:30px;
   margin-left:80px;
   background-color:#CCCC00;
   
   
  }

#pubplacement1
{
   width: 120px;
   height: 600px;
  padding-top:20px;
   margin-left:110px;
   
}

#pubplacement2
{
   width: 120px;
   height: 600px;
  margin-top:-600px;
   margin-left: 250px;
   
}

#pubplacement3
{
   width: 120px;
   height: 600px;
  margin-top:-600px;
   margin-left: 390px;
   
}

#pubplacement4
{
   width: 120px;
   height: 600px;
  margin-top:-600px;
   margin-left: 530px;
   
}

#photoaleatoire
{
	 width: 650px;
   height: 120px;
   font-size: 0.8em;
   font-family: Helvetica, Verdana, Arial, Times, serif;
   border:double 1px #FF3399;

}


#slide
{
   width: 346px;
   height: 160px;
   padding-top:5px;
   font-size: 0.8em;
   font-family: Helvetica, Verdana, Arial, Times, serif;
  

   margin-left: 50px;
   
}

#promo2
{
   width: 760px;
   height: 160px;
    background-image: url("../image/cadre760x160.jpg");
   background-repeat:no-repeat;
   background-position:top;
   margin-left: -14px;
   margin-top:0px;
   padding-left:28px;
}
/* Le menu */
#menuactif
{
margin-left:-5px;

}


#menu
{
   float: left;
   width: 155px;
   font-size: 0.8em;
   font-family: Helvetica, Verdana, Arial, Times, serif;
}

.element_menu
{
   background-color: #333333;
   background-image: url("../image/fond1.jpg");
   background-repeat: no-repeat;
   background-position: top right; 
   
   border: 1px solid #333333;
   
   margin-bottom: 2px;
}

#formulaire
{
   margin-left: 15px;
   
   font-family: Helvetica, Verdana, Arial, Times, serif;
}

#listesalon
{
margin-top:0px;
margin-bottom:10px;
margin-left: 350px;
   font-size: 0.8em;
   font-family: Helvetica, Verdana, Arial, Times, serif;
}
/* Quelques effets sur les menus */


.element_menu h4
{   
   color: #333333;
   
   font-family: Helvetica, Verdana, Arial, Times, serif;
   text-align: center;
}

.element_menu ul
{
top:auto; 
list-style-image: url("../image/icone3dsource/petitksplashb.png");
   padding: 0px;
   padding-left: 20px;
   margin: 15px;
   margin-bottom: 30px;
}

h3
{
    color:#FF3399;
   }

h5
{
  color:#333333;
   }

.element_menu a
{
   color: #666666;
}

.element_menu a:hover
{
   background-color: #ff99cc;
   color: #333333;
}

#firefox
{ 
   width: 130px; 
   height: 45px;
   padding-top: 25px;
   padding-left: 10px;
   marging-bottom: 10px;
   margin-left: 0px;
   margin-top: 0px;
  
  
   background-image: url("../image/firefox.jpg");
   background-repeat: no-repeat;
   background-position:center;
}

/* Le corps de la page */

#corps
{
   margin-left: 157px;
   margin-bottom: 20px;
   padding: 10px;
   color: #666666;
   background-image: url("../image/fond1.jpg");
   background-repeat: no-repeat;
   border: 1px solid #333333;
}
#corpsdj
{
width:auto;
height:auto;
   margin-left: 50px;
   margin-bottom: 20px;
   padding: 5px;
   color: #666666;
   background-image: url("../image/fond1.jpg");
   background-repeat: no-repeat;
   border: 1px solid #333333;
}
#corpsdjadn
{
width:auto;
height:auto;
   margin-left: 10px;
   margin-bottom: 10px;
   padding: 5px;
   color: #666666;
   background-image: url("../image/fond1.jpg");
   background-repeat: no-repeat;
   border: 1px solid #333333;
}
#pseudo { font-family:Helvetica, Verdana, Arial, Times, serif; font-size: 0.8em; text-indent: 50px;color:#ff6699; text-align:center;}
#corps h1
{
   color: #666666;
   text-align: left;
   font-family: Helvetica, Verdana, Arial, Times, serif;
}

#corps h2
{
   height: 30px;
   margin-left: 20px;
   background-image: url("../image/titre.png");
   background-repeat: no-repeat;
   padding-left: 160px;
   color: #999999;
   }
   
#corpstat
{
   margin-left: 157px;
   margin-bottom: 20px;
   padding: 10px;
   color: #666666;
   background-image: url("../image/fondstat.jpg");
   background-repeat: no-repeat;
   border: 1px solid #333333;
}

#corpstat h1
{
   color: #666666;
   text-align: left;
   font-family: Helvetica, Verdana, Arial, Times, serif;
}

#corpstat h2
{
   height: 30px;
   margin-left: 20px;
   background-image: url("../image/titre.png");
   background-repeat: no-repeat;
   padding-left: 160px;
   color: #999999;
   }

#corpsnews
{
   margin-left: 157px;
   margin-bottom: 20px;
   padding: 10px;
   color: #666666;
   background-image: url("../image/fondnews.jpg");
   background-repeat: no-repeat;
   border: 1px solid #333333;
}

#corpsnews h1
{
   color: #666666;
   text-align: left;
   font-family: Helvetica, Verdana, Arial, Times, serif;
}

#corpsnews h2
{
   height: 30px;
   margin-left: 20px;
   background-image: url("../image/titre.png");
   background-repeat: no-repeat;
   padding-left: 160px;
   color: #999999;
   }
   
#text h3
{
   height: 30px;
   margin-left: 80px;
   padding-left:50px;
   text-align: left;
   background-image: url("../image/titre.png");
   background-repeat: no-repeat;
   
   color: #999999;

}

#overflow
{
width: 580px;
height: 900px;
margin:0px;

overflow:auto;
}
   
#cadre1{
   width:540px;
   margin:10px;
   padding-right:15px;
   padding-left: 0px;
   text-indent: 50px;
   font-size: 0.8em;
   font-family: Helvetica, Verdana, Arial, Times, serif;
   list-style-image: url("../image/logomenu.png");
   
}


#cadre2{
   width:200px;
   height: 150px;
   margin-left:170px;
   margin-top:10px;
   margin-bottom:20px;
   background-position:center;
   background-image: url("../image/gagnant/Diivinee_photo_1.jpg");
   background-repeat: no-repeat;
   background-position:center; 
}

#cadretshirtn{
   width:250px;
   height: 250px;
   margin-left:170px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../image/tshirtfillenoir.png");
   background-position:center;
   background-repeat: no-repeat;
   background-position:center;
    
}

#cadretshirtr{
   width:250px;
   height: 250px;
   margin-left:170px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../image/tshirtfille.png");
   background-position:center;
   background-repeat: no-repeat;
   background-position:center;
}

#cadre22{
   width:150px;
   height: 150px;
   margin-left:200px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../image/led.jpg");
   background-position:center;
   background-repeat: no-repeat;
   background-position:center;
    
}

#cadre3{
   width:570px;
   height: 550px;
   background-position:center; 
}

#cadre4{
   width:550px;
   margin:20px;
   text-align: center;
   text-indent: 50px;
   font-size: 0.8em;
   font-family: Helvetica, Verdana, Arial, Times, serif;
   
   }
#sommaireaccueil{
   width:580px;
   height:120px;
   margin-left:10px;
   margin-top:-10px;
   
}
#sommairevip{
   width:580px;
   height:120px;
   margin-left:10px;
   margin-top:-10px;
   background-image: url("../image/sommairevip.png");

   background-repeat: no-repeat;
}

#sommairecssm{
   width:570px;
   margin:176px;
   margin:auto;
   background-image: url("../image/sommairecssm.png");
   background-position:top;
   background-repeat: no-repeat;
}
#sommairenews{
   width:570px;
   height:170px;
   margin-left:-7px;
   margin-top:-80px;
  background-image: url("../image/sommairenews.png");
  background-position:top;
  background-repeat: no-repeat;
}
#stat{
   width:591px;
   height:170px;
   margin-left:-20px;
   margin-top:0px;
   background-image: url("../image/sommairecompte.png");
background-position:top;
   background-repeat: no-repeat;
}
#sommaireacces{
   width:574px;
   height:220px;
   margin-left:5px;
   margin-top:0px;
   background-image: url("../image/sommaireacces.png");

   background-repeat: no-repeat;
}

 #cadrevideo{
   width:480px;
   height: 290px;
   margin-left:-10px;
   margin-top:20px;
   margin-bottom:10px;
   padding-left:0px;
    
}  
   
#cadrekoolb{
width:300px;
   height: 200px;
   margin-left:140px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../image/koolb.jpg");
   background-position:center;
   background-repeat: no-repeat;
  
}


#cadrekoolm{
width:300px;
   height: 200px;
   margin-left:140px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../image/koolm.jpg");
   background-position:center;
   background-repeat: no-repeat;
  
}

#cadrekoolc{
width:300px;
   height: 200px;
   margin-left:140px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../image/upkoolcoffre.jpg");
   background-position:center;
   background-repeat: no-repeat;
  
}
#cadrepartenaire{
width:278px;
   height: 150px;
   margin-left:10px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../../image/logonav.png");
   background-position:left;
   background-repeat: no-repeat;
  
}

#cadrepartenaire2{
width:150px;
   height: 250px;
   margin-left:10px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../../image/logobluenote.png");
   background-position:left;
   background-repeat: no-repeat;
  
}

#textepartenaire{
width:278px;
   height: 150px;
   margin-left:300px;
   margin-top:30px;
   margin-bottom:20px;
   padding-top:2px;
   background-position:left;
 text-align: left;
   text-indent: 50px;
   font-size: 1em;
   font-family: Helvetica, Verdana, Arial, Times, serif;    
}

#cadreliens{
width: 460px;
   height: 60px;
   padding-left: 20px;
   
   
  
}

#cadreliens2{
width: 460px;
   height: 60px;
  margin-left: -25px;
   
   
  
}
   
#cadretext{
   text-align: center;
   text-indent: 50px;
   font-size: 0.8em;
   font-family: Helvetica, Verdana, Arial, Times, serif;
   margin-left:10px;
   
   }

  #cadretext2{
   text-align: left;
   text-indent: 50px;
   font-size: 1em;
   font-family: Helvetica, Verdana, Arial, Times, serif;
   
   }
    
#allopass{
   width:436px;
   margin-left:150px;
  
   }
    
.feature2{
   float: right;
	padding: 10px 30px 0px 0px;
	font-size: 80%;
	min-height: 190px;
	height: 200px;
}

#cadrepublicitemembre {
width:550px;
height:auto;
padding-left:-10px;

}
#cadrepublicitemembre2 {
width:550px;
height:auto;
padding-left:-10px;

}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   margin-left: 0px;
   width:400px;

   text-align: center;

   color: #666666;
   background-color: #626262;
   background-image: url("../image/fond1.jpg");
   background-position: center;
   font-size: 0.8em;
   font-family: Helvetica, Verdana, Arial, Times, serif;
   border: 2px solid #999999;
}

#mp3
{
padding-top: 10px;
padding-bottom: 4px;
margin-left: -30px;

}

.texte
{
text-align: center;
margin-left: -30px;
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, Times, serif;

}

.texte2
{
text-align: center;
margin-left: -10px;
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, Times, serif;

}

a {  
   color: #666666;
   }
   
a:hover { 
   background-color: #ff99cc;
   color: #333333;
   }   
   
#table{
margin-left:200px;
}

#photo1{
width:460px;
   height: 300px;
   margin-left:10px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../../image/imagenews/foto2.jpg");
   background-position:left;
   background-repeat: no-repeat;
  

}
#photo2{
width:460px;
   height: 300px;
   margin-left:60px;
   margin-top:10px;
   margin-bottom:20px;
    background-image: url("../../image/imagenews/foto1.jpg");
   background-position:left;
   background-repeat: no-repeat;
  

}
#photo3{
width:460px;
   height: 300px;
   margin-left:10px;
   margin-top:10px;
   margin-bottom:20px;
 background-image: url("../../image/imagenews/foto3.jpg");
   background-position:left;
   background-repeat: no-repeat;
  

}
#photo4{
width:460px;
   height: 300px;
   margin-left:60px;
   margin-top:10px;
   margin-bottom:20px;
  background-image: url("../../image/imagenews/foto4.jpg");
   background-position:left;
   background-repeat: no-repeat;
  

}
#photo5{
width:460px;
   height: 300px;
   margin-left:10px;
   margin-top:10px;
   margin-bottom:20px;
   background-image: url("../../image/imagenews/foto5.jpg");
   background-position:left;
   background-repeat: no-repeat;
  

}
#photo6{
width:460px;
   height: 300px;
   margin-left:60px;
   margin-top:10px;
   margin-bottom:20px;
    background-image: url("../../image/imagenews/foto6.jpg");
   background-position:left;
   background-repeat: no-repeat;
  

}
#photo7{
width:460px;
   height: 300px;
   margin-left:10px;
   margin-top:10px;
   margin-bottom:20px;
 background-image: url("../../image/imagenews/foto7.jpg");
   background-position:left;
   background-repeat: no-repeat;
  

}
#photo8{
width:460px;
   height: 300px;
   margin-left:60px;
   margin-top:10px;
   margin-bottom:20px;
 background-image: url("../../image/imagenews/foto8.jpg");
   background-position:left;
   background-repeat: no-repeat;
  

}
#photo9{
width:460px;
   height: 300px;
   margin-left:10px;
   margin-top:10px;
   margin-bottom:20px;
  background-image: url("../../image/imagenews/foto9.jpg");
   background-position:left;
   background-repeat: no-repeat;
  

}

#billet{
width:90px;
   height: 120px;
   margin-left:80px;
   margin-top:5px;
   background-image: url("../../image/macaron.png");
   background-position:left;
   background-repeat: no-repeat;
   }
#textebillet{
width:310px;
   height: 100px;
   margin-left:150px;
  margin-top:-20px;
   }
#dernierinscrit{

}

#sessions{
   width:500px;
   height:120px;
  

   }

#mp3x2 {
width: 230px;
height: 60px;
margin-left: 460px;
margin-top: -130px;
}

#pubchat{
width:200px;
height:65px;
margin-top:10px;
margin-left:5px;


}

#coffregagner{
text-align: center;
margin-left: 30px;
font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, Times, serif;
background-image: url("../../image/logocoffre.png");
background-position:center;
background-repeat: no-repeat;

}

#texteaucentre{
margin-left:180px;
}
#texteaucentre2{
margin-top:20px;
margin-left:200px;
}

#centrelivredor {
padding-left:100px;
}



#fondprofil{
width:760px;
   height: 1400px;
   
   font-size: 0.8em;
font-family: Helvetica, Verdana, Arial, Times, serif;

margin-left:0px;
   margin-top:-20px;
   padding-left:0px;
    background-image: url("../image/fond1.jpg");
   background-position:top;
   background-repeat: no-repeat;
   }

#kiavoter {
width:400px;
   height: 130px;
margin-left:170px;
   margin-top:0px;
   border:double 1px #FF6699;
   background-color:#FFFFFF;
}
   
#modif {
width:200px;
   height: 150px;
margin-left:400px;
   margin-top:-150px;
   
}

#personelle {

   
width:450px;
   height: 200px;
margin-left:90px;
   margin-top:-40px;
   padding-top:40px;

}

#boutonedition {
width:400px;
   height: 100px;
margin-left:170px;
   margin-top:0px;
   color:#CCFF00;
   
   border:double 1px #FF6699;
   background-color: #333333;
   
}

#calagephotostat {
width:560px;
   height: 150px;
margin-left:100px;
   margin-top:0px;
   
   
}

#lesphotos {
   font-family: Helvetica, Verdana, Arial, Times, serif;
   
   width:560px;
   height: 50px;
   margin-left:0px;
   margin-top: 0px;
   margin-bottom:0px;
   
   border:double 1px #FF6699;
   background-color:#FFFFFF;
}

#voscommentaire {
   font-family: Helvetica, Verdana, Arial, Times, serif;
   
   width:550px;
   height: 150px;
   margin-left:0px;
   margin-top: 0px;
   margin-bottom:0px;
}


#coffre{
width:200px;
   height: 200px;
   margin-left:170px;
   margin-top:10px;
   margin-bottom:20px;
  background-image: url("../image/coffre.png");
   background-position:left;
   background-repeat: no-repeat;
}  
   
#panocode{
width:270px;
   height: 210px;
   margin-left:140px;
   margin-top:10px;
   margin-bottom:20px;
  background-image: url("../image/panocode.png");
   background-position:left;
   background-repeat: no-repeat;   
}   

#code{
width:210px;
   height: 140px;
   margin-left:165px;
   margin-top:-220px;
   margin-bottom:0px;  
}

#bloccomm{
width:450px;
   height: 0px;
   margin-left:-300px;
   margin-top:20px;
   margin-bottom:0px;
  
   
}

#comm{
width:0px;
   height: 0px;
   margin-left:20px;
   margin-top:0px;
   margin-bottom:220px;
   }
   
 #comm1{
width:300px;
   height: 0px;
   margin-left:20px;
   margin-top:0px;
   margin-bottom:100px;
   }
     
#overflow2
{
width: 470px;
height: 200px;
margin:5px;
overflow:auto;
}

.img  { color:#006633; }

.gras { font-weight:bold; }

.ital { font-style:italic; }

.souligne { text-decoration:underline; }


.rouge { background-color:#FF0000;}
.vert { background-color:#33CC00;}
.bleu { background-color:#006699;}
.orange { background-color:#FF6600;}
.violet { background-color:#663399;}
.rose { background-color:#FF6699;}

.pseu { color:#333333; background-color:#ccff00}
.date {  color:#ff3399; text-align:left; border-bottom:1px double #ff3399;}
.mess { text-align:justify;}

.lien_page, .lien_page a {color:#003366; text-align:center }

#photoaleatoirepub{
width: auto;
height:auto;
margin-left:15px;

}