@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

* { padding: 0; margin: 0; }
HTML, BODY { height: 100%; }
BODY {
   min-height: 100%;
   height: auto;
   font-family: 'Lato', sans-serif;
   font-size: 13px;
   color: #546164;
   background: #000;
}

A IMG { border: none; }
A { outline: none; text-decoration: none; }
TEXTAREA { overflow: auto; }

/*** Centrage du site ***/
#center { position: relative; width: 994px; margin: 0 0 0 -495px; left: 50%; -webkit-tap-highlight-color: rgba(0,0,0,0); }

/*** Menu ***/
UL#menu { height: 37px; padding: 42px 0 0 1px; margin: 0 0 0 6px; list-style: none; overflow: hidden; font-size: 15px; }
UL#menu LI { float: left; padding: 0 0 0 0; }
UL#menu LI A {
   display: block;
   float: left;
   height: 30px;
   line-height: 30px;
   margin: 7px 9px 0 0;
   background: #FBF8E4;
   text-decoration: none;
   text-align: center;
   text-transform: uppercase;
   font-weight: 700;
   color: #7E8F90;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   -webkit-box-shadow: inset 0px -2px 8px -2px rgba(126, 143, 144, 0.75);
   -moz-box-shadow:    inset 0px -2px 8px -2px rgba(126, 143, 144, 0.75);
   box-shadow:         inset 0px -2px 8px -2px rgba(126, 143, 144, 0.75);
}

UL#menu LI A:hover, UL#menu LI A.active {
   background: #FFF;
   color: #C57764;
   -webkit-box-shadow: none;
   -moz-box-shadow:    none;
   box-shadow:         none;
}

UL#menu LI A#item1 { width: 80px; }
UL#menu LI A#item2 { width: 90px; }
UL#menu LI A#item3 { width: 76px; }
UL#menu LI A#item4 { width: 76px; }
UL#menu LI A#item5 { width: 80px; }
UL#menu LI A#item6 { width: 85px; }
UL#menu LI A#item7 { width: 141px; }
UL#menu LI A#item8 { width: 112px; }
UL#menu LI A#item9 { height: 37px; width: 170px; margin: 0 0 0 -2px; background: url(../pics/charte/menu-sprite.png) 0 0 no-repeat; text-indent: -4000px; line-height: 0; font-size: 0; text-decoration: none; }
UL#menu LI A#item9:hover, UL#menu LI A#item9.active { background-position: 0 bottom; }


/*** Content ***/
#content { background: url(../pics/charte/bg-centre.png) left top repeat-y;  padding: 0 26px 1px 26px; position: relative; }
#content H1 { height: 100px; background: url(../pics/charte/bg-h1.png) center top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
#contentFooter { height: 17px; background: url(../pics/charte/bg-contentFooter.png) left top no-repeat; clear: both; }

/*** Homepage ***/
DIV#carrousel { height: 310px; margin: 0 0 10px 0; position: relative; }
DIV#carrousel #optinLeft  { float: left; width: 215px; height: 300px; }
DIV#carrousel #optinRight { float: right; width: 720px; height: 300px; }

DIV.homePub { margin: 0 0 6px 0; }

FORM#homeOptinNewsletter { height: 28px; padding: 40px 0 0 25px; background: url(../pics/charte/bg-home-optin-newsletter.jpg) left top no-repeat; font-family: Arial, Helvetica, sans-serif; margin: 0 0 6px 0; }
FORM#homeOptinNewsletter INPUT { width: 130px; background: none; border: none; font-size: 12px; color: #D7D2B4; }
FORM#homeOptinNewsletter INPUT.btn { width: 25px; height: 15px; border: none; margin-left: 9px; cursor: pointer; }

DIV#bigImage { }
DIV#choosePubs { height: 40px; width: 720px; position: absolute; /*z-index: 60000;*/ top: 260px; right: 0; background: url(../pics/charte/bg-choosePubs.png) left top repeat-x; }
DIV#choosePubs h2 {
   display: inline-block; padding: 0 0 0 10px; color: #E5EBEC; font-size: 21px; line-height: 41px; letter-spacing: 0px; font-weight: 700; text-transform: uppercase;}

DIV#choosePubs SELECT { display: none; }

DIV.baseline { background: #1A525F; margin: 6px 0 0 0; padding: 14px 0 10px 0; }
P.homeBaseline { text-align: center; color: #e9f0f1 !important; font-size: 13px; text-transform: uppercase; line-height: 24px;}

DIV.encartHome { float: left; width: 220px; font-size: 12px; padding: 146px 0 10px 0; text-align: justify; margin: 0 20px 0 0; text-align: center; position: relative; }
DIV.encartHome H2 { font-size: 17px; color: #FFF; text-transform: uppercase; margin: 0 0 5px 0; padding: 0 0 0 0; width: 220px; height: 31px; line-height: 31px; position: absolute; left: 0; top: 115px; background: url(../pics/charte/bg-home-encarts.png) left top repeat; }
DIV.encartHome P { font-size: 13px; text-align: justify; color: #6B7E82; padding: 0 10px 0 10px; }
DIV.encartHome IMG { float: left; margin: 3px 10px 5px 0; }
DIV.encartHome DIV { background: url(../pics/charte/bg-encartHome.png) left top repeat-y; padding: 7px 0 10px 0;}
DIV.encartHome A { color: #FFF; text-decoration:none; }
DIV.encartHome P A { color: #6B7E82; text-decoration:none; }
DIV.encartHome A.bigHome { position: absolute; top: -115px; left: 0; width: 220px; height: 31px; padding: 115px 0 0 0; text-align: center; }

DIV#history   { background: url(../pics/charte/bg-history.jpg) left top no-repeat; }
DIV#loveBeer  { background: url(../pics/charte/bg-loveBeer.jpg) left top no-repeat; }
DIV#loveFood  { background: url(../pics/charte/bg-loveFood.jpg) left top no-repeat; }
DIV#workingAt { background: url(../pics/charte/bg-working.jpg) left top no-repeat; }

DIV.last { margin: 0 0 0 0 !important; }

A.moreInfos {  position: absolute; bottom: 10px; right: 10px; display: block; width: 80px; height: 12px; background: url(../pics/charte/bg-a-more-info.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

/*** Pages internes ***/
#colGauche { float: left; width: 215px; }
#article { float: right; width: 700px; font-size: 14px; position: relative; }
#articleGrand, #articleGrandJobs { position: relative;}
#diaporama, #diaporamaBeer, #diaporamaSport { position: relative; margin: 0 0 0 0; }
#diaporama { margin: 0 0 8px 0; }

/*** Reservation ***/
#reservation { width: 668px; height: 1031px; padding: 13px 12px 16px 20px; background: url(../pics/charte/bg-form-reservation.png) left top no-repeat; font-size: 14px; color: #000; font-family: 'Lato', sans-serif; position: relative; }
#reservation P { font-size: 14px; line-height: 20px; margin: 0 0 6px 0; }
#reservation H2 { font-size: 18px; font-weight: normal; margin: 0 0 5px 0; }
#reservation LABEL { }
#reservation LABEL.legende { display: block; float: left; width: 330px; }
#reservation INPUT { border: 1px solid #C0CBD6; width: 248px; padding: 0 2px 0 2px; font-family: 'Lato', sans-serif; }
#reservation INPUT.chk { border: none; width: auto; vertical-align: middle; padding: 0; }
#reservation INPUT.btn { width: 189px; height: 33px; background: url(../pics/charte/bg-form-reservation-btn.png) left top no-repeat; border: none; position: absolute; bottom: 16px; left: 13px; cursor: pointer; }
#reservation SELECT { border: 1px solid #C0CBD6; padding: 1px 2px 1px 2px; font-family: 'Lato', sans-serif; }
#reservation SELECT#res_choosePub { width: 270px; float: right; margin: 11px 68px 15px 0; }
#reservation TEXTAREA { width: 252px; height: 90px; overflow: auto; }

/**
 * FrogBeers
 */
.beers-wrapper {
   position: relative;
   color: #E8D1B7;
   font-family: 'Lato', sans-serif;
   font-weight: 400;
   margin-bottom: 20px;
}

#cut-content {
   width: 390px;
}

.beers-wrapper h2 {
   font-size: 30px;
   font-weight: 400;
   text-transform: uppercase;
   text-shadow: 3px 4px 3px rgba(0, 59, 32, 0.69);
   margin: 0 0 10px 0;
   text-align: center;
}

.beers-wrapper h3 {
   color: #E8D1B7;
   margin: 30px 0 7px 0;
   font-weight: 400;
   text-align: center;
   font-size: 30px;
   width: 342px;
}

.beers-wrapper p {
   font-size: 18px;
   margin: 0 0 20px 0;
}

.beers-wrapper table {
   color: #E8D1B7;
   width: 342px;
   background: url(../pics/charte/beers/dot-border.png) left top no-repeat;
   margin: 0 0 43px 22px;
   padding: 0 0 0 0;
   border-collapse: separate;
   border-spacing: 0 5px;
}

.beers-wrapper td {
   text-align: center;
   height: 43px;
   width: 53%;
   font-size: 17px;
   vertical-align: middle;
}

.beers-wrapper th {
   text-align: center;
   height: 43px;
   line-height: 43px;
   font-size: 22px;
}

#fnb { min-height: 984px; background: #000 url(../pics/charte/beers/bg-fnb.jpg) left top no-repeat; padding: 485px 0 15px 22px; }
#fnb h2 { color: #FEF7E6; }
#fnb p.just { text-align: center !important; margin: 0 18px 0 13px; color: #FEF7E6; text-shadow: 2px 3px 4px rgba(1, 1, 1, 0.75); font-size: 19px; }

#mb { min-height: 984px; background: #000 url(../pics/charte/beers/bg-mb.jpg) left top no-repeat; padding: 485px 0 15px 22px; }
#mb h2 { color: #FEF7E6; font-size: 27px; }
#mb p.just { text-align: center; margin: 0 18px 0 13px; color: #FEF7E6; text-shadow: 2px 3px 4px rgba(1, 1, 1, 0.75); font-size: 19px; }

#ginger { min-height: 984px; background: #000 url(../pics/charte/beers/bg-ginger.jpg) left top no-repeat; padding: 485px 0 15px 22px; }
#ginger h2 { color: #FEF7E6; font-size: 26px; text-shadow: 3px 4px 3px rgba(0, 0, 0, 0.69); }
#ginger p.just { text-align: center; margin: 0 18px 0 13px; color: #FEF7E6; text-shadow: 2px 3px 4px rgba(1, 1, 1, 0.75); font-size: 19px; }

#inseine { min-height: 984px; background: #000 url(../pics/charte/beers/bg-inseine.jpg) left top no-repeat; padding: 485px 0 15px 22px; }
#inseine h2 { color: #FEF7E6; font-size: 26px; text-shadow: 3px 4px 3px rgba(0, 0, 0, 0.69);  margin-top: 10px;}
#inseine p.just { text-align: center; margin: 0 18px 0 13px; color: #FEF7E6; text-shadow: 2px 3px 4px rgba(1, 1, 1, 0.75); font-size: 19px; }

#parislytic { min-height: 984px; background: #000 url(../pics/charte/beers/bg-parislytic.jpg) left top no-repeat; padding: 485px 0 15px 22px; }
#parislytic h2 { color: #FEF7E6; font-size: 26px; text-shadow: 3px 4px 3px rgba(0, 0, 0, 0.69); }
#parislytic p.just { text-align: center; margin: 0 18px 0 13px; color: #FEF7E6; text-shadow: 2px 3px 4px rgba(1, 1, 1, 0.75); font-size: 19px; }

#dark { min-height: 984px; background: #000 url(../pics/charte/beers/bg-dark.jpg) left top no-repeat; padding: 485px 0 15px 22px; }
#dark h2 { color: #FEF7E6; font-size: 26px; text-shadow: 3px 4px 3px rgba(0, 0, 0, 0.69); }
#dark p.just { text-align: center; margin: 0 18px 0 13px; color: #FEF7E6; text-shadow: 2px 3px 4px rgba(1, 1, 1, 0.75); font-size: 18px; }

#specials { height: 905px; background: url(../pics/charte/beers/bg-specials.jpg) left top no-repeat; padding: 564px 15px 0 60px; }
#specialsFr { height: 905px; background: url(../pics/charte/beers/bg-specialsFr.jpg) left top no-repeat; padding: 564px 15px 0 60px; }


#specials-overflow {
   height: 715px;
   padding: 0 0 0 0;
   overflow: hidden;
}

.special-beer-wrapper {
   position: relative;
   margin-bottom: 50px;
   text-align: justify;
   min-height: 230px;
   height: auto;
   float: left;
}

.special-last {
   min-height: 365px !important;
}

.special-beer-content em {
   font-size: 19px;
}

.special-beer-wrapper img {
   position: absolute;
   left: 0;
   top: -50px;
}

#specials-scroll {
   padding: 50px 0 0 0;
}

.overview {
   width: 100%;
}

.special-beer-content {
   width: 355px;
   padding: 15px 15px 15px 50px;
   margin-left: 65px;
   background: #FFF;
   color: #000;
   font-size: 17px;
   float: left;
}

.specialAlt {
   margin-right: 35px;
   float: right;
}

.specialAlt img {
   right: 0 !important;
   left: auto;
}

.specialAlt .special-beer-content {
   padding: 15px 50px 15px 15px !important;
   margin: 0 65px 0 0 !important;
   float: right !important;
}

#formSpecials {
   position: absolute;
   right: 53px;
   bottom: 20px;
   width: 291px;
   height: 102px;
   background: url(../pics/charte/beers/bg-formSpecials.png) left top no-repeat;
}

#formSpecials input {
   background: none;
   border: none;
   position: absolute;
   bottom: 2px;
   left: 70px;
   width: 135px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #D7D2B4;
   line-height: 21px;
}

#formSpecials button {
   border: none;
   background: none;
   position: absolute;
   bottom: 0;
   right: 47px;
   height: 25px;
   width: 30px;
   cursor: pointer;
}

/**
 * Navigation Beers
 */
.beers_link {
   display: block;
   height: 34px;
   padding: 16px 0 0 0;
   margin: 0 0 4px 0;
   font-family: 'Lato', sans-serif;
   font-weight: 700;
   font-size: 15px;
   color: #FFF;
   text-transform: uppercase;
   text-align: center;
   -webkit-transition: opacity 0.2s ease-in-out;
   -moz-transition: opacity 0.2s ease-in-out;
   -o-transition: opacity 0.2s ease-in-out;
   transition: opacity 0.2s ease-in-out;
}

.beers_link:hover { opacity: 0.8; }
.beers_link span { display: block; font-size: 10px; }

#fnb_link        { background: #FAC52A; }
#mb_link         { background: #D0A93C; }
#ginger_link     { background: #E28020; }
#inseine_link    { background: #CB5507; height: 41px; padding: 9px 0 0 0; }
#parislytic_link { background: #782B13; height: 41px; padding: 9px 0 0 0; }
#dt_link         { background: #502005; height: 41px; padding: 9px 0 0 0; }
#specials_link   { background: #EB3B23; }

.beer_content H2 { color: #CE604E; text-align: center; font-size: 30px; margin: 0 0 15px 0; }
.beer_content H2 SPAN { font-size: 20px; vertical-align: middle; }

#beer_fnb   { height: 170px; padding: 20px 0 0 0; margin: 0 0 20px 0; background: url(../pics/charte/bieres/fnb.jpg) left top no-repeat; }
#beer_fnb P { color: #275834; }
#beer_maison_blanche   { height: 190px; background: url(../pics/charte/bieres/maison-blanche.jpg) right top no-repeat; }
#beer_maison_blanche P { text-align: right; color: #2A495B; }
#beer_ginger_twist   { height: 170px; padding: 20px 0 0 0; background: url(../pics/charte/bieres/ginger-twist.jpg) left top no-repeat; }
#beer_ginger_twist P { color: #9F4116; }
#beer_inseine   { height: 180px; padding: 10px 0 0 0; background: url(../pics/charte/bieres/inseine.jpg) right top no-repeat; }
#beer_inseine P { text-align: right; color: #590B2D; }
#beer_dark   { height: 170px; padding: 20px 0 0 0; background: url(../pics/charte/bieres/dark-de-triomphe.jpg) left top no-repeat; }
#beer_dark P { color: #390D27; }
#beer_parislytic   { height: 200px; background: url(../pics/charte/bieres/parislytic.jpg) right top no-repeat; }
#beer_parislytic P { text-align: right; color: #232F50; }

DIV.contenuLeft { width: 336px; float: left; padding: 5px 0 5px 14px; }
DIV.contenuLeft SPAN.grand { font-size: 24px; line-height: 40px; }

#coordonnees_pub { border: 1px solid #F3F3F3; -moz-box-shadow: 2px 2px 4px #AAA; -webkit-box-shadow: 2px 2px 4px #AAA; box-shadow: 2px 2px 4px #AAA; overflow: hidden; margin: 5px 0 10px 0; padding: 0 0 10px 0; }

DIV.contenuRight { width:328px; float:right; padding: 10px 0 0 0; margin: 5px 0 5px 0;}
#pictos P { margin: 0 0 5px 0; }
IMG#illuBeer { margin: 0 0 1px 0; }

/*** Diaporama Food ***/
#conteneurLinksFood { }
#conteneurLinksFood A { display: block; float: left; width: 222px; height: 148px; margin: 0 25px 19px 0; text-indent: -10000px; line-height: 0; text-decoration: none; font-size: 0; }

#conteneurLinksFood A#snack      { background: url(../pics/charte/bg-food-snacks.jpg) left top no-repeat; }
#conteneurLinksFood A#sandwiches { background: url(../pics/charte/bg-food-sandwiches.jpg) left top no-repeat; }
#conteneurLinksFood A#salads     { margin-right: 0; background: url(../pics/charte/bg-food-salads.jpg) left top no-repeat; }
#conteneurLinksFood A#desserts   { background: url(../pics/charte/bg-food-desserts.jpg) left top no-repeat; }
#conteneurLinksFood A#brunch     { background: url(../pics/charte/bg-food-brunch.jpg) left top no-repeat; }
#conteneurLinksFood A#kid        { margin-right: 0; background: url(../pics/charte/bg-food-kid.jpg) left top no-repeat; }

#conteneurLinksFood A:hover, #conteneurLinksFood A.active { background-position: left bottom !important; }

#hideFood { position: absolute; width: 717px; height: 630px; top: 199px; background: #FFF; z-index: 900; left: 252px; opacity : 0.8; -moz-opacity : 0.8; -ms-filter: "alpha(opacity=80)"; filter : alpha(opacity=80); }

/* Encarts de la zone food  */
#select_food_menu { height: 117px; background: url(../pics/pubs/bg-select-food-menu.png) left top no-repeat; position: relative; }
#select_food_menu.foodLngFr { background-image: url(../pics/pubs/bg-select-food-menuFr.png); }
#select_food_menu A#link_choose_menu { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
#select_food_menu SELECT { display: none; }
DIV#select_food_menu SPAN.selectField { position: absolute; display: block; top: 75px; left: 50%; width: 181px; height: 26px; margin: 0 0 0 -90px; background: url(../pics/pubs/bg-select-choose-menu.png) left top no-repeat; cursor: pointer; font-size: 13px; z-index: 11; color: #FFF; z-index: 13; }
DIV#select_food_menu SPAN.selectValue { display: block; padding: 5px 0 0 10px; }
DIV#select_food_menu SPAN.selectOptions { position: absolute; display: block; left: 0; top: 23px; width: 181px; padding: 5px 0 8px 0; background: #20201E; }
DIV#select_food_menu SPAN.selectOptions SPAN { display: block; padding: 3px 0 3px 5px; background: #20201E;}
DIV#select_food_menu SPAN.selectOptions SPAN.selected { background: #20201E; color: #FFF; }
DIV#select_food_menu SPAN.selectOptions SPAN.active { background: #20201E; color: #FFF; }

#select_daily_menu { height: 140px; background: url(../pics/pubs/formule-midi.png) left top no-repeat; position: relative; }
#select_daily_menu.foodLngFr { background-image: url(../pics/pubs/formule-midiFr.png); }
#select_daily_menu A#link_choose_daily_menu { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; }
#select_daily_menu SELECT { display: none; }
DIV#select_daily_menu SPAN.selectField { position: absolute; display: block; top: 85px; left: 50%; width: 181px; height: 26px; margin: 0 0 0 -90px; background: url(../pics/pubs/bg-select-choose-daily-menu.png) left top no-repeat; cursor: pointer; font-size: 13px; z-index: 11; color: #FFF; }
DIV#select_daily_menu SPAN.selectValue { display: block; padding: 5px 0 0 10px; }
DIV#select_daily_menu SPAN.selectOptions { position: absolute; display: block; left: 0; top: 23px; width: 181px; padding: 5px 0 8px 0; background: #20201E; }
DIV#select_daily_menu SPAN.selectOptions SPAN { display: block; padding: 3px 0 3px 5px; background: #20201E;}
DIV#select_daily_menu SPAN.selectOptions SPAN.selected { background: #20201E; color: #FFF; }
DIV#select_daily_menu SPAN.selectOptions SPAN.active { background: #20201E; color: #FFF; }


/*** Test des miniatures ***/
DIV#navigation { background: #000; position: absolute; top: 0; left: 0; height: 342px; width: 50px; padding: 8px 7px 0 8px; z-index: 900; }
DIV.thumbs     { width: 50px; height: 50px; background: #ae5; margin: 0 0 3px 0; border: 1px solid #FFF; opacity : 0.8; -moz-opacity : 0.8; -ms-filter: "alpha(opacity=80)"; filter : alpha(opacity=80); }
DIV#footerBeer { height: 42px; width: 700px; margin: 0 0 8px 0; background: url(../pics/charte/bg-footer-diaporama-beer.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

DIV.contenuGreyGreen { background: url(../pics/charte/bg-contenuGreyGreen.png) left top repeat-y;  margin: 8px 0 0 0; overflow: hidden; }
DIV.contenuGreyGreen H2 { font-size: 18px; text-transform: uppercase; margin: 0 0 8px 0; }
DIV.contenuGreyGreen P { line-height: 20px; }

DIV.contenuLeftGrey   { float: left; width: 340px; padding: 10px; color: #2F5862; }
DIV.contenuRightGreen { width: 315px; float: right; padding: 10px 10px 10px 15px; color: #337180; }
DIV.contenuRightGreen P { margin: 0 0 10px 0; }

DIV.redDegrade    { float: left; background: #C20816 url(../pics/charte/bg-red-degrade.png) left top repeat-x; width: 415px; height: 121px; padding: 4px 0 0 0; margin: 9px 0 0 0; position: relative; }
DIV.redDegrade H2 { font-weight: normal; font-size: 24px; margin: 0 0 2px 0; color: #FCF2C5; text-align: center; text-transform: uppercase; }
DIV.redDegrade P  { color: #FCF2C5; text-align: center; }
A#discoverCocktail { display: block; width: 214px; height: 13px; position: absolute; bottom: 7px; right: 9px; background: url(../pics/charte/bg-a-discover-cocktail.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

DIV.beigeRight    { float: right; background: #C6C2A6; width: 279px; height: 121px; padding: 4px 0 0 0; margin: 9px 0 0 0; position: relative; }
DIV.beigeRight H2 { font-weight: normal; font-size: 24px; margin: 0 0 2px 0; color: #290606; text-align: center;  text-transform: uppercase; }
DIV.beigeRight P  { color: #290606; text-align: center; }
A#applyHere { display: block; width: 93px; height: 13px; position: absolute; bottom: 7px; right: 9px; background: url(../pics/charte/bg-apply-here.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
DIV.plain { margin-top: 20px; }

DIV.text_alone H2 { font-weight: bold; font-size: 18px; margin: 0 0 10px 0; }
DIV.text_alone H3 { font-weight: bold; font-size: 18px; margin: 0 0 10px 0; }
DIV.text_alone H4 { font-weight: bold; font-size: 18px; margin: 0 0 10px 0; }
DIV.text_alone P { margin: 0 0 5px 0; }

DIV.text_wc H2 { font-weight: bold; font-size: 24px; margin: 15px 0 20px 0; color: #22813F; text-transform: uppercase; text-align:center; }
DIV.text_wc H3 { font-weight: bold; font-size: 18px; margin: 20px 0 10px 0; color:#4C9947;  }
DIV.text_wc H4 { font-weight: bold; font-size: 14px; margin: 10px 0 5px 0; }
DIV.text_wc P { margin: 0 0 5px 0; }
DIV.text_wc A { color:#22813F; text-decoration:underline; }
DIV.text_wc UL { margin: 20px 0 25px 30px; }

/*** Jobs ***/
#headerJobs { height: 30px; background: #D3F7F9; margin: 7px 0 13px 0; position: relative; }
#headerJobs A { float: right; display: block; height: 30px; width: 227px; background: url(../pics/charte/header-job-a.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

H2#jobH2 { color: #5FAAAF !important; text-align: center !important; font-size: 23px !important; margin: 0 0 16px 0; }
#articleGrand P { margin: 0 0 12px 0; font-size: 16px; color: #230C0B; }
#articleGrand UL { margin: 10px 0 12px 15px; font-size: 16px; color: #230C0B; list-style: none; }
#articleGrand LI { margin: 0 0 12px 0; font-size: 16px; color: #230C0B; }
#articleGrandJobs P { margin: 0 0 12px 0; font-size: 14px; color: #230C0B; }
#articleGrandJobs UL { margin: 10px 0 12px 15px; font-size: 14px; color: #230C0B; list-style: none; }
#articleGrandJobs LI { margin: 0 0 12px 0; font-size: 14px; color: #230C0B; }
A.linkJobs { display: block; float: left; width: 220px; height: 147px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

A#team       { background: url(../pics/charte/bg-a-team.jpg) left top no-repeat; margin: 12px 21px 20px 0; }
A#management { background: url(../pics/charte/bg-a-management.jpg) left top no-repeat; margin: 12px 21px 20px 0; }
A#graduate   { background: url(../pics/charte/bg-a-graduate.jpg) left top no-repeat; margin: 12px 20px 20px 0; }
A#gap_year   { background: url(../pics/charte/bg-a-gap_year.jpg) left top no-repeat; margin: 12px 0 20px 0; }

/*** Jobs choice ***/
.jobChoice { border: 3px solid #B13C10; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 0 10px 0; padding: 20px 20px 20px 20px; position: relative; }
.jobChoice H2 { background: #D0E0E1; color: #341311 !important; font-weight: bold; padding: 5px 15px 5px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; float: left; margin: 20px 0 10px 0 !important; font-size: 16px !important; }

.jobChoice P { font-size: 15px !important; padding: 0 29px 0 17px; color: #341311 !important; margin-bottom: 5px !important; line-height: 17px; }
.jobChoice UL { list-style: inside disc !important; padding: 0 29px 0 0; margin: 0 0 10px 32px; }
.jobChoice UL LI { font-size: 14px !important; color: #341311 !important; margin: 0 0 0 25px; line-height: 17px; }

.jobChoice A { }
.jobChoice A:hover { }

A#logo { position: absolute; top: 113px; left: 24px; width: 325px; height: 50px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#logo_textopint { position: absolute; top: 79px; left: 7px; width: 433px; height: 99px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

/*** Liens "Apply now" ***/
A.applyTop, A.applyBottom { display: block; width: 106px; height: 31px; background: url(../pics/charte/bg-apply-now.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; position: absolute; }

#teamChoice A.applyTop { right: 17px; top: 190px; }
#teamChoice A.applyBottom { right: 17px; bottom: 20px; }

#managementChoice A.applyTop { left: 200px; top: 115px; }
#managementChoice A.applyBottom { left: 205px; top: 316px; }

#graduateChoice A.applyTop { right: 17px; top: 90px; }
#graduateChoice A.applyBottom { right: 17px; bottom: 80px; }

#gap_yearChoice A.applyTop { right: 17px; top: 240px; }
#gap_yearChoice A.applyBottom { right: 17px; bottom: 20px; }

/*** Mise en place des onglets ***/
#onglet1 { width: 236px; height: 34px; background: url(../pics/charte/bg-jobs-onglet1.png) left top no-repeat; position: absolute; top: -23px; left: -3px; }
#onglet2 { width: 253px; height: 34px; background: url(../pics/charte/bg-jobs-onglet2.png) left top no-repeat; position: absolute; top: -23px; left: 222px; }
#onglet3 { width: 253px; height: 34px; background: url(../pics/charte/bg-jobs-onglet2.png) left top no-repeat; position: absolute; top: -23px; left: 463px; }
#onglet4 { width: 236px; height: 34px; background: url(../pics/charte/bg-jobs-onglet4.png) left top no-repeat; position: absolute; top: -23px; left: 703px; }

/*** Processus "Application Form" ***/
#applicationProcess { padding: 11px 17px 0 17px; overflow: hidden; }

#applicationNav { height: 130px; position: relative; background: url(../pics/charte/bg-applicationNav.png) right top no-repeat; margin: 0 0 50px 0; }
#applicationNav IMG { position: absolute; top: 0; left: 0; }
#applicationNav H1 { background: none !important; height: auto !important; margin: 0 0 0 0 !important; text-indent: 0 !important; line-height: normal !important; font-size: 22px !important; font-weight: bold !important; color: #6D97A1 !important; text-align: center; position: absolute; top: 45px; left: 325px; }
#applicationNav P { color: #808C90; font-size: 13px; position: absolute; left: 624px; top: 53px; }
#applicationNav .arrow { width: 13px; height: 11px; background: url(../pics/charte/bg-arrow.png) left top no-repeat; position: absolute; top: 35px; }
#applicationLinks_3 #arrowStep1 { left: 310px; }
#applicationLinks_3 #arrowStep2 { left: 570px; }
#applicationLinks_3 #arrowStep3 { left: 775px; }
#applicationLinks_3 #arrowStep4 { display: none; }

#applicationLinks_4 #arrowStep1 { left: 280px; }
#applicationLinks_4 #arrowStep2 { left: 490px; }
#applicationLinks_4 #arrowStep3 { left: 650px; }
#applicationLinks_4 #arrowStep4 { left: 800px; }

#applicationLinks_3, #applicationLinks_4 { height: 35px; width: 100%; position: absolute; top: 94px; left: 0; /*background: #E9F3F4;*/ -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; }
#applicationLinks_3 SPAN, #applicationLinks_3 A, #applicationLinks_4 SPAN, #applicationLinks_4 A  { display: block; float: left; line-height: 35px; height: 35px; text-decoration: none; text-align: center; text-transform: uppercase; }
#applicationLinks_3 SPAN STRONG, #applicationLinks_3 A STRONG, #applicationLinks_4 SPAN STRONG, #applicationLinks_4 A STRONG { font-size: 18px; }
#applicationLinks_3 #step0 { font-size: 18px; font-weight: bold; color: #FFF; background: #8C4014 url(../pics/charte/bg-step0.png) right top no-repeat; padding: 0 52px 0 30px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; }
#applicationLinks_4 #step0 { font-size: 18px; font-weight: bold; color: #FFF; background: #8C4014 url(../pics/charte/bg-step0.png) right top no-repeat; padding: 0 42px 0 30px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px; }
#applicationLinks_3 #step1_3, #applicationLinks_4 #step1_3 { color: #337180; background: #C8E5E7 url(../pics/charte/bg-step1.png) right top no-repeat; padding: 0 50px 0 30px; }
#applicationLinks_3 #step2_3, #applicationLinks_4 #step2_3 { color: #5f98A6; font-size: 14px; background: #D9EDEF url(../pics/charte/bg-step2.png) right top no-repeat; padding: 0 50px 0 30px;  }
#applicationLinks_3 #step3_3, #applicationLinks_4 #step3_3 { background: #E9F3F4; color: #93B9C1; font-size: 14px; padding: 0 20px 0 30px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; }

#applicationLinks_3 #step1_4, #applicationLinks_4 #step1_4 { color: #337180; background: #C8E5E7 url(../pics/charte/bg-step1.png) right top no-repeat; padding: 0 25px 0 10px; }
#applicationLinks_3 #step2_4, #applicationLinks_4 #step2_4 { color: #5f98A6; font-size: 14px; background: #D9EDEF url(../pics/charte/bg-step2.png) right top no-repeat; padding: 0 25px 0 10px;  }
#applicationLinks_3 #step3_4, #applicationLinks_4 #step3_4 { background: #E9F3F4; color: #93B9C1; background: #E9F3F4 url(../pics/charte/bg-step3.png) right top no-repeat; font-size: 14px; padding: 0 25px 0 10px; }
#applicationLinks_3 #step4_4, #applicationLinks_4 #step4_4 { background: #F4FBFB; color: #93B9C1; font-size: 14px; padding: 0 24px 0 5px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px; }

.applicationBox { float: left; width: 372px; padding: 8px 30px 0 40px; border: 1px solid #D9D7D7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0 20px 15px 0; min-height: 200px; height: auto; box-shadow: 4px 6px 2px #E4E6E6; position: relative; }
.dern { margin-right: 0 !important; }
.applicationBox P { font-size: 14px !important; color: #000 !important; line-height: 20px; vertical-align: middle; }
.applicationBox .number { position: absolute; left: 10px; top: 10px; color: #000 !important;  }

.applicationBox TEXTAREA { width: 350px !important; }
.applicationBox SPAN.limit { display: block; font-size: 11px; text-align: right; padding: 10px 0 0 0; }

.applicationForm .chk { vertical-align: middle; }
.applicationForm P { margin: 0 0 18px 0 !important; }
.applicationForm SPAN.btn BUTTON { background: url(../pics/charte/bg-next.png) left top no-repeat; border: none; width: 63px; height: 25px; text-indent: -10000px; line-height: 0; font-size: 0 !important; text-decoration: none; cursor: pointer; }
.applicationForm SPAN.btn BUTTON:hover { background-position: left bottom !important; }
.applicationForm A.prev { display: block; float: left; width: 93px; height: 25px; background: url(../pics/charte/bg-prev.png) left top no-repeat; vertical-align: middle; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin: 4px 5px 0 0; }

.applicationForm LABEL.lgd { display: block; float: left; font-size: 14px !important; color: #000; width: 430px; padding: 0 20px 0 0; }
.applicationForm TEXTAREA  { border: 1px solid #D9D7D7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 4px 6px 2px #E4E6E6; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; padding: 5px 10px 5px 10px; width: 432px; height: 83px; }

/*** Zone de limitation des textareas ***/
SPAN.limit { display: block; font-size: 11px; text-align: right; padding: 10px 10px 10px 0; }

FORM#formStep1 { padding: 0 0 40px 0; margin: 10px 0 0 0; color: #333; }
FORM#formStep1 * { font-size: 13px; font-family: 'Lato', sans-serif; }
FORM#formStep1 H3 { text-transform: uppercase; color: #C57764; font-size: 20px; margin: 0 0 10px 0; }
FORM#formStep1 P { margin: 0 0 15px 0; color: #333; overflow: hidden; }
FORM#formStep1 LABEL { font-size: 13px; display: block; float: left; color: #333; width: 300px; }
FORM#formStep1 INPUT { border: 1px solid #73A4A6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 200px; padding: 2px 5px 2px 5px; color: #333; }
FORM#formStep1 TEXTAREA { border: 1px solid #73A4A6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 500px; height: 150px; padding: 2px 5px 2px 5px; color: #333; margin: 0 0 0 50px; overflow: auto; }
FORM#formStep1 SELECT { border: 1px solid #73A4A6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 200px; padding: 1px 3px 1px 5px; color: #333; }
FORM#formStepFinal SPAN.btn BUTTON { width: 144px; height: 51px; background: url(../pics/charte/bg-submit-application.png) left top no-repeat; border: none; cursor: pointer; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin-top: 10px; }
FORM#formStepFinal SPAN.btn BUTTON:hover { background-position: left bottom !important; }

/*** Formulaire application form ***/
FORM#application-form { background: #D0E0E1 url(../pics/charte/bg-body.png) left top repeat; padding: 20px 20px 40px 20px; border: 1px solid #73A4A6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 10px 0 0 0; color: #333; }
FORM#application-form * { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
FORM#application-form H3 { text-transform: uppercase; color: #C57764; font-size: 20px; margin: 0 0 10px 0; }
FORM#application-form P { margin: 0 0 15px 0; color: #333; overflow: hidden; }
FORM#application-form LABEL { font-size: 12px; display: block; float: left; color: #333; width: 300px; }
FORM#application-form INPUT { border: 1px solid #73A4A6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 200px; padding: 2px 5px 2px 5px; color: #333; }
FORM#application-form TEXTAREA { border: 1px solid #73A4A6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 500px; height: 150px; padding: 2px 5px 2px 5px; color: #333; margin: 0 0 0 50px; overflow: auto; }
FORM#application-form SELECT { border: 1px solid #73A4A6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 200px; padding: 1px 3px 1px 5px; color: #333; }
FORM#application-form INPUT#photo, FORM#application-form SELECT#hearedAboutUs { margin: 0 0 0 50px; }
FORM#application-form INPUT.btn { width: 189px; height: 33px; background: url(../pics/charte/bg-form-reservation-btn.png) left top no-repeat; border: none; position: absolute; bottom: 16px; left: 370px; cursor: pointer; }

.applicationLeft  { float: left; width: 445px; }
.applicationRight { float: right; width: 445px; }

.applicationLeft LABEL { width: 150px !important; }
.applicationRight LABEL { width: 200px !important; }
.applicationRight INPUT { width: 150px; }

/*** Retour de la toolbox ***/
#thanku { background: url(../pics/charte/thank-u.jpg) center top no-repeat; padding: 120px 0 400px 0; width: 650px; margin: 80px auto 0 auto; color: #9C2223; text-align: center; font-size: 25px; }
#application_problems { background: url(../pics/charte/application_problems.jpg) center top no-repeat; padding: 100px 0 400px 0; width: 650px; margin: 30px auto 0 auto; color: #128E8F; text-align: center; font-size: 25px; }

/*** Réponses au test ***/
DIV.anwsers { position: relative; overflow: hidden; margin: 0 0 30px 0; padding: 0 500px 0 40px; }
DIV.anwsers H3 { font-size: 16px; margin: 0 0 10px 0; }
DIV.anwsers P  { font-size: 15px !important; margin: 0 0 5px 0 !important; }

DIV.answerOk { background: url(../pics/charte/hand-ok.png) left top no-repeat; }
DIV.answerKo { background: url(../pics/charte/hand-ko.png) left top no-repeat; }

/*** Tableau des sports ***/
TABLE#sports { width: 100%; font-size: 15px; padding-top: 10px; }
TABLE#sports TD { padding: 5px; border-top: 1px solid #C6C2A6; }
TABLE#sports TR.alt TD { background: #C6C2A6; }
TABLE#sports TR.entete TD, TABLE#sports TR.entete A { color: #C57764; font-weight: bold; border: none !important; }
TABLE#sports TR.entete TD { /*background: url(../pics/charte/double-arrow-sort.png) right top no-repeat;*/ }
TABLE#sports TR.entete A { display: block; }

TABLE#sports TR.entete TD.desc { background-position: right bottom !important; }
TABLE#sports TR.entete TD.asc  { background-position: right -30px !important; }

TABLE#sportsContent { width: 100%; font-size: 13px; margin: 0 0 20px 0; }
TABLE#sportsContent TD { padding: 5px; color: #576B7A; }
TABLE#sportsContent TR.alt TD { background: #E0EBE9; }
TABLE#sportsContent TR.entete TD { color: #881414; font-weight: bold; border: none !important;  }
TABLE#sportsContent TR.important TD { background: #A8C3C5; }

DIV#sportTable TABLE { width: 100%; font-size: 15px; margin-top: 25px; }
DIV#sportTable TABLE TD { padding: 5px; border-top: 1px solid #C6C2A6; }
DIV#sportTable TABLE TR.alt TD { background: #C6C2A6; }
DIV#sportTable TABLE TR.entete TD { color: #881414; font-weight: bold; border: none !important; }

/*** Sortable Table ***/
.prototools-table th{
	color: #881414; font-weight: bold; border: none !important; text-align: left;  padding: 5px; height: 20px;
	background: url(../pics/charte/double-arrow-sort.png) right top no-repeat;
}

.prototools-table th.desc { background-position: right bottom !important; }
.prototools-table th.asc  { background-position: right -30px !important; }
.prototools-table th.on   {  cursor : pointer; }

.prototools-table tr.line0{ }
.prototools-table tr.line1{ background: #C6C2A6; }
.prototools-table tr.on { background: #BFB788; }
.prototools-table tr.selected{ background: #709D60; }

/*** Sous menu ***/
#ssmenu { background: #E1EDEE; position: relative; padding: 7px 10px 7px 10px; margin: 0 0 5px 0; height: auto; }
#ssmenu UL { color: #337180; list-style: none; }
#ssmenu UL LI { font-size: 16px; text-transform: uppercase; }
#ssmenu UL LI A { color: #337180; text-decoration: none; font-weight: bold; }
#ssmenu UL LI A:hover,#ssmenu UL LI A.active { color: #C57764; }

#ssmenu UL LI UL { margin: 3px 0 0 0; }
#ssmenu UL LI UL LI { font-size: 12px; margin: 0 0 7px 0; }
#ssmenu UL LI UL LI A { display: block; font-weight: normal; background: url(../pics/charte/bg-ssmenu-li-a.png) left 5px no-repeat; padding: 0 0 0 9px;  }
#ssmenu UL LI UL LI A:hover,#ssmenu UL LI UL LI A.active { color: #C57764; background: url(../pics/charte/bg-ssmenu-li-a-hover.png) left 5px no-repeat; }

/*** Footer ***/
DIV#footer { clear: both; height: 30px; line-height: 30px; padding: 0 0 0 15px; background: #000; margin: 0 6px 15px 6px; font-size: 12px; color: #FBF7DD; position: relative; }
DIV#footer A, DIV#footer SPAN { color: #FBF7DD; text-decoration: none; text-transform: uppercase; }
DIV#footer A:hover { color: #FFF; }

DIV#footerFr { clear: both; height: 30px; line-height: 30px; padding: 0 0 0 15px; background: #000; margin: 0 6px 15px 6px; font-size: 11px; color: #FBF7DD; position: relative; }
DIV#footerFr A, DIV#footerFr SPAN { color: #FBF7DD; text-decoration: none; text-transform: uppercase; }
DIV#footerFr A:hover { color: #FFF; }

A#facebook { position: absolute; text-indent: -10000px; top: 7px; right: 25px; background: url(../pics/charte/facebook.png) left top no-repeat; width: 16px; height: 16px; }
A#twitter { position: absolute; text-indent: -10000px; top: 7px; right: 7px; background: url(../pics/charte/twitter.png) left top no-repeat; width: 16px; height: 16px; }

/*** Styles généraux ***/
.spacer { clear: both; height: 0; line-height: 0; font-size: 0; }
.red { color: #CD593C !important; }
.orange { color: #FB8F26 !important; }
.center { text-align: center !important; }

/* Message d'erreur */
P.success { border: 1px solid #337180; background: #D3E2E3 url(../pics/charte/bg-success.gif) left top no-repeat; color: #337180 !important; font-size: 11px; padding: 15px 30px 15px 60px; clear:both; margin: 20px 0 20px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
P.msg { border: 1px solid #337180; background: #D3E2E3; color: #337180 !important; font-size: 11px; padding: 15px 30px 15px 20px; clear:both; margin: 20px 0 20px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
P.failed  { border: 1px solid #D8000C; background: #FFBABA url(../pics/charte/bg-failed.gif) left top no-repeat; color: #D6010E !important; font-size: 11px; padding: 15px 30px 15px 50px; clear:both; margin: 20px 0 20px 0; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
P.failed A { color: #D6010E !important; text-decoration: underline; }

/*** Custom Select en home page ***/
DIV#choosePubs SPAN.selectField { position: absolute; right: 18px; top: 10px; display: block; width: 230px; height: 24px; background: url(../pics/charte/bg-customSelect.png) left top no-repeat; cursor: pointer; font-size: 12px; }
DIV#choosePubs SPAN.selectValue { display: block; padding: 4px 0 0 5px; }
DIV#choosePubs SPAN.selectOptions { position: absolute; display: block; left: 0; top: 19px; width: 230px; padding: 5px 0 8px 0; background: url(../pics/charte/bg-customSelect-selectOptions.png) left bottom no-repeat; }
DIV#choosePubs SPAN.selectOptions SPAN { display: block; padding: 3px 0 3px 5px; background: #C3D8DC;}
DIV#choosePubs SPAN.selectOptions SPAN.selected { background: #E7EFF1; color: #546164; }
DIV#choosePubs SPAN.selectOptions SPAN.active { background: #E7EFF1; color: #546164; }

/*** Custom Select en page sports ***/
DIV#choosePubsSports { margin: 10px 0 0 0; }
DIV#choosePubsSports SELECT { display: none; }
DIV#choosePubsSports SPAN.selectField { position: absolute; display: block; top: 195px; left: 90px; padding: 12px 0 0 0; width: 350px; height: 30px; background: url(../pics/charte/bg-custom-select-sport.png) right 9px no-repeat; cursor: pointer; font-size: 24px; }
DIV#choosePubsSports SPAN.selectValue { display: block; padding: 4px 0 0 5px; color: #C57764; }
DIV#choosePubsSports SPAN.selectOptions { position: absolute; display: block; left: 0; top: 40px; width: 350px; padding: 10px 0 0 0; color: #546164; background: #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #FFF; }
DIV#choosePubsSports SPAN.selectOptions SPAN { display: block; padding: 0 0 0 15px; background: #FFF; margin: 0 0 5px 0; }
DIV#choosePubsSports SPAN.selectOptions SPAN.selected { background: #FFF; color: #C57764 }
DIV#choosePubsSports SPAN.selectOptions SPAN.active { background: #FFF; color: #C57764 }
SPAN.sportPub { color: #CD593C !important; background: none !important; display: inline !important; }

DIV#choosePubsSports SPAN.sportsAt { font-size: 24px }

#zone_choose { position: relative; margin: 30px 0 10px 0; z-index: 201; height: 35px; }
#zone_choose P { font-size: 22px;  }
#zone_choose A#selectedValue { display: block; position: absolute; display: block; top: -5px; left: 90px; width: 343px; height: 30px; line-height: 30px; padding: 0 0 0 11px; background: #FFF url(../pics/charte/bg-custom-select-sport.png) 330px 12px no-repeat; cursor: pointer; font-size: 22px; border: 2px solid #E0EBE9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; z-index: 201; }
#zone_choose A { color: #C57764; }

#liste_pub { position: absolute; width: 320px; left: 105px; top: 15px; background: #FFF; z-index: 200; padding: 26px 0 3px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; box-shadow: 0px 0px 5px #AAA; }
#liste_pub P { margin: 0 0 7px 0; font-size: 16px !important; }
#liste_pub A { color: #546164 !important; }
#zone_choose A.selected, #zone_choose A:hover { color: #C57764 !important; }

#coords A { color: #546164; }
#coords P { line-height: 20px; }

/*** Carrousel ***/
#bigImage #carousel-wrapper { width: 720px; height: 300px; overflow: hidden; }
#bigImage #carousel-content { width: 2880px; }
#bigImage #carousel-content .slide { float: left; width: 720px; height: 300px; }

#carousel-wrapper { width: 700px; height: 340px; overflow: hidden; }
#carousel-content { width: 2800px; }
#carousel-content .slide { float: left; width: 700px; height: 340px; position: relative; }

#diaporamaBeer { margin: 0 0 15px 0; }
#diaporamaBeer #carousel-wrapper { width: 703px; height: 198px; overflow: hidden; border: 1px solid #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#diaporamaBeer #carousel-content { width: 2109px; }
#diaporamaBeer #carousel-content .slide { float: left; width: 703px; height: 198px; margin: 0 25px 19px 0; position: relative; }


#diaporamaSport { margin: 0 0 15px 0; }
#diaporamaSport #carousel-wrapper { width: 703px; height: 198px; overflow: hidden; border: 1px solid #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#diaporamaSport #carousel-content { width: 2109px; }
#diaporamaSport #carousel-content .slide { float: left; width: 703px; height: 198px; margin: 0 25px 19px 0; position: relative; }

#diaporamaFood { margin: 0 0 15px 0; }
#diaporamaFood #carousel-wrapper { width: 716px; height: 299px; overflow: hidden; border: 1px solid #FFF; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#diaporamaFood #carousel-content { width: 2198px; }
#diaporamaFood #carousel-content .slide { float: left; width: 716px; height: 299px; margin: 0 25px 19px 0; position: relative; }

#diaporamaFood #carousel-content .slide  { background: url(../pics/charte/sprite-food.jpg) no-repeat; }
#diaporamaFood #carousel-content #slide1 { background-position: 0 0; }
#diaporamaFood #carousel-content #slide2 { background-position: -716px 0; }
#diaporamaFood #carousel-content #slide3 { margin-right: 0; background-position: -1432px 0; }
#diaporamaFood #carousel-content #slide4 { background-position: 0 -299px; }
#diaporamaFood #carousel-content #slide5 { background-position: -716px -299px; }
#diaporamaFood #carousel-content #slide6 { margin-right: 0; background-position: -1432px -299px; }

A#btnLeft  { display: block; position: absolute; width: 40px; height: 40px; background: url(../pics/charte/bg-btn-left.png) top left no-repeat; left: 0; top: 135px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#btnRight { display: block; position: absolute; width: 40px; height: 40px; background: url(../pics/charte/bg-btn-right.png) top left no-repeat; right: 0; top: 135px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

A#btnRight:hover,A#btnRight.active, A#btnLeft:hover, A#btnLeft.active { background-position: left bottom; }

/***** CALENDRIER JS *****/
DIV.calendar { position: relative; z-index: 10000; font-family: tahoma,verdana,sans-serif; font-size: 11px; color: #000; background: #F9F9F9; cursor: default; }
.calendar TABLE { font-family: tahoma,verdana,sans-serif; font-size: 11px; color: #000; border: 1px solid #3764A0; background: #F9F9F9; cursor: default; }
.calendar .button { padding: 2px; text-align: center; }
.calendar THEAD .title { padding: 2px; font-weight: bold; text-align: center; color: #000; background: #FFF; }
.calendar THEAD .headrow { color: #FFF; background: #5988C6; }
.calendar THEAD .daynames { background: #ECF4FF; }
.calendar THEAD .name { padding: 2px; text-align: center; color: #000; border-bottom: 1px solid #556; }
.calendar THEAD .weekend { color: #529F37; }
.calendar THEAD .hilite { padding: 1px; color: #000; border: 1px solid #666; background-color: #B0C6E4; }
.calendar THEAD .active { padding: 2px 0px 0px 2px; background-color: #ECF4FF; }
.calendar TBODY .day { width: 2em; padding: 2px 4px 2px 2px; text-align: right; color: #456; }
.calendar TBODY .day.othermonth { font-size: 80%; color: #BBB; }
.calendar TBODY .day.othermonth.oweekend { color: #FBB; }
.calendar TABLE .wn { padding: 2px 3px 2px 2px; border-right: 1px solid #000; background: #ECF4FF; }
.calendar TBODY .rowhilite TD { background: #ECF4FF; }
.calendar TBODY .rowhilite TD.wn { background: #EEF; }
.calendar TBODY TD.hilite { padding: 1px 3px 1px 1px; border: 1px solid #BBB; color: #333; background: #ECF4FF; }
.calendar TBODY TD.active { padding: 2px 2px 0px 2px; background: #CDE; }
.calendar TBODY TD.selected { padding: 1px 3px 1px 1px; font-weight: bold; color: #000; border: 1px solid #000; background: #FFF; }
.calendar TBODY TD.weekend { color: #529F37; }
.calendar TBODY TD.today { font-weight: bold; color: #3764A0; }
.calendar TBODY .disabled { color: #999; }
.calendar TBODY .emptycell { visibility: hidden; }
.calendar TBODY .emptyrow { display: none; }
.calendar TFOOT .footrow {  text-align: center; color: #FFF; background: #556; }
.calendar TFOOT .ttip {  padding: 1px; color: #445; border-top: 1px solid #556; background: #FFF; }
.calendar TFOOT .hilite { padding: 1px; color: #000; border: 1px solid #04F; background: #AAF; }
.calendar TFOOT .active { padding: 2px 0px 0px 2px; background: #B0C6E4; }
.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; color: #000; border: 1px solid #655; background: #ECF4FF; font-size: 90%; z-index: 100; cursor: default; }
.calendar .combo .label, .calendar .combo .label-IEfix { text-align: center; padding: 1px; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .hilite { color: #333; background: #B0C6E4; }
.calendar .combo .active { font-weight: bold; border-top: 1px solid #46A; border-bottom: 1px solid #46A; background: #EEF; }
.calendar TD.time { padding: 1px 0px; text-align: center; border-top: 1px solid #000; background-color: #F4F0E8; }
.calendar TD.time .hour, .calendar TD.time .minute, .calendar TD.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-weight: bold; background-color: #FFF; }
.calendar TD.time .ampm { text-align: center; }
.calendar TD.time .colon { padding: 0px 2px 0px 3px; font-weight: bold; }
.calendar TD.time SPAN.hilite { border-color: #000; background-color: #667; color: #FFF; }
.calendar TD.time SPAN.active { border-color: #F00; background-color: #000; color: #0F0; }

/*** TextoPint ***/
#content H1#textopint_titre { height: 100px; margin: 0 0 16px 0; background: url(../pics/charte/bg-title_textopint.jpg) left top no-repeat; position: relative; margin: -3px 0 0 -19px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
#content H1#textopint_titreFr { height: 100px; margin: 0 0 16px 0; background: url(../pics/charte/bg-title_textopintFr.jpg) left top no-repeat; position: relative; margin: -3px 0 0 -19px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }

#textopint_colGauche   { float: left; width: 370px; padding: 20px 0 0 15px; }
#textopint_colGauche P  { font-size: 13px; color: #1E4F5B; }
#textopint_howItWorks   { background: url(../pics/charte/bg-textopint-howItWorks.jpg) left top no-repeat; width: 349px; height: 270px; padding: 50px 0 0 0; margin: 10px auto 30px auto; }
#textopint_howItWorks P { font-size: 14px; text-align: center; padding: 0 19px 0 139px; }
#textopint_howItWorks P#howItWorks1 { height: 65px; margin: 0 0 20px 0; }
#textopint_howItWorks P#howItWorks2 { height: 65px; margin: 0 0 20px 0; }
#textopint_howItWorks P#howItWorks3 { height: 65px; margin: 0 0 20px 0; }

#textopint_howItWorksFr   { background: url(../pics/charte/bg-textopint-howItWorksFr.jpg) left top no-repeat; width: 349px; height: 270px; padding: 50px 0 0 0; margin: 10px auto 30px auto; }
#textopint_howItWorksFr P { font-size: 14px; text-align: center; padding: 0 19px 0 139px; }
#textopint_howItWorksFr P#howItWorks1 { height: 65px; margin: 0 0 20px 0; }
#textopint_howItWorksFr P#howItWorks2 { height: 65px; margin: 0 0 20px 0; }
#textopint_howItWorksFr P#howItWorks3 { height: 65px; margin: 0 0 20px 0; }

/*** Menu textopint ***/
UL#textopint_menu { list-style: none; position: absolute; left: 545px; top: 17px; }
UL#textopint_menu LI { float: left; }
UL#textopint_menu LI A { display: block; background: url(../pics/charte/bg-menu-textopint.png) left top no-repeat; height: 12px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin: 0 10px 0 0; }

UL#textopint_menu A#tp_faq     { background-position: 0 0; width: 46px; }
UL#textopint_menu A#tp_logout  { background-position: -46px 0 !important; width: 71px; }
UL#textopint_menu A#tp_login   { background-position: -311px 0 !important; width: 55px; }
UL#textopint_menu A#tp_account { background-position: -117px 0 !important; width: 129px; }
UL#textopint_menu A#tp_basket  { background-position: -246px 0 !important; width: 65px; }

UL#textopint_menu A#tp_faq:hover, UL#textopint_menu A#tp_faq.active         { background-position: 0 -12px; }
UL#textopint_menu A#tp_logout:hover, UL#textopint_menu A#tp_logout.active   { background-position: -46px -12px !important; }
UL#textopint_menu A#tp_login:hover, UL#textopint_menu A#tp_login.active     { background-position: -311px -12px !important; }
UL#textopint_menu A#tp_account:hover, UL#textopint_menu A#tp_account.active { background-position: -117px -12px !important; }
UL#textopint_menu A#tp_basket:hover, UL#textopint_menu A#tp_basket.active   { background-position: -246px -12px !important; }

/*** Menu textopint Fr ***/
UL#textopint_menuFr { list-style: none; position: absolute; left: 510px; top: 17px; }
UL#textopint_menuFr LI { float: left; }
UL#textopint_menuFr LI A { display: block; background: url(../pics/charte/bg-menu-textopintFr.png) left top no-repeat; height: 12px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin: 0 10px 0 0; }

UL#textopint_menuFr A#tp_faq     { background-position: 0 0; width: 46px; }
UL#textopint_menuFr A#tp_login   { background-position: -46px 0 !important; width: 101px; }
UL#textopint_menuFr A#tp_account { background-position: -147px 0 !important; width: 123px; }
UL#textopint_menuFr A#tp_basket  { background-position: -270px 0 !important; width: 65px; }
UL#textopint_menuFr A#tp_logout  { background-position: -335px 0 !important; width: 71px; }

UL#textopint_menuFr A#tp_faq:hover, UL#textopint_menuFr A#tp_faq.active         { background-position: 0 -12px; }
UL#textopint_menuFr A#tp_login:hover, UL#textopint_menuFr A#tp_login.active     { background-position: -46px -12px !important; }
UL#textopint_menuFr A#tp_account:hover, UL#textopint_menuFr A#tp_account.active { background-position: -147px -12px !important; }
UL#textopint_menuFr A#tp_basket:hover, UL#textopint_menuFr A#tp_basket.active   { background-position: -270px -12px !important; }
UL#textopint_menuFr A#tp_logout:hover, UL#textopint_menuFr A#tp_logout.active   { background-position: -335px -12px !important; }

/*** Textopint colonne de droite ***/
#textopint_colDroite { float: right; width: 540px; padding: 21px 0 0 0; }

/*** Textopint FAQS ***/
DIV#tp_faqs { border: 1px solid #D3E2E3; padding: 7px 7px 30px 7px; margin: 0 0 0 0; position: relative; }
DIV#tp_faqs H2 { width: 409px; height: 14px; background: url(../pics/charte/bg-textopint-faq-h2.png) left top; margin: 0 auto 7px auto; text-indent: -10000px; line-height: 0; font-size: 0; }

DIV#tp_faqsFr { border: 1px solid #D3E2E3; padding: 7px 7px 30px 7px; margin: 0 0 0 0; position: relative; }
DIV#tp_faqsFr H2 { width: 350px; height: 18px; background: url(../pics/charte/bg-textopint-faq-h2Fr.png) left top; margin: 0 auto 7px auto; text-indent: -10000px; line-height: 0; font-size: 0; }

DIV.tp_faq { border: 1px solid #D3E2E3; background: #D3E2E3 url(../pics/charte/bg-textopint-faq.png) left top repeat-x; margin: 0 0 8px 0; padding: 2px 0 2px 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }

DIV.tp_faq A { display: block; text-decoration: none; color: #1E4F5B; font-size: 13px; padding: 0 0 0 2px; }

DIV.tp_faq DIV   { padding: 0 28px 0 28px; }
DIV.tp_faq DIV P { font-size: 13px; color: #43899A; font-style: italic; margin: 0 0 8px 0; }

DIV.tp_faq DIV UL { list-style: circle; margin: 0 0 0 15px; }
DIV.tp_faq DIV UL LI { font-size: 13px; color: #43899A; font-style: italic; margin: 0 0 8px 0; }
DIV.tp_faq DIV A { display: inline; text-decoration: underline; color: #43899A; font-style: italic; }

A#tp_back_order { display: block; background: url(../pics/charte/bg-textopint-back-order-page.png) left top no-repeat; width: 136px; height: 29px; position: absolute; bottom: 0; right: 0;text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#tp_back_order:hover { background-position: 0 -29px; }

/*** TextoPint : Products selection ***/
DIV#tp_selection { padding: 0 0 0 25px; }

A#tp_beer_selection   { display: block; float: left; width: 228px; height: 377px; background: url(../pics/charte/bg-textopint-select-beer.jpg) left top no-repeat; margin: 0 17px 0 0;  text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#tp_others_selection { display: block; float: left; width: 228px; height: 377px; background: url(../pics/charte/bg-textopint-select-others.jpg) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#tp_beer_selection:hover, A#tp_others_selection:hover { background-position: 0 -377px; }

A#tp_beer_selectionFr   { display: block; float: left; width: 228px; height: 377px; background: url(../pics/charte/bg-textopint-select-beerFr.jpg) left top no-repeat; margin: 0 17px 0 0;  text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#tp_others_selectionFr { display: block; float: left; width: 228px; height: 377px; background: url(../pics/charte/bg-textopint-select-othersFr.jpg) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
A#tp_beer_selectionFr:hover, A#tp_others_selectionFr:hover { background-position: 0 -377px; }

/*** TextoPint : Beers selection ***/
FORM#tp_beer_selection { position: relative; width: 204px; height: 371px; padding: 7px 257px 0 12px; background: url(../pics/charte/bg-beers-selection.jpg) left top no-repeat; }
FORM#tp_beer_selection H2 { font-weight: bold; color: #355A5E; text-align: center; font-size: 13px; margin: 0 0 7px 0; text-transform: uppercase; }
FORM#tp_beer_selection LABEL { font-size: 11px; text-transform: uppercase; display: block; float: left; width: 163px; }
FORM#tp_beer_selection LABEL EM { font-size: 11px; }
FORM#tp_beer_selection P SPAN { display: block; float: left; width: 38px; text-align: center; }
FORM#tp_beer_selection SPAN.btn BUTTON { background: url(../pics/charte/bg-beers-selection-validate.png) left top no-repeat; border: none; width: 100px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 120px; top: 343px; }
FORM#tp_beer_selection SPAN.btn BUTTON:hover { background-position: left bottom !important; }

FORM#tp_beer_selection SPAN.btnFr BUTTON { background: url(../pics/charte/bg-beers-selection-validate.png) left top no-repeat; border: none; width: 100px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 120px; top: 343px; }
FORM#tp_beer_selection SPAN.btnFr BUTTON:hover { background-position: left bottom !important; }

FORM#tp_beer_selection SPAN.btnFr BUTTON { background: url(../pics/charte/bg-beers-selection-validateFr.png) left top no-repeat; border: none; width: 101px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 120px; top: 343px; }
FORM#tp_beer_selection SPAN.btnFr BUTTON:hover { background-position: left bottom !important; }

FORM#tp_beer_selection TABLE.tp_selection_inputs { width: 100%; margin: 10px 0 20px 0; }
FORM#tp_beer_selection TABLE.tp_selection_inputs TD { font-size: 11px; color: #355A5E; vertical-align: bottom; }
FORM#tp_beer_selection TABLE.tp_selection_inputs TD.labels { width: 160px; }
FORM#tp_beer_selection TABLE.tp_selection_inputs TD.prices { width: 26px; text-align: center; }
FORM#tp_beer_selection TABLE.tp_selection_inputs TD.inputs { }
FORM#tp_beer_selection TABLE.tp_selection_inputs TD INPUT { vertical-align: middle; }

/*** TextoPint : Others selection ***/
FORM#tp_others_selection { position: relative; width: 215px; height: 372px; padding: 7px 8px 0 250px; background: url(../pics/charte/bg-others-selection.jpg) left top no-repeat; }
FORM#tp_others_selection H2 { font-weight: bold; color: #355A5E; text-align: center; font-size: 13px; margin: 0 0 7px 0; text-transform: uppercase; }
FORM#tp_others_selection LABEL { font-size: 11px; display: block; float: left; width: 163px; text-transform: uppercase; }
FORM#tp_others_selection LABEL EM { font-size: 11px; text-transform: none; }
FORM#tp_others_selection P SPAN { display: block; float: left; width: 38px; text-align: center; }
FORM#tp_others_selection SPAN.btn BUTTON { background: url(../pics/charte/bg-beers-selection-validate.png) left top no-repeat; border: none; width: 100px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 360px; top: 342px; }
FORM#tp_others_selection SPAN.btn BUTTON:hover { background-position: left bottom !important; }

FORM#tp_others_selection SPAN.btnFr BUTTON { background: url(../pics/charte/bg-beers-selection-validateFr.png) left top no-repeat; border: none; width: 101px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 360px; top: 342px; }
FORM#tp_others_selection SPAN.btnFr BUTTON:hover { background-position: left bottom !important; }

FORM#tp_others_selection TABLE.tp_selection_inputs { width: 100%; }
FORM#tp_others_selection TABLE.tp_selection_inputs TD { font-size: 11px; color: #355A5E; vertical-align: bottom; padding: 10px 0 10px 0; }
FORM#tp_others_selection TABLE.tp_selection_inputs TD.labels { width: 156px; }
FORM#tp_others_selection TABLE.tp_selection_inputs TD.prices { width: 38px; text-align: center; }
FORM#tp_others_selection TABLE.tp_selection_inputs TD.inputs { text-align: center; }
FORM#tp_others_selection TABLE.tp_selection_inputs TD INPUT { vertical-align: middle; }

/*** Panier ***/
DIV.tp_item { position: relative; border: 1px solid #D4D9DA; width: 460px; float: right; padding: 5px 5px 5px 5px; margin-bottom: 5px; }
DIV.tp_item_left  { float: left; width: 65px; padding: 10px 0 0 10px; }
DIV.tp_item_right { float: left; width: 315px }
DIV.tp_item_right P { margin: 0 0 7px 0; }
DIV.tp_item_right LABEL { display: block; float: left; width: 125px; }

DIV.tp_item_rightFr { float: left; width: 380px; }
DIV.tp_item_rightFr P { margin: 0 0 7px 0; }
DIV.tp_item_rightFr LABEL { display: block; float: left; width: 18howit0px; font-size: 11px; }

A.remove { display: block; width: 50px; position: absolute; top: 4px; right: 3px; padding: 0 20px 0 0; height: 15px; line-height: 15px; background: url(../pics/charte/bg-tp-basket-remove.png) right top no-repeat; text-align: right; text-decoration: none; color: #8F9EA0; }

DIV#basket { font-size: 11px; }
DIV#basket INPUT { border: 1px solid #7E8F91; width: 165px; font-size: 11px; padding: 2px 3px 2px 3px; vertical-align: middle; color: #546164; font-family: Arial, Helvetica, sans-serif; }
DIV#basket INPUT.chk { width: auto; border: none; vertical-align: middle; margin: 0 0 0 0; padding: 0; }
A#add_drink { display: block; width: 471px; height: 52px; background: url(../pics/charte/bg-add-drinks.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; float: right; margin: 6px 0 7px 0; }

A#add_drinkFr { display: block; width: 471px; height: 52px; background: url(../pics/charte/bg-add-drinksFr.png) left top no-repeat; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; float: right; margin: 6px 0 7px 0; }

P#total { float:right; padding: 3px 10px 3px 10px; background: #B7C3C5; color: #FFF; font-weight: bold; font-size: 13px; margin: 0 0 10px 0; }

#form_basket_informations { border: 1px solid #D4D9DA; width: 450px; float: right; padding: 15px 5px 10px 15px; margin-bottom: 5px; font-size: 11px; }

DIV#form_basket_informations { }
DIV#form_basket_informations P { margin: 0 0 10px 0; font-size: 11px; line-height: 20px; }
DIV#form_basket_informations P.cont_inline { line-height: 16px; margin-bottom: 5px; }
DIV#form_basket_informations P#basket_name { margin-top: 15px; }
DIV#form_basket_informations LABEL { display: block; float: left; width: 80px; }
DIV#form_basket_informations LABEL.inline { display: inline; float: none; vertical-align: middle; }
DIV#form_basket_informations INPUT  { width: 170px; border: 1px solid #7E8F91; font-size: 11px; padding: 2px 3px 2px 3px; vertical-align: middle; color: #546164; font-family: Arial, Helvetica, sans-serif; }
DIV#form_basket_informations INPUT.chk { border: none; width: auto; vertical-align: middle; margin: 0 2px 0 0; }
DIV#form_basket_informations A.underline_link { text-decoration: underline; color: #546164; }

FORM#form_reduction { position: absolute; top: 41px; left: 575px; }
FORM.reductionFr { left: 510px !important; }
FORM#form_reduction P { line-height: 18px; padding: 0 0 0 43px; }
FORM#form_reduction LABEL { color: #77B2BD; text-transform: uppercase; font-size: 12px; }
FORM#form_reduction INPUT { border: 1px solid #99C5CD; background: #F6F9F9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 63px; font-size: 11px; padding: 2px 0 2px 2px; vertical-align: middle; color: #546164; font-family: Arial, Helvetica, sans-serif; height: 10px; font-size: 11px; color: #77B2BD; text-transform: uppercase; }
FORM#form_reduction SPAN.btn BUTTON { background: url(../pics/charte/bg-submit-reduction.png) left top no-repeat; border: none; width: 18px; height: 18px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; vertical-align: middle; margin: 1px 0 0 0; }

SPAN#code_return { position: absolute; top: 62px; left: -78px; }

FORM.form_reduction { position: absolute; top: 41px; left: 575px; }
FORM.form_reduction P { line-height: 18px; padding: 0 0 0 43px; }
FORM.form_reduction LABEL { color: #77B2BD; text-transform: uppercase; font-size: 12px; }
FORM.form_reduction INPUT {  border: 1px solid #99C5CD; background: #F6F9F9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 65px; font-size: 11px; padding: 2px 0 2px 0; vertical-align: middle; color: #546164; font-family: Arial, Helvetica, sans-serif; height: 12px;  }
FORM.form_reduction SPAN.btn BUTTON { background: url(../pics/charte/bg-submit-reduction.png) left top no-repeat; border: none; width: 18px; height: 18px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; vertical-align: middle; margin: 1px 0 0 0; }

FORM#command_anonymous SPAN.btn { display: inline-block; height: 65px; vertical-align: top; }
FORM#command_anonymous SPAN.btn BUTTON { display: inline-block; height: 65px; width: 93px; border: none; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin: 0 8px 0 0; background: url(../pics/charte/tp-payDirect.png) left top no-repeat; vertical-align: top; cursor: pointer; }
FORM#command_anonymous SPAN.btn BUTTON:hover { background-position: left bottom !important; }

FORM#command_anonymous SPAN.btnFr { display: inline-block; height: 65px; vertical-align: top; }
FORM#command_anonymous SPAN.btnFr BUTTON { display: inline-block; height: 75px; width: 103px; border: none; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin: 0 8px 0 0; background: url(../pics/charte/tp-payDirectFr.png) left top no-repeat; vertical-align: top; cursor: pointer; }
FORM#command_anonymous SPAN.btnFr BUTTON:hover { background-position: left bottom !important; }

FORM#command_anonymous SPAN.btn2 BUTTON { width: 100px !important; height: 26px !important; background: url(../pics/charte/bg-textopint-validate.png) left top no-repeat !important; text-indent: -10000px !important; line-height: 0 !important; font-size: 0 !important; text-decoration: none !important; border: none; cursor: pointer; }

FORM#command_anonymous SPAN.btn2Fr BUTTON { width: 101px !important; height: 26px !important; background: url(../pics/charte/bg-beers-selection-validateFr.png) left top no-repeat !important; text-indent: -10000px !important; line-height: 0 !important; font-size: 0 !important; text-decoration: none !important; border: none; cursor: pointer; }

/*** Boutons ***/
P#tp_conteneur_button { text-align: center; margin: 20px 0 0 10px !important; }
P#tp_conteneur_button A { display: inline-block; height: 65px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; margin: 0 8px 0 0; vertical-align: top; }
P#tp_conteneur_button A:hover { background-position: left bottom !important; }

A#create_account  { width: 79px; background: url(../pics/charte/tp-createAccount.png) left top no-repeat; }
A#already_account { width: 116px; background: url(../pics/charte/tp-alreadyAccount.png) left top no-repeat; }

A#create_accountFr  { width: 79px; background: url(../pics/charte/tp-createAccountFr.png) left top no-repeat; height: 75px !important; }
A#already_accountFr { width: 116px; background: url(../pics/charte/tp-alreadyAccountFr.png) left top no-repeat; height: 75px !important }

/*** Textopint gestion de compte home page ***/
DIV#tp_home_account { width: 205px; margin: 0 auto 0 auto; padding: 94px 0 0 0; }
DIV#tp_home_account A { display: block; height: 61px; margin: 0 0 12px 0; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; }
DIV#tp_home_account A:hover { background-position: left bottom !important; }
A#tp_home_account_1 { background: url(../pics/charte/tp_home_account_1.png) left top no-repeat; }
A#tp_home_account_2 { background: url(../pics/charte/tp_home_account_2.png) left top no-repeat; }
A#tp_home_account_3 { background: url(../pics/charte/tp_home_account_3.png) left top no-repeat; }

A#tp_home_account_1Fr { background: url(../pics/charte/tp_home_account_1Fr.png) left top no-repeat; width: 223px; }
A#tp_home_account_2Fr { background: url(../pics/charte/tp_home_account_2Fr.png) left top no-repeat; width: 223px; }
A#tp_home_account_3Fr { background: url(../pics/charte/tp_home_account_3Fr.png) left top no-repeat; width: 223px; }

/*** Gestion de compte : Previous textopints ***/
#tp_account_previous { width: 288px; height: 373px; padding: 3px 160px 0 25px; border: 1px solid #A2C4C7; position: relative; }
#tp_account_previous P { margin: 0 0 20px 0; }

A#tp_previous { display: block; width: 30px; height: 25px; background: url(../pics/charte/tp-previous-next.png) left top no-repeat; position: absolute; left: 404px; top: 343px; }
A#tp_previous:hover { background-position: left bottom !important; }

A#tp_next     { display: block; width: 30px; height: 25px; background: url(../pics/charte/tp-previous-next.png) right top no-repeat; position: absolute; left: 434px; top: 343px; }
A#tp_next:hover { background-position: right bottom !important; }

/*** Gestion de compte ***/
#tp_account_edition { color: #1E4F5B; font-size: 13px; position: relative; width: 480px; }
#tp_account_edition P { line-height: 18px; margin: 0 0 3px 0; }
#tp_account_edition EM { font-size: 11px; line-height: 14px; }
#tp_account_edition LABEL { display: block; float: left; width: 184px; }
#tp_account_edition LABEL.inline { display: inline; float: none; }
#tp_account_edition INPUT { background: #A2C4C7; border: 1px solid #EAF2F2; width: 187px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 2px 3px 2px 5px; }
#tp_account_edition INPUT.chk { background: none; border: none; width: auto; padding: 0; vertical-align: middle; }
#tp_account_edition SELECT { background: #A2C4C7; border: 1px solid #EAF2F2; width: 197px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }

#tp_account_edition SPAN.btn BUTTON { background: url(../pics/charte/bg-account-validate.png) left top no-repeat; border: none; width: 101px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; float: right; margin: 10px 0 10px 0; }
#tp_account_edition SPAN.btn BUTTON:hover { background-position: left bottom !important; }

#tp_account_edition SPAN.btnFr BUTTON { background: url(../pics/charte/bg-beers-selection-validateFr.png) left top no-repeat; border: none; width: 101px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; float: right; margin: 10px 0 10px 0; }
#tp_account_edition SPAN.btnFr BUTTON:hover { background-position: left bottom !important; }

/*** Login page ***/
DIV#textopint_cont_login { padding: 59px 0 0 0; }
DIV#textopint_cont_login A#textopint_creation_link { display: block; line-height: 16px; background: url(../pics/charte/bg-textopint_creation_link.png) 455px top no-repeat; font-size: 12px; text-decoration: none; color: #1E4F5B; text-align: center; margin: 0 0 20px 0; }
DIV#textopint_cont_login A#textopint_creation_link:hover { text-decoration: underline; }

DIV#textopint_cont_login A#textopint_creation_linkFr { display: block; line-height: 16px; background: url(../pics/charte/bg-textopint_creation_link.png) 455px top no-repeat; font-size: 12px; text-decoration: none; color: #1E4F5B; text-align: center; margin: 0 0 20px 0; padding: 0 25px 0 0; }
DIV#textopint_cont_login A#textopint_creation_linkFr:hover { text-decoration: underline; }

FORM#textopint_login { width: 413px; height: 170px; padding: 49px 0 0 28px; background: url(../pics/charte/bg-form-login-textopint.jpg) left top no-repeat; margin: 0 auto 0 auto; position: relative; }
FORM#textopint_login P.textopint_login_fields { line-height: 35px; margin: 0 0 9px 0; }
FORM#textopint_login P.nolabel { padding: 0 0 0 81px; }
FORM#textopint_login LABEL.inline { color: #8FB8BB; font-size: 12px; margin: 0 0 0 2px; }
FORM#textopint_login INPUT.chk { border: none; vertical-align: middle; width: auto !important; }

FORM#textopint_login P.textopint_login_fields LABEL { color: #78A1A4; font-size: 14px; display: block; float: left; width: 80px; }
FORM#textopint_login P.textopint_login_fields INPUT { height: 33px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #1E4F5B; width: 280px; background: #FFF; border: 1px solid #D3DFE1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0 5px 0 5px; }
FORM#textopint_login P.textopint_login_fields INPUT#pwd { width: 135px !important; }
FORM#textopint_login P.textopint_login_fields A { color: #1E4F5B; text-decoration: underline; margin-left: 20px; }

FORM#textopint_login SPAN.btn BUTTON { background: url(../pics/charte/bg-form-login-validate.png) left top no-repeat; border: none; width: 100px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 333px; top: 181px; }
FORM#textopint_login SPAN.btn BUTTON:hover { background-position: left bottom !important; }

FORM#textopint_login P.intro { font-size: 14px; margin: 0 0 30px 0; }

/* Login version française */
FORM#textopint_loginFr { width: 413px; height: 170px; padding: 49px 0 0 28px; background: url(../pics/charte/bg-form-login-textopintFr.jpg) left top no-repeat; margin: 0 auto 0 auto; position: relative; }
FORM#textopint_loginFr P.textopint_login_fields { line-height: 35px; margin: 0 0 9px 0; }
FORM#textopint_loginFr P.nolabel { padding: 0 0 0 81px; }
FORM#textopint_loginFr LABEL.inline { color: #8FB8BB; font-size: 12px; margin: 0 0 0 2px; }
FORM#textopint_loginFr INPUT.chk { border: none; vertical-align: middle; width: auto !important; }

FORM#textopint_loginFr P.textopint_login_fields LABEL { color: #78A1A4; font-size: 14px; display: block; float: left; width: 90px; }
FORM#textopint_loginFr P.textopint_login_fields INPUT { height: 33px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #1E4F5B; width: 280px; background: #FFF; border: 1px solid #D3DFE1; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding: 0 5px 0 5px; }
FORM#textopint_loginFr P.textopint_login_fields INPUT#pwd { width: 135px !important; }
FORM#textopint_loginFr P.textopint_login_fields A { color: #1E4F5B; text-decoration: underline; margin-left: 20px; }

FORM#textopint_loginFr SPAN.btn BUTTON { background: url(../pics/charte/bg-beers-selection-validateFr.png) left top no-repeat; border: none; width: 100px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 333px; top: 181px; }
FORM#textopint_loginFr SPAN.btn BUTTON:hover { background-position: left bottom !important; }

FORM#textopint_login SPAN.btn BUTTON { background: url(../pics/charte/bg-form-login-validate.png) left top no-repeat; border: none; width: 101px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 333px; top: 181px; }
FORM#textopint_login SPAN.btn BUTTON:hover { background-position: left bottom !important; }

FORM#textopint_loginFr P.intro { font-size: 14px; margin: 0 0 30px 0; }

FORM.forgotten SPAN.btn BUTTON { background: url(../pics/charte/bg-form-login-validate.png) left top no-repeat; border: none; width: 100px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 302px !important; top: 165px !important; }

FORM.forgotten SPAN.btnFr BUTTON { background: url(../pics/charte/bg-beers-selection-validateFr.png) left top no-repeat; border: none; width: 101px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; position: absolute; left: 302px !important; top: 165px !important; }

/*** Textopint - Page de rappel ***/
#textopint_rappel H2 { font-size: 14px; color: #FA9128; font-weight: bold; margin: 0 0 10px 67px; }
#payment_direct { padding: 20px 0 0 67px; }
#payment_direct SPAN.btn BUTTON { background: url(../pics/charte/bg-textopint-validate-btn.png) left top no-repeat; border: none; width: 100px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; }
#payment_direct SPAN.btn_return BUTTON { background: url(../pics/charte/bg-textopint-return-btn.png) left top no-repeat; border: none; width: 100px; height: 26px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; cursor: pointer; }

A#back { display: block; line-height: 25px; width: 130px; padding: 0 10px 0 10px; margin: 0 auto 0 auto; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #FC8D21; background: #FFBA82; text-decoration: none; color: #000; }


.placeholder {
	color:#BDC6C7 !important;
	font-weight: normal !important;
	font-size: 11px !important;
}

/** Survey **/
#survey { font-family: Arial, Helvetica, sans-serif; width: 740px; }
#survey H2 { font-size: 18px; color: #666; font-weight: bold; margin: 0 0 10px 0; }
#survey P { font-size: 12px; color: #333; }
#survey FORM { padding: 30px 0 0 0; }
#survey TABLE { width: 700px; margin: 0 0 0 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#survey TABLE SELECT { width:  135px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
#survey TABLE TD { padding: 10px 0 10px 0; color: #000; }
#survey P.btn_conteneur { padding: 35px 0 30px 20px; }
#survey .btn { border: none; height: 31px; background: #337180; width: 94px; font-weight: bold; color: #FFF; font-size: 14px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; cursor: pointer; }

A#flag { display: block; width: 82px; height: 12px; position: absolute; top: 18px; right: 15px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; background: url(../pics/charte/flag-fr.png) right top no-repeat; }
A#flagFr { display: block; width: 82px; height: 12px; position: absolute; top: 18px; right: 15px; text-indent: -10000px; line-height: 0; font-size: 0; text-decoration: none; background: url(../pics/charte/flag-uk.png) right top no-repeat;  }

/* Popin Edition limitée */
#overlay { position: fixed; overflow: auto; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; background: url(../pics/charte/bg-white.png) left top repeat; z-index: 100; }
#overlay #popin_revolution {
   display: block;
   position: relative;
   border: none;
   top: 10%;
   left: 50%;
   width: 600px;
   height: 540px;
   margin: 0 0 0 -300px;
   -webkit-box-shadow: 7px 7px 7px 0px rgba(46,45,46,1);
   -moz-box-shadow: 7px 7px 7px 0px rgba(46,45,46,1);
   box-shadow: 7px 7px 7px 0px rgba(46,45,46,1);
}

#overlay #popin_revolution #anim_rev {
   position: absolute;
   left: 98px;
   top: 191px;
}

a#popin_close {
   position: absolute;
   bottom: 10px;
   right: 10px;
   width: 30px;
   height: 30px;
}

/** Custom scrollbar **/
.scrollable {
  position: relative;
}

.scrollable:focus {
  outline: 0;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 0;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
  min-height: 10px;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  min-width: 10px;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  border: 1px solid gray;
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/** Accueil shop **/
/** Formulaire en bas de page **/
#formShop {
   padding: 10px 0 0 0;
   position: relative;
   height: 25px;
   margin: 0 15px 0 15px;
   background: url(../pics/charte/bg-form-shop.png) right bottom no-repeat;
   font-size: 12px;
   letter-spacing: 0.5px;
   color: #FFF;
}
#formShop label {
   display: inline-block;
   line-height: 25px;
}

#formShop input {
   background: none;
   border: none;
   position: absolute;
   bottom: 2px;
   right: 30px;
   width: 145px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   color: #FFF;
   line-height: 21px;
}

#formShop button {
   border: none;
   background: none;
   position: absolute;
   bottom: 0;
   right: 0;
   height: 25px;
   width: 30px;
   cursor: pointer;
}

#merchandise-wrapper {
   background: #FFF url(../pics/charte/bg-wtf.jpg) right top no-repeat;
   width: 288px;
   height: 315px;
   padding: 17px 235px 0 15px;
   margin: 0 auto 30px auto;
}

#merchandise-wrapper h2 {
   font-weight: 700;
   font-size: 29px;
   color: #315359;
   margin: 0 !important;
   line-height: 23px;
}

#merchandise-wrapper h2 span {
   font-size: 18px;
}

#merchandise-wrapper h3 {
   font-weight: 400;
   font-size: 15px;
   color: #000;
   margin: 0 0 12px 0;
}

#merchandise-wrapper p {
   font-size: 11px;
   color: #000;
}

#merchandise-wrapper ul {
   font-size: 11px;
   color: #000;
   list-style: inside;
}

#merchandise-wrapper li {

}

#merchandise-wrapper p.price {
   padding-top: 15px;
   font-size: 12px;
}

#merchandise-wrapper p.price span {
   font-size: 17px;
   font-weight: 700;
}

#merchandise-wrapper p#select-size {
   padding-top: 35px;
   overflow: hidden;
   margin: 0 0 32px 0;
}

#merchandise-wrapper p#select-size span {
   font-size: 16px;
   display: block;
   float: left;
   margin-right: 7px;
}

#merchandise-wrapper p#select-size a {
   display: block;
   float: left;
   border: 1px solid #315359;
   border-right: none;
   width: 30px;
   font-size: 12px;
   text-transform: uppercase;
   text-align: center;
   text-decoration: none;
   color: #315359;
   margin: 3px 0 0 0;
}

#merchandise-wrapper p#select-size a:hover, #merchandise-wrapper p#select-size a.active {
   background: #315359;
   color: #FFF !important;
}

#merchandise-wrapper #btn-paypal {
   display: block;
   width: 104px;
   height: 40px;
   margin-left: 84px;
   background: url(../pics/charte/bg-wtf-btn.png) left top no-repeat;
}

#merchandise-wrapper p#payment_success, #merchandise-wrapper p#payment_error {
   padding-top: 70px;
   font-size: 20px;
}
#merchandise-wrapper a#payment_back {
   display: block;
   text-decoration: none;
   color: #315359;
   font-size: 17px;
}

/* Image thawack */
#thawack {
   position: absolute;
   top: 4px;
   left: 6px;
   z-index: 10000;
}

/* Page accueil media */
#media-home {
   position: relative;
   width: 700px;
   height: 475px;
   background: url(../pics/charte/bg-media-home.jpg) 0 0 no-repeat;
}
#media-home.mediaLngFr { background-image: url(../pics/charte/bg-media-homeFr.jpg); }

#media-clients, #media-press {
   position: absolute;
   display: block;
   width: 262px;
   height: 262px;
   top: 170px;
   line-height: 0;
   font-size: 0;
   text-decoration: none;
   text-indent: -10000px;
}

#media-clients {
   left: 62px;
}

#media-press {
   left: 380px;
}

/* Page media press */
#media-press-wrapper {
   position: relative;
   width: 675px;
   height: 696px;
   padding: 98px 7px 0 30px;
   background: url(../pics/charte/bg-media-press.jpg) 0 0 no-repeat;
}
#media-press-wrapper.mediaLngFr { background-image: url(../pics/charte/bg-media-pressFr.jpg); }

/* Zone d'overflow scroll */
#media-press-overflow {
   height: 685px;
   overflow: auto;
   position: relative;
}

/* Encart de la section press */
.press {
   position: relative;
   background: #FFF;
   width: 157px;
   padding: 20px 15px 40px 15px;
   border-radius: 10px;
   margin-bottom: 22px;
}

.press h2 {
   font-weight: 700;
   font-size: 14px;
   line-height: 16px;
   color: #000;
   text-transform: uppercase;
}

.press img {
   margin-bottom: 13px;
}

.press p {
   font-size: 14px;
   line-height: 16px;
   color: #000;
}

.press p.date {
   color: #999;
   font-size: 11px;
   margin-bottom: 13px;
}

.press a {
   position: absolute;
   bottom: 15px;
   right: 15px;
   text-decoration: none;
   color: #999;
   text-transform: uppercase;
   font-size: 11px;
}

/* Page media clients */
#media-clients-wrapper {
   position: relative;
   width: 670px;
   height: 556px;
   padding: 97px 0 0 32px;
   background: url(../pics/charte/bg-media-clients.jpg) 0 0 no-repeat;
}
#media-clients-wrapper.mediaLngFr { background-image: url(../pics/charte/bg-media-clientsFr.jpg); }

.media-clients {
   float: left;
   width: 189px;
   height: 398px;
   padding: 92px 0 0 0;
   margin-left: 35px;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
}

.media-clients:first-child {
   margin-left: 0;
}

#media-tripadvisor-wrapper {
   background: url(../pics/charte/bg-clients-tripadvisor.png) 0 0 no-repeat;
}

#media-yelp-wrapper {
   background: url(../pics/charte/bg-clients-yelp.png) 0 0 no-repeat;
}

#media-google-wrapper {
   background: url(../pics/charte/bg-clients-google.png) 0 0 no-repeat;
}

.clients {
   position: relative;
   padding: 10px 0 10px 0;
   margin: 0 10px 0 10px;
   border-bottom: 1px dotted #999;
}

.clients h2, h3 {
   font-size: 14px;
   line-height: 16px;
   color: #000;
   font-weight: 700;
}

.clients h3 {
   text-transform: uppercase;
   margin-bottom: 6px;
}

.clients p {
   font-size: 14px;
   line-height: 16px;
   color: #000;
}

.clients p.date {
   color: #999;
   font-size: 11px;
   margin-bottom: 6px;
}

.clients p.note {
   line-height: 17px;
   text-align: center;
   margin-bottom: 6px;
}

.clients p.note span {
   display: inline-block;
   width: 18px;
   height: 17px;
   background: url(../pics/charte/bg-note-span.png) 0 0 no-repeat;
}

.clients p.note span.active {
   background-position: 0 bottom;
}

.clients a {
   display: block;
   text-align: right;
   margin-top: 6px;
   text-decoration: none;
   color: #999;
   text-transform: uppercase;
   font-size: 11px;
}

/* Zone d'overflow scroll */
.media-clients-overflow {
   height: 398px;
   overflow: auto;
   position: relative;
   width: 200px;
}

.clients-wrapper {
   background-color: #FFF;
   width: 189px;
   min-height: 398px;
   padding: 0 0 16px 0;
}

/* Lionbar */
.lb-v-dummy { width: 100%; display: block; height: 1px; }
.lb-h-dummy { height: 100%; display: block; width: 1px; }
.lb-clear { clear: both; }
.lb-wrap { z-index: 0; overflow: auto; position: relative; }
.lb-v-scrollbar { z-index: 1; position: absolute; right: 12px; top: 2px; width: 7px; height: 100%; background: #FFF; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar { z-index: 1; position: absolute; bottom: 2px; left: 2px; width: 100%; height: 7px; background: #FFF; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-v-scrollbar-slider { position: absolute; width: 7px; height: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar-slider { position: absolute; height: 7px; width: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }

#media-clients-wrapper .lb-v-scrollbar {
   z-index: 1;
   position: absolute;
   right: 0;
   top: 2px;
   width: 7px;
   height: 100%;
   background: #FFF;
   opacity: 0.3;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
   border-radius: 7px;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
}