@charset "utf-8";

/* ************************************ */
/* Fondue Folie * Feuille de styles CSS */
/* ************************************ */

/* Base ******************************* */

body { margin: 0px; padding: 0px; text-align: center; font-family: "trebuchet MS", arial, sans-serif; color: #B51616; font-size: 12px; line-height:14px; letter-spacing: 1pt; word-spacing: 0pt; }

p { margin:0px 0px 10px 0px; padding:0px; }

/* Mise en page *********************** */

#header { width: 980px; height: 440px; margin: 0 auto; }
	#hea_menu { width: 285px; height: 440px; float: left; background-image: url(/imports/images/bg_menu.jpg); background-repeat: no-repeat; background-position: 0px 0px; margin-left:-20px; }
		#hea_menu_logo { width: 285px; margin: 20px 0px 0px 0px; text-align: center; }
		#hea_menu_nav  { width: 285px; height: 240px; text-align:left; }
			#hea_menu_nav ul { margin: 0px 40px; padding: 0px; }
			#hea_menu_nav li { width: 205px; height: 40px; margin: 0px; padding: 0px; list-style-type:none; display:inline; float: left; }
			#hea_menu_nav a { width: 205px; height: 40px; display: block; }
			#hea_menu_nav span { display: none; }
				#nav_btn_1 { background: url(/imports/images/nav/nav_btn_1.gif) no-repeat 0 0; }
					#nav_btn_1:hover { background-position: -205px 0; }
				#nav_btn_2 { background: url(/imports/images/nav/nav_btn_2.gif) no-repeat 0 0; }
					#nav_btn_2:hover { background-position: -205px 0; }
				#nav_btn_3 { background: url(/imports/images/nav/nav_btn_3.gif) no-repeat 0 0; }
					#nav_btn_3:hover { background-position: -205px 0; }
				#nav_btn_4 { background: url(/imports/images/nav/nav_btn_4.gif) no-repeat 0 0; }
					#nav_btn_4:hover { background-position: -205px 0; }				
				#nav_btn_5 { background: url(/imports/images/nav/nav_btn_5.gif) no-repeat 0 0; }
					#nav_btn_5:hover { background-position: -205px 0; }															
	#hea_promo { width: 715px; height: 440px; float: right; }
		#hea_promo_index { width: 715px; height: 440px; float: right; background-image: url(/imports/images/header/index.jpg); background-repeat: no-repeat; }
		#hea_promo_menuvins { width: 715px; height: 440px; float: right; background-image: url(/imports/images/header/menu_vins.jpg); background-repeat: no-repeat; }
		#hea_promo_concept { width: 715px; height: 440px; float: right; background-image: url(/imports/images/header/concept.jpg); background-repeat: no-repeat; }
		#hea_promo_evenements { width: 715px; height: 440px; float: right; background-image: url(/imports/images/header/evenements.jpg); background-repeat: no-repeat; }
		#hea_promo_photos { width: 655px; height: 320px; padding: 80px 40px 40px 0px; float: right; background-image: url(/imports/images/header/photos.jpg); background-repeat: no-repeat; }
		#hea_promo_nousjoindre { width: 655px; height: 320px; padding: 80px 20px 40px 40px; float: right; background-image: url(/imports/images/header/nous_joindre.jpg); background-repeat: no-repeat; }
#bande { background-image: url(/imports/images/bg_bande.jpg); background-repeat: repeat-x; width: 100%; height: 180px; }
	#bande_container { width: 980px; height: 180px; font-size: 11px; line-height: 14px; margin: 0 auto; text-align: left; color: #fff; background-image: url(/imports/images/bg_bande_centre.jpg); background-repeat: no-repeat; }
		#bande_ib_1 { width: 245px; height: 180px; float: left; }
		#bande_ib_2 { width: 205px; height: 140px; float: left; padding: 20px; }
		#bande_ib_3 { width: 205px; height: 140px; float: left; padding: 20px; }
		#bande_ib_4 { width: 205px; height: 140px; float: left; padding: 20px; }
			#bande_ib_4_index {	width: 245px; height: 180px; float: left; padding: 0px; background-image: url(/imports/images/ib_4_index.jpg); background-repeat: no-repeat; }
		#bande_ib_3coldroite { width:695px; height: 140px; text-align:justify; float:left; padding: 20px; font-size:12px; line-height:16px; }
		#bande_ib_coldoublecentre { width: 450px; height: 140px; float: left; padding: 20px; }
		
#contenus { width: 980px; text-align: left; margin: 0 auto; clear: both; }
	#con_full { }
	#con_col_1 { width: 205px; float: left; margin: 0px 0px 20px 0px; padding: 20px; }
	#con_col_2 { width: 695px; float: right; margin: 0px 0px 20px 0px; padding: 20px; }
	
#menu ul { margin: 0px; padding: 0px; list-style:none; }
#menu ul li { padding: 20px; font-size: 16px; }
	
#footer { width: 100%; background-image: url(/imports/images/bg_footer.jpg); background-repeat: repeat-x; background-position: top; }
	#foo_container { width: 980px; text-align: left; margin: 0 auto; }
	#foo_adresse { float: left; width: 440px; text-transform: uppercase; margin: 20px; }
	#foo_unid { float:right; width: 76px; margin: 20px; }

/* Textes ***************************** */

h1 { margin: 20px 0px; font-size:24px; font-weight:normal; }
h2 { font-size:15px; line-height:21px; font-weight: bold; letter-spacing:0px; margin: 0px 0px 10px 0px;}
h3 { font-size:14px; line-height:18px; font-weight: normal; letter-spacing:1px; margin: 0px 0px 10px 0px;}
h4 {}

/* Liens ****************************** */

#contenus a:link, #contenus a:visited, #contenus a:active { text-decoration: none; color: #000; }
#contenus a:hover { color: #fff; background-color: #B51616; }

#bande_container a:link, #bande_container a:visited, #bande_container a:active { text-decoration: none; color: #000; }
#bande_container a:hover { color: #fff; background-color: #B51616; }

/* Listes ***************************** */

ol { margin: 0px; padding: 0px 0px 0px 35px; }
ol li { margin-bottom: 5px; font-size: 14px; }

#con_col_2 ul { margin: 0px; padding: 0px; font-size:14px; list-style: none; }
#con_col_2 li { padding: 10px; border-bottom: solid 1px #e0e0e0; font-size: 14px; line-height: 18px; }

#viandes li { float: left; width:280px; margin-right: 40px; padding: 10px; border-bottom: solid 1px #e0e0e0; font-size: 14px; line-height: 18px; }

/* Autres ***************************** */

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.hide { display:none; }
.noir { color: #000; }