/*   Couleurs du site
brun fonce #532A01 > fond de page


noir #000 > texte
bourgogne #8C0506 > lien texte
vert foret #454A0E > lien texte survol

*/

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

/* base
	----------------------------- */
	* { }
	html, body { margin:0; padding:0; behavior:url(csshover.htc); }
	img, img a { border:none; behavior:url("pngbehavior.htc"); }
	.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; }
	.left {text-align:left;}
	.right {text-align:right;}
	hr { color: #532A01; background-color: #532A01; height: 1px; border: 0; width: 80%; margin: 0 auto;}
	
body{font: 76% Verdana, Trebuchet MS, Georgia, Lucida Sans, sans-serif; text-align:center; background: url(design/bg.jpg) ; color: #000;}
a:link, a:active, a:visited { color:#8C0506; text-decoration:underline; }
a:hover { color:#454A0E; text-decoration:underline; }
	
div#header{position:relative; background: url(design/header.jpg) no-repeat; width: 100%; height: 331px;}
#logo {position:absolute; left:40px; top:100px; /*width: 455px; height: 120px; display:block;*/}

/* =fil d'ariane
	----------------------------- */
	#fil { padding: 0 0 1em 30px; color: #000; font: 76% Verdana, Georgia, Trebuchet MS, Lucida Sans, sans-serif;; }
	#fil a { color:#8C0506; text-decoration:none; }
	#fil a:hover { color:#454A0E; text-decoration:underline; }

	
div#container{text-align:justify; }
div#content p{line-height:1.4; margin:0 60px 0 30px;}
div#content h1, h2, h3, h4, h5, h6 { margin:10px 60px 10px 30px; font-size: 120%; }
div#content h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { padding-bottom: .5em; background:url(design/titre.png) bottom no-repeat;}
div#content p { padding: .5em 0; }
p .first { padding: 0; }
.galerie { margin-left: 30px; margin-bottom: 20px;}
div#content li { padding: .5em 0; margin:0 60px 0 10px;}
.list {list-style-type: none; margin-top : 0;}
.vcard { line-height:1.4em; margin:0 20px 0 10px; padding: .5em 0; font-style:normal;}

div#container{width:990px;margin:0 auto; ;}
div#wrapper{float:left;width:990px; /*background: url(design/bg-wrapper.png) repeat-y ;*/}
div#content{float:right;width:757px;min-height:480px; background: url(design/bg-main.jpg) repeat-y ;}

/* menu de gauche */
div#menu { float:left; width:233px; /*height:480px;*/ background: url(design/bg-menu.jpg) no-repeat;}
div#menu ul {  margin: .1em 0 0 1em;}
div#menu li { float:left; list-style-type: none; margin:0; padding:0; }
div#menu li a:link, div#menu li a:active, div#menu li a:visited { color:#8C0506; text-decoration:none;  }
div#menu li a:hover { color:#454A0E; text-decoration:underline;  }

div#dubuismedia  {text-align:center; }
div#dubuismedia p {padding-top:4em; }
div#dubuismedia a {color:#fff; text-decoration:none; }

/* boutons menu de gauche */
#bt1 a { display:block; width:170px; height:63px; background:url(design/menu.png) no-repeat 0 0;  text-indent:-999em; }
#bt1 a:hover { background:url(design/menu.png) no-repeat 0 -409px; }
#bt2 a /*span*/ { display:block; width:170px; height:65px; background:url(design/menu.png) no-repeat 0 -63px; text-indent:-999em; }
#bt2 a:hover /*span*/ { background:url(design/menu.png) no-repeat 0 -472px; }
#bt3 a { display:block; width:170px; height:60px; background:url(design/menu.png) no-repeat 0 -128px; text-indent:-999em; }
#bt3 a:hover { background:url(design/menu.png) no-repeat 0 -537px; }
#bt4 a { display:block; width:170px; height:60px; background:url(design/menu.png) no-repeat 0 -188px; text-indent:-999em; }
#bt4 a:hover { background:url(design/menu.png) no-repeat 0 -597px; }
#bt5 a { display:block; width:170px; height:55px; background:url(design/menu.png) no-repeat 0 -243px; text-indent:-999em; }
#bt5 a:hover { background:url(design/menu.png) no-repeat 0 -652px; }
#bt6 a { display:block; width:170px; height:60px; background:url(design/menu.png) no-repeat 0 -306px; text-indent:-999em; }
#bt6 a:hover { background:url(design/menu.png) no-repeat 0 -715px; }
#bt7 a { display:block; width:170px; height:43px; background:url(design/menu.png) no-repeat 0 -366px; text-indent:-999em; }
#bt7 a:hover { background:url(design/menu.png) no-repeat 0 -775px; }


/* sous menu */
.menu { position:absolute; margin-top: -60px; min-width:200px;  margin-left: 150px; background: url(design/bg-smenu.jpg) repeat ; border:solid 1px #663300; }

.sub_nav { float:left; margin:0; padding:.5em 0 0;  }
.sub_nav dt { padding:.2em 0 0 1em; text-align:left; font-weight: bold; line-height:1.4em; font-size: 120%;}

li .menu { display:none; }
li:hover .menu { display:block; }
li.over .menu { display:block; }


/* menu du haut */
div#menuhaut{ clear:both; position: absolute; top:35px; margin-left:800px;  }


div#pied{clear:both; height: 127px; color: #000; background: url(design/pied.jpg) no-repeat ;}
div#pied ul {margin-left:225px; padding-top:4em;}
div#pied li {display:inline; font-size: 90%;}
div#pied a:link, div#pied a:active, div#pied a:visited { color:#000; text-decoration:none;  }
div#pied a:hover { color:#454A0E; text-decoration:underline; }


/* =formulaire
	----------------------------- */
	form { margin: 0 1.5em; }
	fieldset { padding: 10px; border:1px solid #54544F; color:#000; /*font-size: 85%; width: 85%;*/margin: 1em 2em 1em 0; }
	legend { padding-bottom: 5px; color:#000;}
	label { display: block; margin: 0.5em 0 .5em 0; }
	.textfield { border: 1px solid #575757; padding: 2px; /*font-size: 100%; width: 95%;*/ }
/* fin formulaire */



/*Galerie photos SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*background-color: #000;*/
	/*filter: alpha(opacity=50);opacity: .50; background-color:#532A01;*/
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}
#lbCenter { border: 1px solid #000; }
#lbBottomContainer { border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; }

.lbLoading {
	background: #fff url(design/loading.gif) no-repeat center; 
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(design/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(design/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 30px;
	background: transparent url(design/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

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

/* configuration pour l'impression
	----------------------------- */
	
	@media print {
	
	}