/* couleurs roots
Marron : #52323F
Orange : #D07F2D                                
jaune : #E6C165
*/
BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: url(../image/grad_back.jpg) repeat-x; 
	PADDING-BOTTOM: 0px;
	MARGIN: 10px 0px; 
	FONT: 1em "Trebuchet MS", helvetica, sans-serif;
	PADDING-TOP: 0px; 
	TEXT-ALIGN: center
}
DIV#conteneur {
	BACKGROUND: #fff; MARGIN: 0px auto; 
	WIDTH: 770px; 
	TEXT-ALIGN: left
}
H1#header {
	BACKGROUND: url(../image/roots-head.jpg) no-repeat left top; 
	MARGIN: 0px; HEIGHT: 250px
}

H1#headerphoto {
	BACKGROUND: url(../image/accueil.jpg) no-repeat left top; /* BACKGROUND: url(image/accueil.jpg) no-repeat left top;  */
	MARGIN: 0px; HEIGHT: 182px
}

/* menu de gaucge pour bijoux */
UL#menugauche {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 20px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px; 

	MARGIN: 0px; 
	LIST-STYLE-TYPE: none; 
	HEIGHT: 25px;
	COLOR: #52323F; 
	FLOAT: left;
}
UL#menugauche LI {
	BACKGROUND: url(../image/bg_menu.gif) repeat-x 0px -25px;
	TEXT-ALIGN: left
}
UL#menugauche LI A {
	DISPLAY: block; 
	FONT-SIZE: 1.2em; 
	WIDTH: 130px; 
	COLOR: #52323F;  
	LINE-HEIGHT: 25px; 
	LETTER-SPACING: 2px; 
	TEXT-DECORATION: none;
}
UL#menugauche LI A:hover {
	BACKGROUND: url(../image/bg_menu.gif) repeat-x 0px 0px 
}

/* menu horizontal */
#menu {
/* position: absolute;   placement du menu, à modifier selon vos besoins */
top: 0;
z-index: 100;
width: 734px;  /* 735px créer une ligne blanche; 100% correction pour Opera */
FONT-SIZE: 1.2em; 
LINE-HEIGHT: 25px; /*suppr le 24/06/2008 */
LETTER-SPACING: 2px;
margin: 0 auto;
padding: 0 18px; /*padding: 0 18px; */
COLOR: #52323F;
BACKGROUND: #52323F;  
height: 25px; /*pour tout sur une ligne */
}
/*sous menu */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
COLOR: #52323F;
}

#menu dl {
float: left;
COLOR: #52323F;  
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #D07F2D;
COLOR: #52323F;
margin: 1px;
PADDING-RIGHT: 35px; /*20*/
PADDING-LEFT: 35px; /*20*/
}
#menu dd {
display: none;
}
#menu li {
text-align: left;
background: #D07F2D;
COLOR: #52323F;
}

#menu dt a, li a {
COLOR: #52323F;
text-decoration: none;
display: block;
/*height: 100%; décale le menu horizontal en un menu vertical suppr le 24/06/2008*/
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}

.gauche{
	BACKGROUND: url(../image/img_gauche.jpg) no-repeat 0px 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	FLOAT: left;
}

.contenu_index {
	PADDING-RIGHT: 100px; 
	PADDING-LEFT: 100px;  /* 160px;  */
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
}

.contenu_index H2 {
	FONT-SIZE: 1.2em; 
	BACKGROUND: url(../image/minilogo.gif) no-repeat left bottom; 
	BACKGROUND: url(../image/ligne.gif) no-repeat left bottom; 
	COLOR: #52323F; LINE-HEIGHT: 25px; 
}

DIV#contenu_index P {
	LINE-HEIGHT: 1.7em; 
	TEXT-ALIGN: justify
}

.droite{
	BACKGROUND: url(../image/img_droite.jpg) no-repeat 0px 0px; /* BACKGROUND: url(image/img_gauche.jpg) no-repeat 15px 15px;*/
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	/*PADDING-LEFT: 10px;*/
	FLOAT: left;
}
.contenu {
	PADDING-RIGHT: 100px; 
	PADDING-LEFT: 160px;  /* 160px;  */
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
}

.contenu H2 {
	FONT-SIZE: 1.2em; 
	BACKGROUND: url(../image/minilogo.gif) no-repeat left bottom; 
	BACKGROUND: url(../image/ligne.gif) no-repeat left bottom; 
	COLOR: #52323F; LINE-HEIGHT: 25px; 
}

DIV#mois{
	BACKGROUND: url(../image/img_droite.jpg) no-repeat 0px 0px; 
	PADDING-BOTTOM: 0px; 
	PADDING-TOP: 0px;
	FLOAT: left;
}

DIV#contenu P {
	LINE-HEIGHT: 1.7em; 
	TEXT-ALIGN: justify
}

DIV#footer {
	BACKGROUND: url(../image/foot.jpg) no-repeat left top; 
	MARGIN: 0px; HEIGHT: 50px
}

.contenu  A {
	COLOR: #CE732A;
}
.contenu  A:hover {
	COLOR: #52323F;
}


DIV#credits {
	MARGIN: 0px; HEIGHT: 50px;	
	PADDING-RIGHT: 10px; 
	MARGIN: 0px; 
	COLOR: #CE732A; 
	LINE-HEIGHT: 1.7em; 
	TEXT-ALIGN: center
}
DIV#credits A {
	COLOR: #CE732A;
}
DIV#credits A:hover {
	COLOR: #52323F;
}
/* contact*/
.cadre {
color: #333333; 
background-color: #F8F8F8; 
height: 20px; width: 150px;
border: 1px solid #CCCCCC;
}
.cadre2 {
background-color: f8f8f8; 
border: 1px solid #CCCCCC; 
height: 120px; 
width: 250px;
}