<!--
@import "layout.css";



/* Global style

********************************************/

html, body, table{

	margin: 0;

	padding: 0;

}


table{
	font-size: 0.8em;
}


body{

	background: #eee url(../images/background.png) repeat-x;

	color: #000;

	font-family: Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;

	font-size: 0.7em;

}



h1, h2, h3, h4, h5, h6{

	font-family: "Trebuchet MS", sans-serif;

}



h2{font-size: 1.2em; margin: 10px 0;}

h3{font-size: 1em; margin: 0.8em 0;}

h4{font-size: 1em; font-weight: normal}



a:link{color:#666; background:transparent;}

a:visited{color:#999; background:transparent;}

a:hover{color:#333; background:transparent;}

a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;}

a img{border: none;}



abbr, acronym{

	border: none;

	background: transparent;

	cursor : help;

}



code, pre, kbd {

	font-family:"Courier New", Courier, monospace; font-size : 1em;

}



pre {

overflow: scroll;

width: 100%;

}

html>body pre {

overflow: auto;

width: auto;

}



ol.pre2ol {

	background: #ddd;

	-moz-border-radius: 10px;

	font-family:"Courier New", Courier, monospace; font-size : 0.9em;

	padding-left : 40px;

	padding-right : 10px;

	margin-left : 0;

}

ol.pre2ol li {

	color : #999;

	margin : 0;

	border-top : 1px solid #bbb;

	font-size : 1em;

	list-style-type:decimal;

}

ol.pre2ol span {

    color : #000;

}



fieldset{

	position: relative;

    border: 1px solid #d0d0d0;

	margin: none;

	margin-bottom: 20px;

	padding-bottom: 10px;

	background: #e5e5e5;

	-moz-border-radius: 10px;

}



legend{

	position:relative;

	_top:-0.6em;

	margin-left: 10px;

	padding-left: 10px;

	padding-right: 10px;

	background: #d0d0d0;

	-moz-border-radius: 10px;

	font-weight : bold;

    border: 1px solid #bbb;

}



.field label{

	display: block;

	cursor: pointer;

	cursor: hand; /* pour IE */

}



input, textarea{

	border-right: #cecece 1px solid;
	border-top: #7c7c7c 1px solid;
	background: url(../images/input.gif) #fff no-repeat;
	border-left: #7c7c7c 1px solid;
	border-bottom: #c3c3c3 1px solid;
	color:#000;

}



.field label{

	display: inline;

	float: left;

	width: 150px;

	text-align: right;



	cursor: pointer;

	cursor: hand; /* pour IE */

}



input[type=text]:focus, textarea:focus, select:focus{

	background: #ddd;

}



.left{

	float: left;

	margin: 0 1em 1em 1em;

}



.right{

	float: right;

	margin: 0 1em 1em 1em;

}



/* Header

********************************************/

#top{

	background: #c66466 url(../images/header.png) no-repeat;

}



#top h1{

	line-height: 15px;

	margin: 0;

	padding: 0;

	font-size: 1.2em;

	text-align:center;

}



#top h1 a{

	text-decoration: none;

	color: #fff;

	background: transparent;

}



#prelude{

	color : #fff;

	background: transparent;

	text-align: center;

	margin: 0;

}



#prelude a{

	color: #fff;

	background: transparent;

	text-decoration:none;

}



#prelude a:hover{

	color: #a03b4a;

	background: transparent;

}



/* Post

********************************************/

#content{

	color: #222;

	background: transparent;

}



#content a{text-decoration:none;}

#content a:link{color:#c66466; background:transparent;}

#content a:visited{color:#c66466; background:transparent;}

#content a:hover{color:#a03b4a; background:transparent;}

.shadow {
  float:left;
  clear:left;
  background: url(../images/ombre.png) no-repeat bottom right;
  margin: 10px 0 10px 10px !important;
  margin: 10px 0 10px 5px;
  padding: 0px;
 
  }

.shadowbox {
  background: white;
  position:relative;
  bottom:6px;
  right: 6px;
border:1px solid #ccc;
  }

.post{

	border:1px solid #fff;

}



.day-date{

	display: none;

}



.post-title{

	padding-left: 30px;

	padding-bottom: 5px;

	color: #c66466;

	margin-bottom: 0;

	border-bottom:1px dotted #c66466;

	background: #fff url(../images/fleche.png) no-repeat left;

	background-position: 0 0px;

}



.post-title a{

	color: #c66466;

	text-decoration: none;

}



.post-title-bis{

	padding-left: 30px;

	padding-bottom: 5px;

	color: #c66466;

	margin-bottom: 0;

	border-bottom:1px dotted #c66466;

	background: #fff url(../images/flechebis.png) no-repeat left;

	background-position: 0 0px;

}



.post-title-bis a{

	color: #c66466;

	text-decoration: none;

}



.post-info{

	margin: 0 0 10px 0;

	color: #666;

}



.post-chapo {

	background: #e5e5e5;

	text-align: justify;

	border: 1px solid #d0d0d0;

}



.post-chapo p {

	margin:10px 10px 10px 10px;

	padding:0px;

}



.post-content {

	text-align: justify;

	padding: 	0 10px 10px 10px;

	background: #fff url(../images/fond.png) bottom right no-repeat;

	border: 1px dotted #d0d0d0;

}



.post-content p{

	margin:10px 0px 0px 0px;

	padding:0px;

	text-align: justify;

	/*overflow: auto;*/

}



.post-content img.left {

	float: left;

	margin: 0 5px 0 0;

}



.post-content img.right {

	float: right;

	margin: 0 0 0 5px;

}



.post-content ul{

	margin:10px 0 10px 0;

	padding:0;

}



.post-content li{

	list-style-type: square;

	margin:0 0 0 15px;

	padding:0;

}



.post blockquote{

	font-style : italic;

	border-left : 5px solid #999;

	padding-left : 1em;

}



.post blockquote p{

	width: auto;

}



.post-info-co-tb{

	text-align: right;

	margin: 0;

	padding: 2px 0 0 0;

	/* -moz-border-radius connu pour ne pas etre valide */

}



a.post-info-co {

	background: transparent url(../images/commentaire.png) no-repeat left !important;

	padding-left: 20px;

}



a.post-info-tb {

	background: #fff url(../images/trackback.png) no-repeat left !important;

	padding-left: 20px;

}





/* Trackbacks et commentaires

********************************************/



#trackbacks, #comments{

	margin-top: 1em;

}



#trackbacks blockquote, #comments blockquote{

	margin: 0;

	padding: 0 10px 0  10px;

	overflow: auto;

	font-weight:none;

}



#trackbacks blockquote p, #comments blockquote p{

	margin: 5px 0;

}



.comment-info{

	margin: 0 0 20px 0;

	padding:0;

}



/* Sidebar

********************************************/

#sidebar{

	background: #fff url(../images/menu.png) repeat-x;

	color: #666;
	

}



#sidebar div{

	/* aurait du etre #sidebar > div */

	margin: 0 10px 20px 10px;

}



#sidebar h2{

	margin: 0 0 1ex 0;

}



#sidebar ul{

	list-style-type: none;

	margin: 0;

	padding: 0;

}



#sidebar a{

	text-decoration: none;

}



#sidebar li a{

	display: block;

	color: #666;

	background: transparent;

}



#sidebar li a:hover{

	color: #333;

	background: transparent url(../images/curseur.gif) repeat-y right; /* Bling Bling No Flash */

}



#sidebar ul li:first-child{

	/* :fisrt-child selector ne fonctionne pas dans IE */

	border-top: 1px solid #ccc;

	padding: 0.5ex 0;

}



#sidebar ul li{

	border-bottom: 1px solid #ccc;

	padding: 0.5ex 0;

}



#calendar table{

	color: #666;

	background: transparent;

	margin: 0 auto;

	/* Desole pour la taille de fonte en pixel, mais IE craint trop */

	font-size: 10px;

	text-align: center;

}



#calendar table td a{

	color: #444;

	font-weight: bold;

}



/* Footer

********************************************/

#footer{

	clear: both;

	margin: 0;

	padding: 1em 0 1em 0;

	background: #eee url(../images/footer.png) no-repeat;

	text-align: center;
	
	height:20px;
	
	vertical-align:top;
	

}



#footer a {text-decoration:none;}

#footer a:link{color:#666; background:transparent;}

#footer a:visited{color:#999; background:transparent;}

#footer a:hover{color:#333; background:transparent;}



.navigation_news {

	float: right;

	text-align:right;

}



hr {

	border: 0px;

	border-top: 1px solid #ccc;

	height: 1px;

}



#nav-box {

	margin:0 20px 10px 5px;

	padding:0 10px 0 10px;

	height:20px;

    background:#e5e5e5;

	-moz-border-radius: 0 0 10px 10px;

    border: 1px solid #d0d0d0;

}



#nav-box ul {

	margin:0;

	padding : 5px 5px 5px 0;

	list-style-type : none;

}



#nav-box ul li {

	display: inline;

	padding : 0 0 0 10px;

}



#nav-box ul li a {

	color: #666;

	background: transparent;

	text-decoration: none;

}



#nav-box ul li a:hover {

	color: #333;

	background: transparent url(../images/curseur.gif) repeat-x bottom; /* Bling Bling No Flash */

}



.google {

	float: right;

	border:1px solid #d0d0d0;

	margin: 5px 0px 5px 5px;

	vertical-align: top;

	background: #e5e5e5;

}



.une {

	float: right;

	width: 175px;

	margin: 0;

	padding: 0;

	border:1px solid #fff;

}



.une form{

	margin: 0;

	padding: 0;

}



.google-une {

	width:160px;

	vertical-align: top;

	margin: 5px 0px 5px 0px;
}



.sondage-une {

	width: 125px;

	border:1px solid #d0d0d0;

	padding: 5px;

	margin: 5px 0 5px 0;

	vertical-align: top;

	background: #e5e5e5;

	-moz-border-radius: 10px;

	color: #666;

}



.sondage-une p {

	margin:0px;

	color: #666;

}



.sondage-une .radio {

	border: none;

	background: #e5e5e5;

}



.bouton {

	background: #d0d0d0;

	border:1px solid #a0a0a0;

	margin:0 5px 0 5px;

}



.raccourci {

	position: absolute;

	top: 6px;

	left : 230px;

	font-family: "Trebuchet MS", sans-serif;

	font-size: 10pt;

	background: #c66466;

	margin:0;

	padding:0 10px 0 10px;

	border: 1px solid #a03b4a;

	-moz-border-radius: 10px;

}



.lien {

	position: absolute;

	top: 98px;

	right : 168px;

	font-family: "Trebuchet MS", sans-serif;

	font-size: 10pt;

	background: #c66466;

	margin:0;

	padding:0 10px 0 10px;

	border: 1px solid #a03b4a;

	-moz-border-radius: 10px;

}



.co-bulle { 

	color: #000;

	border: 1px solid #c66466;

	text-align:justify;

	background: #ffcc66;

}



input.submit {

	font-size: 0.8em;

	color:#fff;

	background: #c66466;

	border: 1px solid #a03b4a;

	font-weight: bold;

}



input.submit:hover, input.submit:focus {

	background: #c66466;

}



input.submit:active {

	border: 1px solid #a03b4a;

}



-->