img {
	border: none;
}

*, body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	margin: 0;
}

body {
	background-image: url(/img/left_bg.gif);
	background-repeat: repeat-y;
}

a, a:hover, a:visited {
	color: black;
}




/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 1px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('/img/calendar.png') no-repeat bottom center;
}
a.dp-choose-date:hover {
	background: url('/img/calendar.png') no-repeat top center;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
#form .wrapper input.dp-applied {
	width: 200px;
	float: left;
}
div#dp-popup {
	background: #EEE;/*#DF8;*/
	width: auto;
}




.clear {
	clear: both;
}
div.messages ul.success li{
	background-color: #0A0;
}
div.messages ul.errors li{
	background-color: #C00;
}
div.messages ul.warnings li{
	background-color: #F84;
}
div.messages ul.infos li{
	color: #000;
	background-color: #FF0;
}
div.messages ul li {
	color: white;
	padding:5px 10px;
	margin-top: 1px;
}
div.messages {
	margin-bottom: 15px;
	margin-right: 60px;
}
div.messages ul {
	padding:0;
	list-style: none outside none;
}

#header {
	background-image: url(/img/header_bg.gif);
	background-repeat: repeat-x;
}

.divider {
	clear: both;
	padding-top: 20px;
	margin-left: 30px;
	/*width: 1120px;*/
}


#paymentRequestTable tr.valid td {
	background-color: #dbfea9;
}
#paymentRequestTable tr.invalid td {
	background-color: #fea9a9;
}


#uploading_logo{
	height: 79px;
	width: 875px;
	padding-top: 29px;
	padding-left: 20px;
	background: url(/img/fond_upload_logo.gif) top left no-repeat ;
}
#uploading_logo .text {
	padding-top: 5px;
	height: 47px;
	background: url(/img/warning.gif) top left no-repeat ;
	padding-left: 69px;
	float: left;
	color: black;
}
.warningGenerique{
	background: url(/img/warning.gif) 6px center no-repeat #ECECEC ;
	border: 1px solid #DBDADA;
	min-height: 10px;
	padding-left: 60px;
	padding-right: 11px;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom: 12px;
}
.warningGenerique .titre {
	font-weight: bold;
	font-size: 14px;
}
.warningGenerique .texte {
}

#uploading_logo .text .titre {
	font-weight: bold;
	font-size: 13px;
}
#uploading_logo .envoi_upload{
	height: 43px;
	width: 349px;
	text-align: left;
	float: right;
	margin-right: 35px;
}
#uploading_logo .input_logo {
	margin-top: 15px;
	display: none;
}

.cashdistribText {
	color:#0084b5;
}

#bienvenue h2, #bienvenue h2 span, #inscription h2, #inscription h2 span {
	font-size:22px;
}

#bienvenue .cadre {
	width: 730px;
	margin-top: 22px;
	color: white;
	background-color:#0083b7;
	padding: 15px;
}

#bienvenue a.inscription{
	margin-left: 530px;
	margin-top: 22px;
	background: url('/img/btn_inscription.png') no-repeat left top;
	width: 179px;
	height: 43px;
	display: block ;
}

#bienvenue a.inscription:hover {
	background: url('/img/btn_inscription.png') no-repeat left bottom;
}

#envoi {
	text-indent: -9000px;
	margin-left: 530px;
	margin-top: 22px;
	border: none;
	background: url('/img/btn_valider.png') no-repeat left top ;
	width: 179px;
	height: 43px;
	display: block ;
	cursor: pointer;
}

#envoi:hover {
	background: url('/img/btn_valider.png') no-repeat left bottom;
}

#inscription .warning, #warning, .information_generique {
	height: 48px;
	color: #b60400;
	font-size: 22px;
	font-weight: bold;
	line-height: 48px;
	padding-left: 62px;
	background: url('/img/warning.png') no-repeat left center ;
}
#inscription_disclaimer, .information_generique_message {
	width: 743px;
	margin-top: 8px;
	color: white;
	background-color:#b60400;
	padding: 15px;
}


#formConnexion {
	background: url('/img/fond_login.png') no-repeat center top;
}

#formConnexion .submit {
	/*text-indent: -9000px;*/
	border: none;
	width: 136px;
	height: 24px;
	margin-left: 10px;
	margin-top: 10px;
	background: url('/img/btn_connexion.png') no-repeat left top;
}
#formConnexion .submit:hover {
	background: url('/img/btn_connexion.png') no-repeat left bottom;
}


#body {
	margin-top: 25px;
}

#sidebar {
	float: left;
	/*border-right: 2px solid #dbdada;
	width: 220px;*/
}

#sidebar ul {
	margin: 0;
	padding-left: 30px;
	list-style: none;
}

#sidebar li {
	margin-top: 3px;
	padding: 6px 15px;
}

#sidebar li.current_item {
	font-weight: bold;
	color: white;
	background-color: black;
}

#sidebar li.inactive_item:hover {
	background-color: #dbdada;
}

#sidebar li.inactive_item:hover a {
	color: white;
}

#sidebar li.current_item a {
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#sidebar li a {
	color: black;
	text-decoration: none;
}


/*Sidebar de Login*/
#user_menu {
	float: left;
	width: 180px;
	margin-left:30px;
}

#user_menu ul {
	margin: 0;
	padding-left:0;
	list-style: none;
}

#user_menu li.connexion {
	color: #0083b7;
	font-weight: bold;
}

#user_menu li {
	margin-top: 5px;
	padding: 0px;
}


#actions_menu {
	padding-top: 15px;
	height: 250px;
	border-right: 1px solid #dbdada;
}
#menu_connected {
	float: left;
	margin-left: 20px;
}
#menu_connected .tableStruct {
	width: 200px;
	margin-bottom: 10px;
}
#menu_connected table td {
	background-repeat: no-repeat;
	background-position: left top ;
	padding: 0;
	margin: 0;
}
#menu_connected table .gauche {
	font-size:8px;
	background-image: url(/img/vos_infos_gauche.jpg);
	width:3px;
}
#menu_connected table .milieu {
	background-image: url(/img/vos_infos_milieu.jpg);
	background-repeat: repeat-x;
}
#menu_connected table .droite {
	font-size:10px;
	background-image: url(/img/vos_infos_droite.jpg);
	width:3px;
}

#menu_connected ul{
	list-style: none;
	padding:0;
	margin:0;
}
#menu_connected .infos{
	padding-top: 3px;
	padding-bottom: 7px;
}
#menu_connected .infos li, #menu_connected .actions li {
	padding:0;
	margin:0;
}
#menu_connected .infos li {
	padding-left: 37px;
	padding-right: 2px;
	height: 37px;
	line-height: 37px;
}

#menu_connected .actions li {
	height: 38px;
	line-height: 38px;
}

#menu_connected li {
	background-position: 6px center ;
	background-repeat: no-repeat;
}
#menu_connected .email {
	background-image: url(/img/user-blue.gif) ;
	font-weight: bold;
}
#menu_connected .identifiant {
	background-image: url(/img/info-square-blue.gif) ;
}
#menu_connected .deconnexion {
	background-image: url(/img/ko-red.gif) ;
}

#menu_connected .actions li.current_item {
	background: url(/img/menu_selected_background.png) left center no-repeat ;
}
#menu_connected .actions li a {
	padding-left: 35px;
	background-position: 2px center;
	background-repeat: no-repeat;
	height: 38px;
	line-height: 38px;
	display: block;
}
#menu_connected .actions li.accueil a {
	background-image: url(/img/personal-information.gif) ;
}
#menu_connected .actions li.justificatifs a {
	background-image: url(/img/justifs.gif) ;
}
#menu_connected .actions li.moyens_paiement a {
	background-image: url(/img/creditcard.gif) ;
}
#menu_connected .actions li.demander_paiement a {
	background-image: url(/img/money.gif) ;
}
#menu_connected .actions li.historique a {
	background-image: url(/img/histo_paiements.gif) ;
}
#menu_connected .actions li.historique_gains a {
	background-image: url(/img/histo_gains.gif) ;
}
#menu_connected .actions li.support a {
	background-image: url(/img/bouee.gif) ;
}






#contents {
	float: left;
	/*width: 920px;*/
	padding-left: 10px;
	margin-left: 20px;
}

#form_header {
	padding: 0;
	position: relative;
	width: 900px;
	height: 82px;
	background-image: url(/img/email_ok_bg.gif);
	background-repeat: no-repeat;
}

#form_header_text {
	position: absolute;
	left: 90px;
	top: 16px;
	line-height: 25px;
}

#form_header_title {
	font-weight: bold;
	font-size: 18px;
}

#form_header_subtitle {
	font-size: 16px;
}

#form_step_header {
	padding-top: 10px;
	padding-bottom: 10px;
}

#form h2 {
	font-size: 14px;
	padding-bottom: 10px;
}

#form h3 {
    padding: 3px;
    margin-bottom: 10px;
    margin-right: 60px;
    background-color: #268DB9;
}

#form tr, #form td {
	padding: 3px;
}

#form td {
	padding-left: 20px;
}

#form td input {
	width: 200px;
}



#form .wrapper input, #form .wrapper textarea, #form .wrapper select {
	width: 220px;
}
.wrapper {
	padding:4px 0 4px 20px;
	clear:both;
}
.wrapper .errors {
	margin-left: 130px;
}
.wrapper div.label {
	float:left;
	width:130px;
}

#bank_account .wrapper div.label {
	width:140px;
}
#bank_account .wrapper .errors {
	margin-left:140px;
}
#bank_account .bloc ul.errors {
	margin-top: 1px;
	background-color: red;
	color: white;
}
#bank_account .bloc {
	background-color: #EEE;
	padding: 5px;
	margin-bottom: 10px;
	border: solid 1px #666;
	width: 440px;
}
#bank_account .sousTitre {
	width: 730px;
}
#bank_account .avertissement {
	height: 40px;
	padding-left: 50px;
	padding-top: 12px;
	padding-bottom: 4px;
	background: url(/img/warning.gif) left top no-repeat;
}

#contents div.messages{
	margin-right: 7px;
}
#bank_account .bloc.selected {
	background-color: #268DB9;
}
#bank_account .titre{
	font-weight: bold;
}
#bank_account input, #bank_account textarea, #bank_account select {
	/*border: solid 1px;*/
}
#bank_account .input input, #bank_account .input textarea {
	width: 200px;
}
#bank_account .bloc .label {
	text-align: right;
	width: 160px;
}
#form #bank_account #fr_rib_banque {
	width: 38px;
}
#form #bank_account #fr_rib_guichet {
	margin-left: 2px;
	width: 38px;
}
#form #bank_account #fr_rib_compte {
	margin-left: 2px;
	width: 80px;
}
#form #bank_account #fr_rib_cle {
	margin-left: 11px;
	width: 17px;
}
#form #bank_account #fr_bic {
	width: 100px;
}
#bank_account .disabled{
	background-color: #AAA;
}

ul.errors {
	list-style: none ;
	padding: 0;
}
.errors {
	color:red;
	font-weight:normal;
}
.sousTitre{
	color: black;
	font-size: 14px;
	height: 30px;
	font-weight: bold;
	line-height: 30px;
	border-bottom: 5px solid #268db9 ;
	margin-bottom: 10px;
}
.factureDemandeCourante{
	display: block;
	float: left;
	height: 32px;
	line-height: 32px;
	padding-left: 28px;
	background: url(/img/file-pdf.png) left center no-repeat;
}
.form_section_header {
	padding: 4px 0 4px 20px;
}
td.form_section_header {
	width: 450px;
}
td.form_section_header .sousTitre{
	margin-bottom: 0;
}
#warningConfirmationInscription {
	width: 895px;
	height: 108px;
	background: url(/img/warningInscriptionComplete.jpg) left center no-repeat;
	margin-bottom: 12px;
}
#warningConfirmationInscription .titre {
	margin-left: 185px;
	padding-top: 35px;
	font-size: 15px;
	font-weight: bold;
}
#warningConfirmationInscription .texte {
	margin-left: 185px;
	margin-top: 6px;
}

#warningIdentite{
	width: 895px;
	height: 90px;
	padding-top: 36px;
	background: url(/img/warning_identite.jpeg) left center no-repeat;
}
#warningIdentite div.titre, #warningIdentite div.texte {
	margin-left: 80px;
	color: black;
	line-height: 17px;
}
#warningIdentite div.titre {
	font-weight: bold;
	font-size: 13px;
}
#warningIdentite div.right {
	margin-right: 25px;
	margin-top: 5px;
}



#form_button {
	text-align: right;
	margin-right: 20px;
}

#file_list {
	margin-bottom: 10px;
}

#file_list .piece {
	display: inline-block;
	border: 1px solid #dbdada;
}

#file_list .piece img {
	margin: 5px;
	height: 200px;
}

#file_list .piece_type {
	font-style: italic;
}

#file_list .piece_type, #file_list .piece_name {
	background-color: #dbdada;
	padding: 2px;
}

#payment_medium {
	margin-bottom: 10px;
}

#payment_medium .content_box{
	min-height: 0;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}
#payment_medium .content_box .content_box_title {
	border: none;
}

.payment_medium_entry {
	margin: 20px;
}

.payment_medium_entry input {
    vertical-align: text-bottom;
}

#contents_header {
	padding: 0;
	position: relative;
	width: 780px;
	height: 82px;
	background-image: url(/img/contents_header_bg.gif);
	background-repeat: no-repeat;
}

#contents_header_text {
	position: absolute;
	left: 30px;
	top: 16px;
	line-height: 25px;
}

#contents_header_title {
	font-weight: bold;
	font-size: 18px;
}

#contents_header_subtitle {
	/*font-size: 16px;*/
}

.content_box {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	float: left;
	min-height: 130px;
	width: 377px;
	border: 1px solid #dbdada;
}

.content_box .content_box_title {
	border-bottom: 1px solid #dbdada;
	padding: 8px;
	color: white;
}

.content_box.active .content_box_title {
	background-color: #8dc906;
}

.content_box.inactive .content_box_title {
	background-color: black;
}

.content_box .content_box_body {
	padding-top: 5px;
	padding-left: 10px;
	line-height: 20px;
}

#payment_range {
	width: 771px;
	border: 1px solid #dbdada;
}

#payment_range_header {
	background-color: #fafafa;
	border-bottom: 1px solid #dbdada;
}
#payment_range_header span, .gain_entry span {
	float: left;
	padding: 7px 5px;
}

#payment_range_header .payment_amount {
	margin-left: 44px;
}

.payment_amount, .payment_date, .payment_info {
	font-weight: bold;
}

#gain_list {
	margin-top: 1px;
	border-top: 1px solid #dbdada;
	padding-bottom: 25px;
	border-bottom: 1px solid #dbdada;
}

.gain_entry {
	border-bottom: 1px solid white;
}

.gain_entry input {
	float: left;
	margin: 7px;
	width: 30px;
}

span.payment_date{
	width: 80px ;
}
span.payment_amount{
	text-align: right;
	width: 100px ;
}
span.payment_info{
	width: 510px ;
}
.gain_entry.checked {
	color: white;
}
.gain_entry.unchecked span {
	font-weight: normal;
}
.gain_entry.odd.checked {
	background-color: #a1de17;
}

.gain_entry.even.checked {
	background-color: #268DB9;
}

.gain_entry.odd.unchecked {
	background-color: #ececec;
}

.gain_entry.even.unchecked {
	background-color: #e1e1e1;
}

#payment_validation {
	position: relative;
	height: 70px;
}

#payment_total, #add_bill, #validate_btn {
	position: absolute;
}

#payment_total {
	left: 40px;
	top: 25px;
	font-weight: bold;
}

#add_bill {
	left: 380px;
	top: 25px;
	text-decoration: underline;
	cursor: pointer;
}

#validate_btn {
	right: 16px;
	top: 14px;
}

#facture_upload {
	padding: 15px;
	padding-left: 40px;
    border-bottom: 1px solid #dbdada;
    display: none;
}

#payment_validation img {
	vertical-align: middle;
}

#bill_info {
	margin: 20px;
}

#footer {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-right: 25px;
	text-align: right;
}
#footer a {
	background: url('/img/support.jpg') left center no-repeat;
	padding-left: 25px;
	height: 25px;
	line-height: 25px;
	display: block;
	float: right;
}

.cashdistrib_id {
	font-size: 16px;
}

#inscription_recap {
	margin-top: 30px;
}

#inscription_recap p {
	line-height: 20px;
}

.stats_table {
    border: 1px solid #dbdada;
    border-collapse: collapse;
    width: 773px;
}

.stats_table th, .stats_table.tr, .stats_table td {
    border: 1px solid #dbdada;
}

.stats_table th {

    background-image: url(/img/admin/table_header_bg.png);
    color: #545454;
}


#form .stats_table td, #form .stats_table th {
    padding: 4px;
	margin:0;
}

.stats_table td {
    text-align: center;
}

.stats_table .actions img {
    vertical-align: middle;
}

.stats_table .actions a {
    padding-right: 10px;
}

.stats_table input {
    vertical-align: middle;
}

/* pagination */

div.pagination {
    height:27px;
    margin:5px auto;
}

div.pagination * {
    display:block;
    float:left;
    margin:0 1px;
}

div.pagination a {
    color:black;
    height:15px;
    padding:6px;
    min-width:15px;
    border:solid 1px #ccc;
    text-align:center;
}

div.pagination a.current {
    color:white;
    background-color: #268DB9;
}

div.pagination span {
    text-indent:-9000px;
    background:left top url(/img/pagination-dots.png) no-repeat;
    padding:0;
    width:27px;
    height:27px;
    margin:1px 2px;
}

#demander_paiement_impossible{
	color: #C00;
	font-weight: bold;
	margin-top: 20px;
}
#demander_paiement_impossible div{
	font-size:12px;
	letter-spacing: -0.25px;
}

.infos_compte_cash {
	padding: 15px 12px;
	color: white;
	font-size: 15px;
	background-color: #268DB9;
	font-weight: bold;
	width: 748px;
	border: solid 1px #00C;
}
.infos_compte_cash span{
	font-size: 22px;
}

#validation_header {
    background-image: url(/img/info.png);
    background-repeat: no-repeat;
    margin-top: 10px;
    padding-left: 75px;
    padding-top: 20px;
}

#validation_header_title, #validation_footer {
	color: #268DB9;
	font-size: 14px;
	width: 690px;
}
#coord_banque_valides{
    background: url(/img/accepted.png) left center no-repeat;
    height: 48px;
    line-height: 48px;
    padding-left: 55px;
    font-size: 13px;
}


#validation_header_upload {
	padding-top: 15px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#facture_container {
	border: 1px solid black;
	width: 650px;
	padding: 20px;
	margin-top: 20px;
	margin-left: 75px;
}

#validation_footer {
	margin-top: 20px;
	padding-left: 75px;
}

.logo_image {
	max-width: 200px;
	max-height: 200px;
}

/** support **/
#contents_header_text.support_header {
	background-image: url("/img/support.png");
	background-repeat: no-repeat;
	padding-left: 75px;
	padding-bottom: 20px;
	padding-top: 5px;
    left: 10px;
    top: 10px;
}



#ticket_container {
	/*
	background-image: url("/img/support-bg.png");
    background-repeat: repeat-y;*/
    border: 1px solid #cccccc;
    margin-top: 12px;
    margin-bottom: 5px;
    width: 771px;
}

#ticket_container_bottom {
	background-image: url("/img/support-bg-bottom.png");
    background-repeat: no-repeat;
    height: 2px;
}

#ticket_container * {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
}

table.formNewTicket {
	background-color: #f5f5f5;
	/*border-collapse: collapse;
	border-spacing: 0;*/
	border: solid 1px white ;
	/*margin: 10px auto 20px;*/
	padding-top: 10px;
	padding-bottom: 20px;
	/*width: 870px;*/
}

table.formNewTicket td.l {
    font-weight: bold;
    width: 90px;
}

table.formNewTicket td.r {
    /*width: 780px;*/
}

input#montant, input.text {
    background: url("/img/input-text.png") repeat scroll 0 0 transparent;
    border: 0 none;
    height: 16px;
    padding: 9px;
    width: 274px;
}

textarea.rounded {
    background: url("/img/textarea.png") repeat scroll 0 0 transparent;
    border: 0 none;
    height: 94px;
    margin-bottom: 3px;
    padding: 9px;
    width: 651px;
}

a.ajoutFichier {
    background: url("/img/btn-ajouter.png") repeat scroll 0 0 transparent;
    display: block;
    height: 40px;
    outline: medium none;
    text-indent: -9000px;
    width: 165px;
}

.left {
    float: left;
}

.envoyer {
    background: url("/img/btn-envoyer.png") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 40px;
    outline: medium none;
    text-indent: -9000px;
    width: 98px;
}

.right {
    float: right;
}

div.ticketDesc {
    background: url("/img/ticket-main-box-top.png") repeat scroll 0 0 transparent;
    margin: 0 auto 0;
    width: 770px;
}

div.ticketDesc div.row {
    clear: both;
    float: none;
    height: 30px;
}

div.ticketDesc div.left {
    background: url("/img/bulle-noire.png") no-repeat scroll center 4px transparent;
    color: white;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    padding: 8px 0;
    text-align: center;
    width: 200px;
}

div.ticketDesc div.right {
    font-size: 14px;
    height: 14px;
    padding: 8px 0;
    width: 570px;
}

div.ticketDescBottom {
    background: url("/img/ticket-main-box-bottom.png") repeat scroll 0 0 transparent;
    height: 15px;
    margin: 0 auto;
    width: 770px;
}

div.ticketDiscuss {
    background: url("/img/ticket-second-box-top.png") repeat scroll 0 0 transparent;
    margin: 20px auto 0;
    min-height: 200px;
    width: 770px;
}

div.ticketDiscuss div.row {
    padding-bottom: 15px;
}

div.ticketDiscuss div.left {
    height: 80px;
    padding: 20px 0 20px 20px;
    width: 80px;
}

div.ticketDiscuss div.right {
    font-size: 14px;
    padding: 18px 10px;
    width: 650px;
}

div.ticketDiscuss div.right div.top {
    background: url("/img/user-comment-top.png") repeat scroll 0 0 transparent;
    min-height: 60px;
    padding: 10px 13px 10px 27px;
    width: 590px;
}

div.ticketDiscuss div.right div.first {
    padding-bottom: 15px;
}

div.ticketDiscuss div.right {
    font-size: 14px;
}

div.ticketDiscuss div.right div.bottom {
    background: url("/img/user-comment-bottom.png") repeat scroll 0 0 transparent;
    height: 15px;
    width: 630px;
}

div.ticketDiscuss div.admin div.top {
    background: url("/img/admin-comment-top.png") repeat scroll 0 0 transparent;
}

div.ticketDiscuss div.admin div.bottom {
    background: url("/img/admin-comment-bottom.png") repeat scroll 0 0 transparent;
}

div.ticketDiscuss div.notificationMessage.admin {
    padding: 0;
    font-style: italic;
    color: #7d7d7d;
}

div.ticketDiscuss div.notificationMessage.admin .left{
    display: none;
}

div.ticketDiscuss div.notificationMessage.admin .right .first,
div.ticketDiscuss div.notificationMessage.admin .right{
    padding: 0;
}

div.ticketDiscuss div.notificationMessage.admin div.top {
    background: none;
    padding-top: 0;
    padding-bottom: 0;
}

div.ticketDiscuss div.notificationMessage.admin div.bottom {
    display:none;
}

div.ticketDiscussBottom {
    background: url("/img/ticket-second-box-bottom.png") repeat scroll 0 0 transparent;
    height: 15px;
    margin: 0 auto;
    width: 770px;
}

div.ticketResponse {
    margin: 20px auto 0;
    min-height: 200px;
    width: 770px;
}

div.ticketResponse div.left {
    height: 80px;
    padding: 20px 0 20px 20px;
    width: 80px;
}

div.ticketResponse div.right {
    font-size: 14px;
    padding: 18px 10px;
    width: 650px;
}

div.ticketResponse div.right div.first textarea {
    background: url("/img/textarea-custom.png") repeat scroll 0 0 transparent;
    border: medium none;
    height: 120px;
    padding: 10px 15px 10px 30px;
    width: 612px;
}

div.ticketResponse div.right div.second {
    padding: 10px 0 5px 15px;
}

.repondre {
    background: url("/img/btn-repondre.png") repeat scroll 0 0 transparent;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 42px;
    margin-left: 5px;
    outline: medium none;
    text-indent: -9000px;
    width: 128px;
}

div.ticketResponse div.right div.third {
    padding: 0 0 0 20px;
}

/** alert */
.alert {
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 745px;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-secondary {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #dddfe2;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}