html { font-size:100%; } /* Évite un bug d'IE 6-7. (1) */
body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; line-height:1.4; color:#000; background:#CCC url(img/arcenciel.gif) 100% 0 no-repeat; }
h1, h2, h3, h4, h5, h6 { margin:0 0 .8em 0; line-height:1.2; font-weight:bold; font-style:normal; }
h1 { font-size:1.5em; color:#808080; border-bottom:1px solid #808080; }
h2 { font-size:1.25em; }
h3 { font-size:1.1em; }
h4 { font-size:1em; }
ul, ol { margin:.75em 0 .75em 32px; padding:0; }
p { margin:0 0 1em 0; text-align:justify; }
address { margin:.75em 0; font-style:normal; }
a { text-decoration:underline; color:#808080; }
a:hover { color:#000; }
img , a img { border:5px solid #FFF; }
em { font-style:italic; }
strong { font-weight:bold; }
form, fieldset { margin:0; padding:0; border:none; }
input, button, select { vertical-align:middle; }
abbr, acronym { border-bottom:1px dotted; cursor:help; }
blockquote { margin:.75em 0 .75em 20px; padding:0 0 0 10px; border-left:solid 2px #ddd; }
q { font-style:italic; }
cite { font-style:italic; }
blockquote, q { quotes:none; }
blockquote p, li p { margin:.5em 0; }
dl { margin:.75em 0; }
dt { margin:.75em 0 0 0; font-weight:bold; }
dd { margin:.25em 0 .25em 32px; }
table { margin:0 0 10px 0; border-collapse:collapse; /* défaut:"separate". */ border-spacing:0; }
table td, table th { padding:4px; vertical-align:top; /* défaut:"middle" */ }

#topmenu { width:948px; padding:9px 0 0 50px; height:26px; margin:0 auto; list-style:none; }
	#topmenu li { display:inline; margin:0; padding:0;}
		#topmenu a { display:block; float:left; padding:0 10px; border-right:1px solid #808080; color:#808080; text-decoration:none; line-height:1.1em; }
			#topmenu a:hover { background:#808080; color:#FFF; }
		#accueil { border-left:1px solid #808080; }
		#topmenu li.plusun { padding:0 10px; }

#entete { height:253px; background:#000; border-top:1px solid #000; border-bottom:1px solid #000; }
	#s3slider { width:988px; height:253px; position:relative; overflow:hidden; margin:0 auto; padding:0; }
		#s3slider img { border:0; }
		#s3sliderContent { width:988px; position:absolute; top:0; margin:0; padding:0; list-style:none; }
			.s3sliderImage { float:left; position:relative; display:none; }
				.s3sliderImage span { position:absolute; left:0; font:18px/20px "Monotype Corsiva", Verdana, sans-serif; padding:10px 13px; width:374px;
									  background-color:#000; filter: alpha(opacity=50); -moz-opacity: 0.5;  -khtml-opacity: 0.5; opacity: 0.5; 
									  color: #fff; display:none;  bottom:0; font-weight:bold; }
				.s3sliderImage span a { color:#FFF; text-decoration:none; }
					.s3sliderImage span a:hover { text-decoration:underline; }

#corps { background:url(img/rosace.gif) no-repeat; }
	#menuhaut { width:786px; height:46px; margin:0 auto; padding:0 0 0 202px; overflow:hidden; }
		#menuhaut .titre { display:none; }
		#menuhaut ul { list-style:none; margin:0; padding:0; text-align:center; }
			#menuhaut ul li { display:inline; }
				#menuhaut ul li a { display:block; height:46px; float:left; }
					#menuhaut ul li a span { display:none; }
					#menuhaut ul li a.menu_5 { width:150px; background:url(img/menu_5) no-repeat; }
						#menuhaut ul li a.menu_5:hover { background:url(img/menu_5) 0 -46px no-repeat; }
					#menuhaut ul li a.menu_6 { width:125px; background:url(img/menu_6) no-repeat; }
						#menuhaut ul li a.menu_6:hover { background:url(img/menu_6) 0 -46px no-repeat; }
/*
					#menuhaut ul li a.menu_7 { width:103px; background:url(img/menu_7) no-repeat; }
						#menuhaut ul li a.menu_7:hover { background:url(img/menu_7) 0 -46px no-repeat; }
*/
					#menuhaut ul li a.menu_9 { width:166px; background:url(img/menu_9) no-repeat; }
						#menuhaut ul li a.menu_9:hover { background:url(img/menu_9) 0 -46px no-repeat; }
					#menuhaut ul li a.menu_8 { width:143px; background:url(img/menu_8) no-repeat; }
						#menuhaut ul li a.menu_8:hover { background:url(img/menu_8) 0 -46px no-repeat; }
	#sousmenu { height:41px; width:888px; margin:0 auto; padding:0 0 0 100px; background:url(img/menuhaut.png) 100px 0 no-repeat; overflow:hidden; }

	#contenu { width:988px; margin:0 auto; overflow:hidden; clear:both; }
		#gauche { width:120px; height:518px; float:left; overflow:hidden; background:url(img/gauche.gif) 33px 0 no-repeat; }
			#gauche h1 { display:none; }
		#milieu { width:628px; float:left; overflow:hidden; padding:15px 40px 0 20px; }
		#droite { width:180px; float:left; margin:15px 0 0 0; padding:15px 0 0 0; background:url(img/droite.gif) no-repeat; font-size:0.85em; }
			#droite ul { list-style:none; margin:0; padding:0; }
				#droite li { margin:0; padding:0; display:inline; }
				ul#mm3 { margin:0; padding:0 5px 14px 18px; background:url(img/mm3.gif) left bottom no-repeat; }
					ul#mm3 li .titre { font-weight:bold; padding:5px 0; display:block; }
					ul#mm3 li li a { display:block; padding:2px 0 2px 24px; color:#000; background:url(img/droitea.gif) 5px 3px no-repeat; position:relative; text-decoration:none; }
						ul#mm3 li li a:hover { background:#808080 url(img/droiteao.gif) 5px 3px no-repeat; color:#FFF; }
						/* vignettes au survol : */
						ul#mm3 li li a span { display:none; }
						ul#mm3 li li a:hover { position:relative; z-index:50; }
						ul#mm3 li li a:hover span { display:block; position:absolute; top:-45px; left:-160px !important; padding:0; width:160px; z-index:60; left:-184px}
						ul#mm3 li li a:hover span img { border:5px solid #808080; }
						ul#mm3 ul ul { display:none; }

	#bas { clear:both; height:28px; padding:13px 0 0 0; background:#000; text-align:center; color:#FFF; }
		#bas a { color:#FFF; text-decoration:none; }
			#bas a:hover { text-decoration:underline; }

/* Classes personnalisées */
.clear { clear: both; } 

/* Fil d'ariane : */
.chemin { margin:0 0 15px 0; font-size:10px; color:#808080; }
	.chemin a { padding:0 3px 0 0; color:#808080; text-decoration:none; }
		.chemin a:hover { color:#000; text-decoration:underline; }
	.chemin em { color:#000; } 

/* Liens */
a.blank { background:url(img/blank.gif) 100% no-repeat; padding-right:10px; }

/* FLUX RSS */
.rss { }
#topmenu li.rss a { padding-left:26px; background:url(img/rss.gif) 10px 0px no-repeat; }

/* Articles : */
.article { padding:0 0 25px 0; margin:0 0 15px 0; overflow:hidden; background:url(img/article.gif) 50% 100% no-repeat; }
.lienarticlecomment { text-align:right; font-size:10px; }
	.lienarticlecomment a { text-align:right; font-size:10px; padding:4px 0 3px 18px; background:url(img/editer.gif) no-repeat; text-decoration:none; }
		.lienarticlecomment a:hover { text-decoration:underline; }

/* Sous-rubriques et rubriques soeurs */
.sousrubriques { width:420px; background:#808080 url(img/sousrubbas.gif) 0 100% no-repeat; margin:0 auto 10px; padding:0 0 10px 0; color:#FFF; clear:both; }
	.sousrubriques h2 { font-size:14px; color:#FFF; padding:5px 10px; background:url(img/sousrubhaut.gif) no-repeat; margin:0; }
	.sousrubriques ul { background:#808080; list-style:none; margin:0; padding:0 0 5px 0; }
	.sousrubriques li { margin:0; padding:0 5px; }
	.sousrubriques a { display:block; padding:3px 10px 3px 30px; color:#FFF; background:url(img/droiteao.gif) 10px 5px no-repeat; text-decoration:none; }
		.sousrubriques a:hover { color:#000; background:#CCC url(img/droitea.gif) 10px 5px no-repeat; text-decoration:none; }
	li.rubactive{ color:#808080; background:#DDCFAB url(img/menuboxa.gif) 9px 5px no-repeat; text-decoration:none; padding:4px 10px 4px 35px; margin:0 5px; }

/* Formulaires */
form { border:0; }
textarea { border:1px solid #808080; background:#FFF; color:#000; opacity:0.5; }
.inputtxt { border:1px solid #808080; background:#FFF; color:#000; opacity:0.5; }
.bouton { background:#808080; border-color:#756643 #000 #000 #756643; border-style:solid; border-width:1px; color:#FFF; font-weight:bold; }

/* Commentaires */
.commentaires { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px dotted #808080; }
	.date { float:right; font-size:10px; }
	.pseudo { font-weight:bold; }
	blockquote { border:dashed #000 1px; color:#000; font-style:italic; margin:5px 10px 5px 20px; padding:5px 50px 5px 10px; background:#FFF url(img/blockquote.gif) 98% 5px no-repeat; opacity:0.5; }
	.nav { font-size:9px; font-family:verdana, sans-serif; text-align:right; color:#5B4631; }

/* Pagination */
#pagination { padding:5px 0 15px; border-bottom:1px dotted #808080; text-align:center; overflow:hidden; margin:0 0 15px; }
	#pagination a { padding:3px; background:#808080; border-color:#756643 #000 #000 #756643; border-style:solid; border-width:1px; color:#FFF; font-weight:bold; }
		#pagination a:hover { background:#FFF; opacity:0.5; color:#808080; text-decoration:none; }
	#pagination span { padding:3px; background:#FFF; opacity:0.5; border:1px solid #808080; font-weight:bold; }

/* Classes génériques */
.ok { background:#6F9 url(img/ok.gif) 10px 10px no-repeat; padding:10px 10px 10px 40px; border:2px solid #090; color:#090; }
.pasok { background:#F99 url(img/pasok.gif) 10px 10px no-repeat; padding:10px 10px 10px 50px; border:2px solid #F00; color:#F00; }
.ajouter { background:url(img/ajouter.gif) no-repeat; padding-left:18px; }
.citer { background:url(img/citer.gif) no-repeat; padding-left:18px; }
.gauche { float:left; margin:0 8px 5px 0; }
.droite { float:right; margin:0 0 5px 8px; }
.centre { margin:0 auto; }


/* Google Map API :*/
#map { margin:0 0 10px 0; width:628px; height:600px; background:#FFF url(img/loading.gif) 50% 50% no-repeat; }
.gbox { width:180px; height:140px; text-align:center; font-weight:bold; }

/* LightBox */
#jquery-overlay { position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; }
#jquery-lightbox { position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0; }
#jquery-lightbox a img { border:none; }
#lightbox-container-image-box { position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto; }
#lightbox-container-image { padding:10px; }
#lightbox-loading { position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0; }
#lightbox-nav { position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }
#lightbox-container-image-box > #lightbox-nav { left:0; }
#lightbox-nav a { outline:none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width:49%; height:100%; zoom:1; display:block; }
#lightbox-nav-btnPrev { left:0; float:left; }
#lightbox-nav-btnNext { right:0; float:right; }
#lightbox-container-image-data-box { font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0; }
#lightbox-container-image-data { padding:0 10px; color:#666; }
#lightbox-container-image-data #lightbox-image-details { width:70%; float:left; text-align:left; }
#lightbox-image-details-caption { font-weight:bold; }
#lightbox-image-details-currentNumber { display:block; clear:left; padding-bottom:1.0em; }
#lightbox-secNav-btnClose { width:66px; float:right; padding-bottom:0.7em; }
