*{
font-family:Times;
}
body{
background-color:#C3B2A2;
color:#000;
font-size:small;
margin:0;
padding:0;
}

img{
border: 0;
}

acronym.premier{
cursor:help;
border-bottom:1px dotted #369;
}

code,pre{
color:#036;
background-color:transparent;
font-family:"Courier New",Courier,monospace;
font-size:small;
}

pre{
border-left:5px solid #eef;
padding:0.5em 1em;
margin-left:2em;
}

blockquote,q{
font-style:italic;
color:#369;
background-color:transparent;
quotes:'\0000ab\0000a0' '\0000a0\0000bb' '\00201c\0000a0' '\0000a0\00201d';
}

samp{
font-size:small;
color:#000;
background-color:#d6e1ec;
}

caption{
margin:1em 0;
color:#369;
background-color:#eef;
font-weight:700;
}

label{
width: 150px;
text-align: right;
}

input{

}
table img{
border: 0;
margin: 0;
padding: 0;
}
thead{
border-left: 1px solid #C3B2A2;
border-right: 1px solid #C3B2A2;
font-style:italic;
}

tr{
border: 0;
border-left: 1px solid #C3B2A2;
border-right: 1px solid #C3B2A2;
background: #A29B91;
}
th{
background: #A29B91;
vertical-align: top;
color: #61451E;
width: 120px;
padding: 2px;
white-space:nowrap;
}
th img{
margin: 2px;
border: 0;
vertical-align: middle;
}
.separation{
background: #938578;
font-size: 1px;
height: 2px;
line-height: 1px;
margin: 0;
padding: 0;
border: 0;
}
.separation td{
background: #938578;
font-size: 1px;
height: 2px;
line-height: 1px;
margin: 0;
padding: 0;
border: 0;
}

.paire{
border-bottom: 1px solid #C3B2A2;
border-top: 1px solid #C3B2A2;
background: #A29B91;
padding: 3px 10px;
margin: 2px;
}
.impaire{
background: #C8C0B3;
padding: 3px 10px;
margin: 2px;
border-bottom: 1px solid #C3B2A2;
border-top: 1px solid #C3B2A2;
}
.premier{
background: #A29B91;
padding: 3px 10px;
margin: 0;
border-left: 1px solid #C3B2A2;
border-bottom: 1px solid #C3B2A2;
border-top: 1px solid #C3B2A2;
}
.premier img{
border: 1px solid #C3B2A2;
}
.dernier{
background: transparent;
padding: 3px 10px;
margin: 0;
border-right: 1px solid #C3B2A2;
border-bottom: 1px solid #C3B2A2;
border-top: 1px solid #C3B2A2;
}

table{
margin-top:1em;
border-collapse: collapse;
padding: 0;
width: 620px;
}

tbody td{
padding: 0;
vertical-align: top;
color: #61451E;
margin: 0;
width: 120px;
border-bottom: 1px solid #C3B2A2;
border-top: 1px solid #C3B2A2;
}

tfoot th{
border: 1px solid #C3B2A2;
font-weight: bold;
font-style: normal;
width: 100%;
}
:focus{
background-image: none !important;
background-color:#666 !important;
color:#fff !important;
}

/**********************************************************************/
span.patronyme{
font-variant:small-caps;
font-size:1.1em;
}

/* Définitions des éléments dans l'ordre du code XHTML */
#page{
color:#000;
background-color:#938578;
width: 800px;
border: 0;
margin: 0 auto;
padding: 0;
display: block;
overflow: hidden;
}

#menus{
position:absolute;
margin:118px 0 0 0;
width:160px;
display:block;
background-color:#938578;
background-image: url(/ip5_img/interface/manoir.jpg);
background-repeat: no-repeat;
background-position: bottom;
padding: 0 0 200px 0;
clear: both;
}

#contenu{

clear: both;
position:relative;
float: right;
display:block;
padding:10px;
width:620px;
voice-family:"\"}\"";
voice-family:inherit;
margin: 124px 0 0 0;
background: #938578;
min-height: 520px;
}
#entete{
background-color:#C3B2A2;
height: 130px;
padding: 0;
margin: 0;
width: 800px;
top:0;
position:absolute;
}

#entete img{
border:0;
margin: 0;
padding: 0;

}
#entete .drapeaux{
float: right;
}



.menu{
color:#FDF5EA;
background-color:#938578;
letter-spacing: 1px;
}

.menu h2{
font-size:14px;
font-weight:700;
margin:0;
padding:0 0 0 10px;
}

.menu h3{
font-size:12px;
font-weight:700;
margin:0;
padding:0 0 0 30px;
}
.menu h4{
  margin: 0;
}
.menu h5{
  margin: 0;
}
.menu h6{
  margin: 0;
}
.menu ul{
margin: 5px 0;
padding: 0;
}

.menu li{
display:inline;
list-style:none;
margin: 0;
padding: 0;
}

.menu a{
color:#E9D7BF;
background-color:transparent;
display:block;
font-weight:700;
margin:0;
padding:0;
text-decoration:none;
}

.menu a:hover{
color:#FDF5EA;
background: #6E645B;
}

#position{
color:#036;
background-color:transparent;
margin:0;
padding:0;
}

#position ul{
margin:0;
padding:0;
}

#position li{
border:0;
font-variant: small-caps;
display:inline;
margin:0 0 0 0.1em;
padding:0 0 0 0.1em;
}

#position li a{
background-color:transparent;
color:#036;
text-decoration:none;
}

#position a:hover{
background-color:#f90;
color:#369;
text-decoration:none;
}

#pieddepage {
color:#C8C0B3;
background-color:#6E645B
margin:0;
padding:10px;
border-bottom: 20px solid #C3B2A2;
font-size: 11px;
clear: both;
}

#pieddepage p{
margin:0;
padding:0;
font-size:13px;
}

#pieddepage h3{
font-size:16px;
}

#pieddepage a{
background-color:transparent;
color: #EBDBC2;
font-weight: bold;
text-decoration:none;
}

#pieddepage a:hover{
color: #673F02;
background-color:transparent;
text-decoration:none;
}

#contenu h1{
color: #E9D8BE;
background-color:transparent;
padding:0 0 2px 0;
font-size: 20px;
letter-spacing: 1px;
font-style:italic;
}

#contenu h2{
border-left:15px solid #C8C0B3;
color:#C8C0B3;
font-size:14px;
background-color:transparent;
padding:0 0 0 10px;
}

#contenu h3{
margin:0;
color:#FDF5EA;
background-color:transparent;
}


#contenu h4{
font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:85%;
font-weight:500;
margin:0.2em 0 1em 0;
}

#contenu img{

}
#contenu p{
margin:0 0 2em 0;
letter-spacing: 1px;
word-spacing: 1px;
font-size: 14px;
}

#contenu a{
background-color:transparent;
color: #EBDBC2;
font-weight: bold;
text-decoration:none;
}

#contenu a:hover{
color: #673F02;
background-color:transparent;
text-decoration:none;
}


.warning{
color:#F00;
background-color:transparent;
font-weight:700;
}

.valid{
color:#090;
background-color:transparent;
font-weight:700;
}

#valid{
color:#090;
background-color:transparent;
font-weight:700;
}

.formu{
position:relative;
text-align:right;
border: 1px solid #6E645B;
padding: 5px;
background: #FDF5EA;
width: 580px;
}

.formu label{
display:block;
text-align:right;
color:#6E645B;
background: #FDF5EA;
font-weight:700;
width: 100%;
}

.formu input.champs {
color:#333;
background-color:#C3B2A2;
border:1px solid #6E645B;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:500px;
padding: 0 10px;
}

.formu textarea.champs {
color:#333;
background-color:#C3B2A2;
border:1px solid #6E645B;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
width:500px;
padding: 0 10px;
}

.formu input.valid {
background-color:#C3B2A2;
border-color1px solid #6E645B;
border-style:solid;
border-width:1px;
color:#6E645B;
cursor:pointer;
font-weight:700;
text-align:center;
}

.formu input.valid:hover {
background-color:#6E645B;
border:1px solid #C3B2A2;
color: #C3B2A2;
}

.formu input.valid:active {
background-color:#9cf;
border:1px solid #9cb4ce;
color:#fff;
}

.formu legend{
background-color:#fc9;
border:1px solid #369;
color:#000;
font-weight: bold;
font-variant: small-caps;
}



.debug{
  font-size: 12px;
  clear: both;
}
.debug .titre{
  background: #036;
  float: left;
  color: #fff;
  margin: 2px;
  padding: 0 3px;
  font-size: 10px;
  font-weight: bold;
}

.context{
width: 16px;
height: 16px;
display: block;
}
.contextouvert{
width: auto;
height: auto;
display: block;
}

#entete_g{
background: url(/ip5_img/interface/a1.jpg) no-repeat top;
width: 200px;
height: 123px;
position: absolute;
top:0;
margin-left: -200px;
}
#entete_d{
background: url(/ip5_img/interface/a2.jpg) no-repeat top;
width: 200px;
height: 123px;
position: absolute;
top:0;
margin-left: 800px;
}
.detail{
background: #C8C0B3;
border: 1px solid #fff;
color: #673F02;

}
.detail_titre{
background: #C8C0B3;
font-size: 22px;
line-height: 42px;
border: 0;
font-style: italic;
font-weight: bold;
padding-left: 50px;
display:block;
width: 400px;
height: 40px;
background: url(/ip5_img/interface/puce.png) no-repeat top left;
}
.detail_valeur{
border-left: 2px solid #673F02;
margin: 0 10px;
font-size: 14px;
letter-spacing: 2px;
padding: 10px 5px;
}
.detail_valeur img{
border: 1px solid #fff;
}
.detail_etiquette{
background: #A29B91;
color: #673F02;
font-weight: bold;
padding-left: 8px;
font-size:14px;
}
.detail_retour{
width: 100px;
padding: 2px 5px;
display: block;
text-align:center;
margin: 15px auto;
font-size: 16px;
background: #A29B91 url(/ip5_img/ip5/precedent.png) no-repeat 10px 3px;
}

#Paysages {
	position:absolute;
	left:290px;
	top:0px;
	width:436px;
	height:124px;
	z-index:99;
}
