/*CSS-file-for-enae.fr*/
/*----------------Caracteristiques-globales-------------*/
html,body
{	
height:100%;
margin:0;
padding:0;
}
body
{
background-color:#ffffff;
font-family:CenturyGothic,serif;
overflow:visible;
}
#floater
{
position:relative;
float:left;
height:50%;
margin-bottom:-270px;
width:100%;
}
#container
{
background-color:#ffffff;
color:#000000;
width:937px;
height:540px;
position:relative;
clear:left;
margin:0 auto;
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:6px;
}
h3
{
margin-top:10px;
color:#bd0f28;
font-size:14px;
margin-left:6px;
text-align:justify;
width:470px;
}
p
{
margin-top:-3px;
margin-left:6px;
text-align:justify;
width:430px;
}
#corps h2{margin-left:20px;}
#corps h3{margin-left:20px;}
#corps p{margin-left:20px;}
#corpsTextli
{
width:490px;
}
a #smallText
{
color:#bd0f28;
font-size:15px;
font-weight:bold;
}
img
{
border:none;
margin:auto;
display: block;
}
/*---------------------------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:2px;
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:37px;
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:72px;
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:107px;
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:142px;
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:177px;
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:212px;
background-image:url("menu/Boutique.bmp");
}
#lienBoutique:hover
{
background-image:url("menu/Boutique_marron.bmp")
}
#lienPresse
{
width:150px;
height:20px;
position:absolute;
left:0px;
top:247px;
background-image:url("menu/Presse.bmp");
}
#lienPresse:hover
{
background-image:url("menu/Presse_marron.bmp")
}
#lienBlog
{
width:150px;
height:20px;
position:absolute;
left:0px;
top:282px;
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;
padding-left:15px;
overflow:auto;
z-index:1;
}
#corpsText p
{
margin-left:6px;
text-align:justify;
width:500px;
}
#corpsText form
{
margin-left:6px;
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;
clear:left;
margin:0 auto;
border-style:solid;
border-color:#bd0f28;
border-width:2px;
}
/*------------------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.png");
}
#precedent:hover
{
background-image:url("../media/boutons/gauche.png");
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.png");
}
#suivant:hover
{
background-image:url("../media/boutons/droite.png");
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");
}
/*------------------Collection:defilement-Sacs--------------*/
#sacPrecedent
{
width:100x;
height:67px;
position:absolute;
top:225px;
left:21px;
}
#sacMilieu
{
width:400px;
height:267px;
position:absolute;
top:125px;
left:143px;
}
#sacSuivant
{
width:100px;
height:67px;
position:absolute;
top:225px;
left:567px;
}
/*------------------Presse--------------*/
#detailPresse
{
position:absolute;
top:300px;
left:95px;
}
