html {background: #fff url(charte/fond3.jpg) 0 0 no-repeat; text-align: center }

body {width: 1050px; background: url(charte/bg.png) bottom left no-repeat; margin: 210px auto 0 auto; text-align: left; font-family: sans-serif; font-size: 12px;}

a:link {color: #000000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {color: #cc0033; text-decoration: underline;}

img {border: none; margin-left: 6px; margin-right: 6px;}
img.left {float: left;}
img.right {float: right;}

sup {font-size: 6px;}

/* ==================== HEAD ==================== */

#navi {background: url(piste/.jpg) no-repeat center 66px; width: 250px; height: auto; float: left; text-align: left}
#navi #acc-top {height: 9px; background: url(charte/accordion-top.png) bottom left no-repeat; margin:0; padding: 0;}
#navi #acc-bas {height: 9px; background: url(charte/accordion-bas.png) 0 0 no-repeat;}

#navi dl#list2 {width: 100%; overflow: hidden; margin:0 !important; margin: -5px 0 0 0; padding: 0;}
#navi dt {display: block; cursor: pointer; color: #fff; text-decoration: none; font-style: italic; font-weight: bold; line-height: 32px; padding: 0 8px; background: url(charte/bg_accordeon.jpg) 0 0 repeat;}
#list2 dd {height: 250px; padding: 0; margin: 0}
#list2 dd a {display: block; font-size: 11px; margin: 4px 8px; padding: 0 0 0 14px; background: url(charte/arrow.gif) 5px center no-repeat;}
#list2 dd a:hover {background: url(charte/arrowr.gif) 5px center no-repeat;}

#list2 dd#accueil {background: transparent url(charte/accordion-accueil.png) no-repeat bottom;}
#list2 dd#piste {background: transparent url(charte/accordion-piste.png) no-repeat bottom;}
#list2 dd#infra {background: transparent url(charte/accordion-infra.png) no-repeat bottom;}
#list2 dd#location {background: transparent url(charte/accordion-location.png) no-repeat bottom;}
#list2 dd#challenge {background: transparent url(charte/accordion-challenge.png) no-repeat bottom;}
#list2 dd#gallerie {background: transparent url(charte/accordion-gallerie.png) no-repeat bottom;}
#list2 dd#sfk {background: transparent url(charte/accordion-sfk.png) no-repeat bottom;}
#list2 dd#staff {background: transparent url(charte/accordion-staff.png) no-repeat bottom;}
#list2 dd#contact {background: transparent url(charte/accordion-contact.png) no-repeat bottom;}


/* ==================== CORP ==================== */

div#corp {width: 750px; float: left; margin: 0 0 0 40px; min-height: 600px;}

/* ---------- big box ---------- */

.bigbox {width: 750px; margin: 0 0 15px 0; text-align: left; clear: left;}
.bigbox .top { background: transparent url(charte/big_box_top.png) 0 0 no-repeat; height: 7px; margin: 0; padding: 0;}
.bigbox .contenu { background: transparent url(charte/big_box_contenu.png) 0 0 repeat-y; padding: 0 7px; height: 100%; margin: 0 !important; margin: -8px 0 0 0;}
.bigbox .contenu h2 {background: transparent url(charte/big_box_titre.png) 0 0 no-repeat; margin: 0; padding: 5px 0 0 12px; height: 50px; color: #3A4B56; font-size: 14px; font-style: italic;}
.bigbox .bottom {background: transparent url(charte/big_box_bottom.png) 0 0 no-repeat; height: 7px;}

.bigbox form {font-size: 12px; width: 486px; margin-left: 125px;}
.bigbox form fieldset {border: none; padding:0; margin: 0;}
.bigbox form span.lab {display: block; width: 41%; text-align: right; float: left;}
.bigbox form input.txt {border: 1px solid #3A4B56; width: 55%;}
.bigbox form input.check {margin-left: 60px;}
.bigbox form select {border: 1px solid #3A4B56; width: 55%;}
.bigbox form div.sep {height: 8px;}
.bigbox form textarea {border: 1px solid #3A4B56; width: 55%;}
.bigbox form textarea#adr {height: 80px;}
.bigbox form textarea#msg {height: 160px;}
.bigbox div#wait {text-align: center}
.bigbox div#wait p {text-align: center; margin: 0; padding: 28px 0 0 0;}

.bigbox ul {list-style-image: url(charte/arrowr.gif); margin: 0; padding: 0 20px; text-align: justify;}
.bigbox ul.location_tarif {font-weight: bold; margin-bottom: 30px}
.bigbox ul.location_tarif .t {font-weight: normal; list-style-image: none; list-style-type: none; padding-left: 20px;}
.bigbox ul.location_questions {font-weight: bold;}
.bigbox ul.location_questions li.r {font-weight: normal; list-style-image: none; list-style-type: none; margin: 0 0 20px 20px}
.bigbox ul li {padding: 0; margin: 8px 0;}
.bigbox ul li span {font-weight: bold; color: #cc0033;}

/* ---------- small box ---------- */

.smallbox {width: 370px; margin: 0 0 15px 0; float: left; text-align: left; min-height: 200px;}
.smallbox .top {background: transparent url(charte/small_box_top.png) 0 0 no-repeat; height: 7px;}
.smallbox .contenu {background: transparent url(charte/small_box_contenu.png) 0 0 repeat-y; padding: 0 7px; min-height: 260px; margin: 0 !important; margin: -8px 0 0 0;}
.smallbox .contenu h2 {background: transparent url(charte/small_box_titre.png) 0 0 no-repeat; margin: 0; padding: 5px 0 0 12px; height: 50px; color: #3A4B56; font-size: 14px; font-style: italic;}
.smallbox .contenu .fla {background: #eee; width: 200px; height: 133px; float: left; margin: 0 6px;}
.smallbox .contenu .fla img {width: 100%; height: 100%; margin: 0}
.smallbox .bottom {background: transparent url(charte/small_box_bottom.png) 0 0 no-repeat; height: 7px;}

.smallbox ul {list-style-image: url(charte/arrowr.gif); margin: 0; padding: 0 20px; text-align: justify;}
.smallbox ul li {padding: 0; margin: 8px 0;}
.smallbox ul li span {font-weight: bold; color: #cc0033;}

/* ---------- galerie type diapo ---------- */
.slider {width: 100%; height: 250px}
.slider ul {margin: 0; padding: 0; width: 100%; height: 100%}
.slider ul li {margin: 0; padding: 0; width: 100%; height: 100%}

.sliderimg {width: 360px;}
.btnaction {text-align:center; float: left; width: 100%;}

.sliderimgsfk {width: 100%;}
.sliderimgsfk ul {list-style-image: none;}
.sliderimgsfk ul li {width: 100%; text-align: center;}
.sliderimgsfk ul li img {padding: 5px; border: 1px solid #cecece; background: #000}
.btnactionsfk {text-align:center; float: left; width: 100%;}

/*---------- séparation small box ---------- */

#sep1 {width: 135px; height: 25px; float: left;}
#sep  {width: 10px !important; width: 6px; float: left; margin: 0; padding: 0;}
.sepa {width: 10px !important; width: 6px; float: left; margin: 0; padding: 0;}

/* ---------- contenu box ---------- */

.contenu p {margin: 0; padding: 0; text-align: justify;}
.contenu p span {font-weight: bold; color: #cc0033;}
.contenu p a#actu_suite {display: block; text-align: right; font-size: 9px; color: #cc0033;}
.contenu table.sfk {text-align: center; width: 50%; border: 1px solid #000; margin: 0 7px; float: left; border-collapse:collapse;}
.contenu table.sfk .tr1 {background-color: #cfcfcf; font-weight: bold}
.contenu table.sfk .tr2 {background-color: #fff;}
.contenu table.sfk .tr3 {background-color: #f4f1f2;}

/* ---------- galerie challenge ---------- */

div#gallery_container {background: #fff; padding: 0; margin: 0 auto 15px;}
div#gallery {padding: 0; margin: 0;}
div#trueContainer img {border: 2px outset #000; margin: 0; width: 50px; height: 50px; cursor: pointer}
div#grandevue {text-align: center; min-height: 420px;}
div#grandevue img {margin: 0; padding: 5px; border: 1px solid #cecece; background: #000}

/* ==================== PIED ==================== */

div#pied {clear: left; width: 750px; margin: 23px 0 8px 290px; height: 60px; text-align: center}
div#pied div#icokart {height: 20px; margin: 0; padding: 0; background: #fff url(charte/icokart.jpg) 90% 0 no-repeat; }
div#pied span#left {display: block; float: left; height: 40px; width: 30px; background: url(charte/pied_gauche.png) 0 0 no-repeat;}
div#pied p {font-size: 11px; color: #fff; margin: 0; padding: 5px 0 0 0; float: left; display: block; width: 690px; height: 33px; border-top: 1px solid black; ;border-bottom: 1px solid black; background: #cc0033;}
div#pied span#right {display: block; float: left; height: 40px; width: 30px; background: url(charte/pied_droit.png) 0 0 no-repeat;}
div#pied p a {color: #fff}