body {
margin: 0;/* sans marges, la page sera collée aux bords */
font-family: verdana, arial, sans-serif; /* on définit la police de base dans la page */
font-size: 12px; /* on définit la taille de police de base dans la page */
}

#global {
margin-top: 10px;
margin-bottom: 10px;
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: 770px;
text-align: left;
border: 1px solid black;
background-color: #AFCB77;
}

.head {
background-image: url('images/header.gif');
border-bottom: 1px solid white;
width: 770px;
height: 70px;
}

.head #acf-ban {
float:right;
margin-top:4px;
width:468px;
height:60px;
}

.menu {
border-bottom: 1px solid white;
width: 760px;
height: 26px;
}


.gauche {
position: absolute;
margin-top: 0px;
left:0; /* on place le bloc gauche à gauche en position absolue */
width: 230px;
color: black;
height:720px;
overflow:hidden;
}

.centre, .centregame {
margin-left: 230px; /* on place le bloc centre par rapport à la largeur du bloc gauche */
width: 540px;
margin-top: 0px;
/*margin-bottom: 50px;*/
background-color: #FFFFFF;;
height: 720px;
}

html>body .gauche,html>body .centre, html>body .centregame{
height: auto;
min-height: 720px;
}

.centregame{
width:100%;
text-align:center;
margin-left:0;
}

#skyscrapper {
position:absolute;
top:100px;
left:1024px;
}

#bottom-sky {
position:absolute;
top:780px;
left:1038px;
}

.centre a img{
border:2px outset gray;
margin-left:5px;
}

.centre a:hover{
border:0px;
}

.centre a:hover img{
border:2px dotted #AFCB77;
}

.centre a{
color:brown;
}

.footer {
margin-top: -21px;
position: absolute;
background-color: #F89800;
width: 770px;
height: 26px;
border-top: 1px solid white;
text-align: center;
color: black;
}

.footer span{
line-height:26px;
}

.footer img{
vertical-align:middle;
}

.recherche { 
border-bottom: 1px solid white;
margin-left: 0px;
margin-top: 0px;
width: 230px;
height: 40px;
background-color: black;
text-align: center;
color: white;
}

.bloc1 { 
border-bottom: 1px solid white;
margin-left: 0px;
margin-top: 0px;
width: 230px;
height: 145px;
background-color: #F4D16D;
text-align: left;
color: black;
}
.bloc1 ul{
margin:0px;
margin-left:15px;
}
.bloc2 {
border-bottom: 1px solid white;
margin-left: 0px;
margin-top: 0px;
width: 230px;
height: 200px;
background-color: #97C8D9;
text-align: left;
color: black;
}
.bloc3 { 
margin-left: 0px;
margin-top: 0px;
width: 230px;
height:200px;
background-color: #AFCB77;
color: black;
text-align: left;
}
html>body .bloc3{
height: auto;
min-height: 200px;
}
.bloc3 ul{
margin:0px;
margin-left:15px;
}
.mcatdebut { 
border-right: 1px solid white;
border-left: 1px solid white;
margin-left: 0px;
margin-top: 0px;
width: 32px;
height: 26px;
background-color: #4C781F;
color: black;
text-align: center;
}
.mcatfin { 
border-right: 1px solid white;
border-left: 1px solid white;
margin-left: 732px;
margin-top: -26px;
width: 36px;
height: 26px;
background-color: #4C781F;
color: black;
text-align: center;
}
.mcat1 { 
border-right: 1px solid white;
border-left: 1px solid white;
margin-left: 30px;
margin-top: -26px;
width: 117px;
height: 26px;
background-color: #5C9227;
color: black;
/*text-align: center;*/
text-indent:10px;

}
.mcat2 { 
border-right: 1px solid white;
border-left: 1px solid white;
margin-left: 147px;
margin-top: -26px;
width: 117px;
height: 26px;
background-color: #5C9227;
color: black;
text-align: center;
}
.mcat3 { 
border-right: 1px solid white;
border-left: 1px solid white;
margin-left: 264px;
margin-top: -26px;
width: 117px;
height: 26px;
background-color: #5C9227;
color: black;
text-align: center;

}
.mcat4 { 
border-right: 1px solid white;
border-left: 1px solid white;
margin-left: 381px;
margin-top: -26px;
width: 117px;
height: 26px;
background-color: #5C9227;
color: black;
text-align: center;

}
.mcat5 { 
border-right: 1px solid white;
border-left: 1px solid white;
margin-left: 498px;
margin-top: -26px;
width: 117px;
height: 26px;
background-color: #5C9227;
color: black;
text-align: center;

}
.mcat6 { 
border-right: 1px solid white;
border-left: 1px solid white;
margin-left: 615px;
margin-top: -26px;
width: 117px;
height: 26px;
background-color: #5C9227;
color: black;
text-align: center;
}
.puce { 
float: left;
margin-left: 4px;
margin-top: 7px;
width: 18px;
height: 21px;
background-image: url('images/puce.gif');

}
.champrecherche { 
margin-top: 4px;
margin-left: 32px;
}
.lienmenu { 
margin-left: 20px;
text-align:center;
float: left;
margin-top: 6px;
color: black;
font-family: tahoma;
font-size: 110%;
}

.texterecherche { 
float: left;
margin-top: 10px;
color: white;
font-family: tahoma;
font-size: 110%;
margin-left: 5px;
}
.textebloc { 
width: 180px;
float: left;
margin-top: 5px;
color: black;
font-family: tahoma;
font-size: 110%;
margin-left: 15px;
}
.centrebloc4 { 
position: absolute; 
float:right;
height: 295px;
width: 540px;
float: left;
margin-top: 205px;
color: black;
background-color: #CDD4DC;

}

.traitcentre { 
position: absolute; 
height: 700px;
width: 2px;
margin-top: 5px;
color: black;
background-color: #CDD4DC;
margin-left: 330px;
}
.centre2 { 
position: absolute; 
width: 200px;
margin-top: 5px;
color: black;
margin-left: 338px;
}
.centre1 { 
position: absolute; 
width: 300px;
margin-top: 5px;
color: black;
margin-left: 8px;
}


a
{
text-decoration: none; 
color: black;
}
.photo { 
float:left;
margin-left: 6px;
margin-top: 5px;

}