/* * * Theme Name: Miratech * Theme URI: http://www.miratech.com * Description: Thème Wordpress de Miratech.com * Author: Miratech * Author URI: http://www.miratech.com * License: GNU General Public License version 3.0 * License URI: http://www.gnu.org/licenses/gpl-3.0.html * Version: 1.0 * Text Domain: wpf * * Designed & Handcrafted by Franck Maurin for http://www.miratech.com * All files, unless otherwise stated, are released under the GNU General Public License * version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html) * * 0. Reset & Clearfix * 1. Typography * 2. Colors * 3. Icons * 4. Structure (& templates) * 5. Header * 6. Aside * 7. Footer * 8. Contents * 9. Contact * 10. Includes * 11. Responsive design * 12. Print * 13. IE Fix * */ /* * * 0. Reset & Clearfix * (Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html) */ /* * * 1. Typography * */ /* * * 2. Colors * */ /*v5 bis*/ .wrapper-blue .entry-content h1, .wrapper-blue .entry-content a{ color:#ffffff;} /* * * 3. Icons & Buttons * */ .blog #wrapper .wpcf7-submit {padding: 0px 8px; height:20px; font-size:12px; -webkit-appearance: none; -moz-box-shadow: 0 2px 0 #c04538; box-shadow: 0 2px 0 #c04538; float: right; background:url('../images/background-button.png') repeat-x; position:relative; behavior: url(http://miratech.fr/v5enbis/wp-content/themes/miratech/js/pie/PIE.php); } .blog #wrapper .wpcf7-submit:hover, .blog #wrapper .wpcf7-submit:focus { background-color:#c04538; -moz-box-shadow: 0 2px 0 #90342a; box-shadow: 0 2px 0 #90342a;} .blog #wrapper .wpcf7-submit:active { background-color:#c04538; -moz-box-shadow: none; box-shadow: none; position:relative; top:2px; } .blog #wrapper #secondary .btn-twitter { background:url(../images/icons/little-twitter.png) no-repeat 8px 3px #333333; padding: 2px 8px; padding-left: 30px; text-transform: uppercase; text-decoration: none; height:20px; font: 400 12px/20px "ff-cocon-web-pro", sans-serif; position:relative; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 0 #292929; box-shadow: 0 2px 0 #292929; behavior: url(http://miratech.fr/v5enbis/wp-content/themes/miratech/js/pie/PIE.php); } .blog #wrapper #secondary .btn-twitter:hover, .blog #wrapper #secondary .btn-twitter:focus { background-color:#1f1f1f; -moz-box-shadow: 0 2px 0 #000; box-shadow: 0 2px 0 #000; } .blog #wrapper #secondary .btn-twitter:active { background-color:#1f1f1f; -moz-box-shadow: none; box-shadow: none; position:relative; top:2px; } #wrapper .btn-publications { background:url(../images/icons/flux-rss.png) no-repeat 8px 2px #ffa500; padding: 1px 8px; padding-left: 30px; text-transform: uppercase; text-decoration: none; height:20px; font: 400 12px/20px "ff-cocon-web-pro", sans-serif; position:relative; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 2px 0 #cc8400; box-shadow: 0 2px 0 #cc8400; behavior: url(http://miratech.fr/v5enbis/wp-content/themes/miratech/js/pie/PIE.php); } #wrapper #secondary .btn-publications:hover, #wrapper #secondary .btn-publications:focus { background-color:#cc8400; -moz-box-shadow: 0 2px 0 #d78400; box-shadow: 0 2px 0 #b77200; } #wrapper #secondary .btn-publications:active { background-color:#cc8400; -moz-box-shadow: none; box-shadow: none; position:relative; top:2px; } #secondary .btns-publi {text-align:right; margin-bottom:10px; margin-right: 22px;} /*v5 bis*/ #access .menu-primary-container .menu-item-home a{ background:url(../images/icons/home_hover3.png) no-repeat center #133f6b;} #access .menu-primary-container .menu-item-home a:hover, #access .menu-primary-container .menu-item-home a:focus{ background:url(../images/icons/home_hover4.png) no-repeat center #133f6b;} #access .menu-primary-container .menu-item-home.current-menu-item a, #access .menu-primary-container .menu-item-home.current-page-ancestor a, #access .menu-primary-container .menu-item-home a:active { background:url(../images/home_hover2.png) no-repeat center #ffffff;} .home #wrapper .btn { padding: 2px 8px; font: 400 12px/18px "ff-cocon-web-pro", sans-serif;} #ie8 .home #wrapper-blue .btn { font:400 14px/20px "ff-cocon-web-pro", sans-serif;} .home #footer .btn-twitter { padding: 7px 10px 5px 38px;} .wrapper-blue .btn{ padding: 5px 10px !important; font: 400 14px/20px "ff-cocon-web-pro", sans-serif !important; background:url('../images/background-button.png') repeat-x !important; border-top: solid #f2aca2 1px; -moz-box-shadow: 0 4px 0 #c04538; box-shadow: 0 4px 0 #c04538; behavior: url(http://miratech.fr/v5enbis/wp-content/themes/miratech/js/pie/PIE.php);} .wrapper-blue .btn:hover, .wrapper-blue .btn:focus { background:url('../images/background-button-click.png') repeat-x !important; -moz-box-shadow: 0 4px 0 #90342a; box-shadow: 0 4px 0 #90342a; } .wrapper-blue .btn:active { background:url('../images/background-button-click.png') repeat-x !important;} #footer .btn-twitter{ padding: 5px 10px 5px 38px; font: 400 14px/20px "ff-cocon-web-pro", sans-serif; background: url(../images/icons/twitter.png) no-repeat 8px 5px #333;} /* * * 4. Structure * */ #main-single .inner{ max-width: 720px;} #main-single #primary { width: 100%; } /*.home .inner-reference-list{ padding-top:50px !important;} */ /*v5 bis*/ body { background: url(../images/header_background.png);} .single{ background: url(../images/noise.png);} #main { background: url(../images/noise-home-gray.png) #eee; border-top:none; } /* * * 5. Header * */ #header-single { position: relative; z-index: 9999;} #header-single .inner { padding:40px 0px 10px; max-width: 700px; height:65px;} #header-single #site-title a img{ margin-left: 0px; margin-top:-40px; float: right; } #header-single .btn{ padding: 2px 10px; font-size: 12px;} #header-single .btn:active{ background-color:#c04538; -moz-box-shadow: none; box-shadow: none; position:relative; top:2px;} /*v5 bis*/ #header{ background: url('../images/bordure_header.png') center top no-repeat, url('../images/bordure_header_orange.png') repeat-x;} #header .gradient { background-image: -webkit-radial-gradient(58% 195%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: -moz-radial-gradient(58% 195%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: -ms-radial-gradient(58% 195%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: -o-radial-gradient(58% 195%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: radial-gradient(58% 195%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#1a7db9e8',GradientType=1 );} #header .inner { padding:35px 20px;} #access .menu-primary-container { top:50px; } #access .menu-languages-container { right:-2px; top:15px; background:none;} .menu-languages-container a { -moz-border-radius: 2px; border-radius: 2px;} #access .menu-primary-container a { padding:5px 10px; color:#ffffff; border-top: solid #2566a3 1px; -moz-border-radius: 4px; border-radius: 4px; background:url('../images/background-button-menu.png') repeat-x; -moz-box-shadow: 0 4px 0 #0e2e4f; box-shadow: 0 4px 0 #0e2e4f; behavior: url(http://miratech.fr/v5enbis/wp-content/themes/miratech/js/pie/PIE.php); } #access .menu-primary-container a:hover, #access .menu-primary-container a:focus { background:url('../images/background-button-menu2.png') repeat-x; -moz-box-shadow: 0 4px 0 #0b253f; box-shadow: 0 4px 0 #0b253f; } #access .menu-primary-container .current-menu-item a, #access .menu-primary-container .current-page-ancestor a, #access .menu-primary-container a:active { color:#14416e; background: #ffffff; border:none; -moz-box-shadow: none; box-shadow: none;} /* * * 6. Aside * */ .blog .box-border { padding: 10px 0px 5px 10px; margin-bottom: 10px;} .blog .box-border article img { float:left; margin-right: 10px;} .blog .box-border article .entry-title { display:inline; font: bold 20px/28px "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom:0px;} .blog .box-border article header .entry-meta { display:inline;} .blog .box-border article .entry-summary { color:black; margin-left:160px;} .blog a:hover { text-decoration: none;} .blog a:hover .entry-title{ text-decoration: underline;} .blog .box-border .entry-summary p { margin-bottom:0px;} .accroche { font: 400 14px/20px "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#899fb4; margin-bottom:10px;} .blog .intitule { font: 200 18px/26px "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; margin-bottom:10px;} .page-template-testimonies-php ul { list-style-type:none; margin:0px;} .page-template-testimonies-php li { list-style-type:none;} .page-template-testimonies-php blockquote { background-color: white; position:relative; -moz-border-radius: 4px; border-radius: 4px; min-height:20px; margin:0px; padding:15px;} .widget_inthepress_widget blockquote{ background:url('../images/icons/quotes2.png') white no-repeat 15px 20px;} .page-template-testimonies-php .box-border blockquote {position:relative; -moz-border-radius: 4px; border-radius: 4px; min-height:20px; margin:0px; padding:15px;} .testimony-content{ background:url('../images/icons/quotes2.png') white no-repeat 0px 0px; clear:both;} .page-template-testimonies-php blockquote p { margin-left:45px; margin-bottom:0px;} .testimony-header{ margin-left:45px;} .page-template-testimonies-php .author { margin-left:60px; color:#005d81;} .page-template-testimonies-php blockquote .queue-quote {background:url(../images/queue-quote.png); width:20px; height:20px; display:block; line-height:1px; font-size:1px; position:absolute; left:30px; bottom:-20px; text-indent: -9999px;} .page-template-revue-presse-php blockquote .queue-quote-gray {background:url(../images/queue-quote-gray.png); width:20px; height:20px; display:block; line-height:1px; font-size:1px; position:absolute; left:30px; bottom:-20px; text-indent: -9999px;} .page-template-testimonies-php .box-border{ background-color:rgba(255, 255, 255, 0.5); margin-bottom: 20px; padding: 50px 15px 0px;} .page-template-testimonies-php .box-border img{float:left; margin-top: 0px; margin-right: 20px;} .page-template-testimonies-php table{ margin-left: 45px;} .page-template-testimonies-php .accroche{ text-align:center; width: 100%; font: bold 16px/22px "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#005d81;} #newsletter_widget-3{ margin-bottom:20px;} .blog .widget_references_widget{ margin-top:40px; color:#133e69;} .page-template-offer-php .widget_references_widget{color:#133e69;} #references_widget-4{ color: #133E69;} .contact-us { text-align:center;} .contact-us a{ padding: 5px 30px; text-transform: uppercase; text-decoration: none; font: 400 14px/20px "ff-cocon-web-pro", sans-serif; color: #fff; -moz-border-radius: 4px; border-radius: 4px; background:#f05646; -moz-box-shadow: 0 4px 0 #c04538; box-shadow: 0 4px 0 #c04538; behavior: url(http://miratech.fr/v5enbis/wp-content/themes/miratech/js/pie/PIE.php); }} .contact-us a:hover, .contact-us a:focus { background-color:#c04538; -moz-box-shadow: 0 4px 0 #90342a; box-shadow: 0 4px 0 #90342a; } .contact-us a:active { background-color:#c04538; -moz-box-shadow: none; box-shadow: none; position:relative; top:3px; } .quality{ font-weight:bold; font-size:16px; color:#133e69;} #main-single .wp-caption{ margin-bottom:0px; width: auto} .reference_blog{ font-size:11px;} .wp-image-907, .wp-image-908, .wp-image-909{margin-right:10px;} .etude-offline-ul{ list-style:none; margin-left:0px;} .etude-offline-li1{ width: 75%; float: left; min-width: 250px; padding-right: 10px;} .etude-offline-li2{ width: 64%; float: left; min-width: 250px; padding-right: 10px;} .etude-offline-ul img{ display: inline;} .comparateur{ float:left; width:50%; min-width:240px;} .comparateur th, .comparateur td, .img-comparateur{ position:relative; text-align:center;} #checkA, #checkB, #check1, #check2{ position:absolute; right:10px; bottom:40px;} #flecheEvo2, #flecheEvo{ position:absolute; left:12px; top:23px;} #vignette2, #vignette{ position:absolute; left:0px; top:30px; height: 66px; width: 117px;} #resB, #resA{ position:absolute; left:40px; top:25px; width: 65px;font-size:18px; font-weight:bold;} .texteDroite2, .texteGauche2, .texteDroite, .texteGauche{ position:absolute; left:40px; bottom: -15px; background-image:url(../imagesTableau/encadre_bas.png); width:230px; height:44px;} .title-widget, .parent-title-widget, .parent-title-widget2{ padding:0; margin:0; list-style: none; text-decoration:none !important; position:relative; top:-10px; left:12px; zoom:1; font-size:18px; font-weight:bold; color:#005d81;} .home .parent-title-widget2{ top:-3px;} #secondary .box { padding-top: 20px;} .title-widget:hover, .parent-title-widget:hover { text-decoration:none;} /*v5 bis*/ .wrapper-blue { background: url(../images/header_background.png); color:#ffffff;} .home .wrapper-blue a { border-bottom:dotted 1px #ffffff; } .home .wrapper-blue a:hover { border-bottom:solid 1px #ffffff; } .wrapper-blue .gradient { background-image: -webkit-radial-gradient(58% 35%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: -moz-radial-gradient(58% 35%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: -ms-radial-gradient(58% 35%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: -o-radial-gradient(58% 35%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: radial-gradient(58% 35%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#1a7db9e8',GradientType=1 );} .box { padding-top:0px; background:rgba(255, 255, 255, 0.8); behavior: url(http://miratech.fr/v5enbis/wp-content/themes/miratech/js/pie/PIE.php);} .widget-title{ padding: 6px 0px 10px;} .widget_publications_widget ul a { padding:15px 10px; min-height:80px; float: left; margin-bottom: 10px; width: 45%;} .widget_publications_widget li { margin-bottom:12px;} .widget_publications_widget ul div { height:80px;} .widget_testimonies_widget blockquote{ background:url('../images/icons/quotes2.png') white no-repeat 15px 10px; padding:10px;} .widget_testimonies_widget .author{ margin-bottom: 1.225em;} #home-secondary #references_widget-7{ padding-bottom: 0px;} .home .widget_references_widget ul{ list-style-type:none; margin: 0px; margin-top: -16px;} .home .widget_references_widget li{ padding:12.2px 0px;} .home .widget_references_widget img{ float: left;} .home .widget_references_widget ul div { display: table-cell; padding-left:10px; color:#555555} .home .widget_references_widget strong{ font-size:20px;} .home #main .inner { padding: 20px 0;} .wrapper-white { background: url(../images/noise.png);} .description-references{ float:left; position:relative; left:20px; width:182px; padding-top:35px; font-size:20px; color:#555555;} .inner-reference-list .btn-wrapper { text-align: left;} .reference-list { margin-left: 205px;} .wp-caption { background: none;} .page-template-references-php #primary { background: rgb(255, 255, 255); border-radius: 4px; -moz-border-radius: 4px;} .reference-list img{ height:60px; margin:5px 8px;} .box-title { border-radius:0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom: solid #eeeeee 1px; -pie-border-radius: 0px 0 4px 4px; color:#133e69; background:url(../images/background-box-title.png); float:left; padding: 7px 19px; text-transform: uppercase; text-decoration: none; font: 400 20px/23px "ff-cocon-web-pro", sans-serif; behavior: url(http://miratech.fr/v5enbis/wp-content/themes/miratech/js/pie/PIE.php); } .breadcrumb { top:-40px; left: 10px;} .box-title .queue { width:6px; right:-6px;} .box-title .queue2 { background:url(../images/queue2.png); width:6px; height:5px; display:block; line-height:1px; font-size:1px; position:absolute; left:-6px; top:0; } .wrapper-white .btn{ float:left !important;} .widget_references_widget p{ margin-left:12px;} #references_widget-7 p{ margin-left:0px;} /* * * 7. Footer * */ #footer-single .inner { padding:30px 0px; max-width: 700px; height:30px;} #footer-single .link-footer{ margin-left: 0px; float: right; } #footer-single .btn{ padding: 2px 10px; font-size: 12px; float:left;} #footer-single .link-footer{ font: 200 18px/26px "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } #footer-single .link-footer a{ color:#000;} #footer span{ color:#7A7A7A;} /* * * 8. Contents * */ #main-single .entry-title{ font: bold 24px/32px "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; margin:20px 0px 10px;} .social-network{ margin-bottom:20px;} .entry-content .extract{ background-color:#fafafa; padding:10px;} #main-single .entry-content h3{ font: bold 18px/26px "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#000; margin-bottom:10px; margin-top:40px} #main-single .entry-content strong, #main-single .entry-content a, #main-single .entry-content a:hover{ color:#000; border-bottom-color:#000;} #main-single .entry-content .legend{ color:#899fb4; margin-top: 25px;} #main-single .entry-content .vvqyoutube object{border:10px solid #e8e8e8; border-radius:8px; margin-left:-10px;} .page-template-society-php .number{ width:60px; color:#133e69; font-size:15px; vertical-align: top;} .page-template-society-php td{ vertical-align: top;} .page-template-society-php td strong{ color:#133e69;} .page-template-society-php .our-job .alignright, .page-template-society-php .our-job .alignleft{margin:0px;} .page-template-society-php .our-job img{ border:6px solid #e8e8e8; border-radius:4px;} .page-template-society-php .our-job .wp-image-1635{width: 64.4%; margin: 0px 10px 10px 0px;} .page-template-society-php .our-job .wp-image-1636, .page-template-society-php .our-job .wp-image-1637{width: 29.7%; margin-bottom: 10px;} .page-template-society-php .our-job .wp-image-1638{width: 98%;} .page-template-society-php .our-job .wp-image-1639{width: 47%; margin: 5px 0px;} .page-template-society-php .our-job .wp-image-1640{width: 47%; margin: 5px 0px;} .page-template-revue-presse-php .and-also{ list-style-type:disc; margin-left:18px;} .page-template-offer-php .wp-caption{ padding: 0px; margin-right: 0px; margin-left: 0px;} .accordion { list-style:none; margin:0px;} .accordion li{ margin-bottom:10px;} .accordion p{ margin-bottom:5px;} .accordion-intro{ padding-right:100px;} .accordion-content{ position:relative; background:#f5f5f5; padding:10px; display:none; -moz-border-radius: 4px; border-radius: 4px;} .accordion-content ul{ margin:10px 0px 10px 30px;} .accordion-content li{ margin-bottom:0px;} .accordion-close{ position:absolute; top:-33px; right:0px; background:url(../images/icons/croix.png) no-repeat 75px center #f5f5f5; border-top-right-radius:4px; border-top-left-radius:4px; padding:6px 36px 7px 15px; font:500 14px/22px "ff-cocon-web-pro", sans-serif; border-bottom:none !important; color:#899fb4; cursor:pointer;} .accordion-content-text{ background:#fff; padding: 15px 20px; -moz-border-radius: 4px; border-radius: 4px;} .newline{ text-indent: -9999px; line-height:10px; margin-bottom: 0px;} .bug-offline{ text-indent: -9999px; display:none;} #attachment_1051 img{ border:10px solid #e8e8e8; border-radius:8px;} .page-template-offer-php .child-5{ position: relative;} .image-clickable{ position: relative;} .page-template-offer-php #box1, .page-template-offer-php #box2, .page-template-offer-php #box3, .page-template-offer-php #box4, .page-template-offer-php #box5{ display: none; position: absolute; top:0px; left:0px; width: 100%; padding: 0; margin-left:0; z-index:11; overflow: hidden;} .page-template-offer-php #box1 img, .page-template-offer-php #box2 img{ border:10px solid #899fb4; border-radius:8px; max-width: 96%;} .page-template-offer-php #box3, .page-template-offer-php #box4, .page-template-offer-php #box5{ border:10px solid #899fb4; border-radius:8px; background-color:white;} .page-template-offer-php .boxclose{ float:right; position:absolute; top:-4px; right:0px; background-image:url(../images/closebox.png); width:30px; background-position:0px 2px; height:30px; cursor:pointer;} .embed{ text-align:center;} .page-template-offer-php .boxcontent2 .wp-caption{width:100% !important;} /*v5 bis*/ .inner{ position:relative; overflow:hidden} .page-template-contact-php .inner{ overflow:visible} .shadow{ position:absolute; top:0px; background: url(../images/shadow-main.png); height: 7px; width:100%; } .page-template-contact-php .wpcf7{ margin: 30px 0px 0px !important;} .page-template-contact-php .box-title { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomright: 0; -webkit-border-radius: 4px; -webkit-border-top-right-radius: 0; border-radius: 4px; border-radius-topright: 0; -pie-border-radius: 4px 0 4px 4px; border-radius: 4px; border-top-right-radius: 0; background:#899fb4; color:#ffffff; float:left; padding: 7px 19px; text-transform: uppercase; text-decoration: none; font: 400 20px/25px "ff-cocon-web-pro", sans-serif; behavior: url(http://miratech.fr/v5enbis/wp-content/themes/miratech/js/pie/PIE.php); } .page-template-contact-php.breadcrumb .box-title {position:relative; float:left; top:0; left:0; margin-bottom:-15px; } .page-template-contact-php .box-title { position:absolute; top:-20px; left:5px; } .page-template-contact-php .box-title .queue {background:url(../images/queue3.png); width:10px; height:5px; display:block; line-height:1px; font-size:1px; position:absolute; right:-10px; top:0; } .box-metro .box-title { top: -5px; left:15px; padding: 5px 10px; font: 400 15px/25px "ff-cocon-web-pro", sans-serif;} /* * * 9. Contact * */ .blog .wpcf7-form .wpcf7-form-control-wrap { display:block; padding-right:55px;} .blog .intitule .error { background:url(../images/icons/error.png) right 8px no-repeat; } .blog .validationMessage{ font-size:14px} .blog .intitule .valid { background:url(../images/icons/valid.png) right 4px no-repeat; } .blog .wpcf7-text { width:100%; border:2px solid #bec9d4; padding:5px 10px; -moz-border-radius: 4px; border-radius: 4px; } .blog .wpcf7-text:focus { border-color:#899fb4; color:#444; } .blog #errors { color:#c00; font-size:16px; } .valid-inscription{ color:#09892a; font-size:16px; font-weight:500;} .validationMessage { color: #F05646;} div.wpcf7-validation-errors { border: none !important;} div.wpcf7-response-output { margin: 0px !important; padding: 0px !important;} span.wpcf7-not-valid-tip-no-ajax { font-size: 0pt!important; visibility: hidden;} /* * * 10. Includes * */ /*v5 bis*/ #home-secondary .wrapper-box { width:32%;} #home-secondary .wrapper-widget_publications_widget{width:66%; margin-right:0px;} #home-secondary #references_widget-7{ background: none; border:none;} /* * * 11. Responsive design * */ /* mini tablette 480px */ /* publication */ /* menu trop long qui passe sur le logo */ /*v5 bis*/ @media (max-width: 880px) { #header .gradient { background-image: -webkit-radial-gradient(58% 164%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: -moz-radial-gradient(58% 164%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: -ms-radial-gradient(58% 164%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: -o-radial-gradient(58% 164%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); background-image: radial-gradient(58% 164%, circle farthest-side, rgba(150, 150, 255, 0.4), rgba(0, 0, 0, 0.1) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#1a7db9e8',GradientType=1 );} } /*v5 bis fin*/ @media (max-width: 800px) { .bulle-chiffres-contact{ display:none;} #home-secondary .wrapper-box { width:100%; margin-bottom:10px;} .widget_references_widget li { display: inline-block; width: 240px;} .description-references{ float:none; width:100%; text-align: center; padding-top: 0px;} .inner-reference-list .btn-wrapper { text-align: center; padding: 0px 0 20px; } .reference-list { margin-left:0px;} #header .gradient { background-image: -webkit-radial-gradient(58% 164%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); background-image: -moz-radial-gradient(58% 164%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); background-image: -ms-radial-gradient(58% 164%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); background-image: -o-radial-gradient(58% 164%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); background-image: radial-gradient(58% 164%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#1a7db9e8',GradientType=1 );} .wrapper-blue .gradient { background-image: -webkit-radial-gradient(58% 35%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); background-image: -moz-radial-gradient(58% 35%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); background-image: -ms-radial-gradient(58% 35%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); background-image: -o-radial-gradient(58% 35%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); background-image: radial-gradient(58% 35%, circle farthest-side, rgba(31, 86, 255, 0.1), rgba(0, 0, 0, 0.1) 70%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#1a7db9e8',GradientType=1 );} .wrapper-white .btn{ float:none !important;} } @media (max-width: 650px) { #footer-single .inner{ text-align:center;} #footer-single .btn{ float:none;} #footer-single .link-footer{ float:none; margin-top:10px;} #header-single .inner{ text-align:center;} #header-single #site-title a img{ float:none; margin:20px 0px;} #header-single .inner{ height: 120px;} .page-template-testimonies-php .box-border img{float:none;} .testimony-header { margin-bottom:10px;} .texteDroite2, .texteGauche2, .texteDroite, .texteGauche{ position:absolute; font-size:14px; left:0px; bottom: -15px;} .bulle-chiffres-contact{ display:inline;} .widget_references_widget li{ width:280px;} #wrapper .btn-twitter{ position: relative;} .footerbtn{ text-align: center; margin-top:10px;} .description-references{ left:0px;} } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { .home .inner .btn-wrapper { position: relative; text-align: center;} .blog article img{ display:none;} .blog .box-border article .entry-summary { margin-left: 0px;} .page-template-offer-php .entry-title{ text-align: center; margin: 0px 50px;} .page-template-offer-php .entry-title img{float:none;} .page-template-offer-php .entry-content{ clear:both;} .image-ordi{ display:none;} .bug-offline{ margin-left:500px; text-indent: -9999px; display:inline;} .blog .a-post-808{ display:none; } .widget_references_widget li { display: block; width: auto;} .description-references{ left:5px;} .home .wrapper-blue .entry-content { left:5px;} #wrapper #home-secondary .wrapper-box .btn-wrapper {position: relative; text-align: center; margin-top:30px;} #home-secondary .wrapper-box .box { padding-bottom: 10px;} .home #wrapper .btn{ float:none;} .home .wrapper-blue .homebtn{ text-align: center;} .widget_publications_widget ul a { min-height: 0px;} .widget_publications_widget ul a { width: 90%;} } /* * * 13. IE Fix * */ /*#ie6 .wrapper-blue .btn, #ie7 .wrapper-blue .btn, #ie8 .wrapper-blue .btn, #ie9 .wrapper-blue .btn{ padding-top: 8px !important; padding-bottom: 2px !important; }*/ /*#ie6 .blog #wrapper .wpcf7-submit, #ie7 .blog #wrapper .wpcf7-submit, #ie8 .blog #wrapper .wpcf7-submit, #ie9 .blog #wrapper .wpcf7-submit{ padding-top: 3px;} #ie6 .blog #wrapper #secondary .btn-twitter, #ie7 .blog #wrapper #secondary .btn-twitter, #ie8 .blog #wrapper #secondary .btn-twitter, #ie9 .blog #wrapper #secondary .btn-twitter { padding-top: 4px;}*/ #ie6 #header-single .btn, #ie7 #header-single .btn, #ie8 #header-single .btn, #ie9 #header-single .btn { padding-top: 4px;} #ie6 #header, #ie7 #header, #ie8 #header{ background: url('../images/bordure_header.png') center top repeat-x;} #ie6 .page-template-contact-php .wpcf7-submit, #ie7 .page-template-contact-php .wpcf7-submit, #ie8 .page-template-contact-php .wpcf7-submit, #ie9 .page-template-contact-php .wpcf7-submit { top: -5px;} #ie8 .home a{ outline-width:none;} @-moz-document url-prefix() { .blog #wrapper #secondary .btn-twitter { padding-top: 4px;} }