@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(http://www.vivafiesta-ceremonies.fr/images/charte/charte.png);}

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

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

#contenu{}
#frame_gauche{width:200px;float:left;}
#frame_droite{width:760px;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 *****************/
#liens_top {float:left;margin-top:10px;margin-left:480px;}
#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:38px;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 {text-align:center;float:left;margin-top:11px;clear:left;margin-left:818px;}
#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;}


/***************** frame gauche *****************/

.gauche_top {float:left;width:189px;margin-left:8px;margin-bottom:10px;border:1px solid #DDDDDD;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.10);-moz-box-shadow:1px 2px 5px rgba(0,0,0,0.10);box-shadow:1px 2px 5px rgba(0,0,0,0.10);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}

.gauche_top ul {font-size:11px;;padding-bottom:3px; list-style:none;}
.gauche_top ul li a{margin:0;border:none;font-size:11px;padding:3px 0px 3px 3px; display:block}
.gauche_top ul li a:hover {background-color:#DDDDDD}
.gauche_top ul li.titre {border-top:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;background: #f9f9f9 url(../images/charte/gauche_degrade.jpg) no-repeat top center;padding:7px 0;width:189px;font-size:12px;margin-top:15px;font-weight:bold;}
.gauche_top ul li.titre strong {margin-left:8px;}
.gauche_top ul li.first {-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;margin:0;}
.gauche_top ul li.titre a:hover {background:none; a}
.gauche_top li.current {width:100%;background-color:#CCCCCC}


#recherche_cours {float:left;width:189px;padding:0;margin-left:3px;margin-top:5px;}
#recherche_cours #recherche_cours_img {margin-left:5px;float:left;}
#recherche_cours ul {float:left;width:187px;margin-left:5px;border:1px solid #DDDDDD;-webkit-box-shadow:1px 2px 5px rgba(0,0,0,0.10);-moz-box-shadow:1px 2px 5px rgba(0,0,0,0.10);box-shadow:1px 2px 5px rgba(0,0,0,0.10);-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;border-top:none;}
#recherche_cours li {float:left;padding:4px 0;font-size:12px;font-weight:bold;clear:both;}
#recherche_cours li:hover {text-decoration:line-through;}
#recherche_cours li img{float:left;margin-top:-3px;margin-right:3px;}
#recherche_cours .no_del {margin-left:25px;}
#recherche_cours .nouvelle_recherche {font-size:10px;float:right;margin-right:5px;}
#affiner_recherche {margin:8px 0 5px 8px;float:left;}
.fb_iframe_widget {float:left;margin-left:7px;margin-bottom:10px;}

.img_frame {margin-left:10px;}


#video {border:1px solid #cccccc;margin-top:10px;padding:5px;width:100%;margin-top:10px;float:left;text-align:center;font-size:12px;font-weight:bold;color:#ff0084;}
#video p {margin-bottom:5px;}
#video p a {color:#ff0084}
#promo{text-align:center;float:left;border:1px solid #cccccc;margin-top:10px;padding:5px;width:100%;}
#promo p {float:left;text-align:center;font-weight:bold;clear:both;width:100%;}


#menu_compte {width:170px;margin-bottom:10px;float:left;}
#zoom_sur, .liste_compte {font-weight:bold;font-size:14px;float:left;border:1px solid #cccccc;width:100%; list-style-image:url(../images/charte/header_menu_puce.jpg); list-style-position:inside; padding:5px;}
#zoom_sur a{color:#ff0084}
#zoom_sur a:hover{color:#4A4B4B}
#fb {margin-left:1px; margin-top:10px;float:left;}
#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:180px;float:left;margin-top:0px;padding:5px;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:#ff0084;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:121px;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}