/*-----------------------------------
 * Arthur BONNET
 * réalisé par SQLI
 * Création : 06.11.2007
 ------------------------------------*/

/*--------------------
   Variables globales
 ---------------------*/
 
body {
  	margin: 0; padding: 0;
  	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;
	background: #1B383E ! important;
	behavior: url('/squelettes/styles/csshover2.htc'); /* Fichier importe pour permettre à Internet Explorer de comprendre la pseudo-classe :hover */
}
	div#bloc div.flash {
			z-index: 1;
	}
	div#overlaypromo {
			z-index: 99;
			position: absolute; top: 0px; left: 0px;
			width: 100%; height: 100%;
			background: #ffffff url('../images/promo-mars/fond-promomars.gif') repeat-x top left;
	}
	div#flashpromo {
			z-index: 999;
			position: absolute; top: 0px; left: 0px;
			filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;
	}
* {
	margin: 0; padding: 0;
}
div {
	_height: 1%;
}
br.clear {
	clear: both;
	margin: 0; padding: 0;
	font-size: 1px;
}

/*----------------
Langue
----------------*/
  div#lang-link {
    position: absolute; top: 5px; right: 2px;
    margin: 0; padding: 7px 0px 0px 0px;
    width: 150px;
    text-align: right;
  }
  div#lang-link ul {
    margin: 0; padding: 0;
    list-style: none;
  }
  div#lang-link li {
    display: inline;
    margin: 0; padding: 0px 5px 0px 5px;
    border-left: solid 1px black;
    border-color: #ffffff;
  }
  div#lang-link li.first {
    border-left: none;
  }
  div#lang-link li.current {
    font-weight:bold;   
  }
  div#lang-link li a, 
  div#lang-link li a:link, 
  div#lang-link li a:visited{
    color: #ffffff;
    text-decoration:none;
  }
  
  div#lang-link li a:hover{
    color: #8ED51D;
    text-decoration:none;
  }


/*--------------------
   PAGE
 ---------------------*/
 div#page {
 	position: relative;
 	margin: 20px auto 0px auto; padding: 0;
 	width: 970px;
 }
  
/*--------------------
   LOGO
 ---------------------*/
 h1#logo {
 	float: left;
 	margin: 0; padding: 0;
 	background: url('../images/logo-arthur-bonnet.gif') no-repeat top left;
 }
 	h1#logo a,
 	h1#logo a:link,
 	h1#logo a:visited {
 		display: block;
 		overflow: hidden;
 		margin: 0; padding: 0;
 		width: 455px; height: 65px;
 		text-decoration: none; text-indent: -100em;
 	}
 	
/*--------------------
   NAVIGATION
 ---------------------*/
 div#navigation {
 float: right;
 	margin: 46px 0px 0px 0px; padding: 0px 0px 0px 0px;
 	width: 450px;
 }
 div#navigation ul {
 	float: right;
 	margin: 0; padding: 0;
 	display: inline;
 }
 	div#navigation li {
	 	margin: 0; padding: 0;
	 	display: inline;
	}
	div#navigation li a,
	div#navigation li a:link,
	div#navigation li a:visited {
		float: right;
	 	margin: 0px 0px 0px 5px; padding: 0;
	 	height: 1.7em;
	 	line-height: 1.7em;
	 	font-size: 1.1em;
	 	color: #ffffff;
	 	text-align: center; text-decoration: none;
	 }
	 div#navigation li.main a {
	 	width: 115px;
	 	background: url('../images/onglet-main.gif') no-repeat top left;
	 	text-transform: uppercase;
	 }
	 	div#navigation li.main a:hover {
	 		color: #1B383E;
	 		background: url('../images/onglet-main-1.gif') no-repeat top left;
	 	}
	 div#navigation li.secondary a {
	 	width: 89px;
	 	background: url('../images/onglet-secondary.gif') no-repeat top left;
	 	text-transform: uppercase;
	 }
	 	div#navigation li.secondary a:hover {
	 		color: #1B383E;
	 		background: url('../images/onglet-secondary-1.gif') no-repeat top left;
	 	}
	 div#navigation li.lang a {
	 	margin: 0px 2px 0px 3px;
	 	width: 20px;
	 }
	 div#navigation li.lang a img {
	 	margin-top: 2px;
	 	border: none;
	 }
	 div#navigation li a:hover {
	 	color: #D75615;
	 }
	 
/*--------------------
   NAVIGATION SECONDAIRE
 ---------------------*/
 div#navigation-secondaire {
 	margin: 0; padding: 0;
 }
 div#navigation-secondaire ul {
 	margin: 0; padding: 0;
 	display: inline;
 }
 	div#navigation-secondaire ul.gauche {
 		float: left;
 	}
 	div#navigation-secondaire ul.droite {
 		float: right;
 	}
 	div#navigation-secondaire li {
	 	margin: 0; padding: 0;
	 	display: inline;
	 	font-weight: normal;
	 	color: #ffffff;
	}
		div#navigation-secondaire ul.gauche li {
			font-size: 0.9em;
		}
		div#navigation-secondaire ul.droite li {
			font-size: 1em;
		}
	div#navigation-secondaire li.maj {
		text-transform: uppercase;
	}
	div#navigation-secondaire li a,
	div#navigation-secondaire li a:link,
	div#navigation-secondaire li a:visited {
	 	margin: 0; padding: 0;
	 	line-height: 1.8em;
	 	color: #ffffff;
	 	text-align: center; text-decoration: none;
	 }
	 div#navigation-secondaire li a:hover {
	 	color: #B9D500;
	 }
	 
/*--------------------
   BLOC
 ---------------------*/
 div#bloc {
 	clear: both;
 	margin: 0; padding: 0px 0px 8px 0px;
 	background: #ffffff;
 }
 div#page div.var-bloc {
 	padding-bottom: 0px;
 }
 
 div#bloc div.flash {
 	margin: 0px 0px 5px 0px; padding: 0;
 }
 
 div#bloc div.menus-rubriques {
 	margin: 5px 25px 0px 25px; padding: 0;
 	height: 73px;
 	background: url('../images/fond-gris.gif') repeat-x bottom left;
 }
 div#bloc div.var {
 	margin: 0px 0px 0px 0px; padding: 0;
 	height: 27px;
	background: #D6D0CE;
 }

 div#bloc div.var-ambiance {
 	margin: 0px 0px 0px 0px; padding: 0;
    height: 27px;
    background: #D6D0CE;
 }
 	div#bloc div.inspiration {
 		float: left;
		width: 295px;
 	}
 		div#bloc div.inspiration a,
 		div#bloc div.inspiration a:link,
 		div#bloc div.inspiration a:visited {
 			display: block;
 			overflow: hidden;
 			width: 335px; height: 27px;
 			text-indent: -100em;
 		}
	
	div#bloc div.ambiance {
 		float: left;
		width: 295px;
 	}
 		div#bloc div.ambiance a,
 		div#bloc div.ambiance a:link,
 		div#bloc div.ambiance a:visited {
 			display: block;
 			overflow: hidden;
 			width: 335px; height: 27px;
 			text-indent: -100em;
 		}
	
 	div#bloc div.menus-rubriques div.promo {
 		float: left;
 		margin: 0; padding: 0;
 		width: 295px;
 		text-align: right;
 	}
 		div#bloc div.menus-rubriques div.promo img {
 			border: none;
 			border-left: 5px solid #FFFFFF; border-right: 5px solid #FFFFFF;
 		}
 		
 	div#bloc div.menus-rubriques div.rubriques {
 		float: right;
 		position: relative;
 		margin: 0; padding: 0;
 		_margin-top: 2px;
 		width: 620px;
 		text-align: right;
 	}
 		div#bloc div.menus-rubriques div.rubriques div.subrub {
 			margin: 0; padding: 0;
 			height: 3.6em;
 		}
 		div#bloc div.menus-rubriques div.rubriques div#subrub-1 {
 			position: absolute; top: 5px; right: 0px;
 		}
 		div#bloc div.menus-rubriques div.rubriques div#subrub-2 {
 			position: absolute; top: 5px; right: 0px;
 		}
 		div#bloc div.menus-rubriques div.rubriques div#subrub-3 {
 			position: absolute; top: 5px; right: 0px;
 		}
 		div#bloc div.menus-rubriques div.rubriques div#subrub-4 {
 			position: absolute; top: 5px; right: 0px;
 		}
 		
 		div#bloc div.menus-rubriques ul#rub {
 			float: right;
 			margin: 36px 0px 0px 0px; padding: 0;
 			height: 2.2em;
 			line-height: 2.2em;
 			background: #F0EEEE;
 		}
 		div#bloc div.var ul#rub {
 			margin-top: 0px ! important;
 		}
 		div#bloc div.var-ambiance ul#rub {
 			margin-top: 0px ! important;
 		}
 		
 			div#bloc div.var ul#rub, div#bloc div.var-ambiance ul#rub {
 				height: 2.7em;
 				line-height: 2.7em;
 			}
 		
 		div#bloc div.menus-rubriques ul#rub li {
 			display: inline;
 			margin: 0; padding: 0;
 		}
 		div#bloc div.menus-rubriques ul#rub li a,
 		div#bloc div.menus-rubriques ul#rub li a:link,
 		div#bloc div.menus-rubriques ul#rub li a:visited {
 			float: left;
 			display: block;
 			overflow: hidden;
 			margin: 0px 0px 0px 9px; padding: 0px 30px 0px 15px;
 			line-height: 2.2em;
 			font-size: 1em;
 			color: #1B383E;
 			background: #E6E3E2;
 			text-decoration: none;
 		}
 			div#bloc div.var ul#rub li a, div#bloc div.var-ambiance ul#rub li a,
 			div#bloc div.var ul#rub li a:link, div#bloc div.var-ambiance ul#rub li a:link,
 			div#bloc div.var ul#rub li a:visited, div#bloc div.var-ambiance ul#rub li a:visited {
 				line-height: 2.7em;
 				background: #D6D0CE;
 			}
 		div#bloc div.menus-rubriques ul#rub li a:hover {
 			color: #ffffff;
 			background: #BAB7B4;
 		}
 		div#bloc div.menus-rubriques ul#rub li:hover ul {
 			display: block;
 		}
 		div#bloc div.menus-rubriques div.rubriques ul ul {
 			display: none;
 			margin: 0; padding: 0;
 			height: 3.9em;
 		}
	 		div#bloc div.menus-rubriques ul.subrub li {
	 			display: inline;
	 			height: 1%;
 				margin: 0px 0px 0px 0px ! important; padding: 0;
	 		}
	 		div#bloc div.menus-rubriques div.rubriques ul.subrub li a,
	 		div#bloc div.menus-rubriques div.rubriques ul.subrub li a:link,
	 		div#bloc div.menus-rubriques div.rubriques ul.subrub li a:visited {
	 			margin: 0px 0px 0px 12px ! important; padding: 0 ! important;
	 			line-height: 2.5em ! important;
	 			color: #95918E ! important;
	 			background: none ! important;
	 			text-decoration: none ! important;
	 		}
	 		div#bloc div.menus-rubriques div.rubriques ul.subrub li a:hover {
	 			color: #B9D500 ! important;
	 		}