@charset "UTF-8";
#c137265 ul, #c137265 p{color:#000 !important;text-align:left}
 /* Style the Image Used to Trigger the Modal */
 #carousel137960{fill:red;stroke:#000;}
#carousel137960 ellipse:hover {
    fill: blue;
    cursor: zoom-in;
}
#c137939 .ptac,#c138725 .ptvuea,#c138330 .ptbq,#c137943 .ptbi,#c137947 .ptbe,#c137951 .ptee,#c138730 .ptje{
    fill: blue !important;
}

#collapseMap{height: calc(100vh - 100px);width:100%;position:absolute;top:0;left:0;z-index:100;background-color:rgb(0,0,0,0.8)}
#collapseMap .card.card-body{height:80%;background:none;border:none}
#collapseMap .row.logos{height:20% ;background:#fff}
#collapseMap .row.logos img{max-height:90%;max-width:100%}
#collapseMap a.btn.btn-primary{color:#000 !important;background:#fff !important}
.tl-icon-image {display:none !important}
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 102; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
#carousel138965 .pt14{fill:blue;}#carousel138965 .pt14:hover{fill:red;cursor: zoom-in;}
#c138911 .cls-0, #c139170 .cls-1,#c138907 .cls-4,#c138939 .cls-2,#c138923 .cls-7{fill:red}
#c138903 .cls-3, #c138915 .cls-5{opacity:0.5;fill:red}
#c138927  .cls-6{stroke:red;fill:none;opacity:0.5}
#c138927  .cls-6.ptred{fill:red}
/*Contrat de Ville*/
.logocdv{background: url(/fileadmin/ville/cadre_de_vie/Colline_St-Andre/Contratdeville-2019-2025.png);
    display: block;
    height: 60px;
    -webkit-background-size: cover;
    background-size: cover;
    width: 75px;
    padding: 0;
    margin: 0;
	float:right;
}
#c138939 .logocdv,#c138927 .logocdv, #c138923 .logocdv{display:none}


/* Modal Content (Image) */
.modal-contentimg {
    margin: auto;
    display: block;
    max-height: 80%;
	max-width:80%;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#captionmodal {
    margin: auto;
    display: block;
    
    max-width:80%;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-contentimg, #captionmodal {
    animation-name: zoommodalimg;
    animation-duration: 0.6s;
}

@keyframes zoommodalimg {
    from {transform:scale(0)}
    to {transform:scale(1)}
}

/* The Close Button */
.closezoommodalimg {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.closezoommodalimg:hover,
.closezoommodalimg:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
@media (min-width: 1400px){
.container {
    max-width: 1400px;
}
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-contentimg {
        width: 100%;
    }
	#c137640 h1 img{max-width:30vw !important}
	#c137640 .ce-bodytext{    font-size: 1.2rem  !important;}
} 


.twentytwenty-handle {height:38px !important}
@media (min-width:992px){#section137998 .mapfield{height:30vh}

}
@media (max-width:720px){body #section137998 .mapfield .mapconservatoire img {
    max-height: 30vh;
	height:auto;
   
}
.logovdn{max-width:60px !important}
}
#section137998 .mapfield .mapconservatoire img{height:30vh;width:auto}
.mapmediatheque img:hover, #section137998 .mapfield .mapconservatoire img:hover{cursor:zoom-in}
.mapmediatheque img {max-height:30vh;width:auto !important;}
#section137998 .maximage {
    height: calc(70vh - 100px);
}

.mapfield .btn-primary, .btn.btn-primary.rdc1e {
    background-color: #000;
    border-color: #000;
	width:90%;margin:0.5em;padding:0.5em;
}
.mapfield ul, .navmediatheque {list-style:none;text-align:center;padding:0;margin:0}
#c137825 .rdc1e[data-slide-to="0"], #c137895.rdc1e[data-slide-to="1"], #c137987 .mapfield .btn-primary[data-slide-to="0"],#c137990 .mapfield .btn-primary[data-slide-to="1"],#c137993 .mapfield .btn-primary[data-slide-to="2"]{display:none}

section{
	min-height:calc(100vh );
	display:block;
	padding-top:70px;
	
}
/* #section137157{

    background-image: url(/fileadmin/ville/cadre_de_vie/Port_Boinot/port_boinot_vue_aerienne.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: calc(100vh);
    display: flex;
    padding: 0;
	padding-top:70px;

} */
/* #section137157 .ce-media  img{height: 50vh;width:auto;max-width:100%;margin-top:25vh;margin-left:auto;margin-right:auto} */

#section135401 #c135405 img{height:80vh;width:auto;margin:auto;display:block;position:absolute;left:calc(50vw - 300px)}
/* H2 {margin-top:70px;font-size: 4rem !important;width:100%;padding:4rem;background-color:#3877e0;text-align:center;color:#fff !important}  */
footer .portboinot{fill:#fff !important}

.carousel-inner .carousel-item.container{width:100% !important;max-width:100%}
.carousel-inner .carousel-item{min-height:100vh;}
 .carousel-control-next-icon, .carousel-control-prev-icon{background-color:#000 !important;height:40px !important}
 .carousel-item .col-md-4 p.controlercar{text-align:right}
 
/*#c137649 .pt15,#c137652 .pt16,#c137188 .pt1, #c137165 .pt2, #c137164 .pt3, #c137173 .pt4, #c137180 .pt5, #c137167 .pt6, #c137161 .pt7, #c137178 .pt8, #c137176 .pt9, #c137166 .pt10, #c137163 .pt11, #c137175 .pt12, #c137177 .pt13, #c137174 .pt14{fill:red;} .cls-1{fill:#fff;}*/
#c137652 .pt1, #c139753 .pt2, #c137164 .pt3, #c137178 .pt4, #c137161 .pt5, #c137166 .pt6, #c137177 .pt7, #c137175 .pt8, #c137163 .pt9, #c137649 .pt10, #c137174 .pt11, #c137167 .pt12, #c137176 .pt13, #c139748 .pt14, #c139743 .pt15, #c137165 .pt16, #c137173 .pt17, #c137180 .pt18 {fill:blue !important;}
#carousel137160 .cls-1 {
    fill: red;
}

	.timeline {
    position: absolute;
    top:0;left:0;
    margin: 0 auto;
    padding: 2% 1%;
}
	.timeright:after {
    left: -12px;
}
.containertime:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -13px;
    background-color: white;
    border: 4px solid #FF9F55;
    top: 19px;
    border-radius: 50%;
    z-index: 1;
}
.timecontent {
    padding: 0;
    background-color: #cccccc;
    position: relative;
    border-radius: 6px;
	height:auto !important;
}
	.timeright {
    left: 42px;
}
.timecontent label{padding:15px;    width: 100%;
    height: 100%;}

.containertime {
    padding: 10px 45px;
    position: relative;
    background-color: inherit;
	height:auto !important;
   
}
.timeline:after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: white;
    top: 0;
    bottom: 0;
    left: 50px;
    margin-left: -3px;
}
@media (max-width:720px){
	.timecontent{    border: 1px solid #000;}
	.timeline:after {left:12px;background-color: black;}
	.timeline { position: relative;}
	.timecontent label {
    padding: 3px;
}
.timeright {
    left: 10px;
}
}
@media (min-width: 992px){
#carousel137160 .mapboinot .boinotmap {
    height: 60vh !important;
    width: auto;
}
}
.cls-1:hover{fill:blue;cursor: zoom-in;}
figure img {max-width:100%}
.carousel  img {max-width:100%;height:auto} 
body .tl-timenav {
    
    background-color: #7d7d8f;
}

.headermap{width:5rem;height:5rem}
body  .tl-timemarker .tl-timemarker-content-container {
    background-color: #343a40;
    border: 1px solid #343a40;
	
}	

body .btn-dark{background-color: #000;
border-color: #000;}
.carousel .btn{padding:0}
.slider a.prev,.slider a.next {
	height:100%;
	position:absolute;
	width:43px;
	top:0;
	margin-top:0px;
	opacity:0.6;
	text-indent:-99999px;
	cursor:pointer;
	-webkit-transition:opacity 200ms ease-out;
}
.slider a.prev:hover,.slider a.next:hover {
	opacity:1;
}
.slider .prev {
	left:0;
	background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -200px center;
}
H1.homepage{
     color: #4EBFD6;text-align:center}
H1.homepage span{color:#fff;font-size:1.5rem}
.g-bg-white H1.homepage span{color:#000;font-size:1.5rem}
.slider .next {
	right:0;
	background: #000 url('https://lh4.googleusercontent.com/-JN1IZLtuToI/UUoZnMG3C_I/AAAAAAAAAE8/SEbJ9nqXGnY/s226/sprite.png') no-repeat -167px center;
}
#section137268 .slider {
	height:60vh;
	overflow:hidden;
	position: relative;
}
#section137268 .slide {
	position:absolute;
	min-height:100%;
	width:100%;
	background:#fff;
	overflow-y:slide;
}
#section137268 .slider ul{padding:0;    list-style-type: none;} 
/*
.maximg figure, .slider figure{text-align:center;width:100%;height:60vh;backgrond:#fff}
.maximg figure img, .slider figure img {width:auto;height:60vh;}
*/
.ce-media{text-align:center}
#section137268   slide img,#section137268  .slide iframe {
	max-width:100%;
	height:60vh;
	width:auto;
	position:relative;
	left:0;
}
#section137268 .slide iframe{
height:60vh%;
width:100%;
border:none
} 

/* .slide figcaption{
	display: block;
    
   bottom:0;
  
    padding: 1em;
	
	}
	 */
		figure {
  border-top: none;
  padding-top: 0;
  
}
figcaption {
  padding: 0.5em;
  border: thin silver solid;
  border-bottom: none;
  background:#000;
  color:#fff;
 
}

.projectcarousel {
    position: relative;
    /*box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.64);
    margin-top: 26px;*/
}

.projectcarousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.projectcarousel .projectcarousel-open:checked + .projectcarousel-item {
    position: static;
    opacity: 100;
}


.projectcarousel .projectcarousel-item {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

.projectcarousel .projectcarousel-item img {
    display: block;
    height: auto;
    max-width: 100%;
	margin:auto;
}

.projectcarousel .projectcarousel-control {
    background: rgba(0, 0, 0, 0.28);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 40px;
    height: 40px;
    line-height: 35px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    width: 40px;
    z-index: 10;
}

.projectcarousel .projectcarousel-control.prev {
    left: 2%;
}

.projectcarousel .projectcarousel-control.next {
    right: 2%;
}

.projectcarousel .projectcarousel-control:hover {
    background: rgba(0, 0, 0, 0.8);
    color: #aaaaaa;
}
.projectcarousel .projectcarousel-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

.projectcarousel .projectcarousel-indicators li {
    display: inline-block;
    margin: 0 5px;
}

.projectcarousel .projectcarousel-bullet {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 35px;
}

.projectcarousel .projectcarousel-bullet:hover {
    color: #aaaaaa;
}	
.boinotmap{width:100%;height:auto;}
.IE .boinotmap{width:100%;min-height:60vh;height:auto;}
@media screen and (orientation: portrait) {
	/* .slider {
		min-height:100vh;
		position: relative;
	}
	.slider img {width:100%;height:auto;} */
}
@media (min-width:992px){
	section{
	min-height:calc(100vh - 100px);
	display:block;
	padding-top:100px;
	
}
	.mapboinot .boinotmap{height:calc(50vh - 50px);width:auto}
	.descriptionfield {max-height:calc(50vh - 50px);overflow-y:auto}
	.maximage{height:calc(100vh - 100px);}
	.maximage div,.maximage figure{height:100%}
.maximage figure{text-align:center}
	.maximage img{height:100% !important;width:auto;margin:auto;max-width:inherit !important;overflow-x:hidden}
	.maximage iframe{height:100%;width:100%}
	.c137190,#c137190{text-align:center}
	.maximage figcaption{
		 position:absolute;
  bottom:0;
  left:10%;
  right:10%;
  text-align:center
		
	}
	/* .onepage{display: flex;flex-flow: column;height:calc(100vh - 100px);}
	.onepage .maximg{height: 100%;
flex: 1 1 auto;
overflow: hidden;}
	.onepage .maximg div, .onepage .maximg figure, .onepage .maximg figure iframe{height:100%}
	.carousel .onepage .maximg img{width:auto;height:100%}
	.oenpage .maximg,.oenpage .maximg figure,.onepage .maxtxt, .onepage .maximg figure iframe{width:100%}
	.onepage .maximg figure{text-align:center} */

	
}
@media (max-width:991px){
	h1.g-font-size-75 {
    font-size: 3.35714rem !important;;
	
}
	.slider {
		min-height:70vh;
		position: relative;
		height:inherit;
	}
	.slide{
		min-height:60vh;
		
		height:inherit;
	}
	.maximage iframe{height:50vh;width:100%}
	.maximg figure img, .slider figure img {
    width: auto;
    max-height: 60vh;
	height:inherit;
}
	.slide figure {height:inherit}
	.slide img, .slider img {width:100%;height:auto;}
.slider a.prev, .slider a.next {height:30vh}
}	
#c137233 p{
	margin-top: 0;
    margin-bottom: 1rem;
    width: 100%;
    text-align: center;
    display: block;
    left: 0;
	position:absolute;bottom:0;
	
	
}
#c137233 p a {
	color: #007bff;
    text-decoration: none;
   
    -webkit-text-decoration-skip: objects;
    border-radius: 50%;
    display: block;
    width: 15rem;
    background: #fff;
    height: 15rem;
    text-align: center;
    font-size: 2rem;
    vertical-align: middle;
    padding-top: 2.5em;
    margin: auto;
	opacity:0.8;
}
#c137158, #c137158 div {width:100%;text-align:center}
.g-theme-bg-blue-dark-v1 h2, .g-theme-bg-blue-dark-v1 .h3{color:#fff}
footer .logo {width:250px;height:auto}
#section137268 p , #section137268 li{text-align:left}