/* CSS Document */
/*********************** BODY ************************/
html,body {
background-color : black;
padding:0px;
margin:0px;
margin-top:4px;
color:black;

/*background-image:url(img/fond.jpg);
background-repeat:no-repeat;
background-position:50% 0%;*/
} 
#content{
padding:0px;
margin:0px;

}
/*********************** menu INDEX *************************/

/*  <img src="images/index_15.jpg" width="292" height="43" alt="">  */
.accueil{
width:292px;
height:43px;
background-image:url(images/index_15.jpg);
background-repeat:no-repeat;
background-color:black;
}

.accueil a{
display:block;
width:292px;
height:43px;
background-image:url(images/index_15.jpg);
background-repeat:no-repeat;
 
text-decoration: none;
}

.accueil a:hover{

background-image:url(images/index_15.jpg);
background-repeat:no-repeat;

text-decoration: none;

}

/* <img src="images/index_04.jpg" width="330" height="212" alt=""> */
.actualites{
width:330px;
height:212px;
background-image:url(images/actualites.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
background-color:black;
}

.actualites a{
display:block;
width:330px;
height:212px;
background-image:url(images/actualites.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
}

.actualites a:hover{

background-image:url(images/actualites.jpg);
background-repeat:no-repeat;
background-position:0% 100%; 
text-decoration: none;

}

/*<img src="images/index_02.jpg" width="436" height="164" alt="">*/
.techniques{
width:436px;
height:164px;

background-image:url(images/techniques.jpg);
background-position:0% 0%; 
background-repeat:no-repeat;
background-color:black;
}

.techniques a{
display:block;
width:436px;
height:164px;
background-image:url(images/techniques.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
}

.techniques a:hover{

background-image:url(images/techniques.jpg);
background-repeat:no-repeat;
background-position:0% 100%; 
text-decoration: none;

}


/*<img src="images/index_07.jpg" width="204" height="386" alt="">*/
.autoportrait{
width:204px;
height:386px;
background-image:url(images/autoportrait.jpg);
background-position:0% 0%; 
background-repeat:no-repeat;
background-color:black;
}

.autoportrait a{
display:block;
width:204px;
height:386px;
background-image:url(images/autoportrait.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
}

.autoportrait a:hover{

background-image:url(images/autoportrait.jpg);
background-repeat:no-repeat;
background-position:0% 100%; 
text-decoration: none;

}

/*<img src="images/index_11.jpg" width="187" height="273" alt="">*/
.atelier{
width:187px;
height:273px;
background-image:url(images/atelier.jpg);
background-position:0% 0%; 
background-repeat:no-repeat;
background-color:black;
}

.atelier a{
display:block;
width:187px;
height:273px;
background-image:url(images/atelier.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
}

.atelier a:hover{

background-image:url(images/atelier.jpg);
background-repeat:no-repeat;
background-position:0% 100%; 
text-decoration: none;

}



/* 	<img src="images/index_09.jpg" width="335" height="225" alt="">*/
.galerie{
width:335px;
height:225px;
background-image:url(images/galerie.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
background-color:black;
}

.galerie a{
display:block;
width:335px;
height:225px;
background-image:url(images/galerie.jpg);
background-repeat:no-repeat;
background-position:0% 0%; 
text-decoration: none;
}

.galerie a:hover{

background-image:url(images/galerie.jpg);
background-repeat:no-repeat;
background-position:0% 100%; 
text-decoration: none;

}








/*********************** cellules INDEX *************************/

/*<img src="images/index_01.jpg" width="374" height="14" alt="">*/
.hautgauche{
width:374px;
height:14px;
background-image:url(images/index_01.jpg);
/*background-repeat:no-repeat;*/
background-color:black;

}
/*<img src="images/index_03.jpg" width="30" height="263" alt="">*/
.bordgauche{
width:30px;
height:263px;
background-image:url(images/index_03.jpg);
background-repeat:no-repeat;
background-color:black;

}


/* <img src="images/index_05.jpg" width="14" height="212" alt=""> */
.entre{
width:14px;
height:212px;
background-image:url(images/index_05.jpg);
background-repeat:no-repeat;
background-color:black;
}

/* 	<img src="images/index_06.jpg" width="232" height="62" alt=""> */
.entre2{
width:232px;
height:62px;
background-image:url(images/index_06.jpg);
background-repeat:no-repeat;
background-color:black;
}


/* 	<img src="images/index_08.jpg" width="187" height="51" alt="">*/
.hautporte{
width:187px;
height:51px;
background-image:url(images/index_08.jpg);
background-repeat:no-repeat;
background-color:black;
}


/* <img src="images/index_10.jpg" width="54" height="281" alt="">*/
.entre3{
width:54px;
height:281px;
background-image:url(images/index_10.jpg);
background-repeat:no-repeat;
background-color:black;
}



/*<img src="images/index_12.jpg" width="30" height="273" alt="">*/
.droiteporte{
width:30px;
height:273px;
background-image:url(images/index_12.jpg);
background-repeat:no-repeat;
background-color:black;
}

/*  <img src="images/index_13.jpg" width="335" height="56" alt="">    */
.hautaccueil{
width:335px;
height:56px;
background-image:url(images/index_13.jpg);
background-repeat:no-repeat;
background-color:black;
}

/*  <img src="images/index_14.jpg" width="75" height="43" alt="">    */
.gaucheaccueil{
width:75px;
height:43px;
background-image:url(images/index_14.jpg);
background-repeat:no-repeat;
background-color:black;
}





/*  <img src="images/index_16.jpg" width="22" height="43" alt=""> */
.droiteaccueil{
width:22px;
height:43px;
background-image:url(images/index_16.jpg);
background-repeat:no-repeat;
background-color:black;
}

/********                        ***********************************/




/*********************** PAGE AUTOPORTRAIT ************************/

/*<img src="images/autoportrait/autoportrait_01.jpg" width="810" height="64" alt="">*/
.head{
width:810px;
height:64px;
background-image:url(images/autoportrait/autoportrait_01.jpg);
background-repeat:no-repeat;
background-color:red;
}


/*   <img src="images/autoportrait/autoportrait_02.jpg" width="173" height="49" alt="">   */

.ongletgauche{
width:173px;
height:49px;
background-image:url(images/autoportrait/autoportrait_02.jpg);
background-repeat:no-repeat;
background-color:red;
}

/*   <img src="images/autoportrait/autoportrait_03.jpg" width="143" height="49" alt="">   */

.ongletautoportrait{
width:143px;
height:49px;
background-image:url(images/autoportrait/autoportrait_03.jpg);
background-repeat:no-repeat;
background-color:red;
}

/*   <img src="images/autoportrait/autoportrait_04.jpg" width="125" height="49" alt="">   */

.ongletexpos{
width:125px;
height:49px;
background-image:url(images/autoportrait/autoportrait_04.jpg);
background-repeat:no-repeat;
background-color:red;
}

/*   <img src="images/autoportrait/autoportrait_05.jpg" width="171" height="49" alt="">   */

.ongletsalons{
width:171px;
height:49px;
background-image:url(images/autoportrait/autoportrait_05.jpg);
background-repeat:no-repeat;
background-color:red;
}

/*   <img src="images/autoportrait/autoportrait_06.jpg" width="198" height="49" alt="">   */

.ongletdroite{
width:198px;
height:49px;
background-image:url(images/autoportrait/autoportrait_06.jpg);
background-repeat:no-repeat;
background-color:red;
}

/*   <img src="images/autoportrait/autoportrait_07.jpg" width="57" height="437" alt="">  */

.bordgauche2{
width:57px;
height:437px;
background-image:url(images/autoportrait/autoportrait_07.jpg);
background-repeat:no-repeat;
background-color:red;
}


/*   <img src="images/autoportrait/autoportrait_08.jpg" width="615" height="247" alt="">  */

.contenu2{
width:615px;
height:247px;
background-image:url(images/autoportrait/autoportraitfondtxt.jpg);
background-repeat:no-repeat;
background-color:red;
margin-bottom:90px;
padding-left: 67px;
margin-top:0px;
margin-right:10px;
padding-bottom:45px;
padding-top:5px;
padding-right:22px;

}



/*   <img src="images/autoportrait/autoportrait_08.jpg" width="615" height="247" alt="">  */

.test{
width:615px;
height:247px;
/*background-image:url(images/autoportrait/autoportrait_08.jpg);*/
background-repeat:no-repeat;
background-color:red;
}


/*********************** Generique ************************/
p,ul,li,td {
font-family: "Trebuchet MS";
color : black; 
font-size : 15px;

margin-top:10px;
margin-bottom:2px;
font-style:bold;
line-height: 17px;


}

h1 {
font-size : 2em; 
font-family: "Trebuchet MS";
color : navy; 
text-align: center;
}

h2 {
font-size : 1.5em; 
font-family: "Trebuchet MS";
color : red; 

}


h3 {
	font-size : 1.2em;
	font-family: "Trebuchet MS";
	color : #7d2309;
	padding:10px;
	margin:10px;
	font-style: normal;
	text-decoration: none;
    word-spacing: normal;
    text-align: right;
    letter-spacing: 0;
    line-height: 1.3em;

}

h4 {
	font-size : 0.9em;
	font-family: "Trebuchet MS";
	color : #7d2309;
	padding:10px;
	padding-top:0;
	margin:10px;
	font-style: normal;
	text-decoration: none;
    word-spacing: light;
    text-align: right;
    letter-spacing: 0;
    line-height: 0.5em;

}

h5 {
	font-size : 1em;
	font-family: "Trebuchet MS";
	color : #7d2309;
	padding:5px;
	margin:5px;
	margin-top:-26px;
	font-style: bold;
	text-decoration: none;
    word-spacing: normal;
    text-align: left;
    letter-spacing: 0;
    line-height: 1em;

}






/*********************** FOOTER ************************/


#footer{
width:811px;
height:10px;
background-attachment:red;
padding:0px;
font-family: "Trebuchet MS";
font-size:0.7em;
color: silver;


}
#footer a{
	color: white;
	text-decoration: none;
	/*border-bottom: 2px dashed white;*/
}

#footer a:visited {
	color: silver;
	text-decoration: none;
	/*border-bottom: 2px dashed #daa700;*/
}

#footer a:hover {
	color: #bfa230;
	border-color: #7d2309;
}