/***** [ Reset css ] ************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}

/******* classe communes *****/

/* display */
.display_block { display: block; }
.display_inline { display: inline; }

/* font-weight */
.normal { font-weight: normal; }
.bold {font-weight: bold; }

/* borders */
.border_bottom { border-bottom: solid 1px #c6c6c6; }
.border_right { border-right: solid 1px #c6c6c6; }
.border_left { border-left: solid 1px #c6c6c6; }
.border_top { border-top: solid 1px #c6c6c6; }
.border_all { border: solid 1px #c6c6c6; }

/* float */
.left { float: left; }
.right { float: right; }
.ImgRight {text-align:left;display:block;float: right;}
img.left { margin: 0 10px 10px 0 }
img.right { margin: 0 0 10px 10px }
img.right.margin_top_20 { margin: 20px 0 0 0 }
img.ImgRight {padding:0 0 0 5px;margin:0 0 0 5px;float: left;}

/* marges */
.margin_top_0 { margin-top: 0; }
.margin_top_5 { margin-top: 5px; }
.margin_top_20 { margin-top: 20px; }
.margin_bottom_0 { margin-bottom: 0; }
.margin_bottom_20 { margin-bottom: 20px; }
.margin_bottom_10 { margin-bottom: 10px; }
.margin_0 { margin: 0; }
.uppercase {text-transform: uppercase;}

/* padding */
.padding_15 { padding: 15px; }
.padding_bottom_20 { padding-bottom: 20px; }
.padding_top_10 { padding-top: 10px; }
.padding_bottom_10 { padding-bottom: 10px; } 

/* overflow */
.overflow { overflow: hidden; width: 100%;}

.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs28 {font-size:28px;}
.fs30 {font-size:30px;}
.fs40 {font-size:40px;}

/* Couleurs */
.yellow_border {border-color:#9999ff;}
.yellow {color:#f0de60;}
.red {color:red;}
.red a {color:red;}
.yellow a {color:#f0de60;}
.mauve {color:#9999ff;}
.mauve a {color:#9999ff;}
.tdn {text-decoration:none}
.tdn a {text-decoration:none}

/* texte alignement */
.a_right {text-align:right !important;}
.a_center {text-align:center !important;}
.center {text-align:center !important;}
.a_left {text-align:left !important;}
.a_justify { text-align: justify !important; }
.clear { clear: both; }

/***** [ Custom styles ] ************************************************/
div {border:0px solid silver;}
body {background: url(../images/main_bg.gif);color:white;font-family:helvetica,arial,sans-serif; margin-top:10px}
#header {width:100%;height: 310px;margin: 0 auto;color:white;position: relative;background: url(../images/bg_footerList.png);}
#container {width:1002px;padding:0px;color:white;margin: 0 auto;overflow: hidden;}
#footer {width:100%;margin: 10px auto 0 auto;clear: both;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7 {float: left;margin-right:10px;margin-left:10px;overflow: hidden;}
.col30 {float: left;overflow: hidden;}
.col50 {float: left;overflow: hidden;}
.col1 { width: 25%;padding-left:10px}
.col2 { width: 65%;}
.col30 {width: 33%;}
.col50 {width: 50%;}
.col100 {width: 100%;}



.para {line-height: 1.4em;margin-bottom: 1em;font-family:arial}
.para > p {line-height: 1.4em;}
.para > div {line-height: 1.4em;}
.para ul {list-style-type: circle;padding:5px 20px 15px 20px !important;}
.para ul li {padding:2px 0px 2px 2px;list-style-position: inside}
.para b {font-weight:bold}
.para strong {font-weight:bold}
.para a {color:#f0de60;font-weight:bold;text-decoration:none}
.para a:hover {border-bottom:1px dotted #f0de60}
.para img {margin-left:5px;margin-right:5px;padding:0 5px 0 5px}
.para .title {line-height: 1.4em;font-size:35px;color:#f0de60;font-family:tahoma}

#nav {width: 992px;margin: 0 auto;background: url(../images/bg_nav-trans.png) no-repeat;height: 51px;color: #FFFFFF;text-align: center;padding-left: 10px;z-index: 10;}
#nav li {display: block;width: auto;float: left;line-height: 38px;height: 40px;background: url(../images/bg_nav_li_separator.png) right no-repeat;text-transform: uppercase;font-size: 17px;font-family:arial;padding:0 10px 0 10px;position: relative;z-index: 100;}
#nav li, #nav li a { color: #FFFFFF;}
#nav li a {display: block;height: 39px;background-position: center bottom;float: left;overflow: hidden;position: relative;text-decoration:none;}
#nav li a:hover {color:#f0de60}

.myBox {padding:10px;margin: 0 auto;border: 0px solid #ffffff;text-align: left;background-color: #000000;border: 2px solid #ffffff;font-size:17px;width:98%;color:#f0de60;}
.myBox a {color:#f0de60;font-weight:bold;text-decoration:none}
.highlight {padding-top:65px;font-size:22px;color:#f0de60;font-weight:bold;font-style: italic ;}
.highlight a {color:#f0de60;text-decoration:none}
.SimpleHighlight {font-size:14px;color:#f0de60;font-weight:bold;font-style: italic ;}
.SimpleHighlight a {color:#f0de60;text-decoration:none}
.PageTitle {font-size:30px;color:#f0de60;border-bottom:1px solid #f0de60}

#footer_list {border-top:1px solid #f0de60;border-bottom:1px solid #f0de60;height:28px}
#footer_list li {float: left;padding:3px 15px 3px 0px;text-transform:capitalize;font-weight:bold;font-size:16px}
#footer_list li a {color:#f0de60;text-decoration:none}

#FooterAdress {clear:both;font-size:14px;padding:8px 0px 250px 0;text-align:center}
#FooterAdress a {color:white;text-decoration:none}
#FooterContent {clear:both;font-size:12px;border-bottom:1px solid #f0de60;padding:5px 0px 5px 0}
#FooterContent p {padding:3px 0px 3px 0}
#FooterContent a {color:white;text-decoration:none}
#tl, #tr {display:block}
.ProdPrestations {list-style-type: circle;padding:10px 20px 15px 20px !important;}
.ProdPrestations li {padding:2px 0px 2px 2px;list-style-position: inside}

.ShopLinkContainer {text-align:center;padding:10px;}
.ShopLink a {font-size:40px;font-weight:bold;text-decoration:none;color:#ff6600}

.ProductDates {width:100%}
.ProductDates tr td {text-align:center;padding:5px}
.DateTitle {font-size:15px;font-family:arial;font-weight:bold;background-color:#f0de60;color:black;text-transform:capitalize;padding:5px}

.ShopHour a {font-size:14px;padding:3px;text-align:left;color:#f0de60;font-weight:normal;text-decoration:underline}
.InShopTitle {font-size:28px;padding:3px;text-align:left;color:#f0de60;font-weight:normal;border-bottom:2px solid #f0de60;}

#Basket {width:100%;}
#Basket tr td {border-bottom:1px solid #f0de60;font-size:18px;padding:3px;text-align:center;color:#f0de60;}
#Basket tr th {border-bottom:2px solid #9999ff;font-size:14px;padding:3px;text-align:center;color:#9999ff;font-weight:bold}

/* FORMS */
.TextInput {border:1px solid #f0de60;padding:3px 5px 5px 3px;font-size:20px;color:#f0de60;background-color:#000000;margin-bottom:8px;}
.SuperSmall {width:200px}
.Small {width:200px}
.Wide {width:250px}
.VeryWide {width:350px}
.TextLabel {
width:260px;padding-right:10px;padding-top:7px;
text-align: right;
display: block;
margin-bottom: 3px;
float:left;
}
.FormPadding {padding-left:270px;}
.groupseparator {font-size:16px;padding:3px;text-align:left;color:#f0de60;font-weight:bold;border-bottom:2px solid #f0de60;margin-top:10px;margin-bottom:10px}
.separator {border-bottom:1px solid #f0de60;height:30px}

.PayBasket {padding:5px;margin-top:15px;border-top:2px solid #9999ff;text-align:right}
.PayBasket a {font-size:22px;font-family:arial;font-weight:bold;color:#f0de60;text-transform:capitalize;}