html, body {
	background: url("toutmieux/bg.gif") top center repeat-x #e75294;
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 12px;
	color: #000000;
}

input[type="text"] {
    width: 150px;
	background: #FFFFFF;
	color: #000000;
	border-top: 1px solid #d4d3cf;
	border-bottom: 1px solid #b5b0ad;
	border-left: 1px solid #b5b0ad;
	border-right: 1px solid #d4d3cf;
	margin: 0px;
	font-size: 10px;
}

input[type="password"] {
    width: 150px;
	background: #FFFFFF;
	color: #000000;
	border-top: 1px solid #d4d3cf;
	border-bottom: 1px solid #b5b0ad;
	border-left: 1px solid #b5b0ad;
	border-right: 1px solid #d4d3cf;
	margin: 0px;
	font-size: 10px;
}

input[type="radio"] {
	background: #FFFFFF;
	color: #000000;
	border-top: 1px solid #d4d3cf;
	border-bottom: 1px solid #b5b0ad;
	border-left: 1px solid #b5b0ad;
	border-right: 1px solid #d4d3cf;
	margin: 0px;
}

input[type="checkbox"] {
	color: #000000;
	border-top: 1px solid #d4d3cf;
	border-bottom: 1px solid #b5b0ad;
	border-left: 1px solid #b5b0ad;
	border-right: 1px solid #d4d3cf;
	margin: 0px auto;
}

select {
    width: 150px;
	background: #FFFFFF;
	color: #000000;
	border-top: 1px solid #d4d3cf;
	border-bottom: 1px solid #b5b0ad;
	border-left: 1px solid #b5b0ad;
	border-right: 1px solid #d4d3cf;
	margin: 0px;
	font-size: 10px;
}

textarea {
    width: 200px;
    height: 80px;
    background: #FFFFFF;
    color: #000000;
	border-top: 1px solid #d4d3cf;
	border-bottom: 1px solid #b5b0ad;
	border-left: 1px solid #b5b0ad;
	border-right: 1px solid #d4d3cf;
	margin: 0px auto;
	font-size: 11px;
}

a {
    font-size: 10px;
	text-decoration: none;
    color: #000000;
}

form {
    padding: 0px;
    margin: 0px;
}

a:hover {
    font-size: 10px;
	text-decoration: none;
    color: #FFFFFF;
}

table {
    margin: 0px;
    padding: 0px;
}

td {
    margin: 0px;
    padding: 0px;
}

/*******************************************************************************/
.main {
    width: 965px;
	margin: 0px auto;
	padding: 0px auto;
}

.main_top {
	background: url("toutmieux/main_top.gif") left top no-repeat;
    width: 1009px;
    height: 380px;
	margin: 0px;
	padding: 0px 22px 0px 22px;
}

.main_top_intro {
    width: 965px;
    height: 638px;
	margin: 0px;
}

.main_middle {
	background: url("toutmieux/main_middle.gif") left top repeat-y;
    width: 1009px;
	margin: 0px;
	padding: 0px;
}

.main_bottom {
	background: url("toutmieux/main_bottom.gif") left top no-repeat;
    width: 1009px;
	margin: 0px;
	padding: 0px;
}

/*******************************************************************************/
.header {
	clear: both;
    width: 965px;
	height: 380px;
}

.header_intro {
	clear: both;
    width: 950px;
	height: 638px;
}

/*******************************************************************************/

.content {
    clear: both;
    background: url("toutmieux/content.jpg") left top no-repeat;
    width: 1009px;
	margin: 0px;
	padding: 0px 40px 40px 40px;
}

/*******************************************************************************/

.page_content {
    clear: both;
    width: 929px;
    margin: 0px;
	padding: 10px;
}

.temoignage {
    clear: both;
    width: 909px;
	margin: 0px;
	padding: 20px;
}

/*******************************************************************************/

.footer {
    clear: both;
    width: 952px;
	height: 45px;
	padding-top: 30px;
	text-align: middle;
    vertical-align: bottom;
}

.footer_bar {
    clear: both;
    text-align: center;
	width: 952px;
	height: 21px;
}

.footer_bar a {
    display: inline-block;
    text-decoration: none;
	color: #FFFFFF;
	font-size: 9px;
	margin: 5px 0px 0px 10px;
}

.footer_bar a:hover {
    display: inline-block;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 9px;
    margin: 5px 0px 0px 10px;
}

/*******************************************************************************/

.copyright{
    text-align: center;
    color: #FFFFFF;
	font-size: 9px;
	margin: 5px 5px 5px 0px;
}

/*******************************************************************************/

.admin {
    
}

.admin ul {
    clear: both;
    width: 200px;
    padding: 3px;
	margin: 0px;
    list-style: none;
    text-align: right;
}

.admin li {
    list-style: none;
    padding: 3px;
	margin: 0px;
	text-align: left;
}

.admin a {
    display: inline-block;
    text-decoration: none;
	color: #000000;
	font-size: 12px;
	margin: 10px;
}

.admin a:hover {
    display: inline-block;
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    margin: 10px;
}

/*******************************************************************************/

.login {
    
}

.login ul {
    clear: both;
    width: 200px;
    padding: 3px;
	margin: 0px;
    list-style: none;
    text-align: right;
}

.login li {
    list-style: none;
    padding: 3px;
	margin: 0px;
	text-align: left;
}

/*******************************************************************************/

.admin_comment {
	clear: both;
	width: 263px;
	margin: 0px auto;
	padding: 0px auto;  
}

.admin_comment_top {
	background: url("toutmieux/admin_comment_top.gif") left top repeat-y;
    width: 263px;
    height: 7px;
	margin: 0px;
	padding: 0px;
}

.admin_comment_middle {
	background: url("toutmieux/admin_comment_middle.gif") left top repeat-y;
    width: 263px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
}

.admin_comment_middle a {
	text-decoration: underline;
	color: #FFFFFF;
}

.admin_comment_bottom {
	background: url("toutmieux/admin_comment_bottom.gif") left top no-repeat;
    width: 263px;
    height: 7px;
	margin: 0px;
	padding: 0px;
}

/*******************************************************************************/

.list {
    margin: 0px;
}

.list_line1 {
    background-image: none;
    padding: 5px;
}

.list_line2 {
    background: transparent url(audi/bg_list.png) repeat;
    padding: 5px;
}

.list_sort {
    font-weight: bold;
    text-decoration: underline;
}

.list_view_record {
    text-decoration: underline;
}

.sort_asc_btn {
    display: block;
    width: 10px;
    height: 8px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_sort_asc.gif") left top no-repeat;
}

.sort_asc_btn:hover {
    display: block;
    width: 10px;
    height: 8px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_sort_asc_over.gif") left top no-repeat;
}

.sort_desc_btn {
    display: block;
    width: 10px;
    height: 8px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_sort_desc.gif") left top no-repeat;
}

.sort_desc_btn:hover {
    display: block;
    width: 10px;
    height: 8px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_sort_desc_over.gif") left top no-repeat;
}


/*******************************************************************************/

.bottom {
    clear: both;
	width: 704px;
	padding: 0px;
	margin: 0px;
}

.bottom table {
    text-align: right;
    margin: 10px;
}

.page {
    display: inline;
    cursor: pointer;
	font-size: 10px;
	text-decoration: underline;
	color: #000000;
}

.page_active {
    display: inline;
	font-size: 10px;
	text-decoration: underline;
	color: #FFFFFF;
}

/*******************************************************************************/

.loading {
    clear: both;
    background: url("toutmieux/loading.gif") top center no-repeat;
    height: 200px;
    margin-top: 200px;
    margin-bottom: 100px;
    margin-right: 200px;
	text-align: center;
}

/*******************************************************************************/

.line {
    clear: both;
    background: url("toutmieux/line.gif") left top no-repeat;
	height: 1px;
}

/*******************************************************************************/

.temoignage_btn {
    display: block;
    width: 103px;
    height: 63px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_temoignage.gif") left top no-repeat;
}

.temoignage_btn:hover {
    display: block;
    width: 103px;
    height: 63px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_temoignage.gif") left top no-repeat;
}

.envoyer_btn {
    display: block;
    width: 123px;
    height: 43px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_envoyer.gif") left top no-repeat;
}

.envoyer_btn:hover {
    display: block;
    width: 123px;
    height: 43px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_envoyer.gif") left top no-repeat;
}

.lire_btn {
    display: block;
    width: 131px;
    height: 26px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_lire.gif") left top no-repeat;
}

.lire_btn:hover {
    display: block;
    width: 131px;
    height: 26px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_lire.gif") left top no-repeat;
}

.retour_btn {
    display: block;
    width: 80px;
    height: 35px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_retour.gif") left top no-repeat;
}

.retour_btn:hover {
    display: block;
    width: 80px;
    height: 35px;
    border: 0px;
    cursor: pointer;
    background: url("toutmieux/btn_retour.gif") left top no-repeat;
}

/*******************************************************************************/

.title {
	font-size: 20px;
	font-weight: bold;
	color: #96bf0d;
}

.title_small {
	font-size: 18px;
	font-weight: bold;
	color: #96bf0d;
}

.sous_title {
	font-size: 14px;
	font-weight: bold;
	color: #e95f9d;
}

.blue_label {
	font-size: 12px;
	color: #009fdd;
}

.small {
	font-size: 8px;
}

.pink {
	font-size: 10px;
	font-weight: bold;
	color: #e95f9d;
}

.aluminium {
	color: #999999;
}

.red {
	color: #CC0033;
}

.white {
	color: #FFFFFF;
}

.white_bold {
	color: #FFFFFF;
	font-weight: bold;
}

.black {
	color: #000000;
}

.grey01 {
	color: #2B2F33;
}

.grey02 {
	color: #41464C;
}

.grey03 {
	color: #A0A4AD;
}

.grey04 {
	color: #B3B7BD;
}

.grey05 {
	color: #CECECE;
}

.bold{
    font-weight: bold;
}

.italic{
    font-style: italic;
}

.cursor_pointer {
    cursor: pointer;
}