/* CSS webdesign : iliz©création graphique */

*div{ border: 0px; margin:0px;	padding:0px;}				
*img{ border: 0px;	margin: 0px;	padding: 0px;	vertical-align:middle;}
a img{border:0px solid #FFF;}
ul, li{	list-style-type: none;	margin: 0;	padding: 0;}


em {    font-style: italic;}
strong {    font-weight: bold;}
body {
	margin: 0; /* pour éviter les marges */
	text-align: center; /* pour corriger le bug de centrage IE */
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(../images/templates/fond2.jpg);
	background-position:top center;
	background-color:transparent;
}

#bodycontain{
	position: relative; /* on positionne le conteneur */
	width:964px;
	height:auto;
	margin-left: auto;
  	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	color:#000;
	top:0px;
	margin-top:-60px;
	*margin-top:-35px;
	}
.colonne-gauche{
	position: relative;
	left:0px;
	width:299px;
}
.nom{ 	width:299px; 	height:212px; }
.t14{font-size:14px;}
.rouge{	color:#CC0000; font-weight:bold;}
.t9{font-size:9px;}
/* Titres */
h1 {
   text-indent:-100000px;
}
h2 {
    font-size: 14px;
	margin:15px 0 10px 0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif,
}
h3 {
    font-size: 16px;margin:10px 0 5px 0;
}

a{
	color:#000000;
	text-decoration:none;
}
a:hover{color:#CC0000;}

/*P A G E*/
.page{position:absolute;top:0px; left:299px;}
.titre{
	position:relative;
	width:283px;
	height:43px;
	top:23px;
}
.sousmenu{
	top:30px;
	position:relative;
	font-size:12px;
	width:400px;
}
.sousmenu ul{padding-bottom:4px;}
.sousmenu ul li{
	padding-top:0px;
}
.center{text-align:center;}
.texte{padding-top:30px;font-size:11px;width:370px;}
.texte li{
	list-style-position: inside;
	list-style-image: url(../images/templates/fleche.gif);
}
.photo{
	position:absolute;
	left: 712px;
	top:62px;
	height:480px;
}
.sculpture{
	top:40px;
	position:relative;
	font-size:12px;
	width:600px;
	background-image: url(../images/templates/fon-foto.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding-top:1px;
	height:600px;
	
	}
.t13{font-size:13px;}
.t12{font-size:12px;}
.orange{
	color:#F60}
.marge{margin-top:20px;}


/* -------------------------------------------------------------------------------------------
______________M E N U _____________________________________________________________________*/

.menu ul a {
	text-decoration: none;
	padding-left:0px; /* permet de déterminer la largeur de la zone réactive */
	width:276px;
	display:block; /* l'élément est un block afin de pouvoir le positionner en absolu et uitliser l'overflow */
	overflow:hidden; /* permet de masquer le texte qui est en dehors de la zone réactive */
	height:412px; /* hauteur de la zone réactive */
	position:absolute;
	voice-family: "\"}\""; /* pour palier aux problèmes de IE5 et de son interprétation des largeurs */
	voice-family:inherit;
	top: 0px;
	left:0px;
}
.menu ul {
	position:absolute;
	left:0px;
	top:12px;
	height:412px;
	width:276px;
	padding:0px 0;}
.menu{
	width:299px; 
	height:412px;
	background-image: url(../images/templates/menu.jpg);
	background-position:top right;
	padding:0;
	z-index: 2;
	position:relative;
	text-align:right;	
}

#lien1{
	background-image:url(../images/menu/brute.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	cursor:pointer;
	z-index:10;
	top:-5px;
	left: 103px;
}
#lien1_active{
	background-image:url(../images/menu/brute-hover.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	z-index:10;cursor:default;
	top:-5px;
	left: 103px;
}
#lien1:hover{
	background-image:url(../images/menu/brute-hover.jpg);
	background-repeat:no-repeat;
	width:140px;
	height:28px;
	cursor:pointer;
	z-index:10;
	top:-5px;
}
#lien2{
	background-image:url(../images/menu/bronze.jpg);
	background-repeat:no-repeat;
	width:142px;
	height:25px;
	cursor:pointer;
	z-index:10;
	top:25px;
	left: 103px;
}
#lien2:hover{
	background-image:url(../images/menu/bronze-hover.jpg);
	background-repeat:no-repeat;
	width:142px;
	height:25px;
	cursor:pointer;
	z-index:10;
	top:25px;
	left: 103px;
}
#lien2_active{
	background-image:url(../images/menu/bronze-hover.jpg);
	background-repeat:no-repeat;cursor:default;
	width:142px;
	height:25px;
	z-index:10;
	top:25px;
	left: 103px;
}
#lien3{
	background-image:url(../images/menu/figurative.jpg);
	background-repeat:no-repeat;
	width:148px;
	height:28px;
	cursor:pointer;
	z-index:10;
	top:53px;
	left: 103px;
}
#lien3_active{
	background-image:url(../images/menu/figurative-hover.jpg);
	background-repeat:no-repeat;
	width:148px;
	height:28px;
	cursor:pointer;cursor:default;
	z-index:10;
	top:53px;
	left: 103px;
}

#lien3:hover {
	background-image:url(../images/menu/figurative-hover.jpg);
	background-repeat:no-repeat;
	width:148px;
	height:28px;
	cursor:pointer;
	z-index:10;
	top:53px;
	left: 103px;
	
}

#lien4{
	background-image:url(../images/menu/asymetrique.jpg);
	background-repeat:no-repeat;
	width:142px;
	height:27px;
	cursor:pointer;
	z-index:10;
	top:85px;
	left: 103px;
}
#lien4_active{
    background-image:url(../images/menu/asymetrique-hover.jpg);
	background-repeat:no-repeat;
	width:142px;
	height:27px;cursor:default;
	z-index:10;
	top:85px;
	left: 103px;
}
#lien4:hover{
	background-image:url(../images/menu/asymetrique-hover.jpg);
	background-repeat:no-repeat;
	width:142px;
	height:27px;
	cursor:pointer;
	z-index:10;
	top:85px;
	left: 103px;
}

#lien5{
	background-image:url(../images/menu/monumentale.jpg);
	background-repeat:no-repeat;
	width:154px;
	height:34px;
	cursor:pointer;
	z-index:10;
	top:112px;
	left: 91px;
}
#lien5_active{
    background-image:url(../images/menu/monumentale-hover.jpg);
	background-repeat:no-repeat;
	width:154px;
	height:34px;cursor:default;
	z-index:10;
	top:112px;
	left: 91px;
}
#lien5:hover{
	background-image:url(../images/menu/monumentale-hover.jpg);
	background-repeat:no-repeat;
	width:154px;
	height:34px;
	cursor:pointer;
	z-index:10;
	top:112px;
	left: 91px;
}
#lien6{
	background-image:url(../images/menu/duodart.jpg);
	background-repeat:no-repeat;
	width:155px;
	height:34px;
	cursor:pointer;
	z-index:10;
	top:146px;
	left: 91px;
}
#lien6_active{
   	background-image:url(../images/menu/duodart-hover.jpg);
	background-repeat:no-repeat;
	width:155px;
	height:34px;
	z-index:10;
	top:146px;cursor:default;
	left: 91px;
}
#lien6:hover{
	background-image:url(../images/menu/duodart-hover.jpg);
	background-repeat:no-repeat;
	width:155px;
	height:34px;
	cursor:pointer;
	z-index:10;
	top:146px;
	left: 91px;
}
#lien7{
	background-image:url(../images/menu/dessin.jpg);
	background-repeat:no-repeat;
	width:154px;
	height:37px;
	cursor:pointer;
	z-index:10;
	top:178px;
	left: 91px;
}
#lien7_active{
    background-image:url(../images/menu/dessin-hover.jpg);
	background-repeat:no-repeat;
	width:154px;
	height:37px;
	z-index:10;
	top:178px;
	left: 91px;cursor:default;
}
#lien7:hover{
	background-image:url(../images/menu/dessin-hover.jpg);
	background-repeat:no-repeat;
	width:154px;
	height:37px;
	cursor:pointer;
	z-index:10;
	top:178px;
	left: 91px;
}
#lien8{
	background-image:url(../images/menu/actu.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:41px;
	cursor:pointer;
	z-index:10;
	top:215px;
	left: 70px;
}
#lien8_active{
    background-image:url(../images/menu/actu-hover.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:41px;
	z-index:10;
	top:215px;
	left: 70px;cursor:default;
}
#lien8:hover{
	background-image:url(../images/menu/actu-hover.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:41px;
	cursor:pointer;
	z-index:10;
	top:215px;
	left: 70px;
}
#lien9{
	background-image:url(../images/menu/bio.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:24px;
	cursor:pointer;
	z-index:10;
	top:256px;
	left: 70px;
}
#lien9_active{
 	background-image:url(../images/menu/bio-hover.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:24px;
	z-index:10;
	top:256px;
	left: 70px;cursor:default;
}
#lien9:hover{
	background-image:url(../images/menu/bio-hover.jpg);
	background-repeat:no-repeat;
	width:175px;
	height:24px;
	cursor:pointer;
	z-index:10;
	top:256px;
	left: 70px;
}
#lien10{
	background-image:url(../images/menu/atelier.jpg);
	background-repeat:no-repeat;
	width:191px;
	height:40px;
	cursor:pointer;
	z-index:10;
	top:280px;
	left: 54px;
}
#lien10_active{
 	background-image:url(../images/menu/atelier-hover.jpg);
	background-repeat:no-repeat;
		width:191px;
	height:40px;
	cursor:pointer;
	z-index:10;
	top:280px;
	left: 54px;
}
#lien10:hover{
	background-image:url(../images/menu/atelier-hover.jpg);
	background-repeat:no-repeat;
	width:191px;
	height:40px;
	cursor:pointer;
	z-index:10;
	top:280px;
	left: 54px;
}
#lien11{
	background-image:url(../images/menu/presse.jpg);
	background-repeat:no-repeat;
	width:130px;
	height:26px;
	cursor:pointer;
	z-index:10;
	top:320px;
	left: 115px;
}
#lien11_active{
 	background-image:url(../images/menu/presse-hover.jpg);
	background-repeat:no-repeat;
	width:130px;
	height:26px;
	z-index:10;
	top:320px;
	left: 115px;
	cursor:default;
}
#lien11:hover{
	background-image:url(../images/menu/presse-hover.jpg);
	background-repeat:no-repeat;
	width:130px;
	height:26px;
	cursor:pointer;
	z-index:10;
	top:320px;
	left: 115px;
}
#lien12{
	background-image:url(../images/menu/lien.jpg);
	background-repeat:no-repeat;
	width:129px;
	height:38px;
	cursor:pointer;
	z-index:10;
	top:346px;
	left: 115px;
}
#lien12_active{
	 background-image:url(../images/menu/lien-hover.jpg);
	background-repeat:no-repeat;
	width:129px;
	height:38px;
	z-index:10;
	top:346px;
	left: 115px;
	cursor:default;
}
#lien12:hover{
	background-image:url(../images/menu/lien-hover.jpg);
	background-repeat:no-repeat;
	width:129px;
	height:38px;
	cursor:pointer;
	z-index:10;
	top:346px;
	left: 115px;
	}

/*Footer*/
.footer{
	font-size:10px;
	color:#666;
	text-align:RIGHT;
	width:240px;
	position:relative;
	margin-top:15px;
}

.slide{margin:10px 0px 5px 0px;}
.slide img{border:1px solid #000;}
.slide p{margin:0px; font-size:9px;}

/*Slide*/
.panel-overlay h2{
	font-size:10px;
	margin:0;
	padding:0px;
	text-transform: uppercase;
}
.panel-overlay p{font-size:9px;margin:0;padding:0px;}
#photos{top:12px;left:7px;text-align:center;}