/* CSS file for enae.fr */


/*---------------- Caracteristiques globales -------------*/
body
{ 
  background-color: #ffffff;
  font-family:  Century Gothic, serif;
  
	height: 100%; 
	overflow: visible;

}


#container
{ 
  background-color:#ffffff;
  color:#000000;
  background-image: url("../media/fond.jpg");


  background-repeat: no-repeat;
  background-position: 430px 20px ;

  width: 937px;
  height: 540px;

	position: relative;
	margin-left: auto;
	margin-right: auto;
	
  	margin:auto;
  
    margin-top: 10%;
	
	
	border-style: solid;
	border-color: #bd0f28;
	border-width: 2px;
	

}


h1 span
{ 
  display: none;
}

h2 span
{ 
  display: none;
}

h3 span
{ 
  display: none;
}


p span
{ 
  color: #bd0f28;
  font-weight: bold;
}

a
{
	color: #000000;
	text-decoration:none;
}

a:hover
{  
   color: #bd0f28;
   text-decoration:underline ; 
}

h2
{ 
margin-top: 0px;
  color: #bd0f28;
  font-size: 18px;
  margin-left: 20px;
}

h3
{ 
margin-top: 0px;
  color: #bd0f28;
  font-size:14px;
  margin-left: 20px;
}

p
{ 
  margin-left: 20px;
  text-align: justify;
  width: 400px; 
}

#corpsText li
{ 
 width: 490px;
}



a #smallText 
{ 
  color: #bd0f28;
  font-size: 15px;

  font-weight: bold;

}


a img
{ 
  border:none;
}

/*---------------------------Menu------------------------------------*/


#logo
{ 
  width: 200px;
  height: 150px;

  background-image: url("menu/logo150.bmp");
  background-repeat: no-repeat;
  background-position: 0px 0px;


  position: relative;
  left: 15px;
  top: 20px;

}


#menu
{
  width: 165px;
  height: 300px;

  position: absolute;
  left: 55px;
  top: 220px;

  background-color: #ffffff;


}

#lienAccueil
{
  width: 150px;
  height: 20px;

  position: absolute;
  left:0px;
  top: 5px;

  background-image: url("menu/Accueil.bmp");
}

#lienAccueil:hover
{
  background-image: url("menu/Accueil_marron.bmp")
}

#lienNous
{
  width: 150px;
  height: 20px;

  position: absolute;
  left:0px;
  top: 40px;

  background-image: url("menu/nous.bmp");
}

#lienNous:hover
{
  background-image: url("menu/nous_marron.bmp")
}

#lienProduction
{
  width: 150px;
  height: 20px;

  position: absolute;
  left:0px;
  top: 75px;

  background-image: url("menu/production.bmp");
}

#lienProduction:hover
{
  background-image: url("menu/production_marron.bmp")
}

#lienCollection
{
  width: 150px;
  height: 20px;

  position: absolute;
  left:0px;
  top: 110px;

  background-image: url("menu/collection.bmp");
}

#lienCollection:hover
{
  background-image: url("menu/collection_marron.bmp")
}


#lienActualite
{
  width: 150px;
  height: 20px;

  position: absolute;
  left:0px;
  top: 145px;

  background-image: url("menu/actualite.bmp");
}

#lienActualite:hover
{
  background-image: url("menu/actualite_marron.bmp")
}

#lienVente
{
  width: 150px;
  height: 20px;

  position: absolute;
  left:0px;
  top: 180px;

  background-image: url("menu/Pdv.bmp");
}

#lienVente:hover
{
  background-image: url("menu/Pdv_marron.bmp")
}
#lienBoutique
{
  width: 150px;
  height: 20px;

  position: absolute;
  left:0px;
  top: 215px;

  background-image: url("menu/Boutique.bmp");
}

#lienBoutique:hover
{
  background-image: url("menu/Boutique_marron.bmp")
}
#lienBlog
{
  width: 150px;
  height: 20px;

  position: absolute;
  left:0px;
  top: 250px;

  background-image: url("menu/Blog.bmp");
}

#lienBlog:hover
{
  background-image: url("menu/Blog_marron.bmp")
}


#menu ul li
{ 
list-style-type: none;
list-style-image : none;
}


/*---------    Menu bas de page   ------------------------------------*/

#menuBottom
{ 
  width: 120px;
  height: 20px;

  position: absolute;
  left: 795px;
  top: 520px;

 

}


#liens
{ 
  width: 50px;
  height: 20px;

  position: absolute;
  top: 0px;
  left: 0px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("menu/liens.bmp");
}

#liens:hover
{ 
  background-image: url("menu/liens_marron.bmp");
}

#contact
{ 
  width: 50px;
  height: 20px;

  position: absolute;
  top: 0px;
  left: 70px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("menu/contactBottom.bmp");
}

#contact:hover
{ 
  background-image: url("menu/contactBottom_marron.bmp");
}

/*--------- Pages de texte (engagements, nous, contact)---------------*/
#corpsText
{ 


  width: 671px;
  height: 500px;

  position: absolute;
  left: 230px;
  top: 20px;

	border-style: solid;
	border-color: #bd0f28;
	border-width: 1px;
	

  background-color: white;
  font-size: 13px;
  filter:alpha(opacity=85);
  opacity: 0.85;

  padding-left: 15px;

/*  padding-top: 95px; */

  overflow: auto;

  z-index: 1;


}


#corpsText p 
{ 
  margin-left: 20px;
  text-align: justify;
  width: 500px; 
}

#corpsText2
{ 

  width: 671px;
  height: 500px;

  position: absolute;
  left: 230px;
  top: 20px;

	border-style: solid;
	border-color: #bd0f28;
	border-width: 1px;
	
  background-color: white;
  font-size: 13px;

  padding-left: 15px;


  overflow: auto;

	z-index: 256;

}



#prodPic1
{ 
  width: 200px;
  height: 150px;

  position: absolute;
  top:15px;
  left:465px;

  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("../media/prod1.jpg");
}

#prodPic2
{ 
  width: 200px;
  height: 150px;

  position: absolute;
  top:175px;
  left:465px;

  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("../media/prod2.jpg");
}



#prodPic3
{ 
  width: 200px;
  height: 150px;

  position: absolute;
  top: 335px;
  left: 465px;

  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url("../media/prod3.jpg");
}

/*-----------Pages sans texte (collections) ----------*/

#corps
{ 

  width: 686px;
  height: 500px;

  position: absolute;
  left: 230px;
  top: 20px;

	border-style: solid;
	border-color: #bd0f28;
	border-width: 1px;
	
	  background-color: white;

  overflow: hidden;
	z-index: 1;
}


#corpsAccueil
{ 

  width: 686px;
  height: 500px;

  position: absolute;
  left: 230px;
  top: 20px;

	border-style: solid;
	border-color: #bd0f28;
	border-width: 1px;
	

  overflow: hidden;

}
/* --------------------  Accueil ---------------------*/
#containerAccueil
{ 

  background-color:#ffffff;
  color:#000000;

  background-image: url("../media/fond.jpg");

  background-repeat: no-repeat;
  background-position: 430px 22px ;

  width: 937px;
  height: 540px;



	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

  	margin-top: 10%;
	
	
	border-style: solid;
	border-color: #bd0f28;
	border-width: 2px;
	

}

#lienFemmeAccueil
{ 
  position: absolute;
  left: 190px;
  top: 262px;
  width: 75px;
  height: 200px;
}

#lienFemmeAccueil:hover
{ 
  background-image: url("../media/femme_taupe.jpg");
}


#lienHommeAccueil
{ 
  position: absolute;
  left: 332px;
  top: 258px;
  width: 70px;
  height: 210px;

}

#lienHommeAccueil:hover
{ 
  background-image: url("../media/homme_taupe.jpg");
}






/*------------------Collection : defilement --------------*/
#gauche
{ 
  position: absolute;
  top: 125px;
  left: 50px;

}

#milieu
{ 
  position: absolute ;
  top: 125px;
  left: 132px;

}

#droite
{ 
  position: absolute ;
  top: 125px;
  left: 214px;

}



#precedent
{ 
  position: absolute;
  top: 175px;
  left: 20px;
  width: 25px;
  height:25px;
  background-image: url("../media/boutons/gauche_grand.bmp");

}

#precedent:hover
{ 
  background-image: url("../media/boutons/gauche.bmp");
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

#suivant
{ 
  position: absolute;
  top: 175px;
  left: 299px;
  width:25px;
  height: 25px;
  background-image: url("../media/boutons/droite_grand.bmp");

}

#suivant:hover
{ 
  background-image: url("../media/boutons/droite.bmp");
  background-repeat: no-repeat;
  background-position: 2px 2px;
}

#detail
{ 
  position: absolute;
  top: 260px;
  left: 95px;
}

#grand
{ 
  position: absolute;
  top: 20px;
  left: 360px;
}

#sacPic1
{ 
  width: 213px;
  height: 320px;
  
  position: absolute;
  top: 170px;
  left: 10px;

  background:url("../media/sac1.jpg");
}
#sacPic2
{ 

  width: 213px;
  height: 320px;
  
  position: absolute;
  top: 170px;
  left: 245px;

  background:url("../media/sac2.jpg");
}
#sacPic3
{ 
 
  width: 213px;
  height: 320px;
  
  position: absolute;
  top: 170px;
  left: 470px;

  background:url("../media/sac3.jpg");
}