/*  

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{
	font-weight:normal;
	}

h3{
	font-size: 1.3em; 
	color:#6C9BB3;
	text-align:left;
	font-weight:normal;
	}
	
h4{	
	font-size: 1.2em;
	font-family:"Trebuchet MS";
	margin: 10px 0 0 0;
	padding: 0;
	}
	
h5{font-size: 1.1em;}
h6{font-size: 1em;}

h1 a{
	text-decoration:none;
	color:#6C9BB3;
	}

p{
	margin:0;
	padding: 5px 0px;
	font-size: 1em;
	text-align:justify;
	}

pre, code{
	font-size: 1.2em;
	}

pre{
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
	}
	
fieldset{
	border: none;
}

input[type="text"]:focus, textarea:focus {
	border:1px solid #9D0A0A;
	}
	
input[type="text"]{
	width:200px;
	}

label{
	cursor: pointer;
	cursor: hand;
}

input[type="text"],textarea{
	border: 1px solid #999;
}

textarea{
	width: 80%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img{	
	border:none;
	}



/*-------------------- container -------------------------
------------------------------------------------------*/
#main{
	font-size: 115%;
	}
	
#main .hautpage_blog{
	background:url(../../images/hautdepage_blog.gif) right bottom no-repeat;
	float:right;
	margin:10px 0 0 0;
	padding: 0 15px 2px 0;
	}
	
#main .hautpage_blog a{
	text-decoration:none;
	}

#container h1{
	font-size: 1.3em;
	text-transform:uppercase;
	color:#6C9BB3;
	display:inline;
	}

#container h1 a{
	text-decoration:none;
	color:#6C9BB3;
	}

#container h2{
	font: 1.3em "Georgia" normal;
	display:inline;
	}

#container h2 a{
	text-decoration:none;
	}

#container h3{
	margin:20px 0 10px 0;
	}
	
#container ul li{
	list-style:url(../../images/puce_blog.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;
	}
	
#container .post_blog_list{
	float:left;
	width:47.5%;
	height:240px;
	margin-right:15px;
	border-bottom:1px dashed #ccc;
	padding: 15px 0 10px 0 ;
	}

#container .post_blog_detail{
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	border-bottom: 1px dashed #ccc;
	}
	
#container p.post_info{
	color: #9D0A0A;
	font-style:italic;
	}

#container .nav{
	margin:10px;
	}

#container .post_blog_list .post_detail{
	margin:10px 0;
	}

#container a.commentaire{
	background: url(../../images/commentaire.gif) no-repeat;
	padding:0 0 0 20px;
	text-decoration:none;
	}

#container a.commentaire span{
	text-decoration:underline;
	color:#9D0A0A;
	}

#container .post_chapo{
	font-size:1.1em;
	background-color: #E7EFF3;
	padding:10px;
	margin:10px;
	color:#000000;
	}

#container .post_chapo p{
	padding: 0;
	margin:0;
	}

#container .blog_commentaires h3, #container .new_commentaire h3{
	border-bottom:1px solid #6C9BB3;
	}

#container .post_commentaires .post_content{
	background-color:#eeeeee;
	padding:10px;
	margin:10px;
	}




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

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

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

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

#sidebar .block .block_01  a.actif{
	background-color:#6C9BB3;
	color:#FFFFFF;
	}
	
#sidebar .block .block_01 h1{
	height:auto;
	font-variant:normal;
	background:none;
	display:block;
	color: #6D9BB3;
	font-size:1.2em;
	border-bottom: 1px solid white;
	}

#sidebar .block .block_01 p{
	color: #78580D;
	}
	


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

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

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

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

#sidebar .block_side_site .block_01  a.actif{
	background-color:#6C9BB3;
	color:#FFFFFF;
	}
	
#sidebar .block_side_site .block_01 h1{
	height:auto;
	font-variant:normal;
	background:none;
	display:block;
	color: #A7AC4C;
	font-size:1.2em;
	border-bottom: 1px solid white;
	}

#sidebar .block_side_site .block_01 p{
	color: #78580D;
	}






/*-------------------- footer -------------------------
------------------------------------------------------*/

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

.footercolonne a{
	color:#535353;
	text-decoration:none;
	}
	
	
#footerPlus .titre{
	font-size: 1.1em;
	color: #6D9BB3;
	}