@charset "utf-8";
/* CSS Document */

html, body {
	margin:0px;
	background-color:#e2e1e1;
}
/*1px = montre les cadres sur la page html*/
div{
	border:0px solid #000000;
}

#doublev1{
	height:161px;
	width:200px;
	float:left;
	}
	
/* videos du bas*/
#doublev2{
	height:161px;
	width:200px;
	float:right;
	}
	
#doublevideo{
	height:200px;
	width:450px;
	margin-right: auto;
	margin-left:auto;
	}
	
#article_3 p{
	text-align:center;
	}

/*************************** Liens *****************************/
/*defini les paragraphes*/
p {
	text-indent: 0em;
	text-align:justify;
}

/*defini le format des liens*/
a{
	font-weight:bold;
	color:#0065b2;
	text-decoration:underline;

}


/*a:visited{
	color: #000000;
}*/
a:hover {
	color: #036;
	text-decoration:underline;
}

/*defini un autre le format de liens, à utiliser avec <a href="" class="style2">
a.style2{
	font-weight:bold;
	color:#000000;
	text-decoration:underline;
}
a.style2:visited {
	color: #000000;
}
a.style2:hover {
	color: #000000;
	text-decoration:underline;
	*/
}

/*envele cadre sur images clicables*/
a img{
	border:none;
}

/*trait de separation entre les articles*/
#margintrait{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

/*************************** global *****************************/
/* page*/
#global{
	width:692px;
}

/* cadre texte + image rappel contenu*/
#title{
	height:20px;
	width:90px;
	margin-left:5px;
	margin-top:2px;
	}
	
/* cadre de texte*/
#article_1{
	height:auto;
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;

}

#article_1 p {
	text-align:center;
}

#article_2{
width:500px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#article_3{
width:500px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#article_4{
width:500px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}


#article_5{
width:500px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#article_6{
width:500px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}
img{border:none;}

#article_7{
width:500px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

#article_8{
width:500px;
height:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
}

.left{
	display:block;
margin-top:5px;
margin-right:10px;
margin-left:10px;
float:left;
	}
h3{
	text-align:center;
}

#texte{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;	
}


/* police rappel de la categorie*/
.titre{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-left:3px;
}
	
li {
 font-size: 100%;
 font-weight:bold;
 color: black;
 display : list-item;
 list-style-image : url(puce.gif);
} 


/* intro du contenu*/
#texte_intro{
	font-family:Verdana, Geneva, sans-serif;
	height:auto;
	width:auto;
	font-size:11px;
	font-weight:bold;
	text-align: center;
}
.date{
	text-align:center;
}

li{
	text-align:left;
}


/*************************** mises en pages *****************************/