/* CSS Document */
*{
margin:0;
padding:0;
}
body {
top:0px;
left:0px;
margin-top:20px;
font-size:12px;
}
h1{
font:georgian;
font-size:16px;
margin-bottom:10px;
margin-left:0;
}
h4{
margin:10px;
}
ul{
list-style:square;
margin-left:13px;
}
a, a:link, a:visited, a:active, ul li a{
color:#E90303;
text-decoration:none;
font:Georgia;
font-size:14px;
}
a:hover, ul li a:hover{
color:#000000;
text-decoration:none;
font:Georgia;
font-size:14px;
}
img{
border:0;
}
th{
font-size:10px;
}
p{
font-size:12px;
}
table{
width:90%;
margin:5px auto;
vertical-align:top;
}
#wraphome{
width:818px;
margin:20% auto; 


}
#home{
width:818px;
height:72px;
}
#lang{
width:818px;
height:20px;
background:transparent url(../images/index1_07.png) no-repeat left top;
}
#lang ul{
margin:0;
padding:0;
}
#lang ul li{
list-style:none; display:inline;
}
.fr, .en{
float:right;
}
#lang ul li.fr a{
display:block;
width:115px;
height:19px;
background:transparent url(../images/index1_09.png) no-repeat left top;
}
#lang ul li.en a{
display:block;
width:105px;
height:19px;
background:transparent url(../images/index1_10.png) no-repeat left top;
}
#lang ul li.fr a:hover, #lang ul li.en a:hover{
background-position: left bottom;
}
#wrap {
	margin:auto;

	width:901px;
	height:100%;
	
	
	} 
	
#baniere{
	width:901px;
	height:88px;
	background:transparent url(../images/home.png) no-repeat left top;
}
/*---------PAGE MENU----------------------------------------------*/
#menu{
width:901px;
height:24px;
background:transparent url(../images/home1.png) no-repeat left top;
}
#menu ul{
	margin:0;
	padding:0;
	}

#menu ul li{ list-style:none; display:inline;}
	

.actu, .expos, .travaux, .critique, .dossier, .cv, .contacts{
float:right;
margin-left:0px;}

#menu ul li.actu a{
display:block;
width:84px;
height:24px;
background:transparent url(../images/menu1.png) no-repeat left top;
	}
#menu ul li.expos a{
display:block;
width:112px;
height:24px;
background:transparent url(../images/menu2.png) no-repeat left top;
	}
#menu ul li.travaux a{
display:block;
width:148px;
height:24px;
background:transparent url(../images/menu3.png) no-repeat left top;
	}
#menu ul li.critique a{
display:block;
width:156px;
height:24px;
background:transparent url(../images/menu4.png) no-repeat left top;
	}	
#menu ul li.dossier a{
display:block;
width:141px;
height:24px;
background:transparent url(../images/menu5.png) no-repeat left top;
	}
#menu ul li.cv a{
display:block;
width:60px;
height:24px;
background:transparent url(../images/menu6.png) no-repeat left top;
	}

#menu ul li.contacts a{
display:block;
width:155px;
height:24px;
background:transparent url(../images/menu7.png) no-repeat left top;
	}
#menu ul li.contacts a:hover, #menu ul li.critique a:hover, #menu ul li.dossier a:hover, #menu ul li.travaux a:hover, #menu ul li.actu a:hover, #menu ul li.expos a:hover, #menu ul li.cv a:hover{
background-position: left bottom;
	}
/*---------PAGE MENU EN----------------------------------------------*/
.en_actu, .en_expos, .en_travaux, .en_critique, .en_dossier, .en_cv, .en_contacts{
float:right;
margin-left:0px;}

#menu ul li.en_actu a{
display:block;
width:89px;
height:24px;
background:transparent url(../images/menu_en1.png) no-repeat left top;
	}
#menu ul li.en_expos a{
display:block;
width:112px;
height:24px;
background:transparent url(../images/menu_en2.png) no-repeat left top;
	}
#menu ul li.en_travaux a{
display:block;
width:121px;
height:24px;
background:transparent url(../images/menu_en3.png) no-repeat left top;
	}
#menu ul li.en_critique a{
display:block;
width:109px;
height:24px;
background:transparent url(../images/menu_en4.png) no-repeat left top;
	}	
#menu ul li.en_dossier a{
display:block;
width:198px;
height:24px;
background:transparent url(../images/menu_en5.png) no-repeat left top;
	}
#menu ul li.en_cv a{
display:block;
width:62px;
height:24px;
background:transparent url(../images/menu_en6.png) no-repeat left top;
	}

#menu ul li.en_contacts a{
display:block;
width:165px;
height:24px;
background:transparent url(../images/menu_en7.png) no-repeat left top;
	}
#menu ul li.en_contacts a:hover, #menu ul li.en_critique a:hover, #menu ul li.en_dossier a:hover, #menu ul li.en_travaux a:hover, #menu ul li.en_actu a:hover, #menu ul li.en_expos a:hover, #menu ul li.en_cv a:hover{
background-position: left bottom;
	}
/*---------PAGE ACTU----------------------------------------------*/
#actu{
width:560px;
float:left;
border-right:1px solid #000000;
margin-top:20px;
}
#actuexpos{
width:290px;
float:right;
margin-top:20px;
margin-right:10px;

}

#actuexpos ul li{

margin-bottom:10px;


}
/*---------PAGE--EXPOS----------------------------------------------*/
#perso{
margin-top:20px;
float:left;
width:170px;
}
#coll{
margin-top:20px;
float:left;
width:200px;
border-right:1px solid #000000;
}
#affich{
margin-top:20px;
float:left;
width:500px;

}
#affich h2{
margin-left:25px;
}
/*---------PAGE--TRAVAUX----------------------------------------------*/
#cat{
margin-top:20px;
float:left;
width:170px;
}
#trav{
margin-top:20px;
float:left;
width:200px;

}
#affichtrav{
margin-top:20px;
float:left;
width:500px;
border-left:1px solid #000000;
min-height:300px;
}
/*---------PAGE--TRAVAUX----------------------------------------------*/
#critique{
margin:20px;
float:left;
width:170px;
}
#affichcritique{
margin-top:20px;
float:left;
width:690px;
border-left:1px solid #000000;
min-height:300px;
}
/*---------PAGE--DOSSIER----------------------------------------------*/
#dossier{
margin:20px;

}
.dossierico{
margin:20px;
list-style-image:url(../images/DownloadBeyondReaderIcon.gif);

}
.pdf{
width:500px;
}
#dossier table{
margin:20px auto;
border-bottom:1px solid #000000;

}

/*---------PAGE--CV----------------------------------------------*/
#coordonnees{
margin-top:20px;
float:left;
width:300px;
}
#expos_ind{
margin-top:20px;
float:left;
width:300px;
}
#expos_coll{
margin-top:20px;
float:left;
width:300px;
}

/*---------PAGE--LIENS----------------------------------------------*/
#atelier{
float:left;
width:570px;
}
#atelier table{
width:424px;
}
#links{
float:left;
margin:10px;
}