body{font-family:Arial, sans-serif; font-size:12px; margin:0; padding:0;height:100%;background:#740300 url("images/back.jpg") repeat-x center top;color:#000000;}
html {overflow-y:scroll;}

h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:11px; color:#400200; font-weight:normal; margin:0; padding:0;}
h2{border:0; margin:10px 0; font-size:36px; color:#a90400; text-align:center; font-weight:bold;}
h3{font-size:16px; color:#A90400;}
h4{font-size:12px; margin:0 0 5px; padding:0 0 10px 5px; text-transform:uppercase; text-align:left;}
a {color:#000000; outline:none;}
a.left, a.right {background: transparent; color: #ff0000; font: bold 16px Arial; overflow: hidden;}
a.left span, a.right span {}
a.left img, a.right img {border: 0;}
a.l_dis, a.r_dis {background: transparent; cursor: default;}
a.l_dis span, a.r_dis span {display: none;}
a:focus {outline:none;}

/* GENERAL*/
.container {width:908px; margin:0 auto;}
#top {width:908px; margin:0 auto; display:block; text-align:right; color:#A90400; height:0; overflow:hidden;}

#header{width:908px; margin:0 auto; display:block; height:162px; background: url(images/header.png) right no-repeat; color:#fff}
#header.rouen{background: url(images/header_rouen.png) right no-repeat;}
#header.facanex{background: url(images/header_facanex.png) right no-repeat;}
	#header img {margin-left:-19px; border:none; border-color:#000000;}
#select{float:right; width:300px; text-align:right;}	

/*
#welcome {margin: 20px auto; text-align:center; background:#FFFFFF; width:1200px;}
#welcome a {color:#000000; text-decoration:none;}
#welcome div img {border:none;}
#welcome div {margin:30px; float:left;}
#welcome div.break{margin-left:175px;}
#welcome div span.title {font-size:16px;}
#welcome strong{display:block; margin:0 auto;}
#welcome h2 {font-size: 30px; border:none; margin:10px;}
*/
#welcome {margin: 20px auto; text-align:center; color:#FFFFFF; width:1200px;}
	#welcome a {color:#ffffff; text-decoration:none;}
	#welcome div img {border:none;}
	#welcome div {width: 300px; margin: 30px auto 20px; float:left;}
	#welcome div span.title {font-size:22px; color:#A90400;}
	#welcome div span.adress {font-size:17px;}
	#welcome div span.zipcode {font-size:13px;}
	#welcome strong{display:block; margin:0 auto;}
	#welcome h3 span{color:#A90400;}
	#welcome h2, #welcome h3 {font-size: 20px; border:none; color:#fff; margin:10px;}

#secure {margin:10px auto; width:500px;}
#secure h3 {text-align:center; margin:20px 0;}
#secure div{margin:0 auto; width:300px;}

/* MAIN */
#main/*,#welcome*/{width:690px; margin:0 auto; padding:10px 100px; background: url(images/main.png) center repeat-y;} 
#main.contact/*,#welcome.contact*/{padding:10px 35px;width:835px;}
.spacer{clear:both;}

/* NAVIGATION */
#navbar{width:795px; margin:0 auto 0; display:block; height:25px;}
ul.nav {float:left; display:inline; margin:0; padding:0;}
ul.nav li {float:left; list-style-type:none;}
ul.nav li a {display:block; text-indent:-9999px; height:20px;}
ul.nav li a:hover {border:none}
li.button_home a , li.button_about a , li.button_calendar a , li.button_sports a , li.button_gallery a, li.button_press a, li.button_contact a, li.button_job a, li.button_events a{background:url(images/navbar.jpg) no-repeat;}
li.button_home a {width: 59px; background-position:0 -21px;}
li.button_home a:hover, li.button_home a.active{background-position:0 0}
li.button_about a {width: 108px; background-position:-59px -21px;}
li.button_about a:hover, li.button_about a.active{background-position:-59px 0}
li.button_calendar a {width: 110px; background-position:-167px -21px;}
li.button_calendar a:hover, li.button_calendar a:.active{background-position:-167px 0}
li.button_sports a {width: 181px; background-position:-277px -21px;}
li.button_sports a:hover, li.button_sports a.active{background-position:-277px 0}
li.button_gallery a {width: 92px; background-position:-458px -21px;}
li.button_gallery a:hover, li.button_gallery a.active{background-position:-458px 0}
li.button_press a 	{width: 83px; background-position:-550px -21px;}
li.button_press a:hover, li.button_press a.active{background-position:-550px 0}
li.button_contact a {width: 119px; background-position:-633px -21px;}
li.button_contact a:hover, li.button_contact a.active{background-position:-633px 0}
li.button_job a {width: 65px; background-position:-761px -21px;}
li.button_job a:hover, li.button_job a.active{background-position:-761px 0}
li.button_events a {width: 85px; background-position:-825px -21px;}
li.button_events a:hover, li.button_events a.active{background-position:-825px 0}

/*HOME*/
.ribbon{text-align:center;}

#column_left{width:566px; margin: 10px 0 0 30px; float:left; display:inline;}
.upcoming {width:500px; padding:10px; margin:0;}
	.upcoming h2 {margin-top:10px;}
	h2.facanex{font-size:27px;}
	.upcoming h3 {margin:10px 20px 20px;font-size:20px;}
	.upcoming h4 {margin:-8px 0 10px 20px;font-size:15px;}
	.upcoming p  {margin:0 20px 20px;font-size:14px;}
	.upcoming img{margin:0 auto;}
	
.hebdo {width:230px; margin:0 20px 0 0; float:left; display:inline;}
.upcoming div.hebdo p {font-size:12px; margin:15px 20px;}

#column_right{margin: 10px 30px 10px 0; float:right; width:280px; display:inline;}
	.column_right{margin:0 auto 35px; text-align:center;}
	.column_right h2 {text-align: left; margin-top:5px;}
	h1.happyhour {margin:0 25px; text-align:left; font-size:18px;text-transform: uppercase; color:#A90400;}
	
/* ABOUT */
#mapcontainer {width:800px; margin:0 auto 50px; display:block;}
	.mapheader {margin:20px; text-align:center;}
	#about{padding:15px;}
		.about {width: 350px; float:left; display:inline;}
		.map {width: 408px; height: 308px;float:right; display:inline; background: url(images/mapframe.png); margin-top:20px;}
		#map {width: 400px; height: 300px; margin:4px; overflow:hidden;}

/* OTHER PAGES */
#sports {margin:20px auto; padding:20px; display:block;}
#calendar {width:750px; margin:20px auto; display:block;}
#contact, #gallery {width:850px; margin:15px auto; overflow:hidden;}
.mailto {padding:10px; background: #ececec; width:366px;}
.contact_l, .contact_quizz {display:inline; float:left; width:400px; border-right: 1px dotted #dddddd; padding: 0 10px;}
.contact_r {display:inline; float:right; width:400px; padding: 0 10px;}
	.contact_l label, .contact_r label, .contact_quizz label{display:block; width:100px; float:left;}
	.contact_l  form, .contact_r  form, .contact_quizz label {margin: 0 auto; color:#000000}
	.contact_l  input, .contact_l textarea, .contact_r  input, .contact_r textarea, .contact_quizz input, .contact_quizz textarea{width:280px;}
	.contact_l  .submitter,.contact_r  .submitter, .contact_quizz .submitter {width:90px; float:right; display:inline; margin-right: 13px;}
#info {clear:both; text-align:center; margin:0 auto; padding-top: 25px; width: 550px;}
	#info strong {font-size:16px;}
#gallery {height:100%; margin:20px auto 0;}
#gallery h2{font-size:11px; color:#A90400; font-weight:bolder; text-align:center;}
	.pic {width:175px; float:left; margin:0 16px 18px; text-align:center; display:inline;}
	.pic a  img{border:0; outline:none; width:175px;}
#privacy {width:690px; margin:10px auto 0;}
.info_soiree h3, .info_soiree h4 {text-align:center; margin:15px 0;}
.info_soiree p {text-align:center; width:550px; margin:0 auto;}
.info_soiree table {margin:10px auto 0; border:1px dashed; border-collapse:collapse; width:650px;}
.info_soiree tr td {padding:8px; border:1px dashed;}
.info_soiree tr td h3{margin:10px;}
.info_soiree tr td.l {font-weight:bolder;}
.info_soiree a {padding:0 4px;}
.menu_quizz {text-align:center;font-size: 15px}
	.menu_quizz img{margin:10px;}
.quizz {width:550px; margin:30px auto 20px;}
	.quizz strong {color:#A90400; font-weight:bold;}
.quizz_left , .quizz_right {float:left; padding:10px; text-align:center; font-size:15px;}
.quizz_right{float:right; width:200px; margin-right:20px;}
.quizz_left{float:left; width:250px;}
.contact_quizz  {clear:both; border-left: 1px dotted #dddddd; margin:20px 250px;}
#press {margin:0px 65px 20px;}
#press h3{font-size:22px; margin:20px 0;}
#press h4{font-size:16px; letter-spacing:-0.4px}
#press h5{margin:20px 0;}


/*NEWSLETTER */
#newsletter {width:230px; height:175px; margin:10px auto 20px; background: url(images/newsletter.jpg) no-repeat center;}
#newsletter p {float:left;margin:20px 15px 10px;}
#newsletter ul, #newsletter li{border:0; margin:0; padding:0; list-style:none;}
#newsletter label{float:left;margin:15px; font-weight:bold;}
#newsletter input#email{float:left; width:145px; margin:15px 0 10px 3px;}
#newsletter button{border:0; margin:0; margin-right:15px ; padding:0 !important; clear:both; width:67px; height:23px; background:#666 url(images/button.png) no-repeat; text-align:center; line-height:23px; color:#FFFFFF; font-size:11px; font-weight:bold; float:right;}

/*SLIDESHOW*/
#slider_container{margin:15px 0 50px;}
p.description{margin:15px auto 25px ; text-align:center; font-size:14px; width:680px;}
.bottombox{width:230px; float:left; margin:15px 0; text-align:center;}
.bottombox.bigger{width:250px;}
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul{position: relative; left: -999em;}
.stripViewer {position: relative; overflow: hidden; margin:0; padding:0;}
.stripViewer ul {margin: 0; padding: 0; position: relative; left: 0; top: 0; width: 1%; list-style-type: none;}
.stripViewer ul li {margin: 0; padding: 0;}
.stripTransmitter {overflow: auto; width: 1%;}
.stripTransmitter ul {margin: 0; padding: 0; position: relative; list-style-type: none;}
.stripTransmitter ul li{float:left; margin: 0;}
.stripTransmitter a{font: bold 14px Arial; text-transform:uppercase; text-align: center; line-height: 22px; color: #000; text-decoration: none; display: block; margin:8px 14px;}
.stripTransmitter a:hover, a.current{color: #A90400;}

/* FOOTER */
#footer{padding:5px 0; font-size:11px; color:#A90400; width:908px; margin:0 auto 20px auto; display:block; background: url(images/bottom.png) bottom no-repeat;}
	div.footcontent {width:880px; margin:0 auto;}
	#footer ul.footernav{list-style:none; float:left; padding:0 15px; margin-left:30px;  text-indent:6px;}
	#footer ul.footernav li.f{margin-bottom:5px;}
	#footer ul.footernav li a{color:#000000;}
	#footer ul.footernav li a img{padding: 4px 10px 0px 0px; border:0;}
	#footer ul.footernav li strong{text-transform:uppercase;}
	#footer a{color:#A90400;}
	#footer p{clear: both; text-align:center; padding: 25px 0 10px;}
	#footer p strong{font-weight:normal;}