body{
margin:0px;
font-size:15pt;
background:#EFFBF8;
font-family: Verdana, sans-serif;
color: black;
background-image:url(BachgroundSiteMaths.png);
}
#header{
height:120px;
//background:#EFFBF8;
//background:#2F2F2E;
background:darkgreen;
color:white;
font-size:45pt;
//text-align: center;
padding-top:30px;
padding-left:80px;
    }
Encadrer{
padding : 10px 10px 10px 10px;
border-width:10px;
border-style: none;
border-color:white;
background-color:green; 
border-radius: 10px;
}
MargeTitre{
//margin-top : 30px;
margin-left: 150px;
}
#headerter{
height:100px;
background:lightblue;
//background:#B404AE;
//background:#2F2F2E;
color:white;
font-size:45pt;
text-align: center;
    }
#headerquater{
height:30px;
background:blue;
//background:#B404AE;
//background:#2F2F2E;
color:white;
font-size:10pt;
text-align: center;
    }
#headerbis{
height:80px;
background:blue;
color:white;
font-size:25pt;
text-align: center;
    }
.bouton a {
font-size:15pt;
display:block;
width:300px;
line-height:200px;
text-align:center;
vertical-align:middle;
background-color:lightblue;
font-weight:bold;
color:white;
text-decoration:none;
}
.bouton a:hover {
	font-size:20pt;
display:block;
width:300px;
line-height:200px;
text-align:center;
vertical-align:middle;
background-color: white;
font-weight:bold;
color:blue;
text-decoration:none;
<!--background:url(ImageBoutonBleuGrise.jpg)-->
} 
  
.boutonbis a {
font-size:25pt;
display:block;
width:300px;
line-height:200px;
text-align:center;
vertical-align:middle;
background-color:blue;
font-weight:bold;
color:white;
text-decoration:none;
}
.boutonbis a:hover {
	font-size:35pt;
display:block;
width:450px;
line-height:300px;
text-align:center;
vertical-align:middle;
background-color: white;
font-weight:bold;
color:blue;
text-decoration:none;
<!--background:url(ImageBoutonBleuGrise.jpg)-->
}  

.boutonter a {
font-size:15pt;
display:block;
width:353px;
line-height:100px;
text-align:center;
vertical-align:middle;
background-color:#EFFBF8;
font-weight:normal;
color:darkgreen;
text-decoration:none;
}
.boutonter a:hover {
	font-size:17pt;
display:block;
width:355px;
line-height:100px;
text-align:center;
vertical-align:middle;
background-color: white;
font-weight:bold;
font-style:italic;
color:blue;
text-decoration:none;
<!--background:url(ImageBoutonBleuGrise.jpg)-->
}  

.boutonpenterL2 a {
font-size:15pt;
display:block;
width:400px;
line-height:100px;
text-align:center;
vertical-align:middle;
background-color:white;
font-weight:normal;
color:black;
font-family: Verdana, sans-serif;
text-decoration:none;
border: 3px  black double;
border-radius: 10px;
}
.boutonpenterL2 a:hover {
	font-size:15pt;
display:block;
width:400px;
line-height:100px;
text-align:center;
vertical-align:middle;
background-color: grey;
font-weight:bold;
font-style:italic;
color:white;
text-decoration:none;
border: 3px  darkgreen double;
border-radius: 10px;
<!--background:url(ImageBoutonBleuGrise.jpg)-->
}  
.boutonpenter a {
font-size:15pt;
display:block;
width:200px;
line-height:100px;
text-align:center;
vertical-align:middle;
background-color:white;
font-weight:normal;
color:black;
font-family: Verdana, sans-serif;
text-decoration:none;
border: 3px  black double;
}
.boutonpenter a:hover {
	font-size:14pt;
display:block;
width:200px;
line-height:100px;
text-align:center;
vertical-align:middle;
background-color: darkgreen;
font-weight:bold;
font-style:italic;
color:white;
text-decoration:none;
border: 3px  darkgreen double;
<!--background:url(ImageBoutonBleuGrise.jpg)-->
}
.boutonpenterbis a {
    font-size:15pt;
    display:block;
    width:800px;
    line-height:30px;
    text-align:center;
    vertical-align:middle;
    background-color:white;
    font-weight:normal;
    color:darkgreen;
    font-family: Verdana, sans-serif;
    text-decoration:none;
    border: 3px  darkgreen double;
}
.boutonpenterbis a:hover {
    font-size:14pt;
    display:block;
    width:800px;
    line-height:30px;
    text-align:center;
    vertical-align:middle;
    background-color: darkgreen;
    font-weight:bold;
    font-style:italic;
    color:white;
    text-decoration:none;
    border: 3px  darkgreen double;
    <!--background:url(ImageBoutonBleuGrise.jpg)-->
}
.boutonIns a {
    font-size:12pt;
    display:block;
    width:80px;
    line-height:20px;
    text-align:center;
    vertical-align:middle;
    background-color:lightblue;
    font-weight:normal;
    color:white;
    font-family: Verdana, sans-serif;
    text-decoration:none;
    border: 3px  darkgreen double;
}
.boutonIns a:hover {
    font-size:14pt;
    display:block;
    width:100px;
    line-height:60px;
    text-align:center;
    vertical-align:middle;
    background-color: darkgreen;
    font-weight:bold;
    font-style:italic;
    color:white;
    text-decoration:none;
    border: 3px  darkgreen double;
    <!--background:url(ImageBoutonBleuGrise.jpg)-->
}
.boutonsexter a {
font-size:12pt;
display:block;
width:155px;
line-height:20px;
text-align:center;
vertical-align:middle;
background-color:white;
font-weight:normal;
color:darkgreen;
font-family: Verdana, sans-serif;
text-decoration:none;
border: 3px  darkgreen double;
}
.boutonsexter a:hover {
	font-size:12pt;
display:block;
width:155px;
line-height:20px;
text-align:center;
vertical-align:middle;
background-color: darkgreen;
font-weight:bold;
font-style:italic;
color:white;
text-decoration:none;
border: 3px  darkgreen double;
<!--background:url(ImageBoutonBleuGrise.jpg)-->
}  
.boutonsepter a {
font-size:20pt;
display:block;
width:455px;
line-height:40px;
text-align:center;
vertical-align:middle;
background-color:white;
font-weight:normal;
color:darkgreen;
font-family: Verdana, sans-serif;
text-decoration:none;
border: 3px  darkgreen double;
}
.boutonsepter a:hover {
	font-size:12pt;
display:block;
width:455px;
line-height:40px;
text-align:center;
vertical-align:middle;
background-color: darkgreen;
font-weight:bold;
font-style:italic;
color:white;
text-decoration:none;
border: 3px  darkgreen double;
<!--background:url(ImageBoutonBleuGrise.jpg)-->
} 
.grise {
 border:1px solid black; 
 background-color:silver;
 }
form {
 background-color:#FAFAFA;
 padding:3px;
 width:800px;
//text-align:center;
 }
fieldset {
 padding:0 20px 20px 20px;
 margin-bottom:10px;
 border:1px solid #DF3F3F;
 }
legend {
 color:#DF3F3F;
 font-weight:bold
 }
label {
 //margin-top:10px;
 display:block;
//text-align:center;
 }
label.inline {
 display:inline;
 margin-right:50px;
//text-align:center;
 }
input, textarea, select, option {
 background-color:#FFF3F3;
//text-align:center;
 }
input, textarea, select {
 font-size:25pt;
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:400px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 }
input[type=submit], input[type=reset] {
 width:200px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }