﻿div#Div_Voiture_Societe_Zone_Titre {
    width: 100%;
    color: black;
}

div#Div_Voiture_Societe_Zone_Titre_Fond {
    position: relative;
    height: 100%;
    width: calc(100% - 270px);
    left: 240px;
    padding: 20px;
    background: url("/Images/Modele_Contenu_Fond.png");
}

div#Div_Voiture_Societe_Titre {
    position: relative;
    height: 100%;
    width: 100%;
    /*left: calc(80% - 300px);*/
    color: black;
    font-family: "corpo A condensed";
    text-align: right;
}

    div#Div_Voiture_Societe_Titre h1 {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 45pt;
        font-weight: 500;
        color: black;
    }

div#Div_Voiture_Societe_Introduction_Contenu {
    position: relative;
    height: 100%;
    min-height: 390px;
    width: calc(100% - 270px);
    left: 240px;
    padding: 20px;
    background: url("/Images/Modele_Contenu_Fond.png");
    background-repeat: repeat;
}

div#Div_Voiture_Societe_Zone_Introduction {
    width: 100%;
    position: relative;
}

div#Div_Voiture_Societe_Description {
    position: relative;
    margin-top: 20px;
    width: calc(100% - 380px);
    left: 365px;
    color: white;
    font-size: 10pt;
    text-justify: inter-word;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

div#Div_Voiture_Societe_Photo {
    position: absolute;
   
    width: 555px;
    top: 0px;
    background-color: black;
    box-shadow: 1px 0 24px rgba(0,0,0,0.3);
    -webkit-box-shadow: 1px 0 24px rgba(0,0,0,0.3);
    -moz-box-shadow: 1px 0 24px rgba(0,0,0,0.3);
    /*left:220px;*/
    left: calc(50% - 580px);
    z-index: 100;
}

div#Div_Voiture_Societe_Contenu_Zone {
    width: 100%;
}

div#Div_Voiture_Societe_Contenu_Zone_Fond {
    position: relative;
    height: 100%;
    width: calc(100% - 270px);
    left: 240px;
    padding: 30px;
    background: url("/Images/Modele_Contenu_Fond.png");
}

    div#Div_Voiture_Societe_Contenu_Zone_Fond h2 {
        font-size: 13pt;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-weight: 600;
        padding: 20px;
        padding-bottom: 0px;
        color: black;
    }

div#Div_Voiture_Societe_Introduction {
    position: relative;
    width: 100%;
    left: 165px;
    color: white;
    font-size: 14pt;
    font-family: "corpo a condensed";
}

div#Div_Voiture_Societe_Introduction_Guillemet_Ouvrant {
    display: block;
    width: 50px;
    height: 50px;
    padding-bottom: 15px;
    background: url("/Images/Guillemet_Ouvrant.png");
    background-repeat: no-repeat;
}

div#Div_Voiture_Societe_Introduction_Bas {
    /*background-color:yellow;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

div#Div_Voiture_Societe_Introduction_Texte {
    width: calc(100% - 260px);
    text-align: center;
}



div#Div_Voiture_Societe_Introduction_Texte_Droite {
    width: 60px;
}

div#Div_Voiture_Societe_Introduction_Guillemet_Fermant {
    width: 45px;
    height: 45px;
    margin-left: 10px;
    position: relative;
    top: calc(100% - 45px);
    background: url("/Images/Guillemet_Fermant.png");
    background-repeat: no-repeat;
}

div#Div_Voiture_Societe_Notre_Equipe_Contenu {
    display: flex;
    flex-flow: row;
    width: 100%
}

.Classe_Div_Voiture_Societe_Notre_Equipe_Contenu_Item {
    border: solid 1px black;
    width: 33%;
    margin: 5px;
    text-align: center;
}

.Classe_Div_Voiture_Societe_Notre_Equipe_Contenu_Photo {
}

.Classe_Div_Voiture_Societe_Notre_Equipe_Contenu_Texte {
}

div#Div_Voiture_Societe_Business_Solution_B_Contenu {
    width: 100%;
    padding: 0px;
    background-color: black;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Marge_Titre {
    width: 100%;
    display: flex;
    flex-flow: row;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Marge {
    width: 14px;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Titre {
    width: calc(33% - 11px);
    text-align: center;
    color:whitesmoke;
    font-weight:700;
    padding:10px;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Bord {
    background-image: url('/Images/Voiture_Societe/Pointille.png');
    background-repeat: repeat-y;
    width: 11px;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Pointe_Argument {
    width: 100%;
    display: flex;
    flex-flow: row;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Pointe {
    width: 14px;
    background-color: black;
    background-image: url('/Images/Voiture_Societe/Fleche_Haut.png');
    background-position: bottom;
    background-repeat: no-repeat;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Argument {
    width: calc(100% - 14px);
    text-align: center;
    color: aliceblue;
    background-color: steelblue;
    padding:5px;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Queue_Tableau {
    display: flex;
    flex-flow: row;
    width: 100%;
    
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Queue {
    width: 14px;
    background-color: black;
    background-image: url('/Images/Voiture_Societe/Fleche_Bas.png');
    background-repeat: repeat-y;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau {
    width: calc(33% - 11px);
    min-height: 450px;
    display: flex;
    flex-flow: column;
    text-align: center;
    color: black;
    flex-direction:column-reverse
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau_Ligne1 {
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: whitesmoke;
    order: 4;
    margin:2px;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau_Ligne2 {
    width: 100%;
    padding-bottom: 25px;
    padding-top: 25px;
    background-color: dodgerblue;
    color: aliceblue;
    order: 3;
    margin: 2px;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau_Ligne3 {
    width: 100%;
    padding-bottom: 25px;
    padding-top: 25px;
    background-color: deepskyblue;
    order: 2;
    margin: 2px;
}

.Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau_Ligne4 {
    width: 100%;
    padding-top: 25px;
    background-color: azure;
    order: 1;
    margin: 2px;
}

.Classe_Div_Noir {
    background-color: black;
}

div#Div_Voiture_Societe_Business_Solution_C_Contenu {
    width: 100%;
    padding: 0px;
    background-color: black;
}


    div#Div_Voiture_Societe_Business_Solution_C_Contenu .Classe_Div_Voiture_Societe_Business_Solution_Contenu_Titre {
        width: calc(25% - 12px);
        text-align: center;
       
    }

    div#Div_Voiture_Societe_Business_Solution_C_Contenu .Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau {
        width: calc(25% - 13px);
        
        display: flex;
        flex-flow: column;
        text-align: center;
        color: black;
        flex-direction: column-reverse;
    }

/*div#Div_Voiture_Societe_Business_Solution_Contenu_Tableau_3_Classe_C .Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau_Ligne1{
    order:1;

}
div#Div_Voiture_Societe_Business_Solution_Contenu_Tableau_3_Classe_C .Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau_Ligne2 {
    order: 3;
}
div#Div_Voiture_Societe_Business_Solution_Contenu_Tableau_3_Classe_C .Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau_Ligne3 {
    order: 2;
}
div#Div_Voiture_Societe_Business_Solution_Contenu_Tableau_3_Classe_C .Classe_Div_Voiture_Societe_Business_Solution_Contenu_Tableau_Ligne4 {
    order: 4;
}*/

div#Div_Voiture_Societe_Connect_Business_Contenu {
    width: 100%;
    min-height:400px;
    margin-top:50px;
    background-image: url('/Images/Voiture_Societe/Europe.png');
    background-position:right;
    background-size:contain;
    background-repeat:no-repeat;
}

div#Div_Voiture_Societe_Connect_Business_Logo_Texte {
    width:100%;
    display:flex;
    flex-flow:row wrap;
}

div#Div_Voiture_Societe_Connect_Business_Logo {
    width: 120px;
    height: 100px;
    background-size: contain;
    background-image: url('/Images/Voiture_Societe/Logo.png');
    background-repeat: no-repeat;
}

div#Div_Voiture_Societe_Connect_Business_Texte {
    width: 400px;
    height: 100px;
    background-image: url('/Images/Voiture_Societe/Logo_Titre.png');
    background-size: contain;
    background-repeat: no-repeat;
}
div#Div_Voiture_Societe_Nos_Engagements_Contenu{
    width:100%;
}
div#Div_Voiture_Societe_Nos_Engagements_Texte {
    width: 100%;
}

p {
    
    color:whitesmoke;
}
li{
    color:whitesmoke;
}

div#Div_Voiture_Societe_Photo_Homeservice {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}

div#Div_Voiture_Societe_Photo {
}

div#Div_Voiture_Societe_Homeservice {
}

div#Div_Voiture_Societe_Client_Fleet{
    width:100%;
    display:flex;
    flex-flow: row wrap;
}

div#Div_Contact_Message {
    width: 100%;
    color: white;
    margin-bottom: 20px;
}

.Classe_Input_Message {
    width: 100%;
    height: 100px;
    margin: 2px;
}

div#Div_Message_Coordonnées_Bouton {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

div#Div_Message_Bouton {
    width: 150px;
    padding: 2px;
}

div#Div_Message_Coordonnées {
    width: calc(100% - 160px);
}

.Classe_Champ_Message_Coordonnées {
    width: 100%;
    margin: 2px;
}

input.Classe_Bouton_Envoyer_Message {
    height: 100%;
    width: 100%;
    margin: auto;
}