/* @override 
	http://powerbook.local/~Arthur/spip/squelettes/styles/elements.css
	http://www.dauchez.ch/spip/squelettes/styles/elements.css
	http://www.associationanak.org/squelettes/styles/elements.css
*/

/* Style properties for HTML elements based on the HTML 4.01 Specification.
   <http://www.w3.org/TR/html401/cover.html#toc>

   Blank version of this stylesheet:
   <http://www.webproducer.at/lab/elements.css>
*/

/* Section 7.5: The document body */
body {
  margin: 0;
  padding: 1em;
  min-width: 50em;
  font-size: 75.01%; /* 18px [2] */
  background: #ff9900;
  font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #444;
}
h1 {
  font-size: 1.5em; /* 18px */
  line-height: 1.3em; /* 24px */
  margin: 0.89em 0; /* 16px 0 */
}
.main-content h1 {
	color: navy;
	background: url(../images/bullet_titre.gif) no-repeat left center;
	padding-left: 1.5em;
}
h2 {
  font-size: 1.25em; /* 15px */
  line-height: 1.4em; /* 21px  */
  margin: 1.07em 0; /* 16px 0 */
}
.box h2 {
	color: #ff9900;
	border-bottom: thin solid #ff9900;
	margin-bottom: 0.5em;
	font-size: 110%;
	font-weight: bold;
}
h3 {
  font-size: 1em; /* 12px */
  font-style: italic;
  margin: 1.33em 0; /* 16px 0 */
}
h4, h5, h6 {
  font-size: .75em; /* 9px */
  line-height: 2em; /* 18px */
  margin: 1.56em 0; /* 14px 0 */
}
h4 {
  text-transform: uppercase;
}
h5 {}
h6 {
  font-style: italic;
}
address {}

/* Section 9: Text */
/* 9.2: Structured text */
em {}
strong {}
dfn {}
code {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
samp {}
kbd {}
var {}
cite {}
abbr {}
acronym {}
blockquote {
	font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", sans-serif;
	border-left-style: solid;
	border-left-color: #f90;
	padding-left: 1em;
	text-align: justify;
}
q {}
sub {}
sup {}
/* End of 9.2 */
p {}
.main-content p {
	text-align: justify;
	margin-bottom: 1em;
}
.main-content .vert {
	color: #6c3;
}
.main-content .orange {
	color: #f90;
}
.main-content .rouge {
	color: #f00;
}
.main-content .centre {
	display: block;
	text-align: center;
}
.hosting p {
	text-align: right;
	font-style: italic;
	font-size: x-small;
	margin: 0;
}
.footer p {
  margin: 0;
  text-align: center;
	color: white;
	font-size: x-small;
}
pre {
  font-family: "Bitstream Vera Sans Mono", "Courier New", Monaco, Courier, monospace;  /* [3] */
}
ins {}
del {}

/* Section 10: Lists */
ul {
  margin: 1em 0;
  padding: 0 0 0 2.5em;
}
ul.spip { 
	list-style-image: url(../images/bullet_menu.gif);
	text-align: justify;
}
ul ul {
  margin: 0;
  padding: 0 0 0 1.25em;
}
ol {
  margin: 1em;
  padding: 0 2em;
}
ol ol {
  margin: 0;
}
li {
  margin: 0;
  padding: 0;
	list-style-position: outside;
}
.box ul {
	margin-top: 0;
	text-align: left;
	padding-left: 0;
}
.box ul ul{
	padding-left: 1em;
	font-size: 80%;
}
dl {}
dt {}
dd {}

/* Section 11: Tables */
table {}
table.Habsburg {
	margin: auto;
	font-weight: bold;
	border-style: none;
	font-size: x-small;
}
caption {}
thead {}
tfoot {}
tbody {}
colgroup {}
col {}
tr {}
th {}
td {}
table.Habsburg td {
	padding: 0.5em;
}

/* Section 12.2:  The A element */
a:link {
	color: #ff9900;
}
a:visited {
	color: #ff9900;
}
a:link:hover {
	color: #ff9900;
	text-decoration: underline;
} /* [4] */
a:visited:hover {
	color: #ff9900;
	text-decoration: underline;
}
a:active {
	color: #ff9900;
}
a:focus {
	color: #ff9900;
}
a:focus:hover {
	color: #ff9900;
	text-decoration: underline;
}
.box ul li a,
.box ul ul li a,
.box ul lu a:visited,
.box ul ul li a:visited {
	color: #444;
	background: url(../images/bullet_menu.gif) no-repeat 0 center;
	padding-left: 10px;
}
.box h2 a:hover,
.box h2 a:visited:hover,
.box h2 a:focus:hover {
	text-decoration: none;
	color: #f60;
}
#footer a:link {
	color: white;
	text-decoration: underline;
}
#footer a:visited {
	color: white;
	text-decoration: underline;
}
#footer a:link:hover {
	color: white;
	text-decoration: none;
}
#footer a:visited:hover {
	color: white;
	text-decoration: none;
}
#footer a:active {
	color: white;
}
#footer a:focus {
	color: white;
}
#footer a:focus:hover {
	color: white;
	text-decoration: none;
}

/* Section 13: Objects, Images, and Applets */
img {}
object {}
#header object,
#header img {
	margin: 0 auto;
	display: block;
}
applet {}
.img_centre img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.img_centre a img {
	border: 1px solid #f90;
	padding: 5px;
}

.lang a img {
	border-style: none;
	width: 2em;
}
.galerie img {
	margin: 0.5em;
}

/* Section 15: Alignment, font styles, and horizontal rules */
/* 15.2: Fonts "[...] their use is discouraged in favor of style sheets." */
tt {}
i {}
b {}
big {}
small {}
/* End of 15.2 */
hr {}

/* Section 16: Frames */
iframe {}

/* Section 17: Forms */
form {}
input {}
input:focus {}
button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {}
textarea:focus {}
label {}
fieldset {}
legend {}

/*
  [1] All calculations are based on the assumption that 1em is 12px.
  [2] If you specify a font-size, also consider to specify a line-height property.
  [3] If you don't specify something other than monospace, mozilla will calculate
      its own font-size based on the user preferences.
  [4] "... prevents hover styles from being applied to non-hyperlink anchors."
      <http://devedge.netscape.com/viewsource/2003/arbitrary-hover/>
*/

.boutonvert,
.boutonorange {
	width: 10em;
	text-align: center;
	font-weight: bold;
	height: 1em;
	margin: 0.5em auto;
	padding: 0.5em;
	font-size: 1.3em;
}

.boutonvert a,
.boutonvert a:visited,
.boutonvert a:hover,
.boutonvert a:visited:hover,
.boutonorange a,
.boutonorange a:visited,
.boutonorange a:hover,
.boutonorange a:visited:hover {
	color: #fff;
	text-decoration: none;
}

.boutonvert {
	background-color: #66cc33;
}

.boutonorange {
	background-color: #ff9900;
}