/* Layout CSS for La Raffinerie from the Studio Rose Flash*/

	/* General Layout
	-------------------------------------------------------------- */
	body {
		background-color: #fff;
		margin: 0px;
		align: center;
		padding: 0px;
		}
	#container {
		margin: 0 auto;
		height: auto;
		display: block;
		background-color:#fff;
		width: 1016px;
		}
	#logo{
		background: url(/images/logo.jpg);
		background-repeat: no-repeat;
		width: 515px;
		height: 340px;
		position:relative;
		margin: 0px;
		padding: 0px;
		float:left;
	}
	#photoHeader{
		background: url(/images/img-hautdroite.jpg);
		background-repeat: no-repeat;
		width: 498px;
		height: 340px;
		float:right;
		margin: 0px;
		padding: 0px;
	}
	#contentDiv{
		background-color: #fff;
		display: block;
		margin: 0px;
		padding-top: 20px;
	}			
	#droite{
		background-color: #fff;
		width: 500px;
		height: auto;
		margin-left: 515px;
		padding: 0px;		
	}	
		
	.footer{
		background-color: #fff;
		width: 550px;
		height: auto;
		position:relative;
		top: 25px;
		margin: 10px;
		padding: 0px;		
	}
	/* Div Snippets
	-------------------------------------------------------------- */
	#info{
		width: auto;
		height: auto;
		position:relative;
		float: left;
		margin: 0px;
		padding: 0;		
	}
	#nouvelles{
		background: url(/images/nouvelles.jpg);
		background-repeat: no-repeat;
		width: 375px;
		height: auto;
		float: left;
		min-height: 310px;
		position:absolute;
		margin: 0px;
		padding-left: 120px;		
	}
	#news{
		background: url(/images/news.jpg);
		background-repeat: no-repeat;
		width: 375px;
		height: auto;
		min-height: 310px;
		position:absolute;
		margin: 0px;
		padding-left: 120px;		
	}
	#pointDeVente{
		height: auto;
		padding: 0px;		
	}
	#presses{
		height: auto;
		padding: 0px;		
	}
	#retailerBox {
	  	background-image: url(/images/damask.jpg);
	  	background-repeat: repeat;
		margin-bottom: 10px;
		height: auto;
		width: 500px;
		padding: 0px;
		display: block;
		position:relative;		
	}
	#pressBox {
	  	background-image: url(/images/damask.jpg);
	  	background-repeat: repeat;
		margin-bottom: 10px;
		height: auto;
		width: 500px;
		padding: 0px;
		display: block;
		position:relative;		
	}
	/* language boutons rollover
	-------------------------------------------------------------- */

	.lanLink {
		background: #fff;
		font-family: Trebuchet, Arial, Helvetica, sans-serif;
		vertical-align: bottom;
		font-size: x-small;
		text-decoration: none;
		width: auto;
		overflow: hidden;
		margin: 145px 0 0 198px;
		padding: 0px;
		height: 22px;
		float:left;
		position:absolute;
		display: block;
		}
		
		.lanLink ul {
			background: #fff;
			list-style-type: none;
			position: relative;
			overflow: hidden;
			margin: 0px;
			border: 0px;
			border-color: #000;
			}

		.lanLink li, .lanLink li a {
			background: #fff;
			float: left;
			overflow: hidden;
			margin:0;
			background: #fff;
			background-repeat:no-repeat;
			display:block;
			}
		.lanLink li a {
			background: #fff;
			height: 22px ;
			overflow: hidden;
			padding-top: 22px;
			}
		.lanLink li a:hover {
			background: #fff;
			background-position:0px -22px;
		}
		
		.lanLink li.english, .lanLink li.english a {
		background-image: url(/images/english.gif);
		width: 76px;
		}
		
		.lanLink li.francais, .lanLink li.francais a {
		background-image: url(/images/francais.gif);
		width: 81px;
		}
		body.english, .lanLink li.english a:active, body.francais, .lanLink li.francais a:active{
		background-position: 0px -22px;
		}		

	/* boutons rollover
	-------------------------------------------------------------- */

	#boutons{
		background: #fff;
		font-family: Trebuchet, Arial, Helvetica, sans-serif;
		vertical-align: bottom;
		font-size: x-small;
		width: 498px;
		height: 45px;
		overflow: hidden;
		float:left;
		position:relative;
		display: block;
		margin-top: 295px;
		padding: 0px;
	} 
	#menuLink {
		background: #fff;
		font-family: Trebuchet, Arial, Helvetica, sans-serif;
		vertical-align: bottom;
		font-size: x-small;
		text-decoration: none;
		width: auto;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
		}
	#menuLink ul {
		background: #fff;
		list-style-type: none;
		position: relative;
		overflow: hidden;
		margin: 0px;
		border: 0px;
		}

	#menuLink li, #menuLink li a {
		background: #fff;
		float: left;
		overflow: hidden;
		margin:0;
		background: #fff;
		background-repeat:no-repeat;
		display:block;
		}
	#menuLink li a {
		background: #fff;
		height: 45px ;
		overflow: hidden;
		padding-top: 45px;
		}
	#menuLink li a:hover {
		background: #fff;
		background-position:0px -45px;
		}
	#menuLink li.facebook, #menuLink li.facebook a {
		background-image: url(/images/facebook.gif);
		width: 106px;
		}
	#menuLink li.twitter, #menuLink li.twitter a {
		background-image: url(/images/twitter.gif);
		width: 107px;
		}
	#menuLink li.blog, #menuLink li.blog a {
		background-image: url(/images/blog.gif);
		width: 127px;
		}
	#menuLink li.boutiquefr, #menuLink li.boutiquefr a {
			background-image: url(/images/boutiquefr.gif);
			width: 158px;
		}

	#menuLink li.boutiqueen, #menuLink li.boutiqueen a {
		background-image: url(/images/boutiqueen.gif);
		width: 158px;
		}
	body.facebook, #menuLink li.facebook a:active, body.twitter, #menuLink li.twitter a:active, body.blog, #menuLink li.blog a:active, body.boutiquefr, #menuLink li.boutiquefr a:active, body.boutiqueen, #menuLink li.boutiqueen a:active {
		background-position: 0px -45px;
		}		
	
	/* Misc classes and elements
	-------------------------------------------------------------- */
		hr {
			background: #287186; 
	  		clear: both; 
	  		float: none; 
	  		width: 100%; 
	  		height: 0.1em;
	  		margin: 0 0 1.45em;
	  		border: none; 
			}
		hr.space {
	  		background: #fff;
	  		color: #f1ece9;
			}
		.clear {
	  		content: "."; 
	  		display: block; 
	  		height: 0; 
	  		clear: both; 
	  		visibility: hidden;
			}
	  	.roundBox {
	  		background: url(/images/damask.jpg);
	  		background-repeat: repeat;
		  	width: 500px;
		  	height: auto;
		  	position:absolute;
			margin-bottom: 10px;
			padding: 0px;
	  		}
	  	.pointDeVente, .presses {
	  		background: transparent no-repeat;
	  		vertical-align: bottom;
		  	width: 500px;
		  	height: 20px;
			margin: 0px;
			padding-left: 10px;
	  		}
	  	.column1 {
	  		background: transparent;
	  		background-repeat: no-repeat;
		  	width: 160px;
		  	height: auto;
		  	position: relative;
	  		float: left; 
			margin-left: 180px;
			padding: 0px;
	  		}
	
		#presses .column1{
			  	width: 175px;
				padding: 0px;
			}
			
	  	.column2 {
	  		background: transparent;
	  		background-repeat: no-repeat;
		  	width: 140px;
		  	height: auto;
		  	position:relative;
	  		float: right; 
			margin-left: 20px;
			padding: 0px;
	  		}

	/* Text & Image CSS */

		img {
			border-style: none;
			border-width: 0px;
			padding: 0px;
			margin: 0px;
			}
		.infoText, .titreNouvelles {
			font-family: Trebuchet, Verdana, Helvetica, sans-serif;
			font-size: 11pt;
			font-variant: small-caps;
			line-height: 150%;
			color: #287186;
			text-align: left;
			}
		.infoText{
			padding: 0px 0px 0px 10px;		
			}
		.titreretailers {
			font-family: Trebuchet, Verdana, Helvetica, sans-serif;
			font-size: 11pt;
			font-variant: small-caps;
			padding: 0;
			margin: 0 0 5px 0;		
			line-height: 150%;
			color: #fff;
			text-align: left;
			}
		.textNouvelles, .textretailers, .textPresses {
			font-family: Trebuchet, Verdana, Helvetica, sans-serif;
			font-size: 9pt;
			padding: 0;		
			color: #000;
			text-align: left;
			}
		
		.p {
			text-align: left;
			padding: 0; 
			margin: 0 0 5px 0;
			}
		.newsTitle {
			font-family: Trebuchet, Verdana, Helvetica, sans-serif;
			font-size: 12pt;
			color: #4a4848;
			line-height: 160%;
			margin-top: 15px;
			}

		.copyrights {
			font-family: Trebuchet, Verdana, Helvetica, sans-serif;
			font-variant: small-caps;
	  		background: #fff;
			font-size: 8pt;
			color: #287186;
			text-align: right;
			padding: 0;
			}
		a:link  {
	    	color: #7d2f6f;
	    	text-decoration: none;
			}
		a:visited  {
	    	color: #7d2f6f;
	    	text-decoration: none;
			}
		a:hover  {
	    	color: #215f61;
	    	text-decoration: none;
			}
		a:active  {
	    	color: #7d2f6f;
	    	text-decoration: none;
			}