@charset "UTF-8";
/* CSS Document

New Gray pages

Site: varia.fr
Author: studio@lmvgraphics.com
Version:  2007.10
*/

/***********************************************/
/* page styles                                 */
/***********************************************/

body, html {
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#444444;

	font-family: verdana;
	font-size:78%;   
	
	color:#FFF;
	}
	

/* ===================== general type styles ================== */
	
	
	a:link	{
		color: #ff6600;
		text-decoration: none;
		background-color: transparent;
		} 

	a:visited	{
		color: #fff;
		text-decoration: none;
		background-color: transparent;
		} 

	a:hover		{ 
		color: #fff; 
		text-decoration: none;
		background-color: #ff6600; 
		} 

	a:active	{ 
		color:#fff; 
		text-decoration: none;
		background-color: transparent;
		} 

	
		

		
	h1	{
		font-size: 1.6em;
		font-family: Georgia, "Times New Roman", Times, serif;
		line-height: 1.4em;
		font-weight: bold;
		color: #ff6600;
		padding: 0 0 10px 0;
		margin: 0;
		}

	h2	{
		font-size: 2em;
		font-family: "Lucida Grande" sans-serif;
		padding-bottom: 10px;
		color:#fff;
		}	
		
	h2.page_heading{
		font-size:12pt;
		padding:0 0 0 0 ;
		}	

	h3	{
		font-size: 1em;
		font-family:verdana;
		line-height: 1.6em;
		font-weight:100;
		padding: 0;
		border: 0;
		margin: 0;
		color:#ff6600;
		}
		
	h4	{
		font-size: 1em;
		font-family:verdana;
		line-height: 1.4em;
		font-style:normal;
		font-weight:bold;
		padding-top:10px;
		border: 0;
		margin: 0;
		color:#fff;
		}

	h5	{
		font-size: 9px;
		font-family:"Lucida Grande" sans-serif;
		line-height: 13px;
		font-weight: bold;
		padding: 0px 0px 3px 0px;
		border: 0px;
		margin: 0px 0px 0px 0px;
		}
		

	ul	{list-style:none;} 
		
		
	li	{
		list-style:none;
		line-height:1.4em;
 		}
			
	P   {	
		line-height:1.6em;
		text-indent:0 px;
		}
		
	img {
		margin:0;
		padding:0;
		border:0;
		}
		
	.white {color:#FFF;}	
	.orange {color:#ffffff;background-color:#FF6600;}
	.active {color:#fff; background-color:#ff6600;}
	.transparent {display:none;}
	.BorderTop {border-top:1px dotted #ccc; margin-top:25px;}
	.bold {font-weight:bold;}
	
	
	
/* ========================  div style  ====================== */

/*  *** Main Core *** */

	#container {
		margin:0 auto 0 auto;
		padding:0px;
		width:860px; 
		height:100%;
		}

	#div_left {
		float:left;	
		width:430px; 
		font-size:1.1em; 
				}

	#div_right {
		float:right;	
		width:430px; 
		height:100%;
		font-size:1.2em; 
		margin:0;
		padding:0;
		margin-bottom:-10px;
		background-image:url(../pictures/div_bg.png);
		background-repeat:repeat-y;
		}
		
		
/* *** left column *** */		

	#LeftCont {
		padding-right:35px;
		text-align:right;
		margin:0;
		}
	
	#icones img {
		width:90px;
		height:90px;
		margin-left:10px;
		padding-top:10px;
		}
	
	#icones img.maxsizes {
		width:90px;
		height:90px;
		}	
	
	.PersistentInfo {
		float:right;
		width:350px; }
		
			
/* *** right column *** */		
			
	#RightCont	{
		margin:0;
		padding:0 10px 40px 20px;
		width:400px;
		height:1%;
		line-height:1.4em;
		}
	
	#RightCont a {color:#ff6600;}
	#RightCont a:hover {color:#fff; background-color:#ff6600;}
	
	#accroche {
		margin-top:135px;
		margin-bottom:20px;
		text-align:right;
		padding:0 19px 0px 0;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.8em;   
		font-weight: bold;
		color: #ff6600;
		}
		
	#MainNav {
		margin:0 0 40px 20px;
		padding:2px 0 0 0 ;
		width:405px;
		_font-size:1.2em;
		font-size:105%;	
		}
		

	#OrangeNav {
		width:395px;
		text-align:left;
		color:#FF6600;
		margin-left:20px;
		padding-bottom:2px;
		font-size:1.2em;				
		border-bottom:1px dotted #CCC;
		}
	#OrangeNav a {color:#ff6600;}
	#OrangeNav a:hover {color:#fff; background-color:#ff6600;}
	#OrangeNav a.active {color:#fff; background-color:#ff6600;}

	#imprim {
		text-align:right;
		width:395px;
		height:18px;
		margin:0 0 2px 20px;
		padding:2px 0;
		font-size:0.9em;    
		border-bottom:1px dotted #CCC; }
			
	#imprim a {text-decoration:none; color:#333333;}
	#imprim a:hover {text-decoration:underline; color:#333; background-color:transparent;}

/* =======================  img style =================  */

.topImg {
	position:absolute;
	margin-left:10px;
	z-index:101;
	}
	
.TopImgLeft {margin:0 0 20px 0;}

.ImgCollec {float:right; margin:10px 0 0 15px;}
	 
/* =======================  navigation style =================  */
	
	#MainNav ul {
		margin:0;
		padding:0;
		list-style: none;	
		color:#333;
		}	
	
	
	#MainNav a:link {color:#333;}
	#MainNav a:visited {color:#333;}
	#MainNav a:hover {background-color:#ff6600;color:#ffffff; 	}	
	
	#MainNav a.active {color:#ffffff; background-color:#ff6600;}
	
	
	
/* ================  footer styles  ========================= */

	#footer {
		margin:0;
		padding:0;
		clear:both;
		width:100%;
		background-color:#444;
		}
		
	#footMentions {
		_margin:20px auto 30px auto; /* Trick for IE - Do not remove underscore */
		margin:0px auto 30px auto;
		width:860px;
		text-align:right;
		font-size:0.8em;		
		color:#333;
		}
		
		
		
	
/* ==================  formulaire  ==================== */

#formulaire {
	width:385px;
	padding:10px 5px;
	background-color:#fff;
	color:#666666;
	margin-bottom:20px;
	}

#formOK {
	width:350px;
	Height:600px;
	padding:10px 20px;
	background-color:transparent;
	border:1px solid #999999;
	margin-bottom:20px;
	
	line-height:2.5em;
	text-align:center;
	}
	
	
	
	
fieldset {
	border:0 none;
	border-top:1px solid #ccc;
	clear:both;
	margin:10px 0;
	padding:0;
	}


legend {
	color: #ff6600;
	padding:0 5px 10px 5px;
	}

label {
	float:left;
	width:85px;
	padding-left:10px;
	font-size:0.9em;  	

	}

input, textarea {
	font-family:"Lucida Grande" sans-serif;
	font-size:0.9em;		
	max-width:280px;
	margin:0 0 5px 0;
	}

.commentaires {width:245px; height:80px;}

.chkRad  {
	float:left;
	padding:0 0 20px 0;
	ma\rgin-bottom:10px 0; /* Trick for IE - Do not remove slash */
	font-size:0.9em;		
	}
	
.chkRad label {width:auto; white-space:nowrap; display:block;}
.chkRad input {vertical-align:middle;}

.ClearIt {clear:both; width:85px;}
.Clear {clear:both;}
	
	
	
/* ==================  contacts  ==================== */
	
	#address {
	text-align:right;
	font-size:1em;			
	margin:0;
	padding:0;
	height:1%;
		}

#adress a:link {color:#FF6600; background-color:transparent;}
#address a:visited {color:#FF6600; background-color:transparent;}	
#address a:hover {color:#FFF; background-color:#FF6600;}
#address a:active {color:#FF6600; background-color:transparent;}
		
.bloc_pays {
		float: right;
		width: 170px;
		margin:0;
		padding:0;
		border-top: 1px dotted #999999;
		}
		
.bloc_pays dt {
		text-align:left;
		font-weight: bold;
		margin: 10px 0px;
		padding: 0px;
		color: #FF6600;
		height:5%;
		}
.bloc_pays dd {
		margin: 5px 10px;
		padding: 0px;
		text-align:left;
		}

.spacer {
	clear: both;
	border: 0px;
	margin: 0px;
	padding: 0px;
	height: 1px;}
	
	
	
/* ==================  Promotions  ==================== */

		
.Promotitle {
	width:400px;
	border-top:1px solid #999;
	padding:10px 0 10px 0;

	font-family: "Lucida Grande" sans-serif;
	font-weight:bold;
	font-size:2em;		
	color:#FFF;
	line-height:28px;}	
	
#PromoCapsuleLeft {
	float:left;
	width:95px;
	}
	
#PromoCapsuleRight {
	width:280px;
	margin:0 0 20px 110px;
	padding-top:5px;
	border-top:1px dotted #999999;
	}
	
#PromoCapsuleLeft img {
	border:1px solid #999;
	padding:3px;
	margin:5px 0 10px 0;
	} 
	
.ref {
	text-align:left;
	text-indent:none;
	font-size:0.9em;			
	font-variant:small-caps;
	color:#FF6600;
	padding:0; }
	
/* ==================  newly added by Lavinia  ==================== */
/*ul.nouveautes_list li{
list-style-type:decimal;
}*/

div.cartes div{
height:280px;
vertical-align:top;
}

div.cartes div p{
margin-top:5px;
font-family:arial;
font-size:9pt;
color: white;
width:150px;
height:40px;
}

/* ==================  newly added by Lavinia styles for new catalog download ==================== */


#catalog_categories{
font-size:8pt;
}
 
div#catalog_categories div{
height:25px;
margin:5px 0 0 5px;
width:390px;
}

div#catalog_categories div.categorie_twolines{
height:40px;
}


div#catalog_categories div a{
background-color: transparent;
color:black;
}

div#catalog_categories div a span{
padding-top:4px;
}

div#catalog_categories div a span.refnumber{
width:80px;
}

div#catalog_categories div a span.categorie{
float:left;
padding-left:20px;
width:290px;
}


div#catalog_categories div a:hover span.categorie, div#catalog_categories div a:hover{
background-color: transparent;
background-image:url(../img/layout/icon_forcategories_tr3.gif);
background-repeat:no-repeat;
background-position:left;
color:black;
cursor:pointer;
}

*.navigation_nouvelle_seperator{
margin:0 10px 0 10px;
}

div.navigation_onlinecatalogue li a{
color:white!important;
font-size:8pt!important;
text-align:left;
}

*.contactLink{
margin-bottom:10px;
}



li.contactLink a{
text-decoration:underline;
color:#FF6600;
}

li.contactLink a:hover{
color:white;
}