/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* GENERAL */
body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; }

/* WRAPPERS */
#mainWrapper { width: 100%; background: url(../images/mainWrapper_bg.png) repeat-x; }
#contentWrapper { width: 960px; margin: 0 auto; }

/* HEADER */
#header { height: 144px; padding-left: 4px; position: relative; }
#header h1 { text-indent: -10000px; padding-top: 8px; }
#header h1 a { background: url(../images/je_logo.png) no-repeat; width: 404px; height: 99px;  display: block; }
#header h1 a.en { background: url(../images/je_logo_en.png) no-repeat; }
ul#mainNav { position: absolute; right:0; bottom:-1px; }
ul#mainNav li { float: left; text-align: center; }
ul#mainNav li a { height: 20px; padding-left: 20px; padding-right: 20px; display: block; font-size: 11px; font-weight: bold; color: #777; text-decoration: none; padding-top: 10px; }
ul#mainNav li a { background: url(../images/button_center_n.png) repeat-x; border-left: 1px solid #d3d3d5; }
ul#mainNav li a:hover { background: url(../images/bouton_center_o.png) repeat-x; }
ul#mainNav li a.leftLink { background: url(../images/button_left_n.png) no-repeat; border:0; width: 96px; padding-left:0; padding-right:0; }
ul#mainNav li a.rightLink { background: url(../images/button_right_n.png) no-repeat; width: 96px; padding-left:0; padding-right:0; }
ul#mainNav li a.leftLink:hover { background: url(../images/button_left_o.png) no-repeat; }
ul#mainNav li a.rightLink:hover { background: url(../images/button_right_o.png) no-repeat; width: 96px; padding-left:0; padding-right:0; }

/* CONTENT */
#middleContent { height: 170px; padding-top: 14px; }

.section { height: 278px; position: relative; width: 940px; padding: 10px; top: 4px; }
.section h2 { color: #ffcb05; font-family: "Century Gothic", Tahoma, sans-serif; font-weight: normal; font-size: 21px; padding: 8px 0 8px 0; }
.section h3 { color: #ffcb05; font-weight: normal; font-size: 14px; padding: 8px 0; }
.section p { color: #fff; font-size: 13px; line-height: 18px; width: 460px; padding-bottom: 10px; }
.section a { color: #ffcb05; text-decoration: none; }
.section a:hover { text-decoration: underline; }
.section ul { color: #fff; font-size: 13px; list-style: disc; padding-left: 24px; margin-bottom: 10px; }
.section ul li { padding: 4px 0; }

.content .section#accueil, .content .section#home { background: url(../images/accueil-leaf.png) no-repeat right center; }
.content .section#accueil h3, .content .section#home h3 { background: url(../images/icon-star.png) no-repeat 0 6px; padding-left: 24px; }
.content .section#accueil .rightContent p, .content .section#home .rightContent p { font-weight: bold; }

.content .section#services { background: url(../images/map.png) no-repeat 520px 0; }
.content .section#accreditation ul.logos { list-style-type: none; padding-top: 40px; width: 800px; }
.content .section#accreditation ul.logos li { height: 100px; float: left; padding:0; margin-left: 10px; text-align: center; }
.content .section#accreditation ul.logos li.first { margin-left:0; }

.section table.coords { color: #fff; font-size: 12px; width: 460px; margin: 10px 0; }
.section table.coords td { padding: 5px 2px; }


form.mailerForm table { font-size: 12px; color: #fff; }
form.mailerForm table td {padding: 4px; }
table.tableContact { font-size: 12px; color: #ffffff; margin-bottom: 12px; width: 500px; }
table.tableContact tr td { padding: 2px 0; }

.thanks_message { color: #fff; font-size: 12px; }


img.floatRight { position: absolute; left:270px; bottom: 20px; }

#bottomContentLeft { width: 940px; position: absolute; left:0; padding: 10px; }

.rightContent { width: 460px; position: absolute; right:0; top:2px; height: 284px; border-left: 1px solid #f5878b; padding-left: 20px; }

/* MIDDLE CONTENT */
.largeSlide, .smallSlide { position: relative; }
.smallSlide { margin-left: 7px; position: relative; }
div#s1 { width: 476px; }
div#s2 { margin-left: 475px; position: absolute; }
div#s3 { margin-left: 716px; position: absolute; }

/* SCROLLER */
div#scroller { width:960px; height:284px; overflow:hidden; position: relative; }
div#scroller div.section { width:960px; overflow:hidden; float:left; padding:0; }
div#scroller div.content { width:6000px; }

/* FOOTER */
#footer { width: 960px; margin: 0 auto; font-size: 10px; color: #777; position: relative; top: 10px; }
#footer p { width: 480px; }
#footer p.quickLinks { position: absolute; right:0; top:0; text-align: right; }
#footer p.quickLinks a { text-decoration: none; color: #666; padding: 0 2px; }
#footer p.quickLinks a:hover { color: #888; text-decoration: underline; }