/*   Couleurs du site
gris pale #F1F1F1 > fond de page
noir #000 > texte
brun #965505 > liens texte +ligne

bleu claire #5892D6
rouge foncé #D90029

orange moyen #ffc080
orange clair #ffebd0
*/

/* =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; }
	hr { color: #965505; background-color: #965505; height: 1px; border: 0; width: 80%; text-align: center;}
	
html,body{margin:0;padding:0;  }
body{font: 76% Verdana, Arial, Helvetica, sans-serif;;text-align:center; background: url(design/bg.jpg) /*repeat-x*/ center #fff; color: #000;}
a:link, a:active, a:visited { color:#965505; /*text-decoration:none;*/ background: transparent; }
a:hover { color:#D79149; text-decoration:underline; background: transparent; }
	
div#header{text-align: center;}


div#container{text-align:justify; width:770px; margin:0 auto; background: url(design/bg-main.jpg) repeat-y;}
div#content p{line-height:1.4; margin:0 10px 0 30px;}
div#content h1, h2, h3, h4, h5, h6 { margin:10px 0 10px 30px; font-size: 120%;}
h1 a:link, h1 a:active, h1 a:visited, h1 a:hover { color :#000; text-decoration:none; }
h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { color :#000; text-decoration:none; }
div#content p { padding: .5em 0; }
div#content li { padding: .5em 0; }
.list {list-style-type: none; /*margin-left : -10px;*/}

div#wrapper{float:left;width:700px;}
div#content{float:right;width:550px; /*background: #FFFFFF;*/}

div#gauche { float:left; width:150px;}
div#gauche li { list-style-type: none; background: url(design/bt.gif) no-repeat 0 0; margin: 0 0 1em -.5em; padding-left: 1em;}
div#gauche a:link, div#gauche a:active, div#gauche a:visited { color:#000000; text-decoration:none; background: transparent; }
div#gauche a:hover { color:#D79149; text-decoration:underline; background: transparent; }


div#pied{clear:both; color: #000; /*background: url(design/pied.png) no-repeat #ccc;*/padding-bottom:.5em;}
div#pied p{margin:0;padding:.5em 0 0 2em;}
div#pied a{display:inline;padding:0;/*color: #C6D5FD*/}
#bas { margin-top: -1.2em !important; text-align:right; margin-right: 2em; }
#bas ul{  padding:0; background: #fff;}
#bas li { display: inline; }
#bas li a{ background: none; list-style-type: none; display: inline; }

.dubuismedia a:link, .dubuismedia a:active, .dubuismedia a:visited { color:#000000; text-decoration:none; background: transparent; }
.dubuismedia a:hover { color:#D79149; text-decoration:underline; background: transparent; }


/*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;
}

#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;
}

/*Old Galerie photos*/
#galerie { width: 470px; margin-left: 20px; }
#galerie img { margin: .3em; }
.highslide { cursor: url(design/graphics/zoomin.cur), pointer; outline: none; background: #fff; }
.highslide img { border: 2px solid gray; background: #fff; }
.highslide:hover img { border: 2px solid white; background: #fff; }
.highslide-image { border: 2px solid white; background-color: white; }
.highslide-image-blur { }
.highslide-caption { display: none; border: 2px solid white; border-top: none; font-family: Verdana, Helvetica; font-size: 10pt; margin: -10px 0 -5px 0; padding: 10px 0 5px 0; background-color: white; }
.highslide-loading { display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; }
a.highslide-credits, a.highslide-credits i { padding: 2px; color: #fff; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; }
.highslide-move { cursor: move; }
.highslide-overlay { display: none; }
/* Necessary for functionality */
.highslide-display-block { display: block; }
.highslide-display-none { display: none; }
}
/* fin configuration pour affichage à l'écran
	----------------------------- */

/* configuration pour l'impression
	----------------------------- */
	
	@media print {
	div#gauche { display:none;}
	#bas  { display:none;}
	.dubuismedia  { display:none;}
	}
