@font-face {
    font-family: "Raleway";
   font-weight: normal;
    src: url('./fonts/Raleway-Regular.ttf');
}
@font-face {
    font-family: "RalewaySemiBold";
    src: url('./fonts/Raleway-SemiBold.ttf');
}
@font-face {
    font-family: "RalewayBold";
    font-weight: bold;
    src: url('./fonts/Raleway-Bold.ttf');
}
@font-face {
    font-family: "RalewayMedium";
    src: url('./fonts/Raleway-Medium.ttf');
}
@font-face {
    font-family: "RawlineRegular";
    src: url('./fonts/rawline-400.ttf');
}
@font-face {
    font-family: "RawlineBold";
    src: url('./fonts/rawline-600.ttf');
}
@-ms-viewport{
  	width: device-width;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0;
}

.pictoTwitter {
	display: inline-block;
	width: 52px;
	height: 52px;
	background-color: #34A3B7;
	position: relative;
}
.pictoTwitter::after {
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	background-color: #EAF5F7;
	--varTailleIcone: 60%;
	--varUrlIcone: url('../images/x.svg');

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: var(--varTailleIcone);
	mask-size: var(--varTailleIcone);
	-webkit-mask-image: var(--varUrlIcone);
	mask-image: var(--varUrlIcone);
}

/******
  CSS pour le rendu des textes créés depuis Froala
  
  ! Ne pas oublier d'encadrer le rendu par une DIV.froalaRendu
  ! Ne pas oublier d'intégrer le script suivant, pour la mise en forme des liens (youtube, maps, ...)
    <script src="https://cdn.embedly.com/widgets/platform.js" charset="UTF-8"></script>
  
******/

/* Permet de garder le padding du rendu */
.froalaRendu :first-child {
  margin-top: 0px;
}
.froalaRendu :last-child {
  margin-bottom: 0px;
}

/* Images */
img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
span.fr-img-caption {
  position: relative;
  max-width: 100%;
}
span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc;
}
img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}
img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}


/* Tableaux */
.froalaRendu table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
}
.froalaRendu table td {
  min-width: 5px;
}
.froalaRendu table.fr-dashed-borders td, .froalaRendu table.fr-dashed-borders th {
  border-style: dashed;
}
.froalaRendu table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: whitesmoke;
}
.froalaRendu table td, .froalaRendu table th {
/*  border: 1px solid #DDD;*/
}
.froalaRendu table td:empty, .froalaRendu table th:empty {
  height: 20px;
}
.froalaRendu table td.fr-highlighted, .froalaRendu table th.fr-highlighted {
  border: 1px double red;
}
.froalaRendu table td.fr-thick,  .froalaRendu table th.fr-thick {
  border-width: 2px;
}
.froalaRendu table th {
  background: #ececec;
}

/* Emoticones */
span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
  display: inline;
  line-height: 0;
}
span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -.1em .1em .1em;
  line-height: 1;
  vertical-align: middle;
}

a.frLinkClassic:link {
  color: #0000EE;
}
a.frLinkClassic:visited {
  color: #551A8B;
}

/* FIN  froala */


#espaceAdherentDiv {
  display: flex;
  justify-content: center;
  height: 42px;
  align-items: center;
}
#espaceAdherentDiv::after {
  content: "";
  width: 39px;
  height: 42px;
  background-color: rgba(242, 115, 0, 0.8);
  top: 0px;
  right: 0px;

  background-image: url("../Images/group-1.svg");
  background-position: center;
  background-size: 28px;
  background-repeat: no-repeat;
}
#espaceAdherent {
  flex: 1;
  font-family: "RalewaySemiBold";
  text-decoration: none;
  color: white;
  display: block;
  font-size: 17px;
  text-transform: uppercase;
  text-align: right;
  padding-right: 17px;
  background-color: rgba(242, 115, 0, 0.7);
  height: 42px;
  line-height: 42px;
  transition: background-color 0.3s;
}
#espaceAdherent:hover {
  background-color: rgba(242, 115, 0, 0.8);
}

.ad-preloads { 
	z-index:-1000;
}
.blocSection .descrActivites span {
  font-size: 19px !important;
  line-height: 30px !important;
  font-family: "Raleway" !important;
  color: #545454 !important;
  background-color: rgba(255, 255, 255, .0) !important;
}
table.slogan {
	border-collapse:collapse;
	margin:auto;
	margin-bottom:55px;
}
table.slogan td {
	vertical-align:top;
}
.photopresident {
	border:3px solid grey;
	width:150px;
	height:150px;
	background-size:cover;
	background-position:center;
	margin-bottom:15px;
}
.motpresident {
	margin:15px 0px 15px 0px;
}

table.slogan .image {
/*	border:3px solid grey;
*/	width:150px;
	height:150px;
	background-size:cover;
	background-position:center;
	margin-right:100px;
}
table.slogan .titre {
	text-align:center;
	color:#863143;
	font-family: "RalewayBold";
	font-size:22px;
	width:600px;
}
table.slogan .desc {
	text-align:center;
	padding:20px;
	width:600px;
	font-size:16px;
}
a img{
	border:none;
}

html {
  overflow-y:scroll;
}
body,html {
  width:100%;
  height:calc(100% - var(--heightBandeauVersion));
  min-width:1190px;
  margin:0px;
  padding:0px;
  font-family: "Raleway";
}

.extranet body,html {
	background-image:url('../images/background.jpg');
	background-size:cover;
	background-position:center center;
	background-attachment:fixed;
	background-repeat:no-repeat;
}

table.adapt {
  width:100%;
  min-width:1190px;
  border-collapse:collapse;
}
.content {
  width:1190px;
  margin:auto;
  padding:0px 0px 25px 0px;
}
#MENUSEC .content {
  width: 1240px;
}
#MENUSEC .niv1 .niv1bloc:first-child {
/*  width:92px;*/
}

.extranet .content {
  width:1082px;
  margin:auto;
  padding:15px 0px 25px 0px;
  margin-bottom:30px;
}
.extranet .contentRecherche {
  width:1082px;
  margin:auto;
/*  padding:15px 0px 25px 0px;*/
  margin-bottom:30px;
}


.sectionnopadding .content {
  padding:0px;
}
#header .content {
  padding:0px 0px 0px 0px;
}
#header {
  height:459px;
  border-bottom:4px solid #e4eaea;
  width:100%;
  min-width:1190px;
  z-index:52;
}
#header.fixed {
  position:fixed;
  top:calc(var(--heightBandeauVersion) - 245px);
  left:0;
}

#PAGECONTENT.fixed {
  margin-top:465px;
}
#headersup {
  height:370px;
 /*background-image:url('../images/slide1.jpg');*/ /*utilisation d'un random c'est plus joli*/
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  /*padding-bottom:10px;*/
}
#headersup #slideshow {
  height:370px;
  /*background-image:url('../images/slide1.jpg');*/ /*utilisation d'un random c'est plus joli*/
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  z-index:0;
  position:absolute;
  width: 100%;
}

#logo {
  background-color: rgba(38, 130, 151, 0.6);
  height:155px;
  width:100%;
  min-width:1190px;
  position:absolute;
  text-align:center;
  margin-top:215px;
  z-index:5;
}
#SEARCH.fixed {
  margin-top:280px;
}
#SEARCH {
  margin-top:15px;
}
#SEARCH table {
  border-collapse:collapse;
}
#SEARCH input[type=text] {
  padding:10px 17px 10px 20px;
  width:186px;
  font-family: "RalewayBold";
  color:#2c8497;
  font-size:16px;
  text-transform:uppercase;
  border:0px;
  background-color: rgba(255, 255, 255, 0.8);
}
#SEARCH table td:last-child {
  width:52px;
  text-align:center;
  vertical-align:middle;
  background-color: rgba(255, 255, 255, 0.5);
}
#SEARCH table td:last-child img {
  cursor:pointer;
}
/*#SEARCH input[type=text]::-webkit-input-placeholder {
  opacity:1;
}
#SEARCH input[type=text]:-moz-placeholder {
  opacity:1;
}
#SEARCH input[type=text]::-moz-placeholder {
  opacity:1;
}
#SEARCH input[type=text]:-ms-input-placeholder {
  opacity:1;
}*/


#logo img {
  /* margin-top:23px; */
  margin-top: 50px;
  width: 285px;
}
#PAGECONTENT {
  background-color:#f1f1f1;
}
#headersupright {
  float:right;
  z-index:10;
  position:relative;
}
#MENUSEC {
  background-color:white;
}

.niv1bloc table{
	margin:auto;
}

#MENUSEC .niv1bloc
{
	width:108px;
	height:80px;
	text-align:center;
	-moz-transition: all 0.2s ease;/* Firefox */
  -webkit-transition: all 0.2s ease;/* WebKit */
  -o-transition: all 0.2s ease;/* Opera */
  transition: all 0.2s ease;/* Standard */
}
#MENUSEC .niv1bloc:hover {
	background-color:#27879d;
}
#MENUSEC .niv1 {
  border-collapse:collapse;
  width:100%;
}
#MENUSEC .niv1 .niv1bloc {
  vertical-align:top;
  height:90px;
  text-align:center;
  padding:0px 20px 0px 20px;
  color:#27879d;
  cursor:pointer;
}
#MENUSEC .niv1 .niv1bloc :is(a, span) {
  font-family:"RalewayBold";
  text-decoration:none;
  color:#27879d;
  font-size:16px;
  text-transform:uppercase;
  white-space: nowrap;
}
#MENUSEC .niv1 .niv1bloc .orange :is(a, span) {
  color:#F27300
}

#MENUSEC .niv1 .niv1bloc .nowrap :is(a, span) {
  white-space: nowrap;
}
#MENUSEC .niv1 .niv1bloc:hover a{
	color:white;
}
/*
#MENUSEC .niv1 .niv1bloc .rouge a{
	color:#d04f65;
}
#MENUSEC .niv1 .niv1bloc:hover .rouge a{
	color: white;
}*/

#MENUSEC .niv1 .niv1bloc .niv2,  
#MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 {
  display:none;
/*  display:block !important;*/

  position:absolute;
  list-style: none;
  padding: 0px;
  z-index: 50;
}
#MENUSEC .niv1 .niv1bloc .niv2 {
  margin: 90px 0px 0px -20px;
}
#MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 {
  margin: 0px;
  left: 100%;
  top: 0px;
}

#MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc, 
#MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 .niv3bloc {
  display: block;
  float: none;
  cursor: pointer;
  border-top: 1px solid #4997a9;
  background-color:#27879d;
  text-align:left;
  position: relative;
  transition: background-color 0.3s;
}

#MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc :is(a, span) {
  display: block;
  padding: 6px 20px 6px 12px;
  color: white;
  text-transform: none;
  font-weight: normal;
  font-family: "Raleway";
  text-decoration: none;
  font-size: 14px;
}
#MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc :is(a, span).avecSousMenu::after {
  content: "";
  width: 6px;
  height: 6px;
  border-top: 1px solid white;
  border-right: 1px solid white;
  position: absolute;
  right: 9px;
  top: 9px;
  transform: rotate(45deg);
  transform-origin: 0px;
}
@media screen and (min-width: 641px) {

  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc:hover .niv3 {
    display: block;
  } 
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc:hover ,
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 .niv3bloc:hover {
    background-color: #1c6373;
  }
}
#BARFUNC {
  background-color: rgba(38, 130, 151, 0.9);
}
#BARFUNC table {
  border-bottom:1px solid #4a97a9;
  border-collapse:collapse;
  width:285px;
}
#BARFUNC table:last-child {
  border-bottom:0px;
}
#BARFUNC table tr td:first-child {
  text-align:right;
  vertical-align:middle;
  padding:0px 17px 0px 0px;
  border:0px;
}
#BARFUNC table tr td:last-child {
  width:39px;
  height:42px;
  background-color:#2490a2; 
  text-align:center;

}

#BARFUNC table tr td a,#BARFUNC table tr td span{
  font-family:"RalewaySemiBold";
  text-decoration:none;
  color:white;
  font-size:17px;
  text-transform:uppercase;
  
  -moz-transition: all 0.2s ease;/* Firefox */
  -webkit-transition: all 0.2s ease;/* WebKit */
  -o-transition: all 0.2s ease;/* Opera */
  transition: all 0.2s ease;/* Standard */
}
#BARFUNC table tr td span{
  color:#5db3c6;
  cursor:default;
}
#BARFUNC table tr td a:hover{
  color:#5ddeff;
}
#footer {
  background-color:#315671;
}
#footer .content{
  padding:20px 0px 35px 0px;
  display:flex;
  flex-direction:row-reverse;
  display: -webkit-flex; /* Safari */
  -webkit-flex-direction:row-reverse; /* Safari 6.1+ */
}

#footer #bandeauTop{
	height:120px;
	display:flex;
	align-items:flex-end;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: flex-end; /* Safari 7.0+ */
}

#bandeauFooterContentWrapper{
	width:100%;
}

#footer #bandeauTop #subBandeauTop .bandeauLeftContent, #footer #bandeauTop #subBandeauTop .bandeauRightContent{
	display:flex;
	display: -webkit-flex; /* Safari */
}

.ad-forward, .ad-back{
	opacity:0.7 !important;
}

.pictoFooterBandeauWrapper
{
	padding-left:20px;
	align-items:center;
	display:flex;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
}

.contentFooterBandeau a {
	text-decoration:none;
	color:rgb(51,89,127);
}

.contentFooterBandeau{
	padding-left:20px;
	color:rgb(51,89,127);
	font-weight:bold;
	font-size:17px;
	text-transform:uppercase;
	
}

.bandeauLeftContent .pictoFooterBandeauWrapper:first-child{
	padding-left:0;
}

.pictoFooterBandeau{
	
	display:flex;
	align-items:center;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */

}

#footer #bandeauTop #subBandeauTop{

	height:100%;
	background-color:#f1f1f1;
	height:113px;
}

#footer #bandeauTop #subBandeauTop #bandeauFooterContent{
	width:1190px;
	margin:auto;
	height:100%;
	display:flex;
	display: -webkit-flex; /* Safari */
	align-items:center;
	justify-content:space-between;
	 -webkit-justify-content:space-between;
	 -webkit-align-items: center; /* Safari 7.0+ */
}

#footerright {
  flex-direction:column;
  -webkit-flex-direction:column; /* Safari 6.1+ */
  display: -webkit-flex; /* Safari */
  display:flex;
  justify-content:space-between;
  -webkit-justify-content:space-between;
  text-align:right;
  color:white;
  width:190px;
  font-family:"RalewayMedium";
  color:white;
  font-size:13px;
  line-height:25px;
  padding-top:15px;
}
#footerright a {
  text-decoration:none;
  color:white;
}
#sitemap {
  width:1000px;
}
#sitemap table {
  float:left;
  border-collapse:collapse;
  margin-right:20px;
}
#sitemap table tr td {
  font-family:"RalewayMedium";
  color:white;
  font-size:13px;
  width:180px;
  padding:10px 0px 0px 0px;
}
#sitemap table tr td a {
  text-decoration:none;
  color:white;
}
#sitemap table tr td.titre {
  text-transform:uppercase;
  font-size:15px;
  font-family:"RalewayBold";
  height:50px;
  vertical-align:top;
  padding:15px 0px 0px 0px;
}
#sitemap table tr td.libelle {
  padding:5px 0px 0px 0px;
}
#sitemap table tr td.separateur {
  padding:0px 0px 15px 0px;
}
#sitemap table tr td.separateur div {
  background-color:#00b9e7;
  width:45px;
  height:3px;
}
#footer a {
  -moz-transition: all 0.2s ease;/* Firefox */
  -webkit-transition: all 0.2s ease;/* WebKit */
  -o-transition: all 0.2s ease;/* Opera */
  transition: all 0.2s ease;/* Standard */
}
#footer a:hover {
  color:#5ddeff;
}
#footerright #BARINF {
  font-family:"Raleway";
  font-weight:bold;
  letter-spacing: 0.5px;
}

#footerright #byorganica {
  font-weight:bold;
  margin-top:10px;
}
.niv1bloc:last-child a {
	/*color: red;*/
}
/*table.actualites {
  border-collapse:collapse;
  width:100%;
}*/
/*.extranet table.actualites {
  border-collapse:collapse;
  width:calc(100% + 3px);
}*/
/*
table.actualites td {
  vertical-align:top;
  width:370px;
}*/
/*.extranet table.actualites td {
  vertical-align:top;
  width:338px;
}*/

/*table.actualites td.separateur {
  width:40px;
}*/
/*.extranet table.actualites td.separateur {
  width:30px;
}*/

div.actualites {
	width:1230px;	
}
.extranet div.actualites {
	width:1116px;	
	padding-top: 15px;
}
div.actualites div.container {
	width:370px;
	height:370px;
	float:left;
	margin:0px 40px 40px 0px;
  overflow:hidden;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  position: relative;

  background-color: white;

}
.extranet div.container img{
/*	display:none;*/
}
.extranet div.actualites div.container {
  width:338px;
  height:338px;
  margin:0px 34px 34px 0px;
}

div.actualites img {
  display:block;
}
div.actualites div.plus {
  background:url('../images/plusActu.png') no-repeat;
  width:54px;
  height:54px;
/*  position:absolute;
*/  /*margin-left:316px;*/
  float: right;
  opacity:0.6;
  filter: Alpha(Opacity=60);
  cursor:pointer;
  z-index: 20;
  position: absolute;
  right: 0px;
  top: 0px;
}
div.actualites div.date {
  display: none;
  float: left;
  z-index: 20;
  position: absolute;
  left: 0px;
  top: 0px;
  padding-top: 10px;
  padding-left: 10px;
  color: #006AB2;
  font-family: "RalewayMedium";

}
.blocSection .date {
  font-size: 17px;
  color: #27889f;
  font-family: "RalewayBold";
  margin-bottom: 25px;

}
.extranet div.actualites div.plus {
  background:url('../images/plusActu.png') no-repeat;
  width:54px;
  height:54px;
  position:absolute;
  margin-left:284px;
  opacity:0.6;
  filter: Alpha(Opacity=60);
  cursor:pointer;
  z-index:1;
}

div.actualites div.texte {
  position:absolute;
  margin-top:240px;
  background-color:rgba(0,0,0,0.3);
  height:98px;
  width:330px;
  color:white;
  padding:16px 20px 16px 20px;
  z-index: 1;

  /*NouvelAffichageNews*/
  height: 37px;
  margin-top: calc(100% - 37px - 32px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(38, 130, 151,0.8);
  font-variant-numeric: lining-nums;
  text-align: center;
}
.extranet div.actualites div.texte {
  position:absolute;
  margin-top:201px;
background-color: rgba(0,0,0,0.3);  height:105px;
  width:298px;
  color:white;
  padding:16px 20px 16px 20px;
/*  z-index:10;*/
}

div.actualites  div.titre1 {
  font-family:"RalewaySemiBold";
  font-size:19px;
  text-transform:uppercase;
  margin-bottom:5px;
  display: none;
}
.extranet div.actualites  div.titre1 {
font-family: "RalewaySemiBold";
font-size: 19px;
text-transform: uppercase;
margin-bottom: 5px;
  }
div.actualites div.texte div.titre2 {
  font-family:"RalewayMedium";
  font-size:22px;
  text-transform:uppercase;
  font-size: 15px;
  text-transform: uppercase;

  /*NouvelAffichageNews*/
  display: -webkit-box; 
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.extranet div.actualites div.texte div.titre2 {
font-family: "RalewayMedium";
font-size: 22px;
text-transform: uppercase;
}

.justifier
{
  text-align: justify;
}
.centrer
{
  text-align: center;
}
.button {
	font-family:"RalewayBold";
	font-size:16px;
	color:white;
	text-transform:uppercase;
	background:#00b9e7 url('../images/flechebouton.png') no-repeat;
	background-position:16px 16px;
	padding:14px 23px 14px 53px;
	border:0px;
	cursor:pointer;
	display:block;

	-moz-transition: all 0.2s ease;/* Firefox */
	-webkit-transition: all 0.2s ease;/* WebKit */
	-o-transition: all 0.2s ease;/* Opera */
	transition: all 0.2s ease;/* Standard */
}
.button:disabled {
	background-color:grey;
	opacity:0.5;
	cursor:default;
}
.button:hover {
  background-color:#27879d;
}
.button:disabled:hover {
	background-color:grey;
}
.voirtoutesactualites {
  margin:auto;
  margin-top:35px;
}
.notitle .titrepage,.notitle .titrepagepetit {
  display:none;
}
.titrepage,.titrepagepetit {
  text-align:center;
  padding:25px 0px 35px 0px;
}
.extranet .titrepage{
  text-align:left;
  font-family: "RalewayBold";
  color:#27889f;
  font-size:34px;
  padding: 0px 0px 35px 0px;
  text-transform: uppercase;  
}

.extranet .paddingTitre{padding: 70px 0px 35px 0px;}

.extranet .titrepagepetit {
  text-align:left;
  padding:15px 0px 35px 0px;
}

.titrepage.left,.titrepagepetit.left {
  text-align:left;
}
.titrepagepetit {
  padding:41px 0px 35px 0px;
}
.extranet .pluspetit{
	padding-bottom:10px;
}

.titrepage .path,.titrepagepetit .path {
  text-transform:uppercase;
  font-size:18px;
  color:#00b9e7;
  font-family:"Raleway";
  margin-bottom:17px;
}
.titrepage .path a,.titrepagepetit .path a {
  text-decoration:none;
  color:#00b9e7;
}
.titrepage .path a:hover,.titrepagepetit .path a:hover {
  text-decoration:underline;
}
.titrepage .titre,.titrepagepetit .titre {
  text-transform:uppercase;
  font-size:36px;
  color:#27889f;
  font-family:"RalewayBold";
  padding:0px 0px 30px 0px;
}
.titrepage .titrePDF{
	  text-transform:uppercase;
  font-size:36px;
  color:#27889f;
  font-family:"RalewayBold";
  padding:0px 0px 30px 0px;
  }

.titrepage.blanc .titre,.titrepagepetit.blanc .titre,.bggreen .titrepage .titre,.bggreen .titrepagepetit .titre {
  color:white;
}
.extranet .titrepagepetit.blanc .titre{
	color:#7C7A7A;	
	}

.titrepagepetit .titre {
  font-size:21px;
  padding:0px 0px 17px 0px;
}
.titrepage .separateur,.titrepagepetit .separateur {
  background-color:#00b9e7;
  width:45px;
  height:4px;
  margin:auto;
}
.extranet .titrepage .separateur, .titrepagepetit .separateur {
  background-color:#00b9e7;
  width:45px;
  height:4px;
  margin:auto;
}

.extranet .titrepage .separateur, .extranet .titrepagepetit .separateur{
    width:75px;
	float:left;
	}
.titrepage.left .separateur,.titrepagepetit.left .separateur {
  margin:0px;
}

.blocSection {
  font-size:19px;
  line-height:30px;
  font-family:"Raleway";
  color:#545454;
  /*text-align:justify;*/
}
.blocSection iframe {
  max-width: 100%;
}
.extranet .blocSection .separateur {
	height:1px;
	background-color: #E5E5E5;
	margin-top: 15px;
	margin-bottom: 15px;
	}
.extranet .blocSection {
	background-color:white;
	padding:25px;
	font-size:19px;	
	font-weight:400;
	}
	
.extranet .SansFond {
	background-color:transparent;
	}	

.extranet .blocSection h1, .extranet .TexteIntro h1 {
	font-size:22px;
	color:#27889F;
	font-weight:600;
	}
.blocSection h2 {
  color:#27889f;
  margin:0px;
  font-family:"RawlineBold";
  font-size:21px;
  text-transform:uppercase;
  margin-bottom:6px;
  text-align: left;
}
.extranet .blocSection h2, .extranet .TexteIntro h2 {
	font-size:18px;
	color:#00B9E7;
	font-weight:500;
	}
.blocSection h3 {
  color:#696969;
  margin:0px;
  font-family: "RawlineBold";
  font-size:18px;
  text-transform:uppercase;
  margin-bottom:5px;
  text-align: left;
}
.blocSection h1 {
  text-transform: uppercase;
  font-size: 28px;
  color: #204768;
  font-family: "RawlineBold";
  padding: 0px 0px 0px 0px;
  letter-spacing: 1px;
  text-align: left;
}
table.branches td.contenuright .blocSection h1 {
    color: #00b9e7;
    margin: 0px;
    margin-bottom: 0px;
    font-family: "RawlineBold";
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: left;
    padding: 0px;
}
.blocSection .separateurH1 {
  background-color: #d04f65;;
  width: 45px;
  height: 5px;
  margin-top: 10px;
  font-size: 5px;
  letter-spacing: 0px;
}
table.branches td.contenuright .blocSection .separateurH1 {
  display: none;
}
.extranet .blocSection h3 , .extranet .TexteIntro h3{
	font-size:15px;
	font-weight:500;
	color:#27889F;
	}
.blocSection p {
  margin:0px 0px 30px 0px;
}
.blocSection ul{
  list-style-type: none;
  padding: 0px;
  margin:0px 0px 30px 0px;
  overflow: hidden;
}
.blocSection ul li {
  background-image: url('../images/puceniv1.png');
  background-repeat: no-repeat;
  background-position: 0px 11px;
  padding-left: 22px;
}
.extranet .blocSection ul li , .extranet .TexteIntro ul li{
  background-image: url('../images/puceniv1Prive.png');
  background-repeat: no-repeat;
  background-position: 0px 13px;
  padding-left: 22px;
}

.blocSection ul li.nobull {
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 11px;
	padding-left: 0px;
}
.blocSection ul li.rouge span.nom{
	color:#863143;
}
.blocSection ul li.grand span.nom{
	font-size:25px;
	font-weight:bold;
}
.blocSection ul ul{
  list-style-type: none;
  padding: 0px;
  margin: 5px 0px 5px 0px;
}
.blocSection ul ul li{
  background-image: url('../images/puceniv2.png');
  background-repeat: no-repeat;
  background-position: 0px 10px;
  padding-left: 22px;
  font-size:18px;
  line-height:28px;
}
.blocSection ul ul ul{
  list-style-type: none;
  padding: 0px;
  margin: 5px 0px 5px 0px;
}
.blocSection ul ul ul li{
  background-image: url('../images/puceniv3.png');
  background-repeat: no-repeat;
  background-position: 0px 9px;
  padding-left: 22px;
  font-size:17px;
  line-height:26px;
}
.blocSection a{
  color:#00b9e7;
  text-decoration:none;
}
.blocSection a:hover{
  text-decoration:underline;
}
table.branches {
  border-collapse:collapse;
}
.extranet .left{
	display:none;	
	}
table.branches .titre1 {
  font-family:"RalewayMedium";
  font-size:28px;
  text-transform:uppercase;
  color:white;
}
table.branches .description {
  font-family:"Raleway";
  font-size:19px;
  color:white;
  padding-top:35px;
}
table.branches td.contenuleft {
  width:370px;
  min-width:370px;
  vertical-align:top;
  padding-bottom:25px;  
}
table.branches td.contenuright {
  width:390px;
  min-width:390px;
  vertical-align:top;
  background-color:#2788a0;
  padding:0px 40px 0px 40px;
}
.extranet table.branches td.contenuright {
  background:none;
  width:390px;
  min-width:390px;
  vertical-align:top;
  padding:0px 40px 0px 40px;
}

table.branches td.contenuright .blocSection {
  color:white;
}
.extranet table.branches td.contenuright .blocSection {
  color:#9D9D9D;
}
table.branches td.contenuright .titrepage .titre, table.branches td.contenuright .titrepagepetit .titre {
  color:white;
}
table.branches td.contenuright .titrepagepetit .titre {
  color:white;
}
.extranet table.branches td.contenuright .titrepage .titre{
  color:#9D9D9D;
}
table.branches td.contenuright .blocSection h2 {
  color:white;
}
.extranet table.branches td.contenuright .blocSection h2 {
  color:#9D9D9D;
}

table.branches td.contenuright .blocSection ul li {
  background-image: url('../images/puceniv1blanc.png');
}
table.branches div.bulle {
  /*position:absolute;*/
  cursor:pointer;
  -moz-transition: all 0.2s ease;/* Firefox */
  -webkit-transition: all 0.2s ease;/* WebKit */
  -o-transition: all 0.2s ease;/* Opera */
  transition: all 0.2s ease;/* Standard */
}
table.branches div.bulle:hover {
  background-color:rgba(0,0,0,0.2);
}
table.branches div.contenu {
  display:none;
}

table.regions {
  border-collapse:collapse;
}
table.regions .titre1 {
  font-family:"RalewayMedium";
  font-size:28px;
  text-transform:uppercase;
  color:#00b9e7;
  margin-bottom:10px;
}

table.regions .description {
  font-family:"Raleway";
  font-size:19px;
  color:#545454;
  margin-bottom:15px;
  text-align:justify;
}
table.regions .description:last-child {
  margin-bottom:0px;
}
img.ombre {
  filter: brightness(50%);
  -webkit-filter: brightness(50%);
  -moz-filter: brightness(50%);
  -o-filter: brightness(50%);
  -ms-filter: brightness(50%);
}

.listeDocuments{
	position:relative;
  padding-bottom: 35px;
}

.listeDocuments table {
  border-collapse:collapse;
  margin-bottom:30px;
}
.extranet .listeDocuments table{
	margin-bottom:0px;
	}
.listeDocuments table:last-child {
  margin-bottom:0px;
}
.listeDocuments table td{
  vertical-align:top;
}
.listeDocuments table tr td:last-child{
  padding:6px 0px 6px 0px;
}
.extranet .listeDocuments table tr td:last-child{
  padding:0px 0px 0px 0px;
}

.listeDocuments table .titre{
  color: #27889f;
  font-family:"RalewayBold";
  font-size:21px;
  text-transform:uppercase;
  text-decoration:none;
}

.extranet .listeDocuments table .titre{
color: #00B9E7;
font-family: "Source Sans Pro";
text-decoration: none;
font-size: 15px;
font-weight: 600;
line-height: 25px;
}

.listeDocuments table .typefichier{
  color:#00b9e7;
  font-size:19px;
  text-transform:uppercase;
  font-family:"RalewayMedium";
  margin-top:3px;
}
.listeDocuments table .description{
  color:#545454;
  font-size:19px;
  font-family:"Raleway";
  margin-top:3px;
}
.listeDocuments table img{
  display:block;
}
.extranet .listeDocuments table img{
	width: 20px;
	margin-top: 3px;
	}

.extranet .listeDocuments {
    padding-left: 17px;
    padding-top: 22px;
}
.extranet .ListeDocCA .listeDocuments {
	 padding-top: 0px;
	 padding-bottom: 0px;
}
.extranet .listeordredujour .listeDocuments,.extranet .listeordredujour_Agenda .listeDocuments {
    padding-top: 0px;
	}

.listeDocuments table div{
	display:block;
	margin-right:25px;
}
.extranet .listeDocuments table div{
	margin-right:15px;
}

.listeDocuments table .rectangle{
  height:120px;
  width:90px;
  -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	cursor:pointer;
}

.listeDocuments table .wrapperImage{
	/*position:relative;*/
}

.listeDocuments table .apercuPage img{
	
}

.listeDocuments table .apercuPage{
	padding:10px;
	display:none;
	background-color:white;
	position:fixed;
	z-index:1000;
	margin-top:10px;
	left:50%;
	top:50%;
	transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.75);
}

.listeVideos .video{
  display:none;
  margin-top:10px;
}
.listeVideos a {
  cursor:pointer;
}
a:focus {
  outline:0;
}
img.center {
  display:block;
  margin:auto;
}
img.imgleft {
  display:block;
  float:left;
  margin:0px 40px 40px 0px;
}
img.imgright {
  display:block;
  float:right;
  margin:0px 0px 40px 40px;
}
img.imgfullwidth {
  display:block;
  width:100%;
  margin:0px;
}
img.logos
{
  /*  Logos de la page DIALOGUE SOCIAL > L'ADEC du recyclage */
  height: 150px;
}
.bgwhite {
  background-color:white;
}
.bglightblue {
  background-color:#c5dadd;
}
.bglightlightblue {
  background-color:#eff5f5;
}
.bggreen {
  background-color:#537777;
}

.bgGouvernancePermanent{
	background-color:#c6dfdc;
}

table.carteregion {
  width:100%;
  border-collapse:collapse;
}
table.carteregion tr td {
  vertical-align:top;
}
table.carteregion div.bulle {
  position:absolute;
  cursor:pointer;
  border-radius:10px;
  -moz-transition: all 0.2s ease;/* Firefox */
  -webkit-transition: all 0.2s ease;/* WebKit */
  -o-transition: all 0.2s ease;/* Opera */
  transition: all 0.2s ease;/* Standard */
}
table.carteregion div.bulle:hover {
  background-color:rgba(0,0,0,0.2);
}
table.carteregion div.contenu {
  display:none;
  font-size:19px;
  line-height:30px;
  font-family:"Raleway";
  color:#545454;
}
table.carteregion div.contenu a {
  color:#00b9e7;
  text-decoration:none;
  display:block;
  text-align:center;
}
table.carteregion div.contenu a:hover {
  text-decoration:underline;
}

.ConteneurLogoPartenaire{
	
	margin : 0px auto;
	text-align:center;
}

.DivLogoPartenaire{
	display:inline-block;
	margin-right:15px;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:middle;
  height: 100px !important;
}

.DivLogoPartenaire img{
	display:block;
  object-position: center;
  max-height: 60px;
  margin-top: 0px !important;
  width: auto;
}
.DivLogoPartenaire a {
  display:flex;
  height: 100%;
  align-items: center;
}

.ContactBlocGauche{
	width:412px;
	padding-left:356px;
	float:left;
	height:630px;
	background-image:url('../images/FondGaucheContact.png');
}

.ContactBlocDroit{
	width:1135px;
	float:left;	
	height:630px;
	background-image:url('../images/FondDroitContact.png');
}

.ContactBlocGauche .TitreBlocGauche{
	text-transform: uppercase;
	font-size: 36px;
	color: #27889f;
	font-family: "RalewayBold";
	margin-top:37px;
}

.clearboth{
	clear:both;
}

.ContactBlocGauche .LigneBleuContact{
	width:50px;
	height:4px;
	background-image:url('../images/LigneBleuContact.jpg');
	margin-top:28px;
	margin-bottom:38px;
}

.ContactBlocGauche .NomRel{
	color: #00b9e7;
	font-family: "Raleway";
	font-size: 28px;
	text-transform: uppercase;

}

.ContactBlocGauche .Infos, .ContactBlocGauche .Infos a{
	font-size: 19px;
	line-height: 30px;
	font-family: "Raleway";
	color: #545454;
	margin-top:18px;
	text-decoration:none;
}


.ContactBlocDroit textarea{
	resize:none;
	border:none;
	background-color:withe;
	font-size: 19px;
	font-family: "Raleway";
	color: #545454;
	height:252px;
}

.ContactBlocDroit input{
	border:none;
	background-color:withe;
	font-size: 19px;
	font-family: "Raleway";
	color: #545454;

}

.ContactBlocDroit #formContact{
	margin-top:45px;
	padding-left:45px;
}

.ContactBlocDroit .orgform .boutonvalider{
	width:258px;
	height:50px;
	background-image:url('../images/BtnContactDroit.jpg');
	cursor:pointer;
	margin:0px;
}

.ContactBlocGauche .PetitTitreBleu{
	text-transform: uppercase;
	font-size: 18px;
	color: #00b9e7;
	font-family: "Raleway";
	margin-top:20px;
	margin-bottom:5px;
}

.ContactBlocGauche .InfosPetit{
	font-size:15px;
}

.ContactBlocGauche .InfosPetit img{
	display:block;
	width:40px;
}

.ConteneurRechMap{
	display:flex;
	display: -webkit-flex; /* Safari */
	flex-direction:row-reverse;
	-webkit-flex-direction:row-reverse; /* Safari 6.1+ */
	justify-content:space-between;
	min-width:1190px;
	/*height:621px;*/
	margin:auto;
  width: 1190px;

}

.BlocRechercheAdherentWrapper{
	width:410px;
	display: -webkit-flex; /* Safari */
	display:flex;
	align-items:center;
	-webkit-align-items:center;
	-webkit-justify-content:flex-end;
	justify-content:flex-end;
	-webkit-flex:1;
	flex:1;
	margin-left:auto;
  z-index: 0;
}

.BlocRechercheAdherent{
	width:410px;
	padding-bottom:30px;
	
}

.WrapperMapAccueil{
	height:100%;
	min-width:400px;
	flex:2;
	-webkit-flex:2;
}

.BlocMapAccueil{
	height:100%;
	background-color:transparent;
    /*margin-right: calc((-100% + 1210px) / 2);*/
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1270px) {
  .BlocMapAccueil {
    margin-right: 0px;
    min-width: calc(1190px - 410px);

  }
}

.titreReduit{
	width:373px;
}

.titreRechMap .titre{
	text-transform:uppercase;
	font-size:21px;
	color:#27889f;
	font-family:"RalewayBold";
	padding:41px 0px 17px 0px;
}


.titreRechMap .separateur {
    background-color: #00b9e7;
    width: 45px;
    height: 4px;
    margin-left:164px;
	margin-bottom:30px;
}

.ChampRechAdh{
	width:300px;
	padding-left:22px;
	padding-right:49px;
	border: solid 1px #e9eef2;
	border-radius:4px;
	height:46px;
	background-image:url('../images/BgRechMapAdh.jpg');
	font-family:"Raleway";
	font-size:18px;
	color:#545454;
}
.Loupe_click{
	cursor:pointer;
	margin: -51px  0px  0px 320px;
	position:absolute;
	height:50px;
	width:50px;
	}
.block.Blanc{
	background-color:white;
}

.extranet .block{
	background:#f1f1f1;
}

.extranet .block{
	background: none;
	margin-top:0px;
}

.extranet .blockRecherche{
	background: none;
	margin-top:-25px;
}
.Espace20{
	height:20px;
}

select.SelectDepartement, 
select.SelectFiliere {
	width:177px;
	padding-left:22px;
	padding-right:37px;
	border: solid 1px #e9eef2;
	border-radius:4px;
	height:50px;
	background-image:url('../images/Select_RechAdh.jpg');
	font-family:"Raleway";
	font-size:18px;
	color:#545454;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-size:auto auto;
	background-position:right center;
  max-width: calc(50% - 11px);
}
select.SelectFiliere {
  margin-left: 21px;
}

.ChampRechLocalite{

	border: solid 1px #e9eef2;
	border-radius:4px;
	height:46px;
	background-color:rgb(250,251,253);
	font-family:"Raleway";
	font-size:18px;
	color:#545454;

  padding-left:22px;
  padding-right:23px;
  width: calc(373px - 45px);
}

.PetitTitreBleuRech{
	text-transform: uppercase;
    font-size: 18px;
    color: #00b9e7;
    font-family: "Raleway";
    margin-top: 34px;
    margin-bottom: 5px;
}


.sliderContainer{
  width:373px;
  height:24px;
  margin-top:17px;
  background-image: url('../Images/SliderBG.png');
  background-color:transparent;
  max-width: 100%;
  opacity: 0.3;
}

#slider{
	width:349px;
	height:24px;
	border-radius:0px;
	border:none;
	background-color:transparent;
	cursor:default;
  pointer-events: none;
}

.ui-slider-handle.ui-state-default.ui-corner-all{
	height:24px;
	width:24px;
	/*background-color:rgb(0,110,184);*/
	background-color:transparent;
	background-image:url('../Images/Boule_Slider.png');
	border:none;
	border-radius:0px;
	margin-left:0px;
	margin-top:5px;
	margin-right:0px;
	cursor:default;
}

*{
	outline:0;
}

.ui-slider-horizontal .ui-slider-range{
	background-color:#00b9e7;
	height:4px;
	margin-top:11px;
}

#valeur{
	font-size: 18px;
  color: #545454;
  font-family: "Raleway";
	height:21px;
  opacity: 0.3;
}

.BlocImplant{
	/*float:left;
	width:195px;*/
  display: flex;
}
.ImplantColonne {
  width: 177px;
  max-width: calc(50% - 11px);
}
.ImplantColonne:nth-child(2) {
  margin-left: 20px;
}

.Carre{
	height:22px;
	margin-bottom:18px;
}

.Implantation{
	margin-top:34px;
}
.backgroundPinsVert, .backgroundPinsOrange {
	background-repeat: no-repeat;
	background-size: 15px 21px;
	padding-right: 30px;
}
.backgroundPinsVert {
	background-image: url("../images/PointeurMap.png");
	background-position: 95px 0px;
}
.backgroundPinsOrange {
	background-image: url("../images/PointeurMapBleu.png");
	background-position: 104px 0px;
}

.Carre label{
	font-size: 18px;
    color: #545454;
    font-family: "Raleway";
	height:21px;
	margin-left:15px;
	text-transform:capitalize;
	cursor:pointer;
}
.carreSecondNiveau {
  margin-left: 35px;
}
.carreSecondNiveau .Carre label {
  font-size: 15px;
}
.button.ActualiserCarte{
	margin-top:24px;
	margin-left:59px;
}

#map{
	height:100%;
  height: calc(100% + 25px);
}
#map2 {
  height: 500px;
  width: calc(100%);
}

#Loaderdialog {
	display:none;
	position:absolute;
	z-index:4;
	margin-top:210px;
	margin-left:calc(50% - 100px);
}
#Loaderdialog img{
	display:block;
	margin:auto;
	
}

.PlusInfo{
	color:black;
	text-decoration:none;
}

.blocSection .SsTitreAdh{
	color: #696969;
    margin: 0px;
    font-family: "RalewaySemiBold";
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
	margin-top:10px;
}

.FondSpecial{
	background-image:url('../Images/FondDroitContact.png');
}

.BlocRelation{
	float:left;
	width:360px;
	margin-bottom:70px;
}
.inline .BlocRelation {
  float: none;
  display: inline-block;
  vertical-align: top;
}

.BlocRelation .PhotoRel{
	width:148px;
	height:148px;
	float:left;
	margin-right:25px;
}

.BlocRelation .PhotoRel img{
	width:148px;
	height:148px;
	display:block;

  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}

.BlocRelation .BlocTitreFct{
	float:left;
	width:187px;
}

.BlocRelation .BlocTitreFct .Titre{
    color: #27889f;
    font-family: "RalewayBold";
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
	text-align:left;
}

.BlocRelation .BlocTitreFct .Fonction{
    color: #00b9e7;
    font-size: 15px;
    font-family: "RalewayMedium";
}

.TitreBlocPermanent{
	color: #27889f;
    font-family: "RalewayBold";
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
	text-align:left;
}

.separateur2{
    background-color: #00b9e7;
    width: 45px;
    height: 4px;
}

.BlocRelation .IconeRegion{
	width:67px;
	height:67px;
	position:absolute;
	z-index:2;
	margin-top:-30px;
	margin-left:-30px;
}

.BlocRelation .IconeRegion img{
	width:67px;
	height:67px;
	display:block;
	border-radius:34px;
}


.BlocArticle, .BlocArticleLong{
	padding-top:42px;
	padding-bottom:42px;
}

.BlocArticle .Photo, .BlocArticleLong .Photo{
	width:367px;
	height:184px;
	float:left;
	margin-right:42px;
}

.BlocArticle .Photo img, .BlocArticleLong .Photo img{
	width:367px;
	height:184px;
}

.BlocArticle .BlocTitre{
	float:left;
	height:184px;
	width:781px;
}


.BlocArticle .BlocTitre .Titre{
	color: #00b9e7;
    margin: 0px;
    font-family: "Raleway";
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.BlocArticle .BlocTitre .SsTitre{
	color: #00b9e7;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "RalewayMedium";
	margin-bottom:6px;
}

.BlocArticle .BlocTitre .Desc{
	font-size: 19px;
    line-height: 30px;
    font-family: "Raleway";
    color: #545454;
}


.BlocArticle .BlocTitre .SsBlocTitre{
	height:125px;
	overflow:hidden;
}

.BlocArticle .BlocTitre .BoutonLireSuite{
    width: 165px;
	padding-left:20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-image: url(../Images/BgBtnLireSuite.png);
    color: white;
    text-transform: uppercase;
    font-family: "RalewaySemiBold";
    font-size: 15px;
	margin-top:21px;
	cursor:pointer;
}

.BlocArticleLong .Photo{
	margin-bottom:42px;
}

.BlocArticleLong .BlocTitre .Titre{
	color: #00b9e7;
    margin: 0px;
    font-family: "Raleway";
    font-size: 25px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.BlocArticleLong .BlocTitre .SsTitre{
	color: #00b9e7;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "RalewayMedium";
	margin-bottom:6px;
}

.BlocArticleLong .BlocTitre .Desc{
	font-size: 19px;
    line-height: 30px;
    font-family: "Raleway";
    color: #545454;
}

.BlocArticleLong{
	display:none;
}

.TitreGTArticle{
	color: #27889f;
    font-family: "RalewayBold";
    font-size: 21px;
    text-transform: uppercase;
    text-decoration: none;
}


.ImagePlaySurimp{
	position:absolute;
	z-index:4;
	margin-top:16px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
     .ImagePlaySurimp { margin-top:0px; }
}

.PhotoPresFED{
	width:148px;
	height:148px;
}

.PhotoPresFED img{
	width:148px;
	height:148px;
	display:block;
}

.PresFED{
	color: #00b9e7;
    font-size: 18px;
    font-family: "RalewaySemiBold";
	/*margin-top:8px;*/
}

.FonctionPresFED{
	color: #00b9e7;
    font-size: 14px;
    font-family: "RalewayMedium";
	line-height:14px;
}

.BlocCAFed{
	margin-bottom:30px;
	display:flex;
	display: -webkit-flex; /* Safari */
    display: -ms-flexbox;
	/*float:left;*/
}

.ContainerInfosRegionRel{
	
}

.TitreCAFedContact{
	font-size: 18px;
    font-family: "RalewaySemiBold";
	margin-top:8px;
}

.PhotoContactFED{
	width:115px;
	height:115px;
	/*float:left;*/
	margin-right:15px;
}

.PhotoContactFED img{
	width:115px;
	height:115px;
}

.ContainerInfosRegion{
	display:flex;
	display: -webkit-flex; /* Safari */
    display: -ms-flexbox;
	position:relative;
}

.ContactFED{
	/*float:left;*/
	font-size: 14px;
    font-family: "RalewayMedium";
	line-height:19px;
}

.block .content .contenu .ContactFED a{
	color:#545454;
	display:inline;
}

.LienPlusCA{
	margin-top:20px;
}


.LienPlusCA a{
	color: #00b9e7;
    text-decoration: none;
    display: block;
    text-align: center;
	font-family: "RalewaySemiBold";
}

.PictoRegion{
	/*float:right;*/
	position:absolute;
	right:-150px;
}

table.adapt.branches{
	/*height:800px;*/
}
#Compteur .content{
	font-family:"arial";
	font-size:33px;
	text-transform:uppercase;
	color:white;
	font-weight:bold;
	/*padding-bottom:10px;*/
}

#Compteur .content table{
	position:absolute;
	margin-top:241px;
	z-index:300;
}

#Compteur .content table tr td {
	text-align:center;
	vertical-align:middle;
}


#Compteur .content table .libelle{
	font-size:10px;
	letter-spacing:2px;
}

#Compteur .content table .Col1{
	width:115px;
	border-right:2px white solid;
	letter-spacing:5px;
}

#Compteur .content table .Col2{
	width:115px;
	border-right:2px white solid;
	letter-spacing:5px;
}

#Compteur .content table .Col3{
	width:115px;
	letter-spacing:5px;

}

#Compteur .content table .texteCompteur{
	font-size:15px;
	letter-spacing:2px;
	padding-bottom:30px;
}

a#compteurLink{
	color:inherit;
	text-decoration:inherit;
}

.containerMembresFilieres{
	display: -webkit-flex; /* Safari */
    display: -ms-flexbox;
	display:flex;
}

.containerMembresFilieres ul{
	display:block;
	width:500px;
	margin-right:20px;
}

.descriptionPartenaireCategorie{
	text-align:left;
	padding-bottom:30px;
}

.ConteneurCategoriePartenaire{
	margin-bottom:30px;
}

.ElementsVideos{
	width:370px;
	height:370px;
	margin-left:40px;
	margin-bottom:40px;
}
.extranet .ElementsVideos{
	width:220px;
	height:220px;
	margin-left:40px;
	margin-bottom:40px;
}

.LigneVideo{
	height:240px;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	cursor:pointer;
}
.extranet .LigneVideo{
	height:120px;
}


.ListeElementsVideos{
	display:flex;
	display: -webkit-flex; /* Safari */
    display: -ms-flexbox;
	flex-wrap:wrap;
	-webkit-flex-wrap: wrap; 
	margin-left:-40px;
}
.extranet .ListeElementsVideos{
	display:flex;
	display: -webkit-flex; /* Safari */
    display: -ms-flexbox;
	flex-wrap:wrap;
	-webkit-flex-wrap: wrap; 
	margin-left:-40px;
	margin-top: 10px;
	margin-bottom: -30px;
}

.grisee{
	width:100%;
}

.modalDialog_contentDiv{
	height:auto;
}
.modalDialog_contentDiv .errormessage{
    color: #e03c3c;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
	color: #727272;
}
.modalDialog_contentDiv .BtnFermer {
    margin-bottom: 0px;
    width: auto;
    background-color: #2280B8;
    color: white;
    font-size: 15px;
    font-weight: 600;
    border: 0px;
    margin-left: 23px;
    margin-right: 35px;
    cursor: pointer;
    padding: 0px 50px 0px 50px;
    margin-top: 15px;
    cursor: pointer;
    height: 40px;
}

td.BtnFermer, table.grisee td.fonctions{
	padding:10px 0px 0px 10px;
	color:#858484;
	font-size:12px;
	font-weight:400;
	text-align:right;
}

td.BtnFermer a, table.grisee td.fonctions a{
	cursor:pointer;
}

td.BtnFermer a:hover, table.grisee td.fonctions a:hover{
	text-decoration:underline;
}

.TitreVideo{
	height:130px;
	background-color:rgba(0,0,0,0.3);
}
.extranet .TitreVideo{
	height:100px;
}
.TexteVideo{
	padding:16px 20px 16px 20px;
	color:white;
	font-size:15px;
	text-transform:uppercase;
}
.extranet .TexteVideo{
	padding:16px 20px 16px 20px;
	color:white;
	font-size:17px;
	text-transform:uppercase;
	text-overflow:ellipsis;
}

.ImagePlay{
	background:url('../Images/iconeVideoPlaySupTrans.png') no-repeat center;
	height:100%;
}

.actuVideo{
	width:100%;
	height:100%;
	background-position:center;
	background-repeat: no-repeat;
	background-size:cover;
}

.wrapActuVideo{
	width:370px;
	height:370px;
	position:relative;
}

.bulleWraper{
	display:flex;
	display: -webkit-flex; /* Safari */
	-webkit-flex-wrap: wrap; 
    display: -ms-flexbox;
	flex-wrap:wrap;
	margin-right:-20px;
}

.nomFilliere{
	color:white;
	font-size:10px;
	width:100%;
	text-align:center;
	padding-top:5px;
}
.extranet .nomFilliere{
	color:#7C7A7A;
	font-size:10px;
	width:100%;
	text-align:center;
	padding-top:5px;
}

.filliereFocus .bulle{
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
	 box-shadow: 0px 0px 15px 0px rgba(0,0,0,1);
}

#pdfTarget{
	height:600px;
    position: relative;
    z-index: 1;
}


#containerPdfFirstPage .pdfRapportAnnuelPage,#containerPdfFinancement .pdfRapportAnnuelPage{
	cursor:pointer;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}



#wrapperContainerPdf{
	position:absolute;
	top:0;
	left:0;
	z-index:11;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	-webkit-justify-content:center; /* Safari 6.1+ */
}

#wrapperContainerPdf a, .btnRapportAnnuel span{
  font-family:"RalewayBold";
  text-decoration:none;
  color:white;
  font-size:16px;
  text-transform:uppercase;
  cursor:pointer;
  
}

#wrapperContainerPdf a:hover, .btnRapportAnnuel span:hover{
	text-decoration:underline;
}

#wrapperContainerPdf .btnRapportAnnuel
{
	margin-left:20px;
	margin-bottom:5px;
	display:none;
}

#wrapperContainerPdf #subwrapperContainerPdf
{
	display:flex;
	display: -webkit-flex; /* Safari */
}

.wrapperImgPartageReseaux img{

	border-radius:50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width:100%;

}

.wrapperImgPartageReseaux a{
	display:block;
	width:25px;
}

.liensPartageReseaux{
	display:flex;
	display: -webkit-flex; /* Safari */
	-webkit-flex-direction:column;
	flex-direction:column;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}

.blocPartageReseaux{
	position:absolute;
	top:20px;
	right:0;
}
.extranet .blocPartageReseaux{
	top:-20px;
}

.titrePartage{
	position:relative;
	
}

.blocPartageReseaux{
	display:flex;
	display: -webkit-flex; /* Safari */
}

.titrePartage .titre{
	width:80%;
	margin:auto;
}
.extranet .titrePartage .titre{
	width:100%;
	margin:auto;
}

.blocPartageReseaux .libellePartageReseaux{
	color:#969696;
	text-transform:uppercase;
	transform: rotate(-90deg);
	 -webkit-transform: rotate(-90deg); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
     -ms-transform: rotate(-90deg); /* IE 9 */
	font-weight:bold;
	display:flex;
	display: -webkit-flex; /* Safari */
	align-items:flex-end;
	-webkit-align-items:flex-end;
	margin-right:10px;
}

.searchBloc{
	display: -webkit-flex; /* Safari */
	display:flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
}

.searchwrapperloupe.hide{
	display:none;
}

.searchwrapperimg a,.searchwrapperimg.loupe,.searchwrapperloupe{
	cursor:pointer;
	display: -webkit-flex; /* Safari */
	display:flex;
	justify-content:center;
	-webkit-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
	width:39px;
	height:39px;
	background-position:center;
	background-color:rgba(255,255,255,0.4);
	background-repeat:no-repeat;
}
.searchwrapperimg a.facebook{background-image:url('../images/hp_header_facebook2.png');}
.searchwrapperimg a.linkedin{background-image:url('../images/hp_header_linkedin2.png');}
.searchwrapperimg a.youtube{background-image:url('../images/hp_header_youtube2.png');}
.searchwrapperimg a.instagram{background-image:url('../images/hp_header_instagram2.png');}
.searchwrapperimg.loupe,.searchwrapperloupe{background-image:url('../images/loupe2.png');}

.searchwrapperimg a.twitter{
	position: relative;
	/* background-image:url('../images/x.svg'); */
}
.searchwrapperimg a.twitter::after {
	content: "";
	position: absolute;
	inset: 0 0 0 0;
	background-color: #EAF5F7;
	--varTailleIcone: 60%;
	--varUrlIcone: url('../images/x.svg');
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: var(--varTailleIcone);
	mask-size: var(--varTailleIcone);
	-webkit-mask-image: var(--varUrlIcone);
	mask-image: var(--varUrlIcone);
}

.searchreseauxsociauxPartgauche .searchwrapperimg{
	margin-right:5px;
}

.searchreseauxsociaux, .searchreseauxsociauxPartgauche{
	display: -webkit-flex; /* Safari */
	display:flex;
	align-items:center;
}

.searchreseauxsociaux{
	width:100%;
	justify-content:space-between;
}

.searchinput{
	display:none;
}

td.right{
	vertical-align:top;
}

td.right .container{
	padding-top:122px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center 122px;
}

.recuppassword .titre, .recuppassword .texte {
	font-size: 18px;
	color: #9e9e9e;
	font-family: 'Raleway';
	margin-bottom:15px;
}
.recuppassword .texte {	
	font-size: 16px;
}
.recuppassword #erreur {
	font-family: 'ibm Plex Sans', sans-serif;
	color: #0d9bd4;
	font-size: 16px;
	padding-top:15px;
	display:none;
}
.recuppassword form {
	margin-top:15px;
}

.recuppassword table {
	border-collapse:collapse;
	width: 378px;
}
.containerconnexion {
	margin:auto;
	width:330px;
	height:300px;
	padding-top:0px;
	padding-bottom:50px;
}
.extranet .containerconnexion {
    margin: auto;
/*    width: 355px;*/
    width: 515px;
}
.containerconnexion.definepassword {
	width:512px;
}
.containerconnexion.resetpassword {
	width:508px;
}
.indicationspassword {
	color: #ff2929;
	font-size: 14px;
	font-family: 'ibm Plex Sans', sans-serif;
	width:380px;
}
.containerconnexion .indicationspassword {
	text-align:center;
	margin:auto;
	margin-bottom:13px;
}
.containerconnexion .texte {
	text-align:center;
	margin:auto;
	width:400px;
	margin-bottom:30px;
	color: #7E7F82;
	font-size: 17px;
	font-family: 'ibm Plex Sans', sans-serif;
}

.extranet .containerconnexionblanc,.extranet .containerconnexionblanc_Charte {
	background:white url('../images/Logo_prive_new.png') no-repeat;
	background-position:180px 23px;
	/*padding:115px 25px 15px 25px;
	margin-top:-115px;
	width:300px;
	font-size:15px;
	text-align:left;
	background-size:175px;*/
  background-position: center 60px;
  padding: 150px 25px 25px 25px;
  margin-top: -105px;
  width: 300px;
  font-size: 15px;
  text-align: left;
  background-size: 240px;
}
.extranet .containerconnexionblanc {
  width: 460px;
}


.containerconnexionblanc_Charte {
	padding:115px 25px 1px 25px;
}

.messageconnexion{
	text-align:center;
	color:#2880b8;
	font-size:19px;
	font-weight:550;
	padding-top:10px;
	}
.containerconnexion .message{
	color:#9E9E9E;
    font-family: "Raleway";
/*	font-size:14px;*/
  font-size:18px;
	font-weight:400;
	text-align:center;
	max-width:500px;
	margin-top:8px;
	margin-bottom:28px;
	text-transform:uppercase;
}

.containerconnexion .message a{
	color:#0E9BD4;
	text-decoration:none;
}
.containerconnexion .message a:hover{
	text-decoration:underline;
}
.containerconnexion .message .blue{
	color:#00B9E7;
	padding-left: 0px;
}
.containerconnexion .byorganica {
	text-align:right;
	margin-top:10px;
	color:white;
	font-size:13px;
	letter-spacing:1px;
	/*width:352px;*/
  width: 505px;
}
.containerconnexion .byorganica a{
	color:white;
	text-decoration:none;
	text-transform:uppercase;
	font-size: 13px;
	font-weight: bold;
}
.containerconnexion .byorganica a:hover{
	text-decoration:underline;
}
.containerconnexion input[type=text],.containerconnexion input[type=password],.rechercheform input[type=text],.tableform input[type=text],.tableform input[type=password],.recuppassword input[type=text] {
	color:#727272;
	font-size:16px;
	font-weight:600;
	font-family: 'IBM Plex Sans', sans-serif;
	border:1px solid #bbbbbb;
	display:block;
	padding:5px 10px 5px 10px;
	width:200px;
	-moz-transition: border 0.2s ease;
	-webkit-transition: border 0.2s ease;/* WebKit */
	-o-transition: border 0.2s ease; /* Opera */
	transition: border 0.2s ease; /* Standard */
}

.recuppassword input[type=text] {
	width:368px;
}

.containerconnexion .consent {
	border-collapse:collapse;
	width:500px;
	margin:auto;
	margin-bottom:15px;
}

.containerconnexion .consent td{
	vertical-align:top;
	padding:10px;
	color: #7E7F82;
	font-size: 14px;
	font-family: 'ibm Plex Sans', sans-serif;
	text-align:center;
}
.containerconnexion .consent td a{
	color:#0E9BD4;
	text-decoration:none;
}
.containerconnexion .consent td a:hover{
	text-decoration:underline;
}
.containerconnexion input[type=text],.containerconnexion input[type=password] {
	padding:8px 10px 8px 35px;
/*	width:253px;
*/
  width: 413px;
}
.containerconnexion input[type=text], .containerconnexion input[type=password]{
	background:white url('../images/iconeusername.png') no-repeat;
	background-position:10px 9px;
	margin:auto;
	/*margin-bottom:13px;
	font-size: 14px;*/
    font-weight: 400;
  margin-bottom: 20px;
  font-size: 17px;
}
.containerconnexion input[type=password] {
	background:white url('../images/iconepassword.png') no-repeat;
	background-position:10px 9px;
}
.containerconnexion .tdforgot{
	width:136px;
	}
.containerconnexion .tdforgot a{
	cursor:pointer;
	color:#00B9E7;
	font-size:13px;
}
.containerconnexion label {
	cursor:pointer;
	color:#9C9C9C;
	font-size:13px;
}

.containerconnexion table {
	margin:25px 0px 25px 0px;
	width:100%;
	border-collapse:collapse;
}
.containerconnexion .errormessage {
	color:#e03c3c;
	font-size:16px;
	margin-top:20px;
	text-align:center;
	font-weight: 500;
	font-family: "Raleway";
}
.containerconnexion #messageConnexion.errormessage {
  color:#9E9E9E;
  line-height: 20px;
}
.containerconnexion #messageConnexion.errormessage a {
  color: #00B9E7
}
.recuppassword input[type=submit],.containerconnexion input[type=submit]:hover,.boutonvalider:hover,
.boutonbleuclair:hover,.boutonrouge:hover,boutonrouge2:hover,.orgform input.boutonannuler:hover {
	background-color: #00B9E7;
	cursor: pointer;
	text-transform:uppercase;
}

.recuppassword{margin:5px;text-align:center;}
.errorbloc{
	text-align:center;
	margin-bottom: 12px;	
	}

.orgform input.boutonvalider, .orgform input.boutonannuler, .orgform input.boutonvalider_mesCoord, .orgform input.boutonannuler_mesCoord{
	width:auto;
	background-color:#0E9BD4;
	color: white;
	font-size: 15px;
	font-weight: 600;
	border: 0px;
	float: left;
/*	margin-left:23px;*/
	margin-right:35px;
	cursor: pointer;
	padding: 0px 50px 0px 50px;
	margin-top: 30px;
	cursor:pointer;
	height:40px;
	}
.orgform input.boutonannuler{
	width:150px;
	}

.containerconnexion input[type=submit],.recuppassword input[type=submit],.boutonvalider, .boutonannuler  {
	padding:13px 0px 13px 0px;
	width:100%;
	font-size:17px;
	background-color:#00B9E7;
	border:none;
	color:white;
	font-weight: 500;
	text-transform:uppercase;
}
.recuppassword input[type=submit]{margin-top:15px;}
.boutonvalider{width:25%;}
.rememberme{
	padding-left:10px;
	padding-right:25px;
	}

.flexFicheMetiers {
  display: flex;
  gap: 48px;
}
.flexFicheMetiers .selectFicheMetiers {
  flex-basis: 320px;
  flex-shrink: 0;
}
.flexFicheMetiers .blocSectionDct {
  flex-grow: 1;
}
ul.selectFicheMetiers {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.selectFicheMetiers li {
  margin: 0px;
  padding: 16px;
  font-size: 16px;
  font-family: "RalewayBold";
  line-height: 24px;
  list-style-type: none;
  transition: all 0.3s;
  border-radius: 5px;
  text-transform: uppercase;
  display: flex;
  cursor: pointer;
  color: var(--colorVert);
  letter-spacing: 0.03em;
}
.selectFicheMetiers li span {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
.selectFicheMetiers li::before {
  content:"";
  width: 8px;
  height: 8px;
  margin-top: 8px;
  border-radius: 100%;
  background-color: rgba(38, 130, 151, 0.7);
  display: block;
  margin-right: 12px;
  margin-left: 0px;
  flex-shrink: 0;
}
.selectFicheMetiers li.active {
  background-color: rgba(38, 130, 151, 0.7);
  color: white;
}
.selectFicheMetiers li:not(.active):hover {
  background-color: rgba(38, 130, 151, 0.3);
  color: white;
}
.selectFicheMetiers li:is(:hover ,.active)::before {
  background-color: white;
}
.gridDiplomes {
  display: grid;
  gap: 16px;
  grid-auto-rows: minmax(150px, auto); /* taille ligne */
  grid-template-columns: repeat(3, 1fr); /* 2 colonned qui prennent la place max dispo */
  margin-bottom: 48px;
}

.itemGridDiplomes:nth-child(1) {
  --urlImage: url("../Images/Diplomes/formation-cap_reduit.jpg");
}
.itemGridDiplomes:nth-child(2) {
  --urlImage: url("../Images/Diplomes/formation-bac-pro_reduit.jpeg");
}
.itemGridDiplomes:nth-child(3) {
  --urlImage: url("../Images/Diplomes/formation-cqp-cqpi_reduit.jpg");
}
.itemGridDiplomes:nth-child(4) {
  --urlImage: url("../Images/Diplomes/formation-clea_reduit.jpg");
}
.itemGridDiplomes:nth-child(5) {
  --urlImage: url("../Images/Diplomes/formation-bac-3_reduit.jpeg");
}
.itemGridDiplomes:nth-child(6) {
  --urlImage: url("../Images/Diplomes/immobilier-construction-btp-marseille.jpeg");
}
.itemGridDiplomes {
  --vitesseAnimGridDiplomes: 0.8s;
  --vitesseAnimGridDiplomesSur2: 0.3s;

  background: linear-gradient(to right, rgba(38, 130, 151, .4), rgba(38, 130, 151, .4)), var(--urlImage);
  background-size: cover;
  background-position: center;

  font-size: 20px;
  color: white;
  padding: 16px;
  font-family: "RalewayBold";
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  font-variant-numeric: lining-nums;
  transition: background var(--vitesseAnimGridDiplomes);
}
.itemGridDiplomes a {
  display: block;
  position: absolute;
  color: white;
  font-family: "Raleway";
  font-size: 16px;
  right: 16px;
  bottom: 16px;
  z-index: -1;
  opacity: 0;
  transition: opacity var(--vitesseAnimGridDiplomesSur2);
}
.itemGridDiplomes a:is(:visited, :hover) {
  color: white;
}
.itemGridDiplomes a:hover {
  text-decoration: none;
}
.itemGridDiplomes::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.5);
  content: "";
  -webkit-transition: -webkit-transform var(--vitesseAnimGridDiplomes);
  transition: transform var(--vitesseAnimGridDiplomes);
  transition: transform var(--vitesseAnimGridDiplomes),-webkit-transform var(--vitesseAnimGridDiplomes);
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-130%,0);
}
.itemGridDiplomes:is(:hover,:focus)::before {
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,130%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,130%,0);
}
.itemGridDiplomes:is(:hover,:focus) {
  background: linear-gradient(to right, rgba(38, 130, 151, .8), rgba(38, 130, 151, .8)), var(--urlImage);
  background-size: cover;
  background-position: center;
}
.itemGridDiplomes:hover a {
  z-index: 1;
  opacity: 1;
}
/* extranet */

.menu .menu1 {
	padding: 0px 0px 0px 0px;
	border-bottom:1px solid #6BA8CE;	
}
.menu .menu2 {
	background-color:white;
	padding:0px 20px 0px 20px;
}
.menu .menu3 {
	background-color:white;
	padding:1px 15px 1px 36px; /*corrigé en JS pour l'écart entre menu2 et menu3 et l'écart entre menu3 et menu2*/
}
.menu .menu4 {
	background-color:white;
	padding:3px 15px 3px 30px;
}
.menu .menu1.active {
	padding-bottom:0px;
	border-bottom:1px solid #6BA8CE;
/*	padding-left:20px;
	padding-right:20px;
*/	
	


/*	box-shadow:1px -10px 5px 0px rgba(50, 50, 50, 0.75);*/
}
.menu .menu1.active.sanssousmenu {
	padding-bottom:0px;
}
.menu .Leftmenu4 {
	display:block;
	color:#959595;
	font-size:16px;
	background-color:white;
	text-decoration:none;
	padding:0px 0px 0px 15px;
	background:white url('../images/tiret.jpg') no-repeat;
	background-position:0px 11px;
}

.menu .blocmenu1 .blocmenu2:nth-child(2) .menu2 {
	padding-top:15px;
}

.menu .blocmenu1 .blocmenu2:last-child .menu2 {
	padding-bottom:15px;
}
.menu .menu4.active .Leftmenu4 {
	color:#5e5e5e;
}
.menu .Leftmenu3 {
	display:block;
	color:#0078b2;
	font-size:13px;
	font-weight:400;
	background-color:white;
	text-decoration:none;
	padding:5px 0px 5px 0px;
}
.menu .menu3.active .Leftmenu3 {
	color:#5e5e5e;
}
.menu .Leftmenu1 {
	font-family:"Raleway";
	text-transform:uppercase;
	display:block;	
	color:white;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	padding:70px 0px 50px 0px;
	text-decoration:none;
	background-repeat:no-repeat;
	border-bottom:0px;
	padding-left: 20px;
}
.menu .Leftmenu1.hidden {
	display:none;
	height:auto;
}
.menu .border .Leftmenu1 {	
	padding-top:20px;
	padding-bottom:20px;
	padding-right: 10px;
	letter-spacing:1.5px;
}
.menu .border.active .Leftmenu1 {
	/*9border-bottom:1px solid white; */
}
.menu .border.active.sanssousmenu .Leftmenu1 {
	/*border-bottom:1px solid white;*/
}
.menu .menu1.active .Leftmenu1 {
	background-color:white;
	color:#27879D;
}

.menu .menu1.active.sanssousmenu .Leftmenu1 {
	border-bottom:0px;
}
.menu .menu1.perso .Leftmenu1{
	background-image:url('../images/EspacePersoBlanc.png');
	background-position: 0px 21px;
}
.menu .menu1.active.perso .Leftmenu1{
	background-image:url('../images/EspacePersoBleu.png');
}

.menu .menu1.library .Leftmenu1{
	background-image:url('../images/livreblanc.png');
	background-position: 0px 21px; 
}
.menu .menu1.active.library .Leftmenu1{
	background-image:url('../images/livrebleu.png');
}


.menu .menu1.calendar .Leftmenu1{
	background-image:url('../images/CalendarBlanc.png');
	background-position: 0px 21px; 
}
.menu .menu1.active.calendar .Leftmenu1{
	background-image:url('../images/CalendarBleu.png');
}
.menu .menu1.intranet .Leftmenu1{
	background-image:url('../images/IntranetBlanc.png');
	background-position: 0px 21px; 
}
.menu .menu1.active.intranet .Leftmenu1{
	background-image:url('../images/IntranetBleu.png');
}
.menu .menu1.enquetes .Leftmenu1{
	background-image:url('../images/EnquetesBlanc.png');
	background-position: 0px 21px; 
}
.menu .menu1.active.enquetes .Leftmenu1{
	background-image:url('../images/EnquetesBleu.png');
}
.menu .menu2 .Leftmenu2 {
	display:block;
	color:#0078b2;
	font-size:16px;
	font-weight:600;
	text-decoration:none;
	background-color:white;
	background-image:url('../images/MENU_CARRE.png');
	background-repeat:no-repeat;
	background-position:0px 13px;
	padding:6px 0px 6px 16px;
}
.menu .menu2.active .Leftmenu2 {
	color:#002e60;
	background-image:url('../images/MENU_CARRE_active.png');
}

.extranet .menu .Leftmenu2 {
  display:block;
  color:#0078b2;
  font-size:15px;
  text-decoration:none;
  background-color:white;
  background-image:url('../images/MENU_CARRE.png');
  background-repeat:no-repeat;
  background-color: white;
  color: #27879D;
  font-family: 'Raleway';
  background-position: 21px 7px;
  padding: 15px 0px 15px 36px;
  padding-top: 0px;
}
.menusec2bis {
  display:none;
}
.menu1.active + .menusec2bis {
  display:block;
}
.extranet .menu .Leftmenu2:first-child {
  padding-top: 15px;
  background-position: 21px 21px;
}

  

/*
.menu .moinsmenu1,.menu .plusmenu1 {
	width:15px;
	height:15px;
	position:absolute;
	margin:23px 0px 0px 196px;
	cursor:pointer;
}
*/

.extranet .menu .moinsmenu1,.extranet .menu .plusmenu1 {
	/*width:15px;
	height:15px;
	position:absolute;
	margin:23px 0px 0px 196px;*/
	
	cursor:pointer;

}

.menu .moinsmenu1 {
	background:url('../images/MENU-MOINS-GRAND.png') no-repeat;
	background-position:0px 8px;
}
.menu .plusmenu1 {
	background:url('../images/MENU-PLUS-GRAND.png');
}

.menu1 .pastilles, .extranet .TitrePageMoyen .pastilles,.extranet .DocumentsRubriques .pastilles,.extranet .TdDocMedia .pastilles,.extranet .listeDocuments .pastilles{
	float: right;
	color:#005ca8;
	background-color:white;
	padding: 3px 3px 3px 3px;
	text-align: center;
	border-radius: 10px;
	font-family: 'source_sans_prosemibold';
	font-size: 11px;
	margin: 18px 5px 0px 0px;
	display: inline;
	width: 15px;
}
.extranet .TitrePageMoyen .pastilles{
	margin: -10px 5px -14px 13px
	 }
.extranet .DocumentsRubriques .pastilles,.extranet .TdDocMedia .pastilles, .extranet .listeDocuments .pastilles {
	height: 10px;
	width: 8px;
	margin: 7px 5px -9px 11px;
	padding: 3px 6px 0px 0px;
	background-color:rgba(39, 136, 159, 0.9);
	 }		 
	 	 
.menu1.active .pastilles, .extranet .TitrePageMoyen .pastilles {
	color:white;
	padding: 3px 3px 3px 3px;
	background-color: rgba(39, 136, 159, 0.9);
}

.menu1.active .pastilles{
	float:right;
	}

.menu .moinsmenu2,.menu .plusmenu2 {
	width:10px;
	height:10px;
	position:absolute;
	margin:13px 0px 0px 199px;
	cursor:pointer;
}
.menu .moinsmenu2 {
	background:url('../images/MENU_MOINS_PETIT.png');
}
.menu .plusmenu2 {
	background:url('../images/MENU-PLUS-PETIT.png');
}

.colonnegauche {
	float:left;
	width:200px;
	position:fixed;	
}

.colonnegauche .menu {
	margin-top:90px;
	background-color:rgba(39, 136, 159, 0.9);
	padding-bottom:20px;
	overflow:auto;
  overflow: hidden;
	height:100%;
  height: calc(100vh - 91px);
}
.colonnegauche a.logo {
	position:absolute;
	display:block;
	background:url('../images/Logo_prive_new.png') white no-repeat;
	background-position: 22px 32px;
	background-size: 155px;
	width:200px;
	height:90px;
	z-index:10;
	padding-left:0px;
	border-bottom: 1px solid #6BA8CE;
}
.site {
	width:1365px;
	margin:auto;
/*	background-color:#EEEEEF;
*/
}
.colonnedroite {
    width: 1080px;
    margin-left: 200px;
}
.colonnedroite .entete {
	background-color:#f9f9f9;
	height:90px;
	z-index:10;
	box-shadow: 0px 0px 13px 0px #E8EFF1;	
	width:calc(100% + 85px);
}

.colonnedroite .entete .divpath {
    color: #989898;
    font-size: 17px;
    margin-left: 50px;
    margin-right: 15px;
    max-height: 80px;
    overflow: auto;
	font-family: "Raleway";
    font-weight: normal;
}
.divpath{
	margin-top:18px;
	
	}
.colonnedroite .entete .divpath a{
	color:#989898;
	text-decoration:none;
}
.colonnedroite .entete .divpath a:hover{
	text-decoration:underline;
}
.colonnedroite .entete table.fonctions {
	float:right;
	margin-top: 17px;
	margin-right: 21px;
}
.colonnedroite .entete table.fonctions tr td.recherche2,.colonnedroite .entete table.fonctions tr td.param,.colonnedroite .entete table.fonctions tr td.message,.colonnedroite .entete table.fonctions tr td.alert {
	border-right:1px solid #d5d5d5;
}
.colonnedroite .entete table.fonctions tr td.message,.colonnedroite .entete table.fonctions tr td.alert {
	display:none;
}
.colonnedroite .entete table.fonctions img {
	display:block;
	border:0px;
}
.colonnedroite .entete table.fonctions tr td {
	padding:0px 15px 0px 15px;
}
.colonnedroite .entete table.fonctions tr td.compte {
	padding:0px 10px 0px 15px;
}
.colonnedroite .entete table.fonctions tr td.rechercheform {
	display:none;
}
.colonnedroite .entete table.fonctions tr td.recherche {
	padding:0px 0px 0px 0px;
	color:#b5b5b5;
	font-size:16px;
	font-weight:400;
}
.colonnedroite .entete table.fonctions td.compte .nom {
	color:#27889f;
	font-size:17px;
	text-align:right;
}
.colonnedroite .entete table.fonctions td.compte .secretariat {
	color:#989898;
	font-size:10px;
	text-align:right;
	margin-top:-4px;
}

.colonnedroite .entete table.fonctions td.compte .deconnexion {
	text-align:right;
}
.colonnedroite .entete table.fonctions td.compte .deconnexion a {
	color:#989898;
	font-size:13px;
	font-weight:400;
	text-decoration:none;
}
.colonnedroite .entete table.fonctions td.compte .deconnexion a:hover {
	text-decoration:underline;
}
.colonnedroite .entete table.fonctions td {
	height:50px;
}
.path{
	color:#989898;
	font-weight:400;
	margin-left:0px;
	text-decoration:none;

}

.bgleft {
	position:fixed;	
}
.bgright {
	position:fixed;
}
.corps {
	padding:95px 35px 35px 50px;
	width:100%;
	height:100%;
	background-image:-moz-linear-gradient(left, #E9E9EB, #F5F5F5);
	background-image:-webkit-linear-gradient(left, #E9E9EB, #F5F5F5);
	background-image:-o-linear-gradient(left, #E9E9EB, #F5F5F5);
	background-image:linear-gradient(left, #E9E9EB, #F5F5F5);
	height:100%;
}
.extranet .corps {
	padding:19px 35px 35px 50px;
	width:100%;
	height:100%;
	background-image:-moz-linear-gradient(left, #E9E9EA, #F5F5F5);
	background-image:-webkit-linear-gradient(left, #E9E9EA, #F5F5F5);
	background-image:-o-linear-gradient(left, #E9E9EA, #F5F5F5);
	background-image:linear-gradient(left, #E9E9EA, #F5F5F5);
	height:100%;
}
.ui-dialog {
	z-index:10;
}
.errorbloc .errortitre,.errorbloc .errormessage  {
	font-weight:bold;
	font-weight:400;
	text-transform:uppercase;
	font-size:20px;
	margin-bottom:20px;
	color: #9e9e9e;
	font-family: 'Raleway';
}
.errorbloc .errortitre{font-weight: 900;color:#8c8989;}
.errorbloc .errormessage {font-size:15px;}
.ui-dialog-titlebar,.errorbloc {
	display:none;
}
.extranet .bgright .byorganica {
    bottom: 0;
    position: absolute;
    margin: 0px 0px 15px 15px;
    color: #0064af;
    font-size: 13px;
	text-transform:uppercase;
	font-weight:bold;
}
.bgright .byorganica a:hover {
    text-decoration: underline;
}
.bgright .byorganica a {
    color: white;
    text-decoration: none;
}
a:hover {
    color: #006AB2;
}
a:visited {
	color: initial;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}

.extranet .titrepage .titre{
  text-align: left;	
	}

.extranet .TitrePage, .extranet .titrepage .titre{
	font-family: "RalewayBold";
	color:#27889f;
  font-size:34px;
	padding: 0px 0px 20px 0px;
	text-transform: uppercase;
	text-align: left;
}
.extranet .MessageMediatheque, .extranet .ActuTag, .extranet .AgendaTag, .extranet .MessageVide,.extranet .TexteSection,.extranet .MessageContacts{
	background-color:#f9f9f9;
	min-width: 900px;
	height:auto;
	padding:25px;
	color:#9D9D9D;;
	font-size:14px;
	font-weight:600;
	}
.extranet .MessageMediatheque{
	margin-bottom:25px;
	}	
.extranet .MessageContacts,.extranet .MessageContacts a{
	margin-bottom:25px;
	font-size: 20px;
	font-weight: 500;
	font-family: "Raleway";
	color: #27889F;
	line-height: 28px;
	}		
	
.extranet .ActuTag, .extranet .AgendaTag{
	 margin-bottom:50px;
	 padding-bottom: 9px;
	 }
.extranet .ActuTag{
	 margin-top: 15px;
	 }	 
.extranet .AgendaTag{
	 margin-top: -35px;
	 padding-top: 25px;
	 display: flex;
	 }	 
.extranet .ActuTag .checkbox, .extranet .AgendaTag .checkbox{
	margin-right: 3px;
	margin-top: -2px;
	padding-left: 5px;
	 }	 
.extranet .Tag{
	width: auto;	
	display: inline-flex;
	height:20px;
	margin-right:24px;
	cursor:pointer;
	margin-bottom:10px;
	}	 

.extranet .LabelTag{
	cursor:pointer;
	letter-spacing:1.3px;
	}	
.extranet .TitreRubrique{
	background-color:#f9f9f9;
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.10);
	min-width: 900px;
	height:auto;
	padding:25px;
	color:#9D9D9D;;
	font-size:14px;
	font-weight:600;
	margin-top:35px;
}
.extranet .TexteIntro{
	font-size:16px;
	color:#373737;
	line-height:26px;
	width:100%;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom: 5px;
	border-bottom: solid 1px #d9dfde;
}
.extranet .TexteIntro .TitreStatique{
	font-size:30px;
	color:#373737;
	padding-bottom:22px;
	line-height:40px;
}

	
.extranet .MessageMediatheque	.checkbox{
/*	padding-right:15px;*/
	margin-top:-2px;	
	}
.extranet .blocaccordeon {
	padding:1px 23px 23px 23px;
	background-color:#f9f9f9;
	}
.extranet .tranparent {
	padding:1px 23px 23px 23px;
	background-color:transparent;
	}
.extranet .blocaccordeonReunionsRegion{
	background-color:transparent;
	padding:0px 0px 0px 0px;
}		
.extranet .blocaccordeonReferent,.extranet .blocaccordeonCA,.extranet .blocaccordeonRetrait{
	padding-left:0px;
	padding-bottom:0px;
	}
.extranet .blocaccordeon .titrecatdoc {
/*	display:none;*/
	list-style-type: none;
	}
	
.extranet #containerdoccats .hidden{
	display:none;
	}
.extranet .blocaccordeon ul {	
	list-style-type: none;
	margin: 0px 0px 0px 0px ;
	padding: 0px;
	}
.extranet .paddingbottom .listedoccontainertable {
	padding-bottom:7px;
}	
.extranet .listelibrary ul img,.listeordredujour ul img ,.listeordredujour_Agenda ul img {
	vertical-align:middle;
	}
.extranet .listelibrary ul,.listeordredujour ul,.listeordredujour_Agenda ul{
    list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.extranet .listelibrary ul li{
	background-image: url('../images/DOSSIER.png');
	background-repeat: no-repeat;
	background-position: 17px 18px;
	padding: 19px 0px 17px 45px;
	border-bottom:1px solid #e5e5e5;
}
.extranet .listelibrary ul ul,.listeordredujour ul ul,.listeordredujour_Agenda ul ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-top:0px;
	display:none;
}
.extranet .listelibrary ul ul li{
	background-image: url('../images/DOSSIER.png');
	background-repeat: no-repeat;
	background-position: 3px 9px;
	padding: 10px 0px 0px 30px;
	border-bottom:0px;
}
.extranet .listelibrary .listedoccontainertable,.listeordredujour .listedoccontainertable,.listeordredujour_Agenda .listedoccontainertable {
	border:0px;
	padding:17px 0px 0px 0px;
}
.extranet .listelibrary ul li .listeDoc,.listeordredujour ul li .listeDoc,.listeordredujour_Agenda ul li .listeDoc  {
	border:0px;
	padding:6px 0px 0px 0px;
	display:none;
}
.extranet .listelibrary .spanplus,.listeordredujour .spanplus,.listeordredujour_Agenda .spanplus{
	background:#f9f9f9 url('../images/plusnoir.png') no-repeat;
	background-position:0px 0px;
	width:12px;
	height:14px;
	display:inline-block;
	cursor:pointer;
	margin-left:15px;
}
.extranet .listelibrary .spanmoins,.listeordredujour .spanmoins,.listeordredujour_Agenda .spanmoins{
	background:#f9f9f9 url('../images/moinsnoir.png') no-repeat;
	background-position:0px 0px;
	width:12px;
	height:14px;
	display:inline-block;
	cursor:pointer;
	margin-left:15px;
	margin-top:-2px;
}                       
.extranet .listeordredujour .titreordre,.extranet .listeordredujour_Agenda .titreordre,.listelibrary .titrecatdoc,.listegroupes .titregrdetr,.typeDocCA {
	color:#27889F;
	font-family:"Raleway";
	font-size:15px;
	font-weight:500;
	text-decoration:none;
	margin:-2px 0px 0px 0px;
	display:block;
	padding-top:0px;
}
.extranet .typeDocCA{
padding-top:15px;
padding-bottom: 10px;
margin-bottom: 0px;
font-size: 17px;	
padding-left: 17px;
}
.typeDocCA{
padding-top: 25px;
margin-bottom: -11px;
font-size: 17px;	
padding-left: 15px;
	}	
.ListeDocCA .listeDoc table tr{
	height: 25px;
	}
	
.listegroupes .titregrdetr{
	padding-top:0px;
	margin-top:1px;
	margin-bottom:6px;
	}
.listegroupes .titregrdetr:hover{
	text-decoration:underline;
}

.extranet .loader {
	background-image: url('../Images/loading.gif');
	background-size:50px 50px;
	width:50px;
	height:50px;
	margin:auto;
}
.extranet .TitrePageMoyen {
	background-color:#D9DFDE;
	font-family:"Raleway";
	color:#27889F;
	font-weight:600;
	font-size:18px;
	padding:13px 23px 13px 23px;
	cursor:pointer;
	margin-top:25px;
}

.extranet .TitrePageMoyen .plus,.TitrePageMoyen .moins{
	cursor:pointer;
	display:block;
	margin-left:15px;

}
.extranet .TitrePageMoyen .plus{ 
	display:none;
}
.extranet .listeDoc{
	padding-left: 0px;
	padding-top:22px;
}
.extranet .flechedesc{
	width:15px;}

.extranet .listeDocActuDetails{
	border-bottom:solid 1px #E5E5E5;
	border-top:solid 1px #E5E5E5;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 25px;
    margin-right: 25px;
	margin-top: 10px;
}

.extranet .listeDocActuDetails .listeDoc{
padding-top: 0px;
}


.extranet .listeDoc img{
	max-width:20px;
	max-height:20px;
	margin-left: 15px;	
	vertical-align: middle;
	margin-right:5px;
	}
.extranet div.listeDoc .titre,div.listeordredujour .titre,div.listeordredujour_Agenda .titre{
	color:#00B9E7;
	font-family:"Source Sans Pro";
	text-decoration:none;
	font-size:15px;
	font-weight:600;
	line-height: 25px;
}
.listeordredujour .barrevert,.listeordredujour_Agenda .barrevert{
	margin: 0px 0px 0px -18px;
	padding-bottom:0px;
	padding-top:0px;

}
.listeordredujour .barrehor,.listeordredujour_Agenda .barrehor{
	margin: 10px 0px 0px -38px;
}
.barrevert {
	display:none;
	width:1px;
	background-color:#A5CCD5;
	position:absolute;
	margin: 0px 0px 0px -20px;
	height:10px;
}
.barrehor {
	display:none;
	height:1px;
	background-color:#A5CCD5;
	position:absolute;
	margin: 10px 0px 0px -49px;
	width:15px;
}
ul ul .barrevert, ul ul .barrehor {
	display:block;
	margin-top: 9px;
}
.extranet .radio{
	padding-right:0px;	
	margin-top:-2px;
	}
.extranet .LabelMediatheque{
	cursor:pointer;	
	padding-left: 15px;
	}
.extranet .TdDocMedia{
	width:25px;
	height:0px;	
	}	
.extranet .DocumentsRubriques{
	padding-bottom: 10px;
	padding-top: 5px;
	margin-bottom: 5px;
	border-bottom: solid 1px #d9dfde;
	display:flex;	
}	
.extranet .DocumentsRubriques .titre{
	
}	
.extranet .DocumentsRubriques img{
	width:20px;
	height:20px;
	margin-right:15px;
	margin-bottom: -4px;
}	
.extranet .DocumentsRubriques a {
	text-decoration:none;
	color:rgb(51,89,127);
}

.extranet .TexteSection{
/*	background-color:#f9f9f9;
	padding: 23px 23px 23px 0px;
	color:#727272;
	font-size:17px;
	font-family: 'source_sans_proregular';
*/
	padding: 23px 23px 0px 0px;
}

.extranet .GTR_Description{
	padding-left: 0px;
	}	
. extranet .MessageVide {
	background-color:#f9f9f9;
	padding:23px;
	color:#727272;
	font-size:17px;
	font-family: 'source_sans_proregular';
}

	
.extranet .MessageVide {
/*    margin-top: 20px;	
*/
}
.extranet .TexteSection a{
	color:#727272;
}
.extranet .TexteSection a:hover{
	text-decoration:underline;
}
.extranet .blocconnexion2 {
    height: 240px;
}
.extranet .blocconnexion{
    background-color: rgba(73, 139, 149,0.85);
    position: absolute;
    height: calc(100% - 240px - var(--heightBandeauVersion));
	width:100%;
}
.extranet .ImageContacts,.extranet .ImageIndice{
	width: calc(100% - 100px);
	height: calc(100% - 100px);
	margin:0px 25px 25px 0px;
	}
.extranet .ImageIndice{
	margin:22px 25px 25px 0px;
	}
	
.extranet .ad-thumb-list{
	list-style-type: none;
	}
.extranet .ad-gallery .ad-thumbs li a img{
	padding-top:10px;
	
	}
.extranet .RubriqueActuDetail{
	background-color:#D9DFDE;
	height:42px;
	font-size:18px;
	font-weight:600;
	color:#27889F;
	padding:22px 22px 0px 22px ;
	margin-top:25px;
	}
	
.extranet .GalerieActueDetail{	
	margin-top:55px;
	}
	
.extranet #zipanddownloadbutton, #zipanddownloadbutton2,#zipanddownloadbutton3{
	background-color: #0E9BD4;
	height: 40px;
	width:auto;
	color: white;
	font-size: 15px;
	font-weight: 500;
	border: 0px;
	float: left;
	cursor: pointer;
	padding: 0px 50px 0px 50px;
	margin-left: 0px;
	}	
	
.extranet .ZipListeDocActuDetails #zipanddownloadbutton,.extranet .ZipListeDocActuDetails #zipanddownloadbutton2{
	margin-left:25px;}
	
.extranet .BoutonZip{
	height: 40px;
	margin-top: 25px;
	}	
	
.extranet .listelibrary ul li .listeDoc table{
	}	
.extranet .description_documents{
	display:none;
	font-size:15px;
	color:#727272;
	border-left:1px solid #B7BDD1;
	padding:4px 10px 4px 10px;
	margin:5px 0px 5px 2px;
	font-family: 'Raleway'	
	}
.extranet .TdDocTitre{
	width:100%;
	}
.extranet TdDocMedia TdDocTitre	 .a{
	text-decoration:none;
	}
	
.extranet .milieumobilefixedwidth{
	/*min-width:900px;*/ /* ne sert plus à rien*/
	margin-top:35px;
}	

.extranet .blocreunion, .extranet .blocrelation, .extranet .blocGTR {
    font-family: "Raleway";
	background-color:#f9f9f9;
	margin-bottom:35px;
	margin-top:35px;
}
.extranet .blocreunion, .extranet .blocGTR{
	font-family: "Raleway";
	margin-bottom:0px;
	margin-top:25px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
.blocGroupeGTR,.blocChargeMission,.blocRegion,.blocConseilAdmin{
	font-family: "Raleway";
	color: #27889F;
	font-weight: 600;
	font-size: 25px;
	padding: 23px;
}
.extranet .blocChargeMission,.extranet .blocConseilAdmin{
	font-size: 17px;	
	font-weight: 500;
	}
.blocRegion{
	margin-bottom: -25px;
	}

.blocChargeMission,.blocConseilAdmin{
	padding:0px;
	}
		
.extranet .blocreunion td.date{
	font-family: "Raleway";
	font-size:15px;
	text-align:center;
/*	border-right:3px solid #00B9E7;*/
	width:96px;
	padding-right:22px;
	vertical-align:top;
	color:#27889F;
	padding-left:22px;
	padding-top:30px;
	padding-bottom:30px;
}
.extranet .EvenementNationnaux{ background-color: #ddf2cf; }
.extranet .RéunionFilieres{ background-color: #d4e2f2; }
.extranet .EvenementRegionnaux{ background-color: #ead1ca; }
	
.extranet .blocreunion td.date .mois {
	font-family: 'ibm Plex Sans';
	color:#27889F;
	font-size:24px;
	font-weight:400;
	text-transform:uppercase;
}
.extranet .blocreunion td.date .jour {
	font-family: "ibm Plex Sans";
	color:#27889F;
	font-size:50px;
	line-height:51px;
	font-weight:400;
}
.extranet .blocreunion td.date .heure {
	font-family: "ibm Plex Sans";
	color:#27889F;
	font-size:20px;
	font-weight:400;
}

.extranet .blocreunion td.titre{
	padding-left:25px;	
	padding-top: 15px;
	padding-bottom: 15px;
	}
.extranet .blocreunion td.ics{
padding-left: 143px;
vertical-align: bottom;
padding-top: 15px;
	}	
.extranet .blocreunion td.titre .titre {
	font-family: "Raleway";
	color:#515151;
	font-size:22px;
	font-weight:400;
	margin-bottom: 20px;
}
.extranet .blocreunion td.titre .titre a{
	font-family: "Raleway";
	color:#515151;
	text-decoration:none;
	font-size:22px;
	font-weight:400;
}
.extranet .blocreunion td.titre .date{
	background: url('../images/EVENT_DATE.png') no-repeat;
	background-position: 0px 3px;
	font-family: "Raleway";
	color:#515151;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	padding-left: 30px;
	margin-top: 10px;
}

.extranet .blocreunion td.titre .place{
	background: url('../images/EVENT_PLACE.png') no-repeat;
	background-position: 0px 3px;
	font-family: "Raleway";
	color:#515151;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	padding-left: 30px;
	margin-top: 10px;	
}
.extranet .blocreunion td.titre .groupe{
	background: url('../images/EVENT_GROUP.png') no-repeat;
	background-position: 0px 3px;
	font-family: "Raleway";
	color:#515151;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	padding-left: 30px;
	margin-top: 10px;	
}
.extranet .blocreunion td.titre .ics{
	background-position: 0px 3px;
	font-family: "Raleway";
	color:#515151;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	margin-top: 10px;	
}


.extranet .blocreunion td.titre .titre a:hover {
	text-decoration:underline;
}

.extranet .descriptionreunion{
	color:#727272;
	font-size:14px;
	font-weight:400;
	padding:23px 23px 23px 65px;
	background:#f9f9f9 url('../images/EVENT_MESSAGE.png') no-repeat;
	background-position:23px 23px;
	line-height:25px;
}
.extranet .descriptionreunion a {
	color:#727272;
	font-size:14px;
	font-weight:400;
	background:#f9f9f9;
	background-position:23px 23px;
	line-height:25px;
	}
.extranet .bullet{padding-left: 15px;}	
	
.extranet .tableauGTCA td{
	width:30%;
	}	
	
.tableau4,.tableau_GTR,.tableau_insc,.tableau_inv,.tableau4_GTR_Detail, .tableau {
	border-spacing: 0px;
	background-color:#f9f9f9;
	height:auto;
	color:#727272;
	line-height:25px;
	font-size:14px;
	padding-bottom:25px;
	padding-top:15px;
	width:100%;
	}
.tableau_GTR th, .tableau_insc th, .tableau_insc thPetit,.tableau_inv th,.tableau4_GTR_Detail th, .tableau th{
	text-align:left;
	padding-left:8px;
	color: #00B9E7;
	font-size: 14px;
	font-weight: 600;
}	
 
.tableau4_GTR_Detail th{width:50%;}
.tableau_inv td{
	height:50px;
    border-bottom: 1pt solid #e5e5e5;
	padding:0px 0px 0px 0px;
	text-align:left;
	}
.tableau_GTR_entete.tableau4_GTR_Detail{width:350px;}

.tableau_GTR_entete{	width:350px;}
.tableau_GTR td,.tableau_insc td,.tableau4_GTR_Detail td {
	height:50px;
  border-bottom: 1pt solid #e5e5e5;
	padding:0px 0px 0px 0px;
	text-align:left;
	width:25%;
}	

	
.tableau_GTR td{
	padding-left:17px;}		
.tableau_GTR td input[type="text"]{

	margin-left: -17px;
	}
		
	
.tableau4 .th,.tableau_GTR .th,.tableau_insc .th,.tableau_insc .thPetit,.tableau_inv .th,.tableau4_GTR_Detail .th {
	border-bottom: 1pt solid #c3c3c3;
	}
.tableau4 .th table,.tableau_GTR .th table,.tableau_insc .th table,.tableau_insc .thPetit table,.tableau_inv .th table,.tableau4_GTR_Detail .th table, .tableau .th table{
	width:100%;	
}

.tableau4 .tr,.tableau_GTR .tr, .tableau_insc .tr, .tableau_inv .tr,.tableau4_GTR_Detail .tr, .tableau .tr{
	border-bottom: 1pt solid #c3c3c3;
}

.tableau4 .recherche,.tableau_GTR .recherche,.tableau_insc .recherche,.tableau_inv .recherche,.tableau4_GTR_Detail .recherche, .tableau .recherche{
	text-indent:none;
	padding-left:0px;
	}

.tableau_GTR p.tri {
	/*position:absolute;
	margin:-17px 0px 0px 50px;*/
	padding:0px;
	margin:0px;
	display:block;
	/*height:14px;*/
	margin:-3px 10px 0px 0px;
	float:right;
}
.tableau_GTR{
	padding:23px;
	}
.entete_GTR{
	width:70%;
	}	

.tableau4 .tri input:first-child,.tableau_GTR .tri input:first-child,.tableau_insc .tri_insc input:first-child,.tableau_inv .tri_inv input:first-child{
	display:none;
}
.tableau4_GTR_Detail .tri_inv input:first-child{display:none;}

.tableau4 .recherche input,
.tableau_GTR .recherche input, 
.tableau_insc .recherche input, 
.tableau .recherche input, 
.tableau_inv .recherche input, 
.tableau4_GTR_Detail .recherche input,
.tableau input:not(".boutonvalider") {
	color:#727272;
	font-size:15px;
	border:1px solid #bbbbbb;
	background:white url('../images/SEARCH_SMALL.png') no-repeat;
	background-position:right 6px top 6px;
	padding:2px 25px 2px 15px;
	width:180px;
	-moz-transition: border 0.2s ease;
	-webkit-transition: border 0.2s ease;/* WebKit */
	-o-transition: border 0.2s ease; /* Opera */
	transition: border 0.2s ease; /* Standard */
	margin-right:10px;
}
/* .tableau_insc .recherche input{width:173px;} */

.tableau4_GTR_Detail .recherche input{width:250px;}

.tableau4_GTR_Detail td .indentation_membres{
	padding-left:16px;}


.tableau_GTR .recherche input{width:350px;}


.tableau4 a,.tableau_GTR a,.tableau_insc a,.tableau_inv a, .tableau a{
	color:#727272;
	font-size:14px;
	text-decoration:none;	
	}
.tableau4 a:hover,.tableau_GTR a:hover,.tableau_insc a:hover,.tableau_inv a:hover, .tableau a:hover {
	text-decoration:underline;
	}	
	
.tableau_GTR a:hover{text-decoration:underline;	}	


.tableau_insc .tri input:first-child,.tableau_inv .tri input:first-child,.tableau4_GTR_Detail .tri input:first-child{
	display:none;
}
.Inv_Re2_1,.Inv_Re2_2,.Inv_Re2_3,.Inv_Re2_4,.Inv_Re2_5,.Inv_Re2_6,{
	height:50px;
    border-bottom: 1pt solid #e5e5e5;
	text-align:left;
	color:#727272;
	font-size:14px;
	font-family: 'ibm Plex Sans', sans-serif;
	padding:10px 0px 10px 0px;
	}
	
.Inv_Re2_1{width:25%;}		
.Inv_Re2_2{width:25%;}		
.Inv_Re2_3{width:25%;}		
.Inv_Re2_4{width:1%;}		
.Inv_Re2_5{width:1%;}		
.Inv_Re2_6{width:1%;}	

/*.tableau_inv .recherche input{width:100px;}
*/
#rechperInv1{width:135px;}
#rechperInv2{width:152px;}
#rechperInv3{width:175px;}
#rechperInv4{width:80px;}
#rechperInv5{width:80px;}
#rechperInv6{width:90px;}

.exclude{
  border-bottom: 1pt solid #c3c3c3;
  text-align: left;
	}
.indentation_invitations{	
	padding-left:15px;
	text-align:left;
	text-overflow:ellipsis;
	overflow:hidden;
	width:85%;
	}			
	
.listeordredujour0{
	color:#576698;
	text-decoration:none;
	font-size:14px;
	font-weight:600;
	background-image: url('../images/iconePoint.png');
	background-repeat: no-repeat;
	padding-left:10px;
	background-position: 0px 8px;
	width:25px;
	}
.listeordredujour1{
	color:#576698;
	text-decoration:none;
	font-size:14px;
	font-weight:600;
	}
.listeordredujour ul li,.listeordredujour_Agenda ul li{
	background-image: url('../images/MENU_CARRE.png');
	background-repeat: no-repeat;
	background-position: 15px 24px;
	padding: 17px 0px 0px 35px;

}
.listeordredujour td,.listeordredujour_Agenda td{
	height:20px;
}
.listeordredujour ul ul li,.listeordredujour_Agenda ul ul li{
/*	background-image: url('../images/MENU_CARRE.png');
	background-repeat: no-repeat;
*/		background-position: 0px 17px;

	padding: 10px 0px 0px 20px;
	border-bottom:0px;
}	
#zipanddownloadbutton3{
	margin-top:-39px;
	width:auto;
	margin-right:30px;

}
.tableau_insc .tri_insc{
	display:block;
	height:14px;
	margin:-15px 40px 0px 0px;
	float:right;
}
.tableau_insc_entete{
	width:50px;
}
.indentation_inscriptions{
	padding-left:15px;
	text-align:left;
	text-overflow:ellipsis;
	overflow:hidden;
	width:85%;
	}
.ReunionsInscription .radio{
	margin-left:-3px;
	}

.ReunionsInscription td{
	padding-bottom:15px;
	padding-right:15px;
	font-size:15px;
	font-weight:600;
	color:#27889F;
	vertical-align:top;
	}
.extranet .boutoninscrire{
	
	}	
.Mon_Inscription{
	padding-right:21px;
	padding-bottom::21px;
	}
.extranet .Type_participation, .extranet .Activités_externes, .extranet .Align_top{
	vertical-align:top;
	}
.texte_insc{
	font-size:16px;
	font-weight:400;
	color:#727272;
	}
	
.ReunionsInscription{
	padding-top:25px;
	}	
	
.ReunionsInscription input{
	color:#727272;	
	background-color:white;
	border:1px solid #d4d4d4;
	font-size:15px;
	font-weight:400;
	padding:5px;
	padding-left:15px;
	width:300px;
	}	
.ReunionsInscription textarea{
	color: #727272;
	background-color: white;
	border: 1px solid #d4d4d4;
	font-size: 15px;
	font-weight: 400;
	padding: 5px;
    padding-left: 5px;
	padding-left: 15px;
	width:450px;
	font-family:"Raleway";
	height:100px;
	resize:none;
	margin-bottom: 15px;
}	
.msgOuvertureFermetureInscriptions{
	color: #727272;
	font-size: 14px;
	padding-bottom: 0px;
/*	padding-left: 22px;*/
	padding-top: 10px;
	}

.calendarICS{
	background:url('../images/bgbouton.png') repeat-x;
	background-color:#0E9BD4;
	color:white;
	width:auto;
	height:30px;
	font-weight:600;
	font-size:15px;
	border:0px;
	float:left;
	cursor:pointer;
	margin-top:3px;
	margin-bottom:10px;
	padding:0px 30px 0px 30px;
	}		
.mesCoordonnees{
	color:#576698;
	font-size:15px;
	padding-top:23px;
	padding-bottom: 30px;	
}

.lignesTelecoms{
	padding-top:0px;
	padding-left:23px;
	}
.lignesTelecomsSanspadding{	
	padding-left:0px;
}


.corps div.mesCoordonnees table td:first-child {
    text-align: left;
    padding-top:6px;
    vertical-align: top;
	color:#27889F;
	font-size:16px;
	font-weight:500;
}
.lignesAdresses .tableChamps td{
	min-width: 0px;
	padding-right:135px;
	}	

.tableChamps td{
	min-width: 250px;
	padding-right:135px;
	}	
.extranet .tableChamps td{
	min-width: 250px;
	padding-right:75px;
	}	
	
.libellerequired{ 
	color:#576698;
	font-size:15px;
	padding-left:23px;
/*	padding-right:150px;*/
	}
	
.mesCoordonneesOrg{
	padding-right:69px;
}

.mesCoordonneesTel{
	padding-right:91px;
}	
.mesCoordonnees select,.orgform .ParametresDetails select{
	color:#727272;	
	background-color:white;
	border:1px solid #d4d4d4;
	font-size:15px;
	font-weight:400;
	padding:5px;
	padding-left:11px;
	padding-top:4px;
	padding-bottom:4px;
	width:304px;	
	}	
.mesCoordonnees textarea{
	font-family: "Raleway";
	color:#727272;	
	background-color:white;
	border:1px solid #d4d4d4;
	font-size:15px;
	font-weight:400;
	padding:5px;
	padding-left:15px;
	width:282px;	
	}		

	
.mesCoordonnees .trash{ /* NE PAS MODIFIER*/
	padding-left: 15px;
    cursor: pointer;
    position: absolute;
    margin: -8px 0px 0px 0px;
    height: 15px;
    width: 15px;
	}	
.mesCoordonnees .trash2{ /* NE PAS MODIFIER*/
	padding-left: 15px;
    cursor: pointer;
    position: absolute;
    margin: 7px 0px 0px 0px;
    height: 15px;
    width: 15px;
	}		
.tdseparateur_mesCoord{
	height:10px;
	}	
.extranet .separateurIncription{
/*	height:10px;*/
	border-top: 1px solid rgba(217, 223, 222, .5); 
    padding-bottom: 11px;
	}
.extranet .required::after {
    color: #e32;
    content: '*';
    display: inline;
    font-size: 12px;
    margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
	
input[type="text"]:disabled, select:disabled, textarea:disabled {
    background-color: #f2f2f2;
	font-family: "Raleway";
}
.extranet .LD_IsncRE2{
	color: #727272;
    border: 1px solid #d4d4d4;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 15px 5px 15px;
    background-color: white;
    width: 322px;
    font-family: Arial, Helvetica, sans-serif;
	
	}

/*input[type="text"], input[type="password"], select, textarea {
    color: #727272;
    border: 1px solid #d4d4d4;
    font-size: 15px;
    font-weight: 400;
    padding: 5px 15px 5px 15px;
    background-color: white;
    width: 300px;
    font-family: Arial, Helvetica, sans-serif;
    -moz-transition: border 0.2s ease;
    -webkit-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
}*/	
select {
    text-overflow: ellipsis;
    padding-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../Images/Tracé 299.png') 96% / 3% no-repeat #eee;
        background-color: rgb(238, 238, 238);
    background-color: white;
}
.extranet select {
width: 332px;
height: 30px;
text-overflow: ellipsis;
padding-top: 4px;
padding-left: 11px;
padding-right: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('../Images/Tracé 299.png');
background-repeat: no-repeat;
background-position: center right 10px;
}
.sous_titres_MesCoord_Organisations{
	color: #00B9E7;
	font-size: 18px;
	font-weight: 500;
	padding-bottom: 15px;
	padding-top: 20px;
	padding-left:11.5px;
 	border-bottom:1px solid #c3c3c3;
	margin-bottom: 25px;
	}
.sous_titres_MesCoord_Organisations_vide{
	border-top:1px solid red;;
	}
.TexteSectionMesCoord_adr_vide{
	padding-left:23px;

}
.TexteSectionMesCoord_adr{
	padding-left:23px;
	border-bottom:1px solid #c3c3c3;
	padding-bottom:23px;	
	}
.TexteSectionMesCoord_Tel{
	padding-left:23px;
	border-bottom:1px solid #c3c3c3;
	padding-bottom:23px;
}
.TexteSectionMesCoord_Tel_vide{
	padding-left:23px;
	padding-bottom:23px;
	border-bottom:1px solid #c3c3c3;
	margin-bottom: 25px;
	

}
.orgform input.boutonajouter, .orgform input.boutonvalider_mesCoord, .orgform input.boutonannuler_mesCoord {
	background:url('../images/bgbouton.png') repeat-x;
	background-color:#0E9BD4;
	color:white;
	width:auto;
	height:30px;
	font-weight:600;
	font-size:15px;
	border:0px;
	float:right;
	cursor:pointer;
	margin-left:22px;
	padding:0px 45px 0px 37px;
}		
.orgform input.boutonvalider_mesCoord, .orgform input.boutonannuler_mesCoord {
	font-size: 17px;
	margin-right: 0px;
	}
 .orgform input.boutonvalider_mesCoord, .orgform input.boutonannuler_mesCoord {
	 width:222px;
	 height:35px;
 }
 .orgform input.boutonannuler_mesCoord{background-color:#959595;} 
.orgform .mesCoordonnees input.boutonajouter {
	margin-right:368px;
	margin-bottom:7px;
}
.mesCoordonnees1{
	padding-left:23px;	
	padding-top:0px;
	}
.mesCoordonnees2{
	padding-left:0px;	
/*	border-bottom:solid 1px #c3c3c3;*/
	padding-top:23px 0px 0px 23px;	
	padding-bottom: 35px;
	}
.mesCoordonneesTel{
	padding-left:23px;
	}

.mesCoordonneesTelSansPadding{
	padding-left:0px;
	}

	
.mesCoordonnees input {
	color:#727272;	
	background-color:white;
	border:1px solid #d4d4d4;
	font-size:15px;
	font-weight:400;
	padding:5px;
	padding-left:15px;	
	width:282px;
}	
.tableau input[type="text"], .tableau textarea {
  color:#727272;  
  background-color:white;
  border:1px solid #d4d4d4;
  font-size:15px;
  font-weight:400;
  padding:5px;
  padding-left:15px;  
  width:calc(100% - 20px);
}
textarea.textareaAdresse {
  height: 18px;
  resize: none;
  overflow: hidden;
  margin-top: 0px;
  display: block;
  font-family: "Raleway";
  margin-top: 10px;
  margin-bottom: 10px;
}
.lignesTelecoms .td{
	background-color:red;
	width:150px;
	}
	
.mesCoordonnees .checkbox{
	margin-left: -6px;
	padding-right:15px;
}	

.lignesAdresses .mesCoordonnees .checkbox{
	margin-left: 24px;
	padding-right:15px;
}	
.tableChamps td{
	height:15px;
	}
.mesCoordonnees .boutonsupprimer, .lignesAdresses .boutonsupprimer{
	background: url('../images/bgbouton.png') repeat-x;
	background-color:#959595;
	color: white;
	width: auto;
	height: 30px;
	font-weight: 600;
	font-size: 15px;
	border: 0px;
	float: right;
	cursor: pointer;
	margin-left: 6px;
	padding: 0px 30px 0px 30px;
	margin-bottom:0px;
	margin-right:6px;
	}
.extranet .mesCoordonnees .boutonsupprimer {
	margin-bottom: 10px;
	margin-right: 0px;
}		
.mesCoordonnees .divboutonajoutertele {
	float:right;
	margin-right:15px;
	}	

.mesCoordonnees .divboutonajouterteleSansPadding {
	margin-right:33px;
	}	
	
.mesCoordonneesOrg .checkbox{
	margin-left: 0px;
	}		
.checkbox_tel .checkbox{
	margin-left: 0px;
	}		
	
.mesCoordonneesAdr{
	padding-left:23px;	
	}	
.corps div.verifmessage{
	display:none;
	color:#576698;
	font-size:15px;
	text-align:center;
	margin-bottom:5px;
	padding:10px;
}	
.Valider_mesCoord{
	float: right;
	padding-left: 212px;
	}	
.titresGTR{
	font-size:24px;
	font-weight:500;
	color:#576698;
	padding-left:5px;
	padding-top: 27px;
	}
#iframeemploi {
	width:100%;
	height:2000px;
	border:0px;
}
.extranet .SeparateurRegion{
	height:50px;
	}
.extranet .blocaccordeondocuments_CompteRendu2{
	padding: 23px 23px 0px 23px;
}
.extranet .blocsaccordeonsCA .blocaccordeondocuments_CompteRendu2:last-child{
	padding: 23px 23px 23px 23px;
}
.extranet .blocaccordeonagenda{
	padding-bottom: 20px;
	}	
.extranet .titre_reunion{
    font-family: "Raleway";
    color: #515151;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
	padding-top: 15px;
	}		
.extranet .boutonrouge{
	display:none;
}	
.extranet .MessageMediatheque .TexteIntro{
	background:#f9f9f9;
	padding:23px;
	color:#727272;
	font-size:15px;
	padding: 15px 23px 15px 23px;
	}
.extranet .MessageMediatheque .TexteIntro{
	border-bottom:none;
	padding: 0px;
	margin: -10px 0px -10px 0px;
	 }	
	 
.pdf_financement{
	height:100%;
	width:100%;
	}
body:not(.extranet) .PDF_File{
	padding-top: 25px;
}
body:not(.extranet) .PDF_File tr td:first-child {
	width:115px;
}
.extranet .blocaccordeonProchaineReunion{
	padding:0px 0px 0px 0px;
	margin-top:-15px;
	background-color:transparent;
	}
.extranet .Email a{
	white-space:nowrap;	
	font-size: 14px;
	color: #00b9e7;
	text-decoration: underline;
	}	
	
  hr {
    color: white;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .divLienDownload a{
    font-family: "Raleway";
    font-size: 12px;
    color: white;
    background-color: rgb(39, 135, 157);
    font-weight: 600;
    padding: 4px 8px;
    text-decoration: none;
    margin-right: 10px;
    cursor: pointer;
    letter-spacing: 0.5px;
  }
  .divLienDownload {
    margin-top: 15px;

  }
.extranet .ChampsOblig{
	padding-top: 10px;
	}  
.extranet .blocaccordeonResultatActu{
	margin-bottom:0px;
	}
.extranet .blocaccordeonResultatRegion,.blocaccordeonResultatDossiertechniques,.blocaccordeonResultatPublications,.blocaccordeonResultatRèglementationJuridique,.blocaccordeonResultatElu,.blocaccordeonResultatPole{
	padding-left:23px;	
	}	

.extranet .blocaccordeonResultatFilieres{
	margin-bottom:-10px;
	}	
.extranet .blocaccordeonResultatAgenda{
	margin-top:10px;
	}		
.extranet .ResultatActu{
	margin-bottom:0px;
	}
#menuMobile {
	display: none;
}

.tdContact1, .tdContact2, .tdContact3 {
	padding-left:20px;
	padding-right:20px;
	padding-top:12px;
	padding-bottom:12px;
}
.tdContact1 {
	width:695px; 
}
.tdContact2 {
	width:192px;
}
.tdContact3 {
	width:444px;
}
.tdWidth40 {
	width:40px;
	min-width:40px;
}
.carteregionTd {
	width:530px;
	min-width:530px;
}
.showMobile {
	display: none;
}
.listeDocuments a.titre {
	cursor: pointer;
}
#preHome {
	display: block;
/*	display: none; BV QG : masqué le 21/03/2022
*/
	height: 100vh;
	width: 100vw;
	position: fixed;
	z-index: 1000000;
	/*  opacity: 0.9;
	*/  top: 0px;
	background-color: rgba(255,255,255,0.6);
  
}
#preHomeBackGround {
  background-image: url("../Images/PreHome7.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;

  width: 80vh; 
  height: 80vh;

  width: 80vw;
  max-width: 800px;
  height: 100vh;

  margin: auto;
  margin-top: 0vh;

  position: relative;
  image-rendering: -webkit-optimize-contrast;
  /*pointer-events: none;*/
  /*background-color: rgba(255,255,255,1);*/

}
#preHome #boutonFermePreHome {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 75px;
  width: 150px;
  cursor: pointer;
}
#preHome a div {
  position: absolute;
  bottom: 0px;
  cursor: pointer;
  height: 25vh;
  width: 100%;
}

#preHomeNew {
    display: block;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: 1000000;
    background-color: rgba(255,255,255,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(255,255,255,0.95);
    background: rgb(0, 0, 0, 0.4);
	   top:0;
    overflow: auto;

}
#preHomeBackGroundNew {
  height: max-content;
  /*box-shadow: 5px 5px 5px rgba(0,0,0,0.2);*/

  box-shadow: 0 2px 10px 0 rgb(0 0 0 / 20%);
  background-color: white;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
#preHomeBackGroundNew img {
  image-rendering: -webkit-optimize-contrast;
  max-width: 100vw;
  max-height: 100vh;
  margin: -25px;
  margin-bottom: -29px;
}
#preHomeBackGroundNew {
  width: min-content;
  padding: 25px;
}
#preHomeBackGroundNew p {
  color: white;
  margin-bottom: 0px;
  margin-top: 0px;
}
/*#preHomeBackGroundNew p:has(:not(img)){
  margin-bottom: 25px;
}
#preHomeBackGroundNew p:last-child:has(img){
  margin-bottom: -25px;
}*/


form span.invalide {
	width:20px;
	height:20px;
	position:absolute;
	background-color:white;
	background-image: url('../Images/invalid.png');
	background-size:20px 20px;
	margin:-29px 0px 0px 407px;
	z-index:2;
}
.containerconnexion.resetpassword form span.invalide,.containerconnexion.definepassword form span.invalide {
	margin:-49px 0px 0px 431px;
}

.imageAdh {
    /*background-position: 0px 0px;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;*/
    margin-bottom: 30px;
    max-height: 200px;
}
.blocSection.flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.colonneFlex {
  width: calc((1190px / 2) - 50px);
}


.tabResponsive .libelleMobile {
  display: none;
}
.tableau tr td.tdRelative {
  position: relative;
}
.tableau tr td span.select {
  width: calc(100% - 58px) !important;
  margin-top: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 25px;
  background: url("../Images/background_select.png") no-repeat;
  border: 1px solid #d4d4d4;
  background-position: center right;

  height: 17px;
  line-height: 18px;
}
.tableau .imgSave, .tableau .imgCheck {
  width: 18px;
  height: 18px;
  margin-top: 7px;
  cursor: pointer;
}
.tableau td {
  padding-right: 15px;
  height:50px;
  border-top: 1px solid #e5e5e5;
  text-align:left;
}
.tableau .th {
  padding-left: 0px;
}
.tableau tr th:last-child, .tableau tr td:last-child {
  padding-right: 0px;
}
input[type="checkbox"].newCheckbox {
  display: none;
}
input[type="checkbox"].newCheckbox + label {
  color: #727272;
  line-height: 25px;
  font-size: 14px;
  cursor: pointer;
  white-space: break-spaces;
}
input[type="checkbox"].newCheckbox:disabled + label {
  cursor: default;
}
input[type="checkbox"].newCheckbox + label.newCheckbox::before {
  content: "";
  box-sizing: border-box;
  height: 19px;
  width: 19px;
  border: 1px solid #BBBBBB;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 10px;

}
input[type="checkbox"].newCheckbox:checked + label.newCheckbox::before {
  background-size: 17px;
  background-repeat: no-repeat;
  background-image: url('https://cdn.organica.technology/EXTRANET/images/CheckboxNew.png') !important;
}
input[type="checkbox"].newCheckbox:disabled + label.newCheckbox::before {
  background-color: #dddddd;
}
input[type="checkbox"].newCheckbox:disabled:checked + label.newCheckbox::before {
  background-color: #dddddd;
  background-image: url('https://cdn.organica.technology/EXTRANET/images/CheckboxNew.png') !important;
}

.extranet .blocaccordeon.paddingtop {
  padding-top: 23px;
}
.extranet .blocaccordeon .TitrePageMoyen {
  background-color: #D9DFDE;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 25px;
} 
.tableau {
  border-collapse: collapse;
  margin-bottom: 25px;
  margin-top: 15px;
}
.tableau .boutonvalider, .tableau .boutonannuler {
  padding: 5px 20px 5px 20px;
  font-size: 17px;
  min-width: 150px;
  width: auto;
  float: right;
}
.tableau .boutonvalider.boutonAgenda2 {
  font-size: 12px;
  min-width: 130px;
}
#html-spinner {
  transition-property: transform;
  animation-name: rotate; 
  animation-duration: 2s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;

  margin-top: 2px;
  width:14px;
  height:14px;
  border:2px solid #00B9E7;
  border-top:2px solid #d8f2fb;
  border-radius:50%;
}
.extranet .ui-dialog {
  padding: 23px;
}
.extranet .ui-dialog-buttonset .ui-button:nth-child(2) {
  margin-left: 10px;
}
.extranet .errorbloc {
  margin-bottom: 0px;
}
.extranet .errorbloc .errormessage {
  margin-top: 23px;
  margin-bottom: 23px;
}
.extranet .ui-dialog, .extranet .ui-widget-overlay {
  position: fixed !important;
}
.extranet .errorbloc .errortitre {
  margin-bottom: 0px;
  margin-top: 0px;
}
.extranet .ui-dialog .ui-dialog-content {
  padding: 0px;
}
.extranet .ui-state-default, .extranet .ui-widget-content .ui-state-default, .extranet .ui-widget-header .ui-state-default {
  padding: 5px 20px 5px 20px;
  font-size: 17px;
  min-width: 150px;
  width: auto;
  background-color: #00B9E7;
  border: none;
  color: white;
  font-weight: 500;
  text-transform: uppercase;
}
.extranet .ui-dialog .ui-dialog-buttonpane button {
  margin: 0px;
}
.extranet .ui-dialog .ui-dialog-buttonpane {
  margin: 0px;
  padding: 0px;
  border: none;
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {
      transform: rotate(360deg);
    }
}


@media screen and (max-device-width: 640px), screen and (max-width: 640px) {

  #espaceAdherentDiv {
    display: none;
  }
  .gridDiplomes {
    grid-template-columns: repeat(1, 1fr);
  }
  .tableau.tabResponsive .libelleMobile {
    display: block;
  }

	body, html,#MENUSEC .content, #header,#BARFUNC table,
	#map, .ConteneurRechMap, .divChampRechAdh2,
	#footer #footerright, #footer #bandeauTop #subBandeauTop #bandeauFooterContent,
	.ContactBlocGauche, .tdContact1, .tdContact2, .tdContact3,
	.BlocArticle .BlocTitre, .ad-gallery, table.slogan .titre, .offres, .carteregionTd
	, .carteregionTd img, .BlocRelation, .BlocRelation .BlocTitreFct {
		width: 100%;
	}
  #preHomeBackGround {
    width: 100vw;
    height: 60vh;
    height: 100vh;

    margin-top: 0vh;
  }
  #preHome #boutonFermePreHome { 
    height: 150px;
    width: 90px;
  }
	.BlocRelation .BlocTitreFct {
		margin-top: 15px;
	}
	table.branches td.contenuleft
	{
		width: auto;
	}
	table.branches td.contenuright 
	{
		min-width: auto;
	}
	 body, html, #logo, #header, .BlocMapAccueil, .ConteneurRechMap, table.adapt, .carteregionTd {
	  	min-width: 100%;
	} 
	.showMobile {
		display: block;
	}
	.hideMobile {
		display: none;
	}
	.content {
		width: calc(100% - 40px);
	}
	.pictoFooterBandeauWrapper img {
		height: 40px;
		width: 40px;
	}
	#PAGECONTENT, #header, #headersup #slideshow, #logo, .content,
	#footer, #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc, #BARFUNC  {
		min-width: 420px;
		min-width: 320px;
	}
	#footer #sitemap,#BARFUNC, #SEARCH .searchreseauxsociaux, #Compteur, #MENUSEC {
	  	display: none;
	}
	#PAGECONTENT {
		margin-top: 57px;
	}
	#menuMobile {
		display: block;
		border: 1px solid white;
		height: 57px;
		position: absolute;
		background-repeat: no-repeat;
		width: calc(100% - 2px);
		min-width: calc(420px - 2px);
		min-width: calc(320px - 2px);
		background-color: white;
		top: calc(155px + var(--heightBandeauVersion));
		left: 0px;
		z-index: 50;
		background-image: url('../Images/menuMobile.png');
		border-bottom: 3px solid lightgrey;

	}
  .niv1 > tbody {
       width: 100%;
       display: block;
  }
  .niv1 tr{
	    display: flex;
	    flex-direction: column;
      width: 100%;
  }
  #MENUSEC .niv1 {
    display: block;
  }
	#MENUSEC .niv1 .niv1bloc td {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
  #MENUSEC .niv1 .niv1bloc a {
		font-size: 24px;
  }
  #MENUSEC .niv1 .niv1bloc .niv2 {
    width: calc(100% + 40px);
  }

  #MENUSEC .niv1 .niv1bloc .niv2,
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 {
    position: relative;
    display: block !important;
  }
  
  #MENUSEC .niv1 .niv1bloc,
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc,
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 .niv3bloc {
    min-height: var(--heightBloc);
    height: auto; /* utilisé par la transition  */
    max-height: var(--heightBloc); /* utilisé par la transition  */
    overflow: hidden;
    position: relative;
    display: block !important;
    transition: max-height 0.5s ease-in;
  }
  #MENUSEC .niv1 .niv1bloc {--heightBloc: 84px;}
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc {--heightBloc: 57px;}
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 .niv3bloc {--heightBloc: 57px;}

  #MENUSEC .niv1 .niv1bloc.menuOuvert,
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc.menuOuvert {
    max-height: 1000px; /* utilisé par la transition  */
  }
  #MENUSEC .niv1 .niv1bloc {
    z-index: 50;
    width: calc(100% - 40px);
    background-color: white;    
    text-align: left;
    border-bottom: 1px solid lightgrey;
    position: relative;
    display: block;
  }
  #MENUSEC .niv1 .niv1bloc .niv2 {
    margin-top: var(--heightBloc); /* niv1bloc */
  }
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 .niv3bloc {
    background-color: #17515E;
  }
	#MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc :is(a, span),
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 .niv3bloc :is(a, span) {
		font-size: 20px;
		padding-left: 42px;
    padding-right: 42px;
    width: calc(100% - 84px);

    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: pre-wrap;
  }
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc :is(a, span).Leftmenu2,
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 .niv3bloc :is(a, span).Leftmenu3 {
    height: 57px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 57px;
  }
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc :is(a, span).avecSousMenu::after {
    width: 10px;
    height: 10px;
    right: 16px;
    top: 20px;
  }
  #MENUSEC .niv1 .niv1bloc .niv2 .niv2bloc .niv3 {
    left: unset;
    top: unset;
    width: 100%;
  }
  .niv1bloc > table {
		margin-left: 20px;
    position: absolute;
    top: 0px;
  }
  #header{
		height: 370px;
  }
	#headersupright {
	    z-index: 51;
  }
	#headersup {
	    margin-top: -215px;
  }
  #BARFUNC {
  	position: absolute;
  }
  #BARFUNC table tr td:first-child {
  	text-align: left;
  	padding-left: 40px;
  }
  #BARFUNC table tr td:last-child {
  	visibility: hidden;
  }
  #logo {
  	height: 120px;
  	margin-top: 250px;
	}
	#logo img {
	    margin-top: 34px;
	}
  #SEARCH {
  	margin-top: 371px;
  	z-index: 51;
  }
	#SEARCH input[type="text"] {
		width: 0px;
		line-height: 37px;
  }
	#SEARCH .searchinput, #SEARCH .searchwrapperloupe {
  	display: block;
  	height:57px; 
	}
	.searchwrapperloupe {
  	background-image: url('../Images/loupeMobile.png');
  	width:70px;
	}
	div.actualites {
  	margin: auto;
  	width: auto;
  	display: flex;
  	flex-direction: column;
	}
	div.actualites div.container {
  	margin: auto;
  	margin-top: 40px;
	}
	#footer #footerright {
  	text-align: center;
	}
	#footer #footerRightBottom {
  	padding-top: 25px;
  	font-size: 20px;
  	font-size: 17px;
		line-height: 30px;
	}
	#footer .content, 
	#footer #bandeauTop #subBandeauTop #bandeauFooterContent,
	#footer #bandeauTop #subBandeauTop .bandeauLeftContent { 
  	flex-direction: column;
	}
	#footer #bandeauTop,
	#footer #bandeauTop #subBandeauTop {
  	height: auto;
	}
	#footer #bandeauTop #subBandeauTop #bandeauFooterContent {
  	padding-top: 15px;
  	padding-bottom: 15px;
  	-webkit-align-items: flex-start;
	}
	.pictoFooterBandeauWrapper {
  	padding-left: 0px;
  	padding-top: 15px;
	}
	#footer #bandeauTop #subBandeauTop .bandeauLeftContent {
  	padding-left: 20px;
	}
	#footer #bandeauTop #subBandeauTop .bandeauRightContent {
  	margin-left: -5px;
  	padding-top: 0px;
  	padding-bottom: 12px;
	}
	#footer #bandeauTop #subBandeauTop .bandeauRightContent .pictoFooterBandeauWrapper:first-child .contentFooterBandeau {
  	padding-left: 25px;
	}
	#footer #bandeauTop #subBandeauTop .bandeauRightContent .contentFooterBandeau {
		padding-left: 20px;
	}
	#footer #bandeauTop { 
		padding-top: 8px;
	}
	.ConteneurRechMap {
    display: block;
    min-width: calc(100% + 30px);
  	margin-left: -15px;
  	margin-right: 15px;
/*	    margin-top: 160px;
*/	}
	.BlocRechercheAdherentWrapper {
		position: relative;
		margin: auto;
		margin-top: -750px;
		width: 100%;
	}
	.BlocRechercheAdherent {		
    width: calc(100% - 70px);
    margin-left: 15px;
    margin-right: 15px;
    padding-left: 20px;
    padding-right: 20px;
		background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0) 30%, white 30%, white);
		background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0) 75%, white 75%, white);
	}
	.ChampRechAdh1, .SelectDepartement, .ChampRechLocalite, .SelectFiliere, .Implantation {
		visibility: hidden;
	}
	.WrapperMapAccueil {
		height:672px;
	}
	.BlocMapAccueil {
		height:89%;
	}
	.titreRechMap .titre {
	    visibility: hidden;
	}
	.showMobile .titreRechMap .titre {
		position: relative;
		visibility: visible;
		padding-left: 25px;
		padding-right: 25px;
	}
	.titreRechMap .separateur {
		visibility: hidden;
		margin-left: calc(50% - 25px);
	}
	.showMobile .titreRechMap .separateur {
		visibility: visible;
	}
	.ChampRechLocalite {
		margin-left: 10px;
	}
	
	.divChampRechAdh2 {
		position: absolute;
		background-color: rgba(0,0,0,0);
		margin-left: -27px;
    margin-top: -323px;
    padding-top: 293px;
    margin-top: -288px;
    width: calc(100% - 10px);
	}
	/*.ChampRechAdh2 {
		background-repeat: no-repeat;
		
		background-position: 300px;
	}*/
	#boutonactualiser {
		display: none;
	}
	.ContactBlocGauche, .ContactBlocDroit {
		text-align: center;
	}
	.ContactBlocGauche {
		padding-left: 0px;
		min-width: 320px;
		min-width: 220px;
	}
	.ContactBlocGauche .InfosPetit table{
		margin: auto;
	}
	.ContactBlocDroit {
		width: calc(100% - 20%);
		height: auto;
		padding-bottom: 20px;
	}
	.ContactBlocDroit #formContact {
		/*padding-right: 10%;
		padding-left: 10%;*/
	}
	#formContact table tbody tr:nth-child(3){
		display: flex;
		flex-direction: column;
	}
	#formContact table tbody tr:nth-child(3) td:first-child, #formContact table tbody tr:nth-child(3) td:nth-child(3){
		padding-bottom: 20px;
	}
	#formContact table {
	/*	width: 115%;*/
	}
	.ContactBlocGauche .LigneBleuContact {
		margin-left: calc(50% - 25px);
	}
	.tdContactBouton {
		/*padding-left: calc(50% - 129px + 20px);*/
		padding-left: calc(50% - 129px);

	}
	.WrapperMapContact {
		min-width: 320px;
		min-width: 220px;
	}
	table.carteregion tr {
		display: flex;
		flex-direction: column;
	}
	.adapt.branches tr {
		display: flex;
		flex-direction: column;
	}
	.bulleWraper {
		justify-content: center;
		margin-right: 0px;
	}
	.contenuright .titrepagepetit{
		margin-left: 5px;
	}
	table.branches td.contenuright {
		width: calc(100% - 80px);
	}
	.BlocArticle .BlocTitre .BoutonLireSuite {
		margin: auto;
		margin-top: 21px;
	}
	.ElementsVideos {
		margin-left: 20px;
	}
	.ListeElementsVideos {
		margin: auto;
	}
	.ConteneurVideos {
		width:100%;
	}
	table.slogan tr{
		display: flex;
		flex-direction: column;
	}
	table.slogan .image {
		margin: auto;
		margin-bottom: 20px;
	}
	table.slogan .desc {
		width: calc(100% - 40px);
	}
	.BlocArticle .Photo, .BlocArticleLong .Photo {
		float: none;
		margin: auto;
		margin-bottom: 20px;
	}
	.ligne-offres {
		display: flex;
		flex-direction: column;
	}
	#mainContent .pageOffres .offre-right {
		padding-left: 0px;
		padding-top: 10px;
		border-top: 1px dashed #E7E7E7;
	}
	#mainContent .pageOffres .offre-left {
		padding-bottom: 10px;
	}
	#mainContent {
		width: 100%;
	}
	.carteregion .bulle {
		display: none;
	}
	.ElementsVideos {

		margin: auto;
		margin-bottom: 25px;
	}
	.highslideWrapper {
		width: calc(100%);
	}
	.Loupe_click {
		margin-left: 370px;
	}
	.button.ActualiserCarte {
		margin-left: calc(50% - 125px);
	}
	.slogan tr {
		display: flex;
		flex-direction: column;
	}
	table.slogan .titre {
		width: 100%;
	}

	.justifier {
		text-align: left;
	}
	.actualites .container {
		width: 99%;
	}
	.bandeauRightContent {
		flex-wrap: wrap;
	}
	.blocSection, .block {
		padding-left: 15px;
		padding-right: 15px;
		min-width: calc(420px - 30px);
		min-width: calc(320px - 30px);

	}
	.block .content {
		padding-left: 0px;
		padding-right: 0px;
		min-width: calc(420px - 30px);
		min-width: calc(320px - 30px);

	}
	.block .block {
		padding-left: 0px;
		padding-right: 0px;
		min-width: calc(420px - 30px);
		min-width: calc(320px - 30px);

	}
	.block .blocSection {
		padding-left: 0px;
		padding-right: 0px;
		min-width: calc(100% - 30px);
		min-width: calc(320px - 30px);


	}
	.blocSection ul li {
		width: calc(100% - 22px);
	}
	/*.blocSection ul {
		margin-left: -20px;
	}*/
	table.carteregion {
		margin-left: -7px;	
	}
	/*.block {
		width: 100%;
	}*/
	.Loupe_click {
	}
	/*html { 
    zoom: .98; 
	}*/
	div.actualites div.container {
		width: calc(100%);
		height: auto;
	}
	div.actualites div.texte {
		width: calc(100% - 40px);
		position: relative;
		height: auto;
    z-index: 15;
	}
	div.actualites div.plus {
/*		margin-left: calc(100% - 54px);
*/	}
	.WrapperMapAccueil {
		min-width: 100%;
	}
	.titreRechMap.titreReduit {
		width: 100%;
	}
	.titrepage .titre, .titrepagepetit .titre {
		word-wrap: break-word;
		font-size: 29px;
	}
	.BlocArticle .Photo img, .BlocArticleLong .Photo img {
		width: 100%;
		height: auto;
	}
	.BlocArticle .Photo, .BlocArticleLong .Photo {
		width: 100%;
		height: auto;
	}
	table.branches td.contenuleft {
		width: 100%;
		min-width: 100%;
	}
	table.branches td.contenuright .block .blocSection {
		min-width: 100%;
	}
	table.branches td.contenuright .blocSection {
		min-width: 100%;
	}
	table.branches td.contenuright {
		padding-left: 10px;
		padding-right: 10px;
		width: calc(100% - 20px);
		min-width: calc(100% - 20px);
	}
	.containerMembresFilieres ul {
		width: 100%;
	}
	.BlocRechercheAdherent .Loupe_click {
		margin-left: calc( 100% - 100px);
	}
	.divChampRechAdh2 .Loupe_click {
		margin-left: calc( 100% - 68px);
	}
	.tdContact1, .tdContact2, .tdContact3 {
		padding-right: 0px;
		width: calc(100% - 20px);
	}
	.ContactBlocDroit #formContact {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 30px);
		padding-left: 0px;
		padding-right: 0px;
	}
	.ContactBlocDroit {
		width: 100%;
	}
	#formContact table {
		width: 100%;
	}
	#map {
		z-index: 49;
	}
	.ChampRechAdh{
		background-position-x: 100%;
		background-repeat: no-repeat;
		width: calc(100% - 75px);
	}
	.ChampRechAdh1 {
		margin-top: 152px;
		max-width: calc(100% - 10px);
	}
	.ChampRechAdh2 {
		margin-left: 15px;
		margin-right: 15px;
		width: calc(100% - 105px);
	}
	.ChampRechLocalite {
		width: calc(100% - 50px);
		margin-top: 20px;
		margin-left: 0px;
	}
	.listeDocuments table tr {
		display: flex;
		flex-direction: column;
	}
	.listeDocuments table td:nth-child(2) {
		margin-top: 15px;
	}
	.listeDocuments table div {
		margin-right: 0px;
	}
  #BARFUNC {
    display: none;
  }
  #MENUSEC .niv1 .niv1bloc:hover a{
    color:#27879d;
  }
  .wrapActuVideo {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0px;
  }
  .button.ActualiserCarte {
    margin-top: 104px;
  }
  .blocSection.flex {
  	flex-direction: column;
  }
  .colonneFlex {
  	width: 100%;
  }
  .flexFicheMetiers {
    flex-direction: column;
  }
  .flexFicheMetiers .selectFicheMetiers {
    flex-shrink: 1;
    flex-basis: 0px;
  }

} 
@media screen and (max-device-width: 380px), screen and (max-width: 380px) { 
  .divChampRechAdh2 {
    margin-top: -315px;
    padding-top: 268px;
  }
  .button.ActualiserCarte {
    margin-top: 79px;
  }
  .BlocImplant {
    flex-direction: column;
  }
  .ImplantColonne {
    max-width: 100%;
  }
  .ImplantColonne:nth-child(2) {
    margin-left: 0px;
  }
}
@media screen and (max-device-width: 380px), screen and (max-width: 380px) {
	.voirtoutesactualites 
	{
    margin-left: -5%;
    margin-top: 35px;
    width: 110%;

	}
}



/*  =============================
       BANNIERE COOKIE     
  =============================*/

/* bandeau cookies */

:root {
  /* pour les couleurs : il est plus facile de travailler en hsl (hue, saturate, light) 
  cela permet de modifier plus facilement une couleur existante ou d'en faire des déclinaisons */
  --colorVert: #27879d; 
  --colorBlanc: #FFF;
  --boxshadow: 8px 8px 15px rgba(0, 0, 0, 0.25);
}

#protectCookieBanner {
  opacity: 1;
    transition: opacity 0.3 ease-in-out;
    display: flex;
/*    display: none !important;
*/    justify-content: center;
}
[class^="protectCookieBanner-"] {
  margin: 0;
  padding: 0;
}
.protectCookieBanner-Notice{
  position: fixed;
  bottom: 20px;
  z-index: 1080;
  font-size: 15px;
  overflow: hidden;
  width: 100vw;
  max-width: 1030px;
  box-shadow: var(--boxshadow);
}
.protectCookieBanner-Notice-body {
  padding: 1em 1.2em;
  background-color: var(--colorVert);
}
.protectCookieBanner-Notice-actionItem {
  display: inline;
  width: auto;
}
p.protectCookieBanner-Notice-description, .protectCookieBanner-Notice-text p {
  line-height: 21px;
  margin-bottom: 12px;
  color: var(--colorBlanc);
  margin-bottom: 0.9em;
  font-size: 15px;
  line-height: 25px;
  text-align: left;
}
.protectCookieBanner-Notice-text p {
  margin: 0px;
}
#protectCookieBanner a {
  color: var(--colorBlanc);
  text-decoration: underline;
  background-color: transparent;
}

/* boutons cookies */

.boutonCookies:not(:disabled), 
.boutonCookiesRight:not(:disabled), 
.modal-cookies-button:not(:disabled), 
.modal-cookies-button2:not(:disabled),
.modal-cookies-disabled:not(:disabled),
.modal-cookies-a {
  cursor: pointer;
}
.modal-cookies-button, 
.modal-cookies-disabled {
  font-size: 15px;
}
.modal-cookies-button, 
.modal-cookies-button2, 
.modal-cookies-disabled, 
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 {
  border: 1px solid var(--colorVert);
  padding: 8px 20px 8px 20px;
  letter-spacing: 0.1em;
  text-decoration: none !important;
  width: auto;
  height: auto;
  vertical-align: middle;
}
.modal-cookies-button, 
.modal-cookies-button2, 
.modal-cookies-disabled {
  background-color: var(--colorVert);
  color: var(--colorBlanc); 
}
.modal-cookies-button:disabled, 
.modal-cookies-button2:disabled, 
.modal-cookies-disabled,
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 {
  background-color: var(--colorBlanc);
  color: var(--colorVert);
}
.boutonCookiesRight, 
.boutonCookies, 
.boutonCookies2 { /* Boutton pour les cookies. */
  margin-top: 10px;
}
.boutonCookiesRight { /* Boutton pour les cookies. */
  float: right;
}
.boutonCookies {
  margin-right: 19px;
}
.boutonCookies2 { /* Boutton pour les cookies. */
  margin-right: 8px;
  font-size: 17px;
}
.modal-cookies-button:disabled,
.modal-cookies-button2,
.modal-cookies-disabled {
  margin-right: 0.5em;
}
.modal-cookies-button2 {
    font-size: 13px;
}

/* modal cookies */

body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100vw;
}
.modal-cookies {
    display: none;
    position: fixed;
    z-index: 99999;
    left: 0;
    top: 0;
    height: 100%;
  width: 100%;
    justify-content: center;
    align-items: center;
    overflow: scroll;
}
.style-overlay {
    display: none;
    position: fixed;
  left: 0;
    top: 0;
    width: 100% !important;
  height: 100% !important;
  z-index: 9999 !important;
  background-color: rgba(255,255,255,0.7);
    transition: opacity 0.3s ease-in-out;
  opacity:0.8 !important;
}
#modal-cookies {
  opacity: 0;
  transition: opacity 0.3 ease-in-out;
}
.fade-in {
  animation: fadeIn ease 0.5s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
.modal-cookies-content {
  opacity: 1;
  width: calc(100vw - 40px);
  max-width: 750px;
  margin: auto;
  box-shadow: var(--boxshadow);
}
.modal-cookies-header {
  background-color: var(--colorBlanc);
  border-bottom: px solid var(--colorVert);
  padding: 20px;
}
.modal-cookies-header .titredialoguecookie {
	margin: 0;
	color: var(--colorVert);
	font-size:32px;
	font-weight:bold;
}
.modal-cookies-body {
  padding: 20px;
  background: #fff;
  text-align: left;
  font-size: 18px;
}
.divBoutonCookies {
  display: inline;
}
.modal-cookies-a {
  text-decoration: none !important;
  width: auto;
  height: 40px;
  border: 0px rgba(224, 46, 0, 0);
  vertical-align: text-bottom;
  padding: 2px 0px 2px 0px;
  font-size: 15px;
  float: left;
}
.modal-cookies-a span a{
  text-decoration: none;
    display: block;
    padding-top: 26px;
    text-align: center;
  line-height: 1em;
  color: var(--colorVert);
}
.modal-cookies-a span a:hover{
  text-decoration: underline;
}
.div-li-cookie-bas {
  margin-top: 4px;
  float: right;
  padding-top: 10px;
}
.div-sup-cookie-bas {
  display: inline; 
}
.modal-cookies-body-interne {
    margin-top: 3vh;
    display: flex;
    font-size: 15px;
}
.modal-cookies-body-item {
    justify-content: flex-start;
  padding-top: 2px;
    padding-right: 20px;
}
.modal-cookies-body-item2 {
  line-height: 21px;
}
.modal-cookies-body-item2 div {
  margin-bottom: 2.5px;
}
.modal-cookies-body-titre {
    font-weight: bold;
  color: var(--colorVert);
  display: inline-block;
}
.modal-cookies-optionnelornot {
  display: inline-block;
  color: var(--colorVert);
}
.modal-li-cookie {
  padding-top: 40px;
  display: flow-root;
  padding-bottom: -4px;
}

/* switch cookies */

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 31px;
}
.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}
.slider {
    position: absolute;
    cursor: pointer;
    inset: 0; /* top bottom left right à 0 */
    background-color: #27879d82;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
}
.textSousSlider {
  font-size: 8.5px;
  text-align: center;
  color: var(--colorVert);
  padding-top: 2px;
}
input:checked + .slider {
    background-color: var(--colorVert);
}
input:checked:disabled + .slider{
    background-color: lightgrey !important;
}
input:checked + .slider:before {
    transform: translateX(26px);
}



@media screen and (max-width: 1024px),  screen and (max-device-width: 1024px){
  .boutonCookies { /* Boutton pour les cookies. */
    margin-right: 31px;
  }
  .boutonCookiesRight {
    float: none;
  }
  .protectCookieBanner-Notice {
      bottom: 0px;
  }
}
@media screen and (max-width: 750px),  screen and (max-device-width: 750px){
  .modal-cookies-button, .modal-cookies-disabled, .modal-cookies-button2 {
    margin-top: 10px;
  }
}
@media screen and (max-width: 500px),  screen and (max-device-width: 500px){
  
  .boutonCookiesRight, .boutonCookies, .boutonCookies2,
  .modal-cookies-button, .modal-cookies-disabled, .modal-cookies-button2 {
    margin-right: 0px;
    width: 100%;
  }
  .div-li-cookie-bas {
    float: none;
    margin-top: 10px;
  }
}

/*  =============================
     FIN BANNIERE COOKIE     
  =============================*/

.btnen2r{
	background-color: #ff7420;
	width: fit-content;
	padding: 10px 20px 10px 20px;
	border-radius: 24px;
	color: white;
	font-size: 13px;
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	margin-left: auto;
    margin-right: 0px;
}
.btnen2r span{
	font-family: sans-serif;
	font-size: 16px;
	margin-left: 3px;
	font-weight: bold;
	margin-top: -0.5px;
}
.btnen2r:hover{
	color: white;
}
.iconflecheen2r{
	background: url('../Images/arrow-right.png') center center /100% 100%;
	width: 24px;
    height: 24px;
	margin-left: 12px;
}
.fondBtnen2r{
    display: flex;
    padding-top: 16px;
	margin-bottom: -8px;
	flex-direction: column;
}
.fondBtnen2r p {
	margin-left: auto;
    font-size: 15px;
    margin-right: 0;
    font-family: 'RalewayMedium';
    margin-block-start: 6px;
    color: #ff7420;
    margin-block-end: 17px;
}
.specialBtnen2r{
	width: 1190px;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}
.btnen2r:visited{
	color: white;
}
.btnen2r{
	color: white;
}

@media screen and (max-device-width: 640px), screen and (max-width: 640px){
	.specialBtnen2r{
		width: 100%;
	}
	.btnen2r{
		margin-right: auto;
	}
}