/*Feuille de style du site mes-bons-plans.com*/
/*M CARBONNIER Olivier*/
*{
 font-family:Verdana,Genova,Arial;
 font-weight:bold;
 font-size:8pt;
}

body{
 /*background-color:#C3D9FF;*/
 background-color:#8EB1E0;
 margin:0 0 0 0px; 
 
}

/*//////////////////////////////
		LE HEADER
//////////////////////////////*/

img.transp{
width:100%;
height:60px;
border:0px solid #000000;
}

#sep_haut{
 width:80%;
 height:18px;
 float:left;
 line-height:18px;
 background:#FF5B00;
 color:#ffffff;
}

#date_du_jour{
 width:20%;
 height:18px;
 float:left;
 line-height:18px;
 background:#FF5B00;
 color:#ffffff;
 text-align:right;
}


#barre_haute{
 width:53%;
 height:47px;
 background:url(../img/barre_d.png) repeat-x top left;
 float:left;
}

#barre_haute_arrondi{
 width:2%;
 height:47px;
 background:url(../img/arrondi_h.png) repeat-x top left;
 border-top:4px solid #FF5B00;
 float:left;
}

#barre_haute_droite{
 width:45%;
 height:47px;
 background:url(../img/barre_g.png) repeat-x top left;
 border-top:4px solid #FF5B00;
 float:left;
 text-align:right;
}

#nb_bons{
	width:170px;
	float:left;
	line-height:32px;
	text-align:right;
	color:#ffffff;
}

#header{
 width:350px;
 height:60px;
 background:url(../img/mes-bons-plans2.gif) no-repeat top left;
 float:left;
}

#code_barre{
 width:71px;
 height:60px;
 background:url(../img/code_barre.png) no-repeat top left;
 float:left;
}

#pub{
 width:550px;
 height:60px;
 margin-right:5px;
 float:right;
 text-align:right;
}

#nav_alpha{
	width:450px;
	height:25px;
	background:#D01F3C;
	border:1px solid #CC0000;
	margin-top:3px;
	margin-right:5px;
	float:right;
}

#menu_haut{
	width:100%;
	height:25px;
    background:url("../img/menu_haut.png") repeat-x;
	border-top:1px solid #EE105D;
	float:left;
	margin-top:2px;
}

#menu_haut ul {
	margin:0 0 0 10px;
	padding:0;
}

#menu_haut ul li {
	list-style-type:none;
	display:inline;
	padding:5em;
	margin-left:-50px;
	line-height:25px;
	background:url(../img/menu_haut.png) repeat-x bottom left;
}


#menu_haut ul li a{
	text-decoration:none;
	color:#ffffff;
}

#menu_haut ul li a:hover{
	color:#CC0000;

}


/*////////////////////////////////
		LA RECHERCHE
////////////////////////////////*/
#search {
	float: right;
	height: 20px;
	padding-top: 6px;
	margin-top: 0 !important;
}
#search input.text {
	font-size: 10px;
	padding: 3px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height: 15px;
	vertical-align: top;
	background: #ffffff  url(../img/bg_search.png) repeat-x;
	border: 1px solid #333333;
	margin-right: 6px;
	color: #333333;
	float: left;
	width: 150px;
}

#search .button {
	font-size: 12px;
	cursor: pointer;
	width: 90px;
	height: 22px;
	padding: 0 3px;
	border: 1px solid #3b4144;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	float: left;
	background: #ffffff  url(../img/bg_searchbt.png) repeat-x;
	color: #333333;
}
#search input.button:hover {
	color: #000000;
	background: #ffffff  url(../img/bg_searchbtn.png) repeat-x;
	border: 1px solid #3b4144;
}


/*//////////////////////////////
		LE CONTENT
//////////////////////////////*/
#nav_centre{
	width:100%;
	height:auto;
	background:#ffffff;
	float:left;
}

#nav_gauche{
width:185px;
float:left;
 margin-bottom:2px;
}

#nav_droite{
width:255px;
float:right;
}

#menu_gauche{
 width:185px;
 background:#CDEB8B;
 border:1px solid #75945B;
 float:left;
 margin-left:2px;
 margin-top:2px;
}

#menu_gauche ul li{
 list-style:none;
 margin-left:-35px;
 padding:2px 0 0 0;
}

#menu_gauche ul li a{
 color:#A42B62;
 text-decoration:none;
 font-size:9px;
}

#menu_gauche ul li a:hover{
 text-decoration:underline;
 font-size:10px;
 color:#CC0000;
}

#menu_newsletter{
 width:185px;
 background:#C3D9FF;
 border:1px solid #3752F9;
 margin:2px 0 3px 2px;
 text-align:left;
 font-size:9px;
 font-weight:bold;
 color:#575757;
 float:left;
}

#menu_newsletter h1{
 display:inline;
}

#menu_newsletter p{
  width:185px;
  font-size:9px;
  padding:0 0 0 3px;
  margin:0 0 0 0px;
}


#menu_gauche_boutique{
 width:185px;
 background:#CDEB8B;
 border:1px solid #75945B;
 margin:2px 0 3px 2px;
 display:block;
 text-align:center;
 line-height:20px;
 float:left;
}


#petite_pub{
 width:185px;
 border:0px solid #75945B;
 margin:8px 0 3px 2px;
 display:block;
 text-align:center;
 line-height:20px;
 float:left;
}

#menu_droite{
 width:255px;
 border:0px solid #C0C0C0;
 float:right;
 text-align:center;
 margin-top:2px;
}


#pub_google{
 width:255px;
 border:0px solid #C0C0C0;
 float:right;
 text-align:center;
 margin-top:2px;
}

#reduc_today{
 width:255px;
 border:1px solid #C0C0C0;
 float:right;
 text-align:center;
 margin-top:10px;
 background:#F8F888;
}

font.date{
 color:#4096EE;
 font-size:9px;
}

#reduc_today h1{
 display:inline;
}

#reduc_today p{
  width:185px;
  font-size:9px;
  padding:3px 0 0 3px;
  margin:0 0 0 0px;
}

#milieu {
 width:540px;
 margin-left:-30px;
 margin-top:2px;
 border:0px solid #000000;
 float:left;
}

#edito {
 width:540px;
 margin-left:40px;
 margin-top:2px;
 margin-bottom:5px; 
 border:0px solid #000000;
 float:left;
 color:#006E2E;
}

#edito h1{
 font-size:11px;
 display:inline;
}

#edito p{
  width:540px;
  font-size:9px;
  padding:3px 0 0 3px;
  margin:0 0 0 0px;
  color:#000000;
}

#hasard{
 width:535px;
 height:18px;
 line-height:18px;
 border-left:1px solid #75945B;
 border-top:1px solid #75945B;
 border-bottom:3px solid #75945B;
 border-right:1px solid #75945B;
 background:#CDEB8B;
 margin-bottom:3px;
 float:left;
 color:#A42B62;
 font-size:12px;
 padding-left:5px;
}

#hasard h1{
 display:inline;
}

#coupon_global{
 width:540px;
 border:1px solid #EE105D;
 margin-bottom:5px;
 float:left;
}

#coupon_global a{
 text-decoration:none;
 cursor:hand;
}

#coupon{
 width:540px;
 font-size:9px;
 float:left;
}

#coupon p{
 font-size:9px;
 margin:5px 5px 5px 5px;
}

#titre_coupon{
 width:540px;
 height:18px;
 line-height:18px;
 border-bottom:1px solid #EE105D;
 background:#FCE0EE;
 float:left;
 color:#A42B62;
}

#date_fin_coupon{
 float:left;
 text-align:right;
 width:540px;
 height:18px;
 line-height:18px;
 color:#C0C0C0;
 font-size:9px;
}


#petit_coupon{
 margin-top:4px;
 width:250px;
 border:1px dotted #CCCCCC;
 background:#FFFFFF;
}

#petit_coupon a,a:hover,a:visited{
 text-decoration:none;
 cursor:hand;
}

#petit_titre{
 font-size:10px;
 width:250px;
 text-align:left;
}

#petitcoupon {
 font-size:9px;
 width:250px;
}

#petitcoupon p {
 font-size:9px;
 width:245px;
 text-align:left;
}

/*//////////////////////////////
		LE FOOTER
//////////////////////////////*/
#nav_bas{
	width:100%;
	border-top:1px solid #EE105D;
	background:#C3D9FF;
	margin:3px 0 0 0;
	float:left;
	line-height:37px;
	color:#949494;
}

#copyright{
	width:100%;
	
	background:#222222;
	margin:0 0 0 0;
	float:left;
	line-height:20px;
	color:#939393;
	font-size:9px;
	font-weight:bold;
}

#partenaires_t{
 width:9%;
 border:0px #000000 solid;
 height:37px;
 float:left;
}

#partenaires{
 border:0px #000000 solid;
 height:37px;
 line-height:36px;
 float:left;
}

#partenaires a{
 border:0px #000000 solid;
 height:37px;
 font-size:8px;
 float:left;
}

#partenaires a:hover{
 border:0px #000000 solid;
 height:37px;
 float:left;
 font-size:8px;
}

h2.gros{
font-size:11pt;
}
