/* general */

nav + main
{
	padding-top:65px;
	padding-left: 150px;
	
	-webkit-transition: padding 0.6s ease 0s;
    -moz-transition: padding 0.6s ease 0s;
    -o-transition: padding 0.6s ease 0s;
    transition: padding 0.6s ease 0s;
}
#loaderPage.progressbar .progress
{
	background-color:#212121;
}

/* Page */ 

article
{
	margin: auto;
}
article .carouselDiapo
{
	position: absolute;
	height: 100%;
}
article form .trumbowyg-box,
article form .trumbowyg-box .trumbowyg-editor
{
	min-height: 150px;
	margin: 0 auto;
}
article form .trumbowyg-box .trumbowyg-editor
{
	padding: 10px;
	cursor: text;
}

/* Gestions Pages */

article form .allRubriques .thisRubrique
{
	background: #888;
	margin: 10px;
	padding: 10px 20px;
	color: #fff;
}
article form .allPages > .thisPage
{
	margin: 10px 0;
	padding-top: 10px;
	background: #ddd;
	color: #222;
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
article form .allPages > .thisPage:hover
{
	background: #ccc;
}
article form .allPages > .highlight
{
	margin: 10px;
}
article form .allPages .allSsPages
{
	min-height: 43px;
	background:#eee;
	margin: 10px 0;
}
article form .allPages .allSsPages .thisPage
{
	padding: 10px 0;
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
article form .allPages .allSsPages .thisPage:hover
{
	background: #ddd;
}

/* Header */

article .header
{
	/*background:#EAF8F9;
	color: #212121;*/
	color: #4a5568;
	padding: 20px 0;
}
article .header .title
{
    font-size: 25px;
    text-align: center;
    font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Table Lists New Version */

article .tableLists
{
	padding: 0 10px;
}
article .tableLists > div:not(.buttons) > .row
{
	border-bottom: 1px solid #ddd;
	cursor: default;
}
article .tableLists > div .row:not(.no-gutters)
{
	margin-left: -10px;
	margin-right: -10px;
}
article .tableLists > div .row:not(.no-gutters) > div
{
	padding-left: 10px;
	padding-right: 10px;
}
article .tableLists > div > .row > div
{
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 60px;
}
article .tableLists > div:not(.buttons) > .row > div:before
{
	content: "";
	position: absolute;
	left: 0px;
	top: 0;
	bottom: 0;
	width: 1px;
	background:#ddd;
}
article .tableLists > div:not(.buttons) > .row > div:last-child:after
{
	content: "";
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 0;
	width: 1px;
	background:#ddd;
}
article .tableLists > .titres > .row:first-child,
article .tableLists .row.borderTop
{
	border-top: 1px solid #ddd;
}
article .tableLists > .lists > .row
{
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
article .tableLists > .lists > .row:nth-child(odd)
{
	background:#f8f8f8;
}
article .tableLists > .lists > .row.checked,
article .tableLists > .lists > .row:hover
{
	background:#e5e5e5;
}
article .tableLists > .lists > .row.Atraiter
{
	background:#fff;
}
article .tableLists > .lists > .row.Atraiter.checked,
article .tableLists > .lists > .row.Atraiter:hover
{
	background:#e5e5e5;
}
article .tableLists > .lists > .row.Encoursdetraitement
{
	background:#D1D0D0;
}
article .tableLists > .lists > .row.Encoursdetraitement.checked,
article .tableLists > .lists > .row.Encoursdetraitement:hover
{
	background:#B4B2B2;
}
article .tableLists > .lists > .row.Enattentedepaiement
{
	background:#8FBBEF;
}
article .tableLists > .lists > .row.Enattentedepaiement.checked,
article .tableLists > .lists > .row.Enattentedepaiement:hover
{
	background:#3A87E2;
}
article .tableLists > .lists > .row.Paiementaccepte
{
	background:#7ddbdf;
}
article .tableLists > .lists > .row.Paiementaccepte.checked,
article .tableLists > .lists > .row.Paiementaccepte:hover
{
	background:#3ab7b9;
}
article .tableLists > .lists > .row.EnvoyeaADS
{
	background:#C6D07F;
}
article .tableLists > .lists > .row.EnvoyeaADS.checked,
article .tableLists > .lists > .row.EnvoyeaADS:hover
{
	background:#9EAC3F;
}
article .tableLists > .lists > .row.ads.EnvoyeaADS
{
	background:#fff;
}
article .tableLists > .lists > .row.ads.EnvoyeaADS.checked,
article .tableLists > .lists > .row.ads.EnvoyeaADS:hover
{
	background:#e5e5e5;
}
article .tableLists > .lists > .row.TraiteparADS,
article .tableLists > .lists > .row.Traite
{
	background:#95D888;
}
article .tableLists > .lists > .row.TraiteparADS.checked,
article .tableLists > .lists > .row.TraiteparADS:hover,
article .tableLists > .lists > .row.Traite.checked,
article .tableLists > .lists > .row.Traite:hover
{
	background:#4BAD38;
}
article .tableLists > .lists > .row.Archive
{
	background:#EF8F8F;
}
article .tableLists > .lists > .row.Archive.checked,
article .tableLists > .lists > .row.Archive:hover
{
	background:#E44646;
}
article .tableLists > .lists > .row input
{
	/*border: none !important;
    padding: 0;*/
    background: none;
}

/* Details */

article form .details .row .title
{
	position: relative;
	font-weight: 600;
	line-height: 20px;
}
article form .details .row .title .desc
{
    font-weight: 400;
    font-size: 13px;
	margin-top: -2px;
}
article form .details .row .title a
{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
}
article form .details .row:hover .title a
{
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	transition-delay:0s;
	color: #212121;
}
article form .details .row .title a div
{
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
article form .details .medias a
{
	margin-right: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
article form .details .medias a img
{
	display: block;
	width: 80px;
	border: 1px solid #888;
}
article form .details .medias a .doc
{
	width: 80px;
}
article form .details .medias a .doc i
{
	font-size: 50px;
}
article form .details .medias a .delete
{
	cursor: pointer;
	position: absolute;
	top: -5px;
	right: -15px;
	color: #222;
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
article form .details .medias a .delete:hover
{
	color: #212121;
}
article form .details .medias a .modifier
{
	cursor: pointer;
	position: absolute;
	top: -5px;
	right: -30px;
	font-size: 20px;
	color: #222;
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
article form .details .medias a .modifier:hover
{
	color: #888;
}
article form .details .medias .add
{
	cursor: pointer;
	line-height: 40px;
	display: inline-block;
    -webkit-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -moz-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    -o-transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
    transition: color 0.6s ease 0s, background 0.6s ease 0s, border-color 0.6s ease 0s;
}
article form .details .medias .add:hover
{
	color: #212121;
}
article form .details .medias .add .progressbar
{
	vertical-align: -5px;
}
article form .details .medias.dragging
{
	position: relative;
	background:#eee;
	height: 70px;
}
article form .details .medias.dragging:before
{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	left: 50%;
	margin-left: -120px;
	
	content: url("/pages/images/pictos/drop.png");
}
article form .details .medias.dragging:after
{
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -70px;
	width: 200px;
	text-align: center;
	font-size: 20px;
	content: "Drop files here";
	color: #ddd;
	text-transform: uppercase;
}
article form .details .medias.dragging > *
{
	visibility: hidden;
}
article form .details > .row
{
	margin: 10px -5px;
}
article form .details > .row > *
{
	padding: 0 5px;
}

/* Modal options */

article .options
{
	position: relative;
}
article .tableLists > .lists > .row .options
{
	padding: 0 20px;
}
article .options .modalOptions
{
	position: absolute;
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px 20px;
	top: 30px;
	right: 0;
	display: none;
	z-index: 1;
}
article .tableLists > .lists > .row .options .modalOptions
{
	top: 0;
	right: 40px;
}
article .options .modalOptions .button
{
	display: block;
	margin: 10px 0;
}
article .options .modalOptions .button i
{
	width: 20px;
}

/* BANDEAU */

article .bandeau
{
	position: relative;
	background-size: cover;
	background-position: center center;
	background-image: url("/pages/images/background/home1_1.jpg");
	height: 500px;
}
article .bandeau.bsm
{
	position: relative;
	background-size: cover;
	background-position: center center;
	background-image: url("/pages/images/background/home_bsm.jpg");
	height: 500px;
}
article .bandeau.couponSport
{
	position: relative;
	background-size: cover;
	background-position: center center;
	background-image: url("/pages/images/background/home_coupon_sport.jpg");
	height: 500px;
}
article .bandeau .trame
{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0,0,0,0.3);
}
article .bandeau .logo
{
	height: 120px;
}
article .bandeau .titre
{
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 0 20px;
}
article .bandeau.bsm .titre
{
	font-family: 'Arcadienne Brush';
	font-weight: 600;
	font-size: 140px;
	color: #002b56;
}
article .bandeau.couponSport .titre
{
	font-family: 'Arcadienne Brush';
	font-weight: 600;
	font-size: 140px;
	color: #fff;
}
article .bandeau .saison
{
	font-size: 30px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 0 20px;
}
article .bandeau.bsm .saison
{
	font-family: 'Arcadienne Brush';
	font-weight: 600;
	color: #002b56;
}

/* HOME */

.popUpInfo .num
{
	width: 60px;
	height: 60px;
	background:#222;
	color: #fff;
	font-size: 30px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
}
.popUpInfo .logo
{
	width: 300px;
	max-width: 100%;
}
article.home .rgpd,
article.home .cgv
{
	text-decoration: underline;
	font-weight: bold;
}

/* Login */

article.login
{
	height: 100vh;
	background-size: cover;
	background-position: center center;
	background-image: url("/pages/images/background/home1_1.jpg");
}
article.login .button
{
	color:#fff;
}
article.login .button:hover
{
	color:#aaa;
}
article.login input:focus
{
	border:1px solid #888!important;
}

/* FOOTER */
footer
{
	color: #fff;
	background: #222;
	padding: 20px;
	text-align: center;
}
footer .thisLink
{
	display: inline-block;
	padding: 0 15px;
}
footer a
{
	color: #fff;
}
footer a:hover,
footer a.active
{
	color: #aaa;
}