/**
 *  Actualités du droits belge sur les reseaux sociaux
 *  @region : side bar
 */
#block-social{
	background: #CCC;
}

	#block-social .wrapper{
		font-size: 0.8em;
		padding: 0.5em;
	}
	
		#block-social .wrapper .social-links{
			float: right;
		}
		#block-social .wrapper .social-label{
			padding: 0.25em 0 0 0;
		}

/**
 *  Newsletter
 *  @region : side bar
 */	
#block-newsletter{}

	#block-newsletter .form-groups{
		width: 50%;
		float: left;
	}
		#block-newsletter .form-group{
			margin-bottom: 1em;
			line-height: 1.2;
		}
			#block-newsletter .form-group #email,
			#block-newsletter .form-group #tel,
			#block-newsletter .form-group #zip{
				display: block;
				width: 90%;
				border: 1px solid #CCC;
				padding: 0.25em;
			}
	
	#block-newsletter label{
		display: block;
	}
		#block-newsletter .form-validate{
			text-align: center;
			padding: 1em 0 0 0;
		}

#block-newsletter2{}

        #block-newsletter2 .form-groups{
                width: 50%;
		min-width:150px;
                float: left;
        }
                #block-newsletter2 .form-group{
                        margin-bottom: 1em;
                        line-height: 1.2;
                }
                        #block-newsletter2 .form-group #email,
                        #block-newsletter2 .form-group #tel,
                        #block-newsletter2 .form-group #zip{
                                display: block;
                                width: 90%;
                                border: 1px solid #CCC;
                                padding: 0.25em;
                        }

        #block-newsletter2 label{
                display: block;
        }
                #block-newsletter2 .form-validate{
                        text-align: center;
                        padding: 1em 0 0 0;
                }	
	
/**
 * 	Legislation
 *  @region : content
 */
#block-legislation{
	background: url('images/legislation.jpg') 10px 25px no-repeat;
}
	.legi-accordion{
		margin-left: 35%;
		margin-right: 1.25em;
		margin-bottom: 1em;
		border: 1px solid #000;
		border-top:none;
	}
		.legi-accordion > div > h3 > a{
			color: #999;
			display: block;
			padding: 0.5em;
			border-top: 1px solid #000;
			text-transform: uppercase;
		}
		
		.legi-accordion > div > h3 > a.active{
			background: #000;
			color: #fff;
		}
	
	.legi-accordion > div ul{
		padding: 0.5em 0;
		max-height: 8em;
		overflow: auto;
	}
		.legi-accordion > div ul li a{
			display: block;
			padding: 0.25em 0.5em;
			font-size: 0.9em;
			color: #000;
		}
		.legi-accordion > div ul li a:hover{
			background: #CFCFCF;
		}
	
/**
 * 	Partenaires
 *  @region : sidebar
 */
#block-pros{}
	#block-pros .square{
		display: inline-block;
		width: 1em;
		height: 1em;
		margin-right: 0.5em;
	}
	#block-pros li{
		line-height: 1.5;
	}
	#block-pros a{
		color: #000;
	}
	#block-pros a:hover{
		text-decoration: underline;
	}

/**
 * 	Login
 *  @region : content
 */
#block-login{
	
}
	#block-login > h1{
		color: #FB9500;
		padding: 0.5em 0 0.5em 2.5em;
		margin-bottom: 0.5em;
		background: url('images/login-lock.png') left center no-repeat;
	}
	
	#block-login > section > .inner-wrap{
		border: 1px solid #FB9500;
	}
	
	#block-login > section > .inner-padding{
		padding: 1em;
	}

	#block-login .pay-condition{
		padding: 0.5em 1em;
		border: 1px solid #FB9500;
		border-top: none;
		margin-bottom: 1em;
	}
		#block-login .pay-condition p{
			font-size: 0.8em;
			font-weight: bold;
		}
		#block-login .pay-condition a{
			display: inline-block;
			border-left: 1px solid #000;
			padding: 0.5em 0 0.5em 1em;
			margin-left: 1em;
			color: #000;
			font-weight: normal;
		}
	
/* Generic classes */
.btn-light{
	background: #ffffff;
	text-align: center;
	border: 1px solid #941D5B;
	color: #941D5B;
	font-size: 0.8em;
	padding: 0.25em 0.5em;
}

.inner-container{
	padding: 1em;
	text-align: center;
}

/* Login Guest section */
.login-guest{
	
}
	.login-guest .inner-wrap{
		background: #F5F5F5;
	}

	.login-guest h2{
		font-weight: bold;
		font-size: 0.9em;
		margin-bottom: 0.7em;
		line-height: 1.3;
	}

	.auth-box{
		float: left;
		width: 50%;
	}	
		.auth-box .form-group{
			margin-bottom: 1em;
			border: 1px solid #ccc;
			background: #ffffff;
			padding: 0.5em 1em;
		}
			.auth-box .form-group input{
				border: none;
				width: 100%;
			}
		
		.form-checkbox{
			font-size: 0.9em;
			margin-bottom: 1em;
		}
		
		.form-group-submit input{
			width: 100%;
			font-size: 1em;
			margin-bottom: 0.5em;
			background-image: url('images/login-lock-white.png');
			background-repeat: no-repeat;
			background-position: 5px 50%;
		}
		
		a.password-forget{
			font-size: 0.8em;
			color: #000;
			display: inline-block;
			margin-bottom: 1em;
		}
		
	.price-list{
		float: right;
		width: 50%;
		text-align: center;
	}
		.price-list li{
			padding: 1em;
			border-left: 1px solid #FB9500;
			border-bottom: 1px solid #FB9500;
		}
		.price-list li.last{
			border-bottom: none;
		}
			.price-list li .price-badge{
				margin-bottom: 1em;
			}
				.price-list li .price-badge strong{
					font-size: 3em;
					font-weight: normal;
				}
				.price-list li .price-badge span{
					display: block;
					text-align: center;
					font-size: 0.8em;
				}
			
/* Login Auth */			
.login-auth{
	
}
	.login-auth > .inner-wrap{
		background: #F5F5F5;
	}
		.login-auth > .inner-wrap > h1{
			font-weight: bold;
			margin-bottom: 1em;
		}
		
		.login-auth > .inner-wrap > p{
			line-height: 1.3;
		}
		
		.features-list{
			background: #ffffff;
			padding: 1em;
		}
			.features-list .visual{
				float: left;
				width: 50%;
				margin-right: 5%;
			}
			.features-list > .text{
				float: left;
				width: 45%;
			}
	
/* Purchase form */
.purchase-form{
	
}
	.purchase-form > .inner-wrap > h2{
		text-align: center;
		margin-bottom: 1em;
		font-weight: bold;
	}
	.purchase-form .inner-wrap{
		background: #F5F5F5;
	}

		.purchase-form .form-group{
			width: 50%;
			float: left;
		}
		
			.purchase-form .form-group label{
				font-size: 0.8em;
				margin-bottom: 0.5em;
				display: block;
			}
			
			.purchase-form .form-control{
				border: 1px solid #ccc;
				background: #ffffff;
				padding: 0.5em 1em;
				margin: 0 1em 1em 0;
			}
				.purchase-form .form-control input{
					width: 100%;
					border: none;
				}
			
			.purchase-form .form-control-zip{
				width: 30%;
				float: left;
			}
			.purchase-form .form-control-city{
				width: 70%;
				float: left;
				margin-right: 0;
			}
				
		.purchase-form .form-checkboxes{
			margin-bottom: 1em;
		}
			.purchase-form .form-checkboxes label{
				display: block;
				font-size: 0.8em;
				line-height: 1.3;
			}

/* Purchase result */
.purchase-result{
	background: #F5F5F5;
}
	.purchase-result > .inner-wrap > h1{
		font-weight: bold;
		margin-bottom: 1em;
	}
	
	.purchase-result > .inner-wrap > p{
		line-height: 1.3;
		margin-bottom: 1em;
	}
	
	.purchase-result > .inner-wrap a{
		font-size: 0.8em;
	}
	
	.purchase-result > .inner-wrap a.conditions{
		color: #000;
		float: right;
	}

/* Layers map */
.box-layers{

}
        .box-layers h1 em{
                color: #941D5B;
                font-style: normal;
        }

        .field-add{
                position: absolute;
                z-index: 2;
                left: 140px;
                top: 10px;
                font-size: 0.9em;
                padding:0.4em 0.5em;
                width: 300px;
                box-shadow: #CCC 0px 0px 5px;
                border:none;
        }

        .box-layers .google-map{
                width: 100%;
                height: 400px;
                background: #EEE;
                margin-bottom: 1em;
                text-align: center;
        }

        .js-info{
                text-align: left;
                width: 250px;
        }
                .js-info .avatar{
                        border-radius: 40px;
                        display: block;
                        margin: 0.5em 0;
			width:50px;
			height:50px;
			margin-right:8px;
                }
                .js-info h1{
                        font-size: 1.35em;
                        margin-bottom: 0.25em;
                }
                .js-info address{
                        width: 150px;
                        float: left;
                        margin-bottom: 1em;
                }
                .js-info .badges{
                        float: right;
                        width: 100px;
                        text-align: right;
                }
                        .js-info .badges span{
                                margin: 0 0 0 0.5em;
                        }

                .js-info .toolbar a
		{
			display: inline-block;
                        text-transform: uppercase;
                        color:#fff;
                        text-align: center;
                        background: #A7316E;
                        padding: 0.25em 0.5em;
                        margin: 0 0.5em 0 0;
		}
                .js-info .toolbar span a
		{
			display: inline-block;
                        text-transform: uppercase;
                        color:#fff;
                        text-align: center;
                        background: #A7316E;
                        padding: 0.25em 0.5em;
                        margin: 0 0.4em 0 0;
                }

.map-legend{
        font-size: 0.6em;
}

ul.badges{
        margin-bottom: 1em;
}
        ul.badges > li{
                display: inline-block;
                margin-right: 1em;
        }

.badges .icog{
        font-size: 1.5em;
        font-weight: bold;
        color: #fff;
        border-radius: 1em;
        //background: red;
        display: inline-block;
        width: 1.5em;
        line-height: 1.5em;
        text-align: center;
}

.icogr{
        background-color: #F5A623;
}
.icogf {
        background-color: #23B8F5;
}
.badges span.ico-redactor{
        background-color: #F5A623;
}

.badges span.ico-former{
        background-color: #23B8F5;
}