@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:#ffffff;}
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;} // 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%;}
#habillement {background: url(../images/charte/bg.jpg) no-repeat fixed top center #2b1227;width:100%;min-height: 100%;position: relative;}
#conteneur {width:980px;margin:0 auto;min-height: 100%; background-color:#ffffff;}

/***************** header *****************/
#header { float:left;width:100%;}
#logo{float:left;margin:0px 0 0 15px;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:0px;}
#liens_top ul {list-style:none;}
#liens_top ul li {display:inline;margin-left:12px;font-size:12px;}
#telephone {text-align:center;margin-top:15px;}
#panier {float:left;margin-top:35px;margin-left:0px;;font-weight:bold;font-size:13px;height:75px;width:178px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
#panier .titre {float:left;margin-left:50px;margin-top:5px;}
#panier .articles {float:left;margin-top:7px;text-align:center;width:100%;}
#panier .btn {float:left;margin-left:12px;margin-top:8px;}
#btn_commander {float:left;margin-left:10px;margin-top:8px;}

#compte {float:left;margin-top:5px;text-align:center;width:178px;-moz-border-radius: 4px; -webkit-border-radius: 4px;}
#compte a {float:left;clear:both;font-size:13px;width:100%;}
#compte #mes_suivis {font-size:11px;}
/*************************************************/

#barre_recherche {float:left;width:980px;;height:30px;margin-bottom:5px;background: url(/images/charte/bg_gris.png) repeat-x top center;}
#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;margin-left:5px;font-weight:bold;}
#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;}
#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;margin-left:5px;}

.frame_gauche_content {-moz-border-radius: 4px; -webkit-border-radius: 4px;}
.frame_gauche_content .title {font-weight:bold;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); font-size:11px}
.frame_gauche_content .liste_ss_familles li {padding-bottom:4px;}
#logo_ceremonies {margin-left:15px;}
.frame_gauche_content .separateur {background-;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 10px 0;padding;0;}
#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 {float:left;width:1004px;height:36px;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;;font-weight:bold;font-size:12px;margin-right:70px;}
#footer #avis_footer .tous_avis {float:left;;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:20px;float:left;}
#texte_footer {text-align:center;display:none;}


/**************** 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;;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:350px;width:168px;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:168px;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;;margin-left:60px;}
.liste_produits .description {height:80px; float:left; width:100%;}
.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;;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 #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;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:#12b9ff;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;;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;;font-size:20px;border:none;}
.cadre_inscription .complement,.cadre_connexion .complement,.cadre_mdp .complement {;}

.cadre_connexion table,.cadre_mdp table {margin-top:10px;}
.cadre_inscription table {margin:10px 0;}
.cadre_inscription .titre_secondaire {font-size:11px;;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;;border-;}
#static h3{padding-left:15px;font-weight:bold;font-size:15px;border-bottom:1px solid #36393D;margin-bottom:10px;margin-top:10px;;border-;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:#12b9ff;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;}
#modal_btn_continuer {clear:left;}
#modal_btn_continuer,#modal_btn_panier {float:right;}
/***************** home *****************/
#theme_mois {margin-top:10px;}
/***************** common *****************/
.btn {-moz-border-radius: 4px; -webkit-border-radius: 4px; padding:1px 2px;}
.btn:hover {color:#36393c}
.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 {;}
.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}.f16{font-size:16px}.f18{font-size:18px}
.float_l {float:left;}
.float_r {float:right;}
.clearer {clear:both;}
.pointer {cursor:pointer}
.hidden {display:none}
.vert {color:#3C8C1C;}
.bleu {color:#12b9ff}
.border_none {border:none;}
.soulgine { text-decoration:underline}