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