.clear { clear: both; } .ip-bouton { display: inline-block; font-weight: bold; text-transform: uppercase; padding: 5px 10px 5px; -webkit-transition: .2s; transition: .2s; border: 2px solid #daa626; color: #FFF; text-decoration: none; box-sizing:border-box; line-height:1.9; text-shadow: none !important; background-color:#daa626; text-decoration:none !important; margin: 5px 0; text-align: center; } .ip-bouton:hover { text-decoration: none; background:#FFF; color:#daa626 !important; border-color:#daa626; text-decoration:none !important; } .ip-bouton span {display: block; height: auto; width: 100%;} .ip-bouton.second-style { background-color: transparent; background:none ; color: #1d5292; text-decoration:none !important; border-color:#1d5292; } .ip-bouton.second-style:hover { background-color:#1d5292; color:#FFF !important; text-decoration:none !important; } /*_______________________ Court texte quote _________________________*/ .mon-court-texte-quote { width:100%; font-size: 48px; line-height: 34px !important; min-height: 34px; padding: 15px 0 40px 0; background-image:url(quote-droite.png); background-repeat:no-repeat; background-position:left top; text-align: center; text-shadow: none; } .mon-court-texte-quote span { font-size: 48px; line-height: 34px !important; min-height: 34px; background-image:url(quote-gauche.png); background-repeat:no-repeat; background-position:right bottom; display:block; padding:0 65px 0 0; } .mon-court-texte-quote h2 { font-size: 48px; font-weight:normal; } .mon-court-texte-quote h2, .mon-court-texte-quote h3 a:hover { color: #1d5292; text-decoration:none; } .mon-court-texte-quote h2 a { color: #808080; } .mon-court-texte-quote h3 { font-size: 38px; font-weight: lighter; } .mon-court-texte-quote h3, .mon-court-texte-quote h2 a:hover { color: #929292; text-decoration:none; } .mon-court-texte-quote h3 a { color: #3B3B3B; } /*_______________________ recherche simple _________________________*/ #ma-recherche-simple { background-color: #fff; border: 1px solid #e5e5e5; border-radius: 10px; box-shadow: 1px 1px 0 #fff; height: 35px; margin: 15px;} #ma-recherche-simple #searchsimple { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #4b4b4b; float: left; font-size: 12px; font-weight: lighter; margin: 9px 14px 0 7px; padding-left: 6px; width: 70%;} #ma-recherche-simple #searchsubmit { margin-right: 12px; margin-top: 12px;} /*_______________________ Formulaire devis avec label à l'interieur des champs _________________________*/ #formulaire-devis-interieur { width:100%; border-bottom: 1px solid #1d5292; padding-bottom: 40px; }/*___________________________________________________________________ A modifier*/ #formulaire-devis-interieur span.label {display:block; width:190px; float:left; padding-top: 10px; } #formulaire-devis-interieur span.label3 {display:block; width:80px; float:left; padding-top: 0px; } #formulaire-devis-interieur span.label2 { display:block; float:left; } #formulaire-devis-interieur .wpcf7-form-control-wrap { /*float:left;*/ } #formulaire-devis-interieur .float-frequence { float: left; margin: 0 12px 0 10px !important; width: 12%; } #formulaire-devis-interieur .float-classique { width: 60%; } #formulaire-devis-interieur .wpcf7-list-item { display: block; float: left; margin-left: 20px; } #formulaire-devis-interieur h2{ margin: 30px 0 20px; padding: 0; } #formulaire-devis-interieur h3{ margin: 30px 0 20px; padding: 0; } #formulaire-devis-interieur imput{ background-color: #FFFFFF; border: 1px solid #CCCCCC; height: auto; margin: auto; } #formulaire-devis-interieur input[type="email"] { background-color: #FFFFFF; border: 1px solid #fff; } #formulaire-devis-interieur input[type="checkbox"] { height: 20px; /*margin: 4px;*/ width: 20px; } #formulaire-devis-interieur input[type="radio"] { height: 16px; width: 16px; } #formulaire-devis-interieur textarea { color: #999; font-size: 20px; line-height: 20px; padding: 10px 4px 4px 10px; width: 96%; height: 150px; font-family: "Open Sans",Arial,sans-serif; } /*color: #555555;*/ #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { color: #999; font-size: 20px; line-height: 20px; padding: 15px 6px; width: 96%; background:url(../images/bg-blanc.png) 0 0 repeat; } /*color: #555555;*/ #formulaire-devis-interieur select { border-radius: 6px 6px 6px 6px; color: #555555; font-size: 16px; line-height: 20px; padding: 4px 6px; vertical-align: middle; margin: 0; } #formulaire-devis-interieur select option { padding: 0 10px 4px; } #formulaire-devis-interieur input[type="submit"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-color: #BBBBBB #BBBBBB #A2A2A2; border-image: none; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; line-height: 20px; margin-bottom: 0; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; border-radius: 6px 6px 6px 6px; font-size: 17.5px; padding: 11px 19px; margin-top: 30px; } #formulaire-devis-interieur input[type=text]:focus, #formulaire-devis-interieur input.text:focus, #formulaire-devis-interieur input.title:focus, #formulaire-devis-interieur textarea:focus, #formulaire-devis-interieur select:focus, #formulaire-devis-interieur input[type="email"]:focus { border-color:#daa626; } /*border-color:#2D3940;*/ #formulaire-devis-interieur input[type=text], #formulaire-devis-interieur input.text, #formulaire-devis-interieur input.title, #formulaire-devis-interieur textarea, #formulaire-devis-interieur select, #formulaire-devis-interieur input[type="email"] { margin:0.5em 0; background:url(../images/bg-blanc.png) 0 0 repeat; } input[placeholder] { color: #000 !important;}, textarea[placeholder] { color: #000 !important;} :-moz-placeholder { color: #000 !important;} /* Firefox version inférieure à 18 */ ::-moz-placeholder { color: #000 !important; } /* Firefox 19 et + */ ::-webkit-input-placeholder { color: #000 !important; } /*chrome, Opera, Safari, android et Edge*/ :-ms-input-placeholder{ color: #000 !important; } /* IE */ ::-ms-input-placeholder{ color: #000 !important; } /* Edge */ /*____________ Si erreur ____________*/ .wpcf7-validation-errors, span.wpcf7-not-valid-tip, wpcf7-mail-sent-ng { background-color: #F3554C !important; color:#fff !important; padding:10px !important; width: 70% !important;} span.wpcf7-not-valid-tip { display: inline-block;} /*____________ Si ok ____________*/ div.wpcf7-mail-sent-ok { background-color: #F3554C !important; color: #fff !important; font-size: 19px; padding: 25px !important; width: 70% !important;} /*_______________________ Fin Formulaire devis _________________________*/ #formulaire-devis-interieur .ligne-form-text, #formulaire-devis-interieur .ligne-form-textarea { display: table; clear: both; padding-bottom: 10px; padding-top: 10px; /*margin-left: -15px; margin-right: -15px;*/ width: 100%; } /*Attention peux poser probleme essayer de retirer totalement le margin */ #formulaire-devis-interieur .ligne-form-textarea { } #formulaire-devis-interieur .colone-form-simple { width: 100%; /*padding: 0 15px;*/} /*Attention peux poser probleme essayer de retirer totalement le padding*/ /*#formulaire-devis-interieur .colone-form-double { float: left; width: 50%; padding: 0 15px;} */ /*Attention peux poser probleme essayer avec les reglages de la ligne ci-dessous */ #formulaire-devis-interieur .colone-form-double { float: left; width: 48%; padding: 0 15px 0 0;} /*_______________________ Formulaire devis avec label à l'interieur des champs _________________________*/ @media only screen and ( min-width: 780px ) and ( max-width: 960px ) { #formulaire-devis-interieur { /*width:410px;*/ } #formulaire-devis-interieur span.label { /*font-size: 14px;*/ width: 180px; } #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { width: 92%; } #formulaire-devis-interieur textarea { width: 92%; } #formulaire-devis-interieur input[type="checkbox"] { height: 16px; width: 16px; } #formulaire-devis-interieur .wpcf7-list-item { font-size: 14px; } #formulaire-devis-interieur span.label3 { width:100%; float:none; margin: 15px 0 3px;} #formulaire-devis-interieur .colone-form-double { padding: 0;} } @media only screen and ( min-device-width: 780px ) and ( max-device-width: 960px ) { #formulaire-devis-interieur { /*width:410px;*/ } #formulaire-devis-interieur span.label { /*font-size: 14px;*/ width: 180px; } #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { width: 92%; } #formulaire-devis-interieur textarea { width: 92%; } #formulaire-devis-interieur input[type="checkbox"] { height: 16px; width: 16px; } #formulaire-devis-interieur .wpcf7-list-item { font-size: 14px; } #formulaire-devis-interieur span.label3 { width:100%; float:none; margin: 15px 0 3px;} #formulaire-devis-interieur .colone-form-double { padding: 0;} } @media only screen and ( max-width: 779px ) { #formulaire-devis-interieur { width:370px; } #formulaire-devis-interieur span.label { /*font-size: 14px;*/ width: 100%; } #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { width: 92%; } #formulaire-devis-interieur textarea { width: 93%; } #formulaire-devis-interieur input[type="checkbox"] { height: 16px; width: 16px; } #formulaire-devis-interieur .wpcf7-list-item { font-size: 14px; } #formulaire-devis-interieur span.label3 { width:100%; float:none; margin: 15px 0 10px;} #formulaire-devis-interieur .colone-form-double { padding: 0 10px 0 0; width: 47%;} } @media only screen and ( max-device-width: 779px ) { #formulaire-devis-interieur { width:370px; } #formulaire-devis-interieur span.label { /*font-size: 14px;*/ width: 100%; } #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { width: 92%; } #formulaire-devis-interieur textarea { width: 93%; } #formulaire-devis-interieur input[type="checkbox"] { height: 16px; width: 16px; } #formulaire-devis-interieur .wpcf7-list-item { font-size: 14px; } #formulaire-devis-interieur span.label3 { width:100%; float:none; margin: 15px 0 10px;} #formulaire-devis-interieur .colone-form-double { padding: 0 10px 0 0; width: 47%;} } @media only screen and ( max-width: 479px ){ #formulaire-devis-interieur { width: 100%; } #formulaire-devis-interieur .wpcf7-list-item { float: none; } #formulaire-devis-interieur .float-frequence { margin: 0 7px 0 4px; width: 10%; } #formulaire-devis-interieur .colone-form-double { padding: 0; width: 100%;} } @media only screen and ( max-device-width: 479px ) { #formulaire-devis-interieur { width: 100%; } #formulaire-devis-interieur .wpcf7-list-item { float: none; } #formulaire-devis-interieur .float-frequence { margin: 0 7px 0 4px; width: 10%; } #formulaire-devis-interieur .colone-form-double { padding: 0; width: 100%;} } /*_______________________ Fin Formulaire devis _________________________*/ /*_______________________ Liens sociaux (GRAND) _________________________*/ .social_wrapper li:before { border:none !important; border-color:transparent !important; border-width:0 !important;} .social_wrapper ul { list-style: none !important; } .social_wrapper li, .ip-widget-partage-sociaux .social_wrapper li{ list-style:none !important; list-style-image:none !important; list-style-type:none !important; background-image:none !important; } .social_wrapper li a { text-indent:-9999px !important; display:block !important; height:52px !important; width:50px !important; background-image:url(icone-grande.png) !important; background-repeat:no-repeat !important; margin-right:10px !important; -moz-transition:all 0.15s ease 0s !important; } .social_wrapper li.facebook a { background-position:0px 1px !important; } .social_wrapper li.youtube a { background-position:-120px 1px !important; } .social_wrapper li.myspace a { background-position:-66px 1px !important; } .social_wrapper li.mail a { background-position:-184px 1px !important; } .social_wrapper li.rss a { background-position:-248px 1px !important; } .social_wrapper li.twitter a { background-position:-310px 1px !important; } .social_wrapper li.viadeo a { background-position:-423px 1px !important; } .social_wrapper li.linkedin a { background-position:-367px 1px !important; } .social_wrapper li.instagram a { background-position:-481px 1px !important; } .social_wrapper li.tumblr a { background-position:-645px 1px !important; } .social_wrapper li.pinterest a { background-position:-534px 1px !important; } .social_wrapper li.google a { background-position:-593px 1px !important; } .social_wrapper li.facebook a:hover { background-position:0px -55px !important; } .social_wrapper li.youtube a:hover { background-position:-120px -55px !important; } .social_wrapper li.myspace a:hover { background-position:-66px -55px !important; } .social_wrapper li.mail a:hover { background-position:-184px -55px !important; } .social_wrapper li.rss a:hover { background-position:-248px -55px !important; } .social_wrapper li.twitter a:hover { background-position:-310px -55px !important; } .social_wrapper li.viadeo a:hover { background-position:-423px -55px !important; } .social_wrapper li.linkedin a:hover { background-position:-367px -55px !important; } .social_wrapper li.instagram a:hover { background-position:-481px -55px !important; } .social_wrapper li.tumblr a:hover { background-position:-645px -55px !important; } .social_wrapper li.pinterest a:hover { background-position:-534px -55px !important; } .social_wrapper li.google a:hover { background-position:-593px -55px !important; } /*A ajouter si position à droite*/ /*#mes-liens-sociaux { float:right; margin: 0 5px 20px 0;}*/ /*A ajouter si centrage*/ #mes-liens-sociaux { margin: 50px auto 0; position: relative; text-align: center;} #mes-liens-sociaux .social_wrapper { text-align: center; } #mes-liens-sociaux .social_wrapper li { display: inline-block; } /*A retirer si centrage*/ /*.social_wrapper li, .ip-widget-partage-sociaux .social_wrapper li{ float: left; width: 35px; }*/ #mes-liens-sociaux {} /*_______________________ Shortcodes Partenaire _________________________*/ .box-image-de-mon-partenaire { /*left: 65px;*/ position: absolute; top: -60px; border: 1px solid #c9c9c9; background-color: #fff; padding: 5px; display: block; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .ma-partenaire { position: relative; text-align: center; padding-top: 80px; float: left; margin: 0 10px 10px 0; } .box-texte-partenaire { width:100%;} .box-image-de-mon-partenaire, .avatar-partenaire { display: block; } .box-image-de-mon-partenaire, .avatar-partenaire { /*-webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px;*/ height: 121px; width: 121px; } .avatar-partenaire { width:121px; height:121px; } .box-image-partenaire { height: 90px; width: 190px; } .box-titre-partenaire { margin: 11px 0 20px; } .box-titre-partenaire h2 { margin: 0;font-size: 30px; text-transform: uppercase; text-align: center; } .box-titre-partenaire h2, .box-titre-partenaire h2 a { color:#666; text-decoration:none; } .box-titre-partenaire h2 a:hover { color:#ed462e; } .box-titre-partenaire span { color:#666; text-align: center; display: block; } .box-partenaire { background-color: #F1F1F1; border: 1px solid #E9E5E5; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); margin-bottom: 30px; margin-right: 0; padding: 0 29px 10px; position: relative; height: 220px; } .box-partenaire, .box-partenaire p { letter-spacing:normal !important; /*color:#666 !important;*/ line-height:normal !important; /*text-align:justify !important;*/text-align: center; } .box-partenaire a { text-align: center; text-decoration:underline;} .box-partenaire .ip-bouton.second-style { background:#fff; color: #666; text-decoration:none !important; border: 2px solid #666; text-align: center; margin:0 auto; display: block; float: none; /*width: 100px;*/} .box-partenaire .ip-bouton.second-style:hover { background-color:#666; color:#e9e5e5 !important; text-decoration:none !important; } @media only screen and ( max-width: 960px ) { } @media only screen and ( max-device-width: 960px ) { } @media only screen and ( min-width: 780px ) and ( max-width: 960px ) { } @media only screen and ( min-device-width: 780px ) and ( max-device-width: 960px ) { } @media only screen and ( max-width: 779px ) { .box-image-partenaire { width: 100%; } .box-titre-partenaire { float: none; width: 100%; } .ma-partenaire { margin: 0 auto; float:none; } } @media only screen and ( max-device-width: 779px ) { .box-image-partenaire { width: 100%; } .box-titre-partenaire { float: none; width: 100%; } .ma-partenaire { margin: 0 auto; float:none; } } @media only screen and ( max-width: 479px ){ .box-image-partenaire { width: 100%; } .box-titre-partenaire { float: none; width: 100%; } .ma-partenaire { width: 280px; margin: 0 auto; float:none; } } @media only screen and ( max-device-width: 479px ) { .box-image-partenaire { width: 100%; } .box-titre-partenaire { float: none; width: 100%; } .ma-partenaire { width: 280px; margin: 0 auto; float:none; } } @media only screen and ( max-width: 960px ) { } @media only screen and ( max-device-width: 960px ) { } @media only screen and ( min-width: 780px ) and ( max-width: 960px ) { } @media only screen and ( min-device-width: 780px ) and ( max-device-width: 960px ) { } @media only screen and ( max-width: 779px ) { } @media only screen and ( max-device-width: 779px ) { } @media only screen and ( max-width: 479px ){ } @media only screen and ( max-device-width: 479px ) { } /*_______________________ Formulaire devis avec label à l'interieur des champs _________________________*/ #formulaire-devis-interieur { width:100%; }/*___________________________________________________________________ A modifier*/ #formulaire-devis-interieur span.label {display:block; width:190px; float:left; padding-top: 10px; } #formulaire-devis-interieur span.label3 {display:block; width:80px; float:left; padding-top: 0px; } #formulaire-devis-interieur span.label2 { display:block; float:left; } #formulaire-devis-interieur .wpcf7-form-control-wrap { /*float:left;*/ } #formulaire-devis-interieur .float-frequence { float: left; margin: 0 12px 0 10px !important; width: 12%; } #formulaire-devis-interieur .float-classique { width: 60%; } #formulaire-devis-interieur .wpcf7-list-item { display: block; float: left; margin-left: 20px; } #formulaire-devis-interieur h2{ margin: 30px 0 20px; padding: 0; } #formulaire-devis-interieur h3{ margin: 30px 0 20px; padding: 0; } #formulaire-devis-interieur imput{ background-color: #FFFFFF; border: 1px solid #CCCCCC; height: auto; margin: auto; } /*#formulaire-devis-interieur input[type="email"] { background-color: #FFFFFF; border: 1px solid #BBBBBB; }*/ #formulaire-devis-interieur input[type="checkbox"] { height: 20px; /*margin: 4px;*/ width: 20px; } #formulaire-devis-interieur input[type="radio"] { height: 16px; width: 16px; } #formulaire-devis-interieur textarea { color: #999; font-size: 20px; line-height: 20px; padding: 10px 4px 4px 10px; width: 96%; height: 150px; font-family: "Open Sans",Arial,sans-serif; } /*color: #555555;*/ #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { color: #999; font-size: 20px; line-height: 20px; padding: 15px 6px; width: 96%; } /*color: #555555;*/ #formulaire-devis-interieur select { border-radius: 6px 6px 6px 6px; color: #555555; font-size: 16px; line-height: 20px; padding: 4px 6px; vertical-align: middle; margin: 0; } #formulaire-devis-interieur select option { padding: 0 10px 4px; } #formulaire-devis-interieur input[type="submit"] { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #F5F5F5; background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6); background-repeat: repeat-x; border-color: #BBBBBB #BBBBBB #A2A2A2; border-image: none; border-radius: 4px 4px 4px 4px; border-style: solid; border-width: 1px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); color: #333333; cursor: pointer; display: inline-block; line-height: 20px; margin-bottom: 0; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; border-radius: 6px 6px 6px 6px; font-size: 17.5px; padding: 11px 19px; margin-top: 30px; } #formulaire-devis-interieur input[type=text]:focus, #formulaire-devis-interieur input.text:focus, #formulaire-devis-interieur input.title:focus, #formulaire-devis-interieur textarea:focus, #formulaire-devis-interieur select:focus, #formulaire-devis-interieur input[type="email"]:focus { border-color:#F3554C; } /*border-color:#2D3940;*/ #formulaire-devis-interieur input[type=text], #formulaire-devis-interieur input.text, #formulaire-devis-interieur input.title, #formulaire-devis-interieur textarea, #formulaire-devis-interieur select, #formulaire-devis-interieur input[type="email"] { margin:0.5em 0; } input[placeholder] { color: #000 !important;}, textarea[placeholder] { color: #000 !important;} :-moz-placeholder { color: #000 !important;} /* Firefox version inférieure à 18 */ ::-moz-placeholder { color: #000 !important; } /* Firefox 19 et + */ ::-webkit-input-placeholder { color: #000 !important; } /*chrome, Opera, Safari, android et Edge*/ :-ms-input-placeholder{ color: #000 !important; } /* IE */ ::-ms-input-placeholder{ color: #000 !important; } /* Edge */ /*____________ Si erreur ____________*/ .wpcf7-validation-errors, span.wpcf7-not-valid-tip, wpcf7-mail-sent-ng { background-color: #F3554C !important; color:#fff !important; padding:10px !important; width: 70% !important;} span.wpcf7-not-valid-tip { display: inline-block;} /*____________ Si ok ____________*/ div.wpcf7-mail-sent-ok { background-color: #F3554C !important; color: #fff !important; font-size: 19px; padding: 25px !important; width: 70% !important;} /*_______________________ Fin Formulaire devis _________________________*/ #formulaire-devis-interieur .ligne-form-text, #formulaire-devis-interieur .ligne-form-textarea { display: table; clear: both; padding-bottom: 10px; padding-top: 10px; margin-left: -15px; margin-right: -15px; width: 100%; } #formulaire-devis-interieur .ligne-form-textarea { } #formulaire-devis-interieur .colone-form-simple { width: 100%; padding: 0 15px;} /*Attention peux poser probleme essayer de retirer totalement le padding*/ #formulaire-devis-interieur .colone-form-double { float: left; width: 50%; padding: 0 15px;} /*Attention peux poser probleme essayer avec les reglages de la ligne ci-dessous */ /*#formulaire-devis-interieur .colone-form-double { float: left; width: 48%; padding: 0 15px 0 0;}*/ /*_______________________ Formulaire devis avec label à l'interieur des champs _________________________*/ @media only screen and ( min-width: 780px ) and ( max-width: 960px ) { #formulaire-devis-interieur { /*width:410px;*/ } #formulaire-devis-interieur span.label { /*font-size: 14px;*/ width: 180px; } #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { width: 92%; } #formulaire-devis-interieur textarea { width: 92%; } #formulaire-devis-interieur input[type="checkbox"] { height: 16px; width: 16px; } #formulaire-devis-interieur .wpcf7-list-item { font-size: 14px; } #formulaire-devis-interieur span.label3 { width:100%; float:none; margin: 15px 0 3px;} #formulaire-devis-interieur .colone-form-double { padding: 0;} } @media only screen and ( min-device-width: 780px ) and ( max-device-width: 960px ) { #formulaire-devis-interieur { /*width:410px;*/ } #formulaire-devis-interieur span.label { /*font-size: 14px;*/ width: 180px; } #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { width: 92%; } #formulaire-devis-interieur textarea { width: 92%; } #formulaire-devis-interieur input[type="checkbox"] { height: 16px; width: 16px; } #formulaire-devis-interieur .wpcf7-list-item { font-size: 14px; } #formulaire-devis-interieur span.label3 { width:100%; float:none; margin: 15px 0 3px;} #formulaire-devis-interieur .colone-form-double { padding: 0;} } @media only screen and ( max-width: 779px ) { #formulaire-devis-interieur { width:370px; } #formulaire-devis-interieur span.label { /*font-size: 14px;*/ width: 100%; } #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { width: 92%; } #formulaire-devis-interieur textarea { width: 93%; } #formulaire-devis-interieur input[type="checkbox"] { height: 16px; width: 16px; } #formulaire-devis-interieur .wpcf7-list-item { font-size: 14px; } #formulaire-devis-interieur span.label3 { width:100%; float:none; margin: 15px 0 10px;} #formulaire-devis-interieur .colone-form-double { padding: 0 10px 0 0; width: 47%;} } @media only screen and ( max-device-width: 779px ) { #formulaire-devis-interieur { width:370px; } #formulaire-devis-interieur span.label { /*font-size: 14px;*/ width: 100%; } #formulaire-devis-interieur input[type="text"], #formulaire-devis-interieur input[type="password"], #formulaire-devis-interieur input[type="datetime"], #formulaire-devis-interieur input[type="datetime-local"], #formulaire-devis-interieur input[type="date"], #formulaire-devis-interieur input[type="month"], #formulaire-devis-interieur input[type="time"], #formulaire-devis-interieur input[type="week"], #formulaire-devis-interieur input[type="number"], #formulaire-devis-interieur input[type="email"], #formulaire-devis-interieur input[type="url"], #formulaire-devis-interieur input[type="search"], #formulaire-devis-interieur input[type="tel"], #formulaire-devis-interieur input[type="color"], #formulaire-devis-interieur .uneditable-input { width: 92%; } #formulaire-devis-interieur textarea { width: 93%; } #formulaire-devis-interieur input[type="checkbox"] { height: 16px; width: 16px; } #formulaire-devis-interieur .wpcf7-list-item { font-size: 14px; } #formulaire-devis-interieur span.label3 { width:100%; float:none; margin: 15px 0 10px;} #formulaire-devis-interieur .colone-form-double { padding: 0 10px 0 0; width: 47%;} } @media only screen and ( max-width: 479px ){ #formulaire-devis-interieur { width: 100%; } #formulaire-devis-interieur .wpcf7-list-item { float: none; } #formulaire-devis-interieur .float-frequence { margin: 0 7px 0 4px; width: 10%; } #formulaire-devis-interieur .colone-form-double { padding: 0; width: 100%;} } @media only screen and ( max-device-width: 479px ) { #formulaire-devis-interieur { width: 100%; } #formulaire-devis-interieur .wpcf7-list-item { float: none; } #formulaire-devis-interieur .float-frequence { margin: 0 7px 0 4px; width: 10%; } #formulaire-devis-interieur .colone-form-double { padding: 0; width: 100%;} } /*_______________________ Fin Formulaire devis _________________________*/