/*  

Copyright © 2006 Troll d'idées. Tous droits réservés.

Feuille de styles principale
Créé le : 08/07/2006

Cette feuille de styles définie l'apparence des éléments propres au template du site à laquelle elle est rattachée.
L'apprence des éléments communs à tous les templates du site sont définis dans le fichier styles.css, importé ci-dessous.
L'agencement des blocs principaux de mise en page sont définis dans le fichier layout.css, importé ci-dessous.

*/

@import "layout.css";
@import "../styles.css";

h1{
	margin: 5px 0;
	color:#A7AC4C;
	font: 1.4em  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-variant:small-caps;
	padding-bottom: 3px;
	height: 43px;
	background:url(../../images/bg_h1.gif) no-repeat right bottom;
	}
	
#container h1:first-letter{
	font-size:1.55em;
	}
	
h2{
	color: #417AAF;	
	font-size:1.6em;
	font-family: "Arial", Helvetica, sans-serif;
	font-weight: normal;
	margin:10px 0 10px 0px;
	padding: 0 0 0 20px;
	background:url(../../images/bg_h2.gif) 0 6px no-repeat;
	}
	
h3{
	font: 1.4em "Trebuchet MS";
	color: #9D0A0A;
	}

pre{
	color:#A7AC4C;
	font-family: "Lucida Sans";
	display:inline;
	font-weight:normal;
	}

q{
	color: #9D0A0A;
	font:italic bold 1.4em/1.8em  "Lucida Sans";
	}

q:before{
	content: url(../../images/q_before.gif);
	}

q:after{
	content: url(../../images/q_after.gif);
	}
	
.chapeau q:before{
	content: url(../../images/q_before_chapeau.gif);
	}

.chapeau q:after{
	content: url(../../images/q_after_chapeau.gif);
	}


/*-------------------- container -------------------------
------------------------------------------------------*/

#main .hautpage{
	background:url(../../images/hautdepage.jpg) right bottom no-repeat;
	float:right;
	margin:10px 0 0 0;
	padding: 0 15px 2px 0;
	}
	
#main .hautpage a{
	text-decoration:none;
	}

#container ul li{
	list-style:url(../../images/puce_real.gif);
	margin: 5px 0px 0px 20px;
	padding: 0px;
	}	

#container ul ul li{
	list-style:url(../../images/ul_2.gif);
	margin: 0px 0px 0px 35px;
	padding: 0px;
	}

/*-------------------- sidebar -------------------------
------------------------------------------------------*/

#sidebar .block_side_blog{
	background-color: white;
	padding:1px;
	width: 160px;
	margin-bottom:10px;
	}

#sidebar .block_side_blog .block_01{
	background-color: #F4F1E7;
	border:1px solid #6C9BB3;
	padding:5px;
	}
	
#sidebar .block_side_blog .block_01 ul{
	margin:0;
	padding:0;
	}

#sidebar .block_side_blog .block_01 li{
	border:1px solid #F4F1E7;
	margin:0;
	padding:0;
	}
	
#sidebar .block_side_blog .block_01 a{
	display:block;
	border-bottom:1px solid #ffffff;
	font: 1.1em Arial, Helvetica, sans-serif;
	color: #9D0A0A;
	text-decoration: none;
	padding:2px;
	}

#sidebar .block_side_blog .block_01 a:hover{
	text-decoration:underline;
	}

#sidebar .block_side_blog .block_01  a.actif{
	background-color:#6C9BB3;
	color:#FFFFFF;
	}

#sidebar .block_side_blog .block_01 h1{
	padding:0;
	margin:0;
	height:auto;
	font-variant:normal;
	background:none;
	display:block;
	color: #6C9BB3;
	font-size:1.2em;
	border-bottom: 1px solid white;
	}
	
/*-------------------- footer -------------------------
------------------------------------------------------*/

.footercolonne{
	float:left;
	width: 334px;
	margin: 10px;
	border-top: 3px solid #D4DE93;
	border-bottom: 1px solid #D4DE93;
	padding-bottom: 5px;
	color:#78580D;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	}

.footercolonne a{
	color:#78580D;
	text-decoration:none;
	}
	
	
#footerPlus .titre{
	font-size: 1.1em;
	color: #A7AC4C;
	}