/* 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/atelier/atelier_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/retour.jpg);
background-repeat:no-repeat;
background-position:0 100%;
 
text-decoration: none;
}

.accueil a:hover{

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

}


/*********************** PAGE ATELIER************************/

/* <img src="images/atelier/atelier_01.jpg" width="810" height="46" alt=""> */
.head{
width:810px;
height:46px;
background-image:url(images/atelier/atelier_01.jpg);
background-repeat:no-repeat;
background-color:black;
}


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


/*   <img src="images/atelier/atelier_04.jpg" width="258" height="12" alt="">   */
.hautannonce{
width:258px;
height:12px;
background-image:url(images/atelier/atelier_04.jpg);
background-repeat:no-repeat;
background-color:black;
}



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




/*    <img src="images/atelier/atelier_07.jpg" width="33" height="492" alt="">  */
.borddroite{
width:33px;
height:492px;
background-image:url(images/atelier/atelier_07.jpg);
background-repeat:no-repeat;
background-color:black;
}




/* <img src="images/atelier/atelier_08.jpg" width="461" height="52" alt=""> */
.bascontenu{
width:461px;
height:52px;
background-image:url(images/atelier/atelier_08.jpg);
background-repeat:no-repeat;
background-color:black;
}

/* <img src="images/atelier/atelier_09.jpg" width="185" height="285" alt=""> */

.bassannonce{
width:185px;
height:285px;
background-image:url(images/atelier/atelier_09.jpg);
background-repeat:no-repeat;
background-color:black;
}

/*    <img src="images/atelier/atelier_10.jpg" width="244" height="205" alt=""> */
.porte{
width:244px;
height:205px;
background-image:url(images/atelier/atelier_10.jpg);
background-repeat:no-repeat;
background-color:black;
}

/*  <img src="images/atelier/atelier_12.jpg" width="22" height="205" alt="">   */
.droitecontact{
width:22px;
height:205px;
background-image:url(images/atelier/atelier_12.jpg);
background-repeat:no-repeat;
background-color:black;

}
/* <img src="images/atelier/atelier_13.jpg" width="235" height="94" alt="">   */
.bascontact{
width:235px;
height:94px;
background-image:url(images/atelier/atelier_13.jpg);
background-repeat:no-repeat;
background-color:black;

}

/*  <img src="images/atelier/atelier_14.jpg" width="201" height="43" alt="">   */
.accueilgauche{
width:201px;
height:43px;
background-image:url(images/atelier/atelier_14.jpg);
background-repeat:no-repeat;
background-color:black;

}


/*  <img src="images/atelier/atelier_16.jpg" width="8" height="43" alt="">   */
.accueildroite{
width:8px;
height:43px;
background-image:url(images/atelier/atelier_16.jpg);
background-repeat:no-repeat;
background-color:black;

}


/*********************** CONTENUS         ************************/


/* <img src="images/atelier/atelier_03.jpg" width="461" height="204" alt=""> */
.contenu{
width:461px;
height:204px;
background-image:url(images/atelier/atelier_03.jpg);
background-repeat:no-repeat;
background-color:black;
font-size : 1em;
font-family: "Trebuchet MS";
color : black;
letter-spacing: 0;
line-height: 1em;
margin:0px;
padding:0px;
padding-right:2px;
padding-left:5px;
text-align:left;
}




/* <img src="images/atelier/atelier_03.jpg" width="461" height="204" alt=""> */
.contenustage{
width:461px;
height:204px;
background-image:url(images/atelier/atelier_03.jpg);
background-repeat:no-repeat;
background-color:black;
font-size : 14px;
font-family: "Trebuchet MS";
color : black;
letter-spacing: 0;
line-height: 14px;
margin:0px;
padding:0px;
padding-right:2px;
padding-left:5px;
text-align:left;
}




/* <img src="images/atelier/atelier_06.jpg" width="185" height="207" alt=""> */
.annonce{
width:185px;
height:207px;
background-image:url(images/atelier/atelier_06.jpg);
background-repeat:no-repeat;
background-color:black;
font-size : 1em;
font-family: "Trebuchet MS";
color : black;
letter-spacing: 0;
line-height: 1.2em;
margin:0px;
padding:0px;
padding-right:2px;
padding-left:8px;
padding-bottom:0px;
text-align:left;
}

.annonce a{
font-size : 0.8em;
color : #bfa230;
font-weight: normal;
text-align:right;
text-decoration:none;
border-bottom: 1px dashed #bfa230;
}




.annonce a:hover{
font-size : 0.8em;
color : black;
font-weight: normal;
text-decoration:none;
text-align:right;
border-bottom: none;
/*border-bottom: 1px dashed black;*/


}


/* <img src="images/atelier/atelier_11.jpg" width="235" height="111" alt=""> */
.contact{
width:235px;
height:111px;
background-image:url(images/atelier/atelier_11.jpg);
background-repeat:no-repeat;
background-color:black;
font-size : 0.9em;
font-family: "Trebuchet MS";
color : black;
letter-spacing: 0;
line-height: 1em;
margin:0px;
padding:0px;
text-align:center;

}

.contact a{
color : black;
font-weight:bold;
text-decoration:none;
/*border-bottom: 1px dashed black;*/


}


.contact a:hover{
color : #bfa230;
font-weight:bold;
border-bottom: 1px dashed #bfa230;

}



/*********************** Generique ************************/
p {
	font-size : 16px;
	font-family: "Trebuchet MS";
	color : black;
	letter-spacing: 0;
	line-height: 16px;
	margin:0px;
	margin-bottom:7px;
	text-align:justify;
	padding:0px;
	padding-bottom:0px;


}

.details {
	font-size : 14px;
	font-family: "Trebuchet MS";
	color : black;
	letter-spacing: 0;
	line-height: 14px;
	margin:0px;
	margin-top:0px;
	text-align:justify;
	padding-bottom:10px;
	padding-top:5px;

}
.details2 {
	font-size : 14px;
	font-family: "Trebuchet MS";
	color : black;
	letter-spacing: 0;
	line-height: 14px;
	margin:0px;
	margin-top:0px;
	text-align:justify;
	padding:0px;
	padding-top:5px;

}

.details2 a{
color : #bfa230;
font-weight:bold;
text-decoration:none;
/*border-bottom: 1px dashed black;*/


}


.details2 a:hover{
color : black;
font-weight:bold;
border-bottom: 1px dashed #bfa230;

}



h1 {
	font-size : 1.2em;
	font-family: "Trebuchet MS"; 
	color:black; 
    text-align:center;
	padding:0px;
    padding-bottom:0px;
	margin:0px;
	margin-top:6px;
	word-spacing: normal;
    letter-spacing: 0;
    line-height: 1em;
}

h2{
	font-size : 1.2em;
	font-family: "Trebuchet MS"; 
	color:black; 
    text-align:center;
	padding:0px;
    margin:0px;
	margin-left:28px;
	word-spacing: normal;
    letter-spacing: 0;
    line-height: 1em;
}




h3 {
	font-size : 1.2em;
	font-family: "Trebuchet MS";
	color:black; 
    text-align:center;
	padding-left:0px;
    padding-bottom:8px;
	margin:0px;
	word-spacing: normal;
    letter-spacing: 0;
    

}

h4 {
	font-size : 1em;
		font-family: "Trebuchet MS"; 
	color:black; 
    text-align:center;
	padding:0px;
    padding-bottom:2px;
	margin:0px;
	word-spacing: normal;
    letter-spacing: 0;
    line-height: 1em;

}


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;
}