/*   Couleurs du site
jaune pale #F5F1BF > fond de page


noir #000 > texte
bourgogne #8E0E0E > lien texte
vert foret #8E0E0E > lien texte survol

rouge foncé #D90029

orange moyen #ffc080
orange clair #ffebd0
*/

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

/* base
	----------------------------- */
	* { }
	html, body { margin:0; padding:0; }
	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; }
	hr { color: #5b82a9; background-color: #5b82a9; height: 1px; border: 0; width: 80%; text-align: center;}
	
body{font: 90% Arial, Georgia, Trebuchet MS, Lucida Sans, Verdana, sans-serif; text-align:center; background: url(design/bg.gif) #000 ; color: #000;}
a:link, a:active, a:visited { color:#8E0E0E; text-decoration:none; background: transparent; }
a:hover { color:#8E0E0E; text-decoration:underline; background: transparent; }
	
div#header{position:relative; background: url(design/ban2011.png) no-repeat; width: 100%; height: 397px;}
div#header-index{position:relative; background: url(design/ban-index2011.png) no-repeat; width: 100%; height: 397px;}
#logo {position:absolute; left:40px; top:55px;}
#info {}
#email { position:absolute; right:100px; top:60px; display:block; width:144px; height:25px; background:url(design/email.png) no-repeat 0 0; text-indent:-9999em;  }
#email a:hover { background:url(design/email.png) no-repeat 0 0; }
#email2 { position:absolute; top:360px; left:40px; display:block; width:260px; height:38px; background:url(design/blank.gif) no-repeat 0 0; text-indent:-9999em;  }
#email2 a:hover { background:url(design/blank.gif) no-repeat 0 0; }

div#flash {position: absolute; top: 85px; left: 505px; background:url(design/bg-anim.jpg) no-repeat;}
div#flash-index {position: absolute; top: 85px; left: 505px; /*background:url(design/bg-anim.jpg) no-repeat;*/}
/* =fil d'ariane
	----------------------------- */
	#fil { padding: 0 0 1em 30px; color: #000; font: 76% Verdana, Georgia, Trebuchet MS, Lucida Sans, sans-serif;; }
	#fil a { color:#8E0E0E; text-decoration:none; }
	#fil a:hover { color:#8E0E0E; 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: 110%; }
div#content h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { padding-bottom: .5em; background:url(design/titre2011.png) bottom no-repeat;}
div#content p { padding: .5em 0; }
div#content li { padding: .5em 0; }
.list {list-style-type: none;}


div#ruban{width:100%;background: url(design/ruban2011.png) repeat-x ;}
div#container{width:990px;margin:0 auto; ;}
div#wrapper{float:left;width:990px;background: url(design/bg-wrapper-2011.png) repeat-y ;}
div#content{float:right;width:650px; }

/* menu de gauche */
div#menu { float:left; width:337px; height:575px; background: url(design/menu-2011.gif); }
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:#000; text-decoration:none; text-align:left; }
div#menu li a:hover, div#menu li a:hover span { color:#000; text-decoration:underline;  }

/* boutons menu de gauche */
/*
#btcouronnes a { display:block; width:278px; height:35px; background:url(design/catalogue-couronnes.gif) no-repeat 0 0; text-indent:-999em; }
#btcouronnes a:hover { width:278px; height:35px; background:url(design/catalogue-couronnes-over.gif) no-repeat 0 0; }
#btsapin a { display:block; width:278px; height:35px; background:url(design/catalogue-sapin-1.gif) no-repeat 0 0; text-indent:-999em; }
#btsapin a:hover { width:278px; height:35px; background:url(design/catalogue-sapin-1-over.gif) no-repeat 0 0; }
#btsapincom a { display:block; width:278px; height:35px; background:url(design/catalogue-sapin-2.gif) no-repeat 0 0; text-indent:-999em; }
#btsapincom a:hover { width:278px; height:35px; background:url(design/catalogue-sapin-2-over.gif) no-repeat 0 0; }
*/
#btsoumis a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; text-indent:-999em; margin-bottom:15px;}
#btsoumis a:hover { width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0  -35px; }
#btagcoul a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btagcoul a:hover { width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0  -35px; }
#btnoel a span { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif;}
#btnoel a:hover span { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
#btsoirtheme a span { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btsoirtheme a:hover span { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
#btlocmobi a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btlocmobi a:hover { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
#btmobilier a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btmobilier a:hover { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
#btorgeven a span { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0;  font: 18px Arial, sans-serif; }
#btorgeven a:hover span { background:url(design/bt-2011.gif) no-repeat 0  -35px; }
#btballons a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btballons a:hover { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
#btdjanim a span { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btdjanim a:hover span { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
#btphoto a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btphoto a:hover { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
#btkiosque a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btkiosque a:hover { width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0  -35px; }
#btptoiles a span { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btptoiles a:hover span { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
#btfleurs a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btfleurs a:hover { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
/*#bttables a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#bttables a:hover { background:url(design/bt-2011.gif) no-repeat 0 -35px; }*/
#btliens a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btliens a:hover { background:url(design/bt-2011.gif) no-repeat 0 -35px; }
#btmailing a { display:block; width:278px; height:35px; background:url(design/bt-2011.gif) no-repeat 0 0; font: 18px Arial, sans-serif; }
#btmailing a:hover { background:url(design/bt-2011.gif) no-repeat 0 -35px; }

/* sous menu */
.menu { position:absolute; margin-top: -50px; /*height: 300px;*/ min-width:297px;  margin-left: 278px; background:url(design/bg-sousmenu-2011.png) right bottom no-repeat #fff; border:solid 1px #7F7F7F; z-index:999;}

.sub_nav { float:left; margin:0; padding:.5em 0 0; }
.sub_nav dt { padding:.2em 1em; text-align:left; }

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


/* menu du haut */
div#menuhaut{ clear:both;  position: absolute; top:345px; width:430px; font-size: 75%; margin-left:500px;  }
div#menuhaut ul { /*width:430px;*/ margin:0 auto; padding:0; }
div#menuhaut li { float:left; list-style-type:none; margin:0; padding-left:.8em; }

/* boutons menu du haut */
#btaccueil a { display:block; width:77px; height:25px; background:url(design/menuhaut2011.png) no-repeat 0 0; text-indent:-9999em;  }
#btaccueil a:hover { background:url(design/menuhaut2011.png) no-repeat 0 -125px; }
#btportfolio  a { display:block; width:77px; height:25px; background:url(design/menuhaut2011.png) no-repeat 0 -25px; text-indent:-9999em; }
#btportfolio  a:hover { background:url(design/menuhaut2011.png) no-repeat 0 -150px; }
#btcontact a { display:block; width:77px; height:25px; background:url(design/menuhaut2011.png) no-repeat 0 -50px; text-indent:-9999em; }
#btcontact a:hover { background:url(design/menuhaut2011.png) no-repeat 0 -175px; }
#btplan a { display:block; width:77px; height:25px; background:url(design/menuhaut2011.png) no-repeat 0 -75px; text-indent:-9999em; }
#btplan a:hover { background:url(design/menuhaut2011.png) no-repeat 0 -200px; }
#btemploi a { display:block; width:77px; height:25px; background:url(design/menuhaut2011.png) no-repeat 0 -100px; text-indent:-9999em; }
#btemploi a:hover { background:url(design/menuhaut2011.png) no-repeat 0 -225px; }


div#pied{clear:both; height: 170px; color: #000; background: url(design/pied-2011.png) no-repeat ;}
div#pied p {text-align:center; padding-top: 1.5em; text-transform:uppercase; /*font-size: 75%;*/ color:#000;}
div#pied a:link, div#pied a:active, div#pied a:visited { color:#000; text-decoration:none;  }
div#pied a:hover { color:#8E0E0E; text-decoration:underline;  }
#dubuismedia a{float:right; /*display:block;*/ width:140px; height:50px; background:url(design/dubuismedia.png) no-repeat 0 0;  text-indent:-99999em; margin-right:.5em;}

/* =formulaire
	----------------------------- */
	form { margin: 0 1.5em; }
	fieldset { padding: 10px; border:1px solid #54544F; color:#000; 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;  }
/* 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:#000;	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; background: transparent url(design/prevlabel.gif) no-repeat 0 15%;}
#lbPrevLink:hover {	background: transparent url(design/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0; background: transparent url(design/nextlabel.gif) no-repeat 100% 15%;}
#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 {
	
	}