html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* CSS Element Setup YMarketing*/

/* Mobile */

body {
    font-family: Roboto;
}



/*Map style */


#mapid {


    height: 550px;
    width: 100%;
    border-top: 2px rgba(40, 147, 204, 0.95) solid;
    border-bottom: 2px rgba(40, 147, 204, 0.95) solid;

}

/* Text shadow header*/

.textShadowHeader {
    text-shadow: 2px 2px 7px black, 0 0 25px white, 0 0 5px grey
}

.paddingBottomVendu {
    padding-bottom: 50px;
}

.paddingTopAndBottom {
    padding-bottom: 1em;
    padding-top: 1em;
}

.listStyleConstruction {
    list-style-type: disc;
    padding: 1.6em;
    line-height: 1.9 !important;
}

.whiteText {
    color: white !important;
}


.blackText {
    color: black !important;
}



.mainNav a {
    color: rgb(50, 51, 100);
}


.Header_Black {
    background-color: #fff !important;
    height: 150px;
}


/* Afficher autre logo dans page politique */
.logo-noir {
    display: none;
}

#politique header a, #politique header .whiteText {
    color: black !important;
}

#politique .logo-blanc {
    display: none;
}
#politique .logo-noir {
    display: block;
}

/* Old Site styling */


.box50 {
    flex: 0 0 50%;
}

.box100 {
    flex: 0 0 100%;
}


.voir {
    max-width: 100px;
}

a.voir, td.voir {
    color: #000;
    background: #a8c0c7;
    text-align: center;
    padding: 0.5em 0;
}

td.voir img {
    width: 15px;
    max-width: 100px;
}

a.voir:hover {
    -webkit-animation: apparition 1s;
    -moz-animation: apparition 1s;
    -o-animation: apparition 1s;
    animation: apparition 1s;
}


p.titre {
    font-size: 1.5em;
    margin-top: 1em;
}

/* table styling */


#buildings {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

#buildings td, #buildings th {
    border: 4px solid white;
    padding: 8px;
}

#buildings tr:nth-child(even) {
    background-color: #f2f2f2;
}

#buildings tr:nth-child(odd) {
    background-color: #f2f2f2;
}

#buildings tr:hover {
    background-color: #ddd;
}

#buildings th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #a8c0c7;
    color: white;
}

/* table styling */

.Header_Black_Texte {
    color: #fff !important;
}


.margintoplouer {
    background-color: #fff !important;
    position: relative;
    padding-top: 2em;
}


.TexteSlider {
    display: inline-block;
    font-size: 8.5em;
    text-transform: uppercase;
    font-size: 700;
    color: #fff;
    z-index: 3000;
    position: relative;
}

.TexteSliderBouton {
    margin-left: 0em;
    display: inline-block;
    margin-top: 3em;
    z-index: 3001 !important;
    position: relative;
}


.Bouton_home {
    color: #fff !important;
    padding: 1.2em 0em;
    
    vertical-align: bottom !important;
   
}



.TitreUp_Projet {
    margin-left: 3em;
    margin-top: -23em;
    margin-bottom: 2.5em;
    z-index: 2000 !important;
    position: relative;
    text-align: left;
}

.TexteSlider_Projet {
    font-family: 'Roboto', sans-serif;
    display: block;
    font-size: 6em;
    font-weight: 800 !important;
    color: #fff;
    z-index: 3000;
    position: relative;
    letter-spacing: 3px;
}

.TexteSliderBouton_Projet {
    margin-left: 0em;
    display: inline-block;
    margin-top: 1em;
    z-index: 3001 !important;
    position: relative;
}

.Bouton_home_Projet {
    padding: 1.2em 2.5em;
    margin-left: 0em;
    vertical-align: bottom !important;
    display: inline-block;
}

.TexteSliderImmeuble_Projet {
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    font-size: 3.1em;
    font-weight: 600 !important;
    color: #000;
    z-index: 3001;
    position: relative;
    letter-spacing: -1px;
}

.TexteSliderImmeuble_Projet span {
    vertical-align: bottom;
    font-size: 1.5em;
    font-weight: 900 !important;
    color: #000;
    z-index: 3001;
    letter-spacing: -1px;
}


video {
    width: 100%;
    height: auto;
    z-index: 5 !important;
    position: relative;
}

.TitreUp {
    margin-top: -15em;
    z-index: 2000 !important;
    position: relative;
    text-align: center;
}

.fullscreen-bg {
    position: relative;
    margin-top: 0em;
}


.fullscreen-bg2 {
    position: relative;
    margin-top: 0em;
}


.fullscreen-video {
    position: relative;
    margin-top: -15em;
}


.Topleft {
    text-align: left;
    position: absolute !important;
    display: inline;
    z-index: 70 !important;
    top: 20px !important;
    left: 50px;
    max-width: 150px;
}

.Topright {
    text-align: left;
    display: flex;
    position: absolute !important;
    z-index: 9007 !important;
    top: 50px;
    right: 50px;
}

.Topleft {
    text-align: left;
    display: flex;
    position: absolute !important;
    top: 20px !important;
    z-index: 70 !important;
    max-width: 150px;
    left: 50px;
}

.FlexBox_Right {
    flex: 0 0 auto;
    margin-right: 2em;
    text-align: left;
    z-index: 9008 !important;
    color: #121212;
    cursor: pointer !important;
}

.FlexBox_Right2 {
    flex: 0 0 auto;
    margin-right: 1.5em;
    margin-left: 0em;
    text-align: left !important;
    z-index: 9008 !important;
    color: #121212;
    cursor: pointer !important;
}

.FlexBox_Right3 {
    flex: 0 0 auto;
    text-align: left !important;
    z-index: 9008 !important;
    color: #121212;
    cursor: pointer !important;
}

header .Topright a{
    text-shadow: 1px 1px #5d5d5d;
}


.imgwidth {
    width: 100%;
    height: auto;
}

.imgwidth2 {
    width: 100%;
    max-width: 150px !important;
    height: auto;
}


.imgwidth3 {
    width: 100%;
    height: auto;
    margin-bottom: 3.5em;
    cursor: pointer;
}

.imgwidth4 {
    width: 100%;
    height: auto;
    margin-bottom: 3.5em;
    margin-top: 5em;
    cursor: pointer;
}

.imgwidth5 {
    width: 25%;
    height: auto;
    margin-bottom: 3.5em;
    margin-top: 5em;
    cursor: pointer;
}


.spacer1 {
    margin-top: 9em;
}


.Flex_Wrap_H {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 0em;
}

.Flex_Wrap_Icone {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 50%;
    margin-left: 15%;
}


.FlexBox_H1 {
    flex: 0 0 30%;
    margin-left: 15%;
    margin-right: 5%;
    margin-top: 1%;
}

.FlexBox_H2 {
    flex: 0 0 38%;
    margin-left: 0%;
    margin-right: 7%;
    margin-top: 5%;
}


.FlexBox_Icone1 {
    flex: 0 0 25%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 8%;
}

.FlexBox_Icone2 {
    flex: 0 0 25%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 8%;
}

.FlexBox_Icone3 {
    flex: 0 0 25%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 8%;
}


.Texteh1_H {
    font-size: 2.4em;
    color: #a8c0c7;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 115%;
}

.Texteh2_H {
    font-size: 1.6em;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 115%;
}

.Textep_H {
    font-size: 0.95em;
    color: #000;
    font-weight: 300;
    line-height: 115%;
}

.Textep2_H {
    font-size: 0.95em;
    color: #000;
    font-weight: 300;
    line-height: 115%;
    margin-top: 0.6em;
}

.Textep_H5 {
    font-size: 0.8em;
    color: #000;
    font-weight: 300;
    line-height: 115%;
    margin-top: 1.6em;
}


.TitreH1_pageprojet {
    text-align: left;
    font-family: 'Roboto';
    font-size: 2.2em;
    color: #000;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.Texte_Descriptif {
    text-align: left;
    font-family: 'Roboto';
    font-size: 1.1em;
    font-weight: 400;
    line-height: 135%;
}


.Texte_Descriptif2 {
    text-align: left;
    font-family: 'Roboto';
    font-size: 2em;
    font-weight: 400;
    line-height: 135%;
}


.Textep_Icone_H3 {
    font-size: 1.35em;
    color: #000;
    font-weight: 400;
    line-height: 115%;
    text-transform: uppercase;
    margin-top: 11%;
}


.container90 {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    position: relative;
}


.Flex_Footer {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%;
    margin-left: 0%;
    text-align: left;
}

.H4TexteFooter1 {
    font-size: 1.05em;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.7em;
    font-family: 'Roboto', sans-serif;
}

.H4TexteFooter2 {
    font-size: 1.05em;
    color: #fff;
    font-weight: 600;
    margin-bottom: 1.7em;
    font-family: 'Roboto', sans-serif;
}


.H5TexteFooter {
    font-size: 0.75em;
    color: #fff;
    font-weight: 300;
}


.H5TexteFooter_Black {
    font-size: 0.7em;
    color: #fff;
    font-weight: 200;
}


.retourprojet {
    text-decoration-color: #c8c8c8 !important;
    font-size: 0.7em;
    color: #121212;
    font-weight: 400;
    text-align: left;
    text-decoration: underline;
}


.flexbox_Footer1 {
    flex: 0 0 11.2%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 3em;
}

.flexbox_Footer2 {
    flex: 0 0 21%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 3em;
}

div.footermktg {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.flexbox_Footer3 {
    flex: 0 0 20%;
    margin-left: 0%;
    margin-right: 0%;
    margin-top: 3em;
}


.Flex_Footer2 {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 4em;
}

.flexbox_Footer1_2 {
    flex: 0 0 auto;
}

.flexbox_Footer2_2 {
    flex: 0 0 auto;
}

.flexbox_Footer3_2 {
    flex: 0 0 auto;
}


.lignegrise {
    border-style: solid;
    border-color: #2b2c2b !important;
    border-width: thin;
    margin-bottom: 0.5em;
}

.lignegrisepale {
    border-style: solid;
    border-color: #e2e5e8 !important;
    border-width: thin;
    margin-bottom: 0.5em;
}


.BlocGris {
    background-color: #fff;
    position: relative;
    margin-top: 1em;
    height: 160px;
    z-index: 5 !important;
}

.BlocWhite {
    background-color: #fff;
    position: relative;
    margin-top: -5em;
    height: 160px;
    z-index: 5 !important;
}


.White_Footer {
    background-color: #fff !important;
}

.White_Footer_Texte {
    color: #000 !important;
}

.White_Footer_Texte2 {
    color: #121212 !important;
}


.conteneur90projet {
    width: 90%;
    margin: 0 auto;
}



.Flex_Projet_Page {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-left: 0%;
    text-align: left;
}



.projet_texte2{
	display: inline-block;
    width:41%;
	
}


.projet_texte3{
	display: inline-block;
    width:23%;
	
}





.flexbox_Projet_page {
	
    flex: 0 0 50%;
    font-size: 1em;
}


.flexbox_Projet_page2 {
	text-align: left;
    flex: 0 0 100%;
    font-size: 1em;
}

.flexbox_Projet_page2 p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.3em;
    font-weight: 700;
}

.flexbox_Projet_page2 span {
    vertical-align: bottom;
    font-size: 0.75em;
    font-weight: 300;
}



.flexbox_Projet_page p {
	display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 1.3em;
    font-weight: 700;
}

.flexbox_Projet_page span {
	display: inline-block;
    vertical-align: bottom;
    font-size: 0.75em;
    font-weight: 300;
	
}



.texteprecedent{

	letter-spacing: -1.9px;
	margin-top: 21px;
}	

.textesuivant{

	letter-spacing: -1.9px;
	margin-top: 21px;
}	





.Flex_Projet_Page2 {
    flex-wrap: wrap;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-left: 0%;
    text-align: left;
    align-items: stretch;
}

.flexbox_Projet_arrows1 {
    transition: 1s;
    flex: 0 0 49.95%;
    text-align: center;
    background: #a8c0c7;
    background-color: #a8c0c7;
    font-size: 1.5em;
    color: #fff;
}

.flexbox_Projet_arrows2 {

    transition: 1s;
    flex: 0 0 49.95%;
    text-align: center;
    background: #a8c0c7;
    background-color: #a8c0c7;
    font-size: 1.5em;
    color: #fff;

}


.flexbox_Projet_arrows1:hover {
    background-color: #077696;
}

.flexbox_Projet_arrows2:hover {
    background-color: #077696;
}


.texteprecedent {
    margin-left: 7em;
}

.textesuivant {
    margin-right: 7em;
}


button:hover {
    background-color: rgba(120, 120, 120, 0.5);
    background: linear-gradient(to bottom, #d1cdcf 50%, #9a9a9a 100%);
    border: 1px solid rgb(255, 255, 255);
    display: inline-block;
    cursor: pointer;
    color: white;
    text-decoration: none;
    font-weight: 700;
    transition: 1s;
}

button {
    background: rgb(55, 55, 55, 0.5);
    background-color: rgb(55, 55, 55, 0.5);
    border: 1px solid rgb(255, 255, 255);
    display: inline-block;
    cursor: pointer;
    color: white;
    padding: 8px;
    text-decoration: none;
    font-weight: 700;
    transition: 1s;
}


body {
    overflow-x: hidden !important;
    background-color: #fff;
    font-family: 'Kanit', sans-serif;

}

ul {
    list-style: none;
}


.colorbody {
    background-color: #fff !important;
    position: relative;
    overflow-x: hidden !important;
}

.colorbodywhite {
    background-color: #fff !important;
    position: relative;
    overflow-x: hidden !important;
}


.spacerdiv {
    padding-bottom: 4em;
}


.spacer2 {
    padding-bottom: 4.5em;
}


.spacer3 {
    padding-bottom: 2.5em;
}


.spacer4 {
    padding-bottom: 1.75em;
}


/* Menu Cheeseburger CSS Google +1 PageSpeed*/

#menuToggle {
    display: block;
    position: absolute;
    top: 20px;
    right: 33px;

    z-index: 5001;

    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;

    cursor: pointer;

    opacity: 0; /* hide this */
    z-index: 5002; /* and place it over the hamburger */

    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {

    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;

    background: #fff;
    border-radius: 3px;

    z-index: 5001;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    opacity 0.55s ease;

}

#politique #menuToggle span {
    background: #121212;
}


.Menu_Hamburger_Color span {
    background: #fff !important;
}


#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #121212 !important;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2) {
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);

    background: #121212 !important;
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
    display: none;

    position: absolute;
    width: auto;
    margin: -100px 0px 0 0;
    padding: 50px;
    padding-top: 125px;
    right: -30px;
    color: #121212 !important;
    background: #ededed;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    /* to stop flickering of text in safari */

    transform-origin: 0% 0%;
    transform: translate(100%, 0);

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);

    transform: scale(1.0, 1.0);

}

#menu a:visited {
    cursor: pointer;
    color: black;
}

#menu a {
    cursor: pointer;
    color: black;
}

#menu li {
    text-align: left;
    padding: 20px 0;
    font-size: 22px;
}

/*
 * And let's fade it in from the left
 */

#menuToggle ul {


    transform: translateX(0px);
    opacity: 0;


}

#menuToggle input:checked ~ ul {

    display: block;

    transform: scale(1.0, 1.0);


    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;

}


@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}



div.formulaire {
    padding: 1em 0;
    text-align: left;
    width: 90%;
    margin: 0;
    max-width: 1250px;
}

div.formulaire div, div.formulaire p {
    margin: 1em 0;
    text-align: left;
    color: #000;
}

div.formulaire p.checkbox {
    margin: 2em 0;
}

div.formulaire p strong {
    font-size: 1.4em;
    color: #000;
    text-align: left;
}

div.contact article {
    display: inline-block;
    width: 47%;
    margin: 2em .5em;
}

div.contact article p {
    height: 75px;
}

div.contact article {
    margin: 2em 0;
}

div.contact article iframe {
    width: 100%;
    height: 300px;
}


form {
    max-width: 900px;
}

form input.name {
    display: none;
}

input, textarea {
    width: 100%;
    margin-top: 0.25em;
    padding: 5px;
}

select, input[type=file] {
    margin-top: 0.5em;
}

textarea {
    height: 5em;
}

input {
    width: 90%;
    margin-top: 0.25em;
    padding: 4px;
    font-size: 1em;
}

input.Bouton_Home {
    background: #a8c0c7;
    background-color: #a8c0c7;
    text-align: center !important;
    cursor: pointer;
    color: white;
    padding: 2px 0px;
    text-decoration: none;
    font-weight: 500;
    transition: 1s;
    display:inline-block;
    width: 20%;
    min-width: 75px; 
}

input#ci_email {
    display: inline-block;
    width:30%;
    min-width: 100px;
}
textarea {
    width: 90%;
    margin-top: 0.25em;
    padding: 4px;
    font-size: 1em;
}

input[type=radio] {
    display: inline-block;
    width: 10%;

}

.radlab {
    text-align: left;
}
button[type=submit] {
    width: auto;
    border: none;
    background: rgb(55, 55, 55, 0.5);
    color: #fff;
    height: auto;
    padding: 0.55em 1.5em;
    border-radius: 0.2em;
    display: block;
    text-transform: uppercase;
    font-size: 1.2em;
    cursor: pointer;
}

/*   ======  PAGE CUISINE avec formulaire ======= */

#page-cuisine #slide img{
    width:100%;
}

#form-cuisine .radio-container{
    margin-bottom: 39px;
    display: flex;
    flex-wrap: wrap;
}

#form-cuisine .radlab{
    margin-right: 24px;
}



#form-cuisine input[type="radio"]{
    width: unset;
}



#politique h2 {
    font-size: 1.2em;
}

/*   ======  PAGE CUISINE sans formulaire ======= */

#page-cuisine-mesure .intro{
    padding-top: 0px;
}


#page-cuisine-mesure .intro img{
    margin-top: 22px;
    max-width: 239px;
}


#page-cuisine-mesure h1{
    font-weight: 600;
}

#page-cuisine-mesure .div-etape h2{
    font-size: 1.2em;
}

#page-cuisine-mesure .etapes-container{
    margin-top: 20px;
}

#page-cuisine-mesure .etapes-container .etape .col-2{
    padding: 26px 0;
    flex: unset;
    
}

#page-cuisine-mesure .etapes-container .etape .col-2 p{
    width: unset;
    font-weight: 700;
}




#page-cuisine-mesure ul{
    margin-top: 11px;
    margin-left: 18px;
}

#page-cuisine-mesure li{
    margin: 8px 0;
}

#page-cuisine-mesure .etapes-container li::before{
    content: url("/images/construction-renovation-cuisine-sur-mesure/liste.png");
    padding-right: 10px;
    margin-left: -20px;
}

#page-cuisine-mesure a{
    margin-top: 2em;
    display: inline-block;
}

#page-cuisine-mesure h3{
    margin-top: 0;
}


/*   ======  FIN PAGE  CUISINE sans formulaire ======= */

.TitleLouer {
    width: 38%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1em;
    color: black !important;
    z-index: 200 !important;
    /* position: relative; */
    /* display: block; */
    text-transform: uppercase !important;
    font-weight: 500;
    border: black;
    border-width: 5px;
    padding: .6em;
    border-style: solid;
}


.conteneur80 {
    width: 55%;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
}

.conteneurConstruction {
    width: 55%;
    text-align: left;
    display: block;
    margin: 0 auto;
    position: relative;
}


.conteneur90 {
    width: 90%;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: relative;
}


.paddingreservatoion {
    padding-top: 5em;
}


.boutnreserverr{


text-align:center;
margin: 0 auto;	
	
}	


.Bouton_reserver {
	
    width: 510px;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Kanit', sans-serif;

    background: #a8c0c7;
    background-color: #a8c0c7;
    /*border: 1px solid rgb(255, 255, 255);*/
    cursor: pointer;
    color: white;
    padding: 30px 35px;
    text-decoration: none;
    font-weight: 400;
    transition: 1s;
    margin: 0 auto;
    text-align: center;
    font-size: 3em;
    margin-top: 2em;
	
	
}

.Bouton_reserver:hover {


    /*width: 110px;*/
    display: inline-block;
    text-transform: uppercase;
    font-family: 'Kanit', sans-serif;
    background: #a8c0c7;
    background-color: #077696;
    /*border: 1px solid #a8c0c7;*/
    cursor: pointer;
    color: white !important;
    padding: 30px 35px;
    text-decoration: none;
    font-weight: 400;
    transition: 1s;
    margin: 0 auto;
    text-align: center;
    margin-top: 2em;

}


.Bouton_reservers {

    width: 510px;
    display: block;
    text-transform: uppercase;
    font-family: 'Kanit', sans-serif;

    background: #a8c0c7;
    background-color: #a8c0c7;
    /*border: 1px solid rgb(255, 255, 255);*/
    cursor: pointer;
    color: white;
    padding: 30px 35px;
    text-decoration: none;
    font-weight: 400;
    transition: 1s;
    margin: 0 auto;
    text-align: center;
    font-size: 2em;
}

.Bouton_reservers:hover {

    /*width: 110px;*/
    display: block;
    text-transform: uppercase;
    font-family: 'Kanit', sans-serif;
    background: #a8c0c7;
    background-color: #077696;
    /*border: 1px solid #a8c0c7;*/
    cursor: pointer;
    color: white !important;
    padding: 30px 35px;
    text-decoration: none;
    font-weight: 400;
    transition: 1s;
    margin: 0 auto;
    text-align: center;
}


.Bouton_home {

    background: #a8c0c7;
    background-color: #a8c0c7;
    /*border: 1px solid rgb(255, 255, 255);*/
    text-align: center !important;
    cursor: pointer;
    color: white;
    padding: 21px 0px;
    text-decoration: none;
    font-weight: 500;
    transition: 1s;
}





.Bouton_home:hover {

    background: #a8c0c7;
    background-color: #077696;
    /*border: 1px solid #077696;*/
    display: inline-block;
    cursor: pointer;
    color: #a8c0c7;
    padding: 21px 0px;
    text-decoration: none;
    font-weight: 500;

}




a:link {
    color: inherit;
}


a:visited {
    color: inherit;
}


p a {
    color: rgb(50, 51, 100);
    text-decoration: none;
}


a:hover {
    /*text-decoration:underline;*/
    color: #a8c0c7 !important;
    cursor: pointer;
    text-decoration: none;
    transition: 1s;
}


.H5TexteFooter_Black2 {
    color: #000 !important;
}


#slide {
    width: 100%;
    box-sizing: border-box;
}


.mySlides {
    display: none
}

.slideshow-container {
    width: 100%;
    position: relative;


}

/* Next & previous buttons */
.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 42%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 70px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}


/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev {
    left: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* The dots/bullets/indicators */
.dot {
    display: block;
    cursor: pointer;
    height: 13px;
    width: 13px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
    z-index: 14000 !important;

}

.active, .dot:hover {
    background-color: #717171;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 3s;
    animation-name: fade;
    animation-duration: 3s;
}

@-webkit-keyframes fade {
    from {
        opacity: .1
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .1
    }
    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */

.text {
    font-size: 11px
}


.rightmargin_right {
    margin-top: 0em !important;
    margin-right: 2em !important;
}




.BoutonCondo{
	margin-left: 0; 
	margin-right: auto; 
    Flex: 0 0 49.95% !important;
}



.BoutonVendre{
	margin-left: auto; 
	margin-right: 0; 
    Flex: 0 0 49.95% !important;
}







.buttonIndex {
	
        background-color:white;
}

.buttonIndex2 {
	    z-index: 5000;
        background-color:white;
}



.dot{
display:none !important;	
}	




.paddingtitre-standre{

position:relative;
z-index:2000;	
margin-bottom:-3em !important;	
	
}


.paddingtitre-honore{

position:relative;
z-index:2000;	
margin-bottom:-1.5em !important;	
padding-top:1.5em;
	
}



.paddingtitre-ormeaux{

position:relative;
z-index:2000;	
margin-bottom:-1em !important;	
padding-top:1em;
	
}



.paddingtitre-beaudry2{

position:relative;
z-index:2000;	
margin-bottom:-1em !important;	
padding-top:1em !important;
	
}


.paddingbox-beaudry2{

position:relative;
z-index:2000;	
margin-bottom:1em !important;	
padding-top:4em !important;
	
}


.paddingbox-jeantalon{

position:relative;
z-index:2000;	
margin-bottom:1.5em !important;	
padding-top:1.5em !important;
	
}


.paddingbox-jeantalon2{

position:relative;
z-index:2000;	
margin-bottom:1em !important;	
margin-top:3em !important;
	
}








#lebeaudry4 {
	
	max-width: 520px;
    margin: 0 auto;
	display: inline-table;
	
}








#lebeaudry5 {
	max-width: 520px;
    margin: 0 auto;
	display: inline-table;
}


	




.blockerrr1{
	
padding-top:3em;
padding-bottom:1em;
	
}	



.blockerrr2{
	
padding-top:3em;
margin-bottom:-11em;
	
}	

.blockerrr3 {
padding-top:4em;

}



.Flex_Projet_Page2 br{
	
display: none;
	
}	




.Flex_Projet_Page2{


margin-top: -40px;
padding-bottom: 20px;
height: 66px;

}	


.mb-video{
    display: none;
}











@media only screen and (min-width: 900px){
    .vid-mobi{
        display: none;}
}
@media only screen and (max-width: 900px){
    
    .vidbig {
    display: none;
   }
}




.spacer6{

padding-top:0em;	
	
}	


.spacer7{

padding-top:0em;	
	
}	



.footerlogo{
	
width:105px;
height: auto;	
	
}



.blackerrrr{

	-webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
	
}	

#page-cuisine-mesure .etapes-container .col-2 p{
    font-size: 1.3em;
}




@media only screen and (min-width: 1px) {



.Flex_Projet_Page2{


margin-top: 80px;
padding-bottom: 20px;
height: 56px;

}	



.footerlogo{
	
padding-top:2em;	
	
}



.spacer6{

margin-top:-3.5em;	
	
}	


.spacer7{

margin-top:-2.5em;	
	
}	





.flex_img1{
	
display: none;
	
}


.flex_img2{
	
display: inline;
	
}





.flexbox_Projet_page p {
	display: block;
}



.projet_texte2{
    width:42%;
}


.projet_texte3{
    width:42%;
}



.TitleLouer {
    width: 55%;
    
}


.spacer33 {
    padding-bottom: 0em;
}



.conteneurConstruction {
       padding-top: 40px;
    }




.Bouton_reservers {

    width: 210px;
    
    font-size: 1em;
}


.Bouton_reserver {

    width: 210px;
    
    font-size: 1em;
}



    .tableFontSize {
        font-size: .4em;
    }

    .paddingTB {
        padding-top: 1em;
        padding-bottom: 1em;
    }


    .containers {
        position: relative;
        width: 100%;
        transition: .4s;
    }

    .containers img {
        width: 100%;
        height: auto;
        transition: .4s;
    }


    .containers .btn302 {
        position: absolute;
        top: 24%;
        left: 31%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        /*background-color: #555;*/
        color: black;
        font-size: 16px;
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        width: 190px;
        opacity: .8;
        height: 174px;
        text-align: center;
        transition: .4s;
    }

    .containers .btn303 {
        position: absolute;
        top: 24%;
        left: 74%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        /*background-color: #555;*/
        color: black;
        font-size: 16px;
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        width: 148px;
        opacity: .8;
        height: 172px;
        text-align: center;
        transition: .4s;
    }

    .containers .btn104 {
        position: absolute;
        top: 81%;
        left: 74%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        /*background-color: #555;*/
        color: black;
        font-size: 16px;
        padding: 12px 24px;
        border: none;
        cursor: pointer;
        /* border-radius: 5px; */
        text-align: center;
        width: 148px;
        opacity: .8;
        height: 107px;
        transition: .4s;
    }


    .containers .btn104:hover {
        background-color: black;
        font-size: 1.4em;
        transition: .4s;
        max-width: 100%;
    }

    .containers .btn302:hover {
        background-color: black;
        font-size: 1.4em;
        transition: .4s;
        max-width: 100%;
    }

    .containers .btn303:hover {
        background-color: black;
        font-size: 1.4em;
        transition: .4s;
        max-width: 100%;
    }



    .box50Beaudry2 {
        flex: 0 0 100%;
    }

    .beaudry2Vente {
        display: flex;
        flex-wrap: wrap;
    }

    #pic {

        position:relative; /*set div position property to relative */
    }

    #pic .left {
        position:absolute;
        width: 187px;
        height: 39px;
        left: 26px;
        bottom: 73px;
    }

    #pic .right {
        position:absolute;
        width: 187px;
        height: 39px;
        left: 325px;
        bottom: 73px;
    }


    #pic .grape a {
        top:70px;
        left:90px;
    }
    #pic a:hover {
        border: 1px solid #fff;
        background-color: black;
    }
    #pic ul {
        margin:0;
        border:0;
        list-style:none;
        font-size:0;
    }

    .textAlignCenter {
        text-align: center!important;
    }

    .disponible {
        background-color: #ddd!important;

    }
    
    .separation {
        background-color: #FFF!important;
    }

    .displayOffMap {
        display: none;
    }

    .displayOnMap {
        display: block;
    }

    .paddingTop2em {
        padding-top: 2em;
    }

    .beaudry a:nth-of-type(1), .beaudry a:nth-of-type(3) {
        margin-left: -0.33em;
        width: 79%;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry a:nth-of-type(2), .beaudry a:nth-of-type(4), .beaudry a:nth-of-type(7) {
        margin-left: -0.33em;
        width: 20%;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry a:nth-of-type(5) {
        margin-left: -0.33em;
        width: 25.5%;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry a:nth-of-type(6) {
        margin-left: -0.33em;
        width: 54.5%;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry2 a:nth-of-type(1), .beaudry2 a:nth-of-type(3), .beaudry2 a:nth-of-type(5) {
        margin-left: -0.33em;
        width: 47%;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry2 a:nth-of-type(2), .beaudry2 a:nth-of-type(4), .beaudry2 a:nth-of-type(6) {
        margin-left: -0.33em;
        width: 52%;
        display: inline-block;
        margin-top: -0.2em;
    }


    .coupDeCoeur {
        display: flex;
        flex-wrap: wrap;
        flex: 0 0 100%;
        padding-top: 2em;
    }

    .coupDeCoeur1 {
        padding-right: 1%;
        flex: 0 0 100%;
        padding-top: 2em;
    }

    .coupDeCoeur2 {
        padding-left: 1%;
        padding-right: 1%;
        flex: 0 0 100%;
        padding-top: 2em;
    }

    .coupDeCoeur3 {
        padding-left: 1%;
        flex: 0 0 100%;
        padding-top: 2em;
    }

    .coupDeCoeur4 {
        padding-right: 2%;
        min-width: 30.6%;
        padding-top: 2em;
    }

    .coupDeCoeur5 {
        padding-left: 2%;
        padding-right: 2%;
        min-width: 30.6%;
        padding-top: 2em;
    }


    .TitleLouer {
        font-size: 1.35em;
        margin-top: -1.5em;
		border-width: 5px;
    }


    .rightmargin_right {
        margin-top: 3em !important;
        margin-right: 0em !important;
    }


    .prev, .next {

        top: 43%;
        font-size: 50px;

    }


    .flexbox_Projet_page {
        flex: 0 0 100%;
        font-size: 1em;
        margin-bottom: 2em;
    }


    .TexteSliderImmeuble_Projet {
        font-size: 1.3em;
    }

    .TexteSliderImmeuble_Projet span {
        font-size: 1.2em;
    }

    .TexteSlider_Projet {
        font-size: 2em;
    }


    .TitreUp_Projet {
        margin-left: 1em;
        margin-bottom: 1em;
        margin-top: 3em;
    }


    .container90 {
        width: 90%;
    }


    .spacer1 {
        margin-top: 2em;
    }

    .conteneur80 {
        width: 90%;
    }

    .conteneurConstruction {
        width: 90%;
    }


    .Topleft {
        left: 20px;
    }

    nav {
        display: inline;
        z-index: 10000px;
    }

    .Topright {
        display: none;
    }

    /*.Topleft{display:none;}*/
    .TexteSlider {
        font-size: 2.8em;
        margin-top: 0em;
        display: block;
    }

    .fullscreen-bg {
        margin-top: 0em;
    }



    .Bouton_home {
       
    }



    .TexteSliderBouton {
        margin-left: 0em;
        margin-top: 1.75em;
        margin-bottom: 1em;
    }

    .TitreUp {
        margin-top: -3em;
    }

    .BlocGris {
        margin-top: 0em;
        height: 0px;
    }

    .FlexBox_H1 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 5%;
    }

    .FlexBox_H2 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 5%;
    }

    .Flex_Wrap_Icone {
        width: 100%;
        margin-left: 0%;
    }

    .FlexBox_Icone1 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 19%;
    }

    .FlexBox_Icone2 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 19%;
    }

    .FlexBox_Icone3 {
        flex: 0 0 90%;
        margin-left: 5%;
        margin-right: 5%;
        margin-bottom: 19%;
    }

    .Texteh1_H {
        font-size: 1.75em;
    }

    .Texteh2_H {
        font-size: 1.35em;
    }

    .flexbox_Footer1 {
        flex: 0 0 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 2em;
    }

    .flexbox_Footer2 {
        flex: 0 0 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 3em;
    }

    .flexbox_Footer3 {
        flex: 0 0 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 3em;
    }

    .flexbox_Footer1_2 {
        flex: 0 0 100%;
        text-align: left !important;
    }

    .flexbox_Footer2_2 {
        flex: 0 0 auto;
        margin-top: 8%;
    }

    .flexbox_Footer3_2 {
        flex: 0 0 auto;
        margin-top: -0.8em;
    }

    .H4TexteFooter1 {
        font-size: 2em;
        margin-bottom: 0em;
    }

    .H4TexteFooter2 {
        font-size: 0.95em;
        margin-bottom: 1.7em;
    }

    .TitreUp_Projet {
        margin-top: -6em;
        margin-bottom: 4em;
    }

    .fullscreen-video {
        margin-top: 0em;
    }

    .BlocWhite {
        margin-top: 3.5em;
        height: 10px;
    }


    .texteprecedent {
        margin-left: 0.5em;
    }

    .textesuivant {
        margin-right: 0.5em;
    }

    .flexbox_Projet_arrows1 {
        flex: 0 0 49.95%;
        text-align: center;
        font-size: 0.9em;
    }

    .flexbox_Projet_arrows2 {
        flex: 0 0 49.95%;
        text-align: center;
        font-size: 0.9em;
    }

    .buttonIndex {
        position: relative;
        display: flex;
        top: -28px;
    }
	
	.buttonIndex2 {
        position: relative;
        display: flex;
        top: -40px;
		padding-bottom:2em;
    }
	

}


@media only screen and (min-width: 768px) {

.blockerrr3 {
padding-top:11em;

}



.buttonIndex2 {
        position: relative;
        display: flex;
        top: -20px;
    }



.footerlogo{
	
padding-top:0.1em;	
	
}


.flex_img1{
	
display: inline;
		
	
}


.flex_img2{
	
display: none;
	
}





.conteneurConstruction {
       padding-top: 140px;
    }
	

    .tableFontSize {
        font-size: 1em;
    }


    .containers .btn302 {
        max-width: 130px;
    }

    .containers .btn303 {
        max-width: 130px;
    }

    .containers .btn104 {
        max-width: 130px;
    }

    .containers .btn104:hover {
        background-color: black;
        font-size: 1.4em;
        transition: .4s;
        max-width: 130px;
    }

    .containers .btn302:hover {
        background-color: black;
        font-size: 1.4em;
        transition: .4s;
        max-width: 130px;
    }

    .containers .btn303:hover {
        background-color: black;
        font-size: 1.4em;
        transition: .4s;
        max-width: 130px;
    }

    .box50Beaudry2 {
        flex: 0 0 50%;
    }

    .beaudry2Vente {
        display: flex;
        flex-wrap: initial;
    }

    .textAlignCenter {
        text-align: left!important;
    }


    /* Old styling */
    .beaudry a:nth-of-type(1), .beaudry a:nth-of-type(3) {
        margin-left: -0.33em;
        width: auto;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry a:nth-of-type(2), .beaudry a:nth-of-type(4), .beaudry a:nth-of-type(7) {
        margin-left: -0.33em;
        width: auto;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry a:nth-of-type(5) {
        margin-left: -0.33em;
        width: auto;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry a:nth-of-type(6) {
        margin-left: -0.33em;
        width: auto;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry2 a:nth-of-type(1), .beaudry2 a:nth-of-type(3), .beaudry2 a:nth-of-type(5) {
        margin-left: -0.33em;
        width: auto;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry2 a:nth-of-type(2), .beaudry2 a:nth-of-type(4), .beaudry2 a:nth-of-type(6) {
        margin-left: -0.33em;
        width: auto;
        display: inline-block;
        margin-top: -0.2em;
    }

    .beaudry2 {
    }

    /* Old styling */
    .coupDeCoeur {
        display: flex;
        flex-wrap: initial;
        flex: 0 0 100%;
        padding-top: 2em;
    }

    .coupDeCoeur1 {
        padding-right: 1%;
        flex: 0 0 32%;
    }

    .coupDeCoeur2 {
        padding-left: 1%;
        padding-right: 1%;
        flex: 0 0 32%;
    }

    .coupDeCoeur3 {
        padding-left: 1%;
        flex: 0 0 32%;
    }

    .coupDeCoeur4 {
        padding-right: 2%;
        min-width: 30.6%;
    }

    .coupDeCoeur5 {
        padding-left: 2%;
        padding-right: 2%;
        min-width: 30.6%;
    }

    .buttonIndex {
        position: relative;
        display: flex;
        top: 32px;
    }

  

    .TitleLouer {
        font-size: 2.7em;
        margin-top: 1.1em;
		border-width: 10px;
    }

    .TitleLouer {
        width: 57%;
        
    }


    .rightmargin_right {
        margin-top: 5em !important;
        margin-right: 4em !important;
    }

    .prev, .next {

        top: 42%;
        font-size: 90px;

    }

    .texteprecedent {
        margin-left: 7em;
    }

    .textesuivant {
        margin-right: 7em;
    }

    .flexbox_Projet_arrows1 {
        flex: 0 0 49.95%;
        text-align: center;
        font-size: 1.5em;
    }

    .flexbox_Projet_arrows2 {
        flex: 0 0 49.95%;
        text-align: center;
        font-size: 1.5em;
    }



    .conteneur80 {
        width: 75%;
    }

    .conteneurConstruction {
        width: 75%;
    }

    .Topleft {
        left: 60px !important;
        top: 20px !important;
    }


    .flexbox_Footer1_2 {
        flex: 0 0 30%;
        text-align: left !important;
    }

    .flexbox_Footer2_2 {
        flex: 0 0 auto;
        margin-top: 0em;
    }

    .flexbox_Footer3_2 {
        flex: 0 0 30%;
        margin-top: 0em;
		margin-right:0;
		text-align: right !important;
    }

    .TexteSlider {
        font-size: 2.75em;
        margin-top: 1.1em;
        display: inline-block;
    }

    .Bouton_home {
       
        margin-top: 0em;
    }

    .TexteSliderBouton {
        margin-left: 0em;
        margin-top: 1em;
    }

    .fullscreen-bg {
        margin-top: -2em;
    }

    .BlocGris {
        margin-top: 3em;
        height: 80px;
    }

    .BlocWhite {
        margin-top: 2.5em;
        height: 60px;
    }


    .TitreUp {
        margin-top: -7em;
    }


    .FlexBox_Icone1 {
        flex: 0 0 27%;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: 8%;
    }

    .FlexBox_Icone2 {
        flex: 0 0 27%;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: 8%;
    }

    .FlexBox_Icone3 {
        flex: 0 0 27%;
        margin-left: 3%;
        margin-right: 3%;
        margin-bottom: 8%;
    }

    .Texteh1_H {
        font-size: 2.4em;
    }

    .Texteh2_H {
        font-size: 1.6em;
    }

    .flexbox_Footer1 {
        flex: 0 0 30%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 5em;
    }

    .flexbox_Footer2 {
        flex: 0 0 30%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 5em;
    }

    .flexbox_Footer3 {
        flex: 0 0 40%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 5em;
    }

    .H4TexteFooter1 {
        font-size: 0.95em;
        margin-bottom: 1.7em;
    }

    .H4TexteFooter2 {
        font-size: 0.95em;
        margin-bottom: 1.7em;
    }

    .fullscreen-video {
        margin-top: -3em;
    }

    .TitreUp_Projet {
        margin-top: -13em;
        margin-bottom: 4em;
    }

    .TexteSlider_Projet {
        font-size: 4.8em;
    }


    .TexteSliderImmeuble_Projet {
        font-size: 2.4em;
    }

    .TexteSliderImmeuble_Projet span {
        font-size: 0.8em;
    }

    .Flex_Projet_Page2{


        height: 64px;

    }	

    #page-cuisine-mesure .intro{
        padding-top: 138px;
    }

    #page-cuisine-mesure .div-etape{
        padding-top: 40px;
    }

    #page-cuisine-mesure .appel-action{
        padding-top: 50px;
    }

    #page-cuisine-mesure .appel-action p{
        max-width: 664px;
    }

}


@media only screen and (min-width: 1024px) {

    .buttonIndex2 {
        position: relative;
        display: flex;
        top: 32px;
		padding-bottom:2em;
    }


    .Flex_Projet_Page2{


    margin-top: 100px;
    padding-bottom: 20px;
    height: 66px;

    }	



    .spacer6{

    margin-top:-2.5em;	
        
    }	


    .spacer7{

    margin-top:-2em;	
        
    }	



    .Bouton_reservers {
        width: 280px;
        font-size: 1.25em;
    }


    .Bouton_reserver {
        width: 280px;
        font-size: 1.25em;
    }




    .flexbox_Projet_page p {
        display: inline-block;
    }



    .flexbox_Projet_page {
            flex: 0 0 50%;
            font-size: 1em;
    }


    .projet_texte2{
        width:41%;
    }


    .projet_texte3{
        width:23%;
    }




    .TitleLouer {
        width: 51%;
        
    }

    .TitleLouer {
        font-size: 3.2em;
        margin-top: 1.1em;
		border-width: 10px;
    }
	

    .conteneurConstruction {
       padding-top: 210px;
    }


    .displayOffMap {
        display: block;
    }

    .displayOnMap {
        display: none;
    }

    .displayFlexBeaudry2 {
        display: flex!important;
    }

    .leftBeaudryMap {
        flex: 0 0 70%!important;
        margin-left: -18%!important;
    }

    .righttBeaudryMap {
        flex: 0 0 70%!important;
        margin-left: -4%!important;
    }

    nav {
        display: none;
    }

    .headerLine {
        transition: .5s;
        height: 111px;
        background-color: rgba(247, 247, 247, 0.66);
        z-index: 1;
        position: relative;
        padding-bottom: 0px;
    }

    .Topright {
        display: flex;
    }

    .Topleft {
        display: flex;
    }

    .conteneur80 {
        width: 75%;
    }

    .conteneurConstruction {
        width: 75%;
    }

    .TitreUp {
        margin-top: -12em;
    }


    .TexteSlider {
        font-size: 4.3em;
        margin-top: 1.57em;
    }

    .fullscreen-bg {
        margin-top: -8em;
    }

    .BlocGris {
        margin-top: 4em;
        height: 100px;
    }

    .BlocWhite {
        margin-top: 4.5em;
        height: 40px;
    }

    .TexteSliderBouton {
        margin-left: 0em;
        margin-top: 4.5em;
        margin-bottom: 3.5em;
    }

    .FlexBox_H1 {
        flex: 0 0 30%;
        margin-left: 15%;
        margin-right: 5%;
        margin-top: 1%;
    }

    .FlexBox_H2 {
        flex: 0 0 38%;
        margin-left: 0%;
        margin-right: 7%;
        margin-top: 5%;
    }

    .fullscreen-video {
        margin-top: -7em;
    }

    .TitreUp_Projet {
        margin-top: -14em;
        margin-bottom: 3em;
    }

    .TexteSlider_Projet {
        font-size: 5em;
    }


    .TexteSliderImmeuble_Projet {
        font-size: 2.6em;
    }

    .TexteSliderImmeuble_Projet span {
        font-size: 1em;
    }

    .spacer33 {
        padding-bottom: 2.5em;
    }

    /*   ======  PAGE CUISINE sans formulaire ======= */

    #page-cuisine-mesure .conteneurConstruction{
        /*width: 70%; taille original */
        width: 73%;
    }

    #page-cuisine-mesure .intro{
        display: flex;
        justify-content: space-between;
        padding-top: 218px;
    }

    #page-cuisine-mesure .intro .col-1{
        max-width: 681px;
        padding-right: 36px;
    }

    #page-cuisine-mesure .intro .col-2 img{
        max-width: unset;
        width: 100%;
        min-width: 306px;
        margin-top: -35px;
        margin-right: -46px;
    }

    #page-cuisine-mesure .div-etape{
        padding-top: 86px;
    }

    #page-cuisine-mesure .div-etape h2 {
        font-size: 1.5em;
    }
    #page-cuisine-mesure .etapes-container{
        margin-top: 70px;
    }

    #page-cuisine-mesure .etape{
        display: flex;
        align-items: center;
        margin: 52px 0;
    }

    #page-cuisine-mesure .etape .col-1{
        /*width: 300px;*/
        width: 53%;
    }

    #page-cuisine-mesure .etape .col-1 img{
        max-width: max-content;
        width: 100%;
    }

    #page-cuisine-mesure .etape .col-2{
        margin-left: 44px;
        width: 49%;
    }

    #page-cuisine-mesure .etapes-container .col-2 p{
       font-size: 1.34em;
    }

    /*   ======  FIN PAGE  CUISINE sans formulaire ======= */


}


@media only screen and (min-width: 1499px) {


.TitleLouer {
        font-size: 4em;
        margin-top: 1.1em;
		border-width: 10px;
    }

.TitleLouer {
    width: 43%;
    
}

    .containers .btn302 {
        max-width: 100%;
    }

    .containers .btn303 {
        max-width: 100%;
    }

    .containers .btn104 {
        max-width: 100%;
    }

    .containers .btn104:hover {
        background-color: black;
        font-size: 1.4em;
        transition: .4s;
        max-width: 100%;
    }

    .containers .btn302:hover {
        background-color: black;
        font-size: 1.4em;
        transition: .4s;
        max-width: 100%;
    }

    .containers .btn303:hover {
        background-color: black;
        font-size: 1.4em;
        transition: .4s;
        max-width: 100%;
    }

    .conteneur80 {
        width: 55%;
    }

    .conteneurConstruction {
        width: 55%;
    }

    .TitreUp {
        margin-top: -15em;
    }

    .TitreUp_Projet {
        margin-top: -17em;
        margin-bottom: 5em;
    }

    .TexteSliderBouton {
        margin-left: 0em;
        margin-top: 3em;
        margin-bottom: 0.5em;
    }

    .TexteSlider {
        font-size: 8.5em;
        margin-top: 0em;
    }

    .Bouton_home {
       
    }

    .fullscreen-bg {
        margin-top: -9em;
    }

    .BlocGris {
        margin-top: 1em;
        height: 160px;
    }

    .BlocWhite {
        margin-top: 0em;
        height: 40px;
    }


    .Flex_Wrap_Icone {
        width: 66%;
        margin-left: 15%;
        margin-top: -52px;
        z-index: 5;
        position: relative;
    }

    .FlexBox_Icone1 {
        flex: 0 0 21%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 8%;
    }

    .FlexBox_Icone2 {
        flex: 0 0 21%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 8%;
    }

    .FlexBox_Icone3 {
        flex: 0 0 21%;
        margin-left: 0%;
        margin-right: 0%;
        margin-bottom: 8%;
    }

    .flexbox_Footer1 {
        flex: 0 0 11.2%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 2em;
    }

    .flexbox_Footer2 {
        flex: 0 0 20.95%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 2em;
    }

    .flexbox_Footer3 {
        flex: 0 0 20%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 2em;
    }

    .spacer1 {
        margin-top: 9em;
    }


    .fullscreen-video {
        margin-top: -15em;
    }

    .TexteSlider_Projet {
        font-size: 6em;
    }


    .TexteSliderImmeuble_Projet {
        font-size: 3.1em;
    }

    .TexteSliderImmeuble_Projet span {
        font-size: 1.5em;
    }


    .prev, .next {

        top: 42%;
        font-size: 90px;

    }


    #page-cuisine-mesure .div-etape{
        padding-top: 0;
        margin-top: 0;
    }

    #page-cuisine-mesure .etape{
        margin: 80px 0;
    }


    #page-cuisine-mesure .etapes-container .etape .col-2{
        margin-left: 50px;
    }

    #page-cuisine-mesure .etapes-container .col-2 p{
        font-size: 1.6em;
    }
    #page-cuisine-mesure .intro .col-2 img{
        margin-right: 0;
    }
    
    #page-cuisine-mesure .appel-action{
        padding-bottom: 74px;
    }

}


@media only screen and (min-width: 2000px) {


}


@media only print {
    h1, h2, h3, h4, p, a, li {
        color: #000 !important;
    }

    nav {
        display: none;
    }
}