@font-face {
	      font-family: 'Fira Sans';
	      src: url('/fonts/fontello.eot') format('embedded-opentype'),
	           url('/fonts/FiraSans-Black.ttf') format('truetype'),
	           font-weight: normal;
	      font-style: normal;
}
			
.wrapper {
        padding: 3%;
        cursor: default;
        font-size: 15px;
        font-family: 'Fira Sans', sans-serif;
}

.wrapper .line-left {
		border-top: 1px solid ;
		border-color: #e2e8ef;
		clear: left;
		float: left;
		width : 20%;
}

.wrapper .line-right {
		border-top: 1px solid ;
		border-color: #e2e8ef;
		clear: right;
		float: right;
		width : 20%;
}

.wrapper h1 {
        font-family: 'Fira Sans', sans-serif;
        font-size: 20px;
        font-weight: bold;
        color:#566BB3;
		text-align:center;
}

.wrapper article {
        background-color: white;
    	padding: 10px;
}

.wrapper h2 {
        font-family: 'Fira Sans', sans-serif;
        font-size: 15px;
        font-weight: bold;
        color:#566BB3;
		margin-bottom: 10px;
		text-transform: uppercase;
}

.wrapper h3 {
        font-family: 'Fira Sans', sans-serif;
        font-size: 15px;
        font-weight: bold;
		color:#566BB3;
        margin-bottom: 10px;
        text-transform: uppercase;
}

.wrapper h4 {
        color: ;
        font-size: 15px;
        font-weight: normal;
		color:#566BB3;
        margin-bottom: 10px;
        margin-left: pem(12, 12);
}


.wrapper ol.sommaire {
		color:#566BB3;
		font-weight: bold;
        padding-left: 10px;
}
     

.wrapper a {
       font-family: 'Fira Sans', sans-serif;
       font-size: 15px;
       font-weight: bold;
       color:#566BB3;
	   text-decoration: underline;
}       

.wrapper b {
        font-weight: bold;
}

.wrapper i {
        font-style: italic;
}

.wrapper .img-left {
        float: left;
        margin-right: 10px;
}
			
.wrapper .img-right {
        float: right;
        margin-left: 10px;
}