body {
	margin: auto;
	background-color: #262626;
	width: 966px;
}
img {
	border: none;
}

/*  -----------------------------------------  Menu ---------------------------- */
a.interviews{display: block; background-image: url(../img/index_04.jpg); width: 155px; height: 153px;	float: left; }	
a.interviews:hover {display: block;	background-image: url(../img/rollover/index_04.jpg); width: 155px; height: 153px; float:left; }

a.articles{display: block; background-image: url(../img/index_06.jpg); width: 155px; height: 153px;	float: left; margin-left: 3px; }	
a.articles:hover {display: block;	background-image: url(../img/rollover/index_06.jpg); width: 155px; height: 153px; float:left; }

a.livres{display: block; background-image: url(../img/index_08.jpg); width: 156px; height: 153px;	float: left; margin-left: 3px; }	
a.livres:hover {display: block;	background-image: url(../img/rollover/index_08.jpg); width: 156px; height: 153px; float:left; }


a.maison{display: block; background-image: url(../img/index_15.jpg); width: 155px; height: 154px;	float: left; margin:3px  3px 0px 0px; }	
a.maison:hover {display: block;	background-image: url(../img/rollover/index_15.jpg); width: 155px; height: 154px; float:left; }

a.prix{display: block; background-image: url(../img/index_16.jpg); width: 155px; height: 154px;	float: left; margin:3px 3px 0px 0px; }	
a.prix:hover {display: block;	background-image: url(../img/rollover/index_16.jpg); width: 155px; height: 154px; float:left; }

a.colloques{display: block; background-image: url(../img/index_17.jpg); width: 156px; height: 154px;	float: left; margin:3px 3px 0px 0px; }	
a.colloques:hover {display: block;	background-image: url(../img/rollover/index_17.jpg); width: 156px; height: 154px; float:left; }

/* ------------------------------------------- second menu -----------------------------*/ 
a.accueil{display: block; background-image: url(../img/index_22.jpg); width: 95px; height: 41px;	float: left; }	
a.accueil:hover {display: block;	background-image: url(../img/rollover/index_22.jpg); width: 95px; height: 41px; float:left; }

a.achat{display: block; background-image: url(../img/index_23.jpg); width: 62px; height: 41px;	float: left; }	
a.achat:hover {display: block;	background-image: url(../img/rollover/index_23.jpg); width: 62px; height: 41px; float:left; }

a.contact{display: block; background-image: url(../img/index_24.jpg); width: 103px; height: 41px;	float: left; }	
a.contact:hover {display: block;	background-image: url(../img/rollover/index_24.jpg); width: 103px; height: 41px; float:left; }

/* ------------------ menu interviews ------------------------- */
#menu_interviews{background-image:url('../img/interviews.jpg');margin-left:12px;padding-top:15px;width:159px; height:269px; background-repeat:no-repeat;}
#menu_interviews ul{padding-top:45px; list-style:disc; color:#0573b5;}
#menu_interviews li {padding-bottom:5px;}
.titre {padding-bottom:5px; color:#0573b5; font-family: Arial, Helvetica, sans-serif; font-size: 1.05em;}
#menu_interviews a {font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; color:#000; text-decoration:none;}
#menu_interviews a:hover {font-family:Verdana, Geneva, sans-serif; font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; color:#0573b5; font-weight:bold;}

/* -------------- Interviews ---------------------- */
.fondinterviews{background:url('../img/fondinterviewsrollover.gif');width:380px;height:187px; background-repeat:no-repeat;}
.fondinterviewsrollover{background:url('../img/fondinterviews.gif');width:380px;height:187px; background-repeat: no-repeat;}
.conteneur_interview{padding: 15px 10px 10px 10px; }

/*  ---------------------  coins arrondis        ----------- */

.design_haut {margin: 0;background-image: url('../img/haut.jpg');background-repeat:repeat-y;height: 16px;width: 966px;}
.design_milieu{margin: 0;background-image: url('../img/menu.jpg');background-repeat: repeat-y;color: #9bbdcf;width: 966px;}
.design_bas{margin: 0;background-image: url('../img/bas.jpg');background-repeat: no-repeat;height: 86px;width: 966px;}

/* ------------------------ Corps -------------------------- */
#corps{	width: 600px;}
/* ------------------ colonne news ------------------- */

.titres_actualites{	background: url('../img/actu_33.jpg') no-repeat;	width: 260px;	height: 49px;	padding-bottom: 0px;margin-top:0px;}
.carre_actualites {	border-bottom: #CCC 1px solid;	background-color: #FFF;	width: 236px;padding: 10px 4px 0px 4px;	text-align: justify;float:left;}
.carre_actualitesfin {	background-color: #FFF;	width: 236px;padding: 10px 4px 0px 4px;	text-align: justify;	float:left;}
#bas_news{	background: url('../img/actu_35.jpg') no-repeat;	width: 244px;	height: 10px;	padding-bottom: 0px;float:left;	margin-top:0px;}

/*--------- tableaux ------------- */
.tab_livres td{padding-left:15px;padding-top:20px;}

/* ------------ formulaire ---------------- */
label {display:block;width:120px;height: 30px;float:left;}
#form_contact {	padding-left: 250px;}
#form_contact fieldset {	padding-top:30px;	width: 400px;	border: 1px solid #eaeaea;}
#form_contact textarea {	width:250px;	border: #CCC 1px solid;}
#form_contact fieldset input[type=text] {	width:250px;	border: 1px #CCC solid;}
#form_contact fieldset input[type=text]:hover, textarea:hover	{	background-color: #65b1df;	border: #999 1px solid;	}
#bouton_envoi {	margin-left: 180px;}

/* popup article ------------- */
.texte_articlepopup {
	text-align: justify;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	width:850px;
	padding-left: 10px;
	font-style: normal;
}
.texte_articlepopup a {text-decoration: none; color: #FFF; font-size:1em; font-family:Arial, Helvetica, sans-serif;}
.texte_articlepopup a:hover {text-decoration: none; color:#0573b5; font-size:1em; font-family:Arial, Helvetica, sans-serif;}
.exposant {
	text-transform: capitalize;
	font-size: x-small;
}