/*
Colours:

Text:
	White: 		#fff
	Green: 		#c2e526
	Menu Green: #a8c818
	H1 Green:   #9ebd16
	Pink:		#f05b79
 
Lines: 
	Pink:		#f63562
	Green:		#c5e426

Background: 	#3a130c

*/

* { margin: 0; padding: 0; font-family: arial, times new roman, serif; }
body { text-align: center; background-color: #3a130c; color: #fff; }
div.wrapper { width: 955px; text-align: left;  margin: 10px auto; padding: 0 10px; }
div.wrapper div.header { color: #a8c818; font-weight: bold; }
div.wrapper div.footer { color: #a8c818; width: 100%; float: left; text-align: center; font-size: 13px; line-height: 130%; clear: none; padding: 5px 0 5px; margin-top: 10px; border-top: 1px solid #f63562;}
div.wrapper hr.page-clear { height: 1px; width: 100%; clear: both; color: #3a130c; border: none;}
img.img-no-border { border: none; text-decoration: none; }
a,
a:visited,
a:hover,
a:active { color: #a8c818; }

.nobr { white-space: nowrap;}
.loading {width: 100%; text-align: center; border: none; margin: 0; padding: 0;}

/** Header **/

/* Logo */
div.wrapper a.logo,
div.wrapper a.logo img { float: left; clear: both; z-index: -100; }

/* Vcard */
div.wrapper div.vcard a.url,
div.wrapper div.vcard div.adr span.region,
div.wrapper div.vcard div.adr span.country-name { display: none; }
div.wrapper div.vcard span.given-name { color: #f05b79;}
div.wrapper div.vcard div.adr {display: inline; }
div.wrapper div.vcard span.given-name,
div.wrapper div.vcard span.street-address,
div.wrapper div.vcard span.locality,
div.wrapper div.vcard span.tel,
div.wrapper div.vcard a.email,
div.wrapper div.vcard a.facebook,
div.wrapper div.vcard span.footer-sep  { display: inline; text-align: center; font-size: 90%; clear: none;}
div.wrapper div.vcard span.footer-sep {color: #fff; padding: 0 10px;}
div.wrapper div.vcard a.facebook  { border: none; text-decoration: none; color: #ffeff8;}
div.wrapper div.vcard a.facebook span { text-decoration: underline;}
div.wrapper div.vcard a.facebook img { margin:0 5px 0; border: none; vertical-align: bottom;}

/* Menu */
div.wrapper div.header div.menu { float: right; clear: both; margin-top: -30px; border-bottom: 2px solid #a8c818; padding: 0 0 5px 0;  z-index: 1000;}
div.wrapper div.header div.menu ul { float: right; }
div.wrapper div.header div.menu ul li { float: left; margin-left: 8px; padding-left: 8px; list-style-type: none; border-left: 1px solid #a8c818; }
div.wrapper div.header div.menu ul li.first { border-left: none; padding-left: 0; margin-left: 0;}
div.wrapper div.header div.menu ul li a, 
div.wrapper div.header div.menu ul li a:visited,
div.wrapper div.header div.menu ul li a:hover,
div.wrapper div.header div.menu ul li a:active { text-decoration: none; font-size: 90%;}
div.wrapper div.header div.menu ul li a:hover { color: #b6bc3c}
div.wrapper div.header div.menu ul li.selected a, 
div.wrapper div.header div.menu ul li.selected a:visited,
div.wrapper div.header div.menu ul li.selected a:hover,
div.wrapper div.header div.menu ul li.selected a:active { color: #f05b79; }

/* News */
div.wrapper a.promo, 
div.wrapper a.promo * { border: none; text-decoration: none; z-index: 1000;}

div.wrapper img.img-left { float: left; }
div.wrapper img.img-right { float: right; }

/** Body **/

div.wrapper div.body { width: 850px; float: right; padding: 20px 0 0 0;}
div.wrapper div.body h1 { color: #9ebd16; font-size: 22px; border-bottom: 2px solid #f63562; }
div.wrapper div.body div.col-left { float: left; margin-top: 10px; width: 475px;}
div.wrapper div.body div.col-right { float: right; text-align: right; margin-top: -20px; width: 320px;}

div.wrapper div.body div.main-content { float: left: width: 100%; padding-top: 20px; }
div.wrapper div.body div.main-content div.col-left { width: 630px; }
div.wrapper div.body div.main-content div.col-right { width: 160px; margin-top: 10px; text-align: center;}
div.wrapper div.body div.main-content div.col-right img { margin-bottom: 50px;}

div.wrapper div.body div.col-left ul { padding: 0 0 0 10px; list-style-position: inside; }
div.wrapper div.body div.col-left ul li{ padding: 5px 0 5px 10px; }

div.wrapper div.body p { color: #fff; margin: 0; padding: 5px 20px 5px 0;}
div.wrapper div.body p em { color: #f05b79; font-style: normal; font-weight: bold; }

div.wrapper div.body div.main-content div.cupcakes-col { width: 49%; float: left; }
div.wrapper div.body div.main-content div.cupcakes-col p { margin-bottom: 10px; }

div.wrapper div.body form { margin: 20px 0 0 0;}
div.wrapper div.body form label { width: 100px; float: left; }
div.wrapper div.body form input { width: 300px; }
div.wrapper div.body form p.form-button { text-align: center; padding-top: 20px; }
div.wrapper div.body form p.form-button a.submit { width: 200px; background: url( ../img/form-button-envoyer.jpg ) top left no-repeat; display: block; width: 145px; height: 44px; line-height: 38px; color: #fff; font-weight: bold; margin: 0 auto;}
div.wrapper div.body form p.form-button a.submit:hover { color: #6c0921; }

div.wrapper div.body div.media { }
div.wrapper div.body div.media p { width: 120px; padding: 0 6px; float: left; height: 150px; font-size: 80%;}
html>body div.wrapper div.body div.media p { padding: 0 9px;}
div.wrapper div.body div.media a { text-decoration: none; border: none; float: left; }
div.wrapper div.body div.media a img { text-decoration: none; border: none; margin: 0 0 5px 0; }

/* Gallery */

div.wrapper div#gallery { float: left; width: 840px; display: none;}
div.wrapper div#gallery div#slideshow {  float: right;  text-align: center; z-index: 2000; overflow: hidden; width: 502px;}
div.wrapper div#gallery div#slideshow img { border: 1px solid #f5cea8; z-index: 2000;}

div.wrapper div#gallery div#thumbs {float: left; width: 332px; height: 506px; background: url(../img/border.gif ) repeat-x 0 0;  }
div.wrapper div#gallery div#thumbs div.thumbs-holder {float: left; height: 250px; background: url(../img/border.gif ) repeat-x 0 100%; padding: 5px 0; margin-bottom: 3px;}
div.wrapper div#gallery div#thumbs ul {  float: left; width: 330px; padding: 0; margin: 0; height: 400px; }
div.wrapper div#gallery div#thumbs ul li { float: left; padding: 1px 3px 0 0; margin: 0; list-style-type: none; width: 100px;  height: 100px; text-align: center;  }
html > body div.wrapper div#gallery div#thumbs ul li {  padding: 2px 5px 3px 0; }
div.wrapper div#gallery div#thumbs ul li a img { border: 1px solid #f5cea8;}
div.wrapper div#gallery div#thumbs h3 { background: url(../img/border.gif ) repeat-x 0 100%; font-size: 14px; font-weight: normal; padding: 3px 0 2px 0;}
div.wrapper div#gallery div#thumbs h3 a{ text-decoration: none; color: #f5cea8;}
div.wrapper div#gallery div#thumbs ul li a.thumb { display: block; }
div.wrapper div#gallery div#thumbs ul li *,
div.wrapper div#gallery div#slideshow * { border: none; text-decoration: none; padding: 0; margin: 0;}
html > body div.wrapper div#gallery div#slideshow .image-wrapper.current {display: block; }
div.wrapper div#gallery div#slideshow a.advance-link { display: block; }


/** Specific page precisions **/
div.wrapper div.body.page-contact p,
div.wrapper div.body.page-commandes p,
div.wrapper div.body.page-nos-gateaux p,
div.wrapper div.body.page-carte-cadeau p { line-height: 20px; }


/* Nos gateaux */
div.wrapper div.body.page-nos-gateaux div.main-content p { color: #c2e526; } 
div.wrapper div.body.page-nos-gateaux div.col-left { width: 475px;}
div.wrapper div.body.page-nos-gateaux div.col-right { width: 320px;}
div.wrapper div.body.page-nos-gateaux div.main-content div.col-left { width: 620px; }
div.wrapper div.body.page-nos-gateaux div.main-content div.col-right { width: 160px; }

/* Medias */
div.wrapper div.body.page-medias div.col-left p { margin-bottom: 20px; }
div.wrapper div.body.page-medias div.col-left { width: 830px;}
div.wrapper div.body.page-medias div.col-right { width: 205px;}

/* Contact */	
div.wrapper div.body.page-contact div.col-left { width: 475px;}
div.wrapper div.body.page-contact div.col-right { width: 320px; }
div.wrapper div.body.page-contact div.main-content div.col-left { width: 475px; }
div.wrapper div.body.page-contact iframe { margin: 0 0 30px 5px; }
div.wrapper div.body.page-contact p.contact-other { font-weight: normal; }


/* Commandes speciales */
div.wrapper div.body.page-commandes div.col-left { width: 515px;}
div.wrapper div.body.page-commandes div.col-right { width: 280px;}
div.wrapper div.body.page-commandes div.main-content div.col-left { width: 605px; }
div.wrapper div.body.page-commandes div.main-content div.col-right { width: 190px; }
div.wrapper div.body.page-commandes div.main-content p.showcase img { margin: 0 20px 10px; border: 1px solid #000; }

/* Carte Cadeau */
div.wrapper div.body.page-carte-cadeau div.col-left { width: 525px;}
div.wrapper div.body.page-carte-cadeau div.col-right { width: 280px;}
div.wrapper div.body.page-carte-cadeau div.main-content div.col-left { width: 605px; }
div.wrapper div.body.page-carte-cadeau div.main-content div.col-right { width: 190px; }
div.wrapper div.body.page-carte-cadeau p { margin-bottom: 20px; }

/* page-nos-creations */
div.wrapper div.body.page-nos-creations div.col-left { width: 800px;}
/*div.wrapper div.body.page-nos-creations div.col-right { width: 280px;}*/
div.wrapper div.body.page-nos-creations div.main-content div.col-left { width: 798px; }
/*div.wrapper div.body.page-nos-creations div.main-content div.col-right { width: 190px; }*/



/* Index */
div.wrapper div.body.page-index div.col-left { width: 800px;  }
div.wrapper div.body.page-index div.col-right { width: 340px; margin-top: 10px;}
div.wrapper div.body.page-index div.main-content { padding-top: 230px; }
div.wrapper div.body.page-index div.main-content div.col-left { width: 618px;  }
div.wrapper div.body.page-index div.main-content div.col-right { width: 180px; padding-top: 60px;}
/*div.wrapper div.body.page-index div.main-content { padding-top: 210px; }
div.wrapper div.body.page-index div.main-content div.col-left { width: 798px;  }
div.wrapper div.body.page-index div.main-content div.col-right { width: 180px; }*/
div.wrapper div.body.page-index h1 { display: none; }
div.wrapper div.body.page-index { background: url( ../img/index-header-2.jpg ) 100% -90px no-repeat; }
div.wrapper div.body.page-index p { margin: 20px 0; line-height: 22px;}
div.wrapper div.body.page-index p.new-info { padding: 10px;  background-color: #772440; opacity: 0.8; margin: 0; text-align: center;}
div.wrapper div.body.page-index div.new-info-outer { padding: 2px; margin: 0; background-color: #A95A87; }

/*
div.wrapper div.body.page-index p { float: left; width: 798px; display: block; line-height: 150%;  *position: relative; margin-top: -30px; }
html>body div.wrapper div.body.page-index p {  display: table; z-index: -100; }
div.wrapper div.body.page-index span {padding: 0 10px; display: block; vertical-align: middle; width: 570px;  *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); *position: absolute;}
html>body div.wrapper div.body.page-index span {  display: table-cell; }
*/

div.wrapper div.body.page-index p.index-1 { height: 220px; margin: -200px 0 0 -100px; clear: both; line-height: 18px; *position: relative;}
div.wrapper div.body.page-index p.index-1 span.promo-text {  opacity: 0.95; float: left; clear: left; width: 180px; margin: 0 0 0 15px;}
div.wrapper div.body.page-index p.index-1 span.promo-text a {  font-weight: bold; text-decoration: none;}
/*div.wrapper div.body.page-index p.index-2 { height: 200px; }
div.wrapper div.body.page-index p.index-3 { height: 200px; }
div.wrapper div.body.page-index p.index-4 { height: 110px; }
div.wrapper div.body.page-index p.index-4 img { margin-right: 50px; }
div.wrapper div.body.page-index p.index-5 { height: 120px; }
*/