html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, code,del, dfn, em, img, q, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}body { line-height:1.5; }table { border-collapse:separate; border-spacing:0; }caption, th, td { text-align:left; font-weight:normal; }table, td, th { vertical-align:middle; }blockquote:before, blockquote:after, q:before, q:after { content:""; }blockquote, q { quotes:"" ""; }a img { border:none; }html { font-size:100.01%; }body { font-size:75%; color:#222; background:#fff; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}h1,h2,h3,h4,h5,h6 { font-weight:normal; color:#111; }h1 { font-size:3em; line-height:1; margin-bottom:0.5em; }h2 { font-size:2em; margin-bottom:0.75em; }h3 { font-size:1.5em; line-height:1; margin-bottom:1em; }h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }h6 { font-size:1em; font-weight:bold; }h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0;}p { margin:0 0 1.5em; }p img.left { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }p img.right { float:right; margin:1.5em 0 1.5em 1.5em; }a:focus, a:hover { color:#000; }a { color:#009; text-decoration:underline; }blockquote { margin:1.5em; color:#666; font-style:italic; }strong { font-weight:bold; }em,dfn { font-style:italic; }dfn { font-weight:bold; }sup, sub { line-height:0; }abbr, acronym { border-bottom:1px dotted #666; }address { margin:0 0 1.5em; font-style:italic; }del { color:#666; }pre { margin:1.5em 0; white-space:pre; }pre,code,tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }li ul, li ol { margin:0 1.5em; }ul, ol { margin:0 1.5em 1.5em 1.5em; }ul { list-style-type:disc; }ol { list-style-type:decimal; }dl { margin:0 0 1.5em 0; }dl dt { font-weight:bold; }dd { margin-left:1.5em;}table { margin-bottom:1.4em; width:100%; }th { font-weight:bold; }thead th { background:#c3d9ff; }th,td,caption { padding:4px 10px 4px 5px; }tr.even td { background:#e5ecf9; }tfoot { font-style:italic; }caption { background:#eee; }.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }.hide { display:none; }.quiet { color:#666; }.loud { color:#000; }.highlight { background:#ff0; }.added { background:#060; color:#fff; }.removed { background:#900; color:#fff; }.first { margin-left:0; padding-left:0; }.last { margin-right:0; padding-right:0; }.top { margin-top:0; padding-top:0; }.bottom { margin-bottom:0; padding-bottom:0; }.container { width:942px; margin:0 auto;}.showgrid { background:url(grid.png); }.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16 { float:left; margin-right:18px;}.last, div.last { margin-right:0; }.span-1 { width:42px; }.span-2 { width:102px; }.span-3 { width:162px; }.span-4 { width:222px; }.span-5 { width:282px; }.span-6 { width:342px; }.span-7 { width:402px; }.span-8 { width:462px; }.span-9 { width:522px; }.span-10 { width:582px; }.span-11 { width:642px; }.span-12 { width:702px; }.span-13 { width:762px; }.span-14 { width:822px; }.span-15 { width:882px; }.span-16 { width:942px; margin-right:0; }input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16 { border-left-width:1px!important; border-right-width:1px!important; padding-left:5px!important; padding-right:5px!important;}input.span-1, textarea.span-1 { width:30px!important; }input.span-2, textarea.span-2 { width:90px!important; }input.span-3, textarea.span-3 { width:150px!important; }input.span-4, textarea.span-4 { width:210px!important; }input.span-5, textarea.span-5 { width:270px!important; }input.span-6, textarea.span-6 { width:330px!important; }input.span-7, textarea.span-7 { width:390px!important; }input.span-8, textarea.span-8 { width:450px!important; }input.span-9, textarea.span-9 { width:510px!important; }input.span-10, textarea.span-10 { width:570px!important; }input.span-11, textarea.span-11 { width:630px!important; }input.span-12, textarea.span-12 { width:690px!important; }input.span-13, textarea.span-13 { width:750px!important; }input.span-14, textarea.span-14 { width:810px!important; }input.span-15, textarea.span-15 { width:870px!important; }input.span-16, textarea.span-16 { width:930px!important; }.append-1 { padding-right:60px; } .append-2 { padding-right:120px; } .append-3 { padding-right:180px; } .append-4 { padding-right:240px; } .append-5 { padding-right:300px; } .append-6 { padding-right:360px; } .append-7 { padding-right:420px; } .append-8 { padding-right:480px; } .append-9 { padding-right:540px; } .append-10 { padding-right:600px; } .append-11 { padding-right:660px; } .append-12 { padding-right:720px; } .append-13 { padding-right:780px; } .append-14 { padding-right:840px; } .append-15 { padding-right:900px; } .prepend-1 { padding-left:60px; } .prepend-2 { padding-left:120px; } .prepend-3 { padding-left:180px; } .prepend-4 { padding-left:240px; } .prepend-5 { padding-left:300px; } .prepend-6 { padding-left:360px; } .prepend-7 { padding-left:420px; } .prepend-8 { padding-left:480px; } .prepend-9 { padding-left:540px; } .prepend-10 { padding-left:600px; } .prepend-11 { padding-left:660px; } .prepend-12 { padding-left:720px; } .prepend-13 { padding-left:780px; } .prepend-14 { padding-left:840px; } .prepend-15 { padding-left:900px; } div.border { padding-right:8px; margin-right:9px; border-right:1px solid #eee;}div.colborder { padding-right:38px; margin-right:39px; border-right:1px solid #eee;}.pull-1 { margin-left:-60px; }.pull-2 { margin-left:-120px; }.pull-3 { margin-left:-180px; }.pull-4 { margin-left:-240px; }.pull-5 { margin-left:-300px; }.pull-6 { margin-left:-360px; }.pull-7 { margin-left:-420px; }.pull-8 { margin-left:-480px; }.pull-9 { margin-left:-540px; }.pull-10 { margin-left:-600px; }.pull-11 { margin-left:-660px; }.pull-12 { margin-left:-720px; }.pull-13 { margin-left:-780px; }.pull-14 { margin-left:-840px; }.pull-15 { margin-left:-900px; }.pull-16 { margin-left:-960px; }.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16 {float:left; position:relative;}.push-1 { margin:0 -60px 1.5em 60px; }.push-2 { margin:0 -120px 1.5em 120px; }.push-3 { margin:0 -180px 1.5em 180px; }.push-4 { margin:0 -240px 1.5em 240px; }.push-5 { margin:0 -300px 1.5em 300px; }.push-6 { margin:0 -360px 1.5em 360px; }.push-7 { margin:0 -420px 1.5em 420px; }.push-8 { margin:0 -480px 1.5em 480px; }.push-9 { margin:0 -540px 1.5em 540px; }.push-10 { margin:0 -600px 1.5em 600px; }.push-11 { margin:0 -660px 1.5em 660px; }.push-12 { margin:0 -720px 1.5em 720px; }.push-13 { margin:0 -780px 1.5em 780px; }.push-14 { margin:0 -840px 1.5em 840px; }.push-15 { margin:0 -900px 1.5em 900px; }.push-16 { margin:0 -960px 1.5em 960px; }.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16 {float:right; position:relative;}.prepend-top { margin-top:1.5em; }.append-bottom { margin-bottom:1.5em; } .box { padding:1.5em; margin-bottom:1.5em; background:#E5ECF9; }hr { background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none; }hr.space { background:#fff; color:#fff;}.clearfix:after, .container:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; }.clearfix, .container {display:block;}.clear { clear:both; }label { font-weight:bold; }fieldset { padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc; }legend { font-weight:bold; font-size:1.2em; }input[type=text], input[type=password],input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; }input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; }input[type=text], input[type=password],input.text, input.title,textarea, select { margin:0.5em 0;}input.text, input.title { width:300px; padding:5px; }input.title { font-size:1.5em; }textarea { width:390px; height:250px; padding:5px; }input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em; }form.inline { line-height:3; }form.inline p { margin-bottom:0; }.error,.notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }.error a { color:#8a1f11; }.notice a { color:#514721; }.success a { color:#264409; }body { font-size:14px; line-height:1.5em; }h1, h2, h3, h4, h5, h6, p, blockquote {font-size:1em; line-height:1.5em; margin-bottom:1.5em}h1 { font-size:3em; line-height:1em; margin-top:-0em; margin-bottom:0.5em; }h2 { font-size:2em; line-height:1.5em; margin-top:-0em; margin-bottom:0.75em; }h3 { font-size:1.5em; line-height:1em; margin-top:-0em; margin-bottom:1em; }h4 { font-size:1.2em; line-height:1.25em; margin-top:-0em; margin-bottom:1.25em; }h5 { font-size:1em; line-height:1.5em; margin-top:-0em; margin-bottom:1.5em; }h6 { font-size:1em; line-height:1.5em; margin-top:-0em; margin-bottom:1.5em; }

/* --------------------------------------------------------------   
Coulours :
	Texte : 333	
    Rose : FF3D93
	Rose clair : F3B3CE	
    Gris moyen : 828282	
    Gris fonce : 525252	
    Gris clair :	
    Vert : 869802
    Bleu : #00CFDF
-------------------------------------------------------------- */

pre {
    overflow-x: scroll;
    position: relative;
}
pre code:hover {
    position: absolute;
    top: 0;
    left: 0;
}
a:focus {
    color:#869802;
    text-decoration:underline;
}
h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    color:#869802;
}
.left {
    float:left;
}
.right {
    float:right;
}
.alignleft {
    text-align:left;
}
.alignright {
    text-align:right;
}
.aligncenter {
    text-align:center;
}
#page {
    color:#333;
}
#header {
    margin-bottom:21px;
    position:relative;
}
#logo {
    position:absolute;
    width:162px;
    height:344px;
}
h1 {
    font-size:3.5em;
    letter-spacing:-1px;
    padding-top:42px;
    margin-left:-18px;
}
h1 a:hover {
    text-decoration:none;
}
#nav-pages {
    width:462px;
    position:absolute;
    top:11px;
    right:0;
    text-align: right;
}
#nav-pages ul {
    list-style:none;
    padding-top:42px;
    margin:0;
    padding:0;
}
#nav-pages li {
    display:inline;
}
#nav-pages a {
    padding:1em;
}
#description {
    color:#00CFDF;
    font-size:2em;
    line-height:1.25em;
    margin-bottom:2.5em;
}
#s {
    width:162px;
}
#searchsubmit {
    display:none;
}
#content {
    overflow:hidden;
    padding-bottom:42px;
    margin-bottom: 21px;
    background:transparent url(images/bg-content.png) repeat-y 0 462px;
}
#content h2 {
    line-height:1.25em;
    border-left:1px solid #828282;
    padding-left:0.5em;
}
.hentry {
    position:relative;
    padding-right:1em;
    padding-bottom:21px;
    margin-bottom:21px;
    background:transparent url(images/picto-js-4-design.png) no-repeat 50% 100%;
}
.entry {
    text-align:justify;
}
.date-parution {
    position:absolute;
    top:0.5em;
    width:42px;
    left:-60px;
    text-align:right;
    line-height:1em;
}
.navigation {
    font-size:1.5em;
}
#sidebar h2 {
    margin-bottom:0;
    color:#00CFDF;
}
#sidebar a {
    color:#454F00;
}
#sidebar ul {
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar ul li {
    list-style:none;
    margin:0;
    padding:0.25em;
    padding-left:2.5em;
    background:transparent url(images/picto-js-4-design.png) no-repeat -21px 3px;
}
#footer {
    margin-top:21px;
    padding:21px 0;
    border-top: 1px solid #777;
    border-bottom: 1px solid #FF3D93;
    background:#eee;
}
#footer a {
    text-decoration:underline;
}
#footer p {
    padding-left:240px;
}
a:hover,a {
    color:#869802;
    text-decoration:none;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a {
    color:#525252;
}
#recherche,#sidebar .widget {
    margin-bottom:2.4em;
}

/* Affichage Adsense */

.ads {
  background: transparent url(images/ajax-loader.gif) no-repeat center center;
}