@charset "utf-8";

body {
font: 65% Verdana, Arial, "Times New Roman", Times, serif;
background: #fff;
margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
padding: 0;
text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
color: #000000;
}
.main #container {
width: 900px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
background: #fff; /*#fbf7f0;*/
margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
border: 1px solid #d2c5af;
border-top: 0px;
text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
background-image:url(../images/bottom.gif);
background-position: bottom;
background-repeat: no-repeat;
padding-bottom: 10px;
}
.main #mainContent {
padding: 0px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
background-image:url(../images/tpl1.gif);
background-position: top left;
background-repeat: no-repeat;
}
.main #mainContent #sep {
margin-top: 0px;

}

.main .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.main #footer {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
width: 900px;
}

.main #footer a {
text-decoration: none;
color: #623a2e;
}

.main #menu {
height: 30px;
background-color:#fff;
width: 670px;
margin-top: 110px;
padding-left: 10px;
}

.main #menu a {
text-decoration: none;
font-weight:bold;
color: #623a2e;
}
.main #menu a:hover {
color: #c68b4f;
text-decoration: underline;
}

.main #menu #submenu {
position: absolute;
display: block;
width: 120px;
height: 60px;
left: 520px;
top: 150px;
border: 1px solid #3a150f;
background-color: #c2b294;
z-index:2000;
}

.main #menu #submenu a {
padding: 5px;
display: block;
text-decoration: none;
color: #fff;
font-weight: bold;
width: 100%;
margin-top: 5px;
}
.main #menu #submenu a:hover {
color: #3a150f;
}

.main #logo {
position: absolute;
display: block;
background-image:url(../images/logo.gif);
width: 101px;
height: 154px;
left: 890px;
top: 35px;
}

.main #middle img {
float: left;
}


.main #contact {
float: left;
width: 290px;
}
.main #contact img {
margin-left: 25px;
margin-top: 10px;
}

.main #contact p {
color: #623a2e;
margin-left: 5px;
margin-top: 30px;
text-align: justify;
}


.main #latest_news {
padding-top:15px;
color: #3a150f;
float: left;
width: 307px;
text-align: left;
}


.main #latest_news p {
border-left: 3px solid #3a150f;
margin-top: 10px;
padding-left: 5px;
}

.main #latest_news p a {
text-decoration: none;
color: #957f79;
}

.main #homepics {
text-align: center;
float: left;
width: 303px;
height: 150px;
/*border-bottom: 10px solid #3a150f;*/
}

.main #homepics img {
border: 1px solid #d2c5af;
padding: 3px;
margin-top: 30px;
}


.main #header {
width: 900px;
height: 138px;
background-color: #c2b294;
}

.main #header #slideshow {
float: left;
margin-left: 22px;
width: 574px;
height: 138px;
}

.main #header #imgemail {
float: right;
margin-right: 70px;
margin-top: 100px;
}

.main #content #sidebar1 {
float: left;
background-color: #fff;
width: 596px;
}

.main #content #sidebar1 h2 {
color: #3a150f;
border-left: 10px solid #3a150f;
padding-left: 10px;
margin-top: 10px;
}
.main #content #sidebar1 h4 {
color: #623a2e;
}

.main #content #sidebar1 #text {
padding-left: 20px;
padding-right: 15px;
color: #3a150f;
text-align: justify;
font-size: 1.2em;
}
.main #content #sidebar1 #text .description{
font-size: 0.8em;
vertical-align:top;
}

.main #content #sidebar1 a {
text-decoration: none;
}
.main #content #sidebar1 a:hover {
text-decoration: underline;
}


.main #content #sidebar1 #latest_news {
width: 100%;
}



.main #content #sidebar2 {
/*float: right;
border-bottom: 10px solid #3a150f;
*/
background-color: #e2dbcd;
background-image:url(../images/tpl7.gif);
background-repeat:repeat-y;
width: 304px;
padding-bottom:10px;
text-align: center;
vertical-align: bottom;
}

.main #content .align_top {
vertical-align: top;
}

.main #content .align_bottom {
vertical-align: bottom;
}


.main #content #sidebar2 p {
padding: 10px;
color: #623a2e;
margin-left: auto;
margin-top: auto;
text-align: justify;
}

.main #content #sidebar2 h3 { 
margin-left: 60px;
margin-bottom: 0px;
color: #623a2e;
}

.main #content #sidebar2 a{
color: #623a2e;
}

.text1 {color: #623a2e; }
.text2 {color: #d6cbb7; }
.text3 {color: #c2b294; }
.text4 {color: #3a150f; }
.text5 {color: #c68b4f; }
.black {color: #000;}
.grey {color: #666666;}

.textbox { 
border: 1px solid #3a150f;
}
.textbox:focus { 
border: 1px solid #c68b4f;
}

.button {
border:1px solid #3a150f;
background-color: #000;
color: #c68b4f;
font-weight: bold;
}

.main .photo {
border: 1px solid #3a150f;
padding: 3px;
}

.main .push_left {
margin:0px 5px 5px 0px;
}

.main .push_right {
margin:0px 0px 5px 5px;
}


#notify {
background-image:url(../images/4pxdiag.gif);
border:1px solid #eee;
text-align: center;
padding:5px;
color: #623a2e;
}