.button{padding:8px}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
html{font-size:93.7%}
body{font-weight:400;color:#333;background:#fff;font-size:1.125em;line-height:1.5;font-family:sans-serif}
.container-nav{max-width:1280px;margin:0 auto}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{line-height:1.25;margin:0 0 1rem;font-weight:400}
.h1,.h2,.h3,.h4,.h5,.h6{height:auto}
h1,.h1{font-size:2.5em}
h2,.h2{font-size:2.2em}
h3,.h3{font-size:1.8em}
h4,.h4{font-size:1.5em}
h5,.h5{font-size:1.3em}
h6,.h6{font-size:1.1em}
a{color:#0096dd}
a:hover{color:#87B225}
.header{background:#3CB4EE;color:#fff;padding:20px}
.header h1{font-weight:300;font-size:5.4em;padding-top:60px;line-height:1em;margin-bottom:0;text-align:left}
.header h2{font-weight:300;font-weight:100;font-style:italic;text-align:left}
.header img{margin-top:26px}
.header h1 a{color:#fff}
.header h1 a:hover{color:rgba(255,255,255,.4)}
@media (max-width: 767px) {
.header h1{font-size:2.8em;margin-bottom:10px;text-align:center}
.header h2{font-size:1.25em;text-align:center}
}
.top{background:rgba(255,255,255,.12);z-index:9999;box-shadow:none;font-weight:400;padding:10px 0;height:auto;z-index:9999;position:fixed;width:0 auto;transition:.5s all ease;-webkit-transition:.5s all ease;-moz-transition:.5s all ease}
.change{background:#fff;-webkit-animation:fadeIn .8s;-moz-animation:fadeIn .8s;animation:fadeIn .8s;border-bottom:1px solid #3CB4EE;padding:0}
.menu-btn,.menu-top{display:inline;margin-right:10px;font-size:1.125em;font-weight:400}
.menu-btn{color:#fff}
.menu-btn:hover{color:#87B225}
.menu-btn a,.menu-top a{color:#fff}
.menu-btn a:hover,.menu-top a:hover{color:#87B225}
.menu-btn-change{color:#0096dd}
.menu-btn-change:hover{color:#87B225}
.menu-btn-change a,.menu-top-change a{color:#0096dd}
.menu-top-change a:hover{color:#87B225}
.menu-top-right{display:none;color:#fff;float:right}
.menu-top-right-change{display:inline-block;color:#0096dd;padding-left:8px;padding-top:12px}
.menu-change{text-align:left;direction:ltr}
.menu-btn:hover,.menu-top a:hover{cursor:pointer}
.toggleMenu{display:none;width:100%;padding:8px 0;color:#87B225;text-align:center;background:#fff;background-repeat:no-repeat;margin:0;font-weight:700}
a.toggleMenu{color:#2E2B57}
a:hover.toggleMenu{color:#0096dd}
.nav-horizontal{*zoom:1;list-style:none;background:transparent;text-transform:normal;text-align:left}
.nav-horizontal ul,li{margin:0;padding:0}
.nav-horizontal span{content:" ";display:table;color:#87B225}
.nav-horizontal li a,.nav-horizontal span{display:block;color:#0096dd;padding:8px 8px 12px;margin:3px;background:#fff}
.nav-horizontal li a:hover,.nav-horizontal span:hover{color:#87B225}
.nav-horizontal:before,.nav-horizontal:after{content:" ";display:table}
.nav-horizontal:after{clear:both}
.nav-horizontal ul{list-style:none;width:100%}
.nav-horizontal li{position:relative}
.nav-horizontal > li{text-align:left;display:inline-block}
.nav-horizontal > li > .parent:after,.nav-horizontal span:after{display:inline-block;font-size:inherit;content:"\0000a0\2193";color:#4ABE75}
.nav-horizontal li ul{position:absolute;display:none;background:#333;width:250px}
.nav-horizontal > li.hover > ul{left:0;display:block}
.nav-horizontal li li.hover ul{left:100%;top:0}
.nav-horizontal li li a{padding:8px;display:block;position:relative;z-index:100;background:transparent;color:#fff;margin:0 0 2px}
.nav-horizontal li li a:hover{background:transparent;color:#3CB4EE}
@media handheld,only screen and (max-width: 1024px) {
.top{background:rgba(255,255,255,1)}
.nav-horizontal li a,.nav-horizontal span{padding:4px}
.nav-horizontal{margin:4px;padding:4px;float:none}
.nav-horizontal > li{float:none;width:100%;text-align:center}
.nav-horizontal ul{display:block;width:100%}
.nav-horizontal li ul{width:100%}
.nav-horizontal > li.hover > ul,.nav-horizontal li li.hover ul{position:static}
.nav-horizontal li li a{width:100%}
.nav-horizontal li li a:hover{width:100%}
}
@media handheld,only screen and (max-width: 480px) {
.nav-horizontal{text-align:center;margin:0;padding:0}
.nav-horizontal > li{float:none;width:100%}
.nav-horizontal ul{display:block;width:100%}
}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.pt10{padding-top:10px}
.pb10{padding-bottom:10px}
.mt10{margin-top:10px}
.mb10{margin-bottom:10px}
.pt20{padding-top:20px}
.pb20{padding-bottom:20px}
.mt20{margin-top:20px}
.mb20{margin-bottom:20px}
.pt30{padding-top:30px}
.pb30{padding-bottom:30px}
.mt30{margin-top:30px}
.mb30{margin-bottom:40px}
.pt40{padding-top:40px}
.pb40{padding-bottom:40px}
.mt40{margin-top:40px}
.mb40{margin-bottom:40px}
.pt50{padding-top:50px}
.pb50{padding-bottom:50px}
.mt50{margin-top:50px}
.mb50{margin-bottom:50px}
.pt60{padding-top:60px}
.pt100{padding-top:100px}
.pb60{padding-bottom:60px}
.mt60{margin-top:60px}
.mb60{margin-bottom:60px}
.m10{margin:10px}
.m20{margin:20px}
.m30{margin:30px}
.m40{margin:40px}
.p10{padding:10px}
.p20{padding:20px}
.p30{padding:30px}
.p40{padding:40px}
@media (max-width: 767px) {
.pt30,.pt40,.pt50,.pt60,.pt80,.pt100{padding-top:10px}
.pb30,.pb40,.pb50,.pb60,.pb80{padding-bottom:10px}
}
.medium{font-size:.95em}
.tiny{font-size:.7em}
.big{font-size:1.2em}
.more{padding:20px 0 10px}
.p_next a,.p_last a,.p_first a,.p_prev a,.more a{background-color:#0096dd;color:#fff;padding:10px}
.p_next a:after,.more a:after{display:inline-block;font-size:1rem;content:"\0000a0\2192";font-weight:100}
.p_prev a:before{display:inline-block;font-size:1rem;content:"\2190\0000a0"}
.p_page,.p_current{padding:10px}
.p_page,.p_current,.p_next a:hover,.p_first a:hover,.p_last a:hover,.p_prev a:hover,.more a:hover{background:#87B225;color:#fff}
.searchform{margin:10px 0 0 10px}
.searchfields{padding-bottom:20px}
input.searchfield[type=text]{padding:2px;width:100%}
input.searchbutton[type=submit]{padding:4px;margin:4px 0 0;background:#0096dd;float:right}
input.searchbutton[type=submit]:hover{background:#0096dd}
.searchform ul{margin:0;padding:0}
.searchform ul li{margin:2px 6px 2px 0;padding:0;float:left;list-style-type:none}
#static-page-rechercher{background:#fff;padding:20px}
.search_results a{color:#0096dd}
.search_results a:hover{color:#3CB4EE}
article p{margin-top:0}
.article h1 a{color:#0096dd}
.article h1 a:hover{color:#3CB4EE}
.bg-article,.bg-static,.bg-aside{background:#fff;padding:20px;border-style:solid;border-width:0;border-color:#3CB4EE!important;-webkit-transition:.5s all ease;-moz-transition:.5s all ease}
.bg-comment{background:#f3f3f3;padding:20px;border-style:solid;border-width:0;border-color:#3CB4EE!important}
.bg-aside{border-style:solid;border-width:0;border-color:#3CB4EE!important;border-left:0;border-left-style:solid;border-left-color:#3CB4EE!important}
aside h3{color:#333}
aside li a{color:#0096dd}
aside li a:hover{color:#87B225}
aside ul#nuage-mots li a{color:#fff}
aside ul#nuage-mots li a:hover{color:#fff;border-bottom:transparent}
aside ul#nuage-mots li:before{display:inline-block;content:"\2713\0000a0";font-size:.8em}
aside ul#nuage-mots li{display:inline-block;padding:6px;background:#0096dd;color:#fff;margin:0 6px 6px 0}
aside ul#nuage-mots li:hover{background:#87B225}
aside ul#nuage-mots{list-style-type:none;margin:0;padding:20px 0}
@media (max-width: 767px) {
aside{text-align:center}
aside li{background:#f2f2f2;margin-bottom:2px}
aside h3:after{display:none}
aside h3{background:#3CB4EE;color:#0096dd;font-weight:700;padding:6px}
.bg-aside{border-left:0 solid transparent}
aside .line{display:none}
aside .line:before,aside .line:after{display:none}
}
.art-info{font-size:.9em}
.art-info span{display:inline;margin-right:16px}
.art-info i{padding-right:4px}
.art-info a{text-decoration:none}
.art-info.deco{padding:10px;background:transparent}
.art-info.home-com{font-size:1.1em;text-align:center}
.repertory{padding:4px;margin:10px 0}
table{margin-bottom:20px}
.type-normal{background:#fff;background-size:196px auto;font-style:italic;margin-top:0;padding:20px}
.type-admin{background:#f2f2f2;background-size:196px auto;font-style:italic;margin-top:0;padding:20px}
.type-admin a{color:#fff;border-bottom:1px dotted #fff}
.type-admin a:hover{border-bottom:1px dotted transparent;color:#fff}
#comments h2{color:#3CB4EE}
.bg-footer{background:#333;font-weight:400;color:#3CB4EE}
.footer{padding-top:30px;padding-bottom:30px}
.footer a{color:#fff}
.footer a:hover{color:#87B225}
.expanded-footer li a{display:block;padding:14px;margin:0}
@media (max-width: 767px) {
.menu li{margin:0}
}
.clear{clear:both}
.text-italic{font-style:italic}
.text-bold{font-weight:700}
.choix-cat{position:relative;margin:20px 0 0;padding:8px;font-size:1.1em;font-weight:400;text-align:right;line-height:40px}
.capcha-word{font-size:1.5em;font-weight:700}
.article-home img.art_thumbnail{display:inline-block;float:left;padding:5px 10px 10px 0;width:280px}
.author-infos{padding:20px;margin-top:20px;margin-bottom:20px;background:#f2f2f2;border-style:solid;border-width:0;border-color:#3CB4EE!important}
.author-infos a{color:#0096dd}
.author-infos a:hover{color:#414141}
.rss-comments{padding:10px;margin-top:20px;margin-bottom:20px;background:transparent;display:inline;float:right;clear:both;font-weight:400;font-size:.9rem;border-style:solid;border-width:0;border-color:#f60!important}
.rss-comments:hover{background:#ffd5bb}
.rss-comments a{color:#f60}
.rss-comments a:hover{color:#ff6000}
a .art_thumbnail{border:0 solid #0096dd;padding:0}
.at-noborder img.art_thumbnail{border:0 solid #3CB4EE;padding:0;margin:0}
.icons-set{display:inline-block;text-align:center;width:31%;padding:1%;margin:1%;border:1px solid #f2f2f2}
.icons-set span.icons{font-size:32px;vertical-align:middle}
div#themeby p{position:absolute;bottom:0;font-size:.8em;color:#f2f2f2;text-align:center;left:25%}
div#themeby a{color:#87B225}
div#themeby a:hover{color:#3CB4EE}
.content_com{border-bottom:1px solid #3CB4EE}
.com-cancel a:before{content:"\e082\0000a0"}
.com-reply a,.com-cancel a{background-color:#3CB4EE;color:#fff;padding:8px;display:inline-block;float:right}
.com-cancel a{background:#87B225}
.com-reply a:hover{background:#0096dd}
.va-mid{vertical-align:middle}
.level-0{margin-left:0}
.level-1{margin-left:40px}
.level-2{margin-left:80px}
.level-3{margin-left:120px}
.level-4{margin-left:160px}
.level-5,.level-max{margin-left:200px}
#id_answer{margin-bottom:10px;padding:15px;border:1px solid #bbb;width:100%;background:#fafafa;display:none;-webkit-animation:zoomIn 2s;-moz-animation:zoomIn 2s;animation:zoomIn 2s}
#id_answer .content_com{color:#414141;background:#3CB4EE}
#static-page-PhpMyTheme button,#static-page-PhpMyTheme input,#static-page-PhpMyTheme label,#static-page-PhpMyTheme select,#static-page-PhpMyTheme p,#static-page-PhpMyTheme textarea{width:auto;clear:both;zoom:1}
.menu li{font-size:1rem}
.comment{background-image:url(../img/user.png);background-repeat:no-repeat;margin-bottom:2rem;padding-left:4rem}
.sticky-param-trigger{position:absolute;top:30px;right:-58px;width:58px;height:58px;background:#3CB4EE;color:#fff;text-align:center;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;text-decoration:none;border-top:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;-webkit-box-shadow:8px 8px 5px 0 rgba(93,83,108,0.4);-moz-box-shadow:8px 8px 5px 0 rgba(93,83,108,0.4);box-shadow:8px 8px 5px 0 rgba(93,83,108,0.4);padding:5px}
.sticky-param-trigger:hover{-webkit-box-shadow:8px 8px 5px 0 rgba(93,83,108,0.1);-moz-box-shadow:8px 8px 5px 0 rgba(93,83,108,0.1);box-shadow:8px 8px 5px 0 rgba(93,83,108,0.1)}
.sticky-param-trigger .icons{font-size:22px;padding-top:7px;display:block;color:rgba(255,255,255,0.8)}
.sticky-param-panel{position:fixed;top:160px;left:0;z-index:100000;width:80px;-webkit-box-shadow:8px 8px 5px 0 rgba(93,83,108,0.4);-moz-box-shadow:8px 8px 5px 0 rgba(93,83,108,0.4);box-shadow:8px 8px 5px 0 rgba(93,83,108,0.4)}
.sticky-param-panel ul{list-style:none;margin:0;padding:0}
.sticky-param-panel ul button{display:block;margin-left:auto;margin-right:auto;margin-top:4px;border:none}
.sticky-param-panel .panel-inner{position:relative;background:#3CB4EE;color:#fff;border:1px solid #333;padding-bottom: 15px;}
.sticky-param-panel .panel-inner::after{content:"Blablaoo.com";font-size: 10px;font-weight: bold;position: absolute;bottom: 0;left: 5px;}
.sticky-param-present{font-size:12px;color:#333;text-align:center}
button#ico-bbo{width:64px;height:64px;background:url(../img/planche-64.png) no-repeat;display:block;clear:both}
#ico-bbo.icone-1{background-position:0 -64px}
#ico-bbo.icone-2{background-position:-64px -64px}
#ico-bbo.icone-3{background-position:-128px -64px}
#ico-bbo.icone-4{background-position:-192px -64px}
#ico-bbo.icone-5{background-position:-256px -64px}
#ico-bbo.icone-6{background-position:-320px -64px}
#ico-bbo.icone-7{background-position:-384px -64px}
#ico-bbo.icone-8{background-position:-448px -64px}
#ico-bbo.icone-9{background-position:-512px -64px}
#ico-bbo.icone-10{background-position:-5152px 0}
#ico-bbo.icone-11{background-position:-640px 0}
.oba{animation-name:oba;-webkit-animation-name:oba;animation-duration:1.5s;-webkit-animation-duration:1.5s}
@keyframes oba {
0%{transform:translateY(0%)}
50%{transform:translateY(-6%)}
100%{transform:translateY(0%)}
}
@-webkit-keyframes oba {
0%{transform:translateY(0%)}
50%{transform:translateY(-6%)}
100%{transform:translateY(0%)}
}
[class*='icone-']{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
[class*='icone-']:hover{-webkit-animation:oba 1s;animation:oba 1s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
@media (max-width: 767px) {
button#ico-bbo{width:48px;height:48px;background:url(../img/planche-48.png) no-repeat;display:block;clear:both}
#ico-bbo.icone-1{background-position:0 0}
#ico-bbo.icone-2{background-position:-48px 0}
#ico-bbo.icone-3{background-position:-96px 0}
#ico-bbo.icone-4{background-position:-144px 0}
#ico-bbo.icone-5{background-position:-192px 0}
#ico-bbo.icone-6{background-position:-240px 0}
#ico-bbo.icone-7{background-position:-288px 0}
#ico-bbo.icone-8{background-position:-336px 0}
#ico-bbo.icone-9{background-position:-384px 0}
#ico-bbo.icone-10{background-position:-432px 0}
#ico-bbo.icone-11{background-position:-780px 0}
.oba{animation-name:oba;-webkit-animation-name:oba;animation-duration:1.5s;-webkit-animation-duration:1.5s}
}
@keyframes oba {
0%{transform:translateY(0%)}
50%{transform:translateY(-6%)}
100%{transform:translateY(0%)}
}
@-webkit-keyframes oba {
0%{transform:translateY(0%)}
50%{transform:translateY(-6%)}
100%{transform:translateY(0%)}
}
[class*='icone-']{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
[class*='icone-']:hover{-webkit-animation:oba 1s;animation:oba 1s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
@media (max-width: 480px) {
button#ico-bbo{width:32px;height:32px;background:url(../img/planche-32.png) no-repeat;display:inline-block;clear:both}
#ico-bbo.icone-1{background-position:0 0}
#ico-bbo.icone-2{background-position:-32px 0}
#ico-bbo.icone-3{background-position:-64px 0}
#ico-bbo.icone-4{background-position:-96px 0}
#ico-bbo.icone-5{background-position:-128px 0}
#ico-bbo.icone-6{background-position:-160px 0}
#ico-bbo.icone-7{background-position:-192px 0}
#ico-bbo.icone-8{background-position:-224px 0}
#ico-bbo.icone-9{background-position:-256px 0}
#ico-bbo.icone-10{background-position:-5152px 0}
#ico-bbo.icone-11{background-position:-640px 0}
.oba{animation-name:oba;-webkit-animation-name:oba;animation-duration:1.5s;-webkit-animation-duration:1.5s}
}
@keyframes oba {
0%{transform:translateY(0%)}
50%{transform:translateY(-6%)}
100%{transform:translateY(0%)}
}
@-webkit-keyframes oba {
0%{transform:translateY(0%)}
50%{transform:translateY(-6%)}
100%{transform:translateY(0%)}
}
[class*='icone-']{transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s}
[class*='icone-']:hover{-webkit-animation:oba 1s;animation:oba 1s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}
#lirecouleur,#lirecouleur-commentaires,#lirecouleur-static{font-size:150%;word-spacing:10px;background:#fff;line-height:1.8;font-family:"Comic Sans","Comic Sans MS",cursive}
.lc-button{font-family:"Comic Sans","Comic Sans MS",cursive;border:1px solid #3CB4EE;font-weight:700;font-size:1.3em;line-height:1.5;letter-spacing:.05em;color:#3CB4EE;background:rgba(251,210,93,0.4);margin-bottom:4px}
.lc-button .icons{color:#3CB4EE;font-size:1em}
.lc-button:hover{background:#fff;color:#3CB4EE}
a .lc-button{color:00f}
#paragraph{font-size:24px}
.line_bg{color:#fff}
.line_bg[nth-line-fond="3n+1"]{background-color:#ffbdbd;color:#000}
.line_bg[nth-line-fond="3n+2"]{background-color:#c8ffc8;color:#000}
.line_bg[nth-line-fond="3n+3"]{background-color:#e1e1ff;color:#000}
.line_text{color:#fff}
.line_text[nth-line-text="3n+1"]{background-color:#fff;color:red}
.line_text[nth-line-text="3n+2"]{background-color:#fff;color:green}
.line_text[nth-line-text="3n+3"]{background-color:#fff;color:blue}
.line_both{color:#fff}
.line_lesdeux[nth-line-both="3n+1"]{background-color:#ffa9a9;color:red}
.line_lesdeux[nth-line-both="3n+2"]{background-color:#b2ffb2;color:green}
.line_lesdeux[nth-line-both="3n+3"]{background-color:#c0c0ff;color:blue}
.static-title{background:#0096dd;margin:0;padding:6px 16px;font-size:1.4em;font-weight:700;color:#fff;display:inline-block;float:right}
.color-1{color:#0096dd}
.color-2{color:#8A0}
.color-3{color:#4ABE75}
.color-4{color:#87B225}
.color-5{color:#3CB4EE}
.color-6{color:#87B225}
.color-7{color:red}
.bgdeco1{background:#3CB4EE!important}
.va,img.va{vertical-align:middle}