/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body {line-height:1.5}
table {border-collapse:separate;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal}
table, td, th {vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none}

body {
	font-family: 'TrebuchetMS', 'Trebuchet MS', sans-serif;
	font-size:  75%;
	color: #1A1718;
	background: #23101A url('../images/bg_site.jpg') no-repeat center 0
	}
        
body#starchef { background: #23101A url('../images/bg_star-chef.jpg') no-repeat center 0 }        
        
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111}
h1 {font-size:1.8em; color: #912062; line-height:1;margin-bottom:0.5em; background: url('../images/bg_h1.png') no-repeat 0 center; padding-left: 16px}
h2 {font-size:1.5em;margin-bottom:0.5em;color:#912062}
h3 {font-size:1.25em;line-height:1;margin-bottom:0.5em; font-weight: 700}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:0.75em; text-decoration: underline}
h5 {font-size:1em;font-weight:700;margin-bottom:1.5em}
h6 {font-size:1em;font-weight:700}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0}
p {margin:0 0 1.5em}
img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0}
img.right {float:right;margin:1.5em 0 1.5em 1.5em}
a{ text-decoration: underline; color: #936 }
a:hover{text-decoration:none}
strong {font-weight:700}
em {font-style:italic}
li ul, li ol {margin:0 1.5em}
ul, ol {margin:0 1.5em 1.5em 3em}
ul {list-style-type:disc }
ol {list-style-type:decimal}
dl {margin:0 0 1.5em 0}
dl dt {font-weight:700}
dd {margin-left:1.5em}
table {margin-bottom:1.4em}
th {font-weight:700}
thead th {background:#E8ECED; border-right: 1px solid #fff; border-bottom: 1px solid #CACACA }
th, td, caption {padding:4px 10px 4px}
tr.even td {background:#f9f9f9; border-bottom: 1px solid #e7e7e7; height: 28px }
tr.odd td { border-bottom: 1px solid #e7e7e7; height: 28px }
tfoot {font-style:italic}
caption {background:#eee }
label { font-weight: bold; display: block }
fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #cacaca; }
legend { font-weight: bold; font-size:1.2em; color: #24C0EB }
small { font-size: 0.8em }

.left { float: left }
.right { float: right }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px }
.center { text-align: center}
.justify { text-align: justify }
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:0.5em}
.hide {display:none}
.quiet {color:#666}
.loud {color:#000}
.highlight {background:#ff0}
.hr { background: url('../images/bg-hr.gif') repeat-x }
.hr hr { visibility: hidden }
.justify { text-align: justify }
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4 }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324 }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880 }
.error a    { color: #8a1f11 }
.notice a   { color: #514721 }
.success a  { color: #264409 }
div.error p { margin: 0.5em 0 }
.movie{
  background: url('../images/film_go.png') no-repeat right center;
  padding-right: 14px
} 
.film a { line-height: 16px; background: url('../images/Movie.png') no-repeat 0 center; padding-left: 20px }
.pdf a { line-height: 16px; background: url('../images/Pdf.png') no-repeat 0 center; padding-left: 20px }

#overlay_container {
        top: 0;	left: 0;
		width: 100%; height: 100%;
        position: fixed;
        background: url('../images/bg_overlay.png');
        z-index: 1000
}
#conditions {
        width: 550px;
        height: 413px;
        position: absolute;
        overflow: auto;
        top: 10%; left: 50%;
        margin-left: -275px;
        border: 6px solid #584A51;
        background: #B8B4B6;
        font-size: 12px;
        font-family: "courier new", courier, monospace;
        padding: 5px 10px;
        z-index: 6000
}
#intro {
	width: 750px;
	height: 520px;
	top: 50%;
	left: 50%;
	margin-left: -375px;
	margin-top: -270px;
	position: absolute;
}
#intro a {color: #fff; text-align: right}
/* Form fields
-------------------------------------------------------------- */

input[type=text],
input.text, input.title, input.signin,
textarea, select { 
  background-color:#fff; 
  border:1px solid #CACACA
}
input[type=text]:focus, 
input.text:focus, input.title:focus, input.signin:focus,
textarea:focus, select:focus { 
  border-color:#666; 
}

input[type=text], 
input.text, input.title,
textarea, .lineForm label {
  margin:0
}
select { margin-top:0 }
input.text, 
input.title   { width: 334px; padding:4px }
input.title   { font-size:1.5em }
textarea      { width: 334px; height: 150px; padding:4px }

input[type=checkbox], input[type=radio], 
input.checkbox, input.radio { 
        position:relative; top:.15em 
}

.lineForm { clear: both; position: relative; margin: 0 0 1em 0 }
.required { color: #936; }

.submit { padding: 8px 20px }

.bgForm { background: #B8B4B6; padding:1.4em }
/*****************************/
#conteneur {
	width: 878px;
	margin: 0 auto
	}

#header{
	width: 878px;
	height: 102px
	}

#header a.logo {
	display: block;
        position: absolute;
	width: 226px;
	height: 100px;
        top: 15px;
        background: url('../images/logo.png') no-repeat 0 0
	}
	
#header a.logo span {
	display: none
	}
       
#contenu {
	width: 878px;
        background: url('../images/bg_contenu.png') repeat-y
}

#left, #right { padding-top: 20px }

#left { 
        float: left;
        width: 300px;
        margin: 0 30px 0 40px        
        }
        
#right { 
        float: left;
        width: 468px
        }
        
#actu {
        width: 300px;
        height: 138px;
        margin-top: 20px;
        background: url('../images/bg_actu.png') no-repeat
}
#actuContent { padding: 15px 20px; color: #fff }
#actuContent p { font-size: 1.2em; margin-bottom: 0.5em }
#actuContent ul {margin-left: 1.5em}
/***********************/
#navbar {
        width: 878px;
        height: 53px;
	background: url('../images/bg_navbar.png') no-repeat 0 0
        }
        
#navbar ul { 
        margin: 0 0 0 26px;
        padding: 29px 0 0 0;
        list-style: none
}

#navbar li { margin:0; padding:0; float: left }

#navbar ul li a { 
        display: block;
        line-height: 18px;
        text-decoration: none;
        text-transform: uppercase;
        color: #fff;
        padding-left: 14px;
        margin: 0 4px;
        background: url('../images/bgOngletLeft.gif') no-repeat 0 -18px;
        float: left
        }
#navbar ul li a span { display: block; background: url('../images/bgOngletRight.png') no-repeat right -18px; padding-right: 14px }

#navbar ul li a:hover, #navbar ul li.select a {
        background: #9D4C81 url('../images/bgOngletLeft.gif') no-repeat 0 0;
}
#navbar ul li a:hover span, #navbar ul li.select a span {
        background: url('../images/bgOngletRight.gif') no-repeat right 0;
}

/***********************/
#listTechnik { float: right; width: 158px; padding: 5px 10px; font-size: 0.88em; background: #B8B4B6 }
#listTechnik ul { margin-left: 1.4em; list-style-type: circle }
#listTechnik strong { text-decoration: underline }
.prod {
        background: #B8B4B6;
        padding: 1em 1.4em 1px 1.4em;
        margin-bottom: 1.5em
}
.prod img { float: right }
.prod ul { margin-top: 1.2em }

.btn-formulaire a { display: block; text-decoration: none; color: #fff; font-weight: 700; background: url('../images/btn-formulaire.png') no-repeat 0 0; width: 318px; height: 22px; line-height: 22px; text-align: center }
.btn-formulaire a:hover { color: #9D4C81; background: url('../images/btn-formulaire.png') no-repeat 0 -22px }

/**********************/
#footer{
	width: 878px;
        height: 28px;
        color: #A5A0A3;
        padding-top: 20px;
        background: url('../images/bg_footer.png') no-repeat 0 0
	}
#footer a { color: #A5A0A3; text-decoration:none; }
#footer a:hover { text-decoration: underline; }