/* ELEMENTS HTML */
	 @font-face{
	  font-family: 'FontAwesome';
	  src: url('../../fonts/fontawesome-webfont.eot?v=4.3.0');
	  src: url('../../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),
	       url('../../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
	       url('../../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),
	       url('../../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),
	       url('../../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');

	  font-weight: normal;
	  font-style: normal
	}

	html, body {
	  width: 100%;
	  height: 100%;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;

	  margin: 0;
	  padding: 0;
	}

	body{
		position: relative;
	  min-height: 100%;	
    min-width: 220px;
		/*background-color: #2C2C2C;*/
		background-color: #e7e9ec;
		
		font: 16px 'Open Sans', sans-serif;
		/*font: 13px 'trebuchet MS', Arial, Helvetica;*/
		/*font: 14px 'trebuchet MS', Arial, Helvetica;*/
		/*font: 15px 'trebuchet MS', Arial, Helvetica;*/
		line-height: 1.5;
	}

	@media (max-width: 800px) {
		body{
			font-size: 14px;
		}
	}

	@media (max-width: 600px) {
		body{
			font-size: 13px;
		}
	}

	@media (max-width: 400px) {
		body{
			font-size: 12px;
		}
	}

	a{
		text-decoration: none;
	}

	ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	img{
		max-width: 100%;
		border: none;
	}

	form{
		margin: 0;
	}

	*:disabled{
		background-color: #EBEBEB;
	}


/* CLASSES QUELCONQUES */
	.gray_back{
		/*background-color: #fafafa;*/
		background: #fafafa url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);	
	}

	.hidden {
		display: none !important;
	}

	.clear{
		clear: both;
		zoom: 1;
	}

	.thumb_div{
		/*display: table-cell;*/
		/*vertical-align: middle;*/
		text-align: center;

		width: 80px;
		height: 80px;
	}

	.thumb_div img{
		display: inline-block;
		vertical-align: middle;

		max-width: 100%;
		max-height: 100%;
	}

  .menu-trigger {
  	/*visibility: hidden;
	  opacity: 0;
	  display: none;

    width: 20px;
    padding: 10px;
    cursor: pointer;*/
  	visibility: hidden;
  	opacity: 0;
  	display: none;
  	min-height: 15px;
  	min-width: 18px;
  	padding: 0 0 0 25px!important;
  	cursor: pointer;
  	color: #fff;
  	font-weight: bold;

  	/*background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAMAAADeWG8gAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE2QjAxNjRDOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE2QjAxNjREOUNEOTExRTE4RTNFRkI1RDQ2MUYxOTQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTZCMDE2NEE5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTZCMDE2NEI5Q0Q5MTFFMThFM0VGQjVENDYxRjE5NDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz42AEtnAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAWSURBVHjaYmAgFzBiACKFho6NAAEGAD07AG1pn932AAAAAElFTkSuQmCC)
                no-repeat 5px center, #D5320C;*/
  	background: url(../../images/menu_trigger.png) no-repeat left center;
  	/*-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
       -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
            box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset; */
	}

  .menu-trigger.back {
  	padding: 10px!important;
  	background-position-x: 10px;

  	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;

    -webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
       -moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
            box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
  }

  .menu-trigger:hover {
    background-color: #0066FF;
  }

  .menu-trigger .icon-bar {
    display: block;
    height: 2px;
    margin-top: 3px;

    background-color: #f5f5f5;

    -webkit-border-radius: 1px;
       -moz-border-radius: 1px;
            border-radius: 1px;

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

  .menu-trigger .icon-bar:first-child {
    margin-top: 0;
  }


/* ANIMATIONS */
	.move{
		-webkit-transition: all 1s ease-in-out;
			 -moz-transition: all 1s ease-in-out;
				-ms-transition: all 1s ease-in-out;
				 -o-transition: all 1s ease-in-out;
						transition: all 1s ease-in-out;  
	}

	.fast{
		-webkit-transition: all .2s ease-in-out;
			 -moz-transition: all .2s ease-in-out;
				-ms-transition: all .2s ease-in-out;
				 -o-transition: all .2s ease-in-out;
						transition: all .2s ease-in-out;  
	}

	.slow{
		-webkit-transition: all 2s ease-in-out;
			 -moz-transition: all 2s ease-in-out;
				-ms-transition: all 2s ease-in-out;
				 -o-transition: all 2s ease-in-out;
						transition: all 2s ease-in-out;  
	}


/* SOUS-MENUS */
	.sub_menu{
		margin-bottom: 1%;
	}

	.sub_menu .sub_item{
		display: inline-block;
		padding: 5px 10px;
		margin: 0 5px 5px 0;

		background-color: #FE7B5D;
		color: #fff;

		cursor: pointer;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
	}

	.sub_menu .sub_item a{
		color: inherit;
	}

	.sub_menu .selected{
		background-color: #fff;
		color: #FE7B5D;
		border: 2px solid #FE7B5D;
	}

	.sub_display .sub_pane{
		display: none;
	}

	.sub_display .selected{
		display: block;
	}


/* CONTENU DE LA PAGE */
	#page{
		min-width: 220px;
		max-width: 1200px;
		margin: 0 auto;
		background-color: #fff;
		/*background-color: #f9f9f9;*/
	}

	.page_center{
	}

	.page_top{
	}

	.page_content{
		position: relative;
		/*padding: 2% 2% 5% 2%;*/
		padding-bottom: 5%;
		min-height: 700px;
	}

	.page_bottom{
    /*padding: 5px 2%;*/
    background-color: #112646;
 }
  .page_bottom .line{
    display: inline-block;
  }

  .page_bottom .line.mentions{
    float: right;
  }

  .page_bottom .legals{
    display: inline-block;

    font: 10px Arial, Helvetica, sans-serif;
    color: #77757c;
  }

  .page_bottom .mentions .legals{
    color: #2E8915;
    text-decoration: underline;
    outline: none;
  }

  .page_bottom .mentions .legals:first-child{
    margin-right: 10px;
  }

  @media (max-width: 450px){
    .page_bottom .line{
      display: block;
      text-align: center;
    }

    .page_bottom .line.mentions{
      float: none;
    }
  }

	.page_section{
	  display: block;
	  margin-bottom: 2%;
	}

	.page_tip{
		/*padding: 5%;*/
		padding: 5% 0 2%;
		text-align: center;
		/*font-family: 'Headland One', serif;*/
		font-family: 'Open Sans', sans-serif;
		font-size: 4vw;
		color: #000;
		/*font-weight: 600;*/
	}

	.page_tip a{
		color: #000;
	}

	.page_tip a:hover{
		color: #00f;
		text-decoration: underline;
	}

	.page_tip .info{
		display: block;
		line-height: 24px;
		
		font-size: 15px;
		font-weight: normal;
		text-transform: none;
	}

	.page_tip.back1{
		background-color: #699034;
	}

	.page_tip.back2{
		background-color: #FE7B5D;
	}

	.page_tip.back3{
		background-color: #2C2C2C;
	}

	.page_tip.bord1{
		border-top: 2px solid #2C2C2C;
		border-bottom: 2px solid #2C2C2C;
	}

	.page_tip.bord2{
		border-top: 2px solid black;
		border-bottom: 2px solid black;
	}

	@media (max-width: 400px) {
		.page_tip{
			font-size: 12px!important;
		}
	}

	@media (min-width: 800px) {
		.page_tip{
			font-size: 32px!important;
		}
	}

	.go_back{
		background: url("../../images/back.png") no-repeat;
		background-size: 16px 16px;
		float: right;
		font-size: 10px;
		padding-left: 15px;
		margin: 5px;
		color: inherit;
	}


/* BOITES (GroupBox) */

	.box{
		display: block;
  	padding: 20px 10px 10px 10px;
  	margin-top: 20px;

	  border: 3px solid #FE7B5D;
	}

	.box,
	.box .box_title{
	  -webkit-border-radius: 10px;
	     -moz-border-radius: 10px;
	          border-radius: 10px;

	  -webkit-box-shadow: -2px 2px 2px #888, 2px -2px 2px #888;
	     -moz-box-shadow: -2px 2px 2px #888, 2px -2px 2px #888;
	          box-shadow: -2px 2px 2px #888, 2px -2px 2px #888;
	}

	.box .box_title{
		display: inline-block;
	  padding: 5px 10px;
	  margin-top: -40px;

	  font-size: 16px;
	  color: #fff;
	  background-color: #FE7B5D;
	}

	@media (max-width: 400px) {
		.box .box_title{
			font-size: inherit!important;
		}
	}


/* PANNEAUX DE MESSAGE */

#msg_band{
  margin-bottom: 10px;
  padding: 5px;
  height: auto;

  font-weight: bold;
  text-align: center;

  color: gray;
  border: 3px solid gray;

  background-image: none;
  background-color: transparent;

  -webkit-box-shadow: 1px 1px 10px #555 inset;
	   -moz-box-shadow: 1px 1px 10px #555 inset;
	  			box-shadow: 1px 1px 10px #555 inset;
}

#msg_band.good{
  color: #00C300;
  border-color: #00C300;
  
  background-color: transparent;
  background-image: none;
}

#msg_band.bad{
  color: #D5320C;
  border-color: #D5320C;
  
  background-color: transparent;
  background-image: none;
}

	#msg_band.hide{
		display: none;
		/*height: 0px;
		padding: 0px;
		border: none;

		-webkit-transition: all .5s ease-in-out 3s;
			 -moz-transition: all .5s ease-in-out 3s;
				-ms-transition: all .5s ease-in-out 3s;
				 -o-transition: all .5s ease-in-out 3s;
						transition: all .5s ease-in-out 3s; */
	}

	#msg_band #loading{
		float: right;
		height: 20px;

		clear: both;
		
		display: none;
	}

	#msg_band .msg_content{
		display: inline-block;
		margin: 0 auto;
		text-align: left;
	}

	@media (max-width: 250px) {
		#msg_band #loading{
			display: none!important;
		}
	}

	.empty_result{
		padding: 15px;
		margin: 5vw 10vw;
		
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		
		background-color: #eee;
		/*border: .5vw solid #399B6C;*/
		border: .5vw solid #F9714A;
	}


/* FORMULAIRES */
	.field{
		display: inline-block;
		vertical-align: bottom;
		width: 20%;
		min-width: 200px;
		margin: 0 2% 2% 0;
		overflow: hidden;
	}

	@media (max-width: 600px){
		.field{
			margin-bottom: 10px;
		}
	}

	.long_field,
	.field.long_field{
		width: 100%;
	}

	.field *{
		display: block;
	}

	.label{
		/*display: inline-block;
		color: #FE7B5D;*/
	}

	.label .caption{
		margin-bottom: 3px;
	}

	.field.dual_field.dual_hidden .input:last-child{
	  height: 0;
	  padding: 0;
	  border: none;
	}

	.field .wait{
		float: right;
		margin-right: 5%;
		/*margin-top: -8%;*/
		visibility: hidden;
	}

	.button_div{
		display: block;
	}

	.field_error{
		background-color: #FFF5F5 !important;
	}

	.field_error_msg{
		font-size: 10px;
		font-style: italic;
		font-weight: bold;
		color: red;
	}

	.button_div .field_error_msg{
		display: block !important;
		margin-bottom: 1%;
	}

	.info{
		font-style: italic;
		/*font-size: 10px;*/
		font-size: 70%;
		color: gray;
	}

	.required{
		display: inline-block;
		/*vertical-align: super;*/
		margin-left: 5px;

		font-style: italic;
		font-weight: bold;
		/*font-size: 10px;*/
		color: #f00;
	}

	.check,
	.button,
	.cancel_button,
	.add_button{
		height: 20px;

	  -webkit-border-radius: 5px;
	     -moz-border-radius: 5px;
	          border-radius: 5px;
	  
	  outline: none; /* Retire la bordure orange appliquée par certains navigateurs (Chrome notamment) lors du focus des éléments <input> */
	}

	.input,
	.textarea{
		font-size: 12px;
	}

	.input{
		height: auto;
		/*padding: 2.5%;*/
		padding: 5px;
		margin-right: 5px;
		border: 1px solid gray;
		outline: none;
	}

	.field .input{
		display: block;
		width: 100%;
		margin: 0;
	}

	.long_field .input{
		width: 100%;
		padding: 5px;
	}

	.input[type="file"]{
		border: none;
	}

	select.input{
		/*width: 98%;*/
		/*width: 95%;*/
		/*height: 28px;*/
	}

	.textarea,
	.input.textarea{
		height: 100px;
		padding: 6px;
	}

	.check *{
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		line-height: 20px;
	}

	.check input[type="checkbox"]{
		width: 20px;
	}

	.button,
	.cancel_button,
	.add_button{
		display: inline-block;
		vertical-align: middle;

		/*padding: 0 10px;
		height: 24px;*/

		/*padding: 0 50px;*/
		padding: 0 5%;
		height: 40px;
		line-height: 40px;
		
		cursor: pointer;
		color: white;
		
		border: none;
		
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
            box-shadow: 0 0 5px rgba(0,0,0,0.5),0 -1px 0 rgba(255,255,255,0.4);
	}

	.button{
		background-color: #6F9240;
		background: linear-gradient(#B0F453,#2C2C2C);
			background: -moz-linear-gradient(top,#B0F453,#2C2C2C);
			background: -webkit-gradient(linear,left top,left bottom,from(#B0F453),to(#2C2C2C));
		/*background:#0A0;
			background:linear-gradient(#0C0,#060);
			background:-moz-linear-gradient(top,#0C0,#060);
			background:-webkit-gradient(linear,left top,left bottom,from(#0C0),to(#060));*/
	}

	.button:hover{
		background-color: #0492E4;
			background: linear-gradient(#055684,#00a2ff);
			background: -moz-linear-gradient(top,#055684,#00a2ff);
			background: -webkit-gradient(linear,left top,left bottom,from(#055684),to(#00a2ff));
	}

	.cancel_button{
		color: #000;
		background-color: #D0D0D0;
			background: linear-gradient(#F0F0F0,#A9A9A9);
			background: -moz-linear-gradient(top,#F0F0F0,#A9A9A9);
			background: -webkit-gradient(linear,left top,left bottom,from(#F0F0F0),to(#A9A9A9));
	}

	.cancel_button:hover{
		background:#A8A8A8;
			background:linear-gradient(#D0D0D0,#6B6B6B);
			background:-moz-linear-gradient(top,#D0D0D0,#6B6B6B);
			background:-webkit-gradient(linear,left top,left bottom,from(#D0D0D0),to(#6B6B6B));
	}

	.add_button{
		display: inline !important;
		padding: 0 3px;
		height: auto;

    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;

		background:#0C0;
			background:linear-gradient(#0F0,#0A0);
			background:-moz-linear-gradient(top,#0F0,#0A0);
			background:-webkit-gradient(linear,left top,left bottom,from(#0F0),to(#0A0));
	}

	.btn{
	  display: inline-block;
	  margin-right: 10px;

	  cursor: pointer;
	  font-size: 13px;

	  border: none;
	}

	.btn.colored{
		padding: 0 10px;
	  height: 30px;
	  line-height: 30px;
	  text-align: center;

	  color: #fff;

	  -webkit-border-radius: 5px;
	     -moz-border-radius: 5px;
	          border-radius: 5px;
	}

	.btn.colored.btn1{
	  background-color: #428bca;
	}

	.btn.colored.btn1:hover{
	  background-color: #3276b1;
	}

	.btn.colored.btn2{
	  background-color: #D5320C;
	}

	.btn.colored.btn2:hover{
	  background-color: #D50C0C;
	}

	.btn.cancelBtn{
	  color: gray;
	  text-decoration: none;
	  background-color: transparent;
	  outline: none;
	}

	.btn.cancelBtn:hover{
	  /*color: #3276b1;*/
	  color: #000;
	  background-color: #ddd;
/* 	  text-decoration: underline; */
	}


/* LISTES DE RESULTATS */
	.allResults{
	  display: block;
	}

	.allResults .row{
	  position: relative;
	  height: auto;
	  display: block;
	  padding: 5px 0 5px 90px;
	  border-bottom: 2px solid #FBE4DF;
	}

	.allResults .row.title{
	  padding-top: 8px;
	  padding-bottom: 8px;

	  font-weight: 600;
	  color: #fff;
	  background-color: #D5320C;
	  border-bottom: none;
	}

	.allResults .row.alt{
	  background-color: #FBE4DF;
	}

	.allResults .row a{
		display: block;
		color: inherit;
	}

	.allResults .row a.plus{
		display: none;
		float: left;
    width: 15px;
    height: 15px;
		margin: 0 5px 5px 0;
	}

	.allResults .col{
	  display: inline-block;
	  vertical-align: top;
	  padding: 0 5px;
	  text-align: justify;
	}

	.allResults .row.title .col{
		min-height: 1px;
	}

	.allResults .col.optCol{
	  position: absolute;
	  float: none;
	  left: 0;
	}

	.allResults .col.optCol .opt{
		display: inline-block;
		vertical-align: middle;
	  width: 20px;
	  margin-right: 5px;
	  text-align: center;
	}

	.allResults .col.optCol img,
	.allResults .col.optCol input[type="checkbox"]{
	  display: inline-block;
	  height: 15px;
	  width: 15px;
	}




/* TABLEAUX */
	table.table{
		text-align: left;
		width: 100%;
		font-size: 13px;
	}

	table.table .title_row,
	table.table .other_row,
	table.table .particular_row{
		border-top: #000 1px solid;
	}

	table.table .title_row{
		background-color: #F30;
		border-bottom: #000 1px solid;
		color: #FFF;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
	}

	table.table .other_row{
		background-color: #B8EBEB;
	}

	table.table .particular_row{
		background-color: #00C9FF;
	}

	table.table .cas1{
		background-color: #FFF;
	}

	table.table .cas2{
		background-color: #D3ECFF;
	}

	table.table td{
		padding: .5% 1%;	
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	table.table td img{
		margin: .3% .5% .3% 1%;
	}

	table.table td a{
		text-decoration: none;
	}

	table.table .link_text{
		display: block;
		width: 100%;
		text-decoration: none;
	}

	table.table .link_text:hover{
		text-decoration: underline;
	}

	table.table .disp_right{
		text-align: right;
	}


/* INFO_PAN */
	#info_pan{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		
		overflow: hidden;
		z-index: 999999999;
		
		background: rgba(225, 225, 225, .7); ;
	}

	#info_pan .content{
		position: absolute;
		
		/*max-width: 400px;*/
		width: 400px;
		left: 50%;
		margin-left: -210px;
		
		top: 50%;
		margin-top: -60px;
		
		padding: 20px;
		background-color: #FFFFFF;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;

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

	#info_pan .content .title{
		margin: 0px;
		color: red;
	}

	#info_pan .content .close{
		position: absolute;
		padding: 4px 8px;
		border-top-right-radius: 5px;
		background-color: red;
		color: #FFFFFF;
		text-decoration: none;
		top: 0;
		right: 0;

		cursor: pointer;
	}

	#info_pan .content .message{
		margin: 1.4em 0 0 0;
	}

	#info_pan .content .wait_div{
		margin: 1.4em 0 0 0;
		text-align: center;
	}


/* POPUP */
	.popup{
		z-index: 1000;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
		overflow: hidden;
		
		visibility: hidden;
		
		background: rgba(225, 225, 225, 0.7);
		
		-webkit-transition: all .5s ease-in-out;
			 -moz-transition: all .5s ease-in-out;
				-ms-transition: all .5s ease-in-out;
				 -o-transition: all .5s ease-in-out;
						transition: all .5s ease-in-out; 
	}

	.popup:target,
	.popup_show {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		
		visibility: visible;
	}

	.popup .box{
		width: 50%;
		margin: 10% auto;
		max-height: 70%;
		
    -webkit-border-radius: 10px 0 10px 10px;
       -moz-border-radius: 10px 0 10px 10px;
            border-radius: 10px 0 10px 10px;
		
		padding: 20px;
		background-color: #FFFFFF;

    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,1);
       -moz-box-shadow: 1px 1px 3px rgba(0,0,0,1);
            box-shadow: 1px 1px 3px rgba(0,0,0,1);

    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7);
       -moz-box-shadow: 0 0 4px rgba(0,0,0,0.7);
            box-shadow: 0 0 4px rgba(0,0,0,0.7);
	}

	.popup .box .close{
		float: right;
		margin: -20px;
		
		padding: 0px 8px 4px 8px;
		background-color: red;
		color: #FFFFFF;
		text-decoration: none;
		font-weight: bold;
		
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
		border-top-right-radius: 0px;
		
    -webkit-box-shadow: -1px 1px 2px gray;
       -moz-box-shadow: -1px 1px 2px gray;
            box-shadow: -1px 1px 2px gray;
	}

	.popup .box .title{
		margin: 0px;
		font-size: 18px;
		color: red;
		border-bottom: solid red 2px;
		
		margin-bottom: 2%;
	}

	.popup .box .content{
		margin: 0;
	}


/* AUTO_COMPLETION */
  .comp_results_block{
    font-style: italic;
    background-color: white;
    /*font-size: 12px;*/
  }

  .comp_results{
    padding: 3px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
  }
  
  .comp_results:hover,
	.selected_class{
    /*color: white;*/
    font-weight: bold;
    background-color: #BED6F0;
  }