/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* SCROLL */
body { scrollbar-base-color: #ffff62; scrollbar-arrow-color: #61610b; scrollbar-3dlight-color: #bdbd47;scrollbar-darkshadow-color: #434327; scrollbar-face-color: #dada54; scrollbar-highlight-color: #F4F436;scrollbar-track-color: #f1da2e;
}


/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; color: #333; background:#ffff62 url("../../img/bg.gif") center top;}

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}


/* =Frame-----------------------------------------------------------------------------*/

#wrap{ width:712px; height:100%; margin:0 auto; }

.pirate{ width:233px; height:406px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/pirate.png');position:absolute;top:380px;left:-400px; }
.pirate[class] { background-image:url("../../img/pirate.png"); }

#header{ width:712px; height:149px; background:transparent url("../../img/home/fr/bgHeader.jpg") top left no-repeat; }
#header #mainNav{ padding:120px 30px 0px 0px; text-align:right; }
#header #mainNav a{ color:#ffff00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; padding-left:10px; }
#header #mainNav a:hover{ color:#fff; }
#header #mainNav a.active{ color:#fff; font-size:14px; }

#headerEn{ width:712px; height:149px; background:transparent url("../../img/home/en/bgHeader.jpg") top left no-repeat; }
#headerEn #mainNav{ padding:120px 30px 0px 0px; text-align:right; }
#headerEn #mainNav a{ color:#ffff00; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; padding-left:10px; }
#headerEn #mainNav a:hover{ color:#fff; }
#headerEn #mainNav a.active{ color:#fff; font-size:14px; }

#middle{ width:712px; height:601px; overflow:hidden;  }
.bgHomeFR{ background:transparent url("../../img/home/fr/bgMiddle.jpg") top left no-repeat; }
.bgHomeEN{ background:transparent url("../../img/home/en/bgMiddle.jpg") top left no-repeat; }
.bgRechercheFR{ background:transparent url("../../img/recher/fr/bgMiddle.jpg") top left no-repeat; }
.bgRechercheEN{ background:transparent url("../../img/recher/en/bgMiddle.jpg") top left no-repeat; }
.bgContactFR{ background:transparent url("../../img/contact/fr/bgMiddle.jpg") top left no-repeat; }
.bgContactEN{ background:transparent url("../../img/contact/en/bgMiddle.jpg") top left no-repeat; }
.bgBallonFR{ background:transparent url("../../img/ballon/fr/bgMiddle.jpg") top left no-repeat; }
.bgBallonEN{ background:transparent url("../../img/ballon/en/bgMiddle.jpg") top left no-repeat; }

#middle #leftCol{ width:176px; height:601px; float:left; padding:44px 13px 0px 36px; overflow:hidden; }
#middle #leftCol #boxSearch{ padding-left:6px; height:22px; width:170px; overflow:hidden; }
#middle #leftCol #boxProd{ margin-top:30px; padding:50px 7px 0px 13px; height:290px; overflow:hidden }
#middle #leftCol #boxProd div#secNav{ font-szie:10px; color:#000; }
#middle #leftCol #boxProd div#secNav a{ color:#000; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#middle #leftCol #boxProd div#secNav h3{ margin:0;padding-left:7px; height:15px; background:transparent url("../../img/home/fr/bgCatMenu.gif") top left no-repeat; margin-bottom:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer; font-weight:normal; }
#middle #leftCol #boxProd div#secNav ul{ padding:5px 0px 5px 0px; margin-top:0px; }
#middle #leftCol #boxProd div#secNav ul li{ background:none; margin-bottom:0px;cursor:auto; }
#middle #leftCol #boxProd div#secNav ul li a{ padding-left:15px; }
#middle #leftCol #boxProd div#secNav ul li a:hover{ background:transparent url("../../img/home/fr/arrowMenu.gif") center left no-repeat; }
#middle #leftCol #boxProd div#secNav ul li a:visited{ font-weight:normal; }
#middle #leftCol #boxProd div#secNav ul li a.active{ background:transparent url("../../img/home/fr/arrowMenu.gif") center left no-repeat; }
#middle #leftCol #boxEmail{ margin-top:20px; height:70px; padding:60px 13px 0px 7px; }

/*COL DROITE HOME*/
#middle #rightCol{ width:487px; height:601px; float:right; }
#middle #rightCol div{ text-align:left; color:#000; font-size:10px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
#middle #rightCol div a{ color:#000; font-size:10px; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; }
#middle #rightCol div a:hover{ color:#ff6600;}
#middle #rightCol #boxCostume{ width:230px; height:69px; margin:72px 0px 0px 53px; padding:3px 0px 3px 10px; }
#middle #rightCol #boxSaisonnier{ width:230px; height:69px; margin:62px 0px 0px 53px; padding:3px 0px 3px 10px; }
#middle #rightCol #boxSaisonnierEN{ width:260px; height:69px; margin:62px 0px 0px 53px; padding:3px 0px 3px 10px; }
#middle #rightCol #boxAnniversaire{ width:230px; height:69px; margin:69px 0px 0px 53px; padding:3px 0px 3px 10px; }
#middle #rightCol #boxAccessoire{ width:252px; height:71px; margin:69px 0px 0px 53px; padding:3px 0px 1px 10px;; }

/*COL DROITE PRODUITS*/
#middle #rightCol #boxResultat{ width:400px; height:470px; margin:99px 0px 0px 34px; padding-right:10px; overflow:auto; font-weight:normal; }
#middle #rightCol #boxResultat div{ font-weight:normal; }
#middle #rightCol #boxResultat #nbResult{ color:#000; padding:4px; background:#fff; border:2px #333 solid; margin-bottom:10px; }
#middle #rightCol #boxResultat div.prodLeft{ width:180px; float:left; margin-bottom:15px; }
#middle #rightCol #boxResultat div.prodLeft div.pic{ width:101px; float:left; }
#middle #rightCol #boxResultat div.prodLeft div.pic img{ border:2px #000 solid; }
#middle #rightCol #boxResultat div.prodLeft div.info{ width:69px; padding-left:10px; float:right; }
#middle #rightCol #boxResultat div.prodRight{ width:180px; float:right; margin-bottom:15px; }
#middle #rightCol #boxResultat div.prodRight div.pic{ width:101px; float:left; }
#middle #rightCol #boxResultat div.prodRight div.pic img{ border:2px #000 solid; }
#middle #rightCol #boxResultat div.prodRight div.info{ width:69px; padding-left:10px; float:right; }

/*COL DROITE CONTACT*/
#middle #rightCol #boxContact{ width:400px; height:470px; margin:99px 0px 0px 34px; padding-right:10px; overflow:auto; font-weight:normal; }
#middle #rightCol #boxContact div{ font-weight:normal; text-align:center; }

/*COL DROITE BALLON*/
#middle #rightCol #boxBallon{ width:400px; height:470px; margin:99px 0px 0px 34px; padding-right:10px; overflow:auto; font-weight:normal; }
#middle #rightCol #boxBallon p{ margin:15px 0px 15px 0px; }
#middle #rightCol #boxBallon div{ font-weight:normal; }
#middle #rightCol #boxBallon #reaBallon{ padding-left:10px; }
#middle #rightCol #boxBallon #reaBallon h3{ clear: both; font-size:16px; padding:0px; margin-bottom:10px; border-bottom:2px #000 solid; cursor:pointer; margin-top:10px; }
#middle #rightCol #boxBallon #reaBallon h3 em{ font-weight:normal; font-size:10px; }
#middle #rightCol #boxBallon #reaBallon a{ margin:2px; display:block; float:left; height:86px; width:86px; }
#middle #rightCol #boxBallon #reaBallon a img{ border:2px #000 solid; }


#footer{ width:712px; height:23px; background:transparent url("../../img/home/fr/bgFooter.jpg") top left no-repeat; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; padding-top:6px; }
#footer a{ color:#fff; text-decoration:none; }