/* CSS RESETS */
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,
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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { background-color: #FFF; font-family: Verdana; font-size: 10px; color: black; margin-top: 20px; }
body.contact { background-color: #00cc33; }

#wrapper { width: 946px; margin: 0 0 0 46px; text-align: left; }

/* NAVIGATION */
#navigation { position: relative; z-index: 100; }
#navigation li { width: auto; }
#navigation li a { background: url('../images/navigation.png') top left no-repeat; display: block; height: 58px; text-indent: -5000px; }

#navigation li#le6 { width: 460px; position: relative; }
#navigation li#le6 a { width: 429px; }
body#default_pages #navigation li#le6 a,
#navigation li#le6 a:hover { background-position: -429px 0; }

#navigation li#reference { width: 380px; position: relative; }
#navigation li#reference a { background-position: 0 -58px; width: 364px; }
body.reference #navigation li#reference a,
body.referenceToutes #navigation li#reference a,
#navigation li#reference a:hover { background-position: -429px -58px; }

#navigation li#leoff { clear: left; position: relative; width: 160px; }
#navigation li#leoff a { background-position: 0 -116px; width: 135px; }
body.leoff #navigation li#leoff a,
#navigation li#leoff a:hover { background-position: -429px -116px; }

#navigation li#contact { clear: left; width: 200px; }
#navigation li#contact a { background-position: 0 -174px; width: 192px; }
#navigation li#contact a:hover { background-position: -429px -174px; }
#navigation { margin-bottom: 15px; }

/* NAVIGATION on page Contact */
body.contact #navigation li#le6 a { background-position: -0px -278px; }
body.contact #navigation li#le6 a:hover { background-position: -429px -278px; }
body.contact #navigation li#reference a { background-position: 0 -336px; }
body.contact #navigation li#reference a:hover { background-position: -429px -336px; }
body.contact #navigation li#leoff a { background-position: 0 -394px; width: 135px; }
body.contact #navigation li#leoff a:hover { background-position: -429px -394px; }
body.contact #navigation li#contact a,
body.contact #navigation li#contact a:hover { background-position: -429px -452px; }

/* GENERAL - SUB NAVIGATION */
#navigation li ul { display: none; background: #FFF; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #EEEEEE; padding: 7px 20px 10px 9px; overflow: hidden; position: absolute; z-index: 100; }
#navigation li:hover ul { display: block; }
#navigation li ul li,
#navigation li ul li a { background: none; text-indent: 0; margin: 2px 0 0 0; padding: 0 0 2px 0; height: auto; width: auto; color: #000; font-size: 10px; text-decoration: none; overflow: hidden; }
#navigation li ul li a.current,
#navigation li ul li a:hover { color: #00cc33; text-decoration: none; }

/* Le6 - SUB NAVIGATION */
#navigation li#le6 ul { left: 427px; top: 33px; z-index: 40; width: 130px; }
#navigation li#le6 ul li { width: auto; }
#navigation li#le6 ul li a { width: auto; }
body.pages_le-6 #navigation li.le-6 a,
body.pages_les-metiers #navigation li.les-metiers a,
body.pages_l-equipe #navigation li.l-equipe a { color: #00cc33; }

/* Reference - SUB NAVIGATION */
#navigation li#reference ul { left: 363px; top: 33px; z-index: 30; width: 160px; }
#navigation li#reference ul li a { width: auto; }
#navigation li#reference ul li.current a { color: #00cc33; }
#navigation li#reference ul li.last { padding-top: 3px; background: url("../images/navigation.png") -503px -247px; }

/* LeOff - SUB NAVIGATION */
body.leoff #navigation li#leoff ul { display: block; }
body.contact #navigation li#leoff ul,
#navigation li#leoff ul { background: none; left: 135px; top: 30px; z-index: 20; border: none; margin: 0; padding: 0; width: 800px; }
body.contact #navigation li#leoff ul li,
#navigation li#leoff ul li { white-space: nowrap; float: left; margin: 0 0 0 11px; }
body.contact #navigation li#leoff ul li a,
#navigation li#leoff ul li a { white-space: nowrap; margin: 0; display: block; width: 16px; height: 16px; background-image: none; background-color: #000; text-indent: -5000px; }
#navigation li#leoff ul li.current a,
#navigation li#leoff ul li a:hover { background-color: #00cc33; }
body.contact #navigation li#leoff ul li.current a,
body.contact #navigation li#leoff ul li a:hover { background-color: #FFF; }

/* NEWS LIST */
/*#content { position: absolute; top: 260px; z-index: 10; }*/
/*#content img { float: left; margin: 0 15px 0 0; }*/
body.home #content h1 { float: left; width: 152px; height: 44px; background: url('../images/navigation.png') 0 -232px no-repeat; text-indent: -5000px; margin: 0 0 20px 0; }
#newslist { float: left; width: 170px; position: relative; }
#newslist a.news_item { float: left; clear: left; display: block; height: 46px; width: 31px; background: url('../images/navigation.png') -153px -232px no-repeat; text-indent: -5000px; margin: 0 0 17px 0; }
#newslist a#news_num_1 { background-position: -153px -232px; }
#newslist a#news_num_1.current,
#newslist a#news_num_1:hover { background-position: -308px -232px; }
#newslist a#news_num_2 { background-position: -184px -232px; }
#newslist a#news_num_2.current,
#newslist a#news_num_2:hover { background-position: -339px -232px; }
#newslist a#news_num_3 { background-position: -215px -232px; }
#newslist a#news_num_3.current,
#newslist a#news_num_3:hover { background-position: -369px -232px; }
#newslist a#news_num_4 { background-position: -246px -232px; }
#newslist a#news_num_4.current,
#newslist a#news_num_4:hover { background-position: -401px -232px; }
#newslist a#news_num_5 { background-position: -277px -232px; }
#newslist a#news_num_5.current,
#newslist a#news_num_5:hover { background-position: -432px -232px; }
#newslist div.news_item { display: none; width: 160px; position: absolute; left: 40px; top: 0; line-height: 13px; }
#newslist div.news_item.current { display: block; }
#newslist div.news_item h2 { font-size: 10px; color: #00cc33; margin-bottom: 4px; }
#newslist div.news_item p { margin-bottom: 7px; }
#newslist div.news_item a { background-image: none; width: auto; height: auto; text-indent: 0; color: #000; }

/* CONTENT IMAGE ZONE */
#contact-map { width: 760px; height: 365px; }
#content-image { overflow: hidden; float: left; width: 760px; height: 395px; margin-right: 15px; white-space: nowrap; position: relative; }
#content-image-list { position: absolute; }
#content-image img { margin-bottom: 30px; }
#content-image h2 { float: right; }
#content-image ul#page-nav { position: absolute; right: 5px; bottom: 12px; margin-left: 10px; }
#content-image ul#page-nav li { display: inline; border-left: 1px solid #000; padding: 0; margin: 0; }
#content-image ul#page-nav li#image-legend { margin-left: 0px; margin-right: 30px; padding-left: 0px; border-left: none; }
#content-image ul#page-nav li.first { margin-left: 0px; padding-left: 0px; border-left: none; }
#content-image ul#page-nav li a { text-decoration: none; color: #000; padding: 0 3px 0 5px; }
#content-image ul#page-nav li a:hover,
#content-image ul#page-nav li.current a { color: #00cc33; }
#content-image ul#page-nav li#image-previous { border-left: none; margin-left: 10px; }
#content-image ul#page-nav li#image-previous { border-left: none; margin-left: 10px; }
#content-image ul#page-nav li.disabled a { color: #CCC; }
#content-image ul#page-nav li.disabled a:hover { color: #CCC; }

/* CONTENT TEXT ZONE */
#content-detail { float: left; width: 170px; position: relative; }
#content-detail h1 { line-height: 17px; font-size: 10px; margin: 0; color: #00cc33; }
#content-detail p { line-height: 14px; margin-bottom: 7px; }
#content-detail a { color: #000; }
#content-detail em { font-style: italic; }
#content-detail strong { font-weight: bold; }
#content-detail ul li { list-style-type: disc; list-style-position: inside; padding: 0 0 3px 1px; }

/* REFERENCES TOUTES */
#content-image.references-toutes { width: 759px; height: auto; margin-right: 2px; margin-bottom: 40px; }
#content-image.references-toutes h2 { float: none; width: 758px; background-color: #CCC; padding: 4px 5px; border-bottom: 1px solid #B2B2B2; }
#content-image.references-toutes ul { background: url('../images/background-toutes.png') top left repeat-y; margin: 0; padding: 0; overflow: hidden; }
#content-image.references-toutes ul li { float: left; margin: 0 1px 1px 0; padding: 0; }
#content-image.references-toutes ul a { margin: 0; padding: 0; }
#content-image.references-toutes img { width: 252px; height: 119px; margin: 0; padding: 0; display: block; }

#content-detail .reference-toutes-detail { position: absolute; top: 0; left: 0; display: none; }

/* CONTACT PAGE */
body.contact #content-detail h2 { color: #FFF; padding: 0 0 6px 0; margin-bottom: 3px; background: url('../images/navigation.png') -503px -232px; float: left; }
body.contact #content-detail p { line-height: 16px; clear: left; }

body.contact #footer a span.six { background: url('../images/navigation.png') -483px -232px no-repeat; text-indent: -5000px; width: 20px; height: 20px; float: left; }
#footer a span#le6-legend { float: left; padding: 7px 0 0 5px; height: 20px; width: 1px; overflow: hidden; white-space: nowrap; }

/* FOOTER */
#footer { float: left; clear: left; padding-bottom: 20px; }
#footer a { color: #666666; text-decoration: none; }
body.contact #footer a { color: #000000; }
#footer a span.six { background: url('../images/navigation.png') -463px -232px no-repeat; text-indent: -5000px; width: 20px; height: 20px; float: left; }
#footer a:hover span.six { background-position: -463px -252px; }