/* COMMUN */
body { margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; background: url(../images/bg.jpg) top no-repeat #f3f9f9; }
* { margin: 0px; padding: 0px; }
ul { list-style-type: none; }
	/* liens */
a, a:link, a:visited { text-decoration: underline; color: #000000; }
a:hover { text-decoration: none; }
	/* conteneurs */
#global { position: relative; width: 974px; height: auto; margin: 0px auto 10px auto; }
#header { position: relative; top: 0px; left: 0px; width: 974px; height: 165px; background: url(../images/liseret-illus.gif) 242px 103px no-repeat; }
#conteneur { position: relative; top: 0px; left: 0px; width: 974px; height: auto; padding: 5px 0px 0px 0px; }
#conteneur.index { background: url(../images/conteneur-top-index.png) top no-repeat; }
#conteneur.int { background: url(../images/conteneur-top-int.png) top no-repeat; }
#conteneur #contenu { position: relative; width: 974px; height: auto; overflow: hidden; }
#conteneur.index #contenu { background: url(../images/conteneur-middle-index.png) repeat-y; }
#conteneur.int #contenu { background: url(../images/conteneur-middle-int.png) repeat-y; }
#stations { position: relative; top: 0px; left: 0px; width: 974px; height: 99px; z-index: 500; }
#stations.index { background: url(../images/bandeau-station-index.png) no-repeat; }
#stations.int { background: url(../images/bandeau-station-int.png) no-repeat; }
	/* logo */
#logo { position: absolute; top: 5px; left: 30px; width: 168px; height: 117px; background: url(../images/logo.png) no-repeat; z-index: 500; }
#logo a { display: block; height: 100%; text-indent: -5000px; overflow: hidden; }
	/* illustration top */
#illus-top { position: absolute; top: 13px; right: 4px; z-index: 500; }
	/* pied */
#pied { position: relative; top: 5px; left: 0px; width: 970px; text-align: center; padding-bottom: 5px; }
#pied li { display: inline; text-align: center; font-size: 11px; }
#pied li a { text-decoration: none; padding: 0px 6px; }
#pied li a:hover { text-decoration: underline; }
	/* partenaires territoire */
.part-terre { position: absolute; display: block; text-indent: -5000px; overflow: hidden; }
#part-terre1 { left: 12px; }
#part-terre2 { right: 16px; }
	/* partenaires station */
div.bandeau-stat { position: relative; top: 15px; left: 35px; overflow: hidden; width: 900px; height: 80px; }
div.bandeau-stat .items { width: 20000px; }
.part-stat { display: block; float: left; width: 150px; height: 80px; text-indent: -5000px; overflow: hidden; }
	/* share */
.addthis_button { position: relative; margin: 0px 0px 0px 363px; }


/* NAVIGATION */
	/* nav */
#nav { position: absolute; top: 131px; width: 974px; height: 27px; padding-top: 1px; background: url(../images/nav.png) 0px 0px repeat-x; z-index: 500; }
#nav li { float: left; text-align: center; }
#nav li a { display: block; height: 22px; line-height: 22px; color: #256a94; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-decoration: none; }
#nav #nav1 { background: url(../images/home.gif) no-repeat 0px 0px; width: 28px; height: 22px; margin: 0px 0px 0px 5px; text-indent: -5000px; overflow: hidden; border-right: 2px solid #6a9ebe; }
#nav #nav2 { width: 130px; border-right: 2px solid #6a9ebe; }
#nav #nav3 { width: 128px; border-right: 2px solid #6a9ebe; }
#nav #nav4 { width: 100px; border-right: 2px solid #6a9ebe; }
#nav #nav5 { width: 100px; border-right: 2px solid #6a9ebe; }
#nav #nav6 { width: 114px; border-right: 2px solid #6a9ebe; }
#nav #nav7 { width: 105px; border-right: 2px solid #6a9ebe; }
#nav #nav8 { width: 100px; border-right: 2px solid #6a9ebe; }
#nav #nav9 { width: 90px; border-right: 2px solid #6a9ebe; }
#nav #nav10 { width: 43px; }
#nav #nav10 img.drap { border: 1px solid #6a9ebe; margin: 6px 4px 0px 5px; }
#nav #nav1:hover { background: url(../images/home.gif) no-repeat 0 -22px; }
#nav #nav1.on { background: url(../images/home.gif) no-repeat 0px -22px; }
#nav #nav2:hover, #nav #nav3:hover, #nav #nav4:hover, #nav #nav5:hover, #nav #nav6:hover, #nav #nav7:hover, #nav #nav8:hover, #nav #nav9:hover { background: url(../images/nav-hover.gif) repeat-x; color: #d12b31; }
#nav #nav2.on, #nav #nav3.on, #nav #nav4.on, #nav #nav5.on, #nav #nav6.on, #nav #nav7.on, #nav #nav8.on, #nav #nav9.on { color: #d12b31; }
	/* langues disponibles */
#lang-dispo { position: relative; height: 20px; display: none; z-index: 600; }
#lang-dispo li { width: auto; height: 16px; display: inline; padding: 0px 5px 0px 15px; }
#lang-dispo a, #lang-dispo a:link, #lang-dispo a:visited { text-decoration: none; color: #32676b; }
#lang-dispo img.drap { border: 1px solid #6a9ebe; margin: 1px 0px 4px 0px; }
	/* sous nav */
#snav { position: relative; width: 229px; height: auto; padding: 6px 0px 6px 0px; background: url(../images/bg-sous-nav.gif) repeat-y; }
#snav > li { line-height: 9px; margin-bottom: 3px; padding-bottom: 5px; background: url(../images/trait-nav.gif) 11px bottom no-repeat; }
#snav > li > a { display: block; font-size: 13px; width: auto; height: 10px; font-weight: bold; text-decoration: none; padding-left: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#snav > li > a.on, #snav > li > a.on:link, #snav > li > a.on:visited { color: #256a94; border-left: 5px solid #256a94; }
#snav > li > a.off, #snav > li > a.off:link, #snav > li > a.off:visited { color: #ffffff; padding-left: 10px; }
#snav > li > a.off:hover, #snav > li > a.on:hover { color: #ffffff; padding-left: 5px; border-left: 5px solid #256a94; }
	/* sous sous nav */
.ssnav { margin: 5px 0px 0px 25px; }
.ssnav > li { line-height: 16px; }
.ssnav > li > a { margin-left: -3px; font-size: 12px; font-weight: normal; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
.ssnav > li > a.off, .ssnav > li > a.off:link, .ssnav > li > a.off:visited { color: #ffffff; }
.ssnav > li > a.on, .ssnav > li > a.on:link, .ssnav > li > a.on:visited { color: #256a94; }
.ssnav > li > a.off:hover, .ssnav > li > a.on:hover { color: #256a94; }


/* INDEX */
	/* colonnes */
#gauche-index { position: relative; float: left; width: 432px; height: auto; padding-bottom: 3px; }
#centre-index { position: relative; float: left; width: 314px; height: auto; padding-bottom: 3px; }
#droite-index { position: relative; float: left; width: 216px; height: auto; padding-bottom: 3px; }
	/* blocks */
a.lien-blk { display: block; width: auto; font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }
#blk-video { position: relative; width: 424px; height: auto; margin: 3px 0px 0px 8px; }
#blk-pnv.index { position: relative; width: 424px; height: 36px; margin: 8px 0px 0px 8px; }
#btn-photos.index, #btn-videos.index, #btn-lgo-news { display: block; width: 94px; height: 36px; color: #ffcc25; font-size: 11px; font-weight: bold; text-align: right; line-height: 36px; padding-right: 6px; text-decoration: none; }
#btn-photos.index { position: relative; float: left; background: url(../images/btn-photos.jpg) no-repeat; }
#btn-videos.index { position: relative; float: right; background: url(../images/btn-videos.jpg) no-repeat; }
#btn-lgo-news { position: relative; width: 202px; float: left; margin: 0px 0px 0px 8px; background: url(../images/btn-lgo-news.jpg) no-repeat; }
#btn-photos.index:hover, #btn-videos.index:hover, #btn-lgo-news:hover { background-color: #000000; color: #000000; opacity: 0.7; } /*-moz-opacity: 0.7;*/
#blk-pnv-course.index { position: relative; width: 424px; height: 36px; margin: 8px 0px 0px 8px; }
#blk-pnv-course.index #btn-photos.index { width: 202px; background: url(../images/btn-photos-course.jpg) no-repeat; }
#blk-newsletter { position: relative; float: left; margin: 0px 0px 0px 8px; width: 208px; height: 36px; }
#blk-newsletter .input { width: 184px; height: 16px; color: #a2a2a2; font-size: 10px; margin-top: 3px; padding: 0px 18px 0px 4px; float: left; border: 1px solid #d3252e; }
#blk-newsletter .valider { position: absolute; display: block; right: 0px; width: 18px; height: 18px; overflow: hidden; margin: 4px 0px 0px 2px; border: 0px; cursor: pointer; background: url(../images/btn-fleche-letter.gif) no-repeat; }
#blk-newsletter .valider:hover { background: url(../images/btn-fleche-letter.gif) 0px -16px no-repeat; }
#blk-programme-course { position: relative; width: 208px; height: 89px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-programmes-course.jpg) 0px bottom no-repeat #e30917; float: left; }
#blk-programme-course a { height: 100%; padding: 8px 10px; }
#blk-programme-course a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-programme-annee { position: relative; width: 208px; height: 89px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-programmes-annee.jpg) 0px 18px no-repeat #e30917; }
#blk-programme-annee a { height: 100%; padding: 8px 10px; }
#blk-programme-annee a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-mushers-course { position: relative; width: 208px; height: 193px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-mushers-course.jpg) 0px bottom no-repeat #0db7dd; }
#blk-mushers-course a { display: block; width: 70%; min-height: 15px; height: auto; line-height: 13px; margin: 22px 0px 0px 15px; color: #fff; font-size: 11px; font-weight: bold; padding-left: 14px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/btn-fleche-liens.gif) -11px 0px no-repeat; }
#blk-mushers-course a:hover { background: url(../images/btn-fleche-liens.gif) 0px -13px no-repeat #fff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-mushers-annee { position: relative; width: 208px; height: 103px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-mushers.jpg) 0px 26px no-repeat #4B90D1; }
/*#blk-mushers-annee a { height: 100%; padding: 20px 10px 0px 10px; }
#blk-mushers-annee a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-actus-course { clear: both; position: relative; width: 306px; height: auto; margin: 8px 0px 0px 8px; }
#blk-actus-course .actus { position: relative; height: 303px; overflow: hidden; background-color: #ededed; }
#blk-actus-annee { position: relative; width: 424px; height: auto; margin: 8px 0px 0px 8px; }
#blk-actus-annee .actus { position: relative; height: 165px; overflow: hidden; background-color: #ededed; }
#blk-actus-annee .picto-rss, #blk-actus-course .picto-rss { position: absolute; top: 2px; right: 2px; }
div.items { position: absolute; }
div.actu { padding: 0px 8px 0px 8px; text-align: right; clear: both; }
div.actu.annee { width: 408px; height: 82px; }
div.actu.course { width: 290px; height: 75px; }
div.actu img { float: left; margin-right: 5px; margin-top: 3px; }
div.actu p { font-size: 11px; margin-top: 1px; text-align: left; }
div.actu a { font-size: 10px; color: #256a94; font-style: italic; }
#actu-plus { position: relative; height: 14px; border: 1px solid #cccccc; background: url(../images/bg-actu-plus.gif) repeat-x; }
#actu-plus a.disabled { visibility: hidden !important; }
#btn-actu-moins, #btn-actu-plus { display: block; width: auto; height: 14px; line-height: 14px; color: #323232; white-space: nowrap; font-size: 11px; font-weight: bold; text-decoration: none; }
#btn-actu-moins { position: absolute; top: 0px; left: 6px; text-align: left; padding-left: 20px; background: url(../images/fleche-actu-left.gif) left 0px no-repeat; }
#btn-actu-moins:hover { color: #828282; background: url(../images/fleche-actu-left.gif) left -14px no-repeat; }
#btn-actu-plus { position: absolute; top: 0px; right: 6px; text-align: right; padding-right: 20px; background: url(../images/fleche-actu-right.gif) right 0px no-repeat; }
#btn-actu-plus:hover { color: #828282; background: url(../images/fleche-actu-right.gif) right -14px no-repeat; }
#blk-partenaires-officiels { position: relative; height: 91px; margin: 8px 0px 8px 8px; overflow: hidden; float: left; }
#blk-partenaires-officiels.index { width: 149px; }
#blk-partenaires-officiels.int { width: 208px; }
#blk-partenaires-medias { position: relative; height: 91px; margin: 8px 0px 8px 8px; overflow: hidden; float: left; }
#blk-partenaires-medias.index { width: 149px; }
#blk-partenaires-medias.int { width: 208px; margin: 8px 0px 8px 8px; }
#blk-partenaires-web { position: relative; height: 91px; margin: 8px 0px 8px 8px; overflow: hidden; float: left; }
#blk-partenaires-web.int { width: 208px; margin: 8px 0px 8px 8px; }
#blk-sejours-index { position: relative; clear: both; width: 208px; height: 89px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-sejours.jpg) 0px 17px no-repeat #b35ba3; }
#blk-sejours-index.course { width: 208px; height: 116px; margin: 0px 8px 0px 8px; background: url(../images/bg-sejours-course.jpg) 0px 18px no-repeat #b35ba3; float: left; }
#blk-sejours-index a { height: 100%; padding: 12px 10px 0px 10px; }
#blk-sejours-index.course a { padding: 12px 10px 0px 10px; }
#blk-sejours-index a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-histoires { width: 208px; height: 116px; background: url(../images/bg-histoire-jour.jpg) 0px 18px no-repeat #4B90D1; float: left; }
#blk-histoires a { height: 100%; padding: 25px 10px 65px 10px; }
#blk-histoires a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-resultats { position: relative; width: 208px; height: 89px; margin: 8px 0px 8px 8px; overflow: hidden; background: url(../images/bg-resultats.jpg) 0px 18px no-repeat #0db7dd; float: left; }
#blk-resultats a { height: 100%; padding: 32px 10px 30px 10px; }
#blk-resultats a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
/*#blk-resultats a { width: auto; height: 25px; padding: 3px 5px; background: url(../images/degrade-btn-resultats.png) left repeat-y; }
#blk-resultats a:hover { text-decoration: underline; }
#blk-resultats a.etape { margin: 65px 0px 0px 5px; line-height: 12px; }
#blk-resultats a.general { margin: 100px 0px 0px 5px; line-height: 12px; }*/
#blk-info-course { position: relative; width: 306px; height: auto; margin: 0px 0px 0px 4px; overflow: hidden; border: 0px solid #d12a31; }
#blk-info-course p { padding: 4px 6px; font-size: 12px; text-align: justify; }
#blk-live { position: relative; width: 208px; height: 144px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-live.jpg) 0px 18px no-repeat #c4362d; }
#blk-live p { color: #ffffff; height: 62px; padding: 52px 17px 0px 17px; overflow: hidden; }
#blk-live a { position: absolute; width: 100%; height: 100%; padding: 10px 10px 0px 10px; }
#blk-live a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-etape { position: relative; width: 208px; height: 193px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-etape.jpg) 0px 18px no-repeat #e30917; }
#blk-etape p { font-size: 11px; font-weight: bold; color: #ffffff; padding: 10px 0px 0px 10px; }
#blk-etape table { position: absolute; top: 58px; left: 8px; width: 192px; height: 105px; text-align: center; margin: 0px; }
#blk-boutique { position: relative; width: 208px; height: 155px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/boutique-cd.jpg) 0px 18px no-repeat; }
#blk-boutique a { display: block; height: 100%; padding: 8px 10px; font-size: 11px; color: #386673; text-decoration: none; }
#blk-boutique a:hover { text-decoration: underline; }
#blk-benevoles { position: relative; width: 208px; height: 80px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-benevoles.jpg) 0px 18px no-repeat #4d6c75; }
#blk-benevoles a { height: 100%; text-align: right; padding: 7px 10px 0px 10px; }
#blk-benevoles a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-palmares { position: relative; width: 208px; height: 73px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-palmares.jpg) 0px 18px no-repeat #d12b31; }
#blk-palmares a { height: 100%; text-align: right; padding: 20px 10px 0px 10px; }
#blk-palmares a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-presentation { position: relative; width: 424px; height: 211px; margin: 8px 0px 0px 8px; text-align: right; background-color: #F1F6F9; }
#blk-presentation div { text-align: justify; font-size: 12px; padding: 5px 6px; margin: 10px 0px 7px 0px; height: auto; overflow: hidden; }
#blk-presentation a { font-size: 10px; color: #32676b; font-style: italic; }
#blk-liens-presentation { position: relative; width: 145px; height: auto; margin: 7px 0px 0px 6px; }
#blk-liens-presentation a { display: block; width: auto; height: 15px; line-height: 13px; margin: 4px 0px 0px 2px; color: #fff; font-size: 11px; font-weight: bold; padding-left: 14px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; background: url(../images/btn-fleche-liens.gif) -11px 0px no-repeat #2f72bd; }
#blk-liens-presentation a:hover { background: url(../images/btn-fleche-liens.gif) 0px -13px no-repeat #fff; color: #000000; opacity: 0.6; }
#blk-smb { position: relative; width: 306px; height: 48px; margin: 0px 0px 0px 8px; clear: both; }
#blk-facebook { position: relative; width: 206px; height: 36px; margin: 8px 0px 0px 8px; border: 1px solid #42609c; background: url(../images/bg-facebook.gif) repeat-x; }
#blk-facebook h2 { position: absolute; top: 6px; left: 4px; width: 80px; height: 24px; line-height: 12px; font-size: 11px; padding-left: 24px; background: url(../images/logo-facebook.gif) no-repeat; }
#blk-facebook h2 a { color: #445a89; text-decoration: none; }
#blk-facebook iframe { position: absolute; right: 2px; top: 9px; }
	/* espace login */
#blk-login { position: relative; width: 195px; height: 76px; margin: 3px 0px 0px 8px; padding: 2px 5px 2px 6px; overflow: hidden; border: 1px solid #6a9ebe; background: url(../images/bg-login.gif) repeat-x; }
#blk-login-titre { color: #256a94; font-size: 12px; font-weight: bold; height: 12px; }
#blk-login .input { width: 168px; height: 16px; color: #a2a2a2; font-size: 10px; float: left; margin-top: 5px; padding-left: 4px; border: 1px solid #6a9ebe; }
#blk-login .valider { display: block; width: 18px; height: 18px; overflow: hidden; float: left; margin: 5px 0px 0px 2px; border: 0px; cursor: pointer; background: url(../images/btn-fleche-connexion.gif) no-repeat; }
#blk-login .valider:hover { background: url(../images/btn-fleche-connexion.gif) 0px -18px no-repeat; }
#blk-login p { clear: both; }
#blk-login .lien, #blk-login .lien:link, #blk-login .lien:visited { color: #256a94; font-size: 11px; margin: 0px 0px 0px 7px; }
#blk-login .nom { padding-top: 10px; }
#blk-login .deconex {  }
	/* titres */
h2.arrondi { width: auto; height: 18px; font-size: 12px; line-height: 18px; font-weight: bold; color: #ffffff; padding-left: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2.arrondi.gauche { background: url(../images/bg-title-arrondi-gauche.gif) no-repeat; }
h2.arrondi.centre { background: url(../images/bg-title-arrondi-centre.gif) no-repeat; }
h2.arrondi.droite { background: url(../images/bg-title-arrondi-droite.gif) no-repeat; }
h2.traineau { height: 18px; font-size: 14px; font-weight: bold; color: #ffffff; line-height: 24px; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2.traineau strong { padding-left: 36px; background: url(../images/picto-traineau.png) 8px 2px no-repeat; z-index: 100; }
h2.traineau.title-programmes { background: url(../images/bg-title-programmes.gif) repeat-x; }
h2.traineau.title-mushers { background: url(../images/bg-title-mushers.gif) repeat-x; }
h2.traineau.title-mushers-course { background: url(../images/bg-title-resultats.gif) repeat-x; }
h2.traineau.title-sejours { background: url(../images/bg-title-sejours.gif) repeat-x; }
h2.traineau.title-histoires { background: url(../images/bg-title-mushers.gif) repeat-x; }
h2.traineau.title-resultats { background: url(../images/bg-title-resultats.gif) repeat-x; }
h2.traineau.title-etape { background: url(../images/bg-title-etape.gif) repeat-x; }
h2.traineau.title-live { background: url(../images/bg-title-live.gif) repeat-x; }
h2.traineau.title-benevoles { background: url(../images/bg-title-resultats.gif) repeat-x; }
h2.traineau.title-palmares { background: url(../images/bg-title-gps.gif) repeat-x; }
h2.letter { width: auto; height: 15px; line-height: 16px; text-align: center; color: #d3252e; font-size: 11px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2.presentation { width: auto; height: 33px; text-align: center; color: #d12b31; font-size: 14px; line-height: 16px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
h2.partenaires { width: auto; height: 11px; line-height: 10px; text-align: center; color: #979797; font-size: 10px; font-style: italic; font-weight: normal; border-bottom: 1px solid #969696; font-family: Verdana, Arial, Helvetica, sans-serif; }
div.actu h3 { font-size: 12px; color: #000000; border-bottom: 1px dotted #32676b; padding-top: 2px; text-align: left; }
div.actu span.date { font-size: 11px; color: #d12b31; font-weight: normal; }


/* CONTENU */
	/* colonnes */
#gauche { position: relative; float: left; width: 229px; height: auto; padding-bottom: 3px; z-index: 600; }
#centre { position: relative; float: left; width: 488px; height: auto; padding: 0px 17px 3px 17px; margin-left: -5px; z-index: 500; }
#droite { position: relative; float: left; width: 216px; height: auto; padding-bottom: 3px; }
	/* blocks */
#blk-pnv.int { position: relative; width: 229px; height: 79px; margin: 0px 0px 0px 0px; background: url(../images/degrade-bottom-snav.png) top no-repeat #eeeded; }
#btn-photos.int, #btn-videos.int { display: block; width: 98px; height: 16px; color: #ffcc25; font-size: 11px; font-weight: bold; text-align: center; line-height: 16px; text-decoration: none; border: 1px solid #c3c3c3; background: url(../images/bg-photos-videos.gif) repeat-x; }
#btn-photos.int { position: relative; margin: 10px 8px 7px 8px; float: left; }
#btn-videos.int { position: relative; margin: 10px 0px 7px 0px; float: left; }
#btn-photos.int:hover, #btn-videos.int:hover { background-color: #000000; color: #000000; opacity: 0.7; } /*-moz-opacity: 0.7;*/
#blk-sejours-int { position: relative; width: 208px; height: 89px; margin: 8px 0px 0px 8px; overflow: hidden; background: url(../images/bg-sejours.jpg) 0px 17px no-repeat #b35ba3; }
#blk-sejours-int a { height: 100%; padding: 12px 10px 0px 10px; }
#blk-sejours-int a:hover { background-color: #ffffff; color: #000000; opacity: 0.6; } /*-moz-opacity: 0.6;*/
#blk-panier { position: fixed; top: 403px; width: 208px; height: auto; margin: 8px 0px 0px 8px; overflow: hidden; z-index: 600; }
#blk-panier p { padding: 4px; color: #386673; background-color: #dae9f0; }
#blk-panier div { background-color: #dae9f0; }
#blk-panier ul#panier { display: none; width: 192px; font-size: 11px; color: #386673; margin-left: 8px; padding: 4px 0px; border-top: 1px solid #386673; }
#blk-panier a#valid-selec, #blk-panier a#valid-selec:link, #blk-panier a#valid-selec:visited { display: none; width: 206px; height: 15px; text-align: center; text-decoration: none; color: #d12b31; border: 1px solid #d12b31; background: url(../images/bg-selection.gif) repeat-x; }
#blk-panier a#valid-selec:hover { color: #427987; border: 1px solid #427987; }
#blk-encart-pub { position: relative; width: 208px; height: 155px; margin: 8px 0px 0px 8px; overflow: hidden; }
	/* page interieur */
#centre h1.titre { color: #256a94; font-size: 18px; line-height: 24px; font-weight: bold; margin: 8px 0px 4px 0px; border-bottom: 1px solid #256a94; font-family: Verdana, Arial, Helvetica, sans-serif; }
#centre strong.intertitre { font-size: 13px; color: #d12b31; }
#centre span.legend { font-size: 10px; font-style: italic; color: #000000; }
#centre div.docs { width: 242px; height: auto; float: right; margin: 0px 0px 5px 10px; text-align: left; font-style: normal; border: 1px solid #a6555b; background-color: #f8f5f5; }
#centre div.docs h3 { width: auto; height: 18px; color: #ffffff; font-size: 11px; font-weight: bold; line-height: 18px; text-indent: 5px; background-color: #a38a92; }
#centre div.docs ul { list-style-image: none; margin: 3px 5px 5px 5px; }
#centre div.docs li { line-height: 18px; }
#centre div.docs a, #centre div.docs a:link, #centre div.docs a:visited { color: #929292; font-size: 11px; text-decoration: none; padding-left: 18px; background: url(../images/picto-download.png) 0px 1px no-repeat; }
#centre div.docs a:hover { text-decoration: underline; }
#centre div.chapeau, #centre p.chapeau { color: #256a94; margin: 4px 0px 15px 0px; font-style: italic; text-align: justify; overflow: hidden; }
#centre .article p { padding-bottom: 15px; }
#centre .article { color: #000000; text-align: justify; }
#centre .article ul { list-style-image: url(../images/puce-noir.gif); margin: -8px 0px 10px 40px; }
	/* fiche musher */
div.ficheMusher { position: absolute; margin: -135px 0px 0px 0px; display: none; width: 300px; height: auto; font-size: 11px; padding: 0px 0px 4px 0px; overflow: hidden; background-color: #f8fbfc; border: 5px solid #cadadf; z-index: 600; }
div.ficheMusher h3 { width: 186px; float: left; text-align: left; font-weight: bold; font-size: 13px; line-height: 20px; margin: 5px 0px; border-bottom: 1px solid #cadadf; }
div.ficheMusher span { color: #21616c; font-weight: bold; }
div.ficheMusher p { text-align: justify; color: #666666; padding: 4px 4px 0px 4px; }
div.ficheMusher img { float: left; margin: 4px 5px 0px 4px; border: 0px; }
	/* pagination */
p.pagination { width: auto; height: 15px; text-align: center; font-size: 11px; font-weight: bold; margin: 10px 0px 10px 0px; color: #256a94; border: 1px solid #6a9ebe; background: url(../images/bg-selection.gif) repeat-x; }
p.pagination a, p.pagination a:link, p.pagination a:visited { position: absolute; font-weight: normal; color: #256a94; text-decoration: none; }
p.pagination a:hover { color: #d12b31; }
p.pagination a.first { left: 25px; }
p.pagination a.previous { left: 105px; }
p.pagination a.last { right: 25px; }
p.pagination a.next { right: 105px; }
	/* margin-bottom 10px */
#centre .bottom8 { margin-bottom: 8px; }
	/* margin-right 10px */
#centre .right8 { margin-right: 8px; }
	/* margin-left 10px */
#centre .left8 { margin-left: 8px; }
	/* margin-top 10px */
#centre .top8 { margin-top: 8px; }


/* FORMULAIRE */
p.form { clear: both; padding: 1px 0px 1px 0px; font-size: 11px; height: auto; line-height: 18px; text-align: left; }
p.submit { clear: both; padding: 1px 0px 3px 0px; }
p.form label { display: block; float: left; clear: both; padding-right: 5px; width: 160px; color: #22211d; height: auto; font-weight: bold; text-align: right; }
p.form span.etoile { color: #d12b31; font-weight: bold; font-size: 15px; line-height: 11px; }
p.form span.detail { color: #d12b31; font-weight: normal; font-size: 10px; line-height: 14px; }
p.msg { color: #d12b31; }
input.text { width: 220px; font-size: 11px; height: 14px; }
input.somme { width: 68px; text-align: right; padding-right: 2px; }
input.password { width: 220px; font-size: 11px; height: 14px; }
input.checkbox { width: 14px; height: 16px; margin: 2px 5px 0px 0px; vertical-align: middle; }
input.posL { float: left; margin-right: 5px; }
input.radio { width: 14px; height: 14px; margin: 2px 4px 2px 0px; vertical-align: middle; }
textarea.textarea { width: 216px; height: 60px; font-size: 11px; padding: 0px 2px; font-family: Arial, Helvetica, sans-serif; }
select.select { width: auto; font-size: 11px; height: 18px; }
input.submit { width: 226px; font-size: 11px; margin-left: 164px; }


/* GABARITS */
	/* staff log */
h2.service { clear: both; font-weight: bold; font-size: 16px; height: 19px; text-align: left; color: #d12b31; margin-bottom: 6px; padding-top: 15px; border-bottom: 1px solid #d12b31; }
div.staff { float: left; width: 239px; height: 141px; margin-bottom: 6px; overflow: hidden; background-color: #f8fbfc; border: 1px solid #cadadf; }
div.staff h3 { width: 126px; float: left; text-align: left; font-weight: bold; font-size: 13px; line-height: 20px; margin: 5px 0px; border-bottom: 1px solid #cadadf; }
div.staff span { color: #666666; }
div.staff p { clear: both; text-align: justify; font-size: 12px; color: #666666; padding: 4px; }
div.staff img { float: left; margin: 4px 5px 0px 4px; border: 0px; }
	/* finishers */
div.finisher { float: left; width: 239px; height: 141px; margin-bottom: 6px; overflow: hidden; background-color: #f8fbfc; border: 1px solid #cadadf; }
div.finisher h3 { width: 126px; float: left; text-align: left; font-weight: bold; font-size: 13px; line-height: 20px; margin: 5px 0px; border-bottom: 1px solid #cadadf; }
div.finisher span { color: #666666; }
div.finisher p { font-size: 12px; color: #666666; padding: 4px 4px 0px 0px; }
div.finisher img { float: left; margin: 4px 5px 0px 4px; border: 0px; }
	/* sponsors */
div.sponsors { float: left; width: 156px; height: 106px; margin-bottom: 6px; overflow: hidden; border: 1px solid #cadadf; }
div.sponsors td { width: 156px; height: 85px; text-align: center; vertical-align: middle; }
div.sponsoweb { float: left; width: 114px; height: 77px; margin-bottom: 6px; overflow: hidden; border: 1px solid #cadadf; }
div.sponsoweb td { width: 114px; height: 56px; text-align: center; vertical-align: middle; }
div.sponsors span, div.sponsoweb span { display: block; height: 20px; font-size: 12px; text-align: center; line-height: 18px; font-weight: bold; color: #666666; background-color: #f8fbfc; border-top: 1px solid #cadadf; }
div.sponsors img, div.sponsoweb img { border: 0px; }
	/* mushers */
.list-mushers { margin: 0px 0px 10px 0px; }
.list-mushers a { font-size: 13px; font-weight: bold; padding-left: 23px; }
.list-mushers h3 { font-size: 12px; font-weight: normal; height: 22px; line-height: 21px; }
.list-mushers h3 img { position: absolute; margin-top: 3px; }
div.mushers { width: 478px; height: 260px; margin: 0px 0px 6px 0px; padding: 4px; overflow: hidden; color: #666666; background-color: #f8fbfc; border: 1px solid #cadadf; }
div.mushers span { color: #21616c; font-weight: bold; }
div.mushers div.img { position: relative; float: left; margin: 0px 5px 4px 0px; border: 0px; }
div.mushers div.img img.type { position: absolute; bottom: 0px; z-index: 10; }
div.mushers a { padding: 0px; color: #666666; }
	/* actualités */
div.actualites { position: relative; text-align: right; }
div.actualites h2 span { font-size: 9px; font-weight: normal; color: #999999; }
div.actualites img { float: left; margin-right: 5px; margin-top: 0px; }
div.actualites p { text-align: justify; height: 38px; padding-bottom: 15px; }
div.actualites a, div.actualites a:link, div.actualites a:visited { position: absolute; margin-top: -14px; right: 0px; font-size: 10px; color: #256a94; font-style: italic; }
	/* sitemap */
#sitemap ul { height: auto; margin: 0px 0px 10px 0px; }
#sitemap ul li a { display: block; width: auto; }
#sitemap ul li a.niv0, #sitemap ul li a.niv0:link, #sitemap ul li a.niv0:visited { background-color: #94B4C8; height: 24px; line-height: 24px; font-weight: bold; padding-left: 4px; margin-bottom: 5px; color: #fff; }
#sitemap ul li a.niv1 { font-weight: bold; padding-left: 20px; }
#sitemap ul li a.niv2 { padding-left: 40px; color: #256a94; }
	/* boutique */
div.boutique { position: relative; float: left; width: 239px; height: 384px; margin-bottom: 6px; overflow: hidden; border: 1px solid #cadadf; background-color: #f8fbfc; z-index: 50; }
div.boutique.selected { border: 1px solid #21616c; background-color: #e2ecef; }
div.boutique h3 { text-align: left; font-weight: bold; font-size: 13px; text-indent: 5px; height: 30px; color: #21616c; line-height: 30px; margin: 0px 0px; background-color: #cadadf; }
div.boutique div.infos { position: relative; height: 30px; border-bottom: 1px solid #cadadf; }
div.boutique div.infos span.prix { position: absolute; left: 5px; top: 7px; color: #d12b31; font-size: 15px; font-weight: bold; }
div.boutique div.infos span.taille { position: absolute; left: 90px; top: 6px; color: #d12b31; }
div.boutique div.infos span.taille option { padding-left: 5px; }
div.boutique div.infos span.taille img { display: none; margin: 1px 0px 0px 2px; border: 0px; }
div.boutique div.infos span.add { position: absolute; right: 0px; top: 6px; }
div.boutique div.desc { text-align: justify; font-size: 11px; color: #666666; padding: 7px 8px; }
div.boutique img { margin: 0px 0px 0px 0px; border: 0px; border-bottom: 1px solid #cadadf; z-index: 80; }
div.boutique .dewplayer { position: absolute; left: 0px; bottom: 85px; margin: 0px 0px 0px 0px; z-index: 100; }
	/* panier */
table.panier { margin-bottom: 3px; }
table.panier th { height: 24px; background-color: #cadadf; color: #21616c; padding: 0px 4px; }
table.panier td { height: 24px; padding: 3px 4px; border-bottom: 1px solid #cadadf; }
table.panier td span.taille { color: #7f7f7f; font-size: 11px; }
table.panier img { border: 1px solid #cadadf; float: left; margin: 0px; }
table.total { margin-bottom: 10px; border: 1px solid #cadadf; }
table.total td { height: 22px; padding: 0px 4px; background-color: #f3f7f9; color: #21616c; font-weight: bold; }
table.totalG { margin-bottom: 10px; border: 1px solid #d12b31; }
table.totalG td { height: 22px; padding: 0px 4px; background-color: #f3f7f9; color: #d12b31; font-weight: bold; }
div.cgv { display: block; width: 476px; height: 210px; margin: 10px 0px 5px 0px; font-size: 11px; padding: 5px; overflow: auto; background-color: #FFFFFF; border: 1px solid #cadadf; }
div.cgv h2 { text-align: center; font-size: 15px; }
div.cgv p { margin-top: 15px; }
	/* photos */
div.photos { float: left; width: 239px; height: 162px; margin-bottom: 6px; overflow: hidden; border: 1px solid #cadadf; }
div.photos td { width: 239px; height: 141px; text-align: center; vertical-align: middle; }
div.photos span { display: block; height: 20px; font-size: 9px; text-align: left; text-indent: 4px; line-height: 22px; color: #666666; background-color: #f8fbfc; border-top: 1px solid #cadadf; }
div.photos span a { position: relative; display: block; float: left; width: 12px; margin: 4px 4px 0px 0px; }
div.photos img { border: 0px; }
	/* albums */
div.albums { float: left; width: 156px; height: 85px; margin-bottom: 6px; overflow: hidden; border: 1px solid #cadadf; }
div.albums td { width: 156px; height: 85px; text-align: center; vertical-align: middle; }
div.albums span { display: block; height: 20px; font-size: 9px; text-align: left; text-indent: 4px; line-height: 22px; color: #666666; background-color: #f8fbfc; border-top: 1px solid #cadadf; }
div.albums img { border: 0px; }