/*
Theme Name: ParsEnLive 5 - AJAX
Theme URI: http://wordpress.org/
Description: ParsEnLive 5
Version: 1.0
Author: Mathias Lamamy
Tags: AJAX
*/

body {
	color: #FFF;
	font-family: 'Arial', Verdana, sans-serif;
	font-size:12px;
	margin: 0px;
	padding: 0px;
	background-color:#000;
	background-image: url(images/texture_papier_rouge_fond.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	margin-top: 0px;
	text-align:center; 
	
}

html {overflow:scroll;}

.base {
	color: #000;
	font-family: 'Arial', Verdana, sans-serif;
	font-size:12px;
}

a {
	color: #900;
	text-decoration: none;
}

a img {
	border: none;
}

a:hover {
	color: #600;
	text-decoration:none;
}

h2 {
	padding-top:30px;
}

.police12 {	font-size:12px;}
.police11 {	font-size:11px;}
.police10 {	font-size:10px;}
.police9 {	font-size:9px;}
.policeblanc {color:#FFFFFF; }


.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    padding: 10px;
    font-family: Verdana, Arial;
    font-size: 10px;
    background-color: #FFFFCC;
}


#fond_rouge_fond {
	/*background-image: url(images/pel3_fond_rouge.png);
	background-repeat:repeat-y;	*/
	background-image:url(images/pel3_fond_rouge_et_blanc.png);
	background-repeat:repeat-y;
	color:#FFFFFF;
	z-index:1;
	
						/* pour FIREFOX */
	position:fixed;		
	top:0px;
	width:1000px;
	height:100%;
	left : 50%;
	margin-left:-500px;
	text-align:left;
}

#colonne_menu1 {		/* colonne flash */
	position:absolute;
	
	left : -20px;
	/*margin-left:-384px;*/
	/*left : 924px;*/
	/*border:#FF0000 1px dashed;*/
	top:0px;
	color:#000;
	
	margin-top:0px;
	padding:0px;
	width:170px;
	height:600px;
	z-index:41;
}




#colonne_menu2 {
	position:absolute;
	top:0px;
	left:145px;
	color:#000;
	width:320px;
	text-align:left; 
	
	/*border:#006666 1px solid;	*/
}
#colonne_menu2 a {
	color:#FFFFFF;
}
#colonne_menu2 a:hover {
	color:#990000;
}

	
	
.colonne_menu1_content {
	position:absolute;
	left:0px;
	top:0px;
	margin-top:0px;
	padding-top:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	z-index:60;
}
	
#colonne_content_fond {		/* colonne blanche */
	position:absolute;
	left:330px;
	color:#000;
	width:580px;
	height:100%;
	text-align:left; 
}
	
#colonne_content_texte {
	/*position:absolute;*/
	position:absolute;
	color:#000;
	left:477px;
	top:170px;
	
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	width:510px;
	text-align:left; 
	/*border:#006666 1px solid;*/
}
#colonne_content_texte a {
	color:#990000;
}
#colonne_content_texte a:hover {
	color:#f00;
}



	
#titre_flash {
	position:absolute;
	left:460px;
	top:6px;
}
	
	
#fond_rouge_texte {
	height:1px;
	position:absolute;
	left : 50%;
	margin-left:-500px;

	text-align:left;
	width:1000px;
	z-index:28;
	color:#FFFFFF;	
	top:0px;

}





.le_titre {
	color:#660000;
	margin: 0;
	font-weight:bolder;
	font: "Arial", Times, serif;
	font-size: 22px;
	letter-spacing: -1px;
}

.le_titre a {
	text-decoration: none;
	color:#660000;
	font-weight:bolder;
	font: "Arial", Times, serif;
	font-size: 22px;
	letter-spacing: -1px;	
}
.le_titre a:hover {
	text-decoration: none;
	color:#c00a0a;
}




.la_date {
	font: 100% "Arial", Times, serif;
	font-size: 12px;
	text-align: left;
	color:#555;
}






.lien_colonne_2 {
	color:#fcc;
	margin: 0;
	font-weight:bold;
	font: "Arial", Times, serif;
	font-size: 14px;
	letter-spacing: -1px;
	padding:3px 0 0 0;	
}

lien_colonne_2 a:hover {
	color:#400;
}






/* Rend invisible tout notre bloc span */
a.info_bulle span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    background     :  #fff;   /* Définition du fond, sinon on a le même que notre lien */
	color:#666666;
	text-decoration : none; 
	font-size:16px;
	font-weight:bold;
/*    border         :  1px solid #6699FF;*/ /* Définition des bordures */
} 

a.info_bulle
{				
  color           : #000;
  text-decoration : none; 
  /*padding         : 2px 16px 2px 2px; *//*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  /*background      : transparent url('comment.gif') no-repeat right center;*/
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
    top        :  auto;
    left       :  auto;
    width      :  35px;
    height     :  35px;
	padding:7px;
    overflow:hidden;
}        


#chargement_article {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FF9900;
	padding-top:50px;
	padding-bottom:100px;
}



/* COMMENTAIRES */

.un_commentaire {
	-moz-border-radius: 7px;
	background-color:#EEE;
	padding:5px;
	color:#000000;
	margin-right:20px;
}
#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 10px;
	list-style-type: none;
}

#commentlist li .avatar {
	float: right;
	margin-right: 25px;
	border: 1px dotted #ccc;
	padding: 2px;
}



.lien_colonne_2_la_date {
	font: 100% "Arial", Times, serif;
	font-size: 9px;
	text-align: left;
	color:#FAA;
	padding:0 0 0 0px;
}
.lien_colonne_2_petit {
	font-size: 12px;
	letter-spacing: 0px;
	font-weight:normal;
	padding:0px 0 0 0;
}



.recherche_titre {
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
}

.recherche_resultat {
	color:#000000;
	font-size:12px;
}

#masquer_carte {
	text-align:right;
}
#afficher_carte {
	text-align:right;
	display:none;
}

#reduire_carte {
	text-align:right;
}
#agrandir_carte {
	text-align:right;
	display:none;
}