/* Feuille de style pour le site en général */

body  { background: black;
	font-family: sans-serif, helvetica, arial; 
	font-size: 0.85em; 
	text-align: justify;
	color: white;}


/* Texte - Général */

a { color: #348eb0;
    font-weight: bold;
    text-decoration: none; }
    
a:visited { color: #a7bfc8; }
a:hover   { color: white; }

h3 { margin-bottom: 0.2em; }

h4 { background: #111111;
     color: white;
     text-align: center;
     margin: 0em 0em 1em 0em;
     padding: 0.25em 1em;
     border: thin solid #111111;
     text-transform: uppercase; }

h5 { color: white;
     text-transform: uppercase;
     margin: 0em 0em 1em 0em;
     padding: 0.5em 1em;
     border-bottom: dotted thin #cccccc; }

ul { padding: 0em 1em; 
     margin: 0em; }

li { list-style: none; }

.inline li { display: inline; 
             padding: 0em 1em; }

acronym { border: none;
          font-weight: bold;
	  color: #777777;
	  cursor: pointer; }
	  
/* Container Principal */

#page { position: absolute;
	     margin-left: 3%; 
	     margin-top: 1%;
	     padding: 0.9% 0.9% 0% 0.9%;
	     width: 91%; }


/* Sub-Container - englobe left_col et right_col */

#wrapper { margin-left: 14.55%; 
	       width: 85%; 
              }


/* Image de Fond - Haut */

#top { /* position: relative; */
          line-height: 0;
	  text-align: right;
	  width: 100%;
	  height: 28%; }

#top p { margin: 0; }


/* Menu */

#menu { float: left;
	background: #2c81a0;
	width: 15%;
	text-transform: uppercase;
        overflow: hidden;  
	padding: 0;
	margin: 0; }     

.indent p { text-indent: 1em;
            margin-bottom: 0;
	    border-bottom: dotted thin #111111; }

#menu_img p { line-height: 0;
              padding: 0;
	      margin: 0; }

#menu_img img { width: 45%; }

#menu h4 { text-align: left; border: solid thin #222222; background: #222222; }

#menu a:link    { color: black; }
#menu a:visited { color: #a7bfc8; }
#menu a:hover   { color: white; }


/* Colonne de Gauche */

#content { width: 70%; 
	    padding-bottom: 0em; } 
	    
#content p { padding: 0em 2em; }

#content h4 { margin-left: -2.5%; }

   
.concert#content h5 { color: #348eb0;
                       padding-top: 1em; 
                       font-size: 105%;
                       border-top: dotted thin #cccccc;
                       border-bottom: none;} 

/* Colonne de Gauche - Block */

html>body .post { float: left; margin-top: 0em; } /* Hack for Opera & Mozilla - so IE can't see it and mess up with floated divs */

.post { margin: 1em 0em 2em 2.5%;
	          padding-bottom: 1em;
                  width: 94%;
		  overflow: hidden;
		  border: dotted thin white; }

.post p { padding: 0em 1em 0em 0em;
                    margin: 0em; }

.post img { float: right;
	              margin: 0em 0em 1em 1em;
		      border: thin solid #222222; }
		      
.loupe { float: right;
	 margin: 1em 0em 2em 2.5%;
	 width: 120px;
	 text-align: center;
	 padding: 0em 1em 0em 0em;}

.loupe  { border: thin solid #222222; }


.post ul { padding-left: 2em; }
.post li { padding-left: 1em; }

.post h5 { text-align: center; }

/* Colonne de la taille du container pour VPC */

#big_col { padding: 0em 2%; width: 96%; }

#big_col table { margin: 0em 0em 1em 0em;
                 padding-bottom: 1em;
		 border-spacing: 0;
		 border: dotted thin white;
		 text-align: left;
		 background: #222222; }
		 
#big_col th { padding: 0em 1em;
              background: #111111;
	      border-bottom: dotted thin white;
	      text-transform: uppercase; }
	      
#big_col td { padding: 0em 1em; }


/* Colonne de Droite */
 
#sidebar { float: right;
             top: 20%;
	     width: 30%; 
	     overflow: hidden;
	     padding-bottom: 0em; }

#sidebar p { padding: 0em 1em; } 

#sidebar h4 { background: black;
                margin-right: 0.5%;}


/* Colonne de Droite - Block */

html>body .blognav { float: right; width: 90%; } /* Hack for Opera & Mozilla - so IE can't see it and mess up with floated divs 
html>body .blogextra { float: right; width: 90%; } /* Hack for Opera & Mozilla - so IE can't see it and mess up with floated divs 
*/


#kata, #search, .selected, .categories, .pages, .syndicate { margin: 0em 0.5% 1em 0.5%;
                   padding: 1em 0.2em;
		   background-color: #111111;
		   border: dotted white thin;
		   overflow: hidden; }

#kata img, #search img, .selected img, .categories img{ float: left;
		 margin: 0em 1em 1em 0em;
                 border: thin solid #222222; } 

#kata li, #search li, .selected li, .categories li, .pages li, .syndicate li{ text-transform: capitalize;
		      padding-top: 0.3em;}

fieldset{ border: none;}

/* Image de Fond - Bas de Page */

#footer { position: relative; 
          float: right;
	  text-align: right;
	  width: 100%; }

#footer p { margin: 0;
            line-height: 0;
            padding: 2em 0em 0.9% 0em; }


/* Retour */

#retour { position: relative;
          float: left;
	  width: 100%; }

#retour h4 { background: transparent;
             padding: 0.5em 1em 2em 1em;
	     border: none;
	     text-align: center; }

/* Breves */
p.post-info {padding: 0em 0em 1em 0em;
	     font-size : x-small;
	     text-align: right;}
	    
.post-content {padding: 1em ;}

.post-content q {font-style: italic;}