@charset "utf-8";
/* CSS Document */
html {
  font-size: 62.5%;
}
/*change la couleur de sélection de texte*/ ::-moz-selection {
  background-color: rgba(0, 102, 153, .7);
}
::selection {
  backgrouncod-color: rgba(0, 102, 153, .7);
}


@keyframes slideInLeft {
        0% {
/*          transform: translatey(25%);*/
			opacity: .0;
        }
        100% {
/*          transform: translatey(0);*/
			opacity: 1;
        }
      }

body {
  margin: 0;
  padding: 0;
  font-family: noto sans, sans-serif;
  font-family: noto sans, sans-serif;
  /* hausse taille caractère + ajout interlignage 27/10/2022*/
  font-size: 1.3rem;
  line-height: 1.6rem;
	
  background-image: url(/images/arriereplanpagedac2.gif);
  background-repeat: repeat-y;
  background-position: center;
	
  animation: .5s ease-in-out 0s 1 slideInLeft;
}

body.actualites {
	  background-image: url(/images/arriereplanpagedac-actu.gif);
}
body.coti {
	  background-image: url(/images/arriereplanpagedac-coti.gif);
}
body.retr {
	  background-image: url(/images/arriereplanpagedac-retr.gif);
}
body.prev {
	  background-image: url(/images/arriereplanpagedac-prev.gif);
}
body.rev {
	  background-image: url(/images/arriereplanpagedac-rev.gif);
}
body.capim {
	  background-image: url(/images/arriereplanpagedac-capim.gif);
}
body.carm {
	  background-image: url(/images/arriereplanpagedac-carm.gif);
}



hr {
  height: 1px;
  text-align: center;
}
h1 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 2.1rem;
  font-weight: bold;
  font-variant: small-caps;
  color: #00519C;
  text-align: center;
}
h2 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 2rem;
  color: #00519C;
  text-align: center;
}
h3 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #00519C;
  margin: 1rem 0 0 0;
  padding-bottom: 0;
}
h4 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 1rem 0 0 0;
  font-weight: bold;
  font-size: 1.3rem;
}
h5 {
  margin: 0;
  font-size: 1.3rem;
  font-weight: normal;
}
p {
  /*	font-size: 1.2rem;*/
  margin: 0rem 0 0 0;
}
td {
  font-size: 1.5rem;
  margin: 0 0 1rem 0;
}
ul {
  text-align: left;
/*  margin: 0;
*/  padding-left: 15px;
  list-style: none;
  text-indent: -10px;
}
li:before {
  content: "\2022";
  margin: 0px 5px 0px 0px;
  color: #00519C;
}


.sommaire li:before {
  content: "";
}
.sommaire li li li:before {
  content: "- ";
}
li {
  color: black;
}
b, strong {
  font-weight: bold;
  color: #00519c;
  font-style: italic;
}
table {
  font-size: 1.2rem;
  font-weight: normal;
  margin-top: 0px;
  vertical-align: middle;
  border-collapse: collapse;
  max-width: 70rem;
}
td, th {
	font-size: 1.3rem;
  vertical-align: middle;
  text-align: center;
}
table p {
  margin-top: 0px;
  /*text-align: left;*/
}
th {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  /*font-size: 1.15rem;*/
  font-size: 1.5rem;
}
img {
  border: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  color: #00519c;
}
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #00519c;
}
figcaption {
  position: relative;
  top: 0;
  padding-bottom: 10px;
}
figure {
  margin-left: 0px;
  width: 50%;
  padding: 5px;
}
figure img {
  width: 100%;
  height: auto;
}
.invisible {
  display: none;
}
.visible {
  display: block;
}
header {
  width: 105rem;
  margin: auto;
  display: table;
}
sup {
  font-size: .9rem;
}
em {
  font-size: 1.2rem;
}
h2 sup {
  font-size: 1.4rem;
}
header img[src="/images/logocarmf-page-a.gif"] {
  padding-top: .5rem;
}

header div {  display:table-cell; text-align: center; vertical-align: middle;}

header #logo { margin: auto; width: 73rem; padding-left: 32rem   }


header a {}
/*header a {
  display: table-cell;
  width:20%;
  vertical-align: middle;
  text-align: center;
  transition: all .5s ease-in-out;
   font-size: 1.2rem;
  font-weight: 500;
}
header a:nth-of-type(3) {
  width: 25rem;
  padding: 0 3rem;
	
}*/


#barredemenu {
  width: 105rem;
  margin: auto;
 /* retrait couleur fond 06-2021  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 85%, rgba(204, 204, 204, .5) 55%, rgba(204, 204, 204, .5) 75%, rgba(255, 255, 255, 0) 90%);*/
  height: 6rem;
}
#menu1 {
  width: 100rem;
  top: 0px;
  float: left;
  position: relative;
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  padding-bottom: 2rem;
  margin-top: -4rem;
}
#menu1 .carm {
  display: none;
}


/*ajouts 06-2021*/
#menu1 .info, #menu1 .doc, #menu1 .calc	 {
  display: none;
}
/* fin ajouts*/

#menu1 a {
  text-decoration: none;
}
#menu1 > ul {
  width: 100%;
}
#menu1 h1 {
  display: none;
}
#menu1 ul, #menu1 ul ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-indent: inherit;
}
#menu1 li, #menu li li, #menu li li li {
  list-style: none;
}
#menu1 li:before {
  content: none;
}
#menu1 h2 {
  float: left;
  padding: 5px 4.1rem 0 4.1rem;
  font-size: 1.8rem;
  height: 3rem;
  line-height: 2rem;
  border-radius: .7rem .7rem 0 0;
}
/*
#menu1 h3 {
  font-size: 1.3rem;
  padding-left: 1rem;
}
#menu1 ul ul {
  height: 22rem;

}
*/
/*
#menu1 ul ul#actualites {
  height: 23rem;

}
*/

/*
#menu1 ul ul a {
  padding-left: 10px;
}
#menu1 ul ul ul a {
  font-size: 1.4rem;
  color: black;
  padding: 0 0 0 .5rem;
  margin: 0;
  text-indent: -5rem;
  line-height: 1.0rem;
	
	
}
*/
/*
#menu1 ul ul ul li:nth-of-type(n+10) {
  display: none;
}

#menu1 ul ul ul li.noguidemenu {
  display: none;
}
*/


/*
#menu1 ul ul ul {
  padding-right: 30rem;
border-radius: 0 0 1.5rem 1.5rem;
  padding: 20rem;
}
#menu1 ul ul ul li {}
#menu1 ul ul ul li a {}
#menu1 ul ul ul a:before {
  content: "> ";
}
#menu1 a {
  color: #00519c;
}
*/

/* ajout -06-2021 */
/*
#menu1 li:nth-of-type(1) h2 {  background-image: linear-gradient(to bottom, rgba(255, 204, 0, 0) 85%, rgba(255, 204, 0, 1) 85%, rgba(255, 204, 0, 0) 95% );
	
}
*/
/* fin ajout -06-2021 */
/*


#menu1 li:nth-of-type(1) h2:hover, #menu1 li:nth-of-type(1) h2 ~ ul, #menu1 li:nth-of-type(1):hover h2 {
  background: #ffcc00;
  background-image: linear-gradient(to top, #ffcc00, #ffeeaa);
  border-top: 1px solid #ffcc00;
  color: black;
  transition: all ease-in-out .5s;
  
}
*/

/* ajout -06-2021 */
#menu1 li:nth-of-type(1) h2 {  background-image: linear-gradient(to bottom, rgba(255, 204, 0, 0) 85%, rgba(255, 204, 0, 1) 85%, rgba(255, 204, 0, 1) 95%);
}
#menu1 li:nth-of-type(1) h2:hover {background-color: #FFCC00;}

/* fin ajout -06-2021 */

/*
#menu1 li:nth-of-type(2) h2:hover, #menu1 li:nth-of-type(2) h2 ~ ul, #menu1 li:nth-of-type(2):hover h2 {
  background: #ffcc00;
  background-image: linear-gradient(to top, #ffcc00, #ffeeaa);
  border-top: 1px solid #ffcc00;
  color: black;
  transition: all ease-in-out .5s;
}
*/

/* ajout -06-2021 */
#menu1 li:nth-of-type(2) h2 {  background-image: linear-gradient(to bottom, rgba(255, 204, 0, 0) 85%, rgba(255, 204, 0, 1) 85%, rgba(255, 204, 0, 1) 95%);
}
#menu1 li:nth-of-type(2) h2:hover  {background-color: #FFCC00;}


/* fin ajout -06-2021 */

/*
#menu1 li h2 ~ ul {
  margin-top: 4px;
  box-shadow: grey 2px 2px 10px;
  border-radius: 0 0 15px 15px;
  z-index: 100;
}
*/
/*
#menu1 li:nth-of-type(3) h2:hover, #menu1 li:nth-of-type(3) h2 ~ ul, #menu1 li:nth-of-type(3):hover h2 {
  background: #57ab27;
  background-image: linear-gradient(to top, #57ab27, #cde6bf);
  border-top: 1px solid #57ab27;
  color: black;
  transition: all ease-in-out .5s;
}
*/

/* ajout -06-2021 */
#menu1 li:nth-of-type(3) h2 {  background-image: linear-gradient(to bottom, rgba(87, 171, 39, 0) 85%, rgba(87, 171, 39, 1) 85%, rgba(87, 171, 39, 1) 95%);
}

#menu1 li:nth-of-type(3) h2:hover {background-color: #57AB27;}
#menu1 li:nth-of-type(3) h2:hover a {color: white;}
/* fin ajout -06-2021 */



/*
#menu1 li:nth-of-type(4) h2:hover, #menu1 li:nth-of-type(4) h2 ~ ul, #menu1 li:nth-of-type(4):hover h2 {
  background: #f38a00;
  background-image: linear-gradient(to top, #f38a00, #faddb7);
  border-top: 1px solid #f38a00;
  color: black;
}
*/


/* ajout -06-2021 */
#menu1 li:nth-of-type(4) h2 {  background-image: linear-gradient(to bottom, rgba(243, 138, 0, 0) 85%, rgba(243, 138, 0, 1) 85%, rgba(243, 138, 0, 1) 95%);
}
#menu1 li:nth-of-type(4) h2:hover {background-color: #F38A00;}
#menu1 li:nth-of-type(4) h2:hover a {color: white;}

/* fin ajout -06-2021 */


/*
#menu1 li:nth-of-type(5) h2:hover, #menu1 li:nth-of-type(5) h2 ~ ul, #menu1 li:nth-of-type(5):hover h2 {
  background: #006ab3;
  background-image: linear-gradient(to top, #006ab3, #c9e6f9);
  border-top: 1px solid #006ab3;
}
*/

/* ajout -06-2021 */
#menu1 li:nth-of-type(5) h2 {  background-image: linear-gradient(to bottom, rgba(0, 106, 179, 0) 85%, rgba(0, 106, 179, 1) 85%, rgba(0, 106, 179, 1) 95%);
}
#menu1 li:nth-of-type(5) h2:hover {background-color: #006AB3; }
#menu1 li:nth-of-type(5) h2:hover a {color: white;}

/* fin ajout -06-2021 */


/*
#menu1 li:nth-of-type(6) h2:hover, #menu1 li:nth-of-type(6) h2 ~ ul, #menu1 li:nth-of-type(6):hover h2 {
  background: #b6101d;
  background-image: linear-gradient(to top, #b6101d, #e9b7bb);
  border-top: 1px solid #b6101d;
}
*/


/* ajout -06-2021 */
#menu1 li:nth-of-type(6) h2 {  background-image: linear-gradient(to bottom, rgba(182, 16, 29, 0) 85%, rgba(182, 16, 29, 1) 85%, rgba(182, 16, 29, 1) 95%);
}
#menu1 li:nth-of-type(6) h2:hover {background-color: #B6101D; }
#menu1 li:nth-of-type(6) h2:hover a {color: white;
}
/* fin ajout -06-2021 */


/*
#menu1 li:nth-of-type(5):hover h2 a, #menu1 li:nth-of-type(5):hover h2 ~ ul a {
  color: #00519C;
}
#menu1 li:nth-of-type(5):hover h3 ~ ul a {
  color: black;
}
*/
/*
#menu1 li:nth-of-type(7) h2:hover, #menu1 li:nth-of-type(7) h2 ~ ul, #menu1 li:nth-of-type(7):hover h2 {
  background: #85d0f0;
  background-image: linear-gradient(to top, #85d0f0, #d6effa);
  border-top: 1px solid #85d0f0;
  color: black;	
}
*/


/* ajout -06-2021 */
#menu1 li:nth-of-type(7) h2 {  background-image: linear-gradient(to bottom, rgba(133, 208, 240, 0) 85%, rgba(133, 208, 240, 1) 85%, rgba(133, 208, 240, 1) 95%);
}
#menu1 li:nth-of-type(7) h2:hover {background-color: #85D0F0;
}
/* fin ajout -06-2021 */


/*
#menu1 li:nth-of-type(8) h2:hover, #menu1 li:nth-of-type(8) h2 ~ ul, #menu1 li:nth-of-type(8):hover h2 {
  background: #69207c;
  background-image: linear-gradient(to top, #69207c, #d1bad6);
  border-top: 1px solid #69207c;
}
*/
/*
#menu1 li:nth-of-type(9) h2:hover, #menu1 li:nth-of-type(9) h2 ~ ul, #menu1 li:nth-of-type(9):hover h2 {
  background: #c9d200;
  background-image: linear-gradient(to top, #c9d200, #edf0ab);
  border-top: 1px solid #c9d200;
  color: black;
}
*/
/*
#menu1 li:nth-of-type(10) h2:hover, #menu1 li:nth-of-type(10) h2 ~ ul, #menu1 li:nth-of-type(10):hover h2 {
  background: #a00057;
  background-image: linear-gradient(to top, #a00057, #dfaac7);
  border-top: 1px solid #a00057;
}
*/
/*
#menu1 li:nth-of-type(10):hover h2 ~ ul a {
  color: white;
}
#menu1 li:nth-of-type(10):hover h2 ~ ul a.dernierlien {
  color: black;
}
*/
/*
#menu1 h3:hover ~ ul {
  background-color: rgba(255, 255, 0, .25);
	
}
*/
/*
#menu1 #carm h3:hover ~ ul {
  background-color: rgba(255, 255, 0, 1);
  border-radius: 0 15px 15px 0;
}
*/
#menu1 h2 ~ ul {
  display: none;
  width: 100%;
  margin-left: -10px;
}
#menu1 h3 ~ ul {
  display: none;
}
/*  partie qui déclenche tout le menu
#menu1 h2:hover ~ ul, #menu1 h2 ~ ul:hover {
  display: block;
  position: absolute;
  top: 40px;
  left: 10px;
  padding-top: 10px;
}
*/
#menu1 h2:hover ~ ul li h3, #menu1 h2 ~ ul:hover li h3 {
  position: relative;
  margin: 0px;
  padding: 5px 0;
  width: 25rem;
	  
}
/*
#menu1 h3:hover, #menu1 h3 ~ ul:hover {
  background-color: rgba(255, 255, 0, .25);
}
#menu1 #carm h3:hover, #menu1 #carm h3 ~ ul:hover {
  background-color: rgba(255, 255, 0, 1)
}
#menu1 h3 + ul:before {
  	content: 'Vous y trouverez : ';
	text-decoration: underline;
  	margin-top: 5px;
  	line-height: 20px;
	}
#menu1 h3 ~ ul {
  height: 100%;
	
	
}
#menu1 h3:hover ~ ul, #menu1 h3 ~ ul:hover {
  display: block;
  position: absolute;
  top: 0px;
  left: 25rem;

  line-height: 1.5rem;
  padding: 1rem .5rem 0 2rem;
  height: 22rem;
}
#menu1 h3:hover ~ ul li, #menu1 h3 ~ ul:hover li {
  position: relative;
  margin: 0;
}
*/


#menu1 .download {
  display: none;
}
#menu1 .dernierlien:before {
  content: 'Document à télécharger :\A ';
  color: grey;
  font-style: italic;
  white-space: pre;
  word-wrap: break-word;
}
#menu1 ul ul li:last-child h3 {
  display: block;
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1000;
  width: 25rem;
  height: 20rem;
  text-align: center;
  background-image: linear-gradient(to top, #ffcc00, #ffeeaa);
  box-shadow: grey 2px 2px 10px;
  border: 1px solid grey;
  border-radius: 0 0 15px 15px;
  padding: .5rem 0;
}
#menu1 li.actualites ul li:last-child h3:before {
  content: none;
}
#menu1 li.actualites ul li:last-child h3 {
  display: inline;
}
#menu1 ul ul li:last-child h3 a {
  color: black;
}
#menu1 ul li:nth-of-type(4) ul li:last-child h3 a, #menu1 ul li:nth-of-type(5) ul li:last-child h3 a, #menu1 ul li:nth-of-type(7) ul li:last-child h3 a, #menu1 ul li:nth-of-type(9) ul li:last-child h3 a {
  color: black;
}
#menu1 ul ul li:hover {
  background-color: rgba(255, 255, 0, .25);
  width: 250px;
}
/*
#menu1 ul #carm li:hover {
  background-color: rgba(200, 200, 0, .5);
  width: 250px;
}
*/
#menu1 ul ul li:hover ul li {
  	width: 45rem;
	padding:0 0 .7rem 1rem;
	text-indent: -1.5rem;
	overflow: hidden;
	
	
	
	
}
#menu1 .ecoute, #menu1 .accueil {
  display: none;
}
#menu1 img {
  height: 17rem;
  width: 13rem;
}
#menu1 img[alt="Nouveau"] {
  width: auto;
  height: auto;
}
/*
#google {
  width: 105rem;
  float: right;
  text-align: right;
  margin-top: 2rem;
  height: 2rem;
  padding: 1rem 1rem 0 0;
}
#google:hover .invisible {
  display: inline;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 10px, rgba(232, 232, 232, .5) 30%, rgba(232, 232, 232, 1) 65%);
  width: 99rem;
  border-radius: .5rem;
  padding: 1rem 1rem 0 1rem;
  z-index: 100;
  height: 3rem;
  position: relative;
  float: left;
  margin: -1rem 0 0 1rem;
	color: #FFFFFF
}
#google:hover form:before {
  content: " Rechercher sur le site CARMF : ";
  font-weight: normal;
}
#google input[type=submit] {
  border-radius: 50%;
}
#google svg { width: 20px
	
}
*/


footer .actualites, footer .coti, footer .retr, footer .prev, footer .rev, footer .capim, footer .calc, footer .info, footer h1, footer .download {
  display: none;
}
footer {
  background-image: linear-gradient(to bottom, #003366, #00519c);
  bottom: 0;
  width: 105rem;
  height: 20.9rem;
  display: block;
  margin: auto;
  line-height: 1.8rem;
  padding-top: 1rem;
  clear: both;
  font-size: 1.5rem;
}
footer a {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: normal;

}
footer a:visited {
  color: white;
}
footer a:hover {
  text-decoration: underline;
  animation: ease-in-out;
}
footer svg {
  fill: white;
}
footer li {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-weight: normal;
  margin: 0;
  padding: 0;

}
footer li li a { 
font-size: 1.5rem;
}

footer .carm, footer h2 ~ li, footer h2 ~ p {
  padding-left: .5rem;
}
footer .carm .invisible {
  display: block;
}
footer .carm li li {
  display: none;
}
footer ul, footer li {
  list-style: none;
  padding: 0;
  margin: 0;
  text-indent: 0;
}
footer h2 {
  text-align: left;
  color: white;
}
footer .accueil {
  padding: .5rem 0 0 0rem;
}
footer .accueil ul, footer .ecoute ul {
  margin-left: 1rem;
}
footer li:before {
  content: none;
  margin: 0;
}
footer > ul > li {
  float: left;
  display: block;
  width: 30rem;
	 margin-left: 1rem;
}
footer > ul > li.ecoute, footer > ul > li.accueil {
  width: 36rem;
	
}

footer > ul > li.doc {
  width: 26rem;
	
  
}
footer h2 {
  line-height: 2rem;
  padding: 0;
  margin: 0;
}
footer h3 {
  line-height: 1.8rem;
  padding: 0;
  margin: 0;
  padding-left: .5rem;
  font-size: 1.2rem;
}
footer h3 a:before {
  content: " - ";
}
footer .doc {
  float: right;
  width: 20rem;
}
footer .info {
  margin-top: 1.2rem;
}
footer .doc .invisible {
  display: block;
  visibility: visible;
}
footer .dernierlien, footer h1, footer h3 ~ ul {
  display: none;
}
#agevie {
  color: white;
	
  text-align: center;
  width: 105rem;
  height: 4rem;
  margin: 0 auto;
  background-color: #00519c;
  padding:2rem 0 1rem 0;
  font-style: italic;
  /*font-size: 3rem;*/
  font-size: 2.5rem;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
  /*font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
/*  animation: battement 2s infinite;
*/  clear: both;
}
@keyframes battement {
  0% {
    color: rgba(256, 256, 256, 1)
  }
  80% {
    color: rgba(256, 256, 256, 0)
  }
  90% {
    color: rgba(256, 256, 256, 1)
  }
  100% {
    color: rgba(256, 256, 256, 0)
  }
}
#social a {
  color: white;
}
#social {
  width: 105rem;
  margin: 1.5rem auto 0.25rem auto;
  background-color: #00519C;
  padding: 0 0 .5rem 0;
  clear: both;
  height: 5rem;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
border-top: 10px white solid; 	
}
#social div {
  display: inline;
  text-align: center;
  float: left;
  background-color: #00519C;
  color: white;
  width: 25%;
}
#social img {
  height: 2rem;
  width: 2rem;
}
#social div:nth-of-type(1) {
  width: 24rem;
	padding-top: .5rem;
}
#social div:nth-of-type(1) img {
  margin-bottom: -.5rem;
}
#social div:nth-of-type(2) {
  text-align: right;
	padding-top: 1rem;
  width: 55rem;
}

#social div:nth-of-type(2) h2 {
	text-align: right;
}
#social div:nth-of-type(3) {
  width: 25rem;
  padding: .5rem 0 0 1rem;
  overflow: hidden;
  float: left;
	text-align: left;
}
#social iframe {
  padding: .5rem 0 0 0px;
  margin: 0;
  width: 305px;
  height: 4rem;
}
#social h2 {
  font-size: 1.6rem;
  color: white;
}

#content {
  width: 105rem;
  margin: auto;
  margin-top: 0rem;
  min-height: 350px;
  box-sizing: border-box;
}
#wrapper {
  width: 105rem;
  margin: auto;
}
#framephp {
  width: 29rem;
  float: left;
  padding: 0 0 1rem 1rem;
}
/*#framephp p{ text-align:center;}
*/
#framephp h1 {
  text-align: center;
}
#framephp h2 {
  text-align: left;
  padding: 1rem 0 0 0;
  margin: 0;
}
#framephp h3 {
  width: 100%;
/*  line-height: .8rem;
*/  padding-bottom: 1rem;
  margin-bottom: 0;
	
}
#framephp h3 img {
  padding-top: 1rem;
	
}
#framephp h3:before {
  content: "- ";
  color: #00519C;
}
#framephp ul ul ul {
	
	text-indent: -18px;
	padding-left:12px ;
	
}


#framephp ul ul ul li:before {
  content: "- ";
  color: #00519C;
  padding-left: .5rem;
	
}
#framephp li:before {
  content: none;
}
#framephp li {
  list-style: none;
}
/*#framephp ul.actu, #framephp ul.carm, #framephp ul.coti, #framephp ul.retr, #framephp ul#rev, #framephp ul#prev, #framephp ul#capim, #framephp ul#calc, #framephp ul#doc, #framephp ul#info, #framephp li.ecoute, #framephp li.accueil, #framephp img,  #framephp ul#fcarm{ display:none; }/*/
#framephp .imagetaillefixe {
  padding: 2rem;
  float: left;
}
/*.actualites #framephp .imagetaillefixe {
  display: none;
}*/
#framephp .download {
  padding: 2rem;
  display: block;
  width: 25rem;
}
.chiffrescles #framephp ul ul, .actualites #framephp ul ul {
  margin-left: 0;
  padding: .5rem 0 0 0;
}
/*.chiffrescles #framephp ul li:before, .actualites #framephp ul ul ul li:before {
  content: "- ";
  color: #00519C;
}*/


.actualites #framephp ul ul#archives li:before {
  content: "";
}
.carm #framephp ul ul {
  padding-top: .8rem;
}
#framephp .download {
  text-align: center;
  padding: 0;
  margin: 0;
}
#contentphp {
  float: left;
  width: 75rem;
  box-sizing: border-box;
  padding: 0 0 0 1rem;
  border-left: 1px solid lightgrey;
  font-size: 1.5rem; 
  line-height: 1.9rem;
	
}
/* #contentphp ul ul ul li:before { content:'- ';}*/
#contentphp li.carm, #contentphp li.coti, #contentphp li.retr, #contentphp li.rev, #contentphp li.prev, #contentphp li.capim, #contentphp li.calc, #contentphp li.doc, #contentphp li.info, #contentphp li.ecoute, #contentphp li.accueil {
  display: none;
}
#contentphp h3 img {
  margin-top: 3rem;
}
#contentphp li:before {
  content: "- ";
}
#contentphp li li li:before {
  content: "-";
}
.lowresonly {
  display: none;
}
#content h2 {
  /*font-size: 2rem;*/
  color: #00519C;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-bottom: 2px solid #00519C;
  margin: 0 0 0.5rem 0;
	
}

/*#content #accesrapides, #content #espaceperso
/*, #content #videos {
  padding-bottom: 2rem;
}*/
#content h3 {
  text-align: right;
  font-size: 1.2rem;
  font-weight: normal;
  font-style: italic;
  padding: 1.5rem 0 0 0;
}
#content h3 a {
  color: grey;
  transition: 1s ease-in-out;
}
#content h3 a:hover {
  color: #00512c;
  transition: all 1s ease-in-out;
}
#content h3:after {
  content: " >";
  font-size: 1.2rem;
  font-weight: normal;
  color: #00519C;
  padding-right: 1rem;
  font-style: italic;
}
#actualites, #documentations, #publicationalaune {
  width: 36rem;
  float: left;
  box-sizing: border-box;
  clear: both;
  margin-bottom: 0rem;
/*  background-color: rgba(0,81,156,.100);*/
		  
}

.actualites #framephp ul ul li { /*background-color: pink;*/
padding-left:15px;

}
/*.actualites #framephp ul ul li:before { content:"- "; }*/


tbody td p{ font-size: 1.3rem;}



.couvdocs {
  width:40%;
  height: 400px;
   margin:2rem 4rem 0 0;
  float: left;

}

#contentphp .couvdocs h3 img { margin-top: 0rem; } 

#content #actualites {
  /*	background-image:linear-gradient( to bottom, white 2.5rem, rgba(245,245,245,1) 3rem, rgba(245,245,245,1) 95%, white  );*/
  padding: 0rem 1rem 0 0rem;
  line-height: 1.8rem;
  font-size: 1.3rem;
  width: 105rem;
  float: left;
  box-sizing: border-box;
}

#actualites h2 {
   border-bottom: none;

}
#contentphp ul#actualites li li a:before { content:"- ";}

.actualites #framephp img {
  clear: none;
  padding-top: 0rem;
}
#contentphp #actualites li li:before {
  content: "- ";
}
/*.actualites #contentphp h2 {visibility:visible; display:block; width:100%;} 
.actualites #contentphp li:before { content:'';} 
.actualites #contentphp h3 { display:block;} 
.actualites #contentphp .invisible { display:block; visibility:visible;}
*/
#sabonner {
	  display: block;
  float: right;
  width: 13rem;
  height: 2rem;
  background-color: rgb(0,81,156);
  border-radius: 15px;
  position: relative;
  color: white;
  text-align: center;
  line-height: 2rem;
  font-size: 1.2rem;
  top: 1.8rem;
  margin-bottom: -2rem;
	padding: 0.5rem 0 0.5rem 0;
}
#sabonner a {
  color: white;
}

#sabonner2 {
  display: block;
  float: left;
  width: 18rem;
  height: 3rem;
  background-color: rgba(0,81,156,0.5);
  border-radius: 15px 15px 0px 0px;
  position: relative;
  color: white;
  text-align: center;
  font-size: 3rem;
  top: -3rem;
	font-weight: bold;
  margin-bottom: -3rem;
	margin-top: 4rem;
	padding: 1.3rem 0 0 0;
}


#btcoti {
   display: block;
  float: right;
  width: 13rem;
  height: 2rem;
  background-color: rgb(87,171,39);
  border-radius: 15px;
  position: relative;
  color: white;
  text-align: center;
  line-height: 2rem;
  font-size: 1.2rem;
  top: 1.4rem;
  margin-bottom: 2rem;
	padding: 0.5rem 0 0.5rem 0;
}
#btcoti a {
  color: white;
}

#btcoti2 {
 display: block;
  float: left;
  width: 18rem;
  height: 3rem;
  background-color: rgba(87,171,39,0.5);
  border-radius: 15px 15px 0px 0px;
  position: relative;
  color: white;
  text-align: center;
  font-size: 3rem;
  top: -1.3rem;
	font-weight: bold;
  	margin: 2rem 0 -8rem 18rem;
	padding: 1.3rem 0.3rem 0 0.3rem;
}

#btret {
  display: block;
  float: right;
  width: 13rem;
  height: 2rem;
  background-color: #f38a00;
  border-radius: 15px;
  position: relative;
  color: white;
  text-align: center;
  line-height: 2rem;
  font-size: 1.2rem;
  top: 1rem;
  margin-bottom: -2rem;
	padding: 0.5rem 0 0.5rem 0;
}

#btret2 {
  display: block;
  float: left;
  width: 18rem;
  height: 3rem;
  background-color: rgba(243,138,0,0.5);
  border-radius: 15px 15px 0px 0px;
  position: relative;
  color: white;
  text-align: center;
  font-size: 3rem;
  top: -8rem;
	font-weight: bold;
  	margin: 8rem 0 -8rem 43rem;
	padding: 1.3rem 0.3rem 0 0.3rem;
}
#btret a {
  color: white;
}
#contentphp .newsn {
  overflow: hidden;
  background: rgba(245, 245, 245, 1);
  padding: 0 .5rem;
  /*background-image:linear-gradient( to bottom, white 2.5rem, rgba(245,245,245,1) 3rem, rgba(245,245,245,1) 95%, white  );/*/
}
#contentphp .newsn sup {
  font-size: .6rem;
}
#contentphp .newsn h2:nth-of-type(n+1) {
  border-top: .1rem lightgrey solid;
  margin: 1rem 0 1rem 0;
  padding: 1rem 0 0 0;
  font-size: 2rem; /*2.1*/
  line-height: 2.1rem;
  color: #00519c;
  text-align: left;
  border-bottom: none;
  
}

#contentphp .newsn h2 a:hover {
  color: #ff9900;
}
#contentphp .newsn h2:first-of-type {
  /*font-size:150%; /*2.3*/	
  font-style: italic;
}
#contentphp .newsn img {
  width:70px;
	height:100px;
	text-decoration:none;      
	border: solid 1px #00519C;
	margin: 10px 10px 30px 15px;
	float: right;
}
#contentphp .newsn img:hover {
  	box-shadow: -4px 4px 6px lightgrey;
	transition: all .25s ease-in-out;

}
#contentphp .newsn img.pubvacances {
  float: left;
  text-align: left;
  width: 50%;
  margin: 10px 0;
  padding: 1.2rem .4rem 2rem 0;
  clear: none;
  box-sizing: border-box;
}
#contentphp .newsn p {
  /* 27/10/22 passage de 1.3 à 1.5 */
	font-size: 1.5rem;
	line-height: 1.9rem;
	
}
#contentphp .newsn p a {
  border: 1px solid grey;
  margin: 5px 0 5px 0;
  border-radius: 8px;
  height: 1.7rem;
  line-height: 1.7rem;
  padding: 0 15px 0 15px;
  text-align: center;
  font-size: 1.2rem;
  right: 0;
  float: right;
  clear: both;
  transition: all .25s ease-in-out;
}
#contentphp .newsn p a + a {
	clear: none;
	margin-right: 1rem;
/*	ajout 15/03/2023 pour éviter que les liens doubles ne prennent trop de hauteur*/
}

#contentphp .newsn p a.nostyle {
	border: none;
	clear: none;
	line-height: normal;
	text-align: inherit;
	margin: none;
	padding: none;
	float: inherit;
}

#contentphp .newsn p a.nostyle:hover {
	/* background-color: none;*/
	box-shadow: none;
}

#contentphp .newsn p:hover a.nostyle {
	/* background-color: none;*/
  	box-shadow: none;
	transition: none;
	
}

#contentphp .newsn p:hover a {
  	background-color: lightgrey;
  	box-shadow: -4px 4px 6px lightgrey;
	text-decoration: none;
		transition: all .25s ease-in-out;
	
}
/*  fait disparaitres les news au delà de 4
#actualites .newsn h2:nth-of-type(n+4) {
  display: none;
}
#actualites .newsn a:nth-of-type(n+3) {
  display: none;
}
#actualites .newsn p:nth-of-type(n+4) {
  display: none;
}
#actualites .newsn img:nth-of-type(n+4) {
  display: none;
}
*/


.toutesactu {
  background-image: linear-gradient(to bottom, rgba(245, 245, 245, 1) .5rem, white);
  margin-top: 0;
  padding-top: 0;
}
/* Fin positionnement du bloc de news*/

/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
/*  -ms-touch-action: pan-y;*/
  margin: auto;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-item:hover {
	border: 1px solid grey;
	box-sizing: border-box;
	border-radius: 10px;
	transition: all .5s ease-in-out;
	box-shadow: 3px 3px 3px grey; 

}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  /*	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
/* suppression 01/12/23  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
/* mouse grab icon */
/*
.grabbing {
  cursor: url(/grabbing.png) 8 8, move;
}
*/
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  /*	zoom: 1; propriété inconnue*/
  display: inline; /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  /*	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;*/
  border-radius: 30px;
  background: #869791;
  /*	filter: Alpha(Opacity=50);*/ /*IE7 fix*/
  opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  /*	filter: Alpha(Opacity=100);*/ /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  /*	zoom: 1; commande non reconnue*/
  display: inline; /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  /*	filter: Alpha(Opacity=50);*/ /*IE7 fix*/
  opacity: 0.5;
  /*	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;*/
  border-radius: 20px;
  background: #869791;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
  /*	filter: Alpha(Opacity=100);*/ /*IE7 fix*/
  opacity: 1;
}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  /*	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;*/
  border-radius: 30px;
}
/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center
}
#owl-demo .item {
  margin: 10px;
}
#owl-demo .item img {
  display: block;
  width: 100%;
  height: auto;
}


/*Cas des archives*/
#archives {
  margin: 1rem 0 0 0;
}
#archives ul {
  padding: 0;
  list-style: none;
}
#archives li:first-of-type {
  width: 100%;
  clear: both;
  margin-right: 10rem;
}
#archives li {
  white-space: nowrap;
  text-indent: 0px;
  width: 4rem;
  padding: 0 1rem 0 0;
  display: inline;
  text-align: left;
}
/*CARMF*/
.carm h2, .carm h3, .carm h5, .carm .zoneactive, .carm .zoneactive:hover, #framephp .carm a:hover, .carm #contentphp h2 a, .carm #contentphp h3 a {
  color: #FFCC00;
}
.carm table h3 {
  color: #00519C;
  background-color: #FFCC00;
  text-align: center;
}
.carm table {
  border: 2px solid #FFCC00;
  border-collapse: collapse;
}
.carm th {
  background-color: #FFCC00;
  color: black;
  text-align: center;
  border: 2px solid #FFCC00;
}

.carm td {
  border: 2px solid #FFCC00;
}
.carm table .fondfonce, .carm table .fondfonced, .carm table .fondfonceg {
  background-color: #FFCC00;
  color: white;
}
.carm table .fondclair, .carm table .fondclairg, .carm table .fondclaird {
  background-color: #fff0b3;
  color: black;
}
.carm table tr:nth-child(odd) {
  background-color: #fff0b3;
}
/*COTISANT*/
.coti h2, .coti h3, .coti h5, .coti .zoneactive, .coti .zoneactive:hover, #framephp .coti a:hover, .coti #contentphp h2 a, .coti #contentphp h3 a {
  color: #57ab27;
}
.coti table {
  border: 2px solid #57AB27;
  border-collapse: collapse;
}
.coti th {
  background-color: #57AB27;
  color: white;
  text-align: center;
  border: 2px solid #57AB27;
}
.coti td {
  border: 2px solid #57AB27;
}
.coti table .fondfonce, .coti table .fondfonceg, .coti table .fondfonced {
  background-color: #99CC00;
  color: black;
}
.coti table .fondclair, .coti table .fondclairg, .coti table .fondclaird {
  background-color: #ccff66;
  color: black;
  font-weight: normal;
}
.coti table tr:nth-child(odd) {
  background-color: #ccff66;
}
/*.coti table tr:nth-child(2) {	background-color : #99CC00; font-weight:bold;}
*/
/*.coti table tr:last-child {	background-color : #99CC00;}
*/
/*RETRAITE*/
.retr h2, .retr h3, .retr h5, .retr .zoneactive, .retr .zoneactive:hover, #framephp .retr a:hover, .retr #contentphp h2 a, .retr #contentphp h3 a {
  color: #f38a00;
}
.retr table {
  border: #f38a00 2px solid;
  border-collapse: collapse;
}
.retr th {
  background-color: #f38a00;
  color: white;
  text-align: center;
  border: #f38a00 2px solid;
  /*	font-size: 1.5rem;*/
}
.retr td {
  border: 2px solid #f38a00;
}
.retr table .fondfonce, .retr table .fondfonceg, .retr table .fondfonced {
  background-color: #FFCC66;
  color: #333333;
}
.retr table .fondclair, .retr table .fondclairg, .retr table .fondclaird {
  background-color: #f8e0b7;
  color: #333333;
}
.retr table tr:nth-child(odd) {
  background-color: #f8e0b7;
}
/*.retr table tr:nth-child(2) {	background-color : #FFCC66; font-weight:bold;}
*/
/*.retr table tr:last-child) {	background-color : #f8e0b7;}
*/
/*PREVOYANCE*/
.prev h2, .prev h3, .prev h5, .prev .zoneactive, .prev .zoneactive:hover, #framephp .prev a:hover, .prev #contentphp h2 a, .prev #contentphp h3 a {
  color: #00519C;
}
.prev table {
  border: 2px solid #00519C;
  border-collapse: collapse;
}
.prev th {
  background-color: #00519C;
  color: white;
  text-align: center;
  border: 2px solid #00519C;
}
.prev td {
  border: 2px solid #00519C;
}
.prev table .fondfonce, .prev table .fondfonceg, .prev table .fondfonced {
  background-color: #00519C;
  color: black;
}
.prev table .fondclair, .prev table .fondclairg, .prev table .fondclaird {
  background-color: #DDE1F0;
  color: black;
}
.prev table tr:nth-child(odd) {
  background-color: #DDE1F0;
}
/*REVERSION*/
.rev h2, .rev h3, .rev h5, .rev .zoneactive, .rev .zoneactive:hover, #framephp .rev a:hover, .rev #contentphp h2 a, .rev #contentphp h3 a {
  color: #b6101d;
}
.rev table {
  border: 2px solid #b6101d;
  border-collapse: collapse;
}
.rev th {
  background-color: #b6101d;
  color: white;
  text-align: center;
  border: 2px solid #b6101d;
}
.rev td {
  border: 2px solid #b6101d;
}
.rev table .fondfonce, .rev table .fondfonced, .rev table .fondfonceg {
  background-color: #b6101d;
  color: black;
}
.rev table .fondclair, .rev table .fondclaird, .rev table .fondclairg {
  background-color: #ffb5bb;
  color: black;
}
.rev table tr:nth-child(odd) {
  background-color: #ffb5bb;
}
/*CAPIMED*/
.capim h2, .capim h3, .capim h5, .capim .zoneactive, .capim .zoneactive:hover, #framephp .capim a:hover, .capim #contentphp h2 a, .capim #contentphp h3 a {
  color: #85d0f0;
}
.capim table {
  border: #85d0f0 solid 1px;
  border-color: #85d0f0;
  margin: 0;
  padding: 2px;
  border-collapse: collapse;
}
.capim table h3 {
  background-color: #85d0f0;
  color: #FFF;
  margin-bottom: 0px;
  text-align: center;
}
.capim th {
  background-color: #85d0f0;
  color: #00519C;
  text-align: center;
  border: 2px solid #85d0f0;
  /*	font-size: 1.1em;*/
}
.capim table .fondfonce, .capim table .fondfonced, .capim table .fondfonceg {
  background-color: #85d0f0;
  color: black;
}
.capim table .fondclair, .capim table .fondclaird, .capim table .fondclairg {
  background-color: #d2f2ff;
  color: black;
}
.capim table tr:nth-child(odd) {
  background-color: #d2f2ff;
}
/*CALCULETTE*/
.calc h2, .calc h3, .calc h5, .calc .zoneactive, .calc .zoneactive:hover, #framephp .calc a:hover, .calc #contentphp h2 a, .calc #contentphp h3 a {
  color: #993399;
}
.calc table {
  border: 2px solid #993399;
  border-collapse: collapse;
}
.calc th {
  background-color: #993399;
  color: white;
  text-align: center;
  border: 2px solid #993399;
}
.calc td {
  border: 2px solid #993399;
}
.calc table .fondfonce, .calc table .fondfonced, .calc table .fondfonceg {
  background-color: #cc66cc;
  color: black;
}
.calc table .fondclair, .calc table .fondclaird, .calc table .fondclairg {
  background-color: #ffccff;
  color: #993399;
}
.calc table tr:nth-child(odd) {
  background-color: #ffccff;
}
/*DOCUMENT*/
.doc h2, .doc h3, .doc h5, #framephp .doc a:hover, .doc #contentphp h2 a, .doc #contentphp h3 a {
  color: #00519C;
}
/*	



/*.doc table {
	border : 2px solid  #9cc51f;
	border-collapse: collapse;
}
.doc th {
	background-color : #cdf553;
	color : #006600;
	text-align : center;
	font-size: 1.5rem;
	border : 1px solid #9cc51f;
}
.doc td {
	border : 1px solid  #9cc51f;
}
.doc table .fondfonce, .doc table .fondfonceg, .doc table .fondfonced {
	background-color : #9cc51f;
	color : black;
}

.doc table .fondclair, .doc table .fondclairg, .doc table .fondclaird {
	background-color :  #cdf553;
	color : black;
	font-weight: normal;
}
.doc table tr:nth-child(odd) {
	background-color :  #cdf553;
}*/
/*INFO*/
.info h2, .info h3, .info h5, #framephp .info a:hover, .info #contentphp h2 a, .info #contentphp h3 a {
  color: #a00057;
}
.info table {
  border: #a00057 solid 1px;
  border-color: #a00057;
  margin: 0;
  padding: 2px;
  border-collapse: collapse;
  font-size: small;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.info th {
  background-color: #a00057;
  color: white;
  text-align: center;
}
.info table .fondfonce, .info table .fondfonced, .info table .fondfonceg {
  background-color: #a00057;
  color: black;
}
.info table .fondclair, .info table .fondclaird, .info table .fondclairg {
  background-color: #ff8ecb;
  color: black;
}
.info table tr:nth-child(odd) {
  background-color: #ff8ecb;
}
.actualites table {
  border: #85d0f0 solid 1px;
  border-color: #85d0d0;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
.actualites table h3 {
  color: #FFF;
  background-color: #006ab3;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border: #006ab3 solid 1px;
}
.actualites table .fondfonce, .actualites table .fondfonced, .actualites table .fondfonceg {
  background-color: #85d0f0;
  color: black;
}
.actualites table .fondclair, .actualites table .fondclaird, .actualites table .fondclairg {
  background-color: #85d0f0;
  color: white;
}
.actualites th {
  background-color: #00519C;
  color: white;
  text-align: center;
  border: 1px solid #85d0d0;
}


.actualites td {
  border: 1px solid #85d0d0;
}
.actualites table tr:nth-child(odd) {
  background-color: #85d0f0;
}
/*.retr table tr:nth-child(2) {	background-color : #FFCC66; font-weight:bold;}
*/
/*.retr table tr:last-child {	background-color : #f8e0b7;}*/
.actualites hr {
  color: #00519c;
}
*.date, .date, .actualites .date, .chiffrescles .date {
  text-align: right;
  padding-right: 5px;
}
.pagedesdocs {
  width: 600px;
  margin: auto;
}
.pagesdesdocs h3, .pagesdesdocs img {
  display: block;
  float: left;
}

.chiffrescles .encadre h2 {
  text-align: left;
}
#contentphp .chiffrescles h3 {
  margin-bottom: 1rem;
}
.chiffrescles table {
  border: #85d0f0 solid 1px;
  border-color: #85d0d0;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}
.chiffrescles table h3 {
  color: #FFF;
  background-color: #006ab3;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  border: #006ab3 solid 1px;
}
#contentphp.chiffrescles li:before { content:"";}
#contentphp.chiffrescles li li li:before { content:"- ";}


.chiffrescles table .fondfonce, .chiffrescles table .fondfonced, .chiffrescles table .fondfonceg {
  background-color: #85d0f0;
  color: black;
}
.chiffrescles table .fondclair, .chiffrescles table .fondclaird, .chiffrescles table .fondclairg {
  background-color: #85d0f0;
  color: white;
}
.chiffrescles th {
  background-color: #00519C;
  color: white;
  text-align: center;
  border: 1px solid #85d0d0;
}
.chiffrescles td {
  border: 1px solid #85d0d0;
}
.chiffrescles table tr:nth-child(odd) {
  background-color: #CCEBF9;
}
/*.retr table tr:nth-child(2) {	background-color : #FFCC66; font-weight:bold;}
*/
/*.retr table tr:last-child {	background-color : #f8e0b7;}*/
.chiffrescles hr {
  color: #00519c;
}
.cartouche {
  border: .2rem solid #00519c;
  width: 80%;
  padding: 1rem;
  margin: 2rem auto;
  border-radius: 0rem 1rem 0rem 1rem;
  box-shadow: 5px -5px 2px lightgrey;
  text-align: justify;
  background-color: rgba(0, 81, 156, .15);
}
.cartouche img {
  float: left;
  padding: .1rem 1rem 1rem .1rem;
}
.cartouche h2 {
  color: #00519C;
  font-weight: bold;
  font-variant: small-caps;
  margin-top: 0px
}
.deuxcols {
  -webkit-column-count: 2;
  -webkit-column-gap: 3rem;
  column-count: 2;
  column-gap: 3rem;
  text-align: justify;
  padding-right: 5px;
}
.habille {
  float: left;
  padding: 0 1rem 1rem 0;
}
/*Commun à tous les styles */
.fondfonceg, .fondclairg, .fondblancg {
  text-align: left;
}
.fondfonced, .fondclaird, .fondblancd {
  text-align: right;
}
.fondblanc, .fondblancg, .fondblancd {
  background-color: #FFFFFF;
  color: black;
  font-weight: normal;
}
.vertical {
  margin: 0;
  padding: 0;
  width: 20rem;
  height: 2rem;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.retourpagedac {
  padding: 1rem;
  display: block;
  margin: 2rem auto 0rem;
  clear: both;
  text-align: center;
}
.retourpagedac img {
  vertical-align: middle;
  padding-right: 1rem;
}
.menulowres {
  display: none;
}
/*gallerie d'images du focus
 */
.focus .trianglebleu {
  margin-top: -4.6rem;
}


.focus th {
  background-color: #00519C;
  color: white;
  text-align: center;
  border: 1px solid #85d0d0;
}
div#galerie {
  height: 450px;
  border: 1px solid #ffffff;
  padding: 15px;
  margin: 15px 30px;
  text-align: center;
  font: 1em arial;
}
ul#galerie_mini {
  margin: 0px;
  padding: 0;
  list-style-type: none;
}
ul#galerie_mini li {
  float: left;
}
ul#galerie_mini li a img {
  margin: 0px 1px;
  border: 1px solid #ffffff;
}
dl#photo {
  clear: both;
}
dl#photo dt {
  color: #00519C;
}
dl#photo dd {
  margin: 10px;
}
dl#photo img {
  margin-top: -50px;
  border: 3px solid #ffffff;
}
/*gallerie d'images du focus 2
 */
.galleriephoto {
  text-align: center;
}
.galleriephoto img {
  margin: auto;
}
.galleriephoto figure {
  margin: auto;
}
.galleriephoto figcaption {
  width: 600px;
  text-align: center;
  margin: auto;
}
a:hover .popup {
  display: block;
  position: absolute;
  width: 20rem;
  text-align: center;
  background-color: #00519c;
  color: #FFFFFF;
  padding: 5px;
  border: #FFFFFF 1px solid;
  box-shadow: darkgrey 5px 5px 5px;
}
.popup {
  display: none;
}
.netent {
  background-color: rgba(85, 223, 255, 1);
  padding: 3px;
  border-radius: 5px;
  clear: none;
  line-height: 1rem;
}
#flechenete {
  padding: 3px;
  height: 2rem;
  width: 2rem;
  font-size: 3rem;
  font-weight: 900;
  color: #00519c;
  clear: none;
  left: -15px;
  top: 1.5rem;
  position: relative;
  animation: Test 1s infinite;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* carte de france effectifs svg*/
.cdf path, .cdf polygon, .cdf text, .cdf a:hover, .cdf tspan {
  fill: #d3d6e9;
  ;
  text-decoration: none;
}
.cdf polygon, .cdf path {
  stroke: #00519c;
  stroke-width: 0.75;
  stroke-miterlimit: 10;
}
.franceentiere path {
  stroke-width: 0.25;
}
.cdf a:hover polygon, .cdf a:hover path, .franceentiere:hover path {
  fill: #c9d200;
  stroke: none;
  stroke-width: 0
}
.cdf tspan, .cdf text {
  font-family: Arial, Helvetica, sans-serif;
  fill: #00519c;
  font-size: 9px
}
.cdf svg {
  width: 100%;
  height: 600px;
}
a.franceentiere:hover path {
  fill: #d3d6e9;
}
.cdf text.dte:hover {
  fill: green;
}
/* cartes de france administrateurs svg*/
svg#cdfs {}
svg#cdfs path {
  fill: #00519c;
  stroke: #1D629E;
  stroke-width: 2
}
svg#cdfs text {
  font-size: 250%;
  font-family: Arial, Helvetica, sans-serif;
  fill: #FFF;
}
svg#cdfs path:hover {
  fill: #85D0F0;
}
svg#cdfs path:hover text {
  font-size: 2rem;
  fill: #FFF;
}
svg#cdfs a text {
  color: #FFF;
  font-size: 200%;
}
svg#cdfs tspan {font-size: 2rem;  }
@keyframes Test {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.numerorond {
  background-color: #57ab27;
  border-radius: 50%;
  color: white;
  font-weight: bold;
}
.blocfb {
  display: none;
}
.imgfb {
  vertical-align: middle;
}
.partagefb {
  background-color: #00519c;
  border: 1px solid #00519c;
  border-radius: 7px;
  padding: .5rem .7rem .5rem 3rem;
  color: white;
  font-weight: bolder;
  font-size: 1.2rem;
  height: 1.4rem;
  background-image: url(/images/facebook.png);
  background-repeat: no-repeat;
  background-position: 5px;
  text-align: center;
  margin: auto;
  margin-top: 0;
  margin-bottom: 1px;
  width: 5rem;
  line-height: 1.4rem;
}
.partagefb a {
  text-decoration: none;
  color: white;
}
.partagefb a:hover {
  text-decoration: underline;
}
.retourautop {
  display: block;
  width: 30px;
  height: 30px;
  margin: 2rem auto;
  border: none;
  clear: both;
}
.trianglebleu {
  display: none;
}
.clignotant {
  animation: clignote3 3s ease-in-out infinite;
}
.bip{
	animation: clignote3 3s ease-in-out infinite;
}


#fraude { background-color: mediumpurple;
font-size:2.1rem;
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
margin: 1rem 0;
padding: 5px;
font-weight: bold;
border-radius: 1rem 1rem 0 0 ;
animation: clignote2 5s ease-in-out infinite;
text-align: center;

		
}
#fraude a {  color: white;
	  /*animation: clignotant 2s ease-in-out infinite;*/

	
}

@keyframes clignote2 {  
    50% { opacity: 100%; }
	65% { opacity: 20%; }
	80% { opacity: 100%; background-color: purple; }
}

@keyframes clignote3 {  
    40% { opacity: 60%; }
	65% { opacity: 100%; background-color: #FFD700; }
	90% { opacity: 60%; }
}


#googleerreur {
	text-align: center;}


.gridcontainer {width: 102rem;
				    margin: auto;
					display: grid;
					gap: 10px 10px;
 					grid-auto-flow: row;
					padding: 10px;
					border-radius: 0px 15px 15px 15px;
					background-color: #00519c;
					border-collapse: collapse;}
/*		.gridcontainer * {margin: 0; padding: 0;}*/
		.gridcontainer p, .gridcontainer article, .gridcontainer h2 { margin:0; padding: 0;}
		.gridcontainer a { margin:0; padding: 0; text-align: right;}
		.gridcontainer article { padding: 5px; background-color: rgba(255,255,255,0.9); border-radius:10px;}
		.gridcontainer img {float: left; margin: 5px 15px 10px 5px; }
		.gridcontainer article:nth-of-type(1) h2 {font-size:2.3rem; padding-bottom: 1rem;}
		.gridcontainer article:nth-of-type(1) a {margin-top: 1rem; line-height: 2.5rem;}	
		.gridcontainer article:nth-of-type(1) { grid-area: new1; }
		.gridcontainer article:nth-of-type(2) { grid-area: new2; }
		.gridcontainer article:nth-of-type(3) { grid-area: new3; }
		.gridcontainer article:nth-of-type(4) { grid-area: new4; }
		.gridcontainer article:nth-of-type(5) { grid-area: new5; }
		.gridcontainer article:nth-of-type(6) { grid-area: new6; }
	.gridcontainer div {display: none}
/*
		.quatre {
		grid-template-columns: repeat(2, 1fr);
  		grid-template-rows: repeat(2, 1fr);
		
		grid-template-areas:
			"new1 new2"
			"new1 new3"
			"new1 new4";}
		
		.gridcontainer.quatre article:nth-of-type(n+5)  {display: none;}
		.gridcontainer.quatre article:nth-of-type(1) img { height: 100%; max-width: 150px; width: 20%; object-fit: cover;}
		.gridcontainer.quatre article:nth-of-type(n+2) img { height: 90%;; width: 70px; object-fit: cover;}
		.gridcontainer.quatre article:nth-of-type(n+2) p { height: 5.2rem; overflow: hidden;}

		
*/

		.cinq {		
			background-color: rgba(0,81,156,0.5);

		grid-template-columns: repeat(6, 1fr);
  		grid-template-rows: repeat(6, 1fr);
		grid-template-areas:
			"new1 new1 new1 new1 new4 new4"
			"new1 new1 new1 new1 new4 new4"
			"new1 new1 new1 new1 new5 new5"
			"new2 new2 new3 new3 new5 new5"
			"new2 new2 new3 new3 new6 new6"
			"new2 new2 new3 new3 new6 new6"

			;}
		.gridcontainer.cinq article:nth-of-type(n+7)  {display: none;}
		.gridcontainer.cinq article:nth-of-type(1) img {height: 160px; width: 115px; object-fit: cover;}
		.gridcontainer.cinq article:nth-of-type(1) p { max-height: 20rem; overflow: hidden;}
		.gridcontainer.cinq article:nth-of-type(n+2) p {max-height: 9.3rem; overflow:hidden;}
		.gridcontainer.cinq article:nth-of-type(n+2) h2 { font-size:1.7rem;} 
		.gridcontainer.cinq article:nth-of-type(n+2) img {height:160px; width: 80px; object-fit: cover;}
		.gridcontainer.cinq article:nth-of-type(n+4) img { height: 90px; width: 60px; object-fit: cover;}
		.gridcontainer.cinq article:nth-of-type(n+4) h2 { font-size:1.5rem; } 
		.gridcontainer.cinq article:nth-of-type(n+4) p { height: 5.1rem; font-size:1.2rem; overflow:hidden; } 

		

		.sept {
			background-color: rgba(87,171,39,0.5);

		grid-template-columns: repeat(4, 1fr);
  		grid-template-rows: repeat(4, 1fr);
		grid-template-areas:
			"new1 new1 new2 new2 new4"
			"new1 new1 new2 new2 new5"
			"new1 new1 new3 new3 new6"
			"new1 new1 new3 new3 new7";}
		.gridcontainer.sept	{border-radius: 15px 15px 15px 15px;}
		.gridcontainer.sept article:nth-of-type(1) img {height: 350px; max-width: 150px; object-fit: cover; border-radius: 15px;}
		.gridcontainer.sept article:nth-of-type(1) p { max-height: 20rem; overflow: hidden;}
		.gridcontainer.sept article:nth-of-type(n+4) p {display: none; padding: 0;}
		.gridcontainer.sept article:nth-of-type(n+2) img { display: none; }
		.gridcontainer.sept article:nth-of-type(n+4) img { display: block; height: 60px; width: 40px; object-fit: cover; float: right; margin: 3px 3px 10px 5px; }
		.gridcontainer.sept article:nth-of-type(n+2) { text-align: center;} 
		.gridcontainer.sept article:nth-of-type(n+8)  {display: none;}
		.gridcontainer.sept article:nth-of-type(n+4) { text-align: center; }
		.gridcontainer.sept article:nth-of-type(n+4) h2 { margin: 0; font-size: 1.3rem} 

		.septret {
			background-color: rgba(243,138,0,0.5);}

#menutop {width: 105rem;
				   	display: grid;
 					grid-auto-flow: row;
					background-image: url("/dev/images/logo-carmf-background.jpg");
					background-repeat: repeat;
					border-collapse: collapse;
					margin-top: 0.2rem;}

		#menutop p, #menutop a, #menutop article, #menutop h2 { margin:0; padding-top: 0;}
		#menutop img {float: left; margin: 0.3rem 0 0 0.6rem;}
		#menutop svg {fill:white; margin-top: 10px;}
		#menutop article.ecarmf:nth-of-type(n) {	float: right; width: 17.3rem;	text-align: left;	color: #00519c;  	font-weight: bold;   	font-size: 1.5rem;  	height: 2rem;  	padding: 0.8rem 0 0 0;	}

		#menutop article:nth-of-type(n):hover svg { filter: drop-shadow(1px 1px 1px #6DA8DF)}
		#menutop article:nth-of-type(n):hover a { color: white;  text-decoration: underline;}

#menutop article.ecarmf:nth-of-type(n) {margin:0;}
		#menutop article.ecarmf:nth-of-type(n):hover svg {	fill:white;	transition: 0.5s ease-in-out;	box-shadow: 1px 1px 1px grey;		background-color: #6DA8DF;}
		#menutop article.ecarmf:nth-of-type(n):hover div{color: white;	transition: 0.5s ease-in-out;	text-decoration: underline #6DA8DF;	box-shadow: 1px 1px 1px grey; background-color: #6DA8DF}
		#menutop article.ecarmf:nth-of-type(n) svg { margin-top: 2px;}
		#menutop article.ecarmf:nth-of-type(n) svg {fill:#00519C; background-color: white; padding: 0.4rem 0.4rem 0.4rem 0.7rem ;	border-radius: 2.8rem 0 0 2.8rem;	height: 3.2rem;		transition: 0.7s ease-in-out; margin-left: 3rem;}
		#menutop article.ecarmf:nth-of-type(n) a div {border-radius: 0 3rem 3rem 0; 	padding: 0rem 1.5rem 0rem .5rem;	height: 4rem;	background-color: white;	text-align: left; transition: 0.7s ease-in-out;}
		#menutop article:nth-of-type(1) {width: 209px; height: 105px; background-image: url("/dev/images/logo-carmf-pc.jpg"); background-repeat: no-repeat;}
				
		#menutop article:nth-of-type(1) { grid-area: new1; }
		#menutop article:nth-of-type(3) { grid-area: new3; }
		#menutop article:nth-of-type(4) { grid-area: new4; }
		#menutop article:nth-of-type(5) { grid-area: new5; }
		#menutop article:nth-of-type(6) { grid-area: new6; }
		#menutop article:nth-of-type(7) { grid-area: new7; }
		#menutop article:nth-of-type(8) { grid-area: new8; }
		#menutop article:nth-of-type(9) { grid-area: new9; }
		
		
		#menutop {
		grid-template-columns: repeat(8, 1fr);
  		grid-template-rows: repeat(1, 1fr);
		
		grid-template-areas:
			"new1 new3 new4 new5 new6 new7 new8 new9";}
		
		#menutop article:nth-of-type(n+10)  {display: none;}


.gridcontainer3 {width: 105rem;
				   	display: grid;
					gap: 10px 10px;
 					grid-auto-flow: row;
					background-color: white;
					border-collapse: collapse;
					margin-bottom: 2rem;
					margin-top: 2rem;}

		.gridcontainer3 h3 { margin:0; padding: 0;}
		.gridcontainer3 h2 { line-height: 2.5rem;}
		.gridcontainer3 img {margin: 0.4rem 0 0 1.4rem;}

		.gridcontainer3 article:nth-of-type(n+4) { height: 272px;}
		.gridcontainer3 article:nth-of-type(1) { height: 272px;}

		.gridcontainer3 article:nth-of-type(1) { margin-top: 2rem;}
		.gridcontainer3 article:nth-of-type(2) { margin-top: 2rem;}
		.gridcontainer3 article:nth-of-type(3) { margin-top: 2rem;}

		.gridcontainer3 article.list:nth-of-type(n) ul {list-style: none;  margin: 1rem 0 0 2.2rem;  padding: 0;	display: table;}
		.gridcontainer3 article.list:nth-of-type(n) li {  display: table-cell;	height: 6rem;	  float: left;  border: 1px solid lightgrey;  margin: 0 0 .5rem 0;  box-sizing: border-box;  border-radius: 0rem 1rem 1rem 0rem;  text-indent: 0;  padding: 1rem;  vertical-align:middle;}
		.gridcontainer3 article.list:nth-of-type(n) li:before {	content: none;}
		.gridcontainer3 article.list:nth-of-type(n) li:nth-of-type(odd) {  background-color: #00519c;  color: white;  font-weight: bold;  font-size: 2rem;   width: 6rem;  line-height: 2rem;  text-align: center;  border-radius: 1rem 0rem 0rem 1rem;  border: none;}
		.gridcontainer3 article.list:nth-of-type(n) li:nth-of-type(even) {  width: 24rem;  font-weight: bold;  color: #00519C;  text-align: left; padding:1.5rem 0 0 .7rem;	font-size: 1.5rem;}

		.gridcontainer3 article.demarche:nth-of-type(n) ul {  margin: 0 0 0 0;}
		.gridcontainer3 article.demarche:nth-of-type(n) li {  list-style: none;	 padding: 1.1rem 0;  font-size: 1.5rem;  font-weight: 200; line-height: 1.8rem;}
		.gridcontainer3 article.demarche:nth-of-type(n) li li { padding: 0;}
		.gridcontainer3 article.demarche:nth-of-type(n) li:before {  content: " \002023 ";  color: #00519C;  font-size: 2rem; padding-right: 0rem;}

		.gridcontainer3 article.acces:nth-of-type(n) ul {  padding: 0;  margin: 0.7rem 0 0 2.2rem;  width: 30rem;  transition: all .5s ease-in-out;}
		.gridcontainer3 article.acces:nth-of-type(n) li {  list-style: none;  display: table;  float: left;  width: 10rem;  height: 10rem;  background-color: rgba(223, 239, 255, 1);  border-collapse: collapse;  box-sizing: border-box;  vertical-align: bottom;  text-align: center;  border: 2px solid white; border-radius: 1.7rem;}
		.gridcontainer3 article.acces:nth-of-type(n) p {  display: table-cell;  vertical-align: middle;  text-align: center;  bottom: 0;  font-size: 12px;  color: #00519c;  font-family: rial, Helvetica, sans-serif; font-weight: bold;  transition: all .5s ease-in-out;}
		.gridcontainer3 article.acces:nth-of-type(n) svg {  margin: 10px 0;	padding: 0 0 0 10px;}
		.gridcontainer3 article.acces:nth-of-type(n) p:hover {  transition: all .5s ease-in-out;  background-image: linear-gradient(to top, #00519c, rgba(176, 216, 255, 1));  border-radius: 1.7rem;}
		.gridcontainer3 article.acces:nth-of-type(n) li:before {  content: "";}
		.gridcontainer3 article.acces:nth-of-type(n) p:hover path {  fill: white;}
		.gridcontainer3 article.acces:nth-of-type(n) path {  fill: #00519c;}
		.gridcontainer3 article.acces:nth-of-type(n) p:hover a {  color: white;  text-decoration: none;}
	
			
		.gridcontainer3 article:nth-of-type(1) { grid-area: new1; }
		.gridcontainer3 article:nth-of-type(2) { grid-area: new2; }
		.gridcontainer3 article:nth-of-type(3) { grid-area: new3; }
		.gridcontainer3 article:nth-of-type(4) { grid-area: new4; }
		.gridcontainer3 article:nth-of-type(5) { grid-area: new5; }
		.gridcontainer3 article:nth-of-type(6) { grid-area: new6; }
		.gridcontainer3 article:nth-of-type(7) { grid-area: new7; }
		.gridcontainer3 article:nth-of-type(8) { grid-area: new8; }
		
		
		.gridcontainer3 {
		grid-template-columns: repeat(3, 1fr);
  		grid-template-rows: repeat(3, 1fr);
		
		grid-template-areas:
			"new1 new2 new3"	
			"new4 new4 new5"
			"new6 new7 new8";
}