/*
Courcelles Design 2022 info@courcelles-design.fr 
04/12/2022 - 2022
// bleu 0e5aa3
// vert 52a774
// gris fonçé 545454
*/

.clearfloat {clear:both;}

.bleu {color:#0e5aa3;}
.bkgbleu {background-color:#0e5aa3;}

.bkgfooter {}
.bkgfooterpages {background-color:rgb(138, 138, 138);}
.vert {color:#03710e;}

.bkgvert {background-color:#03710e;}
.bkgtransparent {background-color:#03710e;;}
body.sommaire .bkgtransparent {background-color:transparent;}

body.article .bkgvert {background-color:#03710e;}
.rouge {color:#d81e02;}
.lilas {color:#805f8d;}
.bkgfushia {background-color:#805f8d;}
.presquenoir {color:#545454;}
.noir {color:#000000;}
.bkgnoir {background-color:#000000;}
.bkggris {background-color:#F2F2F2;}
.bkgnoirtransparent {background-color:rgba(29, 36, 42, 0.9);}

.blanc {color:#ffffff;}
h1.blanc {color:#ffffff;}
.bkgblanc {background-color:#ffffff;}
.bleufacebook {color:#3b5998;fill:#3b5998;}
.gris{color:#545454;}
.orange {color:#f39a35;}
.bkgorange {background-color:#f39a35!important;}

body.sommaire .bkgnav {  background: #dfd9d9d4;}
body.article .bkgnav {  background: #ffffff;}

a.bleu {color:#0e5aa3;}
a.vert {color:#03710e;}
a.blanc {color:#ffffff;}
a.gris{color:#545454;}


strong{font-weight:bold;}

html {
  font-size: 100.01%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body, input, select, textarea,label {
	color: #545454;
	background-color:#ffffff;
font-family: 'Roboto', sans-serif;
font-weight:400;
 font-size: 1em;
  line-height: 1.5;
}

label.menu-btn {background-color:transparent;}


hr.nav {    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
#topnav {height:48px;}
#topnav span.on {color:#545454;font-weight:bold;}
#header {height:120px;}
#hello p {text-align:center;}
#footer  .logofooter{display:block;padding:2em;text-align:center;border: 1px solid #8c8c8c;}
#footer  img.bkgfondlogofooter{height:180px;width:180px;}
#footer .copyright  p {text-align:center;}
.traductions  .on {color:#d81e02;}

.max-width-5 {
 max-width:80rem
}
.mt5 {margin-top: 5rem;}

h1, h2, h3, h4, h5, label {font-family: 'Roboto', sans-serif;}

body.sommaire  h2.spip {font-size: 1.3rem;margin:0.6em 1.2em 0.6em 0;padding:0.3em 0.8em; color:#03710e;display:inline-block;text-align:center;} 

body.rubrique  h2.spip {font-size: 1.3rem;margin:0.6em 1.2em 0.6em 0;padding:0.3em 0.8em; background-color:#6fb09e;color:#ffffff;display:inline-block;text-align:center;} 

body.article h2.spip {font-size: 1.3rem;font-weight:600;margin:0.6em 1.2em 0.6em 0;padding:0.6em 3em;color:#545454;display:inline-block;text-align:center;background-image:url("images/bkg_h2.jpg");background-position: left;background-repeat: no-repeat; }

h3 {font-size: 1.0rem;color:#ffffff;margin:0.6em 0;padding:0.2em 0.6em; text-transform: uppercase;background-color:#4186b5;display:inline-block;}
h3.spip {font-size: 1.3rem;color:#0D0D0D;margin:0.6em 0;}

i {font-style:italic;}
p {margin-bottom:1.2em;font-size:1em;color:#000000;text-align:justify;}


body.article .owl-carousel .item {height: 360px; overflow:hidden;}

.texte_en_avant {	border-radius: 5px;  border-style: solid;  border-width: 1px;border-color:#52a774;background-color:#ffffffa3;}

.sommaire p {margin-bottom:1.2em;font-size:1.1em;color:#000000;}
.copyright  p {margin-bottom:1.2em;font-size:1.1em;color:#ffffff;}
.texte_en_avant p {margin-bottom:1.2em;font-size:1.1em;color:#000000;}
a.spip_mail::before {content: "\002709";padding-right:6px;color:#03710e;}

footer p {margin-bottom:1.2em;font-size:1.2em;color:#c8ece9;text-align:center;}
ul.spip {list-style:none; margin-bottom:1.6em;padding-left:1.6em;}
ul.spip li::before {content: "\2022";color: #6fb09e;display: inline-block;width: 1em;margin-left: -1em;} 
ul.spip li {font-size:1em;color:#000000;}


.border-bottom  {border-bottom-color:#0D0D0D21;}
.encours {border-bottom: 0.5rem  solid red;}
.texteencadre-spip {padding:1.2em;}
.caractencadre-spip {color: #b0004d;font-weight: bold;}
small {font-size:0.85em;}
br.autobr {margin-bottom:0.9em;display:block;}
/* .spip_doc_legende {display:none;} */

blockquote {padding: 0 50px;font-style: italic;margin-bottom:1.8em;font-size:1.1em;}

figure.swiper-slide  a  {width:100%;height:100%;}
.img-responsive {max-width:100%;}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: -6px;
	left: 0;
	z-index:100;
}

hr.spip {clear: both;border: 0;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #03710e, #ccc); margin-bottom:1.8em;	max-width:20rem;}


hr.soustitre {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	max-width:20rem;
}

hr.footer {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.ariane {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(189, 4, 10, 0.75), rgba(0, 0, 0, 0));
	max-width:12rem;
}



hr.separation {clear: both;border: 0;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #0e5aa3, #ccc);}
hr.separation2 {clear: both;border: 0;height: 1px;background: #0e5aa3;}
.soustitre {border-bottom: 1px solid #e6e6e6;}
.ligne {	border-right: 1px solid #e6e6e6;}
.encadre {border: 1px solid #e6e6e6;}
.encadre_fond {border: 1px solid #e6e6e6;background:#162765;}
.box {border-bottom: 1px solid #e6e6e6;}
.boxsans:nth-child(2n+1){border-right: 1px solid #e6e6e6;border-bottom:none;}

.boxpdf {border: 1px solid #e6e6e6;}

.slick-prev::before, .slick-next::before {color:#162765;}

.separateur::after {
	content: " ";
	display: block;
	margin:0px 5px 0px 5px;
	height: 0;
	width:98%;
	border-bottom: 8px solid #cbcbcb;
	-webkit-transform: skewX(150deg);
}

/* #titre page */



.titre-page:before,
.titre-page:after {
  background-color: #0e5aa3;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 10%;
}

.titre-page:before {
  right: 0.5em;
  margin-left: -30%;
}

.titre-page:after {
  left: 0.5em;
  margin-right: -30%;
}

 #map {
	 display:block;
	height: 360px;
	width: 100%;
}

@media (max-width: 767px) {
.titre-page a, .titre-page {font-size:0.95em;}

h2 {text-align:center;}
h2 a {font-size:0.85em;text-align:center;}
.titre-page:before,
.titre-page:after { width: 1%;content:none;}

.banner-2 {margin-top:0.5rem;margin-bottom:1.8rem;}
.banner-3 {margin-top:1rem;margin-bottom:1rem;}
#hello {margin-top:-4em!important;}
#banner .more {left:40%!important;}
.en_avant2 {min-height:240px;}

body.rubrique .wrapper {margin-top:48px;}
.owl-slide > .caption > .title {font-size:0.8em;}
/* .mt4 {margin-top:0;} */

.navbar-fixed-bottom ul li a {font-size:0.8em;}
.compensation {}
#formulaire_recherche input[type="submit"] {    padding: 0px 0.5em;}
}


#titre-page:before,
#titre-page:after {
  background-color: #d81e02;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 30%;
}

#titre-page:before {
  right: 0.5em;
  margin-left: -50%;
}

#titre-page:after {
  left: 0.5em;
  margin-right: -50%;
}

@media screen and (max-width: 970px) {
#titre-page:before, #titre-page:after {width:12%;}
body.rubrique, body.article h1.titre-page {font-size:1.2em; }
.logo_article {position:relative;}
}	

@media screen and (max-width: 568px) {
#titre-page:before, #titre-page:after {width:6%;}
}	


.texte img {max-width:100%;height:auto;}
.spip_documents  img {max-width:100%!important;height:auto;}
.message_retour_email {color:#F21D2F;}
.swiper-wrapper {height:120px;}
.wrapper {}



@media screen and (max-width: 568px) {
	
.owl-stage-outer.owl-height	{height:260px!important;}

}

.wrapper.opaque {opacity:0.5;}

#titre-accueil .opaque {opacity:0.5;}

#titre-accueil {	position: absolute;top:32px;left:24%;}

@media screen and (max-width: 1980px) {
#titre-accueil{left:28%;}	
}	
@media screen and (max-width: 1680px) {
#titre-accueil{left:24%;}	
}
@media screen and (max-width: 1280px) {
#titre-accueil{left:14%;}	

}

@media screen and (max-width: 568px) {
#titre-accueil {	position: absolute;top:100px;left:0;}

}	

li.autres_sous_rubriques a.on  {color:#b0004d;}

#footer ul li.facebookfooter a img {width:1.4em;height:1.4em;}
#footer ul li.youtubefooter a {display:inline-flex;vertical-align:bottom;}
#footer ul li.youtubefooter a img {width:1.6em;height:1.6em;margin-top:-1.2em;}

/* annonces */
.z-index-10 {z-index:10;}
.z-index-100 {z-index:100;}
.z-index-200 {z-index:200;}

@media screen and (max-width: 568px) {

.documents_joints_pdf {position:unset!important;margin:1em auto;}

.outils  {position:unset!important;float:right;margin-right:1em;}
#equipements div {width:100%;}
}


#options small {font-size:0.6em;font-style:italic;margin-right:12px;}



	
/* icones */	

.chemin-dossier { 
background:url(../../images/angle-right.svg) #ffffff no-repeat; 
background-size: 0.5rem;
		background-repeat: no-repeat;
		background-position: left;}	
		
.address-card {background:url(../../images/address-card.svg) #ffffff no-repeat; 
background-size: 1rem;
		background-repeat: no-repeat;
		background-position: left;}	
.phone {background:url(../../images/phone.svg) #ffffff no-repeat; 
background-size: 0.8rem;
		background-repeat: no-repeat;
		background-position: left;}	
.mobile {background:url(../../images/mobile-alt-solid.svg) #ffffff no-repeat; 
background-size: 0.8rem;
		background-repeat: no-repeat;
		background-position: left;}	

.mail {background:url(../../images/at-solid.svg) #ffffff no-repeat; 
background-size: 0.8rem;
		background-repeat: no-repeat;
		background-position: left;}
		
.facebook {background:url(../../images/facebook-f.svg) #ffffff no-repeat; 
background-size: 0.8rem;
		background-repeat: no-repeat;
		background-position: left;}	
		

body.plan ul li a {font-size:1.1em;}

#progress-container {
    position: fixed;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
    z-index: 1000;
    background: transparent;
    transition: all ease-out 0.2s;
}

#progress-container.ready {
    transform: translateY(-3px);
}

#progress-bar {
    display: block;
    width: 0;
    height: 3px;
    background: #d3050c;
}

/* nav footer */

.bottom-nav-collapse {position:fixed;left:0;right:0;bottom:0;}


/* Tableaux */
table {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table {
  width: 100%;
}
.table caption, table.spip caption,
.table th, table.spip th,
.table td, table.spip td  {
  padding: 0.375em;
}
.table caption, table.spip caption {
  font-weight: bold;
  text-align: left;
  border-bottom: 2px solid;
}
.table th, table.spip th {
  font-weight: bold;
}
.table th, table.spip th,
.table td, table.spip td {
  border-bottom: 1px solid;
}
.table thead th, table.spip thead th {
  vertical-align: bottom;
}
.table tbody tr:hover td {
  background-color: rgba(34, 34, 34, 0.050000000000000044);
}
.table tfoot {
  font-style: italic;
}
.table tfoot td {
  border-bottom: 0;
  vertical-align: top;
}

.table tr td {vertical-align:top;}


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

}	

/* divers */

.owl-slide > .caption{
    z-index: 100;
    position: absolute;
    left:20%;
    width: 40%;
    top:10%;
		
}
.owl-slide > .caption > .title {
    background: #3131317d;
    color : #FFF;
    padding: 1.6em;
    width: auto;

}

.ombres {
	box-shadow: 2px 2px 8px 2px #E0E0E0;
}
.sansombres {box-shadow:none;}

.image.actus {border: 1px solid #8c8c8c;}

a {
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	color: #000000;
	text-decoration: none;
	border-bottom: none;
}
.syndication a {font-size:1.1em;}
.syndication small em a {}

#topnav a {  color: #ffffff;
  text-decoration: none;
  font-size: 14px;}

footer a {color:#ffffff;}


.image.featured {
	display: block;
	margin: 0 2em 2em 0;
}

@media (max-width: 767px) {

}

@media screen and (max-width: 1280px) {
ul.menu-liste {padding:0; margin: 0 0 0 0;}	
ul.menu-liste li {font-size: 0.65em;}	
input[type="submit"], input[type="reset"], input[type="button"], .button {padding: 0 0.6em;}
}

@media screen and (max-width: 1024px) {

}

.button a {
	-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, opacity 0.2s ease-in-out;
	color: #ffffff;
	text-decoration: none;
	border-bottom: dotted 1px;
}

.preload {position: fixed;	left: 0px;	top: 0px;	width: 100%;	height: 100%;	z-index: 9999;	background: url(../../images/Preloader_11.gif) center no-repeat #fff;}
.scrollup{
z-index:9999;
    width:50px;
    height:50px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url(../../images/up.png) no-repeat;
    border-bottom: none;
}

a.scrollup:focus {
outline:none;
}
#documents_portfolio ul {list-style:none;}
.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; max-width: 100%;}
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left!important; margin-right: 1.5em; }
.spip_documents_right { float: right; margin-left: 1.5em; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }
.spip_doc_credits { font-size:x-small; clear: both; }

@media (max-width: 767px) {
.spip_documents_left, .spip_documents_right  {margin:0;}
a.logo_marque_1 img {
    margin-top: 20px; margin-bottom:20px;;
    max-width: 90%;
}
}

/* fixer une largeur maximale de 100 % aux elements potentiellement problematiques */
@media (max-width: 640px) {
.spip_documents,.spip_doc_titre,.spip_doc_descriptif { max-width: 100% !important; }
}


/* Form */

	form {
		margin: 0 0 2rem 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		border-radius: 0;
		border: none;
		border: solid 1px;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1rem;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		input[type="search"]:invalid,
		input[type="url"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

	label {
		display: block;
		font-size: 1.2rem;
		font-weight: 400;
		margin: 0 0 1rem 0;
	}
	
fieldset {
	color:#000000;
	padding:1em;
	width: 98%;
	margin: 10px 0px 20px 0px;
	font-size: 0.9em;
	border: 1px solid #e6e6e6;
	border-radius: 8px;
}
fieldset legend {	font-size: 1.4em;font-weight:bold;color:#03710e;}
fieldset label {color:#000000;}		

.formulaire_spip__etapes {padding:1.3em 1em;background-color:#0D0D0D21;margin-bottom:1.6em;font-weight:bold; color:#03710e;}	
.formulaire_formidable p.boutons {margin-top:20px; float:right;margin-right:10px;}	
.formulaire_formidable .etapes__items li {display: inline-block;}
.formulaire_formidable .etapes__items li em {font-size:1.3em;font-weight:bold; color:#03710e;}
	
.formulaire_formidable  label, #formulaire_recommander label{display: block;font-size: 1.1em;font-weight: 400;margin: 0.85rem 0 0  0;}
p.explication  {font-size: 0.85em;text-align:left;float:right;}	
p.explication:after {clear:right;}
.choix {clear:right;}	
.explication p {font-size: 0.85em;text-align:left;}	
.explication_texte p {font-size: 1em;text-align:left;}
.explication_texte p a {text-decoration:underline;}	
.explication.explication_apres {font-size: 0.85em;text-align:left;}

.etapes__items .etapes__item {padding-left:1.6em;}

.formulaire_formidable .editer-groupe {display:flex;flex-wrap:wrap; }
.choix {display:block; }
 
.choix checkbox{display: inline-block;}
.choix label{display: contents;}
.editer_odd {width:50%;float:left;padding:0 1.6em;}
.editer_even{width:50%;float:left;padding:0 1.6em;}

.formulaire_spip .etapes__item:not(:first-child)::before {
	content: ' → ';
}

.formulaire_formidable  button.submit {font-size:1.2em;}	

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"] {
		height: 2.25rem;
	}

	input[type="search"] {
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 1.95rem;
		padding-right: 1.25rem;
		text-overflow: ellipsis;
		display: inline-block;
		max-width:98%;
	}

	select {
		background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		height: 2.25rem;
		padding-right: 2.25rem;
		text-overflow: ellipsis;
	}

		select:focus::-ms-value {
			background-color: transparent;
		}

		select::-ms-expand {
			display: none;
		}

	textarea {
		padding: 0.75rem 1rem;
	}


	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		opacity: 1.0;
	}

	:-moz-placeholder {
		opacity: 1.0;
	}

	::-moz-placeholder {
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		opacity: 1.0;
	}

	label {
		
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		background-color: #ffffff;
		border-color: #e0e0e0;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		select:focus,
		textarea:focus {
			border-color: #4186b5;
			box-shadow: 0 0 0 1px #4186b5;
		}
		
	input[type="submit"], input[type="reset"], input[type="button"],  .button {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	/* background-color: #6fb09e; */
	border-radius: 0px;
	border: 0;
	/* color: #ffffff; */
	cursor: pointer;
	display: inline-block;
	padding: 0 1.5em;
	margin-left:4px;
	line-height: 2.0em;
	min-width: 3em;
	text-align: center;
	text-decoration: none;
	font-weight: 300;
	letter-spacing: -0.025em;
}	

	input[type="submit"], input[type="reset"], input[type="button"] , button[type="submit"] , input[type="file"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png");
	background-color: #6fb09e;
	border-radius: 5px;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	padding: 0 1.5em;
	margin-left:4px;
	line-height: 2.0em;
	min-width: 3em;
	text-align: center;
	text-decoration: none;
	font-weight: 300;
	letter-spacing: -0.025em;
}

	input[type="search"] {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='179.2' height='179.2'%3E%3Cpath transform='scale(0.1,-0.1) translate(0,-1536)' d='M1152 704q0 185 -131.5 316.5t-316.5 131.5t-316.5 -131.5t-131.5 -316.5t131.5 -316.5t316.5 -131.5t316.5 131.5t131.5 316.5zM1664 -128q0 -52 -38 -90t-90 -38q-54 0 -90 38l-343 342q-179 -124 -399 -124q-143 0 -273.5 55.5t-225 150t-150 225t-55.5 273.5 t55.5 273.5t150 225t225 150t273.5 55.5t273.5 -55.5t225 -150t150 -225t55.5 -273.5q0 -220 -124 -399l343 -343q37 -37 37 -90z' fill='%23e0e0e0' /%3E%3C/svg%3E");
	}

	select {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23e0e0e0' /%3E%3C/svg%3E");
	}

		select option {
			color: #171717;
			background-color: #ffffff;
		}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: #171717;
	}

		input[type="checkbox"] + label:before,
		input[type="radio"] + label:before {
			background: #ffffff;
			border-color: #e0e0e0;
		}

	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		background-color: #0D0D0D;
		border-color: #0D0D0D;
		color: #ffffff;
	}

	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before {
		border-color: #0D0D0D;
		box-shadow: 0 0 0 1px #0D0D0D;
	}

	::-webkit-input-placeholder {
		color: #aeaeae !important;
	}

	:-moz-placeholder {
		color: #aeaeae !important;
	}

	::-moz-placeholder {
		color: #aeaeae !important;
	}

	:-ms-input-placeholder {
		color: #aeaeae !important;
	}
	

	
/* documents */



.pdffile {top:-10px;left:-10px;
 background:url(../../images/file-pdf.svg) no-repeat; 
background-size: 0.9rem;
		background-repeat: no-repeat;
		background-position: left;
		}	

.syndication  nav ul {}
.syndication  nav ul  li {}



body.sommaire #banner h2 {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
			-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
			-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
			transition: transform 0.5s ease, opacity 0.5s ease;
			display: inline-block;
			font-size: 2.75em;
			opacity: 1;
			padding: 0.35em 1em;
			position: relative;
			z-index: 1;
			color: #ffffff;
			font-weight: 800;
		}



body.sommaire #banner h2:before, #banner h2:after {
				-moz-transition: width 0.85s ease;
				-webkit-transition: width 0.85s ease;
				-ms-transition: width 0.85s ease;
				transition: width 0.85s ease;
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
				background: #805f8d;
				content: '';
				display: block;
				height: 2px;
				position: absolute;
				width: 100%;
			}

 body.sommaire #banner h2:before {
				top: 0;
				left: 0;
			}

body.sommaire #banner h2:after {
				bottom: 0;
				right: 0;
			}

@media screen and (max-width: 970px) {

body.sommaire #banner h2 {font-size: 1.2em;}	
body.sommaire #banner h2:before, #banner h2:after {width: 90%;}
	
}

@media screen and (max-width: 1480px) {

body.sommaire #banner h2 {font-size: 1.2em;}	
body.sommaire #banner h2:before, #banner h2:after {width: 90%;}
	
}
			
/* Banner */

	#banner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		cursor: default;
		min-height: 25em;
		overflow: hidden;
		position: relative;
		text-align: center;
	}

		#banner .more {
			-moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
			-webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
			-ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
			transition: transform 0.75s ease, opacity 0.75s ease;
			-moz-transition-delay: 1.5s;
			-webkit-transition-delay: 1.5s;
			-ms-transition-delay: 1.5s;
			transition-delay: 1.5s;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			border: none;
			bottom: 0;
			color: #ffffff;
			font-size: 1em;
			height: 8.5em;
			left: 48%;
			letter-spacing: 0.225em;
			margin-left: -8.5em;
			opacity: 1;
			outline: 0;
			padding-left: 0.225em;
			position: absolute;
			text-align: center;
			width: 22em;
			z-index: 1;
		}

			#banner .more:after {
				background-image: url("images/arrow.svg");
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				bottom: 4em;
				content: '';
				display: block;
				height: 1.5em;
				left: 50%;
				margin: 0 0 0 -0.75em;
				position: absolute;
				width: 1.5em;
			}

		#banner:after {
			pointer-events: none;
			-moz-transition: opacity 3s ease-in-out;
			-webkit-transition: opacity 3s ease-in-out;
			-ms-transition: opacity 3s ease-in-out;
			transition: opacity 3s ease-in-out;
			-moz-transition-delay: 1.25s;
			-webkit-transition-delay: 1.25s;
			-ms-transition-delay: 1.25s;
			transition-delay: 1.25s;
			content: '';
			background: ##aab0b7;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
		}

			
		body.is-preload #banner h2 {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}

		body.is-preload #banner h2:before, body.is-preload #banner h2:after {
			width: 0;
		}	

	body.is-preload #banner .more {
		-moz-transform: translateY(8.5em);
		-webkit-transform: translateY(8.5em);
		-ms-transform: translateY(8.5em);
		transform: translateY(8.5em);
		opacity: 0;
	}

	body.is-preload #banner:after {
		opacity: 1;
	}	

#hello {margin-top:-4em;}	
			
/* Landing */

body.sommaire #page-wrapper {
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
		opacity: 1;
		padding-top: 3em;
		background-color:rgba(98, 95, 95, 0.7);
	}

body.sommaire #page-wrapper:before {
			background: rgba(0, 0, 0, 0);
			content: '';
			display: block;
			display: none;
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 10001;
		}

body.landing.sommaire #page-wrapper {
		background-attachment: fixed;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 0;
	}

body.landing.sommaire #footer {
		background-color: rgb(138, 138, 138);
	}
body.landing.sommaire #footer2 {
		background-color: rgb(119, 119, 119);
	}
	body.is-mobile.landing.sommaire #page-wrapper {
	/*	background: none; */
	}

	body.is-mobile.landing.sommaire #banner,
	body.is-mobile.landing.sommaire .wrapper.style4 {
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/banner.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}



	body.is-menu-visible #page-wrapper {
		opacity: 0.35;
	}

		body.is-menu-visible #page-wrapper:before {
			display: block;
		}


/* Pagination */

nav.pagination {background-color:#FFFFFF!important;}

nav.pagination a {font-size:15px;font-weight:600;}	
.pagination .pagination-items {list-style: none;display: flex;flex-direction: row; justify-content: center}
.pagination .pagination-item {  margin: 0em; flex-basis: 7.5%; display: flex;align-items: center;}
.pagination .pagination_precedent_suivant .pagination-item { flex-basis: auto;}
.pagination .pagination-item + .pagination-item {  margin-left: 0.5em }
.pagination .pagination-item-label { display:block; flex-basis: 100%; background: #f0f0f0; text-decoration: none; padding:.5em; border-radius:.25em; text-align: center;}
.pagination .on .pagination-item-label,
.pagination a.pagination-item-label:hover,
.pagination a.pagination-item-label:focus,
.pagination a.pagination-item-label:active { background: #c7030a; color: #fff; }
.pagination .on .pagination-item-label {font-weight: bold;}
.pagination .pagination_precedent_suivant .disabled {visibility: hidden}
.pagination .pagination-item.disabled {}
.pagination .pagination-item.disabled .pagination-item-label {color:#888; font-weight: normal;}
.menu_articles .pagination strong {font-size:1em;}

/* Pagination */
.pagination { clear: both; text-align: center; }
.pagination .disabled {display:none;}
@media print {
	.pagination { display: none; }
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
background-color :#a4cb67;
 border-color: #c3bcb0;
    color: #333333;
}

.pagination > li > a, .pagination > li > span {
background-color :#f2ecec;
 border-color: #c3bcb0;
    color: #333333;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
background-color :#f2ecec;
 border-color: #c3bcb0;
    color: #333333;
}
@media screen and (max-width: 736px){
.pagination_ancre {padding-top:130px;}
}
.spip-admin-bloc, .spip-admin-float {
/*display:none;*/
    z-index: 10001!important;
    top:unset!important;
    bottom:0!important;
    }
	
@media screen and (max-width: 480px) {
p.pagination {font-size:15px;}	
}




@media screen and (max-width: 736px){
.scrollup {bottom:30px; right:30px;}
.spip-admin-bloc, .spip-admin-float {
    z-index: 10001!important;
    top:unset!important;
	right:0!important;
    bottom:0!important;
    }
}


.NFClass {
background-color: transparent;
}