body
{
margin:0;
padding:0;
background-color:black;

}

#coco
{
width:100%;


}

#coco p
{
position:absolute;
border:1px solid white;
color:white;
width:33%;
height:6%;
top:3.5%;
font-size: 23px;
padding:0.4% 5px;
left:33%;
text-align:center;
}
#lion1
{
position:absolute;
top:3%;
left:29%;
}

#lion2
{
position:absolute;
top:3%;
left:67.5%;
}



#conteneur
{
position:relative;

margin:1%;
padding:15px;
margin-top:8%;

}

#conteneur img
{
width:30%;
margin:1.2%;


}

#a
{
position:relative;
margin:0;
margin-bottom:1%;
width:100%;


}



#a img
{

width:30%;
}



#abis
{
position:relative;
margin-left:1%;
margin-bottom:1%;
width:99%;


}



#abis table
{
margin-top:-2px;
margin-left:-1px;
width:99%;

color:white;


}

#abis tr
{
width:98%;


}

#abis td
{

width:32%;
border:1px solid white;
text-align:center;



}


#ater table
{
margin-top:0;
margin-left:0;
width:99%;

color:white;


}

#ater tr
{
width:98%;


}

#ater td
{

width:32%;
border:1px solid white;
text-align:center;



}

#quater table
{
margin-top:0;
margin-left:0;
width:99%;

color:white;


}

#quater tr
{
width:98%;


}

#quater td
{

width:32%;
border:1px solid white;
text-align:center;



}






#b
{
position:relative;
margin:0;
width:100%;


}

#b img
{
width:30%;
}

#c
{
position:relative;
margin:0;
margin-top:1%;
width:100%;

}

#c img
{
width:30%;
}

#pied
{ 
text-align:center;
}

#pied a
{
color:orange;
text-decoration:none;
text-align:center;
font-family:georgia;
}

.ph
{
text-align:right;
font-size:11px;
color:white;
font-family:arial;
}