html {
    background:#111 url(../img/html-bg.jpg) no-repeat top right;
}
body {
    background:transparent;
    color:#ccc;
}
h1, h2, h3, h4, h5, h6 {
    font-family: times, Times New Roman, times-roman, georgia, serif;
    font-size: 48px;
    line-height: 40px;
    letter-spacing: -1px;
    color: #444;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-weight: 100;
    text-align:center;
}
h1 { font-size:48px; }
h2, h2 a{ font-size:28px;color:#888;font-style:italic; }
a {
    text-decoration:none;
    color:#ff2fc0;
}
b {
    color:#ccc;
}
p {
    color: #bbb;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-align:center;
	margin: 20px auto 30px auto;
	line-height: 145%;
	font-size: 14pt;
	font-variant: small-caps;

}
p.pitch {
	font-variant: normal;
    margin:0 auto;
    color:#ffaffd;
}
blockquote {
    color:#ccc;
    font-family:times,Times New Roman,times-roman,georgia,serif;
    font-size:30px;
    font-style:italic;
    letter-spacing:-2px;
    line-height:40px;
margin:40px;
padding:30px 50px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background:#222 url(../img/tile.jpg) repeat 0 0;
}

address {
    background:#222 url(../img/tile.jpg) repeat 0 0;
    color:#666;
    padding:20px;
    margin:20px auto;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
address b {
    display:block;
    padding:10px 0 6px 0;
    font-size:80%;
    color:#999;
}
#bd ul {
    list-style: disc url(../img/bullet.jpg) outside;
}
ul li {
    margin-left:40px;
    list-style-type:circle;
    font-size:10pt;
    color:#aaa;
    padding:4px 0;
}
ul.form {}
ul.form li {
    list-style:none!important;
    list-style-type:none!important;
    list-style-image:none!important;
}
ul.form li label {
    display:block;
    font-size:80%;
    font-family:monospace, sans-serif;
    color:#777;
    padding:2px;
}
ul.form li textarea, 
ul.form li input {
    background:#222;
    border:2px solid #333;
    color:#999; 
    padding:3px;
}
ul.form li textarea:focus, 
ul.form li input:focus {
    background:#333;
    border:2px solid #444;
}
ul.errorlist {
    padding:0;
    display:inline;
}
ul.errorlist li {
    margin:0;
    padding:0;
    color:#FF2FC0;
    display:inline;
}
div.hr {
    height:20px;
    margin:40px 0;
    background:#111 url(../img/hr-bg.jpg) no-repeat 50% 50%;
    border:0;
    height:72px;
}
#logo {
    background:transparent url(../img/logo.png) no-repeat 50% 50%;
    display:block;
    width:200px;
    height:108px;
}
#hd {
    width:780px;
    margin:0 auto;
    padding-top:10px;
}
#bd {
    width:780px;
    margin:0 auto;
    height:100%;
    overflow:auto;
}


/* -- NAV --*/
#nv {
    width:780px;
    margin:0 auto;
}
.nav {
    float:right;
    list-style:none;
}
.nav li {
    float:left;
    list-style-type:none;
    margin:0;padding:0;
}
.nav li a {
    display:block;
    text-align:center;
    margin:0 1px;
    padding:60px 20px 10px 20px;
    border-bottom:2px solid #666;
    background:#222 url(../img/tile.jpg) repeat 0 0;
    color:#666;
}
.nav li a:hover {
    border-bottom:2px solid #ccc;
    color:#ccc;
    background:#222 url(../img/tile-hover.jpg) repeat 0 0;
}
.nav li a.active {
    border-bottom:2px solid #ff2fc0;
    background:#222 url(../img/tile.jpg) repeat 0 0;
    color:#ff2fc0;
}
.color-switcher {
    float:right;
}
.color-switcher li {
    margin:0;padding:0;list-style:none;
    float:left;
}
.color-switcher li a {
    display:block;
    width:20px;
    height:20px;
    background:#c30;
    margin:8px 8px 8px 0;
    border:1px solid #999;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
.color-switcher li a.active {
    border:1px solid #ff2fc0;
}
.color-switcher li a.switch-white {
    background:#ddd url(../img/tile-w.jpg) repeat 0 0;
}
.color-switcher li a.switch-black {
    background:#111 url(../img/tile.jpg) repeat 0 0;
}

.subnav {
    height:25px;
    background:#222 url(../img/tile.jpg) repeat 0 0;
    border-top:1px solid #333;
    position:fixed;
    bottom:0;
    left:0;
    right:0;
    padding:4px 0 0 0;
    color:#444;
    text-align:center;
}
.subnav a {
    padding:6px 10px;
    font-size:80%;
}
/* -- NAV:END --*/

/* -- FOOTER --*/
#ft {
    text-align:center;
    padding:20px;
    font-size:70%;
    color:#666;
}
/* -- FOOTER:END --*/

/* -- HOME --*/
.tarification {
    width:50%;
    padding:20px 40px;
    border-right:1px solid #222;
}
.tarification p {
    line-height:135%;
    margin:20px 0;
    font-size:12pt;
    text-align:left;
}
.contact {
    width:50%;
    padding:20px 40px;
}
/* -- HOME:END --*/
.hidden { display:none; }
blockquote.small {
    font-size:22px;
}
blockquote.xsmall {
    font-size:22px;
    line-height:24px;
}


/* -- WHITE THEME -- */

html.white {
    background:#f1f1f1 url(../img/html-bg-w.jpg) no-repeat top right;
}
.white h2,
.white h2 a {
    color: #555;
}
.white p {
    color: #333;
}
.white p.pitch {
    color:#DF99DE;
}

.white b, 
.white ul li {
    color:#333;
}
.white blockquote {
    color:#444;
    background:#ddd url(../img/tile-w.jpg) repeat 0 0;
}

.white address {
    background:#ddd url(../img/tile-w.jpg) repeat 0 0;
    color:#444;
}

.white div.hr {
    background:#f1f1f1 url(../img/hr-bg-w.jpg) no-repeat 50% 50%;
}
.white .nav li a {
    border-bottom:2px solid #666;
    background:#ddd url(../img/tile-w.jpg) repeat 0 0;
    color:#444;
}
.white .nav li a:hover {
    border-bottom:2px solid #999;
    background:#222 url(../img/tile-hover-w.jpg) repeat 0 0;
}
.white .nav li a.active {
    border-bottom:2px solid #ff2fc0;
    background:#ddd url(../img/tile-w.jpg) repeat 0 0;
    color:#ff2fc0;
}
.white .tarification {
    border-color:#ccc;
}
.white #logo {
    background:transparent url(../img/logo-w.png) no-repeat 50% 50%;
}
.white #bd ul {
    list-style: disc url(../img/bullet-w.jpg) outside;
}
.white .subnav {
    height:25px;
    background:#ddd url(../img/tile-w.jpg) repeat 0 0;
    border-color:#999;
    color:#999;
}

.white ul.form li label {
    color:#777;
}
.white ul.form li textarea, 
.white ul.form li input {
    background:#ddd;
    border:2px solid #ccc;
    color:#999; 
}
.white ul.form li textarea:focus, 
.white ul.form li input:focus {
    background:#eee;
    border:2px solid #aaa;
}
.white .errorlist li {
    color:#FF2FC0!important;
}