/*|------------------------------|*/
/*|                              |*/
/*| Debut de la feuille de style |*/
/*|                              |*/
/*|------------------------------|*/

* {
    font-family: Arial, Helvetica, sans-serif;
}

html {
    height: 100%;
    width: 90%;
    margin: auto;
}

body {
    min-height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

html,
body {
    background-color: rgba(58, 150, 202, 1);
}

footer {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;

}

#banniere {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-bottom: -0.6250em;
    padding-top: -0.6250em;
    margin-top: -0.6250em;
    margin-bottom: -0.6250em;
}

p {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

h2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    /*padding-left: 10px;*/
    color: rgb(0, 0, 0);
    line-height: normal;
    word-spacing: 0.1em;

}

/* grid */

.container {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2px;

}

/* items */

.container > * {
    /*color: rgb(0, 0, 0);*/
    font-size: 1em;
    line-height: 1.5em;
    padding: 5%;
    background: rgba(255, 255, 255, 0.5);
    text-align: justify;
    /*border: solid 1px black;*/
}


/* nav styles */

.container nav {
    font-size: 1.2em;
    line-height: 2em;
    word-spacing: normal;
}

nav ul {
    list-style: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    line-height: 1.5em;
    margin-bottom: -1.3em;
    margin-top: -1.3em;
    padding-bottom: -1.3em;
    padding-top: -0.1em;
    word-spacing: normal;
}

nav a {
    color: rgb(255, 165, 0);
}

nav a:hover {
    text-decoration: none;
}

#logo_bgi {
    display: inline-block;
    float: left;
    margin: auto;
    padding-right: 2em;
}

footer {
    background-color: rgb(139, 69, 19);
}

footer a {
    color: rgb(159, 232, 85);
    padding-left: 1em;
}

footer a:hover {
    text-decoration: none;
}


/*|-------------------------------|*/
/*|                               |*/
/*| Style page realisation        |*/
/*|                               |*/
/*|-------------------------------|*/

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.grid {
    padding: 1em;
}

.grid-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5em;
}

.item {
    flex: 1 1 100%;
    padding: 0.5em;
}

/*|--------------------------------------------------|*/
/*|grid layout de realisation - automatisme          |*/
/*|--------------------------------------------------|*/

.item-inner_automatisme {
    background-size: cover;
    background-image: url("img/domaine_expertise/automatisme/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/2.jpg");
}

.item:nth-child(3) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/3.jpg");
}

.item:nth-child(4) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/4.jpg");
}

.item:nth-child(5) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/5.jpg");
}

.item:nth-child(6) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/6.jpg");
}

.item:nth-child(7) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/7.jpg");
}

.item:nth-child(8) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/8.jpg");
}

.item:nth-child(9) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/9.jpg");
}

.item:nth-child(10) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/10.jpg");
}

.item:nth-child(11) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/11.jpg");
}

.item:nth-child(12) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/12.jpg");
}

.item:nth-child(13) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/13.jpg");
}

.item:nth-child(14) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/14.jpg");
}

.item:nth-child(15) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/15.jpg");
}

.item:nth-child(16) .item-inner_automatisme {
    background-image: url("img/domaine_expertise/automatisme/16.jpg");
}

/*|--------------------------------------------------|*/
/*|grid layout de realisation - clim_pac_cvc         |*/
/*|--------------------------------------------------|*/

.item-inner_clim {
    background-size: cover;
    background-image: url("img/domaine_expertise/clim_pac_cvc/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_clim {
    background-image: url("img/domaine_expertise/clim_pac_cvc/2.jpg");
}

.item:nth-child(3) .item-inner_clim {
    background-image: url("img/domaine_expertise/clim_pac_cvc/3.jpg");
}

.item:nth-child(4) .item-inner_clim {
    background-image: url("img/domaine_expertise/clim_pac_cvc/4.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - cloison_plafonds     |*/
/*|--------------------------------------------------|*/

.item-inner_cloison {
    background-size: cover;
    background-image: url("img/domaine_expertise/cloisons_plafonds/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_cloison {
    background-image: url("img/domaine_expertise/cloisons_plafonds/2.jpg");
}

.item:nth-child(3) .item-inner_cloison {
    background-image: url("img/domaine_expertise/cloisons_plafonds/3.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - eclairage            |*/
/*|--------------------------------------------------|*/

.item-inner_eclairage {
    background-size: cover;
    background-image: url("img/domaine_expertise/eclairage/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_eclairage {
    background-image: url("img/domaine_expertise/eclairage/2.jpg");
}

.item:nth-child(3) .item-inner_eclairage {
    background-image: url("img/domaine_expertise/eclairage/3.jpg");
}

.item:nth-child(4) .item-inner_eclairage {
    background-image: url("img/domaine_expertise/eclairage/4.jpg");
}

.item:nth-child(5) .item-inner_eclairage {
    background-image: url("img/domaine_expertise/eclairage/5.jpg");
}

.item:nth-child(6) .item-inner_eclairage {
    background-image: url("img/domaine_expertise/eclairage/6.jpg");
}

.item:nth-child(7) .item-inner_eclairage {
    background-image: url("img/domaine_expertise/eclairage/7.jpg");
}

.item:nth-child(8) .item-inner_eclairage {
    background-image: url("img/domaine_expertise/eclairage/8.jpg");
}

.item:nth-child(9) .item-inner_eclairage {
    background-image: url("img/domaine_expertise/eclairage/9.jpg");
}

.item:nth-child(10) .item-inner_eclairage {
    background-image: url("img/domaine_expertise/eclairage/10.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - electricite          |*/
/*|--------------------------------------------------|*/

.item-inner_electricite {
    background-size: cover;
    background-image: url("img/domaine_expertise/elec/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/2.jpg");
}

.item:nth-child(3) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/3.jpg");
}

.item:nth-child(4) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/4.jpg");
}

.item:nth-child(5) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/5.jpg");
}

.item:nth-child(6) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/6.jpg");
}

.item:nth-child(7) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/7.jpg");
}

.item:nth-child(8) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/8.jpg");
}

.item:nth-child(9) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/9.jpg");
}

.item:nth-child(10) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/10.jpg");
}

.item:nth-child(11) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/11.jpg");
}

.item:nth-child(12) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/12.jpg");
}

.item:nth-child(13) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/13.jpg");
}

.item:nth-child(14) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/14.jpg");
}

.item:nth-child(15) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/15.jpg");
}

.item:nth-child(16) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/16.jpg");
}

.item:nth-child(17) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/17.jpg");
}

.item:nth-child(18) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/18.jpg");
}

.item:nth-child(19) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/19.jpg");
}

.item:nth-child(20) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/20.jpg");
}

.item:nth-child(21) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/21.jpg");
}

.item:nth-child(22) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/22.jpg");
}

.item:nth-child(23) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/23.jpg");
}

.item:nth-child(24) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/24.jpg");
}

.item:nth-child(25) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/25.jpg");
}

.item:nth-child(26) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/26.jpg");
}

.item:nth-child(27) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/27.jpg");
}

.item:nth-child(28) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/28.jpg");
}

.item:nth-child(29) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/29.jpg");
}

.item:nth-child(30) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/30.jpg");
}

.item:nth-child(31) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/31.jpg");
}

.item:nth-child(32) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/32.jpg");
}

.item:nth-child(33) .item-inner_electricite {
    background-image: url("img/domaine_expertise/elec/33.jpg");
    /*padding-top: 50%;*/
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - ondulateur           |*/
/*|--------------------------------------------------|*/

.item-inner_onduleurs_petite_puissance {
    background-size: cover;
    background-image: url("img/domaine_expertise/elec/onduleurs_petite_puissance/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_onduleurs_petite_puissance {
    background-image: url("img/domaine_expertise/elec/onduleurs_petite_puissance/2.jpg");
}

.item:nth-child(3) .item-inner_onduleurs_petite_puissance {
    background-image: url("img/domaine_expertise/elec/onduleurs_petite_puissance/3.jpg");
}

.item:nth-child(4) .item-inner_onduleurs_petite_puissance {
    background-image: url("img/domaine_expertise/elec/onduleurs_petite_puissance/4.jpg");
}

.item:nth-child(5) .item-inner_onduleurs_petite_puissance {
    background-image: url("img/domaine_expertise/elec/onduleurs_petite_puissance/5.jpg");
}

.item:nth-child(6) .item-inner_onduleurs_petite_puissance {
    background-image: url("img/domaine_expertise/elec/onduleurs_petite_puissance/6.jpg");
}

.item:nth-child(7) .item-inner_onduleurs_petite_puissance {
    background-image: url("img/domaine_expertise/elec/onduleurs_petite_puissance/7.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - genie_civil          |*/
/*|--------------------------------------------------|*/

.item-inner_genie_civil {
    background-size: cover;
    background-image: url("img/domaine_expertise/genie_civil/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/2.jpg");
}

.item:nth-child(3) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/3.jpg");
}

.item:nth-child(4) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/4.jpg");
}

.item:nth-child(5) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/5.jpg");
}

.item:nth-child(6) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/6.jpg");
}

.item:nth-child(7) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/7.jpg");
}

.item:nth-child(8) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/8.jpg");
}

.item:nth-child(9) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/9.jpg");
}

.item:nth-child(10) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/10.jpg");
}

.item:nth-child(11) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/11.jpg");
}

.item:nth-child(12) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/12.jpg");
}

.item:nth-child(13) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/13.jpg");
}

.item:nth-child(14) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/14.jpg");
}

.item:nth-child(15) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/15.jpg");
}

.item:nth-child(16) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/16.jpg");
}

.item:nth-child(17) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/17.jpg");
}

.item:nth-child(18) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/18.jpg");
}

.item:nth-child(19) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/19.jpg");
}

.item:nth-child(20) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/20.jpg");
}

.item:nth-child(21) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/21.jpg");
}

.item:nth-child(22) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/22.jpg");
}

.item:nth-child(23) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/23.jpg");
}

.item:nth-child(24) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/24.jpg");
}

.item:nth-child(25) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/25.jpg");
}

.item:nth-child(26) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/26.jpg");
}

.item:nth-child(27) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/27.jpg");
}

.item:nth-child(28) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/28.jpg");
}

.item:nth-child(29) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/29.jpg");
}

.item:nth-child(30) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/30.jpg");
}

.item:nth-child(31) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/31.jpg");
}

.item:nth-child(32) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/32.jpg");
}

.item:nth-child(33) .item-inner_genie_civil {
    background-image: url("img/domaine_expertise/genie_civil/33.jpg");
    /*padding-top: 50%;*/
}

/*|--------------------------------------------------|*/
/*|grid layout de realisation - incendie             |*/
/*|--------------------------------------------------|*/

.item-inner_incendie {
    background-size: cover;
    background-image: url("img/domaine_expertise/incendie/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_incendie {
    background-image: url("img/domaine_expertise/incendie/2.jpg");
}

.item:nth-child(3) .item-inner_incendie {
    background-image: url("img/domaine_expertise/incendie/3.jpg");
}

.item:nth-child(4) .item-inner_incendie {
    background-image: url("img/domaine_expertise/incendie/4.jpg");
}

.item:nth-child(5) .item-inner_incendie {
    background-image: url("img/domaine_expertise/incendie/5.jpg");
}

.item:nth-child(6) .item-inner_incendie {
    background-image: url("img/domaine_expertise/incendie/6.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - isolation_ext        |*/
/*|--------------------------------------------------|*/

.item-inner_isolation_ext {
    background-size: cover;
    background-image: url("img/domaine_expertise/isolation_ext/1.jpg");
    padding-top: calc(100% / (16/9));
}

/*|--------------------------------------------------|*/
/*|grid layout de realisation - maconneri_gros_oeuvre|*/
/*|--------------------------------------------------|*/

.item-inner_maconneri_gros_oeuvre {
    background-size: cover;
    background-image: url("img/domaine_expertise/maconneri_gros_oeuvre/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_maconneri_gros_oeuvre {
    background-image: url("img/domaine_expertise/maconneri_gros_oeuvre/2.jpg");
}

.item:nth-child(3) .item-inner_maconneri_gros_oeuvre {
    background-image: url("img/domaine_expertise/maconneri_gros_oeuvre/3.jpg");
}

.item:nth-child(4) .item-inner_maconneri_gros_oeuvre {
    background-image: url("img/domaine_expertise/maconneri_gros_oeuvre/4.jpg");
}

.item:nth-child(5) .item-inner_maconneri_gros_oeuvre {
    background-image: url("img/domaine_expertise/maconneri_gros_oeuvre/5.jpg");
}

.item:nth-child(6) .item-inner_maconneri_gros_oeuvre {
    background-image: url("img/domaine_expertise/maconneri_gros_oeuvre/6.jpg");
}

.item:nth-child(7) .item-inner_maconneri_gros_oeuvre {
    background-image: url("img/domaine_expertise/maconneri_gros_oeuvre/7.jpg");
}

.item:nth-child(8) .item-inner_maconneri_gros_oeuvre {
    background-image: url("img/domaine_expertise/maconneri_gros_oeuvre/8.jpg");
}

/*|-----------------------------------------------------------|*/
/*|grid layout de realisation - manoeuvre_force_levage_hauteur|*/
/*|-----------------------------------------------------------|*/

.item-inner_manoeuvre_force_levage_hauteur {
    background-size: cover;
    background-image: url("img/domaine_expertise/manoeuvre_force_levage_hauteur/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_manoeuvre_force_levage_hauteur {
    background-image: url("img/domaine_expertise/manoeuvre_force_levage_hauteur/2.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - photovoltaique       |*/
/*|--------------------------------------------------|*/

.item-inner_photovoltaique {
    background-size: cover;
    background-image: url("img/domaine_expertise/photovoltaique/1.jpg");
    padding-top: calc(100% / (16/9));
}

/*|--------------------------------------------------|*/
/*|grid layout de realisation - plomberie            |*/
/*|--------------------------------------------------|*/

.item-inner_plomberie {
    background-size: cover;
    background-image: url("img/domaine_expertise/plomberie/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_plomberie {
    background-image: url("img/domaine_expertise/plomberie/2.jpg");
}

.item:nth-child(3) .item-inner_plomberie {
    background-image: url("img/domaine_expertise/plomberie/3.jpg");
}

/*|--------------------------------------------------|*/
/*|grid layout de realisation - rzo_telecoms_systems |*/
/*|--------------------------------------------------|*/

.item-inner_rzo_telecoms_systems {
    background-size: cover;
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/2.jpg");
}

.item:nth-child(3) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/3.jpg");
}

.item:nth-child(4) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/4.jpg");
}

.item:nth-child(5) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/5.jpg");
}

.item:nth-child(6) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/6.jpg");
}

.item:nth-child(7) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/7.jpg");
}

.item:nth-child(8) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/8.jpg");
}

.item:nth-child(9) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/9.jpg");
}

.item:nth-child(10) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/10.jpg");
}

.item:nth-child(11) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/11.jpg");
}

.item:nth-child(12) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/12.jpg");
}

.item:nth-child(13) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/13.jpg");
}

.item:nth-child(14) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/14.jpg");
}

.item:nth-child(15) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/15.jpg");
}

.item:nth-child(16) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/16.jpg");
}

.item:nth-child(17) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/17.jpg");
}

.item:nth-child(18) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/18.jpg");
}

.item:nth-child(19) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/19.jpg");
}

.item:nth-child(20) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/20.jpg");
}

.item:nth-child(21) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/21.jpg");
}

.item:nth-child(22) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/22.jpg");
}

.item:nth-child(23) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/23.jpg");
}

.item:nth-child(24) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/24.jpg");
}

.item:nth-child(25) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/25.jpg");
}

.item:nth-child(26) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/26.jpg");
}

.item:nth-child(27) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/27.jpg");
}

.item:nth-child(28) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/28.jpg");
}

.item:nth-child(29) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/29.jpg");
}

.item:nth-child(30) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/30.jpg");
}

.item:nth-child(31) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/31.jpg");
}

.item:nth-child(32) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/32.jpg");
}

.item:nth-child(33) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/33.jpg");
}

.item:nth-child(34) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/34.jpg");
}

.item:nth-child(35) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/35.jpg");
}

.item:nth-child(36) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/36.jpg");
}

.item:nth-child(37) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/37.jpg");
}

.item:nth-child(38) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/38.jpg");
}

.item:nth-child(39) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/39.jpg");
}

.item:nth-child(40) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/40.jpg");
}

.item:nth-child(41) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/41.jpg");
}

.item:nth-child(42) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/42.jpg");
}

.item:nth-child(43) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/43.jpg");
}

.item:nth-child(44) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/44.jpg");
}

.item:nth-child(45) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/45.jpg");
}

.item:nth-child(46) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/46.jpg");
}

.item:nth-child(47) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/47.jpg");
}

.item:nth-child(48) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/48.jpg");
}

.item:nth-child(49) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/49.jpg");
}

.item:nth-child(50) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/50.jpg");
}

.item:nth-child(51) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/51.jpg");
}

.item:nth-child(52) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/52.jpg");
}

.item:nth-child(53) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/53.jpg");
}

.item:nth-child(54) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/54.jpg");
}

.item:nth-child(55) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/55.jpg");
}

.item:nth-child(56) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/56.jpg");
}

.item:nth-child(57) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/57.jpg");
}

.item:nth-child(58) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/58.jpg");
}

.item:nth-child(59) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/59.jpg");
}

.item:nth-child(60) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/60.jpg");
}

.item:nth-child(61) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/61.jpg");
}

.item:nth-child(62) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/62.jpg");
}

.item:nth-child(63) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/63.jpg");
}

.item:nth-child(64) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/64.jpg");
}

.item:nth-child(65) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/65.jpg");
}

.item:nth-child(66) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/66.jpg");
}

.item:nth-child(67) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/67.jpg");
}

.item:nth-child(68) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/68.jpg");
}

.item:nth-child(69) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/69.jpg");
}

.item:nth-child(70) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/70.jpg");
}

.item:nth-child(71) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/71.jpg");
}

.item:nth-child(72) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/72.jpg");
}

.item:nth-child(73) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/73.jpg");
}

.item:nth-child(74) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/74.jpg");
}

.item:nth-child(75) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/75.jpg");
}

.item:nth-child(76) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/76.jpg");
}

.item:nth-child(77) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/77.jpg");
}

.item:nth-child(78) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/78.jpg");
}

.item:nth-child(79) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/79.jpg");
}

.item:nth-child(80) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/80.jpg");
}

.item:nth-child(81) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/81.jpg");
}

.item:nth-child(82) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/82.jpg");
}

.item:nth-child(83) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/83.jpg");
}

.item:nth-child(84) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/84.jpg");
}

.item:nth-child(85) .item-inner_rzo_telecoms_systems {
    background-image: url("img/domaine_expertise/rzo_telecoms_systems/85.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - surete               |*/
/*|--------------------------------------------------|*/

.item-inner_surete {
    background-size: cover;
    background-image: url("img/domaine_expertise/surete/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_surete {
    background-image: url("img/domaine_expertise/surete/2.jpg");
}

.item:nth-child(3) .item-inner_surete {
    background-image: url("img/domaine_expertise/surete/3.jpg");
}

.item:nth-child(4) .item-inner_surete {
    background-image: url("img/domaine_expertise/surete/4.jpg");
}

.item:nth-child(5) .item-inner_surete {
    background-image: url("img/domaine_expertise/surete/5.jpg");
}

.item:nth-child(6) .item-inner_surete {
    background-image: url("img/domaine_expertise/surete/6.jpg");
}

.item:nth-child(7) .item-inner_surete {
    background-image: url("img/domaine_expertise/surete/7.jpg");
}


/*|-----------------------------------------------------------|*/
/*|grid layout de realisation - ctrl_acces_inter_videophonie  |*/
/*|-----------------------------------------------------------|*/

.item-inner_ctrl_acces_inter_videophonie {
    background-size: cover;
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/2.jpg");
}

.item:nth-child(3) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/3.jpg");
}

.item:nth-child(4) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/4.jpg");
}

.item:nth-child(5) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/5.jpg");
}

.item:nth-child(6) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/6.jpg");
}

.item:nth-child(7) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/7.jpg");
}

.item:nth-child(8) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/8.jpg");
}

.item:nth-child(9) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/9.jpg");
}

.item:nth-child(10) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/10.jpg");
}

.item:nth-child(11) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/11.jpg");
}

.item:nth-child(12) .item-inner_ctrl_acces_inter_videophonie {
    background-image: url("img/domaine_expertise/surete/ctrl_acces_inter_videophonie/12.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - detection_intrusion  |*/
/*|--------------------------------------------------|*/

.item-inner_detection_intrusion {
    background-size: cover;
    background-image: url("img/domaine_expertise/surete/detection_intrusion/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/2.jpg");
}

.item:nth-child(3) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/3.jpg");
}

.item:nth-child(4) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/4.jpg");
}

.item:nth-child(5) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/5.jpg");
}

.item:nth-child(6) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/6.jpg");
}

.item:nth-child(7) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/7.jpg");
}

.item:nth-child(8) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/8.jpg");
}

.item:nth-child(9) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/9.jpg");
}

.item:nth-child(10) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/10.jpg");
}

.item:nth-child(11) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/11.jpg");
}

.item:nth-child(12) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/12.jpg");
}

.item:nth-child(13) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/13.jpg");
}

.item:nth-child(14) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/14.jpg");
}

.item:nth-child(15) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/15.jpg");
}

.item:nth-child(16) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/16.jpg");
}

.item:nth-child(17) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/17.jpg");
}

.item:nth-child(18) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/18.jpg");
}

.item:nth-child(19) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/19.jpg");
}

.item:nth-child(20) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/20.jpg");
}

.item:nth-child(21) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/21.jpg");
}

.item:nth-child(22) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/22.jpg");
}

.item:nth-child(23) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/23.jpg");
}

.item:nth-child(24) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/24.jpg");
}

.item:nth-child(25) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/25.jpg");
}

.item:nth-child(26) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/26.jpg");
}

.item:nth-child(27) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/27.jpg");
}

.item:nth-child(28) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/28.jpg");
}

.item:nth-child(29) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/29.jpg");
}

.item:nth-child(30) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/30.jpg");
}

.item:nth-child(31) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/31.jpg");
}

.item:nth-child(32) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/32.jpg");
}

.item:nth-child(33) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/33.jpg");
}

.item:nth-child(34) .item-inner_detection_intrusion {
    background-image: url("img/domaine_expertise/surete/detection_intrusion/34.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - lapi                 |*/
/*|--------------------------------------------------|*/

.item-inner_lapi {
    background-size: cover;
    background-image: url("img/domaine_expertise/surete/lapi/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_lapi {
    background-image: url("img/domaine_expertise/surete/lapi/2.jpg");
}

.item:nth-child(3) .item-inner_lapi {
    background-image: url("img/domaine_expertise/surete/lapi/3.jpg");
}

.item:nth-child(4) .item-inner_lapi {
    background-image: url("img/domaine_expertise/surete/lapi/4.jpg");
}


/*|--------------------------------------------------|*/
/*|grid layout de realisation - rzo_telecoms_systems |*/
/*|--------------------------------------------------|*/

.item-inner_metallerie {
    background-size: cover;
    background-image: url("img/domaine_expertise/surete/metallerie/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/2.jpg");
}

.item:nth-child(3) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/3.jpg");
}

.item:nth-child(4) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/4.jpg");
}

.item:nth-child(5) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/5.jpg");
}

.item:nth-child(6) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/6.jpg");
}

.item:nth-child(7) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/7.jpg");
}

.item:nth-child(8) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/8.jpg");
}

.item:nth-child(9) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/9.jpg");
}

.item:nth-child(10) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/10.jpg");
}

.item:nth-child(11) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/11.jpg");
}

.item:nth-child(12) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/12.jpg");
}

.item:nth-child(13) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/13.jpg");
}

.item:nth-child(14) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/14.jpg");
}

.item:nth-child(15) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/15.jpg");
}

.item:nth-child(16) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/16.jpg");
}

.item:nth-child(17) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/17.jpg");
}

.item:nth-child(18) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/18.jpg");
}

.item:nth-child(19) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/19.jpg");
}

.item:nth-child(20) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/20.jpg");
}

.item:nth-child(21) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/21.jpg");
}

.item:nth-child(22) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/22.jpg");
}

.item:nth-child(23) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/23.jpg");
}

.item:nth-child(24) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/24.jpg");
}

.item:nth-child(25) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/25.jpg");
}

.item:nth-child(26) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/26.jpg");
}

.item:nth-child(27) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/27.jpg");
}

.item:nth-child(28) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/28.jpg");
}

.item:nth-child(29) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/29.jpg");
}

.item:nth-child(30) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/30.jpg");
}

.item:nth-child(31) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/31.jpg");
}

.item:nth-child(32) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/32.jpg");
}

.item:nth-child(33) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/33.jpg");
}

.item:nth-child(34) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/34.jpg");
}

.item:nth-child(35) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/35.jpg");
}

.item:nth-child(36) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/36.jpg");
}

.item:nth-child(37) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/37.jpg");
}

.item:nth-child(38) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/38.jpg");
}

.item:nth-child(39) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/39.jpg");
}

.item:nth-child(40) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/40.jpg");
}

.item:nth-child(41) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/41.jpg");
}

.item:nth-child(42) .item-inner_metallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/42.jpg");
}

.item:nth-child(43) .item-innermetallerie {
    background-image: url("img/domaine_expertise/surete/metallerie/43.jpg");
}


/*|---------------------------------------------------------|*/
/*|grid layout de realisation - videosurveillance_eclairage |*/
/*|---------------------------------------------------------|*/

.item-inner_videosurveillance_eclairage {
    background-size: cover;
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/1.jpg");
    padding-top: calc(100% / (16/9));
}

.item:nth-child(2) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/2.jpg");
}

.item:nth-child(3) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/3.jpg");
}

.item:nth-child(4) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/4.jpg");
}

.item:nth-child(5) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/5.jpg");
}

.item:nth-child(6) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/6.jpg");
}

.item:nth-child(7) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/7.jpg");
}

.item:nth-child(8) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/8.jpg");
}

.item:nth-child(9) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/9.jpg");
}

.item:nth-child(10) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/10.jpg");
}

.item:nth-child(11) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/11.jpg");
}

.item:nth-child(12) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/12.jpg");
}

.item:nth-child(13) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/13.jpg");
}

.item:nth-child(14) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/14.jpg");
}

.item:nth-child(15) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/15.jpg");
}

.item:nth-child(16) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/16.jpg");
}

.item:nth-child(17) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/17.jpg");
}

.item:nth-child(18) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/18.jpg");
}

.item:nth-child(19) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/19.jpg");
}

.item:nth-child(20) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/20.jpg");
}

.item:nth-child(21) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/21.jpg");
}

.item:nth-child(22) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/22.jpg");
}

.item:nth-child(23) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/23.jpg");
}

.item:nth-child(24) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/24.jpg");
}

.item:nth-child(25) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/25.jpg");
}

.item:nth-child(26) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/26.jpg");
}

.item:nth-child(27) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/27.jpg");
}

.item:nth-child(28) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/28.jpg");
}

.item:nth-child(29) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/29.jpg");
}

.item:nth-child(30) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/30.jpg");
}

.item:nth-child(31) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/31.jpg");
}

.item:nth-child(32) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/32.jpg");
}

.item:nth-child(33) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/33.jpg");
}

.item:nth-child(34) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/34.jpg");
}

.item:nth-child(35) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/35.jpg");
}

.item:nth-child(36) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/36.jpg");
}

.item:nth-child(37) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/37.jpg");
}

.item:nth-child(38) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/38.jpg");
}

.item:nth-child(39) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/39.jpg");
}

.item:nth-child(40) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/40.jpg");
}

.item:nth-child(41) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/41.jpg");
}

.item:nth-child(42) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/42.jpg");
}

.item:nth-child(43) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/43.jpg");
}

.item:nth-child(44) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/44.jpg");
}

.item:nth-child(45) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/45.jpg");
}

.item:nth-child(46) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/46.jpg");
}

.item:nth-child(47) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/47.jpg");
}

.item:nth-child(48) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/48.jpg");
}

.item:nth-child(49) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/49.jpg");
}

.item:nth-child(50) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/50.jpg");
}

.item:nth-child(51) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/51.jpg");
}

.item:nth-child(52) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/52.jpg");
}

.item:nth-child(53) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/53.jpg");
}

.item:nth-child(54) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/54.jpg");
}

.item:nth-child(55) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/55.jpg");
}

.item:nth-child(56) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/56.jpg");
}

.item:nth-child(57) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/57.jpg");
}

.item:nth-child(58) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/58.jpg");
}

.item:nth-child(59) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/59.jpg");
}

.item:nth-child(60) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/60.jpg");
}

.item:nth-child(61) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/61.jpg");
}

.item:nth-child(62) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/62.jpg");
}

.item:nth-child(63) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/63.jpg");
}

.item:nth-child(64) .item-inner_videosurveillance_eclairage {
    background-image: url("img/domaine_expertise/surete/videosurveillance_eclairage/64.jpg");
}


/*|---------------------------------------------------------|*/
/*|grid layout de realisation - videosurveillance_eclairage |*/
/*|---------------------------------------------------------|*/

.item-inner_system_tv {
    background-size: cover;
    background-image: url("img/domaine_expertise/system_tv/1.jpg");
    padding-top: calc(100% / (16/9));
}


/*|---------------------------------------------------------|*/
/*|grid layout de realisation - videosurveillance_eclairage |*/
/*|---------------------------------------------------------|*/

.item-inner_video_specifique {
    background-size: cover;
    background-image: url("img/domaine_expertise/video_specifique/1.jpg");
    padding-top: calc(100% / (16/9));
}


/*|--------------------------------------------------|*/
/*|                                                  |*/
/*| media query for grid layout de realisation       |*/
/*|                                                  |*/
/*|--------------------------------------------------|*/

@media screen and (min-width: 480px) {
    .item {
        flex: 1 1 50%;
    }
}

@media screen and (min-width: 768px) {
    .item {
        flex: 1 1 33.333%;
    }
}

@media screen and (min-width: 980px) {
    .item {
        flex: 1 1 25%;
    }
}




/*|-------------------------------|*/
/*|                               |*/
/*| Style page Defense Economique |*/
/*|                               |*/
/*|-------------------------------|*/

/*-------------------------------------------------------------*/
/*                                                            |*/
/*                                                            |*/
/*                       CSS du slider                        |*/
/*                                                            |*/
/*                                                            |*/
/*-------------------------------------------------------------*/


@keyframes slider {

    0% {
        left: 50%;
    }

    20% {
        left: 0%;
    }

    40% {
        left: -100%;
    }

    60% {
        left: -200%;
    }

    80% {
        left: -300%;
    }

    100% {
        left: -400%;
    }
}



#slider {
    overflow: hidden;
    width: 10%;
    /*A modifier pour ajuster la hauter/largueur des images du slider*/
    height: 100%;
    /*A modifier pour ajuster la hauter/largueur des images du slider*/
    margin: auto;
}

#slider figure img {
    width: 20%;
    float: left;

}

#slider figure {
    position: relative;
    width: 500%;
    margin: 0;
    left: 0;
    animation: 25s slider infinite;
}

img {
    max-height: 200px;
}

/*|-----------------------------|*/
/*|                             |*/
/*| media query for grid layout |*/
/*|                             |*/
/*|-----------------------------|*/

@media only all and (min-width: 1025px) {

    /* grid */
    .container {
        grid-template-columns: repeat(4, 1fr);
    }

    /* specific item styles */
    .container header,
    .container nav,
    .container footer {
        grid-column: span 4;
        background-color: rgba(139, 69, 19, 0.95);
        /*saddlebrown*/
        color: rgb(159, 232, 85);
        /*anis*/
    }

    .container section {
        grid-column: span 4;
        grid-auto-columns: auto;
    }

    /* nav styles */
    nav ul li {
        display: inline-block;
        padding: 0 20px 0 0;
    }

    /* hide toggle */
    .toggle {
        display: none;
    }

    header > a {
        text-decoration: none;
    }

    #banniere {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        background-color: rgba(139, 69, 19, 0.95);
    }

    nav ul {
        list-style: none;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        line-height: 1.5em;
        margin-bottom: -1.30em;
        margin-top: -1.30em;
        padding-bottom: -1.30em;
        padding-top: -1.30em;
    }
}

/*-------------------------------------------------------------*/
/*|                                                           |*/
/*|*/
/*responsive du slider*/
/*|*/
/*|                                                           |*/
/*-------------------------------------------------------------*/

@media only all and (max-width: 1025px) {
    @keyframes slider {
        0% {
            left: 50%;
        }

        20% {
            left: 0%;
        }

        40% {
            left: -100%;
        }

        60% {
            left: -200%;
        }

        80% {
            left: -300%;
        }

        100% {
            left: -400%;
        }
    }


    #slider {
        overflow: hidden;
        width: 50%;
        /*A modifier pour ajuster la hauter/largueur des images du slider*/
        height: 100%;
        /*A modifier pour ajuster la hauter/largueur des images du slider*/
        margin: auto;
        background-color: rgba(15, 198, 191, 0.38);
    }

    #slider figure img {
        width: 20%;
        float: left;
    }

    #slider figure {
        position: relative;
        width: 500%;
        margin: 0;
        left: 0;
        animation: 25s slider infinite;

    }

    div > figure > img {
        max-height: 500px;
    }
}

/*|-----------------------------|*/
/*|                             |*/
/*| media query for grid layout |*/
/*|                             |*/
/*|-----------------------------|*/

@media only all and (max-width: 1025px) {

    #nav {
        transition: transform .5s ease-in-out;
        top: 0;
        bottom: 0;
        min-height: 100vh;
        /* override Safari bug */
        position: absolute;
        /* or choose `absolute` depending on desired behavior*/
        width: 225px;
        left: -340px;
    }

    #nav:target {
        transform: translateX(340px);
        background-color: rgba(139, 69, 19, 0.95);
    }

    .close {
        text-align: right;
        display: block;
        text-decoration: none;
        font-size: 3em;
        position: relative;
        top: -0.1em;
        right: -0.2em;
    }

    header > a {
        text-decoration: none;
        color: rgb(229, 170, 9);
    }

    #banniere {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 90%;
        background-color: rgba(139, 69, 19, 0.95);
    }

    .container header {
        background-color: rgba(139, 69, 19, 0.95);
    }

    .container footer {
        background-color: rgba(139, 69, 19, 0.95);
        /*saddlebrown*/
        color: rgb(159, 232, 85);
        /*anis*/
    }

    li {
        display: block;
        margin-left: -1.5em;
        padding-left: -1em;
        width: 90%;
    }

    #sepparation {
        display: none;
    }
}


table {
    margin-left: 20px;
}

.note {
    margin-top: 2.5em;
    font-size: 10px;
}

.tab_centre {
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.def_eco_1 {
    height: 110px;
}

.def_eco_2 {
    height: 110px;
}

.def_eco_3 {
    height: 110px;
}

.def_eco_4 {
    height: 110px;
}

.def_eco_5 {
    height: 110px;
}



.ajuste {
    width: 45%;
    margin-left: 5%;
}

.avantage {
    font-size: 1.2em;
    width: auto;
}

.liste_emploi {
    width: 25%;
    margin-left: 20%;
}

#redirect_pied {
    display: inline-block;
    margin: auto;
    height: 7em;
}

p > img > #logo_bgi {
    text-align: center;
    width: 50%;
}


figcaption {
    color: rgb(0, 0, 0);
    text-align: center;
    font-style: italic;
    font-size: smaller;
}







#centre {
    display: block;
    width: 50%;
    margin: auto;
}



@media only all and (max-width: 1025px) {

    #redirect_pied {
        display: inline-block;
        margin: auto;
        width: 100%;
        max-height: 5em;
    }
}


@media only all and (max-width: 1025px) {

    #logo_bgi {
        display: inline-block;
        float: left;
        margin: auto;
        padding-right: 2em;
        width: 100%;
    }
}


#lien_gssb {
    font-weight: bold;
}

#lien_sgg {
    font-weight: bold;
}

#lien_datech {
    font-weight: bold;
}


.gras_souligne {
    font-weight: bold;
    text-decoration: underline;
}

.gras {
    font-weight: bold;
}

#tire_realisation {
    font-size: 2em;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

#li-perso {
    font-size: 1.1em;
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 5%;
}





#titre_perso {
    text-align: center;
    font-size: 2.5em;
    font-family: 'arial black';
}

#h2-perso {
    text-align: left;
    font-size: 1.5em;
    width: auto;
}

#p-perso {
    font-weight: bold;
    font-size: 1.2em;
    width: auto;
}

#p-perso-2 {
    text-decoration: underline;
    font-weight: bold;
    font-size: 1.25em;
    width: auto;
}

#gras {
    font-weight: bolder;
}

#p-perso-3 {

    font-size: 1.2em;
    width: auto;
}







#centre-2 {
    display: block;
    margin-left: 25%;
    margin-right: auto;
}



#logo_anssi {
    margin-left: 5%;
    margin-right: 5%;
}

#logo_cnpp {
    max-width: 279px;
}

#li-perso-2 {
    font-size: 1.1em;

    list-style-position: inside;
    padding-left: 7%;
}

.item-inner_projet_complex {
    background-size: cover;
    background-image: url("img/domaine_expertise/projet_complex_dementellement/1.jpg");
    padding-top: calc(100% / (16/9));
}

#banner-text {
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    background-color: #00361f;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: -1em;
    width: 80%;
}


/*|-----------------------------|*/
/*|                             |*/
/*|      Text qui défloat:      |*/
/*|                             |*/
/*|-----------------------------|*/

.marquee-rtl {
    overflow: hidden;
    /* important */
    width: 80%;
    max-width: 80em;
    /* A ADAPTER */
    color: #ffffff;
    font-weight: bold;
    background-color: #00361f;
}

.marquee-rtl > div {
    display: inline-block;
    /* important */
    white-space: nowrap;
    /* important */
    animation: defilement-rtl 45s infinite linear;
    /* défilement */
    cursor: pointer;
    padding: 0.1em 0.1em 0.1em 80%;
}

.marquee-rtl:hover > div {
    animation-play-state: paused;
    /* met en pause le défilement */
}

.marquee-rtl > div:first-letter {
    font-weight: bolder;
}

@keyframes defilement-rtl {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0);
    }

    100% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
    }
}

/* ---------------------------- */
/* texte sur plusieurs lignes automatiquement */
.marquee-multi-lignes > div {
    width: 80%;
    white-space: normal;
    /* important */
}

/* ---------------------------- */
/* déco */

.marquee-rtl {
    margin: 1em auto;
    border: 0.15em solid #ffffff;
}

.marquee-rtl > div {
    font-size: 1.25em;
}