.mobile { display: none; }


body { font-family: 'Raleway', serif;
	 font-size: 14px; line-height:1.6em;
	 font-weight: normal;
	 color:#666633;
}

.global {max-width: 100%;
	background-color: white;
	border-top: none; line-height:10px;}
	
.menu_wrapper{position: fixed; top: 0; left: 0; width: 100%; height: 50px;  background-color: #EEE; z-index: 9999;}
.blocmenu {margin-left: 3%;} /*width: 95%;position: absolute;*/
#menu {}/*overflow: hidden;*/
ul.afficher, ul.masquer { height: 48px; }

.ban_wrapper {top: 0; position: fixed; left: 90%; width:10%; margin-top: 10px; margin-left: -1%; z-index: 9999}
.entete img { display: block; max-width: 500px; } 

.contenu {line-height:10px;}
.contenu img { 	max-width: 90%;
				height : auto;}

/*.contenu img:hover{	-ms-transform: scale(1.05); /* IE 9 */
					/*-webkit-transform: scale(1.05); /* Safari 3-8 */
					/*transform: scale(1.05);
					/*opacity:0.8;
					-moz-transition: opacity 0.7s;
					-webkit-transition: opacity 0.7s;
					-o-transition: opacity 0.7s;}*/
					


#contenu li a {width: 50%;}

article {width: 70%; line-height:1.6em; margin-left: auto; margin-right: auto; text-align:justify; }


/* Détails pour le menu de navigation */
#menu li { float: left; list-style-type: none; list-style-image:none}
#menu li a, #menu li a:visited {padding: 10px 16px; 
	color: #555; font-size: 19px; 
	}

#menu li a:hover { color: black;}


*,*:after,*:before {	
-webkit-box-sizing: border-box;	
-moz-box-sizing: border-box;	
box-sizing: border-box;
}/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */


.clearfix:before,.clearfix:after {    
content: " ";    
display: table;
}


/* Contenu de la page */
h1 { font-family: 'Raleway', serif;  
    font-size: 60px; line-height:1.1em;
	font-weight: normal; margin-bottom: 0em;
	color:#666633;}
h2 { font-family: 'Raleway', serif;  font-size: 30px; font-weight: normal;
	color: #FF9900; line-height:1.1em; margin-bottom: 0.5em; margin-top: 1em;}
h3 { font-family: 'Raleway', serif;  
    font-size: 18px; line-height:1.1em;
	font-weight: normal;
	color:#808080;}
h4{ font-family: 'Raleway', serif;  
    font-size: 25px; line-height:1em;
	font-weight: normal; color: #999; margin-bottom: 0.3em; margin-top: 0.4em;}
h5{ font-family: 'Raleway', serif;  
    font-size: 19px; line-height:1.1em;
	font-weight: normal; margin-bottom: 1.5em; margin-top: 0.4em;}
texte {font-family: 'Raleway', serif;
	 font-size: 16px; line-height:1.4em;
	 font-weight: normal;
	 color:#666633;}
p {font-family: 'Raleway', serif;
	 font-size: 16px; line-height:1.4em;
	 font-weight: normal;
	 color:#666633;}	
li {font-family: 'Raleway', serif;
	 font-size: 16px; line-height:1.4em;
	 font-weight: normal;
	 color:#666633;}	 	 
a {	text-decoration: none;
	font-family: 'Raleway', serif;
	font-size: 16px; line-height:2.0em;
	color: #dac78c;}	
a:hover {	text-decoration: none;
	font-family: 'Raleway', serif;
	font-size: 16px; line-height:2.0em;
	color: #666633;
	transition: .1s ease-in-out;
	opacity: .7;}	
	

.droite { float: right; margin-left: 10px; }
.gauche { float: left; margin-right: 10px; }	

.slideshow-container { height: 100%; width: 100%; margin: 10 }
.slideshow-container img { height:40vh; object-fit:contain ; padding: 0px; border: 0px solid #ffffff; background-color: #ffffff; }


/* Mettre 2 images côte à côte*/

.image-container {
    display: flex;
    justify-content: center;
    gap: 50px;
}

.image-container img {
    max-width: 50%;
    height: auto;
}
.footer-legal {
    text-align: center !important;
    padding: 20px;
    font-size: 11px !important;
    color: #666633;
    margin-top: 20px;
    width: 90%;
    margin-left: 5%;
    display: block;
}

.footer-legal a {
    font-size: 11px !important;
    color: #666633 !important;
    line-height: 1.5em !important;
}

.footer-legal a:hover {
    color: #666633 !important;
    opacity: 0.7;
}

/* Accordéon (utilis dans page SP)*/

  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }




  .mw960e {
    max-width: 60em;
    margin: 0 auto;
  }

  .aligncenter {
    text-align: center;
  }

  .link {
    color: #4d287f;
    cursor: pointer;
    text-decoration: none;
    border-bottom: 1px solid #4d287f;
  }


  /* remember focus */

  .link:focus,
  .link:hover,
  .link:active {
    color: #4d287f;
    border-bottom: 1px solid #4d287f;
    outline: 2px dotted;
  }


  /* avoid border on images in links + fix border image IE */

  .link:link img,
  .link:visited img,
  img {
    border-style: none;
  }


  /* external links */

  .link[href^="http://"]:after,
  .link[href^="https://"]:after {
    content: "\202f\2197";
    speak: none;
    border-bottom: 1px solid #fff;
  }

  .logo-link,
  .logo-link:focus,
  .logo-link:hover,
  .logo-link:active,
  .link.noimg[href^="http://"]:after,
  .link.noimg[href^="https://"]:after {
    border-bottom: 0;
  }

  .link.noimg[href^="http://"]:after,
  .link.noimg[href^="https://"]:after {
    content: '';
    speak: none;
  }

  .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }


  /* --------------- styles for accordion -----------------------*/


  /* accordion */


  /* just for example as nested accordion */
  [data-accordion-prefix-classes="minimalist-css"] {
    margin-left: 3em;
  }

  .minimalist-accordion__header,
  .minimalist-noanim-accordion__header,
  .minimalist-css-accordion__header {
    display: block;
    background: none;
    border: 0;
    /** fix typo inputs '**/
    font-family: 'Raleway', serif;
    cursor: pointer;
    font-size: 18px;
	margin-left:10px;
	margin-right:10px;
	margin-top:12px;
	padding-left:60px;
	padding-top:2px;
	padding-bottom: 2px;
    text-align: left;
    width: 100%;
    font-weight: normal;
    color: #2f4858;
  }

  .minimalist-css-accordion__header {
    font-size: 1.5em;
  }

  .minimalist-accordion__header:focus,
  .minimalist-noanim-accordion__header:focus,
  .minimalist-css-accordion__header:focus {
    outline: 1px dotted;
  }

  .minimalist-accordion__header::before,
  .minimalist-noanim-accordion__header::before,
  .minimalist-css-accordion__header::before {
    content: '';
    display: inline-block;
    width: .75em;
    height: .75em;
    background-repeat: no-repeat;
    background-position: 0 100%;
    margin-right: .25em;
    transform: rotate(0deg);
  }

  .minimalist-css-accordion__header::before {
    background-size: 90%;
    width: .7em;
    height: .7em;
    -webkit-transition: transform .25s ease;
    transition: transform .25s ease;
  }

  [aria-expanded="true"].minimalist-accordion__header::before,
  [aria-expanded="true"].minimalist-noanim-accordion__header::before,
  [aria-expanded="true"].minimalist-css-accordion__header::before {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
  }



  /*.minimalist-accordion__title,
  .minimalist-noanim-accordion__title,
  .minimalist-css-accordion__title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }*/

  .minimalist-accordion__panel {
    display: block;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
    transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
    max-height: 100em;
    /* magic number for max-height = enough height */
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    margin: 0;
    padding: 0;
  }


  /* This is the hidden state */

  [aria-hidden=true].minimalist-accordion__panel {
    display: block;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-delay: 1s, 0s, 0s;
    transition-delay: 1s, 0s, 0s;
    margin: 0;
    padding: 0;
  }

  .minimalist-css-accordion__panel {
    display: block;
    overflow: hidden;
    opacity: 1;
    -webkit-transition: visibility 0s ease, max-height 1s ease, transform 1s ease, opacity 1s ease;
    transition: visibility 0s ease, max-height 1s ease, transform 1s ease, opacity 1s ease;
    transform: scaleY(1);
    max-height: 40em;
    /* magic number for max-height = enough height */
    visibility: visible;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    margin: 0;
    padding: 0;
  }


  /* This is the hidden state */

  [aria-hidden=true].minimalist-css-accordion__panel {
    display: block;
    opacity: 0;
    transform: scaleY(0);
    max-height: 0;
    visibility: hidden;
    -webkit-transition-delay: 1s, 0s, 0s, 0s;
    transition-delay: 1s, 0s, 0s, 0s;
    margin: 0;
    padding: 0;
  }

  .minimalist-noanim-accordion__panel {
    display: block;
  }

  [aria-hidden=true].minimalist-noanim-accordion__panel {
    display: none;
  }



/* RESPONSIVE */



@media only screen and (max-width: 5000px) {
	body { background-image: none; }   				   
	.mobile {display: block;}
	.blocmenu {margin-left: -40px; margin-top: -13px; vertical-align: center; width: 120%;}
	h1 {font-size: 25px;}
	h2 {font-size: 20px;}
	h3 {font-size: 16px;}
	texte {font-size: 16px;}
	p {font-size: 16px;}
	#menu, #menu.masquer {height: 40px;} 
	#menu.afficher { height: 500px;}
	#menu { transition: height 1s; overflow: hidden;}
	#menu li { float: none; background-color: #EEE; 
			border-bottom: solid 1px lavender; }
	#menu li a, #menu li a:visited {font-size: 16px;	padding-left: -5%;}
	#menutitre { display: block; width: 100%; line-height: 3em; text-align: left; font-weight: bold; background-color: #EEE; color: #555; font-size: 20px; 
	/*text-decoration: none; */}
	article {float: none; width: 90%; margin-left: auto; margin-right: auto; text-align:justify;}
	.slideshow-container img { object-fit: contain;}

}


.champ_formulaire{
font-size : 12px;
font-family : 'Raleway', serif;
color : #666633;
padding-left:20px;
padding-right:20px;
color:#666633;
}

.style_base
{
margin-top:2px;
margin-bottom:4px;
font-size : 12px;
font-family : 'Raleway', serif;
color : #666633;
padding-right:20px;
padding-left:20px;
color:#666633;
}

.style1{
font : Symbol;
}

.style_form {
	
font-size : 12px;
font-family : 'Raleway', serif;
color : #666633;
padding-right: 20px;
padding-left: 20px;
}

.resp-container { 
  position: relative; 
  overflow: hidden; 
  padding-top: 56.25%; 
}

.resp-iframe { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  border: 0; 
}