/*   Couleurs du site
gris #909194 > fond de page

*/

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

/* compresseur css : http://www.cleancss.com/?lang=fr */

/* base
	----------------------------- */
	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; }
	hr { color: #909194; background-color: #909194; height: 1px; border: 0; width: 80%; text-align: center;}
	
html,body{margin:0;padding:0;  }
body{font: normal .8em/1.5em Verdana, Arial, Helvetica, sans-serif;text-align:center; background: url(design/bg.png) #909194; color: #000;}
a:link, a:active, a:visited { color:#D90029; text-decoration:none; background: transparent; }
a:hover { color:#696A6D; text-decoration:underline; background: transparent; }
	
div#container{width:990px;margin:0 auto; background: url(design/bg-container.png) repeat-y ;text-align:justify;}

div#header{position:relative; background: url(design/ban.png) no-repeat; width: 100%; height: 125px;}
div#header a{position:absolute;margin-left:15px; top:0;width: 960px; height: 125px; display:block;text-indent: -999em;}

/* menu du haut */
#menuhaut { /*position:absolute; top:134px;*/ width:990px; height: 48px; margin:0 auto; background: url(design/bg-menuhaut.png) no-repeat;}
#menuhaut ul { width:932px; margin:0 auto; padding:0; }
#menuhaut li { float:left; list-style-type:none; margin:0; padding-top:.5em; }

/* boutons menu du haut */
#btaccueil a { height:34px; width:101px; background:url(design/menu.png) no-repeat 0 0; display:block; text-indent:-999em; margin-left:1em; }
#btaccueil a:hover { background:url(design/menu.png) no-repeat 0 -34px;}
#btconvention a { height:34px; width:329px; background:url(design/menu.png) no-repeat 0 -68px; display:block; text-indent:-999em; margin-left:1.5em; }
#btconvention a:hover { background:url(design/menu.png) no-repeat 0 -102px;}
#btactualite a { height:34px; width:254px; background:url(design/menu.png) no-repeat 0 -136px; display:block; text-indent:-999em;  margin-left:1.5em; }
#btactualite a:hover { background:url(design/menu.png) no-repeat 0 -170px;}
#btcontact a { height:34px; width:164px; background:url(design/menu.png) no-repeat 0 -204px; display:block; text-indent:-999em; margin-left:1.5em; }
#btcontact a:hover { background:url(design/menu.png) no-repeat 0 -238px;}

html>body #wrapper {float:left; width:950px; height:auto; min-height:700px; } 
div#wrapper{float:left; width:950px; height:700px; }/*pour IE qui ne comprend pas min-height*/
div#content{float:right;width:650px; background: #FFFFFF;margin-top:1.5em;margin-bottom:1em;}

/* =fil d'ariane
	----------------------------- */
	#fil { padding: 0 0 0 30px; color: #000; }
	#fil a { color:#D90029; text-decoration:none; }
	#fil a:hover { color:#D90029; text-decoration:underline; }

div#content p{/*margin:0 10px 0 30px;*/padding: .5em 0;}
div#content h1, h2, h3, h4, h5, h6 { /*margin:10px 0 10px 30px;*/ font-size: 120%;}
div#content li { text-align:left; padding: .5em 0; list-style-image : url(design/puce.png);}
.rouge {background: url(design/cadre.png) no-repeat bottom right #A32326; text-align:left; color:#fff; padding:1em 1em 2.5em 1em;}
.rouge a:link, .rouge a:active, .rouge a:visited { color:#fff;text-decoration:underline;}
.rouge a:hover {color:#fff;text-decoration:underline;  }

/* menu de gauche */
div#menu { float:left; width:220px; text-align:left; }
div#menu ul { margin:0 0 0 3em; padding:0;}
div#menu li { list-style-type: none; }
div#menu li .liste {margin-left: 1em;}
div#menu li a:link, div#menu li a:active, div#menu li a:visited { font-weight: bold; background: url(design/bullet.png) no-repeat 0 0; width:7px; height:7px; color:#5C5D60;}
div#menu li a:hover { background: url(design/bullet.png) no-repeat 0 -17px; width:7px; height:7px; }

#bt1 a span{ display:block; width:220px; height:65px; background:url(design/menug.png) no-repeat 0 0; text-indent: -999em; margin-top:25px;}
/*#bt1 a:hover { background:url(design/menug.png) no-repeat 0 0; }*/
#bt2 a span{ display:block; width:220px; height:96px; background:url(design/menug.png) no-repeat 0 -80px; text-indent: -999em; margin-top:25px; }
/*#bt2 a:hover { background:url(design/menug.png) no-repeat 0 -420px; }*/
#bt3 a span{ display:block; width:220px; height:96px; background:url(design/menug.png) no-repeat 0 -190px; text-indent: -999em;margin-top:25px; }
/*#bt3 a:hover { background:url(design/menug.png) no-repeat 0 -525px; }*/
#bt4 a span{ display:block; width:220px; height:96px; background:url(design/menug.png) no-repeat 0 -300px; text-indent: -999em;margin-top:25px; }
/*#bt4 a:hover { background:url(design/menug.png) no-repeat 0 -525px; }*/

div#menu p { margin:1em 0 0 9.8em;}

/* sous menu */
.menu { position:absolute; margin: 0px 0 0 80px; background: #FFF; border:double 3px #1E313C; }
#intromenu { margin-bottom:-1em; background-color:#80151F; padding-bottom:1em;}
#bt2 .sub_nav a, #bt3 .sub_nav a { background: none; text-indent: 0; width:100%; height:0; }
.sub_nav { float:left; margin:0; padding-bottom:1em;color:#5C5D60; }
.sub_nav dt { padding:.2em 1em; text-align:left; }
.sub_nav dt a { font-weight: normal; padding-left:1em; }

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


div#pied{clear:both;  width:100%; height: 141px; color: #fff; background: url(design/pied.png) no-repeat; text-align:left;}
#lien {width:940px;margin:0 auto; }
div#pied ul {/*padding-top:1em;*/text-align:right;}
div#pied li {display:inline;}
div#pied a:link, div#footer a:active {color:#fff; text-decoration:none;}
div#pied a:visited, div#pied a:hover {color:#fff; text-decoration:underline;}
#copy {display:block; margin-right: 120px;}
#dubuismedia a{display:block; width:140px; height:50px; background:url(design/dubuismedia.png) no-repeat 0 0;  text-indent:-99999em; margin: 6em 0 0 800px;}


/*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;}
/*Galerie photos SLIMBOX */
#lbOverlay {position: fixed;z-index: 9999;	left: 0;	top: 0;	width: 100%;height: 100%;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 {
	
	}