/* 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;
	}

	

 }