/* CSS RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, caption{ margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:none; font-family:Arial, Helvetica, sans-serif; } body {line-height:1;height:100%; font-size:62.5%; transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; } html{height:100%} ol, ul {list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none} :focus {outline:0} ins {text-decoration:none} del {text-decoration:line-through} table {border-collapse:collapse;border-spacing:0} @font-face { font-family:heydings_icons; src:url(fonts/heydings_icons.ttf); } @font-face { font-family:Pointers; src:url(fonts/Pointers.ttf); } @font-face { font-family:'fontello'; src:url('fonts/fontello.eot?9513184'); src:url('fonts/fontello.eot?9513184#iefix') format('embedded-opentype'), url('fonts/fontello.woff?9513184') format('woff'), url('fonts/fontello.ttf?9513184') format('truetype'), url('fonts/fontello.svg?9513184#fontello') format('svg'); font-weight:normal; font-style:normal; } .message_overlay{ position:fixed; top:0; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:center; z-index:9999; opacity:0; pointer-events:none; transition:all .5s linear; } .message_overlay.active{ opacity:1; pointer-events:all; } .message_overlay .overlay{ position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.6); } .message_overlay .message_content{ padding:50px 75px; background:#fff; position:relative; max-width:650px; } .message_overlay .message_content .close_overlay{ position:absolute; top:0; right:0; font-weight:700; font-size:26px; color:#fff; background:#609006; padding:10px; cursor:pointer; } .message_overlay .message_content p.titre{ font-size:35px; line-height:41px; margin:0 0 10px; color:#ff1000; font-weight:700; } .message_overlay .message_content p{ font-size:20px; line-height:26px; margin:0; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family:"fontello"; font-style:normal; font-weight:normal; speak:none; display:inline-block; text-decoration:inherit; width:1em; margin-right:.2em; text-align:center; /* opacity:.8;*/ /* For safety - reset parent styles, that can break glyph codes*/ font-variant:normal; text-transform:none; /* fix buttons height, for twitter bootstrap */ line-height:1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left:.2em; /* you can be more comfortable with increased icons size */ /* font-size:120%;*/ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; /* Uncomment for 3D effect */ /* text-shadow:1px 1px 1px rgba(127, 127, 127, 0.3);*/ } .icon-glyph:before { content:'\e800'} /* 'î €' */ .icon-glyph-1:before { content:'\e801'} /* '' */ .icon-glyph-2:before { content:'\e802'} /* 'î ‚' */ .icon-glyph-3:before { content:'\e803'} /* 'î ƒ' */ .icon-glyph-4:before { content:'\e804'} /* 'î „' */ .icon-glyph-5:before { content:'\e805'} /* 'î …' */ .icon-glyph-6:before { content:'\e806'} /* 'î †' */ .icon-glyph-7:before { content:'\e807'} /* 'î ‡' */ .icon-glyph-8:before { content:'\e808'} /* 'î ˆ' */ .icon-glyph-9:before { content:'\e809'} /* 'î ‰' */ .icon-glyph-10:before { content:'\e80a'} /* 'î Š' */ .icon-glyph-11:before { content:'\e80b'} /* 'î ‹' */ .icon-glyph-12:before { content:'\e80c'} /* 'î Œ' */ .icon-glyph-13:before { content:'\e80d'} /* '' */ .icon-glyph-14:before { content:'\e80e'} /* 'î Ž' */ .icon-glyph-15:before { content:'\e80f'} /* '' */ .icon-glyph-16:before { content:'\e810'} /* '' */ .icon-glyph-17:before { content:'\e811'} /* 'î ‘' */ .icon-glyph-18:before { content:'\e812'} /* 'î ’' */ .icon-glyph-19:before { content:'\e813'} /* 'î “' */ .icon-glyph-20:before { content:'\e814'} /* 'î ”' */ .icon-glyph-21:before { content:'\e815'} /* 'î •' */ .icon-glyph-22:before { content:'\e816'} /* 'î –' */ .icon-glyph-23:before { content:'\e817'} /* 'î —' */ .icon-glyph-24:before { content:'\e818'} /* 'î ˜' */ .icon-glyph-25:before { content:'\e819'} /* 'î ™' */ .icon-glyph-26:before { content:'\e81a'} /* 'î š' */ .icon-glyph-27:before { content:'\e81b'} /* 'î ›' */ .icon-glyph-28:before { content:'\e81c'} /* 'î œ' */ .icon-glyph-29:before { content:'\e81d'} /* '' */ .icon-glyph-30:before { content:'\e81e'} /* 'î ž' */ .icon-glyph-31:before { content:'\e81f'} /* 'î Ÿ' */ .icon-glyph-32:before { content:'\e820'} /* 'î  ' */ .icon-glyph-33:before { content:'\e821'} /* 'î ¡' */ .icon-glyph-34:before { content:'\e822'} /* 'î ¢' */ .icon-glyph-35:before { content:'\e823'} /* 'î £' */ .icon-glyph-36:before { content:'\e824'} /* 'î ¤' */ .icon-glyph-37:before { content:'\e825'} /* 'î ¥' */ .icon-glyph-38:before { content:'\e826'} /* 'î ¦' */ .icon-glyph-39:before { content:'\e827'} /* 'î §' */ .icon-glyph-40:before { content:'\e828'} /* 'î ¨' */ .icon-glyph-41:before { content:'\e829'} /* 'î ©' */ .icon-glyph-42:before { content:'\e82a'} /* 'î ª' */ .icon-glyph-43:before { content:'\e82b'} /* 'î «' */ .icon-glyph-44:before { content:'\e82c'} /* 'î ¬' */ .icon-glyph-45:before { content:'\e82d'} /* 'î ­' */ .icon-glyph-46:before { content:'\e82e'} /* 'î ®' */ .icon-glyph-47:before { content:'\e82f'} /* 'î ¯' */ .icon-glyph-48:before { content:'\e830'} /* 'î °' */ .icon-glyph-49:before { content:'\e831'} /* 'î ±' */ .icon-glyph-50:before { content:'\e832'} /* 'î ²' */ .icon-glyph-51:before { content:'\e833'} /* 'î ³' */ .icon-glyph-52:before { content:'\e834'} /* 'î ´' */ .icon-glyph-53:before { content:'\e835'} /* 'î µ' */ .icon-glyph-54:before { content:'\e836'} /* 'î ¶' */ .icon-glyph-55:before { content:'\e837'} /* 'î ·' */ .icon-glyph-56:before { content:'\e838'} /* 'î ¸' */ .icon-glyph-57:before { content:'\e839'} /* 'î ¹' */ .icon-glyph-58:before { content:'\e83a'} /* 'î º' */ .icon-glyph-59:before { content:'\e83b'} /* 'î »' */ .icon-glyph-60:before { content:'\e83c'} /* 'î ¼' */ .icon-glyph-61:before { content:'\e83d'} /* 'î ½' */ .icon-glyph-62:before { content:'\e83e'} /* 'î ¾' */ .icon-glyph-63:before { content:'\e83f'} /* 'î ¿' */ .icon-glyph-64:before { content:'\e840'} /* 'î¡€' */ .icon-glyph-65:before { content:'\e841'} /* '' */ .icon-glyph-66:before { content:'\e842'} /* 'î¡‚' */ .icon-glyph-67:before { content:'\e843'} /* '' */ .icon-glyph-68:before { content:'\e844'} /* 'î¡„' */ .icon-glyph-69:before { content:'\e845'} /* 'î¡…' */ .icon-glyph-70:before { content:'\e846'} /* '' */ .icon-glyph-71:before { content:'\e847'} /* '' */ .icon-glyph-72:before { content:'\e848'} /* '' */ .icon-glyph-73:before { content:'\e849'} /* '' */ .icon-glyph-74:before { content:'\e84a'} /* 'î¡Š' */ .icon-glyph-75:before { content:'\e84b'} /* 'î¡‹' */ .icon-glyph-76:before { content:'\e84c'} /* 'î¡Œ' */ .icon-glyph-77:before { content:'\e84d'} /* '' */ .icon-glyph-78:before { content:'\e84e'} /* 'î¡Ž' */ .icon-glyph-79:before { content:'\e84f'} /* '' */ .icon-glyph-80:before { content:'\e850'} /* '' */ .icon-glyph-81:before { content:'\e851'} /* 'î¡‘' */ .icon-glyph-82:before { content:'\e852'} /* 'î¡’' */ .icon-glyph-83:before { content:'\e853'} /* 'î¡“' */ .icon-glyph-84:before { content:'\e854'} /* 'î¡”' */ .icon-glyph-85:before { content:'\e855'} /* 'î¡•' */ .icon-glyph-86:before { content:'\e856'} /* 'î¡–' */ .icon-glyph-87:before { content:'\e857'} /* 'î¡—' */ .icon-glyph-88:before { content:'\e858'} /* '' */ .icon-glyph-89:before { content:'\e859'} /* 'î¡™' */ .icon-glyph-90:before { content:'\e85a'} /* 'î¡š' */ .icon-glyph-91:before { content:'\e85b'} /* 'î¡›' */ .icon-glyph-92:before { content:'\e85c'} /* 'î¡œ' */ .icon-glyph-93:before { content:'\e85d'} /* '' */ .icon-glyph-94:before { content:'\e85e'} /* 'î¡ž' */ .icon-glyph-95:before { content:'\e85f'} /* 'î¡Ÿ' */ .icon-glyph-96:before { content:'\e860'} /* 'î¡ ' */ .icon-glyph-97:before { content:'\e861'} /* 'î¡¡' */ .icon-glyph-98:before { content:'\e862'} /* 'î¡¢' */ .icon-glyph-99:before { content:'\e863'} /* 'î¡£' */ .icon-glyph-100:before { content:'\e864'} /* '' */ .icon-glyph-101:before { content:'\e865'} /* 'î¡¥' */ .icon-glyph-102:before { content:'\e866'} /* '' */ .icon-glyph-103:before { content:'\e867'} /* '' */ .icon-glyph-104:before { content:'\e868'} /* '' */ .icon-glyph-105:before { content:'\e869'} /* 'î¡©' */ .icon-glyph-106:before { content:'\e86a'} /* '' */ .icon-glyph-107:before { content:'\e86b'} /* 'î¡«' */ .icon-glyph-108:before { content:'\e86c'} /* '' */ .icon-glyph-109:before { content:'\e86d'} /* 'î¡­' */ .icon-glyph-110:before { content:'\e86e'} /* 'î¡®' */ .icon-glyph-111:before { content:'\e86f'} /* '' */ .icon-glyph-112:before { content:'\e870'} /* 'î¡°' */ .icon-glyph-113:before { content:'\e871'} /* '' */ .icon-glyph-114:before { content:'\e872'} /* '' */ .icon-glyph-115:before { content:'\e873'} /* '' */ .icon-glyph-116:before { content:'\e874'} /* 'î¡´' */ .icon-glyph-117:before { content:'\e875'} /* '' */ .icon-glyph-118:before { content:'\e876'} /* '' */ .icon-glyph-119:before { content:'\e877'} /* 'î¡·' */ .icon-glyph-120:before { content:'\e878'} /* '' */ .icon-glyph-121:before { content:'\e879'} /* '' */ .icon-glyph-122:before { content:'\e87a'} /* '' */ .icon-glyph-123:before { content:'\e87b'} /* 'î¡»' */ .icon-glyph-124:before { content:'\e87c'} /* '' */ .icon-glyph-125:before { content:'\e87d'} /* '' */ .icon-glyph-126:before { content:'\e87e'} /* '' */ .icon-glyph-127:before { content:'\e87f'} /* 'î¡¿' */ .icon-glyph-128:before { content:'\e880'} /* '' */ .icon-glyph-129:before { content:'\e881'} /* '' */ .icon-glyph-130:before { content:'\e882'} /* '' */ .icon-glyph-131:before { content:'\e883'} /* '' */ .icon-glyph-132:before { content:'\e884'} /* '' */ .icon-glyph-133:before { content:'\e885'} /* '' */ .icon-glyph-134:before { content:'\e886'} /* '' */ .icon-glyph-135:before { content:'\e887'} /* '' */ .icon-glyph-136:before { content:'\e888'} /* '' */ .icon-facebook:before { content:'\e889'} /* '' */ .icon-volume-up:before { content:'\e88a'} /* '' */ .icon-right-circle:before { content:'\e88b'} /* '' */ .icon-googleplus:before { content:'\e88c'} /* '' */ .icon-thumbs-up:before { content:'\e88d'} /* '' */ .icon-twitter-bird:before { content:'\e88e'} /* '' */ .icon-youtube:before { content:'\e88f'} /* '' */ .icon-play:before { content:'\e890'} /* '' */ .icon-clock:before { content:'\e891'} /* '' */ .icon-3lignes:before { content:'\e892'} /* '' */ .icon-monitor:before { content:'\e893'} /* '' */ .icon-camera:before { content:'\e894'} /* '' */ .icon-mobile:before { content:'\e895'} /* '' */ .icon-globe:before { content:'\e896'} /* '' */ .icon-portfolio:before { content:'\e897'} /* '' */ .icon-keyboard:before { content:'\e898'} /* '' */ .icon-services:before { content:'\e899'} /* '' */ .icon-linkedin:before { content:'\e89a'} /* '' */ .icon-chat:before { content:'\e89b'} /* '' */ .icon-rss:before { content:'\e89c'} /* '' */ .icon-user:before { content:'\e89d'} /* '' */ .icon-home:before { content:'\e89e'} /* '' */ .icon-publish:before { content:'\e89f'} /* '' */ .icon-lock:before { content:'\e8a0'} /* '' */ .icon-upload-cloud:before { content:'\e8a1'} /* '' */ .icon-picture:before { content:'\e8a2'} /* '' */ .icon-star:before { content:'\e8a3'} /* '' */ .icon-gplus:before { content:'\e800'} /* ##################### TEMPLATE #####################*/ .new_form{float:left;padding:20px;width:calc(100% - 40px);background:#609006;text-align:center} .new_form .titre{color:#fff;font-size:30px;font-weight:700;font-family:"Oswald", sans-serif;margin-bottom:15px} .new_form input[type='text'], .new_form select{float:left;padding:10px;width:100%;margin-bottom:15px;border:1px solid #609006} .new_form select{width:109%} .new_form input[type='submit']{float:right;background:#000;border:none;font-size:18px;font-weight:700;font-family:"Oswald", sans-serif;color:#fff;text-transform:uppercase;padding:10px} .container{max-width:1024px;margin:0 auto} #player{margin:30px 0;width:640px;float:left} #playerTitre{float:right;width:350px;margin-top:125px;margin-bottom:20px} #playerTitre h1{font-size:47px;line-height:62px;color:#fff;text-transform:uppercase;font-weight:700;font-family:"Oswald", sans-serif} #playerTitre h1 span{display:block;font-family:inherit;font-size:31px;line-height:40px} #playerTitre .contact{width:150px!important;background:#ffff1e url(/images/btn.png) no-repeat 165px 15px;font-size:19px!important;font-weight:700!important;color:#000;text-transform:uppercase;text-decoration:none;font-family:"Oswald", sans-serif;padding:15px 20px;display:block;border-radius:15px;margin-top:10px} /*HEADER*/ .header-mobile-tel{display:none} header{/* background:url(../images/bg_header_top_template.png) repeat-x center top;*/width:100%;float:left} #wrap-header{width:100%;margin:auto;max-width:1024px;height:100%} .nav_2017 #menu_vendeur{display:none} .nav_2017{width:100%;float:left;padding:15px 0;background:#e9e9e9;margin-top:19px} .nav_2017 nav ul{float:left;width:100%} .nav_2017 .nav_web_analysis{width:25%;float:right} .nav_2017 .nav_web_analysis a{border:none;padding:0} .tel{font-size:21px;margin-top:-3px} .header_make_choice{float:left;color:#000;background:#f3f1f1;border:2px solid #cecece;width:79%;margin-top:29px} .header_make_choice p{font-size:17px;font-family:'Open Sans';text-align:center;width:69%;float:left;padding:30px 0} .header_make_choice p span{font-size:41px;font-family:'Oswald';font-weight:700;text-transform:uppercase;margin-top:5px;float:left;width:100%} .header_make_choice_start{background:#609006;float:left;width:30.75%;border-left:2px solid #cecece;padding:51px 0;text-align:center} .header_make_choice_start a{font-weight:700;text-transform:uppercase;color:#000;font-family:'Oswald';font-size:21px;text-decoration:none;background:#ffea00;padding:7px 18px;border-radius:15px} @keyframes glowing { 0% { background-color:#ffba00} 20% { background-color:#ffff1e} 100% { background-color:#ffff1e} } .header_make_choice_start a { animation-name:glowing; animation-duration:3s; animation-iteration-count:infinite; animation-direction:alternate; } #logo-yannick{width:16.22%;float:left;margin:20px 4.3% 0 0%} #wrap-menu{width:53.855%;float:right} .over_header {float:left;width:100%;background:#484747} .over_header_wrap{width:1024px;margin:auto} #bouton-mon-compte{background:#131313;color:#fff;text-transform:uppercase;text-decoration:none;padding:19px;float:right;font-family:'Oswald';font-size:13px} #bouton-english{color:#fff;text-transform:uppercase;text-decoration:none;padding:19px;float:right;font-family:'Oswald';font-size:13px} .nav_2017 #menu_english{display:none} #wrap-header-social .icon-twitter-bird {font-size:.7em!important; color:white} #wrap-header-social .icon-facebook {font-size:1em!important; color:white} #wrap-header-social .icon-gplus {font-size:1.2em!important; color:rgb(255, 253, 253); filter:alpha(opacity=80); opacity:1; } .avantges-micro{font-size:25px;margin-bottom:15px;display:block} .avantage-no-micro{font-size:20px;margin-bottom:5px;display:block} .liste-soumission{font-size:16px;line-height:22px} .liste-soumission li{margin-bottom:15px!important} .boite-soumission-box{width:92%;float:left;padding:20px 4%;background:#CF9;margin-bottom:15px} #wrap-header-social .twitter { width:17px; height:17px; background:#2f89d6; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; } #wrap-header-social .facebook { width:17px; height:12px; background:#3c5893; padding-top:5px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; } #wrap-header-social .youtube { width:17px; height:14px; background:url(../images/gplus.png) no-repeat center center #da4835; padding-top:3px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; } #wrap-header-social .instagram { width:17px; height:17px; background:url(../images/ig.png) no-repeat center center; padding-top:3px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; margin-top:-2px; } #left_column_servDet h2{text-transform:uppercase;line-height:30px;font-family:'Oswald', sans-serif;font-weight:400;font-size:18px} .promotion h3{font-size:33px;margin:15px 0 25px!important;line-height:42px;font-weight:normal} .promotion h4{font-size:18px;color:#609006;margin:45px 0 10px} .promotion h2{font-size:26px!important;margin-bottom:25px} .promotion ol, .promotion ul{margin:0 0 30px 25px;font-size:14px; line-height:22px} .promotion ul li {list-style:circle!important} .promotion ol li {list-style:decimal!important} .promotion p {font-family:'Ubuntu', sans-serif;font-size:15px!important;line-height:1.6em;margin-bottom:21px;font-weight:normal!important} .btn-contactNL{font-family:'Oswald', sans-serif;background:#609006!important;padding:7px 15px!important;width:280px!important;display:block;font-weight:900;text-decoration:none!important;text-align:center!important;font-size:21px!important;line-height:1.6em;color:#060!important;margin-bottom:15px;color:#fff!important} .promotion p a{font-family:'Ubuntu', sans-serif;font-size:15px!important;line-height:1.6em;color:#060!important;margin-bottom:15px;color:#609006!important} #imamargin{margin-bottom:8px} #wrap-number-social-language{width:562px;float:right;margin:5px 0% 14% 0%} #wrap-number-social-language .tel{font-size:2em;color:#343333;text-align:right;margin:10px 1.65% 0px 0%;font-family:'Oswald', sans-serif;font-weight:400;float:left;text-decoration:none} #wrap-header-social{background:#343333;float:right;width:114px;text-align:center;padding:16px} #wrap-header-social a{float:left;margin-left:10px} #wrap-header-socialTwitter{margin:0 2%} #langue-link{color:#000;font-size:1.2em;margin-top:15px;text-transform:uppercase;font-family:'Oswald', sans-serif;font-weight:400;float:right;display:block} #langue-link-600{display:none} #services_wrapServices{display:block} nav {width:1024px;/* float:left;*/text-align:left;margin:auto} nav a { /* background:none repeat scroll 0 0 white;*/ border-color:-moz-use-text-color #CCCCCC -moz-use-text-color -moz-use-text-color; border-style:none solid none none; border-width:medium 0.1em medium medium; border-color:#555544; color:#313131; display:block; float:left; font-family:'Oswald',sans-serif; font-size:18px; font-weight:700; padding:0 2.31%; text-align:center; text-decoration:none; text-transform:uppercase; width:auto; } nav a.left_barre{border-left:solid 0.1em #000} nav a:link{color:#313131} nav a:visited{color:#313131} nav a:hover{color:#609006} nav a:active{color:#000} nav li.english_menu{display:none} .icon-3lignes { display:none; } .nav-text { display:block; width:100%; font-family:'Oswald', sans-serif; font-weight:400; transition:color 0.5s ease; } #nav-mobile{display:none} #bouton-vendeurs{ color:#fff; padding:19px 19px 19px 51px; display:block; float:right; font-weight:700; font-family:"Oswald"; text-transform:uppercase; text-decoration:none; font-size:13px; background:#09529d url("../images/etoile_vendeur.png") no-repeat 11px center; } #wrap-slider{width:100%;float:left;z-index:1;position:relative;margin-top:8px} #deco-slider-border{width:100%;float:left;position:relative;z-index:222} #slider-wrap-content{width:100%;float:left;position:relative;margin-top:0;background:url(../images/bg_slider_accueil.jpg) left top / cover repeat-x #3b3b3b;overflow-x:hidden} #deco-slider-gradient { width:100%; float:left; position:relative; z-index:20; margin-top:-10px; height:10px; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background:-moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.01) 1%, rgba(0, 0, 0, 0.65) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,transparent), color-stop(1%,rgba(0, 0, 0, 0.01)), color-stop(100%,rgba(0, 0, 0, 0.65))); background:-webkit-linear-gradient(top, transparent 0%,rgba(0, 0, 0, 0.01) 1%,rgba(0, 0, 0, 0.65) 100%); background:-o-linear-gradient(top, transparent 0%,rgba(0, 0, 0, 0.01) 1%,rgba(0, 0, 0, 0.65) 100%); background:-ms-linear-gradient(top, transparent 0%,rgba(0, 0, 0, 0.01) 1%,rgba(0, 0, 0, 0.65) 100%); background:linear-gradient(to bottom, transparent 0%,rgba(0, 0, 0, 0.01) 1%,rgba(0, 0, 0, 0.65) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000',GradientType=0); background-repeat:repeat-x; background-position:center bottom; } .slides{z-index:15;position:relative} #infinite_contentSlides{width:100%;float:left;position:relative;z-index:15;margin-top:-30.6%} #contentSlides_slidesAccueil{width:100%;margin:auto;max-width:1024px;text-align:right} #slidesAccueil_slide1{width:73%;margin:0 7.8% 0 0;float:right;height:500px} #infinite_wrapBoxes{width:100%;float:left;/*background:url(../images/bg_body_template.png)*/ background-color:#e4e4e4;padding-bottom:40px} #wrapBoxes_contentBoxes{width:100%;margin:auto;max-width:1024px;padding:45px 0} #services_wrapServices{width:100%;float:left;border-top:1.6em solid #e1e1e0;border-right:none;border-bottom:none;border-left:none} #services_wrapServices-template{width:100%;float:left;border-right:none;border-bottom:none;border-left:none} #wrapServices_mainContentServices{width:95%;float:left;background:#fff;border-top:.6em solid #c2c2c2;border-right:none;border-bottom:.6em solid #c2c2c2;border-left:none;padding:25px 2.5%} #mainContentServices_containerServices{width:100%;max-width:1024px;margin:auto;/* float:left;*/} #contentBoxes_mainBoxTop-services-600{display:none} #wrapBoxes_contentBoxes section{ width:18.2%; float:left; text-align:center; padding:20px 1% 0 1%; background:#fff; border:.7em solid #EAEAE5; margin:0 1.5%; /*min-height:270px;*/ height:270px; position:relative; } a#mainBoxTop_obtenir{display:block;margin-right:3px} blockquote{float:left} .mainBoxTop_greenIcon, a.mainBoxTop_greenIcon{background:#609006;width:36%;text-align:center;margin:auto;color:#fff;text-shadow:1px 1px 0px #72a60c;filter:dropshadow(color=#72a60c, offx=1, offy=1)} #contentBoxes_mainBoxTop-twitter-600{font-family:"fontello"} .icon-twitter-bird{display:block;font-size:.7em;margin:-2px 3px 7px -5px;font-size:30px;padding:7px} .icon-star{display:block;font-size:.8em;margin:0px 3% 7px 3%} .icon-portfolio{display:block;font-size:.8em;margin:4px 3% 5px 3%} .icon-layers{display:block;font-size:.8em;margin:3px 3%} .icon-services{display:block;font-size:5.5em;margin:3px 3%} a.icon-services, a.icon-star, a.icon-portfolio{color:#fff;text-decoration:none;padding:5px 0px} .icon-volume-up{display:block;font-size:6em;margin:0px 3% 5px 3%;color:#fff;text-decoration:none;padding:17px 0 18px 0} .icon-play{display:block;font-size:4.7em;margin:0px 3% 5px 3%;color:#fff;text-decoration:none} #mainBoxTop_portfolio{padding:6px 0;display:block} #mainBoxTop_services{font-family:"heydings_icons";display:block} #mainBoxTop_obtenir{width:95%;padding:6px 0} /*#obtenir-un-prix-600{display:none}*/ #wrapBoxes_contentBoxes section h1, #obtenir-un-prix024, #wrapBoxes_contentBoxes section h1 a, #mainContentServices_containerServices section h2, h2.main_titre a, h2.main_titre{ text-transform:uppercase;font-family:'Oswald', sans-serif;font-weight:700;margin-top:.5em;text-decoration:none;color:#000;display:block} #mainContentServices_containerServices section h2{font-weight:300;text-align:center;font-size:38px} .main_titre{font-size:30px;text-align:center;line-height:36px} .border_title_main_box_accueil{} .content_main_box_accueil{} .mainBoxAccueil_textDesc_prix { text-align:center!important; } .mainBoxTop_titleborder { width:100%; padding-bottom:.2em; margin-top:1em; background:#ffffff;/* Old browsers */ background:-moz-linear-gradient(left, #ffffff 0%, #d9dad4 15%, #878882 32%, #8d8e88 53%, #878882 66%, #d9dad4 85%, #ffffff 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(15%,#d9dad4), color-stop(32%,#878882), color-stop(53%,#8d8e88), color-stop(66%,#878882), color-stop(85%,#d9dad4), color-stop(100%,#ffffff));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(left, #ffffff 0%,#d9dad4 15%,#878882 32%,#8d8e88 53%,#878882 66%,#d9dad4 85%,#ffffff 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(left, #ffffff 0%,#d9dad4 15%,#878882 32%,#8d8e88 53%,#878882 66%,#d9dad4 85%,#ffffff 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(left, #ffffff 0%,#d9dad4 15%,#878882 32%,#8d8e88 53%,#878882 66%,#d9dad4 85%,#ffffff 100%);/* IE10+ */ background:linear-gradient(to right, #ffffff 0%,#d9dad4 15%,#878882 32%,#8d8e88 53%,#878882 66%,#d9dad4 85%,#ffffff 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );/* IE6-9 */ } #wrapBoxes_contentBoxes section h1border { width:100%; padding-bottom:.2em; margin-top:1em; background:#ffffff;/* Old browsers */ background:-moz-linear-gradient(left, #ffffff 0%, #d9dad4 15%, #878882 32%, #8d8e88 53%, #878882 66%, #d9dad4 85%, #ffffff 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(15%,#d9dad4), color-stop(32%,#878882), color-stop(53%,#8d8e88), color-stop(66%,#878882), color-stop(85%,#d9dad4), color-stop(100%,#ffffff));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(left, #ffffff 0%,#d9dad4 15%,#878882 32%,#8d8e88 53%,#878882 66%,#d9dad4 85%,#ffffff 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(left, #ffffff 0%,#d9dad4 15%,#878882 32%,#8d8e88 53%,#878882 66%,#d9dad4 85%,#ffffff 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(left, #ffffff 0%,#d9dad4 15%,#878882 32%,#8d8e88 53%,#878882 66%,#d9dad4 85%,#ffffff 100%);/* IE10+ */ background:linear-gradient(to right, #ffffff 0%,#d9dad4 15%,#878882 32%,#8d8e88 53%,#878882 66%,#d9dad4 85%,#ffffff 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );/* IE6-9 */ } .boiteService_topBoiteService {width:96%;margin:0 2%;float:left;z-index:10;position:relative} #wrapBoxes_contentBoxes section p,#mainContentServices_containerServices section p {margin:15px 0;font-size:1.1em;text-align:left;line-height:1.5em;font-family:'Ubuntu', sans-serif} #wrapBoxes_contentBoxes section p a{text-decoration:none;font-size:1.0em;color:#000;text-transform:uppercase;line-height:1.5em;font-family:'Ubuntu', sans-serif} .accueil_obtenez_prix_lien{text-decoration:none;margin:0 2%} .arrow-prix-accueil{text-decoration:none;color:#8bcb0f;font-size:1.3em;font-family:'Oswald', sans-serif;font-weight:700;margin:0 3%} #wrapBoxes_contentBoxes section p_prix{text-align:center} #mainContentServices_containerServices section{width:22%;margin-left:1%;float:left} .containerServices_boiteService{width:22%;margin-left:3.4%;float:left;z-index:1;position:relative} .containerServices_a{display:block;width:100%;height:100%;position:absolute;z-index:20} .topBoiteService_triangleLeft{ float:left; width:0px; height:0px; border-style:solid; border-width:7px 7px 0 0; border-color:#ffffff transparent transparent transparent} .topBoiteService_triangleRight{float:right; width:0px; height:0px; border-style:solid; border-width:0 16px 16px 0;border-color:transparent #ffffff transparent transparent} .boiteService_mainContentBoite{width:94%;margin:0 3%;float:left;z-index:2;position:relative} .boiteService_mainContentBoite img{z-index:3;position:relative;margin-top:-16px;width:100%} .boiteService_bottomWrap{width:100%;float:left;z-index:20;position:relative;margin-top:-7px} .bot_mainServices_top{width:100%;float:left} .bot_mainServices_topLeft{float:left;width:0px;height:0px; border-style:solid;border-width:0 0 14px 7px;border-color:transparent transparent #72a30f transparent;margin-top:-12px} .bot_mainServices_content{padding:15px 0;text-align:center;background:#609006;z-index:23;position:relative} .bot_mainServices_content h2{ font-family:'Oswald', sans-serif;font-weight:300;font-size:2.7em;text-transform:uppercase;color:#fff;text-shadow:1px 1px 0px #72a60c} .bot_mainServices_bas{ width:0px; height:0px; border-style:solid; border-width:0 0 8px 8px; border-color:transparent transparent #ffffff transparent; float:right;margin-top:-8px;z-index:25;position:relative; } .shadow { background-image:url(../images/bg_shadow_box.png); background-repeat:no-repeat; height:20px; width:107%; bottom:-27px; left:-7px; position:absolute; } .twitter_messages{font-family:ubuntu;font-size:1.1em;line-height:1.5em;margin-top:25px;text-transform:uppercase} .twitter_messages a{color:#97dd10} /*FOOTER*/ footer{width:100%;float:left;/*background:url(../images/bg_body_template.png)*/ background-color:#e4e4e4;padding-top:30px;z-index:40;position:relative} #wrap-background-footer{width:100%;float:left;padding-bottom:20px;/*background:url(../images/bg_footer_template.png) repeat-x center top*/;background:#191919;z-index:41;position:relative} #wrap-background-footer #footer{width:100%;margin:auto;max-width:1024px} #wrap-background-footer > #footer > #logos-sitemap{width:67%;float:left;margin-top:35px} #wrap-background-footer > #footer > #logos-sitemap > #logos-yannick{width:100%;float:left;margin-bottom:10px} /* #logo-yannick-net{width:14%;float:left;margin-left:12%} */ #logo-yannick-net{margin: 0 auto; display: block;} /*#logos-yannick a{float:left;margin-left:5%;width:16%} #logos-yannick a img{float:left}*/ #logo-yannick-media{width:11%;float:left;margin-left:9%} #logo-yannick-design{width:16%;float:left;margin-top:8px;margin-left:7%} #logo-yannick-mobile{width:13%;float:left;margin-left:8%} #logo-yannick-reussir{width:13%;float:left;margin-left:9%;margin-top:8px} #wrap-list{width:95%;margin-left:5%;float:left} .list{width:25%;margin-right:7%;font-family:'Oswald', sans-serif;font-weight:300;float:left;font-size:1.2em;text-transform:uppercase;list-style:none;text-shadow:1px 1px 0px #161616} .list li{border-top:none;border-right:none;border-bottom:1px solid #fff;border-left:none;padding:11px 0;width:100%} .list a{color:#fff;text-decoration:none;font-family:'Ubuntu', sans-serif;transition:color 0.5s ease} .list a:hover{color:#609006} .list-secondary {width:61%!important} .list-secondary li{float:left;width:43%;margin-right:7%} .listShort{margin-top:35px} #footer_medias_sociaux-600{display:none} #wrap-form-social-number{width:33%;float:right;margin-top:px;position:relative;z-index:43} #decorative-corner{ width:2%; float:left; width:0px; height:0px; border-style:solid; border-width:0 0 8px 8px; border-color:transparent transparent #151515 transparent} #wrap-form{width:89%;float:left;border-top:1px solid #2e2e2e;border-right:1px solid #2e2e2e;border-bottom:none;border-left:1px solid #2e2e2e;background:#000;padding:0 3% 13px 3%} #wrap-form h1{background:url(../images/icon_footer_demande-prix.png) no-repeat left center;font-family:'Oswald', sans-serif;font-weight:300;padding:7px 0 9px 14%;font-size:2.6em;text-transform:uppercase;color:#fff;margin:29px 0 13px 0;min-height:22px} #wrap-form span.message{float:left;width:90%;font-family:'Oswald', sans-serif;font-weight:300;font-size:1.5em;text-transform:uppercase;color:#1d892a;margin:10px 0 13px 25px} #footer_soumission_boutons{width:98.5%;float:left;margin:0 auto} .footerFacebook { font-size:2em; color:white; } .footer_facebook_a { float:left; background-color:#0A66B4; margin-right:11px; padding:10px; padding-left:13px; padding-right:13px; padding-bottom:7px; text-shadow:1px 1px 1px #000; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:4px;/* future proofing */ -khtml-border-radius:2px;/* for old Konqueror browsers */ -moz-box-shadow:inset 0 0 5px #FFFFFF; -webkit-box-shadow:inset 0 0 5px #FFFFFF; box-shadow:inset 0 0 5px #FFFFFF; } .footerTwitter { font-size:2em!important; color:white; } .footer_twitter_a { float:left; background-color:#11a0db; margin-right:11px; padding-left:3px; padding-top:5px; padding-right:6px; padding-bottom:2px; text-shadow:1px 1px 1px rgb(99, 99, 99); -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:4px;/* future proofing */ -khtml-border-radius:2px;/* for old Konqueror browsers */ -moz-box-shadow:inset 0 0 2px #FFFFFF; -webkit-box-shadow:inset 0 0 2px #FFFFFF; box-shadow:inset 0 0 2px #FFFFFF; } .footerLinked {font-size:1.8em!important;color:white} .footer_linked_a { float:left; background-color:#1a73ae; margin-right:11px; padding:11px; padding-left:9px; padding-right:9px; padding-bottom:8px; text-shadow:1px 1px 1px #000; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:4px;/* future proofing */ -khtml-border-radius:2px;/* for old Konqueror browsers */ -moz-box-shadow:inset 0 0 5px #FFFFFF; -webkit-box-shadow:inset 0 0 5px #FFFFFF; box-shadow:inset 0 0 5px #FFFFFF; } .footerYoutube{font-size:2.5em!important;color:white} .footer_youtube_a { float:left; background-color:#d01a1a; margin-right:11px; padding:8px; padding-left:6px; padding-right:7px; padding-bottom:4px; text-shadow:1px 1px 1px #000; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:4px;/* future proofing */ -khtml-border-radius:2px;/* for old Konqueror browsers */ -moz-box-shadow:inset 0 0 5px #FFFFFF; -webkit-box-shadow:inset 0 0 5px #FFFFFF; box-shadow:inset 0 0 5px #FFFFFF; } .footer_google_a { background-image:url(../images/icon_footer_googleplus.png); background-repeat:no-repeat; width:52px; height:48px; display:block; float:left; } .badge-partner{float:left;width:57%;margin:20px 0;border-bottom:1px solid #c0c0b5} .badge-partner-services{float:left;width:100%} .section-pas-sur{width:100%;float:left;border-top:3px solid #CCC;margin-top:20px;padding-top:35px} .section-pas-sur img{float:left;margin-right:15px} .section-pas-sur h5{font-size:26px;font-family:"oswald";margin-bottom:10px;line-height:32px;color:#609006} .section-pas-sur h5 span{font-size:25px;font-family:"lato";margin-bottom:10px;line-height:24px;color:#7f7f7f} .btn-pas-sur{ padding:17px 24px!important;float:left;text-align:center!important;color:#000!important;background:#FC0!important;font-family:"oswald"!important;text-decoration:none!important;font-size:18px!important} .btn_soumission_avancee{ color:#fff; font-size:1.2em; text-transform:uppercase; border:1px solid #262626; padding:6px 2% 4px 2%; text-align:center; display:block; background:rgb(42,42,42);/* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhMmEyYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzAzMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgba(42,42,42,1) 0%, rgba(3,3,3,1) 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(42,42,42,1)), color-stop(100%,rgba(3,3,3,1)));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(42,42,42,1) 0%,rgba(3,3,3,1) 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(42,42,42,1) 0%,rgba(3,3,3,1) 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(42,42,42,1) 0%,rgba(3,3,3,1) 100%);/* IE10+ */ background:linear-gradient(to bottom, rgba(42,42,42,1) 0%,rgba(3,3,3,1) 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2a2a', endColorstr='#030303',GradientType=0 );/* IE6-8 */ float:right; width:55%; text-decoration:none; } .btn_soumettre_soumission{ color:#fff; font-size:1.2em; text-transform:uppercase; border:1px solid #262626; padding:6px 3% 4px 3%; text-align:center; display:block; background:rgb(62,62,62);/* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzNlM2UzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYTFhMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgba(62,62,62,1) 1%, rgba(26,26,26,1) 100%);/* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(62,62,62,1)), color-stop(100%,rgba(26,26,26,1)));/* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(62,62,62,1) 1%,rgba(26,26,26,1) 100%);/* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(62,62,62,1) 1%,rgba(26,26,26,1) 100%);/* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(62,62,62,1) 1%,rgba(26,26,26,1) 100%);/* IE10+ */ background:linear-gradient(to bottom, rgba(62,62,62,1) 1%,rgba(26,26,26,1) 100%);/* W3C */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#1a1a1a',GradientType=0 );/* IE6-8 */ width:35%; text-decoration:none; float:left; text-align:center; } button.btn_soumettre_soumission span span{color:#fff!important;padding:0!important;height:0!important;margin-top:5px} button.btn_soumettre_soumission span{background:none!important;height:24px!important;float:none!important;cursor:pointer} #wrap-form_bottom{width:94.7%;float:left;margin-left:3%;background:url(../images/bg_footer_form_zigzag.png) repeat-x;height:10px} #footer_mediasSociaux_tel{width:97%;margin-left:3%;float:left;margin-top:20px} #footer_mediasSociaux{width:100%;float:left;margin-bottom:20px} #footer_mediasSociaux img{width:12%;float:left;margin-right:4%} #footer_tel{width:100%;float:left} #footer_tel a{font-family:'Oswald', sans-serif;font-weight:700;color:#fff;font-size:2.5em;text-transform:uppercase;text-decoration:none;text-shadow:1px 1px 1px #000} #infinite_footer_grisFonce{width:100%;float:left;background:#1f1f1f} #footer_containerFonce{width:90%;margin:auto;max-width:1024px;padding:20px 5%} #footer_containerFonce img{width:6%;margin-right:2.6%;float:left} #footer_containerFonce p, #footer_containerFonce a{font-family:'Ubuntu', sans-serif;font-weight:300;color:#fff;font-size:1.1em;text-transform:uppercase;margin-top:33px} #footer_containerFonce a{text-decoration:none} #wrap-list{display:block} #aide-en-ligne{width:57%;float:left;border-top:1px solid #fff;border-right:none;border-bottom:1px solid #fff;border-left:none;margin-top:50px} #aide-en-ligne img{width:100%} /*form*/ ::-webkit-input-placeholder { color:#B1B1B1; } input:-moz-placeholder { color:#B1B1B1!important; } ::selection { background:#8bcb0f;/* Safari */ } ::-moz-selection { background:#8bcb0f;/* Firefox */ } /*PAGE SERVICES */ #infinte_contentTemplate{width:100%;float:left;position:relative;background:#27271e;padding:47px 0px} .nous_avons{font-size:6em;color:#fff;display:block;font-family:'Oswald', sans-serif;font-weight:700;text-transform:uppercase;text-shadow:1px 1px 2px #000;text-align:center} .la_solution{font-size:1em;color:#fff;background:#609006;font-family:'Oswald', sans-serif;font-weight:700;text-transform:uppercase;text-shadow:1px 1px 2px #6a9a0b;line-height:92px;padding:0 1% 0 1%;margin:0 0 0 1%} #bg-deco-temp{width:100%;float:left;background:url(../images/bg_body_template.png);padding:11px 0} #wrap-h1-template, #wrap-h1-agence{width:100%;margin:0px 0% 21px 0%} #wrap-h1-template h1{ /*background:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#030303)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;*/ font-family:'Oswald', sans-serif;font-weight:300; width:33%;font-size:3.3em; border-top:none;border-right:none;border-bottom:2px dotted #8ccc0f;border-left:none; padding-bottom:5px; text-transform:uppercase; } #wrap-h1-agence h1{ /* background:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#030303)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;*/ font-family:'Oswald', sans-serif;font-weight:300; width:100%;font-size:3.3em; border-top:none;border-right:none;border-bottom:2px dotted #609006;border-left:none; padding-bottom:5px; } #wrap-h1-agence h1 span{font-size:0.5em;color:#929391;display:block} #wrap-h1-agence h1 span.faucon-span{font-size:27px;text-transform:uppercase;font-family:inherit;font-weight:700;color:#609006} /* PAGE AGENCE */ .agence-slogan-mission{font-size:45px;font-family:"oswald", sans-serif;font-weight:700;line-height:55px;margin-bottom:25px;color:#609006;text-transform:uppercase} /* bloc equipe generique - remplace la grille de portraits, 2026-09-21 */ .agence-equipe-nombre{width:100%;clear:both;margin-bottom:25px} .agence-equipe-chiffre{display:inline-block;vertical-align:middle;font-size:90px;line-height:1;font-family:"oswald", sans-serif;font-weight:700;color:#609006} .agence-equipe-icone{display:inline-block;vertical-align:middle;height:64px;width:auto;margin-right:20px;fill:#609006} .agence-equipe-label{display:block;font-size:21px;line-height:28px;font-family:"oswald", sans-serif;font-weight:700;text-transform:uppercase;color:#000;margin-top:8px} #agence-left-column{width:60%;float:left;margin-left:3%;margin:auto} #agence-left-column-agence{width:100%;float:left;margin:auto} .agence-desc{margin-bottom:35px;font-size:16px;line-height:22px} .agence-desc a:link{font-style:normal;text-decoration:none;color:#000;text-decoration:underline} .agence-desc a:visited{font-style:normal;text-decoration:none;color:#000;text-decoration:underline} .agence-desc a:hover{font-style:normal;text-decoration:underline;color:#000} a.agence-desc a:active{font-style:italic;text-decoration:underline;color:#000} .load-more{float:left;width:100%;text-align:center;background:#609006;padding:10px 0;font-size:21px;text-transform:uppercase;font-weight:700;font-family:"Oswald", sans-serif;color:#fff;cursor:pointer} .load-more .loader{display:none;float:left;width:20px;margin-left:40px;margin-right:-60px} #bloc-nouvelles{width:100%;/*margin-top:40px;*/ float:left} .nouvelle-box{width:100%;float:left;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #bbb} #news_details{font-family:'Ubuntu', sans-serif!important;font-weight:normal!important;font-size:16px!important;line-height:24px!important} #news_details img{max-width:100%!important;height:auto!important} #news_details p span, #news_details p {margin-bottom:26px;font-family:'Ubuntu', sans-serif!important;font-weight:normal!important;font-size:16px!important;line-height:22px!important} #news_details p .greenlink{color:#609006} #news_details .wrap-news-img {margin-right:15px} #news_details table{float:left;padding:0px 20px;margin-top:10px;margin-bottom:20px} #news_details caption{margin-bottom:10px} #news_details table tr td{font-family:'Ubuntu', sans-serif!important;font-weight:300!important;font-size:1.2em!important;line-height:1.4em!important} #news_details ul, #news_details ol{float:left;width:100%;margin-left:30px;margin-top:10px;margin-bottom:10px} #news_details ul li, #news_details ol li{font-family:'Ubuntu', sans-serif!important;font-weight:normal!important;font-size:16px!important;line-height:22px!important;margin-bottom:10px;list-style-type:disc} #news_details ol li{list-style-type:decimal !important} #news_details .date{color:#929391;display:block;margin-bottom:20px;font-family:'Ubuntu', sans-serif!important} #news_details p a {font-size:24px;color:#609006;line-height:27px} #news_details h2{margin-top:48px;margin-bottom:25px} .similar_article{width:100%;float:left;border-top:5px solid #b7b7b7;padding:15px 0} .similar_article .similar_title{font-size:24px;color:#5e9104;font-family:'Oswald', sans-serif;margin-bottom:10px;font-weight:700} .similar_article .similar_group{display:flex;width:100%;box-sizing:border-box;padding:15px 0} .similar_article .similar_group a.oneSimilar {width:33%;box-sizing:border-box;margin:0 0 0 15px;float:left} .similar_article .similar_group a.oneSimilar img{max-width:100%} .similar_article .similar_group a.oneSimilar:first-of-type {margin-left:0} .similar_article .similar_group a.oneSimilar,.similar_article .similar_group a.oneSimilar p{color:#000;font-family:'Ubuntu', sans-serif;font-weight:700;font-size:15px;text-decoration:none} .similar_article .similar_group a.oneSimilar p{line-height:21px;margin-top:5px} #addthis{float:left;width:58%;margin-bottom:15px} .bloc-nouvelles-title-wrap{width:58%;margin-bottom:4px;float:left} .nouvelle-box h2, .lien-titre-nouvelle{font-family:'Oswald', sans-serif;text-decoration:none;font-weight:300;background:#fff;float:left;max-width:90%;display:block;font-size:1.5em;padding-right:3%;line-height:1.3em} .lien-titre-nouvelle{padding:0;max-width:none} a.lien-titre-nouvelle:link{font-style:normal;text-decoration:none;color:#000} a.lien-titre-nouvelle:visited{font-style:normal;text-decoration:none;color:#000} a.lien-titre-nouvelle:hover{font-style:normal;text-decoration:underline;color:#000} a.lien-titre-nouvelle:active{font-style:italic;text-decoration:underline;color:#000} .wrap-news-img, .wrap-news-img-detail{width:40%;margin-right:2%;float:left;z-index:1;position:relative;color:#000;margin-bottom:4px} .news-img-white-tri{ width:0px; height:0px; border-style:solid; border-width:0 21px 21px 0; border-color:transparent #ffffff transparent transparent; float:right;position:relative;z-index:5;margin-bottom:-21px; } .wrap-news-img-detail img{width:100%} .news-img-gray-tri{ width:0px; height:0px; border-style:solid; border-width:0 24px 24px 0; border-color:transparent #c2c2c2 transparent transparent; float:right;position:relative;z-index:4;margin-bottom:-24px; } .wrap-news-img img{float:right;width:98%;position:relative;z-index:2;border:2px solid #c2c2c2} .nouvelle-box p{margin-bottom:18px;font-family:'Ubuntu', sans-serif;font-weight:300;font-size:1.5em;line-height:1.4em;margin-left:0;width:58%;float:left} .nouvelle-box span{display:block;font-size:1.2em;color:#3e3e3e;margin-top:0px;margin-left:0} .nouvelle-box p a{margin-top:18px;font-size:1.2em;font-family:'Oswald', sans-serif;font-weight:700;color:#609006;text-transform:uppercase} .nouvelle-box p a:hover{background-color:#d1f48d;text-transform:uppercase} #agence-right-column{width:31%;float:right;margin-bottom:15px;margin-top:74px} #agence-right-column img{width:98%;border:3px solid #a2a2a2} #photo-equipe{width:100%;margin-top:20px} .agence h3{color: #000; font-weight: 600; font-size: 18px;} .agence h4{color: #7ea54c; font-weight: 500; font-size: 18px; min-height: 50px;} .agence-photo-equipe{} .agence-photo-firstColumns{width:31.5%;float:left;margin-right:1.5%} .agence-photo-secondColumns{width:21.56%;float:left;margin-right:1.5%} .agence-photo-thirdColumns{width:46.14%;float:left;margin-bottom:1.2%} .agence-photo-thirdColumns img.agence-photo-small{width:30.2%} .agence-photo-thirdColumns img.agence-photo-small.first{margin-right:2.8%} .agence-photo-fourthColumns{width:46.14%;float:left} .agence-photo-fourthColumns img.agence-photo-big{width:63.3%;margin-right:3%} .agence-photo-fourthColumns img.agence-photo-small{width:30.2%} .agence-photo-fourthColumns img.agence-photo-small.first{margin-bottom:4.2%} .agence-photo{float:left} .agence-photo-big{width:100%} .agence-photo-medium{width:100%} .agence-photo-small{width:47.5%} .agence-photo-firstColumns img.agence-photo-small.first{margin-right:4.8%} .agence-photo-firstColumns .agence-photo-big{margin-bottom:4.8%} .agence-photo-secondColumns img.agence-photo-medium.first{margin-bottom:6.5%} @media(max-width:767px){ .agence-equipe-icone{height:44px;margin-right:14px} .agence-equipe-chiffre{font-size:60px} .agence-equipe-label{font-size:18px;line-height:24px} .agence-photo-firstColumns{ width:48%; } .agence-photo-firstColumns:nth-of-type(2n){ margin-right: 0; } .agence-photo-firstColumns:nth-of-type(3n){ width:100%; margin-right: 0; } .agence-photo-firstColumns:nth-of-type(3n) .agence{ width:48%; float: left; margin-right: 1.5%; } .agence h3{ font-size: 17px; } .agence h4{ font-size: 16px; } } .agence-photo-firstRow{float:left} .agence-photo-firstRow .agence-photo-medium{width:29%;float:left;margin-left:2%;border:3px solid #609006;border-radius:50%} .agence-photo-firstRow .agence-photo-medium.first{margin-lefT:0} .agence-photo-secondRow{float:left;margin-top:2%} .agence-photo-secondRow .agence-photo-medium{width:29%;float:left;margin-left:2%;border:3px solid #609006;border-radius:50%} .agence-photo-secondRow .agence-photo-medium.first{margin-lefT:0} .agence-photo-thirdRow{float:left;margin-top:2%} .agence-photo-thirdRow .agence-photo-medium{width:29%;float:left;margin-left:2%;border:3px solid #609006;border-radius:50%} .agence-photo-thirdRow .agence-photo-medium.first{margin-lefT:0} .agence-photo-forthRow{float:left;margin-top:2%;width:100%} .agence-photo-forthRow .agence-photo-medium{width:29%;float:left;margin-left:2%;border:3px solid #609006;border-radius:50%} .agence-photo-forthRow .agence-photo-medium.first{margin-lefT:0} /*SERVICES :BOITES SERVICE */ .service-box-wrap{width:28%;float:left;margin-right:5%;margin-bottom:45px} .service-left-white-wrap{width:100%;float:right;z-index:40;position:relative;margin-bottom:-18px} .service-left-white-corner{ width:0px; height:0px; border-style:solid; border-width:0 18px 18px 0; border-color:transparent #ffffff transparent transparent; float:right; } .service-left-gray-wrap{width:100%;float:right;float:right;z-index:30;position:relative;margin-bottom:-28px} .service-left-gray-corner{ width:0px; height:0px; border-style:solid; border-width:0 28px 28px 0; border-color:transparent #e7e7e7 transparent transparent;float:right} .service-image-title{width:95%;float:right;border:7px solid #e7e7e7;z-index:10;position:relative} .service-image-title img{display:block;width:100%;float:right} .service-image-title h2{font-family:'Oswald', sans-serif;font-weight:700;font-size:1.3em;background:url(../images/bg_titres_services.png);text-transform:uppercase;padding:13px 0% 10px 3%;width:97%;float:left;text-shadow:2px 2px 2px #ffffff;filter:dropshadow(color=#ffffff, offx=2, offy=2)} .service-image-title h2 a{width:100%;display:block;text-decoration:none;color:#242423;font-family:'Oswald', sans-serif;font-weight:700;font-size:1.3em} .exemple-all-boxes-services h2 a{font-size:0.9em!important} .service-deco-shadow{width:100%;float:left;height:6px;background:url(../images/bg_boxShadow_services.png) no-repeat center top;background-size:100% auto} .service-box-wrap p{font-size:1.2em;line-height:1.5em;font-family:'Ubuntu', sans-serif;margin:10px 0;float:left;/*min-height:110px;*/height:72px;overflow:hidden} .service-more-info{display:block;width:67%;float:left;border-top:2px dotted #b2b2b2;border-right:none;border-bottom:none;font-size:1.6em;color:#000;text-transform:uppercase;font-family:'Oswald', sans-serif;text-decoration:none;font-weight:300;padding-top:10px} a.service-more-info:link {text-decoration:none} a.service-more-info:visited {text-decoration:none} a.service-more-info:hover {text-decoration:underline} a.service-more-info:active {text-decoration:none} .icon-right-circle{color:#609006;font-size:1.3em;margin-left:5%} .clear-double{display:none} /* PAGE SERVICE DETAILS */ #wrap-h1-services-details{width:100%;margin:0px 0% 30px 0%} #wrap-h1-services-details h1,#wrap-h1-services-details h1 a{ /*background:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#030303)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;*/ font-family:'Oswald', sans-serif;font-weight:300; width:100%;font-size:3.3em; border-top:none;border-right:none;border-bottom:2px dotted #609006;border-left:none; padding-bottom:5px; text-transform:uppercase; text-decoration:none; line-height:1.2em; } .wrap-h1-services-details-a{font-size:1em !important;border-bottom:0 !important;color:#000} #back-share-mobile{display:none} #left_column_servDet{width:67%;float:left;margin:0 4% 0 2%} #left_column_servDet .missionText{padding:22px 27px;border:3px solid #bfbfb6;background:#f8f8f8;margin-bottom:30px} #left_column_servDet .missionText p{font-size:14px;line-height:19px;margin-bottom:15px} #left_column_servDet .missionText p:last-of-type{margin-bottom:0} #left_column_servDet .missionText p span{display:block;font-family:'Oswald', sans-serif;color:#609006;font-sizE:21px;line-height:25px;font-weight:400} #left_column_servDet p span.serv1st_line{font-family:'Oswald', sans-serif;font-size:1.6em;line-height:1.2em;margin-bottom:20px;color:#609006} #left_column_servDet p {font-family:'Ubuntu', sans-serif;font-size:1.6em;line-height:1.4em;margin-bottom:15px;color:#000} #left_column_servDet p a{color:#609006} #right_column_servDet{width:27%;float:right;/*margin-right:4%;*/} #share-option{width:100%;float:right} #title-exemple-projet{font-family:'Oswald', sans-serif;font-weight:300;text-transform:uppercase;width:90%;float:left;padding-bottom:4px;border-top:none;border-right:none;border-bottom:1px dotted #b2b2b2;color:#000;margin-bottom:10px;margin-top:20px;font-size:1.8em} #exemple-all-boxes{width:100%;float:left} .exemple-all-boxes-services{float:left;width:100%;/*margin-right:5%;*/ margin-bottom:15px} .service-box-wrap{width:28%;float:left;margin-right:5%;margin-bottom:45px} .addthis_toolbox{float:right;min-width:66%} /*SERVICES :BOITES SERVICE DETAILS */ .service-det-box-wrap{width:46%;float:left;margin-right:4%;margin-bottom:10px} .service-det-left-white-wrap{width:100%;float:right;z-index:40;position:relative;margin-bottom:-10px} .service-det-left-white-corner{ width:0px; height:0px; border-style:solid; border-width:0 10px 10px 0; border-color:transparent #ffffff transparent transparent; float:right; } .service-det-left-gray-wrap{width:100%;float:right;float:right;z-index:30;position:relative;margin-bottom:-18px} .service-det-left-gray-corner{ width:0px; height:0px; border-style:solid; border-width:0 18px 18px 0; border-color:transparent #e7e7e7 transparent transparent;float:right} .service-det-image-title{width:95%;float:right;border:5px solid #e7e7e7;z-index:10;position:relative} .service-det-image-title img{display:block;width:100%;float:right} .service-det-deco-shadow{width:100%;float:left;height:6px;background:url(../images/bg_boxShadow_services.png) no-repeat center top;background-size:100% auto} /******PAGE CLIENTS**********/ #wrap-portfolio{width:100%;float:left;/* border-top:1.6em solid #e1e1e0;*/border-right:none;border-bottom:none;border-left:none} #wrap-portfolio-2{width:95%;float:left;background:#fff;border-top:.6em solid #c2c2c2;border-right:none;border-bottom:.6em solid #c2c2c2;border-left:none;padding:25px 2.5%} #wrap-portfolio-3{width:100%;max-width:1024px;margin:auto} #clients-left-column{ margin-left:3%} /*#wrap-portfolio{border-top:10px solid #E1E1E0;clear:both;margin:auto;width:100%} #wrap-portfolio-2{border-top:3px solid gray} #wrap-portfolio-3{margin:30px auto 80px;max-width:1024px}*/ #wrap-portfolio-3 h1{width:100%;margin-bottom:15px;padding-bottom:3px;border-bottom:2px dotted #609006} #wrap-portfolio h1{font-family:'Oswald',sans-serif;font-size:3.3em;font-weight:300;padding-bottom:5px;text-transform:uppercase;width:33%} #wrap-portfolio ul{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-color:#8CCC0F -moz-use-text-color;border-image:none;border-style:dotted none;border-width:2px medium;clear:both;font-family:'Oswald',sans-serif;margin-bottom:20px;padding-bottom:35px;text-align:center;width:100%} #wrap-portfolio li{display:block;float:left} #wrap-portfolio #wrap-vedette{background-color:#84C10E;float:left;margin-bottom:20px;width:100%} #wrap-portfolio .wrap-portfolio-piece {background-image:url("../images/bg_portfolio_template.png");clear:both;margin-top:20px;padding-bottom:34px;padding-left:15px;padding-top:15px} #wrap-portfolio #wrap-vedette h2{color:white;font-family:'Oswald',sans-serif;font-size:23px;font-weight:300;padding-left:20px;padding-top:20px} #clients-trier-par{width:98%;float:left;margin-bottom:15px;background:url(../images/bg_navigation_template.png);padding:8px 1%} #clients-trier-par h2{/*width:23%;*/ padding:7px 5% 7px 2%;float:left;font-size:1.8em;font-weight:400;text-transform:uppercase;background:#fff;margin-right:1.5%;font-family:'Oswald',sans-serif;border:2px solid #000} #clients-trier-par select{width:31%;padding:2px 1%;float:left;font-size:1.8em;margin-top:0;font-weight:400;text-transform:uppercase;background:#fff;margin-right:1.5%;font-family:'Oswald',sans-serif;border:2px solid #000} .titre-categorie-region{width:101%;float:left;padding:0 1%;background:url(../images/bg-stripe-border-clients.jpg);font-size:1.8em;color:#0b0b0b;font-family:'Oswald',sans-serif;font-weight:300;margin:15px 0} .titre-categorie-region span{padding:0 1%;background:#fff;width:auto;font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase} .Gallery{width:30%;float:left;padding:0 1% 0 2%;margin-bottom:20px} .client-une-categorie{width:97%;float:left} .client-box-wrap{width:100%;float:left;text-decoration:none} .client-thumb{width:24%;float:left;margin-right:0.2%} .client-thumb img{width:100%;height:50px;border:2px solid #bdbdbd} .client-nom{width:70%;float:right} .client-nom p, .client-nom span{font-size:1.3em;color:#3c3c3b;font-family:'Ubuntu',sans-serif;font-weight:400;text-decoration:none} .portfolio-box-wrap{float:left;margin-bottom:45px;margin-left:2.5%;margin-right:2.5%;text-align:center;width:28%} .portfolio-box-wrap-mobile{float:left;margin:20px 4.5% 45px;text-align:center;width:24%} .portfolio-left-white-wrap{float:right;margin-bottom:-18px;position:relative;width:100%;z-index:40} .portfolio-left-white-corner{border-color:transparent #84C10E transparent transparent;border-style:solid;border-width:0 18px 18px 0;float:right;height:0;width:0} .portfolio-left-white-corner2{border-color:#85C10E transparent transparent;border-style:solid;border-width:3px 3px 0 0;height:0;width:0} .portfolio-left-gray-wrap{float:right;margin-bottom:-28px;position:relative;width:100%;z-index:30} .portfolio-left-gray-corner{border-color:transparent #E7E7E7 transparent transparent;border-style:solid;border-width:0 28px 28px 0;float:right;height:0;width:0} .portfolio-image-title{border:7px solid #E7E7E7;float:right;position:relative;width:95%;z-index:10} .portfolio-image-title img{display:block;float:right;width:100%} .portfolio-image-title h2{background:url("../images/bg_titres_services.png") repeat scroll 0 0 transparent;float:left;font-family:'Oswald',sans-serif;font-size:1.3em;font-weight:700;padding:13px 0 10px 3%;text-shadow:2px 2px 2px #FFFFFF;text-transform:uppercase;width:97%} .portfolio-image-title h2 a{color:#242423;display:block;font-family:'Oswald',sans-serif;font-size:1.3em;font-weight:700;text-decoration:none;width:100%} .portfolio-deco-shadow{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url("../images/bg_boxShadow_services.png");background-origin:padding-box;background-position:center top;background-repeat:no-repeat;background-size:100% auto;float:left;height:6px;width:100%} .portfolio-box-wrap-mobile p{float:left;font-family:'Ubuntu',sans-serif;font-size:1.2em;line-height:1.5em;margin:10px 0} .portfolio-more-info {border-bottom:medium none;border-right:medium none;border-top:2px dotted #B2B2B2;color:#000000;display:block;float:left;font-family:'Oswald',sans-serif;font-size:1.6em;font-weight:300;padding-top:10px;text-decoration:none;text-transform:uppercase;width:67%} a.portfolio-more-info:link{text-decoration:none} a.portfolio-more-info:visited{text-decoration:none} a.portfolio-more-info:hover{text-decoration:underline} a.portfolio-more-info:active{text-decoration:none} .icon-right-circle{color:#609006;font-size:1.3em;margin-left:5%} #wrap-portfolio #wrap-vedette-content{padding-bottom:70px;padding-left:20px;padding-top:20px} .portfolio-box-wrap-mobile a{color:white;display:block;font-family:'Oswald',sans-serif;font-size:1.5em;text-transform:uppercase} .portfolio-deco-shadow{background-attachment:scroll;background-clip:border-box;background-color:transparent;background-image:url("../images/bg_boxShadow_services.png");background-origin:padding-box;background-position:center top;background-repeat:no-repeat;background-size:100% auto;float:left;height:6px;padding-bottom:15px;width:100%} .portfolio-box-wrap a{color:white;display:block;font-family:'Oswald',sans-serif;font-size:1.5em;text-transform:uppercase} .wrap-portfolio-piece a{color:#464544;font-size:1.3em;text-decoration:none} .wrap-portfolio-piece .portfolio-deco-shadow{padding-bottom:6px} .wrap-portfolio-piece h2{background-color:white;border:1px solid #CECECE;color:#8B8B8B;float:left;font-family:'Oswald',sans-serif;font-size:25px;margin-bottom:20px;padding:10px} .wrap-portfolio-piece ul{border:medium none !important} .wrap-portfolio-piece li{background-color:#FFFFFF;border:1px solid #494949 !important;margin:0 5px !important} .current{background-color:#84C10E !important} .portfolio-image-iphone{background-image:url("../images/bg_mobile_phone.png");background-repeat:no-repeat;background-size:100% auto;position:relative} .portfolio-image-iphone img{margin-bottom:39%;margin-left:3%;margin-top:29%;width:87%} .bg-highlight{background-image:url("../images/bg_mobile_phone_highlight.png");background-repeat:no-repeat;background-size:100% auto;left:58%;padding-bottom:203px;position:absolute;top:14.4%;width:37%;z-index:99999} .slider-portfolio{clear:both} #deco-fleche{border-color:transparent transparent #85C10E;border-style:solid;border-width:0 8px 14px;height:0;margin:auto;width:0} #wrap-portfolio-3 #wrap-menu-portfolio{position:relative} #wrap-menu-portfolio ul li a{color:black;display:block;margin-top:0;padding:0 18px 19px;text-align:center;text-decoration:none;padding-top:7px;font-size:1.676em} #wrap-deco-fleche{bottom:0;position:absolute} .findHeight{float:left;width:100%} .wrap-pagination{width:100%;float:left} .pagination a{padding-left:8px} .temoignage-c2a{width:100%;float:left;margin:25px 0} .temoignage{width:66%;float:left;background:url(../images/bg_navigation_template.png);padding:8px 1%} .temoignage h3{background:#fff;font-size:2.2em;color:#606060;font-family:'Oswald',sans-serif;font-weight:400;padding:10px 1%;text-transform:uppercase;line-height:1.3em} .temoignage span{background:#fff;font-size:1.4em;color:#609006;font-family:'Oswald',sans-serif;font-weight:400;padding:10px 1%;text-transform:uppercase} .temoignage-plus{font-size:1.6em;color:#000;font-family:'Oswald',sans-serif;font-weight:400;display:block;text-transform:uppercase;float:right;margin-top:10px;text-decoration:none;background:url(../images/plus-tem.png) no-repeat left center;padding-left:20px} a.temoignage-plus:link{text-decoration:none} a.temoignage-plus:visited{text-decoration:none} a.temoignage-plus:hover{text-decoration:underline} a.temoignage-plus:active{text-decoration:underline} .clients-c2a{width:25%;float:right;background:url(../images/bg-green-paper.jpg);padding:12px 2.5%} .clients-c2a a{font-size:3.4em;color:#000;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:700;background:none;text-transform:uppercase} .clients-c2a a span{font-size:.6em;color:#fff;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:700;line-height:0;display:block;float:right;margin-top:-11px} .c2a-no-br{display:none} /*---------------------------------------------------------------------------------*/ /*--------------------------------Page Témoignage----------------------------------*/ /*---------------------------------------------------------------------------------*/ #wrap-temoignage{width:100%;float:left;border-top:1.6em solid #e1e1e0;border-right:none;border-bottom:none;border-left:none} #wrap-temoignage-2{width:95%;float:left;background:#fff;border-top:.6em solid #c2c2c2;border-right:none;border-bottom:.6em solid #c2c2c2;border-left:none;padding:25px 2.5%} #wrap-temoignage-3{width:100%;max-width:1024px;margin:auto} #wrap-temoignage-3 h1{/*background:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#030303)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;*/ font-family:'Oswald', sans-serif;font-weight:300; width:33%;font-size:3.3em; border-top:none;border-right:none;border-bottom:2px dotted #8ccc0f;border-left:none; padding-bottom:5px; text-transform:uppercase;margin-bottom:20px} #wrap-temoignage-3 .temoignage{float:left;width:90%;margin-top:15px;border-bottom:solid 1px #609006;background:none;padding:0} #wrap-temoignage-3 .temoignage p.quote{float:left;width:75%;color:#000;font-size:1.5em;line-height:1.3em} #wrap-temoignage-3 .temoignage p.personne{float:left;width:100%;font-family:Ubuntu;color:#3c3c3b;font-size:1.2em;line-height:1em;margin:10px 0} .c2a{float:left;width:82%;background:#609006;padding:0 5% 0 3%;margin:15px 0} .c2a img{float:left} .c2a p{display:block;margin-top:30px;font-size:12px;color:#fff;font-weight:700;text-transform:uppercase} .c2a p span{display:block;font-size:27px;font-weight:700;line-height:32px} .c2a a{display:inline-block;margin-top:9px;background-color:#000;width:250px;text-align:center;padding:7px;font-size:13px;color:#fff;font-weight:700;text-decoration:none} /*---------------------------------------------------------------------------------*/ /*------------------------------- Page Témoignage Dev -----------------------------*/ /*---------------------------------------------------------------------------------*/ #temoignages #bg-deco-temp {padding:6px 0;float:none} #temoignages #deco-slider-border {float:none} #temoignages #infinte_contentTemplate{padding:321px 0 47px} #temoignages h1 {color:#000;font:400 25px/1.2em 'Oswald',sans-serif;text-transform:uppercase} #temoignages h1 + .contact.btn {background:linear-gradient(to top, rgb(0,0,0,.05), #fff);border:2px solid #c0c0c0;border-radius:5px;color:#27271e;font:700 16px/25px 'Lato',sans-serif;padding:13px 18px 18px;text-decoration:none;text-align:center} #temoignages .temoignage {float:none;background:transparent;border:3px solid #c0c0c0;width:auto;padding:8px 15px;text-align:center;margin-bottom:15px;height:calc(100% - 16px)} #temoignages .temoignage-video img {width:100%} #temoignages .temoignage p {margin-top:8px} #temoignages .temoignage p + p {margin-top:2px} #temoignages .temoignage .client {color:#5d930a;font:700 18px/.9em 'Lato',sans-serif} #temoignages .temoignage .company {color:#343333;font:400 13px/1.2em 'Lato',sans-serif} #temoignages .temoignage-audio {display:flex;flex-direction:column} #temoignages .temoignage-audio button {border:0;background:transparent;cursor:pointer;margin:auto 0} #temoignages .temoignage-audio img {display:block;margin:0 auto} #temoignages .temoignage-audio .hidden {display:none} #temoignages .temoignage-audio audio {margin:26px 0;width:100%} #temoignages .temoignage-text {text-align:left;padding:32px 40px 40px;height:calc(100% - 15px)} #temoignages .temoignage-text .quote {color:#000;font:400 16px/25px 'Lato',sans-serif} #temoignages .temoignage-text .personne {color:#5b9408;font:700 14px/25px 'Lato',sans-serif;margin-top:30px} #temoignages .audio-parent, #temoignages .audio-parent .audio-overlay{position:fixed;top:0;left:0;width:100%;height:100%} #temoignages .audio-parent{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none;opacity:0;-webkit-transition:ease .5s all;transition:ease .5s all;z-index:9999;align-items:center;justify-content:center} #temoignages .audio-parent.active{opacity:1;pointer-events:all} #temoignages .audio-parent .audio-overlay{position:absolute;background:rgba(0,0,0,.5);cursor:pointer} #temoignages .audio-parent .audio{position:relative;z-index:2} #temoignages .green-line {height:4px;width:100%;background:#5d930a;margin:0 0 16px} #temoignages .c2a {align-items:center;border:3px solid #c0c0c0;display:flex;float:none;margin:0 0 15px;padding:0 20px 0 15px;width:100%} #temoignages .c2a > * {flex:0 0 auto} #temoignages .c2a > div {flex:1 1 auto;margin:auto 15px} #temoignages .c2a p {margin:0;color:#fff;font:700 20px/1.25em 'Lato',sans-serif;text-transform:none} #temoignages .c2a p + p {font:400 39px/1em 'Oswald',sans-serif} #temoignages .c2a a {background:linear-gradient(to top,#ffd200,#fff600);border:2px solid #fff600;border-radius:6px;box-shadow:2px 3.5px 2px rgba(0,0,0,.5);color:#000;font:700 20px/1.25em 'Lato',sans-serif;width:auto;padding:15px 15px 20px;transition:margin-bottom .5s ease} #temoignages .c2a a:hover{margin-bottom:3px} @media screen and (max-width:991.98px) { #temoignages .c2a {padding:20px} } @media screen and (max-width:815.98px) { #temoignages {clear:both} #temoignages #infinte_contentTemplate{padding:47px 0} } @media screen and (max-width:767.98px) { #temoignages .c2a {padding:15px;flex-direction:column;text-align:center} #temoignages .c2a > div {margin:auto} #temoignages .c2a img {display:none} #temoignages .c2a a {margin-top:.67em} } @media screen and (max-width:575.98px) { #temoignages .temoignage-text {padding:calc((100vw - 320px) / (256 / 25) + 7px) calc((100vw - 320px) / (256 / 25) + 15px) calc((100vw - 320px) / (256 / 25) + 15px)} } @media screen and (max-width:404.98px) { #temoignages .c2a p {font-size:calc((100vw - 320px) / (85 / 4) + 16px)} #temoignages .c2a p + p {font-size:calc((100vw - 320px) / (85 / 10) + 29px)} } @media screen and (max-width:346.98px) { #temoignages h1 + .contact.btn {padding:13px calc((100vw - 320px) / 2 + 4.5px) 18px} } /*---------------------------------------------------------------------------------*/ /*-------------------------------- Page Services Dev ------------------------------*/ /*---------------------------------------------------------------------------------*/ .topservices_container{padding: 25px 0; background: #27271e; clear: both;} .topservices_container .lesTemoignagesSlider{display: flex; align-items: center; min-height: 240px} .topservices_container .lesTemoignagesSlider li{flex: 0 0 100%;} .topservices_container .lesTemoignagesSlider li::before{display: none;} .topservices_container .bx-viewport{height: auto !important;} .topservices_container .bx-wrapper .lesTemoignagesSlider li{flex: 0 0 auto;} .topservices_container .bx-wrapper{margin: 0; box-shadow: none; border: none; background: none;} .topservices_container .bx-wrapper .bx-controls-direction a{width: 35px; height: 35px; margin-top: -17.5px; background-position: 0 0 !important;} .topservices_container .bx-wrapper .bx-prev{left: -25px; background: url("/images/services/top-prev-arrow.png");} .topservices_container .bx-wrapper .bx-next{right: -25px; background: url("/images/services/top-next-arrow.png");} .topservices_container p{text-align: center; color: #fff; font-size: 18px; line-height: 27px; padding: 0 80px;} .topservices_container p span{font-weight: 700; color: #609006; display: block;} .contact.service_btn{font-size: 20px; line-height: 20px; font-weight: 700; padding: 15px; background: linear-gradient(to bottom, #fff600, #ffd300); border: 2px solid #fff600; border-radius: 7px; display: inline-block; color: #000; text-decoration: none;} .contact.service_btn.gris{border-color: #8c8c89; background: linear-gradient(to bottom, #ddd, #bababa);} .services_container{padding: 20px 0; background: #fff; font-family: "Lato", sans-serif !important; overflow: hidden;width: 100%;} .services_container h1, .services_container h2, .services_container h3, .services_container h4, .services_container p, .services_container a, .services_container ul, .services_container ol, .services_container li, .services_container div{font-family: inherit !important;} .sp_title_div{padding: 15px 0; border-bottom: 4px solid #5d930a; display: flex; align-items: center; margin: 0 0 25px;} .sp_title_div .sp_title > div{display: flex; flex-wrap: wrap;} .sp_title_div .sp_title{text-transform: uppercase; font-weight: 400; font-size: 25px; line-height: 25px; color: #000; text-decoration: none; font-family: "Oswald", sans-serif;} .sp_title_div .sp_title h1{margin-left: 10px; font-size: inherit; font-weight: 400;} .sp_title_div .sp_title a{color: #000; text-decoration: none; margin-right: 10px; font-family: "Lato", sans-serif;} .sp_title_div .sp_title a:hover{text-decoration: underline;} .sp_title_div .sp_btn{margin-left: auto;} .sp_title_div .sp_btn .contact.service_btn{font-size: 16px; line-height: 16px; border-color: #c0c0c0; background: linear-gradient(to bottom, #fff, #f3f3f3);} .services_container h2, .services_container h4{font-size: 22px; line-height: 26px; font-weight: 700; margin: 0; color: #5d930a;} .services_container h2 span{display: block; text-transform: uppercase;} .services_container p{font-size: 16px; line-height: 22px; color: #333; margin: 0 0 25px;} .services_container p a{font-size: 19px; color: inherit;} .services_container ul{padding-left: 25px; margin-bottom: 25px;} .services_container ul li, .idcorpo ol li{display: flex; font-size: 16px; line-height: 22px; margin: 0 0 15px;} .idcorpo ol li{list-style-type:decimal;display:list-item;font-weight:700;} .idcorpo ol li span{display:inline;font-weight:400} .services_container ul li::before{content: ""; width: 7px; height: 7px; border-radius: 50%; margin: 9px 10px 0 0; background: #000; flex: 0 0 auto;} .services_container .lesTemoignagesSlider{display: flex; align-items: center;} .services_container .lesTemoignagesSlider li{flex: 0 0 100%;} .services_container .bx-wrapper .lesTemoignagesSlider li{flex: 0 0 auto;} .services_container .bx-wrapper .lesTemoignagesSlider li::before{display: none;} .services_container .lesTemoignages{padding: 25px 15px 55px 30px; background: #efefef; border: 3px solid #8c8c8c; margin: 20px 0 41px 0; position: relative;} .services_container .lesTemoignages::before{content: "«"; font-size: 93px; position: absolute; left: 5px; top: -20px; color: #bebebd;} .services_container .lesTemoignages::after{content: "»"; font-size: 93px; position: absolute; right: 5px; bottom: 0px; color: #bebebd;} .services_container .lesTemoignages p{font-size: 16px; line-height: 21px; color: #000; margin: 0; padding: 0 20px;} .services_container .lesTemoignages p span{display: block; font-weight: 700;} .services_container .lesTemoignages p.titre{font-size: 39px; margin: 0 0 20px; color: #5f5f5f; text-transform: uppercase;} .services_container .bx-wrapper{margin: 0; box-shadow: none; border: none; background: none;} .services_container .bx-wrapper .bx-controls-direction a{height: 41px; width: 41px; left: auto; top: auto; bottom: -99px; background-position: 0 0;} .services_container .bx-wrapper .bx-prev{right: 23px; background: url("/images/services/main-prev-arrow.png");} .services_container .bx-wrapper .bx-next{right: -18px; background: url("/images/services/main-next-arrow.png");} .services_container img{max-width: 100%;} .servicesvert_container{padding: 35px 0; background: #5d930a; font-family: "Lato", sans-serif !important; counter-reset: my-sec-counter;} .servicesvert_container h1, .servicesvert_container h2, .servicesvert_container h3, .servicesvert_container h4, .servicesvert_container p, .servicesvert_container a, .servicesvert_container ul, .servicesvert_container ol, .servicesvert_container li, .servicesvert_container div{font-family: inherit !important;} .servicesvert_container h3{font-size: 34px; text-transform: uppercase; color: #fff; font-weight: 700; padding: 0 0 20px; margin: 0 0 20px; border-bottom: 6px solid #ffff; text-align: center;} .servicesvert_container p{font-size: 16px; line-height: 22px; color: #fff; margin: 0 0 25px;} .servicesvert_container p:last-of-type{margin: 0;} .servicesvert_container p span{display: block; text-transform: uppercase; font-size: 18px;} .servicesvert_container p span::before{counter-increment: my-sec-counter; content: counter(my-sec-counter) ". "; margin-right: 5px;} .servicesvert_container .etape{display: flex; flex-wrap: wrap; margin: 0 0 25px;} .servicesvert_container .etape > div{flex: 1 1;} .servicesvert_container .etape1::before{content: url("/images/services/lancement-etape-1.png"); padding: 0 35px 0 65px;} .servicesvert_container .etape2::before{content: url("/images/services/lancement-etape-2.png"); padding: 0 35px 0 65px;} .servicesvert_container .etape3::before{content: url("/images/services/lancement-etape-3.png"); padding: 0 35px 0 65px;} .servicesvert_container .etape4::before{content: url("/images/services/lancement-etape-4.png"); padding: 0 35px 0 65px;} .servicesvert_container .etape5::before{content: url("/images/services/lancement-etape-5.png"); padding: 0 35px 0 65px;} .green_box{padding: 30px; background: #5d930a; counter-reset: my-sec-counter;} .green_box h3{font-size: 33px; line-height: 40px; color: #fff; font-weight: 700; margin: 0 0 25px;} .green_box h3 span{display: block; text-transform: uppercase; font-weight: inherit;} .green_box p{font-size: 16px; line-height: 22px; color: #fff; margin: 0 0 25px;} .green_box p span{display: block; font-size: 18px; color: #ffef00; text-transform: uppercase;} .green_box p span::before{counter-increment: my-sec-counter; content: counter(my-sec-counter) ". "; margin-right: 5px;} .article_box{padding: 25px 35px; border: 3px solid #5d930a;} .article_box ul li{color: #b2b2b2;} .article_box ul li a{font-size: 18px; line-height: 22px; color: inherit;} .article_box ul li a:hover{text-decoration: none;} .article_box ul li::before{background: #b2b2b2;} @media (max-width: 991.98px){ .main-img{margin: 20px 0 0; text-align: center;} .main-img img{max-width: 100%;} .services_container .lesTemoignages{padding: 25px 100vw 55px; margin: 20px -100vw -20px;} .services_container .lesTemoignages::before, .services_container .lesTemoignages::after{display: none;} .services_container .bx-wrapper .bx-controls-direction a{bottom: -55px;} .servicesvert_container h3{font-size: 27px;} .servicesvert_container .etape::before{display: none !important;} .green_box{padding: 30px 100vw; margin: 0 -100vw;} .article_box{padding: 25px 100vw; margin: 0 -100vw;} .article_box ul{padding: 0 0 0 10px;} .sp_title_div .sp_btn { display: none; } } @media (max-width: 767.98px){ .servicesvert_container h3{text-transform: none;} .topservices_container p{padding: 0 20px;} .sp_title_div .sp_title{font-size: 18px; line-height: 18px; text-transform: none;} } @media (max-width: 575.98px){ .topservices_container{padding: 20px 0 40px;} .topservices_container .bx-wrapper .bx-controls-direction a{top: auto; bottom: -35px; left: auto;} .topservices_container .bx-wrapper .bx-controls-direction a.bx-prev{right: 40px;} .topservices_container .bx-wrapper .bx-controls-direction a.bx-next{right: 0;} .topservices_container p{padding: 0;} .contact.service_btn{margin: 0 20px 20px 0; text-align: center;} .services_container .lesTemoignages p.titre{font-size: 33px;} .green_box h3{font-size: 25px; line-height: 32px;} .green_box p span{text-transform: none;} } /*-------- Page Faucon ----------*/ #faucon, #annulation-service{margin:0;width:100%;float:left} .faucon_form{float:left;width:99.8%;border:1px solid #9d9d9d;margin-top:20px;margin-lefT:0} .faucon_form .full-width{width:96%;padding:2%;background:#609006;font-size:17px;text-transform:uppercase;color:#fff;font-family:"Oswald", sans-serif} .faucon_form .row{float:left;width:100%;border-bottom:1px solid #afafaf} .faucon_form .row div{display:table-cell;vertical-align:middle} .faucon_form .question{width:480px;padding:10px;font-size:15px;line-height:18px} .faucon_form .question.gray{ background:#afafaf} .faucon_form .laReponse{width:57.5px;min-width:57.5px;height:30px} .faucon_form .laReponse:nth-child(even){background:#cfcfcf} .faucon_form .laReponse:nth-child(odd){background:#e1e1e0} .faucon_form .laReponse div{width:100%;text-align:center;font-size:15px;text-transform:uppercase;font-family:'Oswald', sans-serif;font-weight:700;float:left} .faucon_form .laReponse div span{font-size:9px;text-transform:none;line-height:11px;display:block;margin-top:2px} .faucon_form .laReponse label{width:100%;float:left;height:100%} .faucon_form .laReponse label input[type='radio']{position:absolute;left:-20px} .faucon_form .laReponse label span{width:100%;height:100%;float:left;cursor:pointer} .faucon_form .laReponse input:checked + span{background:url(../images/crochet-faucon.png) center center no-repeat} .faucon_form .lesInfos{padding:40px;float:left;background:#9d9d9d;width:535px} .faucon_form .childContainer{float:left;display:none} .faucon_form .childContainer .row .question{color:#000000;padding:10px 10px 10px 30px;width:460px;line-height:18px;font-size:13px} .faucon_form .col{width:100%;float:left} .faucon_form .col input[type='text']{padding:7px;width:41%;border-radius:5px;border:1px solid #fff} .faucon_form .half-col{width:50%;float:left} .faucon_form .half-col input[type='text'], .faucon_form .half-col select{padding:6px;width:84%;border:none} .faucon_form .half-col select{width:89%;margin-top:-2px} .faucon_form .col, .faucon_form .half-col{margin-bottom:10px} .faucon_form .col label, .faucon_form .half-col label{display:block;font-size:17px;text-transform:uppercase;font-family:'Oswald', sans-serif;margin-bottom:5px;line-height:26px} .faucon_form .col label span, .faucon_form .half-col label span{color:#609006} #faucon input[type='submit']{cursor:pointer} #faucon input[type='submit']:hover{background:#70a212} .faucon-results{display:none} .faucon-categorie-container{float:left;width:100%} .faucon-categorie-content{float:left;width:100%} .faucon-categorie {width:100%;float:left;text-align:center;font-size:20px;text-transform:uppercase;font-weight:700;padding:8px 0;color:#fff;margin-top:14px} .faucon-cat-img{float:left;width:23%;padding-left:5%} .faucon-cat-img img{border-radius:50%;width:111px;margin-top:20px} .faucon-cat-text {float:left;width:70%;font-size:14px;line-height:20px;padding:20px 0.5% 10px 1%} .badColor{background-color:#dd4b39} .mediumColor{background-color:#fda100} .goodColor{background-color:#609006} p.badColor{color:#dd4b39;background:transparent} p.mediumColor{color:#fda100;background:transparent} p.goodColor{color:#609006;background:transparent} .faucon-progress{width:100%;background-color:#e1e1e0;display:none;float:left;margin-top:10px} .faucon-progress-bar {width:0%;height:30px;background-color:#609006;text-align:center;color:#fff;line-height:31px;font-size:14px;font-weight:700} .faucon-wait-message{float:left;width:100%;text-align:center;font-size:16px;display:none} .faucon-wait-message span{display:block} .faucon-global-note {width:100%;float:left;text-align:center} .faucon-global-note h3{font-size:15px;font-weight:700;text-transform:uppercase;margin:0 0 10px 0} .faucon-global-note-global{font-size:102px;font-weight:700;margin-bottom:10px} .faucon-global-note-global span{font-size:35px} .faucon-global-qualitifatif{font-size:24px;font-weight:700;margin-bottom:10px;text-transform:uppercase} .faucon-global-text{font-size:16px;margin-bottom:10px;margin-top:22px;line-height:22px} #faucon-right-column{width:31%;float:right;margin-bottom:15px;margin-top:74px;display:none} #faucon-right-column h3{font-size:20px;text-transform:uppercase;font-family:'Oswald';color:#609006;margin-bottom:15px} .faucon-left-column{/* margin-left:0!important;*/} #agence-left-column.faucon-left-column{float:none} #agence-left-column.faucon-left-results-container{float:left} .faucon-resultat-title{margin-bottom:8px;float:left;width:94%;background:#e1e1e0;padding:10px 3% 10px 3%} .faucon-resultat-content{float:left;width:80%} .faucon-resultat-content .addthis_toolbox{float:left;margin-top:10px} .faucon-resultat-content a span{font-size:16px;text-transform:uppercase;color:#609006;font-weight:700;font-family:Oswald} .faucon-resultat-content a:hover span{color:#70a212} .faucon-resultat-title p{font-size:16px;font-family:Oswald;line-height:20px} .faucon-resultat-title span.number{float:left;margin-right:4%;background:#609006;border-radius:26%;padding:12px 16px;font-size:18px;font-weight:700;color:#fff;display:block} .faucon-resultat-title a{color:#000;font-size:14px;margin-top:10px;display:block;line-height:20px;text-decoration:none} .faucon-resultat-title a:hover{color:#70a212} .faucon-form-obtenez-un-prix{margin-top:10px} .faucon-form-obtenez-un-prix form{margin:0} .faucon-form-obtenez-un-prix label{display:block;font-size:15px;text-transform:uppercase;font-family:Oswald;width:100%;margin-bottom:7px} .faucon-form-obtenez-un-prix input[type='text'],.faucon-form-obtenez-un-prix select {padding:6px;width:100%;border:1px solid #c2c2c2} .faucon-form-obtenez-un-prix input[type='submit']{background:#609006;font-size:14px;text-transform:uppercase;border:none;margin-top:11px;padding:4px 10px;color:#fff;font-family:Oswald} .faucon-form-obtenez-un-prix input[type='submit']:hover{background:#70a212;cursor:pointer} .faucon-form-obtenez-un-prix #faucon-prix input[type='text'], .faucon-form-obtenez-un-prix #faucon-prix select{margin-bottom:10px} .faucon-form-obtenez-un-prix #faucon-prix select{width:107%} #faucon-right-column .addthis_custom_follow a{float:left;margin-right:3%} .faucon-completed{background:#a1e8a1} .faucon-completed-text{color:#609006;font-size:16px;font-weight:700;font-family:'Open Sans', sans-serif;margin-top:4px;display:block} .faucon-completed-number{background:url("../images/faucon/completed.png") center center no-repeat #609006!important;width:10px;height:18px} .faucon_twitter_title{font-size:25px;text-transform:uppercase;font-family:inherit;font-weight:700;color:#609006;margin-bottom:25px} .faucon_twitter_account{float:left;width:30%;display:block;text-decoration:none;color:#000} .faucon_twitter_account img{float:left} .faucon_twitter_account h2{font-size:19px;font-weight:700;font-family:inherit;float:left;width:50%;margin:29px 0 0 10px} .faucon-twitter-left-column{width:90%!important} .faucon-big-container{border-top:none!important} /*Sondage 5 étoile*/ .fivestars_container{float:left;width:100%;padding:40px 0} .fivestars_container h1{font-family:'Oswald';font-size:36px;color:#000;font-weight:400;margin-bottom:30px;text-transform:uppercase} .fivestars_container p{font-family:'open sans';font-size:22px;line-height:30px;margin-bottom:30px} .fivestars_container span.starbtn, .fivestars_container a.starbtn{display:inline-block;padding:15px 20px;font-size:23px;color:#fff;font-weight:700;text-transform:uppercase;margin-right:15px;cursor:pointer;text-decoration:none} .fivestars_container span._5star_oui{background-color:#609006} .fivestars_container a.starbtn{background-color:#6b6b6b} .fivestars_container .ms-boutons{float:left;width:100%;padding-top:45px;display:none} .fivestars_container .ms-boutons a{float:left;margin:0 25px 15px 0} #agence-left-column.faites_un_choix{width:100%;margin-left:0} #agence-left-column.faites_un_choix h1{font-size:40px;text-transform:uppercase} #wrap-h1-agence.faites_un_choix p{font-size:13px;margin-top:10px;line-height:20px} .faites_un_choix_box{width:100%;float:left;margin-top:55px;display:flex;flex-wrap:wrap;margin-bottom:20px} .faites_un_choix_option{width:42%;float:left;padding:0 3% 17px;font-size:30px;font-weight:700;text-align:center;text-transform:uppercase} .faites_un_choix_option.option1{background:#c2c3bf;color:#000;margin-right:4%} .faites_un_choix_option.option1 p{line-height:49px;margin-bottom:37px} .faites_un_choix_option.option2{background:#609006;color:#fff;/* margin-left:-291px;*/} .faites_un_choix_option.option2 p{line-height:53px} .faites_un_choix_option p{font-family:'Oswald', sans-serif;margin-top:11px;font-size:43px} .faites_un_choix_option p span{font-weight:400;text-transform:none;font-family:'Oswald', sans-serif;font-size:32px;display:inline-block;line-height:35px;margin-top:16px} .faites_un_choix_option.option1 p span{margin-top:25px} .faites_un_choix_option a:last-of-type{background:#fff000;color:#000;font-size:21px;padding:12px 4%;margin-top:26px;display:inline-block;text-decoration:none;text-transform:none;font-family:"Oswald";font-weight:400} .faites_un_choix_option p a{font-size:43px!important;margin-top:0!important;background:none!important;font-weight:700!important;text-transform:uppercase!important} .faites_un_choix_option.option2 p a{color:#fff} .faites_un_choix_option img{margin-top:-60px} .addthis_inline_share_toolbox_kbhh{margin:10px 0 25px 0} #wrap-list a.googcert{float:left;margin-top:25px} #wrap-list a.googcert img, #agence-right-column a.googcert img{float:left;width:100%} #agence-right-column h3{font-family:Oswald;font-size:15px;color:#84c10e;font-weight:700;text-transform:uppercase;padding-bottom:5px;border-bottom:dotted 2px #b2b2b2} #agence-right-column a.googcert{float:left;margin-top:14px;margin-bottom:40px} #mainBoxTop_analyse,#mainBoxTop_mission, #mainBoxTop_portfolio { width:95%; } #mainBoxTop_mission{padding:6px 0} /*Etude de cas*/ .edc_line_wrapper{width:100%;float:left;padding:20px 0} .edc_white{background:#fff} .edc_grey{background:#e4e4e4} .edc_container{max-width:1024px;margin:auto} .edc_logo{float:left;border:5px solid #dfdfdf;background:#fff;padding:30px 2% 55px;width:27%;margin-right:3.5%} .edc_logo img{margin-bottom:20px;width:100%;text-align:center} .edc_text{font-size:14px;color:#000;font-family:'Lato';line-height:18px} .edc_client_name{font-size:14px;margin-top:16px;font-family:'Lato'} .edc_client_name span{font-weight:700;font-family:'Lato'} .edc_content h1{margin-top:20px;margin-bottom:10px;float:left} .edc_content h1 a{font-size:37px;font-weight:700;font-family:'Oswald';text-transform:uppercase;text-decoration:none;background:none;color:#000;margin:0;padding:0} .edc_content h1 a:hover{color:#000;text-decoration:none} .edc_title_desc_content{width:80%;float:left} .edc_title_desc{font-family:'Lato';font-size:25px;color:#609006;line-height:28px;float:left;margin-bottom:2px} .edc_content{width:60.5%;float:left} .edc_content a{background:#000;font-family:'Oswald';color:#fff;text-decoration:none;padding:15px;font-size:17px;display:inline-block;margin-top:15px;float:left} .edc_number{font-size:40px;font-family:'Oswald';font-weight:700;display:inline-block;color:#fff;margin-bottom:5px} .edc_number sup{font-size:30px} .edc_number_30{font-size:30px} .edc_number_wrapper{background:#609006;width:93px;padding:10px 5px;float:right;text-align:center;margin-top:21px} .edc_desc{float:left;font-family:'Lato';font-size:16px;line-height:22px;margin-bottom:23px} .edc_txt_12{font-size:13px;color:#fff;font-family:'Oswald';display:inline-block;line-height:17px} .edc_txt_14{font-size:14px;color:#fff;font-family:'Oswald';display:inline-block} .edc_green{background:#609006} .edc_header_left{float:left;width:35%;margin-right:5%} .edc_header_left div, .edcd_etude p{font-size:53px;font-weight:400;font-family:'Oswald';color:#fff;text-transform:uppercase;float:left;padding:30px 0 0} .edcd_etude p{padding:0;font-size:45px;line-height:53px} .edc_header_left span:first-of-type, .edcd_etude p span:first-of-type{font-weight:700;font-family:'Oswald';text-transform:uppercase} .edc_header_left span:last-of-type, .edcd_etude p span:last-of-type{font-weight:400;color:#000;font-size:25px;font-family:'Oswald';text-transform:uppercase;display:inherit;line-height:38px} .edc_ul{width:23%;float:left;margin-right:5%;margin-top:22px} .edc_ul li:before{content:url(../images/edc_fleche_puce.png);float:left;height:14px;margin-top:4px;margin-right:6px} .edc_ul li a{color:#fff;text-decoration:none;font-family:'Lato';font-size:16px} .edc_ul li:hover > a {color:#ffff1e} .edc_ul li:hover:before{content:url(../images/edc_fleche_jaune_puce.png)} .edc_right_ul li:last-of-type:before{content:url(../images/edc_fleche_jaune_puce.png)} .edc_ul li a.edc_optimisez{color:#ffff1e;text-decoration:underline} .edc_ul:last-of-type{margin-right:0%} .edc_ul li{margin-bottom:10px} .edc_right_ul{width:27%} .edc_hidden {display:none} .edc_load_more{margin:auto;width:75%;color:#fff;font-family:'Oswald';font-size:24px;background:#5d9112;text-align:center;padding:20px 0;cursor:pointer} .edcd_left_col{float:left;width:36%} .edcd_etude{background:#609006;float:left;padding:4%;width:92%} .edcd_right_col{float:right;width:60%} .edcd_left_col ul.edc_ul{width:100%} .edcd_right_col h1{font-size:40px;font-family:'Oswald';margin-top:60px;text-transform:uppercase;font-weight:700} .edcd_right_col h2{font-size:25px;color:#609006;font-family:'Lato';margin-bottom:20px;font-weight:400;margin-top:5px} .edcd_right_col h3{font-size:29px;font-family:'Lato';margin-bottom:5px;font-weight:900} .edcd_right_col p{font-size:16px;margin-bottom:22px;line-height:23px;font-family:'Lato'} .edcd_right_col .edc_number_wrapper{width:200px;margin-top:-120px;position:relative} .edcd_right_col .edc_number_wrapper .edc_number{font-size:80px;font-family:'Oswald';font-weight:700;display:inline-block;color:#fff;margin-bottom:5px} .edcd_right_col .edc_number_wrapper .edc_number.edc_number_30{font-size:65px} .edcd_right_col .edc_number_wrapper .edc_txt_12{font-size:24px;line-height:26px} .edcd_right_col .edc_number_wrapper p{line-height:inherit} .edcd_test_text{border-left:4px solid #609006;padding-left:10px;margin-bottom:35px} .edcd_test_text span{font-weight:900;font-family:'Lato';font-size:19px;margin-bottom:5px;display:inline-block;margin-top:-3px} .edcd_test_text p{font-family:'Lato';font-size:16px;margin-bottom:5px} .edcd_test_text p span{font-family:'Lato';font-size:16px;font-weight:700} .edcd_btn{font-size:17px;font-family:'Oswald';padding:20px 15px;color:#fff;text-decoration:none;display:inline-block;} .edcd_btn.edcd_btn_noir{background:#000} .edcd_btn.edcd_btn_vert{background:#609006;float:left;margin-right:10px} .edcd_right_col h4{font-size:29px;font-family:'Lato';font-weight:900;margin-top:20px} .edcd_right_col ul.edcd_results{font-family:'Lato';font-size:21px;margin:20px 0} .edcd_right_col ul.edcd_results li{background:url(../images/check_mark_edc.png) no-repeat left center;padding:0 0 0 28px;margin:0 0 12px 13px} .edcd_right_col p.edcd_phone_number{font-size:22px;font-family:'Oswald';float:left;line-height:26px} .edcd_right_col p.edcd_phone_number span{display:block;font-size:22px;font-family:'Oswald'} .edcd_test{box-sizing:border-box;border:5px solid #d3d4d5;background:#ececec;padding:1%;width:100%;float:left;padding:15px;margin-top:15px} .edcd_test .edcd_white_slider{float:left;width:100%;box-sizing:border-box} .edcd_test .bx-wrapper{background:#fff;padding:15px;position:relative;min-height:140px} .edcd_test .bx-prev, .edcd_test .bx-next{position:absolute;top:50%} .edcd_test .bx-prev{left:-13px} .edcd_test .bx-next{right:-13px} .edcd_test h3{text-align:center;font-family:'Oswald';font-size:25px;text-transform:uppercase;font-weight:400;margin-bottom:10px} .edcd_white_slider p:first-of-type{font-size:14px;font-family:'Lato';line-height:16px} .edcd_white_slider p:last-of-type{font-size:12px;font-family:'Lato';font-weight:700;color:#609006;margin-top:10px} .edcd_test a.edcd_btn{background:#7e7e7e;color:#fff;text-transform:uppercase;padding:10px;font-family:'Oswald';text-decoration:none;font-size:16px;display:inline-block;float:right;margin-top:10px} .edcd_right_col img{width:100%} #edcd_share-option .addthis_toolbox{float:left;width:100%} /********Faucon*********/ .faucon-container{padding:40px 0} /*-------- Page Sondage ----------*/ .uneQuestion{padding:20px;border-top:1px solid #9d9d9d} .uneQuestion:first-of-type{border:none} .uneQuestion .laQuestion{font-size:16px;line-height:18px;margin-bottom:10px} .uneQuestion label{font-size:14px} .uneQuestion .full-col{width:100%;margin-bottom:5px} .uneQuestion .full-col textarea{width:99%} #question1-autre{display:none} #question2{display:none} #question3{display:none} #question4{display:none} #question5{display:none} #annulation-service h1{font-size:30px;font-size:30px;font-family:'Oswald',sans-serif;font-weight:400} /*******Sondage********/ /*Vendeur*/ .header_vendeur{display:none} @media screen and (max-width:1140px){ .container{width:90%} #player{width:60%} #playerTitre{width:35%} } @media screen and (max-width:1050px){ #playerTitre{margin-top:70px} .faucon_form .lesInfos{padding:5%;width:90%} } @media screen and (max-width:1024px){ .edc_header_left{padding-left:2%} .edc_logo{margin-left:2%} } @media screen and (max-width:850px){ #playerTitre h1{font-size:41px;line-height:49px} #playerTitre h1 span{margin-bottom:5px} #playerTitre{margin-top:40px} } @media screen and (max-width:812px){ #player{width:100%} #playerTitre{width:227px;margin:0 auto;float:none;margin-bottom:30px;display:block} .edc_logo{display:none} .edc_text{font-size:20px;line-height:24px} .edc_title_desc_content{width:63%;padding-left:2%} .edc_number_wrapper {width:28%;float:right;text-align:center;padding:10px 2% 15px 2%;margin:0} .edc_number{font-size:90px} .edc_txt_12 {font-size:25px;line-height:29px} .edc_content_wrapper{float:left;width:100%;border-bottom:#ccc 2px dashed;margin-bottom:15px;padding-bottom:5px} .edc_content{width:100%;overflow:hidden;border:#5f9101 5px solid;box-sizing:border-box} .edc_title_desc{text-align:left} .edc_desc{width:96%;float:left;padding:0 2%;margin-bottom:5px} .edc_content a{float:none;margin-top:10px;margin:10px 0 10px 2%} .edc_line_wrapper{padding:10px 2%;width:96%} .edc_grey, .edc_white{background:none} .edc_grey_mobile{background:#e4e4e4} .edc_white_mobile{background:#fff} .edc_number_30{font-size:75px} .edc_header_left{width:100%;float:left} .edc_header_left div{padding:0} .edc_ul{width:40%} .edcd_right_col, .edcd_left_col{width:100%;box-sizing:border-box} .edcd_right_col p.edcd_phone_number{margin-right:43%} } @media screen and (max-width:736px){ .edcd_right_col p.edcd_phone_number{margin-right:40%} } @media screen and (max-width:690px) { .c2a{padding:0 5% 9px 3%} .c2a p{font-size:10px} .c2a p span{font-size:16px} .c2a img{width:80px} } @media screen and (max-width:620px) { .c2a img{width:45px;margin-top:8px} .c2a p{margin-top:20px} .c2a p span{font-size:15px;line-height:22px} .c2a a{margin-top:0;width:220px;font-size:12px} } @media screen and (max-width:600px) { .c2a img{display:none} .c2a > p{visibility:collapse;margin-top:0;margin-bottom:10px} .c2a > p span{visibility:visible} .similar_article .similar_group{flex-wrap:wrap} .similar_article .similar_group a.oneSimilar{width:100%;flex:0 0 auto;text-align:center;margin:5px 0} .similar_article .similar_group a.oneSimilar p{padding:0 15px} .similar_article .similar_group a.oneSimilar img{min-width:274px} } @media screen and (max-width:567px){ .edc_number_wrapper{display:none} .edc_title_desc_content{width:100%;box-sizing:border-box} .edc_title_desc{display:none} .edc_load_more{width:90%} .edc_content{border:none;border-top:5px solid #5f9101} section.edc_line_wrapper:first-of-type .edc_container .edc_content {border:none} section.edc_line_wrapper{padding:0;width:100%} .edc_content_wrapper{border:none;margin:0} .edc_header_left div{font-size:33px} .edc_ul{width:100%} .edc_right_ul{margin-top:0} .edcd_right_col p.edcd_phone_number{width:100%;margin:10px 0} .edcd_right_col p.edcd_phone_number span{display:inline} .edcd_right_col h1{margin-top:10px} .edcd_right_col h3{font-size:27px} } @media screen and (max-width:375px){ .edc_header_left div{font-size:30px} } @media screen and (max-width:320px){ .edc_header_left span:last-of-type{font-size:22px} .edc_header_left div{font-size:25px} .edc_content h1 a{font-size:30px} } /*---------------------------------------------------------------------------------*/ /*--------------------------------PAGE CONTACT-------------------------------------*/ /*---------------------------------------------------------------------------------*/ #agence-left-column form{} .label-input-box{width:48%;float:left;margin-bottom:24px} .box-right-form{margin-left:4%} .label-input-box label{width:100%;color:#000;font-family:'oswald', sans-serif;font-size:22px;font-weight:300;margin-bottom:4px;display:block} .label-input-box label span{color:#609100} .label-input-box input{margin-left:0;width:95%;padding-left:4%;border:1px solid #9d9d9d;color:#666;font-size:1.5em;font-family:'oswald', sans-serif;font-weight:300;height:30px;-webkit-border-radius:3px;border-radius:3px} #boite-soumission{width:96%;padding:16px 2%;float:left;background:#609006;color:#fff;margin-top:15px} #boite-soumission input{width:15px;height:15px;margin-right:15px;border:1px solid #9d9d9d;float:left} #boite-soumission label{font-family:'Oswald', sans-serif;color:#fff;font-weight:700;font-size:1.5em;text-transform:uppercase;float:left;width:80%;margin-top:4px} #soumission-questions{width:91%;float:left;border:1px solid #9d9d9d;border-top:none;padding:20px 4%} .soumission-lbl-inp-box{width:100%;float:left;margin-bottom:24px} .soumission-lbl-inp-box label{width:100%;color:#000;font-family:'oswald', sans-serif;font-size:22px;font-weight:300;margin-bottom:4px;display:block} .soumission-lbl-inp-box label span{color:#609100} .inp-soumiss{margin-left:0;width:95%;padding-left:2%;border:1px solid #9d9d9d;color:#666;font-size:1.5em;font-family:'oswald', sans-serif;font-weight:300;height:30px;-webkit-border-radius:3px;border-radius:3px} .soumission-lbl-inp-box select{margin-left:0;width:97.5%;padding-left:1%;border:1px solid #9d9d9d;color:#666;font-size:1.5em;font-family:'oswald', sans-serif;font-weight:300;-webkit-border-radius:3px;border-radius:3px} .soumission-lbl-inp-box textarea{margin-left:0;width:94.5%;height:100px;border:1px solid #9d9d9d;color:#666;font-size:1.5em;font-family:'oswald', sans-serif;font-weight:300;-webkit-border-radius:3px;border-radius:3px;padding:5px 2%} .soumission-lbl-inp-checkbox{width:100%;float:left;margin-bottom:24px} .soumission-lbl-inp-checkbox label{width:100%;color:#000;font-family:'oswald', sans-serif;font-size:22px;font-weight:300;margin-bottom:4px;display:block} .ttr{font-size:22px;;margin-bottom:13px!important;line-height:1.3em} .services_label{font-size:18px!important;width:auto!important;display:inline!important} .soumission-lbl-inp-checkbox p input{width:12px;height:12px;margin-right:12px;border:1px solid #9d9d9d} .soumission-lbl-inp-checkbox p{font-size:1.3em;font-family:'Oswald',sans-serif;font-weight:400;width:48%;padding-right:2%;float:left;margin-bottom:5px!important} #contact-form-bas{width:100%;float:left;margin-top:20px} .budget-text{display: block;margin-top:5px;font-size:12px;} #faucon-prix .budget-text{margin-top:0;} .soum-lbl-box{width:100%;float:left;margin-bottom:24px} .soum-lbl-box label{width:100%;color:#000;font-family:'oswald', sans-serif;font-size:22px;font-weight:300;margin-bottom:4px;display:block;line-height:1.3em} .newsletter-check label{text-transform:none} .newsletter-check label a{color:#000;text-transform:uppercase;font-family:inherit} .label-width input[type=checkbox]{float:left;margin-right:3%} .label-width label{width:80%;float:left} .soum-lbl-box label span{color:#609100} .soum-lbl-box select{margin-left:0;width:71%;padding-left:1%;border:1px solid #9d9d9d;color:#666;font-size:1.5em;font-family:'oswald', sans-serif;font-weight:300;height:30px;-webkit-border-radius:3px;border-radius:3px} .soum-lbl-box textarea{margin-left:0;width:93%;height:100px;border:1px solid #9d9d9d;color:#666;font-size:1.5em;font-family:'oswald', sans-serif;font-weight:300;-webkit-border-radius:3px;border-radius:3px;padding:5px 2%} #btn-submit-contact{border:none;float:left;/*width:19%;*/ background:#609006;color:#fff;text-align:center;padding:5px 15px;font-family:'oswald', sans-serif;font-size:1.5em;font-weight:300;text-transform:uppercase;margin-right:2%;margin-top:10px} #load_but{float:left;margin-top:8px} #proteger-courriel{font-size:16px;color:#5f5f5f;line-height:1.2em;/*width:75%;*/ float:left;line-height:23px;font-family:'oswald',sans-serif;font-weight:300} #proteger-courriel a{font-size:1em;color:#5f5f5f;line-height:1.2em;text-transform:uppercase;font-family:'oswald',sans-serif;font-weight:300} #proteger-courriel a:link{text-decoration:underline} #proteger-courriel a:visited{text-decoration:underline} #proteger-courriel a:hover{text-decoration:none} #proteger-courriel a:active{text-decoration:none} .newsletter-check label{font-size:18px!important} .intro-contact{font-size:1.6em;line-height:1.6em;margin-top:-15px;font-family:'oswald',sans-serif;font-weight:300;margin-bottom:20px} .intro-soumission{font-size:42px;line-height:60px;margin-top:-15px;font-family:'oswald',sans-serif;font-weight:300;color:#84c10e;margin-bottom:20px} #assitance-contact{width:100%;float:left;margin-bottom:20px} #assitance-contact h3{font-size:1.7em;color:#609006;margin-bottom:10px;padding-bottom:6px;font-weight:700;text-transform:uppercase;border-bottom:2px dotted #b2b2b2;font-family:'Oswald',sans-serif} #assitance-contact p{font-size:1.7em;font-weight:300;text-transform:uppercase;font-family:'oswald',sans-serif;margin-bottom:18px;line-height:1.6em} #assitance-contact p span, #assitance-contact p a{font-weight:700;font-family:'oswald',sans-serif;color:#3c3c3b;text-decoration:none;cursor:default} .errorHighlight{background:#f3a8a7!important} .errorHighlight input::-webkit-input-placeholder{color:#000!important} .errorHighlight span{color:#000!important} /*---------------------------------------------------------------------------------*/ /*----------------------------------PAGE EMPLOIS-----------------------------------*/ /*---------------------------------------------------------------------------------*/ .intro-emploi{font-size:1.5em;line-height:1.6em;margin-top:-15px;font-family:'oswald',sans-serif;font-weight:300} .intro-emploi span{font-size:2em;line-height:1.6em;margin-top:-15px;font-family:'oswald',sans-serif;font-weight:300} .emploi-poste-offert-box{width:77%;margin:20px 0;border:8px solid #b0b0b0;padding:20px 5%;float:left} .emploi-poste-offert-box img{max-width:100%} .emploi-poste-offert-box h3{width:100%;float:left;margin-bottom:20px;color:#73ae00;padding-bottom:9px;text-transform:uppercase;border-bottom:1px solid #73ae00;font-family:"oswald", sans-serif;font-size:2em} .emploi-poste-offert-box p{font-family:'Ubuntu', sans-serif;width:100%;margin-bottom:13px;font-size:1.3em;line-height:1.5em} .emploi-poste-offert-box h4{width:100%;float:left;margin-bottom:10px;color:#000;font-family:"oswald", sans-serif;font-size:1.5em} .emploi-poste-offert-box ul{font-size:1.3em;line-height:1.4em;font-family:'Ubuntu', sans-serif;float:left;width:100%;font-weight:300;list-style:circle;margin-left:5%} .emploi-poste-offert-box ul li{margin-bottom:10px;float:left;width:100%} .contact-form-bas-emploi{width:100%;float:left} #emploi-left-column{width:60%;float:left;margin-left:3%} #emploi-right-column{width:35%;float:right} #emploi-left-column #addthis{width:auto;margin-top:20px} #btn-submit-emplois{border:none;float:left;/*width:19%;*/ background:#8ccc0f;color:#fff;text-align:center;padding:5px 15px;font-family:'oswald', sans-serif;font-size:1.5em;font-weight:300;text-transform:uppercase;margin-right:2%;margin-top:10px} .btn-postuler{border:none;float:left;/*width:19%;*/ background:#8ccc0f;color:#fff;text-align:center;padding:5px 15px;font-family:'oswald', sans-serif;font-size:1.5em;font-weight:300;text-transform:uppercase;margin-right:2%;margin-top:10px;cursor:pointer} .emp-lbl-box input{margin-left:0;width:97%;padding-left:2%;border:1px solid #9d9d9d;color:#666;font-size:1.5em;font-family:'oswald', sans-serif;font-weight:300;height:30px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:10px} .emp-lbl-box label{width:100%;color:#000;font-family:'oswald', sans-serif;font-size:1.5em;font-weight:300;text-transform:uppercase;margin-bottom:4px;display:block} /*---------------------------------------------------------------------------------*/ /*----------------------------------PAGE 404---------------------------------------*/ /*---------------------------------------------------------------------------------*/ #infinte-container-404{width:100%;float:left} #container-404{max-width:1000px;margin:auto} #left-shadow-404{width:3%;float:left;background:url(../images/bg-left-shadow-404.jpg) no-repeat right center;min-height:700px} #right-shadow-404{width:3%;float:left;background:url(../images/bg-right-shadow-404.jpg) no-repeat left center;min-height:700px} #content-404{width:94%;float:left;padding-top:47px} #nav-404{width:89%;float:left;padding:0 5.5%;background:url(../images/bg_navigation_template.png)} #nav-404 a{float:left;padding:0 2%;background:#fff;display:block;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:300;text-transform:uppercase;border-top:none;border-right:1px solid #999;border-bottom:none;border-left:1px solid #CCC;font-size:1.8em;color:#000} #left-column-404{margin-left:6%;width:41%;float:left;margin-top:112px} #left-column-404 h1{color:#8bcb0f;font-size:8em;line-height:.5em;font-family:'Oswald',sans-serif;font-weight:700;margin-bottom:22px;text-transform:uppercase} #left-column-404 h1 span{color:#2b262a;font-size:.44em;font-family:'Oswald',sans-serif;font-weight:300;text-transform:uppercase} #left-column-404 p{color:#2b262a;font-size:1.6em;line-height:1.3em;margin-bottom:17px;text-transform:uppercase;font-family:'Oswald',sans-serif;font-weight:300} #left-column-404 p span, #left-column-404 p a{color:#8bcb0f;font-size:1em;line-height:1.8em;margin-bottom:30px;text-transform:uppercase;font-family:'Oswald',sans-serif;font-weight:300} #right-column-404{width:46%;float:right;margin-top:40px} #right-column-404 img{width:100%;float:left} #footer-404{width:100%;float:left;background:url(../images/bg-footer-404.png) no-repeat center top;text-align:center;padding:20px 0} .temoignage-audio-box{width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #609006} .temoignage-audio-box iframe.video{width:100%!important;max-width:640px} .temoignage-audio-box p{font-size:22px;font-family:'Oswald',sans-serif;font-weight:300;margin-bottom:10px} /*-------------------------------fin PAGE 404-----------------------------------*/ @media screen and (max-width:600px) { .portfolio-box-wrap{width:45%} #wrapBoxes_contentBoxes section p.mainBoxAccueil_textDesc_prix{width:40%;float:left} #bouton-vendeurs{display:none} } @media screen and (max-width:480px) { .portfolio-box-wrap{width:90%} .portfolio-box-wrap-mobile{width:70%;margin-left:15%} #bouton-vendeurs{display:none} /*--------------------------------PAGE 404-------------------------------------*/ #right-column-404{display:none} #left-column-404{margin:0 6%;width:88%;float:left;margin-top:42px} #left-column-404 h1 span{font-size:.4em} #right-shadow-404, #left-shadow-404{height:500px} } @media screen and (max-width:1030px) { .clients-c2a a span{display:none} .bot_mainServices_content h2{font-size:2.2em} #logo-yannick{margin:20px 2.3% 0 2%} .header_make_choice{width:70%} .header_make_choice p{font-size:13px;width:60%} .header_make_choice p span{font-size:34px} .header_make_choice_start{width:39.5%} nav{width:100%} .nav_2017 nav ul{width:777px;float:none;margin:0 auto;display:block} nav a{padding:0 1.05%} .over_header_wrap{width:100%} } @media screen and (max-width:950px) { .c2a p{font-size:11px} .c2a p span{font-size:22px} .faucon_form .question{width:79%;min-width:60%} .header_make_choice_start a{font-size:17px} .header_make_choice_start{width:33.5%} .header_make_choice p{width:66%} .header_make_choice{width:77%} .header_make_choice-mobile{display:none} } @media screen and (max-width:800px) { .c2a p span{font-size:18px} .header_make_choice p{font-size:11px;width:63%} .header_make_choice p span{font-size:30px} .header_make_choice_start{padding:44px 0;width:36.5%} #logo-yannick img{width:100%} } @media screen and (max-width:720px){ .over_header{display:none} .nav_2017{padding:0;background:none;display:none} .nav_2017 nav{display:none} .nav_2017 nav ul{width:100%;float:left} .nav_2017 nav ul li a{border-right:none;padding:15px 0;width:100%;border-top:1px solid #999} .header_make_choice{width:100%;border-lefT:none;border-right:none;margin-top:0} #nav-mobile{display:block} #nav-mobile{float:right;text-align:right;background:#a7a7a7;padding:12px 120px 12px 12px;font-size:2.5em;width:167px;display:block;font-family:'Oswald', sans-serif;font-weight:300;text-decoration:none;color:#fff;position:relative;margin-top:5px;clear:right} #nav-mobile a{color:inherit;font-size:inherit;font-family:inherit;text-decoration:none;font-weight:inherit;font-size:42px} .icon-3lignes {font-size:1.3em;position:absolute;bottom:6%;right:0;color:#fff;display:block} #logo-yannick{width:136px} .header-mobile-tel{display:block;float:right;font-size:42px;font-family:"Oswald", sans-serif;margin:30px 2% 0 0} .header-mobile-tel a{font-family:"Oswald", sans-serif;color:#000;text-decoration:none} .fivestars_container h1{font-size:30px} .fivestars_container p{font-size:20px;line-height:26px} .fivestars_container span.starbtn, .fivestars_container a.starbtn{padding:11px 23px} .header_vendeur{width:100%;background:#0c509c;text-align:center;display:block;float:left;padding:30px 0px} .header_vendeur p{color:#fff;font-size:21px;margin-bottom:10px;float:none} .header_vendeur a{font-size:25px;font-weight:700;font-family:'Oswald', sans-serif;background:#fff;border-radius:10px;text-transform:uppercase;color:#000;text-decoration:none;padding:8px 13px;display:inline-block;margin:0 15px} } @media screen and (max-width:600px){ #player{display:none} #playerTitre{display:none} .header_make_choice p{width:100%;font-size:18px;padding:20px 0} .header_make_choice p span{font-size:47px} .header_make_choice_start{width:100%;padding:26px 0;border:none} .header_make_choice_start a{font-size:28px} } @media screen and (max-width:540px){ .header_make_choice p{font-size:16px} .header_make_choice p span{font-size:41px} } @media screen and (max-width:480px){ .header_make_choice p{font-size:14px} .header_make_choice p span{font-size:35px} } @media screen and (max-width:440px){ #logo-yannick{width:100px} .header-mobile-tel{font-size:32px} #nav-mobile a{font-size:32px} .icon-3lignes{font-size:1.6em} #nav-mobile{width:110px;padding-right:80px} .fivestars_container h1{font-size:25px;line-height:30px} .fivestars_container p{font-size:18px;line-height:24px} } @media screen and (max-width:420px){ .header_make_choice p{font-size:12px} .header_make_choice p span{font-size:29px} } @media screen and (max-width:340px){ .header_make_choice p{font-size:11px} .header_make_choice p span{font-size:26px} } @media screen and (max-width:775px) { .temoignage-c2a{display:none} #mainBoxTop_analyse, #mainBoxTop_mission, #mainBoxTop_portfolio, #mainBoxTop_services{width:32%} #mainBoxTop_mission{padding:20px 0} #mainBoxTop_portfolio{padding:20px 0} #mainBoxTop_obtenir{padding:10px 15px} } @media screen and (max-width:815px) { #agence-left-column{width:90%} .faucon_form{width:99.6%} .faucon-left-column{width:100%!important} #wrap-h1-agence h1 span.faucon-span{font-size:23px} .faucon-global-text{font-size:13px;margin-top:9px} .faucon-global-note-global{font-size:70px} .faucon-cat-img{display:none} .faucon-cat-text{width:100%} #faucon-right-column{float:left;width:100%;margin-top:10px} .faites_un_choix_option{width:94%;margin:0} .faites_un_choix_option.option1{margin:0 0 22px 0} .faites_un_choix_option img{display:none} .faites_un_choix_box{margin-top:10px} .nous_avons{font-size:5em} #mainBoxTop_analyse, #mainBoxTop_mission, #mainBoxTop_portfolio, #mainBoxTop_services{width:31%} #wrapBoxes_contentBoxes section p, #mainContentServices_containerServices section p{font-size:1.2em} #mainBoxTop_mission img{width:50%} .icon-volume-up{font-size:4em;padding:2px 0} } @media screen and (max-width:815px) { /*HEADER*/ nav{/* width:600px;*/} nav a{font-size:1.6em;padding:0 0.98%} nav li:first-of-type a{padding-left:0;border-left:none} .nav_2017 nav ul{width:690px} .nav_2017{margin-top:15px} .nav_web_analysis a{font-size:1.6em} .shadow{ display:none} .nav_2017 .nav_web_analysis{width:34%} /*INDEX*/ #wrapBoxes_contentBoxes section{width:39%;min-height:60px;margin:0 2.5%} .mainBoxTop_greenIcon{margin:0;width:20%;float:left;margin-right:3%} .containerServices_boiteAccueil{display:none} #wrapBoxes_contentBoxes section h1{margin-top:0} #wrapBoxes_contentBoxes section h1, #wrapBoxes_contentBoxes section h2.main_titre{font-size:35px;width:56%;display:block;text-align:left;margin-top:5px;float:left} #wrapBoxes_contentBoxes section{margin-bottom:20px} #wrapBoxes_contentBoxes section p{float:left;width:100%} #mainBoxTop_obtenir{width:25%;margin-right:10px!important} #mainBoxTop_obtenir img{width:80%;margin-top:11px} #title_obtenir_prix{width:65%;float:left} #wrapBoxes_contentBoxes section h1border{display:none} #wrapBoxes_contentBoxes section p_prix{display:none} .icon-twitter-bird{font-size:3em} #mainContentServices_containerServices section{display:none} .containerServices_boiteService{width:29%} .bot_mainServices_content h2{font-size:2.4em} .mainBoxTop_titleborder{display:none} #wrapBoxes_contentBoxes section h1, #obtenir-un-prix024, #wrapBoxes_contentBoxes section h1 a, #mainContentServices_containerServices section h1 , h2.main_titre a, h2.main_titre{ margin-top:0em; } /*FOOTER*/ #wrap-form h1{padding-top:0px} .btn_soumettre_soumission{width:90%;margin-bottom:15px} .btn_soumission_avancee{width:90%} #wrap-form_bottom{width:95.8%} #form_ville{width:100%!important;margin-bottom:14px!important} #form_budjet{width:100%!important;margin-bottom:14px!important;margin-left:0!important} #form_courriel{width:100%!important;margin-bottom:14px!important} #form_telephone{width:100%!important;margin-bottom:14px!important;margin-left:0!important} #wrap-form h1{font-size:1.8em;padding-left:20%} .service-more-info{width:100%} #title-exemple-projet{width:80%;font-size:1.6em} .service-det-box-wrap{width:76%} #share-option{width:100%;margin-left:20%} #title-exemple-projet{margin-left:20%} #exemple-all-boxes{margin-left:20%} #left-column-404 h1{line-height:1.1em} #left-column-404 h1 span{font-size:.4em} #left-column-404{width:55%} #right-column-404{width:35%} /* **************** PAGE CLIENTS *************** */ #clients-trier-par{width:98%;float:left;margin-bottom:15px;background:url(../images/bg_navigation_template.png);padding:8px 1%} #clients-trier-par h2{width:31%;padding:7px 1%;float:left;font-size:1.8em;font-weight:400;text-transform:uppercase;background:#fff;margin-right:1.5%;font-family:'Oswald',sans-serif;border:2px solid #000} #clients-trier-par select{width:31%;padding:2px 1%;float:left;font-size:1.8em;margin-top:0;font-weight:400;text-transform:uppercase;background:#fff;margin-right:1.5%;font-family:'Oswald',sans-serif;border:2px solid #000} .titre-categorie-region{width:98%;float:left;padding:0 1%;background:url(../images/bg_portfolio_template.png);font-size:1.8em;color:#0b0b0b;font-family:'Oswald',sans-serif;font-weight:300;margin:15px 0} .titre-categorie-region span{padding:0 1%;background:#fff;width:auto;font-family:'Oswald',sans-serif;font-weight:300;text-transform:uppercase} .Gallery{height:70px} .client-box-wrap{width:100%;float:left;padding:0 1% 0 2%;margin-bottom:20px} .client-thumb{width:29%;float:left;margin-right:0.2%} .client-thumb img{width:100%;border:2px solid #bdbdbd} .client-nom{width:66%;float:right;margin-top:0px} .client-nom p, .client-nom span{font-size:1.25em;color:#3c3c3b;font-family:'Ubuntu',sans-serif;font-weight:400;text-decoration:none} .clients-c2a a span{display:none} /*---------------------------------------------------------------------------------*/ /*--------------------------------PAGE CONTACT-------------------------------------*/ /*---------------------------------------------------------------------------------*/ .label-input-box{width:100%;float:left;margin-bottom:17px} .box-right-form{margin-left:0%} #boite-soumission{width:96%;padding:16px 2%;float:left;background:#609006;color:#fff;margin-top:15px} #boite-soumission input{width:15px;height:15px;margin-right:15px;border:1px solid #9d9d9d;float:left} #boite-soumission label{font-family:'Oswald', sans-serif;font-weight:700;font-size:1.5em;color:#fff;text-transform:uppercase;float:left;width:80%;margin-top:4px;line-height:1.1em} #soumission-questions{width:91%;float:left;border:1px solid #9d9d9d;border-top:none;padding:20px 4%} .soumission-lbl-inp-box{width:100%;float:left;margin-bottom:24px} .inp-soumiss{margin-left:0;width:95%;padding-left:2%;border:1px solid #9d9d9d;color:#666;font-size:1.5em;font-family:'oswald', sans-serif;font-weight:300;height:30px;-webkit-border-radius:3px;border-radius:3px} .soumission-lbl-inp-checkbox p{font-size:1.3em;font-family:'Oswald',sans-serif;font-weight:400;width:98%;padding-right:2%;float:left;margin-bottom:6px} /* PAGE SERVICE */ .service-box-wrap p{/*min-height:150px;*/} .service-image-title h2{font-size:1.1em} #twitter_feed{float:left;width:100%;margin-top:-6px;text-align:left} #wrapBoxes_contentBoxes section{height:175px} #wrapBoxes_contentBoxes section h1 , #wrapBoxes_contentBoxes section h2{font-size:3em!important;line-height:1.2em} .exemple-all-boxes-services h2 a{font-size:0.8em!important} #right_column_servDet{display:none} #left_column_servDet{width:95%} /*PAGE EMPLOI */ #agence-right-column{display:none} #emploi-left-column{width:100%;float:left;margin-left:3%} #emploi-right-column{display:none} .faucon_form .question, .faucon_form .childContainer .row .question{width:84%} } @media screen and (max-width:600px) { /*HEADER*/ #logo-yannick{margin-top:30px;margin-bottom:22PX} #wrap-number-social-language{margin-bottom:20px} #wrap-number-social-language p{margin-right:0%;margin-top:10px} nav{display:none} #wrap-header-social .youtube{ margin-left:17px; margin-top:5px; margin-right:20px; } #wrap-header-social { width:21%; } #deco-slider-border{background:url(../images/boite_top_accueil_shadow-600.png) repeat-x center top;background-size:100% auto} /*CONTENT-HOME*/ #layerslider{display:none} #slider-wrap-content{background:none} #deco-slider-gradient{display:none} #infinite_wrapBoxes{/* margin-top:-32px;*/} #contentBoxes_mainBoxTop-services-600{display:block} #wrapBoxes_contentBoxes section{width:88%;min-height:auto;padding:2% 0% 3% 2%} h1 #wrapBoxes_contentBoxes section h1_hidden{display:none} #wrapBoxes_contentBoxes section p{width:75%;margin-top:10px;margin-bottom:0;font-size:1.5em;float:right;line-height:1.2em} .mainBoxTop_greenIcon{padding:5px 0} #contentBoxes_mainBoxTop-twitter-600{display:none} #obtenir-un-prix-600{ text-decoration:none; text-transform:uppercase; background:none; /*-webkit-background-clip:text; -webkit-text-fill-color:transparent;*/ font-family:'Oswald', sans-serif;font-weight:700; margin-top:-7px!important; display:block; margin-top:0; } .mainBoxTop_titleborder {display:none} nav{ width:169%; background:none; margin-top:35px; display:none; } nav ul{ width:85px; margin:35px auto; } nav li{ } nav a{ float:none; border:none; background:none; margin-bottom:20px; font-size:2em; } nav ul{text-align:center;width:100%;border-top:1px solid #999} nav li{width:100%;padding:15px 0 0;border-bottom:1px solid #999} nav a{float:none;border:none;background:none;padding:0;font-size:2em;width:100%} #wrapBoxes_contentBoxes section h1 { padding-bottom:20px; } #wrapBoxes_contentBoxes section p_prix{display:none} #wrapBoxes_contentBoxes section h1{width:60%} #mainBoxTop_obtenir{padding:16px 0} #infinite_wrapBoxes{padding-bottom:0px} .bot_mainServices_content h2{font-size:2.1em} /*FOOTER*/ #wrap-background-footer{padding-bottom:0} #wrap-form-social-number{display:none} #footer_texture_left{width:100%} #footer_medias_sociaux-600{width:91%;display:block;text-align:center;padding:10px 0;background:#444;margin-top:10px;float:left;padding-left:8%} #footer_medias_sociaux-600 img{width:7%;float:left;margin:10px 3%} #footer_date_legal_cont{width:75%;float:left} #footer_containerFonce img{width:15%;margin-bottom:10px} #footer_containerFonce p, #footer_containerFonce a{ margin-top:30px} #obtenir-un-prix024{display:none} #wrap-background-footer > #footer > #logos-sitemap { width:100%; } .service-box-wrap{width:45%;margin:0 2.5% 45px 2.5%} #wrap-h1-template h1{margin-left:2.5%} #infinte_contentTemplate{display:none} #bg-deco-temp{padding:30px 0;margin-top:-30px} #right_column_servDet{display:none} #left_column_servDet{width:96%} #left-column-404{width:85%} #right-column-404{display:none} /* **************** PAGE AGENCE *************** */ #agence-right-column{display:none} #agence-left-column{width:100%} /* **************** PAGE NOUVELLE ************** */ .nouvelle-box p{margin-top:10px;width:auto;float:none;/*margin-bottom:18px;margin-right:4%;width:54%;*/} /* **************** PAGE CLIENTS *************** */ #clients-trier-par{width:98%;float:left;margin-bottom:15px;background:url(../images/bg_navigation_template.png);padding:8px 1%} #clients-trier-par h2{width:31%;padding:7px 1%;float:left;font-size:1.3em;font-weight:400;text-transform:uppercase;background:#fff;margin-right:1.5%;font-family:'Oswald',sans-serif;border:2px solid #000} #clients-trier-par select{width:31%;padding:2px 1%;float:left;font-size:1.3em;margin-top:0;font-weight:400;text-transform:uppercase;background:#fff;margin-right:1.5%;font-family:'Oswald',sans-serif;border:2px solid #000} .titre-categorie-region{width:98%;float:left;padding:0 1%;background:url(../images/bg_portfolio_template.png);font-size:1.8em;color:#0b0b0b;font-family:'Oswald',sans-serif;font-weight:300;margin:15px 0} .titre-categorie-region span{padding:0 1%;background:#fff;width:auto;font-family:'Oswald',sans-serif;font-weight:300;text-transform:uppercase} .Gallery{height:100px} .client-box-wrap{width:97%;float:left;padding:0 1% 0 2%;margin-bottom:20px} .client-thumb{width:50%;float:none;margin-right:0.2%;margin-left:25%} .client-thumb img{width:100%;border:2px solid #bdbdbd} .client-nom{width:100%;float:none;margin-top:5px;text-align:center} .client-nom p, .client-nom span{font-size:1.25em;color:#3c3c3b;font-family:'Ubuntu',sans-serif;font-weight:400;text-decoration:none} .temoignage-c2a{width:100%;float:left;margin:25px 0} .temoignage{width:98%;float:left;background:url(../images/bg_navigation_template.png);padding:8px 1% 21px;margin-bottom:15px} .temoignage h3{background:#fff;font-size:2.2em;color:#606060;font-family:'Oswald',sans-serif;font-weight:400;padding:10px 1%;text-transform:uppercase;line-height:1.3em} .temoignage span{background:#fff;font-size:1.4em;color:#76b509;font-family:'Oswald',sans-serif;font-weight:400;padding:10px 1%;text-transform:uppercase} .clients-c2a{width:95%;float:left;background:url(../images/bg-green-paper.jpg);padding:12px 2.5%} .clients-c2a a{font-size:3.4em;color:#000;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:700;background:none;text-transform:uppercase} .clients-c2a a span{font-size:.6em;color:#fff;text-decoration:none;font-family:'Oswald',sans-serif;font-weight:700;line-height:0;display:block;float:right;margin-top:-11px} .c2a-br{display:none} .c2a-no-br{display:block} /* PAGE SERVICE */ .service-box-wrap p{/*min-height:110px;*/} .service-image-title h2{min-height:0} .clear-double{display:block} .clear-triple{display:none} #wrap-h1-agence h1 span{font-size:0.4em;color:#929391;display:block} .faucon_form .question, .faucon_form .childContainer .row .question{width:89%} .faucon_form .col, .faucon_form .half-col{width:100%} .faucon_form .col input[type='text'], .faucon_form .half-col input[type='text']{width:85%} .faucon_form .laReponse:nth-child(odd){display:none} } @media screen and (max-width:480px) { header{background:none;padding-bottom:20px} #wrap-header-social{display:none} #langue-link-600{display:none} #wrap-number-social-language{ Width:100%} #wrap-number-social-language p{font-size:1.8em;width:100%;margin:0px} #langue-link {display:none; } nav{width:100%;background:none;margin:0;display:none} nav ul{text-align:center;border-top:1px solid #999} .nav_2017 nav ul{width:100%;margin-bottom:17px} nav li{width:100%;padding:15px 0 0;border-bottom:1px solid #999} nav a{float:none;border:none;background:none;padding:0;font-size:2em;width:100%} nav li.english_menu{display:block} .mainBoxTop_titleborder{display:none} .analyse_web_btn a:link{color:#609006} .analyse_web_btn{display:block;background:#609006} .analyse_web_btn a span{font-weight:700;color:#fff} .nav_2017{background:none} .nav_web_analysis{display:none} nav a.left_barre{padding-left:0} nav a.tel{padding-right:0} #wrapBoxes_contentBoxes section h1, #obtenir-un-prix024, #wrapBoxes_contentBoxes section h1 a,h2.main_titre a, h2.main_titre{-webkit-text-fill-color:black;padding-top:4px;margin-top:-7px} #obtenir-un-prix-600{-webkit-text-fill-color:black; } #wrapBoxes_contentBoxes section p{display:none} #wrapBoxes_contentBoxes section h1{background:none} a#wrapBoxes_contentBoxes section h1 a{background:none;color:#000} #wrapBoxes_contentBoxes section h1, a#wrapBoxes_contentBoxes section h1 a h1{color:#000;background:none} #wrapBoxes_contentBoxes section h1{display:block;color:#000;margin-top:3px} .mainBoxTop_greenIcon{padding:0} #services_wrapServices{display:none} .list{display:none} .badge-partner{border:none;float:none;margin:0 auto} #footer_familleYN{margin-bottom:0} #mainBoxTop_obtenir{padding:4px 0} #boite-obtenir-prix-accueil-mobile{margin-bottom:0} #footer_date_legal_cont{margin-bottom:12px} #footer_containerFonce p, #footer_containerFonce a{margin-top:20px} #wrapBoxes_contentBoxes section{min-height:-24px;height:auto} #wrap-number-social-language .tel {font-size:2.5em;float:right} .nouvelle-box p{display:none} .wrap-news-img{width:25%} .nouvelle-box h2 a{font-size:1em;font-weight:700} .bloc-nouvelles-title-wrap{width:73%} .wrap-news-img-detail{width:94%} .wrap-news-img-detail img{width:100%} .news-img-gray-tri, .news-img-white-tri{display:none} #addthis{width:100%;text-align:center} #news_details p span, #news_details p{float:left;width:94%} #wrap-h1-agence h1{width:94%;font-size:2em} .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m{width:92px;padding:0} .addthis_button_pinterest_pinit{width:50px!important} .footer_facebook_a { float:left; background-color:#0A66B4; margin-right:11px; padding:10px; padding-left:13px; padding-right:13px; padding-bottom:7px; text-shadow:1px 1px 1px #000; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:4px;/* future proofing */ -khtml-border-radius:2px;/* for old Konqueror browsers */ -moz-box-shadow:inset 0 0 5px #FFFFFF; -webkit-box-shadow:inset 0 0 5px #FFFFFF; box-shadow:inset 0 0 5px #FFFFFF; } .footerTwitter { font-size:2em!important; color:white; } .footer_twitter_a { float:left; background-color:#11a0db; margin-right:11px; padding-left:3px} .service-box-wrap{width:95%} .service-image-title h2 a{font-size:2em} .service-box-wrap p{display:none} a.service-more-info{display:none} #wrap-h1-template h1{width:92%} /* **************** PAGE CLIENTS *************** */ .Gallery{height:110px} #clients-trier-par{width:98%;float:left;margin-bottom:15px;background:url(../images/bg_navigation_template.png);padding:8px 1%} #clients-trier-par h2{width:35%;padding:6px 3% 6px 1%;float:left;font-size:1.1em;font-weight:400;text-transform:uppercase;background:#fff;margin-right:1.5%;font-family:'Oswald',sans-serif;border:2px solid #000} #clients-trier-par select{width:36%;/*padding:5px 1%;*/ height:27px;float:left;font-size:1.1em;margin-top:0;font-weight:400;text-transform:uppercase;background:#fff;margin-right:1.5%;font-family:'Oswald',sans-serif;border:2px solid #000} .titre-categorie-region{width:98%;float:left;padding:0 1%;background:url(../images/bg_portfolio_template.png);font-size:1.8em;color:#0b0b0b;font-family:'Oswald',sans-serif;font-weight:300;margin:15px 0} .titre-categorie-region span{padding:0 1%;background:#fff;width:auto;font-family:'Oswald',sans-serif;font-weight:300;text-transform:uppercase} .client-box-wrap{width:97%;float:left;padding:0 1% 4px 2%;margin-bottom:20px;border-bottom:1px solid #CCC} .client-thumb{width:50%;float:none;margin-right:0.2%} .client-thumb img{width:100%;border:2px solid #bdbdbd} .client-nom{width:100%;float:none;margin-top:5px;text-align:center} .client-nom p, .client-nom span{font-size:1.20em;color:#3c3c3b;font-family:'Ubuntu',sans-serif;font-weight:400;text-decoration:none} .clients-c2a{display:none} /* PAGE SERVICE */ .service-image-title h2{min-height:0} /*PAGE TÉMOIGNAGE*/ #wrap-temoignage-3 h1{/*background:-webkit-gradient(linear, left top, left bottom, from(#424242), to(#030303)); -webkit-background-clip:text; -webkit-text-fill-color:transparent;*/ font-family:'Oswald', sans-serif;font-weight:300; width:50%;font-size:2.3em; border-top:none;border-right:none;border-bottom:2px dotted #8ccc0f;border-left:none; padding-bottom:5px; text-transform:uppercase;margin-bottom:20px} #wrap-temoignage-3 .temoignage{float:left;width:100%;margin-top:7px;border-bottom:solid 3px #609006;background:none;padding:0} #wrap-temoignage-3 .temoignage p.quote{float:left;width:95%;font-family:Oswald;color:#000;font-size:1.4em;line-height:1.6em} #wrap-temoignage-3 .temoignage p.personne{float:left;width:100%;font-family:Ubuntu;color:#3c3c3b;font-size:1.1em;line-height:1.3em;margin-bottom:7px} #wrap-h1-agence h1 span{font-size:0.8em;color:#929391;display:block} /*#logos-yannick a{float:left;margin:5px 5%;width:40%} #logos-yannick a img{float:left;/*height:116px}*/ .faucon_form .question{width:86%} } @media screen and (min-width:600px) { nav {/* display:block!important;*/} } .news_title {margin:10px 0px;padding:10px 0px;height:20px;float:left;width:99%} .news_title_text{width:585px;float:right} .news_list_title{float:left;width:80%;margin:15px 0px 10px 10px;font-family:Montserrat;font-size:23px;color:#0d0d0d} .news_list{float:left;width:100%;border-bottom:solid 1px #747474} .news_list_mod{float:right;width:auto;height:46px;padding-top:14px;margin-right:10px} /* **************** PAGE CONFIDENTIALITÉ, LEGAL, MERCI **************** */ #privacy h3, #privacy p, #privacy h6 { font-size:1.2em; margin:0 0 20px 0; line-height:1.5em; } #privacy h3{ font-size:1.8em; } #legal h2, #legal h3, #legal p{ font-size:1.2em; margin:0 0 20px 0; line-height:1.5em; } #legal h2{ font-size:1.8em; } #legal h3{ font-size:1.5em; } .clear{clear:both} .ls-layer{position:relative} .ls-layer_a{display:block;width:100%;height:100%;position:absolute;z-index:9999;background:url(../images/transparent.png) repeat} /*twitter*/ #twitter-feed h3 { color:#5F5F5F; margin:0px; padding:9px 0px 9px 0px; font-size:18px; font-weight:lighter; } .twitter-article, #loading-container { width:100%; /*border-top:1px dotted #CCC;*/ float:left; padding:18px 0px 8px 0px; } #loading-container { padding:16px 0px 16px 0px; text-align:center; } .twitter-pic { float:left; } .twitter-pic img { float:left; border-radius:7px; border:none; } img { border:none; } .twitter-text p { margin:0px!important; line-height:15px!important; } .twitter-text p a{ color:#8acb0f!important; } .twitter-text a, h1 a { color:#00acee; text-decoration:none; } .twitter-text a:hover, h1 a:hover { text-decoration:underline; color:#00acee; } .twitter-text { width:95%; float:left; font-size:10px; padding-left:11px; } .home-twitter-icon-link{ padding:7px 0px!important; display:block; } .home-twitter-icon-link img{ width:83px; display:block; margin:auto; } .tweet-time { font-size:10px; color:#878787; float:right; } .tweet-time a, .tweet-time a:hover { color:#878787; } .tweetprofilelink a { color:#8acb0f!important; } .tweetprofilelink a:hover { color:#8acb0f!important; } .backlink { font-size:11px; text-align:center; } .backlink a { color:#aaa; } p.pinfolettre{ float:left;width:100%; } /*! Pushy - v1.1.0 - 2017-1-30 * Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions. * https://github.com/christophery/pushy/ * by Christopher Yee */ /* Menu Appearance */ .pushy { position:fixed; width:200px; height:100%; top:0; z-index:9999; background:#a7a7a7; overflow:auto; -webkit-overflow-scrolling:touch; /* enables momentum scrolling in iOS overflow elements */ } .pushy a { display:block; color:#000; padding:15px 30px; text-decoration:none; font-size:13px; text-transform:uppercase; } .pushy a:hover { color:#FFF; } .pushy ul:first-child { margin-top:10px; } .pushy.pushy-left { left:0; } .pushy.pushy-right { right:0; } .pushy-content { visibility:hidden; } /* Menu Movement */ .pushy-left { -webkit-transform:translate3d(-200px, 0, 0); -ms-transform:translate3d(-200px, 0, 0); transform:translate3d(-200px, 0, 0); } .pushy-open-left #container, .pushy-open-left .push { -webkit-transform:translate3d(200px, 0, 0); -ms-transform:translate3d(200px, 0, 0); transform:translate3d(200px, 0, 0); } .pushy-right { -webkit-transform:translate3d(200px, 0, 0); -ms-transform:translate3d(200px, 0, 0); transform:translate3d(200px, 0, 0); } .pushy-open-right #container, .pushy-open-right .push { -webkit-transform:translate3d(-200px, 0, 0); -ms-transform:translate3d(-200px, 0, 0); transform:translate3d(-200px, 0, 0); } .pushy-open-left .pushy, .pushy-open-right .pushy { -webkit-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); } .pushy-open-left .pushy-content, .pushy-open-right .pushy-content { visibility:visible; } /* Menu Transitions */ #container, .pushy, .push { transition:transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } .pushy-content { transition:visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } /* Site Overlay */ .site-overlay { display:none; } .pushy-open-left .site-overlay, .pushy-open-right .site-overlay { display:block; position:fixed; top:0; right:0; bottom:0; left:0; z-index:9998; background-color:rgba(0, 0, 0, 0.5); -webkit-animation:fade 500ms; animation:fade 500ms; } @keyframes fade { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fade { 0% { opacity:0; } 100% { opacity:1; } } /* Submenu Appearance */ .pushy-submenu { /* Submenu Buttons */ /* Submenu Icon */ } .pushy-submenu ul { padding-left:15px; transition:max-height 0.2s ease-in-out, visibility 0.2s ease-in-out; } .pushy-submenu ul .pushy-link { transition:opacity 0.2s ease-in-out; } .pushy-submenu button { width:100%; color:#b3b3b1; padding:15px 30px; text-align:left; background:transparent; border:0; } .pushy-submenu button:hover { color:#FFF; } .pushy-submenu > a, .pushy-submenu > button { position:relative; } .pushy-submenu > a::after, .pushy-submenu > button::after { content:''; display:block; height:11px; width:8px; position:absolute; top:50%; right:15px; background:url("../img/arrow.svg") no-repeat; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); transition:transform 0.2s; } /* Submenu Movement */ .pushy-submenu-closed ul { max-height:0; overflow:hidden; visibility:hidden; } .pushy-submenu-closed .pushy-link { opacity:0; } .pushy-submenu-open { /* Submenu Icon */ } .pushy-submenu-open ul { max-height:1000px; visibility:visible; } .pushy-submenu-open .pushy-link { opacity:1; } .pushy-submenu-open a::after, .pushy-submenu-open button::after { -webkit-transform:translateY(-50%) rotate(90deg); -ms-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg); } /** VARIABLES ===================================*/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } /** THEME ===================================*/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url('../projet_template_script/plugins/images/bxslider/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url('../projet_template_script/plugins/images/bxslider/controls.png') no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url('../projet_template_script/plugins/images/bxslider/controls.png') no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('../projet_template_script/plugins/images/bxslider/controls.png') -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('../projet_template_script/plugins/images/bxslider/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } /*# sourceMappingURL=pushy.css.map */ .services_container { counter-reset: etape; } .services_container p { margin: 1.2em 0; } .services_container h2.green { background: #609006; color: #fff; font: 500 30px/1.5em "Oswald", sans-serif !important; margin-left: -100vw; padding: 13px 0 13px 100vw; text-transform: uppercase; } @media screen and (max-width: 575.98px) { .services_container h2.green { padding: 13px 100vw; margin: 0 -100vw; text-align: center; } } .services_container h2.green + div { border-left: 7px solid #609006; padding-left: 23px; margin: 2rem 0; } .services_container h2.green + div h3 { color: #609006; font: 700 22px/27px "Oswald", sans-serif; } .services_container h2.green + div p { color: #707070; font: 400 1rem/1.2em "Lato", sans-serif; margin: 1.2em 0; } .services_container h2.green + div p:last-child { font: 700 18px/1.2em "Lato", sans-serif; } .services_container .etape .etape-header { background: rgba(96, 144, 6, 0.15); border-radius: 50vw 0 0 50vw; color: #609006; font: 700 22px / 51px "Oswald", sans-serif; counter-increment: etape; } .services_container .etape .etape-header::before { background: #609006; border-radius: 50vw; color: #fff; content: counter(etape); display: inline-block; margin-right: 13px; text-align: center; width: 51px; } .services_container .etape .etape-content { color: #707070; font: 400 1rem/1.2em "Lato", sans-serif; margin: 1.2em 0; }