/** propriıtı gınırale **/

body {
margin: auto;
width:770px;
background-color : #e4effa;
}


#bulle {
	z-index:99 ;
	background-color:#FFFFCC;
	color:black;
	text-align:justify;
	border:1px solid ;
	padding:5px ;
	margin-right:10px;
	position:absolute;
	display:none;
	font-size:11px;
}
 /* set millions of background images */

.top {
background: url('../../img/tr.gif') no-repeat top right;
width:770px;
}

.topcoin {
background: url('../../img/tl.gif') no-repeat top left;
width:10px;
height : 10px;
}

.bottom {
margin : 0;
padding : 0;
margin-bottom :10px;
background-color :#c3d9ff ;
}

.bottomcoin {
background: url('../../img/bl.gif') no-repeat bottom left;
width:770px;
height : 10px;
margin : 0px;
}

.bottomcoin2{
float : right;
background: url('../../img/br.gif') no-repeat bottom right;
width :10px;
height:10px;
margin-right : 0px;
}

#header{
	text-align:center;
}

h1
{
 margin-top:20px;
 font-size:25px;
 font-family :impact;
 border-bottom: 1px dotted black;
 padding-bottom : 5px;
 text-align : center;
}

html h1
{
 border-bottom: 1px solid black;
}



.barre_titre
{
  width:100%;
  text-align:center;
  font-weight: bold;
  background-image:url('../../../img/menu.gif');
  padding-left : 0px;
  font-family:verdana;
  font-size:12px;
}

/** Cadre principal **/

.cadre_principal{
  margin-top : 10px;
  width : 100%;
  padding-bottom:5px;
  background-color :#c3d9ff ;
}

#menu_site{
   width:auto;
   margin-top :10px;
   text-align : center;
   border-top : 1px solid white;
   border-bottom : 1px solid white;
   color : white;
   background-color:#238dca;
}

#menu_site ul{
	font-family : verdana;
	font-size : 12px;
	font-weight : bold;
	padding : 0;
	margin : 5px;
}

#menu_site li {
   display:inline;
   padding:0;
   margin:0;
   margin-left : 5px;
}

#menu_site li a{
	color:white;
	text-decoration : none;
}

#menu_site li a:hover{
	text-decoration : underline;
}

#footer{
	text-align:center;
	font:11px verdana;
	}