/* Layout */

body{
margin:0 auto 0 auto;
padding:0;
width:750px;
/*background-color: #E3E2DD;*/
background-color: #989686;
border: 1px solid #000;
}


body, div, td, th, p, a{
  font-size:11px;
  font-family:Verdana,Arial,Helvetica;
  color:#000000;
  text-align:justify;
  
}



h1{
  font-size:140%;
  font-family:verdana,futura,Georgia,Helvetica;
  color:#3f666f;
  margin: 25px 8px 0 8px;
  text-decoration: underline;
  text-align:left;
}

h2{
  font-weight: bold;
  margin: 10px 8px 8px 8px;
}

div#texte{
  font-weight: normal;
  margin: 0 8px 0 8px;
}

div#texte ul, div#texte ol, div#texte li{
  margin: 10px 0 10px 20px; 
  padding: 0;
}

div#texte a {
  color: #000084;
}

div#texte a:hover {
  text-decoration: underline;
}

div#content{
background: #C2C0B3 url(images/background_menu.jpg) 0 bottom no-repeat;
/*width:173px;*/
float:left;
}


ul#menu_rapide{
 text-align:right;
 height:20px;
 margin:0px 0px 0px 0;
 list-style: none;
 padding: 5px 5px 0px 0px;
 background-color: #E3E2DD;
}

ul#menu_rapide li{
 font-size: 80%;
 display:inline;
}

div#menu_gauche{
width: 173px;
float: left;

}

div#menu_gauche div#menu_picture{
width:173px;
height:332px;
}


div#menu_gauche div#logo{
background: #c2c0b3 url(images/logo_aaap.jpg) 0 0 no-repeat;
width: 351px;
height: 81px;
margin: 30px 15px 20px 0px;
position: absolute;
z-index:2;
}

div#image{
background: #FFFFFF url(images/principale.jpg) 2px 0 no-repeat;
width: 355px;
height: 289px;
float: left;
}

div#menu_gauche ul#menu_principal{
background-color:#c2c0b3;
min-height:420px;
padding:135px 0 0 10px;

}

div#menu_gauche ul li{
margin: 10px 15px 0 0px;
border-bottom: 1px solid #00343f;
padding: 0 0 10px 0;
text-align:left;
list-style: none;
}

div#menu_gauche ul li:last-child{
border-bottom: 0;
}

div#menu_gauche ul#menu_principal ul{
background:#c2c0b3;
padding:0 0 0 12px;
margin: -2px 0 -10px 0;
}

div#contenu{
  min-height:598px;
  min-width:577px;
  background: #ffffff url(images/fond_contenu.gif) 2px 31px repeat-y;
  float:left;
}

div#right{
background-color:#FFFFFF;
width:575px;
margin-left:173px;
}

div#bienvenue{
background: #ffffff url(images/bienvenue.gif) 0 0 no-repeat;
margin: 0 0 0 362px;
height:289px;
width:216px;
}

div#surveiller{
background: url(images/background_surveiller.jpg) 2px 0 no-repeat;
width: 355px;	
float: left;
border: solid 0px #000000;
}

div#surveiller_1 {
padding-bottom:10px;
margin:0px 10px;
}

h1#surveiller,h1#saviez_vous,h1#accueil{
margin: 8px 0 0 8px;
color: #ffffff;
text-decoration:none;
min-height:23px;
}

h1#saviez_vous{
padding-top:8px;
}

div#saviez_vous{
background: url(images/background_saviez_vous.jpg) 0 0 no-repeat;
width: 215px;	
margin: -8px 0 0 362px;
}

img{
border: 2px solid #3f666f;
margin: 10px 0 0 8px;
}

div#surveiller a, div#saviez_vous a{
color:#3f666f;
margin: 0 8px 0 0; 
}

div#footer ul#menu_rapide2 {
text-align:center;
border: solid 0px #000000;
}

ul#menu_rapide2 li{
display:inline;
font-size: 90%;
}


div#footer{
 margin:0px 0 0 0;
 padding-top:82px;
 background: url(images/background_footer.jpg) 0 0 no-repeat;
 min-height:30px;
 clear:both;
 background-color: #FFFFFF;
}

body#album div#footer{
  margin:-5px 0 0 0;
}


img#logo_agricom{
border: solid 0px #000000;
float: right;
margin: -36px 0 20px 0;
}

/*---------------------- PAGE TYPE --------------------------*/
/*
div#top_pagetype{

width: 575px;
height: 176px;
float: left;
position:absolute;
top:31px;
margin-top:-8px;
}
*/
div#content_pagetype{
background: #C2C0B3 url(images/background_menu.jpg) 0 bottom no-repeat;
float:left;
width:750px;

}

div#right_pagetype{
background: #E3E2DD url(images/top_pagetype.jpg) 2px 0 no-repeat;
width:577px;
margin:0 0 0 173px;
padding : 145px 0 0 0;
min-height:745px;
}

div#contenu_pagetype{
width: 564px;
min-height:300px;
border:0px solid #000000;
margin:0 12px 0 0;
text-align:center;
/*background-color: #E7E3DE;*/
}

div#pagetype{
}

div#boiteDocument {
  border: 0px solid #000;
  margin: 10px 10px;
}

img#imgDocument{
  margin: 4px 5px 5px 0px;
}

div#retourAlbum{
  text-align: center;
  padding-top: 10px;
}

div.resumePhoto{
  font-size: 10px;
  margin-left: 6px;
}

/* section rechercher */
input#txtRecherche{
  background-color: rgb(204,204,204);
  border :1px solid #000;
  width: 100px;
  padding: 0px 2px;
  font-size: 10px;
  height: 15px;
}

input#btnRecherche{
  font-size: 8px;
  height: 18px;
  width: 20px;
  margin: 0px 5px;
}

.listeRecherche{
  line-height: 160%;
  margin: 10px 0px;
}

div#resultatRecherche{
  font-size: 12px;
  font-weight: bold;
  margin: 10px 10px;
  line-height: 160%;
}

.hrRecherche{
  text-align: center;
  width: 95%;
}

div#copyright{
  text-align: center;
}