body
{
	margin: 10px 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #D5CCE8 ; /*dea*/
	color: #6C3F8C ; /*#657A26 ;*/
}
/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, 
c'est la seule façon de centrer les éléments de type block avec ce navigateur */

div#conteneur, #page
{
	width: 950px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #79418F ; /*ab4*/
	background: #fff ;
	padding-left: 10px;
	padding-top: 0px;
}
/* On définit la largeur de la division qui contient l'ensemble de la page à 770 pixels */
/* margin: 0 auto ; est la méthode correcte pour centrer les éléments de type
 block (comme les divisions), nous centrons donc cette division */
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

div#contenu p
{
	text-align: justify ;
	padding: 10px ;
}

a
{
	color: #6C3F8C ; /*#657A26 ;*/
}

a:hover 
{
	color: #572B76 ; /*2F3B0C*/ 
}

h1#header
{
	margin-top: 20px;
	height: 180px ;
	width: 399px ;
	background: url(beccbaw.png) repeat-x left top;
}
/* On définit la hauteur de la partie header, contenant le titre du site */

h1#header p {
	font-size: 11pt ;
	position: relative ;
	left: 530px ;
	width: 420px ;
	top: 15px ;
	text-align: justify;
	padding-top:20px;

}
h1#header a
{
	display: block ;
	text-decoration: none ;
}
h1#header a span
{
	font-size: 35px;
}

/* ATTENTION ! Duppliqué pour IE dans "styles-ie.css"*/
ul#menu {
	font-size: 11pt ;
	position: relative ;
	left: 18px ;
	width: 932px ;
	top: 40px ;
	text-align: justify;
	padding-left:0px;

	list-style-type: none;
	background: url(bg_menu.gif) repeat-x 0 -25px ;
	height: 25px ;
}

ul#menu li
{
	float: left ;
	text-align: center ;
}

ul#menu li#selected
{
	background: url(bg_menu.gif) repeat-x 0 0 ;
}

ul#menu li a
{
	width: 130px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-left: 1px solid #D5CCE8 ; /*dea*/
	border-right: 1px solid #D5CCE8 ; /*dea*/
}

ul#menu li a:hover
{
	background: url(bg_menu.gif) repeat-x 0 0 ;
}

div#contenu p.footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #9775AF ; /*8a0*/
}
/* Mise en forme de la partie pied de page, rien d'extra-ordinaire */

#flashcontent {
	height: 500px;
	width:940px;
}

div#blocconteneur
{
    float:left;
	width: 302px;
	margin-right: 10px ;
	margin-bottom:10px;
	text-align: left ;
	border: 2px solid #79418F ; /*ab4*/
	background: #fff ;
	
	padding-top: 0px;
}
/* Il faut rétablir l'alignement à gauche que nous avons changé plus haut */

div#bloccontenu p
{
	text-align: justify ;
}

h2#header
{
	margin:0px;
	background: #D5CCE8 ; /*dea*/
	padding: 5px;
	height: 30px ;

}
/* On définit la hauteur de la partie header, contenant le titre du bloc */

h2#header p {
	font-size: 11pt ;
    margin:0px;
	text-align: justify;
	padding:0px;

}
h2#header a
{
	display: block ;
	text-decoration: none ;
}

/* ATTENTION ! Duppliqué pour IE dans "styles-ie.css"*/
ul#blocmenu 
{
	font-size: 10pt ;
	position: relative ;
	left: 18px ;
	width: 288px ;
	top: 8px ;
	text-align: justify;
	padding:0px;
    margin:-10px;
	list-style-type: none;
	background: url(bg_menu.gif) repeat-x 0 -25px ;
	height: 25px ;
}

ul#blocmenu li
{
	float: left ;
	text-align: center ;
}

ul#blocmenu li a
{
	width: 287px ;
	line-height: 25px ;
	font-size: 1.2em ;
	font-weight: bold ;
	letter-spacing: 2px ;
	color: #fff ;
	display: block ;
	text-decoration: none ;
	border-left: 1px solid #D5CCE8 ; /*dea*/
	border-right: 1px solid #D5CCE8 ; /*dea*/
}

ul#blocmenu li a:hover
{
	background: url(bg_menu.gif) repeat-x 0 0 ;
}

/* ATTENTION ! Duppliqué pour IE dans "styles-ie.css"*/
.blocfin 
{
	width: 50px;
	color:white;
}

span#thumb 
{
	float:left;
	width: 67px;
	height: 67px;
	margin-right:5px;
	margin-bottom:5px;
}

div#blocconteneur_large
{
background:#FFFFFF none repeat scroll 0 0;
border:2px solid #79418F; /*ab4*/
float:left;
margin-bottom:10px;
margin-right:10px;
padding-top:0;
text-align:left;
width:937px;
}
span#thumb_large
{
float:left;
height:91px;
margin-bottom:5px;
margin-right:5px;
width:96px;
}