@media (min-width: 992px) {
.dropdown:hover .dropdown-menu{
        display:block;
}
}
.container-fluid { max-width:1500px;}

.material-symbols-outlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: bottom;
    font-size: 28px;
    font-variation-settings:'FILL' 1;
    margin-right: 4px;
}
.material-symbols-outlined.out {
  font-variation-settings:'FILL' 0;
}
.material-symbols-outlined.md-36 {
  font-size: 36px;
}

.close {
    color: white;
    text-shadow: 0;
    opacity: 1;
}

.taiji_attenue { opacity: 0.4; }
.taiji_tampon {
	margin-left:10px;
	margin-bottom:30px;
}
.taiji_tampon_a {
	margin-left:10px;
	margin-bottom:7px;
}

html {
  font-size: 18px;
}

h1,h2,h3,h4,.h5_taiji,h3.spip {color:#4e739f;font-weight:lighter;}
h1 {
	border-left: solid 4px brown;
	padding-left: 1em;
	margin-bottom: 1em;
	}
	
.une {
	border-left: solid 4px brown;
	padding-left: 1em;
	}
	
/* calendrier */
ul.liste-items {
	list-style: none;
	}
.banner {
	border: solid thin #999;
	border-radius: 10%;
	box-shadow: 10px 5px 10px #aaa;
	}
.url {
	font-size: 1.5em;
	font-weight: normal;
	}
/* fin calendrier */


h2.spip {
	font-size:1.7em;
	}
p {
	font-size: 1.1em;
	font-weight: lighter;
	}
p.card-title {
	font-weight: 600;
	}

a.text-dark {
	text-decoration: none;
	}
a {color:#4e739f;}
a:hover {color:#ccc;}
a:focus, .btn:focus {
  background-color: white !important;
  color: #888 !important;
}

.nav_haut {position:fixed; top:0em; left: 0em;z-index:1000;}
.nav_logo {position:fixed; top:2.75em; left: 0em;z-index:1000;}
.nav_barre {position:fixed; top:8.05em; left: 0em;z-index:999;}
.nav-tabs { border-bottom: 0px}

/*h2 {font-size:1.5em;}*/

.bg_noir {
  background-color: none;
  background-image: url("img/fond_noir.png");
  background-repeat: repeat;
}
.bg_vert {
  background-color: none;
  background-image: url("img/fond_bleu.png");
  background-repeat: repeat;
}
.bg_gris {
  background-color: transparent;
  background-image: url("img/fond_gris.png");
  background-repeat: repeat;
}
.bg_blanc {
  background-color: transparent;
  background-image: url("img/fond_blanc.png");
  background-repeat: repeat;
}
.bg_light {
  background-color: #ddd;
}
.bg_taiji {
  background-color: #4e739f;
}

.text_taiji {
  color: #4e739f;
}
.text_gris {
  color: #777;
}

.btn_accueil, .btn_accueil:visited {
  color: #eee;
  background-color: transparent;
  border-color: transparent;
  text-decoration:none;
  border-radius: 0.3em;
}

.btn_accueil:hover,.spip_in:hover {
  color: #fff;
  background-color: none;
  //background-image: url("img/fond_vert.png");
  background-repeat: repeat;
  border-color: transparent;
}
.spip_out:hover {
  color: #fff;
  background-color: none;
//  background-image: url("img/fond_vert.png");
  background-repeat: repeat;
  border-color: transparent;
}

.btn_accueil.disabled {
  background-color: none;
  border-color: #4e739f;
  color: white;
}

.btn_accueil:active {
  color: #4e739f;
  background-color: #888;
  background-image: none;
  border-color: transparent;
}



.btn_intra, .btn_intra:visited, .spip_in, .spip_in:visited, .spip_out, .spip_out:visited{
  color: #eee;
  background-color: transparent;
  border-color: transparent;
  text-decoration:underline;
  //padding:0.5em;
  border-top-radius: 0.3em;
}
.btn_ns {
  text-decoration:none;}
  
.spip_in, .spip_in:visited,.spip_out, .spip_out:visited {
color: #444;
}

.btn_intra:hover,.spip_in:hover,.spip_out:hover{
  color: #4e739f;
  background-color: white;
  border-color: transparent;
}

.btn_intra:focus, .spip_in:focus, .spip_out:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn_intra.disabled, .spip_in:disabled, .spip_out:disabled {
  background-color: none;
  border-color: #4e739f;
  color: white;
}

.btn_intra:active, .spip_in.active,.spip_out.active,
.show > .btn_intra.dropdown-toggle {
  color: #4e739f;
  background-color: #888;
  background-image: none;
  border-color: transparent;
}

.btn_intra.active { 
	background-color: #fff;
	color:#888;
	border-bottom-radius: 0;
	}

.btn_intrab, .btn_intrab:visited {
  color: #4e739f;
  background-color: transparent;
  border-color: transparent;
  text-decoration:none;
}

.btn_intrab:hover {
  color: #eee;
  background-color: transparent;
  border-color: transparent;
}

.btn_intrab:focus, .btn_intrab.focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn_intrab.disabled, .btn_intrab:disabled {
  background-color: none;
  border-color: #4e739f;
  color: white;
}

.btn_intrab:active, .btn_intrab.active,
.show > .btn_intrab.dropdown-toggle {
  color: #eee;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}


/* liens fil d'Ariane */

.btn_ariane, .btn_ariane:visited {
  color: #888;
  background-color: transparent;
  border-color: transparent;
  text-decoration:none;
  padding:0.5em;
  border-radius: 0.3em;
}

.btn_ariane:hover {
  color: #4e739f;
  background-color: white;
  border-color: transparent;
}

.btn_ariane:focus {
  -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
          box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
}

.btn_ariane.disabled {
  background-color: none;
  border-color: #4e739f;
  color: white;
}

.btn_ariane:active {
  color: #4e739f;
  background-color: transparent;
  background-image: none;
  border-color: transparent;
}

.taiji_dropdown-item {
  display: block;
  width: 100%;
  padding: 5px 1.5rem;
  clear: both;
  font-weight: normal;
  color: white;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}

.taiji_dropdown-item:focus, .taiji_dropdown-item:hover {
  color: white;
  text-decoration: none;
  background-color: #4e739f;
  background-image: none;
}

.taiji_dropdown-item.active, .taiji_dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #4e739f;
}

.taiji_dropdown-item.disabled, .taiji_dropdown-item:disabled {
  color: white;
  cursor: not-allowed;
  background-color: transparent;
}

#navbar {
  /*background-color: transparent; /* Black background color +bb+  */
  background-image: url("img/compostelle_banniere-1bd.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
 /* position: fixed; /* Make it stick/fixed */
  position: relative;
  top: 0; /* Stay on top */
  width: 100%; /* Full width */
  z-index:1001;
  min-width:320px;
  padding:0;
}



.carousel {
  position: relative;
}
.carousel-item {
	min-height:230px;
	text-align:justify;
}

}

div.carousel-indicators {
  position: absolute;
  bottom: 0;
  margin: 0;
  left: 0;
  right: 0;
  width: auto;
}

.carousel-indicators [data-bs-target] {
  float: left;
  width: 20px;
  height: 5px;
  margin: 0;
  border-radius: 0;
  border: 0;
  background: #ccc;
  margin-right:0.2em;
}

div.carousel-indicators button.active {
  background: #aaa;
}


#map1 {
	float:left;
	margin-right: 2em;}


.animated {
        -webkit-animation-duration: .5s;
        -moz-animation-duration: .5s;
        -o-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both
    }
    @-webkit-keyframes slideDown {
        0% {
            -webkit-transform: translateY(-100%)
        }
        100% {
            -webkit-transform: translateY(0)
        }
    }
    @-moz-keyframes slideDown {
        0% {
            -moz-transform: translateY(-100%)
        }
        100% {
            -moz-transform: translateY(0)
        }
    }
    @-o-keyframes slideDown {
        0% {
            -o-transform: translateY(-100%)
        }
        100% {
            -o-transform: translateY(0)
        }
    }
    @keyframes slideDown {
        0% {
            transform: translateY(-100%)
        }
        100% {
            transform: translateY(0)
        }
    }
    .animated.slideDown {
        -webkit-animation-name: slideDown;
        -moz-animation-name: slideDown;
        -o-animation-name: slideDown;
        animation-name: slideDown
    }
    @-webkit-keyframes slideUp {
        0% {
            -webkit-transform: translateY(0)
        }
        100% {
            -webkit-transform: translateY(-100%)
        }
    }
    @-moz-keyframes slideUp {
        0% {
            -moz-transform: translateY(0)
        }
        100% {
            -moz-transform: translateY(-100%)
        }
    }
    @-o-keyframes slideUp {
        0% {
            -o-transform: translateY(0)
        }
        100% {
            -o-transform: translateY(-100%)
        }
    }
    @keyframes slideUp {
        0% {
            transform: translateY(0)
        }
        100% {
            transform: translateY(-100%)
        }
    }
    .animated.slideUp {
        -webkit-animation-name: slideUp;
        -moz-animation-name: slideUp;
        -o-animation-name: slideUp;
        animation-name: slideUp
    }

/* pour les video responsives */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


.grecaptcha-badge { visibility: hidden; }


#logo_accescimes {max-height:100px;}
#marge-haut {min-height:8em;}

@media (min-width: 576px){ 
  #logo_accescimes {max-height:150px;}
  #marge-haut {min-height:13em;}
}
            
/* SURCHARGES A SPIP */ 
/* #sommaire p {text-align:justify;} */

	
/* Intertitres inseres dans un article  */
h3.spip {  
/*	font-weight: bold; */
/*    background: transparent url(img/fond_h3.jpg) repeat-y; */
 	background-image:linear-gradient(to right, #ddd, white); 
    text-align: left;
    margin-top: 1em;
    margin-bottom: 0.4em;
    padding-bottom: 0.1em;
    padding-left: 1em;
}
.spip {text-align:justify;}
	
h3.spip, a.cs_glossaire, span.gl_mot {
	color:#444;
	}
a.cs_glossaire:hover,a.cs_glossaire:active {
  color: #4e739f;
  background-color: white;
}
h3.spip {font-size:1.4em;padding-left:0.4em;font-weight:normal;}

hr.spip {background-color:#444;}
.display-2 {font-size:2.8em;}
.display-3 {font-size:2em;}
.display-4 {font-size:1.6em;}
.card-title {font-size:1.2em;}

.sp {display:none;}
table.spip tr.row_odd {background:white;}
table.spip tr.row_even {background:white;}
table.spip td {border:0px;}

.box-shadow{
  -webkit-box-shadow: 0 1px 1px rgba(72,78,85,.6);
  box-shadow: 0 1px 1px rgba(72,78,85,.6);
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.box-shadow:hover{
  -webkit-box-shadow: 0 20px 40px rgba(72,78,85,.6);
  box-shadow: 0 20px 40px rgba(72,78,85,.6);
  -webkit-transform: translateY(-15px);
  -moz-transform: translateY(-15px);
  -ms-transform: translateY(-15px);
  -o-transform: translateY(-15px);
  transform: translateY(-15px);
}
.btn-shadow{
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -ms-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.btn-shadow:hover{
  -webkit-box-shadow: 0 20px 40px rgba(72,78,85,.6);
  box-shadow: 0 20px 40px rgba(72,78,85,.6);
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}

.spip_surligne {
 // background-color:color(srgb 0.962 0.886 0.084);
 background-image: url("img/bg_compostelle.png");
 background-size: cover;
 background-repeat: no-repeat;
 background-position: left;
}

// nuage de mots
#htmltagcloud {
 font-size: 80% !important;
//  width: auto;		/* auto or fixed width, e.g. 500px   */
 // background-color:#fff;
//  margin:1em 1em 0 1em;
 // border:2px dotted #ddd;
//  padding:2em; 
}
#htmltagcloud{
  line-height:1.4em;word-spacing:normal;letter-spacing:normal;text-transform:none;text-align:justify;text-indent:0;
}
#htmltagcloud a:link{text-decoration:none}#htmltagcloud a:visited{text-decoration:none}
#htmltagcloud a:hover{color:white;background-color:#AAA}
#htmltagcloud a:active{color:white;background-color:#03d}
.wrd{padding:0;position:relative}
.wrd a{text-decoration:none}
.tagcloud0{font-size:1.0em;color:#ACC1F3;z-index:10}.tagcloud0 a{color:#ACC1F3}.tagcloud1{font-size:1.4em;color:#ACC1F3;z-index:9}.tagcloud1 a{color:#ACC1F3}.tagcloud2{font-size:1.8em;color:#86A0DC;z-index:8}.tagcloud2 a{color:#86A0DC}.tagcloud3{font-size:2.2em;color:#86A0DC;z-index:7}.tagcloud3 a{color:#86A0DC}.tagcloud4{font-size:2.6em;color:#607EC5;z-index:6}.tagcloud4 a{color:#607EC5}.tagcloud5{font-size:3.0em;color:#607EC5;z-index:5}.tagcloud5 a{color:#607EC5}.tagcloud6{font-size:3.3em;color:#4C6DB9;z-index:4}.tagcloud6 a{color:#4C6DB9}.tagcloud7{font-size:3.6em;color:#395CAE;z-index:3}.tagcloud7 a{color:#395CAE}.tagcloud8{font-size:3.9em;color:#264CA2;z-index:2}.tagcloud8 a{color:#264CA2}.tagcloud9{font-size:4.2em;color:#133B97;z-index:1}.tagcloud9 a{color:#133B97}.tagcloud10{font-size:4.5em;color:#002A8B;z-index:0}.tagcloud10 a{color:#002A8B}.freq{font-size:10pt !important;color:#bbb}#credit{text-align:center;color:#333;margin-bottom:0.6em;font:0.7em 'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif}#credit a:link{color:#777;text-decoration:none}#credit a:visited{color:#777;text-decoration:none}#credit a:hover{color:white;background-color:#05f}#credit a:active{text-decoration:underline}