
/*-------------------------------------------Design du site : domaine-de-montmirail.com------------------------------------------*/
/*-------------------------------------------Cree par: Florian knibbe-------------------------------------------------------------------*/
/*-------------------------------------------Date fin de creation : 20/05/08--------------------------------------------------------*/


/******************************Style commun a toute les pages ******************************/

/* Style general du site*/
body
{
width: 780px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-image:url("images/bg2.gif");
background-repeat: repeat;
text-align: center;
font-weight: bold;
}

/* Style de l'entete */
#entete
{
width:769px;
height:130px;
background-image:url("images/top.jpg");
}

#entete h1
{
padding-top: 50px;
padding-left: 40px;
color: white;
text-align: left;
}

#contenu
{
text-align: left;
width: 769px;
background-image:url("images/bg_contenu.jpg");
overflow: hidden;
}

/* style corp de page */
#corps
{
width: 580px;
margin-top: 1px;
margin-left: 161px;
padding-left: 0px;
}

#corps #textEnHaut
{
width: 580px;
margin-left: auto;
margin-right: auto;
}

#corps #diapo
{
padding-left: auto;
padding-right: auto;
}

#corps #textEnBas
{
width: 580px;
margin-left: auto;
margin-right: auto;
}

/* Style diaporama */
#diapo
{
width: 500px;
height: 400px;
border-style: inset;
border-width: 4px;
border-color: #b75b52;
margin-left: 50px;
padding: 0;
}

#diapo #image
{
width: 500px;
height: 400px;
border: none;
margin-bottom: -20px;  /* afin déviter un blanc en bas entre le cadre et l'image qui est present sous ie*/
}

#boutonDiapo
{
width: 40px;
height: 20px;
margin-left: 270px; /* pour centrer les boutons (margin: auto n'etant pas pris en compte sur ie) */
}

#boutonDiapo img
{
border: none;
}

/* Style menu */
#menu
{
width: 161px;
padding-left: 15px;
float: left;
}

#menu img
{
border: none;
}

/*Style pied de la page*/
#pied
{
width: 769px;
height: 49px;
margin-top: 0px;
padding-top: 0px;
background-image:url("images/bottom2.gif");
background-repeat: no-repeat;
}

#pied a img
{
border: none;
}

#pied #lecteur
{
width: 60px;
padding-left: 40px;
padding-top: 3px;
}

#pied #contact
{
width: 709px;
padding-left: 350px;
padding-top: 3px;
}

#pied #contact a
{
color: white;
text-decoration: none;
}

#pied #contact a:hover
{
text-decoration: underline;
}


/* Style texte de titre de page */
#corps #textEnHaut #titrePage
{
font-weight: bold;
text-decoration: underline;
font-style: italic;
color: orange; 
}

/******************************Style spécifique a chaque page**************************************/

/* Style page accueil */
#corps #textEnBas #bienvenu
{
text-align: center;

}

/* Style pour page Societe */
#corps #textEnHaut #nomDomaine
{
font-size: 1.3em;
font-weight: bold;
color: #77322e;
}

#corps #textEnHaut #numTel
{
color: #b75a52;
font-size: 1.2em;
margin-left: 3px;
}

/* Style page contact */
#corps #numero
{
color: #b75a52;
font-size: 1.2em;
margin-left: 3px;
}

/* Style page lien */
#corps #textEnHaut #mailWebmaster
{
margin-left: 200px;
color: #b75a52;
}

#corps #textEnBas #createur
{
margin-left: 200px;
color: #b75a52;
}