/******** regles par defaut des balises ********/
* {
    margin: 0;
    padding: 0;
    outline: none
}

html {
	overflow-y: scroll;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #545454;
    font-size: 13px;
    background: url(../images/bgd_body.gif) 0 0 repeat
}

img, fieldset {
    border: 0
}

h1 {
}

h2 {
}

h3 {
}

ol, ul {
    list-style-type: none
}

a {
    text-decoration: none;
    color: #3a66b9
}

a:hover {
    text-decoration: underline
}

input, select, textarea {
    border: 1px solid #a5a5a5;
    color: #444;
    font-size: 11px
}

.clear {clear: both;}

.txtRight {text-align: right}
.txtLeft {text-align: left}
.txtCenter {text-align: center}

.width-25  {width: 25px;}
.width-50  {width: 50px;}
.width-75  {width: 75px;}
.width-100 {width: 100px;}
.width-125 {width: 125px;}
.width-150 {width: 150px;}
.width-175 {width: 175px;}
.width-200 {width: 200px;}
.width-225 {width: 225px;}
.width-250 {width: 250px;}
.width-275 {width: 275px;}
.width-300 {width: 300px;}

.swidth-25  {width: 31px;}
.swidth-50  {width: 56px;}
.swidth-75  {width: 81px;}
.swidth-100 {width: 106px;}
.swidth-125 {width: 131px;}
.swidth-150 {width: 156px;}
.swidth-175 {width: 181px;}
.swidth-200 {width: 206px;}
.swidth-225 {width: 231px;}
.swidth-250 {width: 256px;}
.swidth-275 {width: 281px;}
.swidth-300 {width: 306px;}

.hidden {
	display: none;
}

.visible {
	display: block;
}

.content-title {border-top: 5px solid #A6CE39; margin-bottom: 12px; color: #394755; font-size: 15px;}
/********** ID common to all templates ********/
/*Content Central*/
#container {
    width: 100%;
    background: url(../images/bgd_container.gif) 0 0 repeat-x
}

/*///Header///*/
#header {
    width: 1010px;
    margin: 0 auto;
    overflow: hidden
}

#header h1 {
    padding: 21px 0 0 62px
}

.topHeader {
}

.innerHeader {
    float: right;
    width: 390px
}

.innerHeader a {
    font-size: 11px;
    color: #63830e
}

.contLogin {
    overflow: hidden
}

.infoLogin {
    float: right;
    width: 141px;
    background: url(../images/bgd_form_login.gif) 0 0 repeat-x;
    padding: 0 12px 0 9px
}

.infoLogin p {
    border-bottom: 1px solid #aed866;
    overflow: hidden;
    padding: 1px 0 2px
}

.infoLogin p.last {
    border-bottom: 0
}

.infoLogin label {
    width: 30px;
    float: left;
    font-size: 11px;
    color: #fff
}

.infoLogin input {
    width: 88px;
    border: 0;
    background: none;
    padding: 0 0 0 2px;
    color: #fff;
    float: left
}

.btnLogin {
    float: right;
    width: 41px;
    background: url(../images/bgd_login.gif) 0 0 repeat-x;
    padding: 11px 62px 15px 55px
}

.btnLogin input {
    background: url(../images/btn_login.gif) 0 0 no-repeat;
    border: 0;
    padding: 0;
    width: 41px;
    height: 9px;
    cursor: pointer
}

/*///Navigation///*/

.nav li a {display:block}
.nav li a:hover {text-decoration:none}
.nav li a:hover span {color:#fa404a}
.nav li a span {display:block; color:#504c6a; font-size:14px}

.nav {
	float: right;
	width: 482px;
	height: 24px;
	margin-right: 16px;
	position: relative;
}

.nav li {
	position: absolute;
	top: 5px;
}

.nav li.first {left: 48px;}
.nav li.second {left: 158px;}
.nav li.three {left: 266px;}
.nav li.last {left: 388px;}

.nav-first {
	background: url(../images/nav/first_selected.png) top left no-repeat;
}
.nav-second {
	background: url(../images/nav/second_selected.png) top left no-repeat;
}
.nav-third {
	background: url(../images/nav/third_selected.png) top left no-repeat;
}
.nav-forth {
	background: url(../images/nav/forth_selected.png) top left no-repeat;
}

.nav-a li a {display:block}
.nav-a li a:hover {text-decoration:none}
.nav-a li a:hover span {color:#fa404a}
.nav-a li a span {display:block; color:#504c6a; font-size:14px}

.nav-a {
	float: right;
	width: 551px;
	height: 24px;
	margin-right: 16px;
	position: relative;
}

.nav-a li {
	position: absolute;
	top: 5px;
}

.nav-a li.first {left: 29px;}
.nav-a li.second {left: 113px;}
.nav-a li.three {left: 205px;}
.nav-a li.four {left: 292px;}
.nav-a li.five {left: 385px;}
.nav-a li.six {left: 470px;}
.nav-a li.last {left: 468px;}

.nav-a-first {
	background: url(../images/nav/a_first_selected.png) top left no-repeat;
}
.nav-a-second {
	background: url(../images/nav/a_second_selected.png) top left no-repeat;
}
.nav-a-third {
	background: url(../images/nav/a_third_selected.png) top left no-repeat;
}
.nav-a-forth {
	background: url(../images/nav/a_forth_selected.png) top left no-repeat;
}
.nav-a-fift {
	background: url(../images/nav/a_fift_selected.png) top left no-repeat;
}
.nav-a-sixt {
	background: url(../images/nav/a_sixt_selected.png) top left no-repeat;
}

/*
.nav {float:right; height:24px; padding:0 22px 0 0; position:relative}
	.nav li {position:absolute}
	.nav li a {display:block}
	.nav li a:hover {text-decoration:none}
	.nav li a:hover span {color:#fa404a}
	.nav li a span {display:block; background:url(../images/bgd_nav_left_n.png) 0 0 no-repeat; padding:5px 16px 5px 45px; color:#504c6a; font-size:14px}
	
	
	.nav li.first a span {background:url(../images/bgd_nav_left_first_n.png) 0 0 no-repeat}
	.nav li.first a.current {background:url(../images/bgd_nav_right_first_o.png.png) 100% 0 no-repeat; padding:0 25px 0 0}
	.nav li.first a.current span {background:url(../images/bgd_nav_left_first_o.png) 0 0 no-repeat}
	
	.nav li.last a {background:url(../images/bgd_nav_right_last_n.png) 100% 0 no-repeat; padding:0 25px 0 0}
	
	.navAccount li a span {padding:5px 1px 5px 29px}
	.navAccount li.first {left:-87px}
		
	.nav li.second a.current {background:url(../images/bgd_nav_left_second_o.png) 0 0 no-repeat; padding:0 0 0 25px}
	.nav li.second a.current span {background:url(../images/bgd_nav_right_second_o.png) 0 0 no-repeat; padding:5px 46px 5px 18px}
	
	.nav li.three a.current {background:url(../images/bgd_nav_left_second_o.png) 0 0 no-repeat; padding:0 0 0 25px}
	.nav li.three a.current span {background:url(../images/bgd_nav_right_second_o.png) 0 0 no-repeat; padding:5px 46px 5px 18px}
	
	.nav li.first {left: -467px; z-index:2}
	.nav li.second {left: -371px; z-index:1}
	.nav li.three {left: -255px}
	.nav li.last {left:-128px}
	
	.navAccount li.first {left:-537px; z-index:2}
	.navAccount li.second {left:-446px; z-index:1}
	.navAccount li.three {left:-350px}
	.navAccount li.four {left:-262px}
	.navAccount li.five {left:-175px}
	.navAccount li.last {left:-97px}
*/
/*/// User Menu ///*/
#user-menu {
	float: right;
	margin: 6px 24px;
}

#user-menu li, #user-menu a {
	font-size: 13px;
	color: #504C6A;
	line-height: 15px;
}

#user-menu li {
	float: left;
	margin: 0 4px;
}

#user-menu a {
	
}

.icoNew {
    position: relative;
    left: 790px;
    top: -15px;
    z-index: 8;
}

.icoNew01 {
    left: 890px
}

.data-table {
	width: 100%;
	border-collapse: collapse;
}

.data-table th {
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	padding: 4px;
	border-bottom: 1px solid #d9d9d9;
}

.data-table td {
	font-size: 11px;
	padding: 2px;
	border-bottom: 1px solid #d9d9d9;
}

.data-table .even td {
	background-color: #EFEFEF;
}

.data-table tbody tr:hover td {
	background-color: #e8e8e8;
}

.notebook-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 24px;
}

.notebook-table td, .notebook-table th {
	vertical-align: middle;
	padding: 2px;
	line-height: 22px;
}

.notebook-table td {
	border-bottom: 1px solid #d9d9d9;
}

.notebook-table .rights {
	width: 14px;
	text-align: center;
}

.notebook-table .actions {
	width: 100px;
	text-align: right;
}

.notebook-table .actions a {
	margin: 0 2px;
	display: none;
}

.notebook-table tr:hover .actions a {
	display: inline;
}

.data-form {
	
}

.data-form p {
	margin-bottom: 4px;
}

.data-form label:not(.error) {
	display: block;
	margin-bottom: 2px;
}

.data-form label.error {
	margin-left: 4px;
}

.data-form input, .data-form select, .data-form textarea {
	padding: 2px;
}

.sub-nav {
	margin-bottom: 15px;
}

.pagination {
	margin: 15px 0;
}

.pages h3 {
    background: url(../images/bgd_tit_T.gif) 0 0 no-repeat;
    padding: 2px 0 0;
	margin: 0 0 6px;
}

.pages h3 span {
    display: block;
    background: url(../images/bgd_tit_B.gif) 0 100% no-repeat;
    padding: 4px 0 5px;
    color: #394755;
    font-size: 15px;
    margin: 0;
}

/*///main///*/
#main {
    width: 1010px;
    margin: 0 auto 38px;
    background: url(../images/bgd_main.png) 0 0 repeat-y;
    position: relative
}

.btnSign {
    background: url(../images/bgd_sign.png) 0 0 no-repeat;
    width: 186px;
    height: 73px;
    position: absolute;
    bottom: -45px;
    right: 32px;
}

.btnSign a.sign-up {
    background: url(../images/btn_sign_n.png) center center no-repeat;
    width: 155px;
    height: 32px;
    display: block;
	margin: 2px auto 0;
}

.btnSign .balance {
	font-size: 13px;
	width: 155px;
	line-height: 32px;
	color: #FFF;
	margin: 2px auto 0;
	text-align: center;
}

.btnSign .balance a {
	color: #FFF;
}

.btnSign .balance, .btnSign .balance a {
	/*text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);*/
	text-shadow:1px 1px 0px #333333
}

.btnSign a.sign-up:hover {
    background: url(../images/btn_sign_o.png) center center no-repeat;
    text-decoration: none;
}

.btnBlance {
    position: absolute;
    bottom: -9px;
    right: 32px;
    width: 164px;
    height: 38px
}

/* Page home */
.pageHome {
    overflow: hidden;
    padding: 0 44px 15px 49px
}

.contentWrapper {
	 padding: 36px 44px 15px 49px
}

.homeLeft {
    width: 431px;
    float: left;
    padding: 30px 0 0
}

.homeLeft p {
    color: #77b001;
    line-height: 13px;
    font-size: 12px;
    padding: 0 90px 30px 16px
}

.listNotez {
    overflow: hidden
}

.listNotez div {
    width: 188px;
    float: left;
    background: url(../images/bgd_line_notez.gif) 0 100% no-repeat;
    padding: 0 0 5px
}

.listNotez h3 {
    background: url(../images/bgd_line_tit_01.gif) 0 100% no-repeat;
    padding: 0 0 10px 16px;
    color: #394755;
    font-size: 16px;
    margin: 0 0 10px
}

.listNotez ul {
    padding: 0 0 5px
}

.listNotez li {
    background: url(../images/bullet_01.png) 0 0 no-repeat;
    padding: 0 0 2px 16px
}

.listNotez a {
    color: #545454
}

.marRL {
    margin: 0 5px 0 50px
}

.homeRight {
    width: 486px;
    float: left;
    padding: 44px 0 0;
    position: relative
}

.bgdCreateLeft {
    background: url(../images/bgd_create_left.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 400px
}

.bgdLineBook {
    background: url(../images/bgd_line_03.gif) 0 0 repeat-y
}

.bgdLineBook div {
    background: url(../images/bgd_line_02.gif) 0 0 no-repeat;
    padding: 6px 0 6px
}

.bgdLineBook form {
    background: url(../images/bgd_create_organhe.png) 0 68px no-repeat;
    padding: 0 0 0 300px;
    margin: 0 0 0 28px
}

.bgdLineBook h3 {
    color: #7aa701;
    font-size: 12px;
    padding: 0 0 25px
}

.bgdLineBook label {
    display: block;
    font-size: 12px;
    padding: 6px 0 9px
}

.bgdLineBook input {
    padding: 2px 0 0 2px;
    width: 148px;
    border: 0;
    background: none
}

.listTake {
    overflow: hidden;
    padding: 15px 0 0 60px
}

.listTake li {
    float: left;
    background: url(../images/bullet_02.png) 0 0 no-repeat;
    padding: 0 10px 13px 22px;
    line-height: 36px
}

.listTake a {
    color: #3c4956;
    font-size: 14px
}

/* Page feature */
.pageFeature {
    padding: 37px 0 40px 50px;
    overflow: hidden
}

.pageFriend {
	padding: 37px 44px 37px 49px
}

.innerFeature {
    /*background: url(../images/bgd_line.gif) 0 0 repeat-y*/
}

.innerFeature li {
    overflow: hidden;
    padding: 0 0 18px 80px;
	width: 348px;
    margin: 0 47px 0 3px;
    float: left;
	position: relative;
}

.innerFeature .featureImage {
	position: absolute;
	top: 0;
	left: 0;
	width: 75px;
    margin: 40px 5px 0 0
}

.innerFeature li h3 {
    background: url(../images/bgd_tit_T.gif) 0 0 no-repeat;
    padding: 2px 0 0
}

.innerFeature li h3 span {
    display: block;
    background: url(../images/bgd_tit_B.gif) 0 100% no-repeat;
    padding: 4px 0 5px;
    color: #394755;
    font-size: 15px;
    margin: 0;
}

.innerFeature .featureContent {
    width: 348px;
    float: left;
    font-size: 12px;
	background: url(../images/bgd_line_new.gif) top left;
}

.innerFeature .featureContent p {
	line-height: 22px;
	text-align: justify;
}

/* Page Account */
.pageAccount {
    padding: 0 44px 0 55px;
    overflow: hidden
}

.lev {
    width: 190px;
    float: left; /*background:url(../images/bgd_lev.gif) 100% 0 repeat-y;*/
    padding: 50px 10px 0 0
}

.contAccount {
    width: 658px;
	min-height: 368px;
    float: left;
    padding: 15px 0 40px 53px;
    background: url(../images/bgd_lev.gif) 0 0 repeat-y;
}

.sortBy {
    text-align: right;
    font-size: 12px;
    border-bottom: 5px solid #a6ce39;
    padding: 0 0 3px
}

.titAccount {
    padding: 7px 0 29px;
    overflow: hidden
}

.titAccount ul {
    float: right;
    padding: 0
}

.titAccount h3 {
    color: #394755;
    font-size: 15px
}

.boxAccount {
    background: url(../images/bgd_line_account.gif) 0 0 repeat;
    height: 226px;
    overflow: hidden;
    margin: 0 0 24px
}

.listUse li {
    float: left;
    padding: 0 12px 0 0;
    line-height: 29px
}

.listUse li img {
    float: left;
    margin: 0 3px 0 0
}

.listUse a {
    color: #3c4956;
    font-size: 14px
}

.search {
    border-bottom: 2px solid #abd044;
    border-top: 5px solid #a6ce39;
    margin: 0 0 0 10px;
    padding: 3px 0 1px;
    color: #545454;
    font-size: 12px;
    line-height: 22px
}

.search a {
    float: right
}

.lev h3 {
    color: #394755;
    font-size: 15px;
    margin: 0 0 0 10px;
    border-bottom: 2px solid #abd044;
    padding: 6px 0
}

.lev h3 a {
    float: right;
    background: url(../images/ico_add_folder.gif) 0 0 no-repeat;
    color: #545454;
    font-size: 12px;
    padding: 0 0 3px 25px;
    font-weight: normal
}

.root {
    background: url(../images/bgd_line_root.gif) 0 100% no-repeat;
    padding: 10px 0 5px
}

.root li {
    overflow: hidden;
    padding: 0 0 8px
}

.root a {
    color: #545454;
    font-size: 12px;
}

.floatL {
    float: left
}

.marRL5 {
    margin: 0 5px 0 2px
}

.root li span {
    display: block;
    color: #545454;
    font-size: 12px;
    background: url(../images/bgd_line_sub_root.gif) 0 0 no-repeat;
    width: 154px;
    float: left
}

.root li span a {
    background: #f3f3f3;
    padding: 0 3px 0 0
}

.root li a.first img {
    margin: 5px 0 0
}

.marRL10 {
    margin: 0 5px 0 10px
}

.subRoot {
    padding: 8px 0 0 20px;
    overflow: hidden;
    width: 170px
}

.subRoot img {
    margin: 0 4px 0 0
}

.listTags {
    border-bottom: 5px solid #a6ce39;
    margin: 0 0 0 10px;
    padding: 4px 0 10px
}

.listTags li {
    /*background: url(../images/bgd_line_tag.gif) 0 6px no-repeat;*/
    padding: 3px 0
}

.listTags a {
    background: #f3f3f3;
    padding: 0 3px 0 0;
    color: #545454;
    font-size: 12px;
}

/*///signup form///*/
#frmCreateAccount p {
	position: relative;
}

#frmCreateAccount label.error {
}

/*///footer///*/
#footer {
    width: 901px;
    margin: 0 auto;
    padding: 10px 44px 0 65px;
    overflow: hidden
}

#footer h3 {
    background: url(../images/line_h3_footer.gif) 0 0 no-repeat;
    padding: 8px 0 5px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fefefe
}

#footer li {
    float: left;
    /*background: url(../images/bullet_footer.gif) 0 5px no-repeat;
    padding: 1px 5px 4px 7px*/
    line-height: 21px;
}

#footer li.first {
    background: none;
    padding: 1px 5px 4px 0
}

#footer a {
    color: #FFFFFF;
    font-size: 11px
}

#footer a.follow {
	padding-left: 20px;
	height: 16px;
	line-height: 16px;
	display: block;
	margin: 4px 0 0 0;
}

#footer a.followFacebook {
	background: transparent url("../images/facebook_16.png") top left no-repeat;
}

#footer a.followTwitter {
	background: transparent url("../images/twitter_16.png") top left no-repeat;
}

#footer a.followLinkedIn {
	background: transparent url("../images/linkedin_16.png") top left no-repeat;
}

.featureFoot, .aboutFoot {
    float: left;
    margin: 0 25px 0 0;
    width: 125px;
}

.featureFoot ul, .aboutFoot ul {
    background: url(../images/bgd_line_01.png) 0 0 repeat;
    overflow: hidden;
}

.featureFoot li, .aboutFoot li {
	clear: both;
	color: #FFFFFF;
	font-size: 11px
}

.featureFoot a, .aboutFoot a {
	color: #FFFFFF;
	line-height: 16px;
}

/*/// CALENDAR ///*/
.calendar-table {
	border-collapse: collapse;
	/*margin: 0 auto;*/
	border: 1px solid #8ABD1F;
}

.calendar-table th, .calendar-table td {
	width: 40px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #8ABD1F;
	cursor: default;
}

.calendar-table th {
	background-color: #8ABD1F;
	color: #FFF;
	font-size: 15px;
}

.calendar-table th a {
	color: #FFF;
}

.calendar-table td {
	font-size: 11px;
}

.calendar-table td a {
	font-size: 13px;
	font-weight: bold;
	width: 40px;
	line-height: 30px;
	display: block;
}

.calendar-table tr:not(.week-row) td:not(.calendar-cell-empty):hover {
	background-color: #EAEAEA;
}

.calendar-table .heading-row th {
	line-height: 28px;
}

.calendar-table .week-row td {
	line-height: 18px;
	font-size: 13px;
	font-weight: bold;
}

/*/// PRICE TABLE ///*/
.price-table {
	border-collapse: collapse;
	border: 2px solid #A6CE39;
}

.price-table .search-row th {
	text-align: right;
	border-bottom: 1px solid #FFF;
	padding: 3px;
}

.price-table .search-row input[type="text"] {
	padding: 1px;
	width: 200px;
}

.price-table .search-row input[type="submit"] {
	cursor: pointer;
}

.price-table th {
	padding: 4px;
	background-color: #A6CE39;
}

.price-table th a {
	color: #FFF;
}

.price-table .alpha-row th {
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.price-table .alpha-row a {
	width: 20px;
	line-height: 20px;
	display: block;
}

.price-table .alpha-row a.selected {
	text-decoration: underline;
	color: #3C4A57;
}

.price-inner-table {
	border-collapse: collapse;
	width: 100%;
}

.price-inner-table td {
	padding: 4px;
	border-bottom: 1px solid #A6CE39;
}

.price-inner-table tr:hover td {
	background-color: #F6FFDD;
}

/*****************************/
/******* Search Form *********/
/*****************************/

#searchForm {
	clear: both;
}

#searchForm input[type=text] {
	height: 16px;
	padding: 2px;
	border: none;
	float: left;
	width: 150px;
	margin-right: 2px;
	background-color: #F3F3F3;
}

#searchForm input[type=submit] {
	width: 22px;
	height: 22px;
	float: left;
	background: transparent url("../images/ico_search.gif") top right no-repeat;
	border: none;
	cursor: pointer;
}

/*****************************/
/*******  Tag Cloud  *********/
/*****************************/

#tagCloud {
	width: 180px;
	margin: 2px 0 0 10px;
	padding: 0 0 2px 0;
	border-bottom: 5px solid #A6CE39;
}

#tagCloud .smallTag {font-size: 10px}
#tagCloud .mediumTag {font-size: 11px}
#tagCloud .largeTag {font-size: 12px}
#tagCloud .xlargeTag {font-size: 13px}
#tagCloud .xxlargeTag {font-size: 14px}

/*****************************/
/*****  Send SMS Form  *******/
/*****************************/

#sendSMSForm {

}

#sendSMSForm .formRow {
	float: left;
	clear: both;
	margin: 0 0 4px;
}

#sendSMSForm label {
	float: left;
	width: 200px;
	text-align: right;
	margin: 0 4px 0 0;
}

#sendSMSForm input, #sendSMSForm select, #sendSMSForm textarea {
	float: left;
	margin: 0 4px 0 0;
}

#sendSMSForm input[type=checkbox] {
	margin-top: 2px;
}

#sendSMSForm .hints {
	float: left;
	line-height: 17px;
	margin: 0 0 0 4px;
	width: 390px;
}

.pageReadPublicNote h4 {
	margin: 6px 0;
}

.pageWebSMS .lev p {
	margin: 0 0 6px;
}

#sendSMSFormFree .formRow {
	float: left;
	clear: both;
	margin: 0 0 6px 0;
}

#sendSMSFormFree input, #sendSMSFormFree textarea {
	float: left;
}

#sendSMSFormFree label {
	float: left;
	width: 110px;
	text-align: right;
	margin: 0 6px;
	
}

#sendSMSFormFree label.error {
	float: left; 
	width: auto;
	text-align: left;
}

#sendSMSFormFree #formSubmitBtn {
	cursor: pointer;
}