#box_tchat{
	color : #d7d7d7;
	background: #242527;
	padding: 0px 10px 10px 10px;
	width: calc(20% - 85px);
	float: right;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}

#box{
	color : #d7d7d7;
	background: #242527;
	padding: 0px 10px 10px 10px;
	width: calc(50% - 42px);
	float: left;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}

#sous_box{
	color : #d7d7d7;
	background: #242527;
	padding: 0px 10px 10px 10px;
	width: calc(50% - 42px);
	float: left;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
}

#commandant{
	color : #fff;
	background: #694d34;
	padding: 0px 10px 10px 10px;
	width: calc(50% - 42px);
	float: left;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}


#box_tiny{
	color : #d7d7d7;
	background: #242527;
	padding: 0px 10px 10px 10px;
	width: calc(23% - 42px);
	float: left;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}

#box_small{
	color : #d7d7d7;
	background: #242527;
	padding: 0px 10px 10px 10px;
	width: calc(25% - 42px);
	float: left;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}


#box_medium{
	color : #d7d7d7;
	background: #242527;
	padding: 0px 10px 10px 10px;
	width: calc(33% - 38px);
	float: left;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}

#box_large_pub{
	color : #252b32;
	background: #242527;
	width: calc(100% - 20px);
	float: left;
	margin: 0px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}

#box_large{
	color : #d7d7d7;
	background: #242527;
	padding: 0px 10px 10px 10px;
	width: calc(100% - 42px);
	float: left;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}

#box_liste{
	color : #d7d7d7;
	background: #242527;
	padding: 0px 10px 10px 10px;
	width: calc(100% - 40px);
	float: left;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}

#box_liste_alliance{
	color : #d7d7d7;
	background: #242527;
	padding: 0px 10px 10px 10px;
	width: calc(100% - 40px);
	float: left;
	margin: 5px 10px 10px 10px;
	border-radius: 2px;
	display: inline-block;
	border: 1px solid #242323;
}

.box_liste{
	white-space:nowrap; 
	overflow-x:scroll; 
	border-radius: 6px;
	width: calc(100% - 20px);
	margin: auto;
}

.box_liste::-webkit-scrollbar {
    width: 4em;
    cursor: pointer;
}
 
.box_liste::-webkit-scrollbar-track{
	background: #404040;
	padding: 10px;
}
 
.box_liste::-webkit-scrollbar-thumb {
	background: #212121;
    cursor: pointer;
}


#box_details{
	width: calc(50% - 10px);
	margin: 5px;
	float: left;
	overflow: auto;
}

#cat_details{
	margin: 5px;
	padding: 6px;
	background:  #253441;
	color: white;
	box-shadow: inset 0px 0px 1px rgba(0,0,0, 0.5);
	border-radius: 2px;
}

#details{
	margin: 5px;
	padding: 6px;
	color: #354A5D;
	background: rgba(79, 79, 79, 0.18);
	border-radius: 2px;
}

#details_prix{
	margin: 5px;
	padding: 5px;
	text-align: center;
	background: rgba(79, 79, 79, 0.18);
	font-weight: bold;
	color: red;
	border-radius: 2px;
}

#rubrique {
    display: inline-block;
	width: 100%;
	border-bottom: 1px solid #434343;
}
    

.image_rubrique{
   vertical-align: middle;   
   padding: 5px;
   width: 40px;     
}

.titre_rubrique { 
	font-weight: bold;
	text-transform: uppercase;
	display:inline-block; 
	vertical-align:middle;
}

#box_contenu{
	background: #3c3c3c;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	line-height: 130%;
	overflow: auto;
	border-radius: 2px;
	border: 1px solid #1c1b1b;
}

.box_appose{
	background: #3c3c3c;
	width: calc(50% - 25px);
	display: inline-block;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	line-height: 130%;
	overflow: auto;
	border-radius: 2px;
	border: 1px solid #1c1b1b;
}

#box_publicite{
	padding: 5px;
	overflow: auto;
	height: auto;
	border-radius: 2px;
}


#box_contenu_img_avion{
	margin-bottom: 60px;
	
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	width: calc(40% - 30px);
	display: inline-block;
	overflow: auto;
}

#box_contenu_img_avion_occasion{
	margin-bottom: 120px;
	
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	width: calc(40% - 30px);
	display: inline-block;
	overflow: auto;
}


#box_contenu_avion{
	background: #3c3c3c;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	width: calc(60% - 20px);
	display: inline-block;
	overflow: auto;
	border-radius: 2px;
	border: 1px solid #1c1b1b;
}


#box_contenu_commandant{
	background: rgba(227, 227, 227, 0.63);
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	line-height: 130%;
	overflow: auto;
	color : #2d2c2c;
	border-radius: 2px;
	border: 1px solid #1c1b1b;
}

.code_erreur{
	background: #b48d37;
	color: white;
	margin-top: 10px;
	padding: 10px;
	text-align: right;
	font-style: italic;
}


.box_message{
	background: #3c3c3c;
	margin-top: 10px;
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	width: 60%;
	line-height: 130%;
	overflow: auto;
	border-radius: 2px;
	border: 1px solid #1c1b1b;	
}
/* DEFINITION DES BOUTON RUBRIQUE */

.rubrique_access{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	background: #346936;
	border-radius: 4px;
	color: white;
}

.option_select{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	border-radius: 4px;
	color: white;
}

.annonceur{
	float: left;
	padding: 10px;
	margin: 10px;
	background: #346936;
	border-radius: 4px;
	color: white;
}

.rubrique_access_ouvert, .rubrique_disponible{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	background: #346936;
	border-radius: 4px;
	color: white;
}

.rubrique_access_ferme, .rubrique_suppression, .rubrique_indisponible{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	background: #693434;
	border-radius: 4px;
	color: white;
}

.rubrique_off{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	background: #9e9e9e;
	border-radius: 4px;
	color: white;
}

.rubrique_option{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	background: #6c4f29;
	border-radius: 4px;
	color: white;
}

.rubrique_option.catalogue{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 10px;
	background: #346936;
	border-radius: 4px;
	color: white;
}


.bouton_acces{
	background: #346936;
	width: 60%;
	text-align: center;
	margin:  5px auto;
	color: white;
	padding: 5px;
	border-radius: 4px;
	display: inline-block;
}

#bouton_telecharger{
	background: #8f4e17;
	width: 60%;
	text-align: center;
	margin:  5px auto;
	color: white;
	padding: 12px;
	border-radius: 4px;
	display: inline-block;
}

#bouton_telecharger:hover{
	background: #a95e1c;
	cursor: pointer;
}

.access{
	background: #3b8f17;
	width: 50%;
	text-align: center;
	margin:  13px auto 5px auto;
	color: white;
	padding: 5px;
	border-radius: 4px;
	display: inline-block;
}

.resilier{
	background: #8f1717;
	width: 60%;
	text-align: center;
	margin:  13px auto 5px auto;
	color: white;
	padding: 5px;
	border-radius: 4px;
	display: inline-block;
}

#maintenant{
	background: #8f6817;
	width: 60%;
	text-align: center;
	margin:  13px auto 5px auto;
	color: white;
	padding: 5px;
	border-radius: 4px;
	display: inline-block;
}

#bouton_supprimer{
	background: #8f1717;
	width: 60%;
	text-align: center;
	margin:  5px auto;
	color: white;
	padding: 12px;
	border-radius: 4px;
	display: inline-block;
}

#bouton_supprimer:hover{
	background: #b42222;
	cursor: pointer;
}


.bouton_negoce{
	background: #695534;
	width: 60%;
	text-align: center;
	margin:  5px auto;
	color: white;
	padding: 5px;
	border-radius: 4px;
	display: inline-block;
}


.bouton_off{
	width: 60%;
	text-align: center;
	margin:  5px auto;
	color: white;
	padding: 5px;
	border-radius: 4px;
	display: inline-block;
	background: #9e9e9e;
}

.statut_disponible{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 8px;
	background: #346936;
	border-radius: 4px;
	color: white;	
}

.statut_indisponible{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 8px;
	background: #693434;
	border-radius: 4px;
	color: white;	
}

.statut_maintenance{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 8px;
	background: #695634;
	border-radius: 4px;
	color: white;	
}

.statut_convertible{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 8px;
	background: #e6ac1a;
	border-radius: 4px;
	color: white;	
}

.statut_location{
	float: right;
	padding: 10px;
	margin: 10px 0px 10px 8px;
	background: #235c82;
	border-radius: 4px;
	color: white;	
}

.bouton_maintenance, .bouton_attente{

	text-align: center;
	color: white;
	padding: 8px;
	border-radius: 4px;
	display: inline-block;
	background: #695634;
}



.bouton_vendre{
	text-align: center;
	color: white;
	padding: 8px;
	border-radius: 4px;
	display: inline-block;
	background: #651e1e;
}


.bouton_reconfiguration{

	text-align: center;
	color: white;
	padding: 8px;
	border-radius: 4px;
	display: inline-block;
	background: #346957;
}

.bouton_details, .bouton_planning{

	text-align: center;
	color: white;
	padding: 8px;
	border-radius: 4px;
	display: inline-block;
	background: #345869;
}

.bouton_desactive{

	text-align: center;
	color: white;
	padding: 8px;
	border-radius: 4px;
	display: inline-block;
	background: rgba(99, 104, 100, 0.73);
}

.bouton_client{
	text-align: center;
	color: white;
	margin: 0 auto;
	padding: 14px;
	border-radius: 4px;
	display: inline-block;
	background: #2a912d;	
}


@media (max-width: 1210px) {
	#box_small,#box, #box_medium, #box_commandant, #commandant {
		width: calc(100% - 40px);
	}
	
	.box_appose{
		width: calc(100% - 20px);
	}
	
	#box_contenu_img_avion, #box_contenu_img_avion_occasion{
		width: calc(100% - 20px);
		text-align: center;
	}
	#box_contenu_avion{
		width: calc(100% - 20px);
	}
	

}