/*#####  Clear Fix  #################################*/
.clearfix:after{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */


BODY						{font-family: Arial; font-size: 10pt; color:#000000}
TD							{font-family: Arial; font-size: 10pt}
A							{text-decoration: none; color: #1D6202; outline: none;}
A:hover						{text-decoration: underline; color: #35B504}
a img{border: none;}
.clientRed 					{font-family: Verdana; font-size: 12pt; color:#FF0000}
.clientEntete				{Background-color: #0000FF; color: #FFFFFF}


h1{ text-align:left; font-weight:normal; color:#484624; font-size:24px}
h2{ text-align:left; font-weight:normal; color:#484624; font-size:18px}

.menu
{ text-align:center; text-transform:uppercase; font-weight:bold; font-family:Arial; font-size:12px; background:url(images/sep_menu.jpg) right no-repeat; background-image:url(images/sep_menu.jpg); background-position:right; background-repeat:no-repeat
}

#menu_secondaire{
	position: absolute;
	right: 0;
	top: -5px;
	list-style: none;
	margin: 0;
	padding: 5px 10px 7px 10px;
	border-radius: 5px;
    -moz-border-radius: 0.5em;
	border: 1px solid #D5D3BA;
	background: #D5D3BA;
}

#menu_secondaire li{
	float: left;
	margin: 0 0 0 10px;
	list-style: none;
}

#menu_secondaire li a{
	font-weight: bold;
}

DIV.source  /*Important pour xplore*/
{
	padding:5px;
	font-family:Courier New;
	font-size:9pt;
	background-color:#FFFFFF;
	text:#000000;
	color:#000000;	
}

.calendrier td	{font-size:12px; font-family:Arial; height:20px;}
.calendrier 	{background-image:url(images/bg_jour.gif); background-repeat:no-repeat;}

A.pageSuivante			{text-decoration: none; color: #000080; margin:1px; width:25px; height:25px; padding:3px; border:1px solid #1C0600; background-color:#CEC87E; color:#000000; font-weight:bold; text-align:center; vertical-align:middle;}
A.pageSuivante:hover	{text-decoration: none; color: #000080; margin:1px; width:25px; height:25px; padding:3px; border:1px solid #1C0600; background-color:#F9F2AA; color:#000000; font-weight:bold; text-align:center; vertical-align:middle;}

A.pageEncours			{text-decoration: none; color: #000080; margin:1px; width:25px; height:25px; padding:3px; border:1px solid #1C0600; background-color:#E3DC94; color:#000000; font-weight:bold; text-align:center; vertical-align:middle;}
A.pageEncours:hover		{text-decoration: none; color: #000080; margin:1px; width:25px; height:25px; padding:3px; border:1px solid #1C0600; background-color:#F9F2AA; color:#000000; font-weight:bold; text-align:center; vertical-align:middle;}

#ribbon_choix
{
	position: absolute;
	left: -45px;
	bottom: -16px;
	background: url(./images/logo_choix_consom_3.png) no-repeat 0 0;
	display: block;
	height: 144px;
	width: 248px;
	cursor: default;
	outline: none;
}

#ribbon_choix_2010
{
	position: absolute;
	left: 50px;
	bottom: -15px;
	background: url(./images/logo_choix_consom.png) no-repeat 0 0;
	display: block;
	height: 141px;
	width: 248px;
	cursor: default;
	outline: none;
}

.lc_banner_top
{
	position: relative;
	margin: 12px 0 0 0;
	width: 231px;
	height: 303px;
	z-index: 9000;
}

#lc_liquidation_vr_link, #lc_liquidation_boats_link
{
	position: absolute;
	display: block;
	height: 23px;
	right: 15px;
	outline: none;
	z-index: 9001;
	background: url(../images/blank.gif);
}

#lc_liquidation_vr_link
{
	top: 140px;
	width: 125px;
}

#lc_liquidation_boats_link
{
	bottom: 12px;
	width: 175px;
}

#bloc_hivernisation{
	background: url(./images/hivernisation_back.jpg) no-repeat;
	height: 250px;
	width: 241px;
	position: relative;
	margin: -7px 0 25px 0;
	z-index: 9000;
}

#bloc_hivernisation div{
	padding: 120px 10px 0 25px;
}

#bloc_hivernisation div h3{
	color: #1c7900;
	margin: 0 0 10px 0;
}

#bloc_hivernisation div h2{
	text-indent: -9000px;
	position: absolute;
	top: 0;
	left: 0;
}

#bloc_hivernisation div ul{
	padding: 0;
	margin: 0;
	list-style: none;
}

#bloc_hivernisation div ul li{
	margin: 0 0 10px 0;
	padding: 1px 0 0 20px;
	display: block;
	background: url(images/flocons_verts.png) no-repeat 0 0;
	font-size: 90%;
}

/*##################################################*/
/*##  15e anniverssaire  ###########################*/

#anniv_wrapper{
	padding: 10px 0 15px 14px;
}

#bloc_lowe a img{
	border: none;
}

#pub_wrapper{
	position: relative;
	height: 329px;
	width: 740px;
	background: url(./images/back_anniv15e_nopdf.jpg) no-repeat;
}

#video_holder{
	display: none;
	position: absolute;
	bottom: 31px;
	right: 10px;
	z-index: 500;
}

#video_overlay:hover{
	cursor: pointer;
}

#video_overlay{
	position: absolute;
	height: 283px;
	width: 496px;
	bottom: 31px;
	right: 10px;
	background: url(./images/overlay_anniv15e_nopdf.jpg) no-repeat;
	z-index: 600;
}

#vo_btn_circulaire, #vo_btn_video{position: absolute; text-indent: -9000px;}

#vo_btn_circulaire{display: none; height:165px; width: 211px; bottom: 5px; left: 5px; z-index: 602;}
#vo_btn_video{display: block; height: 283px; width: 496px; top: 0; left: 0; z-index: 601;}
#vo_btn_video:hover{cursor: pointer;}

#liens_reglements{
	position: absolute;
	display: none;
	bottom: 5px;
	right: 90px;
	height: 25px;
	width: 330px;
}

.btn-promotions-vn{display: block; height: 102px; width: 485px; background: url(../images/btn-promotions.png) no-repeat; text-indent: -90000px;}

/*##################################################*/
/*##  Nav Princ  ###################################*/

#nav{
	position: relative;
	list-style: nono;
	padding: 0;
	margin: 0;
	z-index: 700;
}

#nav li{
	float: left;
	display: block;
	position: relative;
	background: url(./images/sep_menu.png) no-repeat top right;
}
#nav li a{
	display: block;
	width: 102px;
	height: 33px;
	padding: 17px 5px 0 0;
	text-align: center;
	color: #000;
	font-weight: bold;
	
}

#nav li ul{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	padding: 3px;
	margin: 0;
	width: 145px;
	background-color: #D7D187;
	border-top: 1px solid #9F9C4F;
	border-right: 2px solid #9F9C4F;
	border-bottom: 2px solid #9F9C4F;
}

#nav li:hover ul{
	display: block;
}

#nav li ul li{
	float: none;
	background: none;
}

#nav li ul li a{
	text-align: left;
	width: auto;
	height: auto;
	
	padding: 5px;
	font-size: 90%;
}
#nav li ul li a:hover{
	background-color: #EFEAB3;
	text-decoration: none;
}