@charset "utf-8";
* {margin:0;padding:0;}
html, body {height: 100%;color:#36393c;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;background-color:#fff7e0;}
a{color: #333333;text-decoration: none;}
a:hover{color:#f45711;}
img {border:none;}
h1{font-weight:bold;font-size:18px;float:left;margin-top:10px;margin-left:15px;}
h2{padding-left:15px;font-weight:bold;font-size:17px;color:#320000;border-bottom:1px solid #36393D;width:95%;} 
h3{padding-left:15px;font-weight:bold;font-size:15px;border-bottom:1px solid #36393D;width:95%;margin-bottom:10px;margin-top:10px;color:#ff6601;border-color:#ff6601;} // titre orange
h4{padding-left:15px;font-weight:bold;font-size:17px;color:#320000;border-bottom:1px solid #36393D;width:95%;}
h5{padding-left:15px;font-weight:bold;font-size:16px;color:#320000;border-bottom:1px solid #36393D;width:97%;}
.menu_onglets,.menu_familles_left,.menu_familles_right,.frame_gauche_top,.frame_gauche_bottom {background: url(/images/charte/charte.png);}
#habillement {background: url(/images/charte/bg_content.png) repeat-y top center;width:100%;min-height: 100%;position: relative;}
#conteneur {width:980px;margin:0 auto;min-height: 100%;}

/***************** header *****************/
#header {background: url(/images/charte/bg_header.png) no-repeat top right; float:left;background-color:#fff7e0;width:100%;}
#logo{float:left;margin:5px 0 5px 0;;overflow:hidden;} 
#logo img a:hover{filter:none;}
#logo h1,#logo p {border:none;padding:0; margin:0;}
#logo #logo_texte {text-indent:-9999px; overflow:hidden; position:absolute}

#liens_top {float:left;margin-top:10px;margin-left:110px;}
#liens_top ul {list-style:none;}
#liens_top ul li {display:inline;margin-left:12px;font-size:12px;}

#panier {float:left;margin-top:13px;margin-left:20px;color:#ff6601;font-weight:bold;font-size:13px;height:75px;width:178px;}
#panier .titre {float:left;margin-left:50px;margin-top:5px;}
#panier .articles {float:left;margin-top:7px;text-align:center;width:100%;}
#btn_voir_panier {float:left;margin-left:12px;margin-top:8px;}
#btn_commander {float:left;margin-left:10px;margin-top:8px;}

#compte {float:right;margin-right:29px;margin-top:12px;text-align:center;}
#compte a {float:left;clear:both;font-size:13px;width:100%;}
#compte #mes_suivis {font-size:11px;}

#menu_onglets {float:left;clear:left;margin-left:0px;}
#menu_onglets li {display:inline;margin-left:50px;}
.menu_onglets {background-position:0 0;width:116px;height:31px;float:left;margin-left:16px;}
.menu_onglets a {padding-top:7px;text-align:center;display:block;height:100%;font-weight:bold;color:#ffffff;}

#menu_onglets div {display:none;}
#menu_onglets h3 {margin:0; padding:0;border:none; float:left; width:auto;}

#menu_onglets :hover div.menu_fetes,#menu_onglets :hover div.menu_themes,#menu_onglets :hover div.menu_persos,#menu_onglets :hover div.menu_anniversaires{display:block; position:absolute; top:136px;border:2px solid #ff6601; padding-bottom:10px;-moz-border-radius: 6px; -webkit-border-radius: 6px; background:#ffffff;z-index:9;}
div.menu_fetes {width:425px;}
div.menu_anniversaires {width:860px;margin-left:-346px;padding:15px 0 15px 0;}
div.menu_anniversaires img {margin:0 15px 8px 15px;}
div.menu_persos {width:850px;margin-left:-222px;}
div.menu_themes {width:850px;margin-left:-90px;}


/*#menu_onglets :hover div dl {display:inline; padding-top:0; margin:10px 0px 0px 10px; float:left; }*/

#menu_onglets :hover div dl dd {padding:0; margin:0;}
#menu_onglets .single:hover {position:relative;}
#menu_onglets :hover div dt{text-decoration:none; cursor:default; font-weight:normal; color:#fff;}
#menu_onglets :hover .menu_fetes dd a,#menu_onglets :hover .menu_themes dd a {display:block; float:left;text-decoration:none; font-weight:normal; font-size:11px; color:#000; text-indent:10px; line-height:15px; text-align:left;width:200px;height:30px;font-weight:bold;}
#menu_onglets :hover div dd a:hover {text-decoration:underline;}
#menu_onglets .menu_anniversaires h2 {border:none;}
#menu_onglets .menu_anniversaires h2 a{float:left;width:402px;text-indent:10px; margin-bottom:10px; text-decoration:none;line-height:20px;color:#ff6601;}
#menu_onglets :hover .menu_anniversaires dl {width:200px;float:left; margin-left:5px;}
#menu_onglets :hover .menu_anniversaires dd a {display:block;text-decoration:none;width:200px; font-size:11px; color:#000; text-indent:10px; line-height:15px; text-align:left;height:30px;font-weight:bold;}
#menu_onglets .clear {clear:both;}
#separation_anniversaire {background:url(../images/charte/point_y.gif) repeat-y scroll right bottom transparent;padding-right:20px;margin-right:20px;}

/***************** menu *****************/
#menu_familles {background: url(/images/charte/bg_menu_familles.png) repeat-x;height:58px;margin-top:0px;float:left;z-index:9;width:100%;}
#menu_familles h2 {margin:0; padding:0;border:none;font-size:inherit;}
#menu_familles h3 {margin:0; padding:0;border:none;}
#menu_familles li {display:inline; float:left;}
#menu_familles li a.tl {display:block; width:119px;text-decoration:none; line-height:20px; font-size:12px; font-weight:bold; color:#36393c;text-align:center;}
.menu_familles_left {background-position:0 -31px;width:14px;height:57px;;float:left;}
.menu_familles_right {background-position:-14px -31px;width:14px;height:57px;float:right;}

.deguisements,.perruques,.maquillages,.decorations,.animations {padding-top:15px;height:35px;}
.chapeaux,.masques,.accessoires {padding-top:5px;height:45px;}
#menu_familles div {display:none;}

#menu_familles li a:hover {text-decoration:underline; white-space:normal;}
#menu_familles li:hover > a {text-decoration:underline; white-space:normal; }

#menu_familles :hover div.long,#menu_familles :hover div.moyen,#menu_familles :hover div.court,#menu_familles :hover div.reverse,#menu_familles :hover div.long_reverse {display:block; position:absolute; left:0; top:50px; border:2px solid #ff6601; padding-bottom:10px;-moz-border-radius: 6px; -webkit-border-radius: 6px; background:#ffffff;z-index:9}
#menu_familles :hover div.long {width:730px;}
#menu_familles :hover div.reverse {width:215px;left:-87px;}
#menu_familles :hover div.long_reverse {width:970px;left:-725px;}
#menu_familles :hover div.court {width:170px;}
#menu_familles :hover div.moyen {width:215px;}

#menu_familles :hover a:hover {color:#ff6601}


#menu_familles .single:hover {position:relative;}



#menu_familles :hover div dl {display:inline; padding-top:0; margin:10px 0px 0px 10px; float:left; width:229px;}
#menu_familles :hover div dl dt {width:229px; background:#888; text-indent:10px; margin-bottom:10px; text-decoration:none; height:20px; line-height:20px;} /*pour les barres grises */

#menu_familles .single:hover div dl {width:229px;}
#menu_familles .single:hover .moyen dl {width:185px;}
#menu_familles .single:hover div dl dt {width:229px;}

#menu_familles :hover div dl dd {padding:0; margin:0;}

#menu_familles :hover div dt{text-decoration:none; cursor:default; font-weight:normal; color:#fff;}
#menu_familles :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-size:11px; color:#000; text-indent:10px; line-height:15px;}
#menu_familles :hover div dd a:hover {text-decoration:underline;}

#menu_familles .clear {clear:both;}

/*************************************************/

#barre_recherche {float:left;width:100%;height:25px;margin-bottom:5px;}
#barre_recherche form {float:left;margin:3px 0 0 40px;}
#barre_recherche label {font-size:12px;font-weight:bold;float:left;padding:3px 5px 0 0;}
#barre_recherche #keywords {width:200px;height:20px;float:left;}
#barre_recherche #btn_recherche {float:left;padding:2px 0 0 5px;}
#fdp_gratuit {float:left;margin:4px 0 0 80px;}
#delais_livraison {float:left;margin:4px 0 0 40px;}
#h1 {float:left;width:100%;border-bottom:1px solid;margin:10px 0 0 0;padding;0;color:#ff6601;}
#ariane {float:left;font-size:12px;font-weight:bold;display:inline;border:none;padding:0;margin-top:5px;margin-bottom:5px;width:740px;}
#ariane h2 {font-size:12px;font-weight:bold;display:inline;border:none;padding:0;}
#ariane h2 a:hover {color:#f45711;}
/***************** frames gauche *****************/
#frame_milieu {float:left;width:930px;margin-left:25px;}
/***************** frames gauche *****************/
#frame_gauche {float:left;width:200px;margin-top:10px}

.frame_gauche_top {background-position:0 -88px;; height:40px; width:194px;}
.frame_gauche_top span {color:#ffffff;float:left;margin:10px 0 0 5px;}
.frame_gauche_content {background: url(/images/charte/bg_frame_gauche.png) repeat-y;}
.frame_gauche_content .title {font-weight:bold;color:#ff6601; padding:10px 0 5px 10px;}
.frame_gauche_content h2 {margin:0;padding:0;border:none;font-size:12px;font-weight:100;width:174px;}
.frame_gauche_content #fete_venir, .frame_gauche_content #principaux_themes , .frame_gauche_content #vivafiesta, .frame_gauche_content .liste_ss_familles, .frame_gauche_content .liste_compte, .liste_themes, .liste_fetes, .liste_personnages {padding-left:20px;font-size:13px;width:160px;}
.frame_gauche_content .liste_ss_familles {font-size:12px;}
.frame_gauche_content #fete_venir li{list-style-image : url(/images/charte/puce.png);}
.frame_gauche_content #principaux_themes li,.frame_gauche_content #vivafiesta li,.frame_gauche_content .liste_ss_familles li,.frame_gauche_content .liste_compte li, .liste_themes li, .liste_fetes li, .liste_personnages li{padding-bottom:2px; list-style-image : url(/images/charte/puce.png);}
.frame_gauche_content .liste_ss_familles li {padding-bottom:4px;}
#logo_ceremonies {margin-left:15px;}
.frame_gauche_content .separateur {background-color:#ff6601;width:80%;height:1px;margin-left:13px;margin-top:8px;}

.frame_gauche_bottom {background-position:0 -128px;; height:40px; width:194px;float:left;}

/***************** frames droite *****************/
#frame_droite {float:left;width:756px;margin-left:10px;}
#frame_droite #h1 {float:left;width:98%;border-bottom:1px solid;margin:10px 0 0 0;padding;0;color:#ff6601;}
#frame_droite #intro_listing {font-size:11px;width:98%;padding-bottom:5px;}

.frame_droite_titre p {font-weight:bold;padding:3px 0 0 3px;}
.frame_droite_content {padding:5px;}
/***************** frames*****************/
#bas_footer {background: url(/images/charte/footer.png) no-repeat; float:left;width:1004px;height:21px;position: absolute; bottom : 0;}
#footer #avis_footer {background: url(/images/charte/guillemets.png) no-repeat;width:930px; height:80px;margin-left:25px;}
#footer #avis_footer .message_avis {margin:20px 50px 0 50px;float:left;color:#000000;font-style:italic;text-align:center;font-size:13px;width:823px;height:33px;}
#footer #avis_footer .pseudo {float:right;color:#ff6601;font-weight:bold;font-size:12px;margin-right:70px;}
#footer #avis_footer .tous_avis {float:left;color:#ff6601;font-weight:bold;font-size:12px;margin-left:410px;margin-top:5px;padding-bottom:5px;display:none;}
#secure {float:left;clear:left;width:940px;margin-left:20px;margin-bottom:20px;font-size:11px;}
#secure .cadre_secure {float:left;text-align:center;border-left:2px #ff6601 solid;padding:20px 40px;margin-left:10px;}
#secure .cadre_secure .titre {font-weight:bold;width:100%;display:block;font-size:12px;padding-bottom:10px;}
#copyright {text-align:center;font-size:11px;width:100%;padding-bottom:10px;float:left;}
#texte_footer {text-align:center;display:none;}
#texte_unique {margin-left:25px;;font-size:10px;padding-bottom:10px;float:left;width:95%}

/**************** Listing produits ***************/

.infos_page {width:100%;height:30px;margin-top:5px;}
.infos_page .tri_produits select{float:left;border:1px solid;width:186px;height:20px;color:#ff6601;font-weight:bold;padding:1px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.pagination {float:left;width:100%;display:block;text-align:center;font-size:13px;}
.pagination_theme{float:right;width:100%;text-align:right;margin-right:10px;}
.pagination_theme img,.pagination img {vertical-align:-30%;}
.infos_page .nombre{float:right;margin-right:20px;}

.liste_produits {display:block;height:300px;width:129px;float:left;margin-top:0px;padding:10px;margin-bottom:10px;background:url(../images/charte/point_x.gif) repeat-x scroll center bottom transparent}
.liste_produits .photos{height:200px;text-align:center;}
.liste_produits h3.nom {float:left;width:120px;padding:0;border:none;margin:0;margin-top:15px;margin-left:4px;height:43px;font-size:12px;text-align:center;}
.liste_produits .prix{float:left;text-align:center;font-size:14px;font-weight:bold;color:#ff6601;margin-left:40px;}

.regroupement{font-size:11px;width:129px;text-align:center;}
.epuise {position:absolute;background:url(http://www.vivafiesta.fr/images/charte/epuise.png) no-repeat;height:63px;width:64px;margin-top:147px;margin-left:60px;z-index:5}
.icone_produit{position:absolute;height:19px;width:58px;margin-top:2px;margin-left:2px;}
.deguisement_titre, .decoration_titre,.animation_titre {font-size:14px;color:#ff6601;margin:0;padding:0;width:98%;border-bottom:1px solid #ff6601;}

/***************** Listing produit theme *********/
#tri_sous_familles ul {float:left;list-style:none;margin-right:9px;width:180px; overflow:hidden;}
#tri_sous_familles ul .gras{font-size:12px;}
#tri_sous_familles ul li {font-size:11px;}
#tri_sous_familles select {width:180px;margin-top:5px;}
#tri_sous_familles ul li ul{margin-left:0;}
#shortcut_familles {font-size:12px;list-style:none;margin:10px 0;}
#shortcut_familles h2 {font-size:12px;margin:0;padding:0;border:none;display:inline;}

/***************** fiche produit *****************/
#fiche_produit {float:left;width:100%;}
#fiche_produit .photo_principale {height:350px;width:180px;float:left;margin-right:10px;font-size:11px;}
#fiche_produit .photo_principale .contenu,#fiche_produit .photo_principale .agrandir {margin:0 auto;width:100%;text-align:center;}
#fiche_produit .agrandir {clear:left;}
#fiche_produit .petites {width:180px;margin:0 auto;margin-bottom:10px;}
#fiche_produit .petites img{display:block;float:left;margin-left:10px;}

#fiche_produit #infos_produits{float:left;width:400px;margin-right:10px;font-size:12px;}
#fiche_produit .reference {float:left;font-size:12px;width:100%;color:#320000;}
#fiche_produit .titre {margin:10px 0;color:#ff6601;font-weight:bold;font-size:13px;border-bottom:1px solid;float:left;clear:both;}
#fiche_produit p {float:left;clear:both;margin:5px 0;}
#fiche_produit #ajout_panier_tmp {color:#3C8C1C;font-weight:bold;float:left;width:100%;text-align:center;margin-top:10px; display:none;}


#fiche_produit #couleurs{float:left;width:100%;}
#fiche_produit #couleurs .cadre_couleurs {float:left;padding:5px 20px 5px 0; height:160px;background:url(../images/charte/point_x.gif) repeat-x scroll center bottom transparent;text-align:center;font-size:11px;margin-top:5px;}


#fiche_produit #produit_associe {float:left;width:140px;height:100%;background:url(../images/charte/point_y.gif) repeat-y scroll left bottom transparent;padding-left:5px;}
#fiche_produit #produit_associe li {list-style:none;}
#fiche_produit #produit_associe .titre {border:none;text-align:center;margin:0;width:100%;}
#fiche_produit #produit_associe .liste_produits_associe{margin-bottom:5px;margin-left:5px;width:100%;}
#fiche_produit #produit_associe .liste_produits_associe .photos {width:100%;height:auto;text-align:center;}
#fiche_produit #produit_associe .nom{margin:0;padding:0;font-size:12px;width:100%;text-align:center;border:none;font-weight:100;}
#fiche_produit #produit_associe .prix {font-size:13px;text-align:center;width:100%;display:block;color:#ff6601;font-weight:bold;margin:5px 0;}

#produit_meme_ss_famille .titre {width:100%;float:left;}

/***************** connexion *****************/
.cadre_inscription {float:right;height:450px;width:49%;margin-top:15px;font-size:12px;background:url(../images/charte/point_y.gif) repeat-y scroll left bottom transparent;padding-left:15px;}
.cadre_connexion,.cadre_mdp {float:left;height:250px;width:49%;margin-top:15px;}
.cadre_inscription .titre,.cadre_connexion .titre,.cadre_mdp .titre {margin:0; padding:0;color:#ff6601;font-size:20px;border:none;}
.cadre_inscription .complement,.cadre_connexion .complement,.cadre_mdp .complement {color:#ff6601;}

.cadre_connexion table,.cadre_mdp table {margin-top:10px;}
.cadre_inscription table {margin:10px 0;}
.cadre_inscription .titre_secondaire {font-size:11px;color:#ff6601;font-weight:bold;text-decoration:underline;}

.form_btn_connexion {border:none;background: url(/images/charte/btn_connexion.png) no-repeat;width:170px; height:36px;text-indent:-999999px;cursor:pointer;margin-right:20px;}
.form_btn_valider {border:none;background: url(/images/charte/btn_valider.png) no-repeat;width:170px; height:36px;text-indent:-999999px;cursor:pointer;margin-right:20px;}
.form_btn_inscription {border:none;background: url(/images/charte/btn_nouveau_compte.png) no-repeat;width:170px; height:36px;text-indent:-999999px;cursor:pointer;margin-right:20px;margin-top:30px;}
/***************** tableau *****************/

.tbl_fiche_produit {font-size:12px;text-align:center;width:100%;border:1px solid #8c8c8c;}
.tbl_fiche_produit td{padding:6px 8px;background-color:#e7e7e7}


.table_simple {border-collapse:collapse;font-size:12px;margin-left:10px;text-align:center;width:98%;}
.table_simple thead {background: url(/images/charte/bg_tableau.png) repeat-x; height:24px;color:#ffffff;}
.table_simple th,.table_simple td{border-bottom:1px solid #CCCCCC;padding:6px 8px;}
.table_simple thead {border-bottom:2px solid #cccccc;display:table-header-group;vertical-align:middle;font-weight:bold;}

/**************** Compte *****************/
.compte_home {float:left;width: 45%;margin-right:30px;font-size:13px;}
.compte_home img {float:right;margin-top:10px;}

/**************** static*****************/
#animation_home {height:622px;margin-top:10px;}
#static {padding:10px 10px 0 0;}
#static h2{padding-left:15px;font-weight:bold;font-size:15px;border-bottom:1px solid #36393D;width:95%;margin-bottom:10px;margin-top:10px;color:#ff6601;border-color:#ff6601;}
#static h3{padding-left:15px;font-weight:bold;font-size:15px;border-bottom:1px solid #36393D;margin-bottom:10px;margin-top:10px;color:#ff6601;border-color:#ff6601;border:none;}

#cgv{padding:25px 8px 15px 8px}
#cgv h2 {margin:10px 0 10px 0;}
#cgv ul {margin-left:20px;}
ul#sitemap, #sitemap ul{list-style:none;}

#sitemap h2,#sitemap h3 {margin:0; padding:0; border:none;}
#sitemap h2 {font-size:14px;margin-left:20px;margin:10px 20px;}
#sitemap h3 {font-size:12px;margin-left:40px;}
/**************** Messages ***************/
#red_message {clear:both;width:641px;margin:10px auto; border:1px #ff6601 dashed;}
#red_message .middle {padding:10px;font-size:11px;}

#green_message {clear:both;width:641px;margin:10px auto;}

#green_message .top {background-position:0px -549px;width:641px;height:12px;}
#green_message .middle {background: url(../images/charte/bg_green_message.png) repeat-y;padding:5px;font-weight:bold;}
#green_message .middle .text {float:left;width:580px;}
#green_message .bottom {background-position:0px -561px;width:641px;height:12px;}

/***************** modal *****************/
#cadre_ajout_panier .content {width:595px; overflow:hidden}
.btn_fermer {float:right;color:#a6a6a6; border:1px solid #cccccc;padding:2px;}
.btn_fermer img {margin-right:5px;}

.modal_titre {font-size:11px; font-weight:bold; color:#3C8C1C;margin-bottom:5px;padding-bottom:2px;border-bottom:1px dotted;}
#modal_photo {float:left;}
#modal_info {float:left;font-size:12px;margin-left:8px;}
#modal_prix {float:right;font-weight:bold;font-size:18px;color:#ff6601}
#modal_btn_continuer {clear:left;}
#modal_btn_continuer,#modal_btn_panier {float:right;}
/***************** home *****************/
#theme_mois {margin-top:10px;}
/***************** common *****************/
.bg_form{border:1px solid;color:#333333;font-weight:bold;padding:2px;}
.bg_from_red{background-color:#FF9F5F;}
.bg_gris {background: url(/images/charte/bg_gris.png) repeat-x; height:30px;}
.orange {color:#ff6601;}
.blanc {color:#ffffff;}
.rouge {color:#F00;}
.text_center {text-align:center;}
.gras {font-weight:bold;}
.f10 {font-size:10px;}.f11 {font-size:11px;}.f12 {font-size:12px}.f14{font-size:14px}.f18{font-size:18px}
.float_l {float:left;}
.float_r {float:right;}
.clearer {clear:both;}
.pointer {cursor:pointer}
.hidden {display:none}
.vert {color:#3C8C1C;}
.border_none {border:none;}
.soulgine { text-decoration:underline}