/*tous les balises avec l'attributs Title*/

*[title] {
/* border:1px solid green; */

}

#video {
	padding:0;
	border:1px dashed purple;
	width:480px;
	height:350px;
	margin: 0;
	text-align:center;

}

.centrer {
	width:300px;
	margin:0 auto;
}

#centre p {

	margin-left:80px;
	padding:10px;
}



/*dans l'entete*/

h1#titreaccueuil
{
	padding:0;
	margin:0;
	width: 200px ;
	height: 70px ;
	display: block ;
	background: url(../images/design.png) no-repeat ;
	font-variant: small-caps;
	position:relative ;
	left:500px;
	top:30px;
	
}


h1#titreaccueuil a
{
	display:block;
	width:200px;
	height:70px;
	text-indent :-3000px;
}

/*je transforme le lien en bloc pour lui donner une taille correspondant
à la taille de l'image du h1header, et je vire le texte, comme
ca il reste exploitable */


h1
{
	font-variant: small-caps;
}

/*font: small-caps 1.1em/30px Georgia,serif;*/

h2 {
	padding-left: 35px;
	color: #669933;
	font-variant : small-caps;
	}

h3 {
	color: #cc3333;
	font-variant: small-caps;
	}

.vert {

	font-size:1.2em;
	color:#669933;
}


.cote {
	list-style-type:none;
	position:relative;
	line-height:1.5em;
	font-size:1.2em;

}

.annee {
   
   top:350px;
   left:50px;
 
}

#prem {
   position:relative;
   top:200px;
 
}

#deux {
   position:relative;
   top:340px;
 
}

#trois {
   position:relative;
   top:430px;
 
}

#quatre {
   position:relative;
   top:450px;
   left:30px;
 
}

a#prem {
	display:block;
	position:absolute;
	top:60px;
	left:10px;

}

a#deux {

	display:block;
	list-style:none;
	position:absolute;
	top:400px;
	left:10px;
}


/*dans le centre*/

pre
{
	overflow: auto ;
	border: 1px solid #000000;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}
/* En passant je définis l'overflow de la balise pre à auto pour
 permettre d'afficher des barres de défilement si le texte contenu
  dans cette balise est trop grand */
/*une couleur de fond, une bordure, la taille de police
 et un léger espace entre le texte et les bords du pre */

pre span
{
	color: #560 ;
}
/* Couleur de texte des éléments compris dans des span
 eux mêmes compris dans un pre */

pre span.comment
{
	color: #b30000 ;
}
/* Couleur différente pour les span.comment, les span
 utilisés pour les commentaires */



.contenu p
{
	text-align: justify ;
	padding:0;
	margin:0;
	text-indent: 2em ;
	line-height: 1.7em ;
}
/* Je donne un aspect plus aéré au paragraphe, alignement justifié,
 alinéa et hauteur de ligne supérieure à l'état normal  */

.contenu a
{
	color: #cc3333 ;
}

.contenu a:hover
{
	color: #cc3333;
}
/* Je mets en forme les liens contenu dans la page */



#photo
{
	float:left;
}