/*
Theme Name: La ligue de l'enseignement -v2
Theme URI: 
Author: ORC Communications
Author URI:
Description:
Version: 1.0
License:
License URI:
Tags:
Text Domain: twentysixteen
*/
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700') ; 

@import url('https://fonts.googleapis.com/css?family=Poppins:300,500,700') ; 

@import url('https://fonts.googleapis.com/css?family=Kalam');

@font-face {
	font-family: "AlphaLigue" ; 
	src: url('typos/AlphaLigue.eot') ; 
	src: url('typos/AlphaLigue.eot?#iefix') format('embedded-opentype'),
		url('typos/AlphaLigue.woff') format('woff'),
		url('typos/AlphaLigue.ttf') format('truetype'),
		url('typos/AlphaLigue.svg#AlphaLigue') format('svg') ; }



body { margin: 0 ; padding:0 ; font-family: 'Poppins', sans-serif ; font-size: 68.5% ; line-height: 1.3 ; background: #E7E7E7 ; color: #1a1a1a ; font-weight: 300 ; }

figure { margin: 0 ; padding: 0 ; }

img{ width: inherit ; max-width: 100% ; height: auto ; display: block ; }
img.alignright { float: right ; margin: 0 0 1em 1em ; max-width: inherit !important }
img.alignleft { float: left ; margin: 0 1em 1em 0 ; max-width: inherit !important }




.wpfilebase-file-default .icon img { width:60px ; }


.img-header { background-repeat: no-repeat ; background-position: center ; background-size: cover ; }
.img-header img{ width: 100% ; height: auto ; display: none ; } 
.img-header img.rectangle31 { display: block ; }

@media screen and (min-width:768px){
	.img-header img.rectangle31 { display: none ; }
	.img-header img.rectangle125 { display: block ; }
}


h1,h2,h3,h4,h5,h6 { font-family: 'Oswald', sans-serif ; font-weight: 400 ; letter-spacing: 0.03em ; text-transform: uppercase ; font-size: 1em ; } 
h1 { font-size: 1.2em ; font-weight: 700 ; }
h2 { font-size: 1.1em ; }
h3 { font-size: 1em ; }

@media screen and (min-width:500px){
	h1 { font-size: 1.5em ; }
	h2 { font-size: 1.3em ; }
	h3 { font-size: 1.2em ; }
}

@media screen and (min-width:1150px) {
	h1 { font-size: 1.8em ; }
	h2 { font-size: 1.4em ; }
	h3 { font-size: 1.2em ; }
}


a { color:inherit ; }
a img {border:none}
.champs-caches{ visibility: hidden ; }

hr { margin:2em 0 ; height: 1px ; width: 100% ; border:none ; border-top:1px dotted #A2A2A2 ; }

.entry-content h2 { margin:2em 0 1em 0 }
.entry-content h3 { margin:1.5em 0 0.5em 0 }
.entry-content h4 { margin:1.5em 0 0.5em 0 }

.entry-content blockquote { background-color:rgb(128,181,201,0.25); margin: 3em auto; width: 90%; max-width: 500px; padding: 1em 5%; font-size: 1.4em;font-family: 'Kalam', cursive; border-left:0.5em solid rgb(128,181,201,1);}

.txt-rouge {color:#FF0004}
@media screen and (min-width:768px) {
	.a2a_floating_style { border-radius:0 !important ; background-color: rgba(255,255,255,0.5) !important ; transition: all .25s ; box-shadow: rgba(0,0,0,0.25) 2px 2px 8px ; position: relative ; right: -22px !important}
	.a2a_floating_style:hover { background-color: #fff !important ; right: 0!important} 
}




.fb-page { display: none !important}
@media screen and (min-width:600px) {
	.fb-page { display: block !important}
}

.bt_onclick { cursor:pointer ; }
#main-content fieldset { margin:0 ; padding: 0 ; border:0 ; }
#main-content form > fieldset { padding: 0.5em ; }
#main-content form > fieldset:nth-child(odd){ background: rgba(0,0,0,0.05) ; }
#main-content label { font-family: 'Oswald', sans-serif ; font-weight: 400 ; letter-spacing: 0.03em ; text-transform: uppercase ; font-size: 1em ; padding: 0.25em 0.5em ; display: block }

#main-content fieldset figure { text-align:right ; margin:0 ; padding: 0 ; }
#main-content fieldset img { width: 96px ; height: auto ; }

#main-content fieldset.cellule { display: table ; width: 100% ; }
	#main-content fieldset.cellule > * { display:table-cell ; vertical-align: middle ; } 
	#main-content fieldset.cellule > label { padding-left:1em ; }

@media screen and (min-width:900px) {

	#main-content form > fieldset > *{ display:inline-block ;vertical-align: top; max-width: 400px }
	#main-content form > fieldset > *:first-child { width: 150px ; text-align: right ; }
	#main-content form > fieldset > label { padding:0.5em ; }
}

#main-content input[type="text"], #main-content input[type="email"], #main-content input[type="tel"], #m_slides input { border: none ; background:#fff ; font-family: 'Oswald', sans-serif ; color: #000 ; width: 150px ; padding: 0.25em 0.5em ; margin: 0.25em 0 ; }
#main-content input, #main-content select, #m_slides select { font-family: 'Oswald', sans-serif ; font-weight: 400 ; padding: 0.25em 1em ; font-size: 1.2em ; color:#6d6e71 ; transition: all .25s ; max-width: 360px ; }
#main-content input[type="submit"], #m_slides input[type="submit"], #m_slides button, #m_slides .bouton_log { background: #80B5C9 ; color: #fff ; text-transform: uppercase ; cursor: pointer ; border: 1px solid #fff ; }
#main-content input[type="file"], #main-content input[type="text"]:not(:disabled), #main-content input[type="tel"]:not(:disabled), #main-content input[type="email"]:not(:disabled) { background: #D6E8EE ; box-shadow: rgba(0,0,0,0.25) 1px 1px 2px inset ; width: calc(90% - 2em - 2px) ; max-width: 360px ; border-radius: 2px ; }
#main-content input[type="text"]:not(:disabled):focus, #main-content input[type="tel"]:not(:disabled):focus, #main-content input[type="email"]:not(:disabled):focus { color:#fff ; background: #80B5C9 ; } 
#main-content input:disabled { opacity:0.75 ; }

#main-content optgroup { margin:0 ; padding: 0 ; line-height: 1 ; }
#main-content optgroup.niveau2 { margin-left:2em ; }
#main-content optgroup.niveau3 { margin-left:4em ; }


#m_slides input { font-size: 1em ; margin: 0 ; width: calc(100% - 1em) ; padding: 0.25em 0.5em ; max-width: 500px }

#m_slides button, #m_slides .bouton_log { margin: 0.5em 0 ;font-size: 1em ; font-family: 'Oswald', sans-serif ; padding: 0.25em 0.5em ; display: inline-block}

#m_slides .bouton_log { text-decoration:none}
#m_slides .liste-boutons a { display:block ; margin-top: 1.5em ; font-family: 'Oswald', sans-serif ; color:#fff ; text-decoration: none}
#m_slides .demande-inscription { font-weight: 700}
#m_slides .demande-inscription, #m_slides .forgotten-pwd {color:#80B5C9 !important ; }



/* COMMUNS */
.marielouise { padding: 1.5em 0 ; }
.bouton_log { display: inline-block !important ; font-family: 'Oswald', sans-serif ; text-transform: uppercase ; padding: 0.25em 0.5em ; border: 1px solid #fff ; font-size: 0.8em ; transition: all .25s; margin-left: 0.25em !important }
.bouton_log:hover { background-color: #80B5C9;border-color: #80B5C9; }
.adresse { margin-top:1.5em ; padding-top: 0em ; }

.img-une img{ box-shadow:rgba(0,0,0,0.25) 1px 1px 3px ; }

@media screen and (min-width:600px) {
	.img-une { float: right ; margin: 0 0 1em 1em ; width: 33% ; } 
	.img-une img{ width: 100% ; height: auto ; } 
} 

@media screen and (min-width:1000px) {
	.img-une { width: 50% ; }
	.img-une.tiers { width: 33% ; }
	.img-une.quart { width: 25% ; } 
}

.liste-tags { margin:0 ; padding: 0 ; list-style-type: none ; }
	.liste-tags li{ display:inline-block ; vertical-align: middle ; margin: 0 ; }
	.liste-tags li:not(:first-child):before{content:"● " ; }

.lettre { text-transform:uppercase ; font-family:"AlphaLigue",'Oswald', sans-serif ; font-weight:normal ; font-size:1.075em ; } 

.fullwidth { padding:3em 5% ; }

.max800 { width:100% ; max-width: 800px ; }




.public li.prive { display: none !important ; }

.highlight > * { background-color:#fdb913 ; padding: 0.4em 0.5em 0.15em 0.5em !important ; margin-left: 0.5em !important ; display: block ; color: inherit!important ; font-weight: 700 ; }
.highlight > *:hover {color:#fff !important ; background: #f58220 ; }


@media screen and (min-width:768px) {
	.contenu { min-height:500px ; }
}


.acces-page { display:block ; max-width: 250px ; margin: 1.5em ; text-decoration: none ; font-family: "Oswald", sans-serif ; text-transform:uppercase ; font-weight: 700 ; background: #E8E8E8 ; box-shadow: rgba(0,0,0,0.25) 0.15em 0.15em .5em ; transition: all .25s ; }
.acces-page span { display:block ; padding: 1em ; }
.acces-page:hover { background-color:#80B5C9 ; color:#fff ; }
.acces-page figure { margin:0 ; padding: 0 ; background-repeat: no-repeat ; background-position: center ; background-size: cover ; }
.acces-page figure img{ width: 100% ; height: auto ; display: none ; } 
.acces-page figure img.rectangle32{ display: block ; }



@media screen and (min-width:1100px) {
	.acces-page figure img.carre11{ display: block ; }
	.acces-page figure img.rectangle32{ display: none ; }
}


/* FILEBASE */
.bt-filebase { display: block ; max-width: 300px ; background: rgba(0,0,0,.15) ; border-radius: 0.5em ; padding: 0.5em ; text-decoration: none ; transition: all .25s ; box-shadow:inset rgba(0,0,0,0.25) 0.15em 0.15em 0.3em ; margin-top: 1em ; clear: both ; }
.bt-filebase >* { display: inline-block ; vertical-align: middle ; }
.bt-filebase figure { margin-right:1em ; width: 60px ; }
.bt-filebase figure img{ width: 100% !important ; height: auto !important ; } 
.bt-filebase > div { width: calc(100% - 64px - 1em) ; }
.bt-filebase > div p {margin: 0 ; }
.bt-filebase > div .intitule { text-decoration: none ; font-family: "Oswald", sans-serif ; text-transform:uppercase ; font-weight: bold ; margin-bottom: 0.5em ; }
.bt-filebase:hover { background: #80b5c9 ;box-shadow:none ; }


/* Réseaux sociaux */
.reseaux-sociaux ul {margin: 0 ; padding: 0 ; list-style-type: none ; }
.reseaux-sociaux ul li { display: inline-block !important ; vertical-align: middle ; }
.reseaux-sociaux ul li a { font-size: 2em ; transition: all .25s ; color:#fff ; }
.reseaux-sociaux ul li a:hover { color:#80B5C9 ; }

#main-footer .reseaux-sociaux { margin-top: 2em ; }

  





/* MAIN PAGE */
#main-page { font-size: 1.3em ; margin: 0 auto ; max-width: 1200px ; background: #fff ; overflow: hidden ; border-left:1px solid rgba(0,0,0,0.15) ; border-right:1px solid rgba(0,0,0,0.15) }

	/* MAIN HEADER */
	#main-header { background:#1a1a1a ; }

		/* Barre noire */
			.barre-noire { padding:0 5% ; }

			/* Bloc marque */
			.bloc-marque > div > a { display: inline-block ; vertical-align: middle ; }
			.bloc-marque > div > a img{ width:100% ; height:auto ; max-width: 300px } 
				.bloc-marque > div > a:first-child { margin-right: 0.5em ; width: 25% ; max-width:calc(170px - 0.5em) ; } 
				.bloc-marque > div > a:last-child { width:60% ; }

			#nom_site { color:#fff ; text-decoration: none ; font-size: 1.2em ; }


			.bloc-droit, .barre-bleue { display:none ; }


			@media screen and (max-width:899px) {
				
				#main-page { margin-top:40px}
			
				
				/* BOUTONS MENU */
				#m_menu { position: fixed ; top: 0 ; left: 0 ; width: 100% ;z-index: 60000 ; font-size: 1.6em ; }
				#m_menu.active { height: 100% ; min-height: 100% ; overflow: auto }
				
					#m_boutons { margin: 0 ; padding: 0 ; list-style-type: none ; height: 40px ;background: rgb(128,181,201) ; width: 100% ; z-index: 60000 ; position: fixed ; box-shadow: rgba(0,0,0,0.75)0 0 0.5em } 
						#m_boutons > li { display:inline-block ; margin: 0 ; padding: 0 ; width: 60px ; height: 40px ; background-size: 40px 80px ; background-position: 10px bottom ; background-repeat: no-repeat ; transition: all .25s }
						#m_boutons > li:not(:first-child){ float:right}
							#b_menu { background-image:url(design/picto_mobile-burger.svg) ; }
							#b_connexion { background-image:url(design/picto_mobile-connexion.svg) ; }
							#b_recherche { background-image:url(design/picto_mobile-loupe.svg) ; }
							#m_boutons > li.active { background-color: #1a1a1a ; box-shadow: rgba(0,0,0,0.5) 0 0 1em }
							#m_boutons > #b_menu.active, #m_boutons > #b_recherche.active, #b_connexion.connecte { background-position: 10px top ; }
				
				
				
				#m_slides { background: #1a1a1a ; position: relative ; top: -100% ; left: 0 ; width: 100% ; min-height: calc(100% - 40px - 4em) ; overflow: auto ; color:#fff ; transition: all .5s ; z-index: 50000 ; padding-bottom: 4em ; display: none } 
				#m_slides.active{ top:40px ; display: block }
				
					#m_slides > ul { margin:0 ; padding: 0 ; list-style-type: none ; }
					#m_slides > ul > li { display:none ; }
					#m_slides > ul > li.active { display: block ; } 
				
				
					#m_slides > ul > li > div { padding: 1.5em 1em}
				
				#m_close { display:block ; position: absolute ; bottom: 0 ; width:100% ; padding: 10px 0 ; text-align: center ; font-size: 16px ; background: #6d6e71 ; box-shadow: inset rgba(0,0,0,.25) 0 0.5em 0.25em ; z-index: 50000}
				
				
				
				
				#s_menu .type1 { font-family: 'Oswald', sans-serif ; font-size: 0.9em ; text-transform: uppercase ;font-weight: bold ; }
				#s_menu .titre_n1 { margin:0}
				#s_menu a {display:block ; text-decoration: none ;}
				#s_menu .element { margin:0 0 0.5em 0 }
				#s_menu .titre_n2 { margin:0.25em 0 0 0.5em ; display: block ; padding: 0.25em 0.5em}
				
				
				
		
				#s_menu .bt-menu { padding:0.25em 0.5em ; background-color: #5b3758 ; }
				
				
				
					
			}

			@media screen and (min-width:600px) {
				#nom_site { font-size: 2em ; }
				
				#m_menu { font-size: 1.8em }
			}
				
			@media screen and (min-width:900px) {
				
			
				
				#m_menu { display:none}
				
				.barre-noire { display: table ; width: 90% ; padding: 0 5% ; }
					.barre-noire > * { display: table-cell ; vertical-align: middle ; }
					.bloc-marque > div > a:last-child { width: 310px ; } 		
				
				
				/* Bloc droit */
				.bloc-droit { text-align: right ; color:#fff ; display: block ; }
				.bloc-droit > div > * { display: inline-block ; vertical-align: middle ; }
				.bloc-droit a { display: block ; color: #fff ; text-decoration:none ; }

				/* Module de connexion */
				.module-connexion > * { margin: 0.5em 0 ; }

				.liste-boutons > a { display:inline-block ; margin-left: 1em ; }
				.forgotten-pwd, .demande-inscription { font-size:0.9em ; font-family: 'Oswald', sans-serif ; color:#80B5C9 !important ; } 
				.forgotten-pwd:hover, .demande-inscription:hover { color:#fff !important ; } 
				.demande-inscription { font-weight:bold ; }

				#loginform > p { margin:0 0 0.5em 0 ; }


				.module-connexion { padding-right: 5% ; }
				#main-footer .reseaux-sociaux { display: none ; }
				#main-header .reseaux-sociaux { display: inline-block ; }

	
				/* Barre bleue */
				.barre-bleue { background:#80B5C9 ; padding: 0 ; position: relative ; display: block ;min-height: 50px ; }
				
				
				#container_menu { position:relative ; }
					#bt-menu-mobile:hover > nav { top: 100% ; opacity: 1 ; }

				#bt-menu-mobile { font-weight: 500 ; cursor: pointer ;display: block ;padding: 0.4em 0 0 3em ; max-width:300px }
					#bt-menu-mobile > span { display: block ; width: 42px ; height: 50px ; background: url(design/burger.png) no-repeat #1a1a1a ; margin-right: 0.5em ; transition: all .25s ; }
					#bt-menu-mobile:hover > span{ background-color: #fff ; }
					#bt-menu-mobile > p { display: none ; }
					#bt-menu-mobile > * { display: inline-block !important ; vertical-align: middle ; margin-left: 5% ; }
						#bt-menu-mobile > p { margin: 0 ; transition: all .25s ; }
						#bt-menu-mobile:hover > p { color: #fff ; }


				#main-menu { position: absolute ;width:100% ; background: #fff ; top: -10000px ; left: -5% ; z-index: 10 ; overflow: auto ; box-shadow: rgba(0,0,0,0.25) 0 10px 20px ; opacity: 0 ; transition-property: opacity ; transition-duration: 0.5s ; } 
			
				#main-menu > div { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: wrap ; margin-bottom: 0 ; padding: 2.5em 5% 0 5% ; font-family: 'Oswald', sans-serif ; font-weight: 400 ; letter-spacing: 0.03em ; text-transform: uppercase ; } 

					#main-menu * { margin: 0 ; padding: 0 ; }

					#main-menu a { display: block ; text-decoration: none ; color: inherit ; margin-top: 0.25em ; }
					#main-menu .bt-menu { background-color: #5b3758 ; transition: all .25s ; color:#fff ; font-weight: 700 ; padding: 0.75em 2em 0.75em 0.5em ; position: relative ; }
						#main-menu .bt-menu span{ display: inline-block ; color: #000 ; font-size: 1.2em ; position: absolute ; top:calc(50% - 0.6em) ; right: 0.5em ; line-height: 1 ; }
					#main-menu .bt-menu:hover { background-color: #80B5C9 !important ; }

					#main-menu .titre_n1 { margin-top:0.5em ; }
					#main-menu .liste-menu, #main-menu .titre_n1 { font-weight: 700 ; }

					#main-menu .sous_cat { font-weight: 700 ; padding-left: 0.25em ; border-left:0.5em #000 solid ; font-size: 0.9em ; }
						#main-menu .sous_cat a {transition: all .25s ; }
						#main-menu .sous_cat a:last-child {margin: 0 ; }

					#main-menu .titre_n2 { margin-top: 0.5em ; color:#6d6e71 ; transition: all .25s ; }
					#main-menu .titre_n2:hover, #main-menu .sous_cat a:hover{ color:#80B5C9 !important ; }
				

					#main-menu > div > * { margin-right: 2.5% ; margin-bottom: 1.5em ; } 
					#main-menu > div.type1 > * { width: calc(100% / 5 - 2.5%) ; -webkit-flex-basis: calc(100% / 5 - 2.5%) ;-ms-flex-basis: calc(100% / 5 - 2.5%) ;flex-basis: calc(100% / 5 - 2.5%) ; }
					#main-menu > div.type2 > * { width: calc(100% / 4 - 2.5%) ; -webkit-flex-basis: calc(100% / 4 - 2.5%) ;-ms-flex-basis: calc(100% / 4 - 2.5%) ;flex-basis: calc(100% / 4 - 2.5%) ; }
					#main-menu > div.type3 > * { width: calc(100% / 3 - 2.5%) ; -webkit-flex-basis: calc(100% / 3 - 2.5%) ;-ms-flex-basis: calc(100% / 3 - 2.5%) ;flex-basis: calc(100% / 3 - 2.5%) ; }
				
					#main-menu .liste-menu { transition:all .25s ; }
					#main-menu .liste-menu:hover { color:#80B5C9 ; }

				
				
				.searchform > * { display:inline-block ; vertical-align: middle ; margin-left: -5px ; }
				#module-recherche { text-align: right ; position: absolute ; top: calc(50% - 15px) ; right: 5% ; display: block ; }
					#module-recherche > * { display: inline-block ; vertical-align: middle ; }
					#module-recherche > span { width: 38px ; height: 38px ; background: url(design/loupe.png) no-repeat ; margin-right: 0.5em ; transition: all .25s ; background-position: -38px 0 ; }
					#module-recherche input { margin: 0 ; border: none ; font-size: 1.2em ; padding: 0.25em 0.5em ; font-family: 'Oswald', sans-serif ; width: 300px ; ; }
					#module-recherche button { margin: 0 ; border: none ; font-size: 1.2em ; padding: 0.25em 0.5em ; font-family: 'Oswald', sans-serif ; background-color: #0059A1 ; color:#fff ; cursor: pointer ; line-height: 1.4 ; }
					#module-recherche button:hover{ background-color: #F58220 ; }
				
				
			}

			@media screen and (min-width:1000px) {
				#main-menu .bt-menu, #main-menu .liste-menu, #main-menu .titre_n1 { font-size: 1.3em ; }
				#main-menu .bt-menu:hover { background-color:#0059A1 !important ; }
			}


#main-menu .titre_n1 { cursor:default}

/* #MAIN CONTENT */

.deux-cols { padding: 0 5% ; margin: 3em 0 ; }

@media screen and (min-width:600px) {
	.deux-cols { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: nowrap ; padding: 0 ; }	
		.deux-cols > .contenu { width:52.5% ;-webkit-flex-basis:52.5% ;-ms-flex-basis:52.5% ; flex-basis:52.5% ;padding: 0 2.5% 0 5% ; }
		.deux-cols > aside { width:35% ;-webkit-flex-basis:35% ;-ms-flex-basis:35% ; flex-basis:35% ;padding: 0 5% 0 0 ; }
}

@media screen and (min-width:800px) {
	.deux-cols > .contenu { width:62.5% ;-webkit-flex-basis:62.5% ;-ms-flex-basis:62.5% ; flex-basis:62.5% ;padding: 0 2.5% 0 5% ; }
	.deux-cols > aside { width:25% ;-webkit-flex-basis:25% ;-ms-flex-basis:25% ; flex-basis:25% ;padding: 0 5% 0 0 ; }
}

.gabarit-fullwidth { padding: 0 5% ; margin: 3em 0 ; }


.gabarit-wpfb-file > .contenu { max-width: calc(800px - 10%); margin: 0 auto; padding: 3em 5%}



/* GABARIT SEARCH */
.gabarit-search { margin: 3em 0 ; padding: 0 5% ; }
.gabarit-search h2 { padding: 0 ; clear: both ; font-size: 2em ; } 

.widgets-horizontaux > .widgets .widget-title { display:none ; }

@media screen and (min-width:768px) {

.widgets-horizontaux > .widgets > * { display:inline-block ; vertical-align: middle ; margin-right: 1em ; } 
}


@media screen and (min-width:500px) {
	.container_colonnes { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: wrap ; width: 100% ; }
	.container_colonnes > * { width:calc(100% / 2 - 1em) ;-webkit-flex-basis:calc(100% / 2 - 1em) ;-ms-flex-basis:calc(100% / 2 - 1em) ;flex-basis:calc(100% / 2 - 1em) ; margin-right: 1em ; }
}

@media screen and (min-width:800px) {
	.container_colonnes > * { width:calc(100% / 3 - 1em) ;-webkit-flex-basis:calc(100% / 3 - 1em) ;-ms-flex-basis:calc(100% / 3 - 1em) ;flex-basis:calc(100% / 3 - 1em) ;}
}

@media screen and (min-width:1000px) {
	.container_colonnes > * { width:calc((100% - 3em) / 4) ;-webkit-flex-basis:calc((100% - 3em) / 4) ;-ms-flex-basis:calc((100% - 3em) / 4) ;flex-basis:calc((100% - 3em) / 4) ; margin: 0 ; }
	.container_colonnes > *:not(:last-child){ margin-right: 1em ; }
	
	.container_colonnes._2types > * { width:calc(100% / 2 - 1em) ;-webkit-flex-basis:calc(100% / 2 - 1em) ;-ms-flex-basis:calc(100% / 2 - 1em) ;flex-basis:calc(100% / 2 - 1em) ; }
	.container_colonnes._3types > * { width:calc(100% / 3 - 1em) ;-webkit-flex-basis:calc(100% / 3 - 1em) ;-ms-flex-basis:calc(100% / 3 - 1em) ;flex-basis:calc(100% / 3 - 1em) ; }
	.container_colonnes._4types > * { width:calc(100% / 4 - 1em) ;-webkit-flex-basis:calc(100% / 4 - 1em) ;-ms-flex-basis:calc(100% / 4 - 1em) ;flex-basis:calc(100% / 4 - 1em) ; }
}

.resultat {background: rgba(0,0,0,.1) ; margin-bottom: 1em ; clear: both ; word-wrap: break-word ; }
.resultat a { display: block ; text-decoration: none ; padding: 1em ; transition: all .25s ; }
.resultat a h1 { margin: 0 0 0.25em 0 ; padding: 0 ; font-size: 1em ; color:#0059A1 ; }
.resultat a > div > * { display:inline-block ; vertical-align: top ; /*width: calc(100% - 56px - 0.5em) ;*/ margin: 0 ; }
.resultat a > div > figure, .resultat a > div > img { width: 50px ; height: auto ; margin-right: 0.5em ; }

.resultat a:hover{ background:#80B5C9 ; }
.resultat a:hover h1 { color:#fff ; }

.resultat .date { margin: 0 0 10px 0 ; font-weight:bold ; text-transform: uppercase ; font-size: 0.8em ; color:rgba(0,0,0,0.5) ; }


/* Slider */

/* Images à chargement différé */
.img-lazy { margin:0 ; padding:0 ; background-repeat:no-repeat ; background-position:center ; background-size:cover ; }


/* Images tétière */
.img-tetiere, .img-taxonomy { margin:0 ; padding:0 ; line-height:1 ; width:100% ; background-repeat:no-repeat ; position:relative ; background-color:#000 ; }
.img-tetiere { background-position:top ; background-size:contain ; }
.img-taxonomy { background-position:center ; background-size:cover ; }
	.img-tetiere.noir { color:#515151 ; }
	.img-tetiere.blanc { color:#fff ; }

		.img-tetiere img, .img-taxonomy img{ width:100% !important ; height:auto ; display:none ; }

			.img-tetiere img.rectangle31 { display:none ; }	
			.img-tetiere img.rectangle32 { display:block ; }	
			.img-tetiere img.rectangle72 { display:none ; }
			
			.img-taxonomy img { display:block ; }	
		
		.img-tetiere figcaption { background: rgba(0,0,0,.75) ; color:#fff ; padding: 1em ; }
			.img-tetiere figcaption * { line-height: 1.2 ; }
				.img-tetiere figcaption span { vertical-align: middle ; }
				.img-tetiere figcaption h3 { text-transform:uppercase ; font-size:1.4em ; margin:0 0 12px 0 ; }
				.img-tetiere figcaption h4 { text-transform:uppercase ; font-size:1.2em ; margin:0 0 12px 0 ; color:#80B5C9 ; } 			
				.img-tetiere figcaption strong { font-weight:700 ; }		

@media screen and (min-width:768px) {
	
	.img-tetiere { background-position:top left ; background-size:cover ; }
	
		.img-tetiere img.rectangle31 { display:block ; }	
			.img-tetiere img.rectangle32 { display:none ; }	
			.img-tetiere img.rectangle72 { display:none ; }

		.img-tetiere figcaption { position: absolute ; top:0 ; height: 100% ; min-height: 100% ; width:calc(50% - 3em) !important ; transition:all .25s ; right: 2.5% ; padding: 1.5em ; }
			.img-tetiere figcaption h3 { font-size:2em ; }
					.img-tetiere figcaption h4 { font-size:1.6em ; } 	
}

@media screen and (min-width:1024px) {	
	.img-tetiere { background-position:center left ; background-size:cover ; }
	.img-tetiere img.rectangle31 { display:none ; }	
	.img-tetiere img.rectangle32 { display:none ; }	
	.img-tetiere img.rectangle72 { display:block ; }	
	.img-tetiere figcaption { padding: 1.5em ; width:calc(33% - 1.5em) !important ; }
}

@media screen and (min-width:1100px) {	
	.img-tetiere figcaption { padding: 3em ; width:calc(33% - 3em) !important ; }
}


.slider { position:relative ; width:100% ; overflow:hidden ; margin-bottom: 3em ; border-bottom:1px dotted rgba(0,0,0,0.1) }
	.slider * { line-height:1 ; } 
	.slider > ul:first-child { margin:0 ; padding:0 ; list-style-type:none ; max-width:100% ; background-color: #D5D5D5 ; position:relative ; }
		.slider > ul:first-child > li { display:none ; z-index:1 ; background-repeat:no-repeat ; position:relative ; width:100% ; }
		.slider > ul:first-child > li:first-child { display:block ; }
	.slider > ul:first-child a { color:inherit ; }

	.puces_diapo { position:absolute ; z-index:5 ; margin:0 ; padding:0 ; list-style-type:none ; right:5% ; bottom:1.5em ; }
		.puces_diapo > li { padding:5px ; cursor:pointer ; transition:all 0.25s ; display: inline-block ; vertical-align: middle ; } 
			.puces_diapo > li span { display:block ; width:10px ; height:10px ; border-radius:10px ; background:rgba(255,255,255,0.3) ; transition:all 0.25s ; } 
			.puces_diapo > li:not(.actif):hover { padding:3px ; }
			.puces_diapo > li:not(.actif):hover span{ width:14px ; height:14px ; }
			.puces_diapo > li.actif span{ background:#80B5C9 ; }
			.puces_diapo > li:not(.actif):hover span{ background:#fff ; }
		

/* MAIN FOOTER */
#main-footer { text-align: center ; padding: 3em 1.5em ; background:#1A1A1A ; margin-top: 3em ; clear:both ; }
	#menu-footer ul { margin:0 ; padding: 0 ; list-style-type: none ; display: inline-block ; }
		#menu-footer ul li { margin-bottom: 0.5em ; }
			#menu-footer ul li a { display: block ; padding: 0.1em 0.5em ; color:#ffffff ; text-decoration: none ; text-transform: uppercase ; transition: all .25s ; line-height: 1 ; } 
			#menu-footer ul li a:hover { color: #80B5C9 ; }


@media screen and (min-width:768px) {	
		#menu-footer ul li { display:inline-block ; vertical-align: middle ; }
		#menu-footer ul li:not(:first-child){ border-left:1px solid #fff ; }
}



/*==========================================================================================*/
/* ACCUEIL
------------------------------------------------------------------------------------------- */

.accueil a { text-decoration :none ; color:inherit ; transition: all .25s ; }
.accueil a:hover { color:#80B5C9 ; }
.accueil h1, .accueil h2, .accueil h3 {	margin: 0 0 0.5em 0 ; padding: 0 ; width: 100% ; }
.accueil h2 { color:#6d6e71 ; }



.remontees > div { display:table ; width: 100% ; margin-bottom: 1em ; border-top:0.5em solid #000 ; }
	.remontees > div > * { display: table-cell ; width: 50% ; background:#BCBCBC ; vertical-align: middle ; }
	.bt-titre { text-transform: uppercase ; font-weight: bold ; font-family: 'Oswald', sans-serif ; cursor: pointer ; padding: 0.5em ; position: relative ; }
	.bt-titre.actualite { color:#ffffff !important ; background: #fdb913 ; }
	.bt-titre.ressource-outil { background: #f58220 ; }
	 
		.bt-titre.active span { display:block ; width: 17px ; height: 9px ; background: url(design/fleche.gif) no-repeat ; position: absolute ; bottom: -9px ; left: calc(50% - 8px) ; transition: all .25s ; }
		.bt-titre.actualite span { background-color: #fdb913 ; }
		.bt-titre.ressource-outil span { background-color: #f58220 ; }

	.bt-titre:hover { color:#fff !important ; background:#80B5C9 ; }
	.bt-titre:hover span{ background-color:#80B5C9 !important ; }



.liste-posts { margin: 0 ; padding: 0 ; list-style-type: none ; }
	.liste-posts img { width: 3em ; margin: 0.25em 0.5em 0.25em 0 ; float: left ; }

.liste-posts li.active { display: block ; } 
.liste-posts li:not(.active){ display: none ; } 

.bouton-titre { cursor: pointer ; padding: 1em 3em 1em 1em ; background-color: #5b3758 ; color:#fff !important ; background-position: calc(100% - 0.25em) center ; background-repeat: no-repeat ; transition: all .25s ; position: relative ; background-size: 2.5em ; display: block ; } 
.bouton-titre:hover {background-color: #80B5C9 !important ; }
.bouton-titre:nth-child(odd) { margin-right: 2.5% ; }
.bouton-titre:nth-child(even) { margin-left: 2.5% ; }
	.bouton-titre > span:first-child { font-size: 1.2em ; text-transform: uppercase ; font-weight: 700 ; font-family: 'Oswald', sans-serif ; }
	.bouton-titre > span:last-child { position: absolute ; top: calc(50% - 0.5em) ; right: 0.25em ; line-height: 1 ; color:#000 ; font-size: 1.4em ; } 

@media screen and (min-width:768px) {
	.bouton-titre > span:first-child { font-size: 1.6em ; }
	.bouton-titre > span:last-child { font-size: 1.8em ; } 
}


.structure-accueil > section, .structure-accueil .encart {margin-bottom: 3em ; }
.structure-accueil .encart { clear: both ; }

.structure-accueil .encart figure {margin:0 ; padding: 0 ; background-repeat:no-repeat ; background-position: center ; background-size: cover ; }
.structure-accueil .encart figure img{ width: 100% ; height: auto ; }

.structure-accueil .encart figure img.rectangle32{ display: none ; }
.structure-accueil .encart figure img.carre11{ display: none ; }
.structure-accueil .bouton-titre{ margin:0 ; } 


@media screen and (min-width:800px) {
	.structure-accueil > section {margin: 0 ; }
	
	.structure-accueil .encart figure img.rectangle31{ display: none ; }
	.structure-accueil .encart figure img.rectangle32{ display: block ; }
	.structure-accueil .encart figure img.carre11{ display: none ; }
	
	.structure-accueil, .structure-accueil > section { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: wrap ; width: 100% }
	.structure-accueil .encart { width : calc(100% / 2 - 2em - 1px) ;-webkit-flex-basis : calc(100% / 2 - 2em - 1px) ;-ms-flex-basis : calc(100% / 2 - 2em - 1px) ;flex-basis : calc(100% / 2 - 2em - 1px) ; margin-bottom: 1.5em ; padding: 0 1em ; border-left:1px dotted #6d6e71 ; }
	
	.structure-accueil .encart_bouton, .structure-accueil .encart_page { align-self: flex-end;}

	
	
	
}

@media screen and (min-width:1100px) {
	.structure-accueil .encart { width: calc(100% / 3 - 2em - 1px) ;-webkit-flex-basis : calc(100% / 3 - 2em - 1px) ;-ms-flex-basis : calc(100% / 3 - 2em - 1px) ;flex-basis : calc(100% / 3 - 2em - 1px) ; margin-bottom: 3em ; }
	
	.structure-accueil .encart figure img.rectangle31{ display: none ; }
	.structure-accueil .encart figure img.rectangle32{ display: none ; }
	.structure-accueil .encart figure img.carre11{ display: block ; }
	
	.structure-accueil > section.gab_2_themes { width:calc(100% / 3 * 2 - 1px)} 
	.structure-accueil > section.gab_2_themes .encart{ width: calc(100% / 2 - 2em - 1px) ;-webkit-flex-basis : calc(100% / 2 - 2em - 1px) ;-ms-flex-basis : calc(100% / 2 - 2em - 1px) ;flex-basis : calc(100% / 2 - 2em - 1px) ;}
	
	
}
 
/* ZONE BASSE */
.zone-basse { margin:3em 0 ; }
	.zone-basse .acf-map { margin: 0 ; }
	.zone-basse > section { position:relative ; padding-bottom: 3em ; margin: 0 0 3em 0 ; }
	.zone-basse h2 { background: #fff ; padding: 0 0.5em 0.25em 0 ; display: inline-block ; color:#000 ; font-size: 1.8em ; margin: 0 ; max-width: none ; width: auto ; 
	font-weight: 700 ; }
	#main-page:not(.public) .zone-basse a { background: #fff ; padding: 0.25em 0 0.25em 0.5em ; display: inline-block ; color:#000 ; font-size: 1.4em ; 
	font-weight: 700 ; font-family: 'Oswald', sans-serif ; text-transform: uppercase ; position: absolute ; bottom: 0 ; right: 0 ; }
	#main-page:not(.public) .zone-basse a span { display: inline-block ; padding: 0 0 0 0.3em ; font-size: 1.4em ; margin: 0 ; line-height: 1 ; font-weight: normal ; font-family: 'Poppins', sans-serif ; }

	.zone-basse .encart figure { margin: 0 ; text-align: center ; padding: 0 1.5em ; }
		.zone-basse .encart figure img { max-width: 320px ; display: inline-block ; width: 100% ; }
	.zone-basse .encart p { padding: 0 1.5em ; }

@media screen and (min-width:900px) {
	#main-page .zone-basse .encart figure { text-align: right ; }
	/*#main-page.public .zone-basse p {position: absolute ; width: 40% ; bottom: 20% ; left: 1.5em ; background: rgba(255,255,255,0.5) ; padding: 1.5em ; }
	#main-page.public .zone-basse .encart { padding-bottom:1.5em ; }
	#main-page.public .zone-basse .encart figure { margin-right: 1.5em ; } */
}

	
@media screen and (min-width:1000px) {
	#main-page:not(.public) .zone-basse { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: nowrap ; width: calc(100% - 1em) ; }
		#main-page:not(.public) .zone-basse .encart:first-child { width : 47.5% ;-webkit-flex-basis : 47.5% ;-ms-flex-basis : 47.5% ;flex-basis: 47.5% ; margin-right: 5% ; }
		#main-page:not(.public) .zone-basse .encart:last-child { width :47.5% ; -webkit-flex-basis :47.5% ;-ms-flex-basis :47.5% ; flex-basis: 47.5% ; }
}



/* RESUME AGENDA */

.resume-agenda { background-color: #D3D3D3 ; margin-bottom: 3em ; background-repeat: no-repeat ; background-size: 40px ; background-position:calc(100% - 1em) 1em ; }
	.resume-agenda > div { padding:1em ; }
	.resume-agenda h2 { color:#1a1a1a ; margin: 0 0 0.5em 0 ; }

	.resume-agenda ul { margin: 0 ; padding: 0 ; list-style-type: none ; ; }
		.resume-agenda ul li a { display: block ; color: inherit ; text-decoration: none ; }
		.resume-agenda ul li a:hover { color: #fff ; }
			.resume-agenda ul li a > * { margin: 0 0 0.25em 0 ; padding: 0 ; word-wrap: break-word ;}
			.resume-agenda ul li a > h3 {-moz-hyphens: auto;-webkit-hyphens: auto;hyphens: auto; font-size:1.1em  }
			.resume-agenda ul li a .date { color:#fff ; font-family: 'Oswald', sans-serif ; text-transform: lowercase ; }
			.resume-agenda ul li a span { display: block ; color:#fff ; font-weight: bold ; }

	.tout-agenda { display:block ; text-transform: uppercase ; font-family:'Oswald', sans-serif ; transition: all .25s ; text-align: right ; margin-top: 1.5em ; text-decoration: none ; color:inherit ; }
	.tout-agenda:hover { color: #ffffff !important ; }
	
	#agenda-complet form { margin-top: 1em ; }
	#agenda-complet form select { font-size:0.8em ; }

@media screen and (min-width:500px){
	
	.resume-agenda > div { padding: 1.5em ; }
	
	.resume-agenda ul._2cols { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: wrap ; width: 100% }
		.resume-agenda ul._2cols li { width:calc(50% - 1em) ; padding-right: 1em ; }
}

@media screen and (min-width:768px) and (max-width:1050px){
	.resume-agenda ul._2cols li { width:100% ;-webkit-flex-basis:100% ;-ms-flex-basis:100% ;flex-basis:100% ; }
}


@media screen and (min-width:1200px){
	.resume-agenda ul._2cols li { width:calc(50% - 1em) ;-webkit-flex-basis:calc(50% - 1em) ;-ms-flex-basis:calc(50% - 1em) ; flex-basis:calc(50% - 1em) ; padding-right: 1em ; }
	#agenda-complet form { float:right ; margin:0 0 0 0.75em ; }
}


/* FIL D'ARIAME */

#fil_ariane ul { margin: 0 ; padding: 0 ; list-style-type: none ; }
	#fil_ariane ul li { display: inline-block ; vertical-align: middle ; font-size: 0.8em ; }
	#fil_ariane ul li:not(:first-child):before { content:"> " ; }
	#fil_ariane ul li:first-child { font-weight:bold ; font-family: 'Oswald', sans-serif ; text-transform: uppercase ; }
		#fil_ariane ul li a { color:inherit ; text-decoration: none ; }
		#fil_ariane ul li a:hover { text-decoration:underline ; }

.widgets > * { margin-bottom:3em ; }


.entry-footer { padding: 1em 0 ; font-size: 0.9em ; clear: both ; }
	.entry-footer a { color:inherit ; }
	.entry-footer > * { margin-bottom: 0.5em ; }

.byline, .posted-on, .comments-link, .edit-link { display: none ; }


.liste-mots-cles { margin: 0 ; padding:0 ; list-style-type: none ; }
	.liste-mots-cles > li { display: inline-block ; margin: 0 4px 4px 0 ; }
		.liste-mots-cles > li a { display: block ; padding: 0.5em 1em ; text-decoration: none ; background: #E9E9E9 ; transition: all .25s ; font-weight: bold ; color:#fff ; text-shadow: rgba(0,0,0,0.5) 1px 1px 1px ; }
		.liste-mots-cles > li a:hover { background:#80B5C9 !important ; }


/* MASONRY */

.grid-item { margin:0 0 0.5em 0 ; }
	.grid-item .date { margin:0 ; }
		.grid-item a { display: block ; background:#E9E9E9 ; padding: 0.5em ; text-decoration: none ; color:inherit ; border-top:10px #E9E9E9 solid ; transition: all .25s ; }
		.grid-item a:hover { border-color:#000 ; }

@media screen and (min-width:500px){
	.grid-item { width: calc(100% / 2 - 0.5em) ; margin-right: 0.5em ; } 
}

@media screen and (min-width:1000px){
	.grid-item { width: calc(100% / 3 - 0.5em) ; } 
}


/* TAXONOMY THEME */
.taxonomy-description { font-weight: bold ; color: #6d6e71 ; margin-bottom: 3em ; }

.gabarit-theme hgroup, .gabarit-agenda hgroup, .gabarit-liste hgroup { margin: 1.5em 0 2em 0 ; }
.gabarit-theme hgroup *, .gabarit-agenda hgroup *,.gabarit-liste hgroup * { margin:0 ; }
.gabarit-theme hgroup h2, .gabarit-agenda hgroup h2, .gabarit-liste hgroup h2 { font-size: 1.5em ; color:#6d6e71 ; font-weight: 300 ; }


@media screen and (min-width:500px){
	.gabarit-theme hgroup h2, .gabarit-agenda hgroup h2, .gabarit-liste hgroup h2 { font-size: 3em ; }
}


.gabarit-theme h3, .titre-cat { margin: 0 0 1em 0 ; padding: 0 ; }
.gabarit-theme h3 span:first-child, .gabarit-agenda h3 span:first-child, .titre-cat span:first-child { display:block ; background: #000 ; width: 33% ; height: 10px ; }
.gabarit-theme h3 span:last-child, .gabarit-agenda h3 span:last-child, .titre-cat span:last-child { display:block ; padding: 1em ; background: #CCCCCC ; }
.gabarit-theme h3.actualite span:last-child, .titre-cat.actualite span:last-child { background: #FDB913 ; color: #fff ; }
.gabarit-theme h3.ressource-outil span:last-child, .titre-cat.ressource-outil span:last-child { background: #f58220 ; } 

.gabarit-agenda h3 { margin-top: 3em ; color:#fff ; }





.structure-theme a { text-decoration: none ; color:inherit ; transition: all .25s ; }
.structure-theme a:hover { color:#80B5C9 ; }

@media screen and (min-width:500px) {
	.structure-theme{ display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: wrap ; width: 100% }
	.structure-theme .encart { width: calc(100% / 2 - 2em - 1px) ;-webkit-flex-basis: calc(100% / 2 - 2em - 1px) ;-ms-flex-basis: calc(100% / 2 - 2em - 1px) ; flex-basis: calc(100% / 2 - 2em - 1px) ;margin-bottom: 1.5em ; padding: 0 1em ; border-left:1px dotted #6d6e71 ; }
}

@media screen and (min-width:1000px) {
	.structure-theme .encart { width: calc(100% / 3 - 2em - 1px) ; -webkit-flex-basis: calc(100% / 3 - 2em - 1px) ;-ms-flex-basis: calc(100% / 3 - 2em - 1px) ; flex-basis: calc(100% / 3 - 2em - 1px) ;margin-bottom: 3em ; }
}



.toute-actu { display:block ; text-align: right ; text-transform: uppercase ; font-family: 'Oswald', sans-serif ; margin-bottom: 3em ; color:inherit ; text-decoration:none ; transition: all .25s ; font-size: 1.2em ; }
.toute-actu:hover { color:#FDB913 ; }
.toute-actu > span { display: inline-block ; width:27px ; height: 18px ; vertical-align: middle ; background: url(design/fleche_goto.gif) no-repeat center ; position: relative ; top:-2px ; }

.bt-liste { display:block ; text-align: right ; text-transform: uppercase ; font-family: 'Oswald', sans-serif ; margin:1.5em 0 ; color:inherit ; text-decoration:none ; transition: all .25s ; font-size: 1.2em ; }
.bt-liste:hover { color:#80b5c9 ; }
.bt-liste > span { display: inline-block ; width:27px ; height: 18px ; vertical-align: middle ; background: url(design/fleche_goto_liste.gif) no-repeat center ; position: relative ; top:-2px ; margin-right:0.25em ; }

.liste_horizontale { display:table ; width:100% ; margin-bottom:3em ; }
	.liste_horizontale > * { display:table-cell ; vertical-align:middle ; }
	.liste_horizontale > a { width:5% ; text-align:center ; cursor:pointer ; transition: all .25s ; }
		.liste_horizontale .container { overflow:hidden ; position:relative ; height:300px ; width:90% ; }
			.liste_horizontale .container > ul { width:750px ; display:table ; position:absolute ; margin:0 ; padding:0 ; list-style-type:none ; top:0 ; }
				.liste_horizontale .container > ul > li { width:250px ; display:table-cell ; vertical-align:top ; border-left:1px dotted #6d6e71 ; } 
				.liste_horizontale .container > ul > li > a { padding:0 1em ; display: block ; text-decoration: none ; color:#000 ; transition: all .25s ; }
				.liste_horizontale .container > ul > li > a h3 { text-transform:uppercase ; }
				.liste_horizontale .container > ul > li > a img { width: 3em ; margin: 0.25em 0.5em 0.25em 0 ; float: left ; transition: all .25s ; }
				.liste_horizontale .container > ul > li > a:hover img {filter: grayscale(100%) ; }
	.liste_horizontale a:hover, .liste_horizontale .container > ul > li > a:hover { color:#80B5C9 ; }
				
.liste_ressources { position:relative ; overflow: hidden ; }
.liste_ressources ul { margin: 0 ; padding: 0 ; list-style-type: none ; }
.liste_ressources a { text-decoration:none ; color: #6d6e71 ; padding: 0.5em 1.5em 0.5em calc(22px + 0.5em) ; display: block ; font-family: 'Oswald', sans-serif ; font-size: 1.1em ; transition: all .25s ; background: url(design/croix-JAUNE.png) no-repeat left 0.6em ; }
.liste_ressources a:hover { color:#80B5C9 ; }
.liste_ressources .liste { background:#fff ; width:100% ; height:100% ; top:0 ; left:0 ; display: block ; }
.liste_ressources .liste:not(.active){ display:none ; }


.barre_ressources { background: #e7e7e7 ; display: table ; width: 100% ; font-family: 'Oswald', sans-serif ; color: #6d6e71 ; margin: 1.5em 0 ; font-weight: 700 ; }
	.barre_ressources > * { display: table-cell ; vertical-align: middle ; }
	.barre_ressources .pages { margin:0 ; padding: 0 ; list-style-type: none ; }
		.barre_ressources .pages > li {display:inline-block ; vertical-align: middle ; cursor: default ; padding: 3px 6px ; margin: 6px -4px 6px 6px ; width: 15px ; text-align: center ; transition: all .25s ; }
		.barre_ressources .pages > li.active { background:#f58220 ; color:#fff ; }
		.barre_ressources .pages > li:hover:not(.active) { background:#FDB913 ; cursor: pointer ; }

@media screen and (min-width:500px) {
	.liste_ressources .liste { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-wrap: wrap ; flex-direction: row ; box-shadow: rgba(0,0,0,0.25) 0 0 1.5em ; width: 100% }
	.liste_ressources .liste.active { width: 100% }
	
		.liste_ressources .liste li { width:calc(100% / 2) ; -webkit-flex-basis:calc(100% / 2) ; -ms-flex-basis:calc(100% / 2) ; flex-basis:calc(100% / 2) ;min-height: 80px ; }
	.barre_ressources > * { display: table-cell ; vertical-align: middle ; width: 50% ; }
}

@media screen and (min-width:1000px) {
	.liste_ressources .liste li { width:calc(100% / 3) ;-webkit-flex-basis:calc(100% / 3) ;-ms-flex-basis:calc(100% / 3) ; flex-basis:calc(100% / 3) ;}
}


/* Google maps*/
.acf-map { width: 100% ; height: 400px ; border: #ccc solid 1px ; margin: 20px 0 ; }
.acf-map img { max-width: inherit !important ; }


#container-implantations .acf-map { height: 600px ; }
/* SINGLE POST */
.articles-similaires ul { margin: 0 ; padding: 0 ; list-style-type: none ; }



 

/*==========================================================================================*/
/* GABARIT AGENDA COMPLET
------------------------------------------------------------------------------------------- */

#container_agenda { overflow:auto ; background:#F4F4F4 ; box-shadow:rgba(0,0,0,0.25) 0 0 10px inset ; }
	#container_agenda a { outline:none !important ; }

#container_agenda > p { padding:1.5em ; }
	
#barre_mois { overflow:visible ; width:10000px ; display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: nowrap ; margin: 0 ; padding: 0 ; list-style-type: none ; }

	#barre_mois > li { width:170px ;-webkit-flex-basis:170px ;-ms-flex-basis:170px ;flex-basis:170px ; vertical-align:top ; background-color:#FFFFFF ; text-align:center ; }

		#barre_mois > li.col_reduite { width:40px ;-webkit-flex-basis:40px ;-ms-flex-basis:40px ;flex-basis:40px ; }
		#barre_mois > li:last-child { margin-bottom:1em ; }
		#barre_mois > li:nth-child(odd) { background-color:#EFEFEF ; }
			#barre_mois > li > h1 { padding:10px 0 0 0 ; height:50px ; text-align:left ; font-weight:normal ; border-bottom:1px dotted #CCCCCC ; border-color:rgba(0,0,0,0.25) ; line-height:1.2 ; text-transform:uppercase ; display:block ; color:#6d6e71 ; 
				transition-property: color, border-color ; transition-duration: 0.25s ; font-size:0.8em ; }
			#barre_mois > li:nth-child(odd) > h1 { color:#1a1a1a ; }
			#barre_mois > li > h1 span { display:block ; padding: 0 10px ; }
			#barre_mois > li .mois { font-size:1.2em ; }	
			#barre_mois > li > h1 span.mois_lettres { font-size:1.7em ; } 
			#barre_mois > li.col_active .mois_reduit { display:none ; }
			#barre_mois .first { border-left:3px solid #787878 ; } 

.liste_evenements { margin: 0 ; padding: 0 ; list-style-type: none ; } 
	.liste_evenements li { width:92% ; padding:0 ; margin:0 4% 5px 4% ; cursor:pointer ; font-size:1em ; line-height:1.2 ; background:#6d6e71 ; transition:all 0.25s ; border-radius:0 1em 0.5em 0 ; }
		.liste_evenements li > a { text-decoration:none ; color:#6d6e71 ; transition: all .25s ; } 
			.liste_evenements li a .date { color:#FFFFFF ; text-align:left ; padding:0.55em 0.5em 0.3em 0.5em ; margin:0 ; display:block ; font-size:0.9em ; font-weight: bold ; line-height: 1 ; } 
			.liste_evenements li a .date.fin { text-align:right ; font-size:0.8em ; }
			.liste_evenements li a > div { margin:0 0 0 2px ; background-color:#FFF ; padding:10px 10px 5px 10px ; }
				.liste_evenements li h1 { font-size:1em ; margin:0 0 0.5em 0 ; font-weight:normal ; text-transform:uppercase ; text-align:left ; }
				.liste_evenements li h3 { font-size:0.8em ; margin-bottom:0.5em ; }
				.liste_evenements li:hover { background-color:#80b5c9 !important ; }
				.liste_evenements li:hover h1 { color:#000 ; }


/* Evénement majeur */
.inter { height: 1.5em ; width: 1.5em ; }

.evenement-majeur { margin:1.5em 0 ; }
	.evenement-majeur figure{ margin: 0 ; padding: 0 ; }
		.evenement-majeur figure img { display: block ; width: 100% ; height: auto ; } 
	.evenement-majeur .date-event { background:#B7B7B7 ; }
		.evenement-majeur .date-event > div { padding: 0.75em ; font-size: 1.5em ; color:#fff ; font-family: 'Oswald', sans-serif ; }
		.evenement-majeur .date-event span.jour { font-size:2.5em ; line-height: 1 ; }
		.evenement-majeur .date-event span.mois { font-size:1.5em ; font-weight: 400 ; }
	.evenement-majeur .evenement > div{ padding:1em 0 ; }
	.evenement-majeur h1 { margin: 0 0 0.5em 0 ; }
	.evenement-majeur p { font-weight: bold ; color: #6d6e71 ; }

.grandplus { text-decoration:none ; display: block ; width: 3em ; height: 3em ; background-color:#B3B3B3 ; background-image:url("design/grandplus.svg") ; background-repeat: no-repeat ; background-position: center ; background-size: cover ; transition: all .25s ; }
.grandplus:hover{ background-color: #6d6e71 !important ; }

@media screen and (min-width:1000px) {
	.inter { height: 3em ; width: 3em ; }
	.evenement-majeur { display: table ; width: 100% ; }
		.evenement-majeur > * { display: table-cell ; vertical-align: middle ; width:25% ; }
		.evenement-majeur .col:first-child { width: 50% ; }
		.evenement-majeur .date-event > div { font-size: 2em ; }
		.evenement-majeur .date-event span { display: block	 ; }
		.evenement-majeur .evenement > div{ padding:0 1em ; }
	.grandplus { width: 6em ; height: 6em ; }	
}
.gabarit-evenement .entry-header { margin-bottom:2em ; }
	.gabarit-evenement .entry-header h1 { margin-bottom: 0 ; }
	.gabarit-evenement .entry-header h2 { margin: 0.5em 0 ; color:#6d6e71 ; } 



/*==========================================================================================*/
/* GABARIT IMPLANTATIONS
------------------------------------------------------------------------------------------- */

.liste-markers { margin:0 ; padding: 0 ; list-style-type: none ; }
	.liste-markers li{ display: inline-block ; vertical-align: middle ; margin-right: 1em ; font-family: 'Oswald', sans-serif ; font-weight: 400 ; font-size: 0.8em ; }
		.liste-markers li figure>*{ display: inline-block ; vertical-align: middle ; } 
			.liste-markers li figure img { margin-right:0.25em ; width: 1em ; height: auto ; }

.liste-implantations { margin:0 ; padding: 0 ; list-style-type: none ; display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: wrap ; width: 100% }
	.liste-implantations li { background: #80B5C9 ; margin: 0 0.5em 0.5em 0 ; height: 250px ; width: calc(25% - 0.5em) ; -webkit-flex-basis: calc(25% - 0.5em) ; -ms-flex-basis: calc(25% - 0.5em) ;flex-basis: calc(25% - 0.5em) ; ; }
	.liste-implantations li.light { background-color:#FDB913 ; } 
		.liste-implantations li > div { padding: 1em ; }
			.liste-implantations li > div h4 {color:#fff ; }
			.liste-implantations li > div a { display: block ; color: inherit ; word-wrap: break-word ; margin-bottom: 0.5em ; } 
			.liste-implantations li > div a.plus { background:#fff ; display: inline-block ; border-radius: 1em ; font-family: 'Oswald', sans-serif ; font-weight: 400 ; padding: 0.25em 1em ; text-decoration: none ; margin-top: 1em ; text-transform: uppercase ; font-size: 0.8em ; }

.content-marker > * { margin:0 ; padding: 0 ; display: block ; color:inherit ; }
.content-marker > a:hover { color:#80B5C9 ; }

#tri fieldset { width: 100% ; margin: 0 0 5px 0 !important ; padding: 0 !important ; text-align: left !important ; display:block !important ; }

#tri .radio-imp, #tri .raccourcis { display:block !important ; margin:0 0 0.5em 0 !important ; padding: 1em !important ; ; }

	#tri .radio-imp input[type="checkbox"], #tri .raccourcis input[type="radio"] { margin:0 ; padding: 0 ; width: 15px }

	#tri .radio-imp fieldset figure { width: calc(100% - 24px)}

		#tri .radio-imp fieldset > *, #tri .raccourcis fieldset > * { display: inline-block !important ; vertical-align: middle ; text-align: left ; }
			

			#tri .radio-imp fieldset > figure > *, #tri .raccourcis fieldset > figure > * {display:inline-block ; vertical-align: middle ;}
			#tri .radio-imp fieldset > figure img, #tri .raccourcis fieldset > figure img { width:14px ; }
			#tri .radio-imp fieldset > figure figcaption { width: calc(100% - 24px)}

			

#tri select { width:calc(100% - 0.5em) !important ; padding: 0.25em !important ; margin: 0 0 0.5em 0 !important ; text-align: left !important ; }

#tri .raccourcis > fieldset { margin-bottom:1em !important ; }


@media screen and (min-width:600px) and (max-width:899px){
	#tri { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: nowrap ; width: 100%}
	#tri > div { width: 50% ;-webkit-flex-basis: 50% ;-ms-flex-basis: 50% ;flex-basis: 50%}
	
}

@media screen and (min-width:900px){
	#container-implantations { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: nowrap ; width: 100%	 ; }
	#container-implantations > div:first-child { width:250px ;-webkit-flex-basis:250px ; -ms-flex-basis:250px ; flex-basis:250px ;padding: 20px 0 ; }
	#container-implantations > div:last-child { width:calc(100% - 250px - 1em) ;-webkit-flex-basis:calc(100% - 250px - 1em) ; -ms-flex-basis:calc(100% - 250px - 1em) ; flex-basis:calc(100% - 250px - 1em) ;padding-left: 1em ; }
}

.default { margin: 20px 0 ; height: 600px ; background-repeat:no-repeat ; background-position: center ; background-size: contain ; } 
.default > div { padding: 1.5em ; }






/* Equipe */
.trombi ul { margin:0 ; padding:0 ; list-style-type:none ; display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction:row ; flex-wrap:wrap ; width: 100% }
	.trombi li { background-position:top center ; background-size:cover ; background-repeat:no-repeat ; margin-bottom: 4px ; /* filter: grayscale(100%) ;*/ transition: all .25s }
.trombi li:hover { filter:none}
	.trombi:not(.accueil) li {width:calc((100% - 20px) / 6) ;-webkit-flex-basis:calc((100% - 20px) / 6) ;-ms-flex-basis:calc((100% - 20px) / 6) ;flex-basis:calc((100% - 20px) / 6) ; } 
	.trombi.accueil li { width:calc((100% - 8px) / 3) ;-webkit-flex-basis:calc((100% - 8px) / 3) ;-ms-flex-basis:calc((100% - 8px) / 3) ;flex-basis:calc((100% - 8px) / 3) ; }
	.trombi.accueil li:not(:nth-child(3n+3)), .trombi:not(.accueil) li:not(:nth-child(6n+6)) { margin-right: 4px ; }
		.trombi li img { display:block ; width:100% ; height:auto ; 
			-webkit-filter: grayscale(100%) ; 
			filter: grayscale(100%) ; } 

.liste-reseaux-trombi { margin:0; padding: 0; list-style-type: none}



/* SINGLE POST */
.articles-similaires ul {margin:0 ; padding: 0 ; list-style-type: none ; }
	.articles-similaires ul li { margin: 0 0 0.5em 0 ; }
		.articles-similaires ul li a { display:block ; padding: 1em 2em 1em 1em ; text-decoration: none ; transition: all .25s ; position: relative ; background:#80B5C9 ; color:inherit ; }
		.articles-similaires ul li a:hover { background: #D5D5D5 ; ; } 
		.articles-similaires ul li a > p{ margin:0.5em 0 0 0 ; font-size: 0.9em ; }
			.articles-similaires ul li a h3 {margin:0 ; font-size: 1em ; }
			.articles-similaires ul li a span { display: block ; position: absolute ; right: 0.5em ; bottom: 0.5em ; margin: 0 ; }



.post-navigation { margin: 3em 0 ; border-top:1px dotted #787878 ; }
	.post-navigation > h2 { display:none ; }
	.post-navigation .nav-links a { font-family: 'Oswald', sans-serif ; font-weight: 400 ; text-decoration: none ; margin-top: 1em ; text-transform: uppercase ; font-size: 0.9em ; color:inherit ; display: block ; transition: all .25s ; padding: 1em 0 ; }
		.post-navigation .nav-links > *:first-child a { text-align: left ; }
		.post-navigation .nav-links > *:last-child a { text-align: right ; }
			.post-navigation .nav-links a:hover { color:#80B5C9 ; }

@media screen and (min-width:1000px) {
	.post-navigation .nav-links { display:table ; width: 100% ; }
		.post-navigation .nav-links > *{ display: table-cell ; width: 50% ; }
	
	.post-navigation .nav-links > *:first-child a { padding: 1em 40% 1em 0 ; }
		.post-navigation .nav-links > *:last-child a { padding: 1em 0 1em 40% ; }
}
			



.liste-themes { margin:2em 0 ; padding: 0 ; list-style-type: none ; }
	.liste-themes li{ display:inline-block ; vertical-align: middle ; background-color: #727272 ; font-family: 'Oswald', sans-serif ; text-transform: uppercase ; color:#fff ; font-weight: 700 ; margin: 0 4px 4px 0 ; cursor:default ; }
		.liste-themes li span { display:block ; padding: 0.25em 0.5em ; }
		.liste-themes li a{ text-decoration: none ; color:inherit ; }




.liste_puces { max-width:500px ; margin: 0 auto ; }
	.liste_puces ul{ margin: 0 ; padding: 0 ; list-style-type: none ; }
		.liste_puces ul li {margin:0 0 0.5em 0 ; }
			.liste_puces ul li a{ display:block ; color: #fff ; padding: 0.5em 1em ; background: rgba(0,0,0,0.33) ; text-decoration: none ; font-family: 'Oswald', sans-serif ; font-size: 1.4em ; transition: all .25s ; position: relative ; }
			.liste_puces ul li:nth-child(odd) a{ background: rgba(0,0,0,0.5) ; }
			.liste_puces ul li a:hover{ background-color:#80b5c9 ; }
			.liste_puces ul li a span.fleche { position:absolute ; top: 0 ; right: 0 ; display: block ; padding:0.1em 0.5em 0 0 ; transition: all .25s ; font-size: 1.5em ; font-family: 'Oswald', sans-serif ; line-height: 1 ; }
		
			.liste_puces ul li a:hover span.fleche{ padding-right: 0.25em ; }




._tel { font-family: 'Oswald', sans-serif ; font-size: 1.5em ; padding: 0.5em 0 ; }
._tel span.genericon { font-size:1em ; vertical-align: middle ; position: relative ; top: -0.1em ; left: -10px ; }
@media screen and (min-width:800px) { ._tel {font-size: 2em ; } }
@media screen and (min-width:1000px) { ._tel {font-size: 2.5em ; } }



.liste-offres { margin: 0 auto ; padding: 0 ; list-style-type: none ; max-width: 600px ; }
	.liste-offres li { margin:0 0 0.5em 0 ; background:#ECECEC ; }
		.liste-offres li a { display:block  !important ; padding: 1em ; text-decoration: none ; color:inherit ; border:1px solid rgba(0,0,0,0) ; transition: all .25s ; }
			.liste-offres li a * { margin: 0 ; padding: 0 ; }
			.liste-offres li a h3{ color:#0059A1 ; }
.liste-offres li a:hover { border-color:#0059A1 ; }




._2cols, ._3cols { margin:1.5em 0 ; padding:0 ; list-style-type:none ; }

@media screen and (min-width:600px) { 
	._2cols, ._3cols { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ;flex-direction:row ; flex-wrap: wrap ; width:100% ; }
		._2cols > .col, ._3cols > .col { vertical-align:top ;width:calc(50% - 1em) ;-webkit-flex-basis:calc(50% - 1em) ;-ms-flex-basis:calc(50% - 1em) ; flex-basis:calc(50% - 1em) ; ; }
		._2cols > .col:first-child { padding-right:1em ; } 
		._2cols > .col:last-child { padding-left:1em ; } 
		._3cols > .col {padding-right:1em ; ; }
}

@media screen and (min-width:800px) { 

		._3cols > .col { vertical-align:top ; width:calc(100% / 3 - 1em) ;-webkit-flex-basis:calc(100% / 3 - 1em) ;-ms-flex-basis:calc(100% / 3 - 1em) ;flex-basis:calc(100% / 3 - 1em) ; } 
}

._2cols .acces-page, ._3cols .acces-page { max-width: inherit ;margin:0 0 1em 0 ;width: 100%; }



.bt-inscription, .bt-desinscription, .bt-validation { display: block ; text-align: center ; padding: 1em 1.5em ; color:#fff ; background-color: #80b5c9 ; margin-bottom: 1em ; font-family: 'Oswald', sans-serif ; text-transform: uppercase ; font-size: 1.3em ; font-weight: 500 ; text-decoration: none ; transition: all .25s ; line-height: 1.4 }
.bt-inscription:hover, .bt-desinscription:hover { background-color: #1a1a1a ; }

.bt-desinscription, .bt-validation { background:#f58220 ; }


#onglets { margin: 2em 0 0 0 ; padding: 0 ; list-style-type: none ; display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; width: 100% ; flex-direction: row ; flex-wrap: nowrap ; }
	#onglets li { border-radius:0.5em 0.5em 0 0 ; }
	#onglets li.onglet { border-top:1px solid rgba(0,0,0,0.25) ; border-right:1px solid rgba(0,0,0,0.25) ; background-color: #EFEFEF ; }
		#onglets li:not(.active) {border-bottom:1px solid rgba(0,0,0,0.25) ; }
		#onglets li:first-child {border-left:1px solid rgba(0,0,0,0.25) ; }
		#onglets li.active { background-color: #fff ; }
			#onglets li.onglet span { display:block ; padding: 0.5em 1em ; font-family: 'Oswald', sans-serif ; text-transform: uppercase ; font-size: 1.2em ; font-weight: 500 ; text-align: center ; cursor: pointer ; }
			#onglets li.onglet:hover span {color:#80b5c9 ; } 
	
 
.slide-onglet:not(.active) { display: none ; }

.liste-contacts { margin: 0 ; padding: 1.5em 0 ; list-style-type: none ; }
	.liste-contacts > li{ margin-bottom: 0.5em}
		.liste-contacts > li > a { display:table ; width: 100% ; background: #EFEFEF ; text-decoration: none ; transition: all .25s ; position: relative}
		.liste-contacts > li > a:hover { background: #80b5c9 ; color:#fff }
			.liste-contacts > li > a > * { display: table-cell ; vertical-align: top ; }
			.liste-contacts > li > a > div:first-child { width:96px ; }
				.liste-contacts > li > a > div:first-child > figure { background-repeat: no-repeat ; background-position: center ; background-size: cover ; }
					.liste-contacts > li > a > div:first-child > figure img { width: 100%; height: auto}
			.liste-contacts > li > a > div:nth-child(2) { padding: 1em 3em 1em 1.5em ; position: relative ; }
				.liste-contacts > li > a > div:nth-child(2) > * { padding: 0 ; margin: 0 ; } 
				.liste-contacts .go-profil { color: inherit ; display:inline-block !important ; font-size: 3em ;font-family: 'Oswald', sans-serif ; line-height: 1 ; position:absolute ; bottom:0 ; right: 0.25em ; transition: all .25s }
				.liste-contacts > li > a:hover .go-profil{ ; font-size: 4em ; color:#fff !important ; }

				.nom-trombi { font-size: 1.3em; margin: 0 0 0.5em 0 !important}

				.liste-contacts .bt-flottants { position:absolute ; bottom:0 ; right: 0 ; padding: 0 }
				.liste-contacts .bt-flottants a { display: inline-block ;color: inherit ; text-decoration: none ; ;font-family: 'Oswald', sans-serif ; line-height: 1 ;transition: all .25s ; padding: 0.5em ; text-transform: uppercase}

				.liste-contacts .bt-flottants a:hover { }
		


					.liste-contacts .nom { text-transform: uppercase ; }

						.liste-structures-fiche { margin: 0.5em 0 0 0 ; padding: 0; list-style-type: none}

							.liste-structures-fiche > li{ padding: 0.5em 0.75em;}
							.liste-structures-fiche > li:nth-child(odd){ background: rgba(0,0,0,0.1)}
									.liste-structures-fiche > li p { margin:0}

/*
@media screen and (min-width:500px) { 
	.liste-contacts > li { display:inline-block ; width: calc(50% - 1em - 4px) ; margin:0 1em 1em 0 ; } 
}*/




/* Calendar Widget*/
/* CALENDRIER DES ACTUS */

#wp-calendar td a{ display:block ; background:#2D2E39 ; color:#FFFFFF ; padding:0.25em ; transition:all 0.25s ; }
#wp-calendar td a:hover{ background:#90B96C ; }


.widget_calendar table { line-height: 2 ; margin: 0 ; width: 100% ; max-width: 300px ; background: rgba(0,0,0,0.15) ; color:#000 ; }
.widget_calendar caption { font-weight: 700 ; line-height: 1.7142857142 ; margin-bottom: 18px ; text-align: left ; text-transform: uppercase ; }
.widget_calendar thead th { background-color: rgba(255, 255, 255, 0.1) ; }
.widget_calendar tbody td, .widget_calendar thead th { text-align: center ; }
.widget_calendar tbody a { background-color: #24890d ; color: #fff ; display: block ; }
.widget_calendar tbody a:hover { background-color: #AC9069 ; }
.widget_calendar tbody a:hover { color: #fff ; }
.widget_calendar #prev { padding-left: 5px ; }
.widget_calendar #next { padding-right: 5px ; text-align: right ; }


.content-sidebar .widget_calendar caption { color: #2b2b2b ; font-weight: 900 ; }
.content-sidebar .widget_calendar thead th { background-color: rgba(0, 0, 0, 0.02) ; }
.content-sidebar .widget_calendar tbody a, .content-sidebar .widget_calendar tbody a:hover { color: #fff ; }

.widget label.screen-reader-text { display:none ; }


/* PROFIL */
.header-profil > div { display:table ; width: 100% ; background: rgba(0,0,0,0.075) ; border-radius: 5px ; overflow: hidden ; }
.header-profil > div > * { display:table-cell ; vertical-align: middle ; }
.header-profil > div > figure { width: 25% ; max-width: 200px ; min-width: 100px ; background-repeat: no-repeat ; background-position: center ; background-size: cover ; border-right: 8px solid #000 ; }
.header-profil > div > figure img { width:100% ; height: auto ; display: block ; }
.header-profil > div > *:nth-child(2){ padding-left: 1em ; }







.etoile { color:#f83b99 ; }

.entry-content { padding-bottom:2em ; }


.article-entete { margin-bottom:2em ; }
.article-entete div{ padding: 0 1em ; }


.entry-content > a:not(.bt-filebase), .entry-content > p a:not(.bt-filebase) , .entry-content > ul >li a:not(.bt-filebase) {text-decoration: none ; background-color: #D5D5D5 ; display: inline-block ; padding: 0.2em 0.3em 0.1em 0.3em ; border-radius: 3px ; transition: all .25s ; }
.entry-content > a:not(.bt-filebase):hover, .entry-content > p a:not(.bt-filebase):hover, .entry-content > ul >li a:not(.bt-filebase):hover { background-color: #f58220 ; color:#fff ; }







.gallery > figure { margin:0 ; padding: 0 ; }
.gallery > figure > * { margin: 0 ; }
.gallery > figure img { width: 100% ; height: auto ; position: relative ; transition: all .25s ; display: block }


.gallery-icon { padding:5px}
.gallery a { display: block ; padding: 5px !important ; border: 1px solid #B7B7B7 ; transition: all .25s }

.gallery a:hover { background: #000 ; border-color:#000}

@media screen and (min-width:500px){
	.gallery { display: -webkit-flex ; display: -moz-flex ; display: -ms-flexbox ; display: -o-flex ; display: flex ; flex-direction: row ; flex-wrap: wrap ; width: 100% }
	.gallery > figure { width: calc(100% / 2) ; -webkit-flex-basis: calc(100% / 2) ; -ms-flex-basis: calc(100% / 2) ; flex-basis: calc(100% / 2) ; }
}
	
@media screen and (min-width:700px){
	.gallery > figure { width: calc(100% / 3) ;-webkit-flex-basis: calc(100% / 3) ;-ms-flex-basis: calc(100% / 3) ;flex-basis: calc(100% / 3) ; }
}
	
@media screen and (min-width:900px){
	.gallery > figure { width: calc(100% / 4) ;-webkit-flex-basis: calc(100% / 4) ;-ms-flex-basis: calc(100% / 4) ;flex-basis: calc(100% / 4) ; }
}

@media screen and (min-width:900px){
.jp-carousel-image-meta { position: fixed !important ; right: 2em !important ; bottom: 1em ; float: none }
	
}


.liste-liste article { background:#E3E3E3 ; margin: 0 0 1em 0 ; padding: 1em ; transition: all .25s ; }

.liste-liste article a { text-decoration: none ; position: relative ; display: block ; }
.liste-liste article a figure { margin: 0 0 0.5em 0 ; padding: 0 ; background-repeat: no-repeat ; background-position: center ; background-size: cover ; width: 50px ; }
.liste-liste article a img{ width: 100% ; height: auto ; }

.liste-liste article a .descriptif * { margin:0 ; padding: 0 ; }
.liste-liste article a .descriptif h2 { margin:0 0 0.25em 0 ;transition: all .25s ; font-size: 1.1em ; }
.liste-liste article:hover { background-color: rgb(128,181,201) ; }
.liste-liste article:hover h2 { color:#fff ; }
.liste-liste article a .date { text-transform: uppercase ;font-family: 'Oswald', sans-serif ; font-size: 0.9em ; position: absolute ; top: 0 ; right: 0 ; }

@media screen and (min-width:500px){
	.liste-liste article a { display: table ; text-decoration: none ; width: 100% ; }
		.liste-liste article a > * { display:table-cell ; vertical-align: top ; }
	.liste-liste article a > *:nth-child(2){ padding-left:1em ; }
	.liste-liste article a .descriptif { padding-right:3em ; }
}



.events-en-cours { margin:0 ; padding: 0 ; list-style-type: none ; max-width: 600px}
	.events-en-cours > li{ margin: 0 0 1em 0 }
		.events-en-cours > li a { display: block ; padding: 1em ; background: rgb(239,239,239) ; text-decoration: none ; color:#6d6e71 ; transition: all .25s} 
			.events-en-cours > li a strong, .events-en-cours > li a span {font-family: 'Oswald', sans-serif ; font-size: 1.3em ;} 
			.events-en-cours > li a strong { text-transform:uppercase ; margin-bottom: 0.25em ; display: block} 
			.events-en-cours > li a p { margin-bottom: 0}
		.events-en-cours > li a:hover{ color:#000}



.acces_rapide > a { display:block ; padding: 0.25em 0.5em ; font-size: 1.2em ; background:#80B5C9 ; text-decoration: none ; max-width: 300px ; margin-bottom: 0.25em ;font-family: 'Oswald', sans-serif ;
font-weight: 400 ; letter-spacing: 0.03em ; text-transform: uppercase ; color:#fff}

.acces_rapide > a:before { content:"► "}




#module-recherche label .screen-reader-text { display:none}


#popin_newsletter { background:rgba(0,0,0,0.5); display: table; width: 100%; height: 100%; overflow: auto; position: fixed; top: 0; left: 0; z-index: 100000; font-size: 1.4em}
	#popin_newsletter > article { display: table-cell; width: 100%; vertical-align: middle  }
		#popin_newsletter > article > div  { padding: 3em;background: #fff; max-width: 500px; margin: 0 auto; position: relative}
			#popin_newsletter > article > div .close { position: absolute; top: 0; right: 0; display: inline-block; padding: 1em; cursor:pointer}
			#popin_newsletter > article > div .close:hover { font-weight: bold}




.gabarit-inscription { padding :2em 5%; max-width: 700px; margin: 0 auto}


.champs-cache { display: none}





/* PRE INSCRITS */

.liste-preinscrits { margin:0 0 2em 0; padding: 0; list-style-type: none}
.liste-preinscrits > li:nth-child(odd) article { background: rgba(0,0,0,.1)}
.liste-preinscrits > li:nth-child(even) article { background: rgba(0,0,0,.05)}

.preinscrit-details { position:relative; padding: 1em}
.preinscrit-details h1 { margin:0 0 0.5em 0; font-size: 1.4em; text-transform: inherit}
.preinscrit-details > span { display:inline-block; padding: 0.5em; font-size: 2em; position: absolute; top: 0; right: 0; }
.preinscrit-details > .plus {cursor: pointer}
.preinscrit-details div { 
	/* display:none; */
	margin: 1em 0 0 0 }
.preinscrit-details div.details-affiche { 
	display:none;  
}

.preinscrit-details p { margin: 0.5em 0 0 0}
.preinscrit-details .reseaux span { display: inline-block; vertical-align: middle; margin: 0 0.25em; padding: 0.25em 0.5em; background: rgba(0,0,0,0.1)}

.preinscrit-details footer { margin:3em 0 0 0}
.preinscrit-details footer a { display:inline-block; vertical-align: middle; padding: 0.5em 1em; color:#fff; text-transform: uppercase; text-decoration: none; background: #7A7A7A; font-weight: bold; transition: all .5s }
.preinscrit-details footer a:first-child { margin-right:12em}
.preinscrit-details footer a:last-child { float: right}
.preinscrit-details footer .valider {background-color:#1A7300}
.preinscrit-details footer .supprimer {background-color:#BB0003}
.preinscrit-details footer a:hover { background-color: #F58220 }


.liste-preinscrits.validate { background-color:#1A7300; }
.liste-preinscrits.rejete { background-color:#BB0003; }
.liste-preinscrits.validate, .liste-preinscrits.validate >*, .liste-preinscrits.rejete >* { color:#fff}



.popin-pwd { display:table; width: 100%; height: 100%; background: rgba(0,0,0,0.8); position: fixed; z-index: 100000; top: 0; left: 0}
.popin-pwd > div { display:table-cell; vertical-align: middle}
.popin-pwd > div > div { background: #fff; padding: 1em 2em; max-width: 600px; margin: 0 auto; font-size: 1.5em; position: relative}
.popin-pwd .fermer-popin-pwd { position: absolute; top: 0; right: 0; padding: 0.5em; cursor: pointer}



.alerte { padding:2em 3em; background: rgba(255,0,4,0.1); text-align: center; border:1px solid rgba(255,0,4,1); font-weight:bold; color:rgba(255,0,4,1)}



.bloc-texte .texte{
	padding: 0px 1em ;
}

.bloc-texte h2{
	background: #fff;
	padding: 0 0.5em 0.25em 0;
	display: inline-block;
	color: #000;
	font-size: 1.8em;
	margin: 0;
	max-width: none;
	width: auto;
	font-weight: 700;
}


.contenu-prive{
	    padding: 40px 40px 0px 0px;
}


article .entry-content p{
	line-height: 1.8;
	font-weight: 400;
	font-size: 1.1em;
}

article .entry-content {
    padding: 0 4% 0 0;
}

/* Bouton recherche */
#module-recherche button{
	padding: 5px 10px;
}

#module-recherche button span.screen-reader-text{
	clip-path: none!important;
	position: relative!important;
}




/* popin RGPD */
#popin_rgpd { background:rgba(0,0,0,0.5); display: table; width: 100%; height: 100%; overflow: auto; position: fixed; top: 0; left: 0; z-index: 100000; font-size: 1.4em}
	#popin_rgpd > article { display: table-cell; width: 100%; vertical-align: top; padding-top: 10%;  }
		#popin_rgpd > article > div  { padding: 3em;background: #fff; max-width: 500px; margin: 0 auto; position: relative}
			#popin_rgpd > article > div .close { position: absolute; top: 0; right: 0; display: inline-block; padding: 1em; cursor:pointer}
			#popin_rgpd > article > div .close:hover { font-weight: bold}