html, body {
    margin-left: 45px;
  margin-right: 40px;

}

ul#menu_horizontal li { 

display : inline;

padding : 0 0.5em; /* Pour espacer les boutons entre eux */

}

ul#menu_horizontal {

list-style-type : none; /* Car sinon les puces se placent n'importe où */

}

ul#menu li { 

display : inline;

padding : 0 0.5em; /* Pour espacer les boutons entre eux */

}

ul#menu {

list-style-type : none; /* Car sinon les puces se placent n'importe où */

}

#column1 {
  float:left;
  width: 34%;
  background-color:#FDF1B8;
  height: 100%;
}

#column2 {
  float:left;
  width: 32%;
  background-color:#FEFEE2;
}

#column3 {
  float:left;
  width: 34%;
  background-color:#BBD2E1;
}

#col1 {
  float:left;
  width: 34%;
  background-color:#FDF1B8;
}

#col2 {
  float:left;
  width: 32%;
  background-color:#FEFEE2;
}

#col3 {
  float:left;
  width: 34%;
  background-color:#BBD2E1;
}

#yi {
  float:left;
  width: 33%;
}

#yo {
  float:left;
  width: 33%;
}

#ya {
  float:left;
  width: 33%;
}

#yo img {vertical-align:middle}
#yi img {vertical-align:middle}
#ya img {vertical-align:middle}


/* arrondir les bords d'un bouton */
.riolo1
{
border-radius: 10px;
background-color:#00FF00;
font-size: 1.5em; /* taille des caractères de la cagnotte */
}
.riolo2
{
border-radius: 10px;
background-color:#54F98D;
font-size: 1em; /* taille des caractères de la cagnotte */
}


/* couleur fond d'écran */ 
.kaba1 {
color:black;
background-color:#FFFFFF;
} 
.kaba2 {
color:black;
background-color:#FFFFFF;
}
.kaba3 {
color:black;
background-color:#FFFFFF;
}
.kaba4 {
color:black;
background-color:#FEE7F0;
}


/* couleur titre et texte au choix */
h3
{
color: fuchsia;
}

mark
{
/* background-color: red; */
color: green;
}

div.pieddepage1{
background-color: #F1F2F6;
}

div.entête{
background-color: #F1F2F6;
}

div.mainbody{
background-color: #C4FCCA;
}

.agrandir
{
width: 300px;
height: 30px;
}