*					{ margin: 0; padding: 0; border-spacing: 0; border-width: 0; }
HTML				{ overflow-y: scroll; overflow: -moz-scrollbars-vertical; }
BODY				{ max-width: 1200px; margin: auto; background-color: #ffffff; font-family: verdana; font-size: 10pt; color: #668844; }
H1					{ text-align: center; font-size: 32pt; }
H2					{ text-align: center; font-size: 24pt; }
H3					{ padding: 10px 0 20px 0; font-size: 20pt; text-decoration: underline; text-align: center; }
HR					{ border: solid 1px black; }
P					{ padding: 5px; }
LABEL				{ display: inline-block; width: 100px; }
FIGURE				{ display: inline-block; }
FIGCAPTION			{ text-align: center; }
OL					{ margin: 5px 40px 5px 65px; }
OL LI				{ padding: 5px 0; }

DIV#banner			{ margin: 0 auto 20px auto; text-align: center; }
DIV#page				{ width: 100%; }
DIV#compteur			{ float: left; }
DIV#circles			{ width: 120px; height: 480px; margin-left: 10px; }
DIV#tabs				{ float: right; width: 120px; }
DIV#tabs UL			{ width: 100px; }
DIV#text				{ height: 300px; padding: 0 150px; text-align: justify; }
DIV#text IMG			{ max-width: 700px; }
TABLE#moments		{ padding-bottom: 20px; }
TABLE.heures		{ width: 280px; margin: 0 10px; border: solid 2px #ff9933; }
TABLE.heures TD		{ padding: 0 10px; }
TABLE.heures DL		{ padding: 2px; font-size: 9pt; }
TABLE.heures DT		{ font-style: italic; }
TABLE.heures DD		{ padding-left: 30px; }
TABLE#lieux			{ width: 100%; }
TABLE#lieux TD		{ vertical-align: top; padding: 10px; }
TABLE#lieux IMG		{ width: 320px; }
TABLE#voyage		{ margin: 20px auto; width: 100%; }
TABLE#voyage TD		{ text-align: center; padding: 10px; }
TABLE#voyage IMG	{ border: solid 3px #bbdd33; width: 320px; }
TABLE#voyage IMG:hover	{ border: solid 3px #ff9933; }

TABLE#articles		{ margin: auto; width: 100%; }
TABLE#articles TH	{ padding: 10px; font-size: 12pt; text-align: center; }
TABLE#articles TD	{ padding: 10px; }
TABLE#articles DIV	{ width: 180px; height: 200px; float: left; text-align: center; border: solid 2px #bbdd33; margin: 5px; }
TABLE#articles DIV.participation	{ width: 374px; height: 200px; float: left; text-align: center; border: solid 2px #bbdd33; margin: 5px; }
TABLE#articles DIV P.article	{ height: 50px; font-size: 10pt; font-weight: bold; color: #ff9933; border-bottom: dashed 1px #bbdd33; background-color: #f9ffee; }
TABLE#articles DIV UL	{ list-style-type: none; margin: 5px; font-size: 9pt; }
TABLE#articles DIV LI	{ padding: 2px; }
TABLE#articles INPUT { text-align: center; border: solid 1px #668844; padding: 3px; color: #668844; }
TABLE#articles INPUT[type="submit"]	{ border: solid 2px #bbdd33; background-color: #f9ffee; padding: 3px 10px; }
TABLE#articles INPUT[type="submit"]:hover	{ border: solid 2px #ff9933; }
TABLE#articles SELECT	{ border: solid 1px #668844; color: #668844; padding: 1px 5px; }
INPUT#participation	{ width: 30px; }
TABLE#panier		{ margin: 10px auto; border-collapse: collapse; }
TABLE#panier TH		{ height: 30px; text-align: center; background-color: #f9ffee; border: solid 1px #668844; padding: 3px 5px; }
TABLE#panier TH#mesCoords	{ width: 350px; }
TABLE#panier TH#monPanier	{ width: 390px; }
TABLE#panier TD		{ border: solid 1px #668844; text-align: center; vertical-align: top; padding: 2px 5px; }
TABLE#panier TH INPUT	{ border: solid 2px #bbdd33; background-color: #f9ffee; color: #668844; padding: 3px 10px; }
TABLE#panier TH INPUT[type="submit"]:hover	{ border: solid 2px #ff9933; }
TABLE#panier P		{ text-align: left; }
TABLE#panier P INPUT	{ border: solid 1px #ff9933; width: 340px; color: #668844; padding: 2px; }
TABLE#panier P INPUT:hover	{ border: solid 1px #bbdd33; }
TABLE#panier P TEXTAREA	{ border: solid 1px #ff9933; width: 340px; height: 100px; color: #668844; padding: 2px; }
TABLE#panier P TEXTAREA:hover	{ border: solid 1px #bbdd33; }
UL#cadeau			{ list-style-type: none; }
UL#cadeau LI			{ text-align: left; border-bottom: dotted 1px #ff9933; }
UL#cadeau LI DL		{ margin: 5px 0; }
UL#cadeau LI DT		{ padding: 2px; font-size: 10pt; font-weight: bold; }
UL#cadeau LI DD		{ padding: 2px; font-size: 9pt; text-indent: 20px; }
UL#cadeau LI IMG		{ float: right; clear: both; }
UL#cadeau LI SPAN	{ float: right; clear: both; }
DIV#dialog			{ text-align: center; color: #668844; }

A#tabinno			{ text-decoration: underline; }
A#tabinno:hover		{ cursor: pointer; }

DIV#cadeaux DL		{ margin: 10px; padding: 5px; width: 550px; background-color: #bbdd33; float: left; }
DIV#cadeaux DT		{ margin-bottom: 5px; padding: 10px 20px; background-color: #ffffff; height: 150px; }
DIV#cadeaux DD		{ padding: 10px 20px; background-color: #ffffff; height: 150px; }
DIV#cadeaux UL		{ margin: 5px 20px; list-style-type: none; }
DIV#cadeaux P.invite	{ font-weight: bold; }
DIV#cadeaux P.message	{ font-style: italic; padding: 0 20px; }
DIV#cadeaux P.total	{ font-weight: bold; }
DIV#cadeaux P#total	{ clear: both; font-weight: bold; margin: 10px; text-align: center; font-size: 12pt; }

LI.tab				{ display: block;  text-align: center; margin-bottom: 5px; padding: 5px; border: solid 3px #bbdd33; border-radius: 50%; }
LI.tab:hover			{ cursor: pointer; }
LI.tab IMG			{ height: 80px; }
LI.active			{ background-color: #eeff88; }
LI.inactive			{ background-color: #ffffff; }
LI.inactive:hover	{ background-color: #eeff88; }
P.center			{ text-align: center; }
P.imgcenter			{ text-align: center; padding: 5px 0; }
H4.moment			{ color: #ff9933; padding: 10px 0 0 0; }
SPAN.moment			{ font-weight: bold; color: #bbdd33; font-style: italic; }
SPAN.temoin			{ font-weight: bold; color: #ff9933; }
TD.dashed			{ border-bottom: dashed 1px #ff9933; }
H4.lieu				{ color: #ff9933; text-align: center; font-size: 12pt; }
DIV.map				{ width: 340px; height: 300px; }
DIV.adresse			{ width: 160px; height: 40px; text-align: center; }
A.link				{ color: #ff9933; font-weight: bold; }
SPAN.compte			{ color: #ff9933; font-weight: bold; }
TH.center			{ text-align: center; }
TD.center			{ text-align: center; }
SPAN.qte INPUT		{ width: 30px; margin: 0 3px; }

/**
 *	This element is created inside your target element
 *	It is used so that your own element will not need to be altered
 **/
.time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}

/**
 *	This is all the elements used to house all text used
 * in time circles
 **/
.time_circles > div {
    position: absolute;
    text-align: center;
}

/**
 *	Titles (Days, Hours, etc)
 **/
.time_circles > div > h4 {
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family: 'Century Gothic', Arial;
}

/**
 *	Time numbers, ie: 12
 **/
.time_circles > div > span {
    display: block;
    width: 100%;
    text-align: center;
    font-family: 'Century Gothic', Arial;
    margin-top: 0.4em;
    font-weight: bold;
}