/* CSS Document */
body { background-color:#222222; margin:0; font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#conteneur{ width:955px; margin:0 auto; position:relative; }


/******************** bloc gauche : menu ***********************/
#gauche {float:left; display:inline; padding:0; margin:21px 0 0 0px; width:248px; height:560px; background:url(../images/bas-gauche.gif) no-repeat bottom;}

#logo {float:left; padding:0; margin:0px; width:248px; height:185px; background:url(../images/logo-delicasse.jpg);}
#logo h1 {padding:0; margin:0; text-indent:-5000px;}

#contenuGauche {float:left; display:inline; padding:0; margin:0 0 0 8px; width:240px; height:355px; /*background: */ background:url(../images/bg-gauche.jpg) repeat-y right #d17b26;}
#gauche h2 {float:left; padding:0; margin:0; width:240px; height:40px; background:url(../images/delicasse-vous-propose.jpg) no-repeat; text-indent:-5000px; }

ul#menu {float:left; display:inline; padding:0; margin:0 0 0 10px; width:220px; list-style:none;}
ul#menu li {float:left; padding:0 5px; margin:0; width:210px; height:37px; background:url(../images/trait-menu.jpg) repeat-x bottom; line-height:35px; }
ul#menu li a { color:#FFFFFF; font-size:1.5em; font-weight:bold; text-decoration:none;}
ul#menu li.ssmenu {float:left; padding:0 5px 0 20px; margin:0; width:195px; line-height:20px; height:20px; font-size:0.9em; background:none; }


/******************** bloc centre : contenu *********************/
#centre {float:left; display:inline; padding:0; margin:0; width:680px; background:#FFFFFF;}

ul#menu2 {float:left; display:inline; padding:0; margin:15px; width:650px; height:31px; border-bottom:1px solid #bcbcbc; list-style:none;}
ul#menu2 li {float:left; padding:0; margin:0; height:28px; font-size:1.5em;}
ul#menu2 li a {float:left; display:inline; padding:0 10px; margin:0 5px 0 0; height:28px; line-height:28px; color:#222222; font-weight:bold; text-decoration:none;}
ul#menu2 li a:hover {float:left; display:inline; padding:0 10px; margin:0 5px 0 0; height:28px; line-height:28px; background:#222222; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu2 li a#enCours {float:left; display:inline; padding:0 10px; margin:0 5px 0 0; height:28px; line-height:28px; background:#222222; color:#FFFFFF; font-weight:bold; text-decoration:none;}
ul#menu2 li a#espace {float:left; display:inline; padding:0 10px; margin:0; height:28px; line-height:28px; color:#f47511; font-weight:bold; text-decoration:none;}
ul#menu2 li a#espace:hover {float:left; display:inline; padding:0 10px; margin:0; height:28px; line-height:28px; background:#f47511; color:#ffffff; font-weight:bold; text-decoration:none;}


#imageSlideshowHolder{
	width: 650px;
	height: 270px;
	float:left;
	margin:0 15px;
	display:inline;
	position:relative;	/* Never change this value */
}
.imageInGallery{		
	width:650px;
	height:270px;
	background-color:#FFF;
	/* Never change these 3 value */
	left:0px;
	top:0px;
	position:absolute;	
}
#imageSlideshowHolder img{position:absolute;}

#the_captions {display:none;}
.imageInGallery_DESC { position:absolute; color:#FFFFFF; padding:0 15px; margin:0px; z-index:100; width:180px; height:270px; background:url(../images/bg-txt-slide.jpg); font-size:1.2em; line-height:16px;}
.imageInGallery_DESC h2.chocoPerso {margin:16px 0 5px 0; padding:0px 0px 5px 0px; background:url(../images/titre-slide-chocolats-perso.gif) no-repeat; width:130px; height:50px; text-indent:-5000px;}
.imageInGallery_DESC h2.chocoClassique {margin:16px 0 5px 0; padding:0px 0px 5px 0px; background:url(../images/titre-slide-chocolats-class.gif) no-repeat; width:130px; height:50px; text-indent:-5000px;}
.imageInGallery_DESC h2.confiseries {margin:16px 0 5px 0; padding:0px 0px 5px 0px; background:url(../images/titre-slide-confiseries.gif) no-repeat; width:142px; height:50px; text-indent:-5000px;}
.imageInGallery_DESC h2.colis {margin:21px 0 10px 0; padding:0px 0px 5px 0px; background:url(../images/titre-slide-colis.gif) no-repeat; width:143px; height:20px; text-indent:-5000px;}
.imageInGallery_DESC h2.friandises {margin:16px 0 10px 0; padding:0px 0px 5px 0px; background:url(../images/titre-slide-friandises.gif) no-repeat; width:142px; height:43px; text-indent:-5000px;}
.imageInGallery_DESC a {position:absolute; z-index:300; top:230px; left:10px; display:block; /*margin:13px 0 0 -5px;*/ width:190px; height:35px; background:url(../images/btn-decouvrez-produits.gif) no-repeat; text-indent:-5000px;}

#txtAccueil {float:left; display:inline; padding:0; margin:15px; width:385px;}
#txtAccueil h3 { float:left; padding:0; margin:0 0 10px 0; width:323px; height:53px; background:url(../images/entrez-dans-le-monde.gif) no-repeat; text-indent:-5000px;}
#txtAccueil p { float:left; padding:0; margin:0 0 15px 0; color:#222222; font-size:1.3em; width:390px; line-height:18px;}
#txtAccueil p span { color:#c91c1c;}

#produitDuMois {float:left; display:inline; padding:0; margin:21px 0 0 14px; width:235px; height:240px; background:#d6c3aa; }
#produitDuMois h3 {position:absolute; top:353px; right:43px; padding:0; margin:0; width:245px; height:44px; background:url(../images/titre-produit-mois.png) no-repeat; text-indent:-5000px;}
#produitDuMois p {float:left; padding:8px; margin:0px; width:219px; height:65px; background:url(../images/bas-produit-mois.jpg) no-repeat left bottom; font-size:1.1em; line-height:16px; color:#222222;}

#demandeDevis {float:left; display:inline; padding:205px 20px 0 25px; margin:21px 0 10px 0px; width:205px; height:37px; background:url(../images/demande-devis.jpg); color:#222222; text-decoration:none; font-size:1.2em; line-height:15px; }

#footer {clear:left; padding:0; margin:0; width:680px; height:80px; background:url(../images/logo-footer.jpg) no-repeat 14px 16px #c5bdae;}
#footer p {float:left; display:inline; padding:0 0 0 15px; margin:8px 0 0 142px; color:#544f46; font-size:1.1em; border-left:1px solid #8c867a; line-height:14px;}
#footer a {color:#544f46;}

#aw {clear:left; text-align:right; padding:5px 0; margin:0; width:680px; background:#222222; font-size:1.1em; font-weight:bold; color:#919191;}
#aw a {color:#919191; text-decoration:none;}


#titrePage {float:left; display:inline; padding:0 15px; margin:0 15px 20px 15px; width:620px; height:100px; background:url(../images/bg-titre.jpg); color:#FFFFFF; font-size:1.2em; line-height:17px;}
#titrePage h2#confiseries {float:left; padding:0; margin:12px 0 0 0; width:620px; height:27px; background:url(../images/titre-confiseries.gif) no-repeat; text-indent:-5000px;}
#titrePage h2#chocolatsPerso {float:left; padding:0; margin:12px 0 0 0; width:620px; height:27px; background:url(../images/titre-chocolats-perso.gif) no-repeat; text-indent:-5000px;}
#titrePage h2#chocolatsClassique {float:left; padding:0; margin:12px 0 0 0; width:620px; height:27px; background:url(../images/titre-chocolats-classiques.gif) no-repeat; text-indent:-5000px;}
#titrePage h2#colis {float:left; padding:0; margin:12px 0 0 0; width:620px; height:27px; background:url(../images/titre-colis-cadeaux.gif) no-repeat; text-indent:-5000px;}
#titrePage h2#friandises {float:left; padding:0; margin:12px 0 0 0; width:620px; height:27px; background:url(../images/titre-friandises.gif) no-repeat; text-indent:-5000px;}
#titrePage h2#presentation {float:left; padding:0; margin:12px 0 0 0; width:620px; height:27px; background:url(../images/titre-qui.gif) no-repeat; text-indent:-5000px;}
#titrePage h2#produits {float:left; padding:0; margin:12px 0 0 0; width:620px; height:27px; background:url(../images/titre-produits.gif) no-repeat; text-indent:-5000px;}
#titrePage h2#contact {float:left; padding:0; margin:12px 0 0 0; width:620px; height:27px; background:url(../images/titre-contact.gif) no-repeat; text-indent:-5000px;}
#titrePage h2#mentions {float:left; padding:0; margin:12px 0 0 0; width:620px; height:27px; background:url(../images/titre-mentions.gif) no-repeat; text-indent:-5000px;}
#titrePage a { color:#FFFFFF; font-weight:bold; text-decoration:none;}
#titrePage a:hover { color:#FFFFFF; font-weight:bold; text-decoration:underline;}

#txtNav {float:left; display:inline; padding:0 0 15px 0; margin:0 15px; color:#222222; width:650px; min-height:430px;}
#txtNav h3 {float:left; display:inline; padding:0; margin:0 0 5px 0; width:650px; color:#d62323; font-size:1.5em; font-weight:bold;}
#txtNav p {float:left; padding:0px 0 12px 0; margin:0px; font-size:1.2em; width:650px; text-align:justify; line-height:15px  }
#txtNav p a {color:#c91c1c; text-decoration:none;}
#txtNav p a:hover {color:#c91c1c; text-decoration:underline;  }
#adresse {float:left; width:140px; padding:10px; margin:0 0 20px 20px; background:#e8e5df; font-size:1.2em; line-height:18px;}
#adresse a {color:#c91c1c;}

ul#collegues {float:left; display:inline; width:420px; padding:0; margin:0px 0 0 30px; font-size:1.2em; list-style:none;}
ul#collegues li {float:left; display:inline; width:400px; padding:5px 0 3px 20px; margin:0 0 15px 0; border-bottom:1px solid #e2ded6; background:url(../images/puce2.jpg) no-repeat left top;}

ul#formContact1 {float:left; display:inline; width:615px; padding:0; margin:0px 0 30px 10px; font-size:1.2em; list-style:none;}
ul#formContact1 li {float:left; display:inline; width:615px; padding:5px 0 0 0px; margin:0 0 3px 0;}
ul#formContact1 li span {float:left; display:block; width:200px; line-height:14px; margin-left:20px;}
ul#formContact1 li div {float:left; display:block; width:130px;}

ul#formContact2 {float:left; display:inline; width:615px; padding:0; margin:0px 0 30px 10px; font-size:1.2em; list-style:none;}
ul#formContact2 li {float:left; display:inline; width:287px; padding:5px 0 8px 20px; margin:0 0 3px 0; border-bottom:1px solid #e2ded6; background:url(../images/puce2.jpg) no-repeat left top;}
ul#formContact2 li span {float:left; display:block; width:80px; font-weight:bold; line-height:14px;}
ul#formContact2 li span.contenu {float:left; display:block; width:190px; font-weight:normal;}

ul#qui {float:left; padding:0; margin:0 0 15px 10px; font-size:1.2em; width:340px; list-style:none;}
ul#qui li {float:left; padding:4px 0 1px 20px; margin:0; widows:320px; background:url(../images/puce2.jpg) no-repeat left top;}

#ficheColonneDetails {float:left; display:inline; width:350px; padding:0; margin:0;}
#ficheColonneDetails p {float:left; display:inline; width:350px; padding:0; margin:0 0 8px 0; font-size:1.2em;}
#ficheColonneDetails ul {float:left; display:inline; width:270px; padding:0; margin:10px 0 0 30px; font-size:1.2em; list-style:none;}
#ficheColonneDetails ul li {float:left; display:inline; width:270px; padding:5px 0 3px 20px; margin:0; border-bottom:1px solid #e2ded6; background:url(../images/puce2.jpg) no-repeat left top;}
#ficheColonneDetails ul li span {float:left; display:block; width:110px; font-weight:bold;}

#ficheColonnePhotos {float:left; display:inline; width:280px; padding:0; margin:0 0 0 20px;}
#ficheColonnePhotos img {border:5px solid #e8e5df;}
#ficheColonnePhotos img:hover {border:5px solid #d17b26;}
#galeriePhotos{float:left; padding:0 0 10px 0; margin:0 0 0 -8px; width:288px; display:inline; }
#galeriePhotos a{ float:left; margin:8px 0 0 8px; padding:0px; width:88px;  }		
#ficheColonnePhotos a#demandeDevis { float:left; padding:0; margin:10px 0; width:280px; height:35px; background:url(../images/btn-demandez-devis-perso.jpg); text-indent:-5000px;}

#precedent {clear:left; float:left; padding:0; margin:15px 0 0 0; width:325px; text-align:left; color:#c91c1c; text-decoration:none; font-size:1.2em; }
#suivant {float:left; padding:0; margin:15px 0 0 0; width:325px; text-align:right; color:#c91c1c; text-decoration:none; font-size:1.2em; }
#retour {clear:left; float:left; padding:0; margin:5px 0; width:650px; text-align:center; color:#c91c1c; text-decoration:none; font-size:1.2em; }

#listeProduits {float:left; display:block; padding:0 0 15px 0; margin:0 0 0 15px; color:#222222; width:675px; min-height:430px;}
#listeProduits p {float:left; padding:0px 0 12px 0; margin:0px; font-size:1.2em; width:650px; }
#listeProduits h3 {float:left; display:block; padding:0; margin:0 0 5px 0; width:650px; color:#d62323; font-size:1.5em; font-weight:bold;}

/************************ bloc droite ************************/
#droite {float:left; display:inline; padding:0; margin:30px 0 0 0; width:20px; height:550px; background:url(../images/bg-droite.gif) no-repeat;}