body{
	background:#444;
}

#topbarre{
	position:relative;
	width:753px;
	height:120px;
	background: url("images/backlogo.jpg") no-repeat;
}
#animlogo{
	position:absolute;
	width:200px;
	height:120px;
	top:0px;
	left:0px;
}
#newsletterboxune{
	background: url("images/gadget_newsletteune.gif") no-repeat;
	width:350px;
	height:130px;
	margin-left: 15px;
}
#newsletterboxune form{
	padding:88px 3px 0px 3px;margin-left:10px;
}
#newsletterboxune form input.formemail{
	width:94px;
	height:20px;
	font:11px tahoma, arial, helvetica, sans-serif;
}
#newsletterboxune form input.formsubmit{
	width:30px;
	height:20px;
	font:bold 11px tahoma, arial, helvetica, sans-serif;
	color:#fff;
	background:#f00;
}
#newsletterbox{
	background: url("images/gadget_newsletter.gif") no-repeat;
	width:150px;
	height:130px;
}
#newsletterbox form{
	padding:88px 3px 0px 3px;margin:0px;
}
#newsletterbox form input.formemail{
	width:94px;
	height:20px;
	font:11px tahoma, arial, helvetica, sans-serif;
}
#newsletterbox form input.formsubmit{
	width:30px;
	height:20px;
	font:bold 11px tahoma, arial, helvetica, sans-serif;
	color:#fff;
	background:#f00;
}

.texteactualites{
	font:11px tahoma, arial, helvetica, sans-serif;
}

.navigationactus{
	font:12px tahoma, arial, helvetica, sans-serif;
}

#page{
	width:753px;
	font:12px tahoma, arial, helvetica, sans-serif;
	background:#FFF;
	margin:0px;
	padding:0px;
}

#toolbar{
	margin:0px;
	background: url("images/backtoolbar.gif") repeat-x;
	width:753px;
	height:23px;
	padding:0px;
	float:left;
}
#toolbar a {
	text-decoration:none;
}

a .toolbutton{
	text-align:center;
	height:23px;
	float:left;
	width:145px;
	font:bold 11px tahoma, arial, helvetica, sans-serif;
	text-decoration:none;
	padding-top:5px;
}
a:link .toolbutton, a:visited .toolbutton
{
	color:#FFF;
	font:bold 11px tahoma, arial, helvetica, sans-serif;
	text-decoration:none;
	padding-top:5px;
	background: url("images/backtoolbar.gif") repeat-x;
	cursor:pointer;
}

a:hover .toolbutton{
	color:#FFF;
	background: url("images/backtoolbarhover.gif") repeat-x;
}


#toolbar .toolsep{
	text-align:center;
	width:5px;
	height:23px;
	float:left;
	background: url("images/toolbarsep.gif") no-repeat;
}

#menu_gauche_container{
	background:#be0008 url("images/back_mgauche.gif") repeat-x;
	height:100%;
	font: 11px tahoma, arial, helvetica, sans-serif;
}

#page_centrale_container{
	font: 11px tahoma, arial, helvetica, sans-serif;
	text-align:left;
	
}

#page_centrale_container div {
	
}

#page_droite_container{
	font: 11px tahoma, arial, helvetica, sans-serif;
}


#copyright{
	font:bold 10px tahoma, arial, helvetica, sans-serif;
	color:#0891bd;
}

#copyright a{
	color:#fff;
	text-decoration:none;
}
h1{
	font: bold 26px Verdana, arial, helvetica, sans-serif;
	color:#be0008;
	margin:0px;
	margin-bottom:4px;
}
h3{
	font: bold 15px Verdana, arial, helvetica, sans-serif;
	color:#0891bd;
	margin:0px;
}

/* -------------------------------------- */

.promocontainer{
	text-align:center;
	width:355px;
	margin-bottom:0px;
}
.promocontent{
	padding:0 10px 10px 10px;
	background:url("images/backpromo_middle.jpg") repeat-y; 
}
.promoancienprix{
	font: 24px Verdana, arial, helvetica, sans-serif;
	text-decoration:line-through;
	white-space:nowrap;
	text-align:center;
	color:#be0008;
}
.promotaux{
	font: bold 30px Verdana, arial, helvetica, sans-serif;
	white-space:nowrap;
	text-align:center;
	color:#ed8111;
}

.promoproduit{
	font: bold 22px Verdana, arial, helvetica, sans-serif;
	color:#ed8111;
	text-align:center;
}
.promodescriptif{
	font: 12px tahoma, arial, helvetica, sans-serif;
	text-align:justify;
	padding:5px 0 0 0;
}
.champ_date_jj, .champ_date_mm{
	width:20px;
	font: 8pt Arial, Helvetica;
	text-align:center;
}
.champ_date_aaaa {
	width:40px;
	font: 8pt Arial, Helvetica;
	text-align:center;
}
.promodates{
	font: 12px tahoma, arial, helvetica, sans-serif;
	text-align:center;
	color:#999;
}

/* ------------------------------------- */

.menu_gauche_recherche{
	
}
.menu_gauche_recherche h1{
	font: bold 12px Verdana, arial, helvetica, sans-serif;
	color:#FFF;
	background: url("images/backtoolbarhover.gif") repeat-x;
	margin:0px;
	height:30px;
	padding-left:5px;
	line-height:20px;
}
.menu_gauche_recherche a, .menu_gauche_recherche a:hover, .menu_gauche_recherche a:visited {
	text-decoration:none;
	color:#fff;
}
.menu_gauche_recherche div{
	padding:5px 20px 10px 20px;
	color:#fff;
	font: 7pt Verdana, arial, helvetica, sans-serif;
}
.menu_gauche_recherche div input{
	margin:2px 0 2px 0;
}
.menu_gauche_recherche form{
	margin:0px;padding:0px;
}
/* ------ */

.menu_gauche_section{
	margin:0px;
	margin-bottom:20px;
	line-height:15px;
}
.menu_gauche_section td{
	font: 11px Tahoma, arial, helvetica, sans-serif;
}
.menu_gauche_section h1{
	font: bold 11px Verdana, arial, helvetica, sans-serif;
	color:#FFF;
	background:url("images/back_mg_sectiontitle.gif") repeat-x;
	margin:0px;
	height:30px;
	padding-left:5px;
	line-height:20px;
}
.menu_gauche_section h1 a{
	color:#FFF;
}
.menu_gauche_section a, .menu_gauche_section a:hover, .menu_gauche_section a:visited {
	text-decoration:none;
	color:#fff;
}
/* --------- */



a.gauche, a.gauche:visited{	
	margin:0px;
	padding:0px;
	padding-left: 40px;
	background: 0 0 url("images/minifleche.gif") no-repeat;	
	text-decoration: none;
	color:#fff;
	font: 11px Arial, Helvetica, Sans-serif;
	line-height:18px;
}	
a.gauche:hover{
	background-position: 0 -25px;
	text-decoration: underline;
	color:#fff;
}
/* ----------------------------------------- */


.modif_promo table td{
	font:bold 11px Tahoma, arial, helvetica, sans-serif;

}

.modif_promo_input{
	width:250px;
	height:25px;
}

.modif_promo table td textarea{
	width:250px;
	height:70px;
}


/* ----------------------------------------- */



.lienspages{
	font:11px Tahoma, Helvetica, Sans-serif;
}
.lienspages li{
	margin:11px;
}
.lienspages li a{
	text-decoration:none;
	color:#999;
}
.lienspages li strong{
	font:bold 12px Tahoma, Helvetica, Sans-serif;
}


.lienspages .vignette{
	border:1px dashed #aaa;
	/*width:280px;*/
	display:block;
	text-align:center;
	margin:10px;
}

.lienspages .vignette .legendevignette{
	font:bold 11px Tahoma, Helvetica, Sans-serif;
	text-transform:uppercase;
	float:right;
	margin:20px;
}

.lienspages .vignette a, .lienspages .vignette a:visited{
	color:#be0008;
	text-decoration:none;
}

/* ----------------------------------------- */

#monresulte{
	font: bold 20px Arial;
	color:#ed8111;
}

/* ----------------------------------------- */

.adressesmags{
	width:350px;
}
.adressesmags td{
	font:11px Tahoma, Arial, Helvetica, Sans-serif;
}
.horairemag{
	font:11px Tahoma, Arial, Helvetica, Sans-serif;
	color:#777;
}

/* ----------------------------------------- */

.devisdiv table tr td{
	font:12px Tahoma, Arial, Helvetica, Sans-serif;
	color:#000;
}


.paragraf{
	text-align:left;
	font-size: 12px;
	letter-spacing: normal;
}

.paragraf p{
	text-align:justify;
	padding-left:0px;
	padding-right:10px;
	line-height:14px;
}

.paragraf td{
	font:11px Arial, Helvetica, Sans-serif;
}
 
.paragraf strong, .paragraf b{
	color:#888;
	font:bold 13px tahoma, arial, helvetica, sans-serif;
}

.forfaits{
	padding:5px;
	border:1px dashed #888;
}

.forfaits th {
	font:bold 12px Tahoma, Arial, Helvetica, Sans-serif;
	color:#000;
	background:#FFCC33;
	text-align:center;
}
.forfaits td{
	text-align:center;
	font:11px Arial, Helvetica, Sans-serif;
	color:#000;
}