/*+++++++++++++++++++ Informations +++++++++++++++++
Thème: I love mytho
Version: 1.0
Auteur: Sexychoco
*/


/*+++++++++++++++ Déclarations +++++++++++++++++*/
body {
	font: 11px Verdana, Helvetica, Arial, Sans-Serif; 
	background: #000 url(images/fond.gif) repeat;
	color: #000;
	margin: 0;
	}
a, a:visited{
	color: #760404;
	text-decoration: none;
	}
a:hover{
	text-decoration: underline;
	}

img{border:0;}
	
#container { 
	width: 987px; 
	background: #FFF url(images/mytho.jpg) 0 35px no-repeat;
	float: left; 
	margin:0;
	padding:0;
	}

	
		
/*+++++++++++++++ Haut de page +++++++++++++++++*/
#header { 
	background: #000 top center no-repeat;
	margin:0;
	padding:0;
	}
	
/* Tétière cliquable */
#header a {
display:block;
	width:272px;
	height:32px;
	}

#header a span{
	display:none;
}


	
/* ++++++++++++++++++++ Contenu ++++++++++++++++++++*/
#content {
	margin:0;
	padding:10px 50px 10px 210px;
	width:514px;  /*794px*/
	float:left;
	overflow:hidden;

}

.post {
	margin:0;
	padding:0;
	width:514px;  /*794px*/
}

/* Date / Calendrier */
.the_date {
        display:block;
        text-align: center;
        float:left;
		height:67px;
        font-family: Arial, Helvetica, sans-serif;
        width:62px;
        margin:0 6px 0 0;
        background:url(images/date.gif) no-repeat;
}

.year {
        display:block;
        font-size:0.9em;
        margin:0;
        color:#fff;
        padding:2px 0 0 3px;
        text-align: center;
}

.month{
        display:block;
        font-size:0.8em;
		font-weight: bold;
        margin:0;
        color:#fff;
        padding:0 0 0 2px;
        text-align: center;
}

.day {
        display:block;
        font-size:1.2em;
        margin:0;
        color:#fff;
        font-weight: bold;
        padding:20px 0 0 2px;
        text-align: center;
}

.post h2 {
	font: 16px Verdana, Arial, Verdana, Sans-Serif; 
	padding: 20px 0 0 15px;
	margin:0 ;
	font-weight: bold;
	color:#000;
}

/* Les articles récents */
#recent {
	margin:0;
	padding:10px 50px 10px 164px;
	width:305px;  /*794px*/
	float:left;
	
}


#recent  h3{
	font: 15px Comic Sans MS, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	margin:0;
	padding:0;
	color:#7c1010;
}

#recent  ul{
	
	list-style-type:none;
	font: 11px Verdana, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	margin:0;
	padding:10px 100px 0 0;
	color:#000;
}

#recent  a{
	background:url(images/puce.gif) no-repeat;
	font-weight: bold;
	text-decoration: none;
	color:#000;
	margin: 0;
	padding: 0 0 0 23px;

}

#recent  a:hover { 
  color: black ; 
  text-decoration : underline ; 
}


/* Galerie photo */

#flipbook {
	margin:0;
	padding:10px 10px 10px 164px;
	width:270px;  /*794px*/
	float:left;
	
}


#flipbook h3{
	font: 15px Comic Sans MS, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	margin:0;
	color:#7c1010;
}

/* Le lire la suite du texte */

#lasuite {
	font: 12px Verdana, Arial, Verdana, Sans-Serif;
	margin:0;
	padding:0;
	clear:left;
	color:black;
	overflow:hidden;
}

/* Avis et commentaire */

.avis {
	font: 10px Verdana, Arial, Verdana, Sans-Serif;
	border-top: dotted 1px black; 
	margin:10px 0 0 0;
	padding:5px 0 0 0;
	text-align:right;
}
.avis a{
	background:url(images/comment1.gif)  no-repeat;
	margin:0;
	padding:3px 0 3px 20px;
	color:#faa500;
}



/* ++++++++++++++++++++ Barre de droite ++++++++++++++++++++*/
#sidebar {
	background-color:#760404;
	margin:0;
	padding:0 10px 10px 10px;
	width:193px;
	float:left;

}

/* Categories du menu */
#sidebar h2 {
	font: 14px Verdana, Arial, Verdana, Sans-Serif; 
	list-style: none;
	padding: 10px 0 10px 0;
	margin: 0;
	font-weight: bold;
	}

#sidebar  ul {
	list-style:none;
	margin: 0;
	padding: 0 0 10px 0 ;
	border-bottom:#fff 1px dotted;
	color:#fff;
	font-size:1.1em;
	}
#sidebar li ul li {
	font: 10.69px Verdana, Helvetica, Arial, Sans-Serif; 
	font-weight: bold;
	margin: 0;
	padding: 0 0 1px 15px;
	background: url(images/puce.png) 0 2px no-repeat;
	
}

#sidebar a { color: #FFF; font-weight:bold; }

#sidebar a :hover{ background-color:#fff; text-decoration: underline; }


#sidebar li ul li ul{
	font: 10.69px Verdana, Helvetica, Arial, Sans-Serif; 
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 1px 0 3px 10px;
	list-style: none;
	list-style-type: none; 
	border-bottom:#760404 1px dotted;
}



/* Mail / Contact */
#sidebar h3 {
	font: 14px Verdana, Arial, Verdana, Sans-Serif; 
	list-style: none;
	padding: 15px 0 10px 35px;
	margin: 0;
	font-weight: bold;
	background: url(images/mail.gif) 0 15px  no-repeat;
}


/* Rss */
#lien {
	margin:0;
	padding:0;
	float:right;
	background-color:#fff;
}

#lien a {
display:block;
width:213px;
	height:72px;
	}


/* ++++++++++++++++++++ Bas de page ++++++++++++++++++++*/
#footer {	margin:0 0 0 180px;	padding:0; clear:left; }

.alignleftttt { margin:30px 0 0 0; padding:0; }



/* ++++++++++++++++++++ Recherche ++++++++++++++++++++*/
#recherche { 

	background-color:#171716;
	margin:0;
	padding:4px;
	width:205px;
	float:left;

}

/* Barre de recherche */
#recherche input{ 

	margin:2px 2px 2px 0;
	padding:0;
	height:16px;
	width:156px;
}

#recherche input:hover{ background-color:#FACACA; }


/* Bouton GO */
#recherche  #searchsubmit{ 

	margin:0 0 1px 0;
	padding:0 0 2px 0;
	background:#760404;
	border:0;
	height:20px;
	color:#FFF;
	font-weight:bold;
	font-size:0.8em;
	width:33px;
	cursor:pointer;
}


/* ++++++++++++++++++++ Formulaire ++++++++++++++++++++*/

#wpcf7-f1-p64-o1 input:hover{ background-color:#FACACA; cursor:pointer; }

#wpcf7-f1-p64-o1 textarea:hover{ background-color:#FACACA; }


/* ++++++++++++++++++++ Commentaire ++++++++++++++++++++*/

label { cursor:pointer; font-size:1.1em; }

cite { font-weight:bold; font-size:1em; color:#760404;}

#msg { border-bottom:#CCCCCC 1px dashed; }

#msg:hover{ background:#EAE8E8; none repeat scroll 0 0; }

#commentform input:hover{ background-color:#FACACA; cursor:pointer; }

#commentform textarea:hover{ background-color:#FACACA; }