1<!DOCTYPE html> 2<html lang="fr"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 5
5<script src="b/blog/v2022.22.01/build/runtime.0e481390.js"></script>
5<script src="b/blog/v2022.22.01/build/ads.930ed0c8.js"></script>
5 6
6<script> 7 dataLayer = [{ 8 'source' : 'OVERBLOG', 9 'theme' : '88', 10 'adUnitID' : '/6783/OverBlogKiwi/fr/1047011_atoutecrire.over-blog.com', 11 'group' : 'Blog-Business', 12 'category' : 'Jobs, Education & Studies', 13 'rating' : 'BS', 14 'unused' : 'No', 15 'adult' : 'No', 16 'pda' : 'Yes', 17 'hasAds' : 'Yes', 18 'lang' : 'fr', 19 'adblock' : '__ads_loaded__' in window ? 'No' : 'Yes', 20 'blog_id' : '1047011', 21 'blog_name': "Atoutecrire", 22 'premium' : 'Yes', 23 'slots' : { 24 "_be85639": { 25 "name": "super_leaderboard", 26 "meta": { 27 "background_color": "#FFFFFF", 28 "border_color": "#FFFFFF", 29 "text_color": "#606569", 30 "link_color": "#f0a11f", 31 "url_color": "#f0a11f" 32 } 33 }, 34 "_a5d5041": { 35 "name": "half_page", 36 "meta": { 37 "background_color": "#FFFFFF", 38 "border_color": "#FFFFFF", 39 "text_color": "#606569", 40 "link_color": "#f0a11f", 41 "url_color": "#f0a11f" 42 } 43 }, 44 "_c2c43a9": { 45 "name": "medium_rectangle", 46 "meta": { 47 "background_color": "#FFFFFF", 48 "border_color": "#FFFFFF", 49 "text_color": "#606569", 50 "link_color": "#f0a11f", 51 "url_color": "#f0a11f" 52 } 53 }, 54 "_ae554fa": { 55 "name": "interstitial" 56 } 57}, 58 }]; 59 </script>
59 60
60<script> 61 var s = document.createElement("script"); 62 s.async = true; 63 s.src = "https://cdn.lib.getjad.io/library/6783/overblogkiwi"; 64 s.setAttribute('importance', 'high'); 65 s.onload = function(){ 66 function setupSlideIn() { 67 var divSlidein = document.createElement("div"); 68 divSlidein.id = 'slidein'; 69 document.body.appendChild(divSlidein); 70 } 71 if( document.readyState !== 'loading' ) { 72 setupSlideIn(); 73 } else { 74 document.addEventListener('DOMContentLoaded', setupSlideIn, false); 75 } 76 }; 77 var g = document.getElementsByTagName("head")[0]; 78 g.parentNode.insertBefore(s, g); 79 // targeting 80 var jadTargeting = {}; 81 var noTargetingKeys = ['slots']; 82 for (var k in dataLayer[0]) { 83 if (noTargetingKeys.indexOf(k) === -1) { 84 if (typeof dataLayer[0][k] === 'string') { 85 jadTargeting[k] = [dataLayer[0][k]]; 86 } else if (Array.isArray(dataLayer[0][k])) { 87 jadTargeting[k] = dataLayer[0][k]; 88 } else { 89 // unknow type 90 } 91 } 92 } 93 // mapping positions 94 var jadPagePositions = []; 95 var jadElementsMapping = {}; 96 var stickyFooterDefined = false; 97 for (var slot in dataLayer[0].slots) { 98 if (dataLayer[0].slots[slot].name == 'sticky_footer') { 99 stickyFooterDefined = true; 100 } 101 } 102 // _881c7f7, leaderboard, [header, mtf_leaderboard, mtf_leaderboard_2, btf_leaderboard] => on prend le premier pas défini 103 var jadAddPosition = function(obSlotDivId, obSlotName, positionsPref) { 104 var added = false; 105 for (var i = 0; i < positionsPref.length && !added; i++) { 106 if (jadPagePositions.indexOf(positionsPref[i]) === -1) { 107 jadPagePositions.push(positionsPref[i]); 108 jadElementsMapping[positionsPref[i]] = obSlotDivId; 109 added = true; 110 } 111 } 112 if (!added) { 113 console.warn('can not add position ' + obSlotName); 114 } 115 }; 116 for (var obSlotDivId in dataLayer[0].slots) { 117 var obSlotName = dataLayer[0].slots[obSlotDivId].name 118 var positionsPref = []; 119 if (/banner/.test(obSlotName)) { 120 if (stickyFooterDefined) { 121 positionsPref = ['mtf_leaderboard', 'btf_leaderboard']; 122 } else { 123 positionsPref = ['sticky_footer', 'btf_leaderboard']; 124 } 125 } else if (/footer/.test(obSlotName)) { 126 positionsPref = ['footer']; 127 } else if (/half_page/.test(obSlotName)) { 128 positionsPref = ['rectangle_atf', 'rectangle_atf_2']; 129 } else if (/header/.test(obSlotName)) { 130 positionsPref = ['header']; 131 } else if (/inter/.test(obSlotName)) { 132 positionsPref = ['interstitial']; 133 } else if (/leaderboard/.test(obSlotName)) { 134 if (stickyFooterDefined) { 135 positionsPref = ['header', 'mtf_leaderboard', 'mtf_leaderboard_2', 'btf_leaderboard']; 136 } else { 137 positionsPref = ['header', 'sticky_footer', 'mtf_leaderboard', 'mtf_leaderboard_2', 'btf_leaderboard']; 138 } 139 } else if (/medium_rectangle/.test(obSlotName)) { 140 positionsPref = ['rectangle_mtf', 'rectangle_mtf_2']; 141 } else if (/parallax/.test(obSlotName)) { 142 positionsPref = ['rectangle_atf', 'rectangle_atf_2']; 143 } else if (/pave/.test(obSlotName)) { 144 positionsPref = ['rectangle_mtf', 'rectangle_mtf_2']; 145 } else if (/skyscraper/.test(obSlotName)) { 146 positionsPref = ['atf_sky_left']; 147 } else if (/sticky_footer/.test(obSlotName)) { 148 positionsPref = ['sticky_footer']; 149 } else if (/thema_160/.test(obSlotName)) { 150 positionsPref = ['rectangle_atf', 'rectangle_atf_2']; 151 } 152 if (positionsPref.length) { 153 jadAddPosition(obSlotDivId, obSlotDivId, positionsPref); 154 } else { 155 console.warn('error on ', obSlotDivId, obSlotName); 156 } 157 } 158 // si ! sticky_footer alors ajouter slidein 159 if (!jadElementsMapping.hasOwnProperty('sticky_footer')) { 160 jadPagePositions.push('slidein'); 161 jadElementsMapping.slidein = 'slidein'; 162 } 163 window.jad = window.jad || {}; 164 jad.cmd = jad.cmd || []; 165 jad.cmd.push(function() { 166 var config = { 167 debug: false, 168 page: '/6783/OverBlogKiwi/fr/1047011_atoutecrire.over-blog.com', 169 targeting: jadTargeting, 170 prebidTargeting: jadTargeting, 171 pagePositions: jadPagePositions, 172 elementsMapping: jadElementsMapping, 173 cappingByPosition: [{ 174 position: "interstitial", 175 ttl: 3600, 176 limit: 3, 177 }, { 178 position: "slidein", 179 ttl: 3600, 180 limit: 6, 181 }], 182 cmp: { 183 name: 'didomi', 184 siteId: 'e23a01f6-a508-4e71-8f50-c1a9cae7c0d0', 185 noticeId: '3FCZAAB8', 186 paywall: {
187 clientId: 'AVvF60FpOZcS6UoBe6sf8isBLYwzuLgMQCnNdE-FvpoW_OhR8P6zERqhyuIBGPOxqrTHKxv7QxsXnfck', 188 planId: 'P-1PX20425XC513033RMBQZVRI', 189 tosUrl: 'https://www.over-blog.com/terms-of-sale', 190 touUrl: 'https://www.over-blog.com/terms-of-use', 191 privacyUrl: 'https://www.over-blog.com/privacy-policy' 192 }, 193 includeCmp: true 194 } 195 }; 196 if (jadPagePositions !== null) { 197 config.pagePositions = jadPagePositions; 198 } 199 jad.public.setConfig(config); 200 jad.public.loadPositions(); 201 jad.public.displayPositions(); 202 }) 203 </script>
vendor: 1 bytes, line 203
203
204<script> 205 // Paywall Bounce Rate pixel 206 function sendCustomPixel(method, consent, tcfStatus) { 207 var pixelUrl = "https://bpt.webedia-group.com/pixel.png?/domain=overblog.com&referrer=" + document.referrer + "&site_route=" + dataLayer[0].blog_name + "_" + (typeof jad !== "undefined") + "&event=tcfapi&method=" + method + "&consent=" + consent + "&tcfStatus=" + tcfStatus 208 var img = document.createElement('img'); 209 img.style = "display: none;" 210 img.src = pixelUrl; 211 document.body.appendChild(img); 212 } 213 function triggerOnReadyOrTimeout(action, tcfStatus) { 214 var done = false; 215 function doItIfNotDone(method, consent, tcfStatus) { 216 if (!done) { 217 action(method, consent, tcfStatus); 218 done = true; 219 } 220 } 221 window.didomiOnReady = window.didomiOnReady || []; 222 window.didomiOnReady.push(function (Didomi) { 223 var consent = Didomi.isConsentRequired() ? Didomi.getUserConsentStatusForVendor("c:googleana-XMqagawa") && Didomi.getUserConsentStatusForVendor("google") : true; 224 var consentToString = consent == undefined ? "undefined" : consent; 225 doItIfNotDone("didomiOnReady", consentToString, tcfStatus); 226 }); 227 setTimeout(function() {doItIfNotDone("timeout", "false", tcfStatus)}, 1000); 228 } 229 var tcfok = false; 230 var tryTcfApiTimer = 0; 231 var tryToReachTcfApi = setInterval(function() { 232 if (typeof __tcfapi !== "undefined") { 233 clearInterval(tryToReachTcfApi); 234 launchTcfApi() 235 } else if (tryTcfApiTimer > 3000) { 236 clearInterval(tryToReachTcfApi); 237 triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded") 238 } 239 tryTcfApiTimer += 200; 240 }, 200) 241 function launchTcfApi() { 242 __tcfapi('addEventListener', 2, function(tcData, success) { 243 if (success) { 244 try{ 245 switch (tcData.eventStatus) { 246 case "useractioncomplete": 247 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 248 __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId) 249 break; 250 case "cmpuishown": 251 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 252 break; 253 case "tcloaded": 254 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 255 __tcfapi('removeEventListener', 2, function(){}, tcData.listenerId) 256 break; 257 default: 258 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 259 } 260 } catch (error) { 261 triggerOnReadyOrTimeout(sendCustomPixel, tcData.eventStatus); 262 } 263 tcfok = true; 264 } 265 }); 266 setTimeout(function() { 267 if (!tcfok) { 268 triggerOnReadyOrTimeout(sendCustomPixel, "tcfnotloaded") 269 } 270 }, 2000); 271 } 272</script>
272 273 <style> 274 [class^=app_gdpr] a { 275 color: white !important; 276 } 277 [class^=app_gdpr] a[href], [class^=app_gdpr] [class^=banner_message] a:not([class^=banner_continue]) { 278 text-decoration: underline; 279 } 280 [class^=app_gdpr] a svg { 281 fill: white !important; 282 } 283 [class^=app_gdpr] [class^=banner_banner], [class^=app_gdpr] [class^=popup_popup]{ 284 z-index: 2147483647 !important; 285 } 286</style> 287
287<script> 288 if (window.parent !== window) { 289 if (typeof btoa !== "function") { 290 window.btoa = function (input) { 291 var str = String(input); 292 for (var block, charCode, idx = 0, map = chars, output = ''; str.charAt(idx | 0) || (map = '=', idx % 1); output += map.charAt(63 & block >> 8 - idx % 1 * 8)) { 293 charCode = str.charCodeAt(idx += 3/4) 294 block = block << 8 | charCode 295 } 296 return output 297 } 298 } 299 var re = /^(?:https?:)?(?:\/\/)?([^\/\?]+)/i 300 var res = re.exec(document.referrer) 301 var domain = res[1] 302 var forbidden = ["aGVsbG8ubGFuZA==","Y3Vpc2luZS5sYW5k","cmVjZXR0ZS5sYW5k","cmVjZXR0ZXMubGFuZA==",] 303 if (forbidden.indexOf(btoa(domain)) > -1) { 304 } 305 } 306 </script>
306 307 <link rel="stylesheet" href="b/blog/v2022.22.01/build/main.2094f62c.css"> 308 <!-- Forked theme from id 88 - last modified : 2021-01-31T14:28:07+01:00 --> 309 <!-- Title --> 310 <title>Atoutecrire - Conseils en écriture - Méthodes pour écrire plus efficacement - cv - lettre de motivation - écrits personnels et professionnels</title> 311 <link rel="canonical" href="https://www.atoutecrire.com" /> 312 <!-- Metas --> 313 <meta name="viewport" content="width=device-width"> 314 <meta name="author" content="Lolita"/> 315 <meta property="og:site_name" content="Atoutecrire"/> 316 <meta property="og:title" content="Atoutecrire"/> 317 <meta name="twitter:title" content="Atoutecrire"/> 318 <meta name="description" content="Conseils en &eacute;criture - M&eacute;thodes pour &eacute;crire plus efficacement - cv - lettre de motivation - &eacute;crits personnels et professionnels"/> 319 <meta property="og:description" content="Conseils en &eacute;criture - M&eacute;thodes pour &eacute;crire plus efficacement - cv - lettre de motivation - &eacute;crits personnels et professionnels"/> 320 <meta name="twitter:description" content="Conseils en &eacute;criture - M&eacute;thodes pour &eacute;crire plus efficacement - cv - lettre de motivation - &eacute;crits personnels et professionnels"/> 321 <meta property="og:locale" content="fr_FR"/> 322 <meta property="og:image" content="1/04/70/11/20160720/ob_69f78d_capture.PNG"/> 323 <meta name="twitter:image:src" content="https://img.over-blog-kiwi.com/1/04/70/11/20160720/ob_69f78d_capture.PNG"/> 324 <meta property="og:type" content="blog"/> 325 <meta name="twitter:card" content="summary"/> 326 <meta name="twitter:site" content="@overblog"/> 327 <meta name="twitter:creator" content="@atoutecrire"/> 328 <meta property="fb:app_id" content="201955363257450"/> 329 <!-- Robots --> 330 <meta name="robots" content="index,follow"/> 331 <!-- RSS --> 332<!-- Analytics --> 333<meta name="google-site-verification" content="NsX7EjqPanJefPHjGwHAUeP2OSNP7ndZRH0B_Qa8dfI"/> <!-- Metas --> 334 <link rel="icon" type="image/png" href="1/04/70/11/20160720/ob_69f78d_capture.PNG"/> 335<meta name="p:domain_verify" content="b8f02f44e596b1db999dca4f3c494e5c"/> 336 <!-- Graphique --> 337 <!-- Fonts --> 338 <!-- Sidebar --> 339 <!-- Widget --> 340 <!-- Menu Bar --> 341 <!-- Normalize --> 342 <link href="ajax/libs/normalize/3.0.2/normalize.min.css" rel="stylesheet" type="text/css"/> 343 <!-- Fonts --> 344 <link href="ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> 345 <link href="//fonts.googleapis.com/css?family=Open%20Sans:400,700" rel="stylesheet" type="text/css"/> 346 <link href="//fonts.googleapis.com/css?family=Arial:400,700" rel="stylesheet" type="text/css"/> 347 <!-- jQuery --> 348
348<script src="ajax/libs/jquery/2.1.3/jquery.min.js" type="text/javascript"></script>
348 349 <!-- Fancybox --> 350
350<script src="ajax/libs/fancybox/2.1.5/jquery.fancybox.pack.js" type="text/javascript"></script>
350 351 <link href="ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" rel="stylesheet" type="text/css"/> 352 <link href="ajax/libs/fancybox/2.1.5/helpers/jquery.fancybox-thumbs.css" rel="stylesheet" type="text/css"/> 353
353<script src="ajax/libs/fancybox/2.1.5/helpers/jquery.fancybox-thumbs.js" type="text/javascript"></script>
353 354 <!--[if lt IE 9]> 355
355<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
355 356 <![endif]--> 357 <style type="text/css"> 358 /******************************** 359 Reset 360 ********************************/ 361 * { box-sizing: border-box; } 362 a { color: #f0a11f; text-decoration: none; } 363 h1, h2, h3, h4, h5 { font-family: 'Arial'; } 364 html { font-family: 'Open Sans'; } 365 @media only screen and (min-width: 970px) { 366 a:hover { color: #f0a11f; text-decoration: underline; } 367 } 368 /******************************** 369 Html 370 ********************************/ 371 html { 372 font-size: 16px; 373 font-size: 1rem; 374 } 375 /******************************** 376 Body 377 ********************************/ 378 .Body { 379 color: #606569; 380 line-height: 20px; 381 background-image : url(t/catalog/images/background/body/Sand.png); 382 } 383 @media only screen and (min-width: 970px) { 384 .Body { 385 line-height: 26px; 386 } 387 } 388 /******************************** 389 HeaderNav 390 ********************************/ 391 .HeaderNav { 392 display: -webkit-box; 393 display: -moz-box; 394 display: -ms-flexbox; 395 display: -webkit-flex; 396 display: flex; 397 -webkit-box-direction: normal; 398 -moz-box-direction: normal; 399 -webkit-box-orient: vertical; 400 -moz-box-orient: vertical; 401 -webkit-flex-direction: column; 402 -ms-flex-direction: column; 403 flex-direction: column; 404 padding-top: 10px; 405 } 406 @media only screen and (min-width: 970px) { 407 .HeaderNav { 408 padding-top: 20px; 409 } 410 } 411 /******************************** 412 Header 413 ********************************/ 414 .Header { 415 position: relative; 416 width: 100%; 417 -webkit-box-ordinal-group: 1; 418 -moz-box-ordinal-group: 1; 419 -ms-flex-order: 1; 420 -webkit-order: 1; 421 order: 1; 422 } 423 .Header-cover { 424 display: block; 425 width: 100%; 426 object-fit: cover; 427 padding: 0 10px; 428 margin: auto; 429 position: relative; 430 min-height: 40px; 431 } 432 @media only screen and (min-width: 970px) { 433 .Header-cover { 434 width: 970px; 435 padding: 0; 436 min-height: 70px; 437 } 438 } 439 .Header-coverImage { 440 display: block; 441 width: 100%; 442 } 443 .Header-content { 444 overflow: hidden; 445 padding: 10px; 446 position: absolute; 447 right: 10px; 448 left: 10px; 449 bottom: 10px; 450 background: rgba(255, 255, 255, .8); 451 } 452 @media only screen and (min-width: 970px) { 453 .Header-content { 454 width: 970px; 455 padding: 20px; 456 right: 0; 457 left: 0; 458 bottom: 20px; 459 } 460 } 461 .Header-title { 462 font-family: 'Arial'; 463 font-size: 20px; 464 font-size: 1.25rem; 465 font-weight: 400; 466 text-transform: uppercase; 467 letter-spacing: 2px; 468 margin: 0; 469 line-height: 20px; 470 line-height: 1.25rem; 471 text-align: center; 472 overflow: hidden; 473 text-overflow: ellipsis; 474 white-space: nowrap; 475 } 476 @media only screen and (min-width: 970px) { 477 .Header-title { 478 font-size: 30px; 479 font-size: 1.875rem; 480 line-height: 40px; 481 line-height: 2.5rem; 482 } 483 } 484 .Header-titleLink {} 485 @media only screen and (min-width: 970px) { 486 .Header-titleLink:hover { 487 text-decoration: underline; 488 } 489 } 490 .Header-subtitle { 491 font-size: 15px; 492 font-size: .9375rem; 493 font-weight: 400; 494 margin: 0; 495 line-height: 20px; 496 line-height: 1.25rem; 497 text-align: center; 498 overflow: hidden; 499 text-overflow: ellipsis; 500 white-space: nowrap; 501 } 502 @media only screen and (min-width: 970px) { 503 .Header-subtitle { 504 font-size: 18px; 505 font-size: 1.125rem; 506 line-height: 40px; 507 line-height: 2.5rem; 508 } 509 } 510 /******************************** 511 Nav 512 ********************************/ 513 .Nav { 514 -webkit-box-ordinal-group: 2; 515 -moz-box-ordinal-group: 2; 516 -ms-flex-order: 2; 517 -webkit-order: 2; 518 order: 2; 519 margin-top: 10px; 520 } 521 @media only screen and (min-width: 970px) { 522 .Nav { 523 margin-top: 20px; 524 } 525 } 526 .Nav-content { 527 background: #f2f2f2; 528 margin: 0 10px; 529 } 530 @media only screen and (min-width: 970px) { 531 .Nav-content { 532 width: 970px; 533 margin: auto; 534 } 535 } 536 .Nav-menuButton { 537 display: inline-block; 538 width: 50px; 539 height: 50px; 540 line-height: 50px; 541 vertical-align: middle; 542 text-align: center; 543 font-size: 20px; 544 font-size: 1.25rem; 545 color: #fff; 546 cursor: pointer; 547 -webkit-user-select: none; 548 -moz-user-select: none;
549 -ms-user-select: none; 550 -o-user-select: none; 551 user-select: none; 552 background: #f0a11f; 553 } 554 @media only screen and (min-width: 970px) { 555 .Nav-menuButton { 556 display: none; 557 } 558 } 559 .Nav-menu { 560 position: absolute; 561 padding: 0; 562 margin: 0; 563 z-index: 1; 564 display: none; 565 width: 100%; 566 } 567 @media only screen and (min-width: 970px) { 568 .Nav-menu { 569 display: inline-block; 570 position: relative; 571 } 572 } 573 .Nav-menu--open { 574 display: block; 575 } 576 .NavElement { 577 display: block; 578 position: relative; 579 } 580 @media only screen and (min-width: 970px) { 581 .NavElement { 582 display: inline-block; 583 } 584 } 585 .NavElement-link { 586 display: block; 587 text-decoration: none; 588 color: #000000; 589 background: #f2f2f2; 590 font-family: 'Arial'; 591 font-size: 14px; 592 font-size: .875rem; 593 text-transform: uppercase; 594 padding: 0 15px; 595 line-height: 45px; 596 border-bottom: 2px solid #f2f2f2; 597 } 598 @media only screen and (min-width: 970px) { 599 .NavElement-link:hover, 600 .NavElement-link:focus{ 601 background: #fff; 602 text-decoration: none; 603 outline: none; 604 border-bottom: 2px solid #f0a11f; 605 } 606 } 607 .NavElementSub { 608 padding-left: 20px; 609 background-color: black; 610 -webkit-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2); 611 -moz-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2); 612 box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.2); 613 background: #ffffff; 614 display: none; 615 } 616 @media only screen and (min-width: 970px) { 617 .NavElementSub { 618 position: absolute; 619 text-align: center; 620 width: 300px; 621 z-index: 1000; 622 padding-left: 0; 623 display: block; 624 } 625 .NavElement-sub .NavElement-link { 626 display: none; 627 } 628 .Nav-menu .NavElement:hover > .NavElement-sub .NavElement-link { 629 display: block; 630 } 631 .Nav-menu .NavElement-link:focus + .NavElement-sub .NavElement-link { 632 display: block; 633 } 634 .NavElement-sub .NavElement-link:focus, 635 .NavElement-sub .NavElement-link:focus ~ .NavElement-link { 636 display:block 637 } 638 } 639 /******************************** 640 Content 641 ********************************/ 642 .Content { 643 margin: auto; 644 margin-top: 10px; 645 } 646 @media only screen and (min-width: 970px) { 647 .Content { 648 width: 970px; 649 display: -webkit-box; 650 display: -moz-box; 651 display: -ms-flexbox; 652 display: -webkit-flex; 653 display: flex; 654 -webkit-box-direction: normal; 655 -moz-box-direction: normal; 656 -webkit-box-orient: horizontal; 657 -moz-box-orient: horizontal; 658 -webkit-flex-direction: row; 659 -ms-flex-direction: row; 660 flex-direction: row; 661 -webkit-box-flex: 1; 662 -moz-box-flex: 1; 663 -webkit-flex: 1 1 auto; 664 -ms-flex: 1 1 auto; 665 flex: 1; 666 -webkit-align-self: auto; 667 -ms-flex-item-align: auto; 668 align-self: auto; 669 -webkit-box-align: start; 670 -moz-box-align: start; 671 -webkit-align-items: flex-start; 672 -ms-flex-align: start; 673 align-items: flex-start; 674 min-width: 0; 675 margin-top: 20px; 676 } 677 } 678 .Content--list {} 679 .Content--page {} 680 .Content--special {} 681 .Content-main { 682 background-color: #fff; 683 padding: 10px; 684 overflow: hidden; 685 } 686 @media only screen and (min-width: 970px) { 687 .Content-main { 688 padding: 20px; 689 -webkit-box-flex: 1; 690 -moz-box-flex: 1; 691 -webkit-flex: 1 1 auto; 692 -ms-flex: 1 1 auto; 693 flex: 1; 694 -webkit-align-self: auto; 695 -ms-flex-item-align: auto; 696 align-self: auto; 697 min-width: 0; 698 -webkit-box-ordinal-group: 2; 699 -moz-box-ordinal-group: 2; 700 -ms-flex-order: 2; 701 -webkit-order: 2; 702 order: 2; 703 margin-left: 20px; 704 } 705 } 706 /******************************** 707 PostPreview 708 ********************************/ 709 .PostPreview-container { 710 overflow: auto; 711 zoom: 1; 712 } 713 .PostPreview { 714 width: 100%; 715 padding: 10px 0; 716 border-bottom: 1px solid #d9d9d9; 717 } 718 @media only screen and (min-width: 970px) { 719 .PostPreview { 720 display: -webkit-box; 721 display: -moz-box; 722 display: -ms-flexbox; 723 display: -webkit-flex; 724 display: flex; 725 padding: 20px 0; 726 } 727 } 728 .PostPreview:first-child { 729 padding-top: 0; 730 } 731 .PostPreview-cover { 732 display: block; 733 width: 100%; 734 position: relative; 735 margin: 0; 736 } 737 @media only screen and (min-width: 970px) { 738 .PostPreview-cover { 739 -webkit-box-flex: 1; 740 -moz-box-flex: 1; 741 -webkit-flex: 1 1 auto; 742 -ms-flex: 1 1 auto; 743 flex: 1; 744 -webkit-align-self: auto; 745 -ms-flex-item-align: auto; 746 align-self: auto; 747 min-width: 0; 748 opacity: 1; 749 -webkit-transition: opacity .4s ease-in-out; 750 -moz-transition: opacity .4s ease-in-out; 751 -o-transition: opacity .4s ease-in-out; 752 transition: opacity .4s ease-in-out; 753 } 754 .PostPreview-cover:hover { 755 opacity: 0.8; 756 -webkit-transition: opacity .4s ease-in-out; 757 -moz-transition: opacity .4s ease-in-out; 758 -o-transition: opacity .4s ease-in-out; 759 transition: opacity .4s ease-in-out; 760 } 761 } 762 .PostPreview-coverLink { 763 display: block; 764 } 765 .PostPreview-coverImage { 766 height: 100%; 767 width: 100%; 768 border: 0; 769 display: block; 770 border: none; 771 } 772 .PostPreview-coverImage--default {
773 background: #d7d5d5; 774 } 775 @media only screen and (min-width: 970px) { 776 .PostPreview-coverImage { 777 position: absolute; 778 top: 0; 779 bottom: 0; 780 left: 0; 781 right: 0; 782 object-fit: cover; 783 } 784 } 785 .PostPreview-tags { 786 position: absolute; 787 display: none; 788 top: 0; 789 left: 10px; 790 padding: 0 20px; 791 line-height: 25px; 792 color: #fff; 793 max-width: 90%; 794 text-transform: uppercase; 795 font-size: 12px; 796 font-size: .75rem; 797 overflow: hidden; 798 text-overflow: ellipsis; 799 white-space: nowrap; 800 max-width: 90%; 801 font-family: 'Arial'; 802 background-color: #f0a11f; 803 } 804 @media only screen and (min-width: 970px) { 805 .PostPreview-tags { 806 display: block; 807 } 808 } 809 .PostPreview-tag { 810 color: #fff; 811 } 812 @media only screen and (min-width: 970px) { 813 .PostPreview-tag:hover, 814 .PostPreview-tag:focus { 815 outline: none; 816 color: #fff; 817 text-decoration: underline; 818 } 819 } 820 .PostPreview-content {} 821 @media only screen and (min-width: 970px) { 822 .PostPreview-content { 823 -webkit-box-flex: 1; 824 -moz-box-flex: 1; 825 -webkit-flex: 1 1 auto; 826 -ms-flex: 1 1 auto; 827 flex: 1; 828 -webkit-align-self: auto; 829 -ms-flex-item-align: auto; 830 align-self: auto; 831 min-width: 0; 832 overflow: hidden; 833 } 834 .PostPreview-cover + .PostPreview-content { 835 padding-left: 20px; 836 } 837 } 838 .PostPreview-meta { 839 width: 100%; 840 margin-bottom: 0; 841 } 842 @media only screen and (min-width: 970px) { 843 .PostPreview-meta { 844 margin-top: 0; 845 } 846 } 847 .PostPreviewMeta { 848 display: -webkit-box; 849 display: -moz-box; 850 display: -ms-flexbox; 851 display: -webkit-flex; 852 display: flex; 853 color: #4f5a65; 854 text-transform: uppercase; 855 font-size: 11px; 856 font-size: .6875rem; 857 } 858 .PostPreviewMeta-date { 859 -webkit-box-flex: 2; 860 -moz-box-flex: 2; 861 -webkit-flex: 2 1 auto; 862 -ms-flex: 2 1 auto; 863 flex: 2; 864 -webkit-align-self: auto; 865 -ms-flex-item-align: auto; 866 align-self: auto; 867 min-width: 0; 868 } 869 .PostPreviewMeta-source { 870 -webkit-box-flex: 4; 871 -moz-box-flex: 4; 872 -webkit-flex: 4 1 auto; 873 -ms-flex: 4 1 auto; 874 flex: 4; 875 -webkit-align-self: auto; 876 -ms-flex-item-align: auto; 877 align-self: auto; 878 min-width: 0; 879 text-align: center; 880 } 881 .PostPreviewMeta-comments { 882 -webkit-box-flex: 1; 883 -moz-box-flex: 1; 884 -webkit-flex: 1 1 auto; 885 -ms-flex: 1 1 auto; 886 flex: 1; 887 -webkit-align-self: auto; 888 -ms-flex-item-align: auto; 889 align-self: auto; 890 min-width: 0; 891 text-align: right; 892 } 893 .PostPreview-title { 894 font-family: 'Arial'; 895 font-size: 16px; 896 font-size: 1rem; 897 overflow: hidden; 898 text-overflow: ellipsis; 899 white-space: nowrap; 900 margin: 10px 0; 901 text 902 } 903 .PostPreview-snippet { 904 margin: 0; 905 font-size: 14px; 906 font-size: .875rem; 907 } 908 @media only screen and (min-width: 970px) { 909 .PostPreview-snippet { 910 min-height: 130px; 911 } 912 } 913 .PostPreview-readMore { 914 display: inline-block; 915 text-transform: uppercase; 916 font-size: 12px; 917 font-size: .75rem; 918 padding: 0 20px; 919 margin-top: 10px; 920 line-height: 25px; 921 color: #ffffff; 922 background: #f0a11f; 923 } 924 @media only screen and (min-width: 970px) { 925 .PostPreview-readMore:hover { 926 color: #ffffff; 927 } 928 } 929 /******************************** 930 Post 931 ********************************/ 932 .Post { 933 width: 100%; 934 background-color: #fff; 935 padding-bottom: 30px; 936 } 937 .Post-tags { 938 text-align: center; 939 display: block; 940 } 941 .Post-tag { 942 text-transform: uppercase; 943 font-family: 'Arial'; 944 font-size: 11px; 945 font-size: .6875rem; 946 font-weight: 700; 947 letter-spacing: 2px; 948 } 949 .Post-title { 950 font-family: 'Arial'; 951 font-size: 25px; 952 font-size: 1.5625rem; 953 line-height: 35px; 954 text-transform: uppercase; 955 letter-spacing: 2px; 956 margin: 0; 957 text-align: center; 958 }
959 .Post-date { 960 font-family: 'Arial'; 961 font-style: italic; 962 font-size: 10px; 963 font-size: .625rem; 964 text-transform: uppercase; 965 letter-spacing: 1px; 966 color: #939393; 967 text-align: center; 968 margin: 0; 969 } 970 .Post-author { 971 text-align: center; 972 margin: 0; 973 } 974 .Post-cover { 975 width: 100%; 976 margin: 10px 0 0; 977 } 978 .Post-coverImage { 979 width: 100%; 980 display: block; 981 background-color: black; 982 } 983 .Post-body { 984 margin: 10px 0; 985 text-align: justify; 986 } 987 .ob-Outbrain, 988 .ob-Related { 989 margin-bottom: 10px; 990 } 991 @media only screen and (min-width: 970px) { 992 .ob-Outbrain, 993 .ob-Related { 994 margin-bottom: 20px; 995 } 996 } 997 .Post-pagination { 998 margin-top: 10px; 999 } 1000 @media only screen and (min-width: 970px) { 1001 .Post-pagination { 1002 margin-top: 20px; 1003 } 1004 } 1005 /******************************** 1006 Sidebar 1007 ********************************/ 1008 .Sidebar { 1009 background-color: #fff; 1010 padding: 10px; 1011 padding-bottom: 0; 1012 display: -webkit-box; 1013 display: -moz-box; 1014 display: -ms-flexbox; 1015 display: -webkit-flex; 1016 display: flex; 1017 -webkit-box-direction: normal; 1018 -moz-box-direction: normal; 1019 -webkit-box-orient: vertical; 1020 -moz-box-orient: vertical; 1021 -webkit-flex-direction: column; 1022 -ms-flex-direction: column; 1023 flex-direction: column; 1024 } 1025 @media only screen and (min-width: 970px) { 1026 .Sidebar { 1027 top: 0px; 1028 -webkit-box-flex: 0; 1029 -moz-box-flex: 0; 1030 width: 340px; 1031 -webkit-flex: 0 0 340px; 1032 -ms-flex: 0 0 340px; 1033 flex: 0 0 340px; 1034 -webkit-align-self: auto; 1035 -ms-flex-item-align: auto; 1036 align-self: auto; 1037 min-width: 0; 1038 padding: 20px; 1039 padding-bottom: 0; 1040 } 1041 body.withsharebar .Sidebar { 1042 top: 40px; 1043 } 1044 } 1045 .Sidebar-ad--300x250 { 1046 width: 100%; 1047 height: auto; 1048 margin: auto; 1049 overflow: auto; 1050 text-align: center; 1051 } 1052 .Sidebar-ad--300x600 { 1053 width: 100%; 1054 height: auto; 1055 margin: auto; 1056 overflow: auto; 1057 text-align: center; 1058 } 1059 @media only screen and (min-width: 970px) { 1060 .Sidebar-ad--300x250 { 1061 width: 300px; 1062 height: 250px; 1063 } 1064 .Sidebar-ad--300x600 { 1065 width: 300px; 1066 height: 600px; 1067 } 1068 } 1069 .Sidebar-widget { 1070 margin-bottom: 10px; 1071 } 1072 @media only screen and (min-width: 970px) { 1073 .Sidebar-widget { 1074 margin-bottom: 20px; 1075 } 1076 } 1077 .Sidebar-widget[data-order="1"] {-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;} 1078 .Sidebar-widget[data-order="2"] {-webkit-box-ordinal-group:2;-moz-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;} 1079 .Sidebar-widget[data-order="3"] {-webkit-box-ordinal-group:3;-moz-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;} 1080 .Sidebar-widget[data-order="4"] {-webkit-box-ordinal-group:4;-moz-box-ordinal-group:4;-ms-flex-order:4;-webkit-order:4;order:4;} 1081 .Sidebar-widget[data-order="5"] {-webkit-box-ordinal-group:5;-moz-box-ordinal-group:5;-ms-flex-order:5;-webkit-order:5;order:5;} 1082 .Sidebar-widget[data-order="6"] {-webkit-box-ordinal-group:6;-moz-box-ordinal-group:6;-ms-flex-order:6;-webkit-order:6;order:6;} 1083 .Sidebar-widget[data-order="7"] {-webkit-box-ordinal-group:7;-moz-box-ordinal-group:7;-ms-flex-order:7;-webkit-order:7;order:7;} 1084 .Sidebar-widget[data-order="8"] {-webkit-box-ordinal-group:8;-moz-box-ordinal-group:8;-ms-flex-order:8;-webkit-order:8;order:8;} 1085 .Sidebar-widget[data-order="9"] {-webkit-box-ordinal-group:9;-moz-box-ordinal-group:9;-ms-flex-order:9;-webkit-order:9;order:9;} 1086 .Sidebar-widget[data-order="10"] {-webkit-box-ordinal-group:10;-moz-box-ordinal-group:10;-ms-flex-order:10;-webkit-order:10;order:10;} 1087 .Sidebar-widget[data-order="11"] {-webkit-box-ordinal-group:11;-moz-box-ordinal-group:11;-ms-flex-order:11;-webkit-order:11;order:11;} 1088 .Sidebar-widget[data-order="12"] {-webkit-box-ordinal-group:12;-moz-box-ordinal-group:12;-ms-flex-order:12;-webkit-order:12;order:12;} 1089 .Sidebar-widget[data-order="13"] {-webkit-box-ordinal-group:13;-moz-box-ordinal-group:13;-ms-flex-order:13;-webkit-order:13;order:13;} 1090 .Sidebar-widget[data-order="14"] {-webkit-box-ordinal-group:14;-moz-box-ordinal-group:14;-ms-flex-order:14;-webkit-order:14;order:14;} 1091 .Sidebar-widget[data-order="15"] {-webkit-box-ordinal-group:15;-moz-box-ordinal-group:15;-ms-flex-order:15;-webkit-order:15;order:15;} 1092 .Sidebar-widget[data-order="16"] {-webkit-box-ordinal-group:16;-moz-box-ordinal-group:16;-ms-flex-order:16;-webkit-order:16;order:16;} 1093 .Sidebar-widget[data-order="17"] {-webkit-box-ordinal-group:17;
1093-moz-box-ordinal-group:17;-ms-flex-order:17;-webkit-order:17;order:17;} 1094 .Sidebar-widget[data-order="18"] {-webkit-box-ordinal-group:18;-moz-box-ordinal-group:18;-ms-flex-order:18;-webkit-order:18;order:18;} 1095 .Sidebar-widget[data-order="19"] {-webkit-box-ordinal-group:19;-moz-box-ordinal-group:19;-ms-flex-order:19;-webkit-order:19;order:19;} 1096 .Sidebar-widget[data-order="20"] {-webkit-box-ordinal-group:20;-moz-box-ordinal-group:20;-ms-flex-order:20;-webkit-order:20;order:20;} 1097 .Sidebar-title { 1098 background: #f2f2f2; 1099 color: #19232d; 1100 font-family: 'Arial'; 1101 font-size: 13px; 1102 font-size: .8125rem; 1103 line-height: 35px; 1104 text-transform: uppercase; 1105 word-wrap: break-word; 1106 padding: 0 15px; 1107 margin: 0 0 10px; 1108 } 1109 @media only screen and (min-width: 970px) { 1110 .Sidebar-title { 1111 margin-bottom: 20px; 1112 } 1113 } 1114 .Sidebar-content { 1115 max-width: 100%; 1116 overflow: hidden; 1117 } 1118 .Sidebar-content iframe { 1119 width: 100%; 1120 display: block; 1121 } 1122 .Sidebar-post { 1123 border-bottom: 0; 1124 padding: 2px 0; 1125 } 1126 .Sidebar-widget .Sidebar-post:first-child { 1127 padding-top: 0; 1128 } 1129 .Sidebar-widget .Sidebar-post:last-child { 1130 padding-bottom: 0; 1131 } 1132 .Sidebar-post .PostPreview-content { 1133 -webkit-box-flex: 2; 1134 -moz-box-flex: 2; 1135 -webkit-flex: 2 1 auto; 1136 -ms-flex: 2 1 auto; 1137 flex: 2; 1138 -webkit-align-self: auto; 1139 -ms-flex-item-align: auto; 1140 align-self: auto; 1141 min-width: 0; 1142 } 1143 .Sidebar-post .ob-section:last-child { 1144 margin-bottom: 0; 1145 } 1146 .SidebarAbout {} 1147 .SidebarAbout-avatar { 1148 width: 100%; 1149 } 1150 .SidebarAbout-description { 1151 margin: 0; 1152 } 1153 .SidebarFollow { 1154 padding-left: 0; 1155 text-align: center; 1156 margin: 0; 1157 } 1158 .SidebarFollow-element { 1159 border: 0; 1160 display: inline-block; 1161 padding: 0; 1162 position: relative; 1163 text-align: center; 1164 } 1165 .SidebarFollow-elementLink { 1166 width: 40px; 1167 height: 40px; 1168 display: inline-block; 1169 font-weight: normal; 1170 font-style: normal; 1171 text-decoration: inherit; 1172 background-color: #f2f2f2; 1173 } 1174 @media only screen and (min-width: 970px) { 1175 .SidebarFollow-elementLink:hover { 1176 color: #fff; 1177 background: #f0a11f; 1178 } 1179 } 1180 .SidebarFollow-elementLink .fa { 1181 width: 40px; 1182 line-height: 40px; 1183 font-size: 15px; 1184 font-size: .9375rem; 1185 text-align: center; 1186 } 1187 .Sidebar-form { 1188 display: -webkit-box; 1189 display: -moz-box; 1190 display: -ms-flexbox; 1191 display: -webkit-flex; 1192 display: flex; 1193 } 1194 .SidebarForm-input { 1195 -webkit-box-flex: 1; 1196 -moz-box-flex: 1; 1197 -webkit-flex: 1 1 auto; 1198 -ms-flex: 1 1 auto; 1199 flex: 1; 1200 -webkit-align-self: auto; 1201 -ms-flex-item-align: auto; 1202 align-self: auto; 1203 min-width: 0; 1204 } 1205 .SidebarForm-submit { 1206 -webkit-box-flex: 0; 1207 -moz-box-flex: 0; 1208 -webkit-flex: 0 0 auto; 1209 -ms-flex: 0 0 auto; 1210 flex: 0 0 auto; 1211 -webkit-align-self: auto; 1212 -ms-flex-item-align: auto; 1213 align-self: auto; 1214 min-width: 0; 1215 margin-left: 10px; 1216 } 1217 .Sidebar-list { 1218 list-style: none; 1219 padding-left: 0; 1220 margin: 0; 1221 } 1222 /******************************** 1223 Title 1224 ********************************/ 1225 .Title { 1226 font-family: 'Arial'; 1227 text-transform: uppercase; 1228 letter-spacing: 2px; 1229 } 1230 .Content--list .Content-main .Title:first-of-type { 1231 margin-top: 0; 1232 } 1233 /******************************** 1234 Pagination 1235 ********************************/ 1236 @media only screen and (min-width: 970px) { 1237 .Pagination { 1238 display: -webkit-box; 1239 display: -moz-box; 1240 display: -ms-flexbox; 1241 display: -webkit-flex; 1242 display: flex; 1243 } 1244 } 1245 @media only screen and (min-width: 970px) { 1246 .Pagination-link { 1247 -webkit-box-flex: 1; 1248 -moz-box-flex: 1; 1249 -webkit-flex: 1 1 auto; 1250 -ms-flex: 1 1 auto; 1251 flex: 1; 1252 -webkit-align-self: auto; 1253 -ms-flex-item-align: auto; 1254 align-self: auto; 1255 min-width: 0; 1256 } 1257 } 1258 .PaginationLink { 1259 display: block; 1260 border: 1px solid #979797; 1261 padding: 10px; 1262 font-size: 18px; 1263 font-size: 1.125em; 1264 } 1265 @media only screen and (max-width: 970px) { 1266 .PaginationLink--previous + .PaginationLink--next { 1267 margin-top: 10px; 1268 } 1269 } 1270 @media only screen and (min-width: 970px) { 1271 .PaginationLink--previous { 1272 margin-right: 10px; 1273 } 1274 .PaginationLink--next { 1275 margin-left: 10px; 1276 text-align: right; 1277 } 1278 } 1279 .PaginationLink-label { 1280 display: block; 1281 color: #666666; 1282 } 1283 @media only screen and (min-width: 970px) { 1284 .Pagination-link:hover .PaginationLink-label { 1285 text-decoration: none; 1286 } 1287 } 1288 .PaginationLink-title { 1289 display: block; 1290 overflow: hidden; 1291 text-overflow: ellipsis; 1292 white-space: nowrap; 1293 } 1294 .ob-pagination { 1295 text-align: center; 1296 margin-top: 10px; 1297 } 1298 @media only screen and (min-width: 970px) { 1299 .ob-pagination { 1300 margin-top: 20px; 1301 } 1302 } 1303 .ob-page { 1304 display: inline-block; 1305 padding: 0 10px; 1306 background: #f2f2f2; 1307 font-family: sans-serif; 1308 font-size: 13px; 1309 font-size: .8125rem; 1310 height: 25px; 1311 line-height: 25px; 1312 margin: 0 2.5px; 1313 } 1314 .ob-page-current { 1315 color: #fff; 1316 background: #f0a11f; 1317 text-decoration: none; 1318 } 1319 @media only screen and (min-width: 970px) { 1320 .ob-page-link:hover { 1321 color: #fff; 1322 background: #f0a11f; 1323 text-decoration: none; 1324 } 1325 } 1326 /******************************** 1327 Footer 1328 ********************************/ 1329 .Footer, .ob-footer { 1330 width: 100%; 1331 text-align: center; 1332 background-color: #f2f2f2; 1333 } 1334 .Footer { 1335 padding: 15px 0; 1336 margin-top: 10px; 1337 } 1338 .ob-footer { 1339 padding-bottom: 15px; 1340 } 1341 .Footer a, 1342 .ob-footer a, 1343 .Footer a:visited, 1344 .ob-footer a:visited { 1345 color: #f0a11f; 1346 } 1347 /******************************** 1348 Ads 1349 ********************************/ 1350 .Ad--970x90 { 1351 width: 100%; 1352 height: auto; 1353 margin: 10px auto 0; 1354 overflow: hidden; 1355 text-align: center; 1356 } 1357 @media only screen and (min-width: 970px) { 1358 .Ad--970x90 { 1359 width: 970px; 1360 height: 90px; 1361 margin-top: 20px; 1362 } 1363 } 1364 .Ad--468x60 { 1365 text-align: center; 1366 margin-bottom: 20px; 1367 } 1368 /******************************** 1369 Overblog surcharge 1370 ********************************/ 1371 .ob-text p:first-child { 1372 margin-top: 0; 1373 } 1374 p.ob-desc { 1375 text-align: center; 1376 color: grey; 1377 font-style: italic; 1378 } 1379 /* Forms */ 1380 .ob-input { 1381 font-size: 13px; 1382 font-size: .8125rem; 1383 line-height: 35px; 1384 height: 35px; 1385 padding: 0 10px; 1386 background: #fff; 1387 border: 1px solid #f0a11f; 1388 } 1389 .ob-input-textarea { 1390 height: auto; 1391 } 1392 .ob-input-submit { 1393 color: #fff; 1394 background: #f0a11f; 1395 } 1396 @media only screen and (min-width: 970px) { 1397 .ob-input-submit:hover { 1398 text-decoration: underline; 1399 } 1400 } 1401 /* Section Html */ 1402 .ob-section-html blockquote.ob-tweet { 1403 margin: 0; 1404 } 1405 /* Section Quote */ 1406 .ob-section-quote .ob-quote .ob-quote-left, 1407 .ob-section-quote .ob-quote .ob-quote-right { 1408 fill: #f0a11f; 1409 } 1410 /* Section File */ 1411 .ob-section-file .ob-icon { 1412 fill: #f0a11f; 1413 } 1414 /* Section Audio */ 1415 .ob-section-audio .obsoundplayer .obsoundplayerplay .obsoundplayerplay-play, 1416 .ob-section-audio .obsoundplayer .obsoundplayerplay .obsoundplayerplay-pause, 1417 .ob-section-audio .obsoundplayer .obsoundplayervolume .obsoundplayervolume-on, 1418 .ob-section-audio .obsoundplayer .obsoundplayervolume .obsoundplayervolume-off { 1419 fill: #f0a11f; 1420 } 1421 .ob-section-images, 1422 .ob-section-images img, 1423 .ob-section-map .ob-map, 1424 .ob-section-map .ob-desc { 1425 width: auto; 1426 } 1427 .ob-section-html img, 1428 .ob-section-images, 1429 .ob-section-images img, 1430 .ob-section-map .ob-map, 1431 .ob-section-map .ob-desc { 1432 max-width: 100%; 1433 height: auto; 1434 } 1435 @media only screen and (min-width: 970px) { 1436 .ob-row-1-col, 1437 .ob-row-2-col, 1438 .ob-row-3-col, 1439 .ob-row-4-col, 1440 .ob-row-5-col { 1441 display: -webkit-box; 1442 display: -moz-box; 1443 display: -ms-flexbox; 1444 display: -webkit-flex; 1445 display: flex; 1446 } 1447 .ob-row-1-col a, 1448 .ob-row-2-col a, 1449 .ob-row-3-col a, 1450 .ob-row-4-col a, 1451 .ob-row-5-col a { 1452 -webkit-box-flex: 1; 1453 -moz-box-flex: 1; 1454 -webkit-flex: 1 1 auto; 1455 -ms-flex: 1 1 auto; 1456 flex: 1; 1457 -webkit-align-self: auto; 1458 -ms-flex-item-align: auto; 1459 align-self: auto; 1460 min-width: 0; 1461 } 1462 } 1463 .ob-Shares-title { 1464 text-transform: uppercase; 1465 } 1466 /* Newsletter Form */ 1467 .ob-Newsletter {} 1468 .ob-Newsletter-toggle, 1469 .ob-Newsletter-submit { 1470 background: #f0a11f; 1471 } 1472 h1 { font-size: 1.4em; } 1473 h2 { font-size: 1.2em; } 1474 h3 { font-size: 1.0em; } 1475 </style> 1476
1476<script> 1477 (function(){ 1478 var hasGABeenLoaded = false; 1479 function loadGA(hasDidomiConsent){
vendor: 367 bytes, lines 1479-1484
1479 1480 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 1481 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 1482 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 1483 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 1484 ga('create', '
1484UA-5354236-47
vendor: 145 bytes, lines 1484-1490
1484', { 1485 cookieDomain: 'www.atoutecrire.com', 1486 cookieExpires: 34164000, 1487 name: 'ob', 1488 allowLinker: true 1489 }); 1490
1490if(hasDidomiConsent){ 1491 ga('set', 'allowAdPersonalizationSignals', false) 1492 }else{ 1493 ga('set', 'allowAdFeatures', false) 1494 } 1495 ga('ob.require', 'linkid', 'linkid.js'); 1496 ga('ob.set', 'anonymizeIp', true); 1497 ga('ob.set', 'dimension1', '__ads_loaded__' in window ? '0' : '1'); 1498 ga('ob.set', 'dimension2', 'fr'); 1499 ga('ob.set', 'dimension3', 'BS'); 1500 ga('ob.set', 'dimension4', 'jobs-education-studies'); 1501 ga('ob.set', 'dimension5', '0'); 1502 ga('ob.set', 'dimension6', '1'); 1503 ga('ob.set', 'dimension7', '1'); 1504 ga('ob.set', 'dimension10', '1047011'); 1505 ga('ob.set', 'dimension11', '1'); 1506 ga('ob.set', 'dimension12', '3'); 1507 ga('ob.set', 'dimension13', '1'); 1508 ga('ob.set', 'dimension14', '__ads_loaded__' in window ? '1' : '0'); 1509 ga('ob.set', 'dimension15', '__ads_loaded__' in window ? '0' : '1'); 1510 ga('ob.set', 'dimension16', '1047011'); 1511 ga('ob.set', 'dimension17', "Atoutecrire"); 1512 if (location) { 1513 ga('ob.set', 'dimension22', '' + location.hostname); 1514 } 1515 ga('ob.set', 'dimension23', hasDidomiConsent); 1516 ga('ob.set', 'dimension24', '20111107'); 1517 ga('ob.send', 'pageview'); 1518 hasGABeenLoaded = true; 1519 } 1520 var loadGATimeoutID = setTimeout(function() { 1521 loadGA(); 1522 }, 1000); 1523 window.didomiOnReady = window.didomiOnReady || []; 1524 window.didomiOnReady.push(function (Didomi) { 1525 clearTimeout(loadGATimeoutID); 1526 function getDidomiConsent(didomiId){ 1527 var consents = false; 1528 if (Didomi.isConsentRequired()) { 1529 consents = Didomi.getUserConsentStatusForVendor(didomiId); 1530 } else { 1531 consents = true; 1532 } 1533 return consents; 1534 } 1535 var hasGADidomiConsent = getDidomiConsent("google") && getDidomiConsent("c:googleana-XMqagawa"); 1536 if(!hasGABeenLoaded){ 1537 loadGA(hasGADidomiConsent); 1538 } 1539 }); 1540 })(); 1541</script>
vendor: 1 bytes, line 1541
1541
1542<script> 1543 function isConnected(connected, connected_owner, timestamp, user_id) { 1544 if (connected) { 1545 document.querySelector('html').classList.add('ob-connected') 1546 } 1547 if (connected_owner) { 1548 document.querySelector('html').classList.add('ob-connected-blog') 1549 } 1550 } 1551</script>
vendor: 1 bytes, line 1551
1551
1552<script src="ping/1047011/isConnected.js" async></script>
vendor: 1 bytes, line 1552
1552
1553<script src="b/blog/v2022.22.01/build/main.4155e0f7.js"></script>
1553 1554
1554<script src="js/gs.js" async></script>
1554 1555 </head> 1556 <!-- Body --> 1557 <body class="Body"> 1558 <div class="ob-ShareBar ob-ShareBar--dark js-ob-ShareBar"> 1559 <div class="ob-ShareBar-container ob-ShareBar-container--left"> 1560 <a href="https://www.over-blog.com/" class="ob-ShareBar-branding"> 1561 <img class="ob-ShareBar-brandingImg" src="b/blog/v2022.22.01/build/images/shareicon-branding-ob--dark.png" alt="Overblog"> 1562 </a> 1563 </div> 1564 <div class="ob-ShareBar-container ob-ShareBar-container--right"> 1565 <a href="#" data-href="https://www.facebook.com/sharer/sharer.php?u={referer}" title=" facebook" ="facebook"|trans }}"" class="ob-ShareBar-share ob-ShareBar-share--facebook"></a> 1566 <a href="#" data-href="https://twitter.com/intent/tweet?url={referer}&text={title}" title=" twitter" ="twitter"|trans }}"" class="ob-ShareBar-share ob-ShareBar-share--twitter"></a> 1567 <a href="#" data-href="#" title=" pinterest" ="pinterest"|trans }}"" class="ob-ShareBar-share ob-ShareBar-share--pinterest js-ob-ShareBar-share--pinterest"></a> 1568 <form action="search/" method="post" accept-charset="utf-8" class="ob-ShareBar-search"> 1569 <input type="text" name="q" value="" class="ob-ShareBar-input" placeholder="Rechercher"> 1570 <button class="ob-ShareBar-submit"></button> 1571 </form> 1572 <a class="js-ob-ShareBar-follow ob-ShareBar--connected ob-ShareBar-follow" href="https://admin.over-blog.com/_follow/1047011" target="_blank" rel="nofollow"> 1573 Suivre ce blog 1574 </a> 1575 <a href="https://admin.over-blog.com/" class="ob-ShareBar-admin ob-ShareBar--connected"> 1576 <img src="b/blog/v2022.22.01/build/images/lock-alt-dark.svg" class="ob-ShareBar-lock"> 1577 <span class="ob-ShareBar-text">Administration</span> 1578 </a> 1579 <a href="https://connect.over-blog.com/fr/login" class="ob-ShareBar-login ob-ShareBar--notconnected"> 1580 <img src="b/blog/v2022.22.01/build/images/lock-alt-dark.svg" class="ob-ShareBar-lock"> 1581 <span class="ob-ShareBar-text">Connexion</span> 1582 </a> 1583 <a href="https://www.over-blog.com/creation" class="ob-ShareBar-create ob-ShareBar--notconnected"> 1584 <span class="ob-ShareBar-plus">+</span> 1585 <span class="ob-ShareBar-text">Créer mon blog</span> 1586 </a> 1587 <span class="ob-ShareBar-toggle ob-ShareBar-toggle--hide js-ob-ShareBar-toggle"></span> 1588 </div> 1589 </div> 1590 <div class="ob-ShareBar ob-ShareBar--minified js-ob-ShareBar--minified"> 1591 <div class="ob-ShareBar-container"> 1592 <span class="ob-ShareBar-toggle ob-ShareBar-toggle--show js-ob-ShareBar-toggle"></span> 1593 </div> 1594 </div> 1595
1595<script src="b/blog/v2022.22.01/build/sharebar.db8ff6e0.js"></script>
1595 1596
1596<script> 1597 var postTitle = "Atoutecrire" 1598 socialShare(document.querySelector('.ob-ShareBar-share--facebook'), postTitle) 1599 socialShare(document.querySelector('.ob-ShareBar-share--twitter'), postTitle) 1600 </script>
1600 <div class="HeaderNav"> 1601 <!-- Header --> 1602 <div class="Header"> 1603 <figure class="Header-cover"> 1604 <img class="Header-coverImage" src="1/04/70/11/20150403/ob_e23780_logotestok.jpg" alt="Atoutecrire"/> 1605 </figure> 1606 </div> 1607 <!-- Nav --> 1608 <nav class="Nav"> 1609 <div class="Nav-content"> 1610 <span class="Nav-menuButton"> 1611 <span class="fa fa-fw fa-bars"></span> 1612 </span> 1613 <ul class="Nav-menu" role="menubar"> 1614 <li class="Nav-home Nav-elementList NavElement" role="menuitem"> 1615 <a class="NavElement-link" href="/">Accueil</a> 1616 </li> 1617 <li class="Nav-elementList NavElement" role="menuitem" aria-haspopup="true"> 1618 <a class="NavElement-link" href="#(inactif)">Ãcrits professionnels</a> 1619 <span class="NavElement-sub NavElementSub" role="menu" aria-hidden="true"> 1620 <a class="NavElement-link" href="tag/conseilsemploi/" role="menuitem">Ma recherche d'emploi 1621 </a> 1622 </span> 1623 </li> 1624 <li class="Nav-elementList NavElement" role="menuitem" aria-haspopup="true"> 1625 <a class="NavElement-link" href="tag/erreursfrequentesenfrancais/">Je corrige mes fautes</a> 1626 </li> 1627 <li class="Nav-elementList NavElement" role="menuitem" aria-haspopup="true"> 1628 <a class="NavElement-link" href="tag/boiteaoutils/">Boîte à outils</a> 1629 </li> 1630 <li class="Nav-elementList NavElement" role="menuitem"> 1631 <a class="NavElement-link" href="contact/" title="Contact">Contact</a> 1632 </li> 1633 </ul> 1634 </div> 1635 </nav> 1636 </div> 1637 <div class="Ad--970x90"> 1638 <div id="_be85639"></div> </div> 1639 <!-- Content --> 1640 <div class="Content Content--list"> 1641 <div class="Content-main"> 1642 <div class="PostPreview-container"> 1643 <div class="PostPreview PostPreview--OB"> 1644 <div class="PostPreview-cover"> 1645 <a class="PostPreview-coverLink" href="comment-reussir-la-redaction-de-vos-articles-de-blog/"> 1646 <img class="PostPreview-coverImage" src="h3DWfJ7tuOSPdF8HrQYqUHJxPDE-/630x400/smart/filters-no_upscale()/image/1047011/20200306/ob_f693a3_rediger-article-de-blog.jpg" alt="Comment réussir la rédaction de vos articles de blog? "/> 1647 </a> 1648 <span class="PostPreview-tags"> 1649 <a class="PostPreview-tag" href="tag/boiteaoutils/">Boîte à outils</a> </span> 1650 </div> 1651 <div class="PostPreview-content"> 1652 <p class="PostPreview-meta PostPreviewMeta"> 1653 <sp
1653an class="PostPreviewMeta-date"> 1654 <span class="fa fa-fw fa-calendar-o"></span> 1655 06/03/2020 1656 </span> 1657 <span class="PostPreviewMeta-source"> 1658 Publié depuis 1659 ATOUTECRIRE 1660 </span> 1661 <span class="PostPreviewMeta-comments"> 1662 <span class="fa fa-fw fa-comment-o"></span> 1663 <span id="comment-count-123889953">â¦</span>
1663<script> 1664 ob.commentCount(document.querySelector("#comment-count-123889953"), { 1665 id: 123889953, 1666 resource: "https://www.atoutecrire.com/api/comment-count/123889953", 1667 format: (count) => { 1668 const string = count === 0 1669 ? "0" 1670 : count === 1 1671 ? "%c" 1672 : "%c" 1673 return string.replace("%c", count) 1674 } 1675 }) 1676</script>
1676 1677 </span> 1678 </p> 1679 <h2 class="PostPreview-title"> 1680 <a href="comment-reussir-la-redaction-de-vos-articles-de-blog/" title="Comment réussir la rédaction de vos articles de blog? ">Comment réussir la rédaction de vos articles de blog? </a> 1681 </h2> 1682 <p class="PostPreview-snippet"> 1683 Vous souhaitez agrémenter votre boutique en ligne ou le site web de votre entreprise d'un blog ? Afin d'attirer... 1684 </p> 1685 <a class="PostPreview-readMore" href="comment-reussir-la-redaction-de-vos-articles-de-blog/" title="En savoir plus">En savoir plus</a> 1686 </div> 1687 </div> 1688 <div class="PostPreview PostPreview--OB"> 1689 <div class="PostPreview-cover"> 1690 <a class="PostPreview-coverLink" href="comment-faire-un-cv-design-en-quelques-clics/"> 1691 <img class="PostPreview-coverImage" src="1ymrQr_wt3ciUO-HAiix438hHcs-/630x400/smart/filters-no_upscale()/image/1047011/20200129/ob_a13753_modele-cv-design.JPG" alt="Comment faire un CV design en quelques clics ?"/> 1692 </a> 1693 <span class="PostPreview-tags"> 1694 <a class="PostPreview-tag" href="tag/cv/">CV</a>, <a class="PostPreview-tag" href="tag/conseilsemploi/">Conseils emploi</a>, <a class="PostPreview-tag" href="tag/infosduweb/">Infos du web</a> </span> 1695 </div> 1696 <div class="PostPreview-content"> 1697 <p class="PostPreview-meta PostPreviewMeta"> 1698 <span class="PostPreviewMeta-date"> 1699 <span class="fa fa-fw fa-calendar-o"></span> 1700 30/01/2020 1701 </span> 1702 <span class="PostPreviewMeta-source"> 1703 Publié depuis 1704 ATOUTECRIRE 1705 </span> 1706 <span class="PostPreviewMeta-comments"> 1707 <span class="fa fa-fw fa-comment-o"></span> 1708 <span id="comment-count-119052117">â¦</span>
1708<script> 1709 ob.commentCount(document.querySelector("#comment-count-119052117"), { 1710 id: 119052117, 1711 resource: "https://www.atoutecrire.com/api/comment-count/119052117", 1712 format: (count) => { 1713 const string = count === 0 1714 ? "0" 1715 : count === 1 1716 ? "%c" 1717 : "%c" 1718 return string.replace("%c", count) 1719 } 1720 }) 1721</script>
1721 1722 </span> 1723 </p> 1724 <h2 class="PostPreview-title"> 1725 <a href="comment-faire-un-cv-design-en-quelques-clics/" title="Comment faire un CV design en quelques clics ?">Comment faire un CV design en quelques clics ?</a> 1726 </h2> 1727 <p class="PostPreview-snippet"> 1728 La création dâun CV nâest pas un exercice facile. Le manque dâinspiration, de créativité ou de connaissances en... 1729 </p> 1730 <a class="PostPreview-readMore" href="comment-faire-un-cv-design-en-quelques-clics/" title="En savoir plus">En savoir plus</a> 1731 </div> 1732 </div> 1733 <div class="PostPreview PostPreview--OB"> 1734 <div class="PostPreview-cover"> 1735 <a class="PostPreview-coverLink" href="ne-faites-plus-l-erreur-comment-accorder-apres-plus-d-un/"> 1736 <img class="PostPreview-coverImage" src="wyTkCWgZF7ixAkZU6FJFtK928-k-/630x400/smart/filters-no_upscale()/image/1047011/20200115/ob_39521e_les-accords-apres-plus-d-un.jpg" alt="Ne faites plus l'erreur : Comment accorder après "plus d'un" ?"/> 1737 </a> 1738 <span class="PostPreview-tags"> 1739 <a class="PostPreview-tag" href="tag/erreursfrequentesenfrancais/">Erreurs fréquentes en français</a> </span> 1740 </div> 1741 <div class="PostPreview-content"> 1742 <p class="PostPreview-meta PostPreviewMeta"> 1743 <span class="PostPreviewMeta-date"> 1744 <span class="fa fa-fw fa-calendar-o"></span> 1745 15/01/2020 1746 </span> 1747 <span class="PostPreviewMeta-source"> 1748 Publié depuis 1749 ATOUTECRIRE 1750 </span> 1751 <span class="PostPreviewMeta-comments"> 1752 <span class="fa fa-fw fa-comment-o"></span> 1753 <span id="comment-count-115258460">â¦</span>
1753<script> 1754 ob.commentCount(document.querySelector("#comment-count-115258460"), { 1755 id: 115258460, 1756 resource: "https://www.atoutecrire.com/api/comment-count/115258460", 1757 format: (count) => { 1758 const string = count === 0 1759 ? "0" 1760 : count === 1 1761 ? "%c" 1762 : "%c" 1763 return string.replace("%c", count) 1764 } 1765 }) 1766</script>
1766 1767 </span> 1768 </p> 1769 <h2 class="PostPreview-title"> 1770 <a href="ne-faites-plus-l-erreur-comment-accorder-apres-plus-d-un/" title="Ne faites plus l'erreur : Comment accorder après "plus d'un" ?">Ne faites plus l'erreur : Comment accorder après "plus d'un" ?</a> 1771 </h2> 1772 <p class="PostPreview-snippet"> 1773 Il existe des sujets délicats à accorder. J'aborde en moins de 3 minutes ce que vous devez savoir pour les accords... 1774 </p> 1775 <a class="PostPreview-readMore" href="ne-faites-plus-l-erreur-comment-accorder-apres-plus-d-un/" title="En savoir plus">En savoir plus</a> 1776 </div> 1777 </div> 1778 <div class="PostPreview PostPreview--OB"> 1779 <div class="PostPreview-cover"> 1780 <a class="PostPreview-coverLink" href="ne-faites-plus-l-erreur-commencer-a-ou-commencer-par/"> 1781 <img class="PostPreview-coverImage" src="qmbwEQTz7hz9OUQPUDUElXAY6gQ-/630x400/smart/filters-no_upscale()/image/1047011/20200107/ob_415f74_commencer-a-ou-commencer-par.jpg" alt="Ne faites plus l'erreur : "commencer à " ou "commencer par""/> 1782 </a> 1783 <span class="PostPreview-tags"> 1784 <a class="PostPreview-tag" href="tag/erreursfrequentesenfrancais/">Erreurs fréquentes en français</a> </span> 1785 </div> 1786 <div class="PostPreview-content"> 1787 <p class="PostPreview-meta PostPreviewMeta"> 1788 <span class="PostPreviewMeta-date"> 1789 <span class="fa fa-fw fa-calendar-o"></span> 1790 07/01/2020 1791 </span> 1792 <span class="PostPreviewMeta-source"> 1793 Publié depuis 1794 ATOUTECRIRE 1795 </span> 1796 <span class="PostPreviewMeta-comments"> 1797 <span class="fa fa-fw fa-comment-o"></span> 1798 <span id="comment-count-116256039">â¦</span>
1798<script> 1799 ob.commentCount(document.querySelector("#comment-count-116256039"), { 1800 id: 116256039, 1801 resource: "https://www.atoutecrire.com/api/comment-count/116256039", 1802 format: (count) => { 1803 const string = count === 0 1804 ? "0" 1805 : count === 1 1806 ? "%c" 1807 : "%c" 1808 return string.replace("%c", count) 1809 } 1810 }) 1811</script>
1811 1812 </span> 1813 </p> 1814 <h2 class="PostPreview-title"> 1815 <a href="ne-faites-plus-l-erreur-commencer-a-ou-commencer-par/" title="Ne faites plus l'erreur : "commencer à " ou "commencer par"">Ne faites plus l'erreur : "commencer à " ou "commencer par"</a> 1816 </h2> 1817 <p class="PostPreview-snippet"> 1818 En fonction de la préposition utilisée, le verbe "commencer" change de sens. Une minute de lecture pour faire la... 1819 </p> 1820 <a class="PostPreview-readMore" href="ne-faites-plus-l-erreur-commencer-a-ou-commencer-par/" title="En savoir plus">En savoir plus</a> 1821 </div> 1822 </div> 1823 <div class="PostPreview PostPreview--OB"> 1824 <div class="PostPreview-cover"> 1825 <a class="PostPreview-coverLink" href="ne-faites-plus-l-erreur-tout-a-chacun-ou-tout-un-chacun/"> 1826 <img class="PostPreview-coverImage" src="T6wIT7mCVKWRICL-1BgxEvqxpMQ-/630x400/smart/filters-no_upscale()/image/1047011/20200106/ob_ad8429_tout-a-chacun-ou-toutun-chacun.jpg" alt="Ne faites plus l'erreur : "tout à chacun" ou "tout un chacun""/> 1827 </a> 1828 <span class="PostPreview-tags"> 1829 <a class="PostPreview-tag" href="tag/erreursfrequentesenfrancais/">Erreurs fréquentes en français</a> </span> 1830 </div> 1831 <div class="PostPreview-content"> 1832 <p class="PostPreview-meta PostPreviewMeta"> 1833 <span class="PostPreviewMeta-date"> 1834 <span class="fa fa-fw fa-calendar-o"></span> 1835 06/01/2020 1836 </span> 1837 <span class="PostPreviewMeta-source"> 1838 Publié depuis 1839 ATOUTECRIRE 1840 </span> 1841 <span class="PostPreviewMeta-comments"> 1842 <span class="fa fa-fw fa-comment-o"></span> 1843 <span id="comment-count-116289339">â¦</span>
1843<script> 1844 ob.commentCount(document.querySelector("#comment-count-116289339"), { 1845 id: 116289339, 1846 resource: "https://www.atoutecrire.com/api/comment-count/116289339", 1847 format: (count) => { 1848 const string = count === 0 1849 ? "0" 1850 : count === 1 1851 ? "%c" 1852 : "%c" 1853 return string.replace("%c", count) 1854 } 1855 }) 1856</script>
1856 1857 </span> 1858 </p> 1859 <h2 class="PostPreview-title"> 1860 <a href="ne-faites-plus-l-erreur-tout-a-chacun-ou-tout-un-chacun/" title="Ne faites plus l'erreur : "tout à chacun" ou "tout un chacun"">Ne faites plus l'erreur : "tout à chacun" ou "tout un chacun"</a> 1861 </h2> 1862 <p class="PostPreview-snippet"> 1863 Tout à chacun ou tout un chacun ? Telle est la question à laquelle je réponds en moins d'une minute de lecture... 1864 </p> 1865 <a class="PostPreview-readMore" href="ne-faites-plus-l-erreur-tout-a-chacun-ou-tout-un-chacun/" title="En savoir plus">En savoir plus</a> 1866 </div> 1867 </div> 1868 <div class="PostPreview PostPreview--OB"> 1869 <div class="PostPreview-cover"> 1870 <a class="PostPreview-coverLink" href="ne-faites-plus-l-erreur-aller-a-aller-chez-aller-en/"> 1871 <img class="PostPreview-coverImage" src="OUHEQVDtRBse5pBOXTKlIUhJWzc-/630x400/smart/filters-no_upscale()/image/1047011/20191215/ob_94c018_aller-a-aller-en-ou-aller-chez.jpg" alt="Ne faites plus l'erreur : "aller à ", "aller chez", "aller en""/> 1872 </a> 1873 <span class="PostPreview-tags"> 1874 <a class="PostPreview-tag" href="tag/erreursfrequentesenfrancais/">Erreurs fréquentes en français</a> </span> 1875 </div> 1876 <div class="PostPreview-content"> 1877 <p class="PostPreview-meta PostPreviewMeta"> 1878 <span class="PostPreviewMeta-date"> 1879 <span class="fa fa-fw fa-calendar-o"></span> 1880 22/12/2019 1881 </span> 1882 <span class="PostPreviewMeta-source"> 1883 Publié depuis 1884 ATOUTECRIRE 1885 </span> 1886 <span class="PostPreviewMeta-comments"> 1887 <span class="fa fa-fw fa-comment-o"></span> 1888 <span id="comment-count-115256713">â¦</span>
1888<script> 1889 ob.commentCount(document.querySelector("#comment-count-115256713"), { 1890 id: 115256713, 1891 resource: "https://www.atoutecrire.com/api/comment-count/115256713", 1892 format: (count) => { 1893 const string = count === 0 1894 ? "0" 1895 : count === 1 1896 ? "%c" 1897 : "%c" 1898 return string.replace("%c", count) 1899 } 1900 }) 1901</script>
1901 1902 </span> 1903 </p> 1904 <h2 class="PostPreview-title"> 1905 <a href="ne-faites-plus-l-erreur-aller-a-aller-chez-aller-en/" title="Ne faites plus l'erreur : "aller à ", "aller chez", "aller en"">Ne faites plus l'erreur : "aller à ", "aller chez", "aller en"</a> 1906 </h2> 1907 <p class="PostPreview-snippet"> 1908 Aller à /au, aller chez, aller en, sont utilisés régulièrement à l'oral. Pourtant, il est encore d'usage d'entendre... 1909 </p> 1910 <a class="PostPreview-readMore" href="ne-faites-plus-l-erreur-aller-a-aller-chez-aller-en/" title="En savoir plus">En savoir plus</a> 1911 </div> 1912 </div> 1913 <div class="PostPreview PostPreview--OB"> 1914 <div class="PostPreview-cover"> 1915 <a class="PostPreview-coverLink" href="ne-faites-plus-l-erreur-je-vous-saurais-gre-ou-je-vous-serais-gre/"> 1916 <img class="PostPreview-coverImage" src="D64Tyos5tX1xXggWINSzbLpqCCQ-/630x400/smart/filters-no_upscale()/image/1047011/20191215/ob_1dadd7_je-vous-saurais-gre-ou-je-vous-serais.jpg" alt="Ne faites plus l'erreur : "Je vous saurais gré" ou "Je vous serais gré" ?"/> 1917 </a> 1918 <span class="PostPreview-tags"> 1919 <a class="PostPreview-tag" href="tag/erreursfrequentesenfrancais/">Erreurs fréquentes en français</a> </span> 1920 </div> 1921 <div class="PostPreview-content"> 1922 <p class="PostPreview-meta PostPreviewMeta"> 1923 <span class="PostPreviewMeta-date"> 1924 <span class="fa fa-fw fa-calendar-o"></span> 1925 19/12/2019 1926 </span> 1927 <span class="PostPreviewMeta-source"> 1928 Publié depuis 1929 ATOUTECRIRE 1930 </span> 1931 <span class="PostPreviewMeta-comments"> 1932 <span class="fa fa-fw fa-comment-o"></span> 1933 <span id="comment-count-115253693">â¦</span>
1933<script> 1934 ob.commentCount(document.querySelector("#comment-count-115253693"), { 1935 id: 115253693, 1936 resource: "https://www.atoutecrire.com/api/comment-count/115253693", 1937 format: (count) => { 1938 const string = count === 0 1939 ? "0" 1940 : count === 1 1941 ? "%c" 1942 : "%c" 1943 return string.replace("%c", count) 1944 } 1945 }) 1946</script>
1946 1947 </span> 1948 </p> 1949 <h2 class="PostPreview-title"> 1950 <a href="ne-faites-plus-l-erreur-je-vous-saurais-gre-ou-je-vous-serais-gre/" title="Ne faites plus l'erreur : "Je vous saurais gré" ou "Je vous serais gré" ?">Ne faites plus l'erreur : "Je vous saurais gré" ou "Je vous serais gré" ?</a> 1951 </h2> 1952 <p class="PostPreview-snippet"> 1953 "Je vous saurais gré", 1 minute top chrono pour ne plus jamais faire l'erreur ! Hésitation entre les verbes "savoir"... 1954 </p> 1955 <a class="PostPreview-readMore" href="ne-faites-plus-l-erreur-je-vous-saurais-gre-ou-je-vous-serais-gre/" title="En savoir plus">En savoir plus</a> 1956 </div> 1957 </div> 1958 </div> 1959 <div class="Pagination"> 1960 <div class="ob-pagination"> 1961 <span class="ob-page ob-page-current ">1</span> 1962 <a href="page/2/" class="ob-page ob-page-link ">2</a> 1963 <a href="page/3/" class="ob-page ob-page-link ">3</a> 1964 <a href="page/4/" class="ob-page ob-page-link ">4</a> 1965 <a href="page/5/" class="ob-page ob-page-link ">5</a> 1966 <a href="page/6/" class="ob-page ob-page-link ">6</a> 1967 <a href="page/7/" class="ob-page ob-page-link ">7</a> 1968 <a href="page/8/" class="ob-page ob-page-link ">8</a> 1969 <a href="page/9/" class="ob-page ob-page-link ">9</a> 1970 <a href="page/10/" class="ob-page ob-page-link ob-page-tens">10</a> 1971 <a href="page/2/" class="ob-page ob-page-link ob-page-next">></a> 1972 <a href="page/14/" class="ob-page ob-page-link ob-page-last">>></a> 1973 </div> 1974 </div> 1975 </div> 1976 <!-- Sidebar --> 1977 <aside class="Sidebar"> 1978 <div class="Sidebar-widget Sidebar-ad--300x600" data-order="1"> 1979 <div id="_a5d5041"></div> </div> 1980 <div class="Sidebar-widget" data-order="3"> 1981 <h3 class="Sidebar-title"> 1982 Suivez-moi 1983 </h3> 1984 <ul class="Sidebar-widget Sidebar-follow SidebarFollow"> 1985 <li class="SidebarFollow-element"> 1986 <a class="SidebarFollow-elementLink SidebarFollow-elementLink--facebook" href="https://facebook.com/atoutecrire" target="_blank"> 1987 <span class="fa fa-fw fa-facebook"></span> 1988 </a> 1989 </li> 1990 <li class="SidebarFollow-element"> 1991 <a class="SidebarFollow-elementLink SidebarFollow-elementLink--twitter" href="https://twitter.com/atoutecrire" target="_blank"> 1992 <span class="fa fa-fw fa-twitter"></span> 1993 </a> 1994 </li> 1995 <li class="SidebarFollow-element"> 1996 <a class="SidebarFollow-elementLink SidebarFollow-elementLink--pinterest" href="https://pinterest.com/atoutecrire" target="_blank">
1997 <span class="fa fa-fw fa-pinterest"></span> 1998 </a> 1999 </li> 2000 <li class="SidebarFollow-element"> 2001 <a class="SidebarFollow-elementLink SidebarFollow-elementLink--instagram" href="https://instagram.com/atoutecrire" target="_blank"> 2002 <span class="fa fa-fw fa-instagram"></span> 2003 </a> 2004 </li> 2005 <li class="SidebarFollow-element"> 2006 <a class="SidebarFollow-elementLink SidebarFollow-elementLink--rss" href="rss/" target="_blank"> 2007 <span class="fa fa-fw fa-rss"></span> 2008 </a> 2009 </li> 2010 </ul> 2011 </div> 2012 <div class="Sidebar-widget" data-order="4"> 2013 <h3 class="Sidebar-title"> 2014 Recherche 2015 </h3> 2016 <form class="Sidebar-form" action="search/" method="post"> 2017 <input class="ob-input SidebarForm-input" type="text" name="q" placeholder="Recherche..." required="required"/> 2018 <input class="ob-input ob-input-submit SidebarForm-submit" type="submit" value="OK"/> 2019 </form> 2020 </div> 2021 <div class="Sidebar-widget Sidebar-ad--300x250" data-order="4"> 2022 <div id="_c2c43a9"></div> </div> 2023 <div class="Sidebar-widget" data-order="3"> 2024 <h3 class="Sidebar-title"> 2025 Catégories 2026 </h3> 2027 <ul class="Sidebar-list"> 2028 <li> 2029 <a href="tag/erreursfrequentesenfrancais/"> 2030 Erreurs Fréquentes En Français (45) 2031 </a> 2032 </li> 2033 <li> 2034 <a href="tag/conseilsemploi/"> 2035 Conseils Emploi (33) 2036 </a> 2037 </li> 2038 <li> 2039 <a href="tag/orthographe/"> 2040 Orthographe (23) 2041 </a> 2042 </li> 2043 <li> 2044 <a href="tag/boiteaoutils/"> 2045 Boîte à Outils (18) 2046 </a> 2047 </li> 2048 <li> 2049 <a href="tag/cv/"> 2050 Cv (11) 2051 </a> 2052 </li> 2053 <li> 2054 <a href="tag/homonymes/"> 2055 Homonymes (11) 2056 </a> 2057 </li> 2058 <li> 2059 <a href="tag/lettredemotivation/"> 2060 Lettre De Motivation (8) 2061 </a> 2062 </li> 2063 <li> 2064 <a href="tag/ameliorermaredaction/"> 2065 Améliorer Ma Rédaction (7) 2066 </a> 2067 </li> 2068 <li> 2069 <a href="tag/entretiend-embauche/"> 2070 Entretien D'embauche (6) 2071 </a> 2072 </li> 2073 <li> 2074 <a href="tag/mail/"> 2075 Mail (6) 2076 </a> 2077 </li> 2078 <li> 2079 <a href="tag/jeuxeducatifs/"> 2080 Jeux Ãducatifs (5) 2081 </a> 2082 </li> 2083 <li> 2084 <a href="tag/apprendrelefrancaispourlesenfants/"> 2085 Apprendre Le Français Pour Les Enfants (4) 2086 </a> 2087 </li> 2088 <li> 2089 <a href="tag/brouillon/"> 2090 Brouillon (3) 2091 </a> 2092 </li> 2093 <li>
2094 <a href="tag/correcteurs/"> 2095 Correcteurs (3) 2096 </a> 2097 </li> 2098 <li> 2099 <a href="tag/courrier/"> 2100 Courrier (3) 2101 </a> 2102 </li> 2103 <li> 2104 <a href="tag/infosduweb/"> 2105 Infos Du Web (3) 2106 </a> 2107 </li> 2108 <li> 2109 <a href="tag/lesaccords/"> 2110 Les Accords (2) 2111 </a> 2112 </li> 2113 <li> 2114 <a href="tag/paronyme/"> 2115 Paronyme (2) 2116 </a> 2117 </li> 2118 <li> 2119 <a href="tag/figuredestyle/"> 2120 Figure De Style (1) 2121 </a> 2122 </li> 2123 <li> 2124 <a href="tag/formulesdepolitesse/"> 2125 Formules De Politesse (1) 2126 </a> 2127 </li> 2128 <li> 2129 <a href="tag/vocabulaire/"> 2130 Vocabulaire (1) 2131 </a> 2132 </li> 2133 </ul> 2134 </div> 2135 <div class="Sidebar-widget" data-order="1"> 2136 <h3 class="Sidebar-title"> 2137 Inscrivez-vous 2138 </h3> 2139 <div class="Sidebar-content"> 2140 <p><span style="color:#800000;"><strong>Recevez en exclusivité l'infographie des 10 astuces pour éviter les fautes courantes à l'écrit !</strong></span></p> 2141<p><span style="font-size:18px;"><a href="https://mailchi.mp/44734119addf/inscription-atoutecrire"><span style="color:#808080;"><strong><span style="background-color:#ffd700;">C'est juste ICI</span></strong></span></a></span></p> 2142 </div> 2143 </div> 2144 <div class="Sidebar-widget" data-order="2"> 2145 <h3 class="Sidebar-title"> 2146 Découvrez également : 2147 </h3> 2148 <div class="Sidebar-content"> 2149 <p><span style="color:#800000;"><strong>Vous avez besoin d'une Rédactrice Web pour écrire vos articles de blog ?</strong></span><br/> 2150Rédiger pour vous est mon métier !</p> 2151<p><strong><a href="https://www.balisetonarticle.fr/" target="_self">https://www.balisetonarticle.fr</a></strong></p> 2152<p> </p> 2153<p><span style="color:#800000;"><strong>Vous souhaitez parler de votre activité sur ce blog et présenter à mes lecteurs vos meilleurs produits et services, autour de la pédagogie ?</strong></span></p> 2154<p>Contactez-moi directement via :<br/> 2155<strong> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="96faf9faffe2f7d6f7e2f9e3e2f3f5e4ffe4f3b8f5f9fb">[email protected]</a></strong></p> 2156<p> </p> 2157<p><span style="color:#800000;"><strong>Atoutecrire, c'est aussi :</strong></span></p> 2158<p><span style="color:#800000;"><strong>1 groupe FB : <a href="https://www.facebook.com/groups/cvefficace/" target="_top">CV efficace</a></strong></span><br/> 2159Vous y trouverez une communauté pour vous aider à concevoir un CV pertinent.</p> 2160<p><strong><span style="color:#800000;">1 page FB :</span><span style="color:#ff8c00;"> </span><a href="https://www.facebook.com/atoutecrire/" target="_top"><span style="color:#ff8c00;">atoutecrire</span></a></strong><br/> 21611 erreur par jour (conjugaison, orthographe, grammaire, typographie) expliquée pour vous !</p> 2162<p> </p> 2163<p><span style="color:#000000;"><strong><span style="background-color:#ff8c00;">Envie d'une activité pour la fratrie à la maison ?</span></strong></span></p> 2164<p><a href="test-et-avis-sur-un-escape-game-a-imprimer-pour-des-enfants-de-9-
2164a-14-ans/" target="_self">Découvrez le Kit Escape Game à faire à la maison</a> !</p> 2165<p><strong>30 % de réduction avec le code "MARS2020"</strong></p> 2166<figure class="image-align-left" style="margin:10px 10px 10px 0px"><a href="test-et-avis-sur-un-escape-game-a-imprimer-pour-des-enfants-de-9-a-14-ans/" rel="noreferrer" target="_blank"><img alt="" class="image-size-medium" data-amp-height="1200" data-amp-width="1600" src="1/04/70/11/20200129/ob_44adb1_avis-escape-game-maison_width-1600-height-1200.JPG"/></a></figure> 2167<p> </p> 2168<p> </p> 2169<p> </p> 2170<p> </p> 2171<p> </p> 2172<p> </p> 2173<p> </p> 2174<p><span style="font-size:12px;"><span style="font-family:Georgia,serif;"><em>@toutecrire Programme Partenaires</em><br/> 2175<em>Ce blog participe au Programme Partenaires d’Amazon, un programme d’affiliation conçu pour permettre à des sites de percevoir une rémunération grâce à la création de liens vers Amazon.fr. Quand vous cliquez sur ces liens, vous soutenez le blog, alors merci ;-)</em></span></span></p> 2176 </div> 2177 </div> 2178 </aside> 2179 </div> 2180 <!-- Footer --> 2181 <div class="Footer"> 2182 <div class="Footer-content"> 2183 Thème Magazine - Hébergé par <a href="https://www.over-blog.com/" target="_blank"></a> 2184 </div> 2185 </div> 2186 <!-- Google Analytics -->
vendor: 118 bytes, lines 2186-2187
2186 2187 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
2187<script type="text/javascript"> 2188 window.google_analytics_uacct = 'UA-55737393-1'; 2189 var _gaq = _gaq || []; 2190 _gaq.push(['_setAccount', 'UA-55737393-1']); 2191 _gaq.push(['_trackPageview']); 2192 _gaq.push(['_trackPageLoadTime']); 2193 (function() { 2194 var ga = document.createElement('script'); 2195 ga.type = 'text/javascript'; 2196 ga.async = true; 2197 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'https://www') + '.google-analytics.com/ga.js'; 2198 var s = document.getElementsByTagName('script')[0]; 2199 s.parentNode.insertBefore(ga, s); 2200 })(); 2201 </script>
2201 2202 <!-- jQuery onReady --> 2203
2203<script type="text/javascript"> 2204 jQuery(document).ready(function() { 2205 /* Menu */ 2206 $(".Nav-menuButton").click(function(){ 2207 if($(".Nav-menu").hasClass("Nav-menu--open")) { 2208 $(".Nav-menu").removeClass("Nav-menu--open"); 2209 } else { 2210 $(".Nav-menu").addClass("Nav-menu--open"); 2211 } 2212 }); 2213 /* Fancybox */ 2214 $(".ob-section-images a.ob-link-img").attr("rel", "fancybox-thumb"); 2215 $(".ob-section-images a.ob-link-img").fancybox({ 2216 prevEffect : 'none', 2217 nextEffect : 'none', 2218 helpers : { 2219 title : { 2220 type: 'outside' 2221 }, 2222 thumbs : { 2223 width : 50, 2224 height : 50 2225 } 2226 }, 2227 beforeShow: function(){ 2228 $(".fancybox-skin").css("padding", "0"); 2229 $(".fancybox-inner").css("width", "auto"); 2230 } 2231 }); 2232 }); 2233 </script>
2233 2234 <div class="ob-footer ob-footer-padded" id="legals"> 2235 <ul> 2236 <li class="ob-footer-item">Voir le profil de <a href="https://www.over-blog.com/user/974199.html" target="_blank">Lolita</a> sur le portail Overblog</li> 2237 <li class="ob-footer-item"><a href="top/">Top articles</a></li> 2238 <li class="ob-footer-item"><a href="contact/">Contact</a></li> 2239 <li class="ob-footer-item"><a href="https://www.over-blog.com/abuse/1047011"> Signaler un abus </a></li> 2240 <li class="ob-footer-item"><a href="https://www.over-blog.com/terms-of-use" target="_blank">C.G.U.</a></li> 2241 <li class="ob-footer-item"><a href="https://www.over-blog.com/cookies" target="_blank">Cookies et données personnelles</a></li> 2242 <li class="ob-footer-item"><a href="javascript:Didomi.notice.show()">Préférences cookies</a></li> 2243 </ul> 2244</div> 2245 <div id="_ae554fa"></div>
2245<script>
vendor: 375 bytes, lines 2245-2250
2245 2246 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 2247 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 2248 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 2249 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 2250 })(window,document,'script','dataLayer', "
2250GTM-WG3SK3P
vendor: 6 bytes, lines 2250-2251
2250"); 2251
2251</script>
2251 2252 <center><font size="2">This is a website recovered by the free version of the <a href="https://www.waybackmachinedownloads.com">Wayback Downloader.</a></font></center>
2252<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2a08eb95d38f4b10a3f2840c5feb764f","r":1,"spa":2}' crossorigin="anonymous"></script>
2252 2253</body> 2254</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.