/*********************************************
Merci de l'interet que vous portez à ce code
tout est perfectible...
IGLOOSCOPE.COMbode
******************************************/

/********************debut reset***************************/
html, body, form, fieldset {
height: 100% ;
        margin: 0;
        padding: 0;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 1em 0;
        padding: 0;
}


li, dd, blockquote {
        margin-left: 0;
}

form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
        font-size: 100%;
		font-family: inherit;
}
*
{
outline: none ;
}

img
{
border: 0 ;
outline: none ;
}

/********************fin reset***************************/

body
{
background: url(images/fondsite.jpg) repeat scroll ;
overflow: auto ;
margin: 0 auto;
padding: 0;
color:#000;
font-size: 18;
text-align: center ;
}

	
#flashcontent {
height: auto;

	}
	
a {	
color:#cccccc;
	}

	
#logo
{
width: 800px;
height: 60px ;
background: url(images/logojn2.jpg) no-repeat left;
}

/*navigation***************/

   
      .nettoyeur
	  {
      clear:both;
      }
  
       
      /******************************/
      /* MON MENU DEROULANT */
      /******************************/
 div.nav
 {

 }
.navigation 
{
text-align: center ;
      margin: 10px 0 0 0;
      padding: 0;
      list-style: none;
      color: #F5F5DC;
      width: 1024px;
      font-size: 1.1em ;
	  height: 60px ;
	  width: 100% ;
      }
	  
.navigation li
{
display: inline ;
}

   .navigation a, .navigation span 
   {
      padding: 4px 30px;
      color: #F5F5DC;
      text-decoration: none;
      }
   .navigation .toggleSubMenu a, .navigation .toggleSubMenu span 
   {

      }
   .navigation .open a, .navigation .open span 
   {

      }
   .navigation a:hover, .navigation a:focus, .navigation a:active 
   {
      text-decoration: none;
     }
	
.navigation a:hover
{
color : #000 ;
}

   .navigation .subMenu 
   {
      font-size: .9em;
      background: no(subMenu.png) 0 0 repeat-x;
      margin: 0;
      padding: 0;
     
      }
   .navigation ul.subMenu a {
   display: inline ;
      background: none;
      padding: 8px 0 0 45px;
	  color: #fff ;
      }



	  
	  /*********fin de navigation*******************/
	  
#global
{
text-align: center ;
width: 900px ;
margin: 0 auto ;
position: relative ;
}

#main
{
margin: 0 auto ;
width: 900px ;
overflow: auto ;
padding-bottom: 60px ;
}


#header
{
width: 900px ;
margin: 0 auto ;
height: auto ;
}

#centre_accueil
{
position: relative ;
height: 100% ;
width: 900px ;
background: url(images/centre1.png) no-repeat center top;
}

#container
{
width: 850px ;
margin: 10px 25px;
float: left ;
background: #fff url(images/fond.png) ;
min-height: 100% ;
overflow: auto ;
padding-bottom: 60px;
border: 1px dashed #a0a0a0 ;
}

p.titre_blog
{
text-align: left ;
padding : 0 0 0 25px ;
}

h3.title a
{
padding : 0 ;
margin: 0 ;
color: black ;
padding: 0 0 0 25px ;
text-decoration: none ;
}

.title
{
padding: 0 ;
margin : 0 ;
}

.time
{
color: #616161 ;
font-size: 75% ;
padding-left: 25px ;

}

.article
{
float: left ;
height: auto ;
width: 560px ;
padding: 0 ;
margin: 5px 0 0 5px ;
text-align: justify ;
}

.entry
{
font-size: 80% ;
line-height: 1.6em ;
padding: 0 25px;
}

.entry a
{
color: #535353 ;

	}
	
	.entry a:hover
{
color: #000 ;
background: #d8e3d1 ;
	}


.post
{
margin: 0 ;
padding: 30px 10px  ;
}

p.postmetadata
{
background : #939393 ;
border: 1px solid #000 ;
color: white ;
padding : 0 5px ;
}

p.postmetadata a
{
text-decoration : none ;
color: #e7e7e7 ;
}


#searchform
{
width: 220px ;
height: auto ;
}

#searchform input
{
background: #fff ;
border: 1px solid #cbcbcb ;
}

#searchsubmit input
{
background: #ffffff ;
border: 1px solid red ;
color: #5c5856 ;

}

ul.rss
{
text-align: right ;
}

ul.flickr
{
text-align: center ;
}


input {
border:1px dashed #ffffff;
background-color:#aaaaaa;
color: #000000;
text-align: left ;
}

textarea
{
border:1px dashed #ffffff;
background-color: #aaaaaa;
color:#000000;
text-align: left ;
overflow: hidden ;
}

.formcontact
{
padding: 200px 0 0 100px;
margin: 0 0 10px 0 ;
color: #000000 ;
text-align: left ;
font-size: 70% ;
background: url("images/bobine_contact.jpg") no-repeat 60px 10px;
height: 400px ;

}

.french
{
color : #F5F5DC ;
}

/*BLOG*/

img 
{ 
border: 1px solid #fff ;
padding: 0 ;
}

#sidebar
{
width: 220px ;
height: auto ;
text-align: left;
float: right ;
margin: 5px 5px 0 0;
padding: 15px 10px;
border-left: 1px solid #e7e7e7 ;
}

h2.tisidebar
{
color: #616161 ;
font-size: 110% ;
}
 #sidebar li
{
color: #616161 ;
font-size: 90% ;
}

ul.sb
{
font-size: 80% ;
}

ul.sb a
{
display: block ;
width: 180px ;
padding: 5px 0 5px 8px;
color: #222222 ;
border-bottom: 1px solid #999999 ;
text-decoration: none ;
}

ul.sb a:hover
{
background: #f9f9f9 ;
color: #000000 ;
}

#sidebar ul{
list-style-type: none;
margin: 0 5px;
padding: 0;
}


.footer
{

width: 100% ;
height: 20px ;
}

p.footer
{

padding: 5px 0 ;
text-align: center ;
font-size : 60% ;
font-weight: bold ;
color: #F5F5DC ;
}

span.foot
{
color: #F5F5DC ;
}

span.design
{
color: #325e9f ;
}

span.design a
{
color: #325e9f ;
text-decoration: overline ;
}


/*------------------------------------------------------------------------*/
/* COMMENTAIRES*/
/*-------------------------------------------------------------------------*/

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3
{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.commentmetadata{
	font-size: 11px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#commentform
{
text-align: center ;

}

#commentform input 
{
border: 1px solid #eaeaea ;
background : #f1f1f1 ;
}

#commentform textarea 
{
border: 1px solid #eaeaea ;
background : #f1f1f1 ;
}

#commentform p
{
font-size: 80% ;
color: #666666 ;
}

h2#respond
{
text-align : center ;
color : #c6c6c6 ;
font-size: 100% ;

}

.naviga a
{

margin: 5px ;
padding : 10px ;
color : #949494 ;
font-size: 65% ;

}

#commentaire
{
margin: 0 auto ;
width: 500px ;
padding: 5px ;
}

#commentaire a
{
color: #000 ;
}



h3#comments
{
font-size: 80% ;
font-style: italic ;
text-align: center ;
color: #777777 ;
}

.commentmetadata a
{
text-decoration: none ;
color : #666 ;
font-weight: bold ; 
}

.commentmetadata
{
padding-left: 25px ;
text-decoration: none ;
font-size: 80% ;
font-weight: bold ;
color : #666 ;
}

.bulle_haut
{
width : 500px ;
height: 42px ;
background: url(images/bulle_haut.png) ;
padding: 0 0 0 0;
margin: 0 ;

}

.bulle_bas
{
width: 500px ;
height: auto ;
background: url(images/bulle_bas.png) bottom;
padding: 10px 0 0 0 ;
margin: 0 ;
}

div.bulle_bas ul
{
padding: 0 30px 10px 20px ;
color: #000 ;
margin: 0 0 0 10px;
}

.commentlist ul
{
padding-left: 25px ;
text-decoration: none ;
font-size: 75% ;
color : #000 ;
}





.gravatar {
float:left;
padding: 3px;
background: #fff;
}

.postgrav {
float: left;
padding: 3px;
margin-right: 5px;
margin-left: 5px;
border: 1px solid #000;
background: #fff;
}