body{
	font-family: verdana, Calibri, sans-serif;
	margin: 30px;
	padding: 0px;
	text-align:center;
	a:link {text-decoration:none;} 
}


.corps
{
max-width: 960px;
margin: 2em auto;
font-size:12px;
text-align:justify;
}

.col1,
.col2 {background-color: #fff;}
.col3 {background-color: #fff;}



@media screen and (min-width: 600px) {
.col1 {
width: 31%;
float: left;
}

.col2 {
width: 64%;
float: right;
}

.col3 {
width: 100%;
float: right;
background-color:#fff;
}

.colS1 {
margin-left: 1%;
margin-right: 1%;
width: 31%;
float: left;
}

.colS2 {
margin-left: 1%;
margin-right: 1%;
width: 31%;
float: left;
}

.colS3 {
margin-left: 1%;
margin-right: 1%;
width: 31%;
float: left;
}

.D2col1 {
margin-left: 2%;
margin-right: 2%;
width: 46%;
float: left;
}

.D2col2 {
margin-left: 2%;
margin-right: 2%;
width: 46%;
float: left;
}

      }

h3
{
font-size:12px;
}

h2
{
color:#D1481B;
font-size:12px;
padding-left:25px;
background-image:url("puce1.gif");
background-position:left;
background-repeat:no-repeat
}

h20
{
color:black;
font-size:12px;
padding-left:25px;
background-image:url("puce1.gif");
background-position:left;
background-repeat:no-repeat
}

h1
{
color:#D1481B;
font-size:16px;
    break-before: column;
    -webkit-column-break-before: always;
}

h10
{
color:black;
font-size:14px;
font-weight: bolder;
    break-before: column;
    -webkit-column-break-before: always;
}



/* MENU *********************************************************************************/

nav > ul{
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	padding: 0px;
}

nav li{
	list-style-type: none;
}

nav > ul > li{
	float:left;
}

nav input[type=checkbox]{
	display:none;
}

.menu-mobile{
	display:none;
}

nav{
	text-align:center;
	width:100%;
	background-color:white;
}

nav > ul > li{
	float:left;
	position:relative;
}

nav > ul::after{
	content:"";
	display:table;
	clear:both;
}

nav a{
	display:inline-block;
	text-decoration:none;
}

nav > ul >li > a{
	padding:20px 10px;
	color:black;
}


/****** effet survol menu ***********************/

.menu-html:hover{
	border-top:5px solid #e44d26;
	background-color:RGBa(228, 77, 38, 0.15);
}

nav > ul > li:hover a{
	padding: 15px 10px 20px 10px;
}

/***** menu portable **************************/

nav input[type=checkbox]:checked ~ ul{
	display:block;
}

@media screen and (max-width:800px){
	.menu-mobile{
		display:block;
		color:#fff;
		background-color:rgba(29, 197, 151, 0.97);
		text-align:center;
		padding:12px 0;
	}
	nav ul{
		display:none;
	}

	nav ul li, nav ul li a{
		width:100%;
		text-align:center;
	}

	nav ul li a, nav ul li:hover a{
		padding:10px 0px 10px 0px;
	}

}