:root {
  --orangeSirene:  #CC4D00;  
  --bleuHypertexte: #005580;
}
body {
	font-size: 12px;
	font-family: Helvetica, sans-serif;
	min-height: 100vh;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

main {
	height: 100%;
	flex: 1;
}

.labelLocalisations{
	font-weight: bold	
	
}



.mapResultDisplay {
	visibility: hidden;
}

.logoBig {
	font-size: 26px;
}

.fontBlack {
	color: black;
}

.noDisplay {
	display: none;
}

.logoShort {
	font-size: 16px
}

.font14 {
	font-size: 14px
}

.font10 {
	font-size: 10px
}

.centerText {
	text-align: center
}

.leftText {
	text-align: center
}

aside {
	height: 100%
}

#miniMenu {
	margin-left: 9rem;
	margin-right: 7rem;
}

#choixLangue {
	display: flex;
	flex-direction: row;
	list-style: none;
	color: #575757;
}

#choixLangue li:first-child::after {
	content: "|";
	margin-left: 0.2rem;
	margin-right: 0.2rem;
}

.ligneSup {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

#offset1 {
	display: flex;
	flex-direction: row;
	width: 80%;
}

#slogan {
	color: black;
	font-weight: 550;
	width: 40vw;
	line-height: 1.1;
	font-size: 0.85rem;
}

#messageAccueil {
	border: 3px solid #395A8C;
	background-color: #f3f3f3;
}

#paragrapheDocumentation {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

#ligneNavigation, #zoneCentrale {
	font-size: 100%;
}

#zoneCentrale {
	height: 100%;
}

#zoneCentraleErreur{
	margin-bottom:30%;
	
	
}

#zoneCentraleErreur{
	height:100%;
	display: flex;
	flex-direction:row;
	align-items: flex-start;
}



/* Boites de message */
.alert {
	padding: 8px 14px;
}

.alert-danger, .alert-error {
	color: #A30000;
}

.alert-info {
	color: #1D4456;
}

.alert-success {
	color: #2C572D;
}

.alert .message ul.errorMessage {
	margin: 0;
	padding: 0;
	list-style: none;
}

.alert .message p {
	margin: 0;
}

.main-label {
	font-weight: bold;
}

/*** Bandeau supérieur ***/

/** Ligne supérieure **/
#ligneSuperieure {
	background-color: #E7E7E7;
	color: #404040;
	padding-top: 10px;
	font-size: 90%;
}

#ligneSuperieure a {
	color: #404040;
}

/* Zone d'identification */
#zoneIdentification {
	text-align: right;
	color: #404040;
}

#id-link {
	padding-right: 20px;
}

/** Bandeau identitaire **/
.bandeauIdentitaire {
	padding-top: 0.7em;
	padding-bottom: 0.5em;
}

#buttonList .btn-big {
	outline: 3px solid #24373F;
	margin-right:1em;
}

.bandeauIdentitaire h1, .bandeauIdentitaire h1 a, .bandeauIdentitaire h1 a:hover,
	.bandeauIdentitaire span {
	font-weight: bold;
	line-height: normal;
	padding: 0;
	text-decoration: none;
}

#bandeauIdentitaireGauche h1, #bandeauIdentitaireGauche h1 a,
	#bandeauIdentitaireGauche h1 a:hover, #bandeauIdentitaireGauche span {
	color: #404040;
	font-weight: bold;
	line-height: normal;
	padding: 0;
	text-decoration: none;
	font-size: 14px;
}

.bandeauIdentitaire span {
	margin: 0 0 0 1.8em;
	min-width: 55%;
}

.bandeauIdentitaire h1 {
	margin: 0;
	display: inline;
	color: #404040;
	font-size: 115%;
}

.bandeauIdentitaire img {
	width: 60%;
	margin-left: 15vw;
}

.bandeauIdentitaire a:focus img, .bandeauIdentitaire a:focus span {
	border: dotted #333333 thin;
}

#bandeauIdentitaireDroit {
	float: right;
	width: 25%;
}

#bandeauIdentitaireDroit p {
	font-weight: bold;
}

#bandeauIdentitaireDroit img {
	float: left;
	margin-right: 10px;
	line-height: 0px;
}

/** Ligne de navigation **/
.nav>li>a>img {
	max-width: 100%;
	padding: 0.5em 0;
}
/* Menu principal */

/* Barre de menu bleue et carré */
#ligneMenu {
	background-color: #395A8C;
	border: none;
	margin-bottom: 10px;
	height: 100%;
	/*	-moz-box-sizing: border-box;
	/*float:left;*/
}

#ligneNavigation {
	margin-bottom: 0;
}

.nav {
	background-color: #395A8C;
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: no wrap;
	border: none;
	height: 100%;
}

.navbar .container {
	background-color: #395A8C;
	border: none;
}

.navbar-inner {
	background-color: #395A8C;
	background-image: none;
	background-repeat: no-repeat;
	border: none;
	box-shadow: 0 0 0 0;
	border-radius: 0 0 0 0;
	padding-left: 0px;
	padding-right: 0px;
}

.navbar .nav>li {
	border: none;
}




.navbar .nav>li.dropdown {
	width: 130px;
	text-align: center;
}


.navbar .nav>li:nth-child(2) {
	width: 20%;
}
.navbar .nav li.dropdown:hover>ul.dropdown-menu, .navbar .nav li.dropdown.open>ul.dropdown-menu
	{
	display: block;
}

.navbar .nav>li>a {
	background-color: #395A8C;
	color: white;
	text-shadow: none;
	margin: 0 0 0 0;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 10px;
	height: 40px;
	line-height: 300%;
}

.navbar .nav>li>a.brand {
	width: 30px;
	text-align: center;
	vertical-align: middle;
	display: flex;
	align-items: center;
}

/* Menu actifs et inactifs */
.navbar .nav>li.active-tab>a {
	background-color: #FFFFFF;
	color: #395A8C;
	border-top: solid #395A8C 1px;
	border-bottom: solid #395A8C 1px;
}

.navbar .nav>li.inactive-tab>a {
	background-color: #395A8C;
	color: #FFFFFF;
	border-top: solid #395A8C 1px;
	border-bottom: solid #395A8C 1px;
}

/* Mettre en orange le menu survolé ou le menu actif */
.navbar .nav>li>a:hover, .navbar .nav>li>a:focus {
	background-color: var(--orangeSirene);
	color: white;
}

#bandeauSuperieur .navbar a.brand:hover, #bandeauSuperieur .navbar a.brand:focus
	{
	border: none;
}

.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle,
	.navbar .nav li.dropdown.open.active>.dropdown-toggle {
	background-color: var(--orangeSirene);
	color: white;
}

/* Le menu qui se développe en dessous lorsqu'on survol sur un item du menu */
.navbar .nav>li>.dropdown-menu {
	background-clip: padding-box;
	background-color: #FFFFFF;
	border-top: none;
	border-bottom: 1px solid #395A8C;
	border-left: 1px solid #395A8C;
	border-right: 1px solid #395A8C;
	border-radius: 0 0 0 0;
	box-shadow: 0 0 0 0;
	display: none;
	float: left;
	left: 0;
	list-style: none outside none;
	margin: 0 0 0 0;
	min-width: 149px;
	width: 149px;
	padding: 5px 0;
	position: absolute;
	top: 100%;
	z-index: 1000;
}

.navbar .nav>li.dropdown.open>.dropdown-menu {
	display: block;
}

.navbar .nav>li>.dropdown-menu>li {
	text-align: left;
	width: 100%;
	margin-left: 3px;
}

.navbar .nav>li>.dropdown-menu>li>a {
	clear: both;
	color: #404040;
	font-weight: normal;
	line-height: 20px;
	padding: 3px 3px;
	white-space: inherit;
	width: 100%;
}

.navbar .nav>li>.dropdown-menu>li>a:hover, .navbar .nav>li>.dropdown-menu>li>a:focus
	{
	color: #404040;
	text-decoration: underline;
	background: none;
}

/* Les petits triangles orange... */
.navbar .nav>li>.dropdown-menu:after {
	border: none;
	content: "";
	display: inline-block;
	left: 0;
	position: absolute;
	top: 0;
}

.navbar .nav>li>.dropdown-menu:before {
	border-top: 7px solid var(--orangeSirene);
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: none;
	content: "";
	display: inline-block;
	left: 65px;
	position: absolute;
	top: 0;
}

#form-search {
	margin: 0;
	padding-top: 7px;
}

#form-search .input-append {
	width: 100%;
}

#form-search .btn {
	min-width: 0; /*pour surcharger le min-width des btn par défaut*/
}

#form-search .btn img {
	padding: 3px 0;
	width: auto;
}

#rechercheSite {
	width: 80%;
	max-width: 280px;
}

/* Recherche Google (faire disparaitre la boite de recherche par défaut) */
#rechercheGoogleCachee .cse .gsc-control-cse, #rechercheGoogleCachee .gsc-control-cse
	{
	padding: 0;
	border: none;
	background-color: inherit;
	font-size: inherit;
}

#rechercheGoogleCachee .gsc-search-box, #rechercheGoogleCachee .gsc-above-wrapper-area,
	#rechercheGoogleCachee .gcsc-branding {
	display: none;
}

#rechercheGoogleCachee .gsc-thumbnail-inside, #rechercheGoogleCachee .gsc-url-top
	{
	padding-left: 0px;
}
/*** Colonne de droite ***/
#context-fraude img {
	float: left;
	margin-right: 10px;
	width: 15%;
}

#colonneDroite {
	border-left: 2px solid #dddddd;
	border-radius: 8px;
	padding-left: 10px;
}

#colonneDroite p {
	color: #505050;
}
/*Navigation avec les pictogrammes*/
#colonneDroite p.menuNavigation {
	clear: both;
	text-align: center;
}

/*** Contenu central ***/
/* Sert à masquer le texte des liens des boutons du carroussel */
.texteCache {
	opacity: 0;
}

/*#colonneDroite div.h2 {*/
/*	font-weight: bold;*/
/*	font-size: 140%;*/
/*	color: var(--orangeSirene);*/
/*	line-height: normal;*/
/*	margin-bottom: 10px;*/
/*	clear: both;*/
/*	margin-top: 8%;*/
/*	utile pour remettre les éléments dans le flux après le positionnement du menu de navigation*/
/*}*/
.h2 {
	font-weight: bold;
	font-size: 140%;
	color: var(--orangeSirene);
	line-height: normal;
	margin-bottom: 10px;
	clear: both;
	margin-top: 8%;
}

h3.topTitle {
	font-weight: bold;
	font-size: 140%;
	color: var(--orangeSirene);
	line-height: normal;
	margin-bottom: 10px;
	clear: both;
	margin-top: 8%;
}

#colonneDroite table td {
	width: 102px;
	overflow: hidden;
}

#colonneDroite .label-picto a {
	font-size: 90%;
	color: var(--bleuHypertexte);
}

#colonneDroite ul {
	margin: 0;
}

#colonneDroite li {
	list-style-type: none;
	display: inline;
	text-align: center;
}

#colonneDroite #context-file, #colonneDroite #context-quote,
	#colonneDroite #context-declare {
	margin-bottom: 20px;
}

#context-declare {
	display: flex;
	flex-direction: column;
	height: 35vh;
}

.titreInterface {
	height: 5vh;
}

#titleDeclare {
	font-weight: bold;
	font-size: 140%;
	color: var(--orangeSirene);
	border-bottom: thin dotted;
	line-height: normal;
	margin-bottom: 10px;
	clear: both;
	margin-top: 8%;
}

.subTitle {
	font-family: Open Sans;
	margin-bottom: 10px;
}

#interfaceLiensHT {
	display: grid;
	height: 24vh;
	width: 100%;
	gap: 0.5vw;
	grid-template-columns: 9vw 9vw;
}

.interfaceLiensHTButton {
	white-space: nowrap;
	height: 7vh;
	color: #fff;
	padding-left: 4%;
	padding-right: 2%;
	font-weight: 900;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	outline: none;
	overflow: hidden;
	border-radius: 3px;
	border: none;
	background-color: #395A8C;
	align-items: center;
	text-align: left;
	display: grid;
	grid-template-columns: 85% 15%;
}

.interfaceLiensHTButton:hover {
	color: white;
	text-decoration: none;
	background-color: var(--orangeSirene);
}

.interfaceLiensHTButton:visited {
	color: white;
	text-decoration: none;
}

.buttonUppercase {
	text-transform: uppercase;
	font-size: 0.60vw;
	white-space: nowrap;
	font-family: Open Sans;
}

.buttonSmallCase {
	font-size: 0.50vw;
	white-space: nowrap;
	font-family: Open Sans;
	font-weight: 300;
}

.button1Text {
	display: flex;
	flex-direction: column;
}

.chev {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.buttonChevron {
	font-size: large;
	color: #ffc400;
	text-align: center;
	vertical-align: middle;
	padding-left: 5%;
	font-weight: 300;
}

.interfaceLiensHTButton:hover .buttonChevron {
	color: white;
}

#colonneDroite .right-align {
	text-align: right;
}

/* espace signature*/
#espaceSignature {
	background-color: #F0F0F0;
	min-width: 200px;
	padding: 0;
	overflow: auto;
}

#espaceSignature a {
	display: block;
	font-size: 20px;
	color: #505050;
}

#espaceSignature img {
	float: left;
	margin-top: 17px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 60px;
	height: auto;
}

#espaceSignature span {
	display: block;
	padding-top: 17px;
}

#espaceSignature .signature:hover {
	text-decoration: none;
}

/*** Pied de page ***/
#piedPage {
	color: #404040;
	font-size: 90%;
	background-color: #E7E7E7;
	margin-top: 10px;
	padding-top: 5px;
	text-align: center;
}

#piedPage li {
	display: inline;
	list-style: none;
}

#piedPage li:before {
	content: " | ";
}

#piedPage li:first-child:before {
	content: "";
}

#piedPage a {
	color: #404040;
	font-size: 12px;
}

#piedPage a:hover {
	text-decoration: underline;
}

#infosImpression {
	display: none;
}
/*** Zone centrale ***/
/** Fil d'Ariane **/
ol.ariane, .ariane li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: inline;
}

.ariane a {
	font-size: 12px;
	color: #404040;
}

.ariane a:hover {
	text-decoration: underline;
}

.ariane-current {
	font-size: 12px;
	font-weight: bold;
	color: #404040;
}

.ariane li:before {
	content: "> ";
}

/** Contenu principal **/
h1, h2, h3, h4 {
	line-height: normal;
}

#blocPrincipal h1, #blocPrincipal h2.home {
	font-weight: bold;
	font-size: 170%;
	color: var(--orangeSirene);
	border-bottom: thin dotted;
	line-height: 30px;
	margin-bottom: 20px;
	clear: both;
}

#blocPrincipal h2, #blocPrincipal h3.caracteristiques {
	font-size: 140%;
	color: #505050;
	margin-top: 25px;
	margin-bottom: 8px;
}

#blocPrincipal .caracteristiques .libelle {
	color: #395A8C;
	font-weight: bold;
}

#blocPrincipal h2 a {
	color: #505050;
}

#blocPrincipal h3, #blocPrincipal .tab-content h4, #blocPrincipal h4.caracteristiques
	{
	font-size: 120%;
	color: var(--orangeSirene);
	margin-top: 20px;
	margin-bottom: 5px;
}

#blocPrincipal h3 a, #blocPrincipal .tab-content h4 a {
	color: var(--orangeSirene);
}

.cache {
	display: none !important;
}

.active {
	display: block !important;
}

.pagination ul li.active {
	display: inline !important;
}

.pagination {
	text-align: center;
}

#blocPrincipal h4, #blocPrincipal .h4, #blocPrincipal h5.caracteristiques
	{
	font-weight: bold;
	font-size: 115%;
	color: #505050;
	margin-top: 15px;
	margin-bottom: 3px;
}

#blocPrincipal .nontitre {
	font-weight: normal;
}

#blocPrincipal h5.caracteristiques {
	margin-top: 5px;
}

#blocPrincipal h4 a {
	color: #505050;
}

#rechercheEntreprise {
	font-size: 140%;
	color: #505050;
	margin-top: 25px;
	margin-bottom: 8px;
	line-height: normal;
	font-family: inherit;
	text-rendering: optimizelegibility;
}

/* les liens*/
a {
	color: var(--bleuHypertexte);
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	cursor: pointer;
}

.main-link, .back-link, .next-link, .main-button {
	margin-top: 10px;
	text-align: right;
}

.main-link a, .back-link a, .prev-link a, .next-link a {
	font-style: normal;
	font-size: 100%;
	color: var(--bleuHypertexte);
}

.prev-link a {
	float: left;
}

.next-link a {
	float: right;
}

.main-link a:hover, .back-link a:hover, .prev-link a:hover, .next-link a:hover
	{
	text-decoration: underline;
}

.main-link a:before {
	content: "\2192\0020"; /* Flèche vers la droite suivie d'un espace */
}

/*
.back-link a:before{
	content: "\2191\0020";
}
*/
.back-link a:before {
	content: url("../img/arrow-top.png");
}

.prev-link a:before {
	content: "\2190\0020"; /* Flèche vers la gauche suivie d'un espace */
}

.next-link a:after {
	content: "\0020\2192";
	/* Flèche vers la droite précédée d'un espace */
}
/* Formats et icones associées */
a.pdf:before {
	content: url("../img/icon-ext-pdf.png") " ";
}

a.doc:before {
	content: url("../img/icon-ext-doc.png") " ";
}

a.xls:before {
	content: url("../img/icon-ext-xls.png") " ";
}

a.ppt:before {
	content: url("../img/icon-ext-ppt.png") " ";
}

a.xml:before {
	content: url("../img/icon-ext-xml.png") " ";
}

a.txt:before {
	content: url("../img/icon-ext-txt.png") " ";
}

a.zip:before {
	content: url("../img/icon-ext-zip.png") " ";
}

a.external-link:before, a.lien-externe:before {
	content: url("../img/icon-external-link.png") " ";
}

#blocPrincipal ul.list, #blocPrincipal ul.list li {
	list-style-type: square;
}

#blocPrincipal ul.list-no-style, #blocPrincipal ul.list-no-style li {
	list-style-type: none;
	margin-left: 0;
}

.central-body {
	clear: both;
}

/* Onglets */
#blocPrincipal .tab-content legend {
	/*	color: white;
	margin-top:-4em;*/
	display: none;
}

#blocPrincipal .tab-content .main-button {
	margin-bottom: 15px;
}

#blocPrincipal ul.nav-tabs, #blocPrincipal ul.nav-tabs li {
	list-style-type: none;
}

#blocPrincipal ul.nav-tabs {
	margin: 0;
	/*	padding-bottom: 7px;*/
	heigth: 100%;
}

#blocPrincipal ul.nav-tabs li {
	heigth: 100%;
	line-height: 2.5em;
}
/* tarifs ponctuels */
ul#tabs-tarifs.nav-tabs {
	margin-top: 1em;
}

#blocPrincipal div.tab-pane.active {
	border: solid #DDDDDD 1px;
	border-top: none;
	border-radius: 0px 0px 5px 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 0px;
}

#blocPrincipal ul.nav-tabs li #lien-siren-siret {
	background-color: #007FFF;
	color: #FFFFFF;
}

#blocPrincipal ul.nav-tabs li.active #lien-siren-siret {
	background-color: white;
	color: #395A8C;
}

#blocPrincipal ul.nav-tabs li a {
	background-color: #395A8C;
	color: white;
}

#blocPrincipal ul.nav-tabs li.error a {
	background-color: #b94a48;
	color: white;
}

#blocPrincipal ul.nav-tabs li a:hover {
	text-decoration: none;
}

#blocPrincipal ul.nav-tabs li.active a {
	background-color: white;
	color: #395A8C;
}

#blocPrincipal ul.nav-tabs li.active.error a {
	background-color: white;
	color: #b94a48;
}

/* Recherche d'enteprise */
#sirenSiretSearch label, #locationSearch label {
	color: #707070;
	font-weight: bold;
}

#rechercheEntreprise #sirenSiretQuery, #rechercheEntreprise #rsQuery,
	#rechercheEntreprise #adresseQuery, #rechercheEntreprise #communeQuery, #rechercheEntreprise #identifiantQuery
	{
	width: 70%;
	color: #303030;
	border: 1px solid #757575;
}



#excludeClosedCheckbox {
	margin-right: 5px;
	margin-bottom: 5px;
}

#rechercheEntreprise #submitSearch {
	text-align: right;
}

#accordion-etablissements .result-left {
	float: left;
	width: 45%;
}

#accordion-etablissements .result-left div {
	margin-bottom: 0.8em;
}

#accordion-etablissements .result-right {
	float: right;
	width: 45%;
}

#espacePrincipal .dropdown-menu li.active a {
	background-color: #395A8C;
	background-image: none;
	color: white;
	text-decoration: none;
}

#espacePrincipal .dropdown-menu {
	border-color: #cccccc;
}

#identification .dropdown-toggle {
	color: rgb(255, 96, 0);
	font-size: 120%;
}

#identification .dropdown-menu {
	background-color: #ffffff;
	border-color: #395A8C;
}

#identification .dropdown-menu li a {
	background-color: #ffffff;
	background-image: none;
	color: #395A8C;
	text-decoration: none;
}

#identification .dropdown-menu li a:hover {
	text-decoration: underline;
}

#rechercheEntreprise .typeahead {
	border-radius: 0 0 4px 4px;
	border-top: none;
	margin-top: 0;
	margin-bottom: 0;
}

#homeDownload img {
	width: 20%;
	height: 20%;
}

/* Carousel */
.carousel-indicators li {
	text-indent: -9999px;
}

#carousel-pause {
	top: auto;
	bottom: 20px;
}

/* #carousel-prev, #carousel-next, #carousel-pause { */
/* 	display: none; */
/* } */
#carousel-pause img {
	width: 60%;
	height: 60%;
	margin-top: 8px;
}

.carousel-control {
	border: solid white 1px;
}

a#carousel-prev, a#carousel-next, a#carousel-prev:hover, a#carousel-next:hover
	{
	text-decoration: none;
	color: white;
}

.carousel-caption {
	top: 0;
	bottom: auto;
}

.carousel-indicators {
	top: auto;
	bottom: 15px;
}

.news-text a {
	color: black;
}

.news-text-image a {
	color: white;
}

.news-text a:hover, .news-text-image a:hover {
	text-decoration: none;
}

/* Actualités */
p.news-date {
	color: gray;
	font-size: 12px;
	margin-bottom: 0;
}

p.news-paragraph {
	margin-bottom: 0;
}

/* Services (étude de marché, etc.) */
img.service {
	width: 15%;
	height: auto;
	float: left;
	margin-right: 30px;
	margin-bottom: 25px;
}

/* tableaux */
table thead th, .table thead th {
	background-color: #395A8C; /*bleu*/
	color: white;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

div.tab-content table thead th {
	background-color: #D6D6D6; /*gris*/
	color: #404040;
}

caption {
	font-weight: bold;
}

table tbody th, .table th {
	font-weight: normal;
}

table .chiffre td {
	text-align: right;
}

.table-hover tbody  tr:hover td, .table-hover tbody  tr:hover th {
	background-color: rgba(255, 96, 0, 0.18);
}
/* Tableaux de la page traitant du contenu de la base Sirene */
#table-database-1, #table-database-2, #table-database-3 {
	table-layout: fixed;
}

#table-database-1 th, #table-database-1 td, #table-database-2 th,
	#table-database-2 td, #table-database-3 th, #table-database-3 td {
	width: 50%;
}
/* Tableaux des rediffuseurs */
/* style adapté à  dataTables */
#blocPrincipal #espacePrincipal .dataTables_paginate {
	margin-top: 10px;
	text-align: center;
	margin-bottom: 20px;
	float: none;
}

/* #blocPrincipal .table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
} */
#blocPrincipal table thead th, .dataTable thead th {
	background-color: #395A8C; /*bleu*/
	color: white;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
}

table.dataTable tr.even td.sorting_1 {
	background-color: #FFFFFF;
}

table.dataTable tr.odd td.sorting_1 {
	background-color: #f9f9f9;
}

#blocPrincipal .dataTable tr:hover td, .table-hover  tr:hover th {
	background-color: rgba(255, 96, 0, 0.18);
}

#blocPrincipal .dataTables_paginate span {
	display: inline-block;
}

#blocPrincipal .dataTables_paginate span a:hover, #blocPrincipal .dataTables_paginate span a:focus,
	#blocPrincipal .dataTables_paginate .paginate_active, .pagination a.paginate_active
	{
	background-color: #F5F5F5;
}

#blocPrincipal .dataTables_paginate a.paginate_active:hover {
	text-decoration: underline;
}

#blocPrincipal .dataTables_paginate span a {
	border-radius: 0 0 0 0;
	background-color: #FFFFFF;
	border-bottom-color: #DDDDDD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color-ltr-source: physical;
	border-left-color-rtl-source: physical;
	border-left-color: #DDDDDD;
	border-left-style-ltr-source: physical;
	border-left-style-rtl-source: physical;
	border-left-style: solid;
	border-left-width-ltr-source: physical;
	border-left-width-rtl-source: physical;
	border-left-width: 1px;
	border-right-width: 0px;
	border-top-color: #DDDDDD;
	border-top-style: solid;
	border-top-width: 1px;
	float: left;
	line-height: 20px;
	padding-bottom: 4px;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 4px;
	text-decoration: none;
	margin-left: 0px;
	margin-right: 0px;
}

#blocPrincipal .dataTables_paginate span a:first-child {
	border-radius: 4px 0 0 4px;
}

#blocPrincipal .dataTables_paginate span a:last-child {
	border-radius: 0 4px 4px 0;
}

#blocPrincipal .dataTables_paginate span a:last-child {
	border-right-color-ltr-source: physical;
	border-right-color-rtl-source: physical;
	border-right-color: #DDDDDD;
	border-right-style-ltr-source: physical;
	border-right-style-rtl-source: physical;
	border-right-style: solid;
	border-right-width-ltr-source: physical;
	border-right-width-rtl-source: physical;
	border-right-width: 1px;
}

.table-bordered thead:first-child tr:first-child>th:first-child,
	.table-bordered tbody:first-child tr:first-child>td:first-child,
	.table-bordered tbody:first-child tr:first-child>th:first-child {
	-moz-border-radius-topleft: 4px;
}

.table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th,
	.table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th,
	.table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td,
	.table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th,
	.table-bordered tbody:first-child tr:first-child td {
	border-top-color: -moz-use-text-color;
	border-top-style: none;
	border-top-width: 0;
}

.table caption+thead tr:first-child th, .table caption+thead tr:first-child td,
	.table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td,
	.table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td
	{
	border-top-color: -moz-use-text-color;
	border-top-style: none;
	border-top-width: 0;
}

table.dataTable thead th:active, table.dataTable thead td:active {
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
}

#blocPrincipal table.dataTable thead th {
	border-bottom-color: white;
	font-weight: normal;
}

#blocPrincipal .dataTables_wrapper .table-bordered {
	border-collapse: collapse;
}

/* redefinition du jquery dataTable */
#blocPrincipal table.dataTable tr.odd, #blocPrincipal table.dataTable tr.odd:hover
	{
	background-color: #F9F9F9;
}

/* Tableaux du compte client */
#blocPrincipal table.flat-table {
	background-color: #F9F9F9;
	border: solid 1px #808080;
	/* il faut enlever le collapse pour que le radius marche */
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 100%;
	text-align: center;
	margin-bottom: 1em;
}

/* Pour que les bordures s'affichent bien dans les arrondis du haut, et au survol (avec firebur!) de partout */
#blocPrincipal table.flat-table thead tr th, #blocPrincipal table.flat-table tfoot
	{
	background-color: #F9F9F9;
	font-weight: bold;
	color: #395a8c;
}

#blocPrincipal table.flat-table thead tr th:first-child {
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius: 10px 0 0 0;
}

#blocPrincipal table.flat-table thead tr th:last-child {
	-moz-border-radius: 0 10px 0 0;
	-webkit-border-radius: 0 10px 0 0;
	border-radius: 0 10px 0 0;
}

#blocPrincipal table.flat-table tr th, #blocPrincipal table.flat-table tr td
	{
	padding: 0.4em;
}

#blocPrincipal table.flat-table tr td:first-child, #blocPrincipal table.flat-table tr th:first-child
	{
	text-align: left;
	padding-left: 1em;
}

#blocPrincipal table.flat-table tr td:last-child, #blocPrincipal table.flat-table tr th:last-child,
	#blocPrincipal table.flat-table tfoot tr td:first-child {
	text-align: right;
	padding-right: 1em;
}

/* Branches variables */
#blocPrincipal ul.tree {
	list-style: none;
	margin: 0;
}

#blocPrincipal li.branch-name {
	line-height: 2em;
}

#blocPrincipal .branch-name>a:before {
	content: url("../img/icon-expand.png") " ";
}

#blocPrincipal .branch-name>a.branch-open:before {
	content: url("../img/icon-collapse.png") " ";
}
/*
on laisse la branche dépliée par défaut et on la cache en javascript
#blocPrincipal .branch {
	display: none;
}*/
/*pour les onglets, on force l'affichage par défaut, idem on cache en jscrpit*/
.tab-content>.tab-pane, .pill-content>.pill-pane {
	display: block;
}
/* Formulaire pour demande de contact et obtenir un devis */
form#formDemandeContact {
	margin-top: 30px;
}

form#formDemandeContact .checkbox {
	margin-top: 20px;
}

form#formDemandeContact .radio {
	margin-left: 15px;
}

#formulaireDevis {
	background-color: #FFFFFF;
	margin-bottom: 10px;
}

#formulaireDevis ul li {
	list-style-type: none;
}

#formulaireDevis legend {
	border-style: none;
}

form textarea {
	width: 98%;
	resize: vertical;
}

label.inactive {
	color: gray;
}

form#formDemandeContact fieldset {
	margin-bottom: 10px;
}

label[for="usage-autre"] {
	float: left;
	margin-right: 10px;
}

form#formDemandeContact input[type="text"] {
	height: 15px;
}

form#formDemandeContact #modalCaptcha input[type="text"] {
	height: 20px;
}

form#formDemandeContact #modalCaptcha button.close {
	font-size: 20px !important;
}
/*
#blocPrincipal form#formDemandeContact div.tab-pane.active {
	padding: 5px 15px 25px;
}
form#formDemandeContact #div-button {
	margin-top: 15px;
	text-align: center;
}*/
form#formDemandeContact select {
	height: 30px;
	width: 80%;
	margin-bottom: 5px;
}

form#formDemandeContact #ctrl-theme {
	margin-bottom: 15px;
}

form#formDemandeContact #ctrl-theme select {
	margin-bottom: 10px;
}

form .label-double-select {
	float: left;
}

form .label-double-select label.control-label {
	line-height: 30px;
	padding-top: 0;
	width: 170px;
}

form#formDemandeContact #usage-autre-texte {
	width: 70%
}

form#formDemandeContact .control-group {
	margin-top: 2px;
	margin-bottom: 2px;
}

#ctrl-question .control-label {
	text-align: left;
	width: 100%;
}

#formDemandeContact .control-group.error span.help-inline {
	display: block;
}
/*form#formDemandeContact #you-civilite-required{
	  margin-left: 55px;
}*/
form span.required {
	color: red;
}

label.inactive span.required {
	display: none;
}

.btn-primary, .btn-primary:focus {
	color: #FFFFFF;
	background-color: #304954;
	/* IE10 Consumer Preview */
	background-image: -ms-linear-gradient(top, #547BB2 0%, #304954 100%);
	/* Mozilla Firefox */
	background-image: -moz-linear-gradient(top, #547BB2 0%, #304954 100%);
	/* Opera */
	background-image: -o-linear-gradient(top, #547BB2 0%, #304954 100%);
	/* Webkit (Safari/Chrome 10) */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #547BB2),
		color-stop(1, #304954));
	/* Webkit (Chrome 11+) */
	background-image: -webkit-linear-gradient(top, #547BB2 0%, #304954 100%);
	/* W3C Markup, IE10 Release Preview */
	background-image: linear-gradient(to bottom, #547BB2 0%, #304954 100%);
}

.btn-primary:hover, .btn-primary:active {
	background-color: #304954;
}

.btn-primary:focus {
	border: dotted thin;
}

.btn {
	min-width: 100px;
	max-width: 100px;
	margin-bottom: 4px;
	font-weight: normal;
}

#buttonAppelDialog {
	max-width: 300px;
}

.btn-big {
	min-width: 180px;
	max-width: 180px;
}

.btn-flashy {
	min-width: 100%;
	min-height: 70px;
	font-size: 20px;
	color: orange;
	font-weight: bold;
}
/* le padding d'un lien et d'un bouton ne sont pas pris en compte pareil par les naviagteurs : pour rétablir :*/
a.btn {
	padding: 4px 0;
	box-sizing: content-box;
}

p.small-paragraph {
	line-height: 10px;
}

/* Captcha */
#captcha-block, #recherche-captcha-block {
	border: solid #dfdfdf 1px;
	text-align: center;
}

/* popover de bootstrap */
.popover {
	font-size: 90%;
	font-weight: normal;
}

#rechercheEntreprise .popover {
	font-size: 64%;
}

.popover-content .close {
	position: relative;
	top: -5px;
	right: -5px
}

#infosImpression {
	display: none;
}

/*Liste des variables */
.branch li, .intro-variables li {
	line-height: 23px;
}

.intro-variables li {
	list-style: square;
}

.branch li {
	list-style: none;
}

#accordion-etablissements .accordion-inner label, #accordion-siege .accordion-inner label
	{
	display: inline;
	color: #395A8C;
	cursor: text;
}

#accordion-siege .echo-siren, #accordion-etablissements .echo-siret {
	float: right;
	color: #395A8C;
	font-weight: bold;
}

#accordion-etablissements .echo-type {
	display: inline-block;
	width: 35%;
	vertical-align: top;
	color: #395A8C;
	font-weight: bold;
}

#accordion-etablissements .echo-middle {
	display: inline-block;
	width: 30%;
	text-align: center;
	color: #395A8C;
	font-weight: bold;
}

.echo-type-blue {
	color: #395A8C;
}

#accordion-etablissements .echo-siret {
	font-weight: bold;
	float: right;
	width: 30%;
	text-align: right;
	color: #395A8C;
}

#accordion-siege .accordion-heading a, #accordion-siege .accordion-heading a:hover
	{
	color: white;
	font-weight: bold;
	text-decoration: none;
}

#accordion-siege .accordion-heading {
	background-color: #395A8C;
	background-color: rgba(57, 90, 140, 0.8);
	border-radius: 4px 4px 0px 0px;
}

#accordion-etablissements .accordion-heading a,
	#accordion-etablissements .accordion-heading a:hover {
	color: #395A8C; /*var(--orangeSirene);
	//color: rgba(255, 96, 0, 0.9);*/
	font-weight: bold;
	text-decoration: none;
}

#link-obtenir-devis, #link-avisitu {
	display: none;
}

form#login-form {
	margin: 0;
}

form#login-form input[type="text"], form#login-form input[type="password"]
	{
	margin-right: 15px;
}

form#login-form .control-group {
	margin-bottom: 10px;
}

/* Recevoir les identifiants */
#send-id-form li {
	list-style-type: none;
	text-indent: -2em;
}

#send-id-form input[type=checkbox] {
	margin-bottom: 5px;
}

#send-id-form label {
	display: inline;
}

#send-id-form li {
	margin-bottom: 10px;
}

#send-id-form.form-horizontal .control-group:before, #send-id-form.form-horizontal .control-group:after
	{
	display: inline;
	margin-left: 25px;
}

#send-id-form.form-horizontal .help-inline {
	padding-bottom: 1px;
}

#send-id-form #ctrl-email.control-group .control-label {
	width: auto;
}

#send-id-form #ctrl-email.control-group #email {
	margin-right: 15px;
}

#send-id-form #ctrl-email.control-group .controls {
	margin-left: 0;
}

#send-id-form.form-horizontal #ctrl-email.control-group:before,
	#send-id-form.form-horizontal #ctrl-email.control-group:after {
	display: inline;
	margin-left: 5px;
}

/* Mon compte */
#blocPrincipal #mon-compte li {
	margin-top: 10px;
}

/* Formulaire inscription et de facturation */
#fieldset-inscription, #form-paiement, #form-facturation,
	#form-edition-informations-personnelles, #informations-personnelles,
	#fieldset-you, #fieldset-demande, #blocPrincipal .flat-bloc,
	.fichier-header {
	border-radius: 10px 10px 10px 10px;
	border: solid #808080 1px;
	background-color: #f7f7f7;
	padding: 10px 10px 10px 10px;
}

#fieldset-inscription .control-group, #form-paiement .control-group,
	#form-facturation .control-group, #form-informations-personnelles .control-group,
	#informations-personnelles .control-group, #blocPrincipal .flat-bloc .control-group
	{
	margin-top: 2px;
	margin-bottom: 2px;
}

#fieldset-inscription #div-button, #form-paiement #div-button,
	#form-facturation #div-button
#form-informations-personnelles #div-button {
	margin-top: 15px;
	text-align: center;
}

#fieldset-inscription input[type="text"], #form-paiement input[type="text"],
	#form-facturation input[type="text"], #form-informations-personnelles input[type="text"]
	{
	height: 15px;
	width: 80%;
}

#fieldset-inscription .radio, #form-paiement .radio, #form-facturation .radio
	{
	margin-right: 15px;
}

#fieldset-inscription .control-label, #form-paiement .control-label,
	#form-facturation .control-label
#form-informations-personnelles .control-label {
	width: 230px;
}

#fieldset-inscription .controls, #form-paiement .controls,
	#form-facturation .controls
#form-informations-personnelles .controls {
	margin-left: 250px;
}

#fieldset-inscription #captcha-inscription #img-captcha-inscription {
	border: solid #ccc 1px;
}

#fieldset-inscription #captcha-inscription .input-prepend {
	margin-top: 35px;
}

#fieldset-inscription #captcha-inscription #captchaResponse {
	height: 20px;
}

#blocPrincipal #form-receive-id {
	margin-top: 5px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0 0 0 0;
	text-align: center;
}

/* Fichier en ligne */
#form-file div.title-help>h3 {
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 10px;
}

#form-file label {
	margin-right: 15px;
}

#form-file input[type="radio"] {
	margin: 0;
	margin-right: 5px;
}

#form-file .help-variable {
	margin-left: 5px;
	margin-bottom: 6px;
}

#form-file #activite-principale p.help, #form-file #localisation-geographie p.help,
	#form-file #nature-juridique p.help {
	float: right;
}

#form-file .tab-variable {
	list-style-type: none;
	margin-left: 0px;
}

#form-file .tab-variable li {
	display: inline;
}

#form-file .tab-variable li:before {
	content: "|\0020";
	color: var(--bleuHypertexte);
}

#form-file .tab-variable li:first-child:before {
	content: "";
}

#form-file .tab-variable li.help:before {
	content: "";
}

#form-file .tab-variable li a:focus {
	outline: none;
}

#form-file .tab-variable li a.tab-variable-active {
	font-weight: bold;
}

#form-file .content-variable {
	display: none;
}

#form-file .content-variable-active {
	display: block;
}

#tabs-variables .popover {
	color: black;
}

/* select */
select {
	max-width: 100%;
	width: auto;
	min-width: 100%;
}

select.select-inline {
	margin-right: 14px;
	min-width: 180px;
	max-width: 180px;
}
/* Multiselect */
#form-file .ms-container .ms-selectable {
	margin-bottom: 15px;
	width: 45%;
	max-width: 294px;
	min-width: 150px;
}

#form-file .ms-container .ms-selection {
	width: 45%;
	max-width: 294px;
	min-width: 150px;
}

#form-file .ms-container ul {
	width: 100%;
	height: 300px;
}

#form-file .ms-container ul li span {
	font-size: 12px;
}

#form-file .ms-container .selectable-multiselect-header, #form-file .ms-container .selected-multiselect-header
	{
	font-weight: bold;
	margin-bottom: 10px;
}

#form-file .ms-container .selectable-multiselect-footer, #form-file .ms-container .selected-multiselect-footer
	{
	text-align: center;
	margin-top: 10px;
}

#form-file #communes-typeahead {
	width: 280px;
	margin-bottom: 15px;
}

#form-file label[for="communes-typeahead"], #form-file label[for="date-creation-datepicker"],
	#form-file label[for="date-fin-creation-datepicker"] {
	display: block;
}

#form-file .preselect {
	display: block;
	margin-bottom: 15px;
	width: 90%;
}

#form-file #button-submit {
	width: 150px;
	max-width: 150px;
}

.ui-datepicker {
	font-size: 11px;
}

.ui-datepicker select {
	padding: 0;
	border-radius: 0;
	color: black;
	height: auto;
}

table.ui-datepicker-calendar th {
	background-color: white;
	color: black;
}

#form-file #date-creation-datepicker, #form-file #date-fin-creation-datepicker
	{
	width: 100px;
	margin-bottom: 15px;
}

#form-file-buttons {
	text-align: right;
	margin-top: 15px;
}

#form-file #communes-fichier {
	display: none;
}

#form-file #save-file-block {
	margin-top: 10px;
}

.upload-block {
	margin-bottom: 15px;
}

.exemple-upload-txt ul {
	list-style-type: none;
	margin: 10px;
	padding: 5px 10px 5px 10px;
	background-color: #f5f6ce;
}

.exemple-upload-txt ul li {
	line-height: 15px;
}

.error-message {
	color: #A30000;
	display: none;
}

.info-message {
	display: none;
}

.message-normal {
	color: #333333;
	font-weight: normal;
}

.accordion-recapitulatif .accordion-inner li {
	list-style: none;
}

.accordion-recapitulatif .accordion-inner li.modalite-mere {
	font-weight: bold;
}

/* Fen�tre d'attente lors du calcul du nombre de ligne. */
#modal-nb-lignes, #modal-nb-lignes .modal-body {
	text-align: center;
	font-weight: bold;
	border: none;
}

#modal-nb-lignes {
	top: 30%;
}

#blocPrincipal #criteres-selection {
	margin-bottom: 15px;
}

#blocPrincipal #criteres-selection h3 {
	margin-top: 0px;
}

#blocPrincipal #criteres-selection h4 {
	font-size: 100%;
	margin-top: 5px;
	font-weight: bold;
}

#blocPrincipal #criteres-selection li {
	list-style-type: none;
}

#contact-help-links {
	margin-top: 15px;
}

#form-finalisation-commande p.devis-prix {
	float: left;
}

#form-finalisation-commande p.devis-date {
	text-align: right;
}

/* Formulaire facturation */
#form-finalisation-commande select, #form-paiement select {
	margin-bottom: 5px;
}

#form-finalisation-commande legend, #form-paiement legend,
	#formDemandeContact legend {
	display: none;
}

#form-finalisation-commande fieldset, #form-paiement fieldset {
	margin-bottom: 15px;
	padding: 15px;
}

/* Formulaire de paiement */
#form-paiement input[type=radio] {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 13px;
}

#form-paiement div.mode-paiement {
	clear: both;
	margin-bottom: 20px;
}

#form-paiement .mode-paiement label {
	font-weight: bold;
	font-size: 120% !important;
	color: #395a8c;
	margin-top: 0px;
	margin-right: 3px;
}

#form-paiement img {
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 5px;
}

#form-paiement #image-paybox {
	margin-bottom: 16px;
}

#form-paiement #checkbox-cgv {
	display: inline;
	margin-top: 0;
}

#form-paiement label[for=checkbox-cgv] {
	display: inline;
	margin-bottom: 0;
}

.form-step {
	height: 0;
	display: none;
}

#informations-personnelles label, #blocPrincipal .flat-bloc label {
	font-weight: bold;
	display: inline;
	color: #395A8C;
}

#blocPrincipal .flat-bloc h2 {
	margin-top: 0px;
}

#informations-personnelles #adresse p, #blocPrincipal .flat-bloc #adresse p
	{
	margin-bottom: 0px;
}

#informations-personnelles #adresse, #blocPrincipal .flat-bloc #adresse
	{
	margin-bottom: 10px;
}

#form-informations-personnelles #details-nom,
	#form-informations-personnelles #details-prenom,
	#form-informations-personnelles #details-email {
	font-weight: bold;
	color: #395A8C;
}

#informations-generales-commande-internet,
	#informations-generales-commande-interne {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
}

#informations-generales-commande-internet .flat-bloc,
	#informations-generales-commande-interne .flat-bloc {
	display: table-cell;
}

#collapse-contacts .accordion-inner .flat-bloc {
	float: left;
}

#blocPrincipal .flat-bloc {
	margin-bottom: 5px;
	margin-top: 5px;
	vertical-align: top;
	text-align: left;
	width: 45%;
}

#blocPrincipal .flat-bloc:nth-child(odd) {
	margin-right: 5px;
}

#blocPrincipal .flat-bloc:nth-child(even) {
	margin-left: 5px;
}

#accordion-contacts .accordion-inner {
	text-align: center;
}

#blocPrincipal .flat-bloc p {
	margin-top: 2px;
	margin-bottom: 2px;
}
/* caract�riqtique d'une fichier (page finaluisation commande) */
#blocPrincipal p.caracteristiques {
	margin-bottom: 5px;
}

#blocPrincipal div.caracteristiques {
	margin-bottom: 20px;
}

#blocPrincipal .accordion-heading {
	font-size: 120%;
}

#blocPrincipal .accordion-heading h2 {
	margin: 0;
	color: #395a8c;
	font-size: 100%;
	font-weight: bold;
}

#blocPrincipal .accordion-heading h2 a {
	color: #395a8c;
}

/* Ma licence */
#blocPrincipal  #carac-licence label {
	display: inline;
	color: #395a8c;
	font-weight: bold;
}

#obtenir-devis a {
	float: right;
}

#obtenir-devis a.margin {
	margin-right: 16px;
}

/* Ma commande interne */
#criteres-selection {
	clear: both;
}

#informations-generales-commande-interne .flat-bloc {
	margin-bottom: 15px;
}

/* Ma commande internet */
#informations-generales-commande-internet .flat-bloc {
	margin-bottom: 15px;
}

#fichier-commande-internet {
	clear: both;
}

#fichier-commande-internet .nom-fichier {
	display: block;
	float: left;
}

#fichier-commande-internet .etat-livraison {
	text-align: right;
	display: block;
	float: right;
	margin-top: 8px;
	margin-right: 15px;
}

#fichier-commande-internet .accordion-body {
	clear: both;
}

#informations-generales-commande-internet #adresse-facturation div#adresse p
	{
	margin-left: 0px;
}

#blocPrincipal .accordion-inner .flat-bloc #adresse p {
	margin-left: 0px;
}

#blocPrincipal .accordion-inner #criteres-selection h4 {
	font-size: 115%;
}

#blocPrincipal .accordion-inner #criteres-selection h5 {
	font-size: 100%;
}

#accordion-contacts .flat-bloc {
	min-height: 291px;
	line-height: 15px;
}

#accordion-contacts .flat-bloc>p.typeContact {
	margin-bottom: 10px;
}

#accordion-contacts .accordion-inner {
	padding: 10px 0 10px 10px;
}

#select-geographie-commune-simple {
	width: 100%;
}
/*sur la page dénombrement l'objet map*/
#map {
	min-height: 450px;
	min-width: 355px;
	max-width: 100%;
	margin: 12px;
}

#blocPrincipal #denombrements .h4 {
	margin-top: 0;
}

#blocPrincipal #denombrements #contenu-activite-groupe, #blocPrincipal #denombrements #contenu-activite-sousClasse
	{
	font-family: Helvetica, sans-serif;
	fill: #333;
	fill-opacity: 1;
	font-size: 12px;
	font-weight: bold;
}

/* exemples */
#onglets-exemples .nav.nav-pills.nav-justified {
	background: white;
}

#notfound {
	padding: 5px;
	margin: 5px;
	border: 1px solid #FC3;
	background-color: #FFF4C2;
}

table.tabtexte th.center, table.tabtexte td.center {
	text-align: center;
}

#pageSirene4 {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#cadreTitreSirene4 {
	height: 14vh;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#cadreCalendrierSirene4 {
	height: 50vh;
	width: 100%;
}

#cadreResumeSirene4 {
	width: 100%;
}

#newsSirene4 {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

#titreNews {
	margin-bottom: 3%;
	font-weight: 900;
	align-self: flex-start;
}

.blocNews {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	margin-left: 5%;
}

.ligneTitre {
	margin-top: 2%;
}

.enTeteNews {
	font-weight: 900;
}

.notesBasDePage {
	color: var(--orangeSirene);
	font-size: x-small;
}

#titreSirene4 {
	background-color: var(--orangeSirene);
	width: 30%;
	height: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	font-weight: bold;
	font-size: large;
}

#blocCalendrier {
	display: inline-block;
	overflow-x: scroll;
	white-space: nowrap;
	height: 80%
}

.essDesign {
	display: flexbox;
	direction: row;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.checkboxListe {
	display: flex;
	direction: row;
	justify-content: flex-start;
	align-items: baseline;
}

.aCheckBox {
	display: flex;
	align-items: center;
}

.aCheckBox input[type="checkbox"] {
	margin-right: 10px;
}

.aCheckBox label {
	margin-top: 12px;
}

.messageAlerteDiff {
	border: 3px solid #395A8C;
	background-color: #f3f3f3;
}

.diffLimit {
	color: #A30000;
	font-weight: bold;
	font-style: italic;
}

.cadreInfoDiffPartielle {
	background-color: #F6E6E6;
	padding: 10px;
}

.cadreInfoDiffpart1 {
	color: #395A8C;
	font-weight: bold;
}

.blocTextCalendrierSirene4 {
	width: 100%;
	height: 40%;
}

.calSirene {
	display: block;
	margin: auto;
	width: 100%;
}

.sousBlocTextCalendrierSirene4 {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-bottom: 20px
}

::selection {
	background: rgba(23, 162, 184, 0.3);
}

.wrapperSirene4 {
	width: 100%;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	background: #fff;
}

.wrapperSirene4 nav {
	position: relative;
	width: 100%;
	height: 50px;
	display: flex;
	flex-direction: row;
	align-items: center;
	border-bottom: 2px solid #395A8C;
	justify-content: space-between;
	gap: 2px;
}

.wrapperSirene4 nav label {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 0;
	color: #fff;
	font-size: 12px;
	transition: all 0.3s ease;
	background-color: #395a8c;
}

.wrapperSirene4 nav label:hover {
	background: var(--orangeSirene);
	color: white;
}

#onglet1:checked ~ nav label.onglet1, #onglet2:checked ~ nav label.onglet2,
	#onglet3:checked ~ nav label.onglet3, #onglet4:checked ~ nav label.onglet4, #onglet5:checked ~ nav label.onglet5
	{
	color: #fff;
	background-color: var(--orangeSirene);
	z-index: 2
}

section .content {
	display: none;
	background: #fff;
}

#onglet1:checked ~ section .content-1, #onglet2:checked ~ section .content-2,
	#onglet3:checked ~ section .content-3, #onglet4:checked ~ section .content-4, #onglet5:checked ~ section .content-5
	{
	display: block;
}

section .content .title {
	font-size: 21px;
	font-weight: 500;
	margin: 30px 0 10px 0;
}

section .content p {
	text-align: justify;
}

.textButtonSiren4 {
	display: flex;
	flex-direction: column;
	color: white;
	justify-content: center;
	height: 100%
}

#textButtonSiren42 {
	line-height: 50px;
}

#textButtonSiren43 {
	line-height: 50px;
}

.textButtonSiren45 {
	display: flex;
	flex-direction: column;
	color: white;
	justify-content: center;
	height: 100%
}

.subLine2 {
	line-height: 14px;
}

.subLine3 {
	line-height: 13px;
}

.interstice {
	height: 30px;
}

#foronglet5 {
	background: #F4F4F4;
}

#foronglet6 {
	background: #F4F4F4;
}

.cadreInfoDiffpart2 {
	color: #395A8C;
}

.cadreInfoDiffpart3 {
	color: #A30000;
	font-weight: bold;
	font-style: italic;
}

.cadreInfoDiffpart4 {
	color: #A30000;
}

/* .carousel */
img.reload {
	padding: 0.25em;
	display: block-inline;
	position: relative;
	top: 6px;
	height: 0.9em;
}

.carousel {
	background-color: #eee;
	max-width: 900px;
	height: 32vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.carousel .carousel-inner {
	position: relative;
}

.carousel .carousel-items {
	padding: 5px;
}

.carousel .carousel-items.focus {
	padding: 2px;
	border: solid 3px #005a9c;
}

.carousel .carousel-item {
	display: none;
	max-height: 30vh;
	max-width: 900px;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 30vh;

}

.carousel .carousel-item.active {
	display: block;
}

/* More like bootstrap, less accessible */
.carousel .carousel-item .carousel-image a img {
	height: 30vh;
	width: 100%;
	overflow: hidden; /* masque les parties de l'image qui débordent */
  display: flex;
  justify-content: center;
  align-items: center;
}

.carousel .carousel-item .carousel-caption a {
	cursor: pointer;
	color: #fff;
	font-weight: 600;
}

.carousel .carousel-item .carousel-caption a, .carousel .carousel-item .carousel-caption span.contrast
	{
	display: inline-block;
	height:95%;
	margin: 0;
	line-height: 1.5em;
	background-color: rgb(0 0 0/ 65%);
	border: 0 solid transparent;
	max-width: 95%;
	color: white;
}

.carousel-moreaccessible .carousel-items .carousel-image a {
	display: block;
	margin: 0;
	padding: 5px;
	text-decoration: none;
	border: none;
	word-wrap: break-word;
	height: 30vh;
}

.sliderImg {
	width: 100%; /* s'adapte à la hauteur du conteneur tout en maintenant les proportions */
  height: 100%; /* hauteur fixe pour s'adapter à celle du conteneur */
  object-fit: fill;
}

.carousel-moreaccessible .carousel-item .carousel-caption a {
	display: inline-block;
	margin: 0;
	
	color: black;
	background-color: transparent;
	border: none;
	height: 30vh;
}

.carousel-moreaccessible .carousel-item .carousel-caption span.contrast,
	.carousel-moreaccessible .carousel-item .carousel-caption span.contrast:hover
	{
	background-color: transparent;
}

.carousel .carousel-item .carousel-caption a:hover, .carousel .carousel-item .carousel-caption span.contrast:hover
	{
	background-color: rgb(0 0 0/ 100%);
}

.carousel .carousel-item .carousel-caption a:focus {
	padding: 4px;
	border: 2px solid #fff;
	background-color: rgb(0 0 0/ 100%);
	outline: none;
	border-width: 2px solid #fff;
	color: #fff;
}

.carousel .carousel-item .carousel-caption p {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 0;
	display: inline;
	max-width: 100%;
	word-wrap: break-word;
}

.carousel .carousel-item .carousel-caption {
	position: absolute;
	height: 20%;
	max-height: 25%;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
}

/* Shared CSS for Pause, Previous and Next Buttons */
.carousel .controls {
	box-sizing: border-box;
	position: absolute;
	bottom: 15%;
	z-index: 10;
	display: flex;
	width: 100%;
	padding: 0.25em 1.25em 0;
}

.carousel .controls button {
	position: absolute;
	z-index: 10;
	flex: 0 0 auto;
	margin: 0;
	padding: 0;
	border: none;
	background: transparent;
	outline: none;
}

.carousel .controls button.previousArrow {
	right: 70px;
}

.carousel .controls button.nextArrow {
	right: 18px;
}

/* SVG Controls */
.carousel .controls svg .background {
	stroke: black;
	fill: black;
	stroke-width: 1px;
	opacity: 0.6;
}

.carousel .controls svg .border {
	fill: transparent;
	stroke: transparent;
	stroke-width: 2px;
}

.carousel .controls svg .pause {
	stroke-width: 4;
	fill: transparent;
	stroke: transparent;
}

.carousel .controls svg .play {
	stroke-width: 1;
	fill: transparent;
	stroke: transparent;
}

.carousel .controls .pause svg .pause {
	fill: white;
	stroke: white;
}

.carousel .controls .play svg .play {
	fill: white;
	stroke: white;
}

.carousel .controls svg polygon {
	fill: white;
	stroke: white;
}

.carousel .controls button:focus svg .background, .carousel .controls button:hover svg .background,
	.carousel .controls button:hover svg .border {
	fill: #005a9c;
	stroke: #005a9c;
	opacity: 1;
}

.carousel .controls button:focus svg .border {
	stroke: white;
}

/* More accessible carousel styles, with caption and controls above/below image */
.carousel-moreaccessible {
	padding: 0;
	margin: 0;
	position: relative;
	border: #eee solid 4px;
}

/* Shared CSS for Pause and Tab Controls */
.carousel-moreaccessible .controls {
	position: relative;
	bottom: 0;
	left: 0;
	padding: 0.25em 0.25em 0;
}

.carousel.carousel-moreaccessible .controls {
	position: static;
	height: 36px;
}

.carousel.carousel-moreaccessible .controls button.previousArrow {
	right: 60px;
}

.carousel.carousel-moreaccessible .controls button.nextArrow {
	right: 6px;
}

.carousel-moreaccessible .carousel-items, .carousel-moreaccessible .carousel-items.focus
	{
	padding: 0;
	border: none;
}

.carousel-moreaccessible .carousel-items.focus .carousel-image a {
	padding: 2px;
	border: 3px solid #005a9c;
	object-fit: scale-down;
}

/* More accessible caption styling */
.carousel-moreaccessible .carousel-item {
	padding: 0;
	margin: 0;
	max-height: none;
}

.carousel-moreaccessible .carousel-item .carousel-caption {
	position: static;
	padding: 0;
	margin: 0;
	height: 60px;
	color: black;
}

.carousel-moreaccessible .carousel-item .carousel-caption p {
	padding: 0;
	margin: 0;
}

.carousel-moreaccessible .carousel-item .carousel-caption h3 {
	font-size: 1.1em;
	padding: 0;
	margin: 0;
}

.carousel-moreaccessible .carousel-item .carousel-caption a:hover {
	background-color: rgb(0 0 0/ 20%);
}

.carousel-moreaccessible .carousel-item .carousel-caption a:focus {
	padding: 4px;
	border: 2px solid #005a9c;
	background-color: transparent;
	color: black;
	outline: none;
}

img.reload {
	padding: 0.25em;
	display: block-inline;
	position: relative;
	top: 6px;
	height: 0.9em;
}

.fontBlue{
	color: var(--bleuHypertexte);	
}

.bloc-tuto{
	display:flex;
	flex-direction:column;
	gap: 2vh;
	
	
}

.bloc-video{
	display:flex;
	justify-content: center;

	
	
	
	
}