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

body{
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}


img, div { behavior: url(iepngfix.htc) }


a, a:visited{
	text-decoration:none;
	color:#0066CC;
}

a:hover{
	text-decoration:none;
	color:#666666;
}

.content_zone3 h1.carmart{
	font-size:12px;
	font-weight:bold;
}


  /* ... d&eacute;finition de formats pour une sortie &eacute;cran ... */
	body { 
		behavior: url(csshover.htc); 
	}
	
	.logo{
		position:absolute;
		top:0px;
		left:0px;
	}


	.banner{
		position:absolute;
		left:442px;
		top:27px;
		width:468px;
		height:60px;
		background-image:url(../images/banner.gif);
		background-repeat:no-repeat;
	}
	
	.banner2{
		position:relative;
		padding-left:329px;
		padding-top:16px;
		text-align:center;
		height:60px;
	}
	
	.disclaimer{
		padding:10px;
		position:relative;
		color:#FFFFFF;
		font-size:10px;
	}
	
	
	.mainContainer{
		position:relative;
		width:800px;
		margin:auto;
	}
	
	.mainContainer2{
		position:relative;
	}
	
	.thevouchers{
		position:relative;
	}
	
	.vouchers{
		float:left;
		width:275px;
		height:168px;
		margin-left:0px;
	}
	
	.voucher_background{
		position:absolute;
		top:0px;
		left:0px;
	}
	
	.voucher_container{
		position:relative;
		width:275px;
		height:168px;
		padding:0px;
		margin:0px;
	}
	
	.voucher_title{
		position:absolute;
		top:19px;
		left:0px;
		width:275px;
		text-align:center;
		font-size:15px;
		font-weight:bolder;
	}
	
	.voucher_text{
		position:absolute;
		top:0px;
		left:0px;
		text-align:center;
		width:275px;
		margin:0px;
		padding:0px;
	}
	
	.voucher_text span, .voucher_text div{
		margin:0px;
		padding:0px;
	}
	
	.voucher_text div {
		margin-top:40px;
	}
	
	
	
	.voucher_condition{
		position:absolute;
		bottom:7px;
		left:0px;
		width:275px;
		text-align:center;
		font-size:9px;
	}
	
	.voucher_big_red{
		font-size:18px;
		color:#FF0000;
	}
	
	
	
	.print_bt{
		text-align:center;
		/*position:relative;*/
	}
	
	.vouchers_bts{
		text-align:center;
	}
	
	.header{
		position:relative;
		background-image:url(../images/index_01.gif);
		background-repeat:no-repeat;
		width:800px;
		height:165px;
	}
	
	body{
		background-image:url(../images/background_top.gif);
		background-repeat:repeat-x;
	}
	
	.header2{
		position:relative;
		background-image:url(../images/background_top_wide.gif);
		background-repeat:no-repeat;
		height:155px;
	}
	
	.background_menu{
		position:absolute;
		bottom:0px;
		left:0px;
		background-image:url(../images/background_menu_top.gif);
		background-repeat:no-repeat;
		width:218px;
		height:51px;
		background-color:#00aeef;
	}
	
	.content{
		position:relative;
		background-image:url(../images/index_02.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		width:800px;
	}
	
	.photos{
		float:left;
		width:180px;
		height:132px;
		border: #EFFECB solid 1px;
		text-align:center;	
		margin:1px;
		background-color:#FFFFFF;
	}
	

	
	.global_content{
		position:relative;
		width:800px;
	}
	
	.global_content2{
		position:relative;
	}
	
	.content2{

	}
	
	.slogan2{
	position:absolute;
	top:95px;
	left:407px;
	width: 480px;
	}
	
	
@media screen, handheld
{	
	.content_zone{
		position:absolute;
		top:0px;
		left:218px;
		/*float:left; */
		/*margin-bottom:150px; */
		width:572px;
		padding:5px;
		height:370px;
		overflow:auto;
		text-align:justify;
		padding-top:20px;
	}
	
	.content_zone2{
		padding:5px;
		max-width:900px;
		text-align:justify;		
		padding-left:240px;
		padding-bottom:20px;
	}
	
	
	.content_zone3{
		position:relative;
	}
	

	
	.global_sub_content{
		position:relative;
	background-position: left bottom;
	background-repeat:no-repeat;
	background:url(../images/background_clown.gif) top left repeat-y;
		
	}
	
	.zone_copyright{
		color:#FFFFFF; width:582px; position:absolute; bottom:2px; right:0px; text-align:center;
	}
	
	.zone_copyright2{
		color:#FFFFFF; 
		position:absolute; 
		bottom:2px; 
		left:250px; 
		text-align:right;
	}
	.extras, .extras2{
		display:none;
	}
	
	.menu_zone2{
		/*float:left; */
		position:absolute;
		top:0px;
		left:0px;
		/*margin-bottom:158px; */
		width:218px;
		/*background-color:#00aeef;*/
		height:100%;
	}
	

	
	.menu_zone2 ul, .menu_zone2 ul li{
		padding:0px;
		margin:0px;
		list-style:none;
		background-color:#3dc0f1;
	}
	
	.menu_zone2 ul li{
		display:block;
		height:25px;
		line-height:25px;
		text-align:center;
	}
	
	.menu_zone2 ul li:hover, .menu_zone2 ul li a:hover, .menu_zone2 ul li#current{
		background-color:#7dd2f2;
		color:#FFFFFF;
	}
	
	.menu_zone2 ul li a{
		display:block;
		height:25px;
		line-height:25px;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
	}
	.menu_zone2 ul li a:visited{
		color:#FFFFFF;
	}
	
}
@media print
{
	.print_bt{
		display:none;
	}
	.content_zone{
		position:absolute;
		top:0px;
		left:218px;
		/*float:left; */
		/*margin-bottom:150px; */
		
		padding:5px;
		height:370px;
		
		text-align:justify;
		padding-top:20px;
	}
	.zone_copyright{
		color:#FFFFFF; width:582px; position:absolute; top:2px; right:0px; text-align:center;
	}
	
	.extras{
		position:absolute;
		top:80px;
		left:327px;
		text-align:center;
		font-size:10px;
		width: 469px;
	}
	
	.extras2{
		position:absolute;
		top:90px;
		left:437px;
		text-align:center;
		font-size:10px;
		width: 469px;
	}
	
	
	.menu_zone2 ul{
		display:none;
	}
	
	.menu_zone2, .disclaimer{
		display:block;
		position:relative;
		width:900px;
		padding:0px;
		margin:0px;
		padding-top:10px;
	}
	
}	
	.title_page{
		position:absolute;
		right:10px;
		bottom:0px;
		text-align:right;
		width:300px;
	}
	
	.title_page, .title_page h1{
		color:#ec008c;
		padding:0px;
		margin:0px;
		font-size:24px;
	}
	
	
	.title_page2{
		position:relative;
		
	}
	
	.title_page2, .title_page2 h1{
		color:#ec008c;
		padding:0px;
		margin:0px;
		font-size:20px;
		padding-bottom:10px;
	}
	
	
	.menu_zone{
		/*float:left; */
		margin-bottom:158px; 
		width:218px;
		background-color:#00aeef;
		height:100%;
	}
	

	
	.menu_zone ul, .menu_zone ul li{
		padding:0px;
		margin:0px;
		list-style:none;
		background-color:#3dc0f1;
	}
	
	.menu_zone ul li{
		display:block;
		height:25px;
		line-height:25px;
		text-align:center;
	}
	
	.menu_zone ul li:hover, .menu_zone ul li a:hover, .menu_zone ul li#current{
		background-color:#7dd2f2;
		color:#FFFFFF;
	}
	
	.menu_zone ul li a{
		display:block;
		height:25px;
		line-height:25px;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
	}
	.menu_zone ul li a:visited{
		color:#FFFFFF;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

