body {
color:#FFFFFF;
margin: 0;
padding: 0;
background:#118021;
font-weight: bold;
text-align : center;
font-family: arial;
}
body.vert {
background:#118021;
color:#FFFFFF;
font-weight:bold;
text-align: center;
margin-top: 10px;
font-family: arial;
}
body.jaune {
background:#FFFF00;
color:#00000;
font-weight:bold;
text-align : center;
}
body.palmares {
background:#118021;
color:#000000;
margin-top: 10px;
font-family: arial;
}
body.bleu {
background:#0066FF;
color:#FFFFFF;
font-weight:bold;
text-align: center;
margin-top: 10px;
}
body.listing {
background:#CCCCFF;
color:#000000;
margin-top: 10px;
}
#header {
height: 70px;
font-size: 30pt;
padding:10px;
}
#haut {
height:30px;
color: #FFFFFF;
background-color: #FF9900;
text-decoration: none;
font-weight: bold;
text-align: center;
display: block;
font-size: 16pt;
padding:2px;
}
#centre {
margin-left: 250px;
margin-right: 250px;
height: 465px;
text-align: center;
}
#gauche {
position: absolute;
left:0;
width: 300px;
text-align : left;
font-size: 16pt;
line-height:22px;
}
#droite {
position: absolute;
right:0;
width: 300px;
text-align : left;
font-size: 16pt;
line-height:22px;
}
#gauche1 {
position: absolute;
left:0;
width: 400px;
text-align : center;
font-size: 16pt;
line-height:22px;
}
#droite1 {
position: absolute;
right:0;
width: 400px;
text-align : center;
font-size: 16pt;
line-height:22px;
}
.chapitre {
height:30px;
color: #FFFFFF;
background-color: #FF9900;
text-decoration: none;
font-weight: bold;
text-align: center;
display: block;
font-size: 16pt;
padding:0px;
}
.menugauche {
list-style-type:disc;
list-style-position:inside;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #FFFFFF;
text-decoration: none;
font-size: 12pt;
}
.menugauche a:hover {
text-decoration: none;
color:#ffff33;
}
.menudroit {
list-style-type:disc;
list-style-position:inside;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #FFFFFF;
text-decoration: none;
font-size: 12pt;
}
.menudroit a:hover {
text-decoration: none;
color:#ffff33;
}
img.TC{
width:150px;
border:0px;
}
img.TCV{
width:100px;
border:0px;
}
img.TP{
width:360px;
border:0px;
}
img.LG{
width:100px;
border:0px;
}
img.ping{
border:4px solid #FF0000;
width:450px;
}
img.pong{
width:100px;
height:100px;
border:0px;
}
img.chant{
border:4px solid #118021;
width:250px;
}
img.TChat{
width:200px;
border:0px;
}
img.PC{
width:152px;
border:0px;
}
img.BT{
width:40px;
height:40px;
border:0px;
}
img.BA{
width:120px;
height:43px;
border:0px;
}
img.BH{
width:50px;
height:50px;
border:0px;
}
img.BD{
width:120px;
height:60px;
border:0px;
}
img.VD{
width:350px;
border:0px;
}
#cadre1360 {
position: relative;
width: 1360px;
margin: 0 auto; 
}
#cadre1210 {
position: relative;
width: 1210px;
margin: 0 auto; 
}
#cadre1150 {
position: relative;
width: 1150px;
margin: 0 auto;
}
#cadre1100 {
position: relative;
width: 1100px;
margin: 0 auto;
}
#cadre1040 {
position: relative;
width: 1040px;
margin: 0 auto;
}
#cadre990 {
position: relative;
width: 990px;
margin: 0 auto;
}
#cadre980 {
position: relative;
width: 980px;
margin: 0 auto;
}
#cadre945 {
position: relative;
width: 945px;
margin: 0 auto; 
}
#cadre865 {
position: relative;
width: 865px;
margin: 0 auto; 
}
#cadre465 {
position: relative;
width: 465px;
margin: 0 auto; 
}
#cadredisney {
position: relative;
width: 965px;
margin: 0 auto;
}
.titre {
font-weight:bold;
font-size:16pt;
color:white;
}
.palm {
font-weight:normal;	
font-size:12pt;
color:white;
}
.titremed {
font-weight:bold;
font-size:32pt;
color:white;
}
.privé {
font-weight:bold;
font-size:18pt;
color:white;
}
 #bouton-chanson a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display: block;
  margin-top:12px;
  font-size: 14pt;
  width: 150px;
  height: 50px;
  padding-top: 2mm;
}
#bouton-chanson a:hover {
  background-color: #CC0000;
  border: 5px inset white;
}
#bouton-retour a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display:inline; 
  margin-top:12px;
  font-size: 14pt;
  width: 120px;
  }  
#bouton-retour a:hover {
  background-color: #CC0000;
  border: 5px inset white; 
  } 
#bouton-lien a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  text-align : center ;
  font-weight: bold;
  border: 5px outset ;
  display:inline; 
  margin-top:5px;
  font-size: 12pt;
  width: 210px;
  height: 180px;
  float: left;
  margin-left: 10px;
  }  
#bouton-lien a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  }   
#bouton-double a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset;
  display:inline; 
  margin-top:5px;
  font-size: 12pt;
  width: 160px;
  height: 130px;
  float: left;
  margin-left: 3px;
  vertical-align: middle;
  } 
#bouton-double a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  } 
#bouton-double-haut a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset;
  display:inline; 
  margin-top:5px;
  font-size: 12pt;
  width: 160px;
  height: 270px;
  float: left;
  margin-left: 3px;
  vertical-align: middle;
  } 
#bouton-double-haut a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  } 
#bouton-pins a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset #FF9900;
  display:inline; 
  margin-top:5px;
  font-size: 12pt;
  width: 160px;
  height: 190px;
  float: left;
  margin-left: 3px;
  }  
#bouton-pins a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  }  
 #bouton-expo a {
  color: white;
  background-color: white;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset #FF9900;
  display:inline; 
  margin-top:5px;
  font-size: 12pt;
  width: 370px;
  height: 520px;
  float: left;
  margin-left: 23px;
  }  
#bouton-expo a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  }   
 #bouton-telecarte a {
  text-decoration: none;
  font-weight: bold;
  border: 2px solid white;
  display:inline; 
  margin-top:3px;
  font-size: 12pt;
  width: 150px;
  height: 95px;
  float: left;
  margin-left: 3px;
  }  
#bouton-telecarte a:hover {

  }   
#bouton-telecarte-vertical a {
  text-decoration: none;
  font-weight: bold;
  border: 3px solid white;
  display:inline; 
  margin-top:3px;
  font-size: 12pt;
  width: 108px;
  height: 160px;
  float: left;
  margin-left: 9px;
  }  
#bouton-telecarte-vertical a:hover {

  } 
#bouton-medaille-36 a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset #FF9900;
  display:inline; 
  margin-top:10px;
  font-size: 12pt;
  width: 155px;
  height: 150px;
  float: left;
  margin-left: 20px;
  }  
#bouton-medaille-36 a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  } 
#bouton-medaille-47 a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset #FF9900;
  display:inline; 
  margin-top:10px;
  font-size: 12pt;
  width: 195px;
  height: 195px;
  float: left;
  margin-left: 15px;
  }  
#bouton-medaille-47 a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  }
#bouton-medaille-51 a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset #FF9900;
  display:inline; 
  margin-top:10px;
  font-size: 12pt;
  width: 230px;
  height: 230px;
  float: left;
  margin-left: 25px;
  }  
#bouton-medaille-51 a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  }
#bouton-medaille-66 a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset #FF9900;
  display:inline; 
  margin-top:10px;
  font-size: 12pt;
  width: 290px;
  height: 290px;
  float: left;
  margin-left: 30px;
  }  
#bouton-medaille-66 a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  }  
 #bouton-medaille-00 a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset #FF9900;
  display:inline; 
  margin-top:10px;
  font-size: 12pt;
  width: 320px;
  height: 315px;
  float: left;
  margin-left: 10px;
  } 
#bouton-medaille-00 a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  }
#bouton-porteclefs a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset #FF9900 ;
  display:inline; 
  margin-top:10px;
  font-size: 12pt;
  width: 220px;
  height: 375px;
  float: left;
  margin-left: 25px;
  }  
#bouton-porteclefs a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  }
#bouton-photo a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  border: 5px outset #FF9900;
  display:inline; 
  margin-top:5px;
  font-size: 12pt;

  float: left;
  margin-left: 3px;
  }  
#bouton-photo a:hover {
  background-color: #CC0000;
  border: 5px outset; 
  } 
#container {
    position:relative;
    height:70px;
    width:100%;
}
#container div {
    background:grey;
    width:120px;
}

#back a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display:inline; 
  font-size: 14pt;
  width: 50px;
  float: none;
  position:absolute;
  left:50%;
  margin-left:-120px;
  bottom:1px;
  }  
#back a:hover {
  background-color: #CC0000;
  border: 5px inset white; 
  }
 #next a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display:inline; 
  margin-top:12px;
  font-size: 14pt;
  width: 50px;
  float: none;
  position:absolute;
  left:50%;
  margin-left:90px;
  bottom:1px;
  }  
#next a:hover {
  background-color: #CC0000;
  border: 5px inset white; 
  } 

 #home a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display:inline; 
  margin-top:12px;
  font-size: 14pt;
  width: 50px;
  float: none;
  position:absolute;
  left:50%;
  margin-left:-30px;
  bottom:-8px;
  }  
#home a:hover {
  background-color: #CC0000;
  border: 5px inset white; 
  }  
#boutonh a {
  color: white;
  background-color: white;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display:inline; 
  margin-top:12px;
  font-size: 14pt;
  width: 120px;
  line-height:40px;

  float: none;
  position:absolute;
  left:50%;
  margin-left:-50px;
  bottom:0px;
  }  
#boutonh a:hover {
  background-color: #CC0000;
  border: 5px inset white; 
  }  
form {
  /* Uniquement centrer le formulaire sur la page */
  margin: 0 auto;
  width: 510px;
  /* Encadré pour voir les limites du formulaire */
  padding: 1em;
  border: 1px solid #CCC;
  border-radius: 1em;
  
}
#bg a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display:inline; 
  font-size: 14pt;
  width: 120px;
  float: none;
  position:absolute;
  left:50%;
  margin-left:-190px;
  bottom:1px;
  }  
#bg a:hover {
  background-color: #CC0000;
  border: 5px inset white; 
  }
#bd a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display:inline; 
  margin-top:12px;
  font-size: 14pt;
  width: 120px;
  float: none;
  position:absolute;
  left:50%;
  margin-left:90px;
  bottom:1px;
  }  
#bd a:hover {
  background-color: #CC0000;
  border: 5px inset white; 
  } 
 
#bm a {
  color: white;
  background-color: white;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display:inline; 
  margin-top:12px;
  font-size: 14pt;
  width: 120px;
  line-height:40px;

  float: none;
  position:absolute;
  left:50%;
  margin-left:-50px;
  bottom:1px;
  }  
#bm a:hover {
  background-color: #CC0000;
  border: 5px inset white; 
  } 
  #bgg a {
  color: white;
  background-color: #FF9900;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  border: 5px outset white;
  display:inline; 
  font-size: 14pt;
  width: 120px;
  float: none;
  position:absolute;
  left:50%;
  margin-left:230px;
  bottom:1px;
  }  
#bgg a:hover {
  background-color: #CC0000;
  border: 5px inset white; 
  }