@font-face { font-family:"Monteiro Lobato"; src:url(lobato.ttf); }

body
{
  width: 980px;

  margin: auto;
/*  margin-top: 20px;*/
 /* margin-bottom: 20px;   */
  background-image:url("images/corse.png");

  font-size:15px;
}



a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color:black;
}
a img 
{
  border : none; 
}

p
{
  text-align: justify;
}

#Cadre_Menu_Corp
{
  width: 980px;
  padding-top: 5px;
  background-image:url("images/corp.png");
}

#corp
{
  width: 980px;
  height: 1365px;
  /*padding-top: 40px;*/
/*  background-image:url("images/corp.png");*/
}

#menu
{
  margin:0px;
  margin-left: 10px;
  margin-right: 10px;
 
  width: 960px;
  border: none;
  background-image:url("images/fondmenu.png");
}

#menu_Haut
{
 
    
    
   
    
}
#menu_corp
{
padding-left: 5px;
  width: 955px;
  height:30px;
  border: none;
 
}
#menu_Bas
{
clear: both;
  width: 960px;
  height:0px;
  border: none;
}


#menu h3
{
  text-align:center;
  padding : 2px;
  margin: 0px;
  margin-left: 5px;
}

#elements_menu
{
 float: left;
  border: none;
  padding : 2px;
 margin: 0px;
}
#elements_menu2
{
 float: left;
  border: none;
  padding : 2px;
 margin: 0px;
}
#elements_menu3
{
 float: left;
  border: none;
  padding : 2px;
 margin: 0px;
}
#elements_menu4
{
 float: left;
  border: none;
  padding : 2px;
 margin: 0px;
}
#elements_menu5
{
 float: left;
  border: none;
  padding : 2px;
 margin: 0px;
}
#elements_menu6
{
 float: left;
  border: none;
  padding : 2px;
 margin: 0px;
}
#elements_menu7
{
 float: left;
  border: none;
  padding : 2px;
 margin: 0px;
}
#elements_menu8
{
 float: left;
  border: none;
  padding : 2px;
 margin: 0px;
}
#elements_menu ul
{
    padding :2px;
    padding-left :30px;
    margin :0px;
    list-style-type:none;


}
#elements_menu a:hover
{
  
  background-Color:#002F2F;
  color:wite;
}
#elements_menu2 a:hover
{
  
  background-Color:#1E006A;
  color:wite;
}
#elements_menu3 a:hover
{
  
  background-Color:#787746;
  color:wite;
}
#elements_menu4 a:hover
{
  
  background-Color:#6B407B;
  color:wite;
}
#elements_menu5 a:hover
{
  
  background-Color:#8BB42C;
  color:wite;

}
#elements_menu6 a:hover
{
  
  background-Color:#AEEE00;
  olor:wite;
}
#elements_menu7 a:hover
{
  
  background-Color:#046380;
  color:wite;
}

#Page_Box
{
  margin:0px;
  margin-left: 10px;
  margin-bottom:0px;
  margin-top:5px;
  width: 960px;
  height: 1260px;
  padding : 0px;

  overflow: auto;
}
}
#map_canvas
{
padding-left: 5px;
  width: 955px;
  height:30px;
  border: none;
#bas_corp
 {
 text-align:center;
 
  margin-top:-15px;
  
 }

#pied
{
 text-align:center;
}

#formulaire_mail

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
} 
#dernier-element
 {
	padding-bottom: 00px;
}