/* surcharge html5up alpha */

/* charte couleur type arc carnoux
 * orange foncé : #E94C16 rgba(233,76,22,1)
 * orange clair : #FF9100 rgba(100,57,0,1)
 * vert foncé 	: #34812E rgba(52,129,46,1)
 * vert clair 	: #94C11A rgba(148,193,26,1)
 * marron 		: #432A19 rgba(67,42,25,1)
*/
 
body {
  background-color: #FF9100; /*#e6b946 #94C11A*/
  color: #000;
}
.button.alt {
  background-color: rgba(233,76,22,0.6); /* #E94C16;*/
  color: #fff; /*#000;*/
  font-weight: 900;
}
.button.alt:focus, .button.alt:hover, .button.alt:active {
  color: #FF9100; /*#E94C16;*/
}
.button.alt.icon::before {
  color: #E94C16;
}

h1, h2, h3, h4, h5, h6 {
  color: #000;
}
strong, b {
  /*color: #000;*/
  font-weight: 900;
}
a {
  color: #E94C16;
}
a:focus, a:hover, a:active {
  color: #432A19;
}
#formulaire_contact.formulaire_spip fieldset {
  margin: 0;
}
/* comme H3 */
#formulaire_contact.formulaire_spip fieldset legend{
  color: #000;
  font-size: 1.75em;
  line-height: 1.5em;
  letter-spacing: -0.025em;
}
#header {
  background: #fff;/*432A19*/
}
#header input[type="submit"], #header input[type="reset"], #header input[type="button"], #header .button {
  background-color: #34812E;
  font-weight: 900;
}
#header .button:hover, #header .button:active, #header .button:focus {
  background-color: #FF9100;
}

#header nav > ul > li a:not(.button) {
  background-color: #E94C16; /*#34812E*/
  margin: 5px;
  font-weight: 900;
}
#header nav > ul > li a:hover {
  background-color: #FF9100;
}
#header nav > ul > li a.perso_active {
  background-color: #432A19;
}

#main > header {
  margin: 0 0 1em 0;
}
#main > header p {
  color: #333;
  padding: 0.5em 0 0.5em 0;
}
header.major p {
  color: #333;
}

/* surcharge boutons haut */
#header nav > ul > li.accueil a {
	background: #fff;
	margin-top: 0px;
}
.sommaire #header nav > ul > li.accueil a {
	display: none;
}

/* surcharge pour placement logo */
#logo_header img {
	float:left; 
	margin-top: -5px;
}
#logo_header_rub, #logo_header_art {
  display: none;
}
#logo_header_rub img {
  float: left;
  margin: -60px 0px 0px 0px;
}
#logo_header_art img {
  float: left;
  margin: -60px 0px 0px 0px;
}
#logo_accueil img {
	float:right; 
	margin-top: -320px;
	margin-right: -3em;/*-55px;*/
}
h2.slogan_site_spip {
	text-align: left;
}
.box .image.featured:first-child {
  margin-bottom: 1em;
}
#filtres ul {
	display: flex;
	margin-bottom: 0;
}
#filtres ul li {
	display: inherit;
/*	padding-left: 0;*/
}
.box.filtres {
	padding: 0.5em;
}
.box .agenda th {
	font-size: 1.5em;
	color: #000;
	font-weight: 300;
}
.box .agenda .calendriermini .datepicker .day.calendrier-couleur6 {
  background-color: #E94C16; /*#94C11A;*/
}
.box.event {
	padding: 0.5em;
	min-height: 130px;
}
.event .logo{
	float: right;
}
.event span.jour{
  display: block;
  text-align: center;
  float: left;
  width: 75px;
  font-weight: 700;
  color: #E94C16;
  line-height: 53px;
  font-size: 3rem;
  border-right: 1px solid #E94C16;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: 10px;
  height: auto;/*100%;*/
}
.event span.nom_mois{
  font-size: 2rem;
}
.event .titre a:focus, .event .titre a:hover, .event .titre a:active {
  background-color: #fff;
  color: #E94C16;
}
.event div.descriptif{
  margin-left: 85px;
}

@media screen and (max-width: 1680px) {
	#logo_accueil img {
		margin-top: -250px;
		max-width: 350px;
	}
}
@media screen and (max-width: 1280px) {
	#logo_accueil img {
		margin-top: -210px;
		max-width: 300px;
	}
}
@media screen and (max-width: 840px) {
	#navPanel {
	    background: #E94C16; /*#34812E;*/
	    color: #fff;
	    font-weight: 900;
	}
	#logo_accueil img {
		margin-top: -175px;
		max-width: 250px;
		margin-right: -5em;
	}
	#logo_header_rub, #logo_header_art {
		display: block;
	}
	.event .logo img{
		width: 150px;
	}
}
@media screen and (max-width: 736px) {
	#logo_accueil img {
		margin-top: -40px;
		width: 150px;
	}
	.event .logo img{
		width: 100px;
	}
	#formulaire_contact.formulaire_spip fieldset legend{
    font-size: 1.5em;
	}
}
@media screen and (max-width: 640px) {
	.event .logo img{
		width: 80px;
	}
}
@media screen and (max-width: 480px) {
	#logo_accueil img {
		margin-right: 0px;
	}
}