@import url("/adnbase/reset.css");

#body {background:none #fff;}
#body.accueil,
#body.defi-tetes-rasees-2011-leucan {background:url(/images/bg-body.gif) repeat-x top left #f5f3f1;}

#wrap {background:url(/images/bg-wrap-white.jpg) no-repeat top center;width:100%;}
body.accueil #wrap,
body.defi-tetes-rasees-2011-leucan #wrap {background:url(/images/bg-wrap.jpg) no-repeat top center;}

.holder {margin:0 auto;width:960px;}

#left-col {background:url(/images/bg-sidebar-white.jpg) no-repeat top left;float:left;height:1010px;min-height:1010px;position:relative;width:280px;z-index:1;}
body.accueil #left-col,
body.defi-tetes-rasees-2011-leucan #left-col {background:url(/images/bg-sidebar.jpg) no-repeat top left;}
html > body #left-col {height:auto;min-height:1010px;}
#left-col a,
#left-col img {display:block;position:absolute;}
#left-col a.defi {background:url(/images/teaser-defi.jpg) no-repeat top left;height:254px;left:42px;top:35px;width:192px;z-index:3;}
#left-col a span {display:none;}
#left-col img {left:0;top:250px;z-index:2;}

#right-col {float:left;width:680px;}

#header {background:url(/images/bg-header.jpg) no-repeat top left;height:232px;position:relative;z-index:1;}
#header h1,
#header a {height:179px;width:451px;}
#header h1 {position:absolute;right:0;top:20px;z-index:2;}
#header h1 a {background:url(/images/logo.jpg) no-repeat top left;display:block;}
#header h1 span {display:none;}

#text {padding:0 30px 25px;width:620px;}
div.participants {padding:60px 0 0;width:620px;}
div.participants ul {float:left;margin:0 0 0 -4px;padding:0;}
div.participants ul li {background:none;float:left;height:148px;margin:0;padding:0;position:relative;width:318px;z-index:3;}
div.participants ul li.second {width:306px;}
div.participants ul img {float:left;}
div.participants ul span.name,
div.participants ul span.job,
div.participants ul span.btn {position:absolute;z-index:4;}
div.participants ul a:hover span.btn {padding:0 0 0 10px;text-decoration:none;}
div.participants ul span.name {color:#84ad16;font-size:14px;font-weight:bold;left:125px;top:35px;}
div.participants ul span.job {color:#84ad16;font-size:12px;left:125px;line-height:14px;top:53px;}
div.participants ul a {cursor:pointer;display:block;height:121px;text-decoration:none;}
div.participants ul a span.btn {color:#fff;font-size:12px;font-weight:bold;display:block;height:19px;left:120px;line-height:18px;top:89px;width:135px;}
div.participants ul a.bleu span.btn {background:url(/images/btn-encouragez-bleu.png) no-repeat top left;}
div.participants ul a.mauve span.btn {background:url(/images/btn-encouragez-mauve.png) no-repeat top left;}
div.participants ul a.jaune span.btn {background:url(/images/btn-encouragez-jaune.png) no-repeat top left;}
div.participants ul a.orange span.btn {background:url(/images/btn-encouragez-orange.png) no-repeat top left;}
div.participants ul a.gris span.btn {background:url(/images/btn-encouragez-gris.png) no-repeat top left;}
div.participants ul a.bleu:hover span.btn,
div.participants ul a.mauve:hover span.btn,
div.participants ul a.jaune:hover span.btn,
div.participants ul a.orange:hover span.btn,
div.participants ul a.gris:hover span.btn {background-position:bottom left;}

#footer {background:url(/images/bg-footer-white.jpg) no-repeat top left;height:100px;padding:50px 0 0;}
body.accueil #footer,
body.defi-tetes-rasees-2011-leucan #footer {background:url(/images/bg-footer.jpg) no-repeat top left;}
#footer p {color:#398bd2;float:left;font:11px/11px Arial, Helvetica, sans-serif;margin:0 0 10px;}
#footer #adn-communication {clear:left;}
#adn-communication div.fond img {background:url(/images/bg-sign.gif) repeat scroll 0 0 transparent;filter:alpha(opacity=100);opacity:1;}
#adn-communication a, 
#adn-communication a:link, 
#adn-communication a:visited, 
#adn-communication a:active, 
#adn-communication a:hover,
#adn-communication span,
#adn-communication strong {color:#ddcfd5;}
#adn-communication a.adn,
#adn-communication a.genome {filter:alpha(opacity=100);opacity:1;}
#adn-communication a.adn {background:url(/images/adn-sign.gif) no-repeat 0 0 transparent;}
#adn-communication a.genome {background:url(/images/genome-sign.gif) no-repeat 0 0 transparent;}
#adn-communication a.adn:hover,
#adn-communication a.genome:hover {background-position:0 -30px;}



/* -- Layout 2013 -- */
#layout-2013 #body {background:url(/images/2013/bg-body.png) repeat center center;}
#layout-2013 .wrapper {margin:0 auto;padding:0 18px;width:940px;}
#layout-2013 .top-bg {background:url(/images/2013/bg-top-bg.png) no-repeat center top;min-height:515px;}
#layout-2013 .clear {clear:both;font-size:0;height:0;line-height:0;}

#layout-2013 .top {height:250px;padding:0 0 35px;}
#layout-2013 .top img {float:right;padding:20px 20px 0 0;}
#layout-2013 .logo {padding-top:40px;}
#layout-2013 .logo a {background:url(/images/2013/logo.png) no-repeat 0 0;display:block;height:174px;width:446px;}
#layout-2013 .logo span {display:none;}

#layout-2013 .zone-2013 {margin:30px 0 -110px;padding-top:5px;}
#layout-2013 .title-2013 {background:url(/images/2013/bg-title-2013.png) no-repeat center 0;height:97px;margin:0 auto -85px;}
#layout-2013 .title-2013 h3 {display:none;}
#layout-2013 .zone-2013 .zone-top {background:url(/images/2013/bg-zone-titre-top.png) no-repeat center 0;height:48px;} 
#layout-2013 .zone-2013 .zone-main {background:url(/images/2013/black-05.png) repeat 0 0;height:240px;padding:50px 0 100px;}

#layout-2013 .affiche-invitation {float:right;margin-left:40px;}
#layout-2013 .affiche-invitation-defi {float:right;margin-left:30px;position:relative;top:-15px;}


#layout-2013 .zone-2013 .zone-main .wrapper {background:url(/images/2013/sep-main-2013.png) no-repeat center 0;position:relative;top:-40px;}
#layout-2013 .zone-2013 .zone-main a {display:block;float:left;height:284px;position:relative;top:-20px;width:470px;}
#layout-2013 .zone-2013 .zone-main a.left {background:url(/images/2013/teaser-zone-2013-left-2.png) no-repeat 0 0;}
#layout-2013 .zone-2013 .zone-main a.right {background:url(/images/2013/teaser-zone-2013-right.png) no-repeat 0 0;}
#layout-2013 .zone-2013 .zone-main a span {background:url(/images/2013/btn-voir-defi-2013.png) no-repeat 0 0;bottom:20px;display:block;height:24px;position:absolute;right:20px;text-indent:-9999em;width:113px;}
#layout-2013 .zone-2013 .zone-main a:hover span {background-position:0 bottom;}

#layout-2013 .zone-archives {}
#layout-2013 .title-archives {background:url(/images/2013/bg-title-archives.png) no-repeat center 0;height:71px;margin:0 auto -60px;position:relative;z-index:200;}
#layout-2013 .title-archives h3 {display:none;}
#layout-2013 .zone-archives .zone-top {background:url(/images/2013/bg-zone-archives-top.png) repeat center 0;height:39px;position:relative;z-index:100;}
#layout-2013 .zone-archives .zone-main {background:url(/images/2013/bg-zone-archives.png) repeat center 0;min-height:270px;padding:50px 0 100px;position:relative;}

.teasers-wrap {left:-10px;margin:10px auto 0;position:relative;width:966px;}
.teasers-wrap a {display:block;float:left;margin:0 13px;position:relative;text-indent:-9999em;}
.teasers-wrap a:hover {background-position:0 bottom;}

.teaser-defi-2011 {background:url(/images/2013/teaser-defi-2011.png) no-repeat 0 0;height:341px;width:332px;}
.teaser-defi-2009 {background:url(/images/2013/teaser-defi-2009.png) no-repeat 0 0;height:265px;width:255px;}
.teaser-quillothon {background:url(/images/2013/teaser-quillothon.png) no-repeat 0 0;height:265px;width:255px;}

#layout-2013 .footer {height:150px;}
#layout-2013 .footer .signature {float:right;padding:50px 10px 0 0;}
#layout-2013 .footer p {color:#dea06b;font:11px/1em Arial, Helvetica, sans-serif;margin:0 0 4px;}
#layout-2013 #adn-communication {color:#FFFFFF;font:9px Tahoma,Verdana,Arial,Helvetica,sans-serif;height:30px;overflow:hidden;position:relative;text-align:right;width:247px;}
#layout-2013 #adn-communication div.fond img {background:url("/adnbase/adn-signature.gif") repeat scroll 0 0 transparent;filter:alpha(opacity = 30);opacity:0.3;}
#layout-2013 #adn-communication div.signature {color:#d9d9d9;height:26px;left:0;padding:4px 70px 0 0;position:absolute;top:0;width:177px;}
#layout-2013 #adn-communication strong {color:#D9D9D9;display:block;}
#layout-2013 #adn-communication a, #adn-communication a:link, #adn-communication a:visited, #adn-communication a:active, #adn-communication a:hover {color:#d9d9d9;text-decoration:underline;}
#layout-2013 #adn-communication a:hover {color:#fff;text-decoration:none;}
#layout-2013 #adn-communication a.abs {display:block;filter:alpha(opacity = 60);height:30px;opacity:0.6;position:absolute;top:0;}
#layout-2013 #adn-communication a.abs img {border:medium none;}
#layout-2013 #adn-communication a.abs:hover {filter:alpha(opacity = 90);opacity:0.9;}
#layout-2013 #adn-communication a.adn {background:url("/images/2013/logoADNsignature.gif") no-repeat scroll 0 7px transparent;left:179px;width:44px;}
#layout-2013 #adn-communication a.genome {background:url("/images/2013/logoGenomeSignature.gif") no-repeat scroll 0 5px transparent;left:223px;width:21px;}

#layout-2013 .defi-leucan-2011 .top-defi-leucan-2011 {float:right;height:320px;width:620px;}
#layout-2013 .defi-leucan-2011 #contenu {float:left;padding-right:20px;width:300px;}

#layout-2013 .link-defi-2011 {background:url(/images/2013/ico-big-blue-arrow.png) no-repeat 0 center;border-top:1px solid #bde5f1;border-bottom:1px solid #bde5f1;color:#1ab7ea;font-size:18px;line-height:18px;padding:25px 10px 25px 60px;position:relative;text-decoration:none;top:55px;width:100%;}
#layout-2013 .link-defi-2011:hover {background-image:url(/images/2013/ico-big-orange-arrow.png);border-top:1px solid #e6bca4;border-bottom:1px solid #e6bca4;color:#d06f1a;}

#layout-2013 .articles-3 {margin:0 auto;padding:25px 0 40px;width:940px;}
#layout-2013 .articles-3 .article {background:url(/images/2013/bg-article-3.png) no-repeat 0 0;float:left;padding:45px 15px 30px;height:145px;text-align:center;width:270px;}
#layout-2013 .articles-3 .mid {margin:0 20px;}
#layout-2013 .articles-3 em,
#layout-2013 .articles-3 i {color:#d06f1a !important;display:block;font:italic 14px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;padding:0 0 5px;text-align:center;}
#layout-2013 .articles-3 .cite {color:#858585;display:block;font-size:12px;padding:0 0 14px;text-align:center;}
#layout-2013 .articles-3 a {color:#1ab7ea;font-size:15px;text-decoration:none !important;}
#layout-2013 .articles-3 a:hover {color:#1393bd;}

#layout-2013 .articles-1 {margin:0 auto;padding:25px 0 40px;position:relative;width:960px;}
#layout-2013 .articles-1 .article {background:url(/images/2013/bg-article-1.png) no-repeat 0 0;padding:55px 40px 45px;height:122px;text-align:center;width:880px;}
#layout-2013 .articles-1 .mid {margin:0 20px;}
#layout-2013 .articles-1 em,
#layout-2013 .articles-1 i {color:#d06f1a;display:block;font:italic 15px/1.7em "Trebuchet MS", Arial, Helvetica, sans-serif;padding:0 0 21px;text-align:center;}
#layout-2013 .articles-1 .cite {bottom:52px;color:#858585;display:block;font-size:13px;padding:0 0 14px;position:absolute;right:40px;text-align:center;}
#layout-2013 .articles-1 a {color:#1ab7ea;font-size:15px;font-weight:bold;text-decoration:none !important;}
#layout-2013 .articles-1 a:hover {color:#1393bd;}

#layout-2013 .col3 {float:left;list-style:none;margin:0;padding:10px 10px 0 0;width:220px;}
#layout-2013 .col3 li {background:none;font-size:14px;margin:0;padding:0 0 7px 0;}

#layout-2013 .participants-2013 {background:url(/images/2013/shadow-976.png) no-repeat 0 0;left:-24px;margin:30px 0;padding:35px 0 10px 10px;position:relative;width:966px;}
#layout-2013 .participants-2013 h2 {padding-left:14px;}
#layout-2013 .participants-2013 .row-one-participants {height:185px;}
#layout-2013 .participants-2013 .box {background:url(/images/2013/bg-box-participant-2013.png) no-repeat 0 0;color:#000 !important;float:left;margin:0 18px;position:relative;text-align:center;text-decoration:none !important;width:203px;}
#layout-2013 .participants-2013 .box span {background:url(/images/2013/bg-box-participant-2013-don.png) no-repeat 0 0;display:none;height:103px;left:22px;position:absolute;top:23px;width:159px;z-index:100;}
#layout-2013 .participants-2013 .box img {display:block;padding:22px 22px 14px;}
#layout-2013 .participants-2013 .box strong {font-size:14px;}
#layout-2013 .participants-2013 .box small {color:#7F7F7F;font-size:11px;position:relative;top:-6px;}

#layout-2013 .participants-2013 .row-two-participants {padding:0 124px;}

#layout-2013 .participer-2013 {background:url(/images/2013/shadow-976.png) no-repeat 0 0;left:-24px;margin:20px 0 60px;padding:25px 0 25px 10px;position:relative;width:976px;}
#layout-2013 .participer-2013 .teaser {float:right;margin-left:60px;width:267px;}
#layout-2013 .participer-2013 .teaser .btn {background:url(/images/2013/btn-participer-2013.png) no-repeat 0 0;display:block;height:40px;margin-left:14px;text-indent:-9999em;width:239px;}
#layout-2013 .participer-2013 .teaser .btn:hover {background-position:0 bottom;}

#layout-2013 .participer-2013 p {font-size:16px;font-style:italic;line-height:32px;margin:0;padding:34px 0 0;}
#layout-2013 .participer-2013 p strong {font-style:normal;}
#layout-2013 .participer-2013 h6 {margin:22px 0 -8px;}
#layout-2013 .participer-2013 .shadow {background:url(/images/2013/shadow-small.png) no-repeat 0 0;height:13px;margin-top:60px;width:648px;}


/* 2014 */
.zone-2014 {margin:30px 0 -110px;padding-top:5px;}
.zone-2014 .title-2014 {background:url(/images/2014/bg-title-2014.png) no-repeat center 0;height:97px;margin:0 auto -85px;}
.zone-2014 .title-2014 h3 {display:none;}
.zone-2014 .zone-top {background:url(/images/2013/bg-zone-titre-top.png) no-repeat center 0;height:48px;} 
.zone-2014 .zone-main {background:url(/images/2013/black-05.png) repeat 0 0;height:240px;padding:50px 0 100px;}

.zone-2014 .zone-main .wrapper {background:url(/images/2013/sep-main-2013.png) no-repeat center 0;position:relative;top:-40px;}
.zone-2014 .zone-main a.teaser-on-saute-2014 {background:url(/images/2014/teaser-on-saute-2014.jpg) no-repeat 0 0;display:block;height:275px;position:relative;top:-20px;width:940px;}
.zone-2014 .zone-main a span {background:url(/images/2014/btn-voir-defi-2014.png) no-repeat 0 0;bottom:20px;display:block;height:24px;position:absolute;right:20px;text-indent:-9999em;width:113px;}
.zone-2014 .zone-main a:hover span {background-position:0 bottom;}

.zone-archives.version-2014 .zone-main {padding:5px 0 0 !important;}
.zone-archives.version-2014 .teasers-wrap {margin-top:0;width:976px;}
.zone-archives.version-2014 .teasers-wrap .row {clear:both;overflow:hidden;position:relative;width:976px;}
.zone-archives.version-2014 .teasers-wrap .row-1 {top:30px;}
.zone-archives.version-2014 .teasers-wrap .row-2 {top:50px;}

.zone-archives.version-2014 .teaser-saute-2013 {background:url(/images/2014/teaser-on-saute-2013.png) no-repeat 0 0;float:left;height:265px;margin-left:90px;width:400px;}
.zone-archives.version-2014 .teaser-defi-2013 {background:url(/images/2014/teaser-tetes-rasees-2013.png) no-repeat 0 0;float:left;height:265px;margin-left:4px;width:400px;}
.zone-archives.version-2014 .teaser-saute-2013:hover,
.zone-archives.version-2014 .teaser-defi-2013:hover {background-position:0 bottom !important;}


.article-area {
	left: -24px;
    margin: -5px auto -40px;
    padding: 0 0 10px 10px;
    position: relative;
    width: 966px;
}
#layout-2013 .articles-1 .smaller em,
#layout-2013 .articles-1 .smaller i {font-size:14px;padding-bottom:26px}