@font-face { font-family: degenerate; src: url(http://www.tortue-hermann.eu/eplib/fonts/degenerate.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/degenerate.eot?#iefix) format("embedded-opentype"),  url(http://www.tortue-hermann.eu/eplib/fonts/degenerate.woff) format("woff"),  url(http://www.tortue-hermann.eu/eplib/fonts/degenerate.ttf) format("truetype"),  url(http://www.tortue-hermann.eu/eplib/fonts/degenerate.svg#degenerateregular) format("svg"); font-weight: normal; font-style: normal; } .znewsletter { margin-top:5px;overflow:hidden;padding-top:0px; padding:0px 15px; color:#eee; margin-bottom:10px; } .newsletter { overflow:hidden;padding-top:5px;} .newsletter #mail {background:#fff; border:0px solid #666; width:145px; height:17px;float:left;margin:2px 6px 0 15px;color:#666;font-size:10px;padding:2px;} .newsletter #btok { background:url(http://www.tortue-hermann.eu/images/btok.png) top left no-repeat;width:32px;height:33px;border:0px solid; margin-left:5px; margin-top:-4px; cursor:pointer;} .adesenfants { padding:10px 8px 8px 40px; margin:8px; background:url(http://www.tortue-hermann.eu/images/question.png) 0px 3px no-repeat; color:#e3db4c; } .adesenfants p {font-size:16px; line-height:18px;} .napasdenfants { padding:10px 8px 8px 40px; margin:5px; background:url(http://www.tortue-hermann.eu/images/reponse.png) 4px 7px no-repeat; color:#fff; min-height:40px; } @font-face { font-family: eurostileltstd; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd.svg#eurostileltstd) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: eurostileltstd-bold; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-bold.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-bold.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-bold.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-bold.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-bold.svg#eurostileltstd-bold) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: eurostileltstd-boldcn; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldcn.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldcn.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldcn.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldcn.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldcn.svg#eurostileltstd-boldcn) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: eurostileltstd-boldex2; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldex2.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldex2.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldex2.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldex2.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldex2.svg#eurostileltstd-boldex2) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: eurostileltstd-boldoblique; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldoblique.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldoblique.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldoblique.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldoblique.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-boldoblique.svg#eurostileltstd-boldoblique) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: eurostileltstd-cn; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-cn.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-cn.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-cn.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-cn.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-cn.svg#eurostileltstd-cn) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: eurostileltstd-demi; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demi.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demi.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demi.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demi.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demi.svg#eurostileltstd-demi) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: eurostileltstd-demioblique; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demioblique.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demioblique.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demioblique.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demioblique.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-demioblique.svg#eurostileltstd-demioblique) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: eurostileltstd-ex2; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-ex2.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-ex2.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-ex2.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-ex2.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-ex2.svg#eurostileltstd-ex2) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: eurostileltstd-oblique; src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-oblique.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-oblique.eot?#iefix) format("embedded-opentype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-oblique.woff) format("woff"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-oblique.ttf) format("truetype"), url(http://www.tortue-hermann.eu/eplib/fonts/eurostileltstd-oblique.svg#eurostileltstd-oblique) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: myriadpro-regular; src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-regular.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-regular.eot?#iefix) format("embedded-opentype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-regular.woff) format("woff"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-regular.ttf) format("truetype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-regular.svg#myriadpro-regular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: myriadpro-bold-webfont; src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-bold-webfont.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-bold-webfont.eot?#iefix) format("embedded-opentype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-bold-webfont.woff) format("woff"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-bold-webfont.ttf) format("truetype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-bold-webfont.svg#MyriadProBold) format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: myriadpro-semibold-webfont; src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-semibold-webfont.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-semibold-webfont.eot?#iefix) format("embedded-opentype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-semibold-webfont.woff) format("woff"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-semibold-webfont.ttf) format("truetype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-semibold-webfont.svg#MyriadProLightBold) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: myriadpro-boldcond; src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-boldcond.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-boldcond.eot?#iefix) format("embedded-opentype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-boldcond.woff) format("woff"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-boldcond.ttf) format("truetype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-boldcond.svg#myriadpro-boldcond) format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: myriadpro-light-webfont; src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-light-webfont.eot); src: url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-light-webfont.eot?#iefix) format("embedded-opentype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-light-webfont.woff) format("woff"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-light-webfont.ttf) format("truetype"),  url(http://www.tortue-hermann.eu/eplib/fonts/myriadpro-light-webfont.svg#MyriadProLightRegular) format("svg"); font-weight: normal; font-style: normal; } .epmenuhaut { position:absolute; color:#fff; margin-left:350px; width:550px; margin-top:32px; text-align:left; font-size:13px; font-family: 'EurostileLTStd-Bold'; } .epmenuhaut .premier,.epmenuhaut .premier a {background:none;padding-left:0px; } .epmenuhaut #themeon {} .epmenuhaut a,.epmenuhaut a:link,.epmenuhaut a:visited {color:#fff;text-decoration:none;margin-left:15px;height:10px;} .epmenuhaut a:hover { color:#004851;} .epmenuhaut #fr { background:url(http://www.tortue-hermann.eu/images/fr.png) 0px 3px no-repeat; padding-left:18px;} .epmenuhaut #gb { background:url(http://www.tortue-hermann.eu/images/gb.png) 0px 3px no-repeat; padding-left:18px;margin-left:7px;} .epmenuhaut #btmembre { background:url(http://www.tortue-hermann.eu/images/cadenas.png) 0px 2px no-repeat; padding-left:12px;} #anime-arpe { position:absolute; margin-top:15px; margin-left:862px; width:100px; height:48px; background:url(http://www.tortue-hermann.eu/images/anime-arpe.png) no-repeat center center; overflow:hidden; z-index:5000; display:block; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, img, cite, code, del, dfn, em, font, 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, input, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } html, body { height: 100%; font-family: Arial, 'EurostileLTStd',Helvetica,Arial,sans-serif; } ol { padding-left:20px; } ul { list-style: square; padding-left:20px; } /*----------------------------- Liens ----------------------*/ /* Pas de bordure pointillée ou halo lors du clic sur un lien */ a:focus, a:active { outline: none; } /* Pas de bordure autour des images dans les liens */ a img { border: none; } /* Pas de bordure autour des images dans les liens */ a img { border: none; } body { line-height:1.4em ; font-size: 13px; color:#fff; background:#000000; } .wrapper { margin: 0 auto; padding:0; width:980px; position:relative; } header { height:156px; background:url(http://www.tortue-hermann.eu/images/fd-header.jpg) no-repeat bottom center; display:block; } header .wrapper { position:relative; height:156px; } header .wrapper #logo { position:absolute; margin-top:10px; margin-left:-80px; width:352px; height:159px; background:url(http://www.tortue-hermann.eu/images/logo.png) no-repeat center center; overflow:hidden; z-index:100; } header .wrapper #logo-sos { position:absolute; margin-top:67px; margin-left:790px; width:192px; height:97px; background:url(http://www.tortue-hermann.eu/images/logo-sos.png) no-repeat center center; overflow:hidden; z-index:5000; } header nav { position:absolute; left:170px; height: 30px; width:750px; /*overflow:hidden;*/ margin-top:118px; z-index:500; } #ombremenu { margin: 0 auto; background:url(http://www.tortue-hermann.eu/images/fd-ombre.png) repeat-x top left; height:30px; } #content { margin: 0 auto; background:url(http://www.tortue-hermann.eu/images/fd-une.png) repeat-y top center; overflow:hidden; min-height:400px; } #content .wrapper { width:930px; overflow:hidden; padding:10px 20px 30px 20px; } .pre-footer { } footer { diplay:block; min-height:230px; margin-top:0px; padding-top:30px; width:100%; background:url(http://www.tortue-hermann.eu/images/fdfoot2.png) top center no-repeat; } footer .wrapper { padding:0px; width:930px; overflow:hidden; padding:10px 20px 30px 20px; } footer .wrapper p { font-weight:bolder; } #page { display:none;} .ep-colonne { margin-top:0px; float:left; width: 240px; background-color:none; min-height:500px; padding:0px; overflow:hidden; } .ep-contenu { min-height:100%; _height: 100%; /* for IE6 */ height: auto !important; height: 100%; margin-left:290px; margin-top:12px; width:635px; } .ep-contenu ul { list-style:square; } /* a, a:visited { text-decoration: none; color:#fff; } a:link { text-decoration: none; } a:hover, a:focus, a:active { text-decoration: underline; color:#E1DE2C; } */ section img { max-width:590px; margin-bottom:10px; } .textepage {color:#fff; /*color:#c6c7c8; */ text-align:justify;} section p { text-align:justify; font-size:13px; } section a, section a:visited { text-decoration:none; color:#E1DE2C; } section a:hover, section a:active { text-decoration:underline; } section ul, section ol { padding:10px 25px 10px 55px; } /* TITRES */ h1 { color:#e1de2c; margin-top:0px; padding-bottom:0px; font-size:32px; font-family:'degenerate', Arial; text-shadow: 2px 2px 12px #333; line-height:34px; margin-bottom:15px; font-weight:normal; } .h1blanc { color:#fff; margin-top:0px; padding-bottom:0px; font-size:48px; font-family:'degenerate'; text-shadow: 2px 2px 12px #333; line-height:52px; margin-bottom:0px; font-weight:normal; } .h1jaune { color:#e1de2e; margin-top:15px; padding-bottom:0px; font-size:35px; font-family:'degenerate'; text-transform:none; margin-bottom:0px; font-weight:normal; } h2 {font-weight:normal; } .div-fb { width:100px; overflow:hidden; padding-top:10px; } div.div-fb<p { display:block; align:right; margin:0px; } .h1trait { background:#cccdce; margin:20px 0 15px 0; height:1px; } .TxtBasPage { background:#e3e150;} .colonne-titre { color:#666666; margin-top:15px; padding-bottom:15px; font-size:32px; font-family:'MyriadProLightRegular'; text-transform:uppercase; border-bottom:1px solid #666; margin-bottom:20px; } #zoneinfoune { width: 945px; padding:0px; margin-top:10px; overflow:hidden; background:url(http://www.tortue-hermann.eu/images/fd-infoune.png) top left repeat-y; margin-left:0px; } #colune img {max-width:360px; } #conteune { min-height:100%; _height: 100%; /* for IE6 */ height: auto !important; height: 100%; margin-left:455px; margin-top:146px; width:460px; } .txtune { font-family: 'EurostileLTStd-BoldCn'; font-size:19px;color:#fff; text-shadow: 5px 2px 8px #333; line-height:20px; } #conteuneg { float:left; width: 215px; padding-top:0px; margin-right:19px;; margin-top:0;} #conteunec { float:left; width: 475px; margin-right:15px; padding-top:0px; margin-top:0;} #conteuned { float:left; width: 220px; padding-top:0px; margin-top:0;} .titregune { background:url(http://www.tortue-hermann.eu/images/fd-titreuneg.png) top left repeat-y; overflow:hidden;padding:8px 10px 8px 10px; font-family: 'degenerate'; font-size:17px; color:#fff;width:190px;display:block; } .titrecune { background:url(http://www.tortue-hermann.eu/images/fdztc1.png) top left repeat-y; overflow:hidden;padding:8px 10px 8px 10px; font-family: 'degenerate'; font-size:19px; color:#fff; width:455px;} .Lientitre { text-decoration:none; background:url(http://www.tortue-hermann.eu/images/fd-titreuneg.png) top left repeat-y; overflow:hidden;padding:8px 10px 8px 8px; font-family: 'degenerate'; font-size:17px; color:#fff;width:190px;display:block; margin-bottom:8px;} .Lientitre img { margin-right:7px;} .Lientitre a, .Lientitre a:visited { text-decoration:none;} .Lientitre a:hover { color:#fff;} .Liensoustitre { text-decoration:none; padding:0px 10px 8px 31px; font-family: 'EurostileLTStd-BoldCn'; font-size:15px; width:165px;display:block; margin-bottom:0px; color:#e1de2e; } .Liensoustitre a, .Liensoustitre a:visited { text-decoration:none; color:#e1de2e;} .Liensoustitre a:hover { color:#fff;} .lof-slidecontent { position:relative; } .lof-slidecontent .preload{ height:100%; width:100%; position:absolute; top:0; left:0; z-index:100000; text-align:center; background:#161514} .lof-slidecontent .preload div{ height:100%; width:100%; } .lof-slidecontent .sliders-wrapper{ position:relative; height:100%; width:400px; z-index:3px; overflow:hidden; } .lof-slidecontent ul.sliders-wrap-inner{overflow:hidden; padding:0px; margin:0; position:absolute; overflow:hidden;} .lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden; padding:0px;margin:0px; float:left; position:relative;} .lof-slidecontent .lof-opacity { width:100%; height:100%; } .lof-slidecontent .lof-opacity li{position:absolute!important; top:0; left:0; float:inherit!important; } .lof-slidecontent .navigator-content { position:absolute; background: none; padding: 0px 0px; height:20px; overflow:hidden; z-index:10000; margin-top:200px; } .lof-slidecontent .navigator-wrapper{ z-index:10000; overflow:hidden; color:#fff; } .lof-slidecontent ul.navigator-wrap-inner { top:0; padding:0; margin:0; position:absolute; width:100%; } .lof-slidecontent ul.navigator-wrap-inner li{ cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center;} /*******************************************************/ ul.sliders-wrap-inner li img{ padding:0px; } .lof-slidecontent .slider-description div { padding:12px; } .lof-slidecontent .slider-description a.readmore { text-decoration:none; color:#e1de2e; font-size:13px; display:block; margin-bottom: 3px; } .lof-slidecontent .slider-description a{ color:#FFF; } .lof-slidecontent .slider-description{ z-index:100; position:absolute; top:0; left:0px; width:400px; height:200px; background:url(http://www.tortue-hermann.eu/images/fd-txt-slide.png) top left no-repeat; vertical-align:bottom; } .lof-slidecontent .slider-description h4 { color:#fff; font-size: 22px; line-height:27px;margin-bottom: 3px; padding: 0; font-family:'degenerate';} .lof-slidecontent .slider-description .slider-meta a{ margin:0; background:#fcb900; font-size:75%; padding:2px 3px; font-family:'MyriadPro-Regular',Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none; } .lof-slidecontent .item-meta a:hover{ text-decoration:underline;} .lof-slidecontent .item-meta i { font-size:70%; } /* item navigator */ .navigator-wrapper{ color: #fff; overflow: hidden; z-index: 100;float:right; } .navigator-wrap-inner{ top:0; padding:0; margin:0; } .lof-slidecontent ul.navigator-wrap-inner li { cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; height:17px; opacity : 1; filter : alpha(opacity=100); background:url(http://www.tortue-hermann.eu/images/fd_numslide.png) 6px 5px no-repeat; float:left; display:block; text-align:center; } .lof-slidecontent ul.navigator-wrap-inner li span{ display:block; padding:10px; position:relative; line-height:0.5em } .lof-slidecontent ul.navigator-wrap-inner li.active , .lof-slidecontent ul.navigator-wrap-inner li:hover { /*background:#FFF;*/ opacity : 1; filter : alpha(opacity=100); color:#e1de2e; display:block; -moz-transition:background-color 0.8s } #jsliderbuttons {position:absolute; z-index:10000;} .lof-slidecontent .button-next { position:absolute; z-index:10000; margin-left:390px; margin-top:85px; cursor:pointer; width:35px; height:36px; background:url(http://www.tortue-hermann.eu/images/btnext.png) no-repeat right center; } .lof-slidecontent .button-previous { cursor:pointer; width:35px; position:absolute; margin-left:-25px; margin-top:85px; height:36px; background:url(http://www.tortue-hermann.eu/images/btprev.png) no-repeat left center; } /* Base code for menu*/ div.epmenu{ background:url(http://www.tortue-hermann.eu/images/separ-menu.png) no-repeat 2px 14px; color: #fff; position: relative; padding-left:13px; z-index:80; height:45px; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; line-height: 125%; float: left; } .virgule { position:absolute; margin-top:-25px; margin-left:0px; background:url(http://www.tortue-hermann.eu/images/virgule.png) top left no-repeat; width: 41px; height:33px;} #menufirst {background:none; } div .epsousmenu { font-family: 'EurostileLTStd-Demi'; z-index: 3000; width:350px; visibility:hidden; display:block; margin: -25px 0 0 -7px; border:0px solid #fff; padding: 0px 5px 0px 0px ; position: absolute; background: url(http://www.tortue-hermann.eu/images/fd-sousmenu.png) top left repeat; font-size: 11px; } .epmenu:hover{ } div.epmenu .label, .epmenu .label-on { display:block; height:50px; z-index:80; text-align: center; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; font-size: 15px; color: #fff; cursor:pointer; text-decoration:none; padding:12px 10px 2px 3px; margin-right:0px; text-transform:uppercase; } div.epmenu:hover .label{ color:#e0dd43; } .epmenu .label-on { color: #e0dd43; } .epsousmenu ul{ display:block; margin-top:0px; padding:8px 0px 8px 20px; } div.epsousmenu ul a{ text-decoration: none; display:block; overflow:hidden; margin:0 0 0 -12px; padding:10px 10px 10px 30px; background:url(http://www.tortue-hermann.eu/images/flechsm.png) no-repeat 3px 9px; text-align:left; color: #fff; text-transform:uppercase; } div.epsousmenu ul a:hover{ font-family: 'EurostileLTStd-Bold',Tahoma, Arial, sans-serif; } .msidentif { background: #8e8ec6; padding-left:10px; font-size: 11px; width: 190px; color: #FFF; margin-left:0px; height:48px; display:block; padding-top:15px; margin-top:-9px; } .epsousmenu ul li{ list-style: none; margin:0; padding:0; z-index: 55; } .epsousmenu ul a:hover, .epmenu ul a:focus{ visibility: visible; overflow: visible; z-index: 55; } div.epmenu:hover ul a, div.epmenu ul a:focus { z-index: 55; padding: 5px 5px 5px 15px; border-style: solid; border-color: #00FF00; border-width: 0 0px 0px 0px; } .moteurRecherche { position:absolute; top:-4px;left:365px;} .moteurRecherche #motRecherche {background:#fff; font-size:11px;border:1px solid #dfdfdf; width:100px; height:16px;float:left;margin:2px 5px 0 0;color:#666;font-size:10px;padding:2px;} .moteurRecherche #okRecherche {background:url(http://www.tortue-hermann.eu/images/loupe.png) 0px 2px no-repeat;width:18px;height:18px;border:0px solid;cursor:pointer;} .epbxslider { margin:30px 0 0 0; width:920px; overflow:hidden; } .epbxslider .epbxslide{ position:relative; width:280px; padding-right:40px; margin:0; } .tpartbx { color: #E1DE2C; font-size: 19px; font-family: 'degenerate', Arial; text-shadow: 2px 2px 12px #333; line-height: 24px; font-weight: normal; margin-bottom:10px; } .textpartbx { margin-bottom:10px;} .epbxslider .epbxZcontenu{ background:#28260c; width:250px; min-height:220px; padding:15px; color:#fff; margin:0; } .epbxslider .epbxZcontenu:hover{ background:#e1de2c; color:#333; margin:0; } .epbxslider .epbxslide .titre{ font-size:13px; padding:0px ; margin:6px 0 0 0; font-weight:bold; } .epbxslider .epbxslide .Image{ max-width:250px; max-height:200px; } .epbxslider .epbxslide img{ } .epbxslider .epbxslide .texte{ margin:0; } .epbxprev { position:absolute; z-index:500; cursor:pointer; color:white; margin-left:880px; width:18px; height:20px; background: url(http://www.tortue-hermann.eu/images/bxbtleft1.png) no-repeat; } .epbxprev:hover {background: url(http://www.tortue-hermann.eu/images/bxbtleft2.png) no-repeat; } .epbxnext { color:white; z-index:500; width:18px; position:absolute; cursor:pointer; margin-left:900px; height:20px; background: url(http://www.tortue-hermann.eu/images/bxbtright1.png) no-repeat; } .epbxnext:hover {background: url(http://www.tortue-hermann.eu/images/bxbtright2.png) no-repeat; } .chemin { font-family:'MyriadProLightRegular',arial; background:url(http://www.tortue-hermann.eu/images/t_path.png) top left no-repeat; padding:0px 0 0 0px; z-index:30; width:900px; margin-top:-5px; margin-bottom:20px; } .chemin .Chemin-un { background:none; padding-left:0;} .chemin a , .chemin a:visited { display:inline-block; background:url(http://www.tortue-hermann.eu/images/flchemin.png) center left no-repeat; padding-left:11px; font-size:11px; margin-right:5px; color: #bbbdbe; text-decoration:none; } .chemin a:hover, .chemin a:focus{ text-decoration:underline; color: #fff; } #connexion {background:url(http://www.tortue-hermann.eu/images/fd_identif.png) top left no-repeat; margin-left:585px; position:absolute; padding:5px 0 0 15px;height:30px; width:293px; display:none;} .FormID { width:280px; background:url(http://www.tortue-hermann.eu/images/fond_id.jpg) center center no-repeat; display:block; overflow:hidden; padding:15px; border-radius:20px; position:relative; } #zone-formid {z-index:16000; position:absolute;top:50%;left:50%;margin-top:-90px;margin-left:-140px;width:280px;height:170px;} .FormID .titre { color:#a63e11; font-weight:bold; font-family: 'degenerate'; font-size:22px; margin-bottom:15px;} .FormID .idmembreoff { color:#a63e11; cursor:pointer;font-size:22px; position:absolute; right:0; margin-right:10px;} .FormID .field {background:#fff; font-size:11px;border:1px solid #dfdfdf; width:125px; height:16px;margin:2px 5px 0 0;color:#666;font-size:10px;padding:2px; } .FormID .ligne { text-align:right;padding-right:20px; color:#a63e11;} .FormID .submit, .FormID .submitmail { background:#004851; background:#a63e11; color:#fff; padding:6px 15px; border-radius:8px; cursor:pointer; } .FormID .lien {cursor:pointer; display:block; margin:5px 0; color:#fff;} .FormID #email { width:180px; } .EpForm{ width:310px; font-family: 'MyriadProLightRegular','MyriadProRegular'; } .EpForm input { width:290px;padding:6px 10px 6px 10px; font-family: 'MyriadProLightRegular'; border:1px solid #cdcccc; color:#666;font-size:13px; margin-bottom:10px;background:#fff;} .EpForm textarea { width:290px;padding:6px 10px 6px 10px; font-family: 'MyriadProLightRegular'; border:1px solid #cdcccc; color:#666;font-size:13px; height:100px;background:#fff;} .EpForm #btok {cursor:pointer; width:97px;height:22px;background:url(http://www.tortue-hermann.eu/images/fd_btsend.png) top left no-repeat;padding:2px 0 0 28px; text-transform:uppercase;text-align:left; color:#fff; float:right;} .EpForm .captcha {width:310px;text-align:right;margin-top:8px;margin-bottom:5px;font-family: 'MyriadProLightRegular';} .formcontact{ margin-top:10px; font-family:arial,verdana; width:280px; border-radius:10px; border:#ccc solid 1px; padding:15px; color:#333; } .formcontact .titre { color:#4a8e40; font-weight:bold; font-size:14px; margin-bottom:20px; } .formcontact .libelle { color:#555; font-size:12px; } .formcontact input { border:#c3c3c3 1px solid; font-size:11px; letter-spacing:1px; color: #333; margin-left: 2px; margin-bottom: 5px; width:180px; height:18px; } .formcontact textarea { font-size:11px; letter-spacing:1px; color: #202325; border-top-width:0px; border:#c3c3c3 1px solid; margin-top:0px; padding-top:0px; padding-bottom:0px; margin-left: 0px; padding-left:0px; width:200px; height:70px; } .info { overflow:hidden; margin: 0px 0px 20px 0; padding:15px 15px 10px 15px; line-height:16px; display:block; position:relative; color:#fff; background:url(http://www.tortue-hermann.eu/images/fd-vert.png) top left repeat; } .info .Titre { color:#e1de2c; margin-top:0px; padding-bottom:0px; font-size:19px; font-family:'degenerate', Arial; text-shadow: 2px 2px 12px #333; line-height:24px; margin-bottom:5px; font-weight:normal; } .info .Agenda{ font-weight:bolder; font-size:11px; } .info .Actif { } .info .DateDebut { } .info .DateFin { } .info .Ordre { } .info .Lien { display:block; float:left; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; text-align:left; margin-top:13px; background:url(http://www.tortue-hermann.eu/images/fd-lien.png) no-repeat 0px 0px; text-decoration:none; padding-left: 32px; color:#fff; font-weight:bolder; margin-right:25px; font-size:12px; height:20px; } .info .Lien:hover, .info .Lien:active { color:#fff; text-decoration:underline; } .info .Lien:visited { text-decoration:none; } .info .bouton-video { display:block; float:left; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; text-align:left; margin-top:10px; background:url(http://www.tortue-hermann.eu/images/fd-video.png) no-repeat 0px 0px; text-decoration:none; padding-left: 32px; padding-top:3px; color:#fff; font-weight:bolder; margin-right:30px; font-size:12px; height:20px; } .info .bouton-video:hover, .info .Lien:active { color:#fff; text-decoration:underline; } .info .bouton-video:visited { text-decoration:none; } .info .Image { max-width:200px; max-height:180px; float:left ; margin:2px 20px 5px 0px; } .info .Entete a, .info .Entete a:visited { color:#444; text-decoration:underline; } .info .Entete a:hover, .info .Entete a:active { color:#444; text-decoration:none; } .info .Entete { margin:0 0 0px 0; text-align:justify; } .info .Entete p { margin:0; padding:0px; } .info .Texte { margin:0; text-align:justify; } .info .Texte a, .info .Texte a:visited { color:#444; text-decoration:underline; } .info .Texte a:hover, .info .Texte a:active { color:#444; text-decoration:none; } .info .Document { background:url(http://www.tortue-hermann.eu/images/fd-doc.png) no-repeat 0px -3px; padding-left: 25px; margin-right:25px; color:#fff; font-weight:bolder; float:left; font-size:12px; height:20px; margin-top:13px; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; } .info .Document:hover { text-decoration:underline; } .info .trait { background:url(http://www.tortue-hermann.eu/images/traitj.png) left 3px repeat-x; clear:both; margin-top:10px; overflow:hidden; diplay:block; width:100%;} .info .TitreDocument { } .info .Document2 { } .info .TitreDocument2 { } .info .Document3 { } .info .TitreDocument3 { } .info .Video { } .info .VideoW { } .info .VideoH { } .info .Detail { display:none; margin:0; } .info .BtSuite { margin:15px 0; poition:abolute; } .info .Suite { float:right; font-weight:normal; text-decoration:none; background:url(http://www.tortue-hermann.eu/images/fd-suite.png) right 3px no-repeat; padding-right:18px; cursor:pointer; color:#e0dd43; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; } .info .BtFermer { float:right; margin:15px 0 5px 0; } .info .Fermer{ font-weight:normal; background:url(http://www.tortue-hermann.eu/images/fd-reduire.png) right 3px no-repeat; padding-right:18px; margin-top:15px; text-decoration:none; cursor:pointer; color:#e0dd43; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; } .infocolonne { margin-top:10px; margin-bottom:20px; width:240px; overflow:hidden; padding-bottom:1px; } .traitcolonne { height:1px; background:#aaa; margin-bottom:15px;} .infocolonne .Titre { background: url(http://www.tortue-hermann.eu/images/fd-titreuneg.png) top left repeat-y; padding:7px 15px 7px 25px; text-align:left; color:#fff; font-family:'degenerate', Arial; font-size:16px; margin-bottom:1px; } .infocolonne .picto { position:absolute; margin-top:6px; margin-left:3px; background:url(http://www.tortue-hermann.eu/images/globe.png) top left no-repeat; width:154px; height:15px; } .infocolonne .contenu { line-height:16px; padding-left:10px; padding-right:10px; color:#fff; } .infocolonne .Date { } .infocolonne .DateFinEvt { } .infocolonne .Actif { } .infocolonne .DateDebut { } .infocolonne .DateFin { } .infocolonne .Ordre { } .infocolonne a { color:#444; text-decoration:underline; } .infocolonne a:hover, .infocolonne a:active { color:#97b208; text-decoration:none; } .infocolonne a:visited { color:#444; text-decoration:underline; } .infocolonne .Lien { display:block; float:left; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; text-align:left; margin-top:13px; background:url(http://www.tortue-hermann.eu/images/fd-lien.png) no-repeat 0px 0px; text-decoration:none; padding-left: 32px; color:#fff; font-weight:bolder; margin-right:25px; font-size:12px; height:20px; } .infocolonne .Lien:hover, .info .Lien:active { color:#e0dd43; text-decoration:underline; } .infocolonne .Lien:visited { color:#fff; text-decoration:none; } .infocolonne .Image { width:90px; display:block; margin-top:0px; margin-left:-10px; margin-right:10px; float:left; /*border:1px solid #666;*/ } .infocolonne img {max-width:150px;} .infocolonne .Entete { padding-left:10px; } .infocolonne .Entete a, .infocolonne .Entete a:visited { color:#444; text-decoration:underline; } .infocolonne .Entete a:hover, .infocolonne .Entete a:active { color: #97b208; text-decoration:none; } .infocolonne .Texte { } .infocolonne .Document { background:url(http://www.tortue-hermann.eu/images/PDF.png) no-repeat 0px -3px; padding-left: 25px; color:#444; font-weight:bolder; font-size:12px; height:20px; margin-top:5px; } .infocolonne .TitreDocument { } .infocolonne .Document2 { } .infocolonne .TitreDocument2 { } .infocolonne .Document3 { } .infocolonne .TitreDocument3 { } .infocolonne .Video { } .infocolonne .VideoW { } .infocolonne .VideoH { } .infocolonne .Detail {display:none;} .infocolonne .Suite {color:#aaa;} .infocolonne .Fermer{color:#aaa;} .ombre-infocolonne { width:259px; height:17px; background:url(http://www.tortue-hermann.eu/images/fdbas.png) top left no-repeat; margin-bottom:20px; } .infocolonneune { text-align:justify; margin-top:10px; margin-bottom:20px; } .infocolonneune .Titre { text-align:left; color:#97b208; font-weight:bolder; font-family: 'MyriadProLightBold'; font-size:14px; margin-bottom:5px; } .infocolonneune .contenu { line-height:16px; } .infocolonneune .Date { } .infocolonneune .DateFinEvt { } .infocolonneune .Actif { } .infocolonneune .DateDebut { } .infocolonneune .DateFin { } .infocolonneune .Ordre { } .infocolonneune a { color:#444; text-decoration:underline; } .infocolonneune a:hover { color: #97b208 ; text-decoration:none; } .infocolonneune a:visited { color:#444; text-decoration:none; } .infocolonneune .Lien { display:block; background:url(http://www.tortue-hermann.eu/images/fleche-info.png) no-repeat center right; margin-top:5px; text-decoration:none; padding-top:4px; padding-right: 15px; color:#666; font-size:12px; height:20px; text-align:right; } .infocolonneune .Lien:hover { color: #97b208 ; text-decoration:none; } .infocolonneune .Lien:visited { color:#666; text-decoration:none; } .infocolonneune .Image { width:360px; margin-bottom:0px; display:block; /*border:1px solid #666;*/ } .infocolonneune .ImageOmbre {background:url(http://www.tortue-hermann.eu/images/ombre_img.png) bottom right no-repeat;width:360px;height:15px;margin-bottom:0px;} .infocolonneune .Entete a, .infocolonneune .Entete a:visited { color:#444; text-decoration:underline; } .infocolonneune .Entete a:hover, .infocolonneune .Entete a:active { color: #97b208; text-decoration:none; } .infocolonneune .Texte { } .infocolonneune .Document { background:url(http://www.tortue-hermann.eu/images/PDF.png) no-repeat 0px -3px; padding-left: 25px; color:#444; font-weight:bolder; font-size:12px; height:20px; margin-top:5px; } .infocolonneune .TitreDocument { } .infocolonneune .Document2 { } .infocolonneune .TitreDocument2 { } .infocolonneune .Document3 { } .infocolonneune .TitreDocument3 { } .infocolonneune .Video { } .infocolonneune .VideoW { } .infocolonneune .VideoH { } .infocolonneune .Detail {display:none;} .infocolonneune .Suite {color:#aaa;} .infocolonneune .Fermer{color:#aaa;} .ombre-infocolonneune { width:259px; height:17px; background:url(http://www.tortue-hermann.eu/images/fdbas.png) top left no-repeat; margin-bottom:20px; } .infoZune { margin:0px 15px 10px 15px; } .infoZune .contenu p { margin:0;padding:0;} .infoZune .traitcolonne { height:1px; background:#e7b782; margin-bottom:0px; clear:both; margin-top:20px;} .infoZune .Titre { text-align:left; color:#1f2721; font-family: 'eurostileltstd-bold'; font-size:15px; margin-bottom:5px; } .infoZune .contenu { line-height:16px; font-family:'eurostileltstd-cn'; } .infoZune .Date { } .infoZune .DateFinEvt { } .infoZune .Actif { } .infoZune .DateDebut { } .infoZune .DateFin { } .infoZune .Ordre { } .infoZune a { color:#444; text-decoration:underline; } .infoZune a:hover, .infoZune a:active { color:#97b208; text-decoration:none; } .infoZune a:visited { color:#444; text-decoration:underline; } .infoZune .Lien { display:block; font-family: 'eurostileltstd-boldcn'; margin-top:5px 0; text-decoration:none; color:#1f2721; font-size:13px; height:20px; } .infoZune .Lien:hover, .info .Lien:active { color:#fff; } .infoZune .Lien:visited { text-decoration:none; } .infoZune .Image { max-width:85px; display:block; float:left; margin-right:10px; border:1px solid #d5af79; } .infoZune .Entete a, .infoZune .Entete a:visited { color:#fff; text-decoration:underline; } .infoZune .Entete a:hover, .infoZune .Entete a:active { color: #1f2721; text-decoration:none; } .infoZune .Texte { } .infoZune .Document { background:url(http://www.tortue-hermann.eu/images/PDF.png) no-repeat 0px -3px; padding-left: 25px; color:#444; font-weight:bolder; font-size:12px; height:20px; margin-top:5px; } .infoZune .TitreDocument { } .infoZune .Document2 { } .infoZune .TitreDocument2 { } .infoZune .Document3 { } .infoZune .TitreDocument3 { } .infoZune .Video { } .infoZune .VideoW { } .infoZune .VideoH { } .infoZune .Detail {display:none;} .infoZune .Suite {color:#aaa;} .infoZune .Fermer{color:#aaa;} #traitbas {background:url(http://www.tortue-hermann.eu/images/trait.png) left top no-repeat; width:928px;height:14px;margin-left:6px;} .epmenufooter { text-transform:uppercase; position:absolute; width:920px; padding: 0px ; left:50%; margin-left:-460px; text-align:right; font-size:11px; } .epmenufooter .premier,.epmenufooter .premier a { background:none;padding-left:0px; } .epmenufooter a { color:#e5e5e5;text-decoration:none;padding-left:10px;margin-right:5px;height:20px; background:url(http://www.tortue-hermann.eu/images/traitmenub.png) 0px 5px no-repeat;} .epmenufooter a:hover { color:#fff; } .copyright { text-align:left; color:#ccc; width:980px; text-align:center; } .copyright, .copyright a, .copyright a:visited, .copyright a:active{margin-top:10px;text-decoration:none;color:#ccc; font-size:12px;} footer .fb { position:absolute;margin-left:750px;margin-top:15px;background:url(http://www.tortue-hermann.eu/images/fb.png) top left no-repeat; width:24px;height:24px;cursor:pointer;} footer .yt { cursor:pointer;position:absolute;margin-left:787px;margin-top:15px;background:url(http://www.tortue-hermann.eu/images/yt.png) top left no-repeat; width:24px;height:24px;} footer #flyog { position:absolute;margin-left:825px;width:119px;height:53px;cursor:pointer;} .zone-nivoslider {margin-bottom:30px;} .zone-nivosliderune {margin-bottom:30px;} .zone-nivosliderune img {position:absolute; top:0px; left:0px; width:460px; min-height:256px; } .zone-nivoslider img {position:absolute; top:0px; left:0px; width:540px; min-height:310px; } .parcoursZ { float:left;width:470px;} .parcours-fd { } .trou {position:absolute;background:url(http://www.tortue-hermann.eu/images/fdtrou1.png) top left no-repeat;padding-top:8px;color:#fff;width:35px;height:26px;text-align:center;font-weight:bold; font-size:15px; cursor:pointer;} .trou:hover {background:url(http://www.tortue-hermann.eu/images/fdtrou2.png) top left no-repeat;} .plansite { overflow:hidden; margin-bottom:20px; padding: 0; text-align:left; font-size:15px; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; } .plansite .n2 { margin-left:20px;} .plansite .n3 { margin-left:40px;} .plansite .n4 { margin-left:60px;} .plansite .n5 { margin-left:80px;} .plansite .planinfo { font-family: arial; color:#ccc; margin:2px 0; font-size:12px; padding:0; } .plansite a { text-decoration:none; margin:5px 0; display:block; overflow:hidden; padding-bottom:7px; } .plansite a:hover { color:#e0dd43; } .plansite .p1 { color:#fff; background:url(http://www.tortue-hermann.eu/images/bgtmenu.png) left bottom no-repeat; margin:10px 0; font-size:20px; } .plansite .p2 { color:#f4cb21; background:url(http://www.tortue-hermann.eu/images/bgtmenu.png) left bottom no-repeat; } .plansite .p2 a, plansite .p2 a:active { color:#717171; text-decoration:none; } .plansite .p2 a:hover, .plansite .p2 a:visited { background:url(http://www.tortue-hermann.eu/images/triangle2.png) 10px 7px no-repeat; color:#016d4c; } .plansite .p3 { color:#fff; } .plansite .p3 a, plansite .p3 a:active { color:#8EC1B9; text-decoration:none; } .plansite .p3 a:hover , .plansite .p3 a:visited { color:#8EC1B9; } .plansite .p4 { color:#bdbebf; background:url(http://www.tortue-hermann.eu/images/bgtmenu3.png) 10px 10px no-repeat; } .plansite .p4 a, plansite .p4 a:active { color:#8EC1B9; } .plansite .p4 a:hover , .plansite .p4 a:visited { color:#8EC1B9; text-decoration:none; } .menupage{ overflow:hidden; margin-bottom:20px; padding: 0; text-align:left; font-size:15px; font-family: 'EurostileLTStd-BoldCn',Tahoma, Arial, sans-serif; } .menupage a {text-decoration:none;} .menupage a:hover{color:#e0dd43;} .menupage .n1 { color:#f4cb21; background:url(http://www.tortue-hermann.eu/images/bgtmenu.png) left bottom no-repeat; display:block; overflow:hidden; margin:7px 0 5px 0; padding-bottom:7px; } .menupage .n2 { color:#fff; display:block; overflow:hidden; margin:0 0 5px 0; padding-left:10px; } .menupage .n3 { color:#bdbebf; display:block; overflow:hidden; margin:0 0 5px 0; padding-left:17px; font-family: 'EurostileLTStd-Cn',Tahoma, Arial, sans-serif; background:url(http://www.tortue-hermann.eu/images/bgtmenu3.png) 10px 10px no-repeat; } .menupage #sousthemeon {color:#e0dd43; } .zone-video {border:1px solid #6c5b33;position:absolute;top:50%;left:50%;margin-top:-235px;margin-left:-335px;width:670px;height:470px;background:#000 url(http://www.tortue-hermann.eu/images/fdvideo.png) top left repeat-x;} .zone-video #nom-video {font-size:15px;height:40px;text-align:left;padding-top:10px;padding-left:70px;color:#30271e;font-weight:bold;} .zone-video #close-video {font-size:18px;color:#fff;font-weight:bold;position:absolute;right:10px;top:7px;cursor:pointer;} .zone-video #afvideo {display:none;width:640px;height:400px;margin-left:15px;}