body{
	color: rgb(118,69,88);
	width: 750px;
	margin: auto; /* Pour centrer notre page */
	margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom: 20px;    /* Idem pour le bas du navigateur */
	background-color: rgb(230,230,230); /* pour éviter d'avoir un vieux fond blanc :p */
	font-family: "Copperplate Gothic Light", Arial, serif;
	font-variant: small-caps;
	text-align: center;
}

#pied_de_page {
	margin-top: 100px;
	padding: 5px;
	font-size : 80%;
	color: black;
}

#pied_de_page a {
	font-family: "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
	font-variant: normal;
	color: black;
}

/*--------------------INDEX------------------*/	

#corps {
	letter-spacing: 7px;
	word-spacing: 12px;
	margin-top: 25px;
	margin-bottom: 10px;
	color:black;
}

.img_ori  {
	width: 245px;
	height: 250px;
	border: none;
}
#text_ori { 
	letter-spacing: 7px;
	margin-top: 70px;
	
}
#text_ori a {
	color: black;
	text-decoration: none;
}
#text_ori img {
	border: none;
}

#left {
    float: left;
    width: 250px;
}
#right {
    float: right;
    width: 250px;
}
#middle {
    padding: 0px 160px 5px 160px;
    margin: 0px;
}
#ori_footer {
    clear: both;
}
#orange {
	color:orange;
}
#mauve {
	color:purple;
}
#rouge {
	color:red;
}	

/* ------------------------BANNIERE----------------------*/
	
#en_tete {
	text-align: left;
   width: 750px;
   height: 114px;
   background-image: url("background_banniere.png");
   background-repeat: no-repeat;
   margin-bottom: 7px;
}

#bouton_blog {
	width: 88px;
	height: 103px;
	border: none;
	margin-left: 25px;
	margin-right: 5px;
}

img#bouton_blog:hover {
	border-width: 2px;
	border-color: rgb(220,35,0);
	border-style: ridge;
}

#bouton_atelier {
	width: 88px;
	height: 103px;	
	border: none;
}

img#bouton_atelier:hover {
	border-width: 2px;
	border-color: rgb(255,102,51);
	border-style: ridge;
}

/*------------------- MENUS-------------------*/

/*----------menu general horizontal------*/

#menu ul {
text-align: center;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: rgb(118,69,88);
/*color: rgb(0,0,0);*/
width: 100%;
/*font-family: Arial,Helvetica,sans-serif;*/
line-height: 16px;
/* fixes Firefox 0.9.3 */
}

#menu ul li {
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 2px;
padding-top: 2px;
}

#menu ul li a {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 1px;
padding-top: 2px;
color: rgb(241,195,206);
text-decoration: none;
}

#menu ul li a:hover {
background-color: rgb(184,86,132);
color: rgb(241,195,206);
}

#menu #active { 
background-color: rgb(184,86,132);
color: rgb(0,0,0);
}

/* ---------menu creations vertical----------- */

#menucrea {
float:left;
width:140px;
height: 1000px;
background-image:url("menuvd.jpg");
background-repeat: no-repeat;
}

#menucrea p {
margin-top:150px;
}

#retour a {
color: rgb(230,230,230);
text-decoration: none;
}

#retour a:hover {
color: rgb(241,195,206);
}

ul#navlistcrea {
width: 138px;
\width: 140px;
w\idth: 138px;
padding: 0px;
border: 1px solid rgb(118,69,88);
border-top: 0px;
margin: 0px;
background: rgb(230,230,230);
}

ul#navlistcrea li {
list-style: none;
margin: 0px;
border: 0px;
border-top: 1px solid rgb(118,69,88);
}

ul#navlistcrea li a {
display: block;
width: 102px;
\width: 138px;
w\idth: 102px;
padding: 4px 8px 4px 8px;
border: 0px;
border-left: 20px solid rgb(118,69,88);
background: rgb(230,230,230);
text-decoration: none;
text-align: right;
}

ul#navlistcrea li a:link { color: rgb(118,69,88); }
div#menucrea li a:visited { color: rgb(118,69,88); }

ul#navlistcrea li a:hover {
border-color: rgb(184,86,132);
color: rgb(241,195,206);
background: rgb(118,69,88);
}

#menucrea #activcrea a {
border-color: rgb(184,86,132);
}
	

/* ----------------Texte--------------------*/
h1 {
	font-family: "Bickley Script", "Vladimir Script","Elegant-Script", CoronetI, HogarthScrD, Vivaldi, Arial, serif;
	font-variant: normal;
	font-size: 3em;
	color: rgb(118,69,88);
	margin-top: 40px;
	margin-bottom: 40px;
}

.mini {	
	font-size: 0.8em;
}

.justify {
	text-align: justify;
}

/*------------- ACCUEIL / CREATION -----------------*/

#corps_cart {
margin: 0px;
padding : 0px;
padding-top: 40px;
float: left; 
width: 370px; 
height: 130px;
}

#corps_lumi {
margin: 0px;
padding: 0px;
padding-top: 40px;
margin-left: 376px;
width: 370px; 
height: 130px;
}

#corps_miro {
margin: 0px;
padding: 0px;
padding-top: 40px;
float: left; 
width: 370px; 
height: 130px;
}

#corps_plus {
margin: 0px;
padding: 0px;
padding-top: 40px;
margin-left: 376px;
width: 370px; 
height: 130px;
}

hr {
clear: both;
visibility: hidden;
}

#accueil p a {
color: rgb(118,69,88);
letter-spacing: 4px;
word-spacing: 8px;
text-decoration: none;
}

#accueil p a:hover 
{
background-color: rgb(118,69,88);
color: rgb(241,195,206);
}

.nouv {
background-color: rgb(184,86,132);
color: rgb(241,195,206);
}

#nouveau p img {
border: none;
}

/*------------- ATELIER-------------------*/

div#galerie {
	width: 630px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px 50px;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li {
	float: left ;
}

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

dl#photo {
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt {
	font-family: "Bickley Script", "Vladimir Script","Elegant-Script", CoronetI, HogarthScrD, Vivaldi, Arial, serif;
	font-variant: normal;
	font-size: 2em;
	color: rgb(118,69,88) ;
}

dl#photo dd {
	margin: 0 ;
}

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

/*------------- CARTON-------------------*/		
#liste p img {
border: none;
}
	
/*------------- LIENS-------------------*/		
#liens p img {
border: none;
}	


/*------------- PAGES CREATION-------------------*/	
.crea_txt {
margin:auto;
padding-right:50px;
padding-left:190px;
text-align: center;
}

/*------------- PAGE CONTACT-------------------*/	
#photoh {
padding-top: 50px;
padding-bottom: 150px;
float: left; 
width: 83px; 
height: 196px;
}

#texteh {
padding-top: 30px;
padding-bottom: 50px;
padding-left: 150px;
padding-right: 50px;
}

#contact a {
color: rgb(241,195,206);
background-color: rgb(118,69,88);
padding: 5px;
}

#contact a:hover {
background-color: rgb(184,86,132);
color: rgb(241,195,206);
}