/* ----------------------------------------------------------------- */
/* >>> GLOBAL */

* {margin: 0; padding: 0; border: none; }
img { border: none; display: block; }
li { list-style-image: url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/puce.png); }

body { background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/fd_contenu_repeat.png) top left repeat; text-align: center; }

#main, #bandeau { margin: 0 auto; width: 690px; text-align: left; }
#main { background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/fond_page_repeat.png) center top repeat-y; text-align: left; }

/* ----------------------------------------------------------------- */
/* >>> TYPO et HEADINGS */

body {
	font: 76%/1.5em "Trebuchet MS", "Dejavu Sans", sans-serif;
	quotes: '\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
	color: #2D2E30;
}

a, a:link, a:visited {
	font-size: 13px;font-weight: bold;
	text-decoration: none; color: #2D2E30;
}
a:hover { color: #CB1B1B; }

h1 {
	position: absolute; top: 30px; left: 5px;
	width: 204px; height: 180px;
}
	h1 a { display: block; width: 100%; height: 100%; }

#content h2, #ariane {
	width: 100%; height: 37px; line-height: 37px;
	font-size: 18px; font-weight: bold;
}
#content h2 { background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/petit_titre_fd.png) center top no-repeat; clear: both; }
#content h2 span.titre { margin-left: 20px; }
#content h2.focused span.titre { line-height: 58px; }

#ariane, #ariane a { font-size: 16px; color: #FFF; }

	#content .date { margin: 4px 0 4px 20px; }

#content h2.focused {
	background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/gros_titre_fd.png) center top no-repeat;
	position: relative; bottom: 4px;
	width: 100%; height: 58px;  
}

	#content h2.focused div.image { margin: 8px 0 8px 20px; width: 36px; height: 35px; line-height: 35px; }

	#content h2 .date {
		background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/picto_date_small.png) top center no-repeat;
		float: left; text-align: center;
		width: 27px; height: 29px;
		font-size: 12px; line-height: 14px;
	}

	#content h2.focused .date {
		background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/picto_date_fat.png) top center no-repeat;
		width: 36px; height: 35px; margin: 10px 0 10px 20px; font-size: 14px; line-height: 17px;
	}
		.mois, .jour { display: block; width: 100%; }
		.mois { color: #FFF; }
		.jour { color: #000; }

#sidebar h2 { margin: 0 20px; font-size: 14px; font-weight: bold; }
#sidebar a { font-size: 12px; }

h3 { font-size: 1.1em; font-weight: bold; margin-bottom: 10px; }
#sidebar h3 { margin: 10px 0 0 40px; }

/* -------------------------------------------------------------------------- */
/* >>> FORMULAIRES */

	fieldset, input, textarea, select { margin: auto; }

		legend { font-weight: bold; margin-bottom: 1em; }
		label { cursor: pointer; }

		#content label {
			float: left; text-align: right;
			font-size: 0.9em; font-weight: bold;
			width: 40%; margin-right: 2%;
		}
		#content .forml { border: inset 2px #ddd; width: 50%; }
		#content button { border: outset 2px #ddd; margin-top: 1em; margin-left: 42%; padding: 1px 3px; }

		#content .checkbox label { float: none; width: auto; }
		#content .checkbox input { margin-left: 32%; }

	.formulaire_login { width: 400px; margin: 0 auto; }

/* ----------------------------------------------------------------- */
/* >>> HEADER */

#header {
	background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/fd_banniere_repeat.png) top left repeat-x;
	width: 100%; height: 246px;
}

	#bandeau-wrap { position: relative; margin: 0 auto; width: 690px; height: 100%;  }
	#bandeau { position: relative; background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/bandeau.png) top center no-repeat; width: 690px; height: 100%;	}

			#bandeau li {
				float: left;
				list-style: none none inside;
			}

		#bandeau ul#menu-haut { position: absolute; top: 0; right: 5px; }
		#bandeau ul#traduc { position: absolute; top: 0; left: 5px; }

				#bandeau ul#menu-haut a, #bandeau ul#traduc a { display: block; height: 28px; }
				#nav-fr {background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/bouton_fr.png) top center no-repeat; width: 53px;}
				#nav-en {background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/bouton_gb.png) top center no-repeat; width: 53px;}
				#nav-accueil { width: 106px; }
				#nav-contact { background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/nav_contact.png) top center no-repeat; width: 99px; }

		#ariane { position: absolute; left: 20px; bottom: 0; }

/* ----------------------------------------------------------------- */
/* >>> CONTENT */

#content { float: left; width: 495px; text-align: justify;}

	#content p { margin: 1em 0; }
	#content ul { margin-top: 20px; }
	#content ul li { margin: 0.5em 0 0.5em 40px; }
	#content ul p { margin: 0.2em 0; }
	#content div.texte, .portfolio, .alb-photos { padding: 15px 20px; margin-bottom: 5px; }
	#content #presentation { background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/compteur.png) bottom center no-repeat; margin: 0; }
	#content .pagination { margin: 5px 20px; }

	img.left { margin: 0 10px 5px 0; }
	img.right { margin: 0 0 5px 10px; }

/* ----------------------------------------------------------------- */
/* >>> SIDEBAR */

#sidebar { float: right; width: 195px; }

	#sidebar ul { margin-top: 20px; }
	#sidebar ul li { 
		background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/pointille.png) left bottom repeat-x; 
		margin: 0.5em 35px 0.5em 35px; 
		padding-bottom: 6px;
	}

	#sidebar .separateur { 
		background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/pointille.png) left bottom repeat-x; 
		margin: 0.5em 35px 0.5em 35px; width: 125px; height: 1px;
	}

	#sidebar .formulaire_recherche { margin: 0 20px; }
	#sidebar .photo { margin: 0 auto; text-align: center; }

	#sidebar #a-noter-header {
		background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/a_noter_ht.png) center top no-repeat;
		width: 195px; height: 58px;
	}
	#sidebar #a-noter-main {
		background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/a_noter_repeat.png) center top repeat-y;
		width: 135px; padding: 0 30px;
	}
	#sidebar #a-noter-footer {
		background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/a_noter_pied.png) center bottom no-repeat;
		width: 195px; height: 14px;
	}

	#sidebar #phare { position: relative; top: 6px; }

	#sidebar ul#mois, #sidebar ul#annees {
		margin: 0 auto; width: 120px;
		border-top: 3px solid #CB1B1B;
		border-bottom: 3px solid #CB1B1B;
	}
	#sidebar ul#mois li, #sidebar ul#annees li {
		list-style: none none inside;
		float: left; margin: 0;
		border: 1px solid #CB1B1B;
		text-align: center;
	}
	#sidebar ul#mois li { width: 38px; }
	#sidebar ul#annees li { width: 58px; }

/* ----------------------------------------------------------------- */
/* >>> FOOTER */

#footer-wrap { clear:both; position: relative; top: 6px; }

#footer {
	background: transparent url(SITES/amis-du-circuit-de-gueux.fr/squelettes/images/pied.png) center bottom no-repeat;
	width: 100%; height: 34px;
}

	#footer a#legal { 
		position: absolute; top:0; right: 43px;
		display: block; width: 144px; height: 28px; 
	}
	#footer a#legal:hover { background-position: 0 -28px; }
		#footer a#legal span { display: none; } 

/* ----------------------------------------------------------------- */
/* >>> CLASSES DIVERSES */

.invisible { display: none; }
.spacer { clear: both;}
.left { float: left; }
.right { float: right;}

/* ----------------------------------------------------------------- */

#fondu {
	position: absolute;
	background: #fff;
	top: 36px; left: 216px;
	width: 461px;
	height: 167px;
	overflow: hidden;
}