@import "layout.css";
/* *****************************************
	Global
******************************************* */
html, body {
		margin: 0; padding: 0;
		height:auto;
		}
	body{
		background-color:#9933CC;
		height:auto;
		color: #666;
		font-family: Lucida Grande, Helvetica, sans-serif;
		font-size: 12px;
	}	
	a {color: #a868aa}
	a:hover {color: #ed0380}
	a:visited {color: #a990aa}
	a:visited:hover {color: #ed0380}
	abbr {
		border-bottom: 1px dotted #ccc;
		font-style: italic;
		}
	blockquote {
		margin: 0;
		padding: 0 0 0 40px;
		height:auto;
		background: transparent url(img/bgQuote.png) no-repeat 0 -10px;
		font-style: italic;
		}
	blockquote p {
		padding: 0 40px 0 0;
		height:auto;
		background: transparent url(img/bgPQuote.png) no-repeat 100% 110%;
		}
	h1, h2, h3, h4, h5, h6 {
		font-family: Helvetica, Arial, Geneva, sans-serif;
		font-weight: normal;
		}
		
	h2{
	font-size:16px;
	}
	img {border: none;}
	p {	font-size: 1.1em;}
	
	#promo {margin: 8px auto 10px auto;}
/* *****************************************
	Bannière logo
******************************************* */
	#top {
		background-color: #fff;
	}
	
	#head1{
background-image:url(img/sabine_01.gif);
height:152px;
width:235px;
float:left;
}

	#head2{
background-image:url(img/sabine_02.gif);
height:152px;
width:375px;
float:left;
}

	#head3{
background-image:url(img/sabine_03.gif);
height:12px;
width:340px;
float:left;
}

	#head4{
height:123px;
width:326px;
float:left;
padding:0;
}

	#head5{
background-image:url(img/sabine_05.gif);
height:123px;
width:14px;
float:right;
}

	#head6{
background-image:url(img/sabine_06.gif);
height:17px;
width:340px;
float:left;
}
	
	
	#top h1 {
		position: absolute; top: 0; left: 30px;
		}
	#top h1 a {
		font-size: 30px; line-height: 1em;
		text-decoration: none;
		color: #f1027f;
		}
	#top h1 a:hover {color: #56017d;}
/* *****************************************
	Liens du haut de page
******************************************* */
#prelude{
	color: #ffffff;
	height:auto;
	background: transparent;
	text-align: center;
	margin: 0;
}

#prelude a{
	color: #ffffff;
	height:auto;
	font-size:11px;
	/*font-weight:12px;*/
	background: transparent;
	text-decoration:none;
}

#prelude a:hover{
	color: #FF99FF;
	font-size:11px;
	height:auto;
	/*font-weight:700;*/
	background: transparent;
}
/* *****************************************
	Sidebar + in Sidebar
******************************************* */

	
	#topside{
	background-image:url(img/sabine_08.gif);
	height:103px;
	width:210px;
	}
	
	#sidebar img {margin:0 5px 0 5px;}
	
	#sidebar{
		background-image:url(img/sabine_21.gif);
		background-repeat:repeat-y;
		width:210px;
		color: #666;
		height:auto;
	}
	#sidebar a {text-decoration: none}
	#sidebar h1, #sidebar h2, #sidebar h4, #sidebar h5, #sidebar h6 {
		color: #FFF;
		font-weight: bold;
		margin: 0 0 0 60px;
		}
	#sidebar h2{
	display:block;
	padding-top:13px;
	}
	#sidebar h3{
	color:#993399;
	margin: 8px 0 5px 60px;
	}
	
	#sidebar div {
		margin: 0px 0px 0px 0px;
		}
	#sidebar ul {
		margin:0 17px 0 24px; padding: 0;
		list-style: none;
		font-size:12px;
		}
		
	#sidebar li {
	background-image:url(images/blog-amateur.jpg);
	background-repeat:no-repeat;
	}
	
	#sidebar p {color: #444;}
	#calendar {}
	#calendar caption {color: #adbcc4; text-transform: uppercase}
	#calendar abbr {font-style: normal; color: #75a8c4}
	#calendar table {width: 85%; border-collapse: collapse}
	#calendar td {
		border-bottom: 1px #eee solid;
		height: 1.2em;
		text-align: center;
		color: #ccc; line-height: 1.8em;
		}
	#calendar th {height: 2em;}
	#calendar a {
		display: block;
		background-color: #eff2f3;
		color: #7798aa; font-weight: bold;
		border: 1px #d7ecf3 solid;
		width: 1.8em; line-height: 1.8em;
		}
	#calendar a:hover {color: #000;	background-color: #f3ecf5; border: 1px #7798aa solid;}
	#calendar caption {font-weight: bold;}

    /* Liens suivants-précédents */
    #calendar caption a {
		line-height: 1.2em;
		display: inline;
		margin: 0 15px 0 15px; padding: 0 5px 0 5px;
		vertical-align: middle;
        }
	
	#categories{
	background-image:url(img/categories.jpg);
	height:42px;
	width:210px;
	}
		
	#categories ul{
	list-style:none;
	margin:0;
	padding:0;
	}
		
		
	#categories li a {
		margin-left: 0px;
		font-size: 12px; 
		font-weight: bold;
		}
	
	#connexes{
	background-image:url(img/videos.jpg);
	height:42px;
	width:210px;
	}
	
	
	#connexes ul{
	list-style:none;
	margin:0;
	padding:0;
	}
		
	#connexes li a {
		margin-left:0;
		font-size: 12px; 
		font-weight: bold;
		}
		
	#links{
	background-image:url(img/liens.jpg);
	height:42px;
	width:210px;
	margin-left:0;
	font-size: 12px; 
	font-weight: bold;
	}

/* *****************************************
	Pieds de page    30em 0 1em 0;
******************************************* */
#footer {
		position: relative;
		clear: both;
		width: 950px; height: 30px;
		background: url(img/footer.png) left bottom no-repeat;
		margin: 50px 0 0 0;
		text-align: center;
		border-top:1px solid black;
		border-bottom:1px solid black;
		display:block;
		text-align:center; color:#FFFFFF;
		}
	

	
	

/* *****************************************
	Billets
******************************************* */
	.post {
		position: relative;
		line-height: 1.5em;
		padding:0 15px 0 15px;
	

	}
	#topbill .day-date {
		float:right;
		margin-right:15px;
		color:#5d0f84;
		font-size:14px;
		font-weight:bold;
		line-height: 35px;
		}
	.post .day-date span {
		
		}
	.post .day-date .day {

		}
	.post .day-date .month {}
	.post .post-info {
		font-size: 0.9em;
		text-transform: uppercase;
		color: #9900FF;
		font-family: "HelveticaNeue-Light", Helvetica Neue Light, Helvetica, Arial, Geneva, sans-serif;
		margin: 0 0 0.3em 0; padding: 0 0 0 15px;
		line-height: 1.3em;
		background: transparent url(img/icnEtoile.png) no-repeat left center;
		}
	.post .post-content { 
	/*background: transparent url(img/voir.jpg) no-repeat 40% 10%;	*/
			}
	.post .post-info a {
		color: #9900FF;
	   }
	#topbill h1.post-title  {
	   font-size: 18px;
	   color: #FFF;
	   margin: 10px 0 0 10px;
		display:block;
		float:left;
	   }
	.post .post-title a {
		text-decoration: none;
		color: #FFF;
		display:block;
		float:left;
		}
	.post .post-info-co {
		background: transparent url(img/icnComments.png) no-repeat 5px 51%;
		padding: 0 0 0 25px; margin: 0;
		line-height: 1.5em; vertical-align: middle;
		color: #FF99FF; border-bottom: 1px #cddae1 dotted;
		}
	.post .post-info-co a {
		color: #FF99FF;
		text-decoration: none;
		}
	.post .post-title a:hover {color: black}
/* *****************************************
	Contenu du billet
********************************************/
	.post a {color: #9900FF}
	.post a:visited {color: #a990aa}
	.post-content h1 {font-size: 2.2em}
	.post-content h2 {font-size: 1.8em}
	.post-content h3 {font-size: 1.6em}
	.post-content h4 {font-size: 1.5em}
	.post-content h5 {font-size: 1.4em}
	.post-content h6 {font-size: 1.2em}
	.post-content p {line-height: 1.4em}
	.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6  {
		color: #666; line-height: 1.3em;
		margin: 0 0 0.5em 0;
		clear: both; /* Permet le retour à la ligne des titres après une image*/
		}
	.post-content p, .post-content ul, .post-content ol, .post-content pre, .post-content address {margin: 0 0 1em 0}
	/* Élements de mise en forme des tag PRE et CODE ***** TEST ***** */
    .post-content abbr {cursor: help; color: #000}
    .post-content pre, .post-content code {
        border: 1px #ccc solid;
        padding: 5px;
        background-color: #f3eef6;
        font-size:12px;
        overflow: auto;
        }
	.post p img {
		float: left; display: block;
		padding: 0.5em;
		margin: 5px 15px 15px 0;
		background-color: #eee;
		border: 1px #ccc solid;
		}

/* *****************************************
	Formulaire
********************************************/

	.inptTxt {
		border: 2px #ffa inset;
		}
	.inptArea {}
	.inptCbox {}
	.inptTxt:hover, .inptArea:hover, .inptCbox:hover {border: 2px #a868aa inset;}
	.inptTxt:focus, .inptArea:focus, .inptCbox:focus {
		border: 2px #bbb inset;
		background-color: #ffc;
		}
	#comments label {font-weight: bold; line-height: 1.5em;}
	fieldset {
		border: 1px #ccc solid;
		background: #ffe
		}

    /* !!!!!!!!!!!

        BUG dans Safari lié à la taille du texte et du bouton "OK"
        cette ligne n’est donc pas lue par Safari 1.2 (Mise en forme du formulaire de recherche)
        
        Sources :
        http://archivist.incutio.com/viewlist/css-discuss/30988
        http://www.saila.com/attic/sandbox/filters/language_pseudo-class.html */

        html:lang(fr) #search input {font-size: 0px; width: 22px;}

    /*    !!!!!!!!!!!  */
    
	#search input {
        background: transparent url(img/bgSearchBtn.png) no-repeat ;
        border: none; 
		height: 22px;
		padding: 0; 
		margin: 0;
		float:right;
        }
	#search input#q {
		font-size: 1em;
		border: none;
        padding: 0; 
		margin: 0;
        color: #f3058f;
		}
	.submit{
	float:right;
	margin:-15px 22px 0 0;
	}

/* *****************************************
	Zone de commentaires
********************************************/

	#comments p.comment-info {
		color: black;
		}
	#comments blockquote {
		background-image: none;
		font-style: normal;
		border: 1px #ccc solid;
		background-color: #eee;
		color: black;
		padding: 1em;
		}
	#comments blockquote p {background-image: none; padding: 0;}
	#comments p.comment-buttons {text-align: right}

/* elements speciaux */
	hr.no {clear: both; visibility: hidden}
	
	/* *****************************************
	Pagination
********************************************/

.pagenav {
	font: 12px;
}

p.pagenav a {
	background : #ddd;
	color: black;
	padding:2px;
	border: 1px solid #bbb;
	text-decoration: none;
	font-size:12px;
}

p.pagenav a:hover {
	background:#598F9A;
	color:white;
}

p.pagenav strong {
	color: black;
	padding:2px;
	border: 1px solid #bbb;
}

#yesmes{
margin: -10px auto 15px auto;
padding:10px;
}
	
	

#sab{
margin-top:0;

}

#intro{
margin-top:100px;
height:300px;
width:500px;
float:right;
}

#tag  ul{
height:100px;
width:326px;
list-style:none;
padding:0;
margin:0;
}

#tag li {
float:left;
margin:1px;
height:16px;
}

#tag li a{
text-decoration:none;
}

.level-1{font-size:11px;}
.level-2{font-size:12px;}
.level-3{font-size:13px;font-weight:bold;}
.level-4{font-size:14px;font-weight:bold;}
.level-5{font-size:15px;font-weight:bolder;}

#tag h2{
margin:0;
padding:0;
color:#9900FF;
}


.statList{
list-style:none;
margin:0;
padding:0;
font-size:12px;

}

#nb{
display:none;
}



/* *****************************************
	structure des billets
******************************************* */

#topbill{
background-image:url(img/sabine_11.gif);
height:42px;
width:704px;
}

#midbill{
background-image:url(img/sabine_14.gif);
height:auto;
width:704px;
}

#botbill{
background-image:url(img/sabine_18.gif);
height:12px;
width:704px;
}

#partenaires{
	background-image:url(img/liens.jpg);
	height:42px;
	width:210px;
	margin-left:0;
	font-size: 12px; 
	font-weight: bold;
}

#topside a{
color:#fff;
font-weight: bold;
font-size: 16px;
display:block;
padding-top:73px;
padding-left:70px;
}

#toclink a {
color:white;
margin-left: -20px;
}

#botac{
background-image:url(img/sabine_20.gif);
height:10px;
width:210px;
}

#trt{
padding:10px 0 0 25px
}
#trt a{
font-size:18px;
font-weight:bold;
}


.menucorps{
background-image:url(img/sabine_16.gif);
height:auto;
}

.menuend{
background-image:url(img/sabine_20.gif);
height:10px;
width:210px;
margin:0 0 10px 0;
}


#archives{
background-image:url(img/archives.jpg);
height:42px;
width:210px;
}

#search{
background-image:url(img/recherche.jpg);
height:42px;
width:210px;
}

#selection{
background-image:url(img/derniers.jpg);
height:42px;
width:210px;
}

#form{
margin:0 0 0 25px;
padding:0 0 10px 0;
}

.lienhome{
color:#FFF;
font-weight: bold;
line-height: 35px;
padding:0 0 0 15px;
}

.lienhome:visited{
color:#FFF;
}

.lienhome:visited:hover, .lienhome:hover{
color:#FF3399;
}


.comment{
margin-left:25px;
}

#botmenu{
background-image:url(img/menbot.png);
width:210px;
height:109px;
}

#favoris{
margin-top:-130px;
width:200px;
float:right;
}

.vote{
position:absolute;
top:237px;
right:80px;
}
#note_bilet{color:#FFFFFF;float:left;}
#trade{
position:absolute;
left:470px;
top:10px;
}
#trade h2{
font-size:14px;
width:150px;
border-bottom:1px solid #660033;
color:#660033;
}
.note{float:right;line-height: 36px;color:white;font-weight: bold;margin-right: 5px;}
#first_accueil{	color:#993399; margin: 8px 5px 5px 60px; font-size: 15px;}

embed {z-index:1000;}