/* CSS Document */

*{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}

a:link, a:visited, a:hover, a:active{
	color:#000;
	text-decoration:none;
	background:url(images/soulignement_liens.png) center bottom repeat-x;
}

	a img{
		border:none !important;	
		background:none !important;
	}

fieldset{
	border:none;	
}

textarea{
	width:555px;
}	

abbr{
	cursor:help;
}


body{
	background:url(images/bkg_contenu.png) top center repeat-y #fff;
}

	div#conteneur{
		position:relative;
		background:url(images/top.png) top center no-repeat;	
	}
	
		div#entete, h2, div#sidebar ul, div#conteneurContenu{
			position:relative;
			margin:0 auto;	
			width:930px;	
		}
		
		div#conteneurContenu, div#pied{
			padding:0 15px;
		}
	
			div#entete{
				height:450px;
				width:960px;	
				margin-bottom:-60px;
			}
			
				h1{
					position:relative;
					top:44px;
					left:7px;
				}
				
					h1 span{
						display:none;	
					}
				
					h1 a{
						background:none !important;	
					}

			div#conteneurContenu{
				font-size:0.9em;
			}
			
				div#contenu{
					float:left;	
					width:670px;
					padding-bottom:50px;
					padding-right:20px;
				}
				
					div#contenu p{
						width:650px;
					}
					
					h3{
						margin:10px 0;	
						clear:both;
						font-size:1.4em;
					}
					
					div.description{
						border:solid 1px #000;
						padding:10px;
						background-color:#f2f2f2;
						margin-bottom:20px;
					}
					
					.supplements{
						font-size:0.8em;	
					}
					
					.entry{
						position:relative;
						margin:10px 0;	
						float:left;
					} 
						.entry ul, .entry ol{
							list-style:inside;
							margin:10px 0;
							clear:both;
						}
					
						.entry p{
							position:relative;
							float:left;
							margin-bottom:13px;
						}
							p.postmetadata{
								position:relative;
								padding:10px;
								clear:both;
								margin-bottom:50px;
								background-color:#E4E4E4;	
								border:solid 1px #000;
								float:left;
								font-size:0.8em;
							}
					
					.comment-body{
						border:solid 1px #000;
						background-color:#F1F1F1;
						margin:10px 0;
						padding:10px;
					}
					
					.commentlist{
						list-style:none;
					}
					
					div#contenu a:hover{
						background-color:#CCC;
					}
					
					.commentlist li, #commentform input, #commentform textarea {
						font-size: 0.9em;
					}
					
					.commentlist li {
						font-weight: bold;
					}
					
					.commentlist li ul li {
						font-size: 1em;
					}
					
						.commentlist li .avatar { 
							float: right;
							border: 1px solid #eee;
							padding: 2px;
							background: #fff;
						}
						
					.commentlist cite, .commentlist cite a {
						font-weight: bold;
						font-style: normal;
						font-size: 1.1em;
					}
					
					.comment-meta{
						font-size:0.9em;	
					}
					
						.comment-meta a{
							font-size:0.8em;	
						}
					
					.commentlist p {
						font-weight: normal;
						line-height: 1.5em;
						text-transform: none;
						margin:10px 0;
					}
					
					.commentmetadata {
						font-weight: normal;
					}
				
				div#sidebar{
					float:left;	
					padding-bottom:50px;
				}
				
				div#sidebar, div#sidebar h2, div#sidebar ul, div#sidebar ul li a{
					width:235px;
				}
					div#sidebar h2{
						float:left;
					}	
						div#sidebar ul{
							list-style:none;	
							float:left;	
						}
							div#sidebar ul li{
								float:left;	
							}
							
							div#sidebar ul li img{
								float:left;
								clear:both;
								vertical-align:middle;
								margin-right:5px;
								margin-top:6px 0;
							}
						
							div#sidebar ul li a{
								display:block;
								color:#000;
								text-decoration:none;
								padding:3px 0 3px 24px;
							}
						
								div#sidebar ul li a:link{background:none}
								div#sidebar ul li a:visited{background:none}
								div#sidebar ul li a:hover{background:url(images/fleche.png) top left no-repeat; !important}
								div#sidebar ul li a:active{background:none}
								
									div#sidebar ul li a:link span{background:url(images/soulignement_liens.png) center bottom repeat-x;}
									div#sidebar ul li a:visited span{background:url(images/soulignement_liens.png) center bottom repeat-x;}
									div#sidebar ul li a:hover span{background:url(images/soulignement_liens.png) center bottom repeat-x;}
									div#sidebar ul li a:active span{background:url(images/soulignement_liens.png) center bottom repeat-x;}

		div#pied{
			clear:both;
			background:url(images/bottom.png) top center no-repeat #fff;
			padding-top:280px;
			padding-bottom:50px;
		}
		
			div#pied p{
				width:930px;
				margin:0 auto;
				text-align:center;
				font-size:0.7em;
			}
			
			div#pied a:hover{
				background-color:#CCC;
			}
			
/*****************************************************************************
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;
  }
}

/*
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 {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/* Needed to align images with the WYSIWYG editor */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*Traducteur*/

ul.btnTraducteur{
	list-style:none;
	margin-bottom:30px !important;
}

	ul.btnTraducteur li{
		display:inline;	
	}
	
div.champLangue{
	margin-bottom:30px;	
}