/* Reset */
				/*
				* {
				    margin: 0;
				    padding: 0;
				    box-sizing: border-box;
				}*/
				@keyframes pulse {
					10% {transform: scale(1.1)}
				}
				@keyframes pulsecolor {
				  10% {background: #dd0000}
				}
				html {overflow-x: hidden;}
				body {font-family:Roboto, sans-serif; font-size:14px; font-weight:normal; background: #FAF5F1;}
				.red {color: red;}

				#mac-msg .warning {
				  z-index: 200000000;
				  position: relative;
				  background: #000009;
				  color: #fff;
				  padding: 10px;
				}
				
				#special_call_to_action_zone {
					position:absolute;
					z-index: 2000000000;
					left:0;
					right:0;
					bottom: 0;
					width: 38%;
					margin-left: auto;
					margin-right: auto;
					text-align: center;
					padding: 3px;
					background-color: #E64639;
					color: #fff;
					border-top-left-radius: 10px;
  					border-top-right-radius: 10px;
				}
				.warning_grace_period button,
				.subscribe_incitation_msg button  {
					padding:2px;
					border: 1px solid #8eabf7;
					font-size:small;
				}
				.top-nav.with_special_msg #user_experience_collect,
				.top-nav.with_special_msg #messages_indicator {
					position: relative;
					top: -15px;
				}
				.clickable {
					cursor: pointer;
				}

				#home {
					display: flex; 
          flex-direction: column; 
				}
				#home h1 {
					font-size: 2em;
					/*background-color: #FFFFFF96;*/
					margin: 5px 0 0 0;
				}
				#home_top {
					text-align: center;
					padding: 1em 1em 0 1em;
				}
				#home_first_part, #slogan, #home_forth_part {
					margin: 0 1em;
					display: flex; 
          			flex-direction: row; 
          /*background-color: #FFFFFF96;*/
				}
				#home_first_part {
					margin-top: 1em;
					flex-flow: row wrap;
				}
				
				#slogan {
					position: relative;
					width:100%;
					display: block;
					margin: 1em 0 0 0;
					text-align: center;
				}
				#slogan .content {
					width: 50%;
				}
				#home_second_part {
					display: flex;
  				flex-wrap: wrap;
  				margin: 0 1em 0 1em;
  				padding: 0 1em 0 1em;
				}
				#home_second_part .column {
					flex: 25%;
  				text-align: center;
  				font-weight: bold;
				}
				#home_second_part .column .content {
					margin-top: 0.5em;
				}
				#home_third_part {
					background: url('/images/bandeau_carte.webp');
					background-size: cover;
					min-height: 356px;
					text-align: center;
					margin-top: 1.5em;
					margin-bottom: 1.5em;
				}
				#home_forth_part {
				  padding: 1em;
				  font-weight: bold;
				}
			
				#home_team_picture {
					width:50%;
					padding-right:1em;
					text-align: center;
				}
				#how_to_meet_us {
					width:50%;
				  font-size: large;
				  text-align: center;
				  position: relative;

				}
				#contact_blocks_wrapper {
					display: flex;
					margin-top: 4em;
				}
  			#how_to_meet_us h3 {
  				margin-top: 0;
  			}
				#how_to_meet_us .webinars,  #how_to_meet_us .contact_us, #how_to_meet_us .social_networks{
				   flex: 33%;
				}
				#how_to_meet_us .webinars {

				}
				#how_to_meet_us .contact_us {

				}
			

				#how_to_meet_us .webinars a,  #how_to_meet_us .contact_us a, #how_to_meet_us .social_networks a {
					display: inline-block;
					text-decoration: none;
					padding: 1em 0.2em;

				} 
				#how_to_meet_us .webinars > div,  
				#how_to_meet_us .contact_us > div, 
				#how_to_meet_us .social_networks > div {
					background-color: #fce0d4;
					margin: 0 1em;
					position: relative;
					height: 100%;
				} 
				#how_to_meet_us .social_networks > div > div {
					margin:0 auto;
					width: 7em;
				}
        #how_to_meet_us .social_networks
        {
				  text-align: left;
        }
        #how_to_meet_us .webinars a,  #how_to_meet_us .contact_us a {
        	top: 2.5em;
  				position: relative;
        }
        
        #how_to_meet_us .social_networks a {

        }
        
				#testimonials {
					width: 50%; 
					padding: 0 1em;
  					position: relative;
  					order: 1;
				}
			
				#connect_form_wrapper {
					width: 50%;
				}

				#create_proposition {
					text-align: center;
					margin-top: 3em;
					font-weight: bold;
				}
				#create_account, #join_us {
					font-size: large;
					font-weight: bold;
					border-radius: 5px;
					margin-top: 1em;
					padding: .7em;
				}
				#join_us {
					position:relative;
					top: 125px;
				}
				.blue {color: #1f3d8c;}
				.institionnal-message {
					padding: 1em;
					background: #fff;
					border-radius: 1em;
					margin-bottom: 1em;
				}
				#svgContainer { 
					z-index: -10;
					position:absolute;
					opacity: 0.5;
				}
				#profile {
					display:none;
				}
				#profile, #connexion_shortcut {
					
					position: relative;
  					right: 100px;
				}
				#go_on_top .icon-up {
					font-size: x-large;
					color: #1f3d8c;
				}
				#site-baseline {
					position: absolute;
					left: 85px;
					display: inline-block;
				}

				button.primary , .btn-primary{
					background: #1f3d8c;
					color : #fff;
				}
				footer {position: fixed; bottom:0; right:0;text-align: center; z-index: 500;}
				.hidden {display:none;}

				#site-baseline a {
					text-decoration: none;
					color: #1f3d8c;
				}

				#main-body {
					position: relative;
					top: 55px;
					background-color: #FAF5F1;
					/*background: url('/images/mapmonde.jpeg');
					background-size: cover;*/
					height: auto !important;
				}

				#connect_or_register {
					position: relative;
					margin-top: 23px;
					order: 2;
					
				}
				#need_mail_validation {
					position: absolute;
					padding: 5em;
					font-size: x-large;
					background: rgba(255,255,255, 0.95);
					border-radius: 5em;
				}
				#go_on_top {
					position: relative;
					z-index: 150000;
					/*background: #1f3d8c;*/
					color: #1f3d8c;
					cursor: pointer;
					padding: 10px;
					/*border-top-left-radius: 2em;*/
				}
				#user_experience_collect {
					position: relative;
					left: 150px;
					font-size: 2em;
					cursor: pointer;
  					transform: scale(0.5,0.5);
				}

				#user_experience_collect.beating {
					animation:pulse 1s infinite;
				}

				#xp_heart {
				  position: relative; 
				  width: 50px; 
				  height: 45px;
				}

				#xp_heart:before, #xp_heart:after { 
				  position: absolute; 
				  content: ""; 
				  left: 25px; 
				  top: 0; 
				  width: 25px; 
				  height: 40px; 
				  background: #1f3d8c; 
				  border-radius: 25px 25px 0 0; 
				  transform: rotate(-45deg);  
				  transform-origin: 0 100%;
				  
				} 
				#xp_heart:after { 
				  left: 0; 
				  transform: rotate(45deg); 
				  transform-origin :100% 100%;
				}


				#user_experience_collect.beating #xp_heart:before, #user_experience_collect.beating #xp_heart:after {
					background: #aa0000; 
					animation:pulsecolor 1s infinite;
				}

				#user_experience_collect.beating #pulsingheart:after { 
				    animation:pulsecolor 1s infinite;
				}

				#messages_indicator {
					display: inline-block;
					
				}
				#messages_indicator .icon-mail {
					font-size: 1.5em;
				}

				#messages_indicator .active {
					content : '';
					background-color: red;
					height: 0.5em;
					width: 0.5em;
					border-radius: 50%;
					display: inline-block;
					position:relative;
					top: -1em;
				}

				#messages_indicator .active::after {
					content : '';
				}

				.fl {float: left;}
				.fr {float: right;}
				.cb {clear: both;}
				.no-float-left .form-group {
					float:none;
				}
				#my-documents-wrapper .document {
					max-width: 350px; 
					padding: 5px; 
					margin: 5px 0; 
					border-radius: 2px; 
					border: 1px solid #efefef;
					display: inline-block;
					margin-right: 1em;
				}

				#my-documents-wrapper .document .view > img,
				#my-documents-wrapper .document .declinations
				{
				 	display: inline-block;
				}
				#my-documents-wrapper .document .declinations {
					vertical-align: top;
				}
				#my-documents-wrapper .document .declinations .small img{
					width: 50px;
					height: 50px;
					border-radius: 50%;
				}

				#my-documents-wrapper .active:after {
					content: none;
				}
				[name^=custom-select-] {
					margin-left: 5px;
				}

				[id$=-too_small_screen_msg] {
					position: relative;
					top: 33px;
					margin: 0 auto;
				}
				#profile, .actions .f-icon {
					cursor: pointer ;
				}
				button, .btn, .btn-primary, select {
					cursor: pointer ;
					padding: 5px;
					border: none;
				}
 	


				h1{font-family:Roboto, sans-serif; font-weight:900; }
				h2{font-family:Roboto, sans-serif; font-weight:700; }
				h3{font-family:Roboto, sans-serif; font-weight:700; }
				h4{font-family:Roboto, sans-serif; font-weight:700; }
				h5{font-family:Roboto, sans-serif; font-weight:500; }
				h6{font-family:Roboto, sans-serif; font-weight:500; }
				#sp-bottom{ padding:100px 0px; }
				@font-face {
			      font-family: 'fontello';
			      src: url('/font/fontello.eot?6035030');
			      src: url('/font/fontello.eot?6035030#iefix') format('embedded-opentype'),
			           url('/font/fontello.woff?6035030') format('woff'),
			           url('/font/fontello.ttf?6035030') format('truetype'),
			           url('/font/fontello.svg?6035030#fontello') format('svg');
			      font-weight: normal;
			      font-style: normal;
			      font-display: swap;
		    	}
		    	.f-icon {
			      font-family: "fontello";
			      font-style: normal;
			      font-weight: normal;
			      speak: never;
			      color: #1f3d8c;
			      display: inline-block;
			      text-decoration: inherit;
			      width: 1em;
			      margin-right: .2em;
			      text-align: center;
			      /* opacity: .8; */
			     
			      /* For safety - reset parent styles, that can break glyph codes*/
			      font-variant: normal;
			      text-transform: none;
			     
			      /* fix buttons height, for twitter bootstrap */
			      line-height: 1em;
			     
			      /* Animation center compensation - margins should be symmetric */
			      /* remove if not needed */
			      margin-left: .2em;
			     
			      /* You can be more comfortable with increased icons size */
			      /* font-size: 120%; */
			     
			      /* Font smoothing. That was taken from TWBS */
			      -webkit-font-smoothing: antialiased;
			      -moz-osx-font-smoothing: grayscale;
			     
			      /* Uncomment for 3D effect */
			      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */

			   }

			  .icon-trash:before {content: '\f083'}
			  .icon-up:before {content: '\e816'}
			  .icon-plus-circle:before {content: '\e826'}
			  .icon-minus-circle:before {content: '\e827'}
			  .icon-popup:before {content: '\e837'}
			  .icon-ok:before {content: '\e809'}
			  .icon-location:before {content: '\e810'}
			  .icon-doc:before {content: '\e811'}
			  .icon-mail:before {content: '\e84c'}
			  .icon-user:before {content: '\e804'}
			  .icon-users:before {content: '\e84e'}
			  .icon-tag:before {content: '\e82c'}
			  .icon-star:before {content: '\e803'}
			  .icon-link:before {content: '\e828'}
			  .icon-left-circle:before {content: '\e83b'}
			  .icon-right-circle:before {content: '\e83c'}
			  .icon-forward:before {content: '\e82f'}
			  .icon-reply:before {content: '\e82d'}
			  .icon-block:before {content: '\e834'}
			  .icon-cancel:before {content: '\e824'}
			  .icon-cancel-circle:before {content: '\e825'}
			  .icon-home:before {content: '\e801'}
			  .icon-chat:before {content: '\e80e'}
			  .icon-cog:before {content: '\f0fe'} /** '\e831' **/
			  .icon-cog-alt:before {content: '\e852'}
			  .icon-arrows-cw:before {content: '\e800'}
			  .icon-eye-off:before {content: '\e850'}
			  .icon-eye:before {content: '\e851'}
			  .icon-truck:before {content: '\e853'}
			  .icon-attach:before {content: '\e829'}
			  .icon-attention:before {content: '\e80f'}
			  .icon-diamond:before {content: '\f219'}
			  .icon-plus-squared:before {content: '\f0fe'}
			  .icon-minus-squared:before {content: '\f146'}
			  .icon-article-alt:before {content: '\e856'}
			  .icon-download:before {content: '\e857'}
			  .icon-road:before {content: '\e802'}
			  .icon-flash:before {content: '\e858'}
			  .icon-help-circled:before {content: '\e859'}
			  .icon-archived:before {content: '\e814'}
			  .icon-heart:before {content: '\e84b'}
			  .icon-search:before {content: '\e84d'}
			  .icon-right-open:before {content: '\e839'}
			  .icon-shuffle:before {content: '\f03b'}
			  .icon-list:before {content: '\e844'}
			  .icon-back:before {content: '\e85a'}
			  .icon-lock:before {content: '\e82a'}
			  a i {
					text-decoration: none !important;
				}
			  .centered {
					display:flex; 
					justify-content:center;
					align-items:center;
					height:100vh;
				}
				.type-checkbox .checkbox{
					display: inline-block;
				}
				 .inscription {
		    	text-align: center;
		    }
		    #connection_form {
		    	margin-bottom: 15px;
		    }
		    #connection_form label {
		    	display: inline-block;
		    	min-width:150px;
		    	width:150px;
		    }
		    a#create_account, a#lost_password {
		    	text-decoration: none;
		    	font-weight: bold;
		    	padding-right:15px;
		    }
		    fieldset.addr-elts {
		    	display:none;
		    }
		    .ad_dress_search .controls {
		    	margin-left: 0;
		    }
		    #first_register_form .ad_dress_search .controls {
		    	margin-left: 10px;
		    }
		    #first_register_form .jsonform-error-password .controls,
		    #connection_form  .jsonform-error-password .controls {
		    	position: relative;
		    }

		    .password-icon {
				display: flex;
				align-items: center;
				position: absolute;
				top: 50%;
				right: -25px;
				transform: translateY(-50%);
				width: 20px;
				color: #f9f9f9;
				transition: all 0.2s;
			}

			.password-icon:hover {
				cursor: pointer;
			}
			.password-icon .icon-eye-off {
			  display: none;
			}
		    .credentials > div {
					width: 35em;
					margin: 0 auto;
					float: none !important;
					margin-bottom: 3px;
				}

				#reset_password {
					position: relative;
					top:23px;
				}
				#reset_password .btn-primary {
					width: 100%;
				}
				#connect_form_wrapper input[type="submit"]{
					width: 15em;
					margin: 2em auto;
					float: none !important;
					display: block;
					border-radius: 5px;
				}
				#register_form_wrapper {
					padding: 1em;
					margin-bottom: 1em;
				}

				#connect_form_wrapper img , #register_form_wrapper img, #reset_password img{
					display: block;
					margin: 0 auto	;
				}
				#connect_form_wrapper .welcome , #register_form_wrapper .welcome, #reset_password .welcome {
					text-align: center;
				}
				#connect_form_wrapper .welcome span , #register_form_wrapper .welcome span, #reset_password .welcome span{
					display: block;
					font-size: large;
					font-weight: bold;
					margin-bottom: 1em;
				}
				#connect_form_wrapper .explanations {
					font-style: italic;
				}
				.other-actions {
					text-align: center;
				}
				.explanations {
					margin-bottom: 1em;
				}
				/*
				#my-account-tabs-wrapper input[type="submit"]
				{ 
					  position: fixed;
					  top: 50%;
					  right: 0;
					  background: #ffffff90;
					  color: #1f3d8c;
					  font-size: x-large;
					  border-top: #1f3d8c solid 3px;
					  border-bottom: #1f3d8c solid 3px;
					  border-left: #1f3d8c solid 3px;
					  border-top-left-radius: 20px 20px;
				}*/
				#my-account-tabs-wrapper label i {
					display: none;
				}
				#return_to_login_form {
					display: inline-block;
					right: 1.5em;
					position: absolute;
					bottom: .5em;	
				}
				#return_to_login_form a {
					text-decoration: none;
					color: #1f3d8c;
				}
				input[type="text"], input[type="email"], input[type="password"] {
					height: 1.7em;
				}
				input[type="email"], input[type="password"] {
					min-width: 20em;
				}

				input[name="company"] {
					min-width: 25em;
				}
				.addr-block {
					max-width: 40em;
				}
				.addr-elts label {
					display: inline-block;
					min-width: 7em;
				}
				.addr-elts > div {
					margin-top: 3px;
				}
				.agree .checkbox label{
					font-size: revert;
				}
				#register_form_wrapper input[type="password"] {
					min-width: 10em;
				}
				#register_form_wrapper .help-block {
					margin-bottom: 3px;
				}
				#register_form_wrapper input[type="submit"] {
					width: 100%;
					margin-bottom: 5px;
					border-radius: 5px;
				}
				#register_form_wrapper .jsonform-error-ad_dress_search label{
					font-style: italic;
					top: 4px;
  					position: relative;
				}
				.jsonform-error-password label, .jsonform-error-sponsorship_code label {
					width: 10em;
					display: inline-block;
				}
				#first_register_form [name="ad_dress_search"],  #my-profile-data [name="ad_dress_search"] {
	        	width: 35em;
	      }
	      #my-profile-data .group_contacts button {
			  background: #FFF;
			  margin-right: 2em;
		  }
	      #my-profile-data [type="submit"] {
	      	  font-size: 1.3em;
			  font-weight: bold;
			  font-family: Roboto, sans-serif;
	      }
	      #my-profile-data .detailed_production td {
	      	vertical-align: top;
	      }

	      #my-profile-data .detailed_production td.main-type {
	      	font-weight: bold;
	      }
	      #my-documents-upload {
	      	background: #fff7eb;
  			width: fit-content;
  			padding: 1em;
	      }
	 	    #connect_form_wrapper, #register_form_wrapper, #reset_password {
	        	position: relative;
	        	  text-align: left;
	        	  background-color: #fce0d4;
	        	  /*border-bottom-left-radius: 20px 20px;
	        	  border-bottom-right-radius: 20px 20px;*/
	        }
	        #reset_password {
	        	margin: auto;
	        }
	      #connect_form_wrapper {
	      	padding: 1em;
	       	text-align: center;
	      }
				#connection_form {
				  text-align: left;
				}

	      .ask_for_promo_code {
	      	margin-top: 15px;
	      }
	      #ask_for_sponsorship {
	      	margin-left:0.75em;
	      }
		    legend {
		    	font-weight: 700;
		    	font-size: 1.3em;
		    }
		    label {
		    	color:  #1f3d8c;
		    	font-size: 1em;
		    	font-weight: bold;
		    }
		    .checkbox label, .type-radios label span, .type-radios label input {
		    	color:  #000;
		    	font-weight: normal;
		    }

		    label.active::after {
		    	content:none;
		    }
	       fieldset {
	            border: 0;
	            padding:0;
	            margin-left:0;
	            margin-top: 1em;
	        }
	        fieldset > div {
	           
	           margin-right: 1em;
	        }
	        fieldset .form-group {
	        	float: left;
	        	margin-top:15px;
	        }
	        .tab.profile .personals {
	        	margin-bottom: 2em;	        	
	        }


	        .specificities.CAR fieldset .form-group {
	        	float: none;
	        }

	        #round_details .general > div{
	        	float: left;
	        	margin-right: 10px;
	        }
	        #round_details .cb {
	        	padding-top: 10px;
	        }
	        #add_round_interface .panel {
	        	overflow: visible;
	        	padding: 18px;
	        }
	        /*** Modales *****/
	        .modal-inner-content  .general > div {
	        	margin-right: 10px;
	        	display: inline-block;
	        }
	        .modal-inner-content  .general {
	        	padding: 10px 0px;
	        }
	        .modal-inner-content .recorded-or-to-record-round-nodes > div {
	        	display: inline-block;
	        }
	        #round_details .actions, .modal-inner-content .actions {
	        	padding-top: 10px;
	        	clear: both;
	        }

	        .modal-inner-content .actions.top-right {
				position: absolute;
				top: 1em;
				right: 1em;
			}

	        form > div > div {
	          margin-top: 1em;
	        }
	        .type-select .controls {
	        	 display: inline;
	        	 margin-left:15px;
	        }

	        .btn-primary[type="submit"] {
	        	 margin-top:10px;
	        }

	        #my-profile-name.second-user {
	        	color: red;
	        }
	       
				


        /** Profiles ****/
				#profile {
					text-align: center;
				}


				/* my profile */
				#my-profile-data .form-group {
					margin-top:5px;
				}
				#my-profile-data .help-block {
					font-style: italic;
				}
				#my-profile-data .specificities {
					/**background: #d7e5fc;**/
				}
				#my-profile-data .specificities .type-checkbox .controls, 
				#my-profile-data .specificities .type-radios .controls,
				#round_details  .type-checkbox .controls, .controls{
					margin-left: 5px;
					display: inline-block;
				}
				#my-profile-data .specificities .type-checkbox .controls .checkbox,
				#my-profile-data .parameters .type-checkbox .controls .checkbox,
				#round_details .controls .checkbox
				 {
					display: inline-block;
				}
				#my-profile-data .type-checkbox.self-definition {
					clear: both;
					padding-top: 5px;
				}
				#stored_rounds {
					background: #FAF5F1;
				}
				#stored_rounds.shown {
					padding-bottom: 15px;
					border-bottom: 2px solid #efefef; 
				}

				#stored_rounds table {
					/*border: 1px solid #1f3d8c;*/
					border-spacing: 0;
					border-collapse: separate;
					/**border-radius: 15px; **/
					overflow:hidden;
					/** padding: 5px; **/
				}
				.accordion.add_round {
					max-width: 15em;
				}
				#stored_rounds table th, #stored_rounds table td{
					border: 1px solid #1f3d8c;
				}

				#my-profile-data .specificities > div {
					margin-bottom: 10px;
				}
				#my-profile-data h3 {
					font-size: 1.3em;
				}
				#countries_delivery_wrapper {
					padding-bottom: 12px;
				}
				#countries_delivery_wrapper label {
					font-weight: bold;
				}
				.input-35em {
					min-width: 35em;
				}
				.input-4em {
					max-width: 4em;
				}
				.inside-form-subscription {
					position: relative;
					margin-top: 0;
					float: right;
				}

				.inside-form-subscription button {
					float: right;
				}

				.inside-form-subscription .subscription_form {
					clear:both;
					background: #fcd7fb;
					padding: 10px;
				}
				.inside-form-subscription button.save_subscription {
					float:none;
				}
				.actors_types_subtypes {
					margin-top: 1em;
					overflow: auto;
					background: #fff7eb;
				}
				.actors_types_subtypes td {
					vertical-align: top;
					padding-right: 1em;
				}
				.actors_types_subtypes td.main-type {
					font-weight: bold;
				}
				fieldset.mail_notifications legend, fieldset.network_prefs  legend{
					padding: 0;
				}
				fieldset.mail_notifications.top-space legend, fieldset.network_prefs.top-space  legend{
					margin-top: 10px;
				}
				fieldset.network_prefs .type-checkbox {
					clear: both;
				}
				fieldset.mail_notifications .form-group {
					float: none;
				}
				fieldset.network_prefs.first  legend{
					margin-top: 0;
				}
			/* Adaptation de https://codepen.io/dhs/pen/diasg */

    .tabs {
      display: block;
      margin: 40px auto;
      /**position: relative;**/
    }
    .inner-tabs {
    	display: block;
    	margin-top: -13px;
    	position:relative;
    }

    .tabs .tab, .inner-tabs .inner-tab {
      float: left;
      display: block;
    }

    .tabs .tab>input[type="radio"] {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    .inner-tabs .inner-tab>input[type="radio"] {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

    .tabs .tab>label {
    	display: inline-block;
			padding: 6px 21px;
			font-size: 12px;
			cursor: pointer;
			position: relative;
			color: #000;
			background: #FAF5F1;
			vertical-align: middle;
			line-height: 4em;
			border: 1px solid #E64639;
			margin-right: 0.3em;
			margin-bottom: 0.5em;
    }
    .inner-tabs .inner-tab>label {
      display: block;
      padding: 6px 21px;
      font-size: 10px;
      font-weight: bold;
      /**text-transform: uppercase;**/
      cursor: pointer;
      position: relative;
      color: #FFF;
      background: #1f3d8c;
    }

    .tabs .content {
      z-index: 0;
      /* or display: none; */
      overflow: hidden;
      /*width: 95%;*/
      width: auto;
      padding: 15px;
      padding-right: 25px;
      position: absolute;
      /**top: 29px;**/
      left: 0;
      right: 0;
      background: #FCE0D4;
      opacity: 0;
      transition: opacity 400ms ease-out;
    }
    .tabs .inner-content {
      z-index: 0;
      /* or display: none; */
      overflow: hidden;
      width: 100%;
      padding: 15px;
      position: absolute;
      left: 0;
      border: 1px solid black;
      border-bottom: none;
      opacity: 0;
      transition: opacity 400ms ease-out;
      background: #FCE0D4;
    }
    [id^="tab-content"] > .display_zone {
    	display: none;
    }
    .tabs>.tab>[id^="tab"]:checked+label {
      top: 0;
      background: #FCE0D4;
      color: #E64639;
      border: none;
      margin-bottom: 0;
			border-bottom: 8px solid #FCE0D4;
    }
    .inner-tabs>.inner-tab>[id^="inner-tab"]:checked+label {
      top: 0;
      background: green;
      color: #F5F5F5;
    }

    .tabs>.tab>[id^="tab"]:checked~[id^="tab-content"] {
      z-index: 1;
      /* or display: block; */

      opacity: 1;
      transition: opacity 400ms ease-out;
    }
    .inner-tabs>.inner-tab>[id^="inner-tab"]:checked~[id^="inner-tab-content"] {
      z-index: 1;
      /* or display: block; */

      opacity: 1;
      transition: opacity 400ms ease-out;
    }

    li.tab, li.inner-tab {
      /* border-right: 1px solid white; */
      padding: 0 1px;
    }

    #tab-content-logistics {
    	min-height:800px;
    	padding-left:0;
    }
    
    #inner-tab-content-rounds, #inner-tab-content-destinations,  #inner-tab-content-places{
    	min-height: 550px;
    }
    /*** Modal **/
    #modal h3.title {
    	margin: 0;
    	text-align: center;
    }
    #modal .actions {
    	padding-bottom: 15px;
    }

    #document-list-modal .content a {
    	font-size: revert;

    }
    #document-list-modal .content a:hover, #document-list-modal .content a:focus {
    	color: revert;
		}
		#document-list-modal .content a .f-icon {
			width: auto;
		}
    /****** Draggable table *****/
    .draggable-table {
		  position: absolute;
		}
		.draggable-table .draggable-table__drag {
		  font-weight: lighter;
		  text-transform: capitalize;
		  position: absolute;
		  width: 100%;
		  text-indent: 50px;
		  border: 1px solid #f1f1f1;
		  z-index: 10;
		  cursor: grabbing;
		  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
		  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
		  opacity: 1;
		}
		.draggable-table tbody tr,  .draggable-table tbody td{
		  cursor: grabbing;
		}
		.draggable-table tbody tr td {
		  font-size: 0.95em;
		  font-weight: lighter;
		  text-transform: capitalize;
		  text-indent: 50px;
		  padding: 10px;
		  user-select: none;
		  border-top: 1px solid whitesmoke;
		}
		.draggable-table tbody tr:nth-child(even) {
		  background-color: #f7f7f7;
		}
		.draggable-table tbody tr:nth-child(odd) {
		  background-color: #ffffff;
		}
		.draggable-table tbody tr.is-dragging {
		  background: #f1c40f;
		}
		.draggable-table tbody tr.is-dragging td {
		  color: #ffe683;
		}	

		/*** accordion **/
		/* Style the buttons that are used to open and close the accordion panel */
		.accordion {
		  background-color: rgba(238, 238, 238,0.8);
		  color: #444;
		  cursor: pointer;
		  padding: 18px;
		  width: 100%;
		  text-align: left;
		  border: none;
		  outline: none;
		  transition: 0.4s;
		}

		/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
		.active, .accordion:hover {
		  background-color: rgba(204, 204, 204,0.8);
		}

		/* Style the accordion panel. Note: hidden by default */
		.panel {
		  padding: 0 18px;
		  background-color: white;
		  display: none;
		  overflow: hidden;
		}
		.accordion:after {
		  content: '\02795'; /* Unicode character for "plus" sign (+) */
		  font-size: 13px;
		  color: #777;
		  float: right;
		  margin-left: 5px;
		}

		.active:after {
		  content: "\2796"; /* Unicode character for "minus" sign (-) */
		}

		
		.always_opened.accordion {
			cursor: default;
		}
		.always_opened.accordion:after  {
			content: none;
		}
		.always_opened.accordion:hover {
		  background-color: rgba(238, 238, 238,0.8);
		}
		#actors_filter .type-checkbox .checkbox,
		#my-logistic-model-data  .type-checkbox .checkbox {
			display:block;
		}
		#my-logistic-model-data  .type-checkbox .checkbox {
			margin-bottom: 0.5em;
			
		}
		#my-logistic-model-data  .type-checkbox .checkbox input {
			margin-right:0.5em;
		}
		div.type-checkbox.categorie .controls {
			max-width: 50%;
		}

		div.type-checkbox.categorie .controls .checkbox{
			display: block;
		}

		div.type-checkbox.categorie .controls .checkbox label {
			display: inline;
		}
		/***** messages ***/
		#message_actor_filter {
			margin-bottom: 10px;
		}
		.attach-msg-action {
			margin-top: 3px;
		}
		.basic_message_wrapper[data-type="SUPPLY"],
		.basic_message_wrapper[data-type="DEMAND"],
		.minimal_msg_card
		{
			background: #f3eeec;
		}
		.basic_message_wrapper .actions .reply,  .basic_message_wrapper .actions .additionnal {
			color: #1f3d8c;
			cursor: pointer;
		}

		.basic_message_wrapper .actions .additionnal {
			position: absolute;
			left: 30px;
		}
		.basic_message_wrapper .actions .trash {
			position: absolute;
			left: 0;
		}
		.basic_message_wrapper .actions .archive {
			position: absolute;
			right: 7em;
		}
		.basic_message_wrapper .message .body .attach_doc_show, .msg-body .attach_doc_show{
			font-size: 2em;
		}
		.minimal_msg_card .title {
			color: #E64639;
			font-weight: bold;
		}
		.minimal_msg_card .picto {
			max-width: 55px;
			display: inline-block;
		}
		.minimal_msg_card .message {
			display: inline-block;
			vertical-align: top;
			margin-top: 8px;
		}
		.minimal_msg_card .message .msg-body {
						max-width: 280px;
		}
		.minimal_msg_card .message span.actor {
			display: block;

			overflow: hidden;
			font-weight: bold;
		} 
		.basic_message_wrapper[data-type="TEAM_LEADER_MESSAGE"] {
			background: #c0d2d1;
		}
		.basic_message_wrapper[data-type="REPLY"],
		.basic_message_wrapper[data-type="DM"]
		{
			background: #d4e1e0;
		}


		.open-extended-carrying_form {
			position: relative;
			display: inline-block;
			margin-left: 1em;
		}
		.open-extended-carrying_form .f-icon {
				transition: transform 1.5s;
    		transform: rotate(-360deg);
  			font-size: 1.5em;
  			cursor: pointer;
		}
		.open-extended-carrying_form .f-icon.rotate {
			transform: none;
		}

		table.volumes {
			border-spacing: 0 15px;
		}
		table.volumes input[type="number"] {
			max-width: 4em;
		}
		table.volumes td {
			vertical-align: bottom;
		}

		table.days th {
			padding-right: 1em;
		}
		table.days td.mandatory, table.days td.optional {
			padding-right: 1em;
		}
		table.volumes td.title,  table.volumes td.dim{
			padding-left: 1em;
		}
		.current_highlighted_msg {
			background: #fff !important;
			border: 3px solid #F9BCA2;
		}
		.minimal_msg_card {
			margin-bottom: 8px;
			padding: 4px;
			cursor: pointer;
			z-index: 600;
			position: relative;		
		}


		[id^=quill-container-] {
			background: #fff;
			position: relative;

		}
		.ql-editor.ql-blank {
			min-height: 100%;
			position: absolute;
			min-width: 100%;
		}
		form[id$=-message] .type-select .controls {
			margin-left: 5px;
		}
		form[id$=-message] .ql-toolbar {
  		/**max-width: 76%;**/
		}
		form[id$=-message] [id^=message-editor-] {
			position: relative;
			max-width: 490px;
		}
		/*form[id$=-message] [id^=quill-container-] {
			max-width: 76%;
		}*/
		form[id$=-message] [name="subject"] {
			min-width: 300px;
			max-width: 300px;
		}
		form[id$=-message] label {
			min-width: 75px;
			max-width: 75px;
			display: inline-block;
		}

		form[id$=-message] [name="body"] {
			min-width: 300px;
			max-width: 300px;
			height: 150px !important;
		}
		form[id$=-offer-or-demand] .attach-msg-action .icon-cancel-circle {
			float:none;
			display: inline;
		}
		form[id$=-offer-or-demand] label {
			min-width: 185px;
			max-width: 185px;
			display: inline-block;
		}
		form[id$=-offer-or-demand] .message_visibility label {
			min-width: auto;
			max-width: 555px;
		}

		form[id$=-offer-or-demand] .controls {
			max-width: 275px;
			display: inline-block;
		}
		form[id$="-offer-or-demand"] .recipients .controls {
			position: absolute;
		  left: 50px;
		  max-width: 375px;
		}
		
/*		form[id$=-offer-or-demand] .type-radios .controls label{
			min-width: 18em;
			max-width: 18em;
		} */
		form[id$=-offer-or-demand] .type-radios label span {
			min-width: 15em;
		}
		form[id$=-offer-or-demand] .type-radios .controls {
			min-width: 250px;
			max-width: 250px;
		} 
		form[id$=-offer-or-demand] .type-select {
			padding-bottom: 15px;
		}
		form[id$=-offer-or-demand] .recipients .controls {
			margin-left: 15px;
		}
		form[id$=-offer-or-demand] .icon-popup {
			width: 50px;
		}
		form[id$=-offer-or-demand] .ql-toolbar {
			margin-top: 1em;
		}
		form[id$=-direct_message] input[name="subject"] {
			min-width:30em;
			max-width:30em;
		}
		form[id^=actor_subfilter-] .type-checkbox label {
			margin-right: 1.3em;
		}

		.added_files {
			display: flex;
		}
		
		#carrying_extended_modal h3 {
			margin-top:0;
		}
		#carrying_extended_modal .overlay-content {
			max-width: 67%;
		}
		#carrying_extended_modal .address_search {
			min-width: 20em;
		}
		#carrying_extended_modal div.checkbox {
			margin-right: 0.5em;
		}
		.icon-trash {
			cursor: pointer;
		}
		.basic_message_wrapper {
		  margin-bottom: 4px;
		  padding: 0.5em 1.5em;
		  background: #d2ecf3;
		  border-radius: 1.5em;
		  max-width: 98%;
			width: fit-content;
		}
		.basic_message_wrapper label {
			color: revert;
			font-size: revert;
			font-weight: revert;
			min-width: 3.5em;
			display: inline-block;
		}
		.basic_message_wrapper .create_at {
			display: inline;
			font-style: italic;
			font-size: smaller;
			margin-right: 1em;
		}
		.basic_message_wrapper .type {
			float: right;
		}
		.basic_message_wrapper .from_to {
			border-bottom: #fff solid 2px;
			margin-bottom: 4px;
			padding-bottom: 2px;
		}
		.basic_message_wrapper .f-icon {
			cursor: pointer;
		}
		.basic_message_wrapper .subject {
			font-weight: bold;
		}
		.basic_message_wrapper .message {
			background: #fff;
			padding: 0.5em;
			border-radius: 1em;			
		}

		.basic_message_wrapper .actions {
			position: relative;
			min-height: 1.5em;
			border-top: #fff solid 2px;
			margin-top: 2px;
			padding-top: 4px;
		}
		.basic_message_wrapper .actions > div {
			display: inline-block;
		}
		.basic_message_wrapper .actions .reply {
			position: absolute;
			right: 0;
		}
	/*	[id^=quill-container-] {
			max-width: 490px;
			min-width: 490px;
		}*/
		.ql-container {
			width:100%;
			min-height:200px;
		}
		.ql-editor {
			margin-top: 0 !important;
		}



		/** profils etendus */
		#profiles-modal .overlay-content {
					top : max(55%, 410px);
					min-width: 50%;
					max-width: 50%;
					padding-top: 0;
					max-height: calc(100% - 85px);
					overflow-y: auto;
		}
		#profiles-modal .shared_files {
			margin-top: 1em;
			padding-top: 1em;
			border-top: 1px #dad4d4 solid;
			text-align: center;
		}
		#profiles-modal .shared_files .files_container {
			width: fit-content;
			text-align: left;
			margin: 0 auto;
		}
		#profiles-modal .shared_files a {
			font-size: initial;
			margin-left: 0;
			color: #1f3d8c;
		}
		#profiles-modal .shared_files a:hover {
			color: #1f3d8c;
			text-decoration: underline;
		}
		#profiles-modal .searched_actors {
			background-color: #FCE0D4;
		}
        #profiles-modal .searched_actors .wrapper {
        	padding: 1em;
        	
        }
		#profiles-modal .searched_actors span.main {
			font-weight: 450;
		}
  
		.full_actor_card .content_wrapper {
			display: grid;
			grid-template-columns: auto 100px;
		}
		.full_actor_card .header .name {
			font-size: 2em;
			color: #1f3d8c;
		}
		.full_actor_card .location {
			margin-bottom: 0.3em;
		}
		.full_actor_card .specific_part .type {
			font-weight: bold;
			color: #1f3d8c;
		}
		.full_actor_card .specific_part tr {
			margin-bottom: 0.2em;
		}
		.full_actor_card .specific_part td.label {
			padding:0;
			min-width: 20em;
			font-weight: bold;
		}
		.full_actor_card .specific_part td.value {
			padding-left: 0.2em;
		}
		.full_actor_card blockquote {
			background: #FCE0D4;
  		padding: 1em;
		}
		.full_actor_card blockquote::before {
			content: '\201C';
		}
		.full_actor_card blockquote::after {
			content: '\201D';
		}

		.full_actor_card span.label {
			font-weight: 700;
		}

		#home .carousel-wrapper {
			min-height: 350px;
			top: 90px;
			position: relative;
			left: 90px;
			max-width: 1200px;
		}
		
		.card-carousel {
		  display: flex;
		  align-items: center;
		  justify-content: right;
		  position: relative;
		}

		.card-carousel .my-card {
		  height: 20rem;
		  width: 12rem;
		  position: relative;
		  z-index: 1;
		  /*-webkit-transform: scale(0.6) translateY(-2rem);
		  transform: scale(0.6) translateY(-2rem);*/
		  opacity: 0;
		  cursor: pointer;
		  pointer-events: none;
		  /*background: #2e5266;
		  background: linear-gradient(to top, #2e5266, #6e8898);*/
		  transition: 1s;
		  padding: 0 1em;
		}

		/*.card-carousel .my-card:after {
		  content: '';
		  position: absolute;
		  height: 2px;
		  width: 100%;
		  border-radius: 100%;
		  background-color: rgba(0,0,0,0.3);
		  bottom: -5rem;
		  -webkit-filter: blur(4px);
		  filter: blur(4px);
		}*/

		.card-carousel .my-card.active {
		  z-index: 3;
		  -webkit-transform: scale(1.5) translateY(0) translateX(0);
		  transform: scale(1.5) translateY(0) translateX(0);
		  opacity: 1;
		  pointer-events: auto;
		  transition: 1s;
		  background: none;
		}

		.card-carousel .my-card.active::after {
			content:none;
		}

		.card-carousel .my-card.prev, .card-carousel .my-card.next {
		  z-index: 2;
		  -webkit-transform: scale(1) translateY(-1rem) translateX(0);
		  transform: scale(1) translateY(-1rem) translateX(0);
		  opacity: 0.6;
		  pointer-events: auto;
		  transition: 1s;
		}

        /*.address_selector_wrapper {
        	height:50em;
        }*/
        .clear {
        	clear:both;
        }
        /** tippy **/
        .tippy-box[data-theme~='charrette'] {
		  background-color: #fff;
		  color: #000;
		  border: 1px solid #000;
		}
		#tags_filter .tippy-box[data-theme~='charrette'],
		#geoloc-parameters  .tippy-box[data-theme~='charrette']{
			max-width: 325px !important;
		}
		.tippy-box[data-theme~='charrette'] .tippy-arrow {
			background-color: #fff;
			color: #fff;
		}

		.xp_collector_form_content label {
			color: revert;
			font-weight: revert;
		}
		.xp_collector_form_content td {
			vertical-align: top;
			padding-right: 1em;
		}
		.xp_collector_form_content td.main-type {
			font-style: italic;
		}

		table.dataTable td.green {
			background: #c3f6c3;
		}

		table.dataTable td.yellow {
			background: #f2f299;
		}
		@media screen and (max-width: 374px) {
			* {
				max-width: 360px;
			}
			#home_top h1 {
				font-size: 1em;
			}
			#user_experience_collect {
				left: 50px;
			}
			#connect_or_register {
				order: 1;
			}
			#testimonials {
				order: 2;
				width: 100%;
				padding: 0;
			}
			#testimonials #slogan {
				margin-top: 2.5em;
			}
			
			.carousel-wrapper {
			  display: none;
			}
			#site-baseline {
				max-width: 250px;
			}
			.institionnal-message {
				max-width: 285px;
			}
			#home_second_part .column {
					flex: 50%;
			}
			#home_second_part {
				padding: 0;
			}
			
			#home_forth_part {
			  padding: 0;
			  margin: 0;
			}
			#home_team_picture > img {
			  height: 300px !important;
			}
			#how_to_meet_us {
			  width: 100%;
			  position: absolute;
			}
			#how_to_meet_us .webinars,  #how_to_meet_us .contact_us, #how_to_meet_us .social_networks {
				   flex: 17%;
				   font-size: small;
			}
			#how_to_meet_us .webinars > div,  
				#how_to_meet_us .contact_us > div, 
				#how_to_meet_us .social_networks > div {
					background-color: #fce0d487;
					margin: 0 1em;
					position: relative;
					height: 100%;
			}
			#how_to_meet_us .webinars a,  #how_to_meet_us .contact_us a {
        		top: 0;
        	}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 285px;
			}
			#register_form_wrapper .addr-block input,
			#register_form_wrapper [name="company"],
			#register_form_wrapper [role="listbox"] div,
			#register_form_wrapper [name="parent_id"] {
				max-width: 265px;
				min-width: 265px;
			}
			#register_form_wrapper .jsonform-error-company .controls {
				margin-left: 0 !important;
			}
			#register_form_wrapper div.help-block {
			  padding-top:5px;
			  position: relative;
			  max-width: 285px;
			}
			
			#first_register_form [name="agree"] {
				min-width: 10px;
				max-width: 15px;
			}
			#profile {
				display: none !important;

			}
			
			#connect_form_wrapper .other-actions {
				max-width: 285px;
    			margin: 0 auto;
			}
			a#create_account, a#lost_password {
			  display: block;
			}
			.tabs li label {
				max-width: 20px !important;
			}
			#my-account-tabs-wrapper .tabs li label span {
				display: none;
			}
			#my-account-tabs-wrapper .tabs li label i {
				display: block;
				font-size: 18px;
			}
			footer > div {
				max-width: 40px;
			}
			#need_mail_validation {
				top: 35px;
			  font-size: initial;
			  padding: 1em;
			  border-radius: 1em;
			}
		}

		@media screen and (min-width: 375px) and (max-width: 820px) {
			* {
				max-width: 375px;
			}
			#profile {
				display:none !important;
			}
			#home_top h1 {
				font-size: 1em;
			}
			#connect_or_register {
				order: 1;
			}
			#user_experience_collect {
				left: 0px;
			}


			#testimonials {
				order: 2;
				width: 100%;
				padding: 0;
			}
			#testimonials #slogan {
				margin-top: 2.5em;
			}
			.carousel-wrapper {
			  display: none;
			}

			.institionnal-message {
				max-width: 295px;
			}
			#home_second_part {
				padding: 0;
			}
			#home_second_part .column.last {
				margin-top: 1em;
			}
			#home_forth_part {
			  padding: 0;
			  margin: 0;
			}
			#home_team_picture > img {
			  height: 300px !important;
			}
			#how_to_meet_us {
			  width: 100%;
			  position: absolute;
			}
			#how_to_meet_us .webinars,  #how_to_meet_us .contact_us, #how_to_meet_us .social_networks {
				   flex: 17%;
				   font-size: small;
			}
			#how_to_meet_us .webinars > div,  
				#how_to_meet_us .contact_us > div, 
				#how_to_meet_us .social_networks > div {
					background-color: #fce0d487;
					margin: 0 1em;
					position: relative;
					height: 100%;
			}
			#how_to_meet_us .webinars a,  #how_to_meet_us .contact_us a {
        		top: 0;
        	}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 295px;
			}
			#register_form_wrapper .addr-block input,
			#register_form_wrapper [name="company"],
			#register_form_wrapper [role="listbox"] div,
			#register_form_wrapper [name="parent_id"] {
				max-width: 290px;
				min-width: 290px;
			}
			#register_form_wrapper div.help-block {
			  padding-top:5px;
			  position: relative;
			  max-width: 323px;
			}

		}
		@media screen and (min-width: 384px) {
			* {
				max-width: 384px;
			}

			.institionnal-message {
				max-width: 305px;
			}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 305px;
			}
		}
		@media screen and (min-width: 390px) {
			* {
				max-width: 390px;
			}

			.institionnal-message {
				max-width: 311px;
			}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 311px;
			}
		}
		@media screen and (min-width: 393px) {
			* {
				max-width: 393px;
			}

			#site-baseline {
				max-width: 250px;
			}
			.institionnal-message {
				max-width: 314px;
			}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 314px;
			}
		}
		@media screen and (min-width: 412px) and (max-width: 820px){
			* {
				max-width: 412px;
			}

			.institionnal-message {
				max-width: 333px;
			}
			#home_second_part .column {
				flex: 50%;
			}
			#home_second_part .column.last {
				margin-top: 0;
			}
			#home_second_part .column.first,
			#home_second_part .column.second {
				margin-bottom: 1em;
			}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 333px;
			}
			#register_form_wrapper .addr-block input,
			#register_form_wrapper [name="company"],
			#register_form_wrapper [role="listbox"] div,
			#register_form_wrapper [name="parent_id"] {
				max-width: 325px;
				min-width: 325px;
			}
			#register_form_wrapper div.help-block {
			  padding-top:5px;
			  position: relative;
			  max-width: 323px;
			}
		}
		@media screen and (min-width: 414px) {
			* {
				max-width: 414px;
			}

			.institionnal-message {
				max-width: 335px;
			}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 335px;
			}
		}
		@media screen and (min-width: 428px) {
			* {
				max-width: 428px;
			}

			.institionnal-message {
				max-width: 349px;
			}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 349px;
			}
		}
		@media screen and (min-width: 500px) {
			* {
				max-width: 500px;
			}

			.institionnal-message {
				max-width: 421px;
			}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 421px;
			}
			#register_form_wrapper .addr-block input,
			#register_form_wrapper [name="company"],
			#register_form_wrapper [role="listbox"] div,
			#register_form_wrapper [name="parent_id"] {
				max-width: 400px;
				min-width: 400px;
			}
			#register_form_wrapper div.help-block {
			  padding-top:5px;
			  position: relative;
			  max-width: 400px;
			}
		}
		@media screen and (min-width: 600px) {
			* {
				max-width: 600px;
			}
			#home_top h1 {
				font-size: 1em;
			}
			#site-baseline {
				max-width: 450px;
			}
			.institionnal-message {
				max-width: 521px;
			}
			#home_second_part .column {
					flex-direction: column;
			}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 521px;
			}
		}
		@media screen and (min-width: 710px) {
			* {
				max-width: 100%;
			}
			#home_top h1 {
				font-size: 2em;
			}
			#connect_or_register {
				order: 2;
			}
			#testimonials {
				order: 1;
			}
			#testimonials #slogan {
				margin-top: 0;
			}
			a#create_account, a#lost_password {
			  display: inline-block;
			}
			.institionnal-message {
				max-width: 560px;
			}
			#connect_form_wrapper, #register_form_wrapper, #reset_password {
				width: 560px;
			}
			#connect_or_register {
				margin-left:auto;
				margin-right: auto;
				margin-bottom: 1.5em;

			}
			#register_form_wrapper div.help-block {
			  max-width: none;
			}
		}