body {
	font-size: 16px;
	font-family: 'Open Sans', 'Calibri', Arial, sans-serif;
	background-color: #EBEBEB;
}
a:hover{
	text-decoration: none;
}
ul{
	list-style: inside url("/temp/icons/check_green.png");
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.vertical-center{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.inline{
	display: inline;
}
.bold{
	font-weight: bold;
}
.mg{
	margin-top: 20px;
	margin-bottom: 20px;
}
.blue{
	color: #5b9bd5;
}
.microsoft-certificate{
	max-width: 250px;
}
.microsoft-certificate:hover{
	cursor: pointer;
}

/* -- HEADER -- */
header .ospcc{
	padding: 5px;
	max-height: 60px;
}
header h1 {
	font-family: 'Signika', 'Open Sans', Arial, sans-serif;
	color: #629012;
	margin-top: 25px;
	margin-bottom: 25px;
}
header .OSPCC{
	font-size: 50px;
	font-weight: 500;
	margin-top: 20px;
}
header .OSPCC span{
	color: #0083B2;
}

/* -- CONTENT -- */
.main-content{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 15px;
	padding: 2% 5%;
	margin-bottom: 50px;
}
.microsoft{
	cursor: pointer;
}
/* -- BOX-1 -- */
.main-content .box-1 h1{
	font-size: 2.5em;
	font-weight: bold;
}

/* -- BOX-2 -- */
.box-2 {
	border-bottom: solid 1px rgba(0, 0, 0, 0.38);
}
.box-2 h4{
	font-weight: bold;
	font-size: 1.25em;
}
.box-2 h4:first-child{
	color: #048703;
}

/* -- BOX-3 -- */
.box-3 .step-box{
	box-shadow: 2px 2px 2px 2px rgba(201,201,201,0.70);
	height: 350px;
	padding: 0;
	width: 28%;
	margin: 2%;
	float: left;
}
.box-3 .step-box .yel-bg{
	background-color: rgba(234,218,111,1.00);
	padding: 4%;
	margin-top: 0;
	margin-bottom: 10%;
}
.box-3 .step-box .step-img{
	width: 85%;
	margin: 0 auto;
}

/* -- BOX-4 -- */
.box-4 h6{
	font-size: 12px;
	text-align: justify;
}

/* -- DL-BOX -- */
.dl-box{
	background-color: #EBEBEB;
	padding: 30px 50px;
}
.dl-box .btn-dl{
	background: url('/temp/btn/dl.gif') no-repeat;
	background-size: contain;
	position: relative;
	height: 80px;
}
.dl-box .btn-dl p{
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	right: 8%;
	transform: translateY(-50%);
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	width: 75%;
}
.dl-box .info .bullet{
	transform: translateY(-3px);
}
.dl-box .info h3{
	font-size: 17px;
	line-height: 190%;
}
.dl-box .box-X .row{
	margin-top: 25px;
	margin-bottom: 25px;
}
.dl-box .box-X img{
	transform: translateY(-5px);
}

/* -- CTI -- */
.cti{
	display: none;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 10000;
}
.cti img{
	width: 50%;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}






/* ---------- MISE A JOUR ---------- */
	.lp_maj{
	  min-height: 85px;
    padding-top: 4px;
	}
	.lp_maj span{
		margin:auto;
    font-size: 40px;
	}
	
	.lp_maj .one{
		margin-left:80px;
		color: #638c05;
	}
	
	.lp_maj span + span{
    color: #0083B2;
	}
	
	.lp_maj img {
	  margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
	}
	
	@media (max-width: 767px){
		.lp_maj .ospcc {
				top: auto;
    		transform: translate(22%, 23%);
				position: absolute;
    		margin-left: 0%;
    		margin-top: 6px;
		}
		.lp_maj span {
				margin: auto;
				font-size: 32px;
		}
		.lp_maj img {
	  	margin-top: 0;
	    top: 50%;
    	transform: translateY(-50%);
		  position: relative;
	    max-width: 115px;
		}
	}

/* -- TRUSTED SHOPS -- */

.ts-rating-light.vertical {max-width: 1205px !important;border: 1px solid #8bc308 !important;    margin: auto;}
.ts-rating-light.vertical .ts-footer {background-color: #8bc308 !important;}
.ts-rating-light.vertical .ts-wrapper .ts-reviews .ts-reviews-list li {max-width: 40% !important;}
.ts-rating-light.vertical .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review {max-height: 30px !important;}
.ts-rating-light.vertical .ts-wrapper .ts-header-description{display: none;}
.ts-rating-light.vertical .ts-wrapper .ts-reviews .ts-reviews-list {padding-left: 15% !important;}
@media screen and (max-width:1630px) {
	.ts-rating-light.vertical .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review {min-height: 50px !important;max-height: 60px !!important;}
}
/* ---------- FIN ---------- */