@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,900);
a:focus
{
outline:0;
}
html {
    overflow-y: scroll;
    overflow-x: hidden; /* I do NOT want hz scroll */
}
html {
  background: url(../img/bg-nuage-1920x1080.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;


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

body.bodyleftmenu {
	background-image: linear-gradient(90deg, #1c3b4f 230px, transparent 1px);
}

html, body {
	background-color:transparent;
}
html.login {
	background-color:#1c3b4f;
}
html.logged {
	/*background-color:black;*/
}
html {
  height: 100%;
}
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:20px 0;
}

#topbar {
	height: 65px;
	width:100%;
	background-color: #1c3b4f;

	/*background-image: url(../img/welcome-pass-logo-header.png);
	background-position: 5px 5px;
	background-repeat: no-repeat;
	background-size: 55px 55px;*/

	min-width:1000px;
	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-gestion-events {
background-color: transparent;
padding: 0px;
display: block;
float: left;
height: 65px;
}
a#topbar-gestion-events img {
	height:65px;
	width:65px;
}

span#topbar-gestion-events {
    background-color: #474747;
    padding: 20px;
    display: block;
    float: left;
color:#d1d1d1;
}
span#topbar-gestion-events::after {
width: 0;
height: 0;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 26px solid #474747;
content: '';
margin: -20px 0 0 20px;
position: absolute;
}

span.topbar-level2 {
	color:#d1d1d1;
	    display: block;
    float: left;
    padding-top: 20px;
margin-left: 40px;
}




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

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: 1160px;
max-width: 1160px;
margin: 0 auto;
padding: 0px;
/*background-color: #f8f8fa;*/
padding-top: 65px;

}
#outer-contentadmin {
	margin-left:230px;
}
#inner-contentadmin {
	padding-top: 0px;
	padding-bottom: 400px;
}

#leftmenu {
position: fixed;
left: 0;
top: 65px;
background-color: #1c3b4f;
/*height:10000px;*/
width:230px;

}
#leftmenu li {
list-style-type: none;
margin: 0px 0 0 10px;
margin-left: -40px;
background-color:#183244;
}
#leftmenu li.niveau2 {
margin-top: 0;
padding-bottom: 5px;
}
#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.niveau2 a {
/*background-image: url(../svg/description.svg);*/
background-position: 60px 5px;
background-repeat: no-repeat;
background-size: 20px 20px;
padding-left: 86px;

}
#leftmenu li a#menu-home {
	background-image: url(../svg/maison-blanche.svg);
}

#leftmenu li a#menu-configuration {
	background-image: url(../svg/settings.svg);
}
#leftmenu li a#menu-description {
	background-image: url(../svg/description.svg);
}
#leftmenu li a#menu-formulaire {
	background-image: url(../svg/formulaire.svg);
}
#leftmenu li a#menu-confirmation {
	background-image: url(../svg/confirmation.svg);
}
#leftmenu li a#menu-invitations {
	background-image: url(../svg/invitation.svg);
}
#leftmenu li a#menu-email {
	background-image: url(../svg/e-mail.svg);
}
#leftmenu li a#menu-destinataires {
	background-image: url(../svg/formulaire.svg);
}
#leftmenu li a#menu-resultats {
	background-image: url(../svg/resultats.svg);
}
#leftmenu li a#menu-inscriptions {
	background-image: url(../svg/inscription.svg);
}
#leftmenu li a#menu-informations {
	background-image: url(../svg/settings.svg);
}

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

#button-creer-event {
margin-top: 30px;
margin-right: 0;
width: 185px;
}

.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: 27px;
padding: 0;
}
/*.boutonNew::after {
content: ' '; display: block; clear: both;
}*/
#previsu-email-invit {
	width:200px;
	text-align:center;
	margin: 10px 10px 0 0;
}
#previsu-email-invit::before {
	display:none;

}

button.boutonNew {
	border:0;

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



.btnidentification{
background-color: #22b75a;
background-image: -webkit-linear-gradient(top,#22b75a 0,#22b75a 100%);
background-image: -o-linear-gradient(top,#22b75a 0,#22b75a 100%);
background-image: -webkit-gradient(linear,left top,left bottom,from(#22b75a),to(#22b75a));
background-image: linear-gradient(to bottom,#22b75a 0,#22b75a 100%);
background-repeat: repeat-x;
border-color: #22b75a;
width: 90%;
font-size: 23px;
color: #fff;
margin-left: 5%;
padding: 21px 0;
margin-top: 76px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 2px 2px 1px 1px rgba(200, 200, 200, 0.7), 0px 4px 20px rgba(255, 255, 255, 0.6) inset;
-webkit-box-shadow: 2px 2px 1px 1px rgba(200, 200, 200, 0.7), 0px 4px 20px rgba(255, 255, 255, 0.6) inset;
-moz-box-shadow: 2px 2px 1px 1px rgba(200, 200, 200, 0.7), 0px 4px 20px rgba(255, 255, 255, 0.6) inset;
}
.btnidentification:hover {
text-decoration:underline !important;
color:#fff !important;

box-shadow: 1px 1px 1px 1px rgba(200, 200, 200, 0.7), 0px 4px 20px rgba(255, 255, 255, 0.6) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(200, 200, 200, 0.7), 0px 4px 20px rgba(255, 255, 255, 0.6) inset;
-moz-box-shadow: 1px 1px 1px 1px rgba(200, 200, 200, 0.7), 0px 4px 20px rgba(255, 255, 255, 0.6) inset;
}


#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: 25px 30px;
margin-top: 120px;
margin-bottom: 0;
width: 390px;
height: 390px;
float: left;
}
img.identificationLogo {
	width: 75px;
margin: 74px 0 30px 150px;
}
.form-group {
	margin-left:50px;
}
#loginButton {
	float:right;
	margin-right:50px;
	border:1px solid #152a39;
}
#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:26px;

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

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

#identificationForm {
width: 780px;
height:490px;
	margin:0 auto;
 padding: 0;
background-color:#1c3b4f;
margin-top: 130px;
}


#identificationForm .left, #identificationForm .right {
    min-width: 390px !important;
    padding: 0;
margin: 0;
}

/*
#identificationForm panel-body form {
	width: 390px;
height: 490px;
}

#identifiant, #motdepasse {
width: 200px;
background-color: #fff;
color: #1d2b36;
border: 1px solid grey;
padding: 15px 10px 5px 50px;
font-size: 16px;
height: 40px;
border-radius: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-width: 0 0 1px 0;
margin-left: 5%;
margin-top: 20px;
margin-bottom: 30px;
}
#identifiant {
background: transparent url('../img/icon.png') no-repeat 0px 10px;
}
#motdepasse {
background: transparent url('../img/lock.png') no-repeat 3px 0px;
}*/
.help-block {
margin-top: 5px;
margin-bottom: 10px;
color: #a94442;

margin: 10px 0 10px 60px;
width: 200px;
text-align: center;
}
input {
   /* background-color: #fff !important;*/

}

.panel-body {
padding: 0;
margin: 0;
width: 780px;
height: 490px;
}

#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;*/
	float:left;
	width:50%;
	min-width:480px;
	margin:0;
padding: 0px 20px 20px 20px;
}
#userform {
	/*margin:0 auto;
	float:none !important;*/
}

#userform input[type="password"] {
    width: 150px;
    display: block;
    margin-top: 15px;
    padding: 5px;
    border-radius: 5px;
    box-shadow: none;
    border-shadow: none;
    border-style: solid;
    border-width: 1px;
}
}

.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;
}
.left input.text2 , .right input.text2 {
width: 100%;

/*padding: 10px;*/
color: #3b3b3b;
padding: 6px 12px 6px 37px;
}
.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%, 126px 99px;
background-repeat: no-repeat, no-repeat;
background-position:center center, center center;

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

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

div.dates {
	height: 80px;
	margin-top: 0px;
	clear: both;
}
div.dates label {
	margin-top:0;
	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;
}



div.ville  {
	height:80px;
}
div.ville div {
	float:left;
	/*position:absolute;*/

}
div.ville-cp {
	width:185px;
	/*background-color:green;*/
}
div.ville-ville {
/*margin-left: 158px;*/
/*background-color: orange;*/
width: 355px;
}


label.labelimage {
font-size: 11px;
padding-left: 0;
text-transform: none;
text-align: center;
}
label.labelmaxinsc {
font-size: 11px;
padding: 0 0 0 10px;
text-transform: none;
text-align: left;
}
#description {
	width: 100%;
border: none;
background-color: #e3e8ee;
color: grey;
padding: 10px 20px;
/*height: 450px;*/
color:#7f8385;
}
#email-invitation{
/*height: 450px;*/
}
#email-confirmation {
	width: 100%;
border: none;
background-color: #e3e8ee;
color: grey;
padding: 10px 20px;
color:#7f8385;
}
#labelchamps {
	margin-top: 0px;
}
#labeleltscomp {
	margin-top: 17px;
}
#labeleltscomp span {
	font-size:11px;
	text-transform: none;
}
#ajouteltcomp {
width: 290px;
margin-top: 20px;
/*background-color: transparent;
border: 0;
padding: 5px;
color: #7f8385;
display: block;
text-align: center;

background-color: #F0F0F0;
padding: 8px;
border-radius: 5px;
border: 1px solid #7f8385;
text-decoration:none;*/
}
#ajouteltcomp:hover {

	/*background-color:#e0e0e0;*/

}
.firstlettermaj::first-letter {
	text-transform:uppercase;
}
#hrsep {
border-color: #7f8385;
clear: both;

padding: 0 0px;
margin-left: 20px;
margin-right: 20px;
margin-top:70px;
}
#labelsep {
width: 280px;
display: block;
text-align: center;
text-transform: uppercase;
margin-top: -32px;
background-color: #f8f8fa;
margin-right: auto;
margin-left: auto;
font-size: 16px;
color:#7f8385;
margin-bottom: 10px;
}
#hrsep2 {
border-color: #7f8385;
margin-top: 30px;
margin-bottom: -20px;
clear: both;
}
#labelsep2 {
width: 400px;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
margin-top: -26px;
background-color: #f8f8fa;
margin-right: auto;
margin-left: auto;
font-size: 16px;
color: #7f8385;
clear: both;
display: block;
}
#hrsep3 {
border-color: #7f8385;
margin-bottom: -13px;
clear: both;
margin-right: 20px;
margin-left: 20px;
}
#labelsep3 {
width: 350px;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
/*margin-top: -26px;*/
background-color: #f8f8fa;
margin-right: auto;
margin-left: auto;
font-size: 16px;
color: #7f8385;
clear: both;
display: block;
}
.champsselect {
	width:100% !important;
}
.champsselect2 {
	width:100% !important;
}

div[contenteditable="true"],  div.datenaissance,div.dateentree,div.datesortie{
   cursor:pointer;
   }
   .date {
   padding-top:10px;
padding-left: 15px;
   /*background-color:orange !important;*/
    word-wrap: break-word;
    text-align:center;
    height: 40px;
    color:#7f8385;
    background: #e3e8ee url(../img/calendar.png) 20px 9px no-repeat;
    cursor:pointer;
}

.datepickerdebut, .datepickerfin {
	border: medium none !important;
}



#boutons {
/*padding-top: 20px;
margin-top: 10px;
clear: both;
width: 50%;
height: 10px;
margin-left: auto;
margin-right: auto;*/

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:1000px;
	margin:0 auto;

    height: 55px;
text-align: center;
}
#innerBoutonsDiffusion {
float: right;
width: 50%;
text-align: left;
}
#innerBoutonsDiffusion button {
margin: 12px 5px;
}


#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: 270px;
}
.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);
width: 540px;
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;
}

// demo-specific

.showbox {
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  padding: 5%;
}

// end demo-specific

.loader {
  position: relative;
  margin: 0px auto;
  width: 100px;
  &: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;
  }
}


#listeEvents {
	color:#7f8385;
}
#listeEvents div.tablerow{
	margin:0;
	padding:0;
}

#listeEvents div.tablerow{
	width:100%;
	height:80px;
	background-color:#1c3b4f;
	margin-bottom: 15px;
}
#listeEvents div.tablerow > div{
 /*float:left;*/
 float:left;
}



#listeEvents div.tablerow div.tablechiffres{
	width:135px;
	float:right;
	background-color:#fff;
	height:80px;
	text-align:center;
	font-size: 12px;
}
#listeEvents div.tablerow div.tablechiffres span{
font-size: 40px;
display: block;
height: 50px;
}
#listeEvents div.tablerow div.tablechiffres.vert{
	color:#1ac803;
}
#listeEvents div.tablerow div.tablechiffres.orange{
	color:#c85203;
}
#listeEvents div.tablerow div.tablechiffres.orange span{
    font-size: 20px;
    height: 34px;
    margin-top: 12px;
}
#listeEvents div.tablerow div.tablecolor{
	width:10px;
	height:80px;
	float:right;
}
#listeEvents div.tablerow div.tablecolor.vert{
	background-color:#1ac803;
}
#listeEvents div.tablerow div.tablecolor.orange{
	background-color:#c85203;
}
#listeEvents div.tablerow div.tableactions{
	width:155px;
/*padding: 9px;*/
float:right;
}
#listeEvents div.tablerow div.tableactions a {
display: block;
float: left;
margin: 25px 6px 0 6px;
}


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

#listeEvents div.tablerow div.tablecode{
width: 100px;
text-align: center;
float: right;
margin-right:50px;
color: #fff;
padding-top: 15px;
}
#listeEvents div.tablerow div.tablecode span{
	font-size:20px;
	font-weight:bold;
}
#listeEvents div.tablerow div.tablenomdate{
	max-width:710px;
padding: 15px;
}
#listeEvents div.tablerow div.tablenom{
	color:#fff;
	font-size:14px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
#listeEvents div.tablerow div.tabledate{
	color:#fff;
	font-size:13px;
	font-style:italic;
	margin-top: 10px;
}

/*  formulaire inscription evenement   */
#insc-body {

}
#topbar.insc-topbar {
	width:100%;
	min-width: 1280px;
}
.insc-topbar-content {

width: 1280px !important;
}
.inscription-content {

	width: 1280px !important;
}

#insc-image {
	width:750px;
	height:374px;

	float:left;
	/*background-color:red;*/
}
#insc-image img {
width: 100%;
height: 100%;
}

#insc-date-lieu {
float: right;
width: 414px;
min-height: 374px;
background-color: #5cc2b7;
color:#fff;
}


#insc-dates-div {
margin: 0 auto;
text-align: center;
padding-top: 18px;
height: 80px;
}

.insc-date-div {
	display: inline-block;
}
.insc-date-div-fin {
	float: none;
}
.insc-date-div-fin::after {
	clear: both;
}

.insc-date-div::after {
	clear:both;

}
.insc-date {
	display:block;
	font-size: 16px;
}

.insc-time {
	text-align: center;
	display: block;
	font-size: 90%;
	font-style: italic;
}
.insc-date, #dates-au-label {
	/*border:1px solid #fff;
	border-width:1px 0;*/
}
.insc-date > span {}

.insc-date > span:first-letter {}

.insc-date-deb {}

.insc-date-fin {}



.insc-time-deb {}


.insc_hr {
	margin:0 auto;
	height:1px;
	color:#fff;
	width:80%;

}



#dates-au-label {
display: inline-block;
color: #fff;
text-align: center;
width: 10%;
vertical-align: middle;
margin-top: -39px;
}
.insc-time-fin {

}
h2 {
	color:#343434;
	font-size:14px;
	text-transform:uppercase;
}

.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;
}

/*#insc-link-form{
width: 414px;
display: block;
text-align: center;
padding: 20px;
background-color: #000;
color: #fff;
font-size: 18px;
text-transform: uppercase;
margin-top: 310px;
height: 65px;
position: absolute;
}*/
#insc-link-form {
    width: 414px;
    display: block;
    text-align: center;
    padding: 20px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    height: 65px;

}

#submitbutton {
	width: 490px;
display: block;
text-align: center;
padding: 20px;
background-color: #000;
color: #fff;
font-size: 18px;
text-transform: uppercase;
height: 65px;
margin: 0 auto;

	clear:both;
	margin-bottom:50px;
	margin-top: 0;
}

#h2-insc {
background-color: #acacac;
color: #fff;
text-transform: uppercase;
text-align: center;
font-size: 30px;
padding: 10px 0;
margin-top: 15px;
}
#insc-desc {
clear: both;
float: left;
width: 750px;
/*height:375px;
overflow-y:auto;*/
color:#343434;
padding-right:20px;
/*max-height: 375px;
overflow-y: auto;*/
padding-top: 15px;
}

#insc-map {
width: 414px;
height: 375px;

float: right;
}
#insc-map::after {

clear:both;
}
#global-insc-div-form {

}
#insc-div-desc {

	padding-top:50px;

}
#insc-div-desc::after {

clear:both;
}
#insc-div-form {
width: 750px;
margin: 0 auto 20px auto;

padding-left: 0;
padding-right: 0px;

}
#insc-div-form input.text {
border: none;
/*background-color: #e3e8ee;*/
width: auto;
color: #343434;
padding: 0px 5px;
min-width: 355px;
margin-left: 0;
border: 1px solid #efefef;
}
#insc-div-form input.text:hover {
border-color: #ccc;
}
#insc-form {}
.insc-form-div {
float: left;
min-height: 71px;
min-width: 375px;
margin: 10px 0;
}
}

.insc-form-div-adresse {
clear: left;
min-width: 500px;
}
.insc-form-div-adresse input {
	margin:5px;
}
#insc-adresse {
width: 730px;
}
#insc-div-form input#cp {
	width: 90px;
min-width: 90px;
float: left;
}

#insc-div-form input#ville {
min-width: 350px;
margin-left: 5px;
margin-top: 10px;
}
.insc-form-div-naissance {

}

.insc-form-div label {width: 150px;display: block;color:#343434;}
.insc-form-div input {}

div.civiliteselect {
	width:150px !important;
}


.clearleft {
	clear:left;
}
.datenaissance {
	margin-left: 0 !important;
}

/*.date2 {*/
.datepickernaissance {

border: 0;
padding: 10px;
padding-top: 10px;
padding-left: 15px;
word-wrap: break-word;
text-align: center;
height: 40px;
color: #7f8385;
background: #fff url(../img/calendar.png) 10px 9px no-repeat;
cursor: pointer;
width: 200px;
}
.datepickernaissance {
border: medium none !important;
float: left;
background-color: #fff !important;
}


/*
.btn-default:hover {
    color: #7f8385;
    background-color: #e3e8ee;
    border-color: #7f8385;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #7f8385;
    text-decoration: none;
}*/



#insc-div-options {
padding-bottom: 10px;
margin-right: 21px;
text-align: left;
padding-top: 1px;
height: 100%;
padding-left: 20px;
background-color: #fff;
clear:both;
}


#insc-div-options div {
	clear:both;
padding: 10px 0px;
}
#insc-div-options label {
padding-top:6px;
cursor:pointer;
/*width: 340px;*/
width: 90%;
font-weight: 100;
}
#insc-div-options label:hover {
text-decoration:underline;
}
#insc-div-options input {
	float:left;
	margin:10px;

}

.emailoption {


pointer-events: none !important;
}
.emailoption span {

color: red !important;

}




#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;

}



/* stats */
label.stats-nom-event {
text-transform: uppercase;
margin: 23px 0;
float: left;
font-size: 25px;
}

a#export-excel {
display: block;
float: right;
width: 40px;
height: 40px;
background-color: blue;
background: transparent url(../svg/xls.svg) 0 0 no-repeat;
    background-size: auto auto;
background-size: auto auto;
margin: -45px 10px 0 0;
cursor: pointer;
}

div.stats {
width: 48%;
float: left;
margin-top: 50px;
padding: 20px;
margin-bottom: 50px;
}
div.stats > label {
	text-transform: uppercase;
display: block;
}


.panneau
{
font-size: 100px;
line-height: 1em;
padding: 5px 0 10px 0;
font-weight: 900;
}
    .panneau .letter
    {
        position: relative;
        display: inline-block;
        margin: 2px;
        width: 50px;
        height: 75px;
        border: 3px solid rgba(0,0,0,0.8);
        border-radius: 5px;

        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.15);
           -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15);
                box-shadow: 0 1px 0 rgba(255,255,255,0.15);
    }

        .panneau .letter:before,
    .panneau .letter:after{
        content: "";
        position: absolute;
        z-index: 2;
        width: 2px;
        height: 12px;
        top: 50%;
        margin-top: -6px;
        border-radius: 50%;
        border: 1px black solid;

        background: -webkit-linear-gradient(rgb(178,176,177), rgb(7,7,7));
        background:    -moz-linear-gradient(rgb(178,176,177), rgb(7,7,7));
        background:      -o-linear-gradient(rgb(178,176,177), rgb(7,7,7));
        background:         linear-gradient(rgb(178,176,177), rgb(7,7,7));
    }

    .panneau .letter:before
    {
        left:-2px;
    }
    .panneau .letter:after
    {
        right:-2px;
    }


        .panneau .letter p
    {  position: relative;
z-index: 0;
margin: auto;
height: 70px;
width: 44px;
color: #eee;
padding-top: 2px;
text-align: center;
text-transform: uppercase;
font-size: 55px;
overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
background: #323232;
background: -moz-linear-gradient(top, #323232 0%, #3c3c3c 50%, #464646 51%, #4b4b4b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323232), color-stop(50%,#3c3c3c), color-stop(51%,#464646), color-stop(100%,#4b4b4b));
background: -webkit-linear-gradient(top, #323232 0%,#3c3c3c 50%,#464646 51%,#4b4b4b 100%);
background: -o-linear-gradient(top, #323232 0%,#3c3c3c 50%,#464646 51%,#4b4b4b 100%);
background: -ms-linear-gradient(top, #323232 0%,#3c3c3c 50%,#464646 51%,#4b4b4b 100%);
background: linear-gradient(to bottom, #323232 0%,#3c3c3c 50%,#464646 51%,#4b4b4b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#4b4b4b',GradientType=0 );
-webkit-box-shadow: 0 -1px 1px rgba(255,255,255,0.5);
-moz-box-shadow: 0 -1px 1px rgba(255,255,255,0.5);
box-shadow: 0 -1px 1px rgba(255,255,255,0.5);
    }





div.stats > span {
	display: block;
}
div.stats > span b {
    /*font-weight:600;*/
}
div.stats-inscrits {
clear: both;
background-color: #8393ca;
color: #fff;
margin-right: 2%;
}
div.stats-participants {
	text-align: left;
	background-color: #005952;
color: #fff;
margin-left: 2%;
}


#liste-inscriptions {
	width: 100%;
/*clear: both;
float: left;*/
margin-top: 20px;
}

#liste-inscriptions > label {
text-transform: uppercase;
display: block;
margin: 10px 0;
}
span.tri {
	display:none;
}

div.divtri {
border: 0px solid lightgrey;
width: 270px;
margin-top: -38px;
margin-left: 420px;
}

div.divtri label {
display:bock;
float:left;
padding: 5px;
font-weight: 300;
font-style: italic;
width: 85px;
text-transform: none;
}
#triselect {
	margin: 0px 10px 6px 10px;
}
#triselect option {
padding: 5px 10px;
}
ul.tri {
	list-style-type:none;
	display:none;
}

ul.tri li {
	display:inline-block;
	float:left;
}
ul.tri li a {
display: block;
float: left;
padding: 5px;
margin: 0 5px;
}
ul.tri li a:hover {
text-decoration:underline;
}
ul.tri li a.selected {
font-weight:bold;
}
ul.tri li a.selected:hover {
text-decoration:none;
}
span.par {
	display:none;
}
​div#liste-inscriptions span.par ul {

}
div#liste-inscriptions span.par ul li {

}
div#liste-inscriptions span.par ul li a {

}

div.inscription-header {
	height: 50px;
	padding: 0px;
}
div.inscription-header span {
text-transform: uppercase;
display: block;
float: left;
background-color:#1c3b4f;
color:#fff;
padding: 15px 15px;
}
div.inscription-header span.col-1, div.inscription-div > span.col-1 {
width: 350px;
}
div.inscription-header span.col-2, div.inscription-div > span.col-2 {
width: 250px;
}
div.inscription-header span.col-3, div.inscription-div > span.col-3 {
width: 110px;
text-transform:uppercase;
}
div.inscription-header span.col-4, div.inscription-div > span.col-4 {
width: 160px;
}
div.inscription-header span.col-5, div.inscription-div > span.col-5 {
width: 100px;
}
div.inscription-div > span.col-5 img {
width: 23px;
margin-top: -3px;
}
div.inscription-div > span.col-5.appli img {
    width: 16px;
}
div.inscription-div > span.col-3, div.inscription-div > span.col-4, div.inscription-div > span.col-5 {
padding: 10px 5px 10px 5px;
text-align: center;
}
div.inscription-header > span.col-3, div.inscription-header > span.col-4, div.inscription-header > span.col-5 {

text-align: center;
}
div.inscription-header span.col-6, div.inscription-div > span.col-6 {
width: 150px;
}
div.inscription-header span.col-6 {
	/*background-color:transparent;*/
}
div.inscription-header span.col-6::after {
	clear:both;
}
div.inscription-details::after {
	clear:both;
}
div.inscription-div {
border: 1px solid grey;
min-height: 40px;
border-width: 1px 0 0 0;
border-width:0;
background-color:#e6e6e6;
margin-bottom:0px;
padding: 0px;

height: 40px;
overflow: hidden;
}
div.inscription-div.inscaccomp {
	margin-left: 40px !important;
}
div.inscription-div.mod2 {
	background-color:#f4f4f4;
}

div.inscription-div.inscaccomp > span.col-1 {
width: 310px !important;
}
div.inscription-div::after {
	clear:both;
}
div.inscription-div > span {
display: block;
float: left;
min-height: 40px;
padding: 10px 5px 10px 15px;
}

a.inscription-details-link {
float: left;
width: 32px;
height: 40px;
background-color: red;
background: transparent url(../img/menu2.png) 13px 11px no-repeat;
margin-top: -10px;
content: " ";
display: block;
cursor: pointer;
border: 1px solid transparent;
}
a.inscription-impression-link {
float: left;
width: 40px;
height: 30px;
background-color: blue;
background: transparent url(../svg/pdf.svg) 15px 0 no-repeat;
    background-size: auto auto;
background-size: auto auto;
background-size: auto auto;
margin: 2px;
    margin-top: 2px;
margin-top: 2px;
margin-top: 2px;
cursor: pointer;
margin-top: -1px;
background-size: 20px auto;
}
div.inscription-div.inscaccomp a.inscription-details-link {
	/*margin-left: 803px !important;*/
}
a.inscription-suppression-link {
display: block;
float: left;
width: 21px;
height: 21px;
background-color: blue;
background: transparent url(../svg/garbage-bin-gris.svg) 9px 0px no-repeat;
    background-position-x: 9px;
    background-size: auto auto;
background-position-x: 9px;
background-size: auto auto;
background-position-x: 9px;
background-size: auto auto;
cursor: pointer;
margin-left: 20px;
background-size: 20px 20px;
background-position-x: left;
margin-top: -1px;
}

a.inscription-suppression-link:hover {
/*background: transparent url(../svg/garbage-bin-gris.svg) 9px 0 no-repeat;*/
/*background-size: cover;
background-position-x: left;*/
}
div.inscription-div.inscaccomp a.inscription-suppression-link {
	/*margin-left: 850px !important;*/
}
a.inscription-details-link:hover {
	border:1px solid #999;
}
div.inscription-details {
	/*display:none;*/

	display: none;
/*overflow: inherit;*/
/*height: 0;*/

}
div.inscription-details > span {
display: inline-block;
float: left;
width: 33%;
min-height: 25px;
margin-top: 11px;
padding: 0 10px;
}
div.inscription-details-eltscomp {
clear: left;
margin-top: 0px;

}
div.inscription-details-eltscomp label {
	display: block;
}
div.inscription-details-eltscomp span {
display: block;
padding: 0 10px;
}


/*download ban header*/
label.appli-download {
	color:#7f8385;
	width:100%;
	text-align:center;
	font-weight: normal;
}
div.ban-download {
background-color: #1c3b4f;
color: #fff;
height: 144px;
margin-bottom: 20px;
}
div.ban-download p {
width: 230px;
float: left;
font-size: 12px;
padding: 12px;
}
div.ban-download p a {
color:#fff;
text-decoration:underline;
}
div.ban-download img {
	float: left;
}
div.ban-download img.qrcode-logo {
	margin-top: 10px;
margin-right: 40px;
margin-left: 40px;
}

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

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


a.aide {
display: block;
color: #7f8385;
font-weight: normal;
text-decoration: underline;
margin-left: 20px;
margin-bottom: 10px;
}
a.aideafter::after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #7f8385;
    content: '';
    margin: 6px 0 0 6px;
    position: absolute;
}
a.aideafter2::after {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #7f8385;
    content: '';
    margin: 6px 0 0 6px;
    position: absolute;
}
ul.aide {
	list-style-type:none;
	margin-bottom: 120px;
	padding:0
}
ul.aide li {
display: inline-block;
float: left;
color: #7f8385;
padding: 10px 20px;
margin: 0px;
width: 33%;
height: 40px;
border: 1px dashed;
    border-right-width: 1px;
    border-left-width: 1px;
font-size: 12px;
}
ul.aide li.leftbalise {
	border-left-width:0;
	border-right-width:0;
}
ul.aide li.rightbalise {
	border-left-width:0;
	border-right-width:0;
}
ul.aide li.middleBalise {
	border-top-width:0;
	border-bottom-width:0;
}
ul.aide li.notopbalise {
	border-top-width:0;
}

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

#previsu-email-conf, #previsu-email-invit {
	float:right;



}
#previsu-email-conf:hover {

}

#divPrevisu, #divPrevisuInvit {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*background-color: #cccccc;*/
    /*background-color:transparent;*/
    padding:20px;
    z-index:255;

    background: rgb(204, 204, 204); /* Fall-back for browsers that don't
                                    support rgba */
    background: rgba(204, 204, 204, .5);
    cursor:pointer;
}
#closePrevisu, #closePrevisuInvit {
    display: block;
    margin: 0px auto 20px auto;
    width: 200px;
    text-align: center;
    text-decoration: underline;
    background-color: #fff;
    padding: 10px;
    border-radius: 15px;
    border:1px solid #ccc;
    display:none;
}

#closePrevisu:hover, #closePrevisuInvit:hover {
	background-color: #ccc;
	color:#fff;
	}

#divPrevisuInvit {
	display:none;
}

sup.oblig {
    color: #F94E64;
    padding: 0 0 0 5px;
    font-weight: bold;
    font-size: 100%;
    top: 0;
}
#linksDiv {
	display:none;
}
#linksDiv a {
display: block;
float: left;
margin: 10px 35px;
}
#linksDiv a:hover {

	/*background-color:#e0e0e0;*/

}


.stdcursor {
	cursor:default !important;
}


#insc-map iframe{
    pointer-events: none;
}


#email-liste {
margin: 10px 5px;
padding: 5px;
width: 100%;
height: 400px;
}


.ul-invit {
	list-style-type:none;

}
.li-invit {
	display:block;
	width:50%;
}
.li-invit label {
	width:50%;
	text-align:center;
}
.li-invit label.invit-email {
	float:left;
}
.li-invit label.invit-etat {
	float:right;
}
#sauverEmailInvit {
	float:right;
	margin: 10px 0 0 20px;
	padding: 0 30px;
}
label.invit-etat span {
	font-size:10px;
}
.invit2 {
	color:green;
}
.invit-2 {
	color:red;
}
.invit-3 {
	color:darkred;
}
.invit1 {
	color:orange;
}
.invit0 {
	color:orange;
}
.invit-1 {
	color:darkred;
}



#lienbalises {
	width:150px;
}
#nombreaccomp {
	float: right;
width: 50px;
margin-right: 215px;
margin-top: 8px;
text-align:center;
padding-left: 0;
padding-right: 0;
}

label.labelnbaccomp {
	font-size:12px;
	width: 270px;
}
label#labelaccomp {
	width:240px;
	float:left;
}
#checkboxaccomp {
	    float: right;
    margin-right: 210px;
    margin-top: -25px;
}
#labelaccompNon, #labelaccompOui {
float: left;
width: 47px;
padding: 15px 4px 0 0;
text-align: right;
margin-left: 20px;
}
#labelaccompNon:hover, #labelaccompOui:hover {
cursor:pointer;
}
#labelaccompOui {

}
#labelaccompNon {

}
#accompNon, #accompOui {
float: left;
width: 15px;
margin-top: 18px;r
}
#accompNon:hover, #accompOui:hover {
cursor:pointer;
}
#accompNon {

}
#accompOui {

}

#divnbaccomp {
	/*visibility:hidden;*/
	display:none;
	clear: both;
	/*margin-bottom: 30px;*/
}
#insc-div-accomp {
margin-bottom: 20px;
margin-right: 21px;
text-align: left;
padding-top: 1px;
height: 100%;
padding-left: 20px;
background-color: #fff;
    min-height: 55px;
}
.accomp-form-div {
border: 0px solid #5a5a5a;
min-height: 42px;
min-width: 375px;
margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;

/*display:none;*/
}
div.inscription-details-accompagnants span {
    display: block;
}
#addaccomp {
/*display: block;
border: 1px solid #5a5a5a;
max-width: 100px;
text-align: center;
font-size: 14px;
border-radius: 25px;
margin-top: -31px;
margin-left: 177px;
padding: 2px;
color: #fff;
background-color: #5a5a5a;
text-decoration: none;
min-width: 70px;*/
display: block;
border: 1px solid #5a5a5a;
max-width: 27px;
text-align: center;
font-size: 14px;
border-radius: 25px;
margin-top: -31px;
margin-left: 177px;
padding: 2px;
color: #fff;
background-color: #5a5a5a;
text-decoration: none;
min-width: 27px;
}

#addaccomp2 {
border: 1px solid #5a5a5a;
text-align: center;
font-size: 14px;
border-radius: 25px;
padding: 2px 9px;
margin: 20px 0 20px 0;
color: #fff;
background-color: #5a5a5a;
text-decoration: none;
display: none;
}
#addaccomp2.deployed {
	/*display:inline-block !important;*/
}
.supprAccomp {
z-index: 255;
padding: 2px 6px;
margin: -3px 0 0 0;
display: block;
float: right;
border: 1px solid #5a5a5a;
    border-top-color: rgb(90, 90, 90);
    border-right-color: rgb(90, 90, 90);
    border-bottom-color: rgb(90, 90, 90);
    border-left-color: rgb(90, 90, 90);
border-top-color: rgb(90, 90, 90);
border-right-color: rgb(90, 90, 90);
border-bottom-color: rgb(90, 90, 90);
border-left-color: rgb(90, 90, 90);
background-color: #5a5a5a;
color: #fff !important;
/*text-decoration: underline;*/
border-radius: 25px;
font-size: 14px;
}
.supprAccomp:hover {

	text-decoration:none;
	border-color:red;
	color:#fff !important;
	}

.enteteAccomp {
width: 100%;
display: block;
/*text-align: center;*/
font-weight: bold;
}
.accomp-form-div .insc-form-div {
    min-width: 330px;
    min-height:auto;
    padding: 0 5px;
}
#insc-div-form #insc-div-accomp input.text {
    min-width: 325px;
}
#insc-div-form input.cp {
    width: 90px !important;
    min-width: 90px !important;
    float: left;
}
.villeaccomp {
	margin-top: 10px !important;
}

div.reduced div.insc-form-div {
	/*display:none;*/
}

#accordion {
margin-right: 20px;
}

#accordion h3 {
display:none;
padding: 10px 10px 10px 28px;
font-size: 1.1em;
}
.ui-accordion .ui-accordion-content {
    padding: 0em 5px !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit !important;
    /*font-size: 1em;*/
}
.nodisplay {
	display:none !important;
}

#modifyLinkDiv {
	display:none;
}
#modifyLinkDiv label {
	font-weight:normal;
	text-transform:none;
	padding-top: 0;
}
#linksDiv a#saveLink {
	display:none;
	margin-left:0;
}
#linksDiv a.boutonNew::before {
	display:none !important;
}
#lienformulaire {
	border: none;
background-color: transparent;
}
#lienformulaire:hover {
	cursor:pointer;
}

#checkboxmaxinsc {
    float: right;
    margin-right: 250px;
    margin-top: -25px;
}
#nombremaxinsc {
/*float: right;
width: 80px;
margin-right: 215px;
margin-top: 8px;
text-align: center;
padding-left: 0;
padding-right: 0;*/
}
#labelmaxinsc {
	margin-top: -13px;
}
label.labelnbmaxinsc {
font-size: 12px;
width: 240px;
}
#divmaxinsc {
	/*visibility:hidden;*/
	display:none;
}

.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);
}
input#ville {
	background-color:#fff;
	padding: 6px 12px 6px 10px;
}
.form-control::-moz-placeholder {
    text-transform:uppercase;
}
.form-control {
	border-color: #d7dbdd;
}
label {
    font-weight: inherit;
}
label[for="titre"]: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="lieu"]:before {
content: "";
height: 34px;
width: 33px;
background-image: url(../svg/maison-grise.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="adresse"]:before {
content: "";
height: 34px;
width: 33px;
background-image: url(../svg/adresse.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="cp"]:before {
content: "";
height: 34px;
width: 33px;
background-image: url(../svg/code-postale.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="datedebevent"]: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;
}

label[for="datefinevent"]: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;
}

label[for="datedebinscs"]: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;
}

label[for="datefininscs"]: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;
}

label[for="nombremaxinsc"]:before {
content: "";
height: 34px;
width: 33px;
background-image: url(../svg/nombre-de-place.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;
}
input#nombremaxinsc {
	width:300px;
}
.croppie-container .cr-boundary {
    width: 540px !important;
    height: 270px !important;
}
#acroppy {
    margin-top: 279px !important;
    margin-left: 490px !important;
}

#labelLienFormulaire {
	margin-top:30px;
}

.bootstrap-select > .dropdown-toggle {
    background: #fff;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color:#3b3b3b;
}
#urlevent {
	padding-left:10px;
}
#previsu-email-conf {
	margin:20px 0 0 0;
	width:200px;
	text-align:center;
}
#previsu-email-conf::before {
	display:none;

}

#envoi {
width: 200px;
float: right;
margin-top: -60px;
margin-right: 20px;
}
#envoi::before {
	displaye:none;
}
#csvfile {
borer:1px solkid grey;
}

.table-invit {
	width:50%;
	text-transform:uppercase;
	margin:0 auto;
	/*max-width:90%;*/
}
.table-invit td {
	border-collapse:collapse;
	border:1px #d7dadc solid;
	padding: 10px;
	font-size: 12px;
}
.table-invit tr th {
	border:none !important;
	padding:15px 0 15px 0;
}
th.table-invit-email, td.table-invit-email {
	width:65%;
}
th.table-invit-etat, td.table-invit-etat {
	width:35%;
}

label.labelmdp {
text-transform: none;
display: block;
float: left;
width: auto;
margin-top: 5px;
}
.comptepwd {
	margin-top:10px;
}

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="nom"]: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="email"]:before {
content: "";
height: 34px;
width: 33px;
background-image: url(../svg/e-mail-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/mobile.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="societe"]:before {
content: "";
height: 34px;
width: 33px;
background-image: url(../svg/maison-grise.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="ville"]:before {
/*content: "";
height: 34px;
width: 33px;
background-image: url(../svg/maison-grise.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;*/
}

input[name="motdepasse"], input[name="motdepasse2"] {
padding: 6px 12px 6px 37px !important;
width: 280px !important;
margin-top:0 !important;
}
input[name="motdepasse2"] {
width: 280px !important;
}
input[name="identifiant"] {
padding: 6px 12px 6px 37px !important;
width: 280px !important;
margin-top:0 !important;
}
input[name="identifiant"].form-control::-moz-placeholder {
    text-transform: none !important;
}

label#labelmdp: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: 0px;
border-right-width: 0px;
border-right-width: 1px;

}
label#labelmdp2: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: 0px;
border-right-width: 0px;
border-right-width: 1px;

}
label#labelmdplogin, label#labelidentifiantlogin {
	display:block !important;
}
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: 0px;
border-right-width: 0px;
border-right-width: 1px;

}
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: 0px;
border-right-width: 0px;
border-right-width: 1px;

}