/*******************************Style pour index.php********************************/

*{margin:0px;padding:0px;cursor:default;}

/*strong{
    font-weight : normal;
}*/

a:link, a:visited, a:active, a:focus a:hover {
  text-decoration : none;
  color : black;
  cursor :pointer;
  cursor : hand;
}

input{
  cursor:text;
}

em{
    font-style : normal;
}

body{
 /*background-color : yellow;*/
  margin-left : auto;
  margin-right : auto;
/*  padding-top : 120px;*/
}

#center{
    position: absolute;
        top : 50%;
        left : 50%;
        margin-top : -240px;
        margin-left : -500px;
  width: 1001px;
  height : 400px;
  /*background-color : yellow;*/
  background : url('../images/fond_gris.jpg') no-repeat center center;
  /*margin : auto 145px auto 145px;*/
}

#logo{
  position: absolute;
      left : 110px;
      top : 40px;
  background-image : url('../images/logo.png'); 
  width : 263px;
  height : 62px;
}

#win_4_perfumes_cub{
  position: absolute;
      left : 163px;
      top : 115px;
  background-image : url('../images/win_4_perfumes_cub.jpg'); 
  width : 244px;
  height : 218px;
}

#language{
  position : absolute;
      bottom : 340px;
      left : 410px;
  font-family : arial;
  font-size : 14px;
}

#belgium{
  position : absolute;
      bottom : 45px;
      left : 160px;
  font-family : arial;
  font-size : 14px;
}

#flags{
  position: absolute;
      right : 370px;
      top : 38px;
}

#flags li{
  list-style-type:none;
}

#flags li a img{
  cursor : pointer;
  cursor:hand;
}

a img{
  border : none;
  padding : 2px;
  margin : 2px;
  width : 28px;
}

/*a:hover img{
  background-color : rgb(255,255,255);
}*/

#fleurs{
  position: absolute;
      right : 130px;
      top : -9px;
}

#parfum{
  position : absolute;
      bottom : 50px;
      left : 110px;
}

#bottom {
  clear : both;
  text-align : center;
  /*background-color :red;*/
  margin-left : auto;
  margin-right : auto;
  width : 950px;
  padding-top : 10px;
  font-size : 9px;
  text-decoration : none;
  font-family : arial;
 /* margin : auto auto auto 145px;*/
}

#bottom h1 a {
  text-decoration : none;
  color : #000;
}

#bottom h1 a:link, a:visited, a:active, a:focus{
  text-decoration : none;
  color : #000;
}

#bottom a {
  text-decoration : none;
  color : gray;
}

#bottom_index {
  clear : both;
  text-align : center;
  /*background-color :red;*/
    position: absolute;
        top : 50%;
        left : 50%;
        margin-top : 150px;
        margin-left : -485px;;
  width : 950px;
  padding-top : 10px;
  font-size : 9px;
  text-decoration : none;
  font-family : arial;
 /* margin : auto auto auto 145px;*/
}

#bottom_index a {
  text-decoration : none;
  color : gray;
}

h1 {
  font-size : 11px;
  margin : 0px 0px 5px 0px;
}

#langChoice{
  float:right;
  margin-top:30px;
  margin-right :-232px;
  width:220px;
}

#langChoice ul{
 list-style-type:none;
 cursor : default;
}

#langChoice li{
 display:inline;
}
        
#langChoice li a img{
  width:16px;
  height:11px;
  margin:0px;
  padding:0px;
  border : 1px solid white;
  cursor:pointer;
  cursor:hand;
}
        
#langChoice li a img:hover{
  border : 1px solid rgb(193,10,30);
}

/*******************************Style pour index.php********************************/

#header{
  position : relative;
  margin-left : auto;
  margin-right : auto;
  /*margin-left : -430px;*/
  width : 990px;
  height : 150px;
 /* background-color : brown;*/
}

#top{
  float : left;
  width : 150px;
  height : 70px;
  line-height : 25px;
  margin : 20px 0px 0px 13px;
  padding : 0 0 0 10px;
  font-family : arial;
  font-size : 11px;
  font-weight : bold;
  border-left : 2px solid black;
  /*background-color : red;*/
}

#top a{
  color : black;
}

#top a:link, a:visited, a:active, a:focus{
  text-decoration : none;
  color : black;
}

#top a:hover {
  color : rgb(150,21,26);
}

#logo_index{
  position : absolute;
      right : 52%;
      margin-right : -440px;
  width : 364px;
  height : 68px;
  margin-top : 15px;
  background : url('../images/logo.png') no-repeat;
 /* background-color : yellow;*/
}

#logo_index a{
  display : block;
  width : 100%;
  height : 100%;
  text-decoration : none;
  /*border : 2px solid black;*/
}

#logo_index span{
  visibility : hidden;
}

#center_accueil{
  position: relative;
  margin-left : auto;
  margin-right : auto;
  width: 1001px;
 /* height : 370px;*/
 /*background-color : yellow;*/
}

#center_index{
  /*background-color : red;*/
  float : left;
  width : 870px;
  height : 450px;
  background : url('../images/accueil/degrade.png') top right repeat-y;
  border : 1px solid rgb(217,218,212);
  /*padding-right : 0px;*/
  margin-right : 5px;
  z-index : 5;
  padding-bottom : 20px;
  position : relative;
}

/*#center_index *{
  z-index : 5;
}*/

/*#bandeblanche{
  position : absolute;
    top : 190px;
    left : 0px;
  background : url('../images/bandeblanche.png') no-repeat;
  width : 874px;
  height : 113px;
  z-index : 1;
}*/

#banniere{
  /*background-color : orange;*/
  width : 114px;
  height : 314px;
  float : right;
  margin-right : 10px;
  margin-top : 1px;
  /*border : 1px solid gray;*/
  background : url('../images/accueil/visage.jpg') no-repeat;
}

#banniere2{
  /*background-color : orange;*/
  width : 114px;
  height : 314px;
  float : right;
  margin-right : 10px;
  margin-top : 1px;
  /*border : 1px solid gray;*/
  background : url('../images/accueil/visage2.jpg') no-repeat;
}

#fleurs_index{
  position: absolute;
      left : 10px;
      top : -45px;
  width : 131px;
  height : 332px;
  /*background-color : rgb(116,210,255);*/
  background-image : url(../images/accueil/fleurs.jpg);
}

#flags_index{
  display : block;
  position : absolute;
    bottom : 0px;
    left : 10px;
}

#flags_index ul li{
  float : left;
  display : none;
}

#compte {
  width : 458px;
  height : 115px;
  position : absolute;
      left : 180px;
      top : -50px;
  background : url('../images/accueil/comptevide.png') no-repeat center center;
  /*background-color : rgb(178,39,39);*/
}

.forgottenpass{
  color : black;
  font-size : 9px;
  padding-bottom : 8px;
}

.forgottenpass a:active, a:link{
  color : black;
}

td.forgottenpass a{
  text-decoration : underline;
}

.titre{
  /*background-color : blue;*/
  text-align : left;
  font-size : 12px;
  font-weight : bold;
  color : black;
  padding-bottom : 0px;
}

#login{
  position : absolute;
    left : 45px;
    top : 5px;
  color : #cb3847;
  font-family : arial;
  /*background-color : gray;*/
}

#login td a img{
  margin-top : 2px;
}

#login table{
  border-collapse : collapse;
  /*border : 1px solid black;*/
}

#login table td{
  /*border : 1px solid black;*/
  padding : 0;
}

#login table td.titre{
  height : 25px;  
}

#login table td input{
  width : 115px;
  border : 1px solid rgb(220,220,220);
  margin-bottom : 2px;  
}

td.controlcompte{
  text-align : right;
}

#login table td.controlcompte input{
  color : white;
  font-size : 8px;
  background-color : black;
  height : 15px;
  width : 20px;
  cursor:hand;
  cursor:pointer;
}

.pass{
  color : #cb3847;
  font-size : xx-small;
  width : 80px;
  cursor:default;
}

#contenu{
  /*background-color : purple;*/
  width : 687px;
  position : relative;
  /*height : 250px;*/
  /*position : absolute;
      right : 137px;
      top : 60px;*/
  margin : 70px 0px 0px 180px;
  font-family : arial;
  font-size : 12px;
  /*padding-right : -10px;*/
}

.presentation{
 /*background-color : red;*/
  width : 213px;
 /* height : 270px;*/
  float : left;
  padding : 0 0 20px 0px;
  margin-left : 0px;
  /*margin-top : -120px;*/
  display : none;
  /*text-align : justify;*/
}

#boheme{
  width : 193px;
  height : 95px;
  border-left : 1px solid rgb(108,108,108);
  text-align : center;
  color : rgb(108,108,108);
  padding-bottom : 15px;
}

#boheme img{
  width : 193px;
  height : 95px;  
}

#boheme span{
  text-align : center;
  font-size : 9px;
}

#boheme a:active, a:link{
  text-decoration : none;
}

#ech{
  background : url('../images/montageparfum.png') no-repeat;
  height : 106px;
  width : 213px;
  border-left : 1px solid rgb(108,108,108);
}

#fleursmilieu{
  position : absolute;
    top : 155px;
    right : 310px;
  background : url('../images/fleursmilieu.png') no-repeat;
  width : 101px;
  height : 219px;
}

#fleursmilieu_compte{
  position : absolute;
    top : 110px;
    right : 310px;
  background : url('../images/fleursmilieu.png') no-repeat;
  width : 101px;
  height : 219px;
}

#formulaire{
  /*background-color : yellow;*/
  width : 220px;
  /*height : 270px;*/
  /*clear : both;*/
  float : right;
  font-size : 10px;
  padding : 0 0 15px 0;
}


h2{
  font-family : arial;
  font-size : 12px;
  /*font-weight : bold;*/
  padding-bottom : 10px;
  /*color : white;*/
}

/*#formulaire h2{
  color : white;
  margin-bottom : 10px;
}*/

h2.principe{
  padding : 0 0 20px 13px;
  background : url('../images/bande.jpg') no-repeat;
  width : 213px;
  height : 17px;
  color : white;
}

#societe, #references{
  display : none;
  /*clear : left;*/
}

.cadre{
  border-left : 1px solid rgb(108,108,108);
  padding-left : 15px;
  padding-right : 10px;
  color : rgb(108,108,108);
  font-size : 11px;
  text-align : justify;
  line-height : 120%;
  cursor:default;
}

.cadre_validation{
  border-left : 1px solid rgb(108,108,108);
  padding : 0 10px 0px 15px;
  color : rgb(108,108,108);
  font-size : 11px;
  text-align : justify;
  line-height : 120%;
  min-height : 180px;
}


.cadre_validation a{
  /*background-color : red;*/
  margin-left : 20px;
  color : rgb(108,108,108);
  text-decoration : none;
}

td{
  padding : 1px;
  /*border : 1px solid black;*/
}

.controle{
  position : absolute;
  visibility : hidden;
  text-align : center;
  color : rgb(203,56,71);
  font-size : 9px;
  font-family : arial;
  /*background-color : red;*/
  /*border : 1px dashed rgb(220,220,220);*/
}


td.controle{
  margin-top : 3px;
  height : 18px;
}

#inscription{
  width : 213px;
  height : 260px;
  padding : 0 0 0 0;
  color : rgb(108,108,108);
  /*background-color : orange;*/
}

/*
#inscription dl dd input{
  width : 180px;
}

#inscription dl select{
  width : 184px;
}*/

#inscription dl{
  width : 260px;
  /*float : left;*/
  padding : 0 0 0 0;
  clear : both;
  /*border : 1px solid black;*/
  height : 25px;
  /*background-color : gray;*/
}

/*#inscription *{
  margin : 0;
  padding : 0;
}*/

#inscription input, select{
  border : 1px solid rgb(220,220,220);
  width : 147px;
}

#inscription dl dd select{
  width : 149px;
}

#inscription dl dd select.ddnj{
  width : 40px;
}

#inscription dl dd select.ddna{
  width : 64px;
}

#inscription dl.bouton {
  width : 213px;
  height : 20px;
  /*padding : 5px 0 0 0;*/
  /*background-color: green;*/
}

#inscription dl.bouton dt{
  height : 15px;
  width : 185px;
  padding-top : 3px;
  /*background-color: green;*/
 /* float : left;*/
}

#inscription dl.bouton dd input{
  height : 20px;
  width : 30px;
  background-color: black;
  float : right;
  color : white;
  cursor:hand;
  cursor:pointer;
}

#inscription dl dt{
  padding : 3px 0px 0 0;
  width : 65px;
  float : left;
  /*background-color : red;*/
}
#inscription dl dd{
  /*width : 30px;*/
  float : left;
  /*height : 20px;*/
  /*background-color : purple;*/
}

#inscription dl.cp{
  width : 130px;
  /*background-color : red;*/
  clear : both;
  float : left;
}


#inscription dl.cp dt{
  width : 65px;
  height : 20px;
  /*background-color : purple;*/
}

#inscription dl.cp dd input{
  width : 60px;
}

#inscription dl.ville{
/*
  width : 105px;
  clear : right;
  float : left;
  padding : 0px;
 */
}



#inscription dl.ville dt{
/*
  padding : 3px 2px 0 7px;  
  width : 22px;
 */
}


#inscription dl.ville dd input{
/*
  width : 74px;
  padding : 0;
 */
}

#inscription dl.ville dd{
/*
  width : 60px;
  padding : 0;
 */
}
/*********************************Style pour validation.php*********************************************/
.presentation_validation{
 /*background-color : red;*/
  width : 670px;
 /* height : 270px;*/
  float : left;
  padding : 0 0 5px 0px;
  margin-left : 0px;
  /*text-align : justify;*/
}

#formulaire_validation{
  /*background-color : yellow;*/
  width : 220px;
  /*height : 270px;*/
  /*clear : both;*/
  float : right;
  font-size : 10px;
  padding : 0 0 15px 0;
  display : none;  
}

.presentation_validation p input.radio{
  background-color : transparent;
}

.presentation_validation p input.ok{
  color : white;
  font-size : 13px;
  background-color : black;
  height : 20px;
  width : 30px;
  border : none;
}
/********************************Style pour compte.php********************************************/
.presentation_compte{
 /*background-color : red;*/
  width : 450px;
  height : 330px;
 /* height : 270px;*/
  float : left;
  padding : 0 0 5px 0px;
  margin-left : 0px;
  /*text-align : justify;*/
}

.presentation_compte em{
  text-decoration : underline;
}

#voyage{
  margin-top:20px;
}

#formulaire_compte{
  width : 220px;
  float : right;
  padding : 0px;
  margin-bottom : 30px;
}

#center_index_compte{
  /*background-color : red;*/
  float : left;
  width : 870px;
  height : 500px;
  background : url('../images/accueil/degrade.png') top right repeat-y;
  border : 1px solid rgb(217,218,212);
  /*padding-right : 0px;*/
  margin-right : 5px;
  z-index : 5;
  padding-bottom : 20px;
  position : relative;
  padding : 0px;
}

#statsparf{
  background-color : white;
  width : 213px;
  height : 300px;
  margin-bottom : 10px;
  text-align : center;
  /*padding-top : 80px;*/
  font-size : 10px;
  min-height : 180px;
}

h2.test{
  padding : 0 0 5px 13px;
  background : url('../images/bande.jpg') no-repeat;
  width : 213px;
  height : 17px;
  color : white;
}

.infocompte{
 /*background-color : red;*/
  width : 450px;
 /* height : 270px;*/
  float : left;
  padding : 0 0 5px 0px;
  margin-left : 0px;
  /*text-align : justify;*/
}

#welcome{
  /*background-color : orange;*/
  padding-left : 50px;
  padding-top : 30px;
  font-family : arial;
  color : #999;
  font-size : 11px;
}

#welcome span{
  color : rgb(193,10,30);
  font-weight : bold;
}

#login_compte td{
  /*background-color : blue;*/
  height : 25px;
  /*width : 40px;*/
  /*border : 1px solid black;*/
  /*padding-left : 20px;*/
  text-align : center;
}

#login_compte table{
  margin-left : 50px;
  margin-top : 0px;
}

#login_compte td.icone{
  text-align : right;
  margin-left : 0px;
  padding-top : 0px;
  width : 20px;
  height : 10px;
}

#login_compte td.icone a img{
  width : 16px;
  height : 16px;
}


#login_compte td.text{
  text-align : left;
  font-family : arial;
  text-decoration : none;
  padding-bottom : 10px;
}

#login_compte td.text a:link, a:visited, a:hover, a:active, a:focus{
  text-decoration : none;
  color : gray;
}

#login_compte table a{
  font-family : arial;
  font-size : 9px;
}



#login_compte img{
  /*background-color : blue;*/
  padding : 0px;
}

#login_compte p{
  /*background-color : green;*/
  margin-bottom : 0px;
  padding-top : 10px;
}

#login_compte p strong{
  font-weight : bold;
  color : black;
  font-size : 12px;
  font-family : arial;
  /*background-color : red;*/
  height : 40px;
}

#notes{
  width:200px;
  height : 270px;
  /*ackground-color : red;*/
  text-align : left;
}

#notes h2{
  text-align : center;
  padding-top : 10px 0px 0px 0px;
}

#notes ul{
  list-style-type : none;
  padding : 10px;
  width : 200px;
}

#notes ul li{
  padding-bottom : 8px;
}

#notes ul li img{
  float : left;
  margin-right : 20px;
}

#notes ul li div.jauge{
  position : relative;
  /*background-color : rgb(200,200,200);*/
  width : 120px;
  height : 10px;
  z-index : 1;
  float : left;
  margin-right : 10px;
 /*background-image : url('../images/cachejauge.png');
  background-repeat : no-repeat;
  background-position : 3px 5px;*/
  background : url('../images/cachejauge.png') no-repeat 60px 0px rgb(200,200,200);
}

#statsparf span a{
  color : rgb(193,10,30);
}
/************************controles***********************************************/
#inscription dl dd .rose{
  border : 1px solid #E39991;
}
/**************************winners*******************************************/
/**********************************WINNERS*******************************************/
#etoiles{
  display : block;
  clear : both;
  width: 150px;
  height : 79px;
  background : url('../images/gagnants.png') no-repeat;
  padding-top : 50px;
  position:absolute;
    top : 300px;
  left:0px;
  font-size:11px;
}

#etoiles a{
  margin-left : 15px;
  text-decoration : underline;
  color:#000000;
  font-family:arial;
  font-weight : bold;
}

#etoiles a:hover{
  color : rgb(150,21,26);
}