/*-----------------------------------------------------------------------------
  [CSS - Le Magazine]
  
  1. Divers
  2. Magazine a la une
  3. Anciens magazines
-----------------------------------------------------------------------------*/
/*---------------------------------------------------------------------
[1. Divers]
*/

h2 {
	font-size: 1.9em;
	font-weight: normal;
	margin: 0 0 8px 0;
}

.navigator .prev a,
.navigator .next a { margin: 0; }

.section-title {
	font-size: 2em;
	font-weight: normal;
	margin: 0 0 0 30px;
}

.cat-title {
	font-weight: bold;
	font-size: 1.7em;
	margin: 0 0 0 30px;
	color: #8a7c55;
}

	.cat-title a { color: #8a7c55; text-decoration: none; }
	.cat-title a:hover { text-decoration: underline; }

.magazine dt, .magazine dd { margin: 0; }
.magazine .magazine-title { font-size: 1.5em; color: #8a7c55; }
.magazine .magazine-title a { color: #8a7c55; text-decoration: none; }
.magazine .magazine-date { font-size: 1em; font-weight: bold; color: #aa111c; }
.magazine .magazine-date a { color: #aa111c; text-decoration: none; }

.magazine .magazine-title a:hover,
.magazine .magazine-date a:hover { text-decoration: underline; }

.list .magazine { margin-bottom: 2em; }

/*---------------------------------------------------------------------
[2. Magazine a la une]
*/
#magazine-headline {
	background: #fff url(../../images/content/mag-bg.png) repeat-x bottom;
	border: 1px solid #c7c7c7;
	margin: 20px 0 0;
	padding: 15px;
	width: 614px;
}

	.magazine-headline-img {
		float: left;
	}
	
		.magazine-headline-img img {
			display: block;
		}

	#magazine-headline .magazine-title,
	#magazine-headline .magazine-date,
	#magazine-headline .intro {
		font-weight: normal;
		margin: 0;
	}

	#full-the-magazine #magazine-headline .details {
		float: right;
		width: 425px;
	}
	
	#magazine-headline .details {
		float: right;
		width: 375px;
	}
	
		#magazine-headline .details .magazine-title {
			font-size: 1.3em;
			color: #aa111c;
			margin: 0;
		}
	
			#magazine-headline .details .magazine-title a {
				color: #aa111c;
				text-decoration: none;
			}
			
	#magazine-headline .details .magazine-date { font-size: 2em; }
		#magazine-headline .details .magazine-date span { font-size: 0.6em; }
		
		#magazine-headline .details .intro {
			margin: 20px 0 10px;
		}
		
			#magazine-headline .details .intro ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
				#magazine-headline .details .intro ul li {
					background: url(../../images/content/dash.gif) no-repeat 0 8px;
					padding: 0 0 0 8px;
				}
			
			#magazine-headline .details .intro h6 {
				margin: 5px 0;
				font-size: 1.2em;
			}
			
			#magazine-headline .details .intro p {
				margin: 5px 0;
			}
			
	.js .buy-mag-popin-container {
		display: none;
	}
	
	.popincontainer-buy-mag #TB_title {
		background: #af0c1f;
		color: #fff;
		width: 531px;
	}
	
		.popincontainer-buy-mag #TB_closeAjaxWindow {
			background: transparent;
			color: #fff;
			padding: 10px 13px 1px 9px;
		}
		
			.popincontainer-buy-mag #TB_closeAjaxWindow a#TB_closeWindowButton,
			.popincontainer-buy-mag #TB_closeAjaxWindow a#TB_closeWindowButton:hover {
				background: url(../../images/content/close-buy-popin.gif) no-repeat;
				font-size: 1.5em;
				height: 21px;
				width: 21px;
			}
		
				.popincontainer-buy-mag #TB_closeWindowButton span {
					display: none;
				}
		
		.popincontainer-buy-mag #TB_ajaxWindowTitle {
			background: transparent;
			color: #fff;
			float: none;
			font-family: 'Trebuchet MS',Helvetica,sans-serif;
			font-size: 1.8em;
			font-weight: normal;
			padding: 8px 0 8px 15px;
			text-align: left;
		}
		
	.popincontainer-buy-mag #TB_ajaxContent {
		clear:both;
		padding:0;
		text-align:left;
	}
		
	.buy-mag-popin {
		background: #fff url(../../images/content/buy-popin-bg.gif) repeat-x;
		height: 209px;
		width: 531px;
	}
	
		.buy-mag-popin .form {
			background: transparent;
			padding: 25px 0 0 20px;
		}
			
			.buy-mag-popin .form ul {
				list-style-type: none;
			}
			
				.buy-mag-popin .form ul li {
					margin: 10px 0;
				}
				
					.buy-mag-popin .form ul li label {
						color: #ab0013;
						font-size: 1.1em;
						margin: 0 0 0 10px;
					}
					
			.buy-mag-popin .form .actions {
				float: left;
				margin: 0 0 0 40px;
			}
			
				.buy-mag-popin .form .actions .buy {
					background: #ab0013 url(../../images/content/basket-buy-popin.gif) no-repeat 7px 50%;
					font-size: 1.1em;
					line-height: 20px;
					padding: 2px 8px 2px 30px;
				}
				
				.buy-mag-popin .form .actions .continue {
					background: #ab0013 url(../../images/content/continue-buy-popin-btn.gif) no-repeat 7px 50%;
					font-size: 1.1em;
					line-height: 20px;
					padding: 2px 8px 2px 20px;
				}
				
				.buy-mag-popin .form .actions .cancel {
					background: #ab0013 url(../../images/content/close-buy-popin-btn.gif) no-repeat 7px 50%;
					color: #fff;
					font-size: 1.1em;
					line-height: 20px;
					padding: 2px 8px 2px 20px;
				}
				
	p.actions a.button {
		background: #AA111C;
		color: #fff;
		font-size: 0.9em;
		margin: 0 0 0 10px;
		padding: 2px 8px;
	}
/*---------------------------------------------------------------------
[3. Anciens magazines]
*/
.mag-tip,
#old-magazines {
	background: #e7e7e7 url(../../images/content/mag-bg.png) repeat-x;
	border: 1px solid #c7c7c7;
	overflow: hidden;
}

#old-magazines {
	margin: 28px 0;
	width: 644px;
}

	#old-magazines h2 { margin: 17px 0 0 17px; }
	#old-magazines dl {
		width: 127px;
		margin: 17px;
		float: left;
	}
	
	#old-magazines dl dt,
	#old-magazines dl dd {
		margin: 0;
		padding: 0;
	}
	
	#old-magazines dl dt { color: #aa111c; text-align: center; }
		#old-magazines dl dt a { text-decoration: none; color: #aa111c; }
		
	#old-magazines dl .item-title { 
		height: 3em;
		line-height: 1;
		margin: 0 0 10px 0;
		text-align: center;
	}
	
		#old-magazines dl .item-title a { color: #2E2E2E; text-decoration: none; }
	
	#old-magazines dl a.item-img,
	#old-magazines dl a.item-img img { display: block; }
	#old-magazines dl .item-desc-content { display: none; }
	
	
	.js .mag-tip { display: none; } 
	.mag-tip { padding: 14px; width: 370px; }
	.mag-tip .tip { padding-left: 48px; position: relative; }
	.mag-tip .tip-title, .mag-tip .tip-title a { color: #aa111c; text-decoration: none; }
	.mag-tip .tip-img { position: absolute; left: 0; top: 0; }
	
	.mag-tip ul { margin: 0; padding: 0; list-style: none; }
	.mag-tip .actions { font-weight: bold; color: #aa111c; }