/* Feuille de "style" pour Youteube par abFab

(ouais ouais, ça va...)

 */

html, body{
	margin: 0;
	padding: 0;
}
 
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
/*	background-color: #D0EBFD; */
	text-align: center;
}

p {
	margin : 1em 0;
}

h3 { 
	font-size : 1em;
}

a {	
	color: #ad0c23; 
	text-decoration: none;
}

form {	
	border: 0px; 
}



/* Layout
********************************************************/

#page {
	width: 710px; 
	margin-left: auto; 
	margin-right: auto;
	border : 0;
	padding : 2px ;
	}


#entete_yt img {
    border-top : 20px;
	border-bottom : 10px;
	border-color : white;

}

#recherche {
    text-align : right;
	float : right;
	}

	
.listevideos {
	border: 2px solid #9e6329;
	margin : 2;
	text-align:left;
	color: #000000;
	padding-left : 15px ;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	}
	
.listevideos h1 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	}
	
.listevideos a:hover {
	text-decoration : underline;
	}
	
.article {
    text-align : left ;
	width: 700px;
	height : 130px ;
	margin-top: 10px ;
        padding-top: 7px;
	/* float: left; */
	border : 3px ;
	-moz-border-radius: 15px;
    }
.article:hover{
	background-color : red ;
	}
	



.article h1 {
	margin : 0;
	
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	/*font-weight: lighter; */
}

.article h1 a {
	margin : 0;
	
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-decoration : none ;
}

.article h1 a:hover {
	text-decoration : underline ;
	color: white;
}

.article h2 {
	margin : 0;
	
	padding-left : 20px ;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: lighter;
	font-style: italic; 
}

.article img {
    margin-left : 10px;
    margin-right : 10px;
   }
   
   
.article  .texte {
	margin : 0;
	
	padding-left : 15px ;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: lighter;
}

.publication {
	color: #000000;
	text-align : right;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	font-style: italic; 
}

.tags {
	color: #000000;
	text-align : right;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


.thumb {
    color : grey ;
}


#footer {
    width : 400px;
    color: #000000;
	margin-top: 5px;
	text-align: center;
	font-size: 15px;
}

.spacer {
  clear: both;
}