.w100
{
width: 100%;
}

.marg_b-10
{
    margin-bottom: 10px;
}


.brand-logo  img
{
    height: 56px;
}

@media only screen and (min-width: 601px) {
.brand-logo  img
{
    height: 64px;
}

}

a.surbleu
{
    color:#ffffff;
}

.bleu_svg
{
    color:#82B8C9
}


#div_services_1
{
    background:#E3BED2;
}

#div_services_2
{
    background:#82B8C9;
}

#div_services_3
{
    background:#EEE9D6;
}

.full-container {
  margin: 0 auto;
  _max-width: 1280px;
  width: 100%; }

.collapsible-header.active .bpplus
{
display: none;
}

.collapsible-header .bpmoins
{
display: none;
}

.collapsible-header.active .bpmoins
{
display: inline;
}

li.margl
{
    margin-left: 10px;
}

.tromblon
{
    color: white;
    background:#ff00a2;
    padding-left: 20%;
    width:100%;
    height:10rem;


    background-image: url("/img/jumb.jpg");
    background-size: cover;

}



#div_services_speech_photo {
  background-image: url("/img/services_wni.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
}

.row.nobottom
{
    margin-bottom:0px;
}


.rose_wni
{
    background:#ff00a2;
}

.bleu_wni
{
    background:#00abff;
}

.planetoccas .collapsible-header
{
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.planetoccas .collapsible-body
{
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}


.input-field input[type=text].quoi {
    border: 1px solid #c6bfbf;
    box-shadow: 0 1px 0 0 #000;
  }

.inline-block,.nav i.material-icons.inline-block,.nav i.inline-block
  {
    display: inline-block;
  }

.nav-wrapper
{
    background-image: url("/img/bandeau.jpg");
    background-size: cover;
}


 .flex_row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }


.btn.quoi
{
  margin-left: 10px;
  margin-top: 20px;
}

.quoithe_footer
{
    background-color: #15889f;
}

.page-footer.evthe_footer
{
    background-color: #2258a7;
}

.select2-results__options {
   max-height: 500px !important;
}

.leaflet-container
{
	height: 400px;
	width: 600px;
	max-width: 100%;
	max-height: 100%;
}

.picto-inner {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.picto-inner p,
.picto-inner li {
	font-family: var(--font-text);
	font-size: var(--fs-x0-8);
	font-weight: 300;
	line-height: 1.5;
	letter-spacing: 2px;
	margin-left: 8%;
	margin-top: 7%;
}

.picto-inner i, .picto-inner img {
	width: 40px;
	fill: #333;
	position: relative;
}





@media only screen and (max-width: 800px) {
    .tromblon
    {
        padding-left: 5%;
        padding-right:5%;
        height:15rem;

    }
}

@media only screen and (min-width: 601px) {
.quoi  .container {
    width: 95%; } }
@media only screen and (min-width: 993px) {
.quoi  .container {
    width: 90%;
    max-width: 1600px
    }

}