@charset "utf-8";
/* CSS Document */

html, body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; background-color: #f9f9f5; }

img { border:none; }

pre { font-family:"Courier New", Courier, mono; font-size:11px; }
#suivi pre { line-height:8px; }

a { text-decoration:none; color:#6699FF; }
a:hover { text-decoration:underline; color:#00CCFF; }

a.a_wide { display:block; padding:6px 10px; }
a.a_wide:hover { text-decoration:none; background-color:#00CCFF; color:#FFFFFF; font-weight:bold; }
a.a { display:inline-block; padding:2px 6px; width:90%; }
a.a:hover { text-decoration:none; background-color:#00CCFF; color:#FFFFFF; font-weight:bold; }

a.inv { text-decoration:none; color:#006600; padding:0 10px; }
a.inv2 { text-decoration:none; color:#00CCFF; }
a.inv:hover { background-color:#00BB00; color:#FFFFFF; }
a.inv:hover .greyed { color:#000000; }

.color_0,
.color_1,
.color_8,
.color_9 { background-color: lightgray; color: white; display: inline-block; width: 260px; font-size: 11px; text-align: center; margin-right: 25px; }
.color_0 { background-color: white; color: gray; }
.color_1 { background-color: green; }
.color_8 { background-color: orange; }
.color_9 { background-color: red; }

.preview { color:#f8a436; padding:0 3px; }
.disabled { text-decoration:line-through; color:#999; padding:0 3px; }
.greyed { color:#999; padding:0 3px; }

a.att { text-decoration:none; color:#CC3333; padding:0 3px; }
a.att:hover { color:#FFFFFF; background-color:#CC3333; }
span.att { color:#CC3333; }

.log-uri {
	font-size: 10px;
	font-weight: normal;
}

.help {
	display: inline-block;
	color: #bc8f8f;
	font-size:0.9em;
}
em.help { display: inline-block; margin-left: 15px; font-size: 10px; }

#adm_body ul { padding-left:0px; min-height:25px; margin-top: 0.25em; }
#adm_body li { list-style:none; }

#adm_body .w100 { display:inline-block; width:100px; }
#adm_body .w140 { display:inline-block; width:140px; }
#adm_body .w180 { display:inline-block; width:180px; }

#adm_body .small {	}

input, textarea, select, button {
	border: 0;
	border-bottom: #e2dfdf 2px solid;
	border-radius: 0;
	background-color: #f5f4f2;
	padding: 8px 10px 4px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	margin-bottom: 8px;
}
input[type=radio], input[type=checkbox], button {
	margin-bottom: 0;
}
input[type=radio], input[type=checkbox] { background-color: transparent!important; border: none!important; }
input[type=radio], input[type=checkbox] { background-color: transparent!important; border: none!important; }
input:focus, textarea:focus, select:focus {
	background-color: #fff;
	border-bottom-color: #ccc7c7;
	color: #333;
	outline: none;
	box-shadow: rgba(0, 0, 0, 0.15) 0 2px 6px inset;
}
input[type=color] {
	height: 40px;
}

.xxsmall  { width: 80px; }
.xsmall   { width: 160px; }
.small	  { width: 220px; }
.half     { width: 280px; }
.medium   { width: 461px; }
.large	  { width: 744px; }

input.txtright 	{
	text-align: right;
}

input.submit,
button.submit,
a.submit,
input.load,
button.load,
a.load,
input.cancel,
button.cancel,
a.cancel {
	background-color: #fff;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	-webkit-transition: 0.3s background, 0.3s color;
	-moz-transition: 0.3s background, 0.3s color;
	transition: 0.3s background, 0.3s color;
	display: inline-block;
	padding: .5rem 1rem .4rem;
	border-radius: 3px;
	text-transform: uppercase;
	cursor: pointer;
	vertical-align: top;
	line-height: initial;
	text-decoration: none;
}

input.submit,
button.submit,
a.submit {
	color: #33CC33;
	border: 1px solid #33CC33;
}
button.submit.sticked4 {
	color: #cc9933;
	border: 1px solid #cc9933;
}
input.submit:hover,
button.submit:hover,
a.submit:hover {
	background-color: #ccFFcc;
	background-color: rgba(51, 204, 51, 0.25);
}
button.submit.sticked4:hover {
	background-color: #ffefcc;
	background-color: rgba(204, 171, 51, 0.25);
}

input.load,
button.load,
a.load {
	color: #0088CC;
	border: 1px solid #0088CC;
}
input.load:hover,
button.load:hover,
a.load:hover {
	background-color: #bfe1f2;
	background-color: rgba(0, 136, 204, 0.25);
}

input.cancel,
button.cancel,
a.cancel {
	color: #CC3333;
	border: 1px solid #CC3333;
}
input.cancel:hover,
button.cancel:hover,
a.cancel:hover {
	background-color: #f2cbcb;
	background-color: rgba(204, 51, 51, 0.25);
}

#adm_body #page_form {
    border: grey 2px dashed;
    padding: 15px;
}

.submit.sticked,
.submit.sticked2,
.submit.sticked3,
.submit.sticked4,
.cancel.sticked {
	position: fixed;
	width: 120px;
	padding: .5rem;
	top: 220px;
	right: -3px;
	margin-right: -80px;
	-webkit-transition: margin 200ms;
	transition: margin 200ms;
	text-align: left;
	line-height: 14px;
	font-size: 10px;
	font-family: Tahoma, Helvetica, sans-serif;
}
.submit.sticked2 { top: 260px; }
.submit.sticked3 { top: 300px; }
.submit.sticked4 { top: 340px; }
.cancel.sticked { top: 160px; }
	.submit i,
	.cancel i { margin-right: 5px; }
	.submit.sticked:hover,
	.submit.sticked2:hover,
	.submit.sticked3:hover,
	.submit.sticked4:hover,
	.cancel.sticked:hover { margin-right: -3px; }

.toleft { float:left; }
.toright { float:right; }
.nofloat { clear:both; }

.warn { background-color:#C00; color:#FFF; font-weight:bold; }

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#formulaire_login {
	width: 300px;
	margin: 25px auto;
}
	#formulaire_login label {
		display: inline-block;
		margin: 15px 5px 5px 0;
		color: grey;
	}
	#formulaire_login input {
		width: 85%;
		margin: 15px 0 5px 0;
	}
	#formulaire_login button {
		margin: 25px 0;
	}
	#formulaire_login a img {
		margin: 5px 42px;
	}

#form_article #article_q { margin: 0 10px; }
.handle, .handle2 {
	float:left;
	margin: 4px;
	padding: 0px 4px;
	color: lightgrey;
	cursor:move;
}
.no_sort .handle,
.no_sort .handle2 { display: none; }
.icon {
	float:left;
	margin: 4px;
	padding: 2px 4px;
	color: lightgrey;
}
.icon.activ { color: #ff7a00; }
.icon.activ2 { color: red; }

#formulaire_configuration .config_item {
	padding: 15px 0;
/*	border-bottom: lightgrey 2px dotted; */
}
	#formulaire_configuration > div {
		width: 765px;
		margin: 0 auto;
	}
	#formulaire_configuration span {
		display: inline-block;
		margin-right: 25px;
	}
	#formulaire_configuration em {
		margin-bottom: 15px;
	}

#adm_header { margin:20px 0 50px; position:relative; }
	#adm_ticker {
		position: fixed;
		top: 2px;
		left: 2px;
		right: 2px;
		bottom: 2px;
		text-align: center;
		color: #2f45a7;
		background-color: rgba(0, 24, 57, 0.2);
		padding-top: 40vh;
	}
	#watchdog { position:absolute; top:50px; right:30px; width:80px; }
	ul.adm_menu {}
	ul.adm_menu li { float:left; padding:5px 15px; list-style:none; margin-left:0px;	 }
	ul.adm_menu li a { text-decoration:none; padding:3px 6px; border:#EEEEEE 0px solid; background-color: white; font-weight:bold; }
	ul.adm_menu li a:hover { text-decoration:none; background-color:#6699FF; color:#FFFFFF; }

	ul.to2cols li { float:left; width:47%; }
	ul.to3cols li { float:left; width:30%; }
	ul.to4cols li { float:left; width:22%; }


.sprite_open {
	margin:2px 15px -2px;
	transition-property: transform;
	transition-duration: 333ms;
}
.sprite_open.opened {
	transform: rotate(180deg);
}

.home_news_0, .home_news_1 {
	display: inline-block;
	width:16px;
	height:16px;
	margin-bottom: -4px;
	background:url(/img/home_news.png) no-repeat center left;
}
.home_news_1 { background-position:center right; }



#adm_body { margin:25px auto 40px; width:900px; min-height:460px; position: relative; }

#adm_footer { margin:30px; padding-top:20px; border-top:#CCCCCC 1px solid; text-align:center; font-size:10px; color:#999999; }
#adm_footer a { text-transform:uppercase; font-size:0.9em; }

.sortable_images { position:relative; min-height:122px; }
.sortable_images .loupe { position:absolute; right:-6px; bottom:-16px; }
.sortable_images .crop { position:absolute; left:3px; top:3px; }
.sortable_images .del { position:absolute; right:3px; top:3px; }

.couleur_mix .img-vignette,
.sortable_images .img-vignette,
.sortable_images .ui-state-highlight { position:relative; display:block; width:120px; height:120px; float:left; margin:6px 9px; border:1px solid #999999; background-color:#fff; background-position: center; background-repeat: no-repeat; }
.couleur_mix .img-vignette { text-shadow: white 0 15px 0; }
.sortable_images .ui-state-highlight { background-color:#f9f9fe; border:1px dashed #9999aa; }

.form-titre { padding:5px 15px; background-color:#6699FF; color:#FFFFFF; font-weight:bold; margin-bottom:15px; font-size:14px; }
.form-soustitre {
	margin: 15px 0px 5px 0px;
	padding: 5px 8px;
	background-color: #F3F3F3;
	color: #333333;
	font-weight: bold;
	font-size: 15px;
	border: #CCCCCC 1px solid;
}
.form-titre a,
.form-soustitre a,
.att.toright { display:inline-block; }
a.toright,
.att.toright { margin: 1px 2px 0 8px; }

.form-soustitre.alt {
  padding-top: 14px;
  background-color: transparent;
  border-width: 3px 0 0;
}

.tab-label { text-align:right; font-variant:small-caps; width:100px; }
span.tab-label { display: inline-block; }
.tab-label.toleft { text-align:left; font-variant:small-caps; width:auto; }
.label { font-variant:small-caps; display:block; }
.obligatoire { color:#C00; font-weight:bold; }

#tarif input {
	width: 280px;
}
#tarif input[type=number] {
	width: 80px;
	text-align: right;
}

.rubrique {
	display: inline-block;
	float: left;
	padding: 4px 8px;
	font-weight: bold;
	margin: 0 5px 5px 0;
	background-color: #EEEEEE;
	border: #999999 1px solid;
}
.rubriquewithicon label {
	position: relative;
	display: inline-block;
	padding: 4px 8px;
	font-weight: bold;
	margin: 0 5px 5px 0;
	background-color: #EEEEEE;
	border: #999999 1px solid;
  margin-left: -30px;
  padding-left: 30px;
}
.rubriquewithicon .fa {
  color: lightgrey;
	line-height: 11px;
	vertical-align: middle;
	}
.rubriquewithicon input[type="checkbox"] {
  position: relative;
  z-index: 100;
  margin-left: 10px;
}
.rubriquewithicon input[type="checkbox"]:checked + label .fa {
  color: #ff7a00;
}
.rubriquewithicon input[type="checkbox"]:checked + label[for="prod_drapeau"] .fa {
  color: red;
}

#adm_body .show .to_hide { display: block; }
#adm_body .to_hide { display: none; }

.sortable_list_source .remove { display: none; }
.sortable_list_dest .delete { display: none; }
.sortable_list_dest .toggle { display: none; }
.sortable-placeholder { border: orange 1px solid; background-color: rgba(255, 80, 2, 15%); min-height: 22px; }

.article_print_list {
    padding-bottom: 6px;
    margin-bottom: 12px;
    border-bottom: #bababa 1px solid;
}
    .article_print_list .ref {
        display: inline-block;
        min-width: 175px;
    }
    .article_print_list .fabr {
        float: right;
        color: #008fd1;
        font-size: 0.8em;
    }
    .article_print_list .nom {
        font-size: 1.2em;
        display: inline-block;
        padding-bottom: 8px;
    }
    .article_print_list .flags {
        display: inline-block;
        float: left;
        width: 180px;
        min-height: 72px;
    }
    .article_print_list del {
        color: #bababa;
    }
    .article_print_list .description {
        display: inline-block;
        float: left;
        width: 580px;
        min-height: 72px;
        max-height: 120px;
        color: #929292;
        font-size: 0.8em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .article_print_list .description p {
        margin: 0;
    }

.images_list {

}
	.images_list .thumb {
		float: left;
		position: relative;
		padding: 4px;
		margin-right: 15px;
		margin-bottom: 5px;
		width: 128px;
		font-size: 10px;
		color: black;
	}
	.images_list .thumb.letter {
		font-size: 36px;
	}
	.images_list .thumb.art {
		background-color: white;
	}
	.images_list .thumb.lib {
		background-color: darkred;
		color: white;
	}
	.images_list .thumb.old {
		background-color: darkblue;
		color: white;
	}
		.images_list .thumb img {
			width: 100%;
		}
		.images_list .thumb a {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			line-height: 110px;
			text-align: center;
			font-size: 36px;
			color: red;
			opacity: 0.1;
		}
		.images_list .thumb a:hover {
			background-color: rgba(0, 0, 0, 0.6);
			color: white;
			opacity: 1;
		}



.sql-backup-list li span {
	font-size: 1.2em;
	margin-right: 25px;
}
.sql-backup-list li:first-of-type {
//	background-color: yellow;
	border: #C00 1px solid;
}

#panier {

}
    #panier .row div.number {
        text-align: right;
    }



.calendar {
	font-size: 15px;
}
.calendar tbody tr td.day div:last-child {
    font-size: 12px !important;
	min-height: 28px !important;
}

.label_page {
	padding:15px;
	border-bottom: pink 1px dashed;
}
	.label_page label {
		margin: 15px;
	}
	.label_page .cancel {
		float: right;
	}
.crop_page {
	padding:15px;
	max-width: 100%;
}
	.crop_page td {
		line-height: 1em;
		position: relative;
	}
	.crop_page td.selpic {
		position: relative;
	}
	.crop_page td.selpic input {
		visibility: hidden;
		position: absolute;
	}
	.crop_page td.selpic input:active ~ label {
		background-color: #f00;
	}
	.crop_page td.selpic input:checked ~ label {
		background-color: #c00;
	}
	.crop_page td.selpic label {
		background-color: #eee;
		display:block;
		padding:6px;
	}
	.crop_page td.selpic span {
		font-size: 1ex;
	}
	.crop_page td.selpic .lightbox img {
		position: absolute;
		top: 94px;
		right: 0px;
	}
.crop_box {
	width: 120px;
	float: right;
}
	.crop_box form {
		text-align: right;
	}
		.crop_box span {
			display: inline-block;
			width: 20px;
			margin-left: 25px;
		}
		.crop_box input[type=text] {
			text-align: right;
			background-color: #fafafa;
			border: none;
			margin: 6px;
			padding: 5px;
			font-size: 1ex;
		}
	.crop_box .image {
		margin-right: 120px;
		border: #321654 10px dotted;
	}
	#cropbox {
		max-width: 100%;
		max-height: 100%;
	}

#adm_body .select2 ul {
	margin: 5px 10px;
}
.select2-result-repository {
    padding-top: 4px;
    padding-bottom: 3px
}
.select2-result-repository__avatar {
    float: left;
    width: 100px;
    margin-right: 10px
}
.select2-result-repository__avatar img {
    width: 100%;
    height: auto;
    border-radius: 2px
}
.select2-result-repository__meta {
    margin-left: 70px
}
.select2-result-repository__title {
    color: black;
    font-weight: 700;
    word-wrap: break-word;
    line-height: 1.1;
    margin-bottom: 4px
}
.select2-result-repository__description {
    font-size: 13px;
    color: #777;
    margin-top: 4px
}
.select2-results__option--highlighted .select2-result-repository__title {
    color: white
}
.select2-results__option--highlighted .select2-result-repository__description {
    color: #c6dcef
}

#to_abcshootings {
	display: inline-block;
	padding: 6px 10px 0 50px;
}

div#boutons_sticky {
		position: absolute;
		top: -50px;
		width: 100%;
		margin: 0 auto;
		text-align: center;
		background-color: #fff;
		padding: 5px;
}

div#boutons_sticky.stick {
		position: fixed;
		top: 0px;
		left: 0;
		padding: 0;
		line-height: 40px;
		background-color: rgba(222, 222, 222, 0.85);
}



.resastatut,
.complet {
	display: inline-block;
	padding: 2px 8px;
	margin-right: 10px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: yellow;
	border-radius: 12px;
}
.resastatut { width: 100px; }
.complet { width: 22px; }
.resastatut_0,
.complet_0 { background-color: #ea0000; }
.complet_1 { background-color: #00b42f; }
.disabled .complet_0 { background-color: lightgrey; }

.resastatut_1 { background-color: #e2cd00; }
.resastatut_2 { background-color: #008ae2; }
.resastatut_3{ background-color: #05a594; }
.resastatut_8 { background-color: #29244b; }
.resastatut_9 { background-color: #3b3b3b; }
.resastatut:has(input:not(:checked)) {
	background-color: grey;
}

.STADE,
.ASSO {
	display: inline-block; 
	width: 70px;
	padding: 2px 8px;
	margin-right: 10px;
	color: white;
	font-weight: bold;
	text-align: center;
	background-color: #88b643;
	border-radius: 12px;
}
.ASSO {
	background-color: #2997af;
}


.graph {
    width:100%;
    border-radius: 12px;
    overflow: hidden;
}
.graph .graphval {
    display: inline-block;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
    box-shadow: black 15px 5px 0)
}
.graph .graphval.OUI {
    background-color: darkgreen;
}
.graph .graphval.NON {
    background-color: darkred;
}



.disabledimg {
    background: white url('/img/bg_mailimg.jpg') center center no-repeat;
}
.disabledimg img {
    opacity: 0.33;
}



.m-graph {
    position: relative;
    display: block;
    height: 30px;
    background-color: grey;
    color: white;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    border-radius: 15px;
    overflow: hidden;
}
    .m-graph .fa {
        position: absolute;
        top: 5px;
        left: 8px;
    }
    .m-graph > div {
        display: inline-block;
        float: left;
        height: 30px;
        text-align: center;
    }



@media print {

    body { font-size: 120%; line-height: 150%; }
    .container { max-width: none !important; }
    .no_print { display:none; }

}