/*
Theme Name: Theme été
Theme URI: 
Description: Theme été du blog
Version:
Author: Christophe Pucciarelli
*/

body {
	background-color:#f3d674;
	margin:0; padding:0;
	font:normal normal 12px verdana;
	color:black;
	padding:10px 0;
}

#page {
	margin:0 auto; padding:0;
	width:1015px;
	background:url(images/fondPage.jpg) repeat-y;
	background-position:left;
	position:relative;
}

#conteneurContentEtSidebar {
	background:url(images/fondAvecDecoupeMontagne.jpg) no-repeat;
	background-position:bottom;
	width:1015px;
}

/********************************************************************* POLICES FLASH */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/*********************************************************************************** HEADER */
#header {
	position:relative;
	width:982px; height:375px;
	padding:0; margin:0;
	background:url(images/fondHeader.jpg) no-repeat;
}
.sIFR-hasFlash #header h1 {
	visibility:hidden;
    display:block;
	color:#a71716;
	font:normal normal 40px verdana;
	position:absolute;
	top:15px; left:50px;
	margin:0; padding:0;
}
#conteneurDiapoFlashDroiteBandeau {
	width:350px; height:439px;
	background:url(images/fondDiaporamaFlashDroiteBandeau.png) no-repeat;
	position:absolute;
	left:610px; top:35px;
	margin:0; padding:24px;
}
#descriptionBlog {
	font:normal bold 9px verdana;
	width:310px;
	position:absolute;
	top:355px; right:57px;
	text-align:justify;
}
#rss {
	position: absolute;
	right:5px; top:4px;
}



/*********************************************************************************** MENU HAUT */
#menuH { /* Conteneur de mon menu */
	position: absolute;
	left: 30px; top: 345px;
	margin: 0; padding: 0;
}
	
#nav {
	margin: 0px;
	padding: 0px;
}
	
#nav ul {
	float: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
	
#nav li {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
	
#nav ul li {
	list-style: none;
	margin: 0px 0px 0px -1px;
	padding: 0px;
}

#nav li a, #nav li a:link, #nav li a:visited { /* Menus à partir du 1er niveau (attention héritage) */
	color: #a71716;
	display: block;
	font: normal bold 14px verdana;
    margin: 0px 5px 0px 0px;
	padding: 7px 10px;
	text-decoration:none;
	background-color: #f0b538;
}

#nav li a:hover, #nav li a:active { /* Menus à partir du 1er niveau hover et active (attention héritage) */
	color: #f0b538;
	display: block;
	font: normal bold 14px verdana;
    margin: 0px 5px 0px 0px;
	padding: 7px 10px;
	text-decoration:none;
	background-color: #a71716;
}

#nav li li a, #nav li li a:link, #nav li li a:visited { /* Menus à partir du 2eme niveau (attention héritage) */
	background: #f0b538;
	width: 170px;
	color: #a71716;
	float: none;
	margin: 0px;
	padding: 7px 10px;
	border-bottom: 1px solid #a71716;
	border-left: 1px solid #a71716;
	border-right: 1px solid #a71716;
}
 
#nav li li a:hover, #nav li li a:active { /* Menus à partir du 2eme niveau hover et active (attention héritage) */
	background-color: #a71716;
	color: #f0b538;
	padding: 7px 10px;
}

#nav li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	margin: -1px 0 0 0;
	padding: 0px;
	border-top: 1px solid #a71716;
}

#nav li li { }

#nav li ul a { width: 160px; }

#nav li ul a:hover, #nav li ul a:active { }

#nav li ul ul { margin: -32px 0 0 192px; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }

#nav li:hover, #nav li.sfhover { position: static; }



/*********************************************************************************** CONTENT */
#content {
	float: left;
	width: 610px;
	margin:30px 0 0 0; padding:0;
}

.post {
	width:567px;
	background-color:white;
	margin:20px 0 20px 20px; padding:0;
	background:url(images/fondArticle.png) no-repeat;
	background-position:bottom;
}
.arrondiHArticle {
	display:block; margin:0; padding:0;
}
.post h2 {
	padding:10px 20px; margin:0;
	background-color:white;
	border:1px solid #a71716;
	border-width:0 1px;
}
.post h2 a {
	font:normal bold 20px verdana;
	color:#a71716;
	text-decoration:none;
}
.post_content {
	padding:5px 20px 0 20px; margin:0;
	background-color:white;
	border:1px solid #a71716;
	border-width:0 1px;
	text-align:justify;
}
.post_content a { 
	color:black;
}
.post_content p { margin:0; padding:10px 0; }
.postmetadata { 
	padding:5px 0; margin:0 20px;
	border:1px dotted #a71716;
	border-width:3px 0 0 0;
}
.postmetadata div { margin:5px 0; }

.pictoCommentaires {
	display:block;
	margin:0 4px 0 0; padding:0;
	width:16px; height:16px;
	float:left;
}
.postmetadata div a  {
	color:#a71716;
	text-decoration:none;
}
.lienLireLaSuite  { text-decoration:none; }
.lienLireLaSuite:hover { text-decoration:underline; }
.wp-caption {
	background-color:#F3F3F3;
	border:1px solid #a71716;
	margin:10px;
	padding-top:4px;
	text-align:center;
}

.alignleft {
	float:left;
	margin:10px 10px 10px 0;
}
.alignright {
	float:right;
	margin:10px 0 10px 10px;
}
.aligncenter {
	text-align:center;
	margin:10px auto;
}

.navigation {
	text-align:center;
	margin:0 0 20px 0;
	width:565px; height:17px;
	margin:0 0 20px 20px;
	position:relative;
}
.navigationPrecedente {
	float:left;
	color:#a71716;
	text-decoration:none;
	font-weight:bold;
}
.navigationPrecedente a {
	color:#a71716;
	text-decoration:none;
}
.navigationPrecedente a:hover { text-decoration:underline; }
.navigationSuivante {
	float:right;
	color:#a71716;
	text-decoration:none;
	font-weight:bold;
}
.navigationSuivante a {
	color:#a71716;
	text-decoration:none;
}
.navigationSuivante a:hover { text-decoration:underline; }

.comments-template {
	margin:30px 0 0 0;
	padding:0;
}
.comments-template h3 {
	margin:0 0 10px 0; padding:0;
	border:1px solid #a71716;
	border-width:0 0 1px 0;
	color:#a71716;;
}
.cadre_commentaires {
	margin:0 0 30px 0;
}
.cadre_commentaires ol {
	padding:15px 10px; margin:0;
	list-style-type:none;
}
.cadre_commentaires ol li p {
	border:1px dotted #a71716;
	margin:0 0 30px 0;
	padding:10px;
}
.commentmetadata { color:#a71716; }
.commentmetadata a {
	text-decoration:none;
	color:#a71716;
}
#commentform p {
	padding:2px 10px;
}
#commentform #submit {
	margin:0 0 0 220px;
}


/*********************************************************************************** SIDEBAR */
.sidebar {
	float:left;
	width:370px;
	padding:140px 0 0 0;
}
#conteneurFormSearch {
	text-align:center;
	margin:30px 0;
}

#conteneurCategories {
	margin:40px 35px 0 35px;
}
.sIFR-hasFlash #titreCategories {
	visibility:hidden;
    display:block;
	color:#a71716;
	font:normal normal 22px verdana;
	border:1px solid #a71716;
	border-width:0 0 1px 0;
}
#conteneurCategories ul {
	list-style-image: url(images/puceSidebar.jpg);
	font:normal bold 13px verdana;
	color:black;
}
#conteneurCategories ul a {
	text-decoration:none;
	color:black;
}
#conteneurCategories ul a:hover { color:#a71716; }

#conteneurSitesPartenaires {
	margin:60px 35px 0 35px;
}
.sIFR-hasFlash #titreSitesPartenaires {
	visibility:hidden;
    display:block;
	color:#a71716;
	font:normal normal 22px verdana;
	border:1px solid #a71716;
	border-width:0 0 1px 0;
}
#conteneurSitesPartenaires ul {
	list-style-image: url(images/puceSidebar.jpg);
	font:normal bold 13px verdana;
	color:black;
}
#conteneurSitesPartenaires ul a {
	text-decoration:none;
	color:black;
}
#conteneurSitesPartenaires ul a:hover { color:#a71716; }

#conteneurDerniersBillets {
	margin:40px 35px 0 35px;
}
.sIFR-hasFlash #titreDerniersBillets {
	visibility:hidden;
    display:block;
	color:#a71716;
	font:normal normal 22px verdana;
	border:1px solid #a71716;
	border-width:0 0 1px 0;
}
#conteneurDerniersBillets ul {
	list-style-image: url(images/puceSidebar.jpg);
	font:normal bold 13px verdana;
	color:black;
}
#conteneurDerniersBillets ul a {
	text-decoration:none;
	color:black;
}
#conteneurDerniersBillets ul a:hover { color:#a71716; }


#conteneurTags {
	width:230px; height:232px;
	background: url(images/fondNuageTags.png);
	margin:60px auto 20px auto;
}
#titreTags {
	display:block;
	color:#730f0f;
	font:normal normal 18px verdana;
	margin:15px 0 15px 15px;
}
#conteneurTags div {
	margin:0 25px 0 15px; padding:0;
	text-align:center;
	height:170px;
	overflow:hidden;
}
#conteneurTags a {
	text-decoration:none;
}
#conteneurTags a:hover {
	text-decoration:underline;
}



/*********************************************************************************** FOOTER */
#footer {
	padding:0; margin:0 auto;
	width:1015px;
	font:normal normal 10px verdana;
	color:#a71716;
}
#footer a {
	color:#a71716;
	text-decoration:none;
}
#footer a:hover { text-decoration:underline; }
#footerCopyright { 
	float:left; 
	margin:5px 0 10px 10px; padding:0;
}
#footerRSS { 
	float:right;
	margin:5px 1px 10px 0; padding:0;
}