html {height: 100%;}
body {padding: 0; background: #efefef url('i/bg/background.jpg') 50% 100% repeat; background-attachment: fixed; height: 100%;}
@media screen and (max-device-height: 1600px) and (min-device-height: 1281px) {
	body {background-image: url('i/bg/background-1600.jpg');}
}
@media screen and (max-device-height: 1280px) and (min-device-height: 1025px) {
	body {background-image: url('i/bg/background-1280.jpg');}
}
@media screen and (max-device-height: 1024px) and (min-device-height: 801px) {
	body {background-image: url('i/bg/background-1024.jpg');}
}
@media screen and (max-device-height: 800px) and (min-device-height: 481px) {
	body {background-image: url('i/bg/background-800.jpg');}
}
@media screen and (max-device-width: 480px) {
	body {background: #f6f5f0;}
}

body .wai {position: absolute; left: -9999px; top: -9999px;}
div {margin-bottom: 0;}


/* 
------- */
#page {width: 918px; min-height: 100%; position: relative; margin: 0 auto 0 auto; padding: 0 1.4em 0 1.4em; border: solid 1px #efefef; border-width: 0 1px 1px 1px; border: solid 0.1em rgba(103,103,103,0.05); border-width: 0 0.1em 0 0.1em;
background: url('i/bg/fff-80.png');
background: url('i/bg/baseline.png') 0 0 repeat, url('i/bg/baseline-v2.png') 0 0 repeat;
-webkit-background-size: 100% 1.5em, 1.5em 100%;
-moz-background-size: 100% 1.5em, 1.5em 100%;
-o-background-size: 100% 1.5em, 1.5em 100%;
background-size: 100% 1.5em, 1.5em 100%;
-moz-box-shadow: 0 -18px 18px rgba(103,103,103,0.9); -webkit-box-shadow: 0 -18px 18px rgba(103,103,103,0.9); box-shadow: 0 -18px 18px rgba(103,103,103,0.9);
}

/* 
------- */
#header {background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0,rgba(255,255,255,0)), color-stop(0.5,rgba(250,250,250,0.7)),color-stop(1,rgba(255,255,255,0))); background: -moz-linear-gradient(rgba(255,255,255,0), rgba(250,250,250,0.7),rgba(255,255,255,0)); padding: 0.7em 0 0 0; margin: 0 -1.4em; position: relative;}

#logo {width: 45.834em; height: 12em; background: url('i/bg/auboncodeur.png') 50% 3.75em no-repeat;
-webkit-background-size: 100% 12em;
-moz-background-size: 100% 12em;
-o-background-size: 100% 12em;
background-size: 100% 12em;
margin: 0 auto 3.555em auto; padding: 2.666em 0 0.5em 0;}
#logo h1 {width: 100%; height: 100%;}
#logo h1 a {display: block; width: 100%; height: 100%; overflow: hidden;}
#logo h1 span,
#logo strong {position: absolute; left: -9999px; top: -9999px;}

#tools {position: absolute; top: 1.8em; right: 1.4em;}
#tools a {color: #c91306;}

/* 
------- */
#container {min-height: 180px; margin: 0 0 1.5em 0; padding: 4.95em 3em 1.5em 3em;}

.split .main {float: left; width: 540px;}
.split .related {float: right; width: 270px;}

.content .more li {list-style: none; margin: 0;}
.content .more a {display: block; display: inline-block; padding: 0 0 0 18px; background: url('i/bg/more.png') 0 0.25em no-repeat;}

.content .dropCaps h2 {margin: 0; color: #c91306;}
.content .dropCaps h2:first-letter {font-weight: bold;}

.related h3 {font-family: Tangerine; font-size: 3em; margin-bottom: -0.52em; line-height: 1.5; top: -0.605em;}


/* Forms
----- */

.content .messageBlock {margin: 0 0 1.5em;}
.content .errorBlock {padding-left: 145px;}
.content label {/*margin: 0 0 1.5em 0;*/ display: block;}
.content label span,
.content .inline .label,
.content .labelled .label {display: block; width: 130px; margin: 0 15px 0 0; float: left;}
.content label span.note {display: inline; width: auto; margin: 0; float: none;}

/*.content label span {margin-top: 1px;}*/
.content .inline,
.content .labelled {padding-left: 145px;}
.content .inline .label,
.content .labelled .label {margin-right: 0; margin-left: -145px;}
.content fieldset {display: block; margin: 0 0 1.5em 0;}

.content .inline label + .note {margin-left: -1.25em;}

.content .labelled label {margin: 0 0 0.375em 0;}

.content label input[type=text],
.content label input[type=email],
.content label input[type=password],
.content label input[type=file] {width: 180px; border: solid 0.1em #555; padding: 0.1em 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(239,239,239,0.75)), to(rgba(255,255,255,0.75))); background: -moz-linear-gradient(rgba(239,239,239,0.75),rgba(255,255,255,0.75)); display: block; margin: -0.1em 0 0 0;}

/*#page label input {vertical-align: top;}*/

.content .inline label input[type=checkbox],
.content .inline label input[type=radio] {margin-top: -0.1em;}

.content label select {width: 186px; border: solid 0.1em #555; padding: 0 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(239,239,239,0.75)), to(rgba(255,255,255,0.75))); background: -moz-linear-gradient(rgba(239,239,239,0.75),rgba(255,255,255,0.75));}
.content label textarea {width: 360px; border: solid 0.1em #555; padding: 0.1em 2px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(239,239,239,0.75)), to(rgba(255,255,255,0.75))); background: -moz-linear-gradient(rgba(239,239,239,0.75),rgba(255,255,255,0.75)); height: 9.99em; margin: -0.2em 0 0.1em 0;}

.content label input[type=file] {width: auto; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #fff)) 21 30 30 21 repeat repeat;}

.content .inline {display: block; margin: 0 0 0.75em 0;}
.content .inline label {display: inline; margin: 0 1.25em 0 0;}
.content .inline select {width: auto;}

.content .controls {padding: 0 0 0 145px;}
.content .controls button {margin-right: 10px;}


.content .hidden {width: 0; height: 0; overflow: hidden;}



/* 
------- */
#wedge {display: block; height: 2.5em;}
#footer {/*margin: 1.637em -1.4em 0; padding: 0 1.4em;*/ color: #444; margin: 0; position: absolute; bottom: 0; left: 0; width: 918px; padding: 0 1.5em;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0,rgba(255,255,255,0)), color-stop(1,rgba(222,222,222,0.3)));
background: -moz-linear-gradient(rgba(255,255,255,0), rgba(222,222,222,0.3));
}
#footer .copyright {float: right; font-style: normal;}

/* 
------- */
/*#footer:after,*/
.split:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}