/* ------------------------------------ *
 CSS www.sage.fr on 20 septembre 2007

 By stephane LANGONNET / edonis - Bonnie and Clyde 2007
 * ------------------------------------ */   
 
/*-----------------------------------------*/ 
/* debut elements generaux*/ 
/*-----------------------------------------*/

html
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}


body {
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
	font-size: 12px;	
	margin:0;
	background: #FFF;
	color: #ABADB1;
	padding:0;
	height: 100%;
	width: 100%;
	text-align: left;
}

.clr{
 clear:both; 
}  

input{
   background : #FFF;
	color:#666;
	border: #6F79AE solid 1px;	
}

textarea {
	background:#FFF;
	color:#666;
	border: #6F79AE solid 1px;	
}


/*-----------------------------------------*/
/* Les différents cadres */
/*-----------------------------------------*/

#global-content { 
	margin:0 auto;
	padding: 0;
	width: 928px;
background:#FFF url(../images/blog/background-global.png) repeat-y;
}

#top{
	background:#FFF url(../images/blog/header.png) top left no-repeat;
	height: 222px;
	width:928px;
  overflow: hidden;
clear:both;
}


#top a{
	text-indent:-2000px;
display:block;
	height: 210px;
	width:928px;
	color: #FFF;
	text-decoration:none;
	background-color: transparent;  
}

 #sage-content{
  width: 498px;
  margin: 5px 0 0 0;
	float: left;
	padding:0; }

#sage-footer-page{ 
 background: url(../images/blog/footer-background.png) no-repeat;
	width: 923px;
	height:21px;
	margin: 0;
	padding: 0 0 0 0;
	}

/*-----------------------------------------*/
/* debut elements de bonnie-first-side*/
/*-----------------------------------------*/


#sage-first-side{
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
/*background: url(../images/blog/side1-background.png) repeat-y ;*/
	font-size:12px;	
 	margin:0 0 0 3px;	
	width: 229px;
	float: left;}

/*bloccadre*/
.bloccadre {
	padding-left:4px;
	padding-right: 4px;
	padding-top:0;	
	padding-bottom:10px;
	margin:0;}
	
.bloccadre object {
	padding:0;		
	margin:0;}
	
.bloccadre h5 {
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
font-weight: bold;		
color:#0F4D2A;	
height: 22px;
padding: 2px 0 0 8px;
margin:10px 0;
/*background: url(http://hervesage.typepad.com/herv_sage_le_blog_arr/images-blog/bulle-sidebar.png) no-repeat; */
font-size:11px;}

.bloccadre ul {
	margin: 0;
	padding:0;
	list-style-type:none;}

.bloccadre li {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type:none;}

.bloccadre img {
	border:none;	
	padding-bottom:2px;}

	
/*bloccadre*/
.bloccadre3 {
	padding-left:4px;
	padding-right: 4px;
	padding-top:0;	
	padding-bottom:10px;
	margin:0;}
	
.bloccadre3 object {
	padding:0;		
	margin:0;}
	
.bloccadre3 h5 {
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
font-weight: bold;		
color:#0F4D2A;	
height: 40px;
padding: 4px 0 0 8px;
margin:10px 0;
/*background: url(http://hervesage.typepad.com/herv_sage_le_blog_arr/images-blog/bulle2.png) no-repeat; */
font-size:11px;}

.bloccadre3 ul {
	margin: 0;
	padding:0;}

.bloccadre3 li {
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type:none;}

.bloccadre3 img {
	border:none;	
	padding-bottom:2px;}	
	
/* Bloccadre 2 */
/*bloccadre*/
.bloccadre2 {
	padding-top:0;	
	/*padding-bottom:10px;*/
	margin:0 0 0 15px;
	text-align: left;}
	
.bloccadre2 object {
	padding:0;		
	margin:0;}
.bloccadre2 h4 { 
font-size: 20px;
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
color: #209DB3;}	

.bloccadre2 ul {
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
font-size: 13px;
color: #0F4D2A;
	margin: 0;
	padding:0 0 0 10px;}

.bloccadre2 li {
	margin: 0 0 0 10px;
	padding: 0;
	list-style-type:disc;}

.bloccadre2 img {
	border:none;	
	padding-bottom:2px;}	

/*-----------------------------------------*/
/* debut elements sage-second-side */
/*-----------------------------------------*/

#sage-second-side{
background: #F3F9F9 url(../images/blog/background-sidebar.png) bottom right no-repeat;
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
	font-size:13px;	
 	margin: 0 7px 0 0;		
 	padding: 10px 0 0 0;	
	width: 185px;
	float: right;
 	text-align: left;
}

/*-----------------------------------------*/
/* debut elements sage-content */
/*-----------------------------------------*/
h3.entry-header{
color:#209db3;
font-size: 1.4em;
font-weight:bold;
}
/* Corps de la note */
.sage-body {
width: 478px;
margin: 0;
padding: 0 10px;
color:#666666;
font-size:13px;
}	

.sage-body blockquote {
border-left: 3px solid #0F4D2A; 
padding: 0 5px;	
}	

/* Footer de la note */
.sage-footer
{
 clear: both;	
	
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
	font-size: 12px;		 
	color: #0F4D2A;
	background: url(../images/blog/filet-note.png) bottom repeat-x;
	margin-bottom: 0px;
	margin-top: 10px;	
	padding-bottom:1px;
	padding-top:0px;
	text-align: left;
}

.sage-comment-form,
.sage-trackback-footer,
.sage-comment-footer
{
	margin-left:10px;
	margin-right:10px;	
	padding-left:10px;
	padding-right:10px;
	clear:both;
	position:static;			
	margin-bottom: 10px;
	margin-top: 2px;	
	padding-bottom:5px;
	padding-top:2px;
color: #666666;
	font-size: 13px;
	line-height: normal;
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
}
.sage-comment-form h2{color:#209DB3;}

.sage-footer-bas {
	padding-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	height:12px;
	Background: #FFF;
}	

.sage-comment-form input, .sage-comment-form input  {
        padding: 3px;
        }
        
.sage-comment-form label {
display:inline;
 }
 
.separator-comment-form {
	border-bottom:  #E7E6C7 solid 1px;
	margin-left: 35px;
	margin-right: 35px;
	margin-top: 10px;
	margin-bottom: 10px;
}	



/*-----------------------------------------*/
/* debut sage footer page */
/*-----------------------------------------*/

#sage-footer-page {
	letter-spacing: 0.04em;
}

#sage-footer-page p {
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
	color:#FFF;
	margin:0;
	font-size: 9px;
	padding-left:10px;
	padding-right:20px;
	padding-top:12px;
	padding-bottom:6px;
}

/*-----------------------------------------*/
/* link style */
/*-----------------------------------------*/

/* global link */
a:link 
  {color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
 a:visited 
  { color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
 a:hover 
  { color:#209DB3;
  text-decoration: underline; 
  background-color: transparent; }
 a:active 
  { color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
 /*test*/
.sage-body  a:link 
  {color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
.sage-body  a:visited 
  { color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
.sage-body  a:hover 
  { color:#209DB3;
  text-decoration: underline; 
  background-color: transparent; }
.sage-body  a:active 
  { color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
 
 /* sage-footer-page */
#sage-footer-page a:link 
  {color: #FFF; 
  text-decoration: none; 
  background-color: transparent; }
#sage-footer-page  a:visited 
  { color:  #FFF; 
  text-decoration: none; 
  background-color: transparent; }
#sage-footer-page  a:hover 
  { color:#FFF; 
  text-decoration: underline; 
  background-color: transparent; }
#sage-footer-page  a:active 
  { color: #FFF; 
  text-decoration: none; 
  background-color: transparent; } 



/* sage-first-side */  
.sage-archive li{
color:#0F4D2A;
}
  .sage-archive a:link 
  {color:#0F4D2A;
  font-weight:bold;
  font-size: 16px;
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
  text-decoration: none; 
  background-color: transparent; }
  .sage-archive  a:visited 
  { color:#0F4D2A;
    font-weight:bold;
    font-size: 16px;
 font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
  text-decoration: none; 
  background-color: transparent; }
  .sage-archive  a:hover 
  { color:#0F4D2A;
    font-weight:bold;
    font-size: 16px;
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
  text-decoration: underline; 
  background-color: transparent; }
  .sage-archive  a:active 
  { color: #0F4D2A;
    font-weight:bold;
    font-size: 16px;
  font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
  text-decoration: none; 
  background-color: transparent;} 
  

  /* sage-content */
  .sage-titre a:link 
  {color: #209db3; 
  text-decoration: none; 
  background-color: transparent; }
  .sage-titre  a:visited 
  { color: #209db3; 
  text-decoration: none; 
  background-color: transparent;}
  .sage-titre a:hover 
  { color:#209db3; 
  text-decoration: none; 
  background-color:  transparent; }
  .sage-titre  a:active 
  { color: #209db3; 
  text-decoration: none; 
  background-color: transparent; } 

.sage-footer  a:link 
  {color:#0F4D2A;
  text-decoration: none; 
  background-color: transparent; }
.sage-footer   a:visited 
  { color: #0F4D2A;
  text-decoration: none; 
  background-color: transparent;}
.sage-footer  a:hover 
  { color:#0F4D2A;
  text-decoration: underline; 
  background-color:  transparent; }
.sage-footer  a:active 
  { color: #0F4D2A;
  text-decoration: none; 
  background-color: transparent; } 
  
.extended  a:link 
  {color:#58B5C7;
  text-decoration: none; 
  background-color: transparent; }
.extended  a:visited 
  { color: #58B5C7;
  text-decoration: none; 
  background-color: transparent;}
.extended  a:hover 
  { color:#58B5C7;
  text-decoration: underline; 
  background-color:  transparent; }
.extended  a:active 
  { color: #58B5C7;
  text-decoration: none; 
  background-color: transparent; }   

/*-----------------------------------------*/
/* H style */
/*-----------------------------------------*/


.sage-titre  {
margin: 0;
padding:5px 0;

}

.sage-titre h3 {
text-align:left;
	font-size:18px;
	margin:0;
	/*font-weight: bold;*/

font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
padding: 1px 0 0 0;
	color: #209db3;}
	
/* module a propos */	
h2.module-header  {display:none;}
ul.module-list {list-style-type:none; margin:10px 0 10px 15px; padding:0;}
div.typelist-note {margin:0;padding:0}
div.typelist-note p {color: #209DB3;margin:10px 0 0 0;padding:15px 0 0 0}
div.typelist-note p {color: #209DB3;margin:10px 0 0 0;padding:15px 5px 0 0; font-size: 16px;}
div.typelist-note a {color: #209DB3; text-decoration:underline;}
div.typelist-note a:hover {color: #209DB3; text-decoration:none;}


/* Formulaire recherche abonnement */
.formulaire {background:url(../images/blog/background-form.png) top no-repeat; 
margin:0; 
padding:0; 
width:155px;
height: 36px;}

		input.mail {
		margin:3px 0 0 10px;
			background:#fff url(../images/blog/bloc_blanc_mail.png) no-repeat;
			color:#209DB3;
			border: none;	
			width:110px;
			height:24px;
			text-align:center;
			font-size:16px;
			line-height:24px;
			vertical-align:top;
		}
		input.arrondi {
				margin:3px 0 0 0;
			background:#fff url(../images/blog/ok-sage.png) no-repeat;
			border: none;
			width: 22px; /* largeur a  specifier */
			height: 22px; /* longueur a  specifier */
			line-height:22px;
			vertical-align:top;
		}
		
/* sous-second */
p.abonne{
margin:0;
padding:0;
color:#666666;
font-size:13px;
font-weight:bold;
padding-bottom:5px;
}
.sous-second a:link 
  {color:#0F4D2A;
  text-decoration: none; 
  background-color: transparent; }
.sous-second a:visited 
  { color:#0F4D2A; 
  text-decoration: none; 
  background-color: transparent; }
.sous-second a:active 
  { color:#0F4D2A;
  text-decoration: none; 
  background-color: transparent; } 
.sous-second a:hover {
	color:#FFF;
	text-decoration: none; 
	background:#209DB3 url(../images/blog/background-link.png) left top no-repeat;}
.sous-second {margin: 5px 5px 5px 10px; color: #0F4D2A;}
.sous-second img {border:none; margin:15px 0 5px 0;}
.sous-second li {
color: #0F4D2A;
margin-left:10px;
	padding:0;
text-align:left;
	list-style-type:disc;
}
.sous-second ul {
	margin:0 0 0 10px;
	padding:0;
}
.sous-second h4 { 
font-size: 20px;
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
color: #209DB3;}
.rss {margin: 20px 0 0 0;}
.rss img {border:none; margin:0 0 2px 0;}
.rss  ul {
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
font-size: 13px;
color: #0F4D2A;
	margin: 0 0 0 20px;
	padding:0 0 0 0;}

.rss li {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type:none;}
	
.archive  li{list-style-type:none; margin: 0; padding: 0;}	
  .archive a:link 
  {color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
  .archive  a:visited 
  { color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
  .archive  a:hover 
  { color:#209DB3;
  text-decoration: underline; 
  background-color: transparent; }
  .archive  a:active 
  { color: #209DB3;
  text-decoration: none; 
  background-color: transparent;} 
  
#bas-page  {text-align: center; color: #209DB3;

font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
font-size: 12px;
margin: 10px 0 0 0;}
#bas-page  li{display:inline; list-style-type:none; margin: 0; padding: 0;}	
#bas-page ul {display:inline;}

#bas-page a:link 
  {color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
#bas-page  a:visited 
  { color:#209DB3;
  text-decoration: none; 
  background-color: transparent; }
#bas-page  a:hover 
  { color:#209DB3;
  text-decoration: underline; 
  background-color: transparent; }
#bas-page a:active 
  { color: #209DB3;
  text-decoration: none; 
  background-color: transparent;} 
  
 .cadre-haut { background: transparent url(../images/blog/rubrique_citation.gif) no-repeat; width:182px; height:121px;}
 .cadre-haut p{
 padding: 15px 5px 10px 5px;
font-family:"Trebuchet MS", arial, "idem pour linux", sans-serif;
 font-size: 18px;
 color:#209DB3;
 }
.spe-rss img{
float:left; 
margin: 0 0 0 10px;}
.spe-rss {margin: 10px auto 10px auto;}
.spe-rss a{color: #B7BBBE; font-size:17px;} 
.spe-rss ul{
padding: 10px 0 0 0;
list-style:none;
}
.spe-rss li {
display:inline;
}

#tagcloud {
width:205px;
padding: 10px 15px;
margin: 20px 0 10px 0; 
}

.module a 
{
color:#00FF00;
}

#tagcloud  img{
display:none;
}
div.tags h4 {display:none;}
div.tr-blog-top-tags {padding: 0;}
div.tr-blog-top-tags h3{display:none;}
div.tr-blog-top-tags ul a{color:#0F4D2A;}

recommander a {color:#666; font-size:13px;font-weight:bold;}
recommander a.hover{color:#666;}/* ph=1 */
/* nhm:from_kauri */

#nyroTcha {
	display: none;
}