body {
    font-family: "Open Sans",sans-serif;
    color: #4b505a;
    background-color: #f5f5f5;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.header-title.site-title {
  font-size: 36px;
}

.content {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
}
.content img {
    width: auto;
}
.btn:visited {
    color: #fff
}

.offer-buttons {
    font-size: 1.1em;
    margin:2em 1em;
    line-height: 2em;
}
.offer-buttons .btn-lg {
    line-height: 4em;
}

.archive {
    font-size: 14px;
    line-height: 24px;
    padding-top: 20px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
}


.container, .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.container table {
  width: 100%;
}

.container h1:first-child {
    margin-top: 0;
}

/* home page */
.container.home h1 {
  font-weight: bold;
  text-align: center;
}
.container.home table {
  table-layout: fixed;
  width: 100%;
}
.container.home table img{
  margin-top:0px;
  margin-bottom:0px;
  width: 80%;
}
.container.home table td{
  vertical-align: baseline;
}

/* lizmap page */
.container.lizmap h1 {
  font-weight: bold;
  text-align: center;
}
.container.lizmap table {
  table-layout: fixed;
  width: 100%;
}
.container.lizmap table img{
  margin-top:0px;
  margin-bottom:0px;
  width: 80%;
}
.container.lizmap table td{
  vertical-align: baseline;
}

/* plans page */
.container.plans h1 {
  font-weight: bold;
  text-align: center;
}
.container.plans table {
  table-layout: fixed;
  width: 100%;
}

.container.plans table td:first-child {
  width: 30%;
}

.map {
  height:435px;
}
/* OpenLayers */
.olHandlerBoxZoomBox {border: 2px solid #7bd91e;position: absolute;background-color: white;opacity: 0.50;font-size: 1px;filter: alpha(opacity=50);}
.olControlPanel div { display:block;width:  28px;height: 28px;margin: 5px;}
.olControlPanel .olControlDragPanItemInactive {background-color: transparent;background-image: url("images/mousedef-in.png");}
.olControlPanel .olControlDragPanItemActive {background-color: transparent;background-image: url("images/mousedef.png");}
.olControlPanel .olControlZoomInItemInactive {background-color: transparent;background-image: url("images/zoomin-in.png");}
.olControlPanel .olControlZoomOutItemInactive {background-color: transparent;background-image: url("images/zoomout-in.png");}
.olControlPanel .olControlZoomBoxItemInactive {background-image: url("images/zoombox-in.png");}
.olControlPanel .olControlZoomBoxItemActive {background-image: url("images/zoombox.png");}
div.olControlMousePosition {font-family:arial;font-size:0.8em;background-color:#E0E0E0;bottom:0px;right:0px;margin:10px;padding:5px;height:17px;width:150px;color:#333333;text-align:center;}
div.olControlAttribution {bottom:5px;left:10px;padding:0;}
.olPopupCloseBox {background:url("images/close.png") no-repeat scroll 0 0 transparent; cursor: pointer; padding: 2px;}

/* legal-notice page */
.container.legal-notice h1 {
  margin-top: 0;
  font-weight: bold;
  text-align: center;
}

.offer-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: stretch;
}
.offer-box {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 27%;
    align-self: auto;
    border: 2px solid #246594;
    border-radius: 5px;
    margin: 0.5em;
    padding: 0.5em;
}
.offer-product {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    align-self: auto;
    border: 2px solid #246594;
    border-radius: 5px;
    background-color: #246594;
    color: white;
    margin: 0.5em;
    padding: 0.5em;
    text-align:center;
    font-size:1.2em;
}
.offer-qgis .offer-product {
    background-color: #8aac24;
    border-color: #8aac24;
}

.offer-lizmap .offer-product {
    background-color: #4c9a98;
    border-color: #4c9a98;
    color: black;
}

.offer-product img {
    display: inline-block;
    float:left;
    width:50px;
    margin:0 1em;
}
.offer-product .version {
    font-size:1.2em;
    display:block;
}

.offer-box h2,
#comparatif tr:first-child th h2 {
    font-size: 1.8em;
    text-align:center;
    background-color: #9eefce;
    margin: 0 0 1em 0;
    padding: 10px;

}
.offer-box h2:after,
#comparatif th h2:after {
    display:none;
}
.offer-box .price {
    margin-left: 1em;
    font-size:0.8em;
}
.offer-box .price span {
    font-size:3em;
    font-weight: bold;
    display: block;
}
.offer-box ul {
    padding: 1em;
}

.offer-box .note {
    font-size:0.85em;
    font-style:italic;
    line-height: 1.2em;
}

.offer-description {
    min-height:8em;
}

#comparatif th[colspan] h2 {
    font-size: 1.5em;
    text-align:left;
    padding-left:2em;
}

figure.screenshot {
    text-align: center;
    margin: 1em
}

figure.screenshot img  {
    width : 900px;
    margin: 1em 1em 0 1em ;
    display: inline;
}


@media (max-width:768px) {
    .offer-row {
        flex-direction: column;
    }
    .offer-description {
        min-height:auto;
    }
    figure.screenshot img {
        width : 500px;
    }

}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
    .offer-description {
        min-height:14em;
    }
    figure.screenshot img {
        width : 600px;
    }

}
@media (min-width:992px) {
    .container {
        width: 970px;
    }
    .offer-description {
        min-height:10em;
    }
    figure.screenshot img {
        width : 700px;
    }

}
@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
    .offer-description {
        min-height:8em;
    }
}