/* CSS Document */

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

html,body {
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
background-color : #33302A;
padding:0px;
margin:0px;
border:0px;
}

/* Centrage de la page et largeur de la page */
/* Conteneur général */
#global { 
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: 740px;
background-color : #F8F8F0;
border-left-width: 9px;
border-right-width: 9px;
border-top-width:0px;
border-bottom-width:0px;
border-style: solid;
border-color: #807869;
font-family: Arial, verdana, Helvetica, sans-serif;
text-align: left; /* on rétablit l'alignement normal du texte */
}

label {
margin: 5px;
float: left;
width: 130px;
padding: 0 1em;
text-align: right;
font-family: Arial, verdana, Helvetica, sans-serif;
font-size:14px;
color: #33302A;
display: inline;
}

input, textarea, select {
margin: 5px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
padding: 1px;
font-family: Arial, verdana, Helvetica, sans-serif;
font-size:14px;
color: #33302A;
}

a{
text-decoration: none;
}

#ban {
background-image: url(../images/img_ban.jpg);
!background-image: url(../images/img_ban_IE.jpg);
background-repeat: no-repeat;
background-color : #D6CDAE;
height: 190px;
}

#menu_haut{
background-color : #A79D89;
height: 37px;
}

.bt_menu{
float: left;
display: inline;
}

.bt_menu a{
text-decoration: none;
text-align: center;
font-size: 15px;
line-height:35px;
color: #F8F8F0;
width: 150px;
height: 37px;
display: block;
letter-spacing: 1px;
}

.bt_menu a:hover {
background-color : #807869;
}

#menu_bas{
background-image: url(../images/img_fond_menu.jpg);
background-repeat: repeat-x;
background-color : #A79D89;
height: 37px;
}

.separateur{
background-image: url(../images/img_separateur.jpg);
margin-top: 7px;
float: left;
display: inline;
width: 6px;
height: 23px;
}

#titre_page{
margin-top: 20px;
margin-bottom: 20px;
background-color : #C5C4B9;
letter-spacing: 1px;
font-size: 20px;
color: #33302A;
padding-left: 15px;
}

#retour_page{
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
background-color : #C5C4B9;
letter-spacing: 1px;
font-size: 15px;
color: #33302A;
padding-left: 15px;
}

.conteneur_detail{
margin-left: 53px;
width: 620px;
border-left-width: 7px;
border-right-width: 7px;
border-top-width: 0px;
border-bottom-width: 5px;
border-style: solid;
border-color: #C5C4B9;
margin-bottom: 20px;
}

.situation{
background-color : #C5C4B9;
text-align: center;
letter-spacing: 1px;
font-size: 18px;
color: #33302A;
}

.detail{
margin-top: 10px;
margin-left: 0px;
margin-bottom: 12px;
margin-right: 0px;
}

.thumbnails{
width: 280px;
border-width: 4px;
border-style: solid;
border-color: #C5C4B9;
float: right;
display: inline;
margin-bottom: 10px;
}

.detail_tx{
width:315px;
float: right;
display: inline;
}

.titre_detail{
background-color : #C5C4B9;
text-align: center;
letter-spacing: 1px;
font-size: 12px;
color: #33302A;
}

.descritif{
padding:10px;
text-align : justify;
font-size: 13px;
color: #33302A;
}

.prix{
padding:8px;
text-align: center;
letter-spacing: 1px;
font-size: 15px;
color: #33302A;
}


.conteneur_photo{
margin-left: 53px;
width: 620px;
border-left-width: 7px;
border-right-width: 7px;
border-top-width: 0px;
border-bottom-width: 5px;
border-style: solid;
border-color: #C5C4B9;
margin-bottom: 20px;
}

.titre_photo{
background-color : #C5C4B9;
text-align: center;
letter-spacing: 1px;
font-size: 18px;
color: #33302A;
}

.photo{
margin-left: 50px;
margin-top: 10px;
width: 515px;
border-width: 4px;
border-style: solid;
border-color: #C5C4B9;
margin-bottom: 10px;
}

.divers{
margin-left: 53px;
padding-top: 20px;
padding-bottom: 20px;
width: 620px;
height: 150px;
border-left-width: 7px;
border-right-width: 7px;
border-top-width: 5px;
border-bottom-width: 5px;
border-style: solid;
border-color: #C5C4B9;
margin-bottom: 20px;
text-align : center;
font-size: 13px;
color: #33302A;
}

.divers a{
color: #33302A;
text-decoration: underline;
}

.titre_divers{
background-color : #C5C4B9;
text-align: center;
letter-spacing: 1px;
font-size: 18px;
color: #33302A;
}

#foot {
padding: 10px;
background-color : #807869;
text-align: center;
font-size: 12px;
color: #F8F8F0;
}

#foot a{
letter-spacing: 1px;
text-decoration: none;
font-size: 12px;
color: #F8F8F0;
}

#foot a:hover{
text-decoration: underline;
}

#foot a:visited{
text-decoration: none;
}