/* CSS Document */

*{padding:0px; margin:0px;}

body{ background: #4E5B63; }

#head{ width:800px; height:100px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; background:url(images/head.jpg) no-repeat;}

#menu{width:600px;height:30px; float:left; margin-left:0; margin-right:0; margin-top:0px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:17px; letter-spacing:1px; text-align:center;}
#menu #ul{ list-style-type:none;}
#menu #ul #li{float:left; display:block; margin-left:8px;  margin-right:8px;}
#menu #ul #li a{ line-height:30px; padding-left:8px; padding-right:8px; color:#CCC; text-decoration:none;}
#menu #ul #li:hover{  color:#fff; text-decoration:none; background:#3a454c; border-bottom:#FFF solide 1px; border-top:#FFF solide 1px;}

#principale{width:800px;height:auto; margin-left:auto; margin-right:auto; margin-top:10px;}

#haut{ width:600px;height:30px; background:url(images/haut.png) no-repeat;}

#images{ width:600px;height:200px; background:url(images/milieu.png) repeat-y; text-align:center; color:#3a454c; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; }

#legende{ width:200px;height:auto;  text-align:left; vertical-align:top;}


#milieu2{ width:200px;height:200px; background:url(images/milieu2.png)repeat-y; vertical-align:top;}
#milieu2 p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#fff; 
padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px; text-align:justify; }
#milieu2 h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#fff;
padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:0px; text-align:left; }


#bas{ width:600px;height:50px; background:url(images/bas.png) no-repeat;}

#controle{width:600px;height:30px; padding-top:0px;  border-top: #ccc solid 1px; border-bottom:#ccc solid 1px;
text-align:center; vertical-align:middle; color:#CCC;}
#controle img{border:none;  }
#controle p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px;  font-weight: lighter; color:#ccc;
padding:0px;margin:0px;}


#footer{ color:#FFF; text-align:center; font-size:10px;}
#footer a {margin-left:auto; margin-right:auto; color:#FFF; text-align:center; font-size:10px;}

h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; font-weight:bold; color:#3a454c;
padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:0px;}
h2{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#3a454c;
padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:0px;}
p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#3a454c;
padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px;}
a{color:#3a454c; text-decoration:none;}
img{border:none; margin:5px;}