/* Styles generaux */

html {font-family:Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size:100%; background-color:black; color:#acacac;}
body {font-size:.75em;}
hr {position:absolute; left:0; top:-500px; width:1px; height:1px; overflow:hidden;}
body {padding:0; margin:0; text-align:center;}
#page {width:995px; margin:0 auto; _margin-top:-15px; background-color:black; position:relative; text-align:left;}
.popUp {width:254px; height:256px; position:relative;}
.popUp a {position:absolute; left:0; bottom:0; width:254px; height:50px; overflow:hidden; text-indent:-500px;
/* Fix IE pour rendre le lien cliquable */ *background:url(img/bkg-partenaires.png) 12000px 12000px no-repeat;}
.txtC {text-align:center !important;}
.context {overflow:hidden; _overflow:visible; zoom:1;}
.floatL {float:left;}
/* margins pour les contenus */
.Nomargin {margin:0 !important;}
.marginSm {margin:5px !important}
.margin{margin:10px !important}
.marginLg {margin:20px !important}
.VmarginSm, .TmarginSm {margin-top:5px !important} .VmarginSm, .BmarginSm {margin-bottom:5px !important} .HmarginSm, .LmarginSm {margin-left:5px !important} .HmarginSm, .RmarginSm {margin-right:5px !important}
.Vmargin, .Tmargin {margin-top:10px !important} .Vmargin, .Bmargin {margin-bottom:10px !important} .Hmargin, .Lmargin {margin-left:10px !important} .Hmargin, .Rmargin {margin-right:10px !important}
.VmarginLg, .TmarginLg {margin-top:20px !important} .VmarginLg, .BmarginLg {margin-bottom:20px !important} .HmarginLg, .LmarginLg {margin-left:20px !important} .HmarginLg, .RmarginLg {margin-right:20px !important}
.TmarginXLg {margin-top:40px !important}
.noTmargin {margin-top:0 !important;}

/* paddings pour les contenus */
.Nopadding {padding:0 !important;}
.paddingSm {padding:5px !important}
.padding{padding:10px !important}
.paddingLg {padding:20px !important}
.VpaddingSm, .TpaddingSm {padding-top:5px !important} .VpaddingSm, .BpaddingSm {padding-bottom:5px !important} .HpaddingSm, .LpaddingSm {padding-left:5px !important} .HpaddingSm, .RpaddingSm {padding-right:5px !important}
.Vpadding, .Tpadding {padding-top:10px !important} .Vpadding, .Bpadding {padding-bottom:10px !important} .Hpadding, .Lpadding {padding-left:10px !important} .Hpadding, .Rpadding {padding-right:10px !important}
.VpaddingLg, .TpaddingLg {padding-top:20px !important} .VpaddingLg, .BpaddingLg {padding-bottom:20px !important} .HpaddingLg, .LpaddingLg {padding-left:20px !important} .HpaddingLg, .RpaddingLg {padding-right:20px !important}
.VpaddingC, .TpaddingXlg {padding-top:30px !important} .VpaddingXlg, .BpaddingXlg {padding-bottom:30px !important} .HpaddingXlg, .LpaddingXlg {padding-left:30px !important} .HpaddingXlg, .RpaddingXlg {padding-right:30px !important}

a img {border:0;}
h1, h3, p {margin:0; padding:0;}
h1 span {display:block; color:#59DFFF; font-size:18px;}
h1 span.white {display:inline; font-size:30px;}
h1 b {color:#FFF; font-weight:normal;}
h3 {font-size:16px; margin-bottom:5px;}
h3  a {color:#59DFFF !important;}	
h4 {font-size:16px; color:#59DFFF; padding-bottom:11px; margin:0;}
p {font-size:12px; margin-bottom:5px; text-align: justify;}
.headerMain p.blue strong.weightNormal {font-size:16px;}
.home p {text-align:normal !important;font-size:12px; margin-bottom:5px;}
.noMargin {margin:0; padding:0;}
.access {display:none;} /* erf */
#header .access a {position:absolute; top:0;}
#footer .access {margin-top:15px; float:right;}
.access a {color:black !important; cursor:default !important;}
.access a:active {color:#4ddfbf !important;}
#content .part1 h2 {font-size:12px; color:#59dfff; text-transform:uppercase; text-align:center; font-weight:bold;}
#main em.blue, .left em.blue {font-style:normal; color:#59dfff; font-size:12px;}
.leftMain ul.whiteround {color:#FFF; margin-left:0; padding-left:10px; margin-top: 0px;}
.leftMain ul.whiteround li {padding-top:5px;}
.centerPic { text-align:center; }
.leftComplete { float:left; padding:0 10px 0 32px; }
.partenaires h2 { padding:0 10px 0 32px; }
.full * {width:100%;}
.miniBlueLink {color:#59dfff; font-size:10px; text-decoration:none;}
.floatR {float:right;}
.blue {color:#59dfff !important;}
.white {color:#FFF !important;}
.small {font-size:11px;}
.weightNormal{font-weight:normal;}
.upper {text-transform:uppercase;}
.txtC {text-align:center !important;}
.underline{text-decoration:underline;/*  color:#FFF !important; */}
.footerlinkunderline {text-decoration:underline !important;}
.fontNorm {font-weight:normal;}
.hide {visibility:hidden;}
.bold{font-weight:bold;}
.hidden{position:absolute; left:0; top:-500px; width:1px; height:1px; overflow:hidden;}
.flashMain{overflow:hidden; zoom:1; _overflow:vsible;}
.topPadding {padding-top:10px;}ade
.conteneurPart {margin-left:2px;overflow:hidden; _overflow:visible; zoom:1;}
.part1 {float:left; overflow:hidden; _overflow:visible; zoom:1;}
.part1 .last { margin-right:15px; _margin-right:5px; _width:370px; width:370px;}

.logo {background: url(img/bkg-partenaires.png) repeat-x left top; height:99px; list-style:none; padding-left:10px; _padding-left:15px; padding-top:-1px; margin-left:0px; }
.logo li.first {padding-left:10px;  padding-top:19px;}
.logo li.last {padding-right:9px; padding-top:19px; _padding-right:5px; width:65px;}
.logo li {float:left; background:none !important; padding-left:15px; padding-top:19px;}
.LinkPartenaires a {font-size:11px; text-decoration:none; color:#FFF;}
.LinkPartenaires a:hover, .LinkPartenaires a:active  {color:#59dfff;}

 /* Nav */
#header {position:relative; z-index:1000; background:black url(img/nav-haut-2.png) 11px 100% no-repeat; padding-bottom:20px;}
.home #header {padding-bottom:0;}
#header ul{width:100%; /*margin:20px 0 0;*/margin:0; list-style-type:none; /*background:black url(img/nav-haut.png) 11px 0 no-repeat; padding:20px 0 0;*/background:black url(img/nav-haut.png) 11px -5px no-repeat; padding:15px 0 0;}
#header ul ul {padding-top:0; margin-top:0; overflow:hidden; border-left:1px; border-right:1px; border-bottom:1px; border-top:0; border-style:solid; border-color:#002932;}
#header ul li{position:relative; float:left; color:white; background-color:black; _overflow-x:hidden;}
#header ul a{display:block; height:26px; line-height:26px; color:white; text-decoration:none; outline:none; _overflow:hidden; zoom:1;}
#header ul ul li{margin:1px 0; float:none;}
#header ul ul a{color:white; background-color:black; height:auto; line-height:18px; padding:4px 10px; font-size:12px;}
#header ul ul a:focus,
#header ul ul a:hover,
#header ul ul a:active {color:#fff; background-color:#017698;}
#header:after{content:''; display:block; clear:both;}
.nav1 {padding-left:11px;}
.nav1, .nav1 .itemBackground {width:69px;}
.nav2, .nav2 .itemBackground {width:190px;}
.nav3, .nav3 .itemBackground {width:185px;}
.nav4, .nav4 .itemBackground {width:260px;}
.nav5, .nav5 .itemBackground {width:135px;}
.nav6, .nav6 .itemBackground {width:125px; _width:122px;}
#header li.dernier {overflow-x:hidden;}
.hasJS #header ul ul {display:none;}
.hasJS #header ul li {background:url(img/ajax-loader.gif) 95% 50% no-repeat;}
.hasJS .home #flashcontent {height:260px;}
.hasJS #flashcontent * {color:black !important;}
#header ul.surv ul{position:absolute; *top:26px; *left:0;}
#header ul a.focusTitle{}
#header ul a.blurTitle{}
.itemBackground {position:absolute; height:100%; _height:26px; z-index:-1; display:block;}

/* Contenu */

#content {overflow:hidden;zoom:1;}
#content h1 {font-size:30px; padding:0; margin:0 0 14px;}
#content h2 {color:#59dfff; font-size:16px; font-weight:normal;}
#content  h2 span {display:block;}
#content p {color:#FFF;}
.mentions {color:#999 !important; font-size:9px;}
.mentions.last{padding-bottom:10px;}
.number {font-size:18px; color:#59DFFF;}
ul.square{padding-left:12px; margin:0; padding-top:4px;}
ul.square li {list-style-type: square; color:#FFF;} 
b.blanc {font-weight:normal; color:#FFF;}

/* Menu gauche */

.left {padding-top:30px; width:251px; float:left; position:relative; z-index:100;_margin-right:-3px;}
.menuLeft {list-style-type:none; text-transform:uppercase; font-size:11px; padding:0; margin:0; background:url(img/borderLeft-menuLeft.png) 100% 0 no-repeat;}
.menuLeft li {margin-bottom:5px;}
.menuLeft a {color:#59dfff; background:black url(img/bkg-menuLeft2.png) 0 100% no-repeat; text-decoration:none; line-height:21px; width:230px; display:block; padding-left:20px;}
.menuLeft .current a,
.menuLeft a:hover,
.menuLeft a:focus,
.menuLeft a:active {color:white; background-image:url(img/bkg-menuLeft-current2.png);}
.borderRightCol {background:url(img/bkg-imgLeft.png) 100% 0 repeat-y;}
#imgLeft {width:249px; padding:30px 1px 0; margin:-15px 0 0; overflow:hidden; background:url(img/bkg-imgLeft.png) 100% 0 repeat-y;}
#imgLeft span {margin:10px; display:block; color:#C0C0C0; font-size:11px;}
#imgLeft img {width:249px;}
#flashLeft {position:relative; bottom:0;}
.textLeft {padding-right:10px;}
.cfquizz {background:url(img/bkg-imgLeft.png) 100% 0 repeat-y;margin-top:-15px;_margin-top:-21px;padding-top:20px;}
.cfquizz object {width:245px;}

/* Contenu principal */
.home .per3blocks {overflow:hidden; margin-bottom:6px; /* margin-top:14px; */}
.home .first {width:330px; float:left;}
.home .middle {padding-top:10px; width:358px; float:left; padding-left:20px;}
.home .last {padding-top:20px; width:287px; float:left; _width:270px;}
.home .per3blocks .fixe *{width:310px; display:block; margin:0 auto;}
.home .per3blocks .txt {padding:0 15px;}
#ytapiplayer  {margin:0 auto; border:1px solid #59DFFF; width:289px;}
.home .per3blocks h3 a{color:#59dfff; font-size:16px; font-weight:normal; margin:0; padding:0; text-decoration:none;}
#page.home .per3blocks .txt * {text-align:center;}
.first .txt p {background: url(img/bkg-home.png) no-repeat 35px 5px; text-align:center; height:68px; _height:83px; line-height:15px; padding-top:20px;}
#main {overflow:hidden;  zoom:1;}
#main.flash {padding-bottom:0;}
#basket {background:#000 url(img/bkg-basket.png) no-repeat right 15px; margin-bottom:16px; _margin-bottom:9px;}
.home  #basket p, .home #course p, .home #running  p   {margin-right:80px; _margin-right:70px; text-align:normal; font-size:11px; color:#ACACAC;}
#course {background:#000 url(img/bkg-bike.png) no-repeat right 14px; margin-bottom:16px;}
#running {background:#000 url(img/bkg-running.png) no-repeat right 12px; margin-bottom:16px; _margin-bottom:9px;}
.leftMain {padding:0 10px 0 32px; width:327px; float:left;}
.rightMain {width:358px; padding-right:17px; float:left; _padding:0px; _width:320px;}
.alignRight { text-align:right; }
.reduce { width:300px }
.expend { width:385px }
.pushCol {padding-top:30px;}
.rightMain span {display:block; color:#FFF;}
.rightMain span.number {display:inline; color:#59DFFF;} 
.headerMain{padding-top:14px; padding-left:30px; width:681px;}
.frisquet {margin:10px 0 30px; width:325px;}
.frisquet ol {padding:0; _padding-left:5px; *padding-bottom:5px; margin:0; list-style-position:inside; font-size:16px; color:#59dfff; text-align:justify;}
.frisquet li {margin-top:10px;}
.frisquet li.first {margin-top:0;}
.frisquet li span {font-size:12px; color:white;}
#repas {color:white;}
.frisquet li span em,
.frisquet p em,
#repas p em,
#repas table th {font-style:normal; color:#59dfff;}
#repas table {width:681px;}
#repas table th {width:50%;}
#repas table td {vertical-align:top;}
#repas table ul,
#repas table li {margin-left:0; padding-left:0; list-style-type:none;}
#repas table p {color:#ACACAC; font-size:.9em; margin-right:20px;}
.frisquet p,
#repas p {margin-bottom:15px;}
#repas h2 {font-weight:bold; text-transform:uppercase; margin-bottom:0;}
#repas h2 em,
#partenaires h2 em {font-style:normal; color:white;}
.frisquet a,
#repas a {font-style:normal; color:#59dfff; border-bottom:1px solid #59dfff; text-decoration:none;}
.frisquet a:hover,
.frisquet a:focus,
.frisquet a:active,
#repas a:hover,
#repas a:focus,
#repas a:active {border-bottom:0;}
#quizz,
#repas,
#partenaires {clear:both; padding:0 10px 0 32px; margin-bottom:30px; position:relative; width:681; _width:681px;  _zoom:1;}
#partenaires {background:url(img/bkg_surfoot2.png) 100% -62px no-repeat; min-height:230px; _height:230px;  margin-bottom:0;}
#partenaires div {width:445px;margin:0 auto;overflow:hidden; _zoom:1;}
#partenaires div a {color:#fff;text-decoration:none;}
#partenaires div a img {display:block;}
#partenaires div a span {text-align:center;cursor:pointer;}
#partenaires div a span.imgESF {display:block;width:164px;}
#partenaires div a span.imgValDIsere {display:block;width:280px;}
#partenaires p {float:left; margin-top:30px;}
#quizz {background:url(img/bkg_quizz.png) 30px 26px no-repeat; min-height:265px; margin-top:30px; _height:265px; margin-bottom:0; _padding:0 0 0 28px; _margin-left:15px; _background-position:center 30px;}
#quizz h2 {padding:0 10px;}
#quizz h2,
#partenaires h2, #pourVousAider h2 {font-weight:bold; text-transform:uppercase;}
#partenaires.noBg {background:none;}
#pourVousAider {margin-top:30px;}
#quizz h2 em, #pourVousAider h2 em {font-style:normal; color:white;}
#pourVousAider h2 {padding-left:40px;margin-bottom:0;width:690px;}
#quizz h3 {color:#59dfff; margin-bottom:15px; padding:0 10px;}
#quizz h3.h3Margin {padding:0 140px 0 10px;}
#quizz .bottle {position:absolute; top:45px; right:44px; width:103px; height:30px; background:url(img/interieur_bouteille.png) -103px 0 no-repeat;}
#quizz .bottle span {position:absolute; width:103px; height:30px; background:url(img/contour_bouteille.png) 0 0 no-repeat; line-height:30px; text-align:center;}
#quizz form {margin-bottom:30px;}
#quizz form label {display:block; line-height:1.5em; margin-left:10px;clear:both;}
#quizz form label img {vertical-align:bottom;}
#quizz form label span, #quizz form label img, #quizz form label input {display:block;float:left;}
#quizz form label span.reponse {width:360px;}
#quizz form input {vertical-align:center;}
#btn_img {color:white; outline:none;}
#quizz form .floatL {width:420px;}
#quizz .btnValider {overflow:hidden; margin-right:35px; margin-top:30px; _position:relative; _top:10px; _margin-right:23px;}
#respQuizz {}
#respQuizz h3 {margin-bottom:0;}
#respQuizz h3 .white {font-size:12px; font-weight:normal;}
#respQuizz p {padding:0 35px 0 10px;}
#respQuizz p img {padding:0 2px 2px; display:block; margin:0;}
#respQuizz p.resultFinal {width:450px; margin-top:-90px; font-size:1.3em;}
.insideQuizz {background:url(img/lisere.png) no-repeat left bottom; position:relative; _width:681px; _margin-left:-14px; padding:0 !important;}
.insideQuizz img {_width:99.7% !important; _padding:0 1px 0 1px !important; _margin:0 0 1px 0 !important;}
.suivant {position:absolute; bottom:15px; right:50px;}
#formQuizz .error {clear:both; color:red; font-weight:bold; padding-left:10px;}


/* Pied de page */

.home #footer {background:black url(img/bkg-footer.png) 11px 0 no-repeat; padding-top:10px; margin:5px;}
.home #footer span.hide {visibility:visible;}
#footer {background:black url(img/bkg-footer_notHome.png) 11px 0 no-repeat; padding-top:18px; /*margin-top:-1px;*/}
#footer a, #footer p {font-size:11px; padding:0 10px; text-decoration:none; color:#999;}
#footer p.access a:hover {color:#59dfff !important;}
#footer a:hover,#footer a:active  {color:#59dfff;}
.home .logoFoot {display:visible;}
.logoFoot {right:10px; position:absolute; margin-top:-50px; margin-left:165px;}
#footer .last {position:absolute; margin-top:18px; margin-left:25px;}
.home #footer .last {position:absolute; right:-8px; margin-top:-14px; *margin-top:1px; width:170px;}

 /* Pour Opera */
@media screen and (position:absolute) {
	.home #footer .last {margin-top:1px;}
}
 /* Pour Safari */
body:last-child:not(:root:root) .home #footer .last {margin-right:-4px; margin-top:1px;}
body:last-child:not(:root:root) #footer .last {right:-10px; margin-left:19px;}

#footer ul {overflow:hidden;_overflow:visible;zoom:1;padding:0 0 0 10px;font-size:11px;margin:3px 0}
#footer ul li {float:left;list-style:none;padding:0 3px; border-left:1px solid #666666;}
#footer ul li.title {padding-left:0;border:0;}
#footer ul li.first {border:0;width:auto;}
#footer ul li a:hover {text-decoration:none;}

#footer p {margin-bottom:0}

/* partenaires */
#main .partenaires { padding:20px 0 0 0; }
#main .partenaires h1{ padding:0 0 0 25px; margin:0 0 35px 0; }
.partenaires p{ padding:0 0 0 25px; margin:0; font-size:12px; color:#ffffff; }
.partenaires p a{ color:#59dfff; text-decoration:none; }
.partenaires p span{ color:#59dfff; }
.partenaires .visu{ padding:0; text-align:center; margin:45px 0 45px 0; background:url(img/fond-partenaires-visu.gif) left -18px repeat-x; height:74px; }
.partenaires .visuAlt{ background:url(img/fond-partenaires-visu.gif) left -10px repeat-x; }
.partenaires .visu a{ margin:0 5px 0 5px; }
.partenaires .sepPart{ padding:0 0 50px 0; }
.clear { clear:both; }