/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* grid.css */
.container {width:800px;margin:0 auto;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.column {float:left;}

/* forms.css */
label {font-weight:700;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:700;font-size:1.2em;}
input[type=text], input[type=password], input.text, textarea, select {background-color:#d0d0d0;border:0;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, textarea, select {margin:0.5em 0;}
input.text {width:99%;padding:5px;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
input.submit {background-color:#d0d0d0;border:0;color:#fff;font-weight:700;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* typography.css */
body {font-size:12px;color:#fff;background:#8f8f90;font-family:Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;}
h2 {font-size:2em;}
h3 {font-size:1.5em;line-height:1;}
h4 {font-size:1.2em;line-height:1.25;}
h5 {font-size:1em;font-weight:700;}
h6 {font-size:1em;font-weight:700;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#141412;}
a {color:#fff;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:700;}
em, dfn, .italic {font-style:italic;}
dfn {font-weight:700;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:700;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:700;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.alignleft {float:left;}
.alignright {float:right;}

/* style.css */
#accueil {background:url(../images/footer.jpg) bottom left no-repeat #999998;height:487px;padding-top:113px;position:relative;}
#accueil h1, #accueil h2 {background-position:0 0;background-repeat:no-repeat;display:block;width:383px;}
#accueil h1 {background-image:url(../images/accueil_logo.gif);height:84px;}
#accueil h2 {background-image:url(../images/accueil_description.gif);height:19px;}

#accueil  .content {padding:125px 0 0 45px;width:465px;}

#accueil  .menu {border-left:1px solid #c9cdd1;width:289px;}
#accueil  .menu ul {margin:52px 6px;}
#accueil  .menu ul li {background:url(../images/accueil_etoile.gif) 0 0 no-repeat;line-height:13px;list-style:none;margin:30px 0;padding-left:17px;}
#accueil  .menu ul li a {font-size:16px;}
#accueil  .menu ul li a span {color:#cdcdcc;display:block;font-size:10px;font-style:italic;}

#inscription {background:url(../images/footer.jpg) bottom left no-repeat #999998;height:600px;position:relative;}
#inscription h1 {background:url(../images/logo.gif) 0 0 no-repeat;display:block;height:112px;width:383px;}

#inscription  .content {padding:44px 67px 0 37px;}
.append-left-185 {padding-left:185px;}

#equipe {background:url(../images/footer.jpg) bottom left no-repeat #999998;height:600px;position:relative;}
#equipe h1 {background:url(../images/logo.gif) 0 0 no-repeat;display:block;height:112px;width:383px;}

#equipe  .content {padding:44px 37px 0 37px;}

#equipe  .card {margin-right:3px;text-align:center;}
#equipe  .card img {display:block;margin:0 auto;}
#equipe  .card a {color:#d3d3d3;font-size:9px;}
#equipe  .card a span {display:block;}
#equipe  .card .tel {font-weight:700;}

#larochelle, #larochelle-annonceurs, #larochelle-book, 
#iledere, #iledere-annonceurs, #iledere-book {background-position:0 0;background-repeat:no-repeat;height:600px;position:relative;width:800px;}
#larochelle {background-image:url(../images/larochelle.jpg);}
#larochelle-annonceurs {background-image:url(../images/larochelle-annonceurs.jpg);color:#141412;}
#larochelle-book {background-image:url(../images/larochelle-book.jpg);}
#iledere {background-image:url(../images/iledere.jpg);}
#iledere-annonceurs {background-image:url(../images/iledere-annonceurs.jpg);color:#ffffff;}
#iledere-book {background-image:url(../images/iledere-book.jpg);color:#141412;}

#larochelle-magazines, #iledere-magazines, 
#larochelle-books, #iledere-books {background:url(../images/footer.jpg) bottom left no-repeat #999998;height:600px;position:relative;}

#annonceurs {height:386px;left:462px;overflow:auto;position:absolute;top:103px;width:225px;}
#annonceurs .content {width:400px;text-align:justify;position:absolute;}
#scroll_top {cursor:pointer;position:absolute;right:-1px;top:0; }
#scroll_bas {bottom:5px;cursor:pointer;position:absolute;right:-1px;}

#magazines, #books {padding:0 6px;}
#magazines a, #books a {float:left;margin:3px;}

.bandeau {}
.bandeau ul {margin:-14px 0 0 0;padding:0;position:relative;z-index:10;}
.bandeau ul li {float:right;list-style:none;margin-right:38px;}

.books {float:right;margin-right:38px;}

.last_edition {bottom:0;display:block;height:314px;position:absolute;right:0;width:286px;}

.footer {bottom:0;font-size:14px;left:0;height:25px;line-height:35px;padding-left:154px;position:absolute;width:646px;}
#equipe  .footer {height:55px;line-height:95px;}
#larochelle-magazines  .footer, #iledere-magazines  .footer,
#larochelle-books  .footer, #iledere-books  .footer {height:105px;line-height:105px;}