/*-----------------------------------
 * Arthur BONNET
 * réalisé par SQLI
 * Création : 04.09.09
 ------------------------------------*/
/*------------------------------------
 *	25.05.2010
 *	Modification ahalfaoui 
 *	création de .navigation_lang
 *	Suppression du menu en bottom
---------------------------------------*/
/*--------------------
   Variables globales
 ---------------------*/
 
body {
  margin: 0; padding: 0;
  height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	background: #1B393F ! important;
	behavior: url('./styles/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
}
* {
	margin: 0; padding: 0;
}
div {
	_height: 1%;
}
br.clear,
span.clear {
	clear: both;
	margin: 0; padding: 0;
	font-size: 1px;
}

/*--------------------
   Structure
 ---------------------*/
div#page {
 	margin: 20px auto 0px auto; padding: 0;
 	width: 1000px;
}
div#header {
	clear: both;
	color: #ffffff;
}
div#central {
	clear: both;
	background: #ffffff;
}
		div#central div.top {
				height: 17px;
				background: #ffffff url('../images/v2/corner-left.gif') no-repeat top left;
		}
		div#central div.bottom {
				clear: both;
				height: 17px;
				background: #ffffff url('../images/v2/corner-right.gif') no-repeat top right;
		}
		div#central div.left-column {
			float: left;
			padding-left: 15px;
			padding-right: 10px;
			width: 647px;
		}
		div#central div.right-column {
			float: right;
			padding-right: 13px;
		}
		
div#footer {
	clear: both;
	margin: 2px 0px 0px 0px;
	color: #ffffff;
}

/*--------------------
   Entête
 ---------------------*/
		div#page div#header h1 {
				float: left;
				margin: 0; padding: 0;
				width: 250px; height: 90px;
				background: url('../images/v2/logo-ab.gif') no-repeat top left;
		}
		div#page div#header h1 a,
		div#page div#header h1 a:link,
		div#page div#header h1 a:visited {
				display: block; overflow: hidden;
				width: 270px; height: 90px;
				text-indent: -100em;
		}
		div#header .top_navigation {
			height: 47px;
			overflow: hidden;
			width: 650px;
			float:right;
		}
			div#header .top_navigation  .parent{
				height: 21px;
				float:	right;
				margin-bottom:	2px;
				list-style-type: none;
				border-right: solid 8px #abc22c;
			}
				div#header .top_navigation  .parent  .main{
					float:left;
					padding: 0 15px;
					line-height: 21px;
					background: url(../images/v2/top_navigation_separator.jpg) no-repeat 0px 7px;
				}
				div#header .top_navigation  .parent  .main .first{
					background: none;
				}
					div#header .top_navigation  .parent  .main   a{
						color: #c2d2d2;
						text-decoration: none;
						font-size: 11px;
					}
					div#header .top_navigation  .parent  .main   .sous_rub{
						display: none;
					}
			div#header .top_navigation  .enfant{
				list-style-type: none;
				clear:both;
				margin-right: 8px;
			}
			div#header .top_navigation  .enfant li{

				float:	right;
			}
			div#header .top_navigation  .enfant  div  ul{
				padding: 0 10px;
				background-color: #2f4a51;
				overflow: hidden;
				clear:right;
				float:	right;
				height: 20px;
				display:none;
				list-style-type: none;
			}
				div#header .top_navigation  .enfant  div  ul  li{
					float:	left;
					line-height:20px;
					padding: 0 5px;
					
				}
					div#header .top_navigation  .enfant  div  ul  li  a{
						color:	#c3d2d7;
						text-decoration: none;
					}
					div#header .top_navigation  .enfant  div  ul  li  a:hover{
						color:	#b9d500;
					}
		
		div#header div.navigation_lang {
				float: right;
				margin: 10px 12px 0px 0px;
		}
		
		div#header ul.navigation{
				list-style-type:none;
				margin:0;padding:0;
				float:left;
		}
		div#header ul.navigation li {
				float: left;
		}
		div#header ul.navigation li a,
		div#header ul.navigation li a:link,
		div#header ul.navigation li a:visited {
				display: block; float: left; overflow: hidden;
				margin: 0px 10px 0 0;
				_margin: 2px;
				height: 23px;
				color: #ffffff;
				border: 1px solid #76888B;
				text-decoration: none; text-indent: -100em;
		}
		div#header ul.navigation li a:hover {
				color: #B9D500;
				border: 1px solid #AAC22F;
		}
				div#header ul.navigation li.cuisines a, div#header ul.navigation li.cuisines a:link, div#header ul.navigation li.cuisines a:visited {
						width: 82px; background: url('../images/v2/onglet-cuisines-en.gif') no-repeat bottom left;
				} div#header ul.navigation li.cuisines a:hover { background: url('../images/v2/onglet-cuisines-en.gif') no-repeat top left; }
				
				div#header ul.navigation li.magasins a, div#header ul.navigation li.magasins a:link, div#header ul.navigation li.magasins a:visited {
						width: 98px; background: url('../images/v2/onglet-magasins-en.gif') no-repeat bottom left;
				} div#header ul.navigation li.magasins a:hover { background: url('../images/v2/onglet-magasins-en.gif') no-repeat top left; }
				
				div#header ul.navigation li.catalogues a, div#header ul.navigation li.catalogues a:link, div#header ul.navigation li.catalogues a:visited {
						width: 102px; background: url('../images/v2/onglet-catalogues-en.gif') no-repeat bottom left;
				} div#header ul.navigation li.catalogues a:hover { background: url('../images/v2/onglet-catalogues-en.gif') no-repeat top left; }
				
				div#header ul.navigation li.dessinez a, div#header ul.navigation li.dessinez a:link, div#header ul.navigation li.dessinez a:visited {
						width: 179px; background: url('../images/v2/onglet-dessinez-en.gif') no-repeat bottom left;
				}
				div#header ul.navigation li.dessinez a:hover {
						background: url('../images/v2/onglet-dessinez-en.gif') no-repeat top left;
				}
				div#header ul.navigation li.promotion a, div#header ul.navigation li.promotion a:link, div#header ul.navigation li.promotion a:visited {
						width: 98px; background: url('../images/v2/onglet-promotion-en.gif') no-repeat bottom left;
				} div#header ul.navigation li.promotion a:hover { background: url('../images/v2/onglet-promotion-en.gif') no-repeat top left; }
		
	div#header ul.lang {
		margin:0; padding:0;
		margin-top:		6px;
		float:left;
	}			
		
		div#header ul.lang li {
				float:left;
				display:inline; 
		}
				div#header ul.lang li.fr {
					border-right: 1px solid #D1D7D8;
				}
				div#header ul.lang li a,
				div#header ul.lang li a:link,
				div#header ul.lang li a:visited {
					padding: 0 5px;
					color: #D1D7D8;
				}
				div#header ul.lang li a:hover {
					color: #B9D500;
				}
				
/*--------------------
   Slideshow
 ---------------------*/
 		div#slideshow {
 				margin: 0; padding: 0;
 				overflow: hidden;
 		}
 		div#slideshow div#window {
 				position: relative;
 				overflow: hidden;
 				width: 647px; height: 404px;
 				background: #102125;
 		}
 				div#slideshow div#window div#window-slide {
 					position: absolute; top:0px; left: 0px;
 					width: 1000em;
 				}
 				div#slideshow div#window div#window-slide div { float: left; }
 				div#slideshow div#window img {
 						border: none;
 				}
		
		div#slideshow div#switch {
				position: relative;
 				width: 647px; height: 62px;
 				background: #102125 url('../images/v2/slideshow.gif') no-repeat top left;
 		}
 				div#slideshow div#switch ul.navigation {
 						z-index: 2;
 						position: absolute; top: 10px; right: 10px;
 				}
 				div#slideshow div#switch ul.navigation li {
 						display: inline;
 						font-size: 1.2em; font-weight: bold;
 						color: #ffffff;
 				}
 						div#slideshow div#switch ul.navigation li a,
 						div#slideshow div#switch ul.navigation li a:link,
 						div#slideshow div#switch ul.navigation li a:visited {
 								display: block; float: left;
 								margin-right: 3px;
 								width: 23px; height: 23px; line-height: 23px;
 								color: #ffffff;
 								background: url('../images/v2/slideshow-onglet.gif') no-repeat bottom left;
 								text-decoration: none; text-align: center;
 						}
 						div#slideshow div#switch ul.navigation li a.current,
 						div#slideshow div#switch ul.navigation li a.current:link,
 						div#slideshow div#switch ul.navigation li a.current:visited,
 						div#slideshow div#switch ul.navigation li a:hover {
 								background: url('../images/v2/slideshow-onglet.gif') no-repeat top left;
 						}
 						
 				div#slideshow div#switch div#slides {
 						position: absolute; top: 12px; left: 10px;
 						overflow: hidden;
 						width: 647px; height: 404px;
 						font-size: 1.2em;
 						color: #ffffff;
 				}
 				div#slideshow div#switch div#slides h3 {
 					margin: 0; padding: 0;
 					font-size: 1.2em;
 				}
 				div#slideshow div#switch div#slides p {
 					margin: 0; padding: 0;
 					font-size: 1.2em;
 				}
 				div#slideshow div#switch div#slides a,
 				div#slideshow div#switch div#slides a:link,
 				div#slideshow div#switch div#slides a:visited {
 					color: #ffffff;
 					text-decoration: none;
 				}
 				div#slideshow div#switch div#slides a:hover {
						color: #B9D500;
 				}
		
		
/*--------------------
   Banniere
 ---------------------*/
div#panel {
	margin: 0px 0px 7px 0px;
}

div#panel img {
	border: none;
	display:block;
	width:315px;
	/*height:38px;*/
}
 		
/*--------------------
   Toutes les cuisines
 ---------------------*/
 		div#toutes-cuisines {
 			margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px;
 			width: 291px;
 			border-bottom: 1px solid #C4C4C4;
 		}
 		div#toutes-cuisines h2 {
 			display: block; overflow: hidden;
 			margin: 0px 0px 5px 0px; padding: 0;
 			height: 24px;
 			background: url('../images/v2/titre-cuisines-fr.gif') no-repeat top left;
 			text-indent: -100em;
 		}
 		div#toutes-cuisines ul {
 			margin: 0; padding: 0;
 		}
 				div#toutes-cuisines ul li {
		 				margin: 0px 0px 5px 0px;
		 				list-style: none;
		 		}
		 		div#toutes-cuisines ul li a,
		 		div#toutes-cuisines ul li a:link,
		 		div#toutes-cuisines ul li a:visited {
		 				display: block; overflow: hidden;
		 				width: 291px; height: 28px;
		 				text-decoration: none; text-indent: -100em;
		 		}
		 		div#toutes-cuisines ul li.ambiances a,
		 		div#toutes-cuisines ul li.ambiances a:link,
		 		div#toutes-cuisines ul li.ambiances a:visited {
		 				background: url('../images/v2/titre-ambiances-contemporaines.gif') no-repeat top left;
		 		}
		 		div#toutes-cuisines ul li.ambiances a:hover {
		 				background: url('../images/v2/titre-ambiances-contemporaines-roll.gif') no-repeat top left;
		 		}
		 		div#toutes-cuisines ul li.inspirations a,
		 		div#toutes-cuisines ul li.inspirations a:link,
		 		div#toutes-cuisines ul li.inspirations a:visited {
		 				background: url('../images/v2/titre-inspirations-classiques.gif') no-repeat top left;
		 		}
		 		div#toutes-cuisines ul li.inspirations a:hover {
		 				background: url('../images/v2/titre-inspirations-classiques-roll.gif') no-repeat top left;
		 		}
/*--------------------
   Pied de page
 ---------------------*/
				div#footer{
				background:	url(../images/v2/footer_back.jpg) repeat-x;
				padding: 0 20px;
				height:100px;
		}
		
		div#footer div.corner {
			background:	url(../images/v2/footer_back_corner.jpg);
			width:19px; 
			height:24px;
			float:right;
			position:relative;
			left:20px;
		}
		div#footer p.copyright {
				
				padding: 12px 0px 0px 0px; margin: 0;
				color: #accdd6;
				
		}
				div#footer p.copyright a,
				div#footer p.copyright a:link,
				div#footer p.copyright a:visited {
						color: #accdd6;
						text-decoration: none;
				}
				div#footer p.copyright a:hover {
						color: #B9D500;
				}
		div#footer div.listes_motscles {
			border-top: 1px solid #6b8c93;
			margin-top:	15px;
			padding-top:	10px;
			color: #6e8b91;
			
		}
		div#footer div.listes_motscles  div.first{
			width:	165px;
			margin-left:0px;
			float:	left;
		}
		div#footer div.listes_motscles  div {
			width:	165px;
			margin-left:30px;
			padding-bottom: 15px;
			float:	left;
		}
		div#footer div.listes_motscles  div  h4{
			font-weight:bold;
			font-size:11px;
			color:	#aeccd4;
			padding: 0 0 5px 14px;
			background:	url(../images/v2/fleche.gif) no-repeat 1px 2px;
		}
		div#footer div.listes_motscles  div  p{
			margin-top:	10px;
		}
		div#footer div.listes_motscles  div  p  a,
		
		div#footer div.listes_motscles  div  p  a,
		div#footer div.listes_motscles  div  p  a:link,
		div#footer div.listes_motscles  div  p  a:visited
		{
			color : #6e8b91;
			font-weight : bold;
			text-decoration : none;
		}
		div#footer div.listes_motscles  div  p  a:hover{
			color: #B9D500;
		}
		
		div#footer div.motscles {
				clear: both;
				margin: 0px; padding: 10px 0px 0px 0px;
				color: #6e8b91;
				border-top: 1px solid #6b8c93;
		}
				div#footer div.motscles a,
				div#footer div.motscles a:link,
				div#footer div.motscles a:visited {
						color: #6e8b91;
						text-decoration: none;
				}
				div#footer div.motscles a:hover {
						color: #B9D500;
				}