body {

     font-family: arial, sans-serif;
     background-position:top;     
     background:#ffffff url('img/fond_site.gif') no-repeat top center ;	 
     border-color:green;
     border-width:0px;
     border-style:solid;
     }
     

#map-canvas{
	width:800px;
	height:600px;
		}

#map {
    padding: 5px;
    width: 100%;
    height: 600px;
    box-shadow: 0 0 10px #999;
}

#info {
    padding: 5px;
    width: 100%;
    height: 20px;
    font-family: "monospace";
    font-size: 10px;
}

#global {
	margin-top:18px;
        margin-left:auto;
        margin-right:auto;
        width:1000px;
		
        }
		
#banniere {
	background-image:url(img/banniere.png) ;
        background-repeat:no-repeat;
        background-position:top;
	height:150px;
	margin-top:0px;	
		
	border-color:red;
        border-width:0px;
        border-style:solid;
        display:block;

}
      
#menupop {

      margin-left:0px;
      margin-top:0px;
	  padding-left:6px;
	  padding-top:155px;
      width: 1000px;

      border-color:rgb(81,82,80);
      border-width:0px;
      border-style:solid;
	  display:block;
	-moz-border-radius: 3px 3px 3px 3px;
	-khtml-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
      }

#accueil {

	width: 1000px;
	height:490px;
	padding-left:5px;
	 padding-top:45px;
		
	border-color:red;
        border-width:0px;
        border-style:solid;
        display:block;
      }	  
	  
        
#central{

         width:1000px;
         
         background-color:white;
         
         border-color:red;
         border-width:0px;
         border-style:solid;
         }
         
#centralpres{

         padding-left:60px;
         padding-top:30px;
         padding-right:30px;

         width:900px;
         
         background-color:white;
         color:rgb(26,29,30);
         text-align:left;
         font-size: 13px;
         letter-spacing:0px;
         line-height:20px;

         border-color:red;
         border-width:0px;
         border-style:solid;
         }


#pieddepage {
	clear: both;
	
	margin:auto;
    	width:1000px;
	text-align:center;
        font-size:11px;
        //background-color:rgb(195,216,117);
	color:rgb(97,42,0);
	//background-image:url(img/pdp.png) ;
        height:20px;
	padding-top:5px;

        border-color:gray;
        border-width:1px 0px 0px 0px;
        border-style:solid; }

#projet {
	padding-left:25px;
	background-color:rgb(220,240,220);
        border-color:green;
        border-width:1px;
        border-style:solid;}

a.pdp{
       text-decoration:none;
       color:rgb(10,90,10);
       font-size: 11px;
       
       }


a.ancre{
       text-decoration:none;
       color:rgb(81,82,80);
       font-size: 9px;
       }

a.ancre:visited{
               text-decoration:none;
               color:rgb(81,82,80);
               font-size: 9px;

               }

a.ancre:hover{
             color:red;
             font-size: 9px;
             text-decoration:underline;}

a.menu{
       padding: 2px 3px 2px 3px;
	   text-decoration:none;
       color:rgb(197,42,0);
       font-size: 12px;
       font-weight: bold;
       }

a.menu:visited{
                padding: 2px 3px 2px 3px;
		text-decoration:none;
               color:rgb(97,42,0);
               font-size: 12px;
               font-weight: bold;
               }

a.menu:hover{

        padding: 2px 3px 2px 3px;
	text-decoration:none;
	color:white;
        font-size: 12px;
        font-weight: bold;
	-moz-border-radius : 2px; 
	background-color:rgb(197,42,0);

	border-color:rgb(222,235,50);
        border-width:0 0 0px 0;
        border-style:solid;            
             }
             
             
a.menuactif{
        padding: 2px 3px 2px 3px;
	text-decoration:none;
	color:white;
        font-size: 12px;
        font-weight: bold;
	background-color:rgb(197,42,0);

	border-color:rgb(222,235,50);
        border-width:0 0 0px 0;
        border-style:solid;
            }

a.menuactif:hover{
             text-decoration:none;
             font-size: 12px;
             font-weight: bold;
             }
             
a.ssmenu{
       padding: 1px 0px 2px 0px;
       text-decoration:none;
       color:gray;
       font-size: 12px;
       }

a.ssmenu:visited{
          	padding: 1px 0px 2px 0px;
	  	text-decoration:none;
               	color:gray;
           	
               }

a.ssmenu:hover{
             padding: 1px 0px 2px 0px;
	     text-decoration:none;
             color:rgb(227,84,25);
             border-color:rgb(148,243,18);
             border-width:0 0 0 0px;
             border-style:solid;
           
             }
             
             
a.ssmenuactif{
            padding: 1px 0px 2px 0px;
	    text-decoration:underline;
            color:rgb(227,84,25);
            font-size: 12px;
	    border-color:rgb(248,143,18);
            border-width:0 0 0px 0;
            border-style:solid;
            }
			 
a.rien{
color:rgb(40,98,128);
text-decoration:none;
border-style:none;
border-width : 0px;
}

a.rien:hover{
text-decoration:none;
border-style:none;
border-width : 0px;
}

td.tab{
border: 1px solid #D2A901;
text-align:center;
}

img.base{
	vertical-align:-50%;}


/************************************************************** TITRES ******************************************************/

h2{
  text-decoration:none;
  font-size:15px;
  font-weight:bold;
  color:rgb(197,42,0);
  margin-left:15px;
  
  }

h3{
  text-decoration:none;
  font-size:17px;
  font-weight:bold;
  color:rgb(10,91,10);

  border-color:rgb(141,194,0);
  border-width:0px;
  border-style:solid;
  }

h4{
  text-decoration:underline;
  font-size:11px;
  font-weight:bold;
  color:rgb(60,60,60);
  }

h5{
  font-size:11px;
  font-weight:bold;
  color:rgb(60,160,60);
  }


/*======================================== div pour le scroll to top ======================================================*/
#back-top {
	position: fixed;
	bottom: 80px;
	margin-left: 0px;
	position: fixed;
	width: 50px;
	text-align: left;
	clear: both;
}

#back-top a {
	color: #ada597;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: background-color .7s;
	-moz-transition: background-color .7s;
	-o-transition: background-color .7s;
	transition: background-color .7s;
}
#back-top a:hover {
	color: #615349;
}
#back-top em {
	font: normal 10px/100% "Lucida Grande", Arial, "Lucida Sans Unicode", sans-serif;
	letter-spacing: 1px;
	float: right;
}

/* arrow icon (span tag) */
#back-top span {
	width: 38px;
	height: 38px;
	margin-bottom: 7px;
	background: url(img/up_arrow_out.gif) no-repeat center center;
	display: block;
	float: left;
	cursor: pointer;
	margin: -23px 0 0 10px;
	/*-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;*/
}

#back-top a:hover span {
	background: url(img/up_arrow_on.gif) no-repeat center center;
}

/*======================================= Pour le menu dynamique ======================================*/




#nav, #nav ul {

	float: left;
	width: 1000px;
	list-style: none;
	line-height: 1;
	background: white;
	text-align:center;
	font-weight: bold;
	font-size:12px;
	padding: 0;
	border: solid #eda;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 10em;
	color: #7C6240;
	text-decoration: none;
	padding: 0.25em;

}


#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 142px;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 20em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	text-align:left;
}

#nav li li {
	padding-right: 1em;
	width: 19em

}

#nav li ul a {
	width: 20em;
	
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
}

#content {
	clear: left;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}