@font-face {
font-family: Liza;
src: url('fonts/UnderwareLizaStdMozillaDEMO.ttf');
}

@font-face {
font-family: Dolly;
src: url('fonts/UnderwareDollyBolMozillaDEMO.ttf');
src: url('fonts/UnderwareDollyItaMozillaDEMO.ttf');
src: url('fonts/UnderwareDollyRomMozillaDEMO.ttf');
font-weight: normal;
}

body {
background-color: #232323;
background-color: #1B1B1B;
background-color: #232323;
background-color: #2a2a2a;
background-color: #F9F9F4;
background-color: #000000;
background-color: #F2F4E3; /* Beige LiveLabs */
background-color: #A5151E; /* Red Mozilla */
background-color: #F9F9F4;
-moz-box-shadow:0em 0em 3em #000;
-webkit-box-shadow:0em 0em 3em #000;
box-shadow:0em 0em 3em #000;
font-family: Arial,Myriad Web,Syntax,sans-serif;
font-size: 1em;
color: white;
margin: 18px auto;
margin-top: 35px;
width: 42em;
display: block;

background-image: url(../pix/bg_body.gif);
background-attachment: fixed;

/* border-left: 1px solid #2f2f2f; */
/* border-left: 1px solid #A5151E; */
/* border-right: 1px solid #A5151E; */
/* border-left: 1px solid #2f2f2f; */
/* border-right: 1px solid #2f2f2f; */
}

div#home {
/* background-color: #1B1B1B; */
/* background-color: #2a2a2a; */
padding-top: 30px;
padding-bottom: 30px;
background-color: #36464D; /* Gray/vert caca d'oie Opera */
background-color: #000000;
background-color: #333000;
background-color: #1B1B1B;
}

div#header {
/* background-color: #2a2a2a; */
background-color: #000000;
background-color: #1B1B1B;
background-color: #333000;
background-color: #1B1B1B;
margin: 0 auto;
text-align: center;
display: block;
}


div#footer {
/* background-color: #2a2a2a; */
background-color: #333000;
background-color: #000000;
background-color: #1B1B1B;
display: block;
margin: 0 auto;
text-align: center;
font-family: Times New Roman, times, Georgia, serif;
font-size: 0.9em;
padding: 15px;
border-top: #2F2F2F double 3px;
font-variant: small-caps;
}

h1, h2, h3 {
clear:both;
font-family: Georgia, serif;
letter-spacing: 0.1em;
font-weight: normal;
}

h1 {
color: #EDB810;
letter-spacing: 0;
color: #A5151E; /* Red Mozilla */
color: #F4D34E;
font-size: 3.42em;
font-size: 3em;
margin: 0 0 5px 0;
font-family: Times new roman;
/* border-bottom: 1px double #333333; */
/* font-variant: small-caps; */
font-weight: 100;
text-align: center;
font-family: baskerville,palatino,'palatino linotype',georgia,serif;
}

h1 a,
h1 a:hover,
h1 a:visited {
color: #F4D34E;
margin: 0 0 5px 0;
text-decoration: none;
border:none;
}

h2 {
color: #2DAEBF;
color: #FF5C00;
color: #CC7833;
color: #A5C261;
color: #DA4939;
color: #EDB810;
color: #A53712;
color: #FFD966;
color: #EDB810;
color: white;
color: #F4D34E;
color: #FFD966;
font-size: 2.5em;
text-align: center;
/* background-image: url(""); */
/* background-position: bottom center; */
/* background-repeat: no-repeat; */
/* border-top: #A5151E double 3px; */
/* border-bottom: #A5151E solid 1px; */
font-family: Georgia, times new roman, serif;
font-family: Liza, Georgia, serif;
text-transform: capitalize;
}

div.hr {
text-align: center;
color: #A5151E;
color: #bbb;
font-size: 1.3em;
}

h3 {
font-size: 2em;
text-align: center;
color: #EDB810;
color: #FF5C00;
color: #DA4939;
color: #A5C261;
}

dfn {
display: block;
border-left: 6px solid #4f4f4f;
padding-left: 5px;
font-size: 12px;
color: #ccc;
font-style: normal;
}

img {
margin: 0;
padding: 0;
display: block;
}

img.polaroid  {
margin: 0 auto;
background-color: #fff;
background-color: #F2F4E3; /* Beige LiveLabs */
padding: 10px 10px 10px 10px;
text-decoration: none;
display: block;
/* border-bottom: 3px solid #333; */
/* border-right: 2px solid #666; */
}

img + label {
display: block;
background-color: #F2F4E3;
color: #333;
font-weight: bold;
margin: 0 auto;
text-align: center;
padding-top: 8px;
padding-bottom: 8px;
font-family: helvetica, sans-serif;
width: 358px;
}

a.polaroid:after {
margin-bottom: 12px;
content: attr(title);
text-align: center;
text-decoration: none;
color: #1b1b1b;
font-family: Arial, sans-serif;
font-variant: small-caps;
font-weight: bold;
}

ul#menu {
font-family: baskerville,palatino,'palatino linotype',georgia,serif;
font-family: Georgia, serif;
list-style-type: disc;
font-size: 1.5em;
/* border: #CED474 solid 1px; */
/* border-bottom: #2F2F2F double 3px; */
/* border-bottom: #2F2F2F solid 1px; */
padding: 5px;
margin: 0 auto;
font-variant: small-caps;
}

ul#submenu li ,
ul#menu li {
display: inline;
letter-spacing: 1px;
}

ul#submenu {
font-size:1.1em;
color: white;
font-family: baskerville,palatino,'palatino linotype',georgia,serif;
font-family: Georgia, serif;
list-style-type: disc;
/* border: #CED474 solid 1px; */
border-top: #2F2F2F double 3px;
/* border-bottom: #2F2F2F solid 1px; */
padding: 5px;
margin: 0 auto;
font-variant: small-caps;
}

ul#menu li:after {
content: ' /';
color: #2F2F2F;
}

ul#menu li a,
ul#menu li a:visited {
color: white;
color: #CED474;
color: #BCAC6A;
color: #EA741A;
}

ul#menu li a:hover {
-webkit-transition: color,border-bottom 350ms ease-in; /* Saf3.2+, Chrome */
-moz-transition: color,border-bottom 350ms ease-in; /* FF3.7+ */
-o-transition: color,border-bottom 350ms ease-in; /* Opera 10.5+ */
transition: color,border-bottom 350ms ease-in; /* futureproofing */
color: #FFD96A;
}

a, a:visited {
color: #6D9CBE;
color: #8ac6f2;
color: #FFD966;
color: #DA4939;
color: #2DAEBF;
color: #59BFB3;
color: #148CB5;
color: #BCAC6A;
color: #ffff99;
color: white;
text-decoration:none;
border-bottom: 1px solid #555555;
}

div.col {
width: 10.5em;
float: left;
text-align: justify;
margin: 0 0 3em 0;
padding-bottom: 1em;
border-bottom: 3px double #333;
clear:none;
}

div.col ul {
list-style-type: none;
clear:none;
list-style-position: outside;
padding:0 0 0 2em;
margin: 1em 0 0 0;
}

div.col ul li {
clear:none;
font-family: Times New Roman, Georgia, serif;
font-variant: small-caps;
line-height: 1.5em;
font-size: 1.1em;
letter-spacing: 0.03em;
}

div.col ul li:hover {
list-style-type: square;
color: #DA4939;
}

h4 {
clear:none;
font-size: 1.4em;
font-weight: 100;
font-variant: small-caps;
font-family: baskerville,palatino,'palatino linotype',georgia,serif;
margin: 0;
padding: 0 1em 0 1em;
letter-spacing: 1px;
}

h4#green { color: #679421; }

h4#orange { color: #E46200; }

h4#blue { color: #8ac6f2; }

h4#red { color: #DA4939; }

span#logo {
background-color: #fff;
color: black;
width: 1em;
clear: none;
font-family: baskerville,palatino,'palatino linotype',georgia,serif;
margin: 0 0.5em 0 0;
padding: 0;
}

div#cartouche {
margin: 1em 0 0 0;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
text-align: left;
display: block;
width: 100%;
font-size: 1.3em;
font-family: baskerville,palatino,'palatino linotype',georgia,serif;
}

a:hover {
-webkit-transition: border-bottom 250ms ease-in; /* Saf3.2+, Chrome */
-moz-transition: border-bottom 250ms ease-in; /* FF3.7+ */
-o-transition: border-bottom 250ms ease-in; /* Opera 10.5+ */
transition: border-bottom 250ms ease-in; /* futureproofing */
border-bottom: 1px solid white;
}

p#big {
width: 85%;
word-spacing: 0.1em;
text-align: justify;
font-size: 2em;
line-height: 1.5em;
font-family: Georgia;
font-style: italic;
/* color: #BCAC6A; */
}

p#big:first-letter {
font-size: 4em;
float: left;
padding-right: 15px;
font-family: Georgia, serif;
line-height: 0.7em;
}

p#big:first-line {
font-variant: small-caps;
}

p {
clear: both;
font-size: 1em;
font-family: Dolly, Georgia, Arial, Verdana;
font-family: "calluna-1", "calluna-2", Georgia, serif;
text-align: justify;
line-height: 1.5em;
width: 33em;
margin: 0 auto 1em auto;
}

p + p {
text-indent: 1em;
}


em {
color: #DA4939;
}


h2 + blockquote {
margin: 0 auto;
margin-bottom: 1em;
text-align: center;
color: #EEB911;
color: #BCAC6A;
font-family: Georgia, serif;
font-style: italic;
font-size: 0.9em;
width: 28em;
padding: 10px 5px;
border-top: 1px double #333000;
border-bottom: 1px double #333333;
line-height: 1.5em;
}

cite:before { content: "— " }

cite {
margin-top: 8px;
text-transform: capitalize;
display: block;
text-align: right;
color: #ffff99;
font-family: Georgia, serif;
text-transform: uppercase;
font-style: normal;
font-size: 0.82em;
} 

p#col1 {
word-spacing: 0.1em;
float: left;
width: 18em;
margin-left: 1em;
margin-right: 2em;
white-space: normal;
clear:none;
}

p#col2 {
word-spacing: 0.1em;
float: left;
width: 18em;
margin-left: 2em;
margin-right: 1em;
clear:none;
}