katao-coop-tilleul/web/css/main.css

body{
	margin:0;
	color:#000;
	font:11px/13px Arial, Helvetica, sans-serif;

}
img{border:none;}
a{color:#4a96c6;text-decoration:underline;}
a:hover{text-decoration:none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}
form,fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
.main{
	width:802px;
	/*float:left;
	position:relative;*/
	margin:0 auto;
	padding:5px 0 24px 25px;
}

.main_v2{
	width: 600px;
	margin:0;
	padding:5px 5px 24px 0px;
}

.col-count03{
	width:805px;
	float:left;
	overflow:hidden;
	background:url(../images/bg-left.gif) repeat-y;
	margin:0 0 5px;
}
.col-count02{
	width:602px;
	padding:0 0 0 15px;
	float:right;
}

.col-count02_v2{
	width:600px;
	padding:0;
	float:left;
}

#page-content{
	width:384px;
	float:left;
	margin:-3px 0 0;
	padding:0 0 10px;
}
.content-add01{
	width:384px;
	overflow:hidden;
}
.content-add01 .heading01{
/*	background:url(../images/separator02.gif) repeat-x 0 5px; */
	width:100%;
	overflow:hidden;
}
.content-add01 .heading01 h1{
	float:left;
/*	background:#fff; */
	color:#9aa425;
	margin:0;
	font-size:12px;
	line-height:12px;
	padding:2px 8px 14px 0;
	text-transform:uppercase;
}
.content-add01 p{
	margin:0 0 13px;
	text-align:justify;
}
.content-add02{
	width:384px;
	overflow:hidden;
	padding:6px 0 0;
}
.content-add02 .heading02{
	width:100%;
	overflow:hidden;
	background:url(../images/separator01.gif) repeat-x 0 5px;
}
.content-add02 .heading02 h2{
	float:left;
	background:#fff;
	color:#ffa200;
	margin:0;
	font-size:12px;
	line-height:12px;
	padding:2px 8px 0 0;
	text-transform:uppercase;
}
#page-content .news{
	width:416px;
	margin:0 0 0 -32px;
	overflow:hidden;
}
#page-content .news .news-add{
	float:left;
	width:176px;
	padding:15px 0 0 32px;
}
#page-content .news .news-add .date{
	display:block;
	font-weight:bold;
	line-height:11px;
}
#page-content .news .news-add strong{
	display:block;
	color:#ffa200;
	padding:0 0 3px
}
#page-content .news .news-add div{
	overflow:hidden;
	border:2px solid #f4f4f4;
	padding:0 0 2px;
}
#page-content .news .news-add div img{
	display:block;
}
#page-content .news .news-add p{
	margin:0;
	padding:0 0 0 2px;
	line-height:12px;
	text-align:justify;
}
.more{
	background:url(../images/bullet.gif) no-repeat 0 5px;
	padding:0 0 0 10px;
	margin:0 0 0 2px;
}
.content-add03{
	width:384px;
	padding:18px 0 0;
}
.content-add03:after{
	content:"";
	clear:both;
	display:block;
}
.breadcrumbs{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	float:left;
	padding-top:3px;
}
.breadcrumbs li{
	float:left;
}
.breadcrumbs li span{
	color:#636363;
	text-decoration:underline;
}
.breadcrumbs li a{
	text-decoration:none;
	color:#000;
	background:url(../images/bullet.gif) no-repeat 100% 5px;
	padding:0 10px 0 0;
	margin:0 3px 0 0;
}
.breadcrumbs li a:hover{
	color:#ffa200;
	text-decoration:underline;
}
.plus{
	margin:0;
	width:100%;
	overflow:hidden;
	float:left;
	padding:13px 0 0;
	list-style:none;
}
.plus li{
	overflow:hidden;
	width:100%;
	padding:0 0 19px;
}
.plus li .image01{
	float:left;
	width:94px;
	overflow:hidden
}
.plus li .image01 .top{
	background:url(../images/bg-img-top01.gif) no-repeat;
	width:94px;
	height:7px;
	overflow:hidden;
}
.plus li .image01 .center{
	background:#fff;
	border-right:1px solid #c5d134;
	border-left:2px solid #e1e796;
	width:91px;
}
.plus li .image01 .center:after{
	content:"";
	clear:both;
	display:block;
}
.plus li .image01 .center div{
	width:91px;
	margin:-5px 0 -5px;
	float:left;
	text-align:center;
	position:relative;
}
.plus li .image01 .bottom{
	width:94px;
	height:8px;
	background:url(../images/bg-img-bottom01.gif) no-repeat;
	overflow:hidden;
}
.plus li .plus-add{
	float:left;
	width:270px;
	padding:0 0 0 20px;
}
.plus li .plus-add h3{
	margin:0;
	color:#ffa200;
	font-size:12px;
	padding:3px 0 0;
}
.plus li .plus-add p{
	margin:0;
	padding:0 0 13px;
}
.plus li .plus-add p span{
	color:#636363;
}
.plus li .plus-add .btn-plus{
	background:url(../images/btn.gif) no-repeat;
	width:79px;
	height:14px;
	float:left;
	margin:-3px 0 0 -2px;
	text-decoration:none;
	padding:3px 0 0 18px;
	color:#9aa425;
	font:bold 10px/10px Arial, Helvetica, sans-serif;
}
.plus li .plus-add .btn-plus:hover{
	color:#fff;
	background:url(../images/btn-hover.gif) no-repeat;
	text-decoration:none;
	cursor:pointer;
}
.content-add04{
	width:384px;
	overflow:hidden;
	padding:5px 0 0;
}
.plus01{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	overflow:hidden;
	list-style:none;
}
.plus01 li{
	width:100%;
	float:left;
}
.plus01 li .image02{
	padding:13px 0 0;
	float:left;
	width:182px;
	overflow:hidden;
}
.plus01 li .image02 .top{
	background:url(../images/bg-img-top02.gif) no-repeat;
	width:182px;
	height:13px;
	overflow:hidden;
}
.plus01 li .image02 .center{
	background:#fff;
	border-right:1px solid #c5d134;
	border-left:2px solid #e1e796;
	width:179px;
}
.plus01 li .image02 .center:after{
	content:"";
	clear:both;
	display:block;
}
.plus01 li .image02 .center div{
	width:179px;
	margin:-8px 0 -8px;
	float:left;
	text-align:center;
	position:relative;
}
.plus01 li .image02 .bottom{
	width:182px;
	height:13px;
	background:url(../images/bg-img-bottom02.gif) no-repeat;
	overflow:hidden;
}
.plus01 li .plus01-add{
	float:left;
	width:187px;
	padding:0 0 0 15px;
}
.plus01 li .plus01-add h3{
	color:#ffa200;
	margin:0;
	padding:18px 0 13px;
	font-size:12px;
}
.plus01 li .plus01-add p{
	margin:0;
	padding:0 0 13px;
}
.plus01 li .plus01-add ul{
	margin:0;
	padding:0 0 44px;
	list-style:none;
}
.plus01 li .plus01-add ul span{
	color:#636363;
}
.plus01 li .plus01-add .btn-commander, .btn-commander{
	background:url(../images/btn-command.gif) no-repeat;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	width:96px;
	height:15px;
	text-decoration:none;
	padding:2px 0 0 16px;
	display:block;
}
.plus01 li .plus01-add .btn-commander:hover, .btn-commander:hover{
	text-decoration:none;
	background:url(../images/btn01-hover.gif) no-repeat;
}
.right{
	width:195px;
	float:left;
	padding:0 0 0 19px;
}
.search{
	overflow:hidden;
	width:100%;
	padding:0 0 16px;
}
.search .top{
	background:url(../images/bg-search-top.gif) no-repeat;
	width:196px;
	height:7px;
	overflow:hidden;
}
.search .center{
	width:186px;
	border:1px solid #fcee23;
	background:#fefbc9 url(../images/bg-search-center.gif) repeat-x;
	border-width:0 1px;
	padding:2px 0 0 7px;
}
.search .center:after{
	content:"";
	clear:both;
	display:block;
}
.search-form{
	float:left;
	width:100%;
	margin:-2px 0 0;
	position:relative;
}
.search-form label{
	float:left;
	padding:3px 5px 0 0
}
.search-form #txt-search{
	width:90px;
	height:13px;
	overflow:hidden;
	border:1px solid #fceb00;
	background:#fff;
}
.search-form #txt-search.hover,
.search-form #txt-search:hover{
	background:#fffeec;
}
.search-form .btn-search, .btn-search{
	background:url(../images/btn-search.gif) no-repeat;
	margin:0 0 0 3px;
	width:17px;
	height:18px;
	overflow:hidden;
	border:none;
	cursor:pointer;
}
.search-form a{padding-left: 8px;color: #636363;text-decoration: underline;}
.search-form a:hover{text-decoration: none;}
.search .bottom{
	background:url(../images/bg-search-bottom.gif) no-repeat;
	width:195px;
	height:6px;
	overflow:hidden;
}
.login{
	overflow:hidden;
	width:100%;
	padding:0 0 17px;
}
.login .top{
	background:url(../images/bg-login-top.gif) no-repeat;
	width:195px;
	padding:6px 0 0;
	overflow:hidden
}
.login .top div{
	background:#de8d00 url(../images/bg-login-center-add.gif) repeat-x;
	overflow:hidden;
	width:100%;
}
.login .top div h4{
	margin:-2px 0 0;
	color:#fff;
	float:left;
	text-transform:uppercase;
	position:relative;
	font-size:11px;
	font-weight:normal;
	padding:0 0 3px 9px;
}
.login .center{
	border:1px solid #cecece;
	border-width:0 1px;
	background:#f2f2f2 url(../images/bg-login-center.gif) repeat-x;
	padding:5px 0 0 8px;
	width:185px;
}
.login-form{
	width:185px;
	overflow:hidden;
	margin:0 0 -7px;
	position:relative;
	float:left;
}
.login-form div{
	overflow:hidden;
	width:100%;
	padding:0 0 3px;
}
.login-form label{
	float:left;
	width:72px;
	padding:2px 0 0;
}
.login-form .txt-login,
.login-form .psswrd-login{
	background:#fff;
	border:1px solid #de8d00;
	width:80px;
	height:13px;
	overflow:hidden;
	float:left;
}
.login-form .psswrd-login.hover,
.login-form .psswrd-login:hover,
.login-form .txt-login.hover,
.login-form .txt-login:hover{
	background:#fcf4e5;
}
.login-form .btn-login, .btn-login{
	background:url(../images/btn-search02.gif) no-repeat;
	width:17px;
	margin:0 0 0 5px;
	height:17px;
	overflow:hidden;
	border:none;
	float:left;
	cursor:pointer;
}
.login .center:after{
	content:"";
	clear:both;
	display:block;
}
.login-form a{
	font-size:9px;
	color:#636363;
	float:left;
	padding:0 0 0 18px;
}
.login .bottom{
	background:url(../images/bg-login-bottom.gif) no-repeat;
	width:195px;
	height:7px;
	overflow:hidden;
}
.email{
	overflow:hidden;
	width:100%;
}
.email .top{
	background:url(../images/bg-info-top.gif) no-repeat;
	width:195px;
	padding:6px 0 0;
	overflow:hidden
}
.email .top div{
	background:#4a96c6 url(../images/bg-login-add.gif) repeat-x;
	overflow:hidden;
	width:100%;
}
.email .top div h4{
	margin:-3px 0 0;
	color:#fff;
	float:left;
	text-transform:uppercase;
	position:relative;
	font-size:11px;
	font-weight:normal;
	padding:0 0 3px 9px;
}
.email .center{
	border:1px solid #cecece;
	border-width:0 1px;
	background:#f2f2f2 url(../images/bg-info-center.gif) repeat-x;
	padding:5px 0 0 8px;
	width:185px;
}
.email-form{
	width:185px;
	overflow:hidden;
	margin:0 0 -5px;
	position:relative;
	float:left;
}
.email-form div{
	overflow:hidden;
	width:100%;
	padding:0 0 3px;
}
.email-form label{
	float:left;
	width:44px;
	padding:2px 0 0;
}
.email-form .txt-email01,
.email-form .txt-email{
	background:#fff;
	border:1px solid #5fa2cd;
	width:107px;
	height:13px;
	overflow:hidden;
	float:left;
}
.email-form .txt-email01.hover,
.email-form .txt-email01:hover,
.email-form .txt-email:hover,
.email-form .txt-email.hover{
	background:#ecf7fc;
}
.email-form .btn-email{
	background:url(../images/btn01.gif) no-repeat;
	width:17px;
	margin:0 0 0 5px;
	height:17px;
	overflow:hidden;
	border:none;
	float:left;
	cursor:pointer;
}
.email .center:after{
	content:"";
	clear:both;
	display:block;
}
.email-add{
	width:100%;
	overflow:hidden;
	padding:14px 0 5px;
}
.email-add strong{
	display:block;
	font-size:10px;
	color:#4a96c6;
}
.email-add p{
	margin:0;
	font-size:10px;
	line-height:11px;
}
.email .bottom{
	background:url(../images/bg-login-bottom.gif) no-repeat;
	width:195px;
	height:7px;
	overflow:hidden;
}
.profile{
	overflow:hidden;
	width:100%;
	padding:17px 0 0;
}
.profile .top{
	background:url(../images/bg-login-top.gif) no-repeat;
	width:195px;
	padding:6px 0 0;
	overflow:hidden
}
.profile .top div{
	background:#de8d00 url(../images/bg-login-center-add.gif) repeat-x;
	overflow:hidden;
	width:100%;
}
.profile .top div h4{
	margin:-3px 0 0;
	color:#fff;
	float:left;
	text-transform:uppercase;
	position:relative;
	font-size:11px;
	font-weight:normal;
	padding:0 0 3px 9px;
}
.profile .center{
	border:1px solid #cecece;
	border-width:0 1px;
	background:#f2f2f2 url(../images/bg-login-center.gif) repeat-x;
	padding:5px 0 0 8px;
	width:185px;
}
.profile .center:after{
	content:"";
	clear:both;
	display:block;
}
.profile-add01{
	padding:2px 0 12px;
	background:url(../images/separator03.gif) repeat-x 0 100%;
	float:left;
	width:100%;
}
.profile-add02{
	float:left;
	width:100%;
	padding:5px 0 0;
}
.profile-add02 h5{
	text-transform:uppercase;
	font-size:12px;
	line-height:12px;
	margin:0;
	padding:0 0 6px;
}
.profile-add02 p{
	margin:0;
	line-height:14px;
}
.profile-add01 p{
	margin:0;
}
.mon-profile{
	background:url(../images/btn-search02.gif) no-repeat 100% 4px;
	padding:5px 25px 0 0;
	float:left;
	min-height:17px;
}
* html .mon-profile{
	height:17px;
	overflow:visible;
}
.profile .bottom{
	background:url(../images/bg-login-bottom.gif) no-repeat;
	width:195px;
	height:7px;
	overflow:hidden;
}
.coordonnees{
	width:195px;
	padding:15px 0 0;
	overflow:hidden;
}
.coordonnees strong{
	color:#242424;
	text-decoration:underline;
	text-transform:uppercase;
	display:block;
	font-weight:normal;
	padding:0 0 3px;
}
.coordonnees address{
	font-style:normal;
	text-align:justify;
	line-height:12px;
	font-size:10px;
}
.coordonnees address a{
	color:#9aa425;
}
.left{
	float:left;
	width:188px;
}
.subnav{
	width:188px;
	overflow:hidden
}
.subnav .top{
	background:url(../images/bg-left-top.gif) no-repeat;
	width:188px;
	height:7px;
	overflow:hidden
}
.subnav .center{
	background:url(../images/bg-left-center.gif) repeat-y;
	width:188px;
	overflow:hidden
}
.subnav .center ul{
	margin:0;
	padding:5px 0 4px 10px;
	list-style:none;
}
.subnav .center ul li{
	background:url(../images/bullet01.gif) no-repeat 0 3px;
	padding:0 0 3px 10px;
}
.subnav .center ul li a{
	display:block;
	text-decoration:none;
	color:#000;
	width:157px;
	font-size:12px;
	padding:0 0 0 10px;
}
.subnav .center ul li ul li a{
	width:137px;
}
.subnav .center ul li a:hover, .subnav .center ul li.active a{
	background:#ffa200;
	color:#fff;
	text-decoration:none;
}
.subnav .bottom{
	background:url(../images/bg-left-bottom.gif) no-repeat;
	width:188px;
	height:8px;
	overflow:hidden
}
#footer{
	width:800px;
	clear:both;
	margin:4px 0 0;
	padding:5px 0 0;
	background:#f5f5f5;
}
#footer .footer-bottom{
	background:url(../images/bg-footer.gif) no-repeat;
	width:800px;
	height:6px;
	overflow:hidden
}
.footnav{
	margin:0;
	padding:0;
	list-style:none;
	text-align:center;
}
.footnav li{
	display:inline;
	background:url(../images/bullet02.gif) no-repeat 0 7px;
	padding:0 0 0 9px;
}
.footnav li:first-child{
	background:none;
}
.footnav li a{
	color:#000;
	font-size:9px;
	text-transform:uppercase;
	text-decoration:none;
}
.footnav li a:hover{
	text-decoration:underline;
}
#header{
	/*position:absolute;
	left:25px;*/
	top:5px;
	width:802px;
	z-index:2;
	margin-bottom: 20px;
}
.header-top{
	background:url(../images/bg-header-top.gif) no-repeat;
	width:802px;
	height:8px;
	overflow:hidden;
}
.header-center{
	width:800px;
	border:1px solid #ccd192;
	border-width:0 1px;
}
.header-center:after{
	content:"";
	clear:both;
	display:block;
}
.header-add{
	float:left;
	height:162px;
	width:800px;
	position:relative;
	z-index:10;
	margin:-6px 0 0;
}
.header-add01{
	padding:14px 0 0 23px;
	background:url(../images/bg-header.png) no-repeat;
	height:148px;
	float:left;
	width:777px;
}
.logo{
	float:left;
}
.logo a{
	background:url(../images/logo.gif) no-repeat;
	width:380px;
	height:129px;
	overflow:hidden;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	position:relative;
	z-index:0;
}
.header-box{
	width:306px;

	position:absolute;
	top:0;
	left:265px;
}
.header-bottom{
	background:url(../images/bg-header-bottom.gif) no-repeat;
	width:802px;
	height:26px;
	overflow:hidden
}
.header-box .center{
	background:#fff;
	width:306px;
	text-align:center;
	float:left;
}
.header-bottom .center:after{
	content:"";
	clear:both;
	display:block;
}
.header-box .center div{
	float:left;
	width:306px;
	padding:2px 0 0;
	margin:0 0 -2px;
	position:relative;
}
.header-box .center p{
	margin:0;
	font-size:10px;
	line-height:11px;
	color:#636363;
}
.header-box .center p strong{
	color:#000;
}
.header-box .center p em{
	color:#000;
	font-style:normal;
}
.header-box .center p span.date01{
	color:#9ba525;
}
.header-box .bottom{
	float:left;
	background:url(../images/bg-header-add-bottom.png) no-repeat;
	width:306px;
	height:6px;
	overflow:hidden;
}
#nav{
	margin:0;
	padding:0 0 0 8px;
	list-style:none;
}
#nav li{
	background:url(../images/separator.gif) no-repeat;
	height:25px;
	float:left;
	padding:0 0 0 1px;
}
#nav li:first-child{
	background:none;
	padding:0;
}
#nav li a{
	float:left;
	height:13px;
	font-size:13px;
	line-height:13px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	padding:5px 10px 7px 8px;
}
#nav li a:hover, #nav li.active a{
	background:url(../images/bg-nav-hover.gif) repeat-x;
	cursor:pointer;
}

/* Pager - BEGIN */
#list-footer{clear:both;margin-top:10px;text-align:right;width: 385px;}
#pager{float:right;text-align:right}
#pager span, #pager a{color:#7d8627!important;font-size:10pt;font-weight:normal;margin-left:2px;}
#pager span{font-weight:bold;}
/* Pager - END */

/* Filter - BEGIN */
.filter{margin-bottom:10px;width:385px;height:50px;clear:both;}
.filter-left{background:url(../images/filter-left.png) no-repeat;width:8px;height:30px;float:left;}
.filter-middle{background:url(../images/filter-middle.png) repeat-x;width:369px;height:30px;float:left;padding-top:6px;}
.filter-right{background:url(../images/filter-right.png) no-repeat;width:8px;height:30px;float:left;}
/* Filter - END */

/* Profile list - BEGIN */
table.profile-list {border-collapse:collapse; width: 380px; margin-top: 15px; margin-left: 2px;}
table.profile-list th, table.profile-list td {border:1px solid #9BA525; padding: 4px; text-align:left;}
table.profile-list th {background-color:#C5D22F; color:#000;}
table.profile-list th a {color:#000;font-weight:bold;font-size:11pt;}
table.profile-list tr:hover {background-color:#edf1c6;}
table.profile-list td.bold {font-weight:bold;}
/* Profile list - END */

.form_error, ul.error_list li{color:#ffa811}
td.not-available label{color:#C0C0C0}

.solViolette input[type=password],
.solViolette input[type=text]{
	width: 170px;
}

.solViolette .radio_list{
	padding:0;
}

.solViolette .radio_list li{
 list-style: none;
}

.profile-add03 {
    background: url("../images/separator03.gif") repeat-x scroll 0 0 transparent;
    float: left;
    padding: 12px 0;
    width: 100%;
    margin-top:5px;
}

.profile-add03 input[type=text]{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E29000;
    height: 13px;
    overflow: hidden;
    width: 100px;
}

.btn-sols{
		background: url("../images/btn-search02.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 18px;
    margin: 0 0 0 3px;
    overflow: hidden;
    width: 17px;
}

#transfer_holder a.listen{
	display: block;

	height: 16px;
	line-height: 20px;
	background: url("../images/plus.png") no-repeat scroll 0 0 transparent;
	padding: 0 0 0 20px;
}

#transfer_holder a.open{
	background: url("../images/minus.png") no-repeat scroll 0 0 transparent;
}

#transfer_holder table{
	font-size: 11px;
	margin: 0 0 5px 0;
}

#transfer_holder table th{
	text-align: left;
}

#transfer_holder table th h4{
	margin: 0;
	padding: 0 0 0 10px;
	font-size: 13px;
}

#transfer_holder ul{
	margin: 0;
	padding: 0;
}

#transfer_holder li{
	clear: both;
	list-style: none;
	margin: 5px 0;
	display: block;
	line-height: 15px;
}

#transfer_holder .listen_element{
	clear: both;
	display: none;
	padding: 5px;
}

textarea{
	resize: none;
}

.hint{
	font-size: 10px;
	color: #999999;
}

.radio_list {
	list-style-type:none;
}