@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,900);

:root {
	--theme-blue: #004a95;
	--theme-green: #00914a;
	--theme-darkblue: #3a5566;
	--theme-darkerblue: #313247;
	--theme-text: #666c73;
	--theme-pink: #f83ec6;
	--theme-primarylight: #ffffff;
}

a:focus
{
	outline:0;
}
html {
	overflow-y: scroll;
	overflow-x: hidden; /* I do NOT want hz scroll */
}
html {
	background-color:#1c3b4f;
}


html, body {
	background-color:transparent;
}
html.login {
	/*background: url(../img/public-bg-1440x900.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/


}
html.logged {
	/*background-color:black;*/
}
html {
	height: 100%;
}

body {
	overflow-y: initial; /* avoid the double scroll */
}

body.bodyleftmenu {
	background-image: linear-gradient(90deg, #1c3b4f 230px, transparent 1px);
	background-attachment:fixed;
	background-position:top center;
	height: 100%;
	width: 100%;
	border: 0;
	/*background-size:contain;
    position:fixed;*/
}

body {
	min-height: 100%;
}

body {
	/*font-family: 'Droid Sans', Helevetica, sans-serif;*/
	/*font-family: Open Sans;*/
	font-family: 'Open Sans', sans-serif;
}
body {
	margin: 0 auto;
	float: none;
	padding:0;
}

a, a:hover {
	color:#5a5a5a;
}

h1 {
	color:#414141;
	font-size:24px;
	clear:both;
	margin: 0 0 30px 0;
}

/*****/


#identificationDiv {
	margin:0 auto;
	padding: 0;
	background-color:  var(--theme-blue);;
	background-color: #fff;
	margin-top: 10px;
    z-index:999;
    max-width:600px;

}


h2 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding: 10px 10px 0 10px;
    margin:10px 0 0 0;
}

#identificationDiv > .row {
    background-color: #fff;
    border-radius: 15px;
    border:0px solid blue;
    filter: drop-shadow(10px 10px 0.75rem lightgray);
    text-align: center;
    padding: 0 20px;
}

#identificationTitre {
	text-transform: uppercase;

	text-align: center;
	color: #fff;
	font-size: 28px;
	padding: 0px 30px;
	box-sizing: content-box;

}
#identificationTitre span {
	font-size: 57px;
	font-weight: 700;
	text-align: left;
	line-height: 1;
	width:100%;
}
#identificationTitre span.soustitre {
	font-size:28px;
	font-weight: 400;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 5px;
}
#identificationTitre span.soustitre2 {
	font-size: 24px;
	font-weight: 400;
	text-align: justify;
}


#identificationForm {
	width:100%;
	text-align:center;
	/*margin-top: 65px;*/
}

input.texte {
	color: #3b3b3b;
	padding: 6px 12px 6px 37px;
}

label#labelidentifiantlogin {

}


input#inputidentifiantlogin, input#inputidentifiantpassword {
    display: block !important;
    margin: 0 auto;
    padding: 15px 25px !important;
    width: 100% !important;
    margin-top: 0 !important;
    border-radius: 24px;
    height: 50px;
    filter: drop-shadow(5px 5px 0.25rem lightgray);
}

input[name="identifiant"] {

}

input[name="motdepasse"] {

}

label#labelmdplogin, label#labelidentifiantlogin {
	display:block !important;
	margin-bottom:20px;
}
/*label#labelidentifiantlogin:before {
	content: "";
	height: 34px;
	width: 33px;
	background-image: url(../svg/identifiant.svg);
	background-position: 7px 6px;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	background-size: 20px 20px;
	border: 0 solid #d7dbdd;
	border-right-width: 1px;
	margin-left: calc(50% - 155px);
	margin-top: 2px;
}
label#labelmdplogin:before {
	content: "";
	height: 34px;
	width: 33px;
	background-image: url(../svg/cadenas.svg);
	background-position: 7px 6px;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	background-size: 20px 20px;
	border: 0 solid #d7dbdd;
	border-right-width: 1px;
	margin-left: calc(50% - 155px);
	margin-top: 3px;
}*/


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
	display: flex;
	align-items: stretch;
}

#sidebar {
	min-width: 250px;
	max-width: 250px;
	background: #FAFAFA;
	color: #fff;
	transition: all 0.3s;
}

#sidebar.active {
	min-width: 80px;
	max-width: 80px;
	text-align: center;
}

.sidebar-header img {
	max-width:100%;
	max-height: 100px;
	margin: 10px 0;
}

.sidebar-header h3, .sidebar-header strong {
	color:#5a5a5a;
	text-align:center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
	display: none;
}

#sidebar.active .sidebar-header strong {
	display: block;
}

#sidebar ul li a {
	text-align: left;
}
#sidebar ul li a svg {
	color:#29235C;
	float:left;
	margin: 5px 0 0 10px;
}

#sidebar.active ul li a svg {
	float: none;
	margin: 0px;
}

#sidebar.active ul li a {
	padding: 20px 10px;
	text-align: center;
	font-size: 0.85em;
}

#sidebar.active ul li a i {
	margin-right: 0;
	display: block;
	font-size: 1.8em;
	margin-bottom: 5px;
}

#sidebar.active ul ul a {
	padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
	top: auto;
	bottom: 10px;
	right: 50%;
	-webkit-transform: translateX(50%);
	-ms-transform: translateX(50%);
	transform: translateX(50%);
}

#sidebar .sidebar-header {
	padding: 20px;
	background: transparent;
	text-align: center;
}

#sidebar .sidebar-header strong {
	display: none;
	font-size: 1.8em;
}

#sidebar ul.components {
	padding: 20px 0;
	/*border-bottom: 1px solid #47748b;*/
}

#sidebar ul li a {
	padding: 10px;
	font-size: 1.2em;
	display: block;
	border-left:2px solid transparent;
	text-align: center;
}

#sidebar ul li a:hover {
	color: #29235C;
	background: #fff;
}

#sidebar ul li a i {
	margin-right: 10px;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
	/*color: #fff;
    background: #6d7fcc;*/
	border-left:2px solid #29235C;
}

a[data-toggle="collapse"] {
	position: relative;
}

.dropdown-toggle::after {
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	background: #6d7fcc;
}

ul.CTAs {
	padding: 20px;
}

ul.CTAs a {
	text-align: center;
	font-size: 0.9em !important;
	display: block;
	border-radius: 5px;
	margin-bottom: 5px;
}

a.download {
	background: #fff;
	color: #29235C;
}

a.article,
a.article:hover {
	background: #6d7fcc !important;
	color: #fff !important;
}

#sidebar ul:last-of-type {
	position: sticky;
	bottom: 0;
	margin-top: 450px;
}
#sidebarCollapse.btn-info {
	color: #29235C;
	background-color: #fff;
	border-color: #29235C;
	margin:5px 5px 5px -35px;
}
#sidebarCollapse.btn-info:hover {
	color: #fff;
	background-color: #29235C;
	border-color: #29235C;
}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#maincontent {
	width: 100%;
	padding: 0px;
	min-height: 100vh;
	transition: all 0.3s;
	background-color: #EBEBEB;
	/*min-height:100%;*/
}

#maincontentinside{
	height:100%;
}

#maincontentinside .row {
	min-height:100%;
}


.homecontent > div {
	padding: 15px 8px 0 7px;
	padding-bottom: 0px;
	padding-bottom: 0;
}

.homecontent > div > div {
	background-color:#fff;
	border-radius:15px;
	width: 100%;
}

.row.display-flex {
	display: flex;
	flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
	display: flex;
	flex-direction: inherit;
}

label.switchlabel {
	display: block;
	padding-left: 5px;
}

p.info {
	padding: 15px;
	text-align:left;
}
p.info > svg {
	color:#1B4F9C;
	margin-bottom: -5px;
	margin-right: 5px;
}

.nbadherentsactifs, .nbcollaborateursactifs {
	font-size:2em;
	font-weight:bold;
	padding: 0 10px;
}

.nbadherentsactifs {
	color:#D645DB;
}
.nbcollaborateursactifs {
	color:#6B12FF;
}
.labelstatsutilisateurs, .labelstatsutilisateurs2 {
	font-size:1em;
	font-weight: bold;
	display: block;
	padding: 0 10px;
	margin-left: 0px;
	text-align: left;
}
.labelstatsutilisateurs2 {
	padding-bottom: 33px;
}


/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 21px;
}
.switchbig {
	/*margin-top: calc(50% - 10px);*/
	margin-top:0;
}

/* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 19px;
	width: 19px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #009E3D;
}

input:focus + .slider {
	box-shadow: 0 0 1px #009E3D;
}

input:checked + .slider:before {
	-webkit-transform: translateX(19px);
	-ms-transform: translateX(19px);
	transform: translateX(19px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}


#infosaccueil {
	background-color:#394C72;
	padding:20px;
}
#infosaccueil * {
	color:#fff;
}
#infosaccueil ul {
	padding-left: 20px;
}
#infosaccueil h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-top:30px;
	padding-left: 5px;
}
#infosaccueil a {
	text-decoration:underline;
}

ul#listeadherentsactifs {list-style-type: square;}

label.standardlabel {
	padding:5px 5px 5px 20px;
}

ul#listetopnotes {
	list-style-type: decimal;
	text-align: left;
	font-weight: bold;
	width: 100%;
	padding: 0 0 0 35px;
	margin: 0;
}
ul#listetopnotes li {

}
ul#listetopnotes li span.titrenote {
	padding: 5px;
	width: 75%;
	text-align: left;
	display: inline-block;
	text-decoration: underline;
}
ul#listetopnotes li span.note {
	padding: 5px;
	width: 25%;
	text-align: left;
	display: inline-block;
}
ul#listetopnotes li svg {
	color:gold;
	margin: 0 0px 0 5px;
}

#divstatscontenus > div {
	margin-bottom:15px;
}

#divstatscontenus div div div label{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 2em;
	padding-top: 0.4em;
}

#divstatscontenus div div div span{
	font-size:2em;
}

#divstatscontenus svg {
	margin-top: 0.3em;
}
#divstatscontenus span {
	margin-top: 0.3em;
}

#statsactualites div svg {
	color:#433E70;
}
#divstatscontenus #statsactualites span {
	color:#737373;
}

#statsagenda div svg {
	color:#433E70;
}
#divstatscontenus #statsagenda span {
	color:#737373;
}

#statssecurite div svg {
	color:#F94D50;
}
#divstatscontenus #statssecurite span {
	color:#F94D50;
}

#statsjuridique div svg {
	color:#FF7312;
}
#divstatscontenus #statsjuridique span {
	color:#FF7312;
}

#statsmeteo div svg {
	color:#45DBBE;
}
#divstatscontenus #statsmeteo span {
	color:#45DBBE;
}
/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
	#sidebar {
		min-width: 80px;
		max-width: 80px;
		text-align: center;
		margin-left: -80px !important;
	}
	.dropdown-toggle::after {
		top: auto;
		bottom: 10px;
		right: 50%;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
	}
	#sidebar.active {
		margin-left: 0 !important;
	}
	#sidebar .sidebar-header h3,
	#sidebar .CTAs {
		display: none;
	}
	#sidebar .sidebar-header strong {
		display: block;
	}
	#sidebar ul li a {
		padding: 20px 10px;
	}
	#sidebar ul li a span {
		font-size: 0.85em;
	}
	#sidebar ul li a i {
		margin-right: 0;
		display: block;
	}
	#sidebar ul ul a {
		padding: 10px !important;
	}
	#sidebar ul li a i {
		font-size: 1.3em;
	}
	#sidebar {
		margin-left: 0;
	}
	#sidebarCollapse span {
		display: none;
	}
}
@media (max-width: 768px) {
	.switchbig {
		margin-top: 0;
	}
}
/****/






#topbar {
	height: 65px;
	width:100%;
	background-color: #1c3b4f;
	min-width:685px;
	position: fixed;
	z-index: 60;
}
#topbar-content {
	width: 100%;
	margin: 0 auto;
	/*margin-left:65px;*/
	padding: 0;
	height: 65px;
}
#labelTitrePage {
	display: block;
	float: left;
	color: #fff;
	font-size: 18px;
	padding: 20px;
}
#topbar-content a {
	color:#fff;
}
a#topbar-logolink {
	background-color: transparent;
	padding: 0px;
	display: block;
	float: left;
	height: 65px;
}
a#topbar-logolink img {
	height: 60px;
	width: 135px;
	margin: 0 30px;
}


a#topbar-logout-compte {
	width: 45px;
	height: 45px;
	/*background: transparent url(./svg/padlock.svg) 0 0 no-repeat;*/
	padding: 0;
	display: block;
	position: absolute;
	right: 50px;
	content: ' ';
	margin: 10px 0 0 0;
}

#content {
	width: 1000px;
	margin: 0 auto;
	padding: 0px 58px;
	background-color: #f8f8fa;
	padding-bottom: 30px;
	z-index: 5;
}
#contentadmin {
	/*min-width: 620px;
    max-width: 1240px;*/
	min-width: 690px;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0px;
	padding-top: 0px;
	/*background-color: #f8f8fa;*/
	padding-top: 65px;


}
#outer-contentadmin {
	margin-left:230px;
	background-color: #e5e4e4;
	min-height: 100%;
}
#inner-contentadmin {
	padding-top: 0px;
	padding-bottom: 400px;
	padding-left:20px;
	padding-right:20px;
}

#leftmenu {
	position: fixed;
	left: 0;
	top: 65px;
	background-color: #1c3b4f;
	/*height:10000px;*/
	width:230px;
	width: 230px;
}
#leftmenu li {
	list-style-type: none;
	margin: 0px 0 0 10px;
	margin-left: -40px;
	background-color:#183244;
}
#leftmenu li.niveau1 {
	height: 55px;
}

#leftmenu li a {
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	display: block;

	padding-top: 5px;
	opacity: 0.3;
	padding-bottom: 5px;
}

#leftmenu li a:hover {
	opacity:1;
}

#leftmenu li.niveau1 a {
	background-position: 20px 20px;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 60px;
	padding-top: 20px;
	padding-bottom: 15px;
}

/*
#leftmenu li a#menu-contenus {
	background-image: url(./svg/icon-actu.svg);
}
#leftmenu li a#menu-fiches {
	background-image: url(./svg/icone-fiches-techniques.svg);
}
#leftmenu li a#menu-contacts {
	background-image: url(./svg/inscription.svg);
}
#leftmenu li a#menu-abecedaire {
	background-image: url(./svg/icone-abecedaire.svg);
}*/

#leftmenu li.selected a {
	opacity: 1;
}
#leftmenu li.deployed {
	background-color: #152a39;
}

#button-creer-contenu {
	margin-top: 30px;
	margin-right: 0;
	width: 170px;
	margin-bottom: 30px;
	margin-left:10px;
}
#button-creer-contenu.fichetechnique {
	width: 225px;

}
.boutonNew {
	text-transform: uppercase;
	color: #fff;
	font-size: 12px;
	background-color: #152a39;
	padding: 12px 14px;
	height: 41px;
	display: block;

}
.boutonNew:hover {
	color: #fff;
}

.boutonNew:link {
	color: #fff;
}
.boutonNew:visited {
	color: #fff;
}
.boutonNew:hover {
	color: #fff;
}
.boutonNew:active {
	color: #fff;
}

.boutonNew::before {
	width: 22px;
	content: '+';
	margin: -12px 0 0 0;
	float: left;
	background-color: #152a39;
	font-size: 25px;
	padding: 0;
}
/*.boutonNew::after {
content: ' '; display: block; clear: both;
}*/


button.boutonNew {
	border:0;

}
button.boutonNew::before {
	display:none;
}



#identificationBody {

}

#identificationBody label {
	display:none;
}
#logoIdentification {
	margin: 0px auto 20px auto;
	/*width: 310px;*/
	height: 200px;
	display: block;
}

#identificationH1 {
	text-transform: uppercase;
	padding: 10px 0 0 0;
	text-align: center;
	text-align: center;
	color: #fff;
	font-size: 28px;
	padding: 0px 30px;
	margin-top: -44px;
	margin-left: 5px;
	width: 390px;
	height: 390px;
	float: left;
}
img.identificationLogo {
	max-width: 330px;
	padding: 13px;
	margin: 30px;
	background-color: #fff;
	width: 70%;
}
.form-group {
	margin-left:50px;
}
#loginButton {
    border: 1px solid #152a39;
    margin: 15px auto 30px auto;
    height: 50px;
    border-radius: 25px;
    background-color: #004e98;
    float: right;
    padding: 12px 65px;
    text-transform: none;
    font-size: 15px;
}
#identificationH1 span {
	display: block;
	font-size: 57px;
	font-weight: 700;
	text-align: left;
	line-height: 1;
	width:100%;
}
#identificationH1 span.soustitre {
	display:block;
	font-size:28px;

	font-weight: 400;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 5px;
}
#identificationH1 span.soustitre2 {
	display:block;
	font-size: 24px;

	font-weight: 400;
	text-align: justify;
}




.help-block {
	color: #a94442;
	width: 90%;
	text-align: center;
	margin: 10px auto;
	padding: 5px;
	font-size: 12px;
	background-color: #ffffffcc;
}
input {
	/* background-color: #fff !important;*/

}


#oublimdp {
	/*display: none;*/
	float: right;
	margin-right: 50px;
	color: #fff;
	clear: right;
	font-size: 12px;
	margin: 10px 50px 0 0;
}

.left, .right {

	/*background-color:blue;*/

	margin:0;
	padding: 0px 20px 20px 20px;
}


.right {

	/*background-color:red;*/

}
.right::after {
	content:'';
	clear:both;
}

.left label , .right label {
	width:100%;
	color:#3b3b3b;
	padding: 15px 10px 5px 10px;
	text-transform: uppercase;
}
.left input.text , .right input.text {
	width: 100%;
	background-color: #e3e8ee;
	border: 0;
	color:#7f8385;
	border: 1px solid #efefef;
}
.left input.text:hover , .right input.text:hover {
	border-color: #ccc;
}

.right input.date {
	width: 100%;
	background-color: #e3e8ee;
	border: 0;
	padding: 10px;
	color: #7f8385;
	background: #e3e8ee url(../img/calendar.png) 20px 9px no-repeat;
	padding-left: 55px;
	border: 1px solid #efefef !important;
}
.right input.date:hover {
	border: 1px solid #ccc !important;
}
.right input.date2 {
	width: 170px;
	padding: 10px;
	padding-left: 10px;
	color: #7f8385;
	background: #fff;
	padding-left: 42px;
	border: 1px solid #ccc !important;
}
.left input.date2 {
	width: 100%;
	padding: 10px;
	padding-left: 10px;
	color: #7f8385;
	background: #fff url(../img/calendar.png) 20px 5px no-repeat;
	padding-left: 55px;
	border: 1px solid #ccc !important;
}
#formimage {
	color: #fff;
	background-color:#1c8bdc;
	background: url(../img/empty-image-upload-outer.png), url(../img/empty-image-upload-center.png);
	background-size: 100% 100%, 100px 80px;
	background-repeat: no-repeat, no-repeat;
	background-position:center center, center center;

	background-color:#1c8bdc;
	text-transform: uppercase;
	font-size: 11px;
}


img.img-default {
	margin: 0 auto;
	display: block;
	padding: 50px;
	/*width:100px;
	height:80px;*/
}

div.dates {
	height: 45px;
	margin-top: 0px;
	clear: both;
}
div.dates label {
	margin-top:5px;
	padding-top:0;
}
div.dates div {
	width:240px;
	float:left;
	position:absolute;
	/*background-color:green;*/
}
div.dates div.dates-right {
	margin-left: 20px;
}
div.dates div.dates-right {
	margin-left: 270px;
	/*background-color: orange;*/
}

div.dates div.dates-right label:first-child, div.dates div.dates-left label:first-child{
	margin-left: 20px;
	padding-top: 5px;
	float:left;
	width:50px;
}

div.dates div.dates-right label:last-child, div.dates div.dates-left label:last-child{
	width:170px;
	float:left;
}



label.labelimage {
	font-size: 10px;
	/*padding-left: 0;*/
	text-transform: none;
	text-align: center;
}

#description {
	width: 100%;
	border: none;
	background-color: #e3e8ee;
	color: grey;
	padding: 10px 20px;
	/*height: 450px;*/
	color:#7f8385;
}


.firstlettermaj::first-letter {
	text-transform:uppercase;
}



#boutons {
	padding: 20px;
	margin-top: -3px;
	clear: both;

	width: calc( 100% - 230px );
	height: 80px;
	margin-left: 230px;

	position: fixed;
	bottom: 1px;

	background-color: white;

	opacity: 0.8;
	float: left;
	border-top: 1px solid #efefef;
	z-index:50;
}

#boutons:hover {
	opacity: 1;
	border-top-width:1px;
	border-color:#ccc;
}

#innerBoutons {
	width:600px;

	margin:0 auto;

	height: 55px;
	text-align: center;
}


#innerBoutons button {
	float: none;
}

#innerBoutons button {
	background-color:#008b45;
	background-image: -webkit-linear-gradient(top,#008b45 0,#008b45 100%);
	background-image: -o-linear-gradient(top,#008b45 0,#008b45 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#008b45),to(#008b45));
	background-image: linear-gradient(to bottom,#008b45 0,#008b45 100%);
	background-repeat: repeat-x;
	border-color: #008b45;

	text-transform: uppercase;
	color:#fff;

	opacity: 0.8;
	filter: alpha(opacity=80);
	margin: 0px 60px;
	border-radius:0;
	border:none;
	font-size: 14px;
	padding: 10px 20px;
}

#innerBoutons button:hover {
	text-decoration:underline;
	background-color:#008b45;
	background-image: -webkit-linear-gradient(top,#008b45 0,#008b45 100%);
	background-image: -o-linear-gradient(top,#008b45 0,#008b45 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#008b45),to(#008b45));
	background-image: linear-gradient(to bottom,#008b45 0,#008b45 100%);
	background-repeat: repeat-x;
	border-color: #008b45;
	text-transform: uppercase;
	color:#fff;
	text-decoration:none;
	opacity: 1;
	filter: alpha(opacity=100);
}


#submitUserbutton {

}

#submitUserbutton {
	float: right;
	width: 250px;
	margin: 0 30px 30px 0;
}




.dropzone {
	border: 0;
	padding: 0;
	/*min-height:300px;*/
	height: 435px;
	height:auto;
}
.dropzone .dz-preview {
	margin: 0;

}
.dropzone .dz-preview .dz-image, .dropzone .dz-preview .dz-image img {
	width: 100%;
	height: auto;
	cursor: pointer;
	border-radius: 0px;
}
.dropzone .dz-message {
	margin:0;
	padding-top: 40px;
}
.dropzone .dz-image-preview {
	cursor:pointer;
}
.dropzone .dz-preview.dz-image-preview {
	width: 100%;
}

.dropzone .dz-image-preview * {
	cursor:pointer;
}

.dropzone .dz-preview .dz-details .dz-size, .dropzone .dz-preview .dz-details .dz-filename {
	display:none;
}

.dropzone.dz-started .dz-message {
	position: absolute;
	z-index: 49;
	display: block !important;
	height: 55px;
	margin: 200px auto;
	background-color: rgb(255,255,255);
	/*background-color: rgba(255,255,255,0.5);*/
	background-color: rgba(127,127,127,0.5);
	width: 580px;
	padding: 20px 0;
}
.dropzone.dz-started .dz-message:hover {
	opacity:1;
}
.dz-progress {
	display:none;
	visibility:hidden;
}


#mceu_23, #mceu_26 {
	/*display:none;*/
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	display:none;
}


.eltcomp {
	margin-top: 20px;
	padding-right: 30px !important;
	display:inline;
	padding-left: 10px !important;
}
.supprEltComp {
	position: absolute ;
	margin-top: 27px;
	float: right;
	margin-left: -20px;
	font-weight:bold;
	text-decoration:none;

}
.supprEltComp:hover {
	font-weight:bold;
	text-decoration:none;
}

.leftbas {
	margin-bottom:10px;
}


u.ui-autocomplete {
	color:#7f8385;
	font-size:12px;
}
.ui-widget-content {
	color: #7f8385;
}
.ui-widget {
	font-family:Arial;
	font-size: 12px;
}

.leftfullline {
	/*width:960px !important;*/
	width:100% !important;
	/*min-width:960px;*/
	margin-top: 0px !important;
	margin-bottom: 0px;
}

.mce-menu-item .mce-ico, .mce-menu-item .mce-text, .mce-menubtn button, .mce-ico, .btn-default, .bootstrap-select.btn-group .dropdown-menu li a {
	color:#7f8385 !important;
}
.mce-statusbar {
	display:none !important;
}

#ui-datepicker-div {
	z-index:100 !important;
}


#bgajax {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.5);
	/*background-color:transparent;*/
	display:none;
	z-index:255;
	/*cursor: none;*/
}

#bgajax img {
	width: 100px;
	height: 100px;
	top: 300px;
	position:fixed;
	display:none;
}



.loader {
	position: relative;
	margin: 0px auto;
	width: 100px;
}
.loader:before {
	content:'';
	display: block;
	padding-top: 100%;

}

.circular {
	animation: rotate 2s linear infinite;
	height: 100px;
	transform-origin: center center;
	width: 100px;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	margin: auto;
}


.path {
	stroke-dasharray: 1,200;
	stroke-dashoffset: 0;
	animation:
			dash 1.5s ease-in-out infinite,
			color 6s ease-in-out infinite
;
	stroke-linecap: round;
}

@keyframes rotate{
	100%{
		transform: rotate(360deg);
	}
}
@keyframes dash{
	0%{
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0;
	}
	50%{
		stroke-dasharray: 89,200;
		stroke-dashoffset: -35px;
	}
	100%{
		stroke-dasharray: 89,200;
		stroke-dashoffset: -124px;
	}
}
@keyframes color{
	100%, 0%{
		stroke: #004E98;
	}
	40%{
		stroke: #00914A;
	}
	66%{
		stroke: #ffa700;
	}
	80%, 90%{
		stroke: #d62d20;
	}
}


#listeElements {
	color:#7f8385;
	clear:left;
}
#listeElements div.tablerow{
	margin:0;
	padding:0;
}

#listeElements div.tablerow{
	/*width: 48%;*/
	height: 150px;
	background-color: #1c3b4f;
	float: left;
	margin: 10px;
	/*max-width: 620px;*/
	width: 600px;
}
#listeElements div.tablerow > div{
	/*float:left;*/
	/*float:left;*/
}

#listeElements div.tableimage {
	height:150px;
	width:200px;
	float:left;
}

#listeElements div.tablerow div.tablechiffres{
	width:135px;
	float:right;
	background-color:#fff;
	height:80px;
	text-align:center;
	font-size: 12px;
}
#listeElements div.tablerow div.tablechiffres span{
	font-size: 40px;
	display: block;
	height: 50px;
}
#listeElements div.tablerow div.tablechiffres.vert{
	color:#1ac803;
}
#listeElements div.tablerow div.tablechiffres.orange{
	color:#c85203;
}
#listeElements div.tablerow div.tablechiffres.orange span{
	font-size: 28px;
	height: 35px;
	margin-top: 10px;
}
#listeElements div.tablerow div.tablecolor{
	width:10px;
	height:80px;
	float:right;
}
#listeElements div.tablerow div.tablecolor.vert{
	background-color:#1ac803;
}
#listeElements div.tablerow div.tablecolor.orange{
	background-color:#c85203;
}
#listeElements div.tablerow div.tableactions{
	/*width:155px;*/
	/*padding: 9px;*/
	/*float:right;*/
	float: left;
	margin-left: 10px;
}
#listeElements div.tablerow div.tableactions a {
	display: inline-block;
	/*float: left;*/
	margin: 0 5px 0 5px;
}
#listeElements div.tablerow div.tableactions a.tablechangestatevisible {
	/*background: transparent url(./svg/visible.svg) 0 0 no-repeat;*/
	width:15px;
	height:14px;
}
#listeElements div.tablerow div.tableactions a.tablechangestatenonvisible {
	/*background: transparent url(./svg/non-visible.svg) 0 0 no-repeat;*/
	width:15px;
	height:14px;
}

#listeElements div.tablerow a.tablepiecejointe {
	/*background: transparent url(./svg/icone-trombone.svg) 0 0 no-repeat;*/
	width: 15px;
	height: 25px;
	display: block;
	margin: 5px;
	float: right;
}

#listeElements div.tablerow div.tableactions a.tableedit {
	/*background: transparent url(./svg/settings.svg) 0 0 no-repeat;*/
	width:15px;
	height:15px;
}
#listeElements div.tablerow div.tableactions a.tablestats {
	/*background: transparent url(./svg/graph.svg) 0 0 no-repeat;*/
	width:15px;
	height:15px;
}
#listeElements div.tablerow div.tableactions a.tablecopy {
	/*background: transparent url(./svg/duplicate.svg) 0 0 no-repeat;*/
	width:15px;
	height:15px;
}
#listeElements div.tablerow div.tableactions a.tabledelete {
	/*background: transparent url(./svg/garbage-bin.svg) 0 0 no-repeat;*/
	width:15px;
	height:15px;
}

#listeElements div.tablerow div.tablecode{
	width: 100px;
	text-align: center;
	float: right;
	margin-right:50px;
	color: #fff;
	padding-top: 15px;
}
#listeElements div.tablerow div.tablecode span{
	font-size:20px;
	font-weight:bold;
}
#listeElements div.tablerow div.tablenomdate{
	max-width:710px;
	padding: 15px;
}
#listeElements div.tablerow div.tablenom{
	color: #fff;
	font-size: 16px;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 15px 20px;
	height: 100px;
	margin-bottom: 20px;
}
#listeElements div.tablerow div.tabledate{
	color: #fff;
	font-size: 11px;
	font-style: italic;
	margin-top: 0;
	padding: 0 10px;
	float: left;
}
#listeElements div.tablerow div.tablepictos{



}
#listeElements div.tablerow div.tablepictos img {
	float: left;
	display: block;
	width: 30px;
	margin: 0 0 0 9px;
}




.insc-lieu {
	color: #fff;
	font-size: 15px;
	padding: 0 20px;
	display: block;
	height: 95px;
	text-align: center;
	margin-top: 20px;
}
#insc-h1 {
	min-height: 110px;
	word-wrap: break-word;
	text-align: center;
	color: #fff;
	font-size: 28px;
	padding: 20px;
	margin-top: 0;
	margin-bottom:0;
}



.clearleft {
	clear:left;
}


#divcroppy {
	display:none;
	margin-top: -20px;
}
.croppy {
	display:none;
}


#acroppy {
	float: left;
	display: block;
	position: absolute;
	z-index: 2000;
	margin-top: 227px;
	margin-left: 400px;
	background-color: #fff;
	padding: 5px 10px;
	border: 1px solid #5a5a5a;
	border-radius: 5px;
}
#acroppy:hover {
	color:#fff;
	background-color: #5a5a5a;

}



/* footer */
footer {
    width: 100%;
    height: 135px;
    /*position: fixed;
    bottom: 0;*/

}
footer a {
	width: 45px;
	height: 57px;
	margin: 15px auto;
	display: block;
}


.tinymce-content p {
	padding: 0;
	margin: 2px 0;
}


sup.oblig {
	color: #F94E64;
	padding: 0 0 0 5px;
	font-weight: bold;
	font-size: 100%;
	top: 0;
}

#pushDiv {
	display:none;
}


.stdcursor {
	cursor:default !important;
}


label#labelactivation {
	width:230px;
	float:left;
}
#checkboxactivation {
	float: right;
	margin-right: 210px;
	margin-top: -25px;
}
#labelactivationNon, #labelactivationOui {
	float: left;
	width: 47px;
	padding: 15px 4px 0 0;
	text-align: right;
	margin-left: 20px;
}
#labelactivationNon:hover, #labelactivationOui:hover {
	cursor:pointer;
}
#labelactivationOui {}
#labelactivationNon {}
#activationNon, #activationOui {
	float: left;
	width: 15px;
	margin-top: 18px;
}
#activationNon:hover, #activationOui:hover {
	cursor:pointer;
}
#activationNon {}
#activationOui {}


label#labelpush {
	width:230px;
	float:left;
	clear:left;
	margin-bottom: 20px;
}
#checkboxpush {
	float: right;
	margin-right: 210px;
	margin-top: -25px;
}
#labelpushNon, #labelpushOui {
	float: left;
	width: 47px;
	padding: 15px 4px 0 0;
	text-align: right;
	margin-left: 20px;
}
#labelpushNon:hover, #labelpushOui:hover {
	cursor:pointer;
}
#labelpushOui {}
#labelpushNon {}
#pushNon, #pushOui {
	float: left;
	width: 15px;
	margin-top: 18px;
}
#pushNon:hover, #pushOui:hover {
	cursor:pointer;
}
#pushNon {}
#pushOui {}

.nodisplay {
	display:none !important;
}



.labelTitrePage {
	text-transform:uppercase;
	display:block;
	color:#3b3b3b;
	margin: 40px 0 20px 0;
	font-size: 20px;
	font-weight: 400;
}
.blocopaque {
	background: rgb(255, 255, 255); /* Fall-back for browsers that don't
                                    support rgba */
	background: rgba(255, 255, 255, .4);

	min-width: 540px;
}

.form-control::-moz-placeholder {
	text-transform:uppercase;
}
.form-control {
	border-color: #d7dbdd;
}
label {
	font-weight: inherit;
}
label[for="titrePush"] {
	margin-top:-25px;
}
label[for="titre"]:before, label[for="titrePush"]:before {
	content: "";
	height: 34px;
	width: 33px;
	/*background-image: url(./svg/formulaire-gris.svg);*/
	background-position: 7px 7px;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	background-size: 20px 20px;
	border: 0 solid #d7dbdd;
	border-right-width: 0px;
	border-right-width: 1px;
}


label[for="datepublication"]:before,
label[for="dateagenda"]:before,
label[for="dateenvoipush"]:before {
	content: "";
	height: 34px;
	width: 33px;
	/*background-image: url(./svg/date.svg);*/
	background-position: 7px 7px;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	background-size: 20px 20px;
	border: 0 solid #d7dbdd;
	border-right-width: 0px;
	border-right-width: 1px;
	margin-top: -7px;
}
#datepublication, #dateagenda, #dateenvoipush {
	padding-left: 20px;
	width: auto;
}

label[for="nom"]:before, label[for="prenom"]:before {
	content: "";
	height: 34px;
	width: 33px;
	/*background-image: url(./svg/formulaire-gris.svg);*/
	background-position: 7px 7px;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	background-size: 20px 20px;
	border: 0 solid #d7dbdd;
	border-right-width: 0px;
	border-right-width: 1px;
}

label[for="telephone"]:before {
	content: "";
	height: 34px;
	width: 33px;
	/*background-image: url(./svg/icone-tel.svg);*/
	background-position: 7px 7px;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	background-size: 20px 20px;
	border: 0 solid #d7dbdd;
	border-right-width: 0px;
	border-right-width: 1px;
}

label[for="email"]:before {
	content: "";
	height: 34px;
	width: 33px;
	/*background-image: url(./svg/icone-mail.svg);*/
	background-position: 7px 7px;
	background-repeat: no-repeat;
	position: absolute;
	display: block;
	background-size: 20px 20px;
	border: 0 solid #d7dbdd;
	border-right-width: 0px;
	border-right-width: 1px;
}

.croppie-container .cr-boundary {
	/*width: 540px !important;
    height: 270px !important;*/

	width: 420px !important;
	height: 315px !important;
}
#acroppy {
	/*margin-top: 279px !important;
    margin-left: 490px !important;*/

	margin-top: 323px !important;
	margin-left: 430px !important;
}

.bootstrap-select > .dropdown-toggle {
	background: #fff;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	color:#3b3b3b;
}






/*** new actibaie ***/
.glyphicon-ok::before {
	content: "\2713";
	font-size: 15px;
	color: #004A9B;
	margin-top: 4px;
	display: block;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
	margin-top: -3px;
	left: 8px;
}
.dropdown-menu {
	font-size: 12px;
}
.bootstrap-select li a {
	position: relative;
	padding-left: 2.25em;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
	width: 100%;
	margin-top: 10px;
}

label[for="titre"] {
	margin-top: -15px;
}
div.dates {
	margin-top: 10px !important;
}
div.dates label {
	float: left;
	/*width: 50%;
    width: auto;*/
	width: 200px;
	padding-top: 10px;
}
.right input.date2 {
	margin-top: -7px;
	padding:0;
	text-align: center;
}

#divupload {
	width:440px;
	margin: 0 auto;
}
.dropzone.dz-started .dz-message {
	width: 440px;
	margin: 134px auto;
	/*width: 420px;*/
}
.dropzone {
	min-height: 315px;
}
#formpiecejointe {
	background-color: transparent;
	border: 1px solid #ccc;
	height: 50px;
	min-height: 0;
}
.dropzone2 {
	width: 150px !important;
	background-color: #b7b7b7 !important;
	margin: 10px 0 !important;
	text-transform:uppercase;
	float: left;
}
.dropzone2 .dz-message {
	margin: 0;
	padding-top: 15px;
	width:100% !important;
}
#piecejointelabel {
	display: block;
	background-color: #fff;
	text-transform: uppercase;
	float: left;
	padding: 14px;
	border: 1px solid #ccc;
	margin-top: 10px;
}
.dropzone2.dz-started .dz-message {
	position: relative;
	z-index: 49;
	display: block !important;
	height: 48px;
	margin: 0;
	background-color: rgb(255,255,255);
	background-color: #d7d7d7;
	width: 580px;
	padding: 15px 0;
}
.dz-success-mark {
	display:none !important;
}
.dz-error-mark {
	display:none !important;
}
#supprPieceJointe {
	display: block;
	float: left;
	margin: 10px;
	margin-top: 10px;
	font-size: 15px;
	font-weight: bold;
	margin-top: 24px;
}
#supprPieceJointe:hover {
	color:red;
}
#pushDiv div.dates {
	margin-top:0px !important;
}
h1.contenus {
	margin-top: 40px;
	padding-bottom: 0px;
}
#filtresliste {
	min-height:60px;
}
.categorieselectliste {
	width: 300px !important;
	margin: -40px 20px 0px 10px !important;
	float:left;
}

.typologieselectliste, .typologie1selectliste, .typologie2selectliste, .typologie3selectliste, .typologie4selectliste {
	width: 300px !important;
	margin: -40px 20px 0 10px !important;
	/*display:none !important;*/
	visibility: hidden;
}
.typologie3selectliste, .typologie4selectliste {
	visibility: visible;

}
.soustypologieselectliste {
	width: 300px !important;
	margin: -40px 20px 0 20px !important;
	/*display:none !important;*/
	visibility: hidden;
}
.typologieselectliste div.dropdown-menu, .soustypologieselectliste div.dropdown-menu, .typologie1selectliste div.dropdown-menu, .typologie2selectliste div.dropdown-menu, .typologie3selectliste div.dropdown-menu, .typologie4selectliste div.dropdown-menu {
	min-height:25px !important;
}
.typologieselectliste div.dropdown-menu ul.inner, .soustypologieselectliste div.dropdown-menu ul.inner, .typologie1selectliste div.dropdown-menu ul.inner, .typologie2selectliste div.dropdown-menu ul.inner, .typologie3selectliste div.dropdown-menu ul.inner, .typologie4selectliste div.dropdown-menu ul.inner {
	min-height:25px !important;
}
.categorieselectliste , .typologieselectliste , .soustypologieselectliste, .typologie1selectliste, .typologie2selectliste, .typologie3selectliste, .typologie4selectliste {
	float: left !important;
	margin-top: 15px  !important;
}
.displaynone {
	display:none !important;
}

.contactselect {
	width: 250px !important;
	margin-top: 18px !important;
	margin-left: 10px !important;
	margin-bottom: 4px !important;
}


#button-creer-abecedaire {
	margin-top: 30px;
	margin-right: 0;
	width: 185px;
	margin-bottom: 30px;
	margin-left:10px;
}

#listeElements div.tablerow.abecedaireDiv {
	width: 95%;
	height: 50px;
}

#listeElements div.tablerow.abecedaireDiv div.tableimage{
	display:none;
}
#listeElements div.tablerow.abecedaireDiv div.tablenom {
	color: #fff;
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 15px 20px;
	height: 50px;
	margin-bottom: 0;
	width: 80%;
	float: left;
}
#listeElements div.tablerow.abecedaireDiv div.tableactions {
	width: 150px;
	padding: 15px 0;
	float: right;

	margin: 0;
}
#listeElements div.tablerow.abecedaireDiv a.tablepiecejointe {
	/*background: transparent url(./svg/icone-trombone.svg) 0 0 no-repeat;*/
	width: 15px;
	height: 25px;
	display: block;
	margin: 11px 20px 0 0;
	float: right;
}
.uploadabc {
	margin-left:10px !important;
}

a.toastAnnuler, a.toastOk {
	display: block;
	float: right;
	margin: 4px 10px;
	text-decoration: none !important;
	padding: 0;
}
a.toastAnnuler:hover, a.toastOk:hover {
	color:#fff !important;
}
a.toastAnnuler {

}
a.toastOk {

}
.abecedaireDiv > img {
	width: 40px;
	float: right;
	margin-top: 10px;
	margin-right: -128px;
}


a#clearDateAGenda {
	margin-top: 15px;
	display: block;
	background-color: transparent;
	width: 16px;
	height: 20px;
	float: left;
	margin-left: 14px;
	text-align: center;
	border-radius: 5px;
	color: #3b3b3b;
	text-decoration: none;
}

a#clearDateAGenda:hover{
	color:red;
}

.croppie-container .cr-slider-wrap {
	width: 250px !important;
}


.mce-content-body *{background-position:initial;max-width:100%;height:auto !important;}

#pinfosfooter {
	text-align: center;
	width:100%;
	color: var(--theme-text);
	margin: 10px auto;
}
#valideadherents {
	width: 100px;
	margin: 0 auto;
	margin-top: -20px;
}
#labelfooter {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 0.6em;
	font-weight: 700;
	padding-top: 10px;
	margin-bottom: 20px;
}

#lienretour {
	color:#fff;
	float: right;
	margin: 5px 10px 0 0;
	text-decoration: underline;
}

@media(max-width:767px) {
	#pinfosfooter {
		max-width: 540px;
	}
	#identificationDiv {

		margin-top: 20px !important;
	}
	#identificationForm {
		margin-top: 10px;
	}
}

#footer-label {
	/*background-color: #212529;*/

	text-align: center;
	display: block;
	font-size: 0.8em;
	padding: 5px;
	margin-bottom: 20px;
}
.publicfooter{

	padding: 10px 0;
	background-color: #212529;
	opacity:0.3;
}
.publicfooter div {
	color:#fff;
}
.publicfooter div p {

	margin:0;
}
.publicfooter a {
	padding:0 5px;

	font-size:0.8em;
	text-decoration: underline;
}
.publicfooter a:hover {
	color:#fff;
}
.publicfooter a.liencreabox {

	text-decoration: none;
}
.publicfooter a.liencreabox img {
	/*float: right;
	margin: -40px 15px 15px 15px;
	position: absolute;
	right: 10px;*/
	width: 60px;
}
a.liencreabox {

	text-decoration: none;
}
a.liencreabox img {
	/*float: right;
	margin: -40px 15px 15px 15px;
	position: absolute;
	right: 10px;*/
	width: 60px;
}
@media(max-width:767px){
	.publicfooter div p {
		padding:0 0 10px 0;
	}
}
.liensite {
	font-size:1em !important;
	color:inherit;
}