/* navire.net

Bonjour, c'est gentil de venir voir ma feuille de styles !
 
		background: #323940;

	4682B4	Bleu acier
	325C80	Bleu acier foncÈ
	
	B1B19B	Terre
	
*/

/* SÈlecteurs HTML */

	body { margin: 0px 0px 20px 0px; background: #DCDCDC; }
	
	h1, h2, h3 { margin: 0px; padding: 0px; }
	
	blockquote {
		font-size: 11px;
		color: #000000;
		text-indent: 0;
		line-height: 150%;
		background-color: #F5F5F5;
		padding: 10px;
		margin-left: 0px;
		margin-right: 0px;
	}

	code {
		display: block;
		font-family: courier, monospace;
		color: #000000;
		font-size: 11px; 
		text-align: left;
		line-height: 140%;
		background-color: #F5F5F5;
		padding: 10px;
                border: 1px solid #444444;
		margin-left: 0px;
		margin-bottom: 10px;
	}

	pre {
		font-family: courier, monospace;
        border-left: 1px solid #444444;
		margin-left: 20px;
	}

	dt { font-weight: bold; }
	
	dd{ margin-left: 25%; margin-bottom: 10px; }

	
/* Pseudo-classes */

	A 			{ color: #444444; text-decoration: underline; }
	A:link		{ color: #444444; text-decoration: underline; }
	A:visited	{ color: #444444; text-decoration: underline; }
	A:active	{ color: #333333;  }
	A:hover		{ color: #696969;  }

/* SÈlecteurs ID */


	#entete {
		font-family: palatino, georgia, verdana, arial, sans-serif;
		font-size: large;
		font-weight: lighter;	
		color: #D3D3D3;
		background: #4682B4;
		padding-top: 7px;
		padding-bottom: 7px;
		padding-left: 15px;
        border-top: 1px solid #000000;
		border-bottom: 2px solid #333333;
		}

	#entete a,
        #entete a:link,
        #entete a:visited,
        #entete a:active,
        #entete a:hover {
		font-family: palatino, georgia, verdana, arial, sans-serif;
		color:#D3D3D3;
		text-decoration: none;
		}

	#colonnedroite {
		position: absolute;
		width: 490px;
		margin-right: 20px;
		margin-left: 250px;
		margin-bottom: 20px;
		}

	#colonnegauche {
		background: #F5F5F5;
		padding: 15px;
		width: 200px;
		}

	#container {
		margin-left: 150px;
		width: 490px;
		}


/* SÈlecteurs Classes */


	.contextuel {
		font-family: verdana, helvetiva, arial, sans-serif;
		font-size: x-small;
		font-weight: normal;	
		color: #333333;
		background: #84B5DC;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 15px;
		border-bottom: 2px solid #696969;
		}

	.contextuel a,
	.contextuel a:link,
	.contextuel a:visited,
	.contextuel a:active {
		color: #333333;
		text-decoration: none;
	}

	.contextuel a:hover {
		color: #D3D3D3;
		background-color: #4682b4;
		text-decoration: none;
	}

	.weblog {
		color: #444444;
		background: #DCDCDC;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 11px;
		padding: 15px;
		}

	.date	{ 
		color: #888888;
		font-size: 10px;
		font-weight: bold;
		text-align: right;
		text-transform: uppercase;
		border-bottom: 1px solid #888888;
		margin-bottom: 10px;
		padding-top: 10px;
		}

	.titre	{
		font-size: 15px;
		padding-top: 10px;
		}

	.texte {
		font-weight: normal;
		line-height: 160%;
		}

	.suite {
		font-style: bold;
		}
		
	.posted	{ 
		font-family: verdana, helvetiva, arial, sans-serif;
		font-size: 10px; 
		text-align: right;
		margin-bottom: 25px;
		}

	.postedbis	{ 
		font-family: verdana, helvetiva, arial, sans-serif;
		font-size: 9px; 
		line-height: 160%;
		margin-bottom: 25px;
		}

	.gauche {
		font-family: verdana, helvetiva, arial, sans-serif;
		color: #333333;
		font-size: x-small;
		font-weight: normal;
		line-height: 140%;
		padding: 7px;
		margin-bottom: 10px;
		}	

	.titregauche {
		font-family: "trebuchet MS", trebuchet, verdana, arial, sans-serif; 
		color: #DCDCDC;
		font-size: 12px;
		padding: 3px;
		letter-spacing: .2em;
		text-indent: .4em;
		background: #5A6673;
		text-transform: uppercase;
		}

	.cred {
		font-family: verdana, helvetiva, arial, sans-serif;
		font-size: xx-small;
		line-height: 140%;
		padding: 2px;
		margin-top: 15px;
		background: #F5F5F5;
		}
		
	.contexbas {
		font-family: verdana, helvetiva, arial, sans-serif;
		font-size: x-small;
		font-weight: normal;	
		color: #333333;
		background: #4682B4;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 15px;
		border-bottom: 2px solid #696969;
		}

	.contexbas a,
	.contexbas a:link,
	.contexbas a:visited,
	.contexbas a:active {
		color: #333333;
		text-decoration: none;
	}

	.contexbas a:hover {
		color: #D3D3D3;
		background-color: #4682b4;
		text-decoration: none;
	}

	.comments-head { 
		font-family: verdana, helvetiva, arial, sans-serif;
		font-size: small; 
		font-weight: bold;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 5px;
		padding-bottom: 5px; 
		border-bottom: 1px dotted #999;
		margin-bottom: 10px; 
		}

	.comments {
		font-family: verdana, helvetiva, arial, sans-serif;
		font-size: 11px;
		font-weight: normal;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 5px;
		padding-bottom: 5px; 
		background-color: #F5F5F5;
		border: 1px solid #999;
		margin-left: 15px; 
		margin-right: 15px; 
		margin-bottom: 5px; 
		}
		
	.comments-body {
		font-family: verdana, helvetiva, arial, sans-serif;
		font-size: x-small;
		font-weight: normal;
		padding-top: 5px;
		padding-left: 15px;
		}

	#banner-commentspop {
		font-family: palatino, georgia, verdana, arial, sans-serif;
		color: #D3D3D3;
		background: #4682B4;
		font-size:large;
		font-weight:bold;
		border-left:1px solid #FFF;
		border-right:1px solid #FFF;
		border-top:1px solid #FFF; 
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		padding-bottom:5px; 
		margin-bottom: 5px; 
		}