/* CSS esmilthan.com réalise par Julien Maurel kom1.fr */
body {
	background-color: #000000;
	font-family:  Garamond, Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #FFFFFF;
	margin: auto 0px;
	vertical-align: middle; 
}

/* les conteneurs */
.conteneur_accueil {
	width: 855px;
	height: 673px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;	background-image: url(data/images/fonds/pageaccueil.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.conteneur_presentation {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pagepresentation.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.conteneur_actualite {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pageactualite.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.conteneur_musique {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pagemusique.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.conteneur_photographies {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pagephotographies.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.conteneur_video {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pagevideo.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.conteneur_telecharger {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pagetelecharger.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.conteneur_commander {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pagecommander.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.conteneur_contact {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pagecontact.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.conteneur_cryptogramme {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pagecryptogramme.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.conteneur_coffret {
	width: 855px;
	height: 645px;
	position: absolute;
	left: 50%;
	margin-left: -431px;
	margin-top: 5px;
	background-image: url(data/images/fonds/pagecoffret.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
p {
margin: 0;
}

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
ul {
position: relative;	/* positionnement pour IE5 et IE5.5 */
top: 40px;
left: 4px;
background: transparent url(data/images/image-menu.png) top left no-repeat;	/* arrière-plan général du menu */
width: 176px;
padding-top: 0px;
text-align: center;
}
li {display: inline;}	/* correction pour IE5 et IE5.5 */

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 59px;
width: 176px;
color: #660000;
font-size: 0px;
font-family: georgia, serif;
text-decoration: none;
line-height: 25px;	/* hauteur de ligne pour éviter les paddings */
}
li a:hover {
color: #fff;
background: transparent url(data/images/image-menu.png) top left no-repeat;
}

li a:focus
{
	outline: 0;
}

a#lien1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -537px;
}
a#lien2:hover {
background-position: 0% -596px;
}
a#lien3:hover {
background-position: 0% -655px;
}
a#lien4:hover {
background-position: 0% -714px;
}
a#lien5:hover {
background-position: 0% -773px;
}
a#lien6:hover {
background-position: 0% -832px;
}
a#lien7:hover {
background-position: 0% -891px;
}
a#lien8:hover {
background-position: 0% -950px;
}
a#lien9:hover {
background-position: 0% -1009px;
}

.lien_menu {
	color: #FFFFCC;
	text-decoration: none;
}

.lien_menu:hover {
  text-decoration: underline;
  color: #FFFFFF;
}

.lien_menu:focus
{
	outline: 0;
}



.link1 {
	color: #000000;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
.link2 {
	color: #FFFFFF;
	font-style: normal;
	text-decoration: none;
}
.link3 {
	color: #000000;
	font-style: normal;
	font-weight: bold;
}

.link3:focus
{
	outline: 0;
}


.link4 {
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
}


/* menu general */
div#menu {
  position: absolute;
  top : 550px;
  left : 29px;
  width: 835px;
  font-size: 1.1em;
}

div#menu:focus
{
	outline: 0;
}
-->

div#logo_esmilthan:focus
{
	outline: 0;
}

/* texte presentation */
div#textpresentation1 {
	position: relative;
	top : 150px;
	left : 130px;
	width: 700px;
	line-height: normal;
	font-size: 15px;
	color: #000000;
	text-align: justify;
}
div#textpresentation2 {
	position: relative;
	top : 250px;
	left : 250px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
}
div#textpresentation3 {
	position: relative;
	top : 265px;
	left : 450px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
}
-->
/* texte Résumé */
div#textresume1 {
	position: relative;
	top : 55px;
	left : 130px;
	width: 700px;
	line-height: normal;
	font-size: 15px;
	color: #000000;
	text-align: justify;
}
div#textresume2 {
	position: relative;
	top : 115px;
	left : 130px;
	width: 700px;
	line-height: normal;
	font-size: 15px;
	text-align: justify;
}
div#textresume3 {
	position: relative;
	top : 55px;
	left : 130px;
	width: 700px;
	font-size: 21px;
	color: #000000;
	text-align: center;
	font-weight: bold;
}
div#textresume4 {
	position: relative;
	top : 85px;
	left : 130px;
	width: 700px;
	font-size: 15px;
	text-align: center;
}
/* texte sommaire */
div#textsommaire1 {
	position: relative;
	top : 45px;
	left : 130px;
	width: 700px;
	line-height: 14px;
	font-size: 15px;
	color: #000000;
	text-align: justify;
}
div#textsommaire2 {
	position: relative;
	top : 75px;
	left : 130px;
	width: 700px;
	line-height: 15px;
	font-size: 15px;
	color: #000000;
	text-align: justify;
}
/* texte actualite */
div#textactualite1b {
	position: relative;
	top : 247px;
	margin-left: 275px;
	width: 400px;
	line-height: 1.4;
	font-size: 15px;
	color: black;
}

div#textactualite1a {
	position: relative;
	top : 100px;
	text-align: justify;
	left : 150px;
	width: 650px;
	line-height: 1.4;
	font-size: 15px;
	color: black;
}
	
div#textactualite2 {
	position: relative;
	top : 180px;
	left : 250px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
}
div#textactualite2b {
	position: relative;
	top : 327px;
	left : 250px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
}
div#textactualite3 {
	position: relative;
	top : 195px;
	left : 315px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
}
div#textactualite3b {
	position: relative;
	top : 342px;
	left : 315px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
}
-->

/* texte musique */
div#textmusique1 {
	position: relative;
	top : 25px;
	left : 340px;
	width: 480px;
	line-height: 1.2;
	font-size: 1.2em;
	color: #000000;
}
div#textmusique2 {
	position: relative;
	top : 50px;
	left : 215px;
	width: 630px;
	line-height: normal;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
}
div#textmusique3 {
	position: relative;
	top : 60px;
	left : 290px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
}
-->

/* texte photos */
div#textphotos1 
{
	position: relative;
	top : 247px;
	margin-left: 275px;
	width: 400px;
	line-height: 1.4;
	font-size: 15px;
	color: black;
	text-decoration: none;
}


div#textphotos2 {
	position: relative;
	top : 330px;
	left : 250px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
}
div#textphotos3 {
	position: relative;
	top : 350px;
	left : 340px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
}
-->

/* texte video */
div#textvideo1 {
	position: relative;
	top : 200px;
	left : 370px;
	width: 400px;
	line-height: 1.4;
	font-size: 1.4em;
	color: black;
}
div#textvideo2 {
	position: relative;
	top : 340px;
	left : 250px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
}
div#textvideo3 {
	position: relative;
	top : 360px;
	left : 395px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
}
-->

/* texte telecharger */
div#texttelecharger1 {
	position: relative;
	top : 30px;
	left : 32px;
	width: 830px;
	color: #FFFFFF;
	line-height: 1;
	font-size: 1em;
}
.texttelecharger1a {
	position: absolute;
	width: 280px;
	float: left;
}
.texttelecharger1b {
	position: relative;
	width: 500px;
	margin-left: 300px;
}
.titretelecharger {
 	font-size: 22pt;
}
div#texttelecharger2 {
	position: relative;
	top : 80px;
	left : 250px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
	font-style: italic;
	text-align: justify;
}
div#texttelecharger3 {
	position: relative;
	top : 100px;
	left : 330px;
	width: 590px;
	line-height: normal;
	font-size: 15px;
}
-->

/* texte commander */
div#textcommander1 {
	position: relative;
	top : 22px;
	left : 220px;
	width: 600px;
	line-height: normal;
	font-size: 15px;
	text-align: justify;
}
div#textcommander2 {
	position: relative;
	top : 300px;
	left : 220px;
	width: 600px;
	line-height: normal;
	font-size: 13px;
	text-align: justify;
}
div#textcommander2b {
	position: relative;
	top : 20px;
	left : 220px;
	width: 600px;
	line-height: normal;
	font-size: 13px;
	text-align: justify;
}
div#textcommander3 {
	position: absolute;
	top : 25px;
	left : 25px;
	width: 170px;
	line-height: normal;
	font-size: 19px;
	text-align: center;
}
div#textcommander4 {
	position: relative;
	top : 28px;
	left : 220px;
	text-align: center;
	width: 567px;
	height: 280px;
}
-->

/* texte contat */
div#textcontact1 {
	position: relative;
	top : 180px;
	left : 0px;
	width: 855px;
	line-height: 1.4;
	font-size: 1.4em;
	color: #000000;
	text-align: center;
}
-->
/* texte cryptogramme */
div#textcryptogramme {
	position: relative;
	top : 50px;
	left : 120px;
	width: 700px;
	line-height: normal;
	font-size: 15px;
	color: #FFFFFF;
	text-align: justify;
}
/* texte coffret */
div#textcoffret {
	position: relative;
	top : 380px;
	left : 30px;
	width: 795px;
	line-height: normal;
	font-size: 15px;
	text-align: justify;
}

/* Pied de page */
.footer {
	top: auto;
	width: 862px;
	height: 61px;
	border: 0px;
	margin: auto;
	position: absolute;
	bottom: 00px;
}

.blocfooter1 {
	width: 368px;
	float: left;
	color: #000000;
}															
.blocfooter2 {
	width: 117px;
	float: left;
}
.blocfooter3 {
	width: 370px;
	float: left;
	font-size: .9em;
	text-align: right;
}
.blocfooterindex {
	width: 855px;
	position: relative;
	color: #000000;
	line-height: 3px;
	font-size: 3px;
	text-align: justify;
}