body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url(fondcerclesbleus5.jpg);
background-attachment: fixed;
}


#entete
{
width: 760px;
padding: 5px;
font-size: 22px;
font-family: "Comic Sans MS", Arial, Serif;
border: rgb(255,255,106) solid 2px;
color: rgb(255,255,106);
background-color: black;
text-align: center;
margin: auto;
margin-bottom: 2%;
}

#menuhorizontal
{
list-style-type: none; /*pour enlever les puces*/
color: black;
text-decoration: none;
font-style: italic;
font-size: 15px;
margin-left: 2%;
}

.boutonmenu
{
width: 113px;
margin-left: 3px;
float: left;
padding: 2px;
border: black solid 2px;
text-align: center;
background-image: url(jaunedoubledegrade2.bmp);/*fond de chaque bouton*/
margin-bottom: 20px;
}

.boutonmenugris
{
width: 113px;
margin-left: 3px;
float: left;
padding: 2px;
border: black solid 2px;
text-align: center;
background-color: gray;/*fond de chaque bouton*/
margin-bottom: 20px;
}


#accueil
{
width: 760px;
font-size: 20px;
font-family: "Comic Sans MS", Arial, Serif;
text-align: center;
margin: auto; /*pour centrer*/
margin-top: 2%; /*pour ne pas coller au menu*/
margin-bottom: 4%; /*pour ne pas coller à la suite*/
color: white;
}

#corps-absences
{
width: 70%;
margin: auto; /*pour centrer*/
margin-bottom: 2%;/*pour ne pas coller au dessous*/
margin-top: 5%; /*pour ne pas coller au dessus*/
padding: 5px;
border: none;
background-image: url(jaunedoubledegrade2.bmp);
color: black;
text-align: center;
font-family: "Comic Sans MS", Arial, Serif;
font-size: 15px;
}

#urgences
{
width: 750px;
margin: auto; /*pour centrer*/
margin-bottom: 2%;/*pour ne pas coller au dessous*/
margin-top: 5%; /*pour ne pas coller au dessus*/
padding: 5px;
color: black;
font-weight: bold;
text-align: center;
border: red solid 5px;
text-decoration: none;
font-size: 20px;
background-color: rgb(215,72,72);
}

#actualites
{
list-style-type: none; /*pour enlever les puces*/
color: black;
text-decoration: none;
font-style: italic;
font-size: 15px;
margin-left: 10%;
}

.boutonactualites1
{
width: 180px;
margin-left: 10px;
float: left;
padding: 5px;
border: black solid 5px;
color: black;
text-align: center;
background-image: url(fondvelo2.jpg);
}

#actualites1grand
{
width: 70%;
margin: auto;
margin-bottom: 2%;/*pour ne pas coller au dessous*/
margin-top: 5%; /*pour ne pas coller au dessus*/
padding: 5px;
border: black solid 5px;
color: black;
text-align: center;
background-image: url(fondvelo2.jpg);
}

.boutonactualites2
{
width: 180px;
margin-left: 10px;
float: left;
padding: 5px;
border: black solid 5px;
color: black;
text-align: center;
background-image: url(fondtimbres.jpg);
}


#actualites2grand
{
width: 70%;
margin: auto;
margin-bottom: 2%;/*pour ne pas coller au dessous*/
margin-top: 5%; /*pour ne pas coller au dessus*/
padding: 5px;
border: black solid 5px;
color: black;
text-align: center;
background-image: url(fondtimbres.jpg);
}

.boutonactualites3
{
width: 180px;
margin-left: 10px;
float: left;
padding: 5px;
border: black solid 5px;
color: black;
text-align: center;
background-image: url(jaunedoubledegrade2.bmp);
}

#pied-de-page
{
width: 100%;
margin: auto; /*pour centrer*/
margin-top: 20%;
padding: 5px;
font-family: "Comic Sans MS", Arial, Serif;
font-size: 15px;
background-image: url(jaunedoubledegradefin.bmp);
background-repeat: repeat-x;
line-height: 25px;
text-align: center;
font-style: italic;
color: white;
}


/*Les liens*/
a
{
text-decoration: none;
color: black;
}

a:hover
{
text-decoration: none;
color: red;
}

#accueil a
{
color: white
}

#accueil a:hover
{
text-decoration: none;
color: red;
}

#urgences a
{
color: black;
}

#urgences a:hover
{
text-decoration: none;
color: white;
}

#pied-de-page a
{
color: white
}

#pied-de-page a:hover
{
text-decoration: none;
color: red;
}

/*Mettre en petites capitales*/
.petitescapitales
{
font-variant: small-caps;
}

.souligne
{
text-decoration : underline;
}

.bienvenue
{
font-size: 25px;
text-decoration: underline;
}

.pluspetit
{
font-size: 15px;
}