/* General */
* { margin:0; padding:0; }
body { font:12px Arial, sans-serif; background:#000; }
a img { border:none; }
#losc { position:relative; width:990px; padding:209px 0 120px 0; margin:0 auto; background:#000 url(../images/common/dogs.jpg) no-repeat left top; }
.mentions { font-size:9px; color:#838383; line-height:9px; }
/* Header */
#header { color:#fff; }
	#header .logo { position:absolute; left:801px; top:0; }
		#header .logo a { color:#da2032; }
	#header .title {
	position:absolute;
	left:618px;
	top:38px;
	width:173px;
}
	/*#header .push { position:absolute; left:330px; top:49px; width:166px; height:100px; }*/
	#header .baseline {
	position:absolute;
	left:201px;
	top:188px;
	text-transform:uppercase;
}
/* Menu */
#menu { position:absolute; left:16px; top:227px; width:200px; z-index:2; }
	#menu .menu-item { background:url(../images/menu/item-bottom.jpg) no-repeat left bottom; display:block; width:160px; margin:0 0 3px;  }
		* html #menu .menu-item { overflow:hidden; position:relative; } /* IE6 Fix */
	#menu .menu-item div {position:relative; overflow:hidden; background:transparent url(../images/menu/item-top.jpg) no-repeat left top; }
	#menu h4 { position:relative; z-index:2; cursor:pointer; display:block; width:150px; padding:0 10px 0 0; line-height:29px; white-space:nowrap; font-size:14px; text-transform:uppercase; color:#fff; text-align:right; }
		#menu h4 a { color:#fff; text-decoration:none; outline:none; }
	#menu .links { position:relative; z-index:2; width:175px; }
		#menu .links li { display:block; height:17px; }
		#menu .links a { margin:0 0 2px; display:block; color:#fff; text-transform:uppercase; text-align:right; text-decoration:none; padding:0 25px 0 0; width:150px; height:17px; outline:none;  overflow:hidden; }
			#page-home #m-a-1 a, #page-tarifs #m-a-2 a, #page-faq #m-a-3 a,
			#page-privileges #m-b-1 a, #page-formule #m-b-2 a, #page-pack #m-b-3 a, #page-famille #m-b-4 a,
			#menu .links a:hover { background:url(../images/menu/arrow.gif) no-repeat right center; }
	#menu img.background { display:block; .display:none; position:absolute; z-index:1; top:0; left:0; width:187px; height:100%; }
	#menu .menu-item .top, #menu .menu-item .bottom { display:block; width:26px; height:26px; position:absolute; z-index:3; left:161px; _left:156px; top:-12px; background:url(../images/menu/corners.gif) no-repeat left top; }
	#menu .menu-item .bottom { bottom:-13px; _bottom:-14px; top:auto; background-position:left bottom; }
	/* Images texte */
	#menu h4 span,
	#menu .links a span { visibility:hidden; }
	#m-a { background:url(../images/menu/text.gif) no-repeat left 0; }
		#m-a-1 { background:url(../images/menu/text.gif) no-repeat 5px -33px; }
			#page-home #m-a-1 { background-position: -160px -33px; }
		#m-a-2 { background:url(../images/menu/text.gif) no-repeat 5px -63px; }
			#page-tarifs #m-a-2 { background-position: -160px -63px; }
		#m-a-3 { background:url(../images/menu/text.gif) no-repeat 5px -95px; }
			#page-faq #m-a-3 { background-position: -160px -95px; }
	#m-b { background:url(../images/menu/text.gif) no-repeat left -120px; }
		#m-b-1 { background:url(../images/menu/text.gif) no-repeat 5px -155px; }
			#page-privileges #m-b-1 { background:url(../images/menu/text.gif) no-repeat -160px -155px; }
		#m-b-2 { background:url(../images/menu/text.gif) no-repeat 5px -185px; }
			#page-formule #m-b-2 { background:url(../images/menu/text.gif) no-repeat -160px -185px; }
		#m-b-3 { background:url(../images/menu/text.gif) no-repeat 5px -215px; }
			#page-pack #m-b-3 { background:url(../images/menu/text.gif) no-repeat -160px -215px; }
		#m-b-4 { background:url(../images/menu/text.gif) no-repeat 5px -279px; }
			#page-famille #m-b-4 { background:url(../images/menu/text.gif) no-repeat -160px -279px; }
	#m-c { background:url(../images/menu/text.gif) no-repeat left -240px; }
		#page-abonnement #m-c { background:url(../images/menu/text.gif) no-repeat -165px -240px; }
		#page-abonnement .menu-item .arrow { position:absolute; z-index:3; left:160px; _left:155px; top:6px; display:block; width:15px; height:17px; background:url(../images/menu/arrow.gif) no-repeat left top; }
/* Contenu central */
#content {
	position:relative;
	z-index:2;
	margin:2px 102px 2px 176px;
	color:#333;
	background:#fff url(../images/common/content-top.jpg) no-repeat left top;
}
	#content-a { background:transparent url(../images/common/content-bottom.jpg) no-repeat left bottom; }
	#content-b { padding:30px 5px 20px 40px; }
	#content h3 { margin:0 0 10px; font-size:16px; font-weight:bold; color:#000; }
	#content ol { list-style:none; }
		#content ol li { margin:0 0 12px; padding-left:34px; background:no-repeat left 2px; }
			#content ol li.li1 { background-image:url(../images/common/li1.gif); }
			#content ol li.li2 { background-image:url(../images/common/li2.gif); }
			#content ol li.li3 { background-image:url(../images/common/li3.gif); }
			#content ol li.li4 { background-image:url(../images/common/li4.gif); }
			#content ol li.li5 { background-image:url(../images/common/li5.gif); }
	#content sup { font-size:8px; line-height:5px; }
	#content ul { list-style:none; }
/* Footer */
#footer { position:relative; z-index:1; zoom:1; padding:0 102px 0 176px; }
	#footer .links { font-size:10px; color:#a3a3a3; text-align:right; }
		#footer .links a { color:#a3a3a3; text-decoration:none; }
		#footer .links a:hover { color:#fff;}
	#footer .banner {
	position:absolute;
	left:0;
	top:-20;
	padding:85px 0 0 165px;
	width:513px;
	height:32px;
	background:url(../images/common/footer.jpg) no-repeat left top;
}
		#footer .banner img { display:block; float:left; margin:0 10px 0 0; }
		#footer .banner img.partouche { margin-top:-15px; }
		#footer #partage {color: #333;margin: 80px 0px 0px 0px;height:25px; float:right;} 
		ul#social li { float:left;list-style-type:none; }
		ul#social li a { 
			display: block; 
			height:27px; 
			overflow:hidden; 
			text-indent:-99999px;
			background:transparent url(../images/common/partage_icon.gif) 0 0 no-repeat;
			}
			ul#social li#facebook a { background-position:0 0; width:28px;}
			ul#social li#facebook a:hover { background-position:0 -27px; width:28px;}
			/**/
			ul#social li#twitter a { background-position:-32px 0; width:27px;}
			ul#social li#twitter a:hover { background-position:-32px -27px; width:27px;}
			/**/
			ul#social li#myspace a { background-position:-63px 0; width:28px;}
			ul#social li#myspace a:hover { background-position:-63px -27px; width:28px;}	
/* Homepage */
#page-home #content-b { height:280px; background:url(../images/pages/home.jpg) no-repeat right top; }
    #page-home .red {
	position:absolute;
	left:431px;
	top:182px;
	width:70px;
}
	#page-home #content .mentions { margin-left:-10px; }
    * html #page-home #content-b { overflow:hidden; } /* IE6 Fix */
/* Famille */
#page-famille #content-b { height:280px; background:url(../images/pages/famille/groupe.jpg) no-repeat right top; }
    #page-famille .offre {
	position:absolute;
	left:40px;
	top:40px;
	width:200px;
}
	#page-famille #content .mentions { margin-left:0px; margin-top:280px; position:absolute; }
    * html #page-famille #content-b { overflow:hidden; } /* IE6 Fix */
/* FAQ */
#page-faq #content-b { height:385px; padding-top:25px; background:url(../images/pages/faq/faq.jpg) no-repeat 538px 25px; }
	#page-faq #content dl { width:485px; }
		#page-faq #content dt { position:relative; }	
			#page-faq #content dt strong { position:relative; display:block; cursor:pointer; margin:0 0 10px; height:27px; width:415px; padding:3px 35px 0; font-size:14px; font-weight:bold; text-transform:uppercase; background:url(../images/pages/faq/title.gif) no-repeat left top; }
			#page-faq #content dt .arrow { position:absolute; right:9px; top:5px; display:block; width:20px; height:20px; background:url(../images/pages/faq/arrow.gif) no-repeat left top; }
			#page-faq #content dt .arrow-on { background-position:left bottom; }
		#page-faq #content dd { padding:0 0 5px 15px; }
			#page-faq #content dd a { color:#da2032; }
			#page-faq #content dd p { padding:0 0 5px; }
				#page-faq #content dd p.mentions { color:#565656; }
/* Tarifs */
#page-tarifs #content-a { background-image:url(../images/pages/tarifs/content-bottom.jpg); }
	#page-tarifs #content #bloc-tableau { position:relative; margin:0 0 15px; }
		#page-tarifs #content #bloc-tableau img { display:block; margin:0 0 15px; }
		#page-tarifs #content #bloc-tableau .mentions { padding-left:8px; font-size:10px; line-height:1em; }
	#page-tarifs #content #bloc-justificatifs { position:relative; padding-left:8px; margin:0 0 15px; background:url(../images/pages/tarifs/stade.jpg) no-repeat 390px top; }
		#page-tarifs #content #bloc-justificatifs em { font-style:normal; color:#d50603; }
		#page-tarifs #content #bloc-justificatifs .warning { padding:0 0 0 36px; margin:0 0 12px 0px; background:url(../images/pages/tarifs/warning.gif) no-repeat left top; }
		#page-tarifs #content #bloc-justificatifs ul { list-style:none; }
			#page-tarifs #content #bloc-justificatifs ul li { padding:0 0 8px 13px; background:url(../images/pages/tarifs/puce.gif) no-repeat left 4px; }
	#page-tarifs #content #bloc-citations { position:relative; }
	#page-tarifs #content #bloc-citations ul { list-style:none; font-size:11px; color:#000;  }
		#page-tarifs #content #bloc-citations ul li { position:relative; clear:both; margin:0 0 15px 0; }
	#page-tarifs #content #bloc-citations .mentions { clear:both; margin-top:8px; padding-left:8px; }
	#page-tarifs #content #bloc-citations blockquote {
	position:absolute;
	left:300px;
}
	#page-tarifs #cit1 { top:6px; }
	#page-tarifs #cit2 { top:1px; }
	#page-tarifs #cit3 { top:42px; }
	#page-tarifs #cit4 { top:95px; }
	#page-tarifs #cit5 { top:3px; }
	#page-tarifs #cit6 { top:43px; }
	#page-tarifs #cit7 { top:98px; }
	#page-tarifs #cit8 { top:0px; }
	
/* Pack */
#page-pack #content-b { padding-top:25px; height:415px; background:url(../images/pages/pack/background.jpg) no-repeat left top; }
	#page-pack #content h4 { position:absolute; left:414px; top:91px; text-align:center; font-size:14px; width:280px; font-weight:bold; color:#da2032; text-transform:uppercase; }
	#page-pack #content ul { position:absolute; left:425px; top:125px; width:270px; color:#fff; }
	#page-pack #content ul li { padding:0 0 12px 15px; background:url(../images/pages/pack/puce.gif) no-repeat left 4px; }
	#page-pack #content .mentions {
	position:absolute;
	font-size:10px;
	line-height:1em;
	left:33px;
	margin-top:330px;
	/*bottom:-450px;*/
}
/* Privileges */
#content .privileges strong, #content .privileges strong a { color:#da2032; }
#content .privileges {
	position:relative;
	margin:20px 0 10px -8px;
	width:647px;
	height:460px;
	background:url(../images/pages/privileges/privileges.gif) no-repeat left top;
}
	#content .privileges li {
	position:absolute;
	font-weight:bold;
	color:#000;
	left: 28px;
	top: 390px;
	width: 286px;
	height: 66px;
}
		#content .privileges li.li1,
		#content .privileges li.li3 { left:33px; }
		#content .privileges li.li5,
		#content .privileges li.li7 { left:81px; }
		#content .privileges li.li2,
		#content .privileges li.li4,
		#content .privileges li.li6,
		#content .privileges li.li8 { left:340px; }
		#content .privileges li.li10 { color:#838383; font-size:9px; left:320px; width:330px;}
		
		#content .privileges li.li1,
		#content .privileges li.li2 { top:8px; }
		#content .privileges li.li3,
		#content .privileges li.li4 { top:110px; }
		#content .privileges li.li5,
		#content .privileges li.li6 { top:210px; }
		#content .privileges li.li7 { top:310px; }
		#content .privileges li.li8 { top:300px; }
		#content .privileges li.li9,
		#content .privileges li.li10 { top:390px;}
		
#page-privileges #content .mentions { position:relative; margin-left:14px; }
/* Formule */
#page-formule #content .plus { width:605px; padding:45px 0 0 0; margin:0 0 0 15px; font-weight:bold; color:#da2032; text-align:center; background:url(../images/pages/formule/plus.gif) no-repeat top center; }
#page-formule #content .mentions { font-size:10px; margin-left:14px; }
#page-formule #content .exclu { position:relative; top:3px; }
#page-formule #content .avantages { position:relative; margin:15px 0 12px; width:633px; height:158px; color:#fff; font-weight:bold; background:url(../images/pages/formule/avantages.jpg) no-repeat left top; }
	#page-formule #content .avantages strong { color:#da2032; }
	#page-formule #content .avantages li { position:absolute; }
		#page-formule #content .avantages li.li1 { left:30px; top:18px; }
		#page-formule #content .avantages li.li2 { left:340px; top:18px; }
		#page-formule #content .avantages li.li3 { left:30px; top:95px; }
		#page-formule #content .avantages li.li4 { left:340px; top:95px; }
#page-formule #content .mentions { position:relative; }
/* Abonnez-vous */
#page-abonnement #content-a { padding:15px 50px 70px; }
	#page-abonnement #content-b { position:relative; padding:0; height:705px; }
		#page-abonnement #bloc-formule1 { position:absolute; left:0px; top:37px; display:block; width:384px; height:81px; padding:5px 10px 5px 15px; color:#010101; background:url(../images/pages/abonnement/formule1.jpg) no-repeat left top; }
			#page-abonnement #bloc-formule1 h4, #page-abonnement #bloc-formule3 h4 { font-size:16px; color:#fff; font-weight:bold; margin:0 0 3px; }
			#page-abonnement #bloc-formule1 .bouton { position:absolute; right:10px; bottom:5px; display:block; width:121px; height:40px; text-align:center; color:#fff; text-decoration:none; font-size:16px; line-height:40px; font-weight:bold; background:url(../images/pages/abonnement/bt1.jpg) no-repeat left top; } 
		#page-abonnement #bloc-ou { position:absolute; left:185px; top:140px; display:block; width:36px; height:35px; font-size:15px; font-weight:bold; color:#fff; line-height:35px; text-align:center; background:url(../images/pages/abonnement/ou.jpg) no-repeat left top; }
		#page-abonnement #bloc-formule3 {
	position:absolute;
	left:1px;
	top:22px;
	display:block;
	width:410px;
	height:318px;
	background:url(../images/pages/abonnement/formule3.jpg) no-repeat left top;
}
			#page-abonnement #bloc-formule3 .ligne { padding:5px 0px 15px 50px; color:#7b7a7a; background:url(../images/pages/abonnement/arobase.gif) no-repeat 6px 12px; }
				#page-abonnement #bloc-formule3 .ligne .bouton {
	position:absolute;
	right:213px;
	bottom:239px;
	display:block;
	width:146px;
	height:40px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:16px;
	line-height:40px;
	font-weight:bold;
	background:url(../images/pages/abonnement/bt2.jpg) no-repeat left top;
	background-image: url(../images/pages/abonnement/bt2.jpg);
} 
			#page-abonnement #bloc-formule3 .courrier { padding:15px 10px 15px 50px; color:#7b7a7a; background:url(../images/pages/abonnement/mail.gif) no-repeat 6px 12px; }
				#page-abonnement #bloc-formule3 h5 { font-size:12px; margin:0 0 3px; }
			#page-abonnement #bloc-formule3 .guichet { padding:0px 20px 15px 50px; color:#7b7a7a; background:url(../images/pages/abonnement/guichet.gif) no-repeat 11px top; }
		#page-abonnement #bloc-dates {
	position:absolute;
	right:0px;
	top:23px;
	display:block;
	width:171px;
	height:468px;
	background:url(../images/pages/abonnement/dates.jpg) no-repeat left top;
}
			#page-abonnement #bloc-dates h4 { color:#fff; font-size:13px; text-align:center; line-height:43px; white-space:nowrap; margin:0 0 25px; }
			#page-abonnement #bloc-dates h5 { /*margin:0 10px 3px 15px;*/ color:#7b7a7a; text-transform:uppercase; font-size:12px; margin:0 0 10px 15px; padding:0 0 0 15px; background:url(../images/pages/tarifs/puce.gif) no-repeat left 4px; }
			#page-abonnement #bloc-dates p { margin:0 10px 15px 15px; color:#7b7a7a; }
		#page-abonnement #bloc-carte { position:absolute; left:0px; bottom:0px; display:block; width:425px; height:150px; padding:15px 10px 7px 180px; color:#7b7a7a; background:url(../images/pages/abonnement/carte.gif) no-repeat left top; }
			#page-abonnement #bloc-carte h4 { position:absolute; left:18px; top:40px; width:140px; font-size:14px; color:#fff; text-align:left; text-transform:uppercase; }
			#page-abonnement #bloc-carte h5 { font-size:12px; margin:0 0 3px; }
			#page-abonnement #bloc-carte p { margin:0 0 15px; }
/* CGV */
#page-cgv #content-b { position:relative; padding:20px 190px 10px 35px; text-align:justify; color:#918b8b; }
	#page-cgv #content-b h3 { font-size:14px; margin:0 0 20px; }
	#page-cgv #content-b p { position:relative; margin:0 0 15px -15px; padding:0 0 0 15px; background:url(../images/pages/tarifs/puce.gif) no-repeat left 4px; }
	#page-cgv #content-b a { color:#918b8b; }
#page-cgv #credits { position:absolute; top:20px; right:20px; width:117px; padding:50px 15px 15px 15px; color:#000; text-align:left; background:url(../images/pages/credits/credits.gif) no-repeat left bottom; }
	#page-cgv #credits h4 { position:absolute; top:0; left:0; width:147px; height:45px; line-height:45px; display:block; color:#fff; font-size:14px; text-align:center; background:url(../images/pages/credits/credits.gif) no-repeat left top; }
	#page-cgv #credits h5 { text-align:center; font-size:12px; color:#000; margin:0 0 10px; }
	#page-cgv #credits address { display:block; font-style:normal; margin:0 0 20px; }
	#page-cgv #credits a { color:#000; text-decoration:none; }
	#page-cgv #credits .logo { display:block; text-align:center; margin:0 0 3px; }
/* Donnees personnelles */
#page-data #content-b { text-align:justify; color:#918b8b; padding-right:40px; }
	#page-data #content-b h1 { font-size:16px; color:#000; margin:0 0 10px; }
	#page-data #content-b h2 { font-size:14px; color:#7B7A7A; margin:0 0 10px -15px; padding:0 0 0 15px; background:url(../images/pages/tarifs/puce.gif) no-repeat left 4px; }
	#page-data #content-b h3 { font-size:12px; color:#7B7A7A; }
	#page-data #content-b p { margin:0 0 15px; }
	#page-data #content-b a { color:#918b8b; }