@import url(clearbox.css);

* {font:1em Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0; border:0; list-style-type:none;}

html {font-size:75%;}

body {
	background:#FFF url(../images/bkg-body.jpg) repeat-x 0 120px;
	font-size:1em;
	color:#594534;
}

#contenant {
	width:826px;
	margin-left:auto;
	margin-right:auto;
	padding:0 75px;
	background:transparent url(../images/bkg-contenant.jpg) no-repeat 100% 120px;
	text-align:left;
}

/* >>> En-tête ---------------------------------------------------------------- */

#entete {
	height:100px;
	margin:0 0 0 3px;
	padding-top:20px;
}
#logo {
	float:left;
	width:355px;
}
#navigation {
	float:right;
	width:468px;
	text-align:right;
}
#navigation li {
	display:inline;
	margin:0;
	padding:0;
	line-height:normal;
	background:none;
}
#navigation a {
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
}
#nav-secondaire {
	padding-top:35px;	
	height:20px;
	margin:0;
}
#nav-secondaire a {	
	padding-left:10px;
	text-decoration:none;
	font-size:0.8em;
}
#nav-principale {
	float:right;
	height:36px;
	margin:0;
	padding-top:4px;
}
#nav-principale a {
	display:block;
	float:left;
	height:29px;
	padding:7px 9px 0 10px;
}
a#nav-techniques {
	width:64px;
	background:transparent url(../images/nav-techniques.png) no-repeat top left;
}
a#nav-publications {
	width:72px;
	background:transparent url(../images/nav-publications.png) no-repeat top left;
}
a#nav-souvenirs {
	width:59px;
	background:transparent url(../images/nav-souvenirs.png) no-repeat top left;
}
a#nav-historique {
	width:60px;
	background:transparent url(../images/nav-historique.png) no-repeat top left;
}
a#nav-guilde {
	width:36px;
	background:transparent url(../images/nav-guilde.png) no-repeat top left;
}
#nav-principale a.actif, #nav-principale a:hover.actif {
	background-position:0 -36px;
	color:#FFF;
	text-decoration:none;
	cursor:default;
}

/* >>> Zone centrale ---------------------------------------------------------- */

#zone-centrale {
	height:185px;
	background-color:#000;
}
#slogan {
	float:left;
	width:550px;
	height:185px;
	text-indent:-500em;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
}
#resume {
	float:right;
	width:240px;
	height:163px;
	padding:11px 15px;
	overflow:hidden;
	background-color:#794B64;
	color:#FFF;
}

#slo-technique1 {
	background:transparent url(../images/img-tech-tricot-aiguille.jpg) no-repeat top left;
	height:100%;
}
#slo-technique2 {
	background:transparent url(../images/img-tech-tissage.jpg) no-repeat top left;
	height:100%;
}
#slo-technique3 {
	background:transparent url(../images/img-tech-filet.jpg) no-repeat top left;
	height:100%;
}
#slo-coups-coeur {
	background:transparent url(../images/img-main-enfant.jpg) no-repeat top left;
	height:100%;
}
#slo-publications {
	background:transparent url(../images/img-publications.jpg) no-repeat top left;
	height:100%;
}
#slo-souvenirs {
	background:transparent url(../images/img-cuisine.jpg) no-repeat top left;
	height:100%;
}
#slo-historique {
	background:transparent url(../images/img-historique.jpg) no-repeat top left;
	height:100%;
}
#slo-guilde {
	background:transparent url(../images/img-tech-courtepointe.jpg) no-repeat top left;
	height:100%;
}

/* >>> Contenu : Mise en page ------------------------------------------------- */

#contenu {
	font-size:0.9em;
}
#colonne-principale {
	float:left;
	width:550px;
	min-height:325px;
	margin:3px 0 0;
	border-left:3px solid #FFF;
	border-right:3px solid #FFF;
	background:#FFF url(../images/bkg-colonne-principale.png) repeat-x top left;
}
#colonne-principale .contenu {
	padding:15px;
	background-color:#FFF;
}
.colonne-gauche, 
.colonne-droite {
	float:left;
	width:260px;
	min-height:325px;
	padding:4px 5px 0;
	background:transparent url(../images/bkg-colonne-double.png) no-repeat top center;
}
.colonne-double {
	padding:6px 5px 0;
}
.colonne-double-centre {
	margin-top:10px;
	padding:6px 5px 0;
	background:#FFF url(../images/bkg-colonne-principale.png) repeat-x top left;
}
#colonne-principale .colonne-double .contenu, 
#colonne-principale .colonne-double-centre .contenu {
	padding-bottom:0; /* Pour l'accueil */
}
.colonne-simple {
	width:530px;
	min-height:325px;
	padding:10px 10px 0;
	margin-bottom:10px;
	background:transparent url(../images/bkg-colonne-simple.png) no-repeat 6px 6px;
}
.colonne-simple-court {
	width:530px;
	min-height:200px;
	padding:10px 10px 0;
	margin-top:10px;
	background:transparent url(../images/bkg-colonne-simple-court.png) no-repeat top left;
}

#colonne-secondaire {
	float:left;
	width:250px;
	margin-top:3px;
	padding:10px 10px 0;
	background:transparent url(../images/bkg-colonne-secondaire.png) no-repeat 50% 6px;
}
#colonne-secondaire .contenu {
	min-height:325px;
	padding:15px;
	background:#FFF url(../images/bkg-bloc-secondaire.png) repeat-x bottom left;
}
#colonne-secondaire .colonne-secondaire-seule {
	min-height:160px;
	padding:20px 20px 0;
	background:#FFF url(../images/bkg-colonne-secondaire-seule.png) no-repeat top left;
}

/* >>> Contenu : Mise en forme ------------------------------------------------ */

p 					{line-height:1.5em; margin:0 0 1.2em;}
p.fin 				{margin-bottom:0;}
em, em *			{font-style:italic;}
strong, strong * 	{font-weight:bold;}
acronym 			{border:none; cursor:help; font-weight:inherit;}

.centre				{text-align:center;}
.marge				{margin-top:1.2em;}
.nobr				{white-space:nowrap;}
.haut-page 			{text-align:right;}
.citation 			{padding:10px; background:#E6CCDA url(../images/bkg-citation.gif) no-repeat bottom right;}
.encadre			{margin-bottom:1.2em; padding:10px; border:3px solid #E4DBD2;}
.source				{font-size:0.9em; color:#666;}
.separation			{margin-bottom:1.5em; padding-bottom:15px; border-bottom:1px dotted #D4BC98;}
.separateur			{padding-bottom:15px; border-top:1px dotted #D4BC98;}

.info				{font-style:italic;}
.nouveau			{margin-left:3px; padding:2px 4px; text-transform:uppercase; font:0.9em Arial,Helvetica,sans-serif; color:#FFF; background-color:#8B6177;}
#date-maj 			{font-family:Arial, Helvetica, sans-serif; padding-top:0.75em; font-size:0.9em; color:#666;}

/* Titres */
h1, h2 {
	margin-bottom:0.75em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h1 *, h2 *, h3 * {
	font:inherit;
}
h1 {
	font-size:1.7em;
	font-style:italic; 
	color:#794B64;
}
h2 {
	font-size:1.4em; 
	font-weight:bold; 
	color:#794B64;
}
h3, .technique-etape h4.niveau3 {
	margin-top:1.5em;
	margin-bottom:0.75em;
	font-size:1.1em;
	font-weight:bold;
	font-style:normal;
	color:#594534;
}
h4, h3.niveau4 {
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	color:#794B64;
	margin-bottom:0.75em;
}
#pg-accueil h1, #pg-accueil-guilde h1 {
	margin-bottom:0;
}
#pg-accueil h2 {
	font-size:1.3em;
	font-style:italic;
	font-weight:normal;
}
#pg-accueil h2 .titre-gros {
	font-size:1.3em; 
	font-style:italic;
	font-weight:normal;
}
.sous-titre, .sous-titre-annee {
	display:block;
	padding:0.25em 0;
	text-transform:uppercase;
}
#contenu h1 .sous-titre {
	font:0.75em Verdana, Arial, Helvetica, sans-serif;
	font-style:normal;
	/*text-transform:none;*/
}
#contenu h2 .sous-titre, .sous-titre-annee {
	font:0.7em Verdana, Arial, Helvetica, sans-serif; 
	font-weight:normal;
}
h3 .sous-titre {
	font-size:0.8em;
	font-weight:normal;
}
.sous-titre-annee {
	margin-left:45px;
}

/* Listes */
ul, #contenu ul.avec-puce {
	margin-left:15px; 
	margin-bottom:1.2em;
}
li {
	margin-bottom:0.5em; 
	line-height:1.5em; 
}
ul li, #contenu ul.avec-puce li {
	padding-left:20px;
	background:transparent url(../images/puce.gif) no-repeat 0px 4px;
}
ul.sans-puce, ul.sans-puce-espace, #colonne-secondaire ul {
	margin-left:0;
}
ul.sans-puce li, ul.sans-puce-espace li	{
	margin:0 0 1.2em; 
	padding-left:0; 
	background:none;
}
ul.sans-espace li {
	line-height:normal;
}
ul.sans-puce-espace li 	{
	margin:0 0 0.5em;
}
ul ul {
	margin-top:0.6em;
}
ol li {
	list-style-type:decimal;
	list-style-position:inside;
	margin-bottom:1.2em;
}

/* Hyperliens */

a, a:link			{color:#925C16; text-decoration:underline;}
a:visited			{color:#925C16; text-decoration:underline;}
a:hover, a:active	{color:#B11519; text-decoration:underline;}
a:hover img			{border-color:#BCA1AF;}

/* Icône Format */
a img.format 		{border:none;}
img.format			{position:relative; top:3px;}

/* Hyperliens sous forme de bouton */
a.plus {
	display:block; 
	width:108px; 
	height:20px; 
	padding-top:5px;
	background:transparent url(../images/btn-savoir-plus.png) no-repeat top left; 
	font:0.9em Arial, Helvetica, sans-serif; 
	color:#FFF; 
	text-transform:uppercase; 
	text-decoration:none; 
	text-align:center;
}
a.plus:link, a.plus:visited, a.plus:hover, a.plus:active {
	color:#FFF; 
	text-decoration:none;
}
a.plus:hover, a.plus:active {
	background-position:0 -35px;
}
.photos a.plus {
	margin-left:auto;
	margin-right:auto;
}
.zone-btn-plus {
	margin-top:1.5em;
}
a#btn-evenements, a#btn-guilde, a#btn-commande {
	width:138px; 
	background-image:url(../images/btn-evenements.gif);
}
a#btn-souvenirs, a#btn-quilt, a.btn-quilt {
	width:128px; 
	background-image:url(../images/btn-souvenirs.gif);
}

/* Images */
.img-gauche {
	float:left;
	margin:0 10px 5px 0;
	border:2px solid #925C16;
}
.img-droite {
	float:right;
	margin:0 0 5px 10px;
	border:2px solid #925C16;
}
.photos {
	text-align:center;
}
.photos div, .photo div {
	padding-bottom:5px;
}
.photos img {
	border:2px solid #925C16;
}
.photos .plusieurs img {
	margin:0 3px;
}
.galerie-photos {
	margin-bottom:1.25em;
	text-align:center;
}
.galerie-photos img {
	border:2px solid #925C16;
	margin:3px;
}
.galerie-photos a:hover img {
	cursor:url(../images/zoomin.cur), pointer;
}

/* Colonnes */
.colonnes-3 .colonne {float:left; width:158px; margin:0 4px 10px; text-align:center;}
.colonnes-2 .colonne {float:left; width:242px; margin:0 4px 10px; text-align:center;}
.encadre .colonnes-2 .colonne {width:229px; margin-bottom:0;}
.encadre .description {margin-top:0.5em;}

/* Tableaux */
table {
	margin:1em auto; 
	border-collapse:collapse;
}
caption {
	font-weight:bold; 
	text-transform:uppercase;
}
caption .nobr {
	font-weight:bold;
}
.tissage-passage {
	text-align:center;
}
.tissage-passage th	{
	height:25px;
}
.tissage-passage td {
	width:25px; 
	height:25px; 
	border:1px solid #666;
}
.tissage-passage tbody th {
	width:25px; 
	font-weight:bold;
}
table th.bordure-epais-d, table td.bordure-epais-d {
	border-right:3px solid #666;
}
table th.bordure-epais-g, table td.bordure-epais-g {
	border-left:3px solid #666;
}
.tissage-passage .patron {
	background-color:#eee;
}

/* Accueil - Liens (colonne de droite) */
.liens {
	margin-top:1.5em;
	text-align:center;
}
.liens div {
	margin-bottom:1.5em;
}
/* Accueil - Devenez membre */
#colonne-principale .colonne-double #devenez-membre {
	padding-bottom:15px;
}

/* Accueil - Coups de coeur */
#pg-accueil .coup-coeur-logo h2 .sous-titre {
	font:1em Georgia, "Times New Roman", Times, serif;
	text-transform:none;
	color:#C73E74;
}
#colonne-principale .coup-coeur-logo .contenu {
	background-color:transparent;
}
.coupcoeur, .technique, .souvenir {
	clear:left;
	padding-top:1.5em;
	border-top:1px dotted #D4BC98;
}
#coupcoeur-1, #technique-1, #souvenir-1 {
	margin-top:0;
	padding-top:0.5em;
	border:none;
}
.coupcoeur .image, .coupcoeur .description, .coupcoeur .resume, 
.technique .image, .technique .description,
.souvenir .image, .souvenir .description {
	padding-bottom:1.5em;	/* Pour Firefox */
}
.coupcoeur .image, .technique .image, .souvenir .image {
	float:left;
	width:160px;
}
.coupcoeur .image-navig {
	padding-bottom:0.75em;
	text-align:center;
}
.coupcoeur .description, .technique .description, .souvenir .description {
	float:left;
	width:340px;
}
.coupcoeur img, .technique img, .souvenir img {
	border:2px solid #925C16;
}
.coupcoeur h3, .technique h3, .souvenir h3 {
	margin:0 0 0.45em;
}
.coupcoeur .auteur {
	margin-bottom:1.2em;
}

/* Accueil - Agenda / Guilde - Rencontres */
.evenement * {
	line-height:1.5em;
}
.evenement {
	padding:1em 0;
	border-bottom:1px dotted #D4BC98;
}
#evenement-1 {
	padding-top:0;
}
.evenement .date {
	margin-bottom:0.15em;
}
.evenement .titre {
	font-size:1.1em;
	font-weight:bold;
}
.evenement .lieu {
	margin-top:0.35em;
	font-size:0.9em;
	text-transform:uppercase;
}
.evenement .image {
	padding:7px 0 5px;
	text-align:center;
}
.evenement img {
	border:2px solid #925C16;
}

/* Carnet d'adresses - Accueil / Techniques */
#commandite-1 {
	padding-top:5px;
	border:none;
}
.commandite h3 {
	margin:0;
}
.commandite {
	padding:10px 0;
	border-top:1px dotted #D4BC98;
}

/* Techniques */
.technique-etape {
	padding-top:1.2em;
}
.technique-etape h3, .technique-etape h4.niveau3 {
	margin-top:0;
	padding-bottom:0.25em;
	border-bottom:1px dotted #D4BC98;
}
.technique-etape .photo {
	float:left;
	padding:4px 14px 0 0;
	width:191px;
	font:0.9em Arial, Helvetica, sans-serif;
	text-align:center;
}
.technique-etape img {
	border:2px solid #925C16;
}
.technique-etape .description {
	float:left;
	width:295px;
}
.capsule-auteur {
	margin:1em 0 2em;
}

/* Publications */
.publication {
	clear:both;
	width:100%;
	padding-top:1.5em;
	border-top:1px dotted #D4BC98;
}
.publication .image, .publication .description {
	padding-bottom:1.5em;	/* Pour Firefox */
}
.publication .image {
	float:left;
	width:140px;
}
.publication .description {
	float:left;
	width:360px;
}
.publication img {
	border:2px solid #925C16;
}
.publication h3 {
	margin:0 0 0.45em;
}
.prix {
	color: #794B64;
	margin-bottom:0;
}

/* Souvenirs */
.titre-seduction {
	padding-bottom:0.25em;
	color:#794B64;
	font:1.2em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	text-align:center;
}

/* Historique */
.annee {
	display:block; 
	float:left; 
	width:45px; 
	font-weight:normal;
}
.annee-indentation {
	margin-left:45px;
}

/* Formulaire */
form			{margin-bottom:1.2em;}
form .groupe 	{padding:0.5em 0;}
form .texte 	{margin-bottom:1em;}
form legend 	{padding-bottom:0.5em; text-transform:uppercase;}
form label 		{display:block; padding-bottom: 0.25em;}

.texte input, .texte select, .texte textarea {
	padding:2px; 
	border:1px solid #BCA1AF; 
	background-color:#FEFAFC;
}
option {padding-left:2px;}

form .bouton {
	text-align:center;
}
form .bouton input {
	width:78px; 
	padding:4px 10px 6px; 
	background:transparent url(../images/btn-envoyer.gif) no-repeat top left; 
	color:#FFF; 
	text-transform:uppercase; 
	text-align:center;
}
form .bouton input:hover {
	cursor:pointer; 
	background-position:0 -35px;
}

#form-nous-joindre {padding:0 95px;}
#form-nous-joindre .texte input, #form-nous-joindre select, #form-nous-joindre textarea {width:300px;}
#form-nous-joindre textarea {height:175px;}

#form-passer-commande table {margin-bottom:1em; width:100%;}
#form-passer-commande .texte input, #form-passer-commande textarea {width:214px;}
#form-passer-commande .texte table input {width:16px; text-align:right;}
#form-passer-commande table {border-collapse:collapse;}
#form-passer-commande table th, #form-passer-commande table th * {font-weight:bold;}
#form-passer-commande table th,
#form-passer-commande table td {padding:3px 4px;}
#form-passer-commande .impair td {background-color:#F7F4F0;}
#form-passer-commande #ch_commande {height:125px;}

#contenant #ch_telephone {width:90px;}
#contenant #ch_codepostal {width:60px;}

/* Messages d'erreur */
.msgerreur p {
	margin-bottom:0.75em; 
	padding:5px; 
	font-weight:bold; 
	background-color:#C33; 
	color:#FFF; 
	text-align:center;
}
.msgerreur ul, label.ch_erreur {
	color:#C33;
}
#contenant .msgerreur ul a {
	color:#C33; 
	text-decoration:none;
}
.texte input.ch_erreur, .texte select.ch_erreur, .texte textarea.ch_erreur {
	border-color:#C33; 
	background-color:#FFF;
}

/* >>> Pied de page ----------------------------------------------------------- */

#piedpage {
	margin-top:15px;
	padding:10px 0 20px;
	background-color: #DDD2C1;
	font-size:0.9em;
	text-align:center;
	line-height:1.5em;
}
#piedpage a, #piedpage a:link {color:#000;}
#piedpage .webmestre {position:relative; top:3px; font:0.9em Arial, Helvetica, sans-serif;}

.clear {clear:both;}