/**
 *  CSS principale du site
 */

*{margin:0; padding:0}
html{width:100%; background:#000 url(../../images/background.png) repeat-y center top;}
body{width:997px; margin:0 auto; font-family:verdana,arial,helvetica,sans-serif; font-size:13px; color:#D2D2D2;}
ul, ul li{list-style-type:none}
img{border:none}
a{color:#FFF; text-decoration:none}
a:hover{color:#F8D03B; text-decoration:underline}
a img{border:none}
input,select,textarea,button{font-size:1em; font-family:verdana,arial,helvetica,sans-serif; border:1px solid #595959;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:1em;}

fieldset{border:none;}
legend{color:#000;}

.zmu_artiste_color{color:#E95E03;}
.zmu_membre_color{color:#0FAB30;}
.zmu_metier_color{color:#046BA6;}
.zmu_boutique_color{color:#02ADF1;}
.zmu_gray_color{color:#262628;}
.zmu_yellow_color{color:#F8D03B;}

.exergue{color:#02880E;}
.listeLi li{list-style-type:disc; margin-left:14px;}/*à affecter à ul pour recréer des listes "normales"*/


#skyscraper{width:170px; float:left;}
#contenu{width:800px; float:right;}

/* Liens d'ancrages sur le contenu des pages */
#a_contenu{font-size:1em; text-decoration:none; color:#FFF;}
#a_contenu:hover{text-decoration:none; color:#FFF;}


/* HEADER */
#header_upmyprod_bandeau{background-color:#1B1A20; width:100%;}
#header_upmyprod_bandeau #tdLogo{width:268px;}
#header_upmyprod_bandeau #tdMedia{}
#header_upmyprod_fbs{text-align:right; padding-top:60px;}

#header_upmyprod_menu{height:70px; width:100%; margin:0px 0px 15px 0px;}
#header_upmyprod_menu #headerTdMenu{width:710px;}
#header_upmyprod_menu #headerTdMenu .menuCateg{diplay:block; float:left;}

.hdr_menu{font-size:11px;}
.hdr_menu, .hdr_menu ul{list-style:none; margin:0; padding:0;}
.hdr_menu{z-index:100; position:relative;}
.hdr_menu li{float:left; margin:0; padding:0; position: relative;}
.hdr_menu li a{display:block;}
.hdr_menu ul{border-bottom:1px solid #000; list-style:none; margin:0; position:absolute; top:-999em;}
.hdr_menu li:hover ul,.hdr_menu li.sfHover ul{top:25px;}
.hdr_menu ul li{border:0; background:#3F3F3F; float:none; opacity:.9; filter:alpha(opacity=90); -moz-opacity:.90;}
.hdr_menu ul li:hover{border:0; float:none; background:#3F3F3F; opacity:1; filter:alpha(opacity=100); -moz-opacity:1;}
#hdr_menu-one li:hover ul a, #hdr_menu-one li.sfHover ul a{padding:5px; color:#FFFFFF; text-decoration:none;}
#hdr_menu-one li:hover ul a:hover, #hdr_menu-one li.sfHover ul a:hover{padding:5px; color:#FFFFFF; text-decoration:none;}


#header_upmyprod_menu #headerTdLogin{width:287px; background:url(../../images/upmyprod/header/UMP-header-login-background.gif) no-repeat;}
#header_upmyprod_menu #headerTdLogin #hdr_login_fieldset{margin:24px 0px 2px 10px;}
#header_upmyprod_menu #headerTdLogin .inputLogin{background-color:#FFFFFF; border:#000000 1px solid; font-size:10px; width:115px; padding:1px;}
#header_upmyprod_menu #headerTdLogin #hdr_mdp_oublie{float:left; width:85px; font-size:9px; margin:0px 0px 0px 10px;}
#header_upmyprod_menu #headerTdLogin #hdr_mdp_oublie a{text-decoration:underline;}
#header_upmyprod_menu #headerTdLogin #hdr_mdp_oublie a:hover{text-decoration:none;}
#header_upmyprod_menu #headerTdLogin #hdr_search_fieldset{}
#header_upmyprod_menu #headerTdLogin #hdr_search_field{background-color:transparent; border-style:none; color:#FFFFFF; font-size:11px; width:150px;}
#header_upmyprod_menu #headerTdLogin #hdr_search{width:27px; height:25px; border-style:none;}

#header_upmyprod_menu #headerTdMembre{width:287px; background:url(../../images/upmyprod/header/UMP-header-membre-background.gif) no-repeat;}
#header_upmyprod_menu #headerTdMembre #hdr_membre_avatar{width:40px; margin:4px 10px 0px 10px; float:left;}
#header_upmyprod_menu #headerTdMembre #hdr_membre_liens{font-size:11px; width:210px; margin:16px 0px 0px 60px; text-align:center;}
#header_upmyprod_menu #headerTdMembre #hdr_search_fieldset{clear:both;}
#header_upmyprod_menu #headerTdMembre #hdr_search_field{background-color:transparent; border-style:none; color:#FFFFFF; font-size:11px; width:150px; margin:0 0 0 96px;}
#header_upmyprod_menu #headerTdMembre #hdr_search{width:27px; height:25px; border-style:none;}

/* FOOTER */
#footer_upmyprod{
	width:997px; height:184px;
	background:#3E3E3E url(../../images/upmyprod/footer/UMP-footer-background.jpg) repeat-x top;
	clear:both;
	margin:10px 0 0 0;
	font-size:10px;
}
#footer_upmyprod h2{color:#D5B220; font-size:13px; font-weight:normal; margin:0 0 15px 0;}

.headerPop{height:60px; background:url(../../images/upmyprod/header/UMP-header-logo_p.jpg) no-repeat left top #1B1A20; margin:0 0 10px 0}


#contenu h1{margin:0 0 20px 0px; font-size:1.5em; font-weight:bold;}
.introH1{margin:10px 0px 10px 0px;}

.t_error{color:#FF4444;}
.t_ok{color:#22B140;}
.form_error{margin:10px; padding:5px; color:#FF4444; border:#FF4444 1px solid;}
.form_ok{margin:10px; padding:5px; color:#22B140; border:#22B140 1px solid;}

.rechercheResultat{color:#4F4; font-size:1em; font-weight:bold; text-align:center; margin:15px;}
.rechercheNoResult{color:#FF4444; font-size:1em; font-weight:bold; text-align:center; margin:15px;}

.boite_type1{width:350px;}
.boite_type1 .entete{background:url(../../images/upmyprod/commun/boite_type_1_entete_bg.png) no-repeat; height:41px;}
.boite_type1 .entete h2{padding:9px 10px 0px 50px; font-weight:bold; font-size:14px;}
.boite_type1 .corps{background:url(../../images/upmyprod/commun/boite_type_1_corps_bg.png) repeat-y; padding:15px; color:#000000;}
.boite_type1 .corps a{color:#000000;}
.boite_type1 .pied{background:url(../../images/upmyprod/commun/boite_type_1_pied_bg.png) no-repeat; height:22px; padding:0px 10px 0px 10px; text-align:center; font-size:11px; color:#FFFFFF;}

.boite_type2{color:#5C5A5B;}
.boite_type2 .entete{background:url(../../images/upmyprod/commun/boite_type_2_entete_bg.gif) repeat-x center; height:48px;}
.boite_type2 .enteteCourte{background:url(../../images/upmyprod/commun/boite_type_2_entete_bg.gif) repeat-x center; height:25px;}
.boite_type2 .entete h2{padding:13px 10px 0px 10px; font-weight:bold; font-size:14px;}
.boite_type2 .entete img{margin-left:15px;}
.boite_type2 .corps{background:url(../../images/upmyprod/commun/boite_type_2_corps_bg.gif) repeat-x top #FFFFFF; padding:15px; font-size:12px;}
.boite_type2 .corps a{color:#22B140; text-decoration:underline;}
.boite_type2 .corps a:hover{color:#22B140; text-decoration:none;}
.boite_type2 .corps hr{border-top:#000000 1px solid; height:1px; margin:6px 0 6px 0;}
.boite_type2 .corps .sstit{margin:6px 0 6px 0; font-size:15px; font-weight:bold;}
.boite_type2 .pied{height:1px; background-color:#E7E7E7;}

.boite_type3{border:#545454 1px solid; color:#545454;}
.boite_type3 .entete,.boite_type3 thead{background:url(../../images/upmyprod/commun/boite_type_3_entete_bg.gif) no-repeat left; height:32px;}
.boite_type3 .entete h2,.boite_type3 thead h2{padding:5px 10px 0px 15px; font-weight:bold; font-size:14px; color:#FFFFFF;}
.boite_type3 .corps,.boite_type3 tbody{background:url(../../images/upmyprod/commun/boite_type_3_corps_bg.gif) repeat-y left #FFFFFF; padding:15px; font-size:12px; color:#545454;}
.boite_type3 .corps a,.boite_type3 tbody a{color:#545454; text-decoration:underline;}
.boite_type3 .corps a:hover,.boite_type3 tbody a:hover{color:#545454; text-decoration:none;}
.boite_type3 .pied,.boite_type3 tfoot{background:url(../../images/upmyprod/commun/boite_type_3_pied_bg.gif) repeat-y left; height:10px; font-size:1px;}


.boite_type4{color:#4C4C4C;}
.boite_type4 .entete{background:url(../../images/upmyprod/commun/boite_type_4_entete_bg.gif) repeat-x; height:33px; border-bottom:#626161 1px solid;}
.boite_type4 .entete h2{padding:8px 8px 0px 8px; font-weight:bold; font-size:14px;}
.boite_type4 .corps{background-color:#E0DDDD; padding:8px; font-size:12px;}
.boite_type4 .corps a{color:#4C4C4C; text-decoration:underline;}
.boite_type4 .corps a:hover{color:#4C4C4C; text-decoration:none;}
.boite_type4 .pied{height:0px;}

/* Cas de tableaux de liste */
.tab_type4{color:#4C4C4C;}
.tab_type4 thead{background:url(../../images/upmyprod/commun/boite_type_4_entete_bg.gif) repeat-x; height:33px; border-bottom:#626161 1px solid;}
.tab_type4 thead td{border-bottom:#626161 1px solid;}
.tab_type4 thead h2{padding:11px; font-weight:bold; font-size:14px;}
.tab_type4 tbody{font-size:12px; background-color:#000000;}
.tab_type4 tbody tr{background-color:#E0DDDD;}
.tab_type4 tbody .trBg td{background:url(../../images/upmyprod/commun/boite_type_4_barre_centrale.gif) repeat-x center center;} /* à affecter à un <tr> avec contenu pour créerune barre centrale */
.tab_type4 tbody td{border-top:#B3B1B1 1px solid; border-bottom:#5A5858 1px solid;}
.tab_type4 tbody .separateur{font-size:0px; height:4px;}/* à affecter à un <tr> pour créer une ligne de séparation */
.tab_type4 tbody .separateur td{border-style:none; background-color:#000000;}
.tab_type4 tbody a{color:#4C4C4C; text-decoration:underline;}
.tab_type4 tbody a:hover{color:#4C4C4C; text-decoration:none;}
.tab_type4 tfoot{height:0px;}


.formInfo{font-style:italic; font-size:11px;}

.inputNeutre{border-style:none;}

.labelType1{display:block; float:left; margin-bottom:10px; width:150px;}
.inputTxtType1{background-color:#FFFFFF; border:#000000 1px solid; font-size:11px; padding:2px;}
.inputButtonType1{background-color:#FFFFFF; border:#5B5B5B 2px inset; color:#5B5B5B; font-size:11px; padding:2px; font-weight:bold; cursor:pointer;}

.labelType2, .form_model2 label{display:block; float:left; margin-bottom:10px; width:150px;}
.inputTxtType2, .form_model2 .fieldset_saisie input, .form_model2 .fieldset_saisie select, .form_model2 .fieldset_saisie textarea{background-color:#FFFFFF; border:#000000 1px inset; font-size:11px; padding:2px;}
.form_model2 .fieldset_submit input{border-style:none; padding:0; margin:0;}/* images, checkbox, radio */

.inputTxtType3{width:175px; border:none; font-size:0.8em; height:17px; padding-left:5px; padding-top:3px; background:#000 url(../../images/upmyprod/commun/bg-input-login-big4.gif) no-repeat left top;}
/*
#contenu .pagination{float:right; width:689px; height:29px; margin-right:10px; font-size:0.85em;  background:#000 url(../../images/upmyprod/commun/bg-pagination.png) no-repeat right top;}
#contenu .pagination ul{height:25px;}
#contenu .pagination ul li{float:left; padding:8px 0;}
#contenu .pagination ul li a{color:#000; font-weight:bold;}
#contenu .pagination ul li.page_precedent{width:90px; padding-left:8px;}
#contenu .pagination ul li.page_pages{width:500px; text-align:center;}
#contenu .pagination ul li.page_pages a{padding:0 5px;}
#contenu .pagination ul li.page_pages span{font-weight:bold; color:#000; padding:0 5px; border:1px solid #000;}
#contenu .pagination ul li.page_suivant{float:left; width:80px; text-align:right; padding-right:5px;}
#contenu .pagination ul li span.disable{color:#888;}
*/
/*PAGINATION*/
#contenu .pagination{margin:10px auto 0 auto; font-size:10px; width:781px; float:none; height:63px; color:#000000; background:url(../../images/upmyprod/commun/bg-pagination.gif) no-repeat left top;}
#contenu .pagination ul{height:25px;}
#contenu .pagination ul li{list-style-type:none}
#contenu .pagination ul li.page_precedent{width:80px; float:left; margin:5px 0 0 0;}
#contenu .pagination ul li.page_first{width:90px; float:left; margin:5px 0 0 5px;}
#contenu .pagination ul li.page_pages{padding:5px 160px 0 160px; text-align:center;}
#contenu .pagination ul li.page_last{width:90px; text-align:right; float:right; margin:5px 5px 0 0;}
#contenu .pagination ul li.page_suivant{width:80px; text-align:right; float:right; margin:5px 0 0 0;}
#contenu .pagination a{color:#000000;}

#contenu .pagination ul li.page_pages a{color:#000000; padding:0 5px;}
#contenu .pagination ul li.page_pages span{font-weight:bold; padding:0 5px; border:1px solid #000000;}
#contenu .pagination ul li span.disable{color:#555555;}

#contenu .pagination form{padding:5px; text-align:center;}
#contenu .pagination form input{padding:2px; width:40px; font-size:9px;}
#contenu .pagination form input.submit{padding:1px; width:auto; color:#000000; border:1px solid #000000; cursor:pointer; background:transparent;}