@import url("news.css");

/***************************
	RESET			
****************************/
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; background-image:transparent;}
:focus {outline:0; }
body {line-height:1; color:black; background:white; }
ol, ul {list-style:none;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

/***************************
	GENERAL			
****************************/
/*	Typos
---------------------------*/
body {font:75% Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h1 {font-size:2.8em; margin-bottom:0.6em;}
h2 {font-size:2.4em; margin-bottom:0.5em;}
h3 {font-size:1.6em; margin-bottom:0.4em;}
h4 {font-size:1.6em; margin-bottom:0.3em;}
h5 {font-size:1.2em; margin-bottom:0.2em;}
h6 {font-size:1em; margin-bottom:0.1em;}
p {margin-bottom:1em; font-size:1.2em; line-height:1.6em;}
ol, ul {margin-bottom:1em; font-size:1.2em; line-height:1.2em;}
ol, ul {margin-left:20px;}
blockquote,q {quotes:""" """; padding:0.4em; margin-left:1em;}
dt {font-weight:bold;}
dd {padding-left:0.8em;}

/*	Couleurs, bords & fonds
---------------------------*/
body {color:#FFF; background:#000;}
h1, h2, h3, h4, h5, h6 {color:#FFF;}
p {color:#FFB31A;}
ol, ul {color:#FFF;}
a:link, a:active, a:visited {color:#FFF;}
a:hover {color:#FFB31A;}

/***************************
	MISE EN PAGE			
****************************/
div#page {position:relative; margin:10px auto 0; width:760px; height:auto;}

div#enseigne {margin-bottom:10px; width:760px; height:300px; background-repeat:no-repeat;}
ul#nav {float:left; margin:20px 0 0; width:200px; height:auto; text-align:center;}
div#contenu {float:left; width:520px; padding-left:40px;}
ul#nav2 {position:absolute; top:0; right:0; width:auto; height:auto; text-align:right;}
div#infos {clear:left; float:left; margin-top:20px; padding-top:10px; width:760px; text-align:center; border-top:1px dashed #666; background:url("../images/infos-fd.jpg") top center no-repeat;}

/***************************
	STYLES			
****************************/

/*	ENSEIGNE	************/
#enseigne h1 a{display:block; width:760px; height:280px;}
#enseigne h1 a span {display:none;}
#enseigne p span {display:none;}

#logo a{display:block; width:320px; height:330px;}
#logo a span {position:absolute; left:-9999px;}

/*	NAVIGATION	************/
ul#nav {padding:0;}
ul#nav li {position:relative;}
ul#nav li a {display:block; width:200px; height:40px;}
ul#nav li a span {position:absolute; left:-9999px;}
ul#nav li a:hover, ul#nav li a.courant {background-position:bottom;}

li#chef_FR a {background:url("../images/navFR_01-chef.png") no-repeat;}
li#services_FR a {background:url("../images/navFR_02-services.png") no-repeat;}
li#menus_FR a {background:url("../images/navFR_03-menus.png") no-repeat;}
li#aventure_FR a {background:url("../images/navFR_04-aventure.png") no-repeat;}
li#contact_FR a {background:url("../images/navFR_05-contact.png") no-repeat;}

li#chef_EN a {background:url("../images/navEN_01-chef.png") no-repeat;}
li#services_EN a {background:url("../images/navEN_02-services.png") no-repeat;}
li#menus_EN a {background:url("../images/navEN_03-menus.png") no-repeat;}
li#aventure_EN a {background:url("../images/navEN_04-aventure.png") no-repeat;}
li#contact_EN a {background:url("../images/navEN_05-contact.png") no-repeat;}

/*	CONTENU		************/
#contenu ul {color:#FFB31A;}
#contenu ul li {list-style:circle;}

/*	NAVIGATION 2************/
ul#nav2 li {display:inline;}
ul#nav2 li a {text-decoration:none; padding:0 10px; border-right:1px solid #FFF;}

/*	INFOS		************/
#infos ul {padding-top:5px;}
#infos ul li {display:inline; padding:0 1px;}
#infos ul li a {text-decoration:none; padding:0 6px;}
#infos ul li.first {border:0;}

/***************************
	DIVERS			
****************************/

/*	hCard		************/
div.vcard {font-size:1.2em; color:#FFB31A;}
span.fn {font-size:1.5em;}
div.adr {}
div.tel {font-style:italic;}
a.email {}