/* Surcharge 2022 - remise en ligne du site avec un peu de RWD */body {    margin: auto;    padding: auto;    font: 100% "lucida sans", "Trebuchet MS", verdana, tahoma, arial, sans-serif;    line-height: 1.7em;    color: #FFF6E7;    background: #37342F;}/* Rubrique 3 */img.spip_logo, img.spip_logo_survol{	float: left;	margin: 1em 2em;	border: none;}a:link, a:visited, a:active {    color: #FFF;    background: inherit;    text-decoration: underline;}#content p {	padding: 0.5em; 	text-align: left;}#formulaire_recherche {margin: 1em 0 0 0;}#formulaire_recherche label{	display: block;}.texte p{	line-heigh:3rem;	font-size: 1.2rem;}p.recherchetexte{	margin-left: 2rem;}#content h3,#content h1{	text-transform:none;}#plan{	text-align: left;}.formulaire_spip *{	line-height: 2rem;	margin-top:1em;}/* Images */figure{	max-width: 40%;}.spip_doc_titre{	margin-left: 0;}/* Iframe RWD */div.view {  font-size: 0;  width: 60%;  position: relative;  padding-top: calc(100% * 9 / 16);  padding-left:0;}div.view iframe {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  margin: 2rem 2rem 6rem 2rem;}/* Un peu de RWD */#header {    width: 100%;    height: 200px;    background-size: cover;}#container{	max-width: 100%;    width: 1000px;    margin-left: auto;    margin-right: auto;    margin-top: 10px;}#footer {   max-width: 100%;   width: 1000px;     clear:both;     margin-bottom:4rem;}#leftcol {    width: 30%;    float: right;    padding: 0px;    border-left: 2px solid #C7BFB2;    padding-left: 2rem;}#navcontainer {    width: %100;}#navcontainer ul {	text-transform: none;}#leftcol ol, ul {	font-size:100%;   }#footer p{	text-align:left;}#footer ul li{	display:inline;	padding: 1rem;}#footer ul li a{	text-decoration: underline;}/* Media queries RWD */@media (max-width: 750px) { 	html {    display: block;    max-width: 100%;    font-size: 1.2rem;}	#imagedefond{		display: block;   		max-width: 100%;   		background-image: none;	}	#container{		max-width: 100%;		display: block;	}	#header{		max-width: 100%;		display: block;			}	#hierarchie{		max-width: 100%;		display: block;	}	#title{		text-align: left;		max-width: 100%;		margin-bottom:2rem;	}	#title p{		text-align: left;		padding: 1rem;	}		#leftcol{		width: 100%;		display: block;	}	.formulaire_recherche{		margin:1rem;		padding: 1rem 1rem 3rem 1rem;	}	.formulaire_recherche input[type=search]{		width: 100%;		display: block;		padding: 1rem;	}	.formulaire_recherche input[type=submit]{		width: 100%;		display: block;		padding: 1rem;		cursor: pointer;	}	#leftcol h2{		width: 100%;		display: block;		padding: 1rem;	}	ul#navlist li{		width: 100%;		display: block;	}	#leftcol h2{		width: 100%;		display: block;	}	#navcontainer{		width: 100%;		display: block;	}	#content{		width: 100%;		display: block;	}	#text{		width: 100%;		display: block;	}	#plan ul{		margin:1rem;		padding: 1rem;	}	#footer{		width: 100%;		display: block;		margin-top:3rem;	}	#footer p{		text-align: left;		padding-top:2rem;	}	#footer ul li {		display: block;		width: 100%;		text-align: left;		padding-left: 2rem;		padding-top:1rem;	}	label{		display: block;	}	textarea{		width: 90%;	}	#formulaire_menu_lang select{		padding: 0.5rem;		margin:3.2rem 1rem 0 0;	}	 }