/*

Theme Name: astuce video


*/



body {
	margin: 0;
	color: #333;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	padding-bottom: auto;
	padding-left: 0;
	padding-right: 0;
	padding-top: auto;



}





#wrapper{

width: 1029px;

margin: 0px auto;

padding: 0px;

text-align:left;

font-size: 78%;

line-height:18px;

background: #fff;

border-left: 2px solid #fff;

border-right: 2px solid #fff;
border: 1px solid #999999;

}



#wrapper2{

	background: #fff;



}



#superheader{

padding: 0;

margin: 0;



}	





#header{

padding: 0  0 0px 0;

height: 150px;

margin: 0 0 0px 0;

border-bottom:2px solid #fff;

}	





		

#content{

clear:both;

padding: 0;

margin: 15px 10px;

}	





#main {

width: 684px; 

float:left;

margin: 0;

padding: 0 0 10px 0px;

overflow:hidden;

}

.fenetre{
	width: 150px;
	height: 180px;
	margin-right: 3px;
	margin-bottom: 5px;
	margin-left: 3px;
	margin-top: 0px;
	float: left;
	border: 1px solid #999999;
	padding-left: 4px;
	padding-top: 4px;
	padding-right: 4px;
}
.sousfenetre{
	margin-bottom: 5px;
}



#sidebar {

padding: 0;

margin: 0px 0px 0px 684px;

}





#footer {

clear: both;

margin: 0;

padding: 10px 16px 0 16px;

text-align: center;

font-size: 85%;

background: #fff;

}





#footer-inner{
	height: 45px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	background-color: #EFEFEF;
}



#footer-inner p{

padding:15px 0 20px 0;

margin:0;

}



#navigation{

padding: 5px 15px;



}



#navigation div.fleft{

float:left;

}



#navigation div.fright{ 

float:right;

}



#navi {

	clear: both;


	margin-left: 10px;

	font-size: 12px;

	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 10px;

}





#subscribe{

text-align:center;

}



#subscribe p{

 margin: 5px 0;

}



/*  ********** default styles *********** */



p, h1, h2, h3, h4, h5, h6{

margin: 10px 0;

padding: 0;

}



h1, h2, h3, h4, h5, h6 {

font-family: 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;

}



h1{

	font-size: 190%;

}

h2{

	

	font-size: 22px;

}







a{
	color: #06F;
	font-weight: 800;
	text-decoration: none;
}

a:hover{

	color:#333;

	text-decoration:underline;

}



a img{

border:0px;

}



hr{

height:2px;

margin:5px 0;

border-bottom: 1px solid #ccc;

border-top: 1px solid #ccc;

}



blockquote{

background: #EBF7FF;

padding: 5px 15px;

margin: 3px 30px;

border-left: 4px solid #999999;

border-top: 1px solid #EBF7FF;

border-right: 1px solid #EBF7FF;

border-bottom: 1px solid #EBF7FF;



}



form{

margin: 0;

padding:0;

}



fieldset{

padding:10px;

margin:0;

border:none;

}



legend{

font-weight:800;

}



code{

	font-size: 90%;

	font-family: "Courier New", Courier, monospace;

	white-space: pre;

}



td{

 vertical-align:top;

}









#tabs{
	padding: 0;
	height: 30px;
	background-color: #E0E0E0;
}



#tabs ul{

	margin: 0;

	list-style-type:none;

	padding-top: 3px;

	padding-right: 0;

	padding-bottom: 3px;

	padding-left: 0;

}



#tabs ul li{

	display:inline;

	border-right: 2px solid #fff;

	font-size: 90%;

	font-family: Tahoma, Arial, sans-serif;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 3px;

	margin-left: 15px;

	padding-top: 6px;

	padding-right: 15px;

	padding-bottom: 11px;

	padding-left: 0px;

}



#tabs ul li a{
	color: #000;
}



#tabs ul li a:hover{
	color: #0033FF;
	text-decoration: none;
}





#recherche01 {

	background:black;



	

	display: inline;

	padding: 0px;

	float: left;

	width: 150px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 10px;

}



/* Headings */ 



form#searchform2{

display: block;

margin: 3px 0px;

}





#header h3{
	margin: 0;
	padding: 15px 0 0 15px;
	font-weight: 800;
	font-size: 200%;
	color: #000;
}



#header h3 a{
	font-weight: 100;
	color: #000;
	text-decoration: none;
}





#header h2{

margin: 0;

font-family: Tahoma, Arial, Verdana, sans-serif;

letter-spacing:1px;

padding: 10px 0 5px 17px;

font-weight:800;

color: white;

font-size: 22px;

}



h2#sectiontitle{

font-size:150%;

font-weight: 100;

padding:6px 6px 6px 10px;

margin:8px 10px 5px 0px;

color: #444;

border-top: 1px solid #999999;

background:#EBF7FF;

}



/* post styles */



.post{

margin: 0 0 10px 0;

padding: 5px;

}

.entry{

margin: 0;

padding: 5px 10px 8px 10px;

}
.fenetrecategorie{
	background-color: #990033;
	width: auto;
	height: auto;
	clear: both;
}
.entry2{
	width: 650px;
	height: auto;
	float: left;
	border: 1px solid #999999;
	padding: 5px;
	margin-bottom: 3px;

	margin-top: auto;

}
.entry3{
	float: left;

}



.entry4{
	width: 450px;
	
	float: left;
	text-align: justify;
	
}

.post h2 {

color: black;

font-size: 22px;

font-weight: bolder;

padding: 2px 0 4px 2px;

margin: 0 0 15px 0;

}





.post h2 a{

color: black;

text-decoration:none;

font-weight:100;

font-weight: bolder;

}



.post h2 a:hover{

text-decoration:none;

color: black;

}



.postmetadata{
	font-size: 80%;
	border-top: 1px solid #999999;
	padding: 1px 0 1px 5px;
	margin: 0 5px;
	background-color: #E9E9E9;
}



.postmetadata p{

line-height: 15px;

padding: 0;

margin: 3px 0;

}





/*  Comments   */



h3#comments, h3#postcomment{

	font-size: 100%;

	font-family:verdana, sans-serif;

}	



ol#commentlist{

padding: 0 0 0 20px;

font-size: 90%;

list-style-type:none;

}



ol#commentlist li{

	padding: 2px 10px;

	margin: 0;

}



ol#commentlist li p.commentheader{

margin: 3px 0 0px 0;

padding: 1px 5px;

}







ul#commentlist{

padding: 0;

margin:0;

list-style-type:none;

}



ul#commentlist li{

	display: block;

	padding: 0;

	margin: 0 15px;

	font-size:90%;

	border: 4px solid white;

}





ul#commentlist li div.gravatar {

	width:40px;

	float:left;

	text-align: center;

	padding: 5px 0 0 5px;

}



ul#commentlist li div.gravatar img{

border: 2px solid #ddd;

}





ul#commentlist li p.commentauthor {

	padding: 0;

	margin: 0 0 2px 0;

	overflow:hidden;

}





ul#commentlist li p.commentheader{

margin: 0 0 10px 0;

padding: 0px;

}





ul#commentlist li div.commenttext{

padding: 0 0 0 0px;

margin:5px 10px 5px 60px;

}



ul#commentlist li div.commenttext div.commentwrapper{

background: #F0F9FF;

margin:0 0 0 5px;

padding: 3px 8px;

border-top: 1px solid #999999; 

}





/*  sidebar styles */





.menu{

padding:0;

font-size:90%;

}



.menu a{

font-weight: 100;

}



.menu a:hover{

text-decoration:none;

}



.menu ul{

margin:0;

padding:0 0 0 0px;

list-style-type:none;

}



.menu ul li.widget{

padding:2px;

margin:0 0 7px 0px;

}



.menu ul li.widget ul{

	margin: 0;

	padding:0;

}



.menu ul li.widget ul li{

padding: 2px 0 2px 12px;

margin:0;

border-bottom: 1px solid #eee;

}



.menu ul li.widget ul li ul{

}



.menu ul li.widget ul li ul li{

border-top: 1px solid #eee;

border-bottom: none !important;

padding: 0 0 0 11px;

}



.menu ul li.widget h3{

font-size:120%;

padding:2px 0 3px 5px;

margin:0;

color: #222;

font-weight: 800;

font-family: arial, verdana, sans-serif;

font-variant:small-caps;

border-bottom: 1px solid #999999;

border-top: 3px solid #999999;

letter-spacing:2px;

}



.menu ul li h3 a{

color: #023A5E;

font-weight: 800;

}

.menu ul li h3 a:hover{

color: #023A5E;

text-decoration: none;

}



.menu form{

display:block;

margin:0px;

padding:4px;

}



.menu input{

margin:3px 0;

font-size:90%;

}



li.widget .textwidget, li.widget #search {

padding: 2px 5px;

}



/* Calendar styles */

#wp-calendar {

empty-cells: show;

margin: 10px auto 0;

width: 155px;

}



#wp-calendar #next a {

padding-right: 10px;

text-align: right;

}



#wp-calendar #prev a {

padding-left: 10px;

text-align: left;

}



#wp-calendar a {

display: block;

}



#wp-calendar caption {

text-align: center;

width: 100%;

}



#wp-calendar td {

padding: 3px 0;

text-align: center;

}





#footer a{

font-weight: 100;

}





.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}





.survol a {

display:block;

width:175px;

height: 27px;

background-image:url(http://www.comment-apprendre-la-guitare.fr/wp-content/uploads/2014/01/bouton011.jpg);

margin-top= 10px;

padding-top= 10px;

}



.survol a:hover{

display:block;

width:175px;

height: 27px;

background-image:url(http://www.comment-apprendre-la-guitare.fr/wp-content/uploads/2014/01/bouton02.jpg);

margin-top= 10px;

padding-top= 10px;

}





.survol2 a {

display:block;

width:175px;

height: 27px;

background-image:url(http://www.comment-apprendre-la-guitare.fr/wp-content/uploads/2014/01/bouton001.png);

text-decoration: none;

display : table;



margin-left: 35%;

}



.survol2 a:hover{

display:block;

width:175px;

height: 27px;

background-image:url(http://www.comment-apprendre-la-guitare.fr/wp-content/uploads/2014/01/bouton002.png);

text-decoration: none;

display : table;



margin-left: 35%;

}



.bouton {

	width: auto;

	padding: 8px 15px;

	text-align: center;

	font-weight: bold;

	display: inline-block;

	margin: 0 8px 0 0;

	border-radius: 7px;

	font-size: 15px;

	color: #FFFFFF;

	font-family: Arial,sans-serif;

	text-decoration: none;

	box-shadow: 0 0px 0px rgba(255,255,255,0.2),0 -1px 0 rgba( 255, 255, 255, 0.1);

	-webkit-box-shadow: 0 0px 0px rgba(255,255,255,0.2),0 -1px 0 rgba( 255, 255, 255, 0.1);

	border-spacing: 10px 10px;

	background: #c22a20;

	margin-left: 0;

	margin-right: 0;

	margin-top: 10px;

	margin-bottom: 10px;

	border: thin solid #000000;

	

  box-shadow: inset 3px 3px 10px 0px,0 1px 0 #FFFFFF;

-webkit-box-shadow: inset 3px 3px 10px 0px,0 1px 0 #FFFFFF;

}

.bouton:hover {

  color:#ffffff;

  text-decoration:none;

    background: #f43319;    

}



.bouton:active{

	background: #c22a20;

}

.cadre1{

	

	padding: 20px;

	

	border: 1px solid #999999;

	border-radius: 30px;

}