body.fond
{
/*background-color: #b0c957;*/
background-image:url("../images/fond4.png");
background-repeat: repeat;
}

#global
{
position: relative;
width: 1024px;
height: 924px;
margin: 0px auto;
overflow: hidden;
background-image:url("../images/fond3.png");
}

#connect
{
text-align: center;
width: 90%;
height: 100px;
padding: 3px;
position: relative;
top: 5px;
left: 5%;
background-image:url("../images/fond_insc.png");
}

#global_pop
{
width: 400px;
height: 400px;
margin: 0px auto;
overflow: hidden;
background-image:url("../images/fond3.png");
}
#titre
{
/*la zone de titre*/
width: 1024px;
height: 138px;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
/*background-color: red;*/
}

#colG
{
/*la colonne de gauche*/
width: 200px;
height: 786px;
position: absolute;
top: 15%;
left: 0px;
color: #ffffff;
/*border: ridge 4px #4e2f0b;*/
/*background-color: blue;*/
}
#milieu
{
/*la zone du centre*/
width: 624px;
height: 692px;
position: absolute;
top: 15%;
left: 200px;
text-align: center;
/*background-color: black;*/
}

#milieu_1
{
width: 50%;
height: 50%;
position: absolute;
top: 0px;
left: 0px;
/*background-color: purple;*/
}

#milieu_2
{
width: 50%;
height: 50%;
position: absolute;
top: 0px;
left: 50%;
/*background-color: blue;*/
}
#milieu_3
{
width: 50%;
height: 50%;
position: absolute;
top: 50%;
left: 0px;
/*background-color: yellow;*/
}
#milieu_4
{
width: 50%;
height: 50%;
position: absolute;
top: 50%;
left: 50%;
text-align: center;
/*background-color: white;*/
}

.img1
{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

.img2
{
height: 60%;
position: relative;
top: 50px;
z-index: 2;
}

#colD
{
/*la colonne de droite*/
width: 200px;
height: 786px;
position: absolute;
top: 15%;
left: 824px;
/*background-color: yellow;*/
}

#bdp
{
/*le bas de page*/
width: 624px;
height: 94px;
position: absolute;
top: 90%;
left: 200px;
text-align: center;
/*background-color: white;*/
}

.lien1
{
vertical-align: top;
color: #4e2f0b;
position: relative;
top: 3px;
left: -18px;
}

.lien2
{
color: #b3512a;
font-size: 12px;
position: relative;
top: -10px;
left: -7px;
}

.lien3
{
color: #b3512a;
}

.alignement
{
position: relative;
top: 40px;
text-align: center;
}

ul.puces 
{
list-style-image: url(../images/bouton2.png);
left: 10px;
position: relative;
}

ul.puces2 
{
list-style-image: url(../images/bouton3.png);
left: -20px;
position: relative;
}

.texte1
{
color: #b3512a;
position: relative;
top: 10px;
left: 7px;
}

.texte2
{
position: relative;
top: 30%;
text-align: center;
font-size: 19px;
color: #4e2f0b;
}

.texte3
{
font-size: 17px;
color: #4e2f0b;
font-weight: bold ;
}

.texte_milieu
{
font-size: 17px;
color: #4e2f0b;
font-weight: bold ;
position: relative;
top: 20px;
z-index: 3;
text-decoration: underline;
}

.texte4
{
text-align: center;
font-size: 12px;
color: #4e2f0b;
font-weight: bold ;
}

.texte5
{
vertical-align: top;
color: #4e2f0b;
font-weight: bold ;
position: relative;
top: 3px;
left: -18px;
}

.texte_ecobio
{
position: relative;
z-index: 4;
color: #4e2f0b;
margin: 0 30 0 30;
text-align: justify;
}

a:link 
{ 
font-weight: bold ;
text-decoration: none; 
}

a:visited 
{
font-weight: bold ;
text-decoration: none;
}

a:hover 
{ 
color: #5e2c11 ; 
text-decoration: none ; 
}