@charset "UTF-8";
/* CSS Document */

body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; margin-top:0px; background:url(../images/leonidas-arriere-plan.gif) repeat-x #ffffff; clear:both}
#body-magasin{ background:url(../images/arriere-plan-magasin2.jpg) center top no-repeat #fbf4e6;}
img { border:0;}
a:focus
{
outline:0;
} 
*
{
outline: none;
} 

#menu{ height:85px; background:url(../images/leonidas-fond-menu.png) top repeat-x; width:100%; clear:both; position:relative; top:0; }

#menu-in{ width:920px; margin:auto; position:relative}

#menu #menu-in ul { list-style:none; margin-top:0px; width:920px; margin-left:auto; margin-right:auto; clear:both; position:absolute;}
#menu #menu-in ul li{ float:left;}
#menu #menu-in ul li a {font-size:14px; color:#ffefcd; text-decoration:none; line-height:34px; display:block; margin: 0 15px 0 15px; _margin:0 10px 0 10px; height:85px; float:left;}
#menu #menu-in ul li a:hover {color:#ffffff;}
#les-chocolats{ width:109px; text-align:center;}
#les-chocolats:hover{ background:url(../images/leonidas-menu-chocolats-over.png) bottom left no-repeat;  width:109px; color:#ffffff;}
#les-confiseries{ width:109px; text-align:center; }
#les-confiseries:hover{ background:url(../images/leonidas-menu-confiseries-over.png) bottom left no-repeat;  width:109px; color:#ffffff;}
#les-glaces{ width:140px; text-align:center;}
#les-glaces:hover{ background:url(../images/leonidas-menu-glaces-over.png)  bottom center no-repeat;  width:140px; color:#ffffff;}
#carte-accueil{ background:url(../images/leonidas-fond-carte_02.jpg) no-repeat; width:1100px; height:623px; margin-left:auto; margin-right:auto; /*margin-top:25px;*/}
#carte-contact{ background:url(../images/leonidas-carte-contact.jpg) no-repeat; width:1100px; height:623px; margin-left:auto; margin-right:auto; /*margin-top:25px;*/}
#contenu-carte{ /*background-color:#093;*/ padding-left:180px;padding-right:410px;padding-top:130px; text-align:center;}
#adresse-carte{ color:#b08272; font-size:16px; font-weight:normal; margin-top:0px;}
.bouton-carte{width:157px; height:60px; background:url(../images/leonidas-carte-btn2.png) no-repeat; background-position:left; display:block; color:#734230; font-size:16px; text-decoration:none; padding-top:21px;}
.bouton-carte:hover{background:url(../images/leonidas-carte-btn2.png) no-repeat; background-position:right; color:#ff7600; }
#liens-carte{ height:60px; margin-top:100px;}
#btn-droite{width:157px; float:right; margin-right:20px;_margin-right:10px !important;}
#btn-gauche{ float:left; width:157px; margin-left:33px; _margin-left:15px !important;}
#accueil-magasin{ border-bottom: 1px solid #c08d79; width:790px; margin-left:auto; margin-right:auto; margin-bottom:100px;}
#espace-photo{ width:350px; height:400px; background-color:#999; margin-bottom:10px; border:#e7d9c4 solid 5px; }
#espace-carte{ width:350px; height:200px; background-color:#999; margin-bottom:10px;}
#espace-texte{ padding:0px 10px 0px 10px; width:400px; text-align:justify; float:right; }
#espace-texte h1{ color:#715243; font-size:18px; font-weight:bold; margin-top:0px;}
#espace-texte h2{ color:#c7b6ad; font-size:14px; font-weight:bold; margin-top:5px;}
#espace-texte p {font-size:12px; font-weight:normal; color:#99604a}


#slideshow {
    position:relative;
    height:400px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 400px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 400px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

#contenu{ width:800px; margin:auto; margin-bottom:20px; clear:both}
#contenu-chocolats{ width:820px; margin:auto; margin-bottom:100px; clear:both}
#bandeau-leonidas{clear:both; background:url(../images/leonidas-fond-bandeau-bleu.gif) repeat-x; width:100%; height:72px; position:fixed; bottom:0px; z-index:100;}
#bandeau-leonidas #logo-bandeau{ width:920px; margin:auto; text-align:left}
#bandeau-leonidas img{}

#intro-magasin{width:790px; margin:auto;color:#99604a; font-size:14px; text-align:justify}
#intro-magasin h1{ color:#715243; margin-top:0px; margin-bottom:0px;}
#intro-magasin h2{color:#c7b6ad;margin-top:0px;}
#intro-magasin a{}
.titre-contenu{color:#715243; font-size:24px; font-weight:bold; margin-bottom:0px; clear:both;}
.sous-titre-contenu{color:#c7b6ad;margin-top:0px;}
.sous-titre-contenu-chocolats{color:#c7b6ad;margin-top:0px; margin-bottom:0px;}
#map_canvas{ width:790px;border:5px solid #E7D9C4; margin-bottom:100px; overflow:hidden;}


.wahou{
	position:absolute;top:0; left:0; width:134px; height:107px; filter:alpha(opacity=60); /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60%); -mod-opacity:0.6; opacity:0.6;*/ background:#ffffff; color:#000000; text-align:center; display:none; font-size:10px; 
	
	 filter : alpha(opacity=60);
    -moz-opacity : 0.60;
    opacity : 0.60;
	vertical-align:middle;
	
	}
	
.wahou2{
	position:absolute;top:0; left:0; width:124px; height:87px; filter:alpha(opacity=60); /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60%); -mod-opacity:0.6; opacity:0.6;*/ color:#000000; text-align:center; display:none; font-size:12px; vertical-align:middle; background:none;
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
	padding:20px 5px 0px 5px;
	}	
.phototo{
	width:134px; height:107px; position:relative; float:left;margin-bottom:5px;
margin-right:5px;
	}
.phototo:hover .wahou{display:block;}
.phototo:hover .wahou2{display:block;}

/* --------------------------autres delices-------------------------- */
.autres-delices {
	width:268px; height:214px; position:relative; float:left;margin-bottom:5px;
margin-right:5px;
	}

.autres-delices .wahou{
	position:absolute;top:0; left:0; width:268px; height:214px; filter:alpha(opacity=60); /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60%); -mod-opacity:0.6; opacity:0.6;*/ background:#fff; color:#FFF; text-align:center; display:none; font-size:10px; 
	
	 filter : alpha(opacity=60);
    -moz-opacity : 0.6;
    opacity : 0.6;
	vertical-align:middle;
	
	}
	
.autres-delices .wahou2{
	position:absolute;top:0; left:0; width:258px; height:194px; filter:alpha(opacity=60); /*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60%); -mod-opacity:0.6; opacity:0.6;*/ color:#000; text-align:center; display:none; font-size:12px; vertical-align:middle; background:none;
	filter : alpha(opacity=100);
    -moz-opacity : 1;
    opacity : 1;
	padding:20px 5px 0px 5px;
	}	
	
.autres-delices .phototo{
	width:268px; height:214px; position:relative; float:left;margin-bottom:5px;
margin-right:5px;
	}



/* -----------------------------------------------------------------*/

#liste-photo{ margin-bottom:20px; clear:both;}
.separateur { clear:both; height:15px; width:790px;}

#types-chocolats {display:inline; list-style:circle; list-style-position:inside; height:25px; text-align:center;}
#types-chocolats li {float:left; height:45px;}
#types-chocolats li a{ font-size:13px; color:#673929; padding:0px 15px 0px 0px; text-decoration:none;}
#types-chocolats li a:hover{ text-decoration:underline;}

#liste-ballotins{float:right; width:480px; color:#333; list-style:none;}
#titre-ballontins{ color:#8e6b5a; text-decoration:underline}
#contenu-ballotins{ clear:both;}
#glaces-cornets{ background:url(../images/glaces-cornet.gif) no-repeat; width:480px; height:158px; padding-top:2px; padding-left:108px;padding-right:100px; }
#glaces-cornets h3{ color:#333333;font-size:31px;font-weight:normal;margin-bottom:3px;}
#glaces-cornets p{ color:#333333;font-size:16px;}


#tel{ display:none; }
#msg{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; width:480px; padding:5px; border:2px solid #d9b8ad; color:#715243;}
input { border:2px solid #d9b8ad; color:#715243;}
#carte-contact h1{color:#715243; margin-bottom:0px; margin-top:5px;}
#entete-formulaire{ font-size:12px; color:#715243;}
#accueil-magasin h1{ margin-bottom:0px;}
#accueil-magasin h2{ margin-top:0px;}
#accueil-magasin-pro{ margin-top:35px; margin-bottom:100px;}
#accueil-magasin-pro h1{ margin-bottom:0px;}
#accueil-magasin-pro h2{ margin-top:0px;}
#envoyer-ent{ width:150px; height:25px; font-size:14px; font-weight:bold;}
