/* ---------------------------------- * GLOBAL * ---------------------------------- */ body {position:relative;font-family: 'Gudea', sans-serif;font-size:15px;color:#1d1d1d;} h1 {font-size:39px;} h2 {font-size:26px;} h3 {font-size:19px;} li {list-style-type: none;} p {line-height:22px;} b {font-weight:600;} .bold {font-weight:600;} .white {color:white;} .red {color:#de2e3b;} .black {color:#1c1d1c;} .center {text-align:center;margin:0 auto;} .justify {text-align: justify; text-justify: inter-word;} .left {float:left;} .right {float:right;} .text-right {text-align: right;} .text-left {text-align: left;} .margin10 {margin-top:10px;} .margin20 {margin-top:20px;} .margin40 {margin-top:40px;} .margin60 {margin-top:60px;} .margin80 {margin-top:80px;} .margin100 {margin-top:100px;} .margin200 {margin-top:200px;} a:hover {text-decoration:none; } ::selection {background: #e03a45; /* WebKit/Blink Browsers */} ::-moz-selection {background: #e03a45; /* Gecko Browsers */} /* ---------------------------------- * SECTION ACCUEIL * ---------------------------------- */ #section-accueil {min-height:850px;background: url(../images/background_accueil.jpg) #f5f5f5 no-repeat top;} #logo-newdeal-accueil {height:189px; width:189px;background-image:url(../images/logo_newdeal_accueil.jpg);} .accueil h1 {line-height:36px;margin-top:2px;} .expertises {margin-top:30px;} .expertises .title {font-size:21px;line-height:20px;margin-top:10px;} .expertises .descr {color:#6f6f6e;line-height:18px;margin-top:10px;} #tiret-deco-black {border-bottom: 2px #6f6f6e solid; height:50px;width:50px;} /* ---------------------------------- * SECTION QUI SOMMES NOUS * ---------------------------------- */ #section-quisommesnous {min-height:970px;background-color:#1c1d1c;padding-bottom:50px;} #tiret-deco-red {border-bottom: 2px #de2e3b solid; height:50px;width:50px;} #sur-title-pres {font-size:26px;margin-top:10px;letter-spacing: 6px;} #title-pres {font-size:40px;letter-spacing: 6px;} #text-pres {color:#9d9c9c;margin-top:30px;max-width:989px;font-size:15px;margin-bottom:60px;} #icons-pres {font-size:14px;} #icon-man {height:114px; width:114px;background-image:url(../images/icon_man.jpg);} #icon-conteur {height:114px; width:114px;background-image:url(../images/icon_conteur.jpg);} #icon-euro {height:114px; width:114px;background-image:url(../images/icon_euro.jpg);} #icon-calc {height:114px; width:114px;background-image:url(../images/icon_calc.jpg);} .description-icon {margin:20px 0 20px 0;width:150px;margin:0 auto;padding:10px;} #bton-pres {padding:18px; font-size:18px;display:inline-block;} #bton-pres a {border:#de2e3b solid 2px;padding:8px 16px;color:#de2e3b;} #bton-pres a:hover {border:#fff solid 2px;color:#fff;} .analyser {text-align: right;} .creer {text-align: left;} /* ---------------------------------- * SECTION ICONS * ---------------------------------- */ #section-icons {min-height:368px;background-color:#db2e3a;padding-bottom:50px;} #icon-creativite {margin-top:90px;height:110px; width:110px;background-image:url(../images/creativite.png);} #icon-expertise {margin-top:90px;height:110px; width:110px;background-image:url(../images/expertise.png);} #icon-confidentialite {margin-top:90px;height:110px; width:110px;background-image:url(../images/confidentialite.png);} #icon-assistance {margin-top:90px;height:110px; width:110px;background-image:url(../images/assistance.png);} #icon-qualite {margin-top:90px;height:110px; width:110px;background-image:url(../images/qualite.png);} #icon-disponibilite {margin-top:90px;height:110px; width:110px;background-image:url(../images/disponibilite.png);} .text-icon {font-size:20px;} #hautetechnicite {font-size:16px;display: block;margin-top: -6px;} /* ---------------------------------- * SECTION METIER * ---------------------------------- */ #section-metier {min-height:630px;background-color:#f5f5f5;padding-bottom:50px;background: url(../images/background_metier.jpg) #f5f5f5 no-repeat center;} #title-metier {font-size:30px;line-height:29px;} .text-metier {font-size:14px;line-height:32px;color:#7e7f7f;} /* ---------------------------------- * SECTION CITATION * ---------------------------------- */ #section-citation {min-height:240px;background-color:#1c1d1c;padding-bottom:50px;} .citation {max-width:950px;font-size:30px;color:#b2b2b1;letter-spacing: 4px;} .auteur {font-size:22px;float:right;letter-spacing: 3px;} /* ---------------------------------- * SECTION FORMULAIRE DE CONTACT * ---------------------------------- */ #section-formulaire {min-height:980px;background-color:#f5f5f5;} #sur-title-formulaire {font-size:26px;} #title-formulaire {font-size:40px;} #text-formulaire {font-size:16px;color:#7e7f7f;} .text-message {font-size:26px;} .btn-newdeal {font-size:16px;background-color:#de2e3b;color:#fff;border-radius: 0px;} .btn-newdeal:hover {background-color:#1c1d1c;color:#fff;} textarea.form-control {height: 100px;} .form-control { display: block; width: 100%; height: 54px; padding: 10px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #fff; border-radius: 0px; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 16px;} /* ---------------------------------- * SECTION MAP * ---------------------------------- */ /* ---------------------------------- * FOOTER * ---------------------------------- */ #footer {min-height:430px;background-color:#1c1d1c;} #logo-newdeal {height:222px; width:220px;background-image:url(../images/logo_newdeal.jpg);} #footer ul li a {font-size:16px;color:#878786;list-style-type: none; line-height:32px;} #footer ul li a:hover {color:#de2e3b;text-decoration:none;font-weight:600;} #contact-footer {font-size:17px;} #contact-title {font-size: 16px;margin: 49px 0px 30px 0px;height: 35px;border-bottom: 1px #fff solid;} .contacteznous {margin-left: 70px;} #contact-tel-fax p {line-height:15px;} #contact-mail {margin-top: 25px;} .links {margin-top:80px;} .copyright {color:#b2b2b1;font-size:14px;margin-top: 160px;padding-bottom:25px;} .rhombus:before {content: ' '; background-color: #272727; width: 6px; height: 6px; display: inline-block; margin-right: 15px;} .icon-tel {background:url(../images/icon_tel.png)no-repeat;width: 46px; height: 58px; display: inline-block; margin-right: 25px;float: left;} .icon-mail {background:url(../images/icon_mail.png) no-repeat;width: 46px; height: 58px; display: inline-block; margin-right: 25px;float: left;} @media screen and (max-width: 991px) { .analyser {text-align: center;} .creer {text-align: center;} } .modal.modal-wide .modal-dialog {width: 90%;} .modal-wide .modal-body {overflow-y: auto;}