/* BLOG.CSS */

/* Le blog */

#blogNavigationarchives {
	background: #FFFFFF;
	padding: 10px;
	padding-top:20px; /* pour compenser le HR invisible qui fait clear both (encore une belle phrase)*/
	width: 880px;
}


#blogNavigationarchives  ul li {
/* Copier coller de a.bouton/a.etroit */
display:block;
width:115px;
background:url(../UI/BoutonEtroit.png) no-repeat;
height:19px;

padding-top:3px;
text-align:center;
color: #FFF;
font-size: 0.9em;
letter-spacing:0em;
font-variant:small-caps;
font-weight:normal;
margin:auto;

}

	#blogNavigationarchives  ul li a {
	color: #CCCCCC;
	}
	
	#blogNavigationarchives  ul li a:hover {
		text-decoration:none;
	}


	#blogNavigationarchives ul {
		list-style:none;
		margin:0!important;
	}
	
	#blogNavigationarchives li {
		float:left;
		margin:0!important;
		margin-bottom:5px!important;
		list-style:none;
	}
	
	#blogNavigationarchives hr.Clear {
	width:800px!important;
	clear:both;
	}

/* Colonne de commentaires, facebook,... */
#blogSidebar {
	float: right;
	width: 250px;

}
	
	#blogSidebar div{
	background:#FFFFFF;
	margin-bottom:5px;	
	padding:10px;

	}
	#blogSidebar h2, .postSidebar h3 {
	margin-bottom:3px;
	}
	#blogSidebar  h2.soustitred {
	margin-bottom:0!important;
	}
		
	#blogSidebar  hr{
	margin-bottom:10px;
	}

	
		/* Statut Facebook */
		#blogSidebar #Statut
		{
		padding:0!important;
		height:170px;
		overflow:hidden;
		}
		
		#blogSidebar #StatutOn {
		background:url(../UI/BlogSidebarStatutOn.png);
		width:230px;
		height:125px;
		position:absolute;
		margin:10px;
		padding:0!important;
		padding-top:25px!important;
		visibility:hidden;
		}
		
		
	 	#blogSidebar #StatutOn a{
		background:url(../UI/BlogSidebarStatutOn.png);
		font-size:1.2em;
		color:#FFF!important;
		display:block;
		height:20px;
		padding:15px;
		width:200px;
		border-top:solid #FFF 1px!important;
		text-align:center;
		}
		
		#blogSidebar #StatutOn a:hover{
		text-decoration:none!important;
		}
		#blogSidebar #StatutOn a#twitter{
		border-bottom:solid #FFF 1px!important;
		}
		
		#blogSidebar #StatutOn a img{
		border:none!important;
		}
		
		#blogSidebar #twitter_div {
		background:url(../UI/BlogSidebarStatut.png)!important;
		height:170px;
		}
		
		#blogSidebar #twitter_div ul {
		padding:0!important;
		margin:0!important;
		}
		
		#blogSidebar #twitter_div li {
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.2em;
		font-weight:lighter;
		letter-spacing:-0.05em;
		color:#FFFFFF;

		padding-top:55px;
		padding-left:15px;
		padding-right:15px;
		
		display:block;
		list-style:none;
		width:210px;
		overflow:hidden;
		}
		#blogSidebar #twitter_div li a{
		display:none;
		}
		
	/* Entete de catégorie (pr SINGLE) */
	#blogCategorieLien {
	background:url(../UI/BlogSidebarStatutOn.png);
	width: 620px;
	position:absolute;
	visibility:hidden;
	}

	#blogCategorieLien a {
	padding:1em;
	display:block;
	color:#FFF;
	}


	/* L'article */
	#blogArticle {
	background: #FFFFFF;
	padding: 10px;
	padding-bottom:50px;
	width: 600px;
	
	}

	#blogArticle h1 {
	padding-top:20px;
	padding-right:20px;
	margin:0!important;
	}
	
	
	
	/* Les images */
	#blogArticle img {
		border: 1px solid #CCCCCC;
		padding: 5px;
		margin: 5px;
		text-align: center;
	}
	#blogArticle a:hover img {
		border: 1px solid #CCCCCC;
		padding: 5px;
		margin: 5px;
		text-align: center;
	}
	
	/* Article cinéma - Infos sur le film */
	h3#blogCinemaTitre
	{
		text-transform:uppercase;
		color:#489FAC;
	}
	
	
	
	/* Les listes d'articles (Archives) */
	
	#bloglisteTitre {`
	background-color:none!important;
	width: 600px;
	}
	
	.bloglisteArticle {
	background: #FFFFFF;
	padding: 10px;
	padding-top:30px;
	width: 580px;
	border: solid #FFF 10px;
	}

	.bloglisteArticle h2 {
		display:inline;
		padding:2px;
		background-color:#FFF!important;
	}
	
	.bloglisteArticle small {
	display:inline;
	padding:2px;
	margin-top:2px;
	background-color:#FFF!important;
	color:#489FAC!important;
	font-variant: small-caps;
	}
	
	.bloglisteArticle a.bouton {
		margin-top:20px!important;
		margin-left:0!important;
		margin-right:10px;
	}
	
	/* Lien "Commentaire" & "SHARE" */
	#blogActions
	{
		text-align:center;
		height:100px;
		overflow:hidden;


	}
	
	#blogActions td {
		width:50%;
		background-color:#CCC;
		height:100px;
		overflow:hidden;

	}
	#PartagerOn {
		background:url(../UI/BlogSidebarStatutOn.png);
		width:300px;
		height:80px;
		position:absolute;
		margin:10px;
		padding:0!important;
		visibility:hidden;
		}
	
	/* Commentaires */
	
		/* Formulaire */
		#blogCommentaires #Formulaire {
		width:580px;
		text-align:left;
		}
		
		/* Formulaire Commentaire */
		#blogCommentaires #Formulaire textarea {
		width:580px;

		font-size:1.7em;
		font-style:italic;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#FFFFFF;
		padding:5px;
		padding-bottom:20px;
		background-image: url(../UI/BlogCommentaireFond.png);
		background-position: left bottom;
		background-color: #003847;
		background-repeat: no-repeat;
		border:none;
		overflow:auto;

		}


		#blogCommentaires #Formulaire input#auteur {
		font-size:1.7em;
		
		width:150px;
		color:#333333;
		font-variant:small-caps;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		}
		
		
		/* Commentaires */
		
		#blogCommentaires .Commentaires {
		margin-bottom:0!important;	
		padding:0!important;
		


		}
		
		#blogCommentaires .Commentaire {
		width: 580px;

		}
		
		#blogCommentaires .Commentaire .Texte{
		font-size:1.3em;
		font-style:italic;
		text-align:justify;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#FFFFFF;
		padding:10px;
		padding-bottom:30px;
		background-image: url(../UI/BlogCommentaireFond.png);
		background-position: left bottom;
		background-color: #003847;
		background-repeat: no-repeat;
		}

		
		
		
		#blogCommentaires .Commentaire .Infos {
		color:#333333;
		}

		#blogCommentaires .Commentaire .Infos h3{
		font-size:1.2em;
		margin-bottom:0;
		}
		
		#blogCommentaires .Commentaire .Infos p.sous{
		font-size:0.8em;
		letter-spacing:-0.05em;
		font-weight:bold;
		text-transform: uppercase;
		}
	
		#blogCommentaires .Commentaire hr {
		clear:both;
		margin-bottom:3px;
		margin-top:3px;
		}

		/* Commentaires - on masque tout les elements du formulaire (sauf le textaera), il seront affiche via JS si clic sur le textarea */
		#author, #email, #url, #submit, #formulaireTitre {
			display:none;
		}
		
		.Dieu {
		background:#003847!important;
		}	
		
		.Dieu .Texte {
		background-color:#003847!important;
		background-image: url(../UI/BlogSidebarCommentaireFondDieu.png)!important;
		color:#333333!important;

		}	
		
		.Dieu .Infos {
		color:#FFFFFF!important;
		background-color:#003847!important;
		}	
		
		.Dieu .Infos h3 {
		color:#FFF!important;
		}

	
	
	/* Navigation suivant/précédent */

	.blogNavigationpages{
		background: #FFFFFF bottom no-repeat;
		padding: 10px;
		padding-bottom:50px;
		width: 600px;
		margin-top: 20px;
	}

	.blogNavigationpages #prec {
		float:left
	}
	
	.blogNavigationpages #suiv {
		float:left
	}
	
	
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Anti Effet Clignotement (texte non Sifré)
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h1 {
    visibility: hidden;
	font-size:4em!important;
  }

  .sIFR-active h2.soustitred, .sIFR-active h2.sous {
    visibility: hidden;
  }
}