body 
{
    margin: 0px 0;
    padding: 0;
    background: #FFFFFF;
    /*font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;*/
    font: normal 12px Arial, helvetica, sans-serif;	
    color:#31333B;
}

#bandeau 
{
  	width: 850px;
  	height: 150px;
  	margin: 0 auto;
  	border: 1px solid #12A89D;
}

/*MENU*/
#menu 
{
	width: 850px;
	height: 45px;
	margin: 0 auto;
	background: #12A89D;
	border: 1px solid #12A89D; 
}

#menu ul 
{
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
}

#menu li 
{
    display: inline;
}


#menu a 
{
    display: block;
    float: left;
    margin-left: 20px;
    height : 25px;
    padding: 15px 10px 0px 10px;
    border-bottom: 4px solid #330010;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    border-bottom-color: #ffcd04;
}

#menu a:hover 
{
    border-bottom-color: #ffcd04;
    background: #ffcd04;
}

#menu .active a 
{
    border-bottom-color: #ffcd04;
    background: #ffcd04;
}

/*BODY*/
#body 
{
    width: 850px;
    margin: 0 auto;
    border-left: 1px solid #12A89D;
    border-right: 1px solid #12A89D;
    text-align : justify;
}
 
#right 
{
    width: 530px;
    padding: 0px;
    margin-left:20px;
    float:right;
}


#left 
{
    width: 260px;	
    margin: 0 auto;
    float:left;
    padding:20px;
    padding-top:0px;
}

/*FOOT*/
#foot 
{
    width: 850px;
    margin: 0px auto;
    padding: 3px 0px;
    height: 50px;
    border: 1px solid #12A89D; 
    background: #12A89D;
}

#foot p 
{
    margin: 0px;
    padding-top: 15px;
    text-align: center;
    font-size: 11px;
    color: #FFFFFF;
}

#foot a 
{
    #ffffff;
}

#foot a:hover 
{
    color: #ffffff;
}

#cadre_vert
{
   border: 1px solid #12A89D;
   width: 700px;
   padding: 5px 5px 5px 5px;  
   margin: 0 auto;
   float:center;
   background: no-repeat right; 
}

/*POLICE*/

h1 
{
    color:#ffcd04;font-family: "Trebuchet MS",arial, helvetica, sans-serif;font-weight:bold;font-size:15px;padding-left:12px;
    background: url(../images/arrow.gif) no-repeat left center;
    text-transform: uppercase;
}
 
h2 
{
    color:#12A89D;font-family: "Trebuchet MS",arial, helvetica, sans-serif;font-weight:bold;font-size:13px;padding-left:12px;
    background: url(../images/arrow.gif) no-repeat left center;
    text-transform: uppercase;
}

.title 
{
    color:#ffcd04;font-family: "Trebuchet MS",arial, helvetica, sans-serif;font-weight:bold;font-size:15px;padding-left:12px;
    text-transform: uppercase;
}

.title2 
{
    color:#12A89D;font-family: "Trebuchet MS",arial, helvetica, sans-serif;font-weight:bold;font-size:13px;padding-left:12px;
    text-transform: uppercase;
}
 
.green 
{
    color:#12A89D;
    font-weight: 800;
}

.white 
{
    color:#ffffff;    
}

a 
{
    color:#12A89D;
    text-decoration:none;
}

a:hover 
{
    color:#ffcd04;
    text-decoration :none;
}