/*********************************************************
 * 
 * 	Scénaristes Magazine - Styles articles
 	* 	 ARTICLES ET CONTENUS
 * 	 BLOGS ET RUBRIQUES
 * 
 ********************************************************/
	/* spotlight home
	/* type article
	/* 
	/* 
	/* 
	/* 					
	/* 
/**********************************************************/
	
	/* spotlight home
	-------------------------------------------------------*/		
				
			div.boxhome{
			padding:0;
			margin: 0;	
			width:600px;
			padding-top:15px;
			}	
			div.spotlight{
			padding:0;
			margin: 0;	
			width:600px;
			padding-top:10px;
			}
			div.spotlight div.illustration{
			width:100px;
			float:left;
			}	
			div.spotlight div.illustration img{
			width:100px;
			height:100px;
			}
			div.spotlight div.titraille{
			width:480px;
			margin-left:110px;	
			}
			div.spotlight div.titraille p.spottitle{
			font-size: 1.6em;
			line-height: 1.1em;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;
			}	
			div.spotlight div.titraille p.spottitle a{
			font-weight: bold;
			}	
			div.spotlight div.titraille div.intro {
			padding-bottom:5px;
			font-weight:normal;
			font-size:1em;
			line-height: 1.3em;
			padding-top:5px;
			}
			div.spotlight div.titraille div.intro div,div.spotlight div.titraille div.intro p,div.spotlight div.titraille div.intro div.suite{
			display:inline;
			}
			div.spotlight div.titraille div.intro div.suite{
			width: 80px;
			height: 18px;
			}	
			div.spotlight div.titraille div.intro div.suite a.puceorange{
			font-size:0.9em;
			font-weight: bold;
			}	
			div.spotlight div.spacer{
			margin-left:110px;
			width:480px;
			border-bottom:1px solid #cbcbcb;
			padding-bottom:5px;
			}	
				
	/* ARTICLES
	-------------------------------------------------------*/
	
				div.boxarticle{
				}
	/* tags suite PLUSTAG
	-------------------------------------------------------*/
	
				div.plustag{
				display:inline;
				font-size:0.9em;
				font-weight: bold;
				}	
				div.plustag a,div.plustag a:visited{
				color:gray;
				text-decoration:none;
				}
				div.plustag a:hover{
				color:gray;
				text-decoration:underline;
				}	
				
	/* pour l'affichage d'une breve
	-------------------------------------------------------*/				
			div.textebreve{
				font-weight: normal;
				margin:0;
				font-size:1.1em;
				padding-top:10px;
				line-height: 1.2em;
				}	
			div.textebreve div.illustration{
			Padding:0;margin:0;border:none;
			float:left;
				}				
			div.textebreve div.illustration img{
			width:100px; height:100px;border:none;
				}
			div.textebreve div.illustration p.creditsphoto{
			color:gray;font-size:0.7em;
				}					

			div.textebreve	div.cartouchebreve{
			margin:0 0 0 110px;
			}
			div.textebreve	div.cartouchebreve p.artititle{
			margin: 0;
			font-family: Geneva, Arial, Helvetica, sans-serif;
			padding:0 5px 5px 0;
			font-size:1.9em;
			line-height: 1.2em;
			}
			div.textebreve	div.cartouchebreve p.parauteur{
			padding:5px 5px 5px 0;
			font-size:1em;
			line-height: 1.2em;
			color:gray;
			}
	/*		div.textebreve	p{
			padding: 4px 0;
			margin:0;
			color: #2d2d2d;
			}
			div.textebreve	div{
			padding: 4px 0;
			margin:0 10px;
			color: #2d2d2d;
				}
			div.textebreve	ul {
    		list-style-type: disc;
    		list-style-image: url(puce.gif);
    		list-style-position: inside;
    		margin:0;
			}
			div.textebreve	ul	li {
			padding: 5px 0 0 15px;
			}
			div.textebreve H1,div.textebreve H2,div.textebreve H3,div.textebreve H4,div.textebreve H5,div.textebreve H6{
			padding:5px 0;
			font-weight: bold;
			}				
			
			*/
	/* ---------------------------------*/				
			
			div.corpsbreve{
			font-size:1em;font-weight:normal;
			letter-spacing: 0.02em;
			margin:0 0 0 110px;
			color: black;				
			}
			div.corpsbreve p{
			color: black;
			}
			div.corpsbreve div{
			color: black;
			}
			div.corpsbreve	ul {
    			list-style-type: disc;
    			list-style-image: url(puce.gif);
    			list-style-position: inside;
			}
			div.corpsbreve	ul	li {
			padding: 5px 0 0 15px;
			}
			div.corpsbreve blockquote {
			quotes: "\201C" "\201D";
			font-size:1.9em;
			font-style: italic;
			letter-spacing: 0;
			font-family: "Times New Roman", Times, serif;
			padding: 20px 0;
			text-align: center;
			}
			div.corpsbreve blockquote:before, blockquote:after, q:before, q:after{content:"";}

			div.corpsbreve blockquote:before { content: open-quote; font-weight: bold; }
			div.corpsbreve blockquote:after { content: close-quote; font-weight: bold; }
			div.corpsbreve blockquote p {
			display: inline;
			padding: 0;
			margin:0;
			text-indent: 0;
			}	
		
	/* --------- recopie de la home pour l'article ------------------------*/	
		
			div.textearticle{
			padding:0;
			margin: 0;	
			width:600px;
			padding-top:10px;
			font-weight: normal;
				margin:0;
				font-size:1.1em;
				padding-top:10px;
				line-height: 1.2em;
			}
			div.textearticle div.illustration{
			width:180px;
			float:left;
			margin-left:10px;
			}	
			div.textearticle div.illustration img{
			width:180px;
			height:180px;
			}
			div.textearticle div.illustration p.creditsphoto{
			color:gray;font-size:0.7em;
			}
			div.textearticle div.titraille{
			width:380px;
			margin-left:210px;	
			}
			div.textearticle div.titraille p.spottitle{
			font-size: 1.8em;
			line-height: 1.3em;
			font-weight: bold;
			}	
			div.textearticle div.titraille p.spottitle a{
			font-weight: bold;
			}	
			div.textearticle div.titraille div.intro {
			padding-bottom:5px;
			font-weight:normal;
			font-size:0.9em;
			line-height: 1.4em;
			padding-top:10px;
			font-weight: bold;
			letter-spacing: 0.01em;
			}
			div.textearticle div.titraille div.intro div,div.textearticle div.titraille div.intro p,div.textearticle div.titraille div.intro div.suite{
			display:inline;
			}	
			div.textearticle div.spacer{
			margin-left:110px;
			width:480px;
			border-bottom:1px solid #cbcbcb;
			padding-bottom:5px;
			}					
				

							
	/* styles du corps de l'article
	-------------------------------------------------------*/									
			div.corpsarticle{
				font-size:1em;
				letter-spacing: 0.01em;
				clear: both;
				padding-top:15px;
				width:600px;
				overflow: hidden;
			}
			div.corpsarticle p{
			position: relative;
			padding-top:5px;
			margin:0 10px;
			}
			div.corpsarticle div{
			position: relative;
			padding-top:5px;
			margin:0 10px;
			}
			div.corpsarticle h1,div.corpsarticle h2,div.corpsarticle h3,div.corpsarticle h4,div.corpsarticle h5,div.corpsarticle h6{
			padding:5px 0;
			font-weight: bold;
			}
			div.corpsarticle	ul {
    			list-style-type: disc;
    			list-style-image: url(puce.gif);
    			list-style-position: inside;
    			margin:0 20px 0 40px;
			}
			div.corpsarticle	ul	li {
			padding: 5px 0 0 15px;
			}
			div.corpsarticle p em,div.corpsarticle div em{
			font-style: italic;
			}
			div.cadre{
				padding:10px;
				border: 1px solid black;
				clear: both;
			}				

			div.corpsarticle blockquote {
			quotes: "\201C" "\201D";
			font-size:1.9em;
			line-height: 1.4em;
			font-style: italic;
			letter-spacing: 0;
			font-family: "Times New Roman", Times, serif;
			padding: 20px 0;
			text-align: center;
			}
			div.corpsarticle blockquote:before, blockquote:after, q:before, q:after{content:"";}

			div.corpsarticle blockquote:before { content: open-quote; font-weight: bold; }
			div.corpsarticle blockquote:after { content: close-quote; font-weight: bold; }
			div.corpsarticle blockquote p {
			display: inline;
			padding: 0;
			margin:0;
			text-indent: 0;
			}		
			
			
			.ligneauteur{
				position: relative;font-size: 10px;width: 100%;height:16px;line-height: 16px;background-color:#ffd800;
			}							

	/* Commandes
	-------------------------------------------------------*/			
			
 #commandes{
 	border-top:1px solid #ffd800;
 	padding:5px 0 0 0;
 	height:30px;
 	font-size:9px;
 }
  #commandes img{
  float:left;
  padding:2px;
 }
  #commandes a,#commandes a:visited{
  float:left;
  display:block;
  height:25px;
  line-height:25px;
  color:#ff6600;
  text-decoration: none;
  font-size:9px;
  padding-right:9px;
 }
  #commandes a:hover{
  text-decoration: underline;
 }

 
 	/* commentaires
	-------------------------------------------------------*/
#commentaires{
	margin-top:25px; 
}	
.reaction{
border-bottom:1px solid #ffd800;
padding:15px 0;	
}
.reaction .img{
	float:left;width:120px;
	text-align: center;
	overflow: hidden;
}
.reaction .img img{
	padding:5px;
}
.reaction .img a,.reaction .img a:visited{
	padding:5px;
	  color:#ff6600;
	  text-decoration: none;
	  font-size:10px;
}
.reaction .img a:hover{
	padding:5px;
	  color:#ff6600;
	    text-decoration: underline;
}
.txtcommentaire{
margin-left:130px;
background-image: url(maquette/plume.jpg);
background-position: top left;
background-repeat: no-repeat;
}
.txtcommentaire .datecommentaire{
	color:silver;
	font-size:10px;
	margin-left:30px;
}
.txtcommentaire .titrecommentaire{
	font-size:14px;font-weight:bold;color:black;
	margin-left:30px;
}
.txtcommentaire .textecommentaire{
	font-size:0.9em;
	padding-bottom:5px;
	
}
.txtcommentaire .textecommentaire p{
	padding-top:5px;
}

/* Breves
-------------------------------------------------------*/						
						
							.blocbreves{
								background-image: url(maquette/fondbreves.jpg);
								background-position: top left;
								background-repeat: no-repeat;
								clear: both;
								margin-top:10px;
							}
							ul.listebreves{
								padding:10px 0 10px 115px;margin:0;font-size:1.1em;font-weight:normal;
							}
							ul.listebreves li,ul.listebreves li a{
							font-weight: bold;
							padding-bottom:4px;
							}	

/* --------------------*/	

						.breves{
							background-image: url(maquette/brevestodayd9.png);
							background-position: top left;
							background-repeat: no-repeat;
							background-color: #d9d9d9;
							clear: both;
							position: relative;
						}
						.breves h5{
							padding-left:2px;
							font-weight: bold;
							font-size: 14px;
						}
							.ongletbreves{
							width: 300px;
							height: 35px;
							overflow: hidden;
							background-image: url(maquette/ongletbreves.png);
							background-repeat: no-repeat;
							background-position: top left;
							clear: both;
							}
						.breves ul{
							display: block;
							padding: 5px 10px 5px 10px;
							margin:0 5px 0 8px;
							font-size: 1.1em;
							letter-spacing: 0px;
							font-weight: normal;
							clear: both;
						}
						.breves ul li{
							padding:3px 0 3px 0;
							margin: 0;
							line-height: 1.1em;
							border-bottom:1px solid white;
							list-style: none;
						}
						.breves ul li a{
						text-decoration: none;
						color: black;
						}
						.breves ul li a:hover{
						color:#ff6600;
						font-weight: bold;
						text-decoration: none;
						}					
			
	/* Type d'article
	-------------------------------------------------------*/	
								.typearticle{
								text-transform: uppercase;
								font-size: 10px;
								display: block;
								width: 100%;
								/*modifié pour l'article*/
								text-align: center;
								height:16px;
								line-height: 16px;
								}
								.vuailleurs{
								background-color: #822ad3;
								color:white;
								}
								.chronique{
								background-color: #ffe653;
								color: black;
								}
								.evenement{
								background-color: #80d700;
								color: black;
								}
								.breveactu{
								background-color: #52606d;
								color:white;
								}
								.interview{
								background-color: #bd4c00;
								color: white;
								}
								.critique{
								background-color: #ff0000;
								color: white;
								}
								.audiences{
								background-color: #05609a;
								color: white;
								}
								.actualite{
								background-color: silver;
								color: black;
								}
								.dossier{
								background-color: #6aa46a;
								color: white;
								}
								.envie{
								background-color: #ff5bb6;
								color: white;
								}
								.fiction{
								background-color: #ffd800;
								color: black;
								}
								.presse{
								background-color: #09b1ee;
								color: black;
								}
								.magazine{
								background-color: #a4082b;
								color: white;
								}