p, td, th, li {font-size: 1.2em; color: #3B3B3B;}

body {
	background-color: #FAFCDE;
	color: #4D4D4D;
}

h1 {margin-bottom:1.2em;}
h2 {margin-top:1em;}
h3 {margin-top:1em;}
h4 {margin-top:1em;}

.fondcolor {
	background-color: white;
}

a {text-decoration: none; font-weight:bold}

.colindex-1 {float:left; width:260px; margin-top:20px; background-color: #EAFFEA}
.colindex-2 {float:left; width:768px; margin-left:20px; margin-right:20px}
.colindex-3 {float:left; width:252px}
.col-single-center {width:1060px; margin:auto; margin-top:25px; padding:15px}
.imgExplication {width: 940px;}

.col01 {width:13%; padding:10px;}
.col02 {width:17%; padding:10px;}
.col03 {width:17%; padding:10px;}
.col04 {width:17%; padding:10px;}
.col05 {width:18%; padding:10px;}
.col06 {width:18%; padding:10px;}

@media (max-width: 1320px) {
	p, td, th {font-size: 1.2em}
	.imgExplication {width: 940px;}
}

@media (max-width: 1200px) {
	.col-single-center {width:860px; padding:15px}
	.col01 {width:16%;}
	.col02 {width:21%;}
	.col03 {width:21%;}
	.col04 {width:21%;}
	.col05 {width:21%;}
	.col06 {display:none;}
	.imgExplication {width: 740px;}
}

@media (max-width: 992px) {
	.col-single-center {width:700px; padding:10px}
	.col01 {width:22%;}
	.col02 {width:26%;}
	.col03 {width:26%;}
	.col04 {width:26%;}
	.col05 {display:none;}
	.col06 {display:none;}
	.imgExplication {width: 580px;}
}

@media (max-width: 700px) {
	.col-single-center {width:600px; padding:10px}
	p, td, th {font-size: 1em}
	h1 {font-size: 1.7em}
	.col01 {width:30%;}
	.col02 {width:35%;}
	.col03 {width:33%;}
	.col04 {display:none;}
	.col05 {display:none;}
	.col06 {display:none;}
	.imgExplication {width: 480px;}
}

@media (max-width: 414px) {
	.col-single-center {width:400px; padding:10px}
	p, td, th {font-size: 1em}
	h1 {font-size: 1.3em}
	.imgExplication {width: 380px;}
}