/* Normalise les marges et le remplissage */
body, div, dl, dt, dd, ul, ol, li, 
pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0 ;}


body{
margin: 30px 0 ;
padding: 0;
text-align: center;
background : #ECDAC2;
font: 1em "Trebuchet MS", helvetica, sans-serif;}

#conteneur{
position: relative;
width: 750px;
margin: 0 auto ;
padding: 0;
text-align: left; 
background-image: url("ombre.gif");
backgrouhd-repeat: repeat-y;
background-position : right;}

#recipient {
padding:0;
width: 731px; 
background-color: #D6E7FF;
border: 2px solid #A26C46;}

#titre {
width : 731px;
height : 180px;
background-image : url("tete.gif");}

.adresse {
text-align:center;
position:relative;
color:#3E492A;
top:140px;
left:200px;
font-size:0.9em;}

#menu {
position:relative;
z-index:300;
width : 731px;
line-height : 26px;
font-size:1.2em;
color:#FDEDAC;
text-align : center;
background-color: #7D99D0; }

#menu ul li {
display : block;
list-style-type: none;
padding:0 7px 0 7px;
line-height:26px;
float:left;
background-color: #7D99D0;
}

#menu ul li a{
color:#FDEDAC;
line-height:26px;
padding:0 7px 0 7px;
text-decoration: none;
vertical-align:text-bottom;
background-color: #7D99D0;
}

#menu ul li a:hover{
color:#5A541C;
padding:0 7px 0 7px;
background-color:#F7BB80;
border-top:1px solid #F7BB80;
border-bottom:1px solid #F7BB80;
line-height : 26px;
}
 
#contenu {
width:510px;
padding:20px;
position: relative;
left:185px;
text-align:center;
}

#contenuoiseau
{width:730px;
padding:20px;
position: relative;
text-align:center;
}

#contenu2 {
width:730px;
padding:20px;
position: relative;
left:25px;
text-align:left;
}

#contenu a{
font-style:italic;
color:#693A34}

#pied {
position:relative;
bottom:-32px;
left:1px;
font-style:italic;
padding-top : 10px;
background-image: url("ombre2.gif");
background-repeat: repeat-x;
background-position : bottom;
text-align:right;
color:#800000;
font-size:0.8em;}

#pied a{
color:#800000;}

.coin {
position:relative;
right:-17px;
top:3px;
bottom:-2px;}



#tele{
position:absolute;
left:10px;
top:230px;
width:140px;
}

.tele2{
width:138px;
padding:10px;
margin:10px;
font-size:0.9em;
background-color:#B5CEF6; /*#7D99D0;*/
border: 2px solid #A26C46;
text-align : center;
}

.teleim{
width:140px;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
}

.tele2 a{
color:#57572B;}


#contenu ul, li{
list-style-position : inside;}
