/* Mise en forme générale */

h1 { 
color: #493205; 
font-weight: normal;
font-style: italic;
font-size: 22pt;
text-align: center;
}
h2 { 
color: #493205; 
font-weight: normal;
font-style: italic ;
font-size: 16pt;
text-align: right;
}
h3 { 
color: #493205; 
font-weight: normal;
font-style: normal;
font-size: 14pt;
text-align: left;
}
a, td{
color: #493205;
}
img{
border-style: none;
}
hr {
height: 3px; 
width: 100%; 
text-align: center;
background-color: #493205;
}

/* Mise en forme des blocs */
html, body { 
background-color: #A4CAD7;
}
.cadre {
width: 1000px;
height: auto;
margin-top: 0px;
margin-left: auto; 
margin-right: auto;
background-image: url(/images/layout-1.jpg);
background-position: top left;
background-repeat: no-repeat;
color: #493205; 
}
.titre {
float: left;
width: 665px;
height: 140px;
margin-top: 21px;
padding-top: 0px;
padding-left: 185px;
}
.titre h1 {
height: 24px; 
color: #493205; 
font-weight: normal;
font-style: italic;
font-size: 22pt;
text-align: center;
}
.titre h2 {
height: 18px;
color: #A4CAD7; 
font-weight: normal;
font-style: italic ;
font-size: 16pt;
text-align: right;
}
.drapeaux {
float: right;
width: 145px;
height: 140px;
margin-top: 13px;
padding-top: 5px;
left: 0px;
text-align: center;
}
.cadre-corps{
width: 1000px;
height: auto;
background-image: url(/images/layout-2.jpg);
background-position: top left;
background-repeat: no-repeat;
color: #493205;
clear: left;
}
.cadre-bottom{
width: 1000px;
height: 15px;
background-image: url(/images/layout-3.jpg);
background-position: bottom left;
background-repeat: no-repeat;
color: #493205;
clear: left;
}
.cadre-menu {
position: fixed;
float: left;
width: 180px;
height: auto;
top: 100px;
/*left: 10%;*/
}
.valid {
width: 165px;
height: 35px;
bottom: 8px;
margin-top: 10px;
margin-left: 5px;
text-align: center;
font-size: 8pt;
}
.pied {
width: auto;
height: 30px;
bottom: 8px;
margin-left: 175px;
text-align: center;
font-size: 8pt;
}
.corps {
width: auto;
min-width: 300px;
height: auto;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 180px;
padding: 15px;
}

/*Mise en forme du menu*/
dl, dt, dd, ul {
margin: 0;
padding: 0;
list-style-type: none;
}
li {
margin-left: 0px;
padding: 0;
}
#menu {
width: 165px;
top: 0px;
left: 0px;
margin-top: 30px;
margin-left: 5px;
}
#menu dt { 
cursor: pointer;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 2px;
height: 20px;
line-height: 20px;
text-align: left;
text-indent: 10px;
font-weight: bold;
background-image: url(/images/bouton.jpg);
background-repeat: no-repeat;
}
#menu dd {
/*border: 1px solid #A59C92;*/
}
#menu li {
height: 20px;
margin-left: 28px;
text-align: left;
text-indent: 3px;
font-style: italic;
}
#menu li a, #menu dt a {
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a:hover {
background-image: url(/images/bouton1.jpg);
background-repeat: no-repeat;
}
#menu li a:hover {
background-image: url(/images/bouton1-li.jpg);
background-repeat: no-repeat;
}

/*Mise en forme des pages de commandes*/
.tableau{
margin-left: 100px;
text-align: center;
}
.gauche{
padding-right: 10px;
height: 25px;
width: 400px;
text-align: right;
}
.droite{
padding-left: 10px;
height: 25px;
width: 210px;
text-align: left;
}
.bouton{
padding-top: 25px;
width: 120px;
height: 65px;
text-align: center;
}
.image{
width: 100px;
height: 65px;
text-align: center;
}
.libelle{
padding-top: 25px;
padding-left: 5px;
width: 230px;
height: 65px;
text-align: left;
}