/* Général */
	
	@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Cantarell:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
 	@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
 	@import url('https://fonts.googleapis.com/css2?family=Oswald:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
 	@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
	@import url('https://fonts.cdnfonts.com/css/century-gothic');

	*{font-family: "Open Sans", sans-serif;color:#3c3b3b;/*! margin-top: 1em; */}
	/* body{background:url('../images/bg/shattered-dark.png') rgba(254, 254, 254,0.1);background-position: center center; background-blend-mode: multiply;} */
	body {background-color:#d4dcde;}
	
	main {/*! background-image:url('../images/bg/cartographer_grey.png'); */ /*! background-attachment: fixed; *//*! background-repeat: repeat; *//*! background-position: center center; */
			/*! background-color:#fff; */ padding:0.25em;
	margin: 0 auto;
	}
	
	/* Header */
	header {font-family:'Century Gothic';}
	header > .container {border-left:4em solid #0c015b;background-color:#fff;}
	.header-logo {max-width: 300px;margin-top: -2em;padding-bottom:1em;}
	header h1 {color:#0c015b;font-weight:600;font-size:2em;line-height:0.75em; margin:0.25em 0 !important;}
	header p {color:#63aec3;font-weight:400;font-size:1.5em;line-height:0.85em; margin:0;padding-bottom:1em;}
	span.h1-light {font-size:0.75em;color:#0c015b;}
	.titre-registre {border-left:1em solid #63aec3;margin:2em 0.5em;padding:0 1em 0 2em;}


  	/* Main */
	main {margin: 1em 0;}
	main h2 {background:#0c015b;color:#fff;margin:0 0 0.5em; padding:0.25em 0.5em;font-family:'Century Gothic';font-weight:600;font-size:1.5em}
	.listeProcedure, .listePJ {margin: 0 0.5em;padding:0;background:#fff;}

	.TableProcedure, .tablePJ {margin:0.5em auto;font-size:0.9em;width:90%;}
	.TableProcedure th {background:#63aec3;font-style: italic;color: #fff;border: 1px solid #0c015b;padding: 0.5em;text-align: center;}
	.TableProcedure tr:nth-child(odd) {}
	.TableProcedure tr:nth-child(even) {background:#d0d0d0;}
	.TableProcedure tr > td:nth-child(1) {font-weight:bold;text-align:left; width:40%;}
	.TableProcedure td {text-align: center;padding:0.25em 0.4em;border:1px solid #0c015b;}
	.TableProcedure img, .tablePJ img {max-width: 20px;}

	.tablePJ tr:hover {background:#b6d8e3;cursor:pointer;}
	.tablePJ tr > td:nth-child(1) {width:35px;text-align: center;}
	.tablePJ tr > td:nth-child(2) {font-weight: bold;font-size: 1.1em;padding: 0.6em 0.25em;}

  .lienDocVisu {cursor:pointer;}
 .lienDocVisu:hover {background:#b6d8e3;}

	/* Carousel */
	@media (max-width: 767px) {
		.carousel-inner .carousel-item > div {
			display: none;
		}
		.carousel-inner .carousel-item > div:first-child {
			display: block;
		}
	}
	
	.carousel-inner .carousel-item.active,
	.carousel-inner .carousel-item-next,
	.carousel-inner .carousel-item-prev {
		display: flex;
	}
	
	/* medium and up screens */
	@media (min-width: 768px) {
		
		.carousel-inner .carousel-item-end.active,
		.carousel-inner .carousel-item-next {
		  transform: translateX(25%);
		}
		
		.carousel-inner .carousel-item-start.active, 
		.carousel-inner .carousel-item-prev {
		  transform: translateX(-25%);
		}
	}
	
	.carousel-inner .carousel-item-end,
	.carousel-inner .carousel-item-start { 
	  transform: translateX(0);
	}

	
	/* Footer */
	footer > .container {background-color:#63aec3;}
	footer * {color:#fff;}
	footer .logos img {max-width: 180px;padding:0.5em;}	
	footer .mentions p {margin-top: 0.75em;}
	footer .liens {text-align:right;margin: 6em 0em 0em;}
	footer .liens p {color:#0c015b;font-weight:bold;cursor: pointer;}
	footer .liens p:hover {color:#fff;}

 	 /* fenêtre modale */
	.modal-body p , li{font-size: 0.85em;}
	.modal-body h3 {font-size: 1.2em;}
	.modal-body h4 {font-size: 1em;}




	h1 {font-weight:800;text-transform:uppercase;font-size:2em;color:#268099;margin: 1em 0 0.5em !important;}
	h2 {font-weight:800;font-size:1.8em;margin:0.5em 0 0.25em 0.6em; }
	h3 {font-weight:800;font-size: 1.3em;margin:0.25em 0.5em 0.25em 0.6em;font-style: italic;color:#268099;}
	h4 {font-weight:800;font-size: 1.2em;margin:0.25em 0 0.25em 0.6em;}
	h5 {margin: 0.25em auto 0.25em;font-weight: bold;font-size: 1.2em;color: #268099;}
	p {font-size:1em; margin:0.1em 1em 0.25em;}
	ul {}
	li {}
	a:hover {color:#e88820!important;}


	/* Barre de navigation */
	.navbar {background-color: #3a904f !important; /*! background-image:url('../images/bg/ace_bg_header_vert_xl'); */max-width: 1366px;margin: 1em auto;border-radius: 0 0 0.5em 0.5em;}
	.navbar-brand > img {max-height:40px;margin-left:5px;}
	.navbar-nav {margin-left: auto;margin-right: 1em;}
	.nav-link {color:#fff !important;font-size: 1.2em;margin: 0 0.5em !important;line-height: 0.6em;border-radius: 0.5em;}
	.nav-item {border-right:2px solid #fff;margin-left:0.25em!important; text-align: center;}
	.nav-item:last-of-type {border-right:none;}
	.nav-link.active {background:rgba(255,255,255,0.7);color:#2d618e!important;}
	.nav-link:hover {background:rgba(255,255,255,0.5);color:#e88820!important;}
	.navbar-dark .navbar-toggler-icon {border-radius:0.25em;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
	.navbar-dark .navbar-toggler-icon:hover {background-color: #fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2845,97,142,0.9%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}

	
	/* Barre de navigation - smartphone  */
	@media (max-width:576px){
		.nav-item {border-right:none; border-bottom:1px solid rgba(255,255,255,0.6);margin-left:0!important;}
		.nav-item:first-of-type {border-top:1px solid rgba(255,255,255,0.6);}
		.nav-item:last-of-type {border-bottom:none;}
		.nav-link{border-radius:0;margin: 0 !important;}
		.navbar-nav {margin-right:0em;padding: 0;margin-bottom: 0em;}
	}
enter center;
			border-top: 2px dotted #8e8e8e;
			border-left: 2px dotted #8e8e8e;
			margin-left: -3px;
			margin-right: -3px;
			margin-bottom: -12px;
	}
	
	/* Corps de texte */
	
	.corps{background-color: rgba(255, 255, 255, 0.55);border-radius: 0 2em 0 2em;margin-top: 1em;}
	.corps img {max-width: 98%;margin: 0.5em auto;opacity: 0.;}
	
	.a-retenir {
		padding:1em;background:#eaf0e9;
		margin:0 1em 0.25em;
		border-radius: 2em 0 2em 0;		
		box-shadow: 5px 5px 5px 0px rgba(140,137,137,0.4);
	}
	.ombre {
		box-shadow: 10px 10px 5px 0px rgba(140,137,137,0.6);
		-webkit-box-shadow: 10px 10px 5px 0px rgba(140,137,137,0.6);
		-moz-box-shadow: 10px 10px 5px 0px rgba(140,137,137,0.6);
	}
	
	.vcenter-item{
		display: grid;
		align-items: center;
	}
	
	.text-justify{text-align:justify;}

	.gris {background:#e3e3e3;padding:0.5em}  
	.bleu {background:#e0e3ee;padding:0.5em}
	.vert {background:#eaf0e9;padding:0.5em}

	/* Hyperlien */
	a {text-decoration: none;color:#009dcc;font-weight: bold;cursor:pointer; }
	a.download-data:before {font-family: FontAwesome;content:"\f0ab";font-size: 1.2em;padding: 0.5em;}
	a.link-data:before {font-family: FontAwesome;content:"\f0c1";font-size: 1.2em;padding: 0.5em;}
	a.view-link:before {font-family: FontAwesome;content:"\f194";font-size: 1.2em;padding: 0.5em;}
	a.github-link:before {font-family: FontAwesome;content:"\f09b";font-size: 1.2em;padding: 0.5em;}
	a.carto-link {text-align: center;margin:0 auto;}
	.carto-link img {max-width: 220px;}
	
  .download-titre {font-weight: bold;margin-left: 1em;color:#009dcc;}
	.download-niv2 {font-weight: bold;margin-left: 1.2em;} .download-niv2 a {padding: 0.5em 0.15em 0.5em 0.15em;}
	/* Images */
	img.logo {max-width: 220px;max-height:90px;}
	img.miniature  {max-width: 250px;max-height: 200px;}
	
	/* Séparateur*/
	.separateur-light {width:80%;height: 0.25em; border-bottom: 1px dotted #3e3e3e;margin:0 auto 1em}
	.separateur-ombre{box-shadow: 0 1em 1em -1em rgba(0, 0, 0, .25);padding-bottom:1em;margin:0.5em auto;max-width: 90%}
	
	/* Bloc listes */
	.liste {
		background: rgba(255,255,255,0.7);
		box-shadow: 2px 3px 5px 0px rgba(156,154,154,0.39);
	  -webkit-box-shadow: 2px 3px 5px 0px rgba(156,154,154,0.39);
		-moz-box-shadow: 2px 3px 5px 0px rgba(156,154,154,0.39);
		margin-bottom: 1em;
	}

	.liste-detail {padding:0.5em}
	.liste-detail div {padding:0.5em;}
	.ld-description h4 {font-size:1.2em;}


	/* Pied de page*/
	.pied {background-color: #fcfbfb !important; background-size: cover;border-top: 5px solid #3a904f;}	
	.pied-logos img {max-height:120px;padding: 1em;max-width: 90%;}
	.pied-mentions a {font-weight: bold;text-decoration: none;font-style: italic;}
	.pied-contact {text-align: right;padding:0.5em;} 
	.pied h5 {font-size: 1em;}
	.pied-contact p {font-size:0.7em;}
	
	/* Accordéon */
	.template_faq {
    background: #edf3fe none repeat scroll 0 0;
	}
	.panel-group {
		background: #fff none repeat scroll 0 0;
		border-radius: 3px;
		box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
		margin-bottom: 0;
		padding: 30px;
	}
	#accordion .panel {
		border: medium none;
		border-radius: 0;
		box-shadow: none;
		margin: 0 0 15px 10px;
	}
	.accordeon  {
		margin: 1em auto;
	}

	.accordeon h2 {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #ddd;
		color: #333;
		display: block;
		font-size: 18px;
		font-weight: 600;
		padding: 12px 20px 12px 50px;
		position: relative;
		transition: all 0.3s ease 0s;
		border-radius: 30px;
		cursor: pointer;
		margin-bottom: 0.5em;
		z-index: 3;
	}	

	.accordeon h2.ui-accordion-header-active {
		background: #3a904f !important;
		border: 1px solid transparent;
		color: #ffff;
	}
	.accordeon  h2:after {
		background: #3a904f;
		border: 1px solid transparent;
		border-radius: 50%;
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
		color: #fff;
		content: "";
		font-family: fontawesome;
		font-size: 25px;
		height: 55px;
		left: -20px;
		line-height: 55px;
		position: absolute;
		text-align: center;
		top: -5px;
		transition: all 0.3s ease 0s;
		width: 55px;
		z-index: 5;
	}
	.accordeon h2.ui-accordion-header-collapsed:after {
		background: #fff none repeat scroll 0 0;
		border: 1px solid #ddd;
		box-shadow: none;
		color: #333;
		content: "ï„…";
	}
	.accordeon div.cat-content {
		margin-left:17px;
		border-top: medium none;
		padding: 20px 25px 10px 9px;
		position: relative;
		border-left: 1px dashed #8c8c8c;
		padding-left: 25px;
		z-index: 0;
		margin-top: -1em;
		margin-right: 23px;
	}

	/* Tabs (page outils) */
	#myTab {margin-top: 2em;border-bottom: 3px solid #3a904f;}
	#myTab .nav-item {border:none;margin:0 !important;padding:0;}
	#myTab button.nav-link {color:#919191 !important;padding:0.8em;border-radius: 0.5em 0.5em 0 0;border: none;}
	#myTab button.nav-link:before {		
		 color:#919191;
			content: "\f105";
			font-family: fontawesome;
			font-size: 25px;
			height: 55px;
		padding:0.5em 0.25em}
	#myTab button.nav-link.active:before {		
		 color:#fff;
			content: "\f107";
	}
	#myTab button.nav-link.active {color:#fff !important;background: #3a904f none repeat scroll 0 0;border: none;}
	
	#myTab button.nav-link:hover{background:rgba(232,136,32,0.4);}
	.tab-pane  {padding-top:1em;}
	
	.btn-default {
    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgb(86, 126, 179) 0%, rgb(18, 33, 67) 100%) repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    box-shadow: 5px 5px 19px 0 rgb(173, 171, 173);
    color: white;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: bold;
    min-width: 180px;
    padding: 10px 15px;
	}
	.btn-default:hover {
		background: #b5c9cd none repeat scroll 0 0;
		box-shadow: 5px 5px 35px 0 rgb(86, 125, 176);
		color: #2d456f;
	}

	.btn-default.modif, .btn-default.delete {font-size: 0.8em;margin-right: 1em;box-shadow: none;}
	.btn-default.modif{background: green;}
	.btn-default.delete{background: red;}
	.txtcenter {text-align:center;}

	.bt-dialog {border:none;padding: 1em;border-radius: 1em; box-shadow: 5px 5px 5px 0 rgba(100, 100, 100,0.5); font-weight: bold;background:#35afc3;color:#fff;font-size:1.2em}
	.bt-dialog:hover, bt-dialog:active, .bt-dialog:hover i {border:none;font-weight: bold;background:#153058;}
	.bt-dialog i {color: #ffffff;margin:0.5em}

	.page-footer * { color:#fff;font-size: 0.96em;}
	.contact {height: 148px;text-align: center;margin: 1em auto 1em;}
	.logos img {max-width: 200px;;margin: 1em;max-height: 120px;}
	.logos-blanc {background: #fff; padding: 1em; border-radius: 0.5em;max-width: 220px}
	
	.ressources {margin:1em; border-top:2px solid #36afc3;}
	.ressources h3 {color:#2d456f;font-size: 1.2em;font-weight: bold;padding:0.2em 1em;}
	.ressources p {margin: 0em 1.5em 1em;font-size: 0.9em}
	.ressources a {font-weight:bold;}
	
	
	/* Fenêtres modales */
	.modal-footer > button {color:#fff;background:#36afc3;font-weight:bold;} 
	.modal-footer > button:hover {background:#153058;color:#fff;} 
	.modal-header > h5 {
    text-align: center;
    font-size: 1.6em;
    color:#2d456f;
}
	/* Portail logiciel */
	.portail-logiciels button {width: 180px !important;display:block;height: 140px;}
	
	/* Icones custom */
	.icon {height: 20px; width: 20px; display: block;}
	.icon.tn {background: url('/graphisme/icones/tn-icone.png');
		width: 40px;
		background-size: contain;
		background-repeat: no-repeat;
		margin: 0 auto;
	height: 30px;}