/*   Couleurs du site
bleu #4B68AA
bleu moyen #325DAA
orange clair #FEDC95
*/

/* =configuration pour affichage à l'écran
	----------------------------- */
@media screen {

/* base
	----------------------------- */
	* { }
	img, img a { border: none;}
	.fl { float: left; margin-right: 1em; }
	.fr { float: right; margin-left: 1em; }
	.small { font-size: 90%; }
	.bold { font-weight: bold; }
	.center { text-align: center; }
	.clear { clear: both; }
	.bleu {color:#4B68AA;}
	hr { color: #4B68AA; background-color: #4B68AA; height: 1px; border: 0; width: 80%; text-align: center;}
	
html,body {margin:0;padding:0;  }
body {font: 90% Georgia,Verdana, Arial, Helvetica, sans-serif; text-align:center; background: url(design/bg.jpg) repeat-x #fff; color: #000;}
a:link, a:active, a:visited { color:#325DAA; text-decoration:underline; background: transparent; }
a:hover { color:#325DAA; text-decoration:underline; background: #FEDC95; }
	
div#header {position:relative; background: url(design/ban.jpg) no-repeat; width: 100%; height: 400px;}
div#header h1 {text-indent:-9999em;}

div#container {width:900px; margin:0 auto; background: url(design/bg-main.jpg) repeat-y; text-align:justify;}
div#content {width:850px; margin:100px auto 0 auto;}
div#content p {line-height:1.4; margin:0 10px 0 30px;}
div#content h1, h2, h3, h4, h5, h6 { margin:10px 0 .3em 30px; font-size: 140%;}
div#content p { padding: .3em 0; }
div#content li { padding: .3em 0; margin-left : 30px; list-style-image: url(design/puce.jpg);}

.address { margin-left:30px; }
address { font-style:normal;  /*padding: 2em 0 20px 60px;*/ line-height: 120%; }
address span a:link, address span a:active, address span a:visited, address span a:hover { color: #575757; text-decoration:none; }
	
div#menuhaut { clear:both; width:897px; position: absolute; top:440px; background: #7295CF; margin-left:2px; }
div#menuhaut ul  {margin: .5em 0;color:#fff;}
div#menuhaut li  { display:inline; font-weight: bold; margin-left: -5px; padding: 0 10px; }
div#menuhaut li a { display:inline; color:#fff; text-decoration:none; }
div#menuhaut li a:hover{ color:#000; background:none;}
#promo{clear:both; position: absolute; top:220px; margin-left:1em; }
#promo a {display:block; width:133px; height:137px; background:url(design/rabais.png) no-repeat 0 0; text-indent:-999em; }
#promo a:hover { background:url(design/rabais.png) no-repeat 0 -137px; }

div#pied{clear:both; color: #000; background: url(design/pied.jpg) no-repeat #ccc;padding-bottom:.5em;}
div#pied p{margin:0;padding:5px 0 0 30px;}
#dubuismedia a{display:block; width:140px; height:50px; background:url(design/dubuismedia.png) no-repeat 0 0;  text-indent:-99999em; margin: 10px auto;}

}
/* fin configuration pour affichage à l'écran
	----------------------------- */

/* configuration pour l'impression
	----------------------------- */
	
	@media print {
	div#container{/*width:900px;*/margin:0 auto; text-align:justify;}
	div#content{/*width:850px;*/ margin:0 auto; }
	div#content p{line-height:1.4; margin:0 10px 0 30px;}
	div#content h1, h2, h3, h4, h5, h6 { margin:10px 0 .3em 30px; font-size: 120%;}
	div#content p { padding: .3em 0; }
	div#content li { padding: .3em 0; margin-left : 30px; list-style-image: url(design/puce.jpg);}
	div#header, div#header h1, div#menuhaut, #promo, div#pied, #dubuismedia{display:none;}
	}