/*RESET*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/*END RESET*/

/*LAYOUT*/
body {text-align:center;}
#page {width:980px;margin:0 auto}
#header {}
#wrapper {}
#content {float:left;width:767px}
#sidebar  {float:right;width:196px}
#footer {clear:both;width:100%}
/*END LAYOUT*/

/*TYPOGRAPHIE*/
body {font-family:Arial, Helvetica, sans-serif;font-size:76%;}
h1, h2, h3, h4, h5, h6 {font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:2em;}
h2 {font-size:1.2em;}
h3 {font-size:1.1em;}
p, address, dl {font-style:normal;}
/**/

/*STYLES*/
/*html {height:100%;}*/
body {background: #fff url(images/bkg-body.png) no-repeat top center;color:#000;line-height:normal; /*height:100%;*/ }

img {border:none;}
ul, ol, li {list-style-type:none;}
a {text-decoration:none;}
a:link, a:visited, a:active {color:#ec008c;}
a:hover {color:#000;}
cite {font-style:normal;}

/**/
.clear {clear:both;}
.sepHr {border-top:1px solid #000;margin:25px auto;height:1px;}
.sepHr hr {display:none;}
.clearHr {clear:both;height:0px;}
.clearHr hr {display:none;}
.hidden {display:none;}
.upperCase {text-transform:uppercase;}
.biggerPara {font-size:1.2em;}
.asterisque {background: url(images/asterisque.png) no-repeat 0 0;text-indent:18px;}
/**/

#page {background:transparent;/*border:1px dotted #ccc;*/ min-height:100%;position:relative;text-align:left;}
/**/

#header {background:transparent;color:blue;position:relative;height:200px;}
#header #mainLogo {background:transparent;float:left;padding-top:43px;width:254px;}

#header #topNav {float:right;font-size:.85em;text-transform:uppercase;width:136px;height:28px;}
#header #topNav li {display:inline;text-align:center;width:65px;height:28px;}
#header #topNav li a {background:#e7e7e7;color:#000;display:inline-block;text-align:center;width:65px;height:28px;}
#header #topNav li a:hover {background:#ec008c;color:#fff;}
#header #topNav li a span {position:relative;top:10px;}

#header #mainNav {float:right;margin-top:20px;text-transform:uppercase;}
#header #mainNav li {display:inline;}
#header #mainNav li a {color:#000;float:left;margin-left:33px;padding-bottom:2px;}
#header #mainNav li a:hover, #header #mainNav li a.current {border-bottom:4px solid #ec008c;}
/**/

#wrapper {}
#content {background:transparent; /*le padding du bas doit �tre au moins de la m�me valeur que la hauteur du footer*/ }
#content h1.pagetitle, #content h1.returnFalse {font-size:30px;margin-bottom:25px;}
#content h1.pagetitle em, #content h1.returnFalse em {color:#555;font-style:normal;}
#content .post {border-bottom:1px solid #000;margin-bottom:30px;padding-bottom:30px;}
.single #content .post {border-bottom:none;}
#content .post h2, #content .post h1 {font-size:32px;line-height:32px;margin:5px 0 30px 0;text-transform:uppercase;}
#content .post h2 a, #content .post h1 a {color:#000;}
#content .post h2 a:hover, #content .post h1 a:hover {color:#ec008c;}
#content .post p, .navigation {line-height:17px;margin-bottom:20px;}
#content .post img.alignleft {clear:left;float:left;margin:0 11px 11px 0;}
#content .post .readMore {font-size:15px;font-weight:bold;text-transform:uppercase;}
#content .post ul li {background: url(images/bullet-pink.png) no-repeat 0 .5em;padding-left:12px;}
#content .post ol li {list-style:decimal inside;}

.home #content .entry img {max-width:186px;height:auto; }
.single #content .entry {width:742px;}

#content h2#comments, #content h2#responses {font-size:20px;margin-bottom:48px;text-transform:uppercase;}
#respond {border-top:1px solid #000;margin-top:30px;padding-top:30px;}

#content #commentform {position:relative;width:440px;}
#content #commentform p {/*border:1px solid red;*/ margin-bottom:10px;}
#content #commentform p label {margin:0 0 0 13px;}
#content #commentform p small {color:#999;}
#content #commentform p strong {color:#000;}
#content #commentform p .inTxt {border:1px solid #999;}
#content #commentform p textarea {border:1px solid #999;width:440px;height:120px;}
#content #commentform p #submit {float:right;}

.commentlist {}
.commentlist .comment {float:left;margin-right:13px;position:relative;width:178px;}
.commentlist .comment .commentText {background: url(images/bkg-comments.png) no-repeat bottom center;padding-bottom:44px;}
.commentlist .comment .comment-author {padding-top:10px;}
.commentlist .comment .comment-author a {color:#000;font-size:1.2em;font-weight:bold;}
.commentlist .comment .commentmetadata a {color: #ccc;}
.commentlist .avatar {display:none;}
/**/

#sidebar {/*background:aqua;*/ text-align:left;}

#searchform {border:1px solid #c9c9c9;position:relative;width:196px;height:30px;}
#searchform label {display:none;}
#searchform input#s {background:transparent;border:none;color:#ec008c;font-size:15px;font-weight:bolder;padding:6px 0 0 9px;height:auto;}
#searchform input#searchsubmit {font-size:15px;position:absolute;right:0;top:0;}

#rssBox {line-height:25px;margin:21px 0 27px 0;width:196px;}
#rssBox a {background: url(images/icon-rss.png) no-repeat top right;color:#000;display:block;line-height:25px;width:196px;}

.widget a {color:#000;}
.widget a:hover {color:#ec008c;}

.widget_calendar {border-bottom:4px solid #000;margin-bottom:33px;}
.widget_calendar h2 {background: url(images/title-calendar-box.png) no-repeat 0 0;text-indent: -9999em;margin-bottom:20px;width:129px;height:47px;}
#wp-calendar {width:196px;}
#wp-calendar caption {color:#565656;font-size:x-small;text-transform:uppercase;text-align:left;}
#wp-calendar thead tr {background:#f7f7f7;}
#wp-calendar thead th {background:#f7f7f7;font-weight:normal;line-height:18px;text-align:center;vertical-align:middle;height:18px;}
#wp-calendar tbody td {line-height:18px;text-align:center;vertical-align:middle;height:18px;}
#wp-calendar tbody td a {background:#e6e6e6;color:#565656;display:block;}

.widget_categories {border-bottom:4px solid #000;margin-bottom:33px;padding-bottom:30px;}
.widget_categories h2 {background: url(images/title-categories-box.png) no-repeat 0 0;text-indent: -9999em;margin-bottom:20px;width:130px;height:48px;}
.widget_categories li {background: url(images/bullet-pink.png) no-repeat 0 .5em;padding-left:12px;}

.widget_archive {}
.widget_archive h2 {background: url(images/title-archives-box.png) no-repeat 0 0;text-indent: -9999em;margin-bottom:20px;width:101px;height:48px;}
.widget_archive li {background: url(images/bullet-pink.png) no-repeat 0 .5em;padding-left:12px;}
/**/

#footer {background:transparent;padding-top:4em;height:245px;}
#footerWrap {background: #fff url(images/bkg-footer-wrap.png) no-repeat bottom center;margin:0 auto;text-align:left;width:980px;height:245px;}

#footNav {float:left;margin-top:60px;}
#footNav li {display:inline;margin-right:18px;}
#footNav li.last {margin-right:0;}
#footNav a {color:#000;}
#footNav a:hover, #footNav li.lg a {color:#ec008c;}

#newslettrForm {float:right;margin-top:60px;}
#newslettrForm input {vertical-align:middle;}
#newslettrForm .inTxt {background:#000;border:none;color:#fff;font-size:11px;font-weight:bolder;width:171px;height:18px;}
#newslettrForm .inSubmit {margin-left:3px;}

#footer .mention {color:#888;font-size:.9em;margin-top:39px;width:auto;}
#footer .mention a {color:#888;}
.copyRight {float:left;}
.griffe-kryzalid {float:right;}
/**/
/*END STYLES*/
				
.LogoTopKatia {margin-top:3px;margin-left:0px;}

.TexteTop {margin-top:13px;margin-left:0px;color:#ec008c;font-family:Arial, Helvetica, sans-serif;font-size:2em;}
	  
.RetourAccueilTop #topLike {float:right;font-size:.85em;text-transform:uppercase;width:136px;height:28px;margin-top:0px;margin-right:-70px; }
.RetourAccueilTop #topLike li {display:inline;text-align:center;width:65px;height:28px;}
.RetourAccueilTop #topLike li a {background:#e7e7e7;color:#000;display:inline-block;text-align:center;width:65px;height:28px;}
.RetourAccueilTop #topLike li a:hover {background:#ec008c;color:#fff;}
.RetourAccueilTop #topLike li a span {position:relative;top:10px;}

.MenuTop {float:left;margin-top:60px;text-transform:uppercase;text-align:left;background-color: #ffffff;}
.MenuTop li {display:inline;}
.MenuTop li a {color:#000;float:left;margin-left:38px;padding-bottom:2px;}
.MenuTop li a:hover {border-bottom:4px solid #ec008c;}
.MenuTop li a:visited {color:#000;float:left;margin-left:38px;padding-bottom:2px;}
.MenuTop li a.highlight {border-bottom:4px solid #ec008c;}


.MenuBOTTOM {margin-top:2px;text-align:left;margin-right:20px;color:#000000;}
.MenuBOTTOM a {color:#000;}
.MenuBOTTOM a:hover {color:#ec008c;}
.MenuBOTTOM a.highlight {color:#ec008c;}

.nouveau {font-size:12;font-weight:bold;color:#ec008c;text-transform:capitalize;}


/*JEAN BOUCHER*/
#sidebar .widget, #sidebar-alt .widget {
margin:0 0 20px;
padding:0;
}
