/*  
Theme Name: Oh my Com!
Theme URI: http://kinoa.com/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Kinoa
Author URI: http://kinoa.com/
*/

body{width:100%; height:100%; margin: 0; padding: 0; font-family: "Lucida Sans Unicode", Arial, "Comic Sans MS";font-size:1em; background-color:#EDE8D4;}
p{ font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:0.8em;}
html {font-size: 100%;}

h1{color:#333; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:1.4em; margin:20px 0 20px 10px; padding:0;  clear:both;}
h2{color:#333; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:1.1em; margin-left: 10px;}
h3{color:#fe4f71; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:1em;}
h4{color:#333; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:0.9em;}
h5{color:#fe4f71; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:1em; margin-left: 10px;}
h6{color:#333; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:1em; margin-left: 10px;}

div#wrapper{ margin:0 auto 0 auto; padding:0; width:957px; clear:both; height:100%;}
div#fond_bg{width:100%; background:url(img/bord_header_autres.gif) repeat-x; margin:0; padding:0; height:149px;}
div#fond_bg{width:100%; margin:0; padding:0; height:100%;}

#fleche_blog{ padding:0; margin:38px 0 0 15px; float:left;}

/* --- */

div#container{ margin:0; width:957px; padding:0; background:url(img/bordure_site.gif) repeat-y;}

div#gauche{float:left; width:700px; margin:0 0 0 20px; padding:0;}

.poisson_rouge{ width:242px; height:77px; float:right; margin:0 14px 0 0; padding:0;}

/*div centrale du corps située à droite*/
#droit{font-size: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;width:195px;float:right; padding:0; margin:0 0 0 10px;}
#droit h2{color:#000; font-weight:bold; font-size:0.8em; border-bottom:1px dashed #000; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; width:177px; margin:20px 0 0 0; padding:0 0 0 0;}
#droit p{font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:0.8em; width:150px;}
#droit img{ padding:10px 0 0 0; margin:0;}
#droit #adsense{margin-top:20px;padding-top:20px;}

/*emplacement du terme login du header*/
#login_blog{background:url(img/login.gif) no-repeat; margin:33px 43px 0 190px; padding:0 0 0 20px; color:#000; font-size:0.8em; font-weight:bold; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; float:right; height:20px;}
#login_blog a, a:visited{color:#000;text-decoration:none;}
#login_blog a:hover{color:#000;text-decoration:none;background-color:transparent;}
#retour{ float:left; color:#FFF; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:0.8em; font-weight:bold; margin:33px 0 0 0; padding:0 0 0 34px;}
ul#menu{ float:left; color:#000; font-size:0.8em; font-weight:bold; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; margin:33px 0 0 25px; padding:0;}
ul#menu li{ display:inline; margin:0; padding:0 20px 0 0;}
ul#menu a, a:visited{color:#000;text-decoration:none;}
ul#menu a:hover{color:#fff;text-decoration:none;background-color:transparent;}

div#header_blog{background:url(img/header_blog_3.gif) no-repeat; height:149px; width:957px; margin:0; padding:0;}
#header_blog h2{text-shadow: 0px 1px 3px #333333;color:#FFF; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; margin:0; padding:14px 0 0 45px; font-size:1.8em;}
#header_blog h2 a:hover{background-color:transparent;text-decoration:none;}
#header_blog p{color:#FFF; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; margin:0; padding:0 0 0 45px; font-weight:bold; }
#header_blog h2 a{color:#FFF;}
#header_blog .description {font-size: 0.9em;width:300px;margin:0;padding:0 0 0 45px; color:#fff; font-weight:bold;font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS";}

/* Typography & Colors */
.post h2, h2 a, h2 a:visited, h3 a:visited {color: #E80018; text-decoration:underline;}
.post h3{ color:#FE4F71;}
.post h4{ color:#FE4F71;}
.sous-titre{color:#f38f35; font-size:0.9em;}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a:hover, h3 a:visited, #droit h2, #wp-calendar caption, cite {text-decoration: none;}
.entry p a:visited {color: #b85b5a;}

small, #droit ul ul li, #droit ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps
{font-size: 0.9em;letter-spacing: .07em;}
a, a:visited, h2 a:hover, h3 a:hover {color: #fe4f71;text-decoration: underline;}
.post h3 a{ text-decoration:underline;}
a:hover {color: #fe4f71;text-decoration: none;background-color:#FFFFCC;}

/* Post Structure */
.post {margin: 0 0 40px 20px;text-align: left;}
.post hr {display: block;}
.postmetadata {clear: left;border-top:#e8e8e8 1px solid;padding:5px 0 0 0; margin:15px 0 0 0;}
.post h2{margin:20px 0 0 0;padding:0;}
.spacer{min-height:20px;margin:20px 300px 0 331px;background:url(img/divider.gif) no-repeat;}

/*Footer*/
#footer {width:100%; height:158px; margin:0 auto 0 auto; padding:0; font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:0.9em; color:#FFF; background:url(img/fond_footer.gif) repeat-x; clear:both;}
#footer p {font-family:"Lucida Sans Unicode", Arial, "Comic Sans MS"; font-size:0.9em; margin:0; padding:0;}
#footer_gauche { width:150px; margin:20px 0 0 20px; padding:0; float:left;}
#footer_gauche a{color:#fff;text-decoration:underline;}
#footer_gauche a:hover{color:#fff;text-decoration:none;background-color:transparent;}
#footer_milieu { width:480px; float:left; margin:20px 0 0 70px; padding:0; color:#FFF;}
#footer_milieu a{color:#fff;text-decoration:underline;}
#footer_milieu a:hover{color:#fff;text-decoration:none;background-color:transparent;}
#footer_droit { margin:20px 0 0 90px; padding:0; float:left;}
#footer_content { width:957px; padding:0; margin:0 auto;}
/* End Structure */

/* Begin Images */
p img {padding: 0;	max-width: 100%;}
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {margin:20px 0 0 476px; display:block; width:200px; text-align:right;}
.alignleft {float: left; display:block; width:200px; text-align:left; margin:15px 0 15px 10px;}
/* End Images */

/* Begin Lists */

.entry ul {
	padding:0;
	margin:0;
	} 
.entry li {
 background:url(img/puce.gif) no-repeat 0 6px;
 list-style-type:none;
	padding: 0 0 0 15px;
	margin:0;
	font-size:0.8em;
	}

html>body .entry ul {
 list-style-type:square;
 color:#E80018;
	padding:0;
	margin:0;
	} 
html>body .entry li {
 color:#000000;
	padding: 0 0 0 15px;
	margin:0;
	font-size:0.8em;
	}
	

	
.entry ul li a:visited{color: #fe4f71;text-decoration: underline;}
.entry ul li a:hover {color: #fe4f71;text-decoration: none;background-color:#FFFFCC;}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}
.entry ol li {
	margin: 0;
	padding: 0;
	}
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
#droit ul, #droit ul ol {
	margin: 0;
	padding: 0;
	}
#droit ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	margin-left:0px;
	}
#droit ul li.categories ul li{font-size:0.8em;}
#droit ul p, #droit ul select {
	margin: 5px 0 8px;
	}
#droit ul ul, #droit ul ol {
	margin: 5px 0 0 00;
	}
#droit ul ul ul, #droit ul ol {
	margin: 0 0 0 0;
	}
ol li, #droit ul ol li {
	list-style: decimal outside;
	}
#droit ul ul li, #droit ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
#droit ul ul li a, a:visited{color:#000;text-decoration:none;}
#droit ul ul li a:hover{color:#000;text-decoration:none;background-color:#fe4f71;}
/* End Entry Lists */

/* Begin Form Elements */
#abonnement input.abonnementField{float:left;margin:0;}
#abonnement input.abonnementBouton{float:right;padding-right:25px;}
#abonnementForm {clear:both;}
#footer_milieu #abonnement input.abonnementBouton{float:right;padding-right:180px;}
#footer_milieu #abonnementForm {padding:5px 0 0 110px;clear:both;}
#searchform {
	clear:both;
	margin-bottom:20px;
	}
#droit #searchform #s {
	float:left;margin:0;
	}
#droit #searchsubmit {
	float:right;padding-right:25px;
	}
.post #searchform {margin-left:150px;width:200px;}
.post #searchform #s {
	float:left;margin:0;
	}
.post #searchsubmit {
	float:right;padding-right:25px;
	}
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
select {
	width: 130px;
	}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */

/* Begin Comments*/
.commentsLink {float:left;font-size:0.8em;background:url(img/commentaires.gif) no-repeat;padding-left:20px;}
.categoryLink {float:right;font-size:0.8em;}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}
#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}
h3.comments {
	padding: 0;margin: 40px auto 20px ;
	}
.commentlist {
	padding: 0;
	text-align: justify;
	}
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	font-weight: bold;
	}
.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}
#commentform p {
	margin: 5px 0;
	}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Begin Various Tags & Classes */
.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 20px 0 0 0;padding: 10px;}
small {font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #fe4f71;font-size:1em;}
blockquote cite {margin: 5px 0 0;display: block;}
.center {text-align: center;}
a img {border: none;}
.navigation {display: block; text-align: center; margin:10px 0 60px 0;}
.highlight{background-color:#fe4f71;color:#fff;padding-left:3px;padding-right:3px;}
/* End Various Tags & Classes*/