/* Theme Name: Mon-Web v3 Theme URI: http://mon-web.fr/ Description: theme pour Mon Web Version: 3.0 Author: Frederic Vattolo Author URI: http://www.mon-web.fr/ */ /* styles generaux */ * { margin: 0; padding : 0;} html {height: 100%; margin-bottom: 1px;} body { color: #000 ; background : transparent url(images/bg/platin.jpg) center center no-repeat; position: relative; height : 100%; font-family : arial, helvetica, sans-serif;font-size: 14px; line-height: 1.1em; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body:after { content: " ";position: fixed; top : 0; left : 0; width : 100%; height : 100%; z-index : -1; background : url(images/bgRaye10.png) top left repeat;} p { padding: 5px 0;} .clr { clear: both;} a img { border : 0} #deco { position : relative; z-index : 800} #header { position: fixed; top : 0; left : 0; height : 90px; width : 100%; background : url(images/bg_header.png) top left repeat-x; } #header:before { content : " "; position : absolute; top : 0; left : 0; width : 225px; height : 90px; background : url(images/bg_headerL.png) top left no-repeat;} #header:after { content : " "; z-index : 800; position: absolute; right : 0; top : 0; width : 21px; height : 90px; background: url(images/bg_headerR.png) top right no-repeat;} #decoL {position: fixed; top : 0; left : 0;height : 100%; width : 20px;background : url(images/bgBodyL.png) top left repeat-y; } #decoR {position: fixed; top : 0; right : 0;height : 100%; width : 20px;background : url(images/bgBodyR.png) top left repeat-y; } #decoBas { position: fixed; bottom : 0; left : 0; height : 25px; width : 100%; background : url(images/decoBas.png) bottom left repeat-x; } #decoBas:before { content: " "; width : 25px; height : 25px; position: absolute; bottom : 0; left : 0; background : url(images/decoBasL.png) top left no-repeat;} #decoBas:after { content: " "; width : 25px; height : 25px; position: absolute; bottom : 0; right : 0; background : url(images/decoBasR.png) top left no-repeat;} a#logo { display : block;width : 215px; height : 70px; z-index : 800; position: absolute; top :0; left :0; text-indent : -9999px; overflow : hidden;background : url(images/logo.png) top left no-repeat;} a#logo:hover { -webkit-transform: rotate(-2deg); -moz-transform: scale(1.05); -o-transform: rotate(-2deg) ); } #menuTop { position: fixed; top : 12px; left : 218px; z-index : 900; } #menuTop li { list-style : none; display : block; float: left; height : 50px; } #menuTop li a { display : block; height : 50px; color : #d8dbde; font-size : 15px; text-decoration : none;font-family: Arial, Helvetica, sans-serif; overflow :hidden;} #menuTop li a strong { display : none;font-weight : 600;text-transform : uppercase; } #menuTop li a:hover strong { display : block;float: left; height : 50px; padding : 18px 0px 0 10px;text-shadow: rgba(0, 0, 0, .01) 0 0 1px} #menuTop li a span { display : block; width : 60px; height : 50px;text-indent : -9999px;float: right;} #lienPortfolio {background : url(images/bg_lien_portfolio.png) top right no-repeat; } #lienPortfolio:before { content : " "; position: absolute; top : 0; left : 0; width : 8px; height : 46px; background: url(images/bg_lien_portfolioBefore.png) top left no-repeat} #lienPortfolio span { background: url(images/lien_portfolio.png) center center no-repeat} #lienServices { background : url(images/bg_lien_services.png) top right no-repeat; } #lienServices span { background: url(images/lien_services.png) center center no-repeat} #lienContact { background : url(images/bg_lien_contact.png) top right no-repeat; } #lienContact span { background: url(images/lien_contact.png) center center no-repeat} #contenu { position : relative; } /* page d'accueil */ #descr {padding : 60px 6% 30px 6%} #accroche { position: relative; margin-bottom : 30px; color : #364b5a; line-height : 19px; text-align :right; text-shadow : #B8C5CE 1px 1px 1px; } #accroche span {border-bottom : 1px solid #586F77; } #accroche em { letter-spacing : 1px;} #accroche h2 { font-size : 27px; color : #990011 ; font-weight : bolder; line-height : 30px; font-family: Arial, Helvetica, sans-serif;} #accroche h3 { display: block;font-size : 15px; color : #7c1415; font-weight : bolder; text-shadow : #EB9781 0px 1px 1px;} #accroche a { color : #7c1415;text-decoration: none ; text-shadow : #F3F3F3 0px 1px 1px;} #modulesAcc { } .moduleAccueil { display : block; margin-left : 4%; width : 40%; cursor : default; float :left; margin-bottom : 30px;color : #324653; text-shadow : #D8E2E6 1px 1px 1px; padding : 10px 12px 10px 36px; -moz-border-radius : 60px; -webkit-border-radius : 60px; -o-border-radius : 60px; border-radius : 60px; -moz-box-shadow: 2px 2px 4px #333; -webkit-box-shadow: 2px 2px 4px #333; box-shadow: 2px 2px 4px #333; background : rgba(255,255,255,0.7) url(images/bgRaye10.png) top left repeat; } .moduleAccueil:nth-child(odd){ clear:left; } .moduleAccueil:hover { background: #fff url(images/bgRaye10.png) top left repeat;} .moduleAccueil h2 { display: inline; padding-left : 8px; font-family: Arial, Helvetica, sans-serif; font-size : 18px; color : #990011 ; font-weight : 600; text-decoration : none; } .moduleAccueil strong { font-weight : 400; color : #7c1415} .moduleAccueil a { color : #7c1415} .moduleAccueil p { padding-left : 65px;margin-top : 5px;font-size : 14px; line-height : 16px;} .moduleAccueil p:first-letter { font-size : 125%; font-family: Arial, Helvetica, sans-serif;} #moduleTemps { } #moduleTemps p { background : url(images/temps.png) center left no-repeat;} #communication p { background : url(images/communiquez.png) center left no-repeat;} #fidelisez p { background : url(images/fidelisez.png) center left no-repeat;} #creationTemplate p { background : url(images/template.png) center left no-repeat;} #facilitezContacts p { background : url(images/faciliterContacts.png) center left no-repeat;} #intervention p { background : url(images/intervention.png) center left no-repeat;} #dernReas { text-align : center; height : 310px; overflow : hidden;padding : 15px 4% 20px 4% ; text-shadow : 1px 2px 2px #000; box-shadow : 0 0 4px #000; background : rgba(59, 69, 79,0.8) url(images/bgRaye.png) top left repeat; } #dernReas h2 { font-family: Arial, Helvetica, sans-serif; font-size : 26px; color : #FFF7D9; text-align : left; margin : 10px 0 20px 0; font-weight : 600; } #dernReas li { list-style : none; display : inline-block; width : 280px; height : 230px; margin-left : 10px;margin-bottom : 60px; position : relative; overflow :hidden; /*background: #f1eeb6 */} #dernReas li h2 { font-size : 14px; text-align : center; margin : 0} /* fallback si js desactivé */ div.thumbsite { position: absolute; top : 130px; left : 14px; padding : 7px 6px 5px 6px; background : #fff; z-index : 200; box-shadow : 0px 0px 2px #000;border-radius : 6px; } div.thumbsite:after { content : " "; position : absolute; top : 95px;left : 0; height : 5px; width : 100%; background : url(images/thumbsiteAfter.png) top center repeat-x; } div.thumbsite:hover:after {top : 195px; background : url(images/thumbsiteAfter.png) bottom center no-repeat;} .thumbsite img { border-radius : 5px 5px 0 0;border : 1px solid #d8d8d8;} .thumbsite a { font-family: Arial, Helvetica, sans-serif;text-shadow : none; font-size : 17px; color : #990011; text-decoration: none; font-weight : 900 } .thumbsite a:hover { color : #33424f; letter-spacing : 1px;} div.thumbsite:hover { top : 30px;} /* anim en js */ div.thumbsiteJS { position: absolute; top : 130px; left : 14px; padding : 7px 6px 5px 6px; background : #fff; z-index : 200; box-shadow : 0px 0px 2px #000;border-radius : 6px; } div.thumbsiteJS:after { content : " "; position : absolute; top : 95px;left : 0; height : 5px; width : 100%; background : url(images/thumbsiteAfter.png) top center repeat-x; } div.thumbsiteJS:hover:after {top : 195px; background : url(images/thumbsiteAfter.png) bottom center no-repeat;} .thumbsiteJS img { border-radius : 5px 5px 0 0;border : 1px solid #d8d8d8;} .thumbsiteJS a { font-family: Arial, Helvetica, sans-serif;text-shadow : none; font-size : 17px; color : #990011; text-decoration: none; font-weight : 900 } .thumbsiteJS a:hover { color : #33424f; letter-spacing : 1px;} div.thumbsiteJS:hover { } div.descrSite { padding : 10px 0; color : #fff; position : relative; z-index : 150;background : rgba(37, 37, 37,0.7); border-radius : 6px; box-shadow : 0px 1px 0px #667, inset 0px 2px 2px #111;} #dernReas .descrSite a { color : #ca0014; text-decoration : none; font-size : 14px;} #dernReas .descrSite a:hover { letter-spacing : 1px;color : #ff0f27;} #dernReas h3 {font-family: Arial, Helvetica, sans-serif; font-size : 16px; color : #fff7d9; } div.descrSite:after { content : " "; position : absolute; bottom : -34px;left : 0; height : 30px; width : 100%; background : url(images/arrowDown.png) center center no-repeat;} div.techno { position : absolute; top : 112px; left : 0; color : #FFF7D9; width : 100%; } #dernReas .techno li { list-style : none; display : inline; font-size : 9px;text-transform : uppercase; margin : 0; text-shadow : none;} .post-meta-key { display : none;} /* page portfolio */ #reasPortolio { text-align : center; padding : 0px 20px 20px 20px ; text-shadow : 1px 2px 2px #000; /* background : rgba(255,255,255,0.5); box-shadow : 0 0 4px #000; background : rgba(59, 69, 79,0.8)*/ } #reasPortolio h2 { font-family: Arial, Helvetica, sans-serif; font-size : 26px; color : #FFF7D9; text-align : left; margin : 10px 0 20px 0; font-weight : 600; } #reasPortolio li { list-style : none; display : inline-block; width : 280px; height : 230px; margin-left : 30px;margin-bottom : 40px; position : relative; overflow :hidden;padding : 10px 10px 10px 10px; border-radius : 8px; box-shadow : 0px 2px 4px #111; background : rgba(59, 69, 79,0.9) url(images/bgRaye.png) top left repeat;} #reasPortolio li:after {width : 100%;height : 10px; content : " "; position :absolute; left : 0; bottom : 0px; background : rgba(59, 69, 79,1) url(images/bgRaye.png) top left repeat;border-radius : 0 0 8px 8px; z-index : 400;} #reasPortolio li h2 { font-size : 14px; text-align : center; margin : 0} #reasPortolio .descrSite a { color : #ca0014; text-decoration : none; font-size : 14px;} #reasPortolio .descrSite a:hover { letter-spacing : 1px;color : #ff0f27;} #reasPortolio h3 {font-family: Arial, Helvetica, sans-serif; font-size : 16px; color : #fff7d9; } div.descrSite:after { content : " "; position : absolute; bottom : -34px;left : 0; height : 30px; width : 100%; background : url(images/arrowDown.png) center center no-repeat;} #reasPortolio div.techno { position : absolute; top : 120px; left : 0; color : #FFF7D9; width : 100%; } #reasPortolio .techno li { list-style : none; display : inline; font-size : 9px;text-transform : uppercase; margin : 0; text-shadow : none;padding : 0; background: none;box-shadow: none;} #reasPortolio .techno li:after { display : none;} .post-meta-key { display : none;} /* fallback si js desactivé */ #reasPortolio div.thumbsite { position: absolute; top : 140px; left : 23px; padding : 7px 6px 5px 6px; background : #fff; z-index : 200; box-shadow : 0px 0px 2px #000;border-radius : 6px; } #reasPortolio div.thumbsite:after { content : " "; position : absolute; top : 95px;left : 0; height : 5px; width : 100%; background : url(images/thumbsiteAfter.png) top center repeat-x; } #reasPortolio div.thumbsite:hover:after {top : 195px; background : url(images/thumbsiteAfter.png) bottom center no-repeat;} #reasPortolio .thumbsite img { border-radius : 5px 5px 0 0;border : 1px solid #d8d8d8;} #reasPortolio .thumbsite a { font-family: Arial, Helvetica, sans-serif;text-shadow : none; font-size : 17px; color : #990011; text-decoration: none; font-weight : 900 } #reasPortolio .thumbsite a:hover { color : #33424f; letter-spacing : 1px;} #reasPortolio div.thumbsite:hover {top: 30px } /* anim en js */ #reasPortolio div.thumbsiteJS { position: absolute; top : 140px; left : 23px; padding : 7px 6px 5px 6px; background : #fff; z-index : 200; box-shadow : 0px 0px 2px #000;border-radius : 6px; } #reasPortolio div.thumbsiteJS:after { content : " "; position : absolute; top : 95px;left : 0; height : 5px; width : 100%; background : url(images/thumbsiteAfter.png) top center repeat-x; } #reasPortolio div.thumbsiteJS:hover:after {top : 195px; background : url(images/thumbsiteAfter.png) bottom center no-repeat;} #reasPortolio .thumbsiteJS img { border-radius : 5px 5px 0 0;border : 1px solid #d8d8d8;} #reasPortolio .thumbsiteJS a { font-family: Arial, Helvetica, sans-serif;text-shadow : none; font-size : 17px; color : #990011; text-decoration: none; font-weight : 900 } #reasPortolio .thumbsiteJS a:hover { color : #33424f; letter-spacing : 1px;} #reasPortolio div.thumbsiteJS:hover { } /* Print */ #pleinePagePrint { width : 880px; margin : 80px auto 32px auto;position: relative; line-height : 19px;color : #324653; padding : 10px 20px; border : 10px solid #000; background : rgba(59, 69, 79,0.8) url(images/bgRaye.png) top left repeat; } #pleinePagePrint li { list-style : none;} #pleinePagePrint li p span, #pleinePagePrint h3 {height : 29px; line-height : 26px; font-size : 16px; font-weight : normal; text-shadow : #111 1px 1px 1px;} #pleinePagePrint h3>a { color : #fff;text-decoration : none; border-bottom : 1px dotted #fff} #pleinePagePrint h3>a:hover { color : #ce2222; border-bottom : 1px dotted #731314;text-shadow : #000 0px 1px 1px;} #pleinePagePrint caption { text-align : center; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size : 26px; color : #FFF7D9; letter-spacing : 1px;margin-bottom : 10px;text-shadow : 1px 2px 2px #000; } #pleinePagePrint th {width : 180px;padding : 0 5px; text-align : center;color : #FFF7D9;vertical-align : center; font-size : 18px; background : rgba(37, 37, 37,0.7);font-style : italic;text-shadow : 1px 2px 2px #000; border-radius : 6px; box-shadow : 0px 1px 0px #667, inset 0px 2px 2px #111; } #pleinePagePrint td { width : 650px; background : rgba(78, 91, 104,0.8) url(images/bgRaye10.png) top left repeat; font-family: Calibri, Verdana, Arial, sans-serif; text-align : center;vertical-align : center;box-shadow : 0px 1px 0px #667, inset 0px 2px 2px #111; margin : 0 0 5px 5px ;padding : 5px; color : #fff; border-radius : 6px; } #pleinePagePrint td p { width : 150px; float: left; height : 238px; } #pleinePagePrint ul { width : 632px; margin : 0 auto; } #packcomplet li { height : 200px;} #diverspapier li { height : 235px; overflow : hidden} #pubAdhesive li { height : 250px; overflow : hidden} #crealogos li { height : 132px; overflow :hidden} #printPrec1 a,#printPrec2 a,#printPrec3 a { display : block; width : 50px ;height : 20px;text-indent : -5000px; overflow : hidden; position : relative; bottom : -15px; left : 260px; background : url(images/bg_navPortfolioPrint.png) top left no-repeat;} #printPrec1 a:hover,#printPrec2 a:hover,#printPrec3 a:hover { background : url(images/bg_navPortfolioPrint.png) bottom left no-repeat;} #printSuiv1 a,#printSuiv2 a,#printSuiv3 a { display : block; width : 50px ;height : 20px;text-indent : -5000px; overflow : hidden; position : relative; bottom : 5px; left : 332px; background : url(images/bg_navPortfolioPrint.png) top right no-repeat;} #printSuiv1 a:hover,#printSuiv2 a:hover,#printSuiv3 a:hover { outline : 0; background : url(images/bg_navPortfolioPrint.png) bottom right no-repeat;} #pleinePagePrint li { display : block; width : 632px; float: left;position : relative; top :0; } #crealogos li>p { margin-left: 50px;} #diverspapier li>p { margin-left: 25px;} .imageombree { -moz-box-shadow: 0px 1px 4px #000; -webkit-box-shadow: 0px 1px 4px #000; box-shadow: 0px 1px 4px #000;} .remonter {display : inline-block; position: absolute; top : 10px; left : 45%;color : #fff;text-decoration : none; text-align : center;} /* ---- page services ---*/ #pleinePageService { width : 960px; margin : 0 auto;position: relative; padding-top: 50px; color : #324653; } #colGaucheService { float : left; margin : 0px 00px 30px 00px; width : 320px;} #etapescreaSite { position: relative; padding : 8px 10px 5px 10px;width : 275px; margin-bottom : 20px; margin-top : 5px; -moz-border-radius : 16px; -webkit-border-radius : 16px; -o-border-radius : 16px; border-radius : 16px; -moz-box-shadow: 0px 2px 10px #838F93; -webkit-box-shadow: 0px 2px 10px #838F93; box-shadow: 0px 2px 10px #838F93; background : #EAEAEA; background: -moz-linear-gradient(top, #fff, #D7D7D7); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D7D7D7));} #pourparticuliers { padding : 17px 10px 15px 10px;width : 275px; margin-bottom : 10px; position :relative; overflow : hidden; -moz-border-radius : 16px; -webkit-border-radius : 16px; -o-border-radius : 16px; border-radius : 16px; -moz-box-shadow: 0px 2px 10px #838F93; -webkit-box-shadow: 0px 2px 10px #838F93; box-shadow: 0px 2px 10px #838F93; background : #EAEAEA; background: -moz-linear-gradient(top, #fff, #D7D7D7); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D7D7D7));} #pourparticuliers h3 { display : block; width : 159px; height : 67px; position : absolute; top : -4px; left :-4px; z-index : 150; background : url(images/pourParticuliers.png) top left no-repeat; text-indent : -9000px;} #pourparticuliers p { text-align : right;font-size : 13px;padding: 3px 0;} #siret { padding-left : 25px; color : #fff;} #etapescreaSite h3 { width : 90%;margin : 0 auto 12px auto; text-align : center ; color : #7C1415; border-bottom : 1px solid #7C1415; font-style : italic; font-size : 17px;line-height : 20px;} #etapescreaSite ol { padding-left : 30px;margin-bottom : 20px;} #etapescreaSite li { color : #364B5A; list-style-type : upper-roman; font-size : 12px; margin-bottom : 8px; } #etapescreaSite cite { border-bottom : 1px dotted #364B5A;cursor : help; position :relative; } .infobulle { display : none; position: absolute; top : 24px; left : 15px; background :#000; color : #fff; z-index : 1000; Font-family: Arial, sans-serif; width : 230px; padding : 5px; border : 1px solid #808080; font-style : normal; -moz-border-radius : 8px; -webkit-border-radius : 8px; -o-border-radius : 8px; border-radius : 8px; } .rouge { color : #7C1415;} #colDroiteService { position: relative;text-align : left; top : -90px; width : 615px; float: right; padding : 10px; margin-bottom : -60px; color : #fff; border-radius : 8px; box-shadow : 0px 2px 4px #111; background : rgba(59, 69, 79,0.9) url(images/bgRaye.png) top left repeat; } #colDroiteService h2 { margin-bottom : 5px; text-align : center;text-transform : uppercase; color : #fff; font-size : 16px; line-height : 24px; border-bottom : 1px solid #fff; } #enteteServices { font-size : 16px; color : #731314; line-height : 18px;margin-bottom : 05px;text-align : justify} #enteteServices sup { font-size : 70%} #avatar {float : right;margin : 15px 0 20px 5px;padding :5px; background : #fff; -moz-box-shadow: 0px 1px 5px #838F93; -webkit-box-shadow: 0px 1px 5px #838F93; box-shadow: 0px 1px 5px #838F93;} #presentation h3 { margin : 1px auto 3px auto; width : 475px; height : 24px; text-align : center; word-spacing : 0.5em;color : #fff;font-size : 18px; line-height : 21px; text-shadow : #353F43 0px 1px 1px;background : #87040C;} #presentation h4 { font-size : 12px; font-weight : 600; line-height : 24px;text-align : left;} #presentation p:first-letter {padding-left : 0.8em; font-weight : bolder;font-size : 130%} table#mySkills { width : 525px; margin : 15px 15px 20px 25px; } #mySkills th {width : 265px;height: 32px; text-align : right; padding-right : 15px;font-size : 16px;} #mySkills th span { font-size : 70%; font-weight : lighter;} #mySkills td {width : 240px;height: 32px; background : url(images/skills.png) bottom left repeat-x;} #mySkills caption { font-size : 18px;text-decoration : underline;line-height : 24px;text-align : left;} .cinqsurSix, .quatresurSix, .troissurSix, .deuxsurSix, .unsurSix { display : block; height : 32px; text-indent : -9999px; background : url(images/skills.png) top left repeat-x;} .cinqsurSix { width : 200px; } .quatresurSix { width : 160px; } .troissurSix { width : 120px; } .deuxsurSix { width : 80px; } .unsurSix { width : 40px; } #normeslibres { margin-top : 15px; line-height : 18px;text-align : justify} #navigateurs a img {position :relative; top : 4px;padding-bottom : 1px;border-bottom : 1px dotted #CEDFE6} #navigateurs a:hover img { border-bottom : 1px dotted #324653} /* -- page contact -- */ #pleinePageContact { width : 960px; margin : 0 auto 60px auto;position: relative; padding-top: 100px; color : #324653; } #localisation { width : 295px; margin-bottom : 20px; background : #C3D1DC;position: relative; zoom :1; -moz-box-shadow: 0px 2px 10px #838F93; -webkit-box-shadow: 0px 2px 10px #838F93; box-shadow: 0px 2px 10px #838F93;} #localisation h2 { display: block; color : #fff; background : #7C1415; height : 1.6em; font-size : 22px;line-height : 1.4em; margin-top : 5px; text-align : center; font-style : italic;} #localisation div { text-align : center; color : #7C1415;font-size : 24px; margin : 0px 0px 8px 0; line-height : 26px; padding-bottom : 3px; position: relative; top : -8px; -moz-border-radius : 8px; -webkit-border-radius : 8px; -o-border-radius : 8px; border-radius : 8px; -moz-box-shadow: 0px 2px 10px #838F93; -webkit-box-shadow: 0px 2px 10px #838F93; box-shadow: 0px 2px 10px #838F93; background : #EAEAEA; background: -moz-linear-gradient(top, #fff, #D7D7D7); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#D7D7D7)); } #localisation div>span { display : block;text-align : center; color : #7C1415; font-style : italic; font-size : 18px } h2#titreContact {font-size :14px;} div#contactForm { padding : 0px 15px 40px 15px;width : 580px; margin: 50px auto 50px auto; } label { display : block;font-size : 20px; line-height : 28px} #forminput { margin-left : 50px } #forminput p { display : block; width : 250px; float : left;} div#mess { display : block;clear : both;padding : 10px 0 10px 0} #mess textarea { display : block; width : 530px; height : 150px;margin : 0 auto ; background : #D3D3D3; border : 1px solid #ABABAB; font-size : 16px;} #forminput input {display : block; width : 270x; height : 25px;margin-left : 20px; background : #D3D3D3; border : 1px solid #ABABAB; font-size : 15px;} .boutons { float: right;} button.positive {display : block; width : 120px; height : 30px; text-align : center; margin-right : 50px;background : #731314; color : #fff; font-size : 17px; -moz-border-radius : 7px; -webkit-border-radius : 7px; -o-border-radius : 7px; border-radius : 7px; border : 1px solid #fff; cursor : pointer} #confirmMsg { display : block; text-align : center;} /* --- validation mail --- */ .formError { position:absolute; top:300px; left:300px; width:120px; padding-bottom:15px; display:block; z-index:5000; } .formError .formErrorContent { width:100%; background:#000; color:#fff; font-family:tahoma; font-size:10px; box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .formError .formErrorArrow{ position:absolute; bottom:0;left:20px; width:15px; height:15px; } .formError .formErrorArrow div{ box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; -webkit-box-shadow: 0px 0px 6px #000; font-size:0px; } .formError .formErrorArrow .line10{width:15px;height:1px; background:#000;margin:0 auto; font-size:0px; display:block;} .formError .formErrorArrow .line9{width:13px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line8{width:11px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line7{width:9px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line6{width:7px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line5{width:5px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line4{width:3px;height:1px; background:#000;margin:0 auto;display:block;} .formError .formErrorArrow .line3{width:1px;height:1px; background:#000;margin:0 auto;display:block;} /* footer */ #coor {display: block; width : 315px; float: right; text-align :right;} #coordonnees h2 {font-family: Arial, Helvetica, sans-serif; font-size : 18px; line-height : 20px;letter-spacing : 0.05em; margin-top : 7px;color : #FFF7D9;} #coordonnees p { font-size : 12px; line-height : 17px; } #coordonnees p>a { color : #fff; text-decoration : none; border-bottom : 1px dashed #183951; } #coordonnees p>a:hover { color : #FF0F23; border-bottom : 1px dotted #FF0F23} #coordonnees p img { padding-top : 2px} #twitter { float: left;width : 60px;font-size : 11px; text-align : center;margin-right : 10px;} #twitter a {text-decoration : none;color : #FFF7D9; font-family : arial; } #twitter a:hover { color : #FF0F23;} #gplusone {display: block; width : 80px;float: left;} #coordonnees { padding : 10px 6% 20px 6%; color: #fff; position : relative; box-shadow : 0 0 4px #000; background : rgba(43, 44, 45, 0.95) url(images/bgRaye.png) top left repeat; } /* mobile */ @media screen and (max-width: 930px) { #descr {padding : 90px 6% 30px 6%} #accroche { font-size : 11px;} #accroche h2 { font-size : 22px} .moduleAccueil { width : 80%;padding : 20px 12px 10px 16px;} .moduleAccueil:nth-child(n){ clear:left;} #pleinePagePrint {display : none;} } @media screen and (max-width: 510px) { .moduleAccueil p { padding-left : 10px;} #moduleTemps p, #communication p, #fidelisez p, #creationTemplate p, #facilitezContacts p, #intervention p { background : none;} #accroche { font-size : 11px; background : #fff;} #accroche h2 { font-size : 18px} .moduleAccueil h2 { display : block;font-size : 16px; text-align : center;padding-right : 5px;} }