html, body {
	height: 100%;
}

body {
background-image:url(images/fond.jpg);
background-repeat:repeat-x;
background-color:#b0c1d1;
width:986px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#header {
background-image:url(images/header.jpg);
height:119px;
width:986px;
float:left;
}

#menu_general{
background-color:#2d548f;
height:24px;
width:986px;
float:left;
}

#menu_general_txt{
padding-top:2px;
}

#menu_general_txt a{
font-size:12px;
font-weight:bold;
text-decoration: none;
color:#FFFFFF;
margin-left:25px;
}

#menu_general_txt a:hover{
  text-decoration: underline;
}

.menu_detail{
background-color:#658fb7;
height:24px;
width:984px;
float:left;
border: 1px solid white; 
}

.menu_detail_txt{
padding-top:2px;
padding-left:5px;
color:#FFFFFF;
}

.menu_detail_txt a{
font-size:12px;
font-weight:bold;
text-decoration: none;
color:#FFFFFF;
margin-left:7px;
}

.menu_detail_txt a:hover{
  text-decoration: underline;
  color:#b4c4d6;
}

#contenu{
width:986px;
background-color:#dcdfe6;
float:left;
}

#bienvenue{
  width:246px;
  height:277px;
  float:left;
  margin: 10px 0px 0px 20px;
  background-color:#FFFFFF;
  border: 1px solid black; 
  text-align:center;
}

#carte{
  width:346px;
  height:277px;
  float:left;
  margin: 10px 0px 0px 20px;
  background-color:#FFFFFF;
  border: 1px solid black; 
  text-align:center;
}

#lastpromo{
  width:610px;
  height:445px;
  float:left;
  clear:left;
  margin: 10px 0px 0px 20px;
  background-color:#FFFFFF;
  border: 1px solid black; 
}

#member{
  background-image:url(images/fond_newsletter.jpg);
  background-repeat: no-repeat;
  width:319px;
  height:160px;
  float:right;
  clear:right;
  margin: 10px 20px 0px 0px;
  background-color:#FFFFFF;
  border: 1px solid black; 
  text-align:center;
}

#pub{
  width:319px;
  height:269px;
  float:right;
  clear:right;
  margin: 10px 20px 0px 0px;
  background-color:#FFFFFF;
  border: 1px solid black; 
}

#toppromo{
  width:319px;
  height:145px;
  float:right;
  clear:right;
  margin: 10px 20px 0px 0px;
  background-color:#FFFFFF;
  border: 1px solid black; 
}

#clear{
  width:100%;
  clear: both;
  height:10px;
}

#blueline{
  width:100%;
  clear: both;
  height:3px;
  background-color:#2d548f;

}

#footer{
  width:946px;
  clear: both;
  margin: 10px 20px 20px 20px;
  background-color:#FFFFFF;
  border: 1px solid black; 
  font-size:10px;
}

.principal{
  width:610px;
  float:left;
  clear:left;
  margin: 10px 0px 0px 20px;
  background-color:#FFFFFF;
  border: 1px solid black; 
  text-align:center;
}

.principal h3, #toppromo h3{
  width:100%;
  float:left;
  clear:left;
  margin: 0;
  background-color:#658fb7;
  color:#FFFFFF;
  border-bottom: 1px solid black; 
  text-align:center;
}

.principal a{
  color:navy;
  text-decoration:none;
}

.principal a:hover{
  color:navy;
  text-decoration:underline;
}

#cse-search-results{
border: 1px solid black;
width:946px;
margin-left:20px;
float:left;
}

.lettre{
  width:20px;
  height:20px;
  float:left;
  border: 1px solid navy;
  color:navy;
  display:inline;
  text-align:center;
  font-size:12px;
}

h2{
  font-size:14px;
}

.resume{
  margin:auto;
  float:left;
  width:300px;
  margin-top:7px;
}

.recherche{
  float:right;
  margin-right:10px;
}

.menu_categorie{
  margin: auto;
  width: 150px;
  float:left;
}
.news{
  cursor:pointer;
}

.news:hover{
  background: #658fb7;
  color:white;
}

.news a{
  color:black;
  text-decoration:none;
}

.news a:hover{
  color:white;
}

#sbutt {
	background: #2B74B4;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px 0px 0px 5px;
	padding: 2px;
	border: 1px solid #234B69;
	font-weight: bold;
	}
	
a {
  font-weight:bold;
  color:navy;
}