@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
body {
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}
a {
	color: #333;
	text-decoration: none;
}
.main {
	overflow: hidden;
}
.row {
	/*position: relative;*/
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* Inline-block fallback */
	letter-spacing: -0.31em;
	text-rendering: optimizespeed;
	/*overflow: hidden!important;*/
}
.row.row-column {
	flex-direction:column;
}
.row.row-center {
	align-items: center!important;
	justify-content: center!important;
}
.row * {
 	box-sizing: border-box;
}
.row.m0 {  
	margin-left:0;
	margin-top:0;
}
.row.m0 > .grid {
	margin-left:0;
	margin-top:0;
}
.row.m10 {  
	margin-left:-10px;
	margin-top:-10px;
}
.row.m5 {  
	margin-left:-5px;
	margin-top:-5px;
}
.row.m15 {  
	margin-left:-15px;
	margin-top:-15px;
}
.row.m5 > .grid {
	margin-left: 5px;
	margin-top: 5px;
}
.row.m10 > .grid {
	margin-left: 10px;
	margin-top: 10px;
}
.row.m15 > .grid {
	margin-left: 15px;
	margin-top: 15px;
}
.row.m30 {  
	margin-left:-30px;
	margin-top:-30px;
}
.row.m30 > .grid {
	margin-left: 30px;
	margin-top: 30px;
}
.row.m50 {  
	margin-left:-50px;
	margin-top:-50px;
}
.row.m50 > .grid {
	margin-left: 50px;
	margin-top: 50px;
}
.row > .grid {
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	text-rendering: auto;
	line-height: normal;
}
.row.row-middle > .grid {
	vertical-align: middle;
}
.row > .grid.item-lien {
	background-color:#dee9eb;
	/*border-radius: 5px;*/
}
.row > .grid.item-lien.lien-tuto {
	display: none;
	border-radius: 0;
	background-color:#e04793;
	-webkit-transition: opacity 500ms ease-out;
	-moz-transition: opacity 500ms ease-out;
	-o-transition: opacity 500ms ease-out;
	transition: opacity 500ms ease-out;
}
body.tuto_on .row > .grid.item-lien.lien-tuto {
	display: block;
}
.row > .grid.lien-tuto > a,
.row > .grid.lien-tuto > div a {
	color: #fff;
}
.row > .grid.item-hr {
	border-top:1px solid #eee;
}
.row > .grid.item-hr-dot {
	border-top:1px dashed #555;
}
.row .grid-max-480 {
	max-width:480px;
}
.row > .grid-cpanel {
	padding: 15px;
	background-color: #003333;
}
.content {
	padding:15px;
}
.item-lien > a, 
.item-lien > div {
	opacity: .75;
	font-size: 18px;
	line-height: normal;
	display: block;
	padding: 15px;
}
.item-lien:hover > a,
.item-lien:hover > div {
	opacity: 1;
}
.img-auto,
.item-lien img,
.row-logo img {
	max-width:100%;
	height: auto;
}
.item-lien img {
	max-width: 30px;
}
.item-lien .grid-icone {
	max-width:25px;
}
.grid-texte {
	padding:15px;
}
.row.m5 > .c0 {
	width: calc(auto - 5px); width:-moz-calc(auto - 5px); width:-webkit-calc(auto - 5px);
}
.row.m10 > .c0 {
	width: calc(auto - 10px); width:-moz-calc(auto - 10px); width:-webkit-calc(auto - 10px);
}
.row.m15 > .c0 {
	width: calc(auto - 15px); width:-moz-calc(auto - 15px); width:-webkit-calc(auto - 15px);
}
.row.m15 > .c10 {
	width: calc(10% - 15px); width:-moz-calc(10% - 15px); width:-webkit-calc(10% - 15px);
}
.row.m15 > .c15 {
	width: calc(100% / 6.6 - 15px); width:-moz-calc(100% / 6.6 - 15px); width:-webkit-calc(100% / 6.6 - 15px);
}
.row.m30 > .c15 {
	width: calc(100% / 6.6 - 30px); width:-moz-calc(100% / 6.6 - 30px); width:-webkit-calc(100% / 6.6 - 30px);
}
.row.m30 > .c16 {
	width: calc(100% / 6 - 30px); width:-moz-calc(100% / 6 - 30px); width:-webkit-calc(100% / 6 - 30px);
}
.row.m10 > .c20 {
	width: calc(20% - 10px); width:-moz-calc(20% - 10px); width:-webkit-calc(20% - 10px);
}
.row.m15 > .c20 {
	width: calc(20% - 15px); width:-moz-calc(20% - 15px); width:-webkit-calc(20% - 15px);
}
.row.m10 > .c25 {
	width: calc(25% - 10px); width:-moz-calc(25% - 10px); width:-webkit-calc(25% - 10px);
}
.row.m15 > .c25 {
	width: calc(25% - 15px); width:-moz-calc(25% - 15px); width:-webkit-calc(25% - 15px);
}
.row.m30 > .c25 {
	width: calc(25% - 30px); width:-moz-calc(25% - 30px); width:-webkit-calc(25% - 30px);
}
.row.m15 > .c33 {
	width: calc(100% / 3 - 15px); width:-moz-calc(100% / 3 - 15px); width:-webkit-calc(100% / 3 - 15px);
}
.row.m15 > .c50 {
	width: calc(50% - 15px); width:-moz-calc(50% - 15px); width:-webkit-calc(50% - 15px);
}
.row.m30 > .c50 {
	width: calc(50% - 30px); width:-moz-calc(50% - 30px); width:-webkit-calc(50% - 30px);
}
.row.m15 > .c66 {
	width: calc(100% / 3 * 2 - 15px); width:-moz-calc(100% / 3 * 2 - 15px); width:-webkit-calc(100% / 3 * 2 - 15px);
}
.row.m15 > .c80 {
	width: calc(80% - 15px); width:-moz-calc(80% - 15px); width:-webkit-calc(80% - 15px);
}
.row.m15 > .c90 {
	width: calc(90% - 15px); width:-moz-calc(90% - 15px); width:-webkit-calc(90% - 15px);
}
.row.m5 > .c100 {
	width: calc(100% - 5px); width:-moz-calc(100% - 5px); width:-webkit-calc(100% - 5px);
}
.row.m10 > .c100 {
	width: calc(100% - 10px); width:-moz-calc(100% - 10px); width:-webkit-calc(100% - 10px);
}
.row.m15 > .c100 {
	width: calc(100% - 15px); width:-moz-calc(100% - 15px); width:-webkit-calc(100% - 15px);
}
.row.m30 > .c100 {
	width: calc(100% - 30px); width:-moz-calc(100% - 30px); width:-webkit-calc(100% - 30px);
}
.row.m50 > .c100 {
	width: calc(100% - 50px); width:-moz-calc(100% - 50px); width:-webkit-calc(100% - 50px);
}
.row.m0 > .c100 {
	width: calc(100% - 0px); width:-moz-calc(100% - 0px); width:-webkit-calc(100% - 0px);
}
@media screen and (max-width: 1600px) {
	.row.m30 {  
		margin-left:-15px;
		margin-top:-15px;
	}
	.row.m30 > .grid {
		margin-left: 15px;
		margin-top: 15px;
	}
	.row.m30 > .c16,
	.row > .c10:not(.grid-stop), .row.m15 > .c15, .row > .c20:not(.grid-stop), .row > .c25, .row > .c33 {
		width: calc(25% - 15px);
		width:-moz-calc(25% - 15px);
		width:-webkit-calc(25% - 15px);
	}
}
@media screen and (max-width: 1280px) {
	.row.m50 {  
		margin-left:-30px;
		margin-top:-30px;
	}
	.row.m50 > .grid {
		margin-left: 30px;
		margin-top: 30px;
	}
	.row.m15 > .c10:not(.grid-stop), .row.m15 > .c15, .row.m15 > .c20:not(.grid-stop), .row > .c25, .row > .c33, .row > .c66,
	.grid-cpanel .row > .c0:not(.grid-stop) {
		width: calc(50% - 15px);
		width:-moz-calc(50% - 15px);
		width:-webkit-calc(50% - 15px);
	}
	.row.m30 > .c16 {
		width: calc(100% / 3 - 15px);
		width:-moz-calc(100% / 3 - 15px);
		width:-webkit-calc(100% / 3 - 15px);		
	}
	.row.m50 > .c100 {
		width: calc(100% - 30px);
		width:-moz-calc(100% - 30px);
		width:-webkit-calc(100% - 30px);
	}
}
@media screen and (max-width: 640px) {
	.row.m50 > .c100,
	.row.m30 > .c16,
	.row.m15 > .c10:not(.grid-stop), .row.m15 > .c15, .row.m15 > .c20:not(.grid-stop), .row > .c25, .row > .c33, .row > .c50, .row > .c66,
	.grid-cpanel .row > .c0:not(.grid-stop) {
		width: calc(100% - 15px);
		width:-moz-calc(100% - 15px);
		width:-webkit-calc(100% - 15px);
	}
}