* {
padding: 0;
margin: 0;
} 

body {
width: 850px;
margin:auto;
padding: 0;
background: #fbeec7;
color: #444;
font: 13px Arial, Verdana, Tahoma, sans-serif;
line-height: 17px;
}

img {border: none;}
a{ color: #2A84E5; text-decoration: none; }
a:hover {  color: #000; }

#wrap {
width: 860px;
margin: 0 auto;
float: left;
}

/************************************************************************************/

#header {
float: left;
height: 120px;
line-height: 30px;
float: left;
}
.logo
{
float: right;
width: 500px !important;
width: 288px ;
height: 120px;
background: url(images/header.jpg) !important;
background: url(images/header2.jpg);
margin-top: -100px;

}
#header h1 { 
font-size: 50px;
letter-spacing: -1px;
padding: 30px 0 0 10px;
color: #000;
}
#header h1 a { 
color: #3B8FE9;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
}
#header h2 { letter-spacing: -1px; padding: 0 0 0 16px; font-size: 29px; color: #000; }

/************************************************************************************/

#top {
width: 890px;
float: left;
background: #fbeec7 url(images/top.jpg) no-repeat;
padding: 10px 0 !important;
padding: 0px 0;
}
#contentt {
width: 850px;
background: #fbeec7 url(images/content.jpg) repeat-y;
padding: 20px;
float: left;
}
#bottom {
float: left;
background: #fbeec7 url(images/bottom.jpg) no-repeat;
padding: 10px 0;
width: 890px;
}

/************************************************************************************/

#headermenu {
height: 60px;
background: #3B8FE9 url(images/menubg.jpg) repeat-x;
line-height: 60px;
}
.headerm { 
padding: 0;
text-transform: uppercase;
font-weight: 100;
}
.headerm li {
float:left;
list-style-type:none;
}
.headerm li a {
display:block;
padding:0 20px;
text-decoration:none;
color: #fff;
letter-spacing:1px;
letter-spacing: -1px;
font-size: 20px;
}
.headerm li a:hover {
color:#000;
text-decoration:none;
}

/************************************************************************************/

#left {
margin-top: 10px;
float: left;
width: 200px;
line-height: 15px;
}
#left h2 {
margin-top: 10px;
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
line-height: 30px;	
background: #CC0001 url(images/contenth2.jpg) repeat-x;
height: 30px;
color: #fff;
padding-left: 10px;
}
#left ul  {
color: #aaa;
text-align: left;
margin: 3px 0 8px 0; 
padding-left: 10px;
text-decoration: none;	
list-style-type:none;	
}
#left ul li {
padding: 2px 0 2px 0px;
margin: 0 2px;	
}
#left ul a {
font-weight: 600;
color: #2A84E5;
}
#left ul a:hover { color : #333; }

/*******************************************************************/

#middle { 
margin-top: 10px;
float: left;
width: 505px;
margin-left: 10px;
line-height: 20px;
}
#middle h2 {
font: bold 14px Verdana, 'Trebuchet MS', Sans-serif;
color: #fff;	
background: #CC0001 url(images/contenth2.jpg) repeat-x;
margin-bottom: 5px;
margin-top: 10px;
height: 30px;
line-height: 30px;
padding-left: 10px;

}
#middle h2 a {
color: #fff;
}
#middle h2 a:hover {
color: #000;
}
.accueil
{
float: left;
width: 500px;
margin-top: 20px;
padding-left: 0px;
}
.nbpages
{
float: left;
width: 490px;
height: 30px;
background: url(images/nbpages.jpg) repeat-x;
padding-left: 10px;
font-weight: bold;
}
.nbpages a
{
font-weight: bold;
color: #fff;
}
.allopass
{
float: left;
margin-left: 30px !important;
margin-left: 15px ;
margin-top: 50px;
}

#gif
{
margin-top: 60px;
float: left;
width: 500px;
padding-left: 10px;
}
.gif1
{
float: left;
width: 110px;
height: 110px;
background: url(images/gif1.gif) no-repeat;
margin-left: 20px;
}
.gif2
{
float: left;
width: 110px;
height: 110px;
background: url(images/gif2.gif) no-repeat;
margin-left: 50px;
}
.gif3
{
float: left;
width: 115px;
height: 110px;
background: url(images/gif3.gif) no-repeat;
margin-left: 50px;
}
.gif4
{
float: left;
width: 110px;
height: 110px;
background: url(images/gif4.gif) no-repeat;
margin-left: 20px;
}
.gif5
{
float: left;
width: 110px;
height: 110px;
background: url(images/gif5.gif) no-repeat;
margin-left: 50px;
}
.gif6
{
float: left;
width: 110px;
height: 110px;
background: url(images/gif6.gif) no-repeat;
margin-left: 50px;
}
.gif7
{
float: left;
width: 130px;
height: 110px;
background: url(images/gif7.gif) no-repeat;
margin-left: 50px;
}
/**********************************************************************/

#pub {
margin-top: 10px;
margin-left: 10px;
float: left;
width: 120px;
height: 600px;
}
#pub h2 {
margin: 10px 0 20px 0;
font: bold 13px Verdana, 'Trebuchet MS', Sans-serif;
line-height: 30px;	
background: #CC0001 url(images/contenth2.jpg) repeat-x;
height: 30px;
color: #fff;
padding-left: 10px;
}
#pub300_250
{
float: left;
width: 505px;
height: 280px;
text-align:center;
}

/************************************************************************/

#footer { 
width: 970px;
clear: both;
float: left;
color: #777;
text-align: center;
padding-bottom: 10px;
margin: auto;
}
#footer a {  color: #777; text-decoration: none; }
#footer  a:hover { color: #000; }