* {margin:0; padding:0}

body{
	list-style-position: inside;
	list-style-type: disc;
	background : #F5F3EC;
	padding-top: 20px;
	font: .8em Georgia, "Times New Roman", Times, serif;
	color: #ccc0ba;}

img{
	border: none;}

em{
	margin-left: 10px;}

ul{
	list-style: none;}

a, a:visited{
	text-decoration: none;
	
	}
	
	
hr{
	width: 100%;
	clear: both;
	visibility: hidden;}

p{
	font-size: 1em;
	padding: 10px 10px 0 0;
	text-align: justify;
	}
	
p a, p a:visited, .legende a, .legende a:visited{
	text-decoration: none;
	border-bottom: 1px	dotted;
	color: #ccc0ba;}

p a:hover, .legende a:hover{
	border-bottom: none;
	color: #f58caa;}

/* Titre Menu rubrique*/
h1{
	font-style: italic;
	font-size: 1.4em;
	letter-spacing: 3px;
	text-decoration: none;
	text-align: center;
	color: #FFF;
	font-weight: 100;
	margin-bottom: 15px;}
	
/* Titre description*/
h2{
	font-size: 1.1em;
	text-align: left;
	padding-top: 15px;}
	
/********STRUCTURE GLOBALE************/
#entete{
background: #de5c82 url("images/layout/puce_r.gif");}

#principal{
	position: relative;
    width: 760px;
    margin: 0 auto;
    background-color: white;}
    
    
#menu-principal{
	overflow: auto;
	padding: 5px 10px;}
    
#contenu{
	position: relative;
	margin-bottom:10px;
	_height: 0;
	zoom: 1;}
	
#vignettes {
	float: right;
	width: 550px;
	height: 405px;
}

	html>body #vignettes {
height: auto;
min-height: 405px;
}


#diapo-d {
	float: right;
	margin: 10px 50px;
}
/*******FIN STRUCTURE GLOBALE*********/

/*******PAGE ACCUEIL/PROFIL*********/
#infos h1{
	padding-bottom: 20px;
	font-style: normal;
	color: #ccc0ba;
	font-size: 2em;
	text-align: right;}

h2.accueil{
	text-align: right;
	padding-top: 0;
	padding-bottom: 50px;
	font-size: 1em;}
	
h2.profil{
color: #f58caa;
padding: 10px 0 0 0;
font-size: 1em;}

	
#diapo{
float: left;
	width: 300px;
	margin: 20px 0 0px 30px;
	}


#infos li{
list-style: circle;
	list-style-position: inside; 
	padding-left: 20px;
	margin: 0;
	/*margin-bottom: 5px;*/
}

#infos{
float: right;

/*position: absolute;bottom: 50px; right: 15px;*/
	width: 350px;
	margin: 10px 20px 20px 10px;}
/*********FIN PAGE ACCUEIL***********/

/*************MENU PRINCIPAL***************/
#menu-principal li{
	float:  left;
	padding: 5px 5px;}

#menu-principal a{
	display: block;
	width: 360px;
	height: 1.7em;
	line-height: 1.6em;
	font-style: italic;
	font-size: 1.4em;
	letter-spacing: 3px;
	text-decoration: none;
	text-align: center;
	color: #FFF;}

a#menu1{
	background: #f1dd7b url(images/layout/illustrations.gif) top left;}
a#menu2{
	background: #e6d9c4 url(images/layout/print.gif) top left;}
a#menu3{
	background: #7e6257 url(images/layout/bricolages.gif) top left;}
a#menu4{
	background: #f58caa url(images/layout/webdesign.gif) top left;}

a:hover#menu1{
	background: none;
	color: #f1dd7b;}
a:hover#menu2{
	background: none;
	color: #e6d9c4;}
a:hover#menu3{
	background: none;
	color: #7e6257;}
a:hover#menu4{
	background: none;
	color: #f58caa;}	
/*********FIN MENU PRINCIPAL*************/


/*********MENU RUBRIQUE************/
#contenu #menu-rubrique {
	width: 200px;
	position: absolute;
	bottom: 15px;
	margin-left: 15px;}
	




#contenu-accueil #menu-rubrique{
	position: absolute;
	bottom: 15px;
	width: 200px;
	margin: 45px 15px;}


#menu-rubrique li{
	font-size: 1em;
	/*background: url(images/layout/puce.gif) top left no-repeat;*/
	list-style-image: url(images/layout/puce.gif); 
	list-style-position: inside; 
	/*padding: 10px 0 0 17px;*/
	padding: 10px 0 0 5px;
	margin-bottom: 5px;}
	
#menu-rubrique li.titre, #menu-rubrique li.titre:hover{
	list-style-image: none;
	/*background: none;*/
	padding: 0;}

#menu-rubrique a, #menu-rubrique a:visited {
	color: #CCC0ba;}
	
#menu-rubrique li:hover{
	list-style-image: url(images/layout/puce_r.gif);
	/*background: url(images/layout/puce_r.gif) top left no-repeat;*/}

h1#print{
	background: #e6d9c4 url(images/layout/print.gif) top left ;}

h1#webdesign{
	background: #f58caa url(images/layout/webdesign.gif) top left ;}

h1#illustration{
	background: #f1dd7b url(images/layout/illustrations.gif) top left ;}

h1#bricolage{
	background: #7e6257 url(images/layout/bricolages.gif) top left ;}
/*********FIN MENU RUBRIQUE************/


/***********TRAVAUX************/
#vignettes li{
	margin: 10px 5px 20px 55px;
	float: left;
	display: inline;}
	
.image{
height: 120px;}

.legende{
	width: 350px;
	min-height: 72px;
	text-align: left;
	background: url(images/layout/fond-texte.gif) no-repeat top right;
	font-size: .9em;}
/******************************/


/*******PIED DE PAGE*******/
#accesrapide{
	clear:  both;
	height: 20px;
	padding: 10px 0;
	text-align: center;
	color: #F5F3EC;
	font: 0.75em "Lucida Grande", Lucida, Verdana, sans-serif;
	background: #de5c82 url(images/layout/pied.jpg);}

#accesrapide a:hover{
	/*color: #F5F3EC;*/
	border-bottom: 1px	dotted;}

#accesrapide a, #accesrapide a:visited, #accesrapide a:hover{
	color: #F5F3EC;}

#accesrapide li{
	display: inline;
	border: none;
	padding: 10px 3px;}
/******FIN PIED DE PAGE******/

/*#bottomNav{
font: .8em Georgia, "Times New Roman", Times, serif;
color: #CCC0BA;}

/*
#accueil{
display: block;
float: left;
font: 
}
*/

/*#enattendant{
	position: relative;
	width: 448px;
	margin: 0 auto;
	padding-top: 250px;}*/

/*#menu-rubrique a:hover{
	color: #CCC0ba;}

#menu-rubrique img{
 padding-left: 1px; 
}*/