/* CSS Document */
body{
    background-color:black;
	font-family:verdana,arial,helvetica,"sans serif";
	margin:0;
	padding:0;
    font-size:62.5%;
	 }
#conteneur{
	width:90%;
	margin:0 ;
	padding:0;
	background: black url(banniere.jpg) repeat-y;
	}

a img{
border:0;}
/*___________________________HEADER_________________________*/
#access{
margin:30px 0 0 120px;
padding:0;
font-size:1.2em;}
#access a{
color:black;
text-decoration:none;
}
#access a:hover{
color:white;}
#header h1{
height:109px;
background:url(signature-mini.jpg) no-repeat;
margin:0 0 0 120px;
width:300px;
}
#header h1 span{
display:none;
}
/*________________________MENU______________________*/
#linklist{
position:absolute;
left:400px;
padding:0;
top:0;
margin:0;
}
#linklist li{
list-style-type:none;
float:left;
font:lighter normal 1.8em arial, Times, serif;
width:80px;
height:80px;
text-align:center;
margin:0;
padding:0;}
#linklist li a.active{
background:url(vignette-menu.jpg) ;
color:white;
}
#linklist li a{
display:block;
color:white;
text-decoration:none;
padding-top:60px;
margin:0;
}
#linklist li a:hover{
	color: #999999;
}
/*_______________plan__________________*/
#contenuplan{
margin:50px 0 50px 350px;
padding:0;
background: top right url(plan/fond.jpg) no-repeat;
height:350px;
width:412px;}
#titreplan h1{
font: bold 2.5em arial, Times, serif;
color:white;
height:34px;
background:url(plan/titre.jpg) no-repeat;
margin:0;
padding:0;}
#titreplan h1 span{
display:none;}
#block{
font:1.8em arial, Times, serif;
background-color:black;
width:150px;
margin:0 0 0 20px;
border:#999999;
padding:10px;}
#oeuvres li{
	width:20px;
	margin:0;
	padding:0;
	list-style-type:none;
	font:italic 0.8em arial, Times, serif;
}

#contenuplan li{
	margin:0;
	padding:0;
	width:150px;
list-style-type:none;}

#contenuplan a{
text-decoration:none;
color:#999999;}
#contenuplan a:hover{
text-decoration:none;
color:white;}
/*__________________ACCUEIL____________________*/
#contenu{
margin:0 0 50px 20%;
padding:60px 0 0 0;
width:640px;
}
#accueil-1{
background-image: url(accueil/cadre1.jpg);
width:346px;
float:left;
margin:0;
padding:0;}
#accueil-2{
background-image: url(accueil/cadre2.jpg);
width:277px;
float:right;
margin:11px 0 0 0;
padding:0;}
#photoac{
float:right;
margin:-104px 0 0 0;
padding:0;}
#photoatelier{
float:left;
margin:20px 0 0 0;
padding:0;}
#contenu p{
font:bold 1.2em verdana,arial,helvetica, sans serif;
color:white;
margin:0px;
padding:10px;}

/*_____________________Footer___________________*/
#footer{
margin:25px 0 0 120px;
border-top:2px solid white;
clear:both;
width:700px;
height:80px;
}
#textfooter{
float:left;
font-size:1.3em;
color:#999999;
margin:5px 0 0 0;}
#textfooter a{
color:white;
text-decoration:none;}
#textfooter a:hover{
color:#999999;
}
#lienstandards{
display:block;
float:right;
margin:5px 0 0 0;
padding:0;
}
#lienstandards a{
font-size:1.1em;
text-decoration:none;
color:#999999;}
#lienstandards a:hover{
color:white;
}
/*_________________________OEUVRES_________________________*/
#contenuoeuvres{
margin:0 0 55px 35%;
padding:50px 0 0 0;
width:470px;
}
#cadreoeuvres{
background:url(oeuvres/cadre.jpg) no-repeat;
margin:0;
padding:0;
height:104px;
width:233px;
color:white;
}

#cadreoeuvres li{
list-style-type:none;
margin:0;
padding:0;}
#cadreoeuvres li a{
font: 1.6em arial, Times, serif;
text-decoration:none;
color:white;}
a:hover{
background:none;}
#marge0 a{
position:relative;
float:left;
margin:40px 0 0 25px;
padding:0;
top:0px;
left:0px;}
#marge0 a:hover span{
display:block;
position:absolute;
margin:-55px 0 0 250px;
padding:0;
top:0px;
left:0px;}
#marge1 a{
position:relative;
float:left;
margin:65px 0 0 25px;
padding:0;
}
#marge1 a:hover span{
display:block;
position:absolute;
margin:250px 0 0 -180px;
padding:0;
top:0px;
left:0px;}
#marge0 a span,#marge1 a span,#marge2 a span{
display:none;
}
#marge2 a{
position:relative;
float:left;
margin:35px 0 0 15px;
padding:0;
}
#marge2 a:hover span{
display:block;
position:absolute;
margin:250px 0 0 320px;
padding:0;
top:0px;
left:0px;
}
#cages{
margin:-80px 0 0 15px;
padding:0;
float:right;}

#corps{
margin:0;
padding:20px 0 50px 15px;
float:left;}
#paysages{
float:right;
margin:-185px 0 50px 15px;
padding-left:28px;
}
/*____________________galerie____________________*/
#conteneurgalerie{
width:90%;
text-align:left;
margin:0 auto;
padding:0;
position:relative;
background-color:black;
}
#headergalerie{
height:120px;
background:url(signature-mini.jpg) no-repeat;
margin:0 0 0 170px;
width:300px;
background-position:bottom left;
padding:0 0 0 50px;
}
#headergalerie h1 span{
display:none;
}
#accessgalerie{
margin:30px 0 0 0px;
padding:0;
font-size:1.2em;}
#accessgalerie a{
color:black;
text-decoration:none;
}
#accessgalerie a:hover{
color:white;
}
#retour a{display:block;
color:#999999;
font:bold 1.6em arial, Times, serif;
margin:-20px 0 0 -50px;
padding:0;
text-decoration:none;}
#retour a:hover{
color:white;}
div#galerie{
width:680px;
padding:0;
margin:-140px 0 0 0;
font: 1.4em "times new roman", serif;
float:left;}

#galerie_mini
{   margin:0;
	padding:0;
	list-style-type:none;
    width:142px;
	background:url(corps/barre.jpg) repeat-y;}
ul#galerie_mini h1{
color:white;
padding:15px 0 0 0;
}
#galerie_mini li
{clear:both;
width:142px;
text-align:center;}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{padding:0 0 0 300px;
margin:-480px 0 0 0;
float:left;}

dl#photo dt
{
	font: italic 0.9em Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin:0;
}

dl#photo img
{
	border:1px solid #dcb ;
}


#paracorps{
margin:25px 0 0 25px;
color:white;
text-align:justify;
float:left;
font-family:"times new roman",serif;
background:url(cv/cadre1.jpg) repeat;}
h1#paracorps  {
font-size:2em;
}

/*_________________Curriculum vitae____________________*/
#contenucv{
width:580px;
margin:50px 0 25px 250px;
padding:0px;
}
#tete{
height:165px;
}
#titrecv h1{
margin:0px;
width:572px;
height:34px;
background:url(cv/titre-cv.jpg) no-repeat;
padding:0px;
}
#titrecv h1 span{
display:none;}
#para1{
width:560px;
height:120px;
background:url(cv/cadre1.jpg) no-repeat;
margin:-5px 0 0 12px;
padding:0px;
position:relative;
z-index:91;
}

.imgcv{
float:right;
margin:-25px 20px 0 0;
border:2px solid white;
position:relative;
z-index:101;
padding:0;}

.left{
float:left;
margin:20px 10px 0 12px;
padding:0;
border:2px solid white;
}
#para2{
background: top right url(cv/cadre2.jpg) repeat;
width:420px;
margin:18px 8px 0 0;
float:right;
padding:0;}
#photo1{
margin:15px 8px 0 0;
padding:0;
border:2px solid white;
float:right;}
#film{
	width:130px;
	height:240px;
	background-color: #666666;
float:left;
padding:0;
margin:213px 0 0 -140px;}
#para3{
background:url(cv/cadre3.jpg) repeat;
float:right;
width:560px;
margin:15px 8px 0 12px;
padding:0;}
#para4{
background:url(cv/cadre4.jpg) repeat;
float:right;
width:560px;
margin:15px 8px 50px 12px;
padding:0;}
.aquit{
margin:0 0 0 250px;}
.fin{
clear:both;
visibility:hidden;}
#contenucv p{
font:bold 1.2em verdana,arial,helvetica, sans serif;
color:black;
margin:0;
padding:5px;}
#contenucv h3{
font:bolder 1.5em arial, Times, serif;
color:white;
margin:0;
padding:5px;}
/*______________________LIENS_____________________*/
.fond{
width:612px;
clear:left;
margin:30px 0 0 0;
padding:0;
}
.fond ul{
margin:0.5em;
padding:0;
background:url(liens/cadre1.jpg) repeat;
}
.fond li{list-style:none;
}
.titreliens{
font:bold 1.4em arial, Times, serif;
padding:0.3em;
margin:0;
color:#CCCCCC;}
.fond li.paraliens{
font:bold 1.2em arial, Times, serif;
padding:0 0 0.3em 0.4em;
margin:0;
color:white;}
.imgliens{
float:left;
margin:0 0 20px 0;
padding:0 0.3em 0 0;
}
#contenu h4{
color:white;
font:bold 1.6em arial, Times, serif;
padding:0;
margin:40px 0 20px 0;
float:left;
}
/*___________________Actualité____________________*/
#carre{text-align:center;
height:300px;
font:3.5em arial white;
width:500px;}