* {
    box-sizing: border-box;
}

body, html {
		padding:0;
		margin:0;
		width:100%;
		height:100%;
	}
	
button, input, optgroup, select, textarea {
    color:#333;
    font:normal;
    margin:auto;
}


	#header_top {
		width:100%;
		display:block;
		height:40px;
		overflow:hidden;
		float:left;
		background-color:#000;
		position:fixed;
		top:0;
		z-index: 2000;
	}
	
	#header_top img {
		margin-left: 20px;
    margin-top: 7px;
    max-height: 25px;
    width: auto;
	}
	
	#header_top select {
	margin-top: 10px; margin-right: 10px;
	}
	
	#header_top a {
	color: #fff;
    display: inline;
    float: none;
    font-size: 22px;
    line-height: 24px;
    position: relative;
    text-decoration: none;
    top: 3px;
	}
	
img {
    max-width: 100%;
    height: auto;
}	
	
	#header_box img, #header_box_smart img {
    height: auto!important;
    max-width: 100%;
	}


	
	#preview {
		/*background-image:url(img/bg.jpg);*/
		background-position: center center;
    background-repeat: no-repeat;
    float: left;
    min-height: 100%;
    margin-top: 0px;
    position: relative;
    width: 100%;
		
	}
	
	
	#preview.logged {
		
    margin-top: 40px;
    
		
	}
	
	#preview .container {
	max-width:100%;
	margin:auto;	
	position: relative;
	}
	.page_inscription #preview .container {
    max-width: 1000px;
    padding-top: 40px;
    }
	.page_inscription #header_top .container {
		max-width:100%!important;
		width:auto!important;
	}
	
	
	#header_box {
     	 width: 100%;
		 margin-bottom:20px;
	}
	
	.page_confirmation #header_box,
	.page_invitation #header_box {
		min-height: 220px;
	}
	
	#header_box_smart, #nav_smart, .nav_smart {
		display:none;
	}
	#contentleft {
    float: left;
    margin-right: 0%;
	margin-left:0%;
    width: 49%!important;
	}
	
	#contentright {
    float: right;
    margin-right: 0%;
	margin-left: 0%;
    width: 49%!important;
	}
	
	.box {
    background-color: #ffffff;
    display: block!important;
	margin-bottom:20px;
	width:100% !important;
	}
	
	#contentleft  .box.border, #contentright  .box.border, .box_msg.border {
    border: 1px solid #CCCCCC;
	}
	#contentleft  .box.rounded, #contentright  .box.rounded, .box_msg.rounded {
    border-radius:10px;
	}
	
	#contentleft  .box.rounded .h2, #contentright  .box.rounded .h2, .box_msg {
    border-radius:8px 8px 0 0 ;
	}
	.box.rounded .inner {
        border-radius:0 0 8px 8px ;
}

.box_msg.rounded .inner {
    border-radius: 8px;
}

	#contentleft .box.shadow, #contentright .box.shadow, .box_msg {
    box-shadow:0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.024);
	-webkit-box-shadow:0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.024);
	-moz-box-shadow:0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.024);
	}
	
	
    body.shadow #header_box img, body.shadow #header_box_smart img {
        box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.25), 0 8px 16px -8px rgba(0, 0, 0, 0.3), 0 -6px 16px -6px rgba(0, 0, 0, 0.024);
    }
    
    body.shadow .container_email #header_box img, body.shadow .container_email #header_box_smart img {
        box-shadow: none;
    }
	.box .cke_textarea_inline {
    padding: 0px 10px;
	}
	 .box .inner {
   width:100%;
   display:inline-block;
	}

	.box div.h2 {
    display: block;
    margin: 0;
    padding: 12px 10px;
    position: relative;
	background-color:#F2F2F2;
	}
	
	.box.border div.h2 {
    border-bottom: 1px solid #CCCCCC;
	}
	
	.box div.h2 p {
		margin:0;
	}


	.box div.h2, a {
	color:#9D4DA2;
	}
	
	
	#footerpart {
    background-color: #000;
    display: block;
    min-height: 30px;
    margin: auto;
    width: 100%;
	}
	
	
	
	#footerpart .box {
    background-color: transparent;
    border: medium none;
    display: block;
    margin-bottom: 0;
	}
	
	
	#preview.logged {
		margin-left:200px;
	}
	
	.googleMap {
 		 height:100%;
  		left:100%;
  		position:absolute;
  		top:0;
 		 width:100%;
 		 z-index:999999;
	}
	
	.googleMap iframe {
		width:100%;
		height:100%;
	}
	
	
	#barre_menu {
		background-color:#333;
		width:200px;
		display:block;
		height:100%;
		overflow:auto;
		position:fixed;
		left:0;
		top:0;
		z-index: 1000;
		font-family: 'Lato', sans-serif;
		font-weight:lighter;
	}
	
	#barre_menu a {
		text-decoration:none;
		color:#999;
		display:block;
		line-height:40px;
		font-size:14px;
		padding:0 10px;
		-moz-transition:all;
		border-top: 1px solid #333;
		border-left:7px solid #333;
	}
	#barre_menu a:hover {
		opacity:1;
		color:#FFF;
		transition:all;
		-moz-transition:all;
	}
	
#barre_menu a span {
    font-size: 16px;
    margin-right: 6px;
    position: relative;
    top: 2px;
}
	
	#barre_menu ul li ul a {
		 font-size:13px;
	 }
	 
	#barre_menu ul {
		padding-left:0px;
	}
	
	 .clear {
		 display:block;
		 width:100;
		 clear:both;
	 }
	 
	 
	 .option_box {
		 position:relative;
		 top:-5px;
		 margin-bottom:20px;
	 }
	 
	 .option_box .option {
    clear: both;
    color: #fff;
    display: block;
    font-size: 10px;
    height: 18px;
    padding-left: 12px;
}

.box_hexa {
    padding-left: 12px;
}

 

.box_hexa input {
	display:none;
	margin:0;
	margin-bottom: 10px;
}

.box_hexa input.active {
	display:block;
}

	
	
	 
	 .option_box .option.active {
		 color:#00a0bf;
		
	 }
	 
	 #barre_menu ul li ul a.active {
		background-color:transparent;
		color:#00a0bf;
		opacity:1;
	}
	
	
	
	.option input[type="text"],
	.option input[type="tel"],
	.option input[type="number"] {
    background-color: #444;
    border: medium none;
    color: #999;
    font-size: 10px;
    font-style: italic;
    margin-left: 12px;
    padding: 2px 5px;
    width: 146px;
}


#option_couleur span div {
    background-color: #090;
    border: 1px solid #444;
    border-radius: 15px;
    content: " ";
    cursor: pointer;
    display: inline-block;
    float: left;
    height: 20px;
    left: 0;
    line-height: 17px;
    margin: 0 7px 10px 1px;
    position: relative;
    top: 0;
    vertical-align: middle;
    width: 20px;
}
#option_couleur span, , #option_bg span {
    padding-left: 7px;
}


#option_couleur span div.focused {
    background-color: #f7f0f0;
    box-shadow: 0 0 5px #000;
	border: 1px solid #fff;
 }


.preview_bg {
    background-color: #efefef;
    
    background-repeat: no-repeat;
	background-size:cover;
    display: block;
    height: 90px;
    margin:10px auto 6px;
    width: 87%;
}



body.cover #preview {
	background-size:cover;
}



body.repeat #preview {
    background-repeat:repeat!important;
	background-size: auto auto;
}






body.alignleft.aligntop #preview {
	background-position: left top;
}
body.alignleft.aligncenter2 #preview {
	background-position: left center;
}
body.alignleft.alignbottom #preview {
	background-position: left bottom;
}

body.alignright.aligntop #preview {
	background-position: right top;
}
body.alignright.aligncenter2 #preview {
	background-position: right center;
}
body.alignright.alignbottom #preview {
	background-position: right bottom;
}
 
  


 


[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.icon-statut-0:before {
	content: "\e6a2";
	color:#e6d68e;
}

.icon-statut-1:before {
	content: "\e684";
	color:#00a0bf;
}

.icon-statut-3:before {
	content: "\e692";
	color:#6cd31f;
}

.icon-statut-5:before {
	content: "\e658";
	color:#ADADAD;
}


.icon-statut-6:before {
	content: "\e69d";
	color:#FF0004;
}

#nav_smart, .nav_smart {
	float: left;
    position: relative;
    width: 100%;
}

.bulle {
	border-radius: 20px;
    display: none;
    height: 10px;
    margin: 40px 3px;
    opacity: 0.5;
    width: 10px;
}



.btn {
     background-color: #000;
    color: #fff;
    display: block;
    float: left;
    height: auto;
    line-height: 46px;
    margin-bottom: 24px;
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
    text-decoration: none;
    width: 92%;
	padding: 0 2%;
}


#event_btn_1 p, #event_btn_2 p, #event_btn_3 p {
    line-height: 46px;
    text-align: center;
}



#nav_smart .btn, .nav_smart .btn {
	cursor:pointer;
}


.voir_admin {
    background-color: #9d4aa4;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: 2%;
    text-align: center;
    top: 14px;
    width: 18px;
    z-index: 5;
	text-decoration:none;
}
#btn_3 .voir_admin {
	font-size:20px;
}

.close_admin {
    cursor: pointer;
    float: right;
    font-size: 12px;
    font-weight: lighter;
    height: 18px;
    line-height: 18px;
    position: absolute;
    right: 2%;
    text-align: center;
    top: 22px;
    width: 64px;
    z-index: 5;
	text-decoration:none;
}



.voir_admin, .close_admin {
	display:none;
}



.cke_button_on {
    background-image: none!important;
    border: 1px solid #00a0bf!important;
}

.ck-body {
    position: relative!important;
    z-index: 100000000;
}

.ck.ck-editor__editable {
    padding: 0!important;
     
}

.editor__editable, main .ck-editor[role="application"] .ck.ck-content, .ck.editor__editable[role="textbox"], .ck.ck-editor__editable[role="textbox"], .ck.editor[role="textbox"] {
	min-height: auto!important;
}
.ck.ck-editor__editable {
    border: medium none!important;
	box-shadow:none!important;
}

textarea.editor {
	position: absolute;
	top: -5000px;
}

.ck.ck-editor__editable .image {
    border: medium none;
    margin: 0;
    padding: 0;
    position: relative;
}


.ck-content .image > figcaption {
	display: none!important;
}

.ck.ck-editor__editable_inline.inner > *:last-child, .box .inner > *:last-child {
    margin-bottom: 30px!important;
}
.ck.ck-editor__editable_inline.inner > *:first-child, .box .inner > *:first-child {
    margin-top: 30px!important;
}
.ck.ck-editor__editable_inline.inner > figure:first-child, .box .inner > figure:first-child {
    margin-top: 0px!important;
}
.ck.ck-editor__editable_inline.inner > figure,  .box .inner figure {
    margin-bottom: 30px!important;
}


.ck.ck-editor__editable_inline.h2 p {
    margin: 0px!important;
}

figure {
    margin: 0;
    padding: 0;
}

.text-big {
    font-size: 1.4em;
}
.text-tiny {
    font-size: 0.7em;
}
.text-small {
    font-size: 0.85em;
}
.text-huge {
    font-size: 1.8em;
}


.btn .editor__editable, .btn  main .ck-editor[role="application"] .btn  .ck.ck-content, .btn  .ck.editor__editable[role="textbox"], .btn  .ck.ck-editor__editable[role="textbox"], .btn  .ck.editor[role="textbox"] {
	background-color: transparent!important;
}
#header_box {
	background-color: transparent!important;
}

.ck-editor__editable .ck-horizontal-line {
    padding:0!important;
}
.ck-content .table {
    display: table;
    margin: 0 auto!important;
}

 .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected, .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover {
    box-sizing: border-box;
    outline: medium none;
}

 .ck-editor__editable.ck-blurred .ck-widget.ck-widget_selected:hover, .ck-editor__editable.ck-focused .ck-widget.ck-widget_selected,  .ck-editor__editable.ck-focused .ck-widget.ck-widget_selected:hover {
    box-shadow: 0 0 0 2px #1a9aef inset;
    box-sizing: border-box;
    outline: medium none;
}



#box_export {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	display:none;
}


#box_export div {
	width:220px;
	margin:auto;
	background-color:#FFF;
	padding:10px;
	border:1px solid #EFEFEF;
	text-align:left;
	box-shadow:0px 0px 2px #000000;
}



#box_export.active {
	display:block;
}
#box_export .btn_submit {
  font-size:16px;
  font-weight:300;
  margin:34px auto auto;
  width:219px;
}

#box_export h2 {
	margin-bottom:26px;
	display:block;
}


#formulaire {
    padding: 0 1%;
}

.red {
    color: #7a5870;
}

 

.form_left, .input_edit, .pre_form_edit, .select_edit, .checkbox_edit, .hebergement_edit, .radio_edit, .multiple_checkbox_edit {
    float: left;
    font-size: 14px;
    position: relative;
    width: 48%;
	padding: 0 !important;
	 height: auto;
	height:40px;
	margin:10px 1% ;
}

#formulaire .form_left, #formulaire .form_right {
	margin:10px 1% !important;
	height: 40px!important;
}





.page_formulaire .line_edit .preview {
	position: relative;
}

.page_formulaire #formulaire .select_edit label, 
.page_formulaire #formulaire .hebergement_edit label,
.page_formulaire #formulaire .radio_edit label,
.page_formulaire #formulaire .multiple_checkbox_edit label {
    left: 0;
    top: 0;
	cursor: unset;
}

.page_formulaire #formulaire .line_edit .preview label,
.page_formulaire #formulaire .hebergement_edit .preview label,
.page_formulaire #formulaire .select_edit .preview label,
.page_formulaire #formulaire .radio_edit .preview label,
.page_formulaire #formulaire .multiple_checkbox_edit .preview label,
.page_formulaire #formulaire .line_edit .preview input,
.page_formulaire #formulaire .line_edit .preview p, .page_formulaire #formulaire .line_edit .preview h1,
 .page_formulaire #formulaire .line_edit .preview select {
	
	cursor: move;
}

#preview .h2, #preview h2 {
    font-size: 22px;
}
#preview, #preview table {
	font-size: 14px;
}

.box .cke_textarea_inline {
    padding: 0 0px!IMPORTANT;
}


.page_formulaire .form_left {
	margin-left:0;
}
.page_formulaire #add_formulaire {
    position: relative;
}

.form_right,  .checkbox_edit {
    float: left;
    font-size: 14px;
    margin-bottom: 10px;
    position: relative;
    width: 48%;
	padding: 0 !important;
	 height:auto;
	 margin-left: 1%;
    margin-right: 1%;
	margin-top:0px;
	height:45px;
}


.radio_edit input[type="radio"], .multiple_checkbox_edit input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle;
}


.select_edit, .hebergement_edit, .multiple_checkbox_edit, .radio_edit, .rattachement_edit, .multiple_checkbox_edit {
    float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
	width:98%;
}
.radio_line, .multiple_checkbox_line {
	display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.page_formulaire .line_edit,
.page_groupes .line_edit {
    margin-right: 0!important;
    margin-left: 0!important;
    position: relative;
}

 

#liste .select_edit, #liste .hebergement_edit, #liste .radio_edit, #liste  .multiple_checkbox_edit {
    float: left;
    height: auto;
    margin-bottom: 0px;
	width:98%;
}



.p_edit, .pj_edit {
    display: block;
    float: left;
    font-size: 13px;
    margin-bottom: 5px;
    width: 99%;
}

.p_edit p, .t_edit p {
    padding: 0;
}
.box .inner .pj_edit {
	margin-bottom: 20px;
}
.box .inner .pj_edit p {
	margin-bottom: 10px;
    margin-top: 10px;
}

/* Chrome, Safari, Edge, Opera */
#formulaire input::-webkit-outer-spin-button,
#formulaire input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#formulaire input[type=number] {
  -moz-appearance:textfield;
  appearance:textfield;
	-webkit-appearance:textfield;
}


#formulaire input[type="text"], #formulaire input[type="email"], #formulaire input[type="number"], #formulaire input[type="password"], #formulaire input[type="tel"], .edit textarea {
	
    border: 1px solid #ccc;
    margin-bottom: 12px;
    padding: 10px 4%;
    width: 100%;
	font-size:14px;
}


#formulaire input[type="text"] .hebergement_edit {
    margin-bottom: 0;
}
#formulaire input[type="checkbox"] {
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}




input.invisible {
    cursor: pointer;
    height: 40px;
    opacity: 0;
    position: absolute;
    width: 300px;
    z-index: 10;
}

.upload_btn_line {
    background-color: rgb(0,0,0,0.02);
    box-sizing: border-box;
    padding: 20px 30px;
    border: 1px solid rgb(0,0,0,0.05);
}

.error .upload_btn_line {
    background-color: #FCF0F0;
    box-sizing: border-box;
    padding: 20px 30px;
    border: 1px solid #C00;
}
.upload_btn_line  .progress {
    background-color: #f5f5f5;
    border-radius: 4px;
    bottom: -8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 2px;
    left: 0;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
}
 

.files p {
	 
    padding: 10px 0;
	margin: 0;
}

.files {
    display: inline-block;
    float: none;
    height: 30px;
    line-height: inherit;
    margin-left: 10px;
    position: relative;
    vertical-align: top;
    z-index: 10;
}


#files {
    display: inline-block;
    margin-left: 20px;
}

.files .icon-cross {
    display: inline-block;
    margin-left: 5px;
    margin-top: 0;
    position: relative;
    top: 2px;
}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    background: indianred none repeat scroll 0 0!important;
    border: 1px solid indianred!important;
    color: #ffffff;
    font-weight: normal;
}


.progress-bar-success {
    background-color: #5cb85c;
}
.progress-bar {
    background-color: #337ab7;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #fff;
    float: left;
    font-size: 12px;
    height: 100%;
    line-height: 20px;
    text-align: center;
    transition: width 0.6s ease 0s;
    width: 0;
}










.page_formulaire #formulaire input[type="text"]:focus, .page_formulaire #formulaire input[type="email"]:focus, .page_formulaire #formulaire input[type="number"]:focus, .page_formulaire #formulaire input[type="password"]:focus, .page_formulaire #formulaire input[type="tel"]:focus, .page_formulaire .edit textarea:focus,

.page_groupes .edit input[type="text"]:focus, .page_groupes .edit input[type="email"]:focus, .page_groupes .edit input[type="number"]:focus, .page_groupes .edit input[type="password"]:focus, .page_groupes .edit input[type="tel"]:focus, .page_groupes .edit textarea:focus



 {
	border-color:#39B3CA!important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}


#formulaire input.error, #formulaire input.error_bulle {
	background-color:#FCF0F0;
	border: 1px solid #C00;
}


#formulaire i.error {
  background-color:orange;
  border-radius:2px;
  bottom:50px;
  color:#FFFFFF;
  font-size:10px;
  font-style:normal;
  left:0;
  padding:5px 10px;
  position:absolute;
  width:59%;
}
#formulaire i.error:before {
    background-color: orange;
    bottom: -4px;
    content: " ";
    display: block;
    height: 10px;
    position: absolute;
    transform: rotate(45deg);
    width: 10px;
    z-index: 0;
}


i.error{
  color:#C00;
  font-size:12px;
}

label {
	position:absolute;
	left: 4%;
    position: absolute;
    top: 10px;
	color:#333;
	cursor:text;
}


.select_edit label, .hebergement_edit label, .radio_edit label, .multiple_checkbox_edit label {
    display: block;
    margin-bottom: 10px;
    position: inherit;
	float: left;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    margin: 0px 0 10px;
}


.select_edit label:before, .hebergement_edit label:before, .radio_edit label:before, .multiple_checkbox_edit label:before {
   content: "\e6eb";
    display: block;
    float: left;
    font-family: "icomoon";
    font-size: 20px;
    margin-right: 3px;
    position: absolute;
    left: -20px;
    top: 2px;
    opacity: 0.2;
}


label.selected {
	opacity:0.6;
}

.edit textarea {
    width: 100%;
	 height: 100px;
	 margin-bottom: 20px;
}

#formulaire select {
     font-size: 14px;
    padding: 5px 2%;
    width: 100%;
}






.form_civility {
     float: left;
    height: auto;
    margin-bottom: 10px;
    margin-top: 0px;
    width: 98%;
	padding: 0;
    position: relative;
	margin-left: 1%;
 
}

.form_civility label {
    display: inline;
    float: left;
    left: 0;
    margin-right: 10px;
    position: inherit;
    top: 0;
}


.form_civility  .inner_radio {
    float: left;
    margin-right: 10px;
}

.form_civility input {
    margin-right: 5px;
}

#formulaire .select_edit select, #formulaire .hebergement_edit select, #formulaire .radio_edit select, #formulaire .multiple_checkbox_edit select {
  display:block;
  float:none;
  margin:0;
  width:48%;
}


#formulaire .select_edit label, #formulaire .hebergement_edit label, #formulaire .radio_edit label, #formulaire .multiple_checkbox_edit label {
    display: inline-block;
    float: none;
    text-align: left;
    box-sizing: border-box;
    overflow: visible;
    height: inherit;
    position: inherit;
    padding-left: 0;
    width: 100%;
    word-wrap: normal;
    white-space: break-spaces;
}

.checkBoxBox {
    border: 1px solid #efefef;
    font-size: 13px;
    margin: auto;
    padding: 2%;
    width: 94%;
	clear: both;
    float: none;
}


.checkBoxBox .line, .checkbox_edit  {
    display: block;
    height: auto;
    line-height: 18px;
    margin: 0 0 0 1%;
    padding: 7px 2% !important;
    width: 94%;
}


.checkBoxBox .line:nth-child(even), .checkbox_edit:nth-child(even) {
	/*background-color:#EEEEEE;*/
}




.btn_submit {
    border: medium none;
    float: none;
    font-size: 17px;
    margin: 30px auto;
    width: 200px;
	cursor:pointer;
}

.btn_annuler {
	font-size:14px;
	cursor:pointer;
}

#formulaire p.text, .t_edit, .h1_edit {
    clear: both;
    display: block;
    float: left;
    font-size: 13px;
    margin: 10px 0 0px;
 	width: 99%;
	height: auto;
}

#formulaire p.text strong, #formulaire .t_edit p, #formulaire .h1_edit p {
	float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 16px 0;
	margin-bottom:0px;
	height: auto;
	padding-left:0;
	margin-top:0;
}


#formulaire p.text strong:before, .t_edit p:before {
	content: "\e6eb";
	display: block;
    float: left;
    font-family: "icomoon";
    font-size: 20px;
    margin-right: 3px;
    position: relative;
    top: 0;
	
}



#formulaire .h1_edit  {
	margin-left:1%;
}



#formulaire .h1_edit p {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.form_left_inner {
	float: left;
    width: 48%;
}
.form_right_inner {
	float: right;
    width: 48%;
}

#formulaire .form_left_inner select, #formulaire .form_right_inner select {
    width: 100%;
}



.option_group {
    background-color: #e9e9e9;
    border: 1px solid #ccc;
    display: block;
    font-size: 14px;
    padding: 14px;
}

.option_group h3 {
    margin-bottom: 14px;
    margin-top: 0;
}


.box_annulation  {
	text-align:center;
	display: block!important;
    margin: auto;
    width: 98% !important;
	background-color:#FFF;
	max-width:50%;
	margin-top:50px;
}



.box_annulation p  {
	font-size:12px;
	color:#999;
	
}

.box_annulation .nomAnnulation {
    font-size: 28px;
    text-transform: uppercase;
	color:#333;
	margin: 0 0 20px;
}
.box_annulation .infos {
    font-size: 14px;
	color:#666;
	margin:auto;
	max-width:400px;
}



.box_msg {
  background-color:#FFFFFF;
  display:block !important;
  margin:50px auto auto;
  max-width:300px;
  text-align:center;
}

.box_msg .btn {
	width:100px;
	margin:auto;
	float:none;
	margin-bottom:20px;
}

.box_msg .content {
	 margin-bottom: 20px;
    margin-top: 20px;
    padding: 0 16px;
}

.box_msg .icon-thumbsup {
  display:block;
  font-size:35px;
  margin-bottom:15px;
  width:100%;
}



#logo_conect {
    margin: 3% auto auto;
    position: relative;
    width: 300px;
	text-align: center;
}
 
#logo_conect img {
    height: auto;
    max-width: 100%;
    max-height: 200px;
    width: auto;
}


.box_login {
    max-width: 300px;
	margin: 28px auto auto;
    
}

.box_login #formulaire {
	padding:0;
	margin:0;
}

.box_login #formulaire .inner {
    padding: 40px 5% 0;
    
}

.box_login .inner {
    float: left;
    width: 90%;
}



.box_login #formulaire label {
    top: 0;
}

#preview.login {
    margin-top: 0;
}


.container_board, .container_scanner, .container_reglages, .container_form, #option_affichage {
		font-family: 'Lato', sans-serif;
		font-weight:300;
}



.container_board, .container_scanner, .container_reglages, .page_formulaire .container_form, #option_affichage  {
	display: inline-block;
    padding: 0 2%;
    position: relative;
    width: 96%;
}

.container_form .checkBoxBox .line, .container_form .checkbox_edit {
    display: block;
    height: auto;
    line-height: 18px;
    margin: 10px 0 10px 1%;
    padding: 7px 0 !important;
    width: 98%;
}

#option_affichage {
    background-color: #efefef;
    font-size: 14px;
    padding: 20px 2% 44px;
	display:none;
}
#option_affichage.active {
	display:block;
}

#option_affichage .select_td {
    display: inline-block;
    margin-right: 16px;
	margin-bottom: 20px;
}

#option_affichage input {
    margin-right: 4px;
    position: relative;
    top: -2px;
    vertical-align: bottom;
}


.g-recaptcha {
    margin-top: 20px;
}




/* #liste .form_left, #liste  .input_edit, #liste  .pre_form_edit, #liste  .select_edit, #liste .hebergement_edit, #liste  .checkbox_edit {
    float: left;
    font-size: 14px;
    height: auto;
    margin: 0 1%;
    padding: 0 !important;
    position: relative;
    width: 48%;
} */

#liste em {
    color: #999;
    font-size: 12px;
    font-style: normal;
}


.num_host {
	text-transform:uppercase;
	
}

#liste .line_edit input {
    background: transparent none repeat scroll 0 0;
    border: medium none;
	border-bottom:1px solid transparent;
}
#liste .line_edit input:focus {
	border-bottom:1px solid #E8E8E8;
 }


.container_board h1, .container_board h2, 
.container_form h1, .container_form h2 {
    font-weight: 300;
}

.container_board h1 a, .container_board h2 a, 
.container_form h1 a, .container_form h2 a {
    color:#00A0BF;
	float:right;
  font-size:0.5em;
  position:relative;
  right:18px;
  top:9px;
  vertical-align:middle;
}

#formulaire {
	padding:0 10px;
	text-align:left;
}

.page_formulaire  #formulaire {
    padding: 0;
}
 
 
 
.page_formulaire  #formulaire form {
    margin: auto;
    max-width: 600px;
}


.nav_members {
	text-decoration:none;
	font-size:12px;
	color:#999;
	font-weight:400;
	margin-right:6px;
}
.nav_members:hover {
	color:#00A0BF;
	
}
.nav_members.active {
	color:#222;
	font-weight:700;
	
}
.nav_members.active span {
	color:#00A0BF;
	
}

.page_dashboard .container_board table tr {
	cursor:pointer;
}

.dashboard .btn_export_dashbord, .dashboard .clearliste {
    background-color: #00a0bf;
    color: #fff;
    font-family: "Lato",sans-serif;
    font-size: 19px;
    margin-left: 0;
    margin-top: 26px;
    width: auto;
}

.dashboard .clearliste {
    background-color: #d7d7d7;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
}

.dashboard .clearliste:hover {
    background-color:#AFAFAF;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
}

.page_subscribers .btn_exportSub, .page_groupes .btn_exportSub, .page_chambres .btn_exportSub, .page_planning .btn_exportSub {
	background-color: #00a0bf;
    color: #fff;
    float: right;
    font-family: "Lato",sans-serif !important;
    font-size: 14px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 0;
    margin-right: 0;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

.nav_liste {
	margin-bottom:30px;
}


#show_td {
	background-color: #999;
    color: #ffffff;
    font-size: 12px;
    line-height: 16px;
    padding: 3px 10px;
    position: absolute;
    right: 2%;
    text-decoration: none;
    top: 0;
}


#search {
    border: 1px solid #efefef;
    color: #999;
    font-family: lato;
    font-size: 20px;
    font-weight: 100;
    padding: 8px;
    position: absolute;
    right: 2%;
    top: 34px;
    width: 30%;
}


.pop-up #search {
    position: inherit;
    width: 100%;
}


#search:focus {
    border: 1px solid #00a0bf;
	color:#666666;
	 
}


.page_dashboard  .ui-state-hover, .page_dashboard  .ui-widget-content .ui-state-hover, .page_dashboard  .ui-widget-header .ui-state-hover, .page_dashboard  .ui-state-focus, .page_dashboard  .ui-widget-content .ui-state-focus, .page_dashboard  .ui-widget-header .ui-state-focus {
	background-image:none!important;
	background-color:#60cade!important;
	color:#FFFFFF!important;
	font-size:16px!important;
}


.page_dashboard  .ui-state-focus, .page_dashboard  .ui-state-hover {
	background-color:#60cade;
	
}


.page_dashboard  .ui-state-hover {
	background-color:#00a0bf;

}

#export_nav {
   display: inline-block;
    float: none;
    padding: 0;
    position: relative;
    right: -14px;
    top: 5px;
    width: 160px;
    z-index: 2;
}

#export_nav div {
background-color: #fff;
    border: 1px solid #efefef;
	display: block;
    float: left;
    font-size: 14px;
    padding: 10px;
    position: relative;
    width: 138px;
	}
	
	
#export_nav div .btn_export_dashbord  {
    font-size: 16px;
    line-height: 31px;
    margin-bottom: 0;
    width: 100%;
}
#export_nav div {
	display:none;
}

#export_nav:hover div {
	display:block;
}

.btn_exportSub span {
    float: none;
    font-size: 14px;
    margin-left: 7px;
    margin-right: 4px;
    vertical-align: middle;
}

.container_board table td {
    font-size: 14px;
    padding: 10px 10px;
	font-weight:300;
	border-bottom: 1px solid #efefef;
}
.page_profile .container_board table td:focus {
	background-color:#FDFF87;
}

.container_board table td.td_standing {
    min-width: 90px;
}

.container_board table td.td_standing {
    min-width: 90px;
}
.container_board table td.td_email {
    min-width: 125px;
}

.page_dashboard .container_board table td {
	display:table-cell!important;
}

.container_board table td.date {
    font-size: 12px;
}

.container_board table td.number {
    color: #999999;
    padding: 0;
    text-align: center;
    width: 50px;
}

.container_board table td.number span {
    color: #FFF;
    padding: 0;
    text-align: center;
    width: 20px;
	height:20px;
	display:block;
	border-radius:20px;
	background-color:#ea822f;
	font-size:10px;
	line-height:20px;
	margin-left:10px;
	
}



.container_board table td select {
    background-color: #e47f00;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 4px 6px;
}



.container_board table tr:nth-child(even) {
	background-color:#fafafa;
}


table tr.line-0 {
    color: #ccc;
}

table tr.line-5 {
    color:#888;
}

table tr.line-6 {
    color: #ccc;
}


.container_board table a {
	color: #ccc;
    display: block;
    font-size: 18px;
    line-height: 40px;
    margin-right: 6px;
    text-decoration: none;
	
}

.container_board table td.edit a {
    float: right;
	opacity:0.5;    
}

.container_board table tr:hover a {
opacity:1;    
}



.container_board table a:hover {
	text-decoration:none;
	color:#333;
}


.line-3 a.icon-export, .line-3 a.icon-cross {
	display:none!important;
}

.line-0 a.icon-export, .line-0 a.icon-cross {
	/*display:none!important;*/
}






.fiche_user label {
    clear: both;
    color: #333;
    cursor: text;
    display: block;
    float: none;
    left: 0;
    margin-bottom: 20px;
    padding: 0;
    position: inherit;
    top: 0;
    width: 100%;
}


.fiche_user #formulaire .form_left, .fiche_user #formulaire .form_right, .fiche_user #formulaire .input_edit, #formulaire .fiche_user .pre_form_edit, .fiche_user #formulaire  .input_edit, .fiche_user #formulaire  .pre_form_edit, .fiche_user #formulaire  .select_edit, .fiche_user #formulaire  .hebergement_edit , .fiche_user #formulaire  .radio_edit, .fiche_user #formulaire    .pj_edit, .fiche_user  {
   
    height: 100px!important;
    
}



.fiche_user  #formulaire {
    padding: 0 0;
}


.container_board #formulaire input[type="text"], .container_board #formulaire input[type="tel"],  .container_board #formulaire input[type="number"], .container_board #formulaire input[type="email"], .container_board #formulaire input[type="password"] {
 
    padding: 10px 1%;
    width: 100%;
}



.page_addprofile .container_board #formulaire input[type="text"], .page_addprofile  .container_board #formulaire input[type="tel"],   .page_addprofile  .container_board #formulaire input[type="number"],  .page_addprofile  .container_board #formulaire input[type="email"],  .page_addprofile  .container_board #formulaire input[type="password"] {
    padding: 10px 4%;
    width: 100%;
}



.profile_line {
	font-size: 18px;
    padding: 10px 10px;
	font-weight:300;
	display:block;
	
}


.profile_line span[class^="icon-"], .profile_line span[class*=" icon-"] {
    font-size: 16px;
    margin-left: 7px;
    position: relative;
    top: 3px;
}

.editable-container.editable-inline {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.editableform {
    margin-bottom: 0;
}

.editableform .control-group {
    line-height: 20px;
    margin-bottom: 0;
    white-space: nowrap;
}


.editable-input {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: auto;
}


.editable-clear-x {
    background: rgba(0, 0, 0, 0) url("../img/clear.png") no-repeat scroll center center;
    display: block;
    height: 13px;
    margin-top: -6px;
    opacity: 0.6;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 13px;
    z-index: 100;
}



.editable-buttons {
    display: inline-block;
    margin-left: 7px;
    vertical-align: top;
}
.editableform .control-group {
    line-height: 20px;
    white-space: nowrap;
}


editableform {
    margin-bottom: 0;
}
.editableform .control-group {
    line-height: 20px;
    margin-bottom: 0;
    white-space: nowrap;
}
.editable-buttons {
    display: inline-block;
    margin-left: 7px;
    vertical-align: top;
}
.editable-buttons.editable-buttons-bottom {
    display: block;
    margin-left: 0;
    margin-top: 7px;
}
.editable-input {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: auto;
}
.editable-buttons .editable-cancel {
    margin-left: 7px;
}
.editable-buttons button.ui-button-icon-only {
    height: 24px;
    width: 30px;
}
.editableform-loading {
    background: rgba(0, 0, 0, 0) url("../img/loading.gif") no-repeat scroll center center;
    height: 25px;
    min-width: 25px;
    width: auto;
}
.editable-inline .editableform-loading {
    background-position: left 5px;
}
.editable-error-block {
    margin: 5px 0 0;
    max-width: 300px;
    white-space: normal;
    width: auto;
}
.editable-error-block.ui-state-error {
    padding: 3px;
}
.editable-error {
    color: red;
}
.editableform .editable-date {
    float: left;
    margin: 0;
    padding: 0;
}
.editable-inline .add-on .icon-th {
    margin-left: 1px;
    margin-top: 3px;
}
.editable-checklist label input[type="checkbox"], .editable-checklist label span {
    margin: 0;
    vertical-align: middle;
}
.editable-checklist label {
    white-space: nowrap;
}
.editable-wysihtml5 {
    height: 250px;
    width: 566px;
}
.editable-clear {
    clear: both;
    font-size: 0.9em;
    text-align: right;
    text-decoration: none;
}
.editable-clear-x {
    background: rgba(0, 0, 0, 0) url("../img/clear.png") no-repeat scroll center center;
    display: block;
    height: 13px;
    margin-top: -6px;
    opacity: 0.6;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 13px;
    z-index: 100;
}
.editable-clear-x:hover {
    opacity: 1;
}
.editable-pre-wrapped {
    white-space: pre-wrap;
}
.editable-container.editable-popup {
    max-width: none;
}
.editable-container.popover {
    width: auto;
}
.editable-container.editable-inline {
    display: inline-block;
    height: 14px;
    vertical-align: top;
    width: auto;
}
.editable-container.ui-widget {
    font-size: inherit;
    z-index: 9990;
}
.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
}


.editable-click.editable-disabled, a.editable-click.editable-disabled, a.editable-click.editable-disabled:hover {
    border-bottom: medium none;
    color: #585858;
    cursor: default;
}
.editable-empty, .editable-empty:hover, .editable-empty:focus {
    color: #dd1144;
    font-style: italic;
    text-decoration: none;
}
.editable-unsaved {
    font-weight: bold;
}
.editable-unsaved::after {
}
.editable-bg-transition {
    transition: background-color 1400ms ease-out 0s;
}
.form-horizontal .editable {
    display: inline-block;
    padding-top: 5px;
}













.standing {
    color: #CCC;
    font-size: 12px;
    margin-left: 20px;
}

.standing.stand_1 span:nth-child(-n+1) {
	color:#F8E20C;
}
.standing.stand_2 span:nth-child(-n+2) {
	color:#F8E20C;
}
.standing.stand_3 span:nth-child(-n+3) {
	color:#F8E20C;
}
.standing.stand_4 span:nth-child(-n+4) {
	color:#F8E20C;
}
.standing.stand_5 span:nth-child(-n+5) {
	color:#F8E20C;
}






.profile_line .standing {
    display: inline;
    margin-left: 4px;
	cursor:pointer;
}

.profile_line .standing span {
    font-size: 14px;
    margin-left: 0;
    position: relative;
    top: 2px;
}



.page_profile .standing {
    color: #efefef;
    font-size: 18px;
    margin-bottom: 30px;
    margin-left: 10px;
}
.page_profile .standing {
	cursor:pointer;
}


.page_subscribers .standing {
    font-size: 14px;
    margin-left: 0;
	cursor:pointer;
}

.nav_profile  {
	clear: right;
    float: left;
    left: 20px;
    position: relative;
    top: 34px;
}
.nav_profile a {
    color: #999;
    float: right;
    font-size: 20px;
    margin-left: 10px;
    text-decoration: none;
}


.fiche_user {
	clear:both;
}

.profile_edit .basic_infos {
	position:absolute;
	top:-5000px;
}





.dashboard #reglages p strong {
    display: inline;
    float: left;
    font-weight: 300;
    margin-bottom: 10px;
    text-align: left !important;
}

.dashboard #formulaire  td select {
    font-size: 12px;
    padding: 0 11px;
    width: auto;
}

.dashboard #reglages input {
    float: left;
    margin: 4px;
}



.page_profile #formulaire select {
	width:auto;
}

#preview_logo {
	background-color: #EFEFEF;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    float: left;
    height: 100%;
    width: 100%;
	
}

#preview_logo_dropzone {
    border: 0 none;
    bottom: 0;
    display: block;
    height: 156px;
    left: 0;
    min-height: auto;
    padding: 0;
    position: relative;
    right: 0;
    top: 0;
    width: 300px;
    z-index: 200;
	margin: 0;
	clear:both;
}

#preview_logo_dropzone .dz-default.dz-message {
    background-repeat: no-repeat;
    border: 2px dotted #999;
    border-radius: 0;
    bottom: 3px;
    display: block;
    filter: none;
    float: left;
    height: 150px;
    left: 3px;
    margin-left: 0;
    margin-top: 0;
    opacity: 1;
    position: absolute;
    right: 2px;
    text-align: center;
    top: 3px;
    transition: opacity 0.3s ease-in-out 0s;
    vertical-align: middle;
    width: auto;
}


#preview_logo_dropzone img {
    height: auto;
    max-width: 100%;
    max-height: 200px;
    width: auto;
}


#preview_header_dropzone {
     background: url("../images/bg_blanc.png") repeat scroll 0 0 transparent;
    border: 0 none;
    bottom: 0;
    display: block;
    height: 250px;
    left: 50%;
    margin: 0 0 0 -245px;
    min-height: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 490px;
    z-index: 200;
}


#pdf_dropzone {
    height: 100%;
    left: 0;
    margin: 0;
    min-height: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 200;
}

#form_reglages {
    display: block;
    max-width: 600px;
    min-width: 52%;
	text-align:left;
}

#form_reglages p {
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 20px;
}


#form_reglages input[type="checkbox"], #form_reglages input[type="radio"] {
    float: left;
    margin: 5px 8px 5px 5px;
}


#form_logo {
    max-width: 600px;
    text-align: center;
	min-width: 52%;
}
#form_logo p {
	display:block;
	float:left;
	width:100%;
}

.box_form p strong {
	display: block;
    margin-bottom: 10px;
	text-align: left;
}

#form_logo input[type="text"], #form_logo input[type="tel"],  #form_logo input[type="email"], #form_logo input[type="password"],
#form_reglages input[type="text"], #form_reglages input[type="email"], #form_reglages input[type="password"],  #form_reglages input[type="number"],
#form_custom input[type="text"], #form_custom textarea {
    border: 1px solid #ccc;
    font-size: 14px;
    margin-bottom: 6px;
    padding: 10px;
    width: 100%;
	text-align:left;
}


.box_form textarea {
    border: 1px solid #ccc;
    display: block;
    height: 100px;
    width: 80%;
	resize:none;
	padding:10px;
}

#form_messages textarea {
	margin:0;
}



#form_messages .nav_lang_txt a {
    
    background-color: #fff;
    border: 1px solid #EFEFEF;
        border-bottom: 1px solid #ccc;
	display: inline-block;
    padding: 10px 30px;
    position: relative;
    text-decoration: none;
    top: 1px;
}


#form_messages .nav_lang_txt a.active {
    
    border: 1px solid #ccc;
    border-bottom: 1px solid #FFF;
    
}



.scan-checkmark {
	background-color:#0c3;
    border-radius: 70px;
    color: #fff;
    font-size: 120px;
    height: 140px;
    line-height: 140px;
    text-align: center;
    width: 140px;
	margin: auto auto 30px;
}
.scan-false {
	background-color:#F00;
	}

.container_scanner {
	text-align:center;
}


.icon-validationScan:before {
	content: "\e603";
	font-size: 78px;
}
.icon-validationScan, .icon-checkmark {
	background-color: #0c3;
}

#scann_name {
	margin-top:40px;
}
#scann_name b {
	margin-bottom:30px;
}



td.telechargement .icon-checkmark  {
    border-radius: 20px;
    color: #fff;
    padding: 5px;
}

td.telechargement .icon-cross {
     color: #fff;
	background-color: orangered;
    
     padding: 5px;
	border-radius: 20px;
}



.scan-checkmark {
	
    
}



.valid_scan {
	border-radius:8px;
	width:150px;
	text-align:center;
	margin:auto;
	float:none;
	margin-top:30px;
	background-color: #0c3!important;
	
}


.valid_info {
	background-color: #EFEFEF!important;
	color:#666!important;
}

input[name="update_event"], input[name="insert_event"], input[name="update_event_email"] {
    background-color: #666;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 24px;
    position: fixed;
    right: 4%;
    top: 7px;
    z-index: 20000;
}

.btn_preview {
    font-family: inherit;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
    position: fixed;
    right: 234px;
    top: 7px;
    width: auto;
    z-index: 10000;
}
.page_formulaire .btn_preview {
right: 4%;
}


.page_confirmation .cke_editable,
.page_invitation .cke_editable {
    border: 1px dashed #d9d9d9;
    cursor: text;
}



.plan a {
  border:none;
  font-size:17px;
  text-decoration:none;
}

.plan a span {
  font-size:28px;
  position:relative;
  top:-2px;
  vertical-align:middle;
}



	
#preview.logged .container {
    overflow: hidden;
}
	

.box .inner p {
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 10px;
}

.box .inner table {
    border: medium none;
    margin: 10px 30px;
    width: auto!important;
	border-spacing : 0;
	float:none!important;
}

.box .inner table td, .box .inner table th {
    border: medium none;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    min-width: 60px!important;
    padding: 5px;
    text-align: left;
    vertical-align: top;
	 

}

.box .inner table tr:nth-child(2n) {
    background-color: #fafafa;
}




.box .inner hr {
	
	background-color: #000;
    border: medium none;
    color: #fff;
    height: 1px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
	display: inline-block;
}



.edit_inner h2 {
    font-size: 14px;
	font-weight: inherit!important;
    text-align: left!important;
}
.edit_inner h1 {
    font-size: 20px;
    margin-left: 10px;
    margin-top: 0;
}

.edit_option_group {
	font-size:12px;
	float:right;
	margin-top:20px;
   
}

.edit_option_group em {
	font-size:10px;
   
}

#nav_lang {
    color: #fff;
    position: absolute;
    right: 2%;
}

#nav_lang a, #language a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

#language a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-weight:lighter;
	line-height: 30px;
    padding: 2px;
}

#language a.active {
    background-color: rgb(0, 160, 191);
    border-radius: 2px;
    font-weight: bold;
    padding: 2px;
}

.error_txt {
	color:#F00;
	font-size:14px;
	font-style:italic;
}







.page_scanner #barre_menu, .page_scanner #header_top {
	display:none;
}


.page_scanner #preview {
	margin:0;
	padding:0;
}


.page_scanner #preview {
	width:100%!important;
}











.group-section {
    border-bottom: 1px solid #efefef;
    margin-bottom: 40px;
    padding-bottom: 30px;
}
.group-section h2 {
    font-weight: bolder;
	text-align:center;
}

.group-section .inner_group {
	text-align:center;
	
}
.group-section .inner_group .liste {
    text-align: left;
}


.edit {
	text-align:left;
}
.group-box {
     border: 1px solid #fff;
    display: inline-block;
    float: none;
    margin-bottom: 20px;
    margin-right: 0.5%;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 23.5%;
}

.group-section #formulaire {
    position: absolute;
}


.nav_group {
    background-color: #fff;
    border-bottom: 1px solid #efefef;
    display: block;
    left: 200px;
    padding: 10px 2%;
    right: 0;
    text-align: justify;
    width: 96%;
    z-index: 2;
}

.nav_group_shadow {
	display:none;
}

.nav_group_shadow.active {
	display:block;
}

.nav_group.active {
    position: fixed;
    width: 81%;
	 top: 40px;
}

.nav_group a {
    display: inline-block;
    margin: 5px;
    text-decoration: none;
	color:#00a0bf;
	background-color: #00a0bf;
    border-radius: 4px;
    padding: 2px 6px;
}
 

.group-box.active  {
	border: 1px solid #efefef;
}

.group-box .header {
	text-align:center;
	
}

.group-box .header a {
	margin:0!important;
	
}

.group-box .cpt {
    border: 1px solid #00a0bf;
    border-radius: 50%;
    color: #00a0bf;
    font-size: 20px;
    font-weight: bold;
    height: 100px;
    left: 8px;
    line-height: 100px;
    margin: 20px auto 14px;
    text-align: center;
    top: 8px;
    width: 100px;
}




.group-box h3 {
    color: #00a0bf;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    min-height: 42px;
    padding-left: 0;
    text-align: center;
    vertical-align: middle;
}

.group-box .liste {
    margin-top: 24px;
	display:none;
	max-height: 500px;
    overflow: auto;
}

.group-box.active .liste {
	display:block;
}

.page_planning .group-box .liste {
	max-height:inherit;
}

.group-box .checkbox {
    display: inline-block;
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 18px;
}

.group-box .line {
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
	background-color: #fafafa;
}


.group-box .line:nth-child(2n) {
    background-color: #FFF;
}

.group-box .edit {
	display: none;
    float: right!important;
    height: inherit!important;
    position: inherit!important;
    width: inherit!important ;
	position:inherit!important; 
}




.group-box .line:hover .edit {
	display:block!important;    
}

.group-box .line .edit a {
    float: right;
    opacity: 0.5;
}
.group-box  a {
    color: #ccc;
    display: block;
    font-size: 18px;
    line-height: 18px;
    margin-right: 6px;
    text-decoration: none;
}
.group-box  a:hover {
	color: #00a0bf;
}

.group-box .line .edit a:hover {
    opacity: 1;
}

.edit_group {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
 
.edit_group a {
    background-color: #efefef;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-left: 2px;
    margin-right: 2px;
    text-decoration: none;
    width: 30px;
}

.edit_group a:hover {
    background-color: #00a0bf;
	color:#FFF;
     
}


.liste_container {
    max-width: 100%;
    overflow-x: scroll;
}

.progress li.infos {
    left: 21px;
    position: absolute;
    top: 0;
}

.progress li.infos .icon-thumbsup {
    border-radius: 50%;
    color: #fff;
    padding: 4px;
}

.progress li.infos .icon-warning {
    border-radius: 50%;
    color: #fff;
    padding: 4px;
}
.progress li.infos .icon-warning:before {
    position: relative;
    top: -2px;
}

 


.num_chambre {
    background-color: #999;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
	position:relative;
	overflow:hidden;
	text-transform:uppercase;
}
.group-box.twin .num_chambre:before {
    background-color: #FFF;
    content: " ";
    display: block;
    height: 106%;
    left: 0;
    position: absolute;
    top: -9px;
    transform: skewY(-40deg);
    width: 100%;
    z-index: 0;
	opacity:0.3;
}

.num_chambre span {
    position: relative;
    z-index: 1;
}


.conjoint {
    font-size: smaller;
}

.group-box .conjoint {
    margin-left: 20px;
}

.group-box .line_twin {
    border: 3px solid #efefef;
    margin-bottom: 10px;
}


.group-box-large {
	width:98%;
}

.group-box-large .liste {
	display:block;
}


.group-box-large .line_twin {
    border: 2px solid #efefef;
    float: left;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 23.8%;
}


.num_chambre_tween {
    background-color:#8AC65D;
    color: #fff;
    float: left;
    font-size: 18px;
    line-height: 106px;
	  min-height: 105px;
    margin-right: 9px;
    text-align: center;
    text-transform: uppercase;
    width: 40px;
}

.num_chambre_tween.error {
    background-color:#FCA600;
}
.num_chambre_tween.libre_1 {
    background-color:#95D879;
}

.num_chambre_tween.libre_2 {
    background-color:#D4D4D4;
}


.group-box .full {
    border-color:#8AC65D;
}

.group-box .fullness {
    border-color:#FCA600;
}
.group-box .free {
    border-color:#A3E5A1;
}
.group-box .blank {
    border-color:#D4D4D4;
}

.line_twin .standing {
  
    margin-left: 0px;
}


.line_twin .checkbox, .group-box-large  .line_twin .num_chambre {
	display:none;
}

.line_twin .content {
    min-height: 105px;
}

.group-box .line {
 font-weight: bold;
 }
.group-box .line[data-id="0"] {
	color: #999;
    font-style: italic;
	font-weight:300;
	
}
  

.inner_group .line-0 {
    background-color: oldlace;
    color: red;
    font-style: normal;
    font-weight: normal;
}

.inner_group .line-0 i {
	font-size:10px;
}


.inner_group .line-5 {
    color: #999;
    font-style: normal;
    font-weight: normal;
}

.inner_group .line-5 i {
	font-size:10px;
	color: #CCC;
}




.inner_group .line-6 {
    color: #999;
    font-style: normal;
    font-weight: normal;
}

.inner_group .line-6 i {
	font-size:10px;
	color: #CCC;
}



 .page_chambres .group-box .line .edit a.icon-plus3,
 .page_chambres .group-box .line .edit a.icon-switch {
	 display:none;
}



.pop-up {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}
.pop-up .bg_layer {
    background-color: #000;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
}

 .pop-up.active {
	  display: table;
 }


.pop-up .inner {
    display: none;
    text-align: center;
    vertical-align: middle;
}


.pop-up .inner.active {
    display: table-cell;
    
}

@keyframes fontbulger {
  0%   { top: 100%; }
  100% { top: 0px; }

}




.pop-up .wrapper  {
    background-color: #fff;
    margin: auto;
    max-width: 700px;
    padding: 20px;
	position: relative;
    z-index: 3;
	top: 100%;
	max-height: 80vh;
	overflow: hidden;

}
 .pop-up.active .wrapper  {
	top: 0px;
 }


.pop-up .wrapper .liste_membre {
	 overflow: scroll;
	 max-height:50vh;
}

.progress > li {
	cursor:pointer;	
}
.page_groupes .pop-up h3 span {
    font-size: 14px;
    font-weight: 200;
}

.pop-up .wrapper p.action a {
    border-radius: 2px;
    margin: 0 20px;
    padding: 5px 10px;
    text-decoration: none;
}

.pop-up .wrapper  a.cancel {
	color: #999;
    font-size: 12px;
}

.pop-up .wrapper  a.add_user, .pop-up .wrapper  a.change_group {
	background-color:#00a0bf;
	color:#FFF;
}



.pop-up .wrapper a.delete_user_all {
    background-color:#E40003;
    color: #fff;
}
.pop-up .wrapper a.cancel_user {
    background-color:#e6d68e;
    color: #fff;
}


.select-group-section {
	padding:10px 20px;
	 display: block;
    margin-bottom: 40px;
    text-align: center;
    width: auto;
	
}
.select-group-section h3 {
    font-size: 16px;
}

.select-group-section h4 {
    margin: 0 0 11px;
}

.select-group-box  {
	display:block;
	margin-bottom:10px;
	 font-size: 14px;
}

.select-group-section select {
    font-size: 16px;
}

.select-group-box input {
    margin-right: 6px;
}

.line .select_group {
	display:none;
}



.switch .switch_box {
	display:table-cell;
}
.user_add .user_add_box {
	display:table-cell;
}



.infos_box {
    border: 1px solid #efefef;
    margin-bottom: 20px;
    padding: 40px;
}


.editable-input input[type="text"] {
    background-color: lightgoldenrodyellow;
    border: medium none;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 23px;
    padding: 4px 4px 4px 7px;
    position: relative;
    top: -4px;
}



.edit-button {
    background-color: lightblue;
    background-image: none;
    border: medium none;
    float: left;
    height: 31px;
    left: 0;
    margin: 0 6px 0 0;
    padding: 0;
    top: 0;
    width: 38px;
	cursor:pointer;
	border-radius:3px;
}


.edit-button:hover {
	background-color: #00a0bf;
}



.edit-button div {
    color: #fff;
    display: block;
    font-size: 14px;
    height: 100%;
    left: 0;
    line-height: 30px;
    margin: 0;
    top: 0;
    width: 100%;
	background-color:transparent;
	 
}

.editable-input input[type="text"] { 
top:0;
}


.editable-container.editable-inline {
    display: inline-block;
    height: 17px;
    position: relative;
    top: -4px;
    vertical-align: top;
    width: auto;
}



.profile_line .icon-pencil {
    color: #efefef;
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    text-decoration: none;
    top: 1px;
	opacity:0;
	cursor: default;
	

}

.profile_line:hover .icon-pencil {
	opacity:1;
}







.line_edit .nav_lang  {
    margin-bottom: 0px;
    padding-left: 10px;
}
.line_edit .nav_lang a {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #000!important;
    display: inline-block;
    float: none;
    left: 0;
    padding: 8px 17px;
    position: relative;
    top: 1px;
    width: auto;
	opacity:0.6;
	
}

 
.palette-color-picker-button {
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #bbb;
    cursor: pointer;
    display: inline-block;
    height: 8px;
    margin-left: 3px;
    margin-right: 8px;
    position: relative;
    width: 34px;
	vertical-align: middle;
	
	
}


#formulaire  a#more {
    border: 1px solid #efefef;
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    padding: 0;
    text-align: center;
    width: 40px;
	transition: all 0.2s ease-in-out 0s;
}

#formulaire  a#more span {
    font-size: 20px;
    line-height: 40px;
    text-align: center;
    width: 40px;
}

.edit_option_form {
	opacity:0;
	visibility:hidden;
	transition: opacity 0.2s ease-in-out 0s;
 }

.edit_option_form.active {
	visibility:visible;
	opacity:1;
	transition: opacity 0.2s ease-in-out 0s;

 }
 
 
 
.page_formulaire .edit .bg,
.page_groupes .edit .bg {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.6;
    position: fixed;
    top: 0;
    width: 100%;
}

.page_formulaire .edit,
.page_groupes .edit {
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
 
 
.edit_inner {
    background-color: #efefef;
    border: medium none;
    box-shadow: 0 0 4px #000;
    margin: auto;
    padding: 26px 20px 20px;
    position: relative;
    vertical-align: middle;
    width: 600px;
    z-index: 21;
}


.edit_inner h3 {
    font-size: 12px;
    margin: 0 0 10px;
}

.ui-state-highlight { 
	height: 40px; width:auto; 
	background-color:#E3FAFF;
	border: 1px solid #E3FAFF;
    margin-bottom: -1px;
    padding: 10px; 
	
	}
	
	.ui-sortable-helper {
		 border: 1px solid #fff!important;
    box-shadow: 0 0 5px #ccc;
    z-index: 3;
	
	}

.edit_td {
	padding-top:30px;
	display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
	
}
 
#formulaire  a#more.active {
    transform: rotate(45deg);
	transition: all 0.2s ease-in-out 0s;
}



 
.edit .close, .pop-up .close {
    color: #c9c9c9;
    cursor: pointer;
    font-size: 38px;
    position: absolute;
    right: 25px;
    top: 25px;
    transform: rotate(45deg);
}

.edit .close:hover {
	color:#999;
	
}

input[name="form[input_hebergement][conjoint]"] {
	margin-top:10px;
}


.input-group {
    border-collapse: separate;
    display: none;
    position: relative;
    width: 85%;
}

.input-group.active {
    display: table;
	margin-bottom: 10px;
    
}


.spinner {
  width: 40px;
  height: 40px;

  position: relative;
  margin: 100px auto;
  display:none;
}


.spinner.active {
	display:block;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

 
.onglet_box {
    background-color: #FFFFFF;
    border: 1px solid #ccc;
    display: block;
    font-size: 14px;
    padding: 14px;
	
}

.select_options_box_conatainer {
	max-height: 50vh;
    overflow: auto;
}


.line_edit .nav_lang a.active {
	border-bottom:1px solid #FFFFFF;
	opacity:1;
}

.line_edit .nav_lang a.first {
	margin-left:10px;
}





input.flag_en {
	padding-right: 46px!important;
	background-image:url(img/flag-gb.png);
	background-position:98% center;
	background-repeat:no-repeat;
}


input.flag_fr {
	padding-right: 46px!important;
	background-image:url(img/flag-fr.png);
	background-position:98% center;
	background-repeat:no-repeat;
}


.choix {
    border: 1px dashed #c9c9c9;
    margin-bottom: -1px;
    padding: 10px;
    position: relative;
	background-color:#FFFFFF;
}

.add-choix {
	
    background-color: #00a0bf;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 9px;
}


#formulaire .select_options_box .option_select, #formulaire .select_options_box .option_select_place {
    float: left!important;
    margin-right: 1%!important;
    width: 47%!important;
	margin-bottom: 0!important;
}

#formulaire .select_options_box .option_select_place {
	display:none;
}

td hr {
	display:none;
}


#formulaire .select_options_box.group .option_select, #formulaire .select_options_box.group .option_select_place {
    float: left!important;
    margin-right: 1%!important;
    width: 39%!important;
	margin-bottom: 0!important;
}

#formulaire .select_options_box.group .option_select_place {
    margin-right: 0%!important;
	width: 15%!important;
	display:block;
}

#formulaire .select_options_box .icon-cross {
    float: right;
    font-size: 17px;
    line-height: 40px;
    text-align: right;
	cursor: pointer;
}


.page_groupes .inner_group #formulaire {
    position: absolute;
}

.delete_rat {
	border: medium none;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 0;
}


.line_edit a, .delete_rat {
    background-color: lightblue;
    border-radius: 3px;
    clear: both;
    color: #fff!important;
    display: inline-block;
    float: right;
    font-size: 12px;
    line-height: 16px;
    margin: auto;
    padding: 4px 12px;
    right: 12px;
    text-align: center;
    text-decoration: none;
    top: 8px;
    z-index: 2;
}


.line_edit a.validation {
    display: block!important;
    float: none!important;
    font-size: 18px!important;
    margin: 40px auto auto!important;
    padding: 10px!important;
    text-align: center!important;
    width: 112px!important;
}

.line_edit a.validation:hover {
	 background-color:#00a0bf!important;
 }



.line_edit a.btn_pj {
    display: inline-block;
    float: none;
    font-size: 14px;
    padding: 10px 30px;
    width: inherit;
	margin-top: 0px;
}



.group_btn {
    background-color: #ff1744;
    border-radius: 4px;
    color: #fff;
    float: left;
    font-size: 12px;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 2px 6px;
} 






.sort {
	cursor:pointer;
	position:relative;
}

.sort:after {
  display:inline-block;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 6px solid transparent;
  content:"";
  position: absolute;
  top:-10px;
  right:-10px;
}
.sort.asc:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #00a0bf;
    content: "";
    height: 0;
    position: absolute;
    right: -13px;
    top: 6px;
    width: 0;
}
.sort.desc:after {
     border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #00a0bf;
    content: "";
    height: 0;
    position: absolute;
    right: -13px;
    top: 6px;
    width: 0;
}





@media screen and (min-width: 200px) and (max-width: 800px) {

#contentleft, #contentright {
    float: left;
    margin-left: 3%;
    margin-right: 3%;
    width: 94% !important;
}

}



@media screen and (min-width: 200px) and (max-width: 640px) {
    
    
.select_edit label:before, .hebergement_edit label:before, .radio_edit label:before, .multiple_checkbox_edit label:before {
    display: none;
    }

#footerpart {
    bottom: 0;
    position: absolute;
	}
	
#header_box {
	display:none;
}
#header_box_smart {
	display:block;
	
}
#preview {
    /*height:100%;*/
	}
	

.voir_admin, .close_admin {
	display:block;
}



#contentleft, #contentright, #header_box_smart {
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    width: 92%!important;
	margin-bottom: 10px;
	
}

.btn {
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    width: 88%;
}
 #header_top img {
    margin-left: 4%;
   
}

	

	
	
.box {
    background-color: #fff;
    left: 200px;
    /*position: fixed;*/
    top: 0;
    width: 68%;
    z-index: 2300;
	display:none!important;	
}

.box_msg, .box_annulation {
	display:block!important;
	height:auto !important;	
	padding-bottom: 0 !important;
}

.box {
	overflow:auto;
	height:auto;
}

.box.active {
	display:block!important;
	overflow:auto	!important;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.box .inner {
  float:left;
  min-height:100%;
  width:100%;
}



.box .inner p {
    margin-bottom: 16px;
    margin-top: 0;
    padding: 0 10px;
}


.line_edit {
	padding: 0 10px;
}

.container_form .checkBoxBox .line, .container_form .checkbox_edit {
    
    padding: 1% !important;
}


.box .inner hr {
	
	margin-bottom: 16px;
    background-color: #fff !important;
    border: 1px solid #efefef;
    color: #fff !important;
}
#nav_smart .btn p, .nav_smart .btn p {
    margin: 0;
}
#nav_smart, .nav_smart {
	display:block;
	margin-bottom: 20px;
}



#formulaire {
    margin: auto;
    padding: 0 0;
    width: 96%;
}

.form_left, .form_right {
    margin: 0 2% 10px !important;
    width: 96%;
}
.form_left, .input_edit, .pre_form_edit, .select_edit, .checkbox_edit, .hebergement_edit, .radio_edit, .pj_edit, .multiple_checkbox_edit .pj_edit  {
    margin: 10px 1%;
    width: 98%;
}

#formulaire .form_left, #formulaire .form_right {
    height: 40px;
    margin: 10px 1%;
    width: 98%;
}


#formulaire input[type="text"], #formulaire input[type="email"],  #formulaire input[type="tel"] ,  #formulaire input[type="number"]  {
    border-radius: 3px;
    padding: 10px 4%;
    width: 100%;
}

#formulaire input[type="submit"] {
   
	border-radius:3px;
}

.checkBoxBox {
    padding: 2%;
    width: 94%;
}


 .checkBoxBox .line, .checkbox_edit {
    
    width: 94% !important;
}


.select_edit, .hebergement_edit, .radio_edit, .multiple_checkbox_edit {
    margin-bottom: 10px;
    margin-top: 10px;
}

#formulaire .select_edit select, #formulaire .hebergement_edit select {
    display: block;
    float: none;
    margin: 0;
    width: 100%;
}

.box_annulation .nomAnnulation {
    color: #333;
    font-size: 24px;
    margin: auto auto 20px;
    text-align: center;
    text-transform: uppercase;
    width: 80%;
}


.box_annulation  {
    display: block !important;
    left: 0 !important;
    margin: 40px auto auto;
    max-width: 100%;
    text-align: center;
    top: 0;
    width: 100% !important;
	
}
.box_annulation .h2:before {
    
    display: none !important;
   
}

.btn_submit {
    border: medium none;
    cursor: pointer;
    float: none;
    font-size: 14px;
    margin: 30px auto;
    width: 200px;
}
.valid_scan {
	
	border-radius:8px;
	width:150px;
	text-align:center;
	margin:auto;
	float:none;
	margin-top:30px;
}


#nav_lang {
    color: #fff;
    position: absolute;
    right: 4%;
    top: 10px;
}


}  

#formulaire select.filiale_keolis {
	display:none;
}
#formulaire #filiale_keolis-1{
	display:block;
}


.lang_en.body_seminarmarketing2017 #formulaire #filiale_keolis-1 {
	display:none;
}

.lang_en.body_seminarmarketing2017 #formulaire #filiale_keolis-8 {
	display:block;
}

.body_kcso #nav_lang {
	display:none;
}

.body_technicalvisit #nav_lang {
	display:none;
}






.body_mitsubishielectricteambuilding2017.page_inscription #formulaire  .hebergement_edit select  {
	display:none;
}



body.body_cocktail26mars #box1, body.body_cocktail26mars  #btn_1 {
	display: none!important;
}




.body_mitsubishielectrickimankai2019  {
    font-size: 28px;
    letter-spacing: 2px;
    padding: 12px 10px;
    text-transform: uppercase;
	background-image: url("http://mitsubishielectrickimankai2018.eventresa.com/images/bg_mitsu_title.png");
	background-position: center;
	background-size: 100% auto;
}


.body_mitsubishielectricteambuilding2019.page_inscription #preview {
    background-attachment: fixed!important;
    background-color: #006cb4!important;
    background-position: center 70px!important;
    background-size: 100% auto!important;
}

@media screen and (min-width: 200px) and (max-width: 640px) {

.body_mitsubishielectricteambuilding2019.page_inscription #preview {
 
    background-size: cover!important;
}
	
}


.body_mitsubishielectrickimankai2018 .box div.h2 {
    font-size: 28px;
    letter-spacing: 2px;
    padding: 12px 10px;
    text-transform: uppercase;
	background-image: url("http://mitsubishielectrickimankai2018.eventresa.com/images/bg_mitsu_title.png");
	background-position: center;
	background-size: 100% auto;
}


















.body_mitsubishielectrictthailande2019-est-sudest .box div.h2,
.body_mitsubishielectrictthailande2019-ouestnordnormandie .box div.h2,
.body_mitsubishielectrictthailande-2020distribution .box div.h2,
.body_mitsubishielectrictthailande2020-homepartenaires  .box div.h2 {
    font-size: 28px;
    letter-spacing: 2px;
    padding: 12px 10px;
    text-transform: uppercase;
	background-image: url("http://mitsubishielectrictthailande2019-est-sudest.eventresa.com/images/bg_bk.jpg");
	background-position: right;
	background-size: 100%;
	background-repeat: repeat-y;
	padding: 30px;
}


.body_mitsubishielectrictthailande2019-est-sudest .box .inner p,
.body_mitsubishielectrictthailande2019-ouestnordnormandie .box .inner p,
.body_mitsubishielectrictthailande-2020distribution .box .inner p,
.body_mitsubishielectrictthailande2020-homepartenaires .box .inner p {
    padding: 0 30px;
}

.body_mitsubishielectrictthailande2019-est-sudest .box #formulaire,
.body_mitsubishielectrictthailande2019-ouestnordnormandie .box #formulaire,
.body_mitsubishielectrictthailande-2020distribution .box #formulaire,
.body_mitsubishielectrictthailande2020-homepartenaires .box #formulaire {
    padding: 0 30px;
    text-align: left;
}
.body_mitsubishielectrictthailande2019-est-sudest .box .inner table,
.body_mitsubishielectrictthailande2019-ouestnordnormandie .box .inner table,
.body_mitsubishielectrictthailande-2020distribution .box .inner table, 
.body_mitsubishielectrictthailande2020-homepartenaires .box .inner table {
    border: medium none;
    margin: 0 30px;
    width: calc(100% - 60px)!important;
    border-spacing: 0;
    float: none!important;
}

.body_mitsubishielectrictthailande2019-est-sudest .box .inner  .line_edit p,
.body_mitsubishielectrictthailande2019-ouestnordnormandie .box .inner  .line_edit p,
.body_mitsubishielectrictthailande-2020distribution .box .inner  .line_edit p,
.body_mitsubishielectrictthailande2020-homepartenaires .box .inner  .line_edit p {
	padding: 0;
}

 
.body_mitsubishielectrictthailande2019-est-sudest #footerpart,
.body_mitsubishielectrictthailande2019-ouestnordnormandie #footerpart,
.body_mitsubishielectrictthailande-2020distribution #footerpart,
.body_mitsubishielectrictthailande2020-homepartenaires #footerpart {
    background-color: transparent!important;
}


@media screen and (min-width: 200px) and (max-width: 640px) {

.body_mitsubishielectrictthailande2019-est-sudest .box #formulaire,
	.body_mitsubishielectrictthailande2019-ouestnordnormandie .box #formulaire,
.body_mitsubishielectrictthailande-2020distribution .box #formulaire,
	.body_mitsubishielectrictthailande2020-homepartenaires .box #formulaire {
    padding: 0 1%;
    text-align: left;
}
}








.body_mitsubishielectrictvenise2019 .box div.h2 {
    font-size: 28px;
    padding: 4px 10px;
	padding: 30px;
	font-size: 22px;
}


.body_mitsubishielectrictvenise2019 .box .inner p {
    padding: 0 30px;
}

.body_mitsubishielectrictvenise2019 .box #formulaire {
    padding: 0 30px;
    text-align: left;
}
.body_mitsubishielectrictvenise2019 .box .inner table {
    border: medium none;
    margin: 0 30px;
    width: calc(100% - 60px)!important;
    border-spacing: 0;
    float: none!important;
}

.body_mitsubishielectrictvenise2019 .box .inner  .line_edit p {
	padding: 0;
}

 
.body_mitsubishielectrictvenise2019 #footerpart {
    background-color: transparent!important;
}


@media screen and (min-width: 200px) and (max-width: 640px) {

.body_mitsubishielectrictvenise2019 .box #formulaire {
    padding: 0 1%;
    text-align: left;
}
}








.body_mitsubishielectrictjapon2019 .box div.h2 {
    font-size: 28px;
    padding: 4px 10px;
	padding: 30px;
	font-size: 22px;
}


.body_mitsubishielectrictjapon2019 .box .inner p {
    padding: 0 30px;
}

.body_mitsubishielectrictjapon2019 .box #formulaire {
    padding: 0 30px;
    text-align: left;
}
.body_mitsubishielectrictjapon2019 .box .inner table {
    border: medium none;
    margin: 0 30px;
    width: calc(100% - 60px)!important;
    border-spacing: 0;
    float: none!important;
}

.body_mitsubishielectrictjapon2019 .box .inner  .line_edit p {
	padding: 0;
}

 
.body_mitsubishielectrictjapon2019 #footerpart {
    background-color: transparent!important;
}


@media screen and (min-width: 200px) and (max-width: 640px) {

.body_mitsubishielectrictjapon2019 .box #formulaire {
    padding: 0 1%;
    text-align: left;
}
}




 


.body_forumalim .box div.h2 {
    font-size: 28px;
    padding: 4px 10px;
	padding: 30px;
	font-size: 22px;
}


.body_forumalim .box .inner p {
    padding: 0 30px;
}

.body_forumalim .box #formulaire {
    padding: 0 30px;
    text-align: left;
}
.body_forumalim .box .inner table {
    border: medium none;
    margin: 0 30px;
    width: calc(100% - 60px)!important;
    border-spacing: 0;
    float: none!important;
}

.body_forumalim .box .inner  .line_edit p {
	padding: 0;
}

 
.body_forumalim #footerpart {
    background-color: transparent!important;
}


@media screen and (min-width: 200px) and (max-width: 640px) {

  .body_forumalim .box #formulaire {
    padding: 0 1%;
    text-align: left;
}
}


 
.view_option_1 .vip, .view_option_2 .normal {
	display: block;
}

.view_option_1 .normal, .view_option_2 .vip {
	display: none;
}


body .vip {
	display: none!important;
}


.body_mitsubishielectrictecosse2019 .box div.h2 {
    font-size: 28px;
    letter-spacing: 2px;
    padding: 12px 10px;
    text-transform: uppercase;
	background-image: url("http://mitsubishielectrictecosse2020.eventresa.com/images/bg_titres_ecosse.jpg");
	background-position: right;
	background-size: auto 171%;
	background-repeat: no-repeat;
	padding: 30px;
}


.body_mitsubishielectrictecosse2019 .box .inner p {
    padding: 0 30px;
}

.body_mitsubishielectrictecosse2019 .box #formulaire {
    padding: 0 30px;
    text-align: left;
}
.body_mitsubishielectrictecosse2019 .box .inner table {
    border: medium none;
    margin: 0 30px;
    width: calc(100% - 60px)!important;
    border-spacing: 0;
    float: none!important;
}

.body_mitsubishielectrictecosse2019 .box .inner  .line_edit p {
	padding: 0;
}

 

@media screen and (min-width: 200px) and (max-width: 640px) {

.body_mitsubishielectrictecosse2019 .box #formulaire {
    padding: 0 1%;
    text-align: left;
}
}









 
.body_mitsubishielectrictecosse2019 .box .inner table tr td:first-child,
.body_mitsubishielectrictjapon2019 .box .inner table tr td:first-child,
.body_mitsubishielectrictvenise2019 .box .inner table tr td:first-child,
.body_mitsubishielectrictthailande2019-est-sudest .box .inner table tr td:first-child,
.body_mitsubishielectrictthailande2019-ouestnordnormandie .box .inner table tr td:first-child,
.body_mitsubishielectrictthailande-2020distribution .box .inner table tr td:first-child {
	width: 40px;
	display: inline-block;
}










html .body_argonbarcelone2020 #preview {
     
 background-position: right top!important;
 background-size: 70% auto !important;
}


@media screen and (min-width: 100px) and (max-width: 640px) {
html .body_argonbarcelone2020 #preview {
background-image: none!important;
	}
  
	html .body_argonbarcelone2020 #preview  #header_box_smart img {
    height: auto;
    margin: auto;
    max-width: 90%;
}
	
	html .body_argonbarcelone2020 #preview #header_box_smart figure {
    text-align: center;
}
}

 
 
 

.body_argonbarcelone2020 .box div.h2 {
    font-size: 28px;
    letter-spacing: 1px;
    text-transform: uppercase;
	background-image: url("http://argonbarcelone2020.eventresa.com/dropzone-master/uploads/bg_color_barca.jpg");
	background-position: right;
	background-size: 100% 3px;
	background-repeat: repeat-y;
	padding: 30px;
}


 
 
 
 







body .box div.h2 {
    font-size: 28px;
    padding: 4px 10px;
	padding: 30px!important;
	font-size: 22px;
}


body .box .inner p {
    padding: 0 30px;
}

body .box .inner ul, body .box .inner ol {
    padding-left: 60px;
}

body .box #formulaire {
    padding: 0 30px;
    text-align: left;
}
body .box .inner table {
    border: medium none;
    margin: 10px 30px;
    width: calc(100% - 60px)!important;
    border-spacing: 0;
    float: none!important;
}

body .box .inner .line_edit p {
	padding: 0;
}

 
body #footerpart {
    background-color: transparent!important;
}

a[href="http://mitsubishielectrictkimankai2020.eventresa.com/Choix-activites-Kimankai-2020-Corse.pdf"] {
	color: #FFFFFF!important;
	margin-top: 20px;
	text-transform: uppercase;
}


a[href="http://argonbarcelone2020.eventresa.com/OFFRE-YSSEO-ARGON-CONSULTING-ACTIVITES-A-LA-CARTE.pdf"] {
	color: #FFFFFF!important;
	margin-top: 20px;
	text-transform: uppercase;
}



.body_safenquete #header_box p, .body_safenquete #header_box_smart p {
	background-color: rgb(255, 255, 255);
    border: 12px solid rgb(232, 49, 50);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    font-size: 26px;
    line-height: 31px;
    padding: 20px;
    text-align: center;
	
	background-color: rgb(255, 255, 255);
    background-image: url("http://lesaf.org/wp-content/themes/jbst-master/images/logo.png");
    background-position: 20px center;
    background-repeat: no-repeat;
    background-size: 80px auto;
    padding: 30px 30px 30px 120px;
    text-align: left;

}
.body_safenquete #box1, .body_safenquete #box2, .body_safenquete #contentleft {
	display: none!important;
}
.body_safenquete #header_box_smart p {
    padding-left: 20px;
    padding-top: 130px;
    text-align: center;
	background-position: center 20px;
}

.body_safenquete #box3  {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.body_safenquete  #contentright {

    width: 100%;
}

.body_safenquete.page_inscription #preview .container {
    max-width: 600px;
}
.body_safenquete #contentleft, .body_safenquete #contentright {
    margin-left: 0%;
    margin-right: 0%;
    width: 100%!important;
}
 .body_safenquete #nav_smart, .body_safenquete .nav_smart {
    display: none;
}

.body_safenquete #box3 {
	display: block!important;
}

#contentright .disabled label, #contentright .disabled input {
    pointer-events: none;
}


.body_safenquete #formulaire .form_left, .body_safenquete #formulaire .form_right {
    position: absolute;
    top: 0;
    height: 0px!important;
    overflow: hidden;
    display: block;
    width: 70px;
}

@media screen and (min-width: 200px) and (max-width: 640px) {

  body .box #formulaire {
    padding: 0 1%;
    text-align: left;
}
	
.body_safenquete #contentleft, .body_safenquete #contentright {
    float: left;
    margin-left: 4%;
    margin-right: 4%;
    width: 92%!important;
}

body.body_mitsubishielectric-trophees3diamants-ceremonie2021 #preview {
    padding-top: 30px;
}
	

	
}















.body_wa21afterwork.page_inscription .box .inner {
    color: #FFF;
    background-color: #FFF;
}





.body_wa21afterwork.page_inscription #preview .container, .body_wa21afterwork.page_inscription #preview  .container {
    max-width: inherit!important;
}

.body_wa21afterwork.page_inscription #preview #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    width: 440px!important;
    height: 100vh;
    background-color: #333;
    position: fixed;
    left: 0!important;
    top: 0;
    background-image: url(http://wa21afterwork.eventresa.com/dropzone-master/uploads/leftwa21.jpg);
    background-size: cover;
}
.body_wa21afterwork.page_inscription #preview #box1 {
    left: 0!important;
}
.body_wa21afterwork.page_inscription #preview #contentleft .box {
    left: 100%;
    display: none;
    position: relative;
    left: 0;
    background-color: transparent!important;
}

.body_wa21afterwork.page_inscription #preview #contentleft .box .h2, .body_wa21afterwork.page_inscription #preview #contentright .box .h2, .body_wa21afterwork.page_inscription #preview #footerpart  {
    display: none!important;
} 

.body_wa21afterwork.page_inscription #preview #contentleft .box .inner {
    background-color: transparent;
    font-size: 22px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    color: #c0cec3;
    padding: 20px;
    width: calc(100% - 40px);
    padding-top: 100px;
}

.body_wa21afterwork.page_inscription #preview #box2 {

    display: none!important;
}





.body_wa21afterwork.page_inscription #preview #contentright {
    float: right;
    margin-right: 0%;
    margin-left: 0%;
    width: calc(100% - 440px)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.body_wa21afterwork.page_inscription #preview #contentright  #box3 {
    top: 0!important;
    width: 80%!important;
    margin: auto;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6)!important;
    padding: 50px 0;
    position: relative;
}

.body_wa21afterwork.page_inscription #preview #contentright  #box3 .inner {
    background-color: transparent;
    width: 660px;
    margin: auto;
    display: block;
    
}

.body_wa21afterwork.page_inscription #preview #contentright  #box3 .btn_submit {
    border: medium none;
    float: none;
    font-size: 17px;
    margin: 30px;
    cursor: pointer;
    margin-left: 1%;
    color: #FFF;
}

.body_wa21afterwork.page_inscription #preview #contentright  #box3 .p_edit, .body_wa21afterwork.page_inscription #preview #contentright  #box3 .pj_edit {
    margin-left: 1%;
}

.body_wa21afterwork.page_inscription #preview #contentright #box3 .container_form {

font-family: "Ropa Sans", sans-serif!important;

}
.body_wa21afterwork.page_inscription #preview #contentright #box3 .container_form h1 {
    font-size: 42px;
    margin: 0!important;
    margin-bottom: 10px!important;
    margin-left: 1%!important;
    color: #FFF;
}
.body_wa21afterwork.page_inscription #preview #contentright #box3 .container_form h2 {
    font-size: 34px;
    font-weight: bold;
    margin: 0!important;
    margin-left: 1%!important;
    color: #c0cec3;
}
.body_wa21afterwork.page_inscription #preview #contentright #box3 .container_form h2 i {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 20px!important;
     
}

.body_wa21afterwork.page_inscription #preview #contentright #box3 .container_form h3 {
    font-size: 24px;
    font-weight: normal;
    margin-left: 1%!important;
    margin-top: 30px;
    color: #FFF;
}

.body_wa21afterwork.page_inscription .box_msg .inner {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.6)!important;
    border: none!important;
    border-radius: 0;
    box-shadow: none!important;
}

.body_wa21afterwork.page_inscription #contentright .box, .body_wa21afterwork.page_inscription  #contentleft .box, .body_wa21afterwork.page_inscription  .box_msg, .body_wa21afterwork.page_inscription  .box_annulation {
    border: none!important;
    box-shadow: none!important;
}



.body_wa21afterwork.page_inscription #preview, .body_wa21afterwork.page_inscription #preview table {
    font-size: 16px!important;
}


.body_wa21afterwork.page_inscription #preview .form_left, .body_wa21afterwork.page_inscription #preview .input_edit, .body_wa21afterwork.page_inscription #preview .pre_form_edit, .body_wa21afterwork.page_inscription #preview .select_edit, .body_wa21afterwork.page_inscription #preview .checkbox_edit, .body_wa21afterwork.page_inscription #preview .hebergement_edit, .body_wa21afterwork.page_inscription #preview .radio_edit, .body_wa21afterwork.page_inscription #preview .multiple_checkbox_edit, .body_wa21afterwork.page_inscription #preview .form_right, .checkbox_edit {
    font-size: 16px!important;
    
}


.body_wa21afterwork.page_inscription #preview .form_civility input {
    border: 1px solid #FFF;
    background-color: transparent!important;
    height: 20px;
    width: 20px;
    vertical-align: bottom;
}


.body_wa21afterwork.page_inscription #preview #formulaire input[type="text"], .body_wa21afterwork.page_inscription #preview #formulaire input[type="email"], .body_wa21afterwork.page_inscription #preview #formulaire input[type="number"], .body_wa21afterwork.page_inscription #preview #formulaire input[type="password"], .body_wa21afterwork.page_inscription #preview #formulaire input[type="tel"], .edit textarea {
    border: 1px solid #c0cec3;
    margin-bottom: 12px;
    padding: 10px 4%;
    width: 100%;
    font-size: 16px;
    background-color: transparent;
    color: #FFF!important;
    font-family: "Ropa Sans", sans-serif!important;
}

.body_wa21afterwork.page_inscription #preview label {

    color: #FFF;
}



.body_wa21afterwork.page_inscription #preview #formulaire {
    position: relative;
}

.body_wa21afterwork.page_inscription #preview .border #contentright .box, .body_wa21afterwork.page_inscription #preview .border #contentleft .box, .body_wa21afterwork.page_inscription #preview .box_msg, .body_wa21afterwork.page_inscription #preview .box_annulation {
    border: none;
    border-radius: 0;
}


.body_wa21afterwork.page_inscription #preview .box_msg  .inner {
    color: #FFF;
    background-color: #000;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.6)!important;
}


.body_wa21afterwork.page_inscription #preview .close {
    opacity: 1!important;
}


.body_wa21afterwork.page_inscription  #logo-top {
    position: absolute;
    right: -40px;
    z-index: 2;
    height: 70px;
    float: right;
    margin-right: 60px;
    margin-bottom: 0;
    top: 10px;
}

.body_wa21afterwork.page_inscription  #logo-top-annulation {
    position: relative;
    right: 0;
    top: 20px;
    z-index: 2;
    height: 80px;
    float: right;
    margin-right: 40px;
    margin-bottom: -60px;
}



.body_wa21afterwork #logo-event {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 240px;
    top: 100px;
}

.body_wa21afterwork #header_box {
    display: none;
}



.body_wa21afterwork.page_inscription #preview  #nav_smart, .body_wa21afterwork.page_inscription #preview  #header_box_smart {
    display: none!important;
}




.body_wa21afterwork.page_inscription #preview.logged #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    height: 100vh;
    background-color: #333;
    position: fixed;
    left: 200!important;
    
    
    
    
}


body .edit textarea {
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    color: #000!important;
}




@media screen and (min-width: 200px) and (max-width: 640px) {
.body_wa21afterwork.page_inscription #preview #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    width: auto!important;
    background-color: #333;
    position: inherit;
    left: 0!important;
    top: 0;
    background-size: cover;
    display: block!important;
    height: max-content;
    
}

.body_wa21afterwork.page_inscription #logo-event {
    position: relative;
     left: 20px;
    transform: none;
    height: 200px;
    top: 80px;
}
    
    
    
  .body_wa21afterwork.page_inscription #preview #contentleft .box {
    left: 0%;
    display: none;
    position: relative;
    left: 0;
      height: auto;
    background-color: transparent!important;
    display: block!important;
}  
    
    
.body_wa21afterwork.page_inscription #preview #contentright #box3 {
        display: block!important;
    }
    
.body_wa21afterwork.page_inscription #preview #contentright {
    float: none;
    margin-right: 0%;
    margin-left: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: calc(100vw)!important;
}    
    
.body_wa21afterwork.page_inscription #preview #contentright #box3 {
    top: 100%;
    width: 100%!important;
    padding: 10px;
    
 }
    
.body_wa21afterwork.page_inscription #preview #contentright #box3 .container_form h1 {
    font-size: 32px;
    
    }
    
.body_wa21afterwork.page_inscription #preview #contentright #box3 .container_form h2 {
    font-size: 22px;
    
    }
 
.body_wa21afterwork.page_inscription #preview #contentright #box3 .container_form h2 i {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px!important;
}
    
    
.body_wa21afterwork.page_inscription #preview #box2 {
    display: none!important;
}
    
    
    
.body_wa21afterwork.page_inscription #preview #contentright #box3 .container_form h3 {
    font-size: 20px;
    
    }

 .body_wa21afterwork.page_inscription #preview .box .inner p {
    padding: 0 0px;
}
    
    
.body_wa21afterwork.page_inscription  #logo-top {
    position: relative;
    right: inherit;
    top: 20px;
    z-index: 2;
    height: 60px;
    margin-right: 40px;
    margin-bottom: 40px;
    margin-right: auto;
    text-align: center;
    display: block;
    float: left;
    margin-left: 20px;
}
    
    
 .body_wa21afterwork.page_inscription #preview #formulaire input[type="text"], .body_wa21afterwork.page_inscription #preview #formulaire input[type="email"], .body_wa21afterwork.page_inscription #preview #formulaire input[type="tel"], .body_wa21afterwork.page_inscription #preview #formulaire input[type="number"] {
    border-radius: 0;
     
    }
    
.body_wa21afterwork.page_inscription #preview #contentright #box3 .inner {
    background-color: transparent;
    width: 100%;
    margin: auto;
    display: block;
}
    
.body_wa21afterwork.page_inscription #preview #box2 {
    display: none!important;
    position: absolute!important;
    top: -3000px;
    left: -4000px!important;
}
.body_wa21afterwork.page_inscription #preview #contentright #box3 {

    position: initial;
}
    
    
    
}
















body.template_2 .box #formulaire img {
    max-width: 100%;
}





body.template_2.page_inscription .box .inner {
    color: #FFF;
    background-color: #FFF;
}





body.template_2.page_inscription #preview .container, body.template_2.page_inscription #preview  .container {
    max-width: inherit!important;
}

body.template_2.page_inscription #preview #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    /*  width: 440px!important; */
    width: 50vw!important;
    height: 100vh;
    background-color: #121212f2;
    position: fixed;
    left: 0!important;
    top: 0;
    /* background-image: url(http://wa21afterwork.eventresa.com/dropzone-master/uploads/leftwa21.jpg); */
    background-size: cover;
     
    text-align: center;
}
body.template_2.page_inscription #preview #box1 {
    left: 0!important;
}
body.template_2.page_inscription #preview #contentleft .box {
    left: 100%;
    display: none;
    position: relative;
    left: 0;
    background-color: transparent!important;
    display: flex!important;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
}
body.template_2.page_inscription #preview #contentleft .box p {
width: calc(100% - 60px);
}

body.template_2.page_inscription #preview #contentleft .box .h2, body.template_2.page_inscription #preview #contentright .box .h2, body.template_2.page_inscription #preview #footerpart  {
    display: none!important;
} 

body.template_2.page_inscription #preview #contentleft .box .inner {
    background-color: transparent;
    font-size: 22px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    /* height: 100%; */
    color: #DCDCDC;
    padding: 20px;
    width: calc(100% - 40px);
    /* padding-top: 220px; */
    padding-top: 0;
    text-align: center;
}
body.template_2.page_inscription #preview #contentleft .box .inner {
    max-height: 100%;
    box-sizing: border-box;
    width: 100%;
    max-width: 670px;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}


body.template_2.page_inscription #preview #contentleft .box .inner img {
    width: 200px;
    margin: auto;
    position: absolute;
     
    left: 50%;
    transform: translateX(-50%);
}

body.template_2 #preview #contentleft .box .inner strong,
body.template_2 #preview #contentright #box3 .p_edit b {
    color: #f6e3ad;
}

body.template_2.page_inscription #preview #box2 {

    display: none!important;
}





body.template_2.page_inscription #preview #contentright {
    float: right;
    margin-right: 0%;
    margin-left: 0%;
    /* width: calc(100% - 440px)!important; */
    width: 50vw!important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

body.template_2.page_inscription #preview #contentright  #box3 {
    top: 0!important;
    margin: auto;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6)!important;
    padding: 20px;
    position: relative;
}

body.template_2.page_inscription #preview #contentright  #box3 .inner {
    background-color: transparent;
    
    margin: auto;
    display: block;
    
}

body.template_2.page_inscription #preview #contentright  #box3 .btn_submit {
    border: medium none;
    float: none;
    font-size: 17px;
    margin: 30px;
    cursor: pointer;
    margin-left: 1%;
    color: #FFF;
}

body.template_2.page_inscription #preview #contentright  #box3 .p_edit, body.template_2.page_inscription #preview #contentright  #box3 .pj_edit {
    margin-left: 1%;
}

body.template_2.page_inscription #preview #contentright #box3 .container_form {

font-family: "Ropa Sans", sans-serif!important;

}
body.template_2.page_inscription #preview #contentright #box3 .container_form h1 {
    font-size: 42px;
    margin: 0!important;
    margin-bottom: 10px!important;
    margin-left: 1%!important;
    color: #FFF;
}
body.template_2.page_inscription #preview #contentright #box3 .container_form h2 {
    font-size: 34px;
    font-weight: bold;
    margin: 0!important;
    margin-left: 1%!important;
    color: #FFF;
}
body.template_2.page_inscription #preview #contentright #box3 .container_form h2 i {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 20px!important;
     
}

body.template_2.page_inscription #preview #contentright #box3 .container_form h3 {
    font-size: 24px;
    font-weight: normal;
    margin-left: 1%!important;
    margin-top: 30px;
    color: #FFF;
}

body.template_2.page_inscription .box_msg .inner {
    color: #FFF;
    border: none!important;
    border-radius: 0;
    box-shadow: none!important;
}

body.template_2.page_inscription #contentright .box, body.template_2.page_inscription  #contentleft .box, body.template_2.page_inscription  .box_msg, body.template_2.page_inscription  .box_annulation {
    border: none!important;
    box-shadow: none!important;
}



body.template_2.page_inscription #preview, body.template_2.page_inscription #preview table {
    font-size: 16px!important;
    background-position: top right;
    height: 100vh;
    position: absolute;
    overflow: auto;
        background-position: bottom;
}


body.template_2.page_inscription #preview .form_left, body.template_2.page_inscription #preview .input_edit, body.template_2.page_inscription #preview .pre_form_edit, body.template_2.page_inscription #preview .select_edit, body.template_2.page_inscription #preview .checkbox_edit, body.template_2.page_inscription #preview .hebergement_edit, body.template_2.page_inscription #preview .radio_edit, body.template_2.page_inscription #preview .multiple_checkbox_edit, body.template_2.page_inscription #preview .form_right, .checkbox_edit {
    font-size: 16px!important;
    
}


body.template_2.page_inscription #preview .form_civility input {
    border: 1px solid #FFF;
    background-color: transparent!important;
    height: 20px;
    width: 20px;
    vertical-align: bottom;
}


body.template_2.page_inscription #preview #formulaire input[type="text"], body.template_2.page_inscription #preview #formulaire input[type="email"], body.template_2.page_inscription #preview #formulaire input[type="number"], body.template_2.page_inscription #preview #formulaire input[type="password"], body.template_2.page_inscription #preview #formulaire input[type="tel"], .edit textarea {
    border: 1px solid #c0cec3;
    margin-bottom: 12px;
    padding: 10px 4%;
    width: 100%;
    font-size: 16px;
    background-color: transparent;
    color: #FFF!important;
    font-family: "Ropa Sans", sans-serif!important;
}

body.template_2.page_inscription #preview label {

    color: #FFF;
}



body.template_2.page_inscription #preview #formulaire {
    position: relative;
}

body.template_2.page_inscription #preview .border #contentright .box, body.template_2.page_inscription #preview .border #contentleft .box, body.template_2.page_inscription #preview .box_msg, body.template_2.page_inscription #preview .box_annulation {
    border: none;
    border-radius: 0;
}


body.template_2.page_inscription #preview .box_msg  .inner {
    color: #FFF;
    background-color: #000;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.6)!important;
}


body.template_2.page_inscription #preview .close {
    opacity: 1!important;
}


body.template_2.page_inscription  #logo-top {
    position: absolute;
    right: -40px;
    z-index: 2;
    height: 70px;
    float: right;
    margin-right: 60px;
    margin-bottom: 0;
    top: 10px;
    display: none;
}

body.template_2.page_inscription  #logo-top-annulation {
    position: relative;
    right: 0;
    top: 20px;
    z-index: 2;
    height: 80px;
    float: right;
    margin-right: 40px;
    margin-bottom: -60px;
}



body.template_2 #logo-event {
    /*  position: absolute;  */
    /* left: 50%; */
    /* transform: translateX(-50%); */
    height: 140px;
    top: 100px;
    margin-top: 20px;
}

body.template_2 #header_box {
    display: none;
}



body.template_2.page_inscription #preview  #nav_smart, body.template_2.page_inscription #preview  #header_box_smart {
    display: none!important;
}




body.template_2.page_inscription #preview.logged #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    height: 100vh;
    background-color: #333;
    position: fixed;
    left: 200px!important;
    
    
    
    
}












.template_2.page_inscription .box .inner {
    color: #FFF;
    background-color: #FFF;
}





.template_2.page_inscription #preview .container, .template_2.page_inscription #preview  .container {
    max-width: inherit!important;
}

.template_2.page_inscription #preview #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    width: 440px!important;
    height: 100vh;
    background-color: #333;
    position: fixed;
    left: 0!important;
    top: 0;
    /* background-image: url(http://wa21afterwork.eventresa.com/dropzone-master/uploads/leftwa21.jpg); */
    background-size: cover;
}
.template_2.page_inscription #preview #box1 {
    left: 0!important;
}
.template_2.page_inscription #preview #contentleft .box {
    left: 100%;
    display: none;
    position: relative;
    left: 0;
    background-color: transparent!important;
}

.template_2.page_inscription #preview #contentleft .box .h2, .template_2.page_inscription #preview #contentright .box .h2, .template_2.page_inscription #preview #footerpart  {
    display: none!important;
} 

.template_2.page_inscription #preview #contentleft .box .inner {
    background-color: transparent;
    font-size: 22px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
   
    color: #c0cec3;
    padding: 20px;
    width: calc(100% - 40px);
    padding-top: 100px;
}



.template_2.page_inscription #preview #box2 {

    display: none!important;
}





.template_2.page_inscription #preview #contentright {
    float: right;
    margin-right: 0%;
    margin-left: 0%;
    width: calc(100% - 440px)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.template_2.page_inscription #preview #contentright  #box3 {
    top: 0!important;
    width: 80%!important;
    margin: auto;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6)!important;
    padding: 50px 0;
    position: relative;
}

.template_2.page_inscription #preview #contentright  #box3 .inner {
    background-color: transparent;
     margin: auto;
    display: block;
    
}

.template_2.page_inscription #preview #contentright  #box3 .btn_submit {
    border: medium none;
    float: none;
    font-size: 17px;
    margin: 30px;
    cursor: pointer;
    margin-left: 1%;
    color: #FFF;
}

.template_2.page_inscription #preview #contentright  #box3 .p_edit, .template_2.page_inscription #preview #contentright  #box3 .pj_edit {
    margin-left: 1%;
}

.template_2.page_inscription #preview #contentright #box3 .container_form {

font-family: "Ropa Sans", sans-serif!important;

}
.template_2.page_inscription #preview #contentright #box3 .container_form h1 {
    font-size: 42px;
    margin: 0!important;
    margin-bottom: 10px!important;
    margin-left: 1%!important;
    color: #FFF;
}
.template_2.page_inscription #preview #contentright #box3 .container_form h2 {
    font-size: 34px;
    font-weight: bold;
    margin: 0!important;
    margin-left: 1%!important;
    color: #c0cec3;
}
.template_2.page_inscription #preview #contentright #box3 .container_form h2 i {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 20px!important;
     
}

.template_2.page_inscription #preview #contentright #box3 .container_form h3 {
    font-size: 24px;
    font-weight: normal;
    margin-left: 1%!important;
    margin-top: 30px;
    color: #FFF;
}

.template_2.page_inscription .box_msg .inner {
    color: #FFF;
    background-color: #000!important;
    border: none!important;
    border-radius: 0;
    box-shadow: none!important;
}

.template_2.page_inscription #contentright .box, .template_2.page_inscription  #contentleft .box, .template_2.page_inscription  .box_msg, .template_2.page_inscription  .box_annulation {
    border: none!important;
    box-shadow: none!important;
}



.template_2.page_inscription #preview, .template_2.page_inscription #preview table {
    font-size: 16px!important;
}


.template_2.page_inscription #preview .form_left, .template_2.page_inscription #preview .input_edit, .template_2.page_inscription #preview .pre_form_edit, .template_2.page_inscription #preview .select_edit, .template_2.page_inscription #preview .checkbox_edit, .template_2.page_inscription #preview .hebergement_edit, .template_2.page_inscription #preview .radio_edit, .template_2.page_inscription #preview .multiple_checkbox_edit, .template_2.page_inscription #preview .form_right, .checkbox_edit {
    font-size: 16px!important;
    
}


.template_2.page_inscription #preview .form_civility input {
    border: 1px solid #FFF;
    background-color: transparent!important;
    height: 20px;
    width: 20px;
    vertical-align: bottom;
}


.template_2.page_inscription #preview #formulaire input[type="text"], .template_2.page_inscription #preview #formulaire input[type="email"], .template_2.page_inscription #preview #formulaire input[type="number"], .template_2.page_inscription #preview #formulaire input[type="password"], .template_2.page_inscription #preview #formulaire input[type="tel"], .edit textarea {
    border: 1px solid #c0cec3;
    margin-bottom: 12px;
    padding: 10px 4%;
    width: 100%;
    font-size: 16px;
    background-color: transparent;
    color: #FFF!important;
    font-family: "Ropa Sans", sans-serif!important;
}

.template_2.page_inscription #preview label {

    color: #FFF;
}



.template_2.page_inscription #preview #formulaire {
    position: relative;
}

.template_2.page_inscription #preview .border #contentright .box, .template_2.page_inscription #preview .border #contentleft .box, .template_2.page_inscription #preview .box_msg, .template_2.page_inscription #preview .box_annulation {
    border: none;
    border-radius: 0;
}


.template_2.page_inscription #preview .box_msg  .inner {
    color: #FFF;
    background-color: #000;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.6)!important;
}


.template_2.page_inscription #preview .close {
    opacity: 1!important;
}


.template_2.page_inscription  #logo-top {
    position: absolute;
    right: -40px;
    z-index: 2;
    height: 70px;
    float: right;
    margin-right: 60px;
    margin-bottom: 0;
    top: 10px;
}

.template_2.page_inscription  #logo-top-annulation {
    position: relative;
    right: 0;
    top: 20px;
    z-index: 2;
    height: 80px;
    float: right;
    margin-right: 40px;
    margin-bottom: -60px;
}



.template_2 #logo-event {
    /* position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 240px;
    top: 100px; */
}

.template_2 #header_box {
    display: none;
}



.template_2.page_inscription #preview  #nav_smart, .template_2.page_inscription #preview  #header_box_smart {
    display: none!important;
}




.template_2.page_inscription #preview.logged #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    height: 100vh;
    background-color: #333;
    position: fixed;
    left: 200px!important;
    
    
    
    
}









.template_3.page_inscription #preview .container, .template_3.page_inscription #preview  .container {
    max-width: inherit!important;
}

.template_3.page_inscription #preview #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    width: 440px!important;
    height: 100vh;
    position: fixed;
    left: 0!important;
    top: 0;
    background-size: cover;
}
.template_3.page_inscription #preview #box1 {
    left: 0!important;
}
.template_3.page_inscription #preview #contentleft .box {
    display: none;
    position: relative;
    left: 0;
    background-color: transparent!important;
}

.template_3.page_inscription #preview #contentleft .box .h2, .template_3.page_inscription #preview #contentright .box .h2, .template_3.page_inscription #preview #footerpart  {
    display: none!important;
} 

.template_3.page_inscription #preview #contentleft .box .inner {
    font-size: 22px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    padding: 20px;
    width: calc(100% - 40px);
    padding-top: 0;
    
}



.template_3.page_inscription #preview #box2 {

    display: none!important;
}





.template_3.page_inscription #preview #contentright {
    float: right;
    margin-right: 0%;
    margin-left: 0%;
    width: calc(100% - 440px)!important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    padding-top: 40px;
    padding-bottom: 40px;
    box-sizing: border-box;
    margin: auto;
    overflow: auto;
}

.template_3.page_inscription #preview #contentright  #box3 {
    top: 0!important;
    width: 80%!important;
    margin: auto!important;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.6)!important;
    padding: 50px 0;
    position: relative;
}

.template_3.page_inscription #preview #contentright  #box3 .inner {
    background-color: transparent;
    width: 660px;
    margin: auto;
    display: block;
    
}

.template_3.page_inscription #preview #contentright  #box3 .btn_submit {
    border: medium none;
    float: none;
    font-size: 17px;
    margin: 30px;
    cursor: pointer;
    margin-left: 1%;
    color: #FFF;
}

.template_3.page_inscription #preview #contentright  #box3 .p_edit, .template_3.page_inscription #preview #contentright  #box3 .pj_edit {
    margin-left: 1%;
}

.template_3.page_inscription #preview #contentright #box3 .container_form {

font-family: "Ropa Sans", sans-serif!important;

}
.template_3.page_inscription #preview #contentright #box3 .container_form h1 {
    font-size: 42px;
    margin: 0!important;
    margin-bottom: 10px!important;
    margin-left: 1%!important;
    color: #FFF;
}
.template_3.page_inscription #preview #contentright #box3 .container_form h2 {
    font-size: 34px;
    font-weight: bold;
    margin: 0!important;
    margin-left: 1%!important;
    color: #c0cec3;
}
.template_3.page_inscription #preview #contentright #box3 .container_form h2 i {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 20px!important;
     
}

.template_3.page_inscription #preview #contentright #box3 .container_form h3 {
    font-size: 24px;
    font-weight: normal;
    margin-left: 1%!important;
    margin-top: 30px;
    color: #FFF;
}

.template_3.page_inscription .box_msg .inner {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.6)!important;
    border: none!important;
    border-radius: 0;
    box-shadow: none!important;
}

.template_3.page_inscription.page_inscription #contentright .box, .template_3.page_inscription  #contentleft .box, .template_3.page_inscription  .box_msg, .template_3.page_inscription  .box_annulation {
    border: none!important;
    box-shadow: none!important;
}



.template_3.page_inscription #preview, .template_3.page_inscription #preview table {
    font-size: 16px!important;
}


.template_3.page_inscription #preview .form_left, .template_3.page_inscription #preview .input_edit, .template_3.page_inscription #preview .pre_form_edit, .template_3.page_inscription #preview .select_edit, .template_3.page_inscription #preview .checkbox_edit, .template_3.page_inscription #preview .hebergement_edit, .template_3.page_inscription #preview .radio_edit, .template_3.page_inscription #preview .multiple_checkbox_edit, .template_3.page_inscription #preview .form_right, .checkbox_edit {
    font-size: 16px!important;
    
}


.template_3.page_inscription #preview .form_civility input {
    border: 1px solid #FFF;
    background-color: transparent!important;
    height: 20px;
    width: 20px;
    vertical-align: bottom;
}


.template_3.page_inscription #preview #formulaire input[type="text"], .template_3.page_inscription #preview #formulaire input[type="email"], .template_3.page_inscription #preview #formulaire input[type="number"], .template_3.page_inscription #preview #formulaire input[type="password"], .template_3.page_inscription #preview #formulaire input[type="tel"], .edit textarea {
    border: 1px solid #c0cec3;
    margin-bottom: 12px;
    padding: 10px 4%;
    width: 100%;
    font-size: 16px;
    background-color: transparent;
    color: #FFF!important;
    font-family: "Ropa Sans", sans-serif!important;
}

.template_3.page_inscription #preview label {

    color: #FFF;
}



.template_3.page_inscription #preview #formulaire {
    position: relative;
}

.template_3.page_inscription #preview .border #contentright .box, .template_3.page_inscription #preview .border #contentleft .box, .template_3.page_inscription #preview .box_msg, .template_3.page_inscription #preview .box_annulation {
    border: none;
    border-radius: 0;
}


.template_3.page_inscription #preview .box_msg  .inner {
    color: #FFF;
    background-color: #000;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.6)!important;
}


.template_3.page_inscription #preview .close {
    opacity: 1!important;
}


.template_3.page_inscription  #logo-top {
    position: absolute;
    right: -40px;
    z-index: 2;
    height: 70px;
    float: right;
    margin-right: 60px;
    margin-bottom: 0;
    top: 10px;
}

.template_3.page_inscription  #logo-top-annulation {
    position: relative;
    right: 0;
    top: 20px;
    z-index: 2;
    height: 80px;
    float: right;
    margin-right: 40px;
    margin-bottom: -60px;
}



.template_3 #logo-event {
    max-width: calc(90% - 100px);
    height: auto;
    padding: 0 30px;
    margin-bottom: 40px;
}

.template_3 #header_box {
    display: none;
}

.template_3.page_inscription .form_civility .inner_radio {
    color: #FFF;
}



.template_3.page_inscription #preview  #nav_smart, .template_3.page_inscription #preview  #header_box_smart {
    display: none!important;
}




.template_3.page_inscription #preview.logged #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    height: 100vh;
    background-color: #333;
    position: fixed;
    left: 200px!important;
    
    
    
    
}


























body .edit textarea {
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    color: #000!important;
}
















@media screen and (min-width: 200px) and (max-width: 1280px) {



.template_3.page_inscription #preview #contentright #box3 .inner {
    width: AUTO;
    
    }

    }




@media screen and (min-width: 200px) and (max-width: 900px) {



.template_3.page_inscription #preview #contentright #box3 .inner {
    background-color: transparent;
    width: 100%;
    margin: auto;
    display: block;
}
.form_left, .input_edit, .pre_form_edit, .select_edit, .checkbox_edit, .hebergement_edit, .radio_edit, .multiple_checkbox_edit,
.form_right, .checkbox_edit, #formulaire .select_edit select, #formulaire .hebergement_edit select, #formulaire .radio_edit select, #formulaire .multiple_checkbox_edit select {
    width: calc(100% - 10px);

}
}


@media screen and (min-width: 200px) and (max-width: 640px) {
body.template_2.page_inscription #preview #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    width: auto!important;
    position: inherit;
    left: 0!important;
    top: 0;
    background-size: cover;
    display: block!important;
    height: max-content;
    text-align: left;
    height: max-content;
    text-align: left;
    min-height: auto;
    padding-top: 40px;
    
}

body.template_2.page_inscription #preview #contentleft .box .inner {
    padding-top: 0px;
    text-align: center;
    
}
    body.template_2.page_inscription #preview #contentleft .box .inner img {
        display: none;
    }
 body.template_2.page_inscription #logo-event {
    position: relative;
    left: 20px;
    transform: none;
    height: 80px;
    top: 0;
    margin-top: 20px;
}   
    body.template_2.page_inscription #preview #contentleft .box .inner img, body.template_2.page_inscription #preview #contentleft .box .inner {
        /* display: none!important; */
    }    
    
  body.template_2.page_inscription #preview #contentleft .box {
    left: 0%;
    display: none;
    position: relative;
    left: 0;
      height: auto;
    background-color: transparent!important;
    display: block!important;
      width: 100vw!important;
}  
    

    
    
    
body.template_2.page_inscription #preview #contentright #box3 {
        display: block!important;
    }
    
body.template_2.page_inscription #preview #contentright {
    float: none;
    margin-right: 0%;
    margin-left: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: calc(100vw)!important;
}    
    
body.template_2.page_inscription #preview #contentright #box3 {
    top: 100%;
    width: 100%!important;
    padding: 10px;
    
 }
    
body.template_2.page_inscription #preview #contentright #box3 .container_form h1 {
    font-size: 32px;
    
    }
    
body.template_2.page_inscription #preview #contentright #box3 .container_form h2 {
    font-size: 22px;
    
    }
 
body.template_2.page_inscription #preview #contentright #box3 .container_form h2 i {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px!important;
}
    
    
body.template_2.page_inscription #preview #box2 {
    display: none!important;
}
    
    
    
body.template_2.page_inscription #preview #contentright #box3 .container_form h3 {
    font-size: 20px;
    
    }

 body.template_2.page_inscription #preview .box .inner p {
    padding: 0 0px;
}
    
    
body.template_2.page_inscription  #logo-top {
    position: relative;
    right: inherit;
    top: 20px;
    z-index: 2;
    height: 60px;
    margin-right: 40px;
    margin-bottom: 40px;
    margin-right: auto;
    text-align: center;
    display: block;
    float: left;
    margin-left: 20px;
}
    
    
 body.template_2.page_inscription #preview #formulaire input[type="text"], body.template_2.page_inscription #preview #formulaire input[type="email"], body.template_2.page_inscription #preview #formulaire input[type="tel"], body.template_2.page_inscription #preview #formulaire input[type="number"] {
    border-radius: 0;
     
    }
    
body.template_2.page_inscription #preview #contentright #box3 .inner {
    background-color: transparent;
    width: 100%;
    margin: auto;
    display: block;
}
    
body.template_2.page_inscription #preview #box2 {
    display: none!important;
    position: absolute!important;
    top: -3000px;
    left: -4000px!important;
}
body.template_2.page_inscription #preview #contentright #box3 {

    position: initial;
}
    
    
    
    
    
    
   body.template_2.page_inscription #preview {
    background-position: right top!important;
}
     
    
    
    
    
    
    
    
    
    
    
    
    
.template_3.page_inscription #preview #contentleft {
    float: left;
    margin-right: 0%;
    margin-left: 0%;
    width: auto!important;
    /* background-color: #333; */
    position: inherit;
    left: 0!important;
    top: 0;
    background-size: cover;
    display: block!important;
    height: max-content;
    margin: 0;
    padding: 0;
}

.template_3.page_inscription #logo-event {
    position: relative;
    left: 0;
    transform: none;
    height: auto;
    top: 0;
    padding: 0;
    max-width: 50vw;
}
    
    
    
  .template_3.page_inscription #preview #contentleft .box {
    left: 0%;
    display: none;
    position: relative;
    left: 0;
      height: auto;
    background-color: transparent!important;
    display: block!important;
      margin-bottom: 0;
}  
    
    
.template_3.page_inscription #preview #contentright #box3 {
        display: block!important;
    }
    
.template_3.page_inscription #preview #contentright {
    float: none;
    margin-right: 0%;
    margin-left: 0%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: calc(100vw)!important;
    margin-bottom: 0;
}    
    
.template_3.page_inscription #preview #contentright #box3 {
    top: 100%;
    width: 100%!important;
    padding: 10px;
    
 }
    
.template_3.page_inscription #preview #contentright #box3 .container_form h1 {
    font-size: 32px;
    
    }
    
.template_3.page_inscription #preview #contentright #box3 .container_form h2 {
    font-size: 22px;
    
    }
 
.template_3.page_inscription #preview #contentright #box3 .container_form h2 i {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px!important;
}
    
    
.template_3.page_inscription #preview #box2 {
    display: none!important;
}
    
    
    
.template_3.page_inscription #preview #contentright #box3 .container_form h3 {
    font-size: 20px;
    
    }

 .template_3.page_inscription #preview .box .inner p {
    padding: 0 0px;
}
    
    
.template_3.page_inscription  #logo-top {
    position: relative;
    right: inherit;
    top: 20px;
    z-index: 2;
    height: 60px;
    margin-right: 40px;
    margin-bottom: 40px;
    margin-right: auto;
    text-align: center;
    display: block;
    float: left;
    margin-left: 20px;
}
    
    
 .template_3.page_inscription #preview #formulaire input[type="text"], .template_3.page_inscription #preview #formulaire input[type="email"], .template_3.page_inscription #preview #formulaire input[type="tel"], .template_3.page_inscription #preview #formulaire input[type="number"] {
    border-radius: 0;
     
    }
    
.template_3.page_inscription #preview #contentright #box3 .inner {
    background-color: transparent;
    width: 100%;
    margin: auto;
    display: block;
}
    
.template_3.page_inscription #preview #box2 {
    display: none!important;
    position: absolute!important;
    top: -3000px;
    left: -4000px!important;
}
.template_3.page_inscription #preview #contentright #box3 {

    position: initial;
}
    
    
    
    
    
}



body.body_mitsubishielectricteambuilding2022 #preview {
    background-position: top center;
}



body.body_demoeventysseo #header_box img, body.body_demoeventysseo #header_box_smart img {
    box-shadow: none;
}
    
body.body_demoeventysseo #preview {
    background-attachment: fixed!important;
    background-position:  center top!important;
    }





#header_box, #header_box_smart {
    text-align: center;
}

.body_lebechand2022 #header_box .image,
.body_lebechand2022 #header_box_smart .image {
    margin: auto;
}
.body_lebechand2022 #header_box_smart .image {
max-width: 200px;
    height: auto;
}




.body_mitsubishielectricteambuilding2024 #box1 figure.image {
    float: left;
    max-width: 200px;
    /* margin-right: 18px; */
    border: 20px solid #FFF;
    margin-bottom: -3 !important;
    
    }
    
.body_mitsubishielectricteambuilding2024 #box1 p:first-of-type {
    margin-top: 20px;
    
    }
@media screen and (min-width: 200px) and (max-width: 920px) {

.body_mitsubishielectricteambuilding2024 #box1 figure.image {
    max-width: 80px;
    }
}

.body_mitsubishielectricreunionkimankai2023tg input[name="prenom"],
.body_mitsubishielectricreunionkimankai2023tg input[name="nom"],
.body_mitsubishielectricreunionkimankai2023tg input[name="email"], 
.body_mitsubishielectricreunionkimankai2023tg input[name="confirmemail"],


.body_mitsubishielectricreunionkimankai2023qr input[name="prenom"],
.body_mitsubishielectricreunionkimankai2023qr input[name="nom"],
.body_mitsubishielectricreunionkimankai2023qr input[name="email"], 
.body_mitsubishielectricreunionkimankai2023qr input[name="confirmemail"],

.body_mitsubishielectricteambuilding2023 input[name="prenom"],
.body_mitsubishielectricteambuilding2023 input[name="nom"],
.body_mitsubishielectricteambuilding2023 input[name="email"], 
.body_mitsubishielectricteambuilding2023 input[name="confirmemail"],


.body_mitsubishielectric.reunionannuelle.mdlc2024 input[name="prenom"],
.body_mitsubishielectric.reunionannuelle.mdlc2024 input[name="nom"],
.body_mitsubishielectric.reunionannuelle.mdlc2024 input[name="email"], 
.body_mitsubishielectric.reunionannuelle.mdlc2024 input[name="confirmemail"],


.body_mitsubishielectricteambuilding2024 input[name="prenom"],
.body_mitsubishielectricteambuilding2024 input[name="nom"],
.body_mitsubishielectricteambuilding2024 input[name="email"], 
.body_mitsubishielectricteambuilding2024 input[name="confirmemail"]



{
    pointer-events: none;
    color: #999;
}





.body_veritax-conference  .line_edit.pre_form_edit {
    width: 100%;
}


.body_veritax  .multiple_checkbox_edit, 
.body_veritax-conference  .multiple_checkbox_edit {
    background-color: #EFEFEF;
    padding: 20px!important;
    box-sizing: border-box;
}

.body_veritax-conference.h1_edit {
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

.body_veritax-conference.text-huge {
    font-size: 64px;
    display: inline-block;
}

.body_veritax-conference#header_box {
    padding-top: 20px;
    /* padding-bottom: 50px; */
}

.body_veritax-conference#header_box figure {
    /* max-width: 320px; */
    margin: auto;
}

body.body_veritax-conference#header_box img ,  #header_box_smart img {
    border-radius: 10px;
}



 body.body_veritaxopeningseason #header_box img, body.body_veritaxopeningseason #header_box_smart img {
        box-shadow:none!important;
    }



 body.body_veritaxopeningseason #contentright .box .h2,  body.body_veritaxopeningseason #contentleft .box .h2, body.body_veritaxopeningseason .btn,  body.body_veritaxopeningseason #preview .box_annulation .h2 {

    background: linear-gradient(269deg, #E9C685, #DDB572, #CE9C47, #C68B2E);
}

body.body_veritaxopeningseason.page_inscription #preview  .btn {
    border-radius: 50px;
}

body.body_veritaxopeningseason #preview {
    background-position: center center!important;
}
@media screen and (min-width: 200px) and (max-width: 920px) {

.body_veritax-conference.text-huge {
    font-size: 30px;
    display: inline-block;
}
.body_veritax-conference#header_box_smart figure {
     /* max-width: 220px; */
    margin: auto;
}
.body_veritax-conference#header_box_smart {
    padding-top: 40px;
    padding-bottom: 20px;
    
}
.body_veritax.fixed #preview {
    background-position: left;
}
    
    
    

    
    
.body_veritaxopeningseason  .multiple_checkbox_edit {
    background-color: #EFEFEF;
    padding: 20px!important;
    box-sizing: border-box;
}

.body_veritaxopeningseason .h1_edit {
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

.body_veritaxopeningseason .text-huge {
    font-size: 64px;
    display: inline-block;
}

.body_veritaxopeningseason #header_box {
    padding-top: 20px;
    /* padding-bottom: 50px; */
}

.body_veritaxopeningseason #header_box figure {
    /* max-width: 320px; */
    margin: auto;
}

body.body_veritaxopeningseason #header_box img ,  #header_box_smart img {
    border-radius: 10px;
}

    
    
  
 
    
    
    

@media screen and (min-width: 200px) and (max-width: 920px) {

.body_veritaxopeningseason .text-huge {
    font-size: 30px;
    display: inline-block;
}
.body_veritaxopeningseason #header_box_smart figure {
     /* max-width: 220px; */
    margin: auto;
}
.body_veritaxopeningseason #header_box_smart {
    padding-top: 40px;
    padding-bottom: 20px;
    
}
.body_veritaxopeningseason.fixed #preview {
    background-position: left;
}
    
    
    }
    
    

    
    
    
    
.body_firstseasonopeningexhibition  .multiple_checkbox_edit {
    background-color: #EFEFEF;
    padding: 20px!important;
    box-sizing: border-box;
}

.body_firstseasonopeningexhibition .h1_edit {
    border-bottom: 1px solid;
    margin-bottom: 10px;
}

.body_firstseasonopeningexhibition .text-huge {
    font-size: 64px;
    display: inline-block;
}

.body_firstseasonopeningexhibition #header_box {
    padding-top: 20px;
    /* padding-bottom: 50px; */
}

.body_firstseasonopeningexhibition #header_box figure {
    /* max-width: 320px; */
    margin: auto;
}

body.body_firstseasonopeningexhibition #header_box img ,  #header_box_smart img {
    border-radius: 10px;
}


@media screen and (min-width: 200px) and (max-width: 920px) {

.body_firstseasonopeningexhibition .text-huge {
    font-size: 30px;
    display: inline-block;
}
.body_firstseasonopeningexhibition #header_box_smart figure {
     /* max-width: 220px; */
    margin: auto;
}
.body_firstseasonopeningexhibition #header_box_smart {
    padding-top: 40px;
    padding-bottom: 20px;
    
}
.body_firstseasonopeningexhibition.fixed #preview {
    background-position: left;
}
    
    
    
    
    
    

    
  
    
.box .inner {
    float: left;
    height: auto;
    width: 100%;
    min-height: auto;
}