/*
Theme Name: Coesnon
Theme URI: 
Description: 
Version: Alpha
Author: Florent Porta
Author URI: http://www.florent-porta.fr/
Tags: 
Text Domain: 
*/



body {font-family:Helvetica, Arial, sans-serif; font-size: 14px; background: #ffffff; color:#808080;}

#conteneur {width:920px; margin:0 auto 0 auto;}

#logo {height: 270px; width:501px; background: url(img/Alexandre-Coesnon.png); position:absolute;}
#logo ul {margin:0; padding: 0;}
#logo li  {list-style: none; }
#logo li a {height:270px; width:501px; display: block;}

#image-home {height:486px; width:453px; float:right;}
#menu {position:absolute; top:285px; font-size: 32px; }
#contenu {float:left; margin-top:325px; width: 920px;}
.entry {margin-top: 15px;}
#footer {text-align: center; margin-top: 15px;}
#sidebar {float:right; margin-top:18px; width:290px;}
#sidebar ul {margin:0 0 10px 0; padding: 0;}
#sidebar li  {list-style: none;}


h1 {font-size:32px; margin: 0; padding: 0; color:#ff6a18; font-weight: normal;}
h2 {font-size:24px; margin: 0; padding: 0; color:#ff6a18; font-weight: normal;}
h3 {font-size:22px; margin: 0; padding: 0; color:#ff6a18; font-weight: normal;}
h4 {font-size:14px; margin: 0; padding: 0; color:#ff6a18; font-weight: normal;}
h5 {font-size:9px; margin: 0; padding: 0; color:#ff6a18; font-weight: normal;}


.annee {font-size:100px; margin: 167px 0 0 650px; padding: 0; color:#ff6a18; font-weight: normal; position: absolute;}


.orange {color:#ff6a18;}


/*Les Liens*/
a img { border:0;}
a:focus { outline: none; }
a {text-decoration:none; color: #808080; }
a:hover {color:#ff6a18;}


.colonne {float:left; width: 250px; margin-right: 25px; text-align: justify;}
.colonne-large {float:left; width: 550px; margin-right: 25px; text-align: justify;}


.post {margin: 15px 25px 10px 0; float: left; width: 100px; height:100px;}
.post ul {margin:0; padding: 0;}
.post li  {list-style: none; float:left; width: 100px; height:100px;}
.post li a {height:100px; width:100px; display: block; position: absolute; z-index: 200;}
.thumb p {margin: 0; padding: 0;}


.infos-hover {position: absolute; width:100px; height: 100px; background: url(img/infos-hover.png) bottom repeat ; z-index: 100;}
.infos-hover ul {margin:0; padding: 0;}
.infos-hover li  {list-style: none; margin:0; padding: 0; }
.post-infos {padding: 67px 0 0 5px; font-size: 9px; color:#555;}
.post-infos li a {height:7px; width:75px; display: block; position: absolute; color:#555; padding-top: 1px;}



#contenu-index {}
#post-single {width: 600px; text-align: justify; margin-top: 10px;}

.rss {margin-bottom: 15px;}


.clearer {clear:both;}
.spacer {clear:both; height:35px;}
.alignleft {float:left; margin: 10px 0 0 0px;}
.alignright {float:right; margin: 10px 30px 0 0;}


.carousel {float:left;  width: 550px; height: 270px;  margin: 15px 25px 0 0; z-index: 0; }
.carousel-nav ul {margin:0; padding: 0;}
.carousel-nav li  {list-style: none; }
.prev {position:absolute; z-index: 100; margin: 15px 0 0 0;}
.prev li a {width:275px; height:270px; display: block;}
.prev li a:hover {background: url(img/prev.png) no-repeat;}
.next {position:absolute; z-index: 100; margin: 15px 0 0 275px;}
.next li a {width:275px; height:270px; display: block;}
.next li a:hover {background: url(img/next.png) no-repeat;}



/* Fromatage des Commentaires*/
.gravatar {float:left; width:48px; height:48px; margin:0 10px 5px 0; padding:0px; background:url(http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=48) no-repeat #ddd;}
.commentlist p{margin:5px 0 0 0; padding:0;}
.commentlist {padding: 0;text-align: justify;}
.commentlist .posteur {margin:0px; padding:0px; font-size:14px;}
.commentlist .posteur a {color:#ff6a18;}
 .commentlist li {	margin: 0 0 20px 42px;	padding: 10px;	list-style: none; min-height:48px;	width:500px; background: #fff; border: 1px solid #ddd;}
.nocomments {text-align: center;	margin: 0;	padding: 0;	}
.commentmetadata {	margin: 10px 0 0 0 ; color:#808080; font-style: italic;}
.commentmetadata a{color:#808080;}





/*La Gallerie*/
.large-end {width:400px; text-align:right;}
#logo-90 {width: 270px; height:501px; background: url(img/Alexandre-Coesnon-90.png);}
#logo-90 ul {margin:0; padding: 0;}
#logo-90 li  {list-style: none; }
#logo-90 li a {width:270px; height:501px; display: block;}

/*Formulaires pour laisser des commentaires*/
select {width: 130px;}
#commentform input {width: 165px;		border: 1px solid #ddd;	color:#808080;	margin-right: 5px;	padding-left:5px;}	
#commentform #submit {width: 70px;	background: #ffffff;	border: 1px solid #ddd;	color:#808080;	margin: 0;}
#commentform textarea {	width: 600px;	height: 70px;	border: 1px solid #ddd;	color:#808080; padding:5px;	}