/*  
Theme Name: Ecran Noir theme mai 2008
Theme URI: http://www.ecrannoir.fr
Description: L'environnement d'EN.
Version: 1.0
Author: MpM
Author URI: mpmenligne.free.fr


*/

body {
	/*font-size: 62.5%; Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	color: #494949;
	background-color: white;
	}
	
#new_header {
		background: #73a0c5 url('images/blog_mainvisual.jpg') no-repeat;
		background-color: white;
		margin: 0px 0px 0 0px; 
		padding: 0; 
	}
	
#header {
	display: none;}

	

#headerimg {
	margin: 0;
	width: 100%;
	}
	
/* espace en haut de la page pour pub et menu*/
#pub {
	background-color: black;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	padding: 0;
	}	

#bandeau_pub {
	margin-left: auto;
	margin-right: auto;
	background-color: black;
	/*height: 107px;
	width: 728px;*/
}
	
/* menu général*/


.menu {
	background-color: black;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10px;
	font-weight: bold;
	color: white;
	padding: 5px 0 0 0;
	margin: 0;
	height: 24px;
}

.menu a {
	color: white;
}

.menu ul {
	margin: 0;
	padding: 0;

}

.menu li {
	list-style-type: none;
	text-align: center;
	vertical-align: center;
	float: left;
	height: 15px;
	margin-top: 6px;
	padding-top: 0;
}

#logo {
	margin-right: 10px;
	margin-top: 0;
}

#films {
	width: 41px;
	background-image: url('images/nav_fond_bleu.gif');
	background-repeat: repeat-x;
	display: block;
	vertical-align: center;
	padding-top: 3px;
}

#celeb {
	width: 75px;
	background-image: url('images/nav_fond_rose.gif');
	background-repeat: repeat-x;
	padding-top: 3px;
}

#dossier {
	width: 66px;
	background-image: url('images/nav_fond_orange.gif');
	background-repeat: repeat-x;
	padding-top: 3px;
}

#evene {
	width: 80px;
	background-image: url('images/nav_fond_bleu.gif');
	background-repeat: repeat-x;
	padding-top: 3px;
}

#entrev {
	width: 72px;
	background-image: url('images/nav_fond_rose.gif');
	background-repeat: repeat-x;
	padding-top: 3px;
}

#ecran {
	width: 85px;
	background-image: url('images/nav_fond_orange.gif');
	background-repeat: repeat-x;
	padding-top: 3px;
}

#blogs {
	width: 44px;
	background-image: url('images/nav_fond_bleu.gif');
	background-repeat: repeat-x;
	padding-top: 3px;
}

#espace {
	width: 50px;
}

.menu .icon_menu {
	padding-bottom: 15px;
	margin-top: 8px;
	margin-right: 3px;
}

.menu .icon_menu2 {
	margin-top: 6px;
}
	/* ===>formulaire de recherche*/
#searchform {
	margin:  0 0 10px 0;
	}	
	
#searchsubmit {
	height: 14px;
	width: 16px;
	padding: 0;
	border:0;
	cursor: pointer;
}
	
#s {
	width: 100px;
	height: 12px;
	margin: 0;
	padding: 0;
	font-size: 10px;
}
	
	
/*on crée un div vide de 33px de hauteur pour le futur espace connexion	*/
#espace_connexion {
	height: 33px;
}
	
	
/*entête = "posté par" pour chaque post*/
.entete {
		background-color: #c7c7c7;
		color: #494949;
		font-size: 9px;
		font-weight: bold;
		padding: 3px 5px 0 5px;
		vertical-align: center;
		height: 18px;
		}

/* idem mais pour commentaires*/
.entete2 {
		background-color: #c7c7c7;
		color: #494949;
		font-size: 9px;
		font-weight: bold;
		padding: 3px 0 0 2px;
		margin: 7px 10px 7px 10px;
		display: block;
		height: 18px;
		}

	

/*cadre qui correspond à la page*/	
#page {
	background-color: white;
	text-align: left;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 980px;
	}
	

/* cadre home qui affiche tous les posts*/
#lesposts {
		padding : 0;
		font-size : 12px;
		}
		
/* 1 post*/
.widecolumn .post {
	padding : 0 10px 0 10px;
	margin: 0;
	text-align: justify;
	}
	
.degrade{
	background-image: url(images/blog_fond_degrad1.jpg );
	background-repeat: repeat-x;
	background-position: bottom;
}

/* cadre qui contient les 2 cols du blog */				
#tout_3cols {
			margin: 0;	
			padding: 0;
			background-color: white;
			}
	
/* contenu de la col de gauche*/
#content {
		font-size: 12px;
		width: 650px; /*taille col de gauche : sinon ça pousse la col de droite*/
						}

/* colonne de gauche dans single*/	
.widecolumn {
			padding: 0 0 20px 0;
			margin: 0 10px 0 10px;
			float: left;
			}
/* paragraphe postmetadata dans single*/			
.widecolumn .postmetadata {
	margin: 5px 0;
	}
			
	/* colonne du milieu dans index*/
.narrowcolumn {
	float: left;
	padding: 0 0 20px 0;/*modif EN padding gauche */
	margin: 0 10px 0 10px;
	}		
	
.narrowcolumn .entry {	
	text-align: justify;
}

/* la sidebar*/
#sidebar
{
	padding: 0 0 10px 0;
	margin: 0 10px 0 auto; /*670px; modif marge gauche*/
	width: 300px;
	font: Verdana, Arial, Sans-Serif;
	}
	
#sidebar ul {
	padding: 0;
}

/* colonne de gauche dans index, text "postmetadata = en dessous de chaque post*/	
.narrowcolumn .postmetadata {
	text-align: center;
	font-size: 11px; /* pour que le texte en dessous de chaque post soit écrit plus petit*/
	}
	

.narrowcolumn .postmetadata {
	padding: 5px 0 5px 0;
	margin: 0;
	}

	
/* titre des posts + ??? */
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #c71600;
	font-size: 18px;
	font-weight: bold;
	}
	
/* survol liens dans titres*/
h2 a:hover, h3 a:hover {
	color: #494949;
	text-decoration: none;
	}	

/* survol liens autres */
a:hover {
	text-decoration: underline;
	}
/* texte dans post*/
.entry {
	margin: 5px 0 0 25px;
	width: 600px;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Arial, Sans-Serif;
	
	}
	
.entry p {
	margin: 7px;
}

/* on, doit spécifier taille police des posts pour lapage single*/	
.widecolumn .entry p {
	font-size: 12px;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}
		
/* liens visités dans les posts */	
.entry p a:visited {
	color: #c71600;
	}

	
/* tag dans page single*/
#tag {
	text-align: right;
	margin-bottom: 0;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 11px;
	color: #c71600;
}	

	
/* Texte en dur dans postmetadata */
small, .nocomments, .postmetadata, blockquote, strike {
	color: #c71600;
	}
	
/* menu navigation sur single, + cas selon précédent ou suivant*/	

.navigation {
	display: block;
	text-align: center;
	margin: 10px;
	}
	
.alignright {
	float: right;
	font-size: 10px;
	font-weight: bold;
	color: #494949;
	}

.alignleft {
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #494949;
	}

/* Bloc de commentaires */	
	
.commentlist {
	padding: 10px 0 0 0;
	margin: 0 10px 0 10px;
	text-align: justify;
	background-color: #696969;
	color: white;
	}	
	
.commentlist li {
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
	list-style: none;
	
	}
	
.commentlist p {
	margin: 2px 10px 0px 10px;
	padding-bottom: 8px;
	font-size: 9px;
	font-weight: normal;
	border-bottom: 1px dotted #e65200;
	}
	
.cartouche_commentaires {
	background-color: #c0c0c0;
	margin: 0;
	padding: 0;
	height: 21px;
}

#zone_comments {
	background-color: #c0c0c0;
	margin: 0 10px 0 10px;
	padding: 0;
	height: 21px;
}
/* cartouche commentaires sur index*/

#comments2 {
	width: 300px;
	height: 21px;
	margin: 0 0 0 auto;
	color: #dae800;
	background-color: #696969;
	text-align: left;
	font-weight: bold;
	font-size: 9px;
	}
	
#comments2 a {
	color: #dae800;
}

#comments2 li {
	list-style-type: none;
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}

#comments2 ul {
	margin: 0;
	padding: 3px 0 0 0;
	float: left;
}


/* cartouche commentaires sur single*/

#comments {
	width: 290px;
	height: 21px;
	margin: 0 0 0 auto;
	color: white;
	background-color: #696969;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	}

.titre_cartouche_single {
	margin-left: 5px;
}

/* marqueur spécial pour l'image d'arrondi*/

.arrondi {
	float: left;
}

	
#fluxrss {
	background-color: #696969;
	color: white;
	font-weight: bold;
	font-size: 9px;
	text-align: right;
	padding: 5px 10px 5px 0px;
	margin: 0 10px 0 10px;
}

#fluxrss a:hover {
	color: white;
	text-decoration: underline;
	}

#fluxrss a {
	color: white;
}

#formulaire_comm {
	background-color: #c7c7c7;
	margin: 0 10px 0 10px;
	padding: 10px 0 0 0;
	min-height: 250px;
}

	
#formulaire_comm #respond{
	margin: 0 0 20px auto;
	padding: 0;
	background-color: #696969;
	height: 21px;
	width: 290px;
	font-size: 11px;
	font-weight: bold;
	color: white;
}

/* aligner le logo du cartouche de titre dans rédaction d'un commentaire avec le titre du cartouche (titre_cartouche_redac)*/
.img_cartouche_redac {
	float: left;
}

.titre_cartouche_redac {
	float: left;
	margin-left: 5px;
	margin-top: 3px;
}

#commentform {
	margin: 0 10px 0 10px;
}

#commentform textarea {
	float: left;
	width: 310px;
	display: block;
	margin-left: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #858585;
	border-right: 1px solid #858585;
	border-left: 0 none;
	border-top: 0 none;
	}
	
#champs_form input {
	border-bottom: 1px solid #858585;
	border-right: 1px solid #858585;
	border-left: 0 none;
	border-top: 0 none;
}
	
#champs_form {
	float: left;
}

#champs_form label {
	font: bold 10px verdana, sans-serif;
	color: black;
}

/* bouton envoyer*/

#submit:hover {
	text-decoration: underline;
}

#commentform #submit {
	margin: 2px 0 0 0;
	padding: 0;
	width: 84px;
	height: 13px;
	background-color: #ff591e;
	font: bold 10px verdana, sans-serif;
	color: white;
	float: left;
	border: 0 none;
	}
	
.fleche_envoi {
	float: left;
	margin-left: 5px;
}


#bouton_envoi {
	margin-left: 500px;
}

#commentform p.identifie{
	margin-left: 43px;
	font-size: 10px;
	font-weight: bold;
}
	
/* signalétique commentaires sur l'index*/
.comm_postmeta {
	text-align: right;
	margin-right: 5px;
	background-color: #696969;
}

/* divers*/
.clear {
		clear: both;
		}
		
p {
	margin: 0;
	padding: 0;
}

/* pour se donner un peu d'air dans un bloc*/
.aere {
	padding: 3px;
}

/* liens en général */
a {
	color: #C71600;
	text-decoration: none;
	}
	
/* ========================================================> tout ce qui concerne la sidebar  <==================================================*/

/* liste générale avec tous les cadres : pour éviter espace intempestif en haut*/
#liste_gene_sidabar {
	margin: 0;
	padding: 0;
}

#sidebar .sidebar_img_titre {
	margin-bottom: 3px;
}

	/* calendrier*/
	
#wp-calendar tbody td a:hover {
	text-decoration: underline;
}

#wp-calendar tbody td {
	padding: 0;
	margin: 0 3px 4px 0;
	text-align: center;
	border-right: 1px solid #aeaeae;
	border-bottom: 1px solid #aeaeae;
	background-color: #e1e1e1;
	height: 25px;
	width: 25px;
	color: #858585;
	}
	
	/* liens*/
#wp-calendar tbody td.daywithpost {
	background-color: #e65200;
	border-right: 1px solid #ae3e00;
	border-bottom: 1px solid #ae3e00;
	text-decoration: none;
	color: white;
	font-weight: bold;
	height: 100%;
	vertical-align: middle;
}

/* date du jour*/
#wp-calendar tbody #today {
	color: #e65200;
	background-color: white;
}
	
#wp-calendar tbody #today a {
	color: #e65200;
}
	
#wp-calendar tfoot {
	display: none;
}

#wp-calendar th {
	text-align: center;
}
	
#wp-calendar td.pad {
	visibility: hidden;
	}
	
#wp-calendar {
	empty-cells: show;
	margin: 13px 0 0 13px;
	font-size: 11px;
	font-weight: bold;	
	}
	
#wp-calendar caption {
	display: none;
	}
	
/* liste dans liste*/	
#sidebar ul ul li, #sidebar ul ol li {
	margin-bottom: 5px;
	padding: 0;
	}
	
/* dégradé de fond sur chaque bloc de la sidebar*/	
#sidebar .sidebar_bloc {
	background-color: white;
	background-image: url('images/blog_fond_degrad2.jpg');
	background-repeat: repeat-x;
	overflow: auto;
}


/* bloc qui contient toute la présentation de l'auteur*/

#sidebar_img_auteur {
	margin: 9px;
	border: 3px solid white;
	float: left;
}

.sidebar_auteur {
	overflow: auto; /* pour éviter les problèmes de clear both qui envoie le texte en bas de page*/
	padding-bottom: 5px;
}

#sidebar_text_auteur {
	float: left;
	margin: 9px;
}

.sidebar_nom_auteur {
	font-size: 12px;
	font-weight: bold;
	color: #494949;
}

.sidebar_age_auteur {
	font-size: 10px;
	font-weight: bold;
	color: #494949;
}

.sidebar_resume_auteur {
	font-size: 10px;
	color: #494949;
	margin: 0 9px 9px 9px;	

}


a.sidebar_lien_auteur{

	font-size: 9px;
	font-weight: bold;
	color: #c71600;
	margin-left: 170px;
}

a:hover.sidebar_lien_auteur {
	text-decoration: underline;
}

.tags {
	padding: 2px;
}

/* archives*/

.titre_liens_archives {
	font-size: 11px;
	color: #858585;
	font-weight: bold;
	display: block;
	margin-top: 5px;
}

.liste_liens_archives {
	margin: 0 0 0 15px;
	color: #858585;
}


.liste_liens_archives a {
	font-size: 9px;
	font-weight: bold;
	color: #c71600;
	}

	
.liste_liens_archives a:visited {
	color: #858585;
}

/* créer dégradé dans le bloc, class créée automatiquement par wpmu, ne peut pas être recouverte par sidebar_bloc*/
.categories {
	background-color: white;
	background-image: url('images/blog_fond_degrad2.jpg');
	background-repeat: repeat-x;
	overflow: auto;
}

.categories h2 { /* supprimer le titre automatique*/
	display: none;
}

.categories ul {
	margin: 3px 0 0 0;
	padding: 0;
}

.categories li.cat-item {
	font-size: 10px;
	font-weight: bold;
	color: #858585;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 15px;
}

.categories li.cat-item a {
	color: #c71600;
}

.categories li.cat-item a:visited {
	color: #858585;
}
	

/* cartouche PUBLICITE*/
.titre_pub {
	height: 21px;
	background-color: #d7d7d7;
	color: #858585;
	font-weight: bold;
	font-size: 10px;
	letter-spacing: 5px;
	text-align: center;
	padding-top: 7px;
}

/* les liens*/

.bloc_liens {
	padding-top: 16px;
	padding-right: 14px;
	padding-left: 14px;
}

.bloc_liens .list_bookmarks {
	margin: 0;
	padding: 0;
}

.bloc_liens .linkcat ul {
	margin: 0;
	padding: 0;
}

#sidebar .bloc_liens .linkcat ul li {
	width: 260px;
	height: 16px;
	background-color: white;
	background-image: url('images/blog_arrow_liens.gif');
	background-repeat: no-repeat;
	background-position: left;
	color: #e65200;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 2px;
	margin-top: 2px;
}

.bloc_liens .linkcat li a {
	color: #e65200;
	padding-left: 25px;
	}
	
.bloc_liens .linkcat li a:visited {
	color: #858585;
}



/* pied de page*/

#footer {
	width: 960px;
	padding-left: 10px;
	padding-right: 10px;
}

#footer hr {
	background-color: #858585;
	color: #858585;
	height: 1px;
	border: none;
}

#footer ul {
	margin-left: 770px;
	margin-top: 0;
}

#footer li {
	float: left;
	list-style-type: none;
	font-size: 9px;
	font-weight: bold;
	color: #494949;
	margin-bottom: 8px;
}

#footer li a { 
	color: #494949;
}