body
{

font-family: Comic Sans MS, Arial, "Trebuchet MS", Serif;
background-color: #f2f2f5;

}

body a
{
text-decoration: none;
color: #4c6176;
}

body a img
{
border-style:none;
}



.main
{
width:850px;
border:2px solid black;
background-color: #93d3f8;
z-index:100;


}

.left
{
float:left;
width:130px;
padding-top:200px;

}

.bulle
{
border:1px solid black;
background-color:white;
margin-bottom:30px;
z-index:10;
font-size:0.9em;
}

.title
{
font-size:1em;
font-weight:bold;
}

.invisible
{
width:1030px;
}

.cadre1
{

width:800px;
border:2px solid black;
margin-bottom:10px;
background-color:white;
z-index:20;
}

.cadreup
{
width:800px;
padding-right:25px;
margin-top:0px;
height:170px;
margin-bottom:1px;
background-image:url("ban2.png");
background-position:bottom;
background-repeat:no-repeat;
}

.cadreup1
{
width:240px;
margin-top:23px;
/*background-image:url("accueil.png");
background-position:bottom;
background-repeat:no-repeat;*/
height:148px;
float:left;
z-index:10;
}

.cadreup2
{
width:240px;
margin-top:11px;/*
background-image:url("contact.png");

background-repeat:no-repeat;*/
height:161px;
float:right;
z-index:10;
}

.cadre2
{
border:2px solid black;
width:776px;
max-width:776px;
max-height:574px;
margin-top:10px;
background-color:#fff8f0;
font-size:95%;
font-weight:bold;
overflow:scroll
}

.cadre3
{
width:500px;
float:left;
text-align:left;
padding-left:5px;
}

.postit
{
float:right;
}

.com
{
border:2px solid black;
width:740px;
background-color:#fff8f0;
margin-bottom:20px;
text-align:left;
padding:5px;
padding-bottom:-10px
}

.com2
{
width:800px;
border:2px solid black;

margin-bottom:10px;
background-color:white;
}



table
{
border-collapse: separate;
border-spacing: 10px 10px;
}

td
{
border:2px solid black;
max-width:248px;
width:248px;
height:574px;
margin-bottom:10px;
margin-left:10px;
margin-right:10px;
background-color:#fff8f0;
overflow:hidden;
}

td img
{
overflow:hidden;
}