/* CSS - damienalexandre.fr                 *
 * Design - mickdez.com                     *
 * Octobre 2007 - Copyright bookmarks.fr    */

body {
    background:#E8EAD4 url(images/bg.png) repeat-x;
    margin:0;padding:0;
    text-align:center;
    color:#666600;
    font-size:13px;
    font-family:Arial, sans-serif;
}


a {
    position:relative;
    z-index:3;
	color:#999955;
    text-decoration:none;
}

/*----------------------------------------------------*/
/*---------------------- Header ----------------------*/
/*----------------------------------------------------*/

#conteneur-gen {
width: 100%;
min-width: 990px;
    background:transparent url(images/fond-bd.jpg) no-repeat 85% bottom;}



#conteneur {
width: 65%;
float:left;
}
html>body #conteneur {
width: 69%;
}

#header, #footer, #contenu {
    width:100%;
    text-align:left;
}



#header {
    height:108px;
    background:transparent url(images/header.png) no-repeat;
    /* Hack PNG pour IE ! DirectX */
    *background : none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header.png', sizingMethod='crop');
}
#header h1 a span {
    position:absolute;
    top:-3999px;
}
#header h1 {
    margin:0;padding:0;
    width:350px;
    float:left;
}
#header h1 a {
    display:block;
    width:350px;
    height:100px;
}

/*------------------------- Nav ----------------------*/

#navigation a { color:#CC3366; text-decoration:none; }

#cadre-nav {
    position:relative;
    width: 95%;
    float:left;
	margin-top:20px;
    padding:0px;
	border-width: 0px 1px 1px 1px;
	border-style:solid;
	border-color: #FFFFFF;
	background: url(images/cadre-sidebar-fond.png) #e8ead4 repeat-x  6px -2px;
	text-align:left;
}

#cadre-nav a#cadre-rss {
    cursor:pointer;
	position:absolute;
	top:-10px;
	right:10px;
	width:21px;
	height:20px;
	z-index: 5000;
    background: transparent url(images/rss.png) no-repeat;
	    /* Hack PNG pour IE ! DirectX */
    *background : none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rss.png', sizingMethod='crop');
}

#cadre-nav #cadre-nav-hg {
	position:absolute;
	top:-1px;
	left:-3px;
	width:6px;
	height:49px;
	z-index:3;
    background: transparent url(images/cadre-rss-hg.png) no-repeat;
	    /* Hack PNG pour IE ! DirectX */
    *background : none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadre-rss-hg.png', sizingMethod='crop');
}

#cadre-nav #cadre-nav-hd {
	position:absolute;
	top:-1px;
	right:-4px;
	width:6px;
	height:49px;
	z-index: 2;
    background: transparent url(images/cadre-rss-hd.png) no-repeat;
    /* Hack PNG pour IE ! DirectX */
    *background : none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadre-rss-hd.png', sizingMethod='crop');
    }
	html>body  #cadre-nav #cadre-nav-hd  {
	right:-3px;
    }

#cadre-nav #cadre-nav-bd {
	position:absolute;
	bottom:-14px;
	right:-2px;
	width:6px;
	height:6px;
	z-index: 4;
    background: transparent url(images/cadre-rss-bd.png) no-repeat;
}
	html>body  #cadre-nav #cadre-nav-bd  {
	bottom:-1px;
	right:-1px;
    }


#cadre-nav #cadre-nav-bg {
	position:absolute;
	bottom:-14px;
	left:-2px;
	width:6px;
	height:6px;
	z-index: 5;
    background: transparent url(images/cadre-rss-bg.png) no-repeat;
}
	html>body  #cadre-nav #cadre-nav-bg  {
	bottom:-1px;
	left:-1px;
    }

#cadre-nav li a {
    position:relative;
	list-style:none;
	text-decoration:none;
    color:#CC3366;
    font-family:Arial, sans-serif;
    font-size:13px;
    line-height:18px;
    letter-spacing:0.4px;
	}

#cadre-nav li {
color: #afb96f;
font-size:9px;
    line-height:18px;
}

#autres {
display:inline;
}

ul#navigation .rss { text-align:right; }

a.plus { margin-right:5px; }

/*--------------------- Recherche --------------------*/

form#recherche {
    float:right;
    height:108px;
    width:285px;
	background:transparent url(images/cadre-recherche.png) no-repeat;
    /* Hack PNG pour IE ! DirectX */
    *background : none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cadre-recherche.png', sizingMethod='crop');
	background-position:top;
}
form#recherche.nonconnecte {
    height:80px;
	margin-top: 28px;
}
#recherche fieldset {
    border:0;
	margin:0;
	padding:35px 0px 0px 40px;
}
#recherche fieldset label {
    color:white;
    text-transform:uppercase;
    font-size:10px;
    font-family:"Trebuchet MS", Arial, sans-serif;
}
#recherche #submit-recherche {
    vertical-align:bottom;
	position:relative;
}

#recherche #terms {
	position:relative;
	max-width:145px;
}

#recherche input {
    margin-top:10px;
}

/*--------------------- Connexion --------------------*/

#connexion ul  {
    clear:both;
	position:relative;
	display:block;
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0px;margin:0px;
    width:95%;
}


#connexion li {
    color:#8B8C47;
    margin:0;padding:0;
    font-size:14px;
    font-family:Arial;
}
#connexion li a { color:#8B8C47; }

/*----------------------------------------------------*/
/*----------------------- Milieu ---------------------*/
/*----------------------------------------------------*/

 #sidebar {
    float:right;
	text-align:center;
    width:25%;
}

#contenu-c {
margin-left: 20px;
}

 #contenu {
    float:left;
	position:relative;
	top:-2px;
	clear:both;
    border: 10px;
	border-style:solid;
	border-color: #FFFFFF;
	background-color:#e8ead4;
	left:20px;
	padding-right: 10px;
	width: 100%;
}

#contenu #contenu-bas {
    position:absolute;
    background:transparent url(images/footer-g.png) no-repeat;
	bottom: -31px;
	width:100%;
	height:16px;
	left: -30px;
	z-index:50;
}
    
	html>body #contenu  #contenu-bas  {
    bottom: -26px
    }
	
#contenu #contenu-bas #contenu-bas-d {
    position:relative;
    background:transparent url(images/footer-d.png) no-repeat;
	height:16px;
	z-index:51;
	float:right;
	width: 358px;
	right: -89px;
}
html>body #contenu #contenu-bas #contenu-bas-d {
right: -39px;
}

#nav {
    position:relative;
	top:-13px;
	left:-14px;
	padding-left:84px;
	height:54px;
    background:transparent url(images/contenu-hg.png) no-repeat;
        /* Hack PNG pour IE ! DirectX */
    *background : none;
    *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contenu-hg.png', sizingMethod='crop');
}

#contenu ol p {
margin:2px;
}

 #contenu h2 {
    margin:0;
	padding:20px 0px 3px 0px;
    font-family:Verdana, sans-serif;
    font-size:15px;
    color:#CC3567;
    font-weight:normal;
	background:url(images/barre-titre.png) no-repeat;
	background-position: left bottom;

}
 #contenu h2 a {
    color:#CC3567;
}

.valign {
 vertical-align:middle;
}

 #contenu h2 a:hover {
    text-decoration:none;
}
 #contenu ol {
    margin:0;
    padding:0;
    list-style:none;
    color:#666600;
    font-size:13px;
    font-family:Arial, sans-serif;
	text-align:left;

}
 #contenu ol li {
    margin-left:10px;
    clear:left;
	margin-right:10px;
	}
 #contenu ol li img {
    float:left;
    padding:4px 8px 10px 8px;
    border:0;
    background:transparent url(images/fond-capture.png) no-repeat;
}
 #contenu ol li h3 {
    margin:0;padding:0;
    display:inline;
    font-size:16px;
    font-family:Arial,sans-serif;
    padding:3px;
}
 #contenu ol li h3 a {
    color:#CC3366;
}
 #contenu ol li h3 a:hover {
	text-decoration: underline;
/*    color:#95BF43; */
/*    background-color:#CC3366; */
}
#tagslies {
    position:absolute;
    top:150px;
}
#sidebar h2 {
    color:#666666;
    text-align:center;
    font-size:14px;
    font-family:"Trebuchet MS", serif;
    margin:0; padding:0;
}
#sidebar ul {
    margin:0;padding:0 10px;
    list-style:none;
}
ul#tagslies-list li {
    padding:2px 0;
    font-size:14px;
    color:#CC3366;
    font-family:Arial, sans-serif;
}
ul#tagslies-list li a {
    color:#CC3366; text-decoration:none;
}
ul#tagslies-list {
    background:transparent url(images/tagslies-bg.png) repeat-y;
}
#tagslies-bas {
    background:transparent url(images/tagslies-bas.png) no-repeat;
    height:8px;
}
#viewall {
color:#333333;
font-weight:bold;
text-align:center;
margin-top:10px;
width:100%;
}

#tags #viewall a {
color:#666666;
}
#tags {
    position:relative;
	top:20px;
	margin-bottom: 20px;
    text-align:justify;
    background:transparent url(images/top-tag.png) no-repeat;
    font-family:"trebuchet ms",tahoma,sans-serif;
	width: 95%;
}
#tags .tags-bas {
    background:transparent url(images/bottom-tag.png) no-repeat bottom right;
    margin:0;
    padding:5px 10px;
}
#tags .tags-bas a {
    color:#999955;
    text-decoration:none;
}
#tags .tags-bas a:hover {
    color:#777733;
    text-decoration:underline;
}
#tags h2 {
    padding-top:10px;
}
#tags p {
color: #838383;
}
p.details {
	padding-top:5px;
    color:#838383;
    font-size:13px;
    font-family:Arial,sans-serif;
}
p.details span { color:black; }
p.details a {
    color:#CC3366;
    text-decoration:none;
}
p.details a:hover {
	text-decoration:underline;
}
.pagination {
    clear:left;
    text-align:center;
    color:#999999;
    font-size:15px;
    font-family:Verdana, sans-serif;
    border-top:1px solid white;
    margin:30px 15px 15px 15px;
    padding-top:15px;
}
.pagination span {
	display: none;
}
.pagination span.disable {
	background: #DDD;
	color: #AAA;
}
.pagination a {
    color:#999;
    background-color:white;
    margin:3px;
    padding:2px;
    text-decoration:none;
}
.pagination a:hover {
    color:#CC3366;
}

.nettoyeur {
    clear:both;
}

#footer {
    height:130px;
	min-width: 683px;
	width: 69%;
	float:left;
}



#cadre-footer {
position:relative;
left: 20px;
margin-top: 20px;
margin-right:-30px;
height: 90px;

    background: url(images/bookmarks.png) #FFFFFF no-repeat top left;
}



#footer #cadre-footer #footer-bd {
	position:absolute;
	bottom:-6px;
	right:-5px;
	width:325px;
	height:65px;
	z-index: 0;
    background: transparent url(images/footer-bd.png) no-repeat;
}
	html>body  #footer #cadre-footer #footer-bd  {
	bottom:-6px;
	right:-4px;
    }

#navigation_footer a { color:#CC3366; text-decoration:none; }
#navigation_footer {
    padding:35px 0 0 10px;
    margin:0;
    list-style:none;
    color:#636363;
    font-family:Arial, sans-serif;
    font-size:10px;
    line-height:14px;
    letter-spacing:0.4px;
}
#copy a {
    font-family:Arial, sans-serif;
    color:#999999;
    font-size:12px;
}
#copy {
    color:#999999;
    float:right;
	text-align:center;
    font-family:Arial,sans-serif;
    font-size:12px;
    top:15px;
	right: 20px;
    padding:0pt;
    width:350px;
	z-index: 10;
	position:relative;
	width:315px;
	background-color: #e8ead4 ;
	padding:10px;
}
a#rss_footer {
    position:relative;
    top: 40px;
    float:right;
    height:59px;
    width:95%;
    background:transparent url(images/footer_rss.png) no-repeat 50%;
	right: 10px;
}

/* Importation anciens styles */

div.collapsible h3 {
	background: #FFF;
	color: #555;
	font-size: small;
	letter-spacing: 0.2em;
	margin: 2em 1em 1em 1em;
	padding: 0.25em 0.75em;
}

div.collapsible p.tags {
	line-height: 2.25em;
	margin: 1em 2em;
}

html > body li.xfolkentry {
    border-bottom: 1px dotted #AAA;
}

p.tags span:hover {
    cursor: pointer;
    text-decoration: underline;
}

div.link a {
    color: purple;
	font-weight:bold;
    font-size: medium;
}
div.link a:visited {
    color: purple;
}

li.xfolkentry {
    border-bottom: 1px solid #DDD;
	margin-top:5px;
    margin-bottom: 0;
    padding: 1px 1px;
}

li.xfolkentry.private {
    border-left: 3px solid #CC3265;
}
li.xfolkentry.shared {
    border-left: 3px solid #95BF43;
}