@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800,900);
html {
    overflow-y: scroll;
    overflow-x: hidden; /* I do NOT want hz scroll */
}
body {
    overflow-y: initial; /* avoid the double scroll */
}

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:Arial;*/
	font-family: 'Open Sans', sans-serif;
}
body {
	margin: 0 auto;
	float: none;
	padding:0;
}

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


#topbar {
	height: 60px;
	width:100%;
	background: #303030 url(../logos/logo1.jpg) 50% 50%  no-repeat;
	background-size: 40px 50px;
	min-width:1000px;
}
#topbar-content {
width: 1000px;
margin: 0 auto;
background-color: transparent;
padding: 0;
height: 60px;
}

#topbar-content a {
	color:#d1d1d1;
}
a#topbar-gestion-events {
    background-color: #474747;
    padding: 20px;
    display: block;
    float: left;

}

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


a#topbar-gestion-compte {
background-color: transparent;
padding: 20px;
display: block;
float: right;
margin-right: 0;
padding-right: 62px;
}

a#topbar-gestion-compte::after {
width: 36px;
height: 35px;
background: transparent url(../img/user2.png) 0 0 no-repeat;
display: block;
position: absolute;
content: ' ';
margin-left: 127px;
margin-top: -28px;
}
a#topbar-logout-compte {
background-color: transparent;
padding: 20px;
display: block;
float: right;
margin-right: 0;
padding-right: 10px;
}

#content {
width: 1000px;
margin: 0 auto;
padding: 0px 58px;
background-color: #f8f8fa;
padding-bottom: 30px;
}
#contentadmin {
width: 1000px;
margin: 0 auto;
padding: 20px;
background-color: #f8f8fa;
}


#button-creer-event {
background-color: transparent;
display: block;
margin-right: 0;
border: 0px solid red;
font-size: 13px;

width: 120px;
}


#button-creer-event::before {
width: 119px;
height: 119px;
background: #dfdfdf url(../img/plus54.png) center center no-repeat;
display: block;
content: ' ';
border-radius: 15px;
margin: 0px 0 6px 0;
}







.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 {
	background-color:#1c3b4f;
	width: 1020px;
	margin: 0 auto;
}

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

#identificationForm {
	/*width:400px;*/
	margin:0 auto;
	/*background-color:#fff;
	border-radius: 10px;
	-webkit-border-radius:10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7), -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
   	-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7), -1px 2px 20px rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7), -1px 2px 20px rgba(255, 255, 255, 0.6) inset;*/
    padding: 15px;
    background: #1c3b4f url(../img/login-bg.jpg) 0 0 no-repeat;
    width:487px;
    height:588px;
}
#identificationH1 {
	color:#707375;
	text-transform:uppercase;
	padding: 10px 0 0 0;
	text-align: center;
	display:none;
}
#identificationH1 span {
	display:block;
	font-size:34px;
}
#identificationH1 span.soustitre {
	display:block;
	font-size:29px;
}

#identifiant, #motdepasse {
width: 90%;
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;
    position: absolute;
    margin: 10px 0 10px 110px;
    width: 200px;

    text-align: center;
}

.panel-body {

	padding: 15px;
margin-top: 140px;
}


.left, .right {

	/*background-color:blue;*/
	float:left;
	width:480px;
	margin:0;
padding: 0px 20px 20px 20px;
}
#userform {
	margin:0 auto;
	float:none !important;
}

#userform input[type="password"] {
	margin: 0 auto;
width: 200px;
display: block;
}

.right {

	/*background-color:red;*/

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

.left label , .right label {
	width:100%;
	color:#7f8385;
padding: 15px 10px 5px 10px;
}
.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:#7f8385;
}
.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: 100%;
padding: 10px;
color: #7f8385;
background: #fff url(../img/calendar.png) 20px 5px no-repeat;
padding-left: 55px;
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 {
	background: #e3e8ee url(../img/picture.png) center center no-repeat;
	color:#7f8385;
	/*border:1px solid #7f8385;*/
}

#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: 10px;
}

div.dates div {
	width:210px;
	float:left;
	position:absolute;
	/*background-color:green;*/
}
div.dates div.dates-right {
margin-left: 230px;
/*background-color: orange;*/
}

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

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


label.labelimage {
	font-size:12px;
	padding-left:0;
}
#description {
	width: 100%;
border: none;
background-color: #e3e8ee;
color: grey;
padding: 10px 20px;
height: 450px;
color:#7f8385;
}
#email-confirmation {
	width: 100%;
border: none;
background-color: #e3e8ee;
color: grey;
padding: 10px 20px;
height: 450px;
color:#7f8385;
}
#labelchamps {
	margin-top: 0px;
}
#labeleltscomp {
	margin-top: 17px;
}
#labeleltscomp span {
	font-size:11px;
}
#ajouteltcomp {
width: 100%;
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: 100%;
height: 70px;
margin-left: 0;
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: 30%;
text-align: center;
}
#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;
}

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

#submitUserbutton {
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);


   margin: 0 auto;
width: 440px;
}




.dropzone {
    border: 0;
    padding: 0;
    min-height:220px;
}
.dropzone .dz-preview {
    margin: 0;

}
.dropzone .dz-preview .dz-image, .dropzone .dz-preview .dz-image img {
    width: 440px;
    height:220px;
    cursor:pointer;
    border-radius: 0px;
}
.dropzone .dz-message {
    margin:0;
    padding-top: 40px;
}
.dropzone .dz-image-preview {
    cursor:pointer;
}
.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;
    float: left;
    margin: 70px 0 0 95px;
    background-color: white;
    width: 250px;
    vertical-align: middle;
    padding-top: 0;
    padding: 20px;
    /*border: 1px solid black;
    border-radius: 20px;*/
    opacity: 0.8;
}
.dropzone.dz-started .dz-message:hover {
	opacity:1;
}
#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;
}
.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;
	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.tablehead, #listeEvents div.tablerow{
	margin:0;
	padding:0;
}
#listeEvents div.tablehead{
	text-transform:uppercase;
}
#listeEvents div.tablerow{
	clear:left;
	padding-top: 10px;
}
#listeEvents div.tablehead div, #listeEvents div.tablerow div{
	display:block;
	float:left;
	margin:0;
	padding:0;
	min-height: 30px;
	padding: 15px 0;
	margin:0 5px;
}
#listeEvents div.tablehead div{
padding: 0;
min-height: 20px;
}
#listeEvents div.tablerow div {
	background-color:#e3e8ee;
	padding: 15px 10px;
}

#listeEvents div.tablehead div.tablenom, #listeEvents div.tablerow div.tablenom{
	width:335px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}
#listeEvents div.tablehead div.tabledate, #listeEvents div.tablerow div.tabledate{
	width:130px;
}
#listeEvents div.tablehead div.tablelieu, #listeEvents div.tablerow div.tablelieu{
	width:205px;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#listeEvents div.tablehead div.tableactions, #listeEvents div.tablerow div.tableactions{
	width:250px;
}
#listeEvents div.tablerow div.tableactions{
padding: 9px;
}
#listeEvents div.tablerow div.tableactions a {
	display:block;
	float:left;
	margin:0 5px;
}
#listeEvents div.tablerow div.tableactions.sansInvit a {
    margin: 0 10px;
}

#listeEvents div.tablerow div.tabledate {
background: #e3e8ee url(../img/calendar.png) 11px 14px no-repeat;
padding-left: 40px;
}

#listeEvents div.tablerow div.tableactions a.tableedit {
background: transparent url(../img/edit.png) 0 0 no-repeat;
width:30px;
height:30px;
}
#listeEvents div.tablerow div.tableactions a.tableinvite {
background: transparent url(../img/inviter.png) 0 0 no-repeat;
width:30px;
height:25px;
}

#listeEvents div.tablerow div.tableactions a.tablecode {
background: transparent url(../img/code.png) 0 0 no-repeat;
width:22px;
height:30px;
}
#listeEvents div.tablerow div.tableactions a.tablestats {
background: transparent url(../img/stats.png) 0 0 no-repeat;
width:31px;
height:31px;
}
#listeEvents div.tablerow div.tableactions a.tablecopy {
background: transparent url(../img/copy.png) 0 0 no-repeat;
width:31px;
height:30px;
}
#listeEvents div.tablerow div.tableactions a.tabledelete {
background: transparent url(../img/corbeille.png) 0 0 no-repeat;
width:22px;
height:25px;
height: 25px;
margin: 2px 0 0 9px;
}


/*  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 {}

h1 {
text-align: center;
color: #fff;
font-size: 28px;
padding: 20px;
margin-top: 0;
margin-bottom:0;
}
.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;
}

/*#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(../img/excel.png) 0 0 no-repeat;
margin: 15px;
cursor: pointer;
background-size: 40px 40px;
}

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


.panneau
{
    padding: 20px;
border-radius: 2px;
font-family: BigNoodleTitling;
/*background: -webkit-linear-gradient(rgb(69,69,69), rgb(32,32,32));
background: -moz-linear-gradient(rgb(69,69,69), rgb(32,32,32));
background: -o-linear-gradient(rgb(69,69,69), rgb(32,32,32));
background: linear-gradient(rgb(69,69,69), rgb(32,32,32));
-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
}
    .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-inscrits {
	clear: both;
}
div.stats-participants {
	text-align: right;
}


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

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

div.divtri {
border: 0px solid lightgrey;
float: right;
width: 340px;
margin-top: -38px;
margin-right: 300px;
}

div.divtri label {
display:bock;
float:left;
padding: 5px;
font-weight: 300;
font-style: italic;
}
#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: 30px;
	padding: 0 10px;
}
div.inscription-header span {
text-transform: uppercase;
display: block;
float: left;
}
div.inscription-header span.col-1 {
width: 33%;
}
div.inscription-header span.col-2 {
width: 33%;
}
div.inscription-header span.col-3 {
width: 12%;
}
div.inscription-header span.col-4 {
width: 22%;
}

div.inscription-header span.col-4::after {
	clear:both;
}
div.inscription-details::after {
	clear:both;
}
div.inscription-div {
border: 1px solid grey;
min-height: 35px;
border-width: 1px 0 0 0;
border-width:0;
background-color:#e3e8ee;
margin-bottom:10px;
padding: 0 10px;

height: 35px;
overflow: hidden;
}
div.inscription-div.inscaccomp {
	margin-left: 40px !important;
}

div.inscription-div::after {
	clear:both;
}
div.inscription-div > span {
	    display: block;
    float: left;
    min-height: 32px;
padding-top: 5px;
}
div.inscription-div > span.col-1 {
	width: 33%;
}
div.inscription-div > span.col-2 {
	width: 33%;
}
div.inscription-div > span.col-3 {
	width: 12%;
}
div.inscription-div > span.col-4 {
	width: 22%;
}
a.inscription-details-link {
position: absolute;
margin-left: 843px;
width: 32px;
height: 35px;
background-color: red;
background: transparent url(../img/menu.png) 13px 5px no-repeat;
margin-top: 0px;
content: " ";
display: block;
cursor: pointer;
border: 1px solid transparent;
}
a.inscription-impression-link {
display: block;
position: absolute;
width: 40px;
height: 30px;
background-color: blue;
background: transparent url(../img/export.png) 9px 0 no-repeat;
margin: 2px;
cursor: pointer;
margin-left: -56px;

/*display:none;*/
background-size: 30px 30px;
}
div.inscription-div.inscaccomp a.inscription-details-link {
	margin-left: 803px !important;
}
a.inscription-suppression-link {
display: block;
position: absolute;
width: 21px;
height: 21px;
background-color: blue;
background: transparent url(../img/check-off2.png) 9px 0 no-repeat;
background-position-x: 9px;
background-size: auto auto;
margin: 1px;
margin-top: 1px;

cursor: pointer;
margin-left: 890px;
background-size: cover;
background-position-x: left;
margin-top: 5px;
}

a.inscription-suppression-link:hover {
background: transparent url(../img/check-off2-red.png) 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 grey;
}
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;
}
div.inscription-details-eltscomp {
	clear: left;
margin-top: 10px;

}
div.inscription-details-eltscomp label {
	display: block;
}
div.inscription-details-eltscomp span {
	display: block;
}


/*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:100%;
	height:100px;

}
footer a {
width: 45px;
height: 57px;
margin: 20px 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;
	display:none;
	padding:0
}
ul.aide li {
display: inline-block;
float: left;
color: #7f8385;
padding: 0 20px;
margin: 0px;
width: 25%;
height: 60px;
}

.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:65%;
	height:100px;
}


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

}
.li-invit {
	display:block;
	width:100%;
}
.li-invit label {
	width:50%;
	text-align:center;
}
.li-invit label.invit-email {
	float:left;
}
.li-invit label.invit-etat {
	float:right;
}
#sauver {
	float:right;
	margin:10px 20px;
}
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: 135px;
margin-top: 8px;
text-align:center;
}

label.labelnbaccomp {
	font-size:12px;
	width: 250px;
}
#checkboxaccomp {
	    float: right;
    margin-right: 210px;
    margin-top: -25px;
}
#divnbaccomp {
	visibility:hidden;
}
#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;
}
#linksDiv a#saveLink {
	display:none;
}
#lienformulaire {
	border: none;
background-color: transparent;
}

#checkboxmaxinsc {
    float: right;
    margin-right: 180px;
    margin-top: -25px;
}
#nombremaxinsc {
float: right;
width: 80px;
margin-right: 130px;
margin-top: 8px;
text-align: center;
}
#labelmaxinsc {
	margin-top: -13px;
}
label.labelnbmaxinsc {
font-size: 12px;
width: 220px;
}
#divmaxinsc {
	visibility:hidden;
}


/* styles iso tinymce */
#insc-desc {font-family:'Open Sans' !important;font-size:14px;color:#343434;padding: 0px 15px 0 15px !important;}
#insc-desc h1,#insc-desc h2,#insc-desc h3,#insc-desc h4,#insc-desc h5,#insc-desc h6{font-family:'Open Sans';font-weight:200;line-height:1.4em;margin:25px 0 15px}
#insc-desc *{background-position:initial}
#insc-desc h1{font-size:34px}
#insc-desc h2{font-size:30px}
#insc-desc h3{font-size:26px}
#insc-desc h4{font-size:22px}
#insc-desc h5{font-size:18px}
#insc-desc h6{font-size:14px}
#insc-desc p{margin:25px 0}
#insc-desc ol,#insc-desc ul{margin-left:15px;list-style-position:outside;margin-bottom:20px}
#insc-desc ol li,#insc-desc ul li{margin-left:10px;margin-bottom:10px;color:#626262}
#insc-desc ul{list-style-type:disc}
#insc-desc ol{list-style-type:decimal}
#insc-desc a[href]{text-decoration:underline}
#insc-desc table{width:100%;border-spacing:0;border-collapse:separate;border:1px solid #aaa}
#insc-desc table tr:nth-child(even){background:#FAFAFA}
#insc-desc table caption,#insc-desc table td,#insc-desc table th{padding:15px 7px;font:inherit}
#insc-desc table th{font-weight:400;color:#6E6E6E;background-position:100% 100%;background-size:2px 10px;background-repeat:no-repeat}
#insc-desc table th:last-child{background:0 0}
#insc-desc hr{border-top:2px solid #BBB}


/* styles add inscription perso*/
#inscDataTable {
    border-collapse: collapse;
}
#inscDataTable tr {

}
#inscDataTable th, #inscDataTable td {
    border:1px solid black;
    padding:5px;
}
#inscDataTable th {

}
#inscDataTable td {

}
#inscDataDiv {
    text-align:center;
    width:370px;
    margin:0 auto;
    display:block;
}
#inscDataDiv > span {
    display:block;
    clear:both;
}
#inscDataDiv > span label {
     width:170px;
    text-align:right;
    float:left;
    padding:5px;
 }
#inscDataDiv > span span {
    display:block;
    width:200px;
    text-align:left;
    float:left;
    padding:5px;
}
.inscription-impression-link-2 {

}
#insc-link-jeuad {
    width: 414px;
    display: block;
    text-align: center;
    padding: 20px;
    background-color: #000;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    height: 65px;

}