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

}

#coco
{
width:100%;
text-align:center;
}

#coco p
{
border:1px solid white;
color:white;
width:33%;
margin-top:-5.5%;
font-size: 22px;
padding:5px;

}

#conteneur
{
position:relative;

margin:1%;
padding:15px;

}

#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;
} 

.cc
{color:#fffff0;
text-align:center;
}
.cc2
{color:#ffff00;
text-align:center;
font-style:italic;
}