/*
######################################################################################################################

 ######     ###    ##     ## ######## ##       ########  #######  ##    ## ##     ## ######## ########  ####    ###    
##    ##   ## ##   ###   ### ##       ##       ##       ##     ## ###   ## ###   ### ##       ##     ##  ##    ## ##   
##        ##   ##  #### #### ##       ##       ##       ##     ## ####  ## #### #### ##       ##     ##  ##   ##   ##  
##       ##     ## ## ### ## ######   ##       ######   ##     ## ## ## ## ## ### ## ######   ##     ##  ##  ##     ## 
##       ######### ##     ## ##       ##       ##       ##     ## ##  #### ##     ## ##       ##     ##  ##  ######### 
##    ## ##     ## ##     ## ##       ##       ##       ##     ## ##   ### ##     ## ##       ##     ##  ##  ##     ## 
 ######  ##     ## ##     ## ######## ######## ########  #######  ##    ## ##     ## ######## ########  #### ##     ## 
 
######################################################################################################################

# Site codé par: 
# Ligne d'information: 450-657-8714

######################################################################################################################
*/

body{
	background-color: #2c3443;
	margin: 0px;
}
body,a,h1,td{
	font-family: arial;
	
	font-weight: normal;
	font-size: 11px;
}

#table2 td{border-bottom:  1px solid #000!important;border-top:  none!important;}

a{
	text-decoration: none !important;
	color: #656D80 !important;
    font-weight:bold;
}
a:hover{
	text-decoration: underline !important;
	color: #000000 !important;
}

h3.accordeon{padding:10px;border-radius:5px;-webkit-border-radius:5px;border:1px solid #ddd;margin:0;background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );cursor:pointer;
}
div.accordeon{width:94%;padding:2%;margin:0 auto;background:#fbfbfb;border:1px solid #ddd;border-top:0;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}

h3.accordeon:hover{background: #f2f2f2;
background: -moz-linear-gradient(top,  #f2f2f2 0%, #e7e7e7 50%, #e1e1e1 51%, #f2f2f2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(50%,#e7e7e7), color-stop(51%,#e1e1e1), color-stop(100%,#f2f2f2));
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e7e7e7 50%,#e1e1e1 51%,#f2f2f2 100%);
background: -o-linear-gradient(top,  #f2f2f2 0%,#e7e7e7 50%,#e1e1e1 51%,#f2f2f2 100%);
background: -ms-linear-gradient(top,  #f2f2f2 0%,#e7e7e7 50%,#e1e1e1 51%,#f2f2f2 100%);
background: linear-gradient(to bottom,  #f2f2f2 0%,#e7e7e7 50%,#e1e1e1 51%,#f2f2f2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 );
}

h1{
	margin: 0px;
	padding: 5px;
	background-color: #262a33;
    color:#FFFFFF !important;
}
#ahref{
    color: #FFFFFF !important;
	text-decoration: none !important;
	display: block !important;
	width: 100% !important;
	line-height: 20px !important;
}
#ahref:hover{
    color: #FFFFFF !important;
	text-decoration: underline !important;
}
#needsjs{display:block;width:750px;margin:15px auto 0;background:#ffc4c4;border:1px solid #e64444;color:#e64444;font-family:Arial;font-weight:bold;font-size:12px;padding:10px;}
.multiple_modules_content{background:#9Ca0aD}
.multi_link{display:block;padding:10px;margin-bottom:5px;color:#000;-webkit-border-radius: 7px;border-radius: 7px;background: #eeeeee;background: -moz-linear-gradient(top,  #eeeeee 0%, #d3d3d3 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#d3d3d3));background: -webkit-linear-gradient(top,  #eeeeee 0%,#d3d3d3 100%);background: -o-linear-gradient(top,  #eeeeee 0%,#d3d3d3 100%);background: -ms-linear-gradient(top,  #eeeeee 0%,#d3d3d3 100%);background: linear-gradient(to bottom,  #eeeeee 0%,#d3d3d3 100%)}
.multi_link:hover{background: #ffffff;text-decoration:none !important;
background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);}

.mytd{
	background-color:#656D80;
	border:1px solid #AAAAAA;
    font-family:arial,Arial,helvetica,sans-serif;
    font-size:12px;
    font-weight:normal;
}

.searchhide {
    display:none;
}
.smalltext {
    font-size: 9px;
}
.jumptext {
    font-size:11px;
}
.smalltext a {
background-color: #000;
border: 1px #aaa outset;
}
.searchbox {
       background-color:#CFCFCF;
       border:1px solid #AAAAAA;
       font-family:arial,Arial,helvetica,sans-serif;
       font-size:12px;
       font-weight:normal;
}
.searchshow {
    
}
.searchhide {
    display:none;
}
.smalltext {
    font-size: 9px;
}
.jumptext {
    font-size:11px;
}
.smalltext a {
    background-color: #dddddd;
    border: 1px #aaa outset;
}

td{
	color: #000000;
	font-family: arial;
	font-weight: normal;
	font-size: 11px;	
}

#popitmenu{
position: absolute;
background-color: #e8e8e8;
border:1px solid black;
font: normal 12px arial;
line-height: 18px;
z-index: 100;
visibility: hidden;
}

#popitmenu a{
text-decoration: none;
padding-left: 6px;
color: black;
display: block;
}

#popitmenu a:hover{ /*hover background color*/
background-color: #CDCDCD;
}
td {MARGIN: 0px; COLOR: #000000;}
td {FONT-FAMILY: arial,helvetica,arial,sans-serif}
th {FONT-FAMILY: arial,helvetica,arial,sans-serif}
#none {TEXT-DECORATION: none;}

.button {
border:none;
margin: 2px;
}

.multiple_modules_content{display:none}

ul {
list-style-type:none;
padding:0px;
margin-left:5px;
}

li{
	list-style-type: none !important;
}
#jquery-colour-picker {
	background: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));

	width: 180px;
	padding: 10px 5px 5px 10px;

	border: 1px solid #666;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;

	-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);

	z-index: 99;
}

	#jquery-colour-picker h2 {
		margin: 0 0 5px 0;
		font-size: 14px;
	}

	#jquery-colour-picker ul {
		margin: 0;
		padding: 0;
		list-style-type: none;

		+zoom: 1;
	}

	#jquery-colour-picker ul:after {
		content: ".";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}

		#jquery-colour-picker ul li {
			float: left;
			margin: 0 5px 5px 0;
		}

			#jquery-colour-picker ul li a {
				display: block;

				width: 13px;
				height: 13px;

				text-decoration: none;
				text-indent: -100000px;
				outline: 0;

				border: 1px solid #aaa;
			}

			#jquery-colour-picker ul li a:hover {
				border-color: #000;
			}
			
		
	.btn-derouler{display:block;width:20px; height:16px; background:url(../images/ajax_right.png) no-repeat;cursor:pointer;}
	.btn-derouler.active{background:url(../images/ajax_open.png) no-repeat;}
	.delete-btn{cursor:pointer;}
	.loading{background:url(../images/ajax-loading.gif) no-repeat !important;height:19px;width:19px;cursor:default;}

/* Drag and drop media image */
	
	#drag_drop_media{}
		#drag_drop_media li{float:left;display:block; width:250px;min-height:350px;text-align:center;margin:5px;line-height:1.5;background:url(../images/bg_media.jpg) repeat-x;
-webkit-box-shadow:  1px 1px 4px 0px rgba(0, 0, 0, 0.4);
        
        box-shadow:  1px 1px 4px 0px rgba(0, 0, 0, 0.4);
		-webkit-transition: background 750ms ease;
		-moz-transition: background 750ms ease;
        -ms-transition: background 750ms ease;
        -o-transition: background 750ms ease;
		transition: background 750ms ease;
}
		#drag_drop_media li.clearLast{width:0;height:0; clear:both;}
		#drag_drop_media.working li{background:url(../images/bg_media_working.jpg) repeat-x;}
		#drag_drop_media.ok li{background:url(../images/bg_media_ok.jpg) repeat-x;}
		#drag_drop_media.error li{background:url(../images/bg_media_error.jpg) repeat-x;}

	
			
/* Child edit in page_ajax */

.controls_child_edit{font-size:20px !important;padding:10px 5px;}
.controls_child_edit img{margin-left:25px;cursor:pointer;}
.child_edit_title{margin-top:5px;background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );-webkit-box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.15);
box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.15);cursor:pointer;opacity:0.75;position:relative;
}
.child_edit_title .title{padding:10px;font-size:12px;width:715px;}
.child_edit_title .btn_delete_item{cursor:pointer;position:absolute;right:10px; top:8px;}
.child_edit_title.active, .child_edit_title:hover{opacity:1;}
.child_edit_content{padding:10px;display:none;background:#f3f3f3;border:1px solid #cfcfcf;line-height:1.5;font-size:12px;}
.child_edit_input_box{width:235px;float:left;padding:0 5px;padding-bottom:10px;}
.child_edit_input_box .field_title{font-size:11px;}
.child_edit_content input, .child_edit_content select, .child_edit_content textarea{width:100%;padding:5px 10px;box-sizing:border-box;margin-bottom:8px;display:block;font-size:12px;border-radius:3px;outline:0;border:1px solid #8896a4;}
	.child_edit_content select{padding:4px 10px;}
	.child_edit_content select.multiple_select{height:225px;}
.child_edit_content .submit{clear:both;float:none;margin:0 auto; display:block;padding:8px;width:100px;text-align:center;cursor:pointer;color:#fff;background: rgb(0,183,234);
background: -moz-linear-gradient(top,  rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,183,234,1)), color-stop(100%,rgba(0,158,195,1)));
background: -webkit-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
background: -o-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
background: linear-gradient(to bottom,  rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 );

border-radius:3px;-webkit-box-shadow:inset 0 1px 2px 0 rgba(255,255,255,0.6);
box-shadow:inset 0 1px 2px 0 rgba(255,255,255,0.6);border:1px solid #8896a4;
}
.child_edit_content .submit:hover{background: rgb(122,188,255);
background: -moz-linear-gradient(top,  rgba(122,188,255,1) 0%, rgba(64,150,238,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(100%,rgba(64,150,238,1)));
background: -webkit-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(64,150,238,1) 100%);
background: -o-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(64,150,238,1) 100%);
background: -ms-linear-gradient(top,  rgba(122,188,255,1) 0%,rgba(64,150,238,1) 100%);
background: linear-gradient(to bottom,  rgba(122,188,255,1) 0%,rgba(64,150,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
}
.child_edit_content .server_message{padding:5px 10px; border-radius:3px;margin-top:8px;display:none;}
.child_edit_content .server_message.error{background:#ffbaba;border:1px solid #a74040;}
.child_edit_content .server_message.warning{background:#ffe88e;border:1px solid #d4a62b;}
.child_edit_content .server_message.success{background:#baffbd;border:1px solid #239f29;}

#tableau_commandes{border-collapse:collapse;}
#tableau_commandes td{background:#EEE;border-top:1px solid #000;color:#222;line-height:1.4;}
#tableau_commandes td span.pale{color:#888;font-size:10px;}
#tableau_commandes td a{color:#0081cb !important;font-weight:normal;}
#tableau_commandes td a:hover{color:#055299 !important;}
#tableau_commandes th{}
#tableau_commandes th, #tableau_commandes td{text-align:left;padding:5px;font-size:12px;-webkit-transition: background 500ms ease;
-moz-transition: background 500ms ease;
-ms-transition: background 500ms ease;
-o-transition: background 500ms ease;
transition: background 500ms ease;}
#tableau_commandes .completed_order_row, #tableau_commandes .cancelled_order_row{opacity:0.65;}
#tableau_commandes .completed_order_row td, #tableau_commandes .enabled_country_row td{background:#e4efe4;}
#tableau_commandes .cancelled_order_row td, #tableau_commandes .disabled_country_row td{background:#f8e9e9;}

#form_single_order{}
#form_single_order h2 span{font-size:12px;font-weight:normal;color:#777;}
#form_single_order textarea{height:115px;width:90%;padding:5px;font-family:arial, sans-serif;}
#form_single_order input.input_text{width:62%;padding:3px 1%;display:block;float:left;margin:2px 0;}
#form_single_order label{width:28%;display:block; float:left;padding:7px 0;margin:2px 0;color:#555;}

#popup_table{width:100%; margin-top:25px;}
#popup_table th{background:#666; padding: 10px; text-align: left; color: #fff;}
#popup_table td{background:#dadada; padding: 5px 10px;}

#popup_form {margin-top:25px; border:1px solid #000; margin:5px; background:#dadada;}
#popup_form .title{padding:10px; font-size:18px;}
#popup_form .row{display:block; width:100%;}
#popup_form .row .half{float:left; width:50%; padding:10px; box-sizing:border-box;}
#popup_form .row .half label{width:30%; display:inline-block;}
#popup_form .row .half input, #popup_form .row .half select, #popup_form .row .half textarea{width:60%; display:inline-block; padding:5px;}
#popup_form .clear{clear:both;}
#popup_form .error{padding: 10px; font-size: 12px; border: 2px solid #f00; background: #750000;color: #f00;margin: 0 10px;}
#popup_form .success{}

#popup_form #image.hide{display:none;}
#popup_form #texte.hide{display:none;}


.form, #list_item{width:100%; border-collapse: collapse; box-sizing:border-box; border:3px solid #333; margin-bottom:15px;}
	.form tr th,#list_item tr th{text-align:left; color:#fff; background:#333; border:1px solid #eee; padding:5px; font-size:14px; vertical-align:top;}
	.form tr td,#list_item tr td{background:#eee; border:1px solid #333; padding:10px 5px; font-size:12px; vertical-align:top;}
		.form tr td label,#list_item tr td label{display:block;}
			.form tr td label input,#list_item tr td label input{display:inline-block; width:auto;}
			.form tr td ul li span,#list_item tr td ul span{display:inline-block;}
			.form tr td ul li,#list_item tr td ul li{display:inline-block; margin:0 5px;}
			.form tr td ul.txthide{display:none;}
		.form tr td input, #list_item tr td input, .form tr td select,#list_item tr td select{width:100%; padding:5px; box-sizing:border-box;}
		.form tr td .ordre, #list_item tr td .ordre{width:50px; padding:0;}
		.form tr td.titre, #list_item tr td.titre{width:350px;}
		.form tr td input[type=submit],#list_item tr td input[type=submit]{width:100px; padding:5px; box-sizing:border-box;}
		.form tr td textarea,#list_item tr td textarea{width:100%; padding:5px; box-sizing:border-box;}
	.form .center ,#list_item .center{text-align:center;}
	.form .half{width:50%; box-sizing:border-box;}
	
	
#liste_pages {}
	#liste_pages table { width:100%; border-collapse: collapse; box-sizing:border-box; border:3px solid #333; margin:15px 0; }
		#liste_pages table tr {}
			#liste_pages table tr th { text-align:left; color:#fff; background:#333; padding:10px 5px; font-size:14px; vertical-align:middle; }
			#liste_pages table tr td { background:#eee; border:1px solid #333; padding:10px 5px; font-size:12px; vertical-align:middle; text-align: left; }
			#liste_pages table tr td.center { text-align: center; }
			#liste_pages table tr td:first-child{ width: 80px; }
			#liste_pages table tr td input{ width: 80px; }
	
	
	
#preview_upload{display: table; border-collapse: collapse;}
#preview_upload .upload_row{display: table-row;}
#preview_upload .upload_row span{display: table-cell; padding: 15px;}
#preview_upload .upload_row.success span:nth-child(2){color:green;}
#preview_upload .upload_row.error span:nth-child(2){color:red;}
#preview_upload, #preview_upload span{border: 1px solid #e6e6e6 ;}
#loading_upload{display: none; position: fixed; top:0; left:0; z-index: 9999; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
#loading_upload #container{position: relative; width:100%; height:100%;}
#loading_upload #container .centerMeHerePlz{position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); color: #fff;}



.greenBox,.redBox,.yellowBox{padding:10px;font-family:Roboto,sans-serif;font-size:15px;font-weight:700;margin:15px 0;line-height:1.2}
.redBox{background:#ffc7c7;border:1px solid #ff6c6c;color:#ff6c6c}
.greenBox{background:#c3ffa2;border:1px solid #72b74d;color:#72b74d}
.yellowBox{background:#fff7b2;border:1px solid #b7a058;color:#b7a058}