/*
Theme Name: Tavidado
Theme URI: http://www.jbunel-creations.com/
Description: Thème créé dans le cadre du développement du Tavidado, le webzine des 11-15 ans de l'orne
Version: 1.0
*/

/* mac hide \*/
html, body
{
	min-height:100%;
	padding:0;
	margin:0;

}
/* end hide*/

body
{
	color: #000;
	background-color: #646464;
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: em;
        min-height:100%;

}

img{
	border:0;
}

#ladate {
color:#8d8d8e;
font-size: 12px;
}

#page
{
	width: 1024px;
        margin: 30px auto  0;
	background: #ededed;
	position: relative;
        min-height: 100%;
}

/**************************************************/
/***							***/
/***			Entête			***/
/***					        ***/
/**************************************************/
#header
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:158px;
	background: #406700;
	overflow:hidden;
	color: #000000;
}

/**************************************************/
/***						***/
/***	  CONTENU GLOBAL DU SITE		***/
/***						***/
/**************************************************/
#outerwrapper
{
	min-height:100%; /*for mozilla as IE treats height as min-height anyway*/
	margin-left:160px;
	background:#fff;
	margin-bottom:-52px;
	color: #000000;
}

* html #outerwrapper
{
	min-height:100%;
	margin-left:197px;
}/* ie 3 pixel jog*/

#ombre
{
	background-image: url(images/ombre-haut.png);
	background-repeat: repeat-x;
	background-color: transparent;
	background-attachment: scroll;
	z-index: 200;
	position: absolute;
	top: 157px;
	left: 0;
	width: 1024px;
	height: 12px;
}

/**************************************************/
/***											***/
/***				LES LOGOS					***/
/***											***/
/**************************************************/
#logos
{
     
	width: 185px;
        float: right;
        margin-left:4px;
	text-align: right;
	margin-top: 90px;
        background-attachment: scroll;
        background-image: url(images/separateur.jpg);
	background-repeat: repeat-y;
        background-color: white;
	text-align: center;

}

#logos img
{
	border: none;
	margin: 8px 0 0;
}

#recentscomments {
	padding-right:10px;
}

#rss
{
       width:180px;
       float: right;
       font-family: Verdana, Arial, sans-serif;
       font-size: 10px;
       text-align:left;
       font-weight: bold;
      
}

.content h2 {
	margin: 10px 0 5px 0;
}

#rss ul {
	padding: 0;
	 margin: 0 5px 0 5px;
}

#rss li
{
	 padding: 0;
	 margin: 0 5px 0 5px;
     list-style-type: none;    
}

#rss-3 h2 a
{
     list-style-type: none;
     color: #990033;
     font-size: 14px;
     text-align:right;
     width:130px;
 
}
#rss-3 ul
{
     padding-left: 0px;
     margin-left: 0px;
     list-style-type: circle; 
}
#rss li h2 
{
     list-style-type: none;
     color: #990033;
     font-size: 14px;
     text-align:center;
     width:130px;
}


#rss a
{
         color: #000;
	text-decoration: none;
}

#tag_cloud-3 div
{
    padding-left:15px;
}

.widgettitle {
	margin-top: 10px;
}




/**************************************************/
/***						***/
/***		Colonne Gauche	                ***/
/***						***/
/**************************************************/
#sidebar
{
	position:relative;/*ie needs this to show float */
	width:150px;
	float:left;
	margin-left:-150px;/*must be 1px less than width otherwise won't push footer down */
	padding-top:155px;/*needed to make room for header*/
        padding-left: 1px;
padding-right:2px;
	left:-1px;/* line things up exactly*/
	font-size: 7pt;
        
}

#orne
{
    border:none;
margin-left:0px;
}
* html #sidebar
{
	margin-right:-3px
}/* three pixel jog*/

#sidebar a
{
	color: #000;
	text-decoration: none;
border:none;
}


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

#sidebar ul:first-child
{	
	padding: 0 5px;
}

#sidebar ul
{	
	list-style-type: none;
	padding: 0;
	margin: 0;

}

#sidebar ul li ul
{	
	list-style-type: circle;
	padding: 0 0 0 15px;
}

#sidebar ul h2
{	
	color: #990033;
	font-style: bold;
	font-size: 10px;
	padding: 0px;
        padding-top: 15px;
	font-weight: bold;
	margin: 0px;
text-transform:uppercase;
}

#sidebar ul h2 a
{	
	color: #fff;
	background-color: #01A4CA;
	font-size: 10px;
	padding: 8px;
	font-weight: normal;
}

#sidebar form
{
	width: 100%;
}

/**************************************************/
/***											***/
/***			CONCEPTION DU MENU				***/
/***											***/
/**************************************************/
#menu ul
{
	padding:0;
	margin:0;
	list-style-type:none;
	line-height: 20px;
	font-size: 12px;
}

#menu li
{
	float:left; /*pour IE*/
	height: 40px;
	margin-top: 100px;
	border-left: 1px solid #c0c0c0;
}

#menu ul li a
{
	display:block;
	float:left;   
	width:84px;
	color:#c0c0c0;
	text-decoration:none;
	text-align:center;
	font-weight: bold;
	height: 40px;
}

#menu ul li:first-child
{
	border-left: none;
}
 #menu ul li.current-cat a
{
        background-image: url(images/menu.png);
	color:#fff;
	border: 1px solid #FFFFFF;
	height: 60px;
	margin-top: -20px;
	padding-top: 0px;
}

/*** Personnalisation de la catégorie en question ***/
#menu ul li.cat-item-2 a, #menu ul li.cat-item-3 a, #menu ul li.cat-item-6 a, #menu ul li.cat-item-9 a, #menu ul li.cat-item-7 a, #menu ul li.cat-item-9 a, #menu ul li.cat-item-4 a,#menu ul li.cat-item-5 a
{
	padding-top: 10px;
}

/*** Personnalisation des menus ***/
#menu ul li.cat-item-7 a
{
	width:84px;
        padding-top: 10px;

}

#menu ul li.cat-item-3 a
{
	width:84px;
        padding-top: 10px;
}

/*** Fin de la personnalisation des menus ***/

#menu ul li.cat-item-2 a
{
	border: none;
}

#menu ul li.cat-item-2.current-cat a, 
#menu ul li.cat-item-5.current-cat a, 
#menu ul li.cat-item-6.current-cat a,
#menu ul li.cat-item-3.current-cat a, 
#menu ul li.cat-item-7.current-cat a,
#menu ul li.cat-item-9.current-cat a,
 #menu ul li.cat-item-4.current-cat a
{

	color:#fff;
	height: 50px;
	margin-top: -20px;
     padding-top: 30px;
	
}

#menu ul li a:hover
{
	color:#669933;
	
}
#menu ul li.cat-item-3 a:hover #menu ul li.cat-item-7 a:hover
{
        padding-top: 100px;
}

/**************************************************/
/***											***/
/***				LE CONTENU					***/
/***											***/
/**************************************************/

#content
{
	background-color:#fff;
	float: left;
	width: 650px;
	/*display: table-cell;*/
}

#content .content
{

margin-top: 185px;
	
	font-size: 12px;
}

#content .content h2 a
{
	text-decoration: none;
	
}


.content .post
{
	margin-left: 10px;
	border-top: 1px solid #cccccc;
}

.content .post:first-child
{
	border-top: none;
}



.content .post a
{
	color: #669933;
	text-decoration: underline;
	font-weight: bold;
}

.content .post a:hover
{
	text-decoration: none;
}

p.tags
{
	font-weight: bold;
}

/*** Les commentaires ***/
.comments-template ol
{
	margin: 0;
	padding:0;
	list-style: none;
}

.comments-template ol a, #respond a
{
	color: #01A4CA;
	text-decoration: none;
}

.comments-template ol a:hover, #respond a:hover
{
	text-decoration: underline;
}

.comments-template ol li
{
	margin: 10px 0;
	line-height: 15px;
	padding: 0;
	display: inline;
	float: left;
	width: 650px;
}

.comments-template ol li p
{
	margin-left: 10px;
}

.comments-template ol li .depth-2
{
	background-color: #f5f5f4;
	width: 720px;
}

.comments-template ol li .depth-2 p textarea#comments
{
	width: 700px;
}

.comments-template ol li .depth-3
{
	background-color: #ccc;
	width: 650px;
}

.comments-template h2, .comments-template h3
{
	font-size: 1.5em;
	margin: 0;
	padding: 20px 0;
}

.comments-template p.nocomments
{
	padding: 0;
}

.reply
{
	margin: 10px;
}

.avatar
{
	float: left;
	border: 2px solid #ccc;
	margin: 0 10px;
}

.cite
{
	padding: 0 0 0 15px;
	background-color: transparent;
	font-weight: bold;
	font-style: normal;
}

.commentmetadata a
{
	padding: 0 0 0 15px;
	background-color: transparent;
	text-decoration: none;
}

.comment-author
{
	margin: 10px 10px 5px;
}






/*** Formulaire de recherche ***/

#searchform input[type='image']
{
	vertical-align: bottom;
}
/*** Modèle Links ***/
#content #links h2
{
	color: #FC4C00;
	margin-top: 0;
}

#content #links ul li h2
{
	color: #000;
	margin: 20px 0 10px;
}

#content #links ul li.linkcat
{
	list-style-type: none;
}

#content #links ul li.linkcat a
{
	color: #FC4C00;
	text-decoration: none;
}

#content #links ul li.linkcat a:hover
{
	text-decoration: underline;
}

#post-386
{
       margin-left:100px;
 
}
#form .wpcf7-form #wpcf7-f1-p386-o1 #post-386 .post_content
{
       width:300px;
}
#form p
{
       color:#669933;
       width:250px;
font-weight: bold;
text-transform:uppercase;
}
#form p input
{
       width:150px;
       float: right;
}
#form select
{
       width:155px;
       float: right;
}

.wpcf7-validates-as-required
{
     width:150px;
}
/**************************************************/
/***											***/
/***				Pied de page				***/
/***											***/
/**************************************************/
#footer
{
	width:100%;
	clear:both;
	height:62px;
	background: #B5C619;
	color: #000;
	text-align:center;
	position:relative;
	
	color: #fff;
	font-size: 11px;
}

#footer p
{


}

#footer a
{
	color: #fff;
	text-decoration: none;
}

#footer a:hover
{
	text-decoration: underline;
}

* html #footer
{/*only ie gets this style*/
	/*height:52px;/* for ie5 */
	height:40px;/* for ie6 */
}

/**************************************************/
/***											***/
/***					Clearer					***/
/***											***/
/**************************************************/
#clearheader
{
	height:72px;
}/*needed to make room for header*/

#clearfooter
{
	clear:both;
	height:32px;
}/*needed to make room for footer*/



/**************************************************/
/***											***/
/***					Extras					***/
/***											***/
/**************************************************/
* html #content
{
	height:1%;
}/* combat IE's 3 pixel jog */

html>body #minHeight
{ /* opera and old safari min-height fix */
	float:right;
	width:0;
	min-height:100%;
	overflow:hidden;
	margin-bottom:-52px;
}

#inner
{/* contain clearing due to opera min-height float fix*/
	width:100%;
         min-height:100%;
	float:left;
}

a:active, a:focus{
      outline:none;
}

.red
{
	color: #D71E19;
}

.center
{
	text-align: center;
}

#tag_cloud-5 div
{
    padding-left: 10px;
    padding-right: 2px;
}