/*Feuille de style de lodevebloc*/
body {
margin: 0;
padding: 0;
text-align: center;
min-width: 760px;
font-family: helvetica, arial, verdana, "trebuchet ms", sans-serif;
color: #362a07;
background: #a2c466;
/*background: #96b613;*/
height: 100%;
}

blockquote {
margin: 0;
padding: 0 10px 0 10px;
border-left: 6px solid #e8f4d3;
border-right: 6px solid #e8f4d3;
color: #92ba47;
}

code {
color: #a7ba80;
}

hr.side {
    width: 98%;
    margin-top: 17px;
    height: 2px;
    color: white;
}


/* layout
----------------------------------------------- */
@media all {
#wrapper {
	/*margin: 0 auto;
    	width: 760px;
*/
    	margin: 0 2%;
padding: 0 0 15px;
	text-align: left;
	min-height: 100%;   
 }

#blog-header {
    	background: #4b6320;
}


#blog-header h1 {
	margin: 0;	
	/*padding: 26px 0 0 150px;*/
	padding: 3% 0 0 19%;
	color: #f9feee;
/*font-size: 30px;
line-height: 40px;*/
	font-size: 3em;
	line-height: 1.5em;
background: url("../../../public_html/IMG/IconeLB_vertplein_inverse.png") no-repeat 10% 90%;

/*background: url("http://smeden.free.fr/public_html/LodeveBloc_fichiers/LodeveBlocEtVoila_small.gif") no-repeat right top 13px 13px 0 0;*/
}



#main-wrapper {
	/*margin-top: 6px;*/
    	position: relative;
    	margin: 0;
padding: 0 0 15px;
    	/*width: 760px;*/
	/*background: whitesmoke;*/
	overflow: hidden;
	/*background-image: url(http://smeden.free.fr/public_html/Desktop/PetiteFourmiRouge.gif) no-repeat right bottom;  */  	
/*background: #f7f0e9 url(../../../thisaway/bg_main_wrapper.gif) repeat-y left top;*/
}


#main-content {
    	display: inline; /* fixes a strange ie margin bug */
    	float: left;
    	margin: 0;
    	padding-top: 10px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	background: whitesmoke;
    	/*width: 483px;*/
    	width: 64%;
	min-height: 100%;
}

#main-content p {
text-indent: 20px;
}

  }



.post {
	margin: 0 16px 14px 29px;
	padding: 0;
	border-bottom: 3px solid #e8f4d3;
}

#comments {
	/*margin: 0 16px 14px 29px;
	padding: 10px;*/
	border: 1px solid #e4f0ce;
	background-color: #e6e6e6;
}

@media all {
  #sidebar-wrapper {
    	display: inline;  /*fixes a strange ie margin bug */
    	float: right;
    	margin:  0;
	border-right: 1px solid whitesmoke;
   	/*width: 267px;*/
   	width: 29%;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	background: #a2c466;
    	color: #55761c;
	
	background-image: url(http://smeden.free.fr/Desktop/PetiteFourmiRouge.gif) no-repeat right bottom;
    /*background: url(../../../thisaway/bg_sidebar_arrow.gif) repeat-y 179px 0;*/
    }

#sidebar p{
	display: block;
}

#sidebar {
	padding: 7px 11px 0 14px;
    	background: none;
	display: block;
	/*border-right:1px solid whitesmoke; */
}


#blog-footer div {
    	background: #374915 url(../../../thisaway_green/bg_footer.gif) repeat-x left top;
}
  }

#profile-container {
	margin-bottom: 20px;
}

/* headings
----------------------------------------------- */


	
h2.date-header {
	margin: 0;
	padding: 0 0 0 29px;
	font-size: 10px;
/*font-size: 0.9em;*/
	text-transform: uppercase;
	color: #b5c88f;
	background: url(../../../thisaway_green/icon_date.gif) no-repeat 13px 0;
}

.date-header span {
margin: 0 0 0 5px;
padding: 0 25px 0 25px;
background: url(../../../thisaway_green/bg_date.gif) no-repeat 0 0;
}


#sidebar h2{
/*padding: 1px 0 0 36px;*/
font-size: 1em;
font-weight: bold;
line-height: 1.2em;
color: #4b6320;
margin-bottom: 0;
/*background-color: whitesmoke;*/
}


.post h3.post-title {
margin: 13px 0 0 0;
padding: 15px 25px 15px 25px;
font-size:2em;
/*color: #92ba47;*/
color: #96b613;
background: none;
}

.post-body h4.section {
font-size: 1.1em;
margin-top: 0;
}

#comments h4 {
margin-top: 0;
/*font-size: 16px;*/
background: none;
color:#4b6320;
font-size: 1.1em;
}

/* text
----------------------------------------------- */
#blog-header p {
margin: 0;
padding: 7px 16px 7px 84px;
color: #f9feee;
/*font-size: 11px;*/
font-weight: bold;
/*line-height: 14px;*/
}

.post-body div {
font-size: 0.8em;
line-height: 1.5em;
text-align: justify;
margin: 0;
height: 1%;
overflow: visible; 
}

.post-body blockquote {
margin: 10px 0px;
}

p.post-footer {
/*font-size: 11px;*/
font-size: 0.8em;
color: #a9bd80;
text-align: right;
}

p.post-footer em {
display: block;
float: left;
text-align: left;
font-style: normal;
font-size: 0.8em;
}

p.blogger-labels{
font-size: 0.8em;
}

p.comment-data {
font-size:0.9em;
font-weight: bold;
color: #706e64;
background: none;
}

.comment-body {
font-size: 0.9em;
color: #706e64;
background: none;
}

div.comment-body{
border-bottom: 3px solid whitesmoke;
padding-left: 10px;
}

.deleted-comment {
  font-style:italic;
  color:gray;
  }

#sidebar  {
font-size: 0.8em; /*12px;
line-height: 17px;*/
margin-bottom: 20px;
}

#blog-footer p {
margin: 0;
padding: 15px 15px 15px 55px;
color: #f9feee;
font-size: 0.8em;/*10px;*/
line-height: 14px;
text-align: right;
/*background: url(../../../thisaway_green/icon_footer.gif) no-repeat 16px 0;*/
}


/* lists
----------------------------------------------- */
.post ul {
padding-left: 32px;
list-style-type: none;
/*font-size: 13px;
line-height: 1.5em;*/
}

.post li {
/*padding: 0 0 4px 17px;*/
padding-left: 17px;
background: url(../../../public_html/IMG/icon_list_item.gif) no-repeat 0 3px;
}

p.post-body ul {
margin-top: -10px;
}

p.post-body li {
margin-top: -9px;
}


#comments ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#comments li {
padding: 0;
background: none;
}

#comments a {
font-weight: bold;
}

#sidebar ul {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
/*font-size: 11px;
line-height: 14px;*/
}

#sidebar li {
padding: 0 0 10px 17px;
/*background: url(../../../public_html/IMG/icon_list_item.gif) no-repeat 0 3px;*/
background: url(../../../public_html/IMG/data-arrow-green.gif) no-repeat 0 3px;
}

#archive-years ul {
background: none;
padding-left: 20px;
}

#archive-years ul ul {
	padding-bottom: -15px;
}

#archive-years a{
	color: whitesmoke;
	background: none;
	font-weight: bold;
	text-decoration: none;
}

#archive-years a:hover, a:focus {
	background-color: #f8e542;
	color: #333333;
	text-decoration: none;
}


#archive-years img {
cursor: pointer;
cursor: hand;
margin-right: 5px;
}


#archive-years li {
padding-top: 10px;
padding-bottom: -25px;
font-weight: bold;
padding-left: 10px;
background: none;
}

#archive-years li li {
background: none;
line-height: 1.2em;
padding-left: 15px;
}

#archive-years li li li {
background: none;
padding-left: 20px;
font-size: 0.9em;
font-weight: normal;
}


#par-site ul{
	text-align: right;
}

#par-site li{
	background: none;
	background-color: #96b613;
	padding: 10px;
	border-bottom: 1px solid;
}

#par-site a{
	color: white;
	font-size: 1.3em;
	font-weight: bolder;
}




/* links
----------------------------------------------- */
ul a{
padding-left: 2px;
padding-right: 2px;
}

h3 a{
padding-left: 2px;
padding-right: 2px;
}

p a{
padding-left: 2px;
padding-right: 2px;
}

a {
color: #6a9718;
font-weight: bold;
/*text-decoration: underline;*/
}



a[href^="http:"] {
	padding-left: 17px;
}

a[href^="http://lodevebloc.blogspot.com/"] {
	padding-left:0;
}



a:not([href^="http://lodevebloc.blogspot.com/"]) {
	background: url(../../../public_html/IMG/link_external.gif) no-repeat;
}

a[href^="mailto:"] {
	padding-left: 17px;
	background: url(../../../public_html/IMG/link_email.gif) no-repeat;
}


/*a[href^="http://lodevebloc.blogspot.com/"],  a[href^="http://bp0.blogger.com/"] , a[href^="http://bp1.blogger.com/"] , a[href^="http://bp2.blogger.com/"], a[href^="http://bp3.blogger.com/"]
*/

a[href$="jpg"], a[href$="JPG"], a[href$="gif"], a[href$="png"]{
	background: none;
	background-color: none;
	padding-left: 0;
}

a[href^="#"]{
	background: none;
	background-color: none;
}


a:hover, a:focus {
background-color: #f8e542;
color: #333333;
text-decoration: none;
}



/*a:visited {
color: #8b7f59;
}*/

a.post-body img{
padding:0;
}

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
   so we hide these two declarations from it */
background: url(../../../thisaway_green/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
background: url(../../../thisaway_green/icon_comment.gif) no-repeat 0 45%;
padding-left: 14px;
}



h3.post-title a {
text-decoration: none;
}

h3.post-title a:visited {
color: #92ba47;
}


/*Joke Intox**************************/

a.joke{
text-decoration: underline;
background: none;
}



/* miscellaneous
----------------------------------------------- */

img {
border: none;
padding: 0px;
}

.post-photo {
padding: 3px;
border: 1px solid #dbebbd;
}

.clear {
clear: both;
line-height: 0;
height: 0;
} 

#cauchemar{
background-color: #dfedf7;
color: #477a9b;
padding: 17px;
opacity: .99;
filter: alpha(opacity=99);
}


#cauchemar a:hover, a:focus{
background-color: #f8e542;
color: #333333;
text-decoration: none;
}

#cauchemar a:visited{
text-decoration: none;
background: none;
}


.bl-corner {background: url(../../../public_html/IMG/bl.gif) 0 100% no-repeat #dfedf7; width: 90%;} 
.br-corner {background: url(../../../public_html/IMG/br.gif) 100% 100% no-repeat;} 
.tl-corner {background: url(../../../public_html/IMG/tl.gif) 0 0 no-repeat;} 
.tr-corner {background: url(../../../public_html/IMG/tr.gif) 100% 0 no-repeat; padding:10px;} 
.clear {font-size: 1px; height: 1px}

.sigh-big-circ {
padding-top:-20px;
position: relative;
left: 35%;
} 

.sigh-small-circ {
padding-top: -25px;
position: relative;
left: 45%;
} 

/*End Joke **************************************/



.diaporama{
position:relative; 
margin-left: -29px;
display: none;
}

.close-diaporama{
color: #3b6fae;
background-color: white;
text-decoration: none;
background: none;
position: relative;
bottom: 50px;
z-index:90;
}

.diaporama-caption{
text-align: center;
color:#357de2; 
font-size: 0.7em;
}

.diaporama-open-link{
	background: none;
	color:#357de2; 
	font-size: 0.7em;
	cursor: pointer;
	cursor: hand;	
}

.diaporama-open-link a{
	background: none;
}

/* Tech ************************/
.tech{
margin-top: 50px;
padding-top: 20px;
font-size: 0.7em;
border-top: 1px whitesmoke dashed; 
border-bottom: 1px whitesmoke dashed;
}


/*Boutons de la NavigLodeveBar ********************************************/

#tabmenu {
	font-size: 0.8em;
	color: #000;
	border-bottom: 1px solid #f7f0e9;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px 
}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none; 
}


#tabmenu a, a.active {
		border: 1px solid #f7f0e9;
		padding: 2px 5px 0px 5px;
		margin: 0px;
		text-decoration: none; 
}

#tabmenu a{
	color: #dedecf;
	background: #898b5e;
}

#tabmenu a.active {
		/*background: #f7f0e9;*/
		background: whitesmoke;
		color: #898b5e;
		border-top: 1px solid #898b5e; 
		border-left: 1px solid #898b5e;
		border-right: 1px solid #898b5e;
		border-bottom: 1px solid whitesmoke;
}

#tabmenu a:hover {
		color: #fff;
		background: #adc09f;
		text-decoration: underline;
 }


#tabmenu a.active:hover {
		background: #abad85;
		color: #dedecf; 
}




/**********************************End Boutons NavigLodeveBar ********************************/
#navbar-iframe {
   height: 0px;
   visibility: hidden;
   display: none;
}



a.hot-link {
color: blue;
}

#header-logo{
right: 10px;
}


/*RSS Reader************************/
h2.sidebar-title-last-comments {
background:url(../../../public_html/IMG/feed-icon-24x24.png) no-repeat 3% 30%;
}

#last-comments{
color:gray;
padding: 15px 5px 5px 5px;
background: whitesmoke;
}

#last-comments h2{
padding: 0 0 5px 5px;
margin: 0;
background: none;
font-size:0.9em;
border-bottom: 1px gray dashed;
}

#last-comments ul{
margin: 0;
padding: 0;
}

#last-comments li{
margin: 0;
padding-bottom: 10px;
padding-right: 10px;
padding-left:0;
background: none;
}

#last-comments a{
color: gray;
font-weight: normal;
text-decoration: none;
background: none;
}

#last-comments a:hover{
text-decoration: underline;
}

#ct_logo{
display: none;
}

.co-bl-corner {background: url(../../../public_html/IMG/co-bl.gif) 0 100% no-repeat whitesmoke; width: 90%;} 
.co-br-corner {background: url(../../../public_html/IMG/co-br.gif) 100% 100% no-repeat;} 
.co-tl-corner {background: url(../../../public_html/IMG/co-tl.gif) 0 0 no-repeat;} 
.co-tr-corner {background: url(../../../public_html/IMG/co-tr.gif) 100% 0 no-repeat; padding:10px;} 
.clear {font-size: 1px; height: 1px}

h4{
background:#dcd0ad;
padding-left: 15px;
}

.com-bl-corner {background: url(../../../public_html/IMG/co-bl.gif) 0 100% no-repeat whitesmoke; width: 100%;} 
.com-br-corner {background: url(../../../public_html/IMG/co-br.gif) 100% 100% no-repeat;} 
.com-tl-corner {background: url(../../../public_html/IMG/co-tl.gif) 0 0 no-repeat;} 
.com-tr-corner {background: url(../../../public_html/IMG/co-tr.gif) 100% 0 no-repeat; padding:10px;}


/*#LogoFourmis{
}*/

/*css rollover **/
 .cssnav
{
position: relative;
background: url(../../../public_html/IMG/IconLB/IconeLB_bleu_et_orange.png) no-repeat;
white-space: nowrap;
display: block;
width: 64px;
height: 64px;
margin: 0;
padding: 0;
}

.cssnav a
{
display: block;
width: 64px;
height: 64px;
display: block;
float: left;
color: black;
background: none;
}

.cssnav img
{
width: 64px;
height: 64px;
border: 0;
background: none;
}

* html a:hover
{
visibility:visible
}

.cssnav a:hover img
{
visibility:hidden
}

@media print{
	#body{
		font-family: serif;
		font-size: 10pt;
		padding-left: 10%;
	}

	#wrapper{
		width: 100%;
	}

	#main-wrapper{
		width: 100%;
	}

	#main-content{
		width: 100%;
	}

	#sidebar-wrapper{
		display: none;
	}

	#blog-footer{
		display: none;
	}
	
	#tabmenu{
		display: none;
	}
	#LogoFourmis{
		position: absolute;
		top: -130px;
		right: 120px;
	}	
	

	#comments{
		display: none;
	}
	
	#blog-header h1 {
		margin: 0;	
		padding: 0;
		font-size: 4em;
		color: #92ba47; 
	}

	#blog-header{
		border: 2px dashed #92ba47;
	}

	#blog-header p {
		display: none;
	}


	.post h3.post-title {
		margin: 0;
		padding: 0;
		font-size: 3em;
		border-bottom: 2px solid #92ba47;
	}

	.post-body{
		font-size: 0.8em;
	}

	.cssnav{
		display: none;
	}

	.post-body img{
		float: left;
		padding-right: 20px;	
	}
	
	.post-body li{
		clear: both;
		padding-bottom: 10px;
		border-bottom: 2px dashed #92ba47;
	}

	.printInvite{
		display: none;
	}
	.date-header{
		display: none;
	}
	
	.post-body h4{
		margin: 0;
		padding: 0;
	}


	.online{
		font-size: 0.8em;
		color: blue;
	}

	.post-footer{
		display: none;
	}
}

/*End of Print media******************/

.printInvite{
	position: relative;
	right: 0px;
	display: block;
	background: url(../../../public_html/IMG/icon-print_focus.png) no-repeat;
	white-space: nowrap;
	width: 24px;
	height: 17px;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	color: gray;
}


.printInvite a
{
display: block;
width: 24px;
height: 17px;
display: block;
float: left;
color: black;
background: none;
}

.printInvite img{
	width: 24px;
	height: 17px;
	border: 0;
	background: none;
}

.printInvite a:hover{
	cursor: pointer;
}

.printInvite a:hover img{
	visibility:hidden;
}


/*annonces */

#annonces{
padding-right: 15px; 
padding-left: 10px; 
background: #f9fb62; 
color: #898b5e; 
}

#annonces ul{
padding-right: 15px; 
padding-left: 10px; 
padding-top: 20px; 
padding-bottom: 20px;
/*list-style-image: url(../../../public_html/IMG/icon-cross.png) 10px;*/
/*list-style-type: circle;*/
list-style-position: inside;
}


#annonces li{
border-bottom: dashed 1px;
padding-top: 10px;
padding-left: 0;
background: none;
}

#annonces li:before{
display: marker;
content: "x     ";
}

#videos{
font-size: 0.9em;
}

#contact{
margin-bottom: 150px;
}


form #search{
background: white;
padding-left: 17px;
}

#s{
color: gray;
padding-left: 17px;
background: white url(../../../public_html/IMG/icon-search.gif) no-repeat left;
border:1px #d4d4d4 solid;
}

.go{
border:0;
background: orange;
font-weight: bold;
color: white;
cursor: pointer;
border:1px #d4d4d4 solid;
}


.go:hover, .go:active{
background:red;
color: gray;
}


#liste-liens {
	font-size: 0.9em;
}

#liste-liens li{
	clear: both;
	background: none;
	padding-top: 30px;
}

#liste-liens li a {
	color: #423628;
	font-weight: bolder;
	padding-left: -30px;
	text-decoration: none;
	border-bottom: none;
}

#liste-liens li h4{
	font-size: 1.4em;
	border-bottom: 1px solid #423628;
	font-weight: bolder;
	color: slategray;
	background: none;
}

#liste-liens img{
	background: none;
	float: left;
	margin-right: 10px;
}

#liste-liens a{
color: #706e64;
background: none;
}

#les-sites{
	font-size: 0.9em;
}

#les-sites li{
	background: none;
}

#les-sites li h4{
	font-size: 1.4em;
	border-bottom: 1px solid #706e64;
	font-weight: bolder;
	color: #706e64;
	background: none;
}

#videos h4{
	font-size: 1.4em;
	border-bottom: 1px solid #706e64;
	font-weight: bolder;
	color: #706e64;
	background: none;
}

#collapsibleList li{
background: none;
padding-left: 10px;
}

#collapsibleList li li{
background: none;
padding-left: 20px;
}

#quote{
text-align: justify;  
line-height: 1.4em; 
/*color: #8b7f59;
background: none;*/
font-style: italic;
border-top: 1px solid;
margin-top: 20px;
padding-top: 10px;
margin-left: -19px;
position: relative;
}

#quote a{
background: none;
border-bottom: none;
}

#quote a:hover{
 cursor: default;
}



a{
font-weight: normal;
text-decoration: none;
border-bottom: dotted 1px;
}

.album a{
border-bottom: none;
padding-left: 10px;
background:none;
color:white;
font-weight:bolder;
font-size:1.2em;
text-decoration:none;
}

.album a:hover{
background: none;
color: #d2e937;
}

.album a:visited{
color: black;
background: none;
}

.tech-note{
font-size: 0.8em;
color: #3b6fae;
text-align: right;
}


#sidebar .tech-note{
font-size: 0.8em;
padding-right: 24px;
}

a.tech-note{
color: #3b6fae;
background-color: white;
text-decoration: none;
background: none;
}

a.tech-note:hover{
color: orange;
background: none;
text-decoration: none;
border-bottom: 1px solid;
cursor: pointer;
cursor: hand;
}

a.tech-note:visited{
color: #3b6fae;
background-color: white;
text-decoration: none;
background: none;
}


#Logo-Fourmis{
width: 200px;
}

.tech a{
background: none;
padding-left:0;
}

#main-content{
overflow: hidden;
}


a.toggable, a.toggable:hover, a.toggable:active{
background: none;
border-bottom: none;
}

a.cssnav:hover{
background: none;
color: black;
}

a.cssnav:hover input{
background: none;
color: black;
cursor: pointer;
}

#search{
margin-top: 25px;
}

.marge {
padding-bottom: 15px;
border-bottom: 1px solid;
padding-top: 15px;
border-top: 1px solid;
}