/* --------------------------------------------------------------

   theme.css
   Theme specifique pour SVPintMex
   2020 - A. ROTEREAU

-------------------------------------------------------------- */

/* ------------------------------------------
/* Habillage des balises HTML
/* ------------------------------------------ */

/* Elements generaux
------------------------------------------ */

body {
	font-family: 'Poppins-Regular' !important;
	line-height: 1.5;
	text-align: justify;
}
h1, h2, h3,
h1.spip, h2.spip, h3.spip {
	font-family: 'Poppins-ExtraBold' !important;
}
ul {
	margin-left: 0px;
}
li {
	list-style-type: none;
}
#btntotaldatadownload {
	margin-bottom: 30px;
}
.formulaire_spip_svpint {
	background-color: #ffffff;
}
.fontusage {
	font-size : 0.8em;
}
.colophon {
	margin-left: 10px;
	margin-right: 10px;
}
.no_H_padding {
	padding-left: 0px;
	padding-right: 0px;
}
.no_Left_padding {
	padding-left: 0px;
}
.no_Right_padding {
	padding-right: 0px;
}
.H_margin_and_padding {
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Menu fixe (ou flottant)
------------------------------------------ */
.menu_fixe {
	position: fixed;
	top: 0;
	width: 100% !important;
	z-index: 9999;
	background: white;
}

/* Page d'accueil
------------------------------------------ */

#image_titre_accueil {
	background-image: url("../img/dji_0097_2560x1233.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
.titre_accueil h2 {
	color: white;
	font-size: 4vw;
	text-align: center;
	letter-spacing: 0.5vw;
	line-height: 1.2;
	padding: 4vw 1vw 1vw 1vw;
	margin-bottom: 5vw;
}
.titre_accueil img {
	/* width: 100%; */
}
.cadre_bleu {
	border-radius: 5px;
	background-color: #287BBF;
	color: white;
	padding: 5px 20px !important;
}
.sinscrire {
	padding-left: 35px !important;
	padding-top: 0px !important;
}
.cadre_bleu_transparent_left,
.cadre_bleu_transparent_center,
.cadre_bleu_transparent_right {
	background-color: #287BBF;
	opacity: 0.9;
	color: white;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 5px;
	text-align: center;
	height: calc(100% - 20px);
}
.cadre_bleu_transparent_left {
	margin-left: 8vw;
	margin-right: 0vw;
}
.cadre_bleu_transparent_center {
	margin-left: 4vw;
	margin-right: 4vw;
}
.cadre_bleu_transparent_right {
	margin-left: 0px;
	margin-right: 8vw;
}
/* Bloc 2 */
.accueil_bloc2,
.margin_corpsarticle {
	margin-left: 15vw;
	margin-right: 15vw;
	/* margin-bottom: 2vw; */
}
.accueil_bloc2 h2.spip,
.accueil_bloc4 h2.spip,
.accueil_bloc5 h2.spip {
	color: #287BBF;
	font-size: 2vw;
	font-size: calc(10px + 1.5vw);
	text-align: center;
	letter-spacing: 0.2vw;
	padding: 2vw 1vw 1vw 1vw;
}
.accueil_bloc3 {
	color: white;
	background-color: #287BBF;
}
.accueil_bloc3 h2.spip {
	font-size: 2vw;
	font-size: calc(10px + 1.5vw);
	text-align: center;
	letter-spacing: 0.2vw;
	padding: 2vw 1vw 1vw 1vw;
}
.sous-bloc3 {
	text-align: justify;
	margin-left: 4vw;
	margin-right: 4vw;
}
.cercleblanc {
	background-color: white;
	border-radius: 50%;
	width: 12vw;
	height: 12vw;
	min-width: 100px;
	min-height: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2vw;
}
.cadre_bloc4-1, .cadre_bloc4-2, .cadre_bloc4-3, .cadre_bloc4-4,
.cadre_bloc4-1Bis, .cadre_bloc4-2Bis, .cadre_bloc4-3Bis, .cadre_bloc4-4Bis {
	/* background-color: #287BBF; */
	color: white;
	margin-top: 0px;
	padding: 5px 0px 20px 0px;
	text-align: center;
	margin-left: 2vw;
	margin-right: 2vw;
}
.cadre_bloc4-1Bis, .cadre_bloc4-2Bis, .cadre_bloc4-3Bis, .cadre_bloc4-4Bis {
	margin-bottom: 20px;
}
.cadre_bloc4-1 p, .cadre_bloc4-2 p, .cadre_bloc4-3 p, .cadre_bloc4-4 p {
	text-align: justify;
	margin-left: 1vw;
	margin-left: calc(10px + 1vw);
	margin-right: 1vw;
	margin-right: calc(10px + 1vw);
}
.cadre_bloc4-1, .cadre_bloc4-1Bis {
	background-color: #6358A5;
}
.cadre_bloc4-2, .cadre_bloc4-2Bis {
	background-color: #3D53A3;
}
.cadre_bloc4-3, .cadre_bloc4-3Bis {
	background-color: #3D70B6;
}
.cadre_bloc4-4, .cadre_bloc4-4Bis {
	background-color: #1194D3;
}
.cadre_bloc4-1-2,
.cadre_bloc4-2-2,
.cadre_bloc4-3-2,
.cadre_bloc4-4-2 {
	background-color: white;
	border-radius: 5px;
	padding: 5px 20px !important;
}
.cadre_bloc4-1-2 {
	color: #6358A5;
}
.cadre_bloc4-2-2 {
	color: #3D53A3;
}
.cadre_bloc4-3-2 {
	color: #3D70B6;
}
.cadre_bloc4-4-2 {
	color: #1194D3;
}
.accueil_bloc5 > h2 {
	margin-bottom: 0;
}
.titre_sous_bloc4_1, .titre_sous_bloc4_2, .titre_sous_bloc4_3, .titre_sous_bloc4_4 {
	color: white;
	text-align: center;
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	font-size: 1.5em;
}
.titre_sous_bloc4_1 > h3, .titre_sous_bloc4_2 > h3, .titre_sous_bloc4_3 > h3, .titre_sous_bloc4_4 > h3 {
	padding-top: 1.5em;
	margin-bottom: 0px;
}
.titre_sous_bloc4_1 > div, .titre_sous_bloc4_2 > div, .titre_sous_bloc4_3 > div, .titre_sous_bloc4_4 > div {
	margin-top: 0px;
	margin-bottom: 0px !important;
	padding-bottom: 0px;
}
.titre_sous_bloc4_1 {
	background-color: #6358A5;
}
.titre_sous_bloc4_2 {
	background-color: #3D53A3;
}
.titre_sous_bloc4_3 {
	background-color: #3D70B6;
}
.titre_sous_bloc4_4 {
	background-color: #1194D3;
}
.sous_titre_blocs {
	text-align: center;
	color: #fbab0a; /* orange */
	font-weight: bold;
	margin-bottom: 1.5em;
	font-size: 1.25em;
}
.bloc_carrousel {
	background-color: white;
	padding-bottom: 1vw;
}
.logoDocumentationPortrait {
	border: 10px solid #1194D3;
	width: 150px;
	height: 212px;
}
.logoDocumentationPaysage {
	border: 10px solid #1194D3;
	width: 212px;
	height: 155px;
}
.titreDocumentation {
	color: #1194D3; /* bleu clair */
	font-weight: bold;
	margin-bottom: 1.5em;
}
.corpsDocumentation {
	/* font-style: italic; */
}
.imgfooter {
	text-align: right;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* Surcharge images responsives
------------------------------------------ */
.logoheader {
	min-width: 50px; /* 155 */
	min-height: 90px; /* 285 */
}
.logoheader2 {
	min-width: 95px; /* 300 */
	min-height: 90px; /* 285 */
}
.spip_logo_site > img,
.spip_logo_site > a > img {
	/* image : 2741 × 584 */
	width: 12.2vw; /* 343px */
	height: 4.2vw; /* 73px */
	min-width: 160px;
	min-height: 54px;
	max-width: 234px;
	max-height: 80px;
}
.spip_logo_site strong {
	font-size: 3vw;/*font-size: max(3vw, 12px);*/
}
.chapo {
	font-size: 1vw;/*font-size: max(3vw, 12px);*/
}
.drapeau {
	width: 2vw;
	max-width: 25px;
	min-width: 16px;
}
img {
	max-width: 100%;
}

/*
.icone {
	max-width: 100px;
	min-width: 75px;
}
*/

/* Surcharge textes entete
------------------------------------------ */
#slogan {
	font-style: italic;
	margin: 5px 0px 5px 0px;
	font-size:1.75vw;
}
.drapeau {
	margin: 5px 0px 5px 0px;
}
.imgcenter {
	margin-left: auto;
	margin-right: auto;
}
.alignright {
	text-align: right;
}
.bandeaurub {
	position: relative;
}
.bandeaurub > img {
	display: block;
	max-width: 100%;
	height: auto;
}
.textbandeaurub {
	position: absolute;
	top: 0%;
	left : 2%;
	font-size: 3vw;
	/* color:#79b13c; */
	color:#b5d385;
	text-shadow: 0.2px 0.2px 0 #FFFFFF, -0.2px 0.2px 0 #FFFFFF, -0.2px -0.2px 0 #FFFFFF, 0.2px -0.5px 0 #FFFFFF;
	font-weight: bold; 
	font-style: italic;
	z-index: 2;
}
.chapo p {
	margin-bottom: 0px;
}

/* NEW CAROUSEL */
.carousel-caption {
  position: relative;
  left: 0%;
  right: 0%;
  bottom: 0px;
  z-index: 10;
  padding-top: 0px;
  padding-bottom: 0px;
  color: #000;
  text-shadow: none;
  & .btn {
    text-shadow: none; /* No shadow for button elements in carousel-caption */
  }
}
.carousel {
    position: relative;
}
.controllers {
    position: absolute;
    top: 0px;
}
.carousel-control.left, 
.carousel-control.right {
    background-image: none;
}
/* FIN NEW CAROUSEL */

/* Surcharge taille ecran maxi
------------------------------------------ */
@media screen and (min-width: 1324px) {
        .page, .footer {
        /* width: 1324px; */
		margin-left: auto;
		margin-right: auto;
        }
	.footer {
		background-color: #ffffff;
		padding-top: 20px;
	}
	#slogan {
		font-size:20px;
	}
}

/* Surcharge textes titre & titre bandeau secondaire
------------------------------------------ */
@media screen and (min-width: 1000px) {
        .spip_logo_site strong,
	.textbandeaurub {
		font-size:30px;
        }
	#slogan {
		font-size:20px;
	}
}

/* Surcharge textes responsives pour petit ecran
------------------------------------------ */
@media screen and (max-width: 767px) {
	#slogan {
		font-size:2.5vw;
	}
	body {
		font-size:3vw;
	}
	.panel-title {
		font-size: 3vw;
	}
	.titre_accueil img {
		/* width: 125px; */
	}
	/* Page d'accueil */
	.cadre_bleu_transparent_left,
	.cadre_bleu_transparent_center,
	.cadre_bleu_transparent_right {
		margin-left: 4vw;
		margin-right: 4vw;
	}
	.navbar {
		margin-top: 10px !important;
	}
	.titreDocumentation, .corpsDocumentation {
		text-align: center;
	}
}

/* Surcharge de la barre de navigation horizontale
------------------------------------------ */
.navbar {
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
}
.navbar-toggle {
	margin-top: 0px;
}
.pointilles {
	border-top: dashed 1px #FFFFFF;
}
.navbar-nav {
    float: right;
}
ul.nav {
	margin-top: 10px;
}

/* Surcharge de la page de sommaire
------------------------------------------ */
.main {
	/* margin-top: 20px; */
}

/* Surcharge taille & position map
------------------------------------------ */
#map1 {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Surcharge taille pointeurs & legend
------------------------------------------ */
.bullerospointeur {
	height: 40px;
}

.bullefondbleu, .bullefondbleuclair,
.bulledep, .bullecomm, .bulleepci, .bullebassvers,
.bullemasseaucot, .bullemasseausout, .bullemasseaudetrans, .bullepgre,
.bulleriv1, .bulleriv2, .bulleriv3, .bulleetnedue1, .bulleetnedue2,
.bullegolf, .bulleski, .bulleindustrie, .bullehippodrome, .bullestade,
.bullecommclair, .bulleepciclair, .bullebassversclair,
.bullemasseaucotclair, .bullemasseausoutclair, .bullemasseaudetransclair, .bullepgreclair,
.bulleriv1clair, .bulleriv2clair, .bulleriv3clair, .bulleetnedue1clair, .bulleetnedue2clair,
.bullegolfclair, .bulleskiclair, .bulleindustrieclair, .bullehippodromeclair, .bullestadeclair {
	padding: 2px 5px 2px 5px;
}
.bullefondbleu {
	background-color: #93B0F5;
}
.bullefondbleuclair {
	background-color: #DCE5FC;
}
.bulledep {
	background-color: black;
	color: white;
}
.bullecomm {
	background-color: green;
	color: white;
}
.bullecommclair {
	background-color: rgb(0, 128, 0, 0.3);
	color: black;
}
.bulleepci {
	background-color: red;
	color: white;
}
.bulleepciclair {
	background-color: rgb(255, 0, 0, 0.3);
	color: black;
}
.bullebassvers {
	background-color: #b65ff1;
	color: white;
}
.bullebassversclair {
	background-color: rgb(182, 95, 241, 0.3);
	color: black;
}
.bullemasseaucot {
	background-color: blue;
	color: white;
}
.bullemasseaucotclair {
	background-color: rgb(0, 0, 255, 0.3);
	color: black;
}
.bullemasseausout {
	background-color: blue;
	color: white;
}
.bullemasseausoutclair {
	background-color: rgb(0, 0, 255, 0.3);
	color: black;
}
.bullemasseaudetrans {
	background-color: blue;
	color: white;
}
.bullemasseaudetransclair {
	background-color: rgb(0, 0, 255, 0.3);
	color: black;
}
.bullepgre {
	background-color: #906000;
	color: white;
}
.bullepgreclair {
	background-color: rgb(144, 96, 0, 0.3);
	color: black;
}
.bulleriv1 {
	background-color: #00B1FF;
}
.bulleriv1clair {
	background-color: rgb(0, 177, 255, 0.3);
	color: black;
}
.bulleriv2 {
	background-color: #0074A7;
	color: white;
}
.bulleriv2clair {
	background-color: rgb(0, 116, 167, 0.3);
	color: black;
}
.bulleriv3 {
	background-color: #004C6D;
	color: white;
}
.bulleriv3clair {
	background-color: rgb(0, 76, 109, 0.3);
	color: black;
}
.bulleetnedue1 {
	background-color: #00B1FF;
}
.bulleetnedue1clair {
	background-color: rgb(0, 177, 255, 0.3);
	color: black;
}
.bulleetnedue2 {
	background-color: #0074A7;
	color: white;
}
.bulleetnedue2clair {
	background-color: rgb(0, 116, 167, 0.3);
	color: black;
}
.bullegolf {
	background-color: #f26887;
}
.bullegolfclair {
	background-color: rgb(242, 104, 135, 0.3);
}
.bulleski {
	background-color: #ffb490;
}
.bulleskiclair {
	background-color: rgb(255, 180, 144, 0.3);
}
.bulleindustrie {
	background-color: #b18464;
	color: white;
}
.bulleindustrieclair {
	background-color: rgb(177, 132, 100, 0.3);
}
.bullehippodrome {
	background-color: #71584b;
	color: white;
}
.bullehippodromeclair {
	background-color: rgb(113, 88, 75, 0.3);
}
.bullestade {
	background-color: #3b302b;
	color: white;
}
.bullestadeclair {
	background-color: rgb(59, 48, 43, 0.3);
}

.bullecachebloc {
	display: none;
	line-height: 2.2;
}
.bulleaffichebloc {
	display: block;
	font-weight: bold;
}
.leaflet-popup-content {
	font-size: 0.8em !important;
	line-height: 2.6 !important;
}
.bulleoperationdtimg {
	padding-left: 15px;
	width: 70px;
}
.bulleoperationdttxt {
	line-height: 1.5;
}

/* ------------------ */
.rospointeur {
	width: 20px;
	height: 31px;
}
.svppointeur {
	width: 15px;
	height: 15px;
}
#svplegend {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}
.legend {
    line-height: 18px;
    color: #555;
	border: solid rgba(255, 255, 255, 1.0) 4px;
}
.legend i {
    width: 10px;
    height: 15px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}
.legend #i_title {
    font-weight: bold;
}
.legend #i_title2 {
    font-weight: bold;
	display: none;
}
.legend #i_title:hover,
.legend #i_title2 {
  cursor: pointer;
}
.legend .i_content {
	display: none;
	align-items: center;
}

/* Identification des grilles responsives
------------------------------------------ */
/*
.g_red {
	border: 1px solid #FF0000;
}
.g_blue {
	border: 1px solid #0000FF;
}
.g_green {
	border: 1px solid #33FF00;
}
.g_yellow {
	border: 1px solid #FFFF00;
} */

/* ---------------------------------------
GESTION DES COULEURS
--------------------------------------- */

/* Definition des couleurs
------------------------------------------ */
/*
* COULEURS ORIGINES
* couleur polices standard : #333333 (noir)
* couleur polices sur lien : #79b13c (vert clair)
* couleur polices sur bandeau : #79b13c (vert fonce)
* couleur police sur fond de couleur : #FFFFFF (blanc)
* couleur polices au survol de lien sur fond couleur : #B6B6B6 (gris)
* 
* couleur fond par defaut : #F2F2F2 (gris tres clair)

* couleur fond specifique : #79b13c (vert clair)
* couleur bordure fond specifique : #669533 (vert fonce)
* couleur bordure fond specifique : #243512 (vert tres fonce presque noir)
*
*
* DEFINITION DES COULEURS
* couleur polices standard : #333333 (noir)
* couleur polices sur lien : #193c91 (violet fonce)
* couleur polices sur bandeau : #FFFFFF (blanc)
* couleur police sur fond de couleur : #FFFFFF (blanc)
* couleur polices de lien sur fond couleur : #C68AC6 (violet clair)
* couleur polices au survol de lien sur fond couleur : #B6B6B6 (gris)
* 
* couleur fond par defaut : #F2F2F2 (gris tres clair)
*
* couleur bordure fond specifique : #193c91 (violet fonce)

* couleur fond specifique : #79b13c (vert clair) ==> ????
* couleur bordure fond specifique : #193c91 (violet fonce)
* couleur bordure fond specifique : #243512 (vert tres fonce presque noir)
* 
*/

/* Elements generaux
------------------------------------------ */
body {
	background-color: #F4F6F6; /* gris clair */
}
a {
	color: #193c91;
}
a:focus, a:hover, a:active {
	background-color: transparent;
	color: #B6B6B6;
}
.fondcouleur, .fondcouleur2 {
	background-color: #193c91;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.fondcouleur a, .fondcouleur2 a {
	color: #7880ba;
}
.fondcouleur2 {
	margin-bottom: 0px;
	background-color: #223B8C;
}
.page {
	background-color: #FFFFFF; /* blanc */
}
.header {
	padding-bottom: 20px;
}
.spip_logo_title {
	padding-left: 20px;
	color: #505050;
}
.textcenter {
	text-align: center;
}
.margebottom20px {
	margin-bottom: 20px;
}

/* Surcharge couleurs navbar
------------------------------------------ */
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
	background-color: transparent;
}
.navbar-nav .open .dropdown-menu {
	border-color: #193c91;
}
.navbar-nav .open .dropdown-menu > li > a {
	color: #193c91;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
	/* color: #B6B6B6; */
	color: #193c91;
	border-color: #193c91;
	background-color: transparent;
}
.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
	background-color: transparent;
}
/* Mobile version */
.navbar-toggle {
	border-color: #193c91;
}
.navbar-toggle:hover, .navbar-toggle:focus {
	/* border-color: #B6B6B6; */
	border-color: #193c91;
}
.navbar-toggle .icon-bar {
	border: 1px solid #193c91;
}
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
	/* border-color: #B6B6B6; */
	border-color: #193c91;
}
.navbar-collapse {
	padding-left: 0px;
}


/* Extend layer Leaflet */
div.leaflet-top.leaflet-right div.leaflet-control-layers.leaflet-control:nth-child(2) a.leaflet-control-layers-toggle {
	background-image: url(/squelForms/pointeurs/bouton_steu_gris.png);
	background-size: 32px;
}
div.leaflet-top.leaflet-right div.leaflet-control-layers.leaflet-control:nth-child(3) a.leaflet-control-layers-toggle {
	background-image: url(/squelForms/pointeurs/bouton_emprise.png);
	background-size: 32px;
}

.leaflet-control-layers-group-name, .leaflet-control-layers-group > label > span {
	font-weight: normal;
}
#leaflet-control-layers-group-0 .leaflet-control-layers-group-label .leaflet-control-layers-group-name {
	font-size: 1.1em;
	font-weight: bold;
}

/* END Extend layer Leaflet */