/* @override http://avocats.local/mura/avocats/assets/styles/style.css */

body {
	background: url(body_background.png) repeat-x #f3fafc;
	color: #565656;
	font-family: Arial;
	font-size: 12px;
	line-height: 14px;
}
body a {
	color: #820064;
	text-decoration: none;
}
body a:hover {
	text-decoration: underline;
}

#wrapper {
	background: url(wrapper_background.png) repeat-y;
	padding-left: 10px;
	padding-right: 10px;
	width: 960px;
}

.error { 
	color: red;
}
.example { 
	color: #666;
}
.success { 
	color: green;
}

/* HEADER*/
#header {
	background: url(header_background_bottom.png) bottom no-repeat #820064;
}
#header #topbar {
	background-color: #FFF;
	border-bottom: 2px solid #67004F;
	height: 30px;
	padding: 4px 10px;
	text-align: right;
}
#homepage #header #topbar {
	background-color: #DBCCA8;
}
#header #facebook {
	float: right;
	width: 230px;	
}
#header #google {
	float: right;
	margin-top: 2px;
	width: 80px;
}
#header #facebook img {
	float: left;
	padding: 0px 5px;
	margin-left: 10px;
}
#header #facebook span {
	float: right;
	line-height: 30px;
}
#header #facebook a {
	color: #3B5997;
	text-decoration: underline;
}
#headerWithAgent {
	height: 318px;
}
#headerWithoutAgent {
	height: 164px;
}
#headerLogo {
	float: left;
	padding-left: 10px;
}
#headerText {
	float: left;
}
#headerWithoutAgent #headerText {
	padding-left: 65px;
	padding-top: 20px;
}
#headerWithAgent #headerText {
	padding-left: 0px;
	padding-top: 120px;
}
#headerWithoutAgent #headerAgent {
	padding-right: 80px;
} 
#headerWithAgent #headerAgent {
	float: right;
	padding-right: 10px;
	padding-top: 10px;
} 

/* MAIN*/
.page {
	clear: both;
	background-color: #FFFFFF;
}
.pageHeader {
	background: url(page_header.png) top no-repeat;
	padding-top: 10px;
}
.pageBody.zp-100 {
	padding-left: 20px;
	padding-right:20px;
	width: 930px;
	_width: 920px;
}

.pod {
	clear: both;
	background-color: #DBCCA8;
}
.pod.darker {
	background-color: #CEBA8B;
}
.pod .podHeader {
	background: url(pod_header.png) top no-repeat;
	background-color: #DBCCA8 !important; /* IE7 fix */
}
.pod.darker .podHeader {
	background:  url(pod_header2.png) top no-repeat;
	background-color: #CEBA8B !important; /* IE7 fix */
}
#homepage .first .podHeader,
#responsePod .podHeader {
	background: url(pod_header_first.png) top no-repeat;
}
.pageHeader h1,
.podHeader h2 {
	font-size: 20px;
	font-weight: bold;
	line-height: 16px;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
	text-transform: uppercase;
}
.pageHeader h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 20px;
}
.podHeader h2 {
	color: #820064;
	font-size: 11px;
	line-height: 11px;
	padding-left: 10px;
}
.pageHeader h1 a,
.podHeader h2 a {
	color: #820064;
}
.pageHeader div,
.podHeader div.toggle {
	color: #820064;
	float: right;
	font-size: 9px	;
	margin-right: 10px;
	margin-top: 10px;
	text-align: right;
	width: 90px;
}
.podHeader h2.toggle .toggleIconDown {
	background: url(pod_arrow_down.gif) no-repeat;
	float: left;
	padding-left: 5px;
	height: 11px;
	width: 11px;
}
.podHeader h2.toggle .toggleIconUp {
	background: url(pod_arrow_right.gif) no-repeat;
	float: left;
	padding-left: 5px;
	height: 11px;
	width: 11px;
}
.podHeader div.toggle .toggleIconDown {
	background: url(pod_toggle_down.gif) no-repeat right;
	float:  right;
	height: 16px;
	padding-left: 5px;
	width: 16px;
}
.podHeader div.toggle .toggleIconUp {
	background: url(pod_toggle_up.gif) no-repeat right;
	float:  right;
	height: 16px;
	padding-left: 5px;
	width: 16px;
}
.podHeader .toggle a,
.podBody .more a {
	color: #820064;
	font-weight: bold;	
}
.podBody .more {
	background: url(button_arrow.gif) no-repeat bottom right;
	height: 16px;
	padding-top: 10px;
	width: 950px;
}
.podBody .more a {
	float: right;
	line-height: 16px;
	margin-right: 20px;
	text-decoration: none;
}
.podBody {
	background-color: #DBCCA8; /* IE7 fix */
	clear: both;
}
.pod.darker .podBody {
	background-color: #CEBA8B; /* IE7 fix */
}

.pod .podFooter {
	background: url(pod_footer.png) bottom no-repeat;
	clear: both;
	min-height: 10px;
}
.pod.darker .podFooter {
	background: url(pod_footer2.png) bottom no-repeat;
}
.podFooter a {
	color: #820064;
	font-weight: bold;	
}

/* Videos */
.pod .video {
	font-size: 11px;
	line-height: 15px;
	margin-top: 10px;
	text-align: center;
}

/* Contents */
.content {
	padding-top: 10px;
}
.contentDate {
	background: url(date_background.png) no-repeat;
	float: left;
	height: 58px;
	margin-top: 10px;
	margin-left: 10px;
	width: 71px;
}
.contentDate .day {
	font-weight: bold;
	font-size: 15px;
	line-height: 16px;
	padding-left: 27px;
	padding-right: 13px;
	padding-top: 22px;
	margin-bottom: 0px;
	text-align: center;
}
.contentDate .month {
	font-size: 9px;
	line-height: 9px;
	padding-left: 27px;
	padding-right: 13px;
	text-align: center;
}
.contentWrapper {
	background-color: #E2D6B9;
	border: 1px solid #BFB18B;
	margin-left: 81px;
	margin-right: 7px;
	min-height: 140px;
	padding: 10px;
}
#lablogosphere .contentWrapper {
	background-color: #FFFFFF;
	border: none;
	border-bottom: 1px dotted black;
}

.contentWrapper a {
	color: #565656;
}
.contentHeader {
	min-height: 20px;
	padding-bottom: 10px;
}
.contentHeader .hour {
	background: url(hour_background.png) no-repeat;
	color: #FFFFFF;
	float: left;
	font-weight: bold;
	font-size: 11px;
	height: 25px;
	line-height: 25px;
	padding-right: 10px;
	text-align: center;
	width: 39px;
}
.contentHeader h3 {
	font-size: 12px;
	line-height: 16px;
}
.contentHeader h3 a {
	color: #565656;
}
/*#main .contentHeader h3 a {
color: #820064;
}*/

.wrapper {
	padding: 10px 10px 0 0;
}

.contentBody {
	padding-bottom: 10px;
}
.avocatWrapper {
	background: none;
	height: 65px;
	margin: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 10px;
	width: 100%;
}
#annuairedesavocats .avocatWrapper,
#lablogosphere .avocatWrapper {
	background: url(avocat_card_background.png) no-repeat;
	height: 166px;
	padding-bottom: 18px;
	padding-left: 13px;
	padding-right: 16px;
	padding-top: 12px;
	width: 268px;
}
#annuairedesavocats .zp-50 .avocatWrapper {
	margin: auto ;
}
#annuairedesavocats fieldset.zp-100 input {
	margin: 0 400px;
}

.avocatWrapper img {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}
.avocatWrapper h4 {
	color: #820064;
	border-bottom: 1px solid #820064;
	font-weight: bold;
	margin-left: 30px;
	margin-bottom: 2px;
	margin-top: 1px;
}
.avocatWrapper h4 a {
	color: #820064;
}
.avocatWrapper h4 a:hover {
	text-decoration: none;
}
.avocatWrapper .info {
	font-size: 10px;
	line-height: 18px;
	margin-left: 70px;
	margin-top: 10px;
}
.avocatWrapper .info img {
	margin-left: -70px;
}
#annuairedesavocats .homeText {
	clear: both;
	padding: 30px;
}


form h2 {
	color: #820064;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}
form h3 {
	color: #820064;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 30px;
	border-bottom: solid 1px;
}
form h4 {
	color: #820064;
	font-size: 11px;
	font-weight: bold;
}
form select#domain {
	margin-top: 5px;
}
form .infoText {
	font-style: italic;
	padding-bottom: 5px;
}
/*.page form.filter .formLeft,
.page form.search .formLeft {
background: url(form_background_left.png);
float: left;
height: 51px;
margin-left: -20px;
margin-top: -5px;
width: 10px;
}
.pod form.filter .formLeft,
.pod form.search .formLeft {
background: url(pod_form_background_left.png);
}
.page form.filter .formRight,
.page form.search .formRight {
background: url(form_background_right.png);
float: right;
height: 51px;
margin-right: -20px;
margin-top: -5px;
width: 10px;
}*/
/*.pod form.filter .formRight,
.pod form.search .formRight {
background: url(pod_form_background_right.png);
}*/
.page form.filter,
.page form.search {
	/*background: url(form_background.png) repeat-x;*/
	border: 1px solid #DDDDDD;
	font-size: 10px;
	padding: 15px;
	/*height: 46px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;*/
}
/*.pod form.filter,
.pod form.search {
background: url(pod_form_background.png) repeat-x;
border: 1px solid #BFB18B;
margin-bottom: 10px;
margin-top: 10px;
}*/
.pod .contentFilter form,
.pod .directoryFilter form {
	margin-left: 10px;
}
.page .contentFilter form,
.page .directoryFilter form {
	/*margin-left: 10px;*/
}
.pod .contentSearch form,
.pod .directorySearch form {
	margin-right: 8px;
}
.page .contentSearch form,
.page .directorySearch form {
	/*margin-left: 8px;
	margin-right: 8px;*/
	margin-bottom: 20px;
}
.page form input {
	font-size: 10px;
	margin-top: 5px;
}
.page form label {
	margin: 5px 0 0 0;
	width: 200px;
}
.pod form {
	color: white;
}
.pod form.filter {
	padding-left: 15px;
}
.pod form.search {
	float: right;
}
.pageFooter {
	margin-bottom: 30px;
	padding-top: 20px;
	clear: both;
}
.paging {
	float: right;
	margin-right: 30px;
	margin-bottom: 20px;
}
.paging a {
	color: #820064;
	font-weight: bold;
	padding: 2px 2px;
}

/* Directory */
#directoryLetters {
	height: 30px;
	margin: 0 auto;
	width: 420px;
}
#directoryLetters .letter {
	padding: 2px 2px;
}
#directoryLetters .letter.selected {
	font-size: 20px;
}
#directoryLetters a.letter {
	font-weight: bold;
}

.page .resultHeader h2 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
	margin-top: 30px;
}
.page .resultLetterInfo p {
	padding: 10px 0;
}

/* Response */
#responsePod p {
	padding-bottom: 3px;
}
.responseWrapper {
	background-color: #E2D6B9;
	border: 1px solid #BFB18B;
	margin-left: 10px;
	margin-right: 10px;
	padding: 10px;
}
.responseWrapper a {
	text-decoration: underline;	
}

/*FOOTER*/
#footer {
	background: url(footer_background.png) no-repeat;
	color: #7A7A7A;
	height: 40px;
	margin: 0 auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 40px;
	text-align: center;
	width: 960px;
}
#footer a {
	color: #7A7A7A;
	text-decoration: none;
}


div.autosuggest {
	padding-left: 5px;
	padding-right: 5px;
}

div.autosuggestcontainer {
	color: black;
}
div.autosuggestcontainer li.yui-ac-highlight {
	background: white;
	color: black;
}
div.autosuggestcontainer .yui-ac-shadow {
	margin: 0;
}
/*div.autosuggestcontainer .yui-ac-content {
padding: 2px;
width:  300px !important;
}*/

.forms .form-label {
	float: left;
	margin-right: -100px;
	padding: 6px 0 2px 5px;
	text-align: right;
	width: 85px;
}
.forms .form-field {
	padding: 2px 0;
	margin-left: 100px;
}
.forms .forms .form-row {
	margin: 10px 0 0;
}
.forms .form-row .form-field input[type=text],
.forms .form-row .form-field input[type=password],
.forms .form-row .form-field textarea {
	margin-top: 0px;
	padding: 3px;
}


.VZ_TalkButton { float: right; margin-right:15px; margin-top: 15px; width:200px; height:79px; background:transparent url(/mura/avocats/assets/scripts/virtuoz/img/talk.png) top left no-repeat; cursor: pointer;}
.VZ_TalkButton:hover { background: transparent url(/mura/avocats/assets/scripts/virtuoz/img/talk_hover.png) top left no-repeat; }
.VZ_TalkButton:active { background: transparent url(/mura/avocats/assets/scripts/virtuoz/img/talk_pressed.png) top left no-repeat;}