/* Pour changer la couleur de fond des sections, changer "background: #xxxxxx;" par la couleur voulue dans la section correspondante. Pbox-shadow: inset 0px 150px 50px 0px rgb(206 218 243 / 52%);our changer la couleur du texte, changer "color : #xxxxx" dans la section correspondante. */ /* The fixed navbar will overlay your other content, unless you add padding to the top of the . Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high. */ body { overflow-x: hidden; padding-top: 0px; padding-bottom: 50px; background: #f1f1f1 !important; } div.col-lg-12>h1 { font-size: 2em; background-color: #f9f9f9; border-bottom: 1px solid #818181; border-radius: 10px; } p { margin: 0 0 10px; font-size: 1.1em; } /* NAVIGATION */ #brand { font-size: .8em; } #navbar, #hidden-navbar { font-size: 1.2em; font-weight: 600; } /* Pour changer la couleur du bandeau de navigation, enlever les commentaires " /*" nav.navbar.navbar-default.navbar-fixed-top { background: #xxxxx; border-color: #xxxxx; } */ .cropped { width: 100px; /* width of container */ height: 100px; /* height of container */ overflow: hidden; border-radius: 50%; margin: 0 auto; box-shadow: inset 0px 0px 40px 40px #000000; margin-bottom: 10px; } .cropped img { margin: -0px 0px 0px -10px; width: 70%; } /* SECTION */ #callingBox { margin-top: 350px; position: fixed; right: 0; z-index: 100; } .clearfloat { clear: both; } .row { text-align: center; } ul { text-align: center; width: fit-content; margin: 0 auto; } ul>li { /*margin-left: 50px;*/ text-align: left; } ul.list-inline { margin: 0 auto; } ul.list-inline>li { text-align: center; } h5.slogan { margin-top: 5px; margin-bottom: 0px; color: cornflowerblue; } section { padding-top: 0px; } /* SECTION PRINCIPALE */ nav.hidden-navbar { float: left; position: relative; margin: 0; width: 100%; height: 51px; display: contents; visibility: hidden; } nav.navbar { float: left; position: fixed; margin: 0; width: 100%; } #mainsection { min-height: 220px; float: left; position: relative; width: 100%; min-height: auto; margin-top: 55px; } #mainsection>.container { margin: 0 auto; padding: 0; width: 100%; } .header-message { background: url(../images/background.jpg); background-position: center; border-radius: 10px; box-shadow: inset 0px 0px 10px 15px #f1f1f1; background: linear-gradient(#a6c0f57a, white); margin-top: -20px; } .header-message>div>.logo-reverdy { background-size: contain; height: 80px; margin: 0 auto; padding: 0; } .titlespan { display: contents; } .titlesbox { display: grid; grid-template-rows: 35px; } .title1 { width: 100px; } .title2 { width: 200px; } .topTitleMe { position: absolute; margin: 0 auto; display: block; position: relative; text-align: center; font-size: 3em; padding: 0; font-size: 3em; z-index: 1; } .goldStyle { background: linear-gradient(to bottom, #cfc09f 22%, #634f2c 24%, #cfc09f 26%, #cfc09f 27%, #ffecb3 40%, #1b1509); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #fff; font-family: 'Playfair Display', serif; } .intro-message { text-align: center; color: white; font-size: 3em; margin-top: -1px; } .social-icon a { color: white; } .social-icon a:hover { color: #2c3e50; } .fa-stack { font-size: 0.6em; } /* PRESENTATION */ h3 { font-size: 1.3em !important; } #presentation, #sec-contact { min-height: auto; } .volet-coulissant { text-align: center; padding: 15px; font-style: normal; font-family: -webkit-body; } .volet-coulissant p, .volet-coulissant h3 { padding: 0; margin: 0; } /* SECTION SERVICES */ div.row.services-block { /*width: 100%;*/ border: solid 2px rgba(33, 32, 32, 0.08); border-radius: 10px; margin-top: 0; margin-bottom: 30px; margin-right: 1px; margin-left: 1px; background: linear-gradient(#a6c0f57a, white); } #presentation>.container, #section1>.container, #section2>.container { display: flex; justify-content: center; flex-flow: wrap; } #section1 div.row.services-block, #section2 div.row.services-block { width: 150px; } #section1 div.row.services-block .fa-5x { font-size: 3em; } .hAlign { display: flex; /* align-items: center; */ align-content: center; /* margin: 0 auto; */ justify-content: center; flex-direction: row; } .icon-services { padding-top: 30px; color: #2c3e50; } .col-lg-3, .col-lg-9, .col-sm-9, .col-lg-12, .col-lg-6, .col-xs12 { float: none !important; margin: 0 auto; width: auto !important; padding: 0 !important; } /* YOUTUBE MODAL*/ #youtube-modal { top: 35%; } /* SECTION CONTACT */ #contact { height: auto; border-radius: 10px; box-shadow: inset 0px 150px 50px 0px rgb(189 189 189 / 88%); } .contact-info { background: linear-gradient(#678bf375, #282828); color: white; font-size: 1.1em; padding: 10px; } /*BAS DE PAGE : FOOTER*/ #footer { margin-top: 20px; background: transparent; border-color: transparent; font-size: .9em; } .col-md-6 {} a.copyright, a.copyright:focus, a.copyright:hover, a.copyright:visited { border: none; outline: none; text-decoration: none; color: inherit; cursor: default; }