/*********************************************
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 ;
}

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

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

	
#flashcontent {
height: auto;

	}
	
a {	
color:#cccccc;
	}

	
#logo
{
width: 800px;
height: 60px ;
background: url(images/logojn.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: 3px 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: 670px ;
width: 900px ;
background: url(images/centre1.png) no-repeat center top;
}




 /* page aubout */
 
#droite
{
height: 740px ;
width: 900px ;
float: left ;
padding-bottom : 10px ;

}

#droite p
{
color : #222222 ;

}

.about
{
background: url(images/fond.png)
}

p.about
{
color : #000000 ;

margin : 20px 100px ;
padding : 50px ;
text-align: justify ;
font-size : 80% ;

}

p.titre_about
{
text-align: left ;
padding : 40px 0 0 100px;
}



input {
border:1px dashed #000;
background-color:#c4c4c4 ;
color: #000;
text-align: left ;
}

submit.input
{
text-align: center  ;
}

textarea
{
border:1px dashed #000;
background-color: #c4c4c4;
color:#000;
text-align: left ;
overflow: hidden ;
}

.formcontact
{
padding: 50px;
margin: 20px 100px ;
color: #000 ;
background: ;
text-align: left ;
font-size: 80% ;
height: auto ;
background: url(images/fond.png) ;
}

.french
{
color : #5c5856 ;
}



.footer
{

width: 100% ;
height: 20px ;
}

p.footer
{

padding: 20px 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 ;
}