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 {
color : #333;
background : transparent url(img/body-fd.gif) repeat left top;
text-align : center;
font : 0.8em Verdana, Helvetica, Arial, sans-serif;
}
/*
h1, h2, h3, h4, h5, h6 {
font-weight : bold;
line-height : 1.4em;
}*/

p {
margin : 0;
padding : 0 0 10px 0;
text-align : left;
line-height : 1.5em;
}

li {
list-style : none;
}

a, a:visited {
color : #60ce34;
text-decoration : none;
outline : 0;
}

a:hover {
text-decoration : underline;
}
/*
code {
font-family : Monospace, 'Courier New', Courier;
}

pre {
width : 100%;
overflow : auto;
font-family : Monospace, 'Courier new', Courier;
background : #fff;
border : 1px solid #dadada;
}

abbr, acronym {
border-bottom : 1px dashed;
cursor : help;
}*/

em, q {
font-style : italic;
}

strong {
font-weight : bold;
}

#page {
position : relative;
width : 960px;
margin : 0 auto;
padding : 0;
background : #ffffff;
text-align : left;
}

/* ------------  Header  ---------------------- */

div#top {
/* height : 98px;
margin : 0 0 20px;
position : relative;
background : transparent url(img/3d2-top-banner.jpg) no-repeat left top; */
}

/*  -------   Banner Top   ------------------  */
div#top div#banner{
background : transparent url(img/3d2-top-banner.jpg) no-repeat left top;
height : 98px;
}

div#top div#banner h1{
font-family: "Eurostile", sans-serif;
font-size: 4em;
/*max-width : 500px;
position : absolute;
top : 45px;
left : 0;
font-size : 1.6em; */
}

div#top div#banner  h1 a{
display: block;
color: #ff7418;
text-decoration: none;
padding: 18px 0 14px 202px;
float: left;
}

/*#top h1 a:hover {
padding-right : 25px;
color : #888888;
background : url('img/icon_home.gif') no-repeat right 6px;
}*/

div#top div#banner  h1 a span{
visibility: hidden;
}

#blogdesc {
float: right;
font-family: "Eurostile", sans-serif;
font-size: 2.3em;
color: #ff7418;
font-weight: normal;
padding: 40px 93px 0 0;
visibility: hidden;
/* padding : 0;
max-width : 500px;
position : absolute;
top : 70px;
left : 2px;
font-size : 0.85em; */
}

/*
#prelude {
display : block;
width : 100%;
height : 20px;
margin : 0;
padding : 2px 0 4px 0;
position : absolute;
top : 0;
left : 0;
color : #cccccc;
text-transform : lowercase;
border-bottom : 1px solid #ddd;
font-size : 0.85em;
}
#prelude a, #prelude a:visited {
color : #ccc;
text-decoration : none;
}
#prelude a:hover {
color : #666666;
}
*/
/* Custom wrapper's font-size */
/*
#font-size-custom {
position : absolute;
top : 2px;
left : 300px;
}
#font-size-custom ul li {
display : inline;
}
#font-size-custom li {
display : block;
width : 16px;
height : 16px;
margin : 0;
padding : 0;
float : left;
overflow : hidden;
}
#font-size-custom li a {
display : block;
width : 100%;
height : 100%;
margin : 0;
padding : 0;
text-indent : -1000em;
}
#font-size-custom li a#smaller {
background : url('img/font_small.gif') no-repeat left 7px;
}
#font-size-custom li a#normal {
background : url('img/font_normal.gif') no-repeat left 5px;
}
#font-size-custom li a#bigger {
background : url('img/font_big.gif') no-repeat left 3px;
}
*/
/* ----------------------------------------------------------------------- MENU ------------------------------------------------------------------------------------------------------------------------------------------------ */
div#top div#menu{
clear: both;
width : 940px;
height: 45px;
background : #ffffff url(img/kidmenu.gif) no-repeat 15px 0px;
margin-bottom: 25px;
}

/* Global Navigation */
div#top div#menu ul#global-nav{
}

div#top div#menu ul#global-nav li{
display: inline;
list-style-type: none;
height : 24px;
}

div#top div#menu ul#global-nav li a{
display : block;
float : left;
/*margin-top: 1px;*/
text-align : left;
overflow : hidden;
text-decoration: none;
color: #60ce34;
}

div#top div#menu ul#global-nav li a:hover{
text-decoration: none;
color: #ffffff;
background: transparent url(img/kidbtn169.gif) no-repeat top left;
}

div#top div#menu ul#global-nav li a#soc{
margin-left: 136px;
padding: 2px 6px 5px 5px;
}
div#top div#menu ul#global-nav li a#press{
margin-left:1px;
padding: 2px 16px 5px 20px;
}
div#top div#menu ul#global-nav li a#serv{
margin-left:1px;
padding: 2px 3px 5px 5px;
}
div#top div#menu ul#global-nav li a#contact{
margin-left:1px;
padding: 2px 10px 5px 10px;
}

/* ---- Sous menu Soci?t? ------------------------------------------------------------------------------------------------- */
div#top div#menu ul#global-nav li div#submenu-servk{
display : none;
position : absolute;
top : 121px;
left: 84px;
width: 653px;
height: 22px;
background : #ffffff url(img/kidmenu-serv.gif) no-repeat left top;
}

div#top div#menu ul#global-nav li div#submenu-servk ul.sub-nav{
}

div#top div#menu ul#global-nav li div#submenu-servk ul.sub-nav li{
display: inline;
list-style-type: none;
height : 22px;
font-size: 0.8em;
}

div#top div#menu ul#global-nav li div#submenu-servk ul.sub-nav li a{
display: block;
float: left;
text-decoration: none;
text-align: left;
height : 19px;
letter-spacing: -1px;
line-height: 1.6em;
color: #60ce34;
}

div#top div#menu ul#global-nav li div#submenu-servk ul.sub-nav li a#smk11{
margin-top: -1px;
margin-left: 52px;
padding: 3px 8px 0 9px;
}
div#top div#menu ul#global-nav li div#submenu-servk ul.sub-nav li a#smk12{
margin-top: -1px;
margin-left: 1px;
padding: 3px 10px 0 10px;
}

div#top div#menu ul#global-nav li div#submenu-soc ul.sub-nav li a:hover {
text-decoration: none;
color: #ffffff;
background: transparent url(img/kidbtn169.gif) no-repeat top left;
}

div#top div#menu ul#global-nav li:hover > div#submenu-soc{
display : block;
}

/* ------- Sous Menu Press ------------------------------------------------------------------------------------------------- */
div#top div#menu ul#global-nav li div#submenu-partnr{
display : none;
position : absolute;
top : 121px;
left: 84px;
width: 653px;
height: 22px;
background : #ffffff url(img/kidmenu-part.gif) no-repeat left top;
}

div#top div#menu ul#global-nav li div#submenu-partnr ul.sub-nav{
}

div#top div#menu ul#global-nav li div#submenu-partnr ul.sub-nav li{
display: inline;
list-style-type: none;
height : 22px;
font-size: 0.8em;
}

div#top div#menu ul#global-nav li div#submenu-partnr ul.sub-nav li a{
display: block;
float: left;
text-decoration: none;
text-align: left;
height : 19px;
letter-spacing: -1px;
line-height: 1.6em;
color: #60ce34;
}

div#top div#menu ul#global-nav li div#submenu-partnr ul.sub-nav li a#smk21{
margin-top: -1px;
margin-left: 52px;
padding: 3px 7px 0 7px;
}
div#top div#menu ul#global-nav li div#submenu-partnr ul.sub-nav li a#smk22{
margin-top: -1px;
margin-left: 1px;
padding: 3px 5px 0 4px;
}
div#top div#menu ul#global-nav li div#submenu-partnr ul.sub-nav li a#smk23{
margin-top: -1px;
margin-left: 1px;
padding: 3px 9px 0 8px;
}
div#top div#menu ul#global-nav li div#submenu-partnr ul.sub-nav li a#smk24{
margin-top: -1px;
margin-left: 1px;
padding: 3px 7px 0 7px;
}
div#top div#menu ul#global-nav li div#submenu-partnr ul.sub-nav li a#smk25{
margin-top: -1px;
margin-left: 1px;
padding: 3px 7px 0 7px;
}

div#top div#menu ul#global-nav li div#submenu-press ul.sub-nav li a:hover {
text-decoration: none;
color: #ffffff;
background: transparent url(img/kidbtn169.gif) no-repeat top left;
}

div#top div#menu ul#global-nav li:hover > div#submenu-press{
display : block;
}


/* --------------------------------------------------------   MAIN CONTENT -------------------------------------------------------------------------------------------------------------------------------------------- */

#main {
width : 704px;
margin-left : 20px;
padding : 0;
float : left;
background: transparent url(img/kidcontent-fd.gif) no-repeat left top;
}
#content {
margin : 10px;
padding : 0;
}
#latest-post {
margin : 0;
padding : 0;
text-transform : uppercase;
font-family: "Eurostile", Verdana, Arial, Sans-Serif;
font-weight: bold;
color : #ffffff;
font-size : 2em;
}
latest-post#content h2.post-title a{
color: #60ce34;
}

#content h2.page-title {
color: #ffffff;
}
.read-it {
padding : 0 0 20px 0;
text-transform : lowercase;
}
.read-it a {
font-size : 0.85em;
font-weight : bold;
}
.postoddfirst {
position : relative;
margin : 0;
padding : 0;
}
.postoddfirst .post-date {
display : none;
}
.postoddfirst .post-title {
padding : 20px 0 10px;
}
.postoddfirst .post-title a, .postoddfirst .post-title a:visited {
text-decoration : none;
color : #444;
font-size : 1.8em;
}
.postoddfirst .post-info {
font-size : 0.85em;
font-weight : bold;
}
.postoddfirst .post-info a {
color : #69c;
}
.postoddfirst .post-info-co {
text-align : right;
}
.postoddfirst .post-info-co a {
margin-left : 5px;
font-size : 0.85em;
}
.postoddfirst .post-info-co a.comment_count {
padding-left : 22px;
background : url('img/icon_comment.png') no-repeat left center;
}
.postoddfirst .post-info-co a.ping_count {
padding-left : 22px;
background : url('img/icon_ping.png') no-repeat left bottom;
}
.postoddfirst .post-info-co a.attach_count {
padding-left : 22px;
background : url('img/icon_attach.png') no-repeat left center;
}
.postoddfirst .read-it {
float : left;
}

.postodd {
margin : 0;
padding : 0;
position : relative;
clear : both;
}
.postodd .post-date {
display : block;
width : 100px;
position : absolute;
left : 0;
padding : 20px 0 10px;
font-size : 0.85em;
font-weight : bold;
color : #444;
border-bottom : 1px solid #ccc;
}
.postodd .post-date span {
display : block;
text-align : center;
}
.postodd .post-date .day-date {
font-size : 2em;
}
.postodd .post-date .month-date {
font-size : 1.6em;
}
.postodd .post-date .year-date {
font-size : 1em;
}
.postodd .post-title {
margin-top : 30px;
padding : 20px 0 10px;
}
.postodd .post-title a, .postodd .post-title a:visited {
font-size : 1.4em;
color : #60ce34;
}
.postodd .post-info {
margin : 0;
font-size : 0.85em;
font-style : italic;
}
.postodd .post-content {
margin : 0;
padding : 0;
}
.postodd .post-info-co {
width : 100px;
position : absolute;
top : 95px;
left : 0;
text-align : right;
}
.postodd .post-info-co a {
width : 100px;
padding : 5px 0;
float : left;
border-bottom : 1px solid #ccc;
color : #333;
font-size : 0.85em;
text-decoration : none;
}
.postodd .read-it {
margin : 0 0 0 120px;
}
.pagination {
display : block;
margin : 20px 0 0;
padding : 2px 0;
color : #525050;
text-align : center;
font-size : 0.85em;
clear : both;
}
.pagination a {
text-decoration : none;
}
.pagination a:hover {
text-decoration : underline;
}

/* ----------------------------------------------------------------------- SIDEBAR ------------------------------------------------------------------------------------------------------------------------------------------ */

/* --- General --- */
div#sidebar {
float: right;
width : 189px;
font-size : 0.85em;
margin-right: 20px;
background-color: white;
}
div#sidebar p{
padding: 40px 5px 10px 12px;
font-size: 0.8em;
font-style: italic;
}
div#sidebar a img{
border: none;
}

/* --- Interactif --- */
div#sidebar div#interactif{
background: white url(img/sidebar-fd-interact.gif) no-repeat left top;
margin-bottom: 30px;
}
div#sidebar div#interactif p{
padding-top: 50px;
}
div#sidebar div#interactif a{
margin: 0 0 0 12px; 
text-decoration: none;
display: block;
background: transparent url(img/sidebar-btn-tv.gif) no-repeat left top;
padding: 0 100px 110px 50px;
}
div#sidebar div#interactif a span{
 visibility: hidden;
}

/* --- Newsletter --- */
div#sidebar div#newsletter{
clear: both;
background: white url(img/sidebar-fd-newsletter.gif) no-repeat left top;
height: 122px;
margin-bottom: 30px;
}
div#sidebar div#newsletter span span{
 visibility: hidden;
}
div#sidebar div#newsletter a span{
 visibility: hidden;
}
div#sidebar div#newsletter a{
text-decoration: none;
}
div#sidebar div#newsletter span#champ-mail{
display: block;
float: left;
background: transparent url(img/sidebar-champ-mail.gif) no-repeat left top;
margin: 0 0 6px 12px; 
padding: 6px 100px 2px 15px;
}
div#sidebar div#newsletter a#ok-btn{
display: block;
float: left;
background: transparent url(img/sidebar-btn-ok.gif) no-repeat left top;
margin: 0 0 6px 16px; 
padding: 5px 0 5px 8px;
}
div#sidebar div#newsletter span#refletnews{
background: transparent url(img/sidebar-btn-okreflet.gif) no-repeat left top;
margin-left: 11px; 
padding: 5px 150px 40px 15px;
}

/* --- KidNet --- */
div#sidebar div#kidnet{
background: white url(img/sidebar-fd-kidnet.jpg) no-repeat left top;
margin-bottom: 30px;
}
div#sidebar div#kidnet ul{
margin: 20px 0 30px 0;
}
div#sidebar div#kidnet ul li{
list-style-type: none;
margin: 0 80px 0 12PX; 
font-size: 1.2em;
}
div#sidebar div#kidnet ul li a{
display: block;
background: transparent url(img/sidebar-puce-kid.gif) no-repeat 0 7px;
padding: 2px 0 2px 10px;
color: black;
text-decoration: none;
}
div#sidebar div#kidnet ul li a:hover{
text-decoration: underline;
}
div#sidebar div#kidnet a#kid-btn{
text-decoration: none;
display: block;
background: transparent url(img/sidebar-btn-kidnet.gif) no-repeat left top;
margin: 0 0 3px 35px; 
padding : 0 0 5px 0;
}
div#sidebar div#kidnet a span{
visibility: hidden;
}
div#sidebar div#kidnet span{
text-decoration: none;
display: block;
margin: 0 0 0 34px; 
padding: 0 0 10px 0;
background: transparent url(img/sidebar-btn-kidnetreflet.gif) no-repeat left top;
}
div#sidebar div#kidnet span span{
visibility: hidden;
}

/* --- General style--- */
#sidebar h2 {
margin : 0 0 10px 0;
padding : 5px 0;
text-transform : uppercase;
color : #666;
font-size : 1em;
border : 1px solid #ccc;
border-width : 1px 0;
color : #666;
}
#sidebar h3 {
padding : 0 0 5px;
color : #666;
text-decoration : underline;
}
#sidebar ul {
padding : 0 0 10px;
}
#sidebar li {
padding : 5px 0;
}
#sidebar .lastposts, #sidebar .lastcomments, #sidebar .selected, #sidebar .categories, #sidebar .syndicate, #sidebar .feed, #sidebar .langs, #sidebar .tags, #sidebar .links, #sidebar .text, #sidebar #calendar {
margin : 0 0 25px;
}

/* Sidebar LINKS */

#sidebar .links li {
margin-bottom : 4px;
background : url('img/icon_arrow.gif') no-repeat right center;
border-right : 2px solid #ccc;
border-bottom : 1px solid #ccc;
}
#sidebar .links li a {
color : #666;
text-decoration : none;
}
#sidebar .links li a:hover {
text-decoration : underline;
}

/* Sidebar CALENDAR */

#sidebar #calendar h2 {
display : none;
}
#sidebar #calendar table {
width : 100%;
padding : 5px 0 0;
text-align : center;
background : #eee;
}
#sidebar #calendar caption {
margin : 0;
padding : 5px 0;
text-transform : uppercase;
text-align : center;
color : #fff;
font-size : 1em;
font-weight : bold;
background : #444;
}
#sidebar #calendar th {
font-weight : bold;
padding : 5px 0;
text-transform : uppercase;
text-decoration : underline;
}
#sidebar #calendar td {
padding : 3px 0;
}

/* Sidebar CATEGORY */

#sidebar .categories li {
margin : 0 0 1px;
padding : 0;
}
#sidebar .categories li {
display : block;
padding : 5px 0;
border-bottom : 1px solid #ddd;
color : #666;
}
#sidebar .categories li a {
color : #666;
text-decoration : none;
}
#sidebar .categories li a:hover {
color : #333;
}

/* Sidebar TOPNAV */

#topnav {
padding : 0;
position : absolute;
top : 7px;
width : 240px;
}
#topnav ul {
float : right;
}
#topnav li {
display : inline;
color : #ccc;
}
#topnav li a {
color : #ccc;
text-transform : lowercase;
text-decoration : none;
}
#topnav li a:hover {
color : #666;
}

/* Sidebar SEARCH */

#search {
width : 230px;
margin : 0;
padding : 12px 0 5px 10px;
background : #eee;
position : absolute;
top : 40px;
}
#search h2 {
border : none;
padding : 0 0 4px 0;
margin : 0;
font-size : 0.8em;
color : #aaa;
}
#search #q {
float : left;
background : #fff;
margin : 0;
padding : 2px;
width : 185px;
border : 1px solid #c8c8c6;
border-width : 1px 0 0 1px;
}
#search .submit {
color : #888;
background : transparent;
font-weight : bold;
padding : 0 0 0 5px;
text-transform : uppercase;
}

/* Sidebar TAGS */

#sidebar .tags li {
padding : 0 5px 0 0;
display : inline;
line-height : 2.2em;
color : #6699cc;
}
.tag0 {
font-size : 75%;
}
.tag10 {
font-size : 80%;
}
.tag20 {
font-size : 90%;
}
.tag30 {
font-size : 100%;
}
.tag40 {
font-size : 110%;
}
.tag50 {
font-size : 120%;
}
.tag60 {
font-size : 140%;
}
.tag70 {
font-size : 150%;
}
.tag80 {
font-size : 160%;
}
.tag90 {
font-size : 170%;
}
.tag100 {
font-size : 180%;
}
#sidebar .tags p strong a {
text-decoration : none;
border-bottom : 1px dotted;
}
#sidebar .tags p strong a:hover {
border-bottom : 1px solid;
}

/* Sidebar FEED */

#sidebar .feed li {
padding-left : 20px;
background : url('img/icon_feed.gif') no-repeat left 7px;
}

/* Sidebar SYNDICATE */

#sidebar .syndicate li {
padding-left : 20px;
background : url('img/icon_syndicate.gif') no-repeat left 7px;
}
#sidebar .feed li a, #sidebar .syndicate li a {
color : #666;
}

/* Sidebar SELECTED */

#sidebar .selected li {
padding : 5px 25px 5px 0;
background : url('img/icon_bullet.gif') no-repeat 225px center;
border-bottom : 1px solid #ddd;
}
#sidebar .selected li a {
color : #666;
text-decoration : none;
}
#sidebar .selected li a:hover {
color : #6699cc;
}

/* Sidebar LAST POSTS */

#sidebar .lastposts li {
padding : 5px 0 5px 20px;
background : url('img/icon_permalink.gif') no-repeat left center;
border-bottom : 1px solid #ddd;
}
#sidebar .lastposts li a {
color : #999;
}

/* Sidebar LAST COMMENTS */

#sidebar .lastcomments li {
padding : 5px 0 5px 20px;
background : url('img/icon_comment.gif') no-repeat left center;
border-bottom : 1px solid #ddd;
}
#sidebar .lastcomments li a {
color : #999;
}

/* BROWSE PAGES : Search, Category, Tags */

#content-info {
margin : 0 0 20px 0;
}
#content-info h2 {
font-size : 1.4em;
color : #444;
}
#content-info p {
font-size : 0.9em;
}
#content-info a.feed {
display : block;
padding-left : 20px;
background : url('img/icon_syndicate.gif') no-repeat left center;
color : #444;
font-size : 1em;
}
.content-inner {
margin : 0 0 80px;
}
.content-inner ul.tags li {
display : inline;
line-height : 2.2em;
}
.content-inner ul.tags li a:hover {
background : #6699cc;
color : #fff;
}

/* Navlinks */

#navlinks {
margin : 40px 0 20px 0;
padding : 1px 0 2px 0;
font-size : 0.85em;
color: #525050;
text-align : center;
background : transparent;
}
#navlinks a {
color : #333;
text-decoration : none;
}
#navlinks a:hover {
color : #333;
text-decoration : underline;
}

/* TABS (selected posts on homepage) */

#featured {
width : 500px;
margin : 0;
padding : 0 0 0;
position : relative;
clear : both;
}
#featured .main-title {
width : 240px;
margin : 0;
padding : 5px 0;
text-transform : uppercase;
color : #666;
font-size : 0.85em;
border : 1px solid #ccc;
border-width : 1px 0;
}
#featured .post-feature {
width : 240px;
margin : 0;
padding : 20px 0;
float : right;
clear : right;
}
#featured .post-featureodd {
width : 240px;
margin : 0;
padding : 20px 0;
float : left;
clear : left;
}
#featured .post-title {
margin : 0;
padding : 0;
}
#featured .post-title a, #featured .post-title a:visited {
text-decoration : none;
font-size : 1.25em;
color : #666;
}
#featured .post-info {
font-size : 0.85em;
}
#featured .read-it {
padding : 0;
}
#all-feature .post-feature, #all-feature .post-featureodd {
border-bottom : 1px solid #ccc;
}
#all-feature .post-info {
padding : 0;
}

/* Link to page's top */

a.go-to-top, a:visited.go-to-top {
margin : 20px 0;
padding : 8px 30px 10px 40px;
font-size : 0.85em;
text-decoration : none;
color : #aaa;
display : block;
width : 430px;
background : url('img/icon_arrow-top.gif') no-repeat 20px center;
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
outline : 0;
}

/* ---------------------------------------------------------------------    FOOTER -----------------------------------------------------------------------------------------------------------------------------------------------*/
#footer {
clear : both;
width: 940px;
margin : 10px 10px 0 10px;
padding : 40px 0 2px;
}

/* Footer (your adds should be here) */
#footer p#footer-info {
margin : 0;
padding : 10px 20px 10px 20px;
color : #ff7418;
font-size : 0.8em;
clear : both;
border-top: 1px solid #ff7418; 
background : #ffffff;
text-align : center;
}
#footer p#footer-info a {
color : #ff7418;
font-weight : bold;
text-decoration : none;
}
#footer p#footer-info a:hover {
text-decoration : underline;
}
#footer p#footer-info a#powered {
padding : 5px 70px 5px 0;
background : url('img/logo_dotclear.png') no-repeat right 5px;
border : none;
}

/* Footer (Thanks to Dotclear 2 !) */
#footer p#credits {
display : block;
width : 9px;
height : 241px;
margin : 0;
padding : 0;
position : absolute;
right : -15px;
bottom : 20px;
overflow : hidden;
}
#footer p#credits a {
display : block;
width : 100%;
height : 100%;
text-indent : -1000em;
background : url('img/credits.png') no-repeat left top;
}