/*
Courcelles Design 2024 info@courcelles-design.fr 
cosmo-ophtalmologie.com
*/

.bkgfooter {background-color:#316d32;}
.jaune {color:#E0C200;}
.vert {color:#316d32;}
.rouge {color:#d81e02;}
.bleunuit {color:#112a46;}
.bkgvert {background-color:#316d32;}
.bkgjaune {background-color:#E0C200;}
.bkgbleunuit {background-color:#112a46;}
.presque-noir {color:#27221D;}
.noir {color:#000000;}
.bkgnoir {background-color:#000000;}
.bkgblanc {background-color:#ffffff;}
.bkggris {background-color:#F2F2F2;}
.bkggrisfonce {background-color:#27221D;}
.blanc {color:#ffffff;}
.bleufacebook {color:#3b5998;fill:#3b5998;}
.gris{color:#666666;}
.fond_blanc {background-color:#fff;}


a.vert {color:#316d32;}
a.blanc {color:#ffffff;}
a.gris{color:#666666;}



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

body, input, select, textarea,label {
color: #27221D;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.5;
background-color:#f5f5f5; 
}
.max-width-5 { max-width:80rem}
.img-responsive {max-width:100%;max-height:100%;}
.nav {float:right;}
.menu_anime {float:right!important;}

.barmenu {background-color:#112a46;background:#112a46;height:1.6em;}
.affmenu {margin:auto;text-align:left;	height:30px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
#mobile-header {display: none;position: relative; left:10px;   top: 0px;}
#mobile-header{background-color:#333;display:block;height:40px;width:40px;z-index:1000}
/* */
#responsive-menu-button{background:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIEZpcmV3b3JrcyAxMCwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMCAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyBpZD0iVW50aXRsZWQtMiIgdmlld0JveD0iMCAwIDE4IDEyIiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCgl4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIg0KCXg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxMnB4Ig0KPg0KCTxnIGlkPSJMYXllciUyMDEiPg0KCQk8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTgiIGhlaWdodD0iMiIgZmlsbD0iI2ZmZmZmZiIvPg0KCQk8cmVjdCB4PSIwIiB5PSI1IiB3aWR0aD0iMTgiIGhlaWdodD0iMiIgZmlsbD0iI2ZmZmZmZiIvPg0KCQk8cmVjdCB4PSIwIiB5PSIxMCIgd2lkdGg9IjE4IiBoZWlnaHQ9IjIiIGZpbGw9IiNmZmZmZmYiLz4NCgk8L2c+DQo8L3N2Zz4=") no-repeat scroll center center transparent;display:block;height:40px;width:40px;}

/* #responsive-menu-button span{position:absolute!important;overflow:hidden!important;top:-2000px!important;left:-2000px!important;height:0!important;width:0!important} */

#responsive-menu-button span{position:absolute!important;overflow:hidden!important;top:10px!important;left:60px!important;color:#fff;}

.sidr {
	font-size: 15px;
background: #E0C200!important;
	color: #fff;
	box-shadow: 0 0 2px 2px #222 inset;
}


.sidr ul li {border-bottom:none;border-top: 1px solid #646464;}
.sidr ul li a, .sidr ul li span {font-size:1.32rem;}
.sidr ul li ul li a, .sidr ul li ul li span {font-size:1.2rem;}
.sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span {
	box-shadow: 0 0 3px 3px #222 inset;
}



.nav li a {
	display: block;
	padding: 0px 14px 2px 14px;
	border : none;
	border-right: 1px solid #afafaf;
	color: #27221D;
	text-decoration: none;
font-size:1.1em;
}

.nav li ul a {
	position: relative;
	width: 19em;
	/*doit etre egale au .nav ul {width: }*/
	height: auto;
	float: left;
	background-color: #E0C200;
	/*Couleur de fond des sous menus*/
	color: #112a46;
	text-align:left;
	/*couleur de police des sous menus*/
}

.sociaux .socicon {
   
    font-size: 1em;

}

body.rubrique #header,
body.article #header,
body.rubrique6 #header,
body.plan #header,
body.404 #header {background-color:#454546;}

body.rubrique #header #titre-accueil a span,
body.article #header #titre-accueil a span,
body.plan #header #titre-accueil a span,
body.404 #header #titre-accueil a span,
body.rubrique #header .texte-menu,
body.rubrique6 #header .texte-menu,
body.article #header .texte-menu,
body.plan #header .texte-menu,
body.404 #header .texte-menu  {color:#ffffff;}

body.sommaire #header.alt #titre-accueil a span,
body.sommaire  #header.alt .texte-menu,
body.sommaire  #header.alt  > nav > ul > li {color:#4F4F4F;}

#header.alt {
    background-color: #9999994d;
    padding: 2em 2.5em;
}

p {margin-bottom:1.2em;font-size:1.1em;}
ul.spip {list-style:inside; margin-bottom:1.6em;}
ul.spip li {}

.texteencadre-spip {padding:1.2em;}
.caractencadre-spip {color: #b0004d;font-weight: bold;}
small {font-size:0.85em;}
strong{font-weight:bold;}
hr {border-bottom: 1px solid #c9d200;}
hr.footer {border-bottom: 1px dotted #111111;width:100%;}
.slick-prev::before, .slick-next::before {color:#112a46;}
hr.separation, hr.spip {clear: both;border: 0;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #c9d200, #ccc);}
hr.separation2 {clear: both;border: 0;height: 1px;background: #c9d200;}
.soustitre {border-bottom: 1px solid #e6e6e6;}
.ligne {	border-right: 1px solid #e6e6e6;}
.encadre {border: 1px solid #e6e6e6;}
.encadre_fond {border: 1px solid #e6e6e6;background:#112a46;}
.encadre_fond_fushia {border: 1px solid #e6e6e6;background:#b0004d;}
.box {border-bottom: 1px solid #e6e6e6;}
.boxsans:nth-child(2n+1){border-right: 1px solid #e6e6e6;border-bottom:none;}

.boxpdf {border: 1px solid #e6e6e6;}
.enavant {min-height:46px;}
.message_retour_email {color:#F21D2F;}

.en_avant {min-height:620px;border-right: 1px solid #e6e6e6;}
.en_avant header {height:80px;}
.en_avant2 {min-height:540px;border-right: 1px solid #e6e6e6;}
.en_avant2 .image {height:auto;max-height:360px;overflow:hidden;margin:0;}
.en_avant3 {min-height:560px;border-right: 1px solid #e6e6e6;}
.en_avant3 .image {height:auto;max-height:160px;overflow:hidden;margin:0 2rem;}
.texte_en_avant p {margin-bottom:1em;font-size:1em;}
/* .slogan-mobile {padding-top:130px;} */
.wrapper .logo  {height:130px;margin-top:6px;}
.wrapper .logo a img {margin: 4px 0px;}
.logo a img {margin-top: 20px}
.texte img {max-width:100%;height:auto;}

.tete h1 {
	font-size: 2em;
	text-align:left;
	color:#112a46;
	letter-spacing:5px;
	padding-left:10px;
	margin-top:26px;
}
.tete h1 a,.tete h1 a:visited {color:#112a46;font-size: 0.8em;margin-top:8px;}
.tete h1 a:hover{background-color:transparent;}
#slogan {
	font-size:16px;
	color:#112a46;
	letter-spacing: normal;
	display:block;
	margin-top:0px;
}
@media screen and (min-width:961px) {
  #mobile-header { display: none; }
}

.sidr-class-pl2 {padding:1em;}

@media screen and (max-width:960px) {
  #menu { display: none; }
  .barmenu {width:auto;background-color:#112a46;height:2.65em;}
  .logo {width:100%;text-align:center;margin-top:6px;}
  .tete h1  {font-size:1em;text-align:center;margin-top:0;width:100%;}
    .tete h1 a {font-size:1em;text-align:center;margin-top:0;}
  #slogan {display:none;}
  body.page_article h1 {font-size:1.2em;}
  .scrollup{bottom:10px!important;right:10px!important;}
  ul.spip {margin-left: 0.25em;}
  #formulaire_recherche {display: block;    position: static;    text-align: center;     margin-top: 4px!important;}
  #hierarchie li a {color:#112a46;text-decoration:none;font-size:0.75em!important;}
}

.max-width-perso {max-width: 479px;max-height:95px;}
h1, h2, h3, h4, h5, label {font-family: "Open Sans", Arial, Helvetica, sans-serif;}
h1.h1_accueil {		font-size: 2.15em;font-weight:600;}

h2.bouton {font-size: 1.1rem;color:#112a46;margin:0.6em 1.2em 0.6em 0;padding:0.3em 0.8em; text-transform: uppercase;background-color:#112a46;color:#ffffff;display:inline-block;}
h2.spip {font-size: 1.4rem;margin:2.6em 0;padding:0; text-transform: uppercase;color:#112a46;background-color:transparent!important;text-align:left;font-weight:700;}
h2.spip a span {font-size: 1.2rem;color:#112a46;margin:0;padding:0; text-transform: uppercase;color:#112a46;background-color:transparent!important;text-align:center;}
h3 {font-size: 1.0rem;color:#112a46;margin:0.6em 0;padding:0.2em 0.6em; text-transform: uppercase;background-color:transparent;color:#112a46;display:inline-block;}
h3.spip {font-size: 1.3rem;color:#112a46;margin:0.6em 0;}


body.plan h2.spip {text-align:left;}
body.rubrique6 h2.spip {text-align:left;}
p {margin-bottom:1em;font-size:1em;color:#000000;}
p i {font-style:italic;font-size:0.85em;}
footer p {margin-bottom:1.2em;font-size:1.2em;color:#ffffff;}
ul.spip {list-style:none; margin-bottom:1.6em;padding-left:24px;}
ul.spip li::before {content: "\2022";color: #112a46;display: inline-block;width: 1em;margin-left: -1em;} 
ul.spip li {font-size:1em;color:#000000;}
.border-bottom  {border-bottom-color:#112a46;}
#hierarchie li p.on {color:#112a46;display:inline-block;margin:0;font-size:0.95em;padding:0 0 0 4px;}
.encours {border-bottom: 0.5rem  solid red;}

.wrapper.opaque {opacity:0.5;}

.alerte_urgence {background:#112a46!important;color:#ffffff!important;}
.alerte_urgence p {color:#ffffff!important;}

.swiper-wrapper {height:120px;}

input[type="submit"], input[type="reset"], input[type="button"], button, .button {height:auto;}

#liste_articles_rubriques  li a {transition: all 1s ease-out;}
#liste_articles_rubriques  li:hover {background-color:#F2F2F2;}
#liste_articles_rubriques  li:hover a {color:#112a46;}

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

#titre-accueil {	position: absolute;top:20px;left:22%;}
body.sommaire #titre-accueil {	position: absolute;top:36px;left:28%;}

    	.counters 	{ padding: 50px 0; color: #ffffff; }
    	.common-box { width: calc(100% / 4 - 4px); display: inline-block; vertical-align: top; text-align: center; }
    	.counter-num	{ font-size: 60px; line-height: normal; font-weight: 900; }
    	.counter-text	{ font-size: 26px; line-height: normal; }
		
article.feature.bloc{width:47%;padding:2.8em 0 0 3.4em;margin-bottom:2em;min-height:170px}
article.feature.bloc.right{float:right}
article.feature.bloc.left{float:left;}
article.feature.bloc .icon{display:inline-block;min-width:50px;text-align:center}
article.feature.bloc .icon:after{display:block;position:absolute;height:7em;width:7em;left:50%;top:50%;margin:-3.5em 0 0 -3.5em;transform:rotate(45deg);border-radius:0.25rem;border:solid 2px rgba(210,215,217,0.75);content:''}
article.feature.bloc .icon:before{color:#fcef00;font-size:2.75rem;position:relative;top:.05em}
article.feature.bloc .content{margin:-6.7em 0 0 7.5em}
article.feature.bloc .content p{margin:0}
.formulaire_crayon .crayon-boutons button,.formulaire_crayon input[type="submit"],.formulaire_crayon input[type="reset"],.formulaire_crayon input[type="button"],.formulaire_crayon button,.formulaire_crayon .button,.formulaire_crayon textarea,.formulaire_crayon input{border-radius:0;box-shadow:0 0 0;border:0}
#colorbox input[type="submit"],#colorbox input[type="reset"],#colorbox input[type="button"],#colorbox button,#colorbox .button{border-radius:0;box-shadow:0 0 0}
#footer svg{height:16px;width:16px}
#footer svg #sp,#footer svg #ip{fill:#fcef00}
.offscreen{position:absolute;top:-9999em;left:-9999em;width:1px;height:1px;overflow:hidden}
@media (max-width:767px){#main{}
#main .texte,#main .ps{-moz-column-count:1;-webkit-column-count:1;column-count:1}
article.feature.bloc{padding:1.8em 0 0 1.5em;min-height:90px}
article.feature.bloc .icon:after{height:5em;width:5em;margin:-2.5em 0 0 -2.5em}
article.feature.bloc .icon:before{font-size:1.75rem}
article.feature.bloc .content{margin:-5em 0 0 6em}}	
	

@media screen and (max-width: 1980px) {
body.sommaire #titre-accueil{left:34%;}	
body.rubrique #header #titre-accueil, body.rubrique6 #header #titre-accueil, body.article #header #titre-accueil{left:32%;}
}	
@media screen and (max-width: 1880px) {
body.sommaire #titre-accueil{left:24%;}
body.rubrique #header #titre-accueil, body.rubrique6 #header #titre-accueil, body.article #header #titre-accueil{left:8%;}
}

@media screen and (max-width: 1680px) {
body.sommaire #titre-accueil{left:30%;}
body.rubrique #header #titre-accueil, body.rubrique6 #header #titre-accueil, body.article #header #titre-accueil{left:29%;}
}
@media screen and (max-width: 1480px) {
body.sommaire #titre-accueil{left:22%;top:36px;}	

body.rubrique #header #titre-accueil, body.rubrique6 #header #titre-accueil, body.article #header #titre-accueil{left:22%;}
}

@media screen and (max-width: 1280px) {
body.sommaire #titre-accueil{left:25%;top:100px;}	
body.sommaire h1.titre-accueil {font-size:0.95em;}
body.rubrique #header #titre-accueil, body.rubrique6 #header #titre-accueil, body.article #header #titre-accueil{left:16%;}
}

@media screen and (max-width: 1080px) {
body.sommaire #titre-accueil{left:20%;top:100px;}	
body.sommaire h1.titre-accueil {font-size:0.95em;}
body.rubrique #header #titre-accueil, body.rubrique6 #header #titre-accueil, body.article #header #titre-accueil{left:16%;}
}

@media screen  and (max-width: 1024px) {
body.sommaire #titre-accueil{left:10%;top:100px;}		
body.rubrique #header #titre-accueil, body.rubrique6 #header #titre-accueil, body.article #header #titre-accueil{left:8%;}
}
@media screen  and (max-width: 1024px) and (orientation: landscape){
body.sommaire #titre-accueil{left:20%;top:100px;}	
}
@media screen  and (max-width: 1024px) and (orientation: portrait){
body.sommaire #titre-accueil{left:10%;top:100px;}	
}

@media screen  and (max-width: 968px) {
body.sommaire #titre-accueil{left:12%;top:100px;}	
	
}

/* mots clés */ 

li.mots a.on , li.groupe_mots a.on {color:#b0004d;}

.motcle {top:-10px;left:-10px;
 background:url(../../images/tag.svg) #c9d200 no-repeat; 
background-size: 1.25rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 8.2rem) center;
		padding:1em;
		}	

.motcle2 {
 background:url(../../images/tag.svg) #eae8cb no-repeat; 
background-size: 0.9rem;
		background-repeat: no-repeat;
		background-position: top 8px  left 10px;
		padding:0.1rem 0.5rem 0.2rem 2rem;
		}	
.motcle2 a {font-size:0.80em;}		
.motcle3 {top:-10px;left:-10px;
 background:url(../../images/tag.svg) #ffffff no-repeat; 
background-size: 0.9rem;
		background-repeat: no-repeat;
		background-position: calc(100% - 8.6rem) center;
		}	
		
	
/* separateurs */

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

.separateur-droite::after {
	content: " ";
	display: block;
	margin:20px 5px 0px 5px;
	height: 0;
	width:98%;
	border-bottom: 3px solid #112a46;
	-webkit-transform: skewX(150deg);
}
.separateur-droite-fin::after {
	content: " ";
	display: block;
	margin:0px 5px 0px 5px;
	height: 0;
	width:98%;
	border-bottom: 3px solid #112a46;
	-webkit-transform: skewX(150deg);
}

/* #a-la-une */

#a-la-une:before,
#a-la-une:after {
  background-color: #E0C200;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 30%;
}

#a-la-une:before {
  right: 0.5em;
  margin-left: -50%;
}

#a-la-une:after {
  left: 0.5em;
  margin-right: -50%;
}

#a-la-deux:before,
#a-la-deux:after {
  background-color: #E0C200;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 30%;
}

#a-la-deux:before {
  right: 0.5em;
  margin-left: -50%;
}

#a-la-deux:after {
  left: 0.5em;
  margin-right: -50%;
}


#a-la-trois:before,
#a-la-trois:after {
  background-color: #E0C200;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 30%;
}

#a-la-trois:before {
  right: 0.5em;
  margin-left: -50%;
}

#a-la-trois:after {
  left: 0.5em;
  margin-right: -50%;
}

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

.mois:before {
  right: 0.5em;
  margin-left: -50%;
}

.mois:after {
  left: 0.5em;
  margin-right: -50%;
}


/* #titre page */

#titre-page:before,
#titre-page:after {
  background-color: #E0C200;
  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%;}
}	

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

@media screen  and (max-width: 767px) {
body.sommaire #titre-accueil{left:6%;top:100px;}	
#titre-accueil{left:6%;}	
}



@media screen and (max-width: 568px) {
#titre-accueil {	position: absolute;top:100px;left:0;}
body.rubrique #titre-accueil, body.rubrique6 #titre-accueil, body.article #titre-accueil {	position: absolute;top:28px;left:10px;}
#liste_articles_rubriques  li {padding:0.95rem;margin:0.85rem;}
#liste_articles_rubriques  li a {font-size:0.7em;}
#logo_anime {margin-top:100px;}
img.logo_gauche  {object-fit: contain;max-width :50px; height:auto;}	
img.logo_droite {object-fit: contain;max-width :178px; height:auto;}
img.logo_texte {object-fit: contain;max-width :320px; height:auto;}	
}	

li.autres_sous_rubriques a.on  {color:#112a46;}

#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;}

#footer #footer2 {
background-color:#27221D;	
	
}

.texte img {max-width:100%;height:auto;}

#banner .button {
	background-color: #112a46;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.75);
	color: #ffffff !important;
}


	
/* icones */	

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

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



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

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


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;
	font-size:1em;
}
.syndication a {font-size:1.1em;}
.syndication small em a {}

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


#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; }
.spip_doc_titre {font-size:1.2em;color:#000;}

/* Form */



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:#112a46;}
fieldset label {color:#000000;}	


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


	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: 2.25rem;
		padding-right: 1.25rem;
		text-overflow: ellipsis;
		display: inline-block;
		max-width:70%;
	}

	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: #7abaa4;
			box-shadow: 0 0 0 1px #7abaa4;
		}
		
	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: #112a46;
	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="submit"], input[type="reset"], input[type="button"] , button[type="submit"] {
	-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: #0D0D0D;
	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;
	}
	;
	
fieldset legend {	font-size: 1.4em;font-weight:bold;color:#112a46;}
fieldset label {color:#000000;}		

.formulaire_spip__etapes {padding:1.3em 1em;background-color:#0D0D0D21;margin-bottom:1.6em;font-weight:bold; color:#112a46;}	
.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:#112a46;}
	
.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;}



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




input[type="submit"], input[type="reset"], input[type="button"], button[type="submit"] {
	-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: #112a46;
	border-radius: 5px;
	border: 0;
	color: #ffffff!important;
	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;
}
	
	
.formulaire_formidable  button.submit {font-size:1.2em;float:right; margin-bottom:1.4em; margin-right:1.4em;}	
.formulaire_formidable  button.submit::after {clear:right;}
	
/* 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 {}
/* Pagination */

nav.pagination {}

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: #666666; 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;}	
}

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

@media (min-width: 600px){.mobilequali{display:none}}
@media (max-width: 600px) {.desktopquali {display:none}}


/* .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:80px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url(../../images/up.png) no-repeat;
    border-bottom: none;
}

a.scrollup:focus {
outline:none;
}

@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;
    }
}


#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;
}
/* Non visible a l'ecran */
.offscreen, .invisible { position: absolute; left: -999em; height: 1%; }
.hidden { visibility: hidden; }
.none { display: none; }

.NFClass {
background-color: transparent;
}