/*   Couleurs du site
gris pale #ccc > fond de page
gris moyen #999 > cadre
gris foncé #575757 > texte
bleu #5b82a9 > ligne
orange foncé #ff9933
orange moyen #ffc080
orange clair #ffebd0
*/

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

/* base
	----------------------------- */

	* {margin:0; padding:0; font-family : Verdana, Arial, Helvetica, sans-serif; }
	img { border: none; }
	kbd { font-size: 100%; font-weight: bold; }
	hr { color: #5b82a9; background-color: #5b82a9; height: 1px; border: 0; width: 80%; margin-top: 5px; margin-left: auto; margin-right: auto; margin-bottom: 5px;  text-align: center;}
	.clear { clear: both; }
	.bold { font-weight: bold; }
	.liens {padding: 1em 0;}
	.liens a{font-size: 85%; color:#ccc;}
	.small { font-size: 0.8em; }
	.in-line { display:inline; }
	.center { text-align: center; }
	.fl { float: left; margin-right: 1em; }
	.fr { float: right; margin-left: 1em; }
	.hidden {position:absolute; left:-999px; top:-999px; overflow:hidden;}
	.no {display:none;}
		
	
	body { background : url(http://www.dubuismedia.com/img/bg.gif) no-repeat #F1F2F2 top center;color :#575757; }
	
/* pour centrer le site ie hack: */
     .iehack { text-align: center; }
         
/* =conteneur 770 px
	----------------------------- */
	.alpha   { width: 750px; margin-left: auto; margin-right: auto; text-align: justify; }

/* =compression
	----------------------------- */
	#topmenu li a, address span a:link, address span a:active, address span a:visited, address span a:hover, .gauche li a { color:#575757; }
	#topmenu li a:hover, .gauche li a:hover { color:#ff9933; text-decoration:underline; }
	
/* =menu du haut
	----------------------------- */
	#topmenu   { position: absolute; top:7em; margin-left:4.2em; }
	#topmenu li  { 	display:inline;	border: none; }
	#topmenu li a:hover{ color:#ff9933; text-decoration:underline; }
	
/* =contenu et menu
	----------------------------- */
	.boxbody   { width: 100%; float: left; background : url(http://www.dubuismedia.com/img/ban.gif) no-repeat #fff; }

/* =fil d'ariane
	----------------------------- */
	#fil { padding: 0 0 0 70px; color: #575757; font-size: .6em; }
	#fil a { color:#ff9933; text-decoration:none; }
	#fil a:hover { color:#ff9933; text-decoration:underline; }

/* =contenu
	----------------------------- */
	.centre { margin-top: 5em; margin-bottom: 15px; width: 70%; float: left; line-height: 140%; }
	h1, h2, h3 { padding: 10px 5px 5px 65px; font-weight: normal; font-size: 110%; }
	h1 a:link, h1 a:active, h1 a:visited, h1 a:hover, h3 a:link, h3 a:active, h3 a:visited, h3 a:hover { color :#575757; text-decoration:none; }
	p { padding: 5px 5px 0 65px; }
	p, li, address { font-size: 0.8em;  }
	.list li { margin: .2em 0 0 100px; padding: 0 30px 0 0; }
	.liste{list-style-type: none;}
	p.red {	background: #ffebd0; margin: 5px 0 5px 65px;	padding: 5px; border:1px solid #ffc080;	color:#575757;	}
	#contenu .plus { background: url(http://www.dubuismedia.com/img/visuel.gif); padding: 5px; border:1px solid #ff9933; color: #000; }
	q { font-style: italic; }
	acronym { border-bottom:1px dashed; cursor: help; }
	a:link, a:active, a:visited { color:#ff9933; text-decoration:none; background-color: transparent; }
	a:hover { color:#ff9933; text-decoration:underline; background: none; }
	address { font-style:normal;  padding: 0 0 20px 60px; line-height: 120%;}
	address span a:link, address span a:active, address span a:visited, address span a:hover { text-decoration:none; }
	.geo { padding: 0 0 0 60px; }
	.geo a{ text-decoration:none; }
	
	.accordionButton {}
	.accordionButton span {	cursor: pointer; vertical-align:text-top; }
	.accordionContent {}
	
/*fin contenu*/
		
/* =menu gauche
	----------------------------- */
	.gauche { margin-top: 8em; padding: 0 0 20px 0; width: 28%; float: right; border-left: 1px solid #ccc;  /*background:url(http://www.dubuismedia.com/img/decor-menu-hiver.gif) no-repeat #FFF;*/ }
	.gauche li { list-style-type: none; text-decoration:none; background: none; padding: 5px 0; margin: 0 0 0 10px; border-bottom: 1px dashed #ccc; width: 90%; }
	.gauche li a { text-decoration:none; }
	.gauche p { padding: 5px 10px; }
	.gauche .titre a:link, .gauche .titre a:active, .gauche .titre a:visited { font-size:110%; font-weight: bold; color: #575757; /*background: url(http://www.dubuismedia.com/img/bille.gif) no-repeat ; padding-left: 1.2em;*/ }
	.gauche .titre a:hover { color:#ff9933; text-decoration:underline; }
	.gauche li.adsense { border-bottom: none; }
	.addinto_sharebox .social_buttons a {
                width: 32px;
                height: 32px;
        }
        .addinto_sharebox .social_buttons a img {
                opacity: 1.0;
                border:0 none;
        }
        .addinto_sharebox .social_buttons a:hover img {
                opacity: 0.70;
        }
	
/* =clear both
	----------------------------- */
	.boxclear  { clear: both; line-height: 0px }

/* =pied de page
	----------------------------- */
	.pied { width: 100%; clear: both; border-top: 1px dashed #ccc; background: #fff;}
	#bas { font-size:85%; text-align:center; margin:.5em 0; }
	#bas a, .pied p { color:#000; }
	.pied p { padding: 10px; }
	#bas li { background: none; list-style-type: none; display: inline; }
	#w3c { text-align:center; margin: 1.5em 0 0 0; }
	#w3c li { background: none; list-style-type: none; display: inline; }
	


/* =formulaire
	----------------------------- */
	form { margin: 0 auto; }
	fieldset, #ok { padding: 10px; border:1px solid #ffc080; color:#575757; font-size: 85%; width: 85%;margin-left: 60px; margin-right: auto; }
	legend { padding-bottom: 5px; }
	label { display: block; margin: 0.5em 0 .2em 0; }
	.textfield { border: 1px solid #575757; padding: 2px; font-size: 100%; width: 90%; }
	.erreur{ color: #000; background-color: #EEEEEE; padding:0 .5em; }
/* fin formulaire */

/* galerie
	----------------------------- */
	/*Add a height attribute and set to largest image's height to prevent overlaying*/
	.gallerycontainer { position: relative; margin-left:50px;}
	.thumbnail img { border: 1px solid white; margin: 0 5px 5px 0; padding: 0 5px 0 0; }
	.thumbnail:hover { background-color: transparent; }
	.thumbnail:hover img { border: 1px solid #ccc; }
	/*CSS for enlarged image*/
	.thumbnail span { position: absolute; /*left: -150px;*/ background-color: #fff; padding: 5px; border: 1px  solid #ccc; visibility: hidden; color: black; text-decoration: none; }
	.thumbnail span img { border-width: 0; padding: 2px; }
	.thumbnail:hover span { visibility: visible; top: 0; margin-left: -50px; z-index: 50; }
/* fin galerie */

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

/* configuration pour l'impression
	----------------------------- */
	
	@media print {
	
	* {margin:0; padding:0; font-family : Verdana, Arial, Helvetica, sans-serif; }
	img { border: none; }
	kbd { font-size: 100%; font-weight: bold; }
	hr { color: #5b82a9; background-color: #5b82a9; height: 1px; border: 0; width: 80%; }
	.clear { clear: both; }
	.bold { font-weight: bold; }
	.swiss a{font-size: 85%; color:#ccc; margin-left: 20px;}
	.small { font-size: 85%; }
	.center { text-align: center; }
	.fl { float: left; margin-right: 1em; }
	.fr { float: right; margin-left: 1em; }
	.hidden {position:absolute; left:-999px; top:-999px; overflow:hidden;}
	.no {display:none;}
		
	body { background : url(img/bg.gif) repeat-x #ffebd0; color: #000; font-size: 100%;}
	
	#accessible { display:none; }
	#topmenu   { display:none; }
	.gauche   { display:none; }
	.pied   { display:none; }
	
	h1, h2, h3 { padding: 10px 0 5px 30px; font-weight: normal; font-size: 110%; }
	p { padding: 5px 30px; }
	p, li { font-size: 0.8em;  }
	.list li { margin: .5em 0 0 50px; }
	p.red {	background: #ffebd0; margin: 5px 30px;	padding: 5px; border:1px solid #ffc080;	font-family : Georgia,Verdana,Geneva,Arial,Helvetica,sans-serif; font-weight: bold;	color:#575757;	}
	#contenu .plus { background: url(http://www.dubuismedia.com/img/visuel.gif); padding: 5px; border:1px solid #ff9933; color: #000; }
	q { font-style: italic; }
	acronym { border-bottom:1px dashed; }
	a:link, a:active, a:visited { color:#ff9933; text-decoration:none; background-color: transparent; }
	a:hover { color:#ff9933; text-decoration:underline; background: none; }
	address { font-style:normal; font-size:.8em; }
	address span a:link, address span a:active, address span a:visited, address span a:hover { color: #575757; text-decoration:none; }
}