/*  ==================================================
    # Animation
    ================================================== */

.delayed {
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    animation-delay: 0.2s;
}


/*  ==================================================
    # SVG IE
    ================================================== */

img[src*=".svg"] {
    width: 100%;
}


/*  ==================================================
    # Typography
    ================================================== */

.i-code {
    display: none;
}

@font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.eot?76177336');
    src: url('../fonts/fontello.eot?76177336#iefix') format('embedded-opentype'), url('../fonts/fontello.ttf?76177336') format('truetype'), url('../fonts/fontello.svg?76177336#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.spb-icon:before {
    content: '\e801';
    color: white;
    padding-top: 50px !important;
}

.spb-icon:hover:before {
    color: #ff6f0b;
}

.spb-icon {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    font-size: 3.5em;
    display: inline-block;
    text-decoration: inherit;
    width: auto;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #4c4c4c;
}

header {
    margin-bottom: 82px;
}

.tblod {
    color: #272727;
    font: 600 53.34px 'Open Sans', sans-serif;
    margin-bottom: 2em;
}

.tblod2 {
    color: #272727;
    font: 600 53.34px 'Open Sans', sans-serif;
    margin-bottom: 1em;
}

.sub_t {
    font-weight: 400;
    font-size: 24px;
}

.anbtxt,
.anltxt {
    font-size: inherit;
}

textarea {
    resize: vertical;
}

.pdf {
    margin-right: 10px;
}

.tblodw {
    color: #fff;
    font: 600 53.34px 'Open Sans', sans-serif;
    margin-bottom: 2em;
    margin-top: 1.5em;
}

.tlight {
    color: #454545;
    font: 300 53.34px 'Open Sans', sans-serif;
}

.back-txt {
    color: #959595;
    text-align: justify;
    font: 400 16px/1.7em 'Open Sans', sans-serif;
}

.back-txt-center {
    color: #959595;
    text-align: center;
    font: 400 16px/1.7em 'Open Sans', sans-serif;
}

.back-txt-li {
    color: #959595;
    text-align: left;
    font: 400 16px/1.7em 'Open Sans', sans-serif;
}

.back-txt-li2 {
    font-size: 15px;
}

.back-txtg {
    font: 600 16px 'Open Sans', sans-serif;
}

.hc {
    width: 138px;
    background-color: #f37021;
    height: 1px;
    margin-bottom: 31px;
    margin-top: -71px;
}

.spb-wrapper {
    padding-top: 40px;
}

a,
a:focus,
a:hover {
    text-decoration: none;
    color: #fff;
    background-color: transparent;
}

.tlightw,
.tlightw2 {
    color: #fff;
    font: 300 53.34px 'Open Sans', sans-serif;
}

.tlightw2 {
    margin-top: -2em;
    text-align: center;
}

.tlightmb {
    text-align: center;
    font: 600 21px 'Open Sans', sans-serif;
    color: white;
}

.tlightmb2 {
    text-align: center;
    font: 600 17px 'Open Sans', sans-serif;
    color: white;
}

.tlightm {
    color: #fff;
    font: 300 21px /2em'Open Sans', sans-serif;
    text-align: center;
}

.tsls {
    color: #454545;
    font: 300 21px 'Open Sans', sans-serif;
}

.mar {
    margin-bottom: 5px
}

.gray {
    background-color: #f7f7f7;
}


/* element spacing */

.page-type {
    clear: both;
    padding-bottom: 4em;
    padding-top: 6em;
    display: block;
}

.b1 {
    padding-bottom: 80px
}


/*hover_animation*/

.cool-link:hover::after {
    width: 75%; //transition: width .3s;
}

*/
/*Timelapse_Slider*/

.timelapse {
    /*background: url(../images/timelapse.jpg)no-repeat center fixed;*/
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    /* version standardisée */
    width: 100%;
    height: 946px;
}

.accroche {
    margin-top: 0em;
    color: #FFF;
    font: italic 70px / 120px 'Open Sans', sans-serif;
}

.bill {
    color: #FFF;
    text-align: right;
    font: italic 30px / 120px 'Open Sans', sans-serif;
}

.tp {
    margin-top: 19%;
}

.btnaff,
.btnaff:focus {
    margin-top: 1em;
    border-radius: 5px;
    background-color: #ececec;
    box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.1);
    width: 488px !important;
    height: 70px;
    border: none;
    color: #ff6f0b;
    font: 400 20px / 23.657px 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.btndecouvre a {
    text-decoration: none !important;
}

.btndecouvre,
btndecouvre:focus {
    margin-top: 1em;
    border-radius: 5px;
    background-color: #ff6f0b;
    box-shadow: inset 0px -5px 0px 0px rgba(0, 0, 0, 0.1);
    width: 488px !important;
    height: 70px;
    border: none;
    color: #ececec;
    font: 400 20px / 23.657px 'Open Sans', sans-serif;
    text-transform: uppercase;
}

.down {
    margin-left: 13px;
}


/* Nos Solutions*/


/* Service_Row_img-thumbnail*/

.single-service {
    padding: 0px 30px 10px 30px;
    margin: 0 0 30px 0;
    background: #ffffff;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-bottom: 4px solid #eaeaea;
    border-radius: 0px;
    -webkit-transition: all ease 0.55s;
    transition: all ease 0.55s;
    min-height: 40px;
}

.spacing-media {
    line-height: 4em;
}

.tocolor img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transition: filter 900ms ease;
    -webkit-transition: -webkit-filter 900ms ease;
}

.effect:hover .tocolor img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}

.effect:hover .single-service {
    border-bottom-color: #ff6f0b;
    transition-delay: 50ms;
}


/*Counter*/

.bgcounter {
    background: url(../images/bgcounter.jpg);
    background-position: 50% 50%;
    height: 300px;
}

.timer {
    width: 300px;
    height: 200px;
    background: transparent;
    color: white;
    margin: 0 auto;
    text-align: center;
}

.textWrapper i {
    font-size: 50px;
    margin-left: auto;
    margin-right: auto;
}

.chartText {
    text-transform: uppercase;
    margin-top: -10px;
    color: #ffffff;
    letter-spacing: 1px;
    font: 700 14px / 20px 'Open Sans', sans-serif;
}

.number {
    font: 900 40px / 36px 'Roboto', sans-serif;
    margin-top: 20px;
    margin-bottom: 40px;
}

hr {
    width: 80px;
    height: 2px;
    background-color: white;
}


/* horizent center elements*/

.hcenter {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}


/*cadre*/

.cadre {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    font-size: 16px;
    line-height: 1.48em;
    border-radius: 10px;
    border: 2px solid #f48E25;
    padding: 20px 30px;
    margin-bottom: 20px;
    width: 100%;
    margin-bottom: 7em;
}

.arrow {
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-top-left-radius: 50px;
    border-right: 16px solid transparent;
    border-radius: 50px;
    border-top: 16px solid #f48E25;
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -21px;
}

.inarrow {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 14px solid #fff;
    margin-left: -14px;
    margin-top: -17px;
}

.team {
    color: #959595;
    font: 300 18px / 34px 'Open Sans', sans-serif;
    /*text-transform: uppercase;*/
    margin-top: 15px;
}

.bgf {
    background: url(../images/team.jpg)no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -800;
    width: 100%;
    padding-bottom: 10em;
}

.tmt {
    color: #fff;
    font: 600 25px / 0px 'Open Sans', sans-serif;
    margin-bottom: 1.5em;
    margin-top: 7em;
    text-transform: uppercase;
}

.tmt.adm {
    margin-top: 1.5em;
}

.tmtl {
    color: #fff;
    font: 300 22px 'Open Sans', sans-serif;
}

.tt {
    background-color: #ff6f0b;
    border: none;
    height: 2px;
    width: 40%;
}

.team_gras {
    font-weight: 700;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*social icons separator */


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.social-position {
    margin-top: -51px;
}

.social-icons {
    color: #252522 !important;
    margin: 20px;
}

.social-icons:hover {
    color: #ff6f0b !important;
}

.grey2 {
    background-color: #f7f7f7;
    max-height: 350px;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*coordonnées*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.org3 {
    color: #ff6f0b;
}

.org4 {
    color: #ff6f0b;
}

.org {
    color: #ff6f0b;
    font: 700 30px / 30px 'Open Sans', sans-serif;
}

h4 small {
    color: #ff6f0b;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.gr {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 28px;
    color: #777;
}

.contactIcon {
    float: left;
    color: #300743;
    padding-top: 20px;
}

.biggerIcon {
    top: 20%;
    position: absolute;
    opacity: 0.07;
}

.contactInfo {
    text-align: left;
    padding-left: 60px;
    padding-top: 2px;
}

.contactInfo p {
    line-height: 24px;
}


/*footer*/

footer {
    background-color: #1b1c21;
    padding-top: 30px;
    padding-bottom: 25px;
}

.bgrey {
    color: #818181;
    font: 400 15px / 5px 'Open Sans', sans-serif;
}

a:hover {
    text-decoration: none;
}

.bgrey:hover {
    color: #ff6f0b;
    text-decoration: none !important;
}

.bgrey2 {
    margin-top: 18px;
    color: #585858;
    font: 400 15px / 5px 'Open Sans', sans-serif;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*Page_Annonceurs*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.chart-mobile {
    display: none;
}

.chart-mobile2 {
    display: none;
}


/*CSS_Chart*/

.tcercle {
    position: relative;
    top: -3em;
    font: 700 14px / 36px 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #797979;
}

.tcercle2 {
    position: relative;
    top: -5em;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    color: #797979;
}

.top2 {
    top: -5.9em;
}

.ctop {
    position: relative;
    top: -3.5em;
}

.cercle {
    width: 200px;
    height: 200px;
    border: 10px solid #fa6900;
    line-height: 200px;
    border-radius: 50%;
    /* the magic */
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    background-color: #fff;
    margin: 0 auto -60px;
}

.c2 {
    border: 10px solid #f38630;
}

.c3 {
    border: 10px solid #e0e4cc;
}

.c4 {
    border: 10px solid #a7dbd8;
}

.c5 {
    border: 10px solid #69d2e7;
}

.c6 {
    border: 10px solid #ff4a49;
}


/* SVG_TEXT_Chart */

.t1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #797979;
}

.t2 {
    font: 700 14px / 36px 'Open Sans', sans-serif;
    text-transform: uppercase;
}

#chart-spb {
    background-color: white !important;
    width: 80%;
    margin-top: -4em;
}


/* Points forts */

.lhr {
    vertical-align: top;
    padding-bottom: 0;
    border-right: 1px solid #929292;
    display: table-cell;
    height: 290px
}

.ptxt {
    color: #454545;
    font: 400 24px 'Open Sans', sans-serif;
    margin-top: 4em;
}


/* Logo_Carrousel */

.carousel {
    margin: 10px 0 30px;
}

.separator-type {
    position: relative;
}

.parallax {
    background-attachment: fixed !important;
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    /* version standardisée */
}


/*  ==================================================
    # Plateforme_Slyder
    ================================================== */

.plate-txt {
    margin-top: 2em;
    color: #454545;
    font: 300 40.64px 'Open Sans', sans-serif;
}

.carousel-wrapper2 {
    margin: 100px 0px 50px 0px;
}

.owl-theme .owl-controls .owl-page span {
    margin-top: 1em;
    border-radius: 20px;
    background-color: #FA6900;
}


/*  ==================================================
    # Logo_Slyder
    ================================================== */

.carousel {
    margin: 10px 0 30px;
}

.carousel .carousel-item {
    text-align: center;
}

.carousel img {
    display: inline-block;
    opacity: 0.25;
}

.carousel .carousel-item:hover img {
    opacity: 1.0;
}

.separator-type.carousel-type .container {
    padding: 100px 0;
}


/** prev/next navigation */

.owl-theme .owl-controls .owl-buttons div {
    width: 9px;
    height: 15px;
    background: url(../images/direction.png);
    position: absolute;
    top: 50%;
    margin-top: -8px;
    opacity: 0.2;
    padding: 0px 0px 0px 0px;
}

.nav-white .owl-controls .owl-buttons div {
    background: url(../images/direction.png);
}

.owl-controls .owl-buttons div:hover {
    opacity: 0.7;
}

.nav-white .owl-controls .owl-buttons div:hover {
    opacity: 1.0;
}

.owl-next,
.owl-next:hover {
    background-position: 100% 0 !important;
}

.owl-prev {
    left: -50px;
}

.owl-buttons .owl-next {
    right: -50px;
}

.owl-buttons .disabled {
    display: block;
    opacity: 0.1;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*Page_Affilier*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/* Anim_SVG */

svg {
    width: 100%;
    max-height: 100%;
}

.anime-man {
    width: 70%;
}

.bgman {
    background: url(../images/bgman.jpg)no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* Icon_Point_fort */

.iconx {
    width: 135px;
    height: 135px;
}

.bglegal {
    margin-top: 5.6em;
    background: url(../images/mlegal.jpg)no-repeat center fixed;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    /* version standardisée */
    display: block;
}

.bgff {
    background: url(../images/bgaff.jpg)no-repeat center fixed;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    /* version standardisée */
}

.chartText2 {
    text-transform: uppercase;
    margin-top: 40px;
    color: #ffffff;
    letter-spacing: 1px;
    font: 700 20px / 20px 'Open Sans', sans-serif;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*Contacts*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

option,
option:before,
option:after {
    padding: 24px;
    color: #1b1c21;
}

.form-control {
    color: #c2c2c2;
    font: 500 14px 'Open Sans', sans-serif;
    letter-spacing: 1px;
    background-color: #fafafa;
    height: 39.6px;
}

.form-control:focus {
    border-color: #ff6f0b;
    box-shadow: none;
    border-width: 1.9px;
    color: #1b1c21;
}

input,
select,
textarea {
    color: #1b1c21;
}

.form-control::-webkit-input-placeholder {
    letter-spacing: 1px;
    color: #c2c2c2;
    font: 500 14px'Open Sans', sans-serif;
}

.form-control:-moz-placeholder {
    letter-spacing: 1px;
    color: #c2c2c2;
    font: 500 14px'Open Sans', sans-serif;
}

.form-control::-moz-placeholder {
    letter-spacing: 1px;
    color: #c2c2c2;
    font: 500 14px'Open Sans', sans-serif;
}

.form-control:-ms-input-placeholder {
    letter-spacing: 1px;
    color: #c2c2c2;
    font: 500 14px'Open Sans', sans-serif;
}

.annuler,
.annuler:hover {
    background-color: #ff5b45 !important;
}

.msg {
    margin-top: 8px;
    color: #cdcdcd;
    font: 500 12px 'Raleway', sans-serif;
    line-height: 18px;
    font-style: italic;
}

.map {
    width: 100%;
    height: 590px;
    background-color: azure;
}

.img_camp_liste {
    width: 120px;
}

.email_contact {
    color: #777;
}

.email_contact:hover {
    color: #777;
}

.btfrm {
    background-color: #8dc63f;
    display: inline-block;
    padding: 7px 23px!important;
    font-size: 17px!important;
    text-transform: uppercase;
    outline: 0;
    border: 0;
    border-radius: 3px;
    color: #ffffff !important;
    -webkit-transition: background-color 1s ease-out;
    -moz-transition: background-color 1s ease-out;
    -o-transition: background-color 1s ease-out;
    transition: background-color 1s ease-out;
}

.btfrm:hover {
    background-color: #ff6f0b;
}

.button-wrapper {
    padding: 40px 0px 0px; 0px;
}
/******** Checkbox**********/

.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

label.custom-option {
    width: 20px;
}

label.custom-option {
    position: relative;
    display: inline-block;
    padding: 0;
    height: 20px;
    vertical-align: top;
}

label {
    margin: 0;
    font-weight: normal;
}

label.custom-option input[type="checkbox"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0;
}

label.custom-option .button-checkbox {
    border: 1px solid #c2c2c2;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

label.custom-option + label {
    padding: 0 10px;
}

label.custom-option input[type="checkbox"]:checked + .button-checkbox {
    border-color: #FA6900;
}

label.custom-option.button input[type="checkbox"]:checked + .button-checkbox:after,
label.custom-option.button input[type="radio"]:checked + .button-radio:after {
    display: block;
}

label.custom-option.button input[type="checkbox"] + .button-checkbox:after,
label.custom-option.button input[type="radio"] + .button-radio:after {
    display: none;
    top: 5px;
    bottom: 5px;
    left: 5px;
    width: 8px;
    background: #FA6900;
}

label.custom-option input[type="checkbox"] + .button-checkbox:after,
label.custom-option input[type="radio"] + .button-radio:after {
    position: absolute;
    content: '';
    z-index: 2;
}

.form-text-bottom {
    color: #636363;
    font-size: 11px;
    line-height: 24px;
}

.form-text-bottom a {
    color: #FA6900;
}

.accept-chart {
    font-size: 10px;
    display: inline;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

video#bgvid {
    position: fixed;
    right: 0;
    bottom: -60px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../images/timelapse.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}

#voile {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-color: black;
    opacity: 0.5;
}

#teamsection,
#coord {
    background-color: white;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*Google_Map*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#google-container {
    position: relative;
    width: 100%;
    height: 200px;
    background-color: #e7eaf0;
}

@media only screen and (min-width: 768px) {
    #google-container {
        height: 300px;
    }
}

@media only screen and (min-width: 1170px) {
    #google-container {
        height: 600px;
    }
}

#cd-google-map {
    position: relative;
}

#cd-google-map address {
    position: absolute;
    width: 100%;
    bottom: -20px;
    left: 0;
    padding: 1em 1em;
    background-color: #ff6f0b;
    opacity: 0.8;
    color: white;
    font: 400 15px 'Open Sans', sans-serif;
}

@media only screen and (min-width: 768px) {
    #cd-google-map address {
        font-size: 15px;
        text-align: center;
    }
}

#cd-zoom-in,
#cd-zoom-out {
    height: 32px;
    width: 32px;
    cursor: pointer;
    margin-left: 10px;
    background-color: #ff6f0b;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-size: 32px 64px;
    background-image: url("../img/cd-icon-controller.svg");
}

.no-touch #cd-zoom-in:hover,
.no-touch #cd-zoom-out:hover {
    background-color: #ff6f0b;
}


/* new_referencement_tab */

.logos img {
    width: 93%;
}

.d-spacer {
    padding: 4.5em 0px;
}

.d-spacer-down {
    padding-bottom: 6em;
}

.semib {
    font-weight: 600;
}

.ref_card {
    background-color: #fff;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    border-radius: 2px;
    background-clip: border-box;
    padding: 0px;
}

.ref_card_head p {
    margin: 0px;
}

.ref_card_head {
    padding: 18px 0px;
    border-bottom: 1px solid #eaeaea;
    color: #454545;
    font-weight: 300;
    font-size: 21px;
}

.ref_card_content {
    padding: 20px;
    min-height: 263px;
}

.ref_card_content .ref-ctn {
    line-height: 1.5em;
}

.ref_card_content ul,
.ref-ctn {
    color: #959595;
    font-size: 17px;
}

.ref_card_content li {
    margin: 17px 0px;
}

.ref_card_content h4 {
    font-size: 17px;
}


/*** boxed-ref-container ***/

.boxed-ref-container {
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #eaeaea;
}

.ref-header {
    border-bottom: 1px solid #eaeaea;
    padding: 30px 0px;
}

.ref-header img {
    max-width: 275px;
}

.ref-content {
    padding: 40px 50px;
    color: #454545;
    font-weight: 300;
    font-size: 24px;
}

.ref-c {
    padding: 20px 0px;
    color: #959595;
    font-size: 18px;
    line-height: 1.8em;
}

.ref-c1 {
    padding: 5px 0px;
    color: #959595;
    font-size: 18px;
    line-height: 1.8em;
}

.boxed-ref-container ul {
    color: #959595;
    font-size: 18px;
    text-align: left;
}

.boxed-ref-container li {
    margin: 10px 0px;
}

.mapsvg {
    padding-bottom: 80px;
}

.logos .img-responsive {
    margin: 0 auto;
}

.mapsvg .img-responsive {
    margin: 0 auto;
}

.browser .img-responsive {
    margin: 0 auto;
}

.browser-list ul {
    margin-bottom: 3em;
}

.bgref {
    background: url(../images/bgref.jpg)no-repeat center fixed;
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    /* version standardisée */
}


/***************************/

@media only screen and (min-width: 768px) {
    #cd-zoom-in,
    #cd-zoom-out {
        margin-left: 50px;
    }
}

@media (max-width: 767px) {
    #cd-google-map address {
        text-align: center;
    }
}

#cd-zoom-in {
    background-position: 50% 0;
    margin-top: 10px;
    margin-bottom: 1px;
}

@media only screen and (min-width: 768px) {
    #cd-zoom-in {
        margin-top: 50px;
    }
}

#cd-zoom-out {
    background-position: 50% -32px;
}


/*======= Map_hide_copy_rights ============*/

a[href^="http://maps.google.com/maps"] {
    display: none !important
}

a[href^="https://maps.google.com/maps"] {
    display: none !important
}

.gmnoprint a,
.gmnoprint span,
.gm-style-cc {
    display: none;
}

.gmnoprint div {
    background: none !important;
}