@charset "utf-8";
* {margin:0;padding:0;}
html, body {height: 100%;color:#4a4b4b;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;}
a{color: #333333;text-decoration: none;}
a:hover{color:#ff0084;}
img {border:none;}
a img:hover {filter: alpha(opacity=80);-moz-opacity: 0.80; opacity:0.80;}
h1{font-weight:bold;font-size:14px;margin-top:10px;margin-left:5px;padding-left:5px;margin-bottom:5px;width:95%;border-bottom:1px solid; color:#ff0084;}
h2{font-size:15px;margin:5px; text-decoration:underline}
h3{padding-left:15px;font-weight:bold;font-size:15px;color:#320000;border-bottom:1px solid #36393D;width:95%;margin-bottom:10px;margin-top:10px;color:#ff0084;border-color:#ff0084;}/* titre orange*/


#header {background:  url(../images/charte/charte.png);}

#habillement{background:  url(../images/charte/vague.jpg) repeat-y;min-height: 100%;position: relative;}

#conteneur{width:972px;margin:0 auto;min-height:800px;}

#contenu{}
#frame_gauche{width:185px;float:left;}
#frame_droite{width:765px;float:left; border:1px solid;border:1px solid #eceded; margin-left:10px;padding:5px}
#frame_milieu {float:left;width:930px;margin-left:25px;border:1px solid #eceded; background:#ffffff;}
/***************** header *****************/

#promo{margin-left:280px;text-align:center;float:left;font-weight:bold;margin-top:60px;width:236px;}
#promo a {color:#ff0000;}
#liens_top {float:left;margin-top:10px;margin-left:-35px;}
#liens_top ul {list-style:none;}
#liens_top ul li {display:inline;margin-left:12px;font-size:12px;}

#panier {float:left;margin-top:23px;margin-left:40px;color:#ff0084;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:35px;margin-top:12px;text-align:center;}
#compte a {float:left;clear:both;font-size:13px;width:100%;}
#compte #mes_suivis {font-size:11px;}

#header{background-repeat:no-repeat;width:972px;height:151px;margin-top: 0;}

#logo{float:left;overflow:hidden;}
#logo img {position:absolute;z-index:30;top:10px;}
#logo img a:hover{filter:none;}
#logo h1 {border:none;padding:0; margin:0;}
#logo #logo_texte {text-indent:-9999px; overflow:hidden; position:absolute}

#barre_top{background-color:#ccc;width:100%;height:18px;top:0;text-align:center;font-weight:bold;color:#F00; position:absolute }
#barre_top a{color:#F00;}


#barre_recherche {float:left;width:100%;height:25px;margin-bottom:5px;margin-top:8px;font-weight:bold;}
#barre_recherche form {float:left;margin:3px 0 0 10px;}
#barre_recherche label {font-size:12px;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;}

#ariane{font-size:10px;font-weight:bold;margin:5px; width:100%}
#ariane h2 {font-size:10px;font-weight:bold;display:inline;border:none;padding:0; text-decoration:none;}


/***************** menu *****************/
#sous_menu {float:left;margin-top:133px;font-size:13px;font-weight:bold;margin-left:580px;width:380px;}
#sous_menu a {color:#d7d7d7}
#sous_menu li {display:inline;}

#barre_menu {background: url(../images/charte/header_bg_menu.jpg) repeat-x center bottom; height:39px;width:100%;position:absolute;left:0;margin-top:150px;}
#elements_menu {margin-left:100px;font-weight:bold;font-size:14px;color:#36393c;position:relative;width:750px;float:left;}
#elements_menu a{float:left;background: url(../images/charte/header_menu_puce.jpg) no-repeat center left;padding-left:15px;line-height:33px;margin-top:12px;margin-left:70px;}
#elements_menu .rose a{color:#ff0084;}
#elements_menu .rose a:hover{color:#333333;}

/***************** frame gauche *****************/
.frame_gauche, #menu_compte {border:1px solid #eceded; width:170px;padding:10px 5px;background:#ffffff;filter: alpha(opacity=80);-moz-opacity: 0.8; opacity:0.8;}
#menu_compte {margin-bottom:10px;}
.frame_gauche h2{font-size:12px;font-weight:bold;margin:0;padding:0;text-decoration:none;color:#ff0084}
.frame_gauche h2 a{color:#ff0084}
.frame_gauche h3{font-size:12px;font-weight:normal;margin:0;padding:0;text-decoration:none;border:none;}
.frame_gauche ul, #menu_compte ul {list-style:none;margin-left:2px;margin-top:5px;}
.frame_gauche ul .head {margin-top:5px;margin-left:-2px;}
.frame_gauche ul li {font-size:13px;margin-bottom:3px;margin-left:2px;padding:1px 0;}

.frame_gauche .selecte {background-color:#cccccc;}
.frame_gauche .selecte a{color:#ff0084}

#paiement_securise_image {margin-left:6px;}
#cadre_charte_qualite{margin:5px 0 0 37px;;}

/**************** Listing produits ***************/
#intro_listing {font-size:11px;width:98%;padding-bottom:5px;}
.infos_page {width:100%;margin-top:5px;}

#tri_resultat {border:1px dashed #ff0084;clear:both;width:85%;margin:0 auto;padding:5px 10px;color:#333333;margin-bottom:5px;}
.infos_page #tri_resultat select{border:1px solid;width:220px;height:20px;font-weight:bold;padding:1px;-moz-border-radius: 4px; -webkit-border-radius: 4px;margin-left:15px;margin-top:5px;margin-bottom:5px;}
#filtre_actif {width:100%; border-top:1px dotted #ff0084;font-size:12px;padding-bottom:35px;padding-top:5px;}
#filtre_actif span{border:1px solid #cccccc;padding:5px 10px;margin:5px 5px 5px 5px;float:left;}
#filtre_actif form {float:left;}
#filtre_actif img{vertical-align:middle;}

.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; width:120px;text-align:center;font-size:14px;font-weight:bold;color:#ff0084;margin-left:4px;}

.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; display:none;}

/***************** listing ceremonies*****************/
li.listing_ceremonies_cadre_famille {list-style:none;}
li.listing_ceremonies_cadre_famille {float:left; width:100px;margin-left:12px;;text-align:center;margin-bottom:20px;height:125px;}
li.listing_ceremonies_cadre_famille h3{margin:0;padding:0;border:none;font-size:11px;}


li.listing_ceremonies_cadre_ambiance {list-style:none;}
.listing_ceremonies_cadre_ambiance {float:left; width:180px;margin-left:12px;text-align:center;margin-bottom:20px;}
li.listing_ceremonies_cadre_ambiance h3{margin:0;padding:0;border:none;font-size:11px;}

/***************** 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;color:#ff0084;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:#ff0084;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:#ff0084;font-weight:bold;margin:5px 0;}

#produit_meme_ss_famille .titre {width:100%;float:left;}
.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}
/***************** index *****************/
#animation_home {height:722px;margin-top:10px;text-align:center;}

#presentation {margin-bottom:10px;padding:8px;font-size:13px;}
#presentation h1 {float:left;width:100%;margin:0;padding:0;margin-bottom:5px;font-size:14px;}
#presentation h2 {font-size:12px;}
#presentation ul {margin:15px;}
#index_ceremonies{margin-top:10px;}
#index_ceremonies h2 {padding:7px;dispaly:inline;float:left;margin:0;}
/**************** Messages ***************/
#red_message {clear:both;width:641px;margin:10px auto; border:1px #ff0084 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:#ff0084;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:#ff0084	}
#modal_btn_continuer {clear:left;}
#modal_btn_continuer,#modal_btn_panier {float:right;}

/***************** footer *****************/
#footer{background:#36393c;;width:972px;;color:#ffffff;font-size:12px;text-align:center;font-weight:bold;width:100%;position:absolute;left:0;}
#footer #avis_footer {background: url(/images/charte/guillemets.png) no-repeat;width:972px;margin:0 auto;height:80px;}
#footer #avis_footer .message_avis {margin:20px 50px 0 50px;float:left;color:#ffffff;font-style:italic;text-align:center;font-size:13px;width:823px;height:33px;}
#footer #avis_footer .pseudo {float:right;color:#ff0084;font-weight:bold;font-size:12px;margin-right:110px;}
#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 {clear:left;font-size:11px;width:972px;margin:0 auto;}
#secure .cadre_secure {float:left;text-align:center;border-left:2px #ff0084 solid;padding:20px 30px;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;}
#footer a {color:#eceded}
#footer a:hover {color:#ff0084}
#footer h2,h3 {border:none;padding:0;margin:0;display:inline;font-size:12px;}
#texte_footer {text-align:center;display:none;}
/***************** 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:#ff0084;font-size:20px;border:none;}
.cadre_inscription .complement,.cadre_connexion .complement,.cadre_mdp .complement {color:#ff0084;}

.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 *****************/
.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;}

/***************** common *****************/
.bg_form{border:1px solid;color:#333333;font-weight:bold;padding:2px;}
.bg_from_red{background-color:#FFAFDA;}
.bg_gris {background: url(/images/charte/bg_gris.png) repeat-x; height:30px;}
.rose {color:#ff0084;}
.blanc {color:#ffffff;}
.rouge {color:#F00;}
.noir {color:#000000;}
.barre {text-decoration:line-through}
.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}
.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}