html, body
{
background-image:url(fond.jpg);
background-repeat:repeat;
background-position: top center;
height:100%;
width: 100%;
}

html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
      text-align: center;
   }
  #wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
      
   }

#table100 {
   height:100%;
   border:none;
   margin:0;padding:0;
}


#peloche-haut { 
 background-repeat:repeat-x;
 background-image:url(peloche.png);
 background-position:top right;
}

.pied { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
	font-weight: ;
    color: black;
    margin-right: 0px; 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-bottom: 5px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: none;
	text-align:center;
  } 

















.imgcarte {
  display: block;
  position:absolute;
  margin-top: -272px; 
}

.imgsouscarte {
  display: block;
  position:absolute;
  margin-top: -59px; 
}

.etapes {
  display: block;
  position:absolute;
  margin-top: -62px; 
  margin-left: 135px; 
}

.titeta { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
	font-weight: bold;
    color: #3f4e4a;
    margin-right: 0px; 
    margin-left: 0px; 
    margin-top: 30px; 
    margin-bottom: 0px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: underline;
	text-align:center;
  } 

.titcol { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 18px;
	font-weight: bold ;
    color: #3f4e4a;
    margin-right: 10px; 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-bottom: 0px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: ;
	text-align:right;
  }   

.postit { 
    margin-right: 0px; 
    margin-left: 46px; 
    margin-top: 36px; 
    margin-bottom: 0px;
  } 
  
.projektpostit { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: ;
    color: #3f4e4a;
    margin-right: 17px; 
    margin-left: 45px; 
    margin-top: 15px; 
    margin-bottom: 15px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: none;
	text-align:justify;
  }     
  
.flickr { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: ;
    color: #3f4e4a;
    margin-right: 5px; 
    margin-left: 5px; 
    margin-top: 5px; 
    margin-bottom: 5px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: none;
	text-align:left;
  }      

.linkpostit { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: bold ;
    color: red;
    margin-right: 5px; 
    margin-left: 0px; 
    margin-top: 0px; 
    margin-bottom: 8px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: none;
	text-align:right;
  }     

  
.projekt { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: ;
    color: #3f4e4a;
    margin-right: 17px; 
    margin-left: 17px; 
    margin-top: 4px; 
    margin-bottom: 15px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: none;
	text-align:justify;
  } 
  
.txtimp { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: ;
    color: #3f4e4a;
    margin-right: 50px; 
    margin-left: 50px; 
    margin-top: 0px; 
    margin-bottom: 15px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: none;
	text-align:justify;
  }   
  
.txt { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 13px;
	font-weight: bold;
    color: #3f4e4a;
    margin-right: 0px; 
    margin-left: 15px; 
    margin-top: 1px; 
    margin-bottom: 15px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: none;
	text-align:justify;
  } 

.legcarte { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #3f4e4a;
    margin-right: 50px; 
    margin-left: 0px; 
    margin-top: -31px; 
    margin-bottom: 0px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: none;
	text-align:right;
} 

.legetapes { 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #3f4e4a;
    margin-right: 70px; 
    margin-left: 0px; 
    margin-top: 4px; 
    margin-bottom: 0px;
    text-indent : 0em;
    padding: 0em 0em; 
    text-decoration: none;
	text-align:right;
} 


	
.imageflottante 
{ 
float:left; 
}	

img.shadow {
  box-shadow: 8px 8px 12px #aaa;
}

.slide-out-div {
          padding: 5px;
          width: 220px;
		  height: 42px;
          background: #e5e4e4;
          border: 0px solid white;
      }