body{
background-image:url("fond.jpg");
font-family: Times;
}

a{
text-decoration:none;
border:0px;
color:rgb(46,220,249);
}
a:hover{
color:rgb(150,150,150);
}

.tout{
width:100%;
height:100%;
}

.tout2{
position:absolute;
left:2%;
top:4%;
width:96%;
height:96%;
}

.tout3{
position:absolute;
left:0%;
top:0%;
width:100%;
height:100%;
}

#fed{
position:absolute;
left : 3%;
top : 6%;
height : 9%;
}

#contenu{
width:810px;
height:530px;
position:absolute;
}

.haut{
position:absolute;
top:9%;
width : 96%;
left : 2%;
text-align :left;
font-size : 20pt;
font-style:italic;
height : 8%;
border-bottom : solid rgb(46,220,249) 5px ; 
color : rgb(62,232,117);
}

.droite{
position:absolute;
top:11%;
width:15%;
left :82%;
}

.texte{
position:absolute;
top:28%;
width:45%;
height:65%;
left :5%;
color:rgb(150,150,150);
}

.texte31{
position:absolute;
top:28%;
width:53%;
height:65%;
left :5%;
color:rgb(150,150,150);
}

.grandtexte{
position:absolute;
top:30%;
width:77%;
height:60%;
left :5%;
color:rgb(150,150,150);
}

.texte41{
position:absolute;
top:28%;
width:44%;
height:55%;
left :5%;
color:rgb(150,150,150);
}

.texte51{
position:absolute;
top:38%;
width:44%;
height:55%;
left :51%;
color:rgb(150,150,150);
}

.texte2{
position:absolute;
padding-right:1%;
top:29%;
width:43%;
height:63%;
left :5%;
color:rgb(150,150,150);
text-align:justify;
overflow : auto;
}

.texte3{
position:absolute;
padding-right:1%;
padding-left:1%;
top:29%;
width:50%;
height:63%;
left :5%;
color:rgb(150,150,150);
text-align:justify;
overflow : auto;
}

.grandtexteb{
position:absolute;
padding-right:1%;
padding-left:1%;
top:34%;
width:90%;
height:60%;
left :5%;
color:rgb(150,150,150);
text-align:justify;
overflow : auto;
}

.grandtexteb2{
position:absolute;
padding-right:1%;
padding-left:1%;
top:32%;
width:90%;
height:65%;
left :5%;
color:rgb(150,150,150);
text-align:justify;
overflow : auto;
}

.texte4{
position:absolute;
padding-right:1%;
padding-left:1%;
top:29%;
width:41%;
height:53%;
left :5%;
color:rgb(150,150,150);
text-align:justify;
overflow : auto;
}

.texte5{
position:absolute;
padding-right:1%;
padding-left:1%;
top:39%;
width:41%;
height:53%;
left :51%;
color:rgb(150,150,150);
text-align:justify;
overflow : auto;
}

.contact{
position:absolute;
top:30%;
width:45%;
height:55%;
left :52%;
color:rgb(150,150,150);
text-align:center;
font-style:italic;
}

.contact2{
position:absolute;
top:30%;
width:35%;
height:30%;
left :60%;
color:rgb(150,150,150);
text-align:left;
font-style:italic;
}

.contact3{
position:absolute;
top:58%;
height:35%;
left :60%;
color:rgb(150,150,150);
text-align:left;
font-style:italic;
}

.contact3b{
position:absolute;
top:65%;
height:28%;
width:45%;
left :52%;
color:rgb(150,150,150);
text-align:left;
font-style:italic;
}

.contact4{
position:absolute;
top:0%;
height:100%;
left :0%;
color:rgb(150,150,150);
text-align:left;
font-style:italic;
}

.contact5{
position:absolute;
top:20%;
height:95%;
width:60%;
left :40%;
color:rgb(150,150,150);
text-align:left;
font-style:italic;
}


h3{
color:rgb(46,220,249);
text-align:left;

}

h2{
color:rgb(46,220,249);
}

#b0{
position:absolute;
margin:0%;
left:2.5%;
top:18.5%;
width:9.5%;
height:5%;
background:rgb(46,220,249);
color:white;
text-align:center;
padding-top : 1%;
padding-right : 0%;
padding-left : 0%;
}

#b0:hover{
background:rgb(150,150,150);
}
#b1:hover{
background:rgb(150,150,150);
}
#b2:hover{
background:rgb(150,150,150);
}
#b3:hover{
background:rgb(150,150,150);
}
#b4:hover{
background:rgb(150,150,150);
}
#b5:hover{
background:rgb(150,150,150);
}


#b1{
position:absolute;
margin:0%;
padding:0%;
left:12.5%;
top:18.5%;
width:11%;
height:5%;
background:rgb(46,220,249);
color:white;
text-align:center;
padding-top : 1%;
}

#b2{
position:absolute;
margin:0%;
padding:0%;
left:24%;
top:18.5%;
width:16%;
height:5%;
background:rgb(46,220,249);
color:white;
text-align:center;
padding-top : 1%;
}

#b3{
position:absolute;
margin:0%;
padding:0%;
left:40.5%;
top:18.5%;
width:16%;
height:5%;
background:rgb(46,220,249);
color:white;
text-align:center;
padding-top : 1%;
}

#b4{
position:absolute;
margin:0%;
padding:0%;
left:57%;
top:18.5%;
width:14.5%;
height:5%;
background:rgb(46,220,249);
color:white;
text-align:center;
padding-top : 1%;
}

#b5{
position:absolute;
margin:0%;
padding:0%;
left:72%;
top:18.5%;
width:9.5%;
height:5%;
background:rgb(46,220,249);
color:white;
text-align:center;
padding-top : 1%;
}

#basg{
position:absolute;
top:0%;
left:5%;
width:90%;
text-align:right;
font-style:italic;
font-size : 18px;
}

#basm{
position:absolute;
top:0%;
left:20%;
font-style:italic;
font-size : 18px;
}

#basd{
position:absolute;
top:96.5%;
left:78%;
font-style:italic;
font-size : 15px;
}

.moyentexte{
position:absolute;
padding-right:1%;
padding-left:1%;
top:10%;
width:70%;
left :15%;
color:rgb(150,150,150);
}