body
{
        margin: 0px 0 ;
        padding: 0 ;
        text-align: center ;
        font: 12px "Trebuchet MS", helvetica, sans-serif;
        background: #CCC6B6;	
}

div#conteneur
{
        width: 760px ;
        margin: 0 auto ;
        text-align: left ;
        border: 1px solid #70040B ;
        background: #F1EAD7 ;
		display:table;
		overflow:visible;

}

* html div#conteneur
{
        width: 760px ;
        margin: 0 auto ;
        text-align: left ;
        border: 1px solid #70040B ;
        background: #F1EAD7 ;
		display:inline-table;
}
/***************************************************************/
/************************** TITRES *****************************/
/***************************************************************/
h1#titre{

	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #67482C;
	width: 500px;
	text-align:justify;
	padding-right:20px;
	margin-left:auto;
	margin-right:auto;
	float:right;
}



h1#titreautres{

	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #67482C;
	width: 100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:right;
}

h1.titre2{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #67482C;
	width: 100%;
	text-align:left;
	padding-left:-10px;
}


p#titre{

	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #67482C;
	width: 500px;
	text-align:justify;
	padding-right:20px;
	margin-left:auto;
	margin-right:auto;
	float:right;
}

h1.titre03 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #000000;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

p#titreautres{

	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #67482C;
	width: 750px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	float:right;
}

p.titre2{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #67482C;
	width: 100%;
	text-align:left;
	padding-left:-10px;
}

.titre5{
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #67482C;
	width: 100%;
	text-align:left;
	padding-left:-10px;
}

p#titrehome {
	
	height:80px;
	float:right;
	width: 75%;
	text-align:center;

}

p#titreproducts {
	
	height:80px;
	float:right;
	width: 100%;
	padding-right:10px;
	text-align:center;

}



.titre03 {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	text-transform: uppercase;
	color: #000000;
}

.titreoval {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-transform: uppercase;
	color: #000000;
}

.lignetitre {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b18c3f;
}

.titresouvenir {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: 14px;
	color: #000000;
}

.titremenu {
	text-align: center;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #b18c3f;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b18c3f;
}

/***************************************************************/
/************************** TEXTES *****************************/
/***************************************************************/
.text{
	height: auto 100%;
	text-align:justify;
	height:auto;
	float:right;
	width: 500px;
	margin-right:10px;
	margin-left:10px;
	text-align:justify;
	float:right;
}

.text4{
	height: auto 100%;
	text-align:justify;
	height:auto;
	float:right;
	width: 490px;
	margin-right:10px;
	margin-left:10px;
	text-align:justify;
	float:right;
}

.text6{
	margin-left:10px;
	float:left;
}


#texte1{
	overflow: visible ;
	height: auto;
	margin-top: auto;
	text-align:justify;
	float:right;

}

* html p#text
{
	width: 500px;
}

.texte {
	font-family: AGaramond, "Times New Roman", Times;
	font-size: 12px;
	color: #000000;
	height: auto;
	width: 500px;
	margin-top: 650px;
	overflow: visible;
	float:right;
}

/***************************************************************/
/************************** MENUS ******************************/
/***************************************************************/
ul#menu
{
	margin: 0px ;padding: 0px ;list-style-type: none ;overflow:visible;margin-top:5px;
}

/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menu li
{
	float: left;
}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu li a
{
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #AE832B;
	text-decoration: none;
	font-family: "Times New Roman", Times, serif;
}/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu li a:hover
{
	color: #D19D31;
}

ul#menu li a:active
{
	color: #D19D31;
	text-decoration: underline;
}



ul#menu2
{
	margin: 0px auto;
	bottom:30px;
	padding-top:100px;
	padding-bottom:30px;
	list-style-type: none;
	width:760px;
	float:left;
	text-align:center;

}

/* On donne une hauteur au menu, correspondant a la taille de l'image utilisée en fond, on met ensuite l'image de fond avec un décalage de 25 pixels vers le haut pour utiliser la technique de roll over expliquée dans un autre tutoriel; */
ul#menu2 li
{
	float:left;
	text-align:center;

}/* On rend les li en flottant pour pouvoir les afficher horizontalement, on cache les puces, et on centre le texte */

ul#menu2 li a
{
	font-size:14px;font-weight:bold;letter-spacing:2px;color: #AE832B;text-decoration:none;font-family: "Times New Roman", Times, serif;border-top-width: 1px;border-top-style: solid;border-top-color: #b18c3f;text-align:center;
}/* C'est sur les liens que le gros du travail est effectué, largeur, hauteur de ligne, taille de police, graisse de police, espacement des lettres, couleur, bordure et decoration du texte. Nous pouvons dimensionner les a grâce à la propriété display: block ; */

ul#menu2 li a:hover
{
	color: #D19D31;
}
a.menu3:link {
	color: #987835;font-family: "Times New Roman", Times, serif;font-size: 11px;font-weight: normal;text-transform: uppercase;vertical-align: top;text-decoration:none;
} 
a.menu3:visited  {
	color: #987835;font-family: "Times New Roman", Times, serif;font-size: 11px;font-weight: normal;text-transform: uppercase;text-decoration:none;
} 
a.menu3:hover  {
	color: #7A612A;font-family: "Times New Roman", Times, serif;font-size: 11px;font-weight: normal;text-transform: uppercase;text-decoration:none;
} 
a.menu3:active  {
	color: #987835;font-family: "Times New Roman", Times, serif;font-size: 11px;font-weight: normal;text-transform: uppercase;text-decoration:none;
}



.contenantmenu {
	margin-left:auto;
	margin-right:auto;

}
/***************************************************************/
/********************** PIED DE PAGE ***************************/
/***************************************************************/

p#footer
{
	margin-left:auto;
	margin-right:auto;
	line-height: 30px;
	text-align: center;
	color: #70040B;
	font-family: "Times New Roman", Times, serif;
	float:left;
	width:760px;
}

* html p#footer
{
	margin-left:auto;
	margin-right:auto;
	line-height: 30px;
	width:100%;
	text-align: center;
	color: #70040B;
	font-family: "Times New Roman", Times, serif;
}


/***************************************************************/
/************************** DESIGN *****************************/
/***************************************************************/
#haut01 {
	float:left;margin-top:0px;margin-bottom:0px;top:0px;bottom:0px;width:37px;height:163px;
}

#haut02 {
float:left;margin-top:0px;margin-bottom:0px;top:0px;bottom:0px;width:192px;height:163px;
}

#haut03 {
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	top:0px;
	bottom:0px;
	width:139px;
	height:163px;
}

#haut04 {
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	top:0px;
	bottom:0px;
	width:225px;
	height:163px;
}

#haut05 {
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	top:0px;
	bottom:0px;
	width:167px;
	height:163px;
	background-image: url(../images/design_06.gif);
	background-repeat: no-repeat;
	text-align:right;
}

#haut06 {
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	top:0px;
	bottom:0px;
	height:67px;
	width: 192px;

}

#haut07 {
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	top:0px;
	bottom:0px;
	height:67px;
	width: 37px;

}
#haut08 {
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	top:0px;
	bottom:0px;
	height:67px;
	width: 531px;
}
#haut09 {
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	top:0px;
	bottom:0px;
	width:195px;
	height:38px;
}

#haut10 {
	
	background-image: url(../images/design_11.gif);
	background-repeat:no-repeat;
	text-align:left;
	height:38px;
	width:565px;
	float: left;
	margin-top:0px;
	top:0px;
	bottom:0px;
	padding-top:0px;
	position:relative;
	z-index:4;
}



*+html #haut10 {
	
	background-image: url(../images/design_11.gif);
	background-repeat:no-repeat;
	text-align:left;
	height:38px;
	width:565px;
	float: left;
	top:0px;
	bottom:0px;
	padding-top:10px;
	position:relative;
	z-index:4;
}


#photo {
	width:214px;
	height:185px;
	z-index:3;
}
#haut11 {
	width:195px;
	height:219px;
	margin-top:15px;
}
#haut12 {
	margin-left:5px;
	margin-top:15px;
}

#photo2{
	top:-16px;
	float:left;
	height:auto;
	text-align:left;
	z-index:2;
	position:relative;
	margin-left:0px;
	padding-left:0px;
}



* html div#photo2{
	top:-72px;
	float:left;
	height:auto;
	text-align:left;
	z-index:3;
	margin-left:0px;
	padding-left:0px;	
}

*+html div#photo2{
	top:-34px;
	float:left;
	height:auto;
	text-align:left;
	z-index:3;
	margin-left:0px;
	padding-left:0px;	
}
 /***************************************************************/
/************************** AUTRES* *****************************/
/****************************************************************/

.imagecatha {
	margin-left: +10px;
	margin-top: auto;
	width: auto;
}

/***************************************************************/
/************************ FORMATAGE ****************************/
/***************************************************************/
.centrercommeyfaut {
	width:760px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin: 0px auto;
}


.italik {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	text-align: center;
}
.center {
	text-align: center;
}

.center2 {
	text-align: center;
	vertical-align: top;
}

.policetext {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	color: #000000;
}
.bold {
	font-weight: bold;
}


#tableau01 {
	margin-left:40px;
}


#tableau03 {
	margin-left:40px;
	margin-top:300px;
}

* html #tableau03 {
	margin-left:40px;
	margin-top:0px;
}

*+html #tableau03 {
	margin-left:40px;
	margin-top:-100px;
}

.table01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align:center;
	
}


.lignecolone {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b18c3f;
	text-align: center;
}
.lignecolone-left {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b18c3f;
	text-align: left;
}




.separation {
	background-color: #70040b;
	color: #70040b;
	height: 1px;
	width: 70%;
	border: 0px none #70040b;
	text-align:center;
}


.top {
	vertical-align: top;
}

.middle {
	text-align: center;
	vertical-align: middle;
}
a.top:link {
	color: #70040b;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration:none;
}

a.top:visited  {
	color: #70040b;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration:none;
} 

a.top:hover  {
	color: #81040C;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration:underline;
} 
a.top:active  {
	color: #70040b;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration:none;
}
a#image { /* définition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit être en bloc */
     width: 14px; /* largeur de l'image réactive */
     height: 18px; /* hauteur de l'image réactive */
     background-image: url(../images/arrow1.gif); /* source de l'image de départ */
     background-repeat: no-repeat;
     }
         
a#image:hover { 
	/* définition de la classe "image" de la balise <a> au survol */
     background-image: url(../images/arrow2.gif); /* source de l'image d'arrivée */
 } 
 
a.menu4:link {
	color: #70040b;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
}

a.menu4:visited  {
	color: #70040b;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
} 

a.menu4:hover  {
	color: #81040C;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration:underline;
} 
a.menu4:active  {
	color: #70040b;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
}

a.menu5:link {
	color: #70040b;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;

}

a.menu5:visited  {
	color: #70040b;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
} 

a.menu5:hover  {
	color: #81040C;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
} 
a.menu5:active  {
	color: #70040b;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: normal;
	text-decoration:none;
}



.noborder {
	border:0px;
}


/****** TEST MENU *******/
 #navlist
 {
	margin-left:-60px;
	padding-left:auto;
 }
 
 *+html #navlist
 {
	margin-left:-70px;
	padding-left:-100px;
 }


 #navlist li
 {
 float: left;
 margin: 0;
 padding: 0;
 margin-top:-7px;
 width: auto;
 display: block;
 margin-left:-3px; /* Pour ajuster la largeur du menu*/
 padding-left:-3px;
 
 }
 
 *html #navlist li/*IE6*/
 {
 float: left;
 margin: 0;
 padding: 0;
 margin-top:5px;
 width: auto;
 display: block;
 margin-left:-4px;
 padding-left:-4px;
 }
 
 *+html #navlist li /*IE7*/
 {
 float: left;
 margin: 0;
 padding: 0;
 margin-top:-7px;
 width: auto;
 display: block;
 margin-left:-5px;
 padding-left:-5px;
 }
 

 #navlist li a, #navlist li a:link
 {
 font-size: 14px;
 font-weight: bold;
 
 letter-spacing: 0px;
 text-decoration: none;
 font-family: "Times New Roman", Times, serif;
 color: #AE832B;
 text-decoration: none;
 padding: 2px 4px 2px 4px;
 display: block;

 }

 #navlist li a:hover
 {
 color: #D19D31;
 border-bottom: 3px solid #D1AD65;


 }

 #navlist li a#current, #navlist li a#current:link
 {
 color: #8B691F;
 font-weight: bold;
 border-bottom: 3px solid #9A7F4A;
 }

 #navlist li a#current:hover
 {
 border-bottom: 3px solid #F7CD77;
 }
 
 /************* Bottom menu **********/
 
 #navlist2 li
 {
 float: left;
 margin: 0 auto;
 padding: 0px;
 margin-top:5px;
 display:block;
 text-align:center;
 position:relative;
 height:45px;
 }
 
div.vala
{
	margin:0 auto;
	text-align:center;
	width:500px;
	height:45px;
	padding-bottom:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1AD65;
	margin-top:50px;
	float:left;
	margin-left: 125px;
	margin-right: 125px;
}

/* html div.vala
{
	width:90%;
	padding-bottom:10px;
	text-align:center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1AD65;
	float:left;
	margin-top:45px;
}
 
*+html div.vala
{
	width:90%;
	padding-bottom:10px;
	text-align:center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1AD65;
	float:left;
	margin-top:45px;
	margin-left:auto;
	margin-right:auto;

}*/
 
 #navlist2 li a, #navlist2 li a:link
 {
 float:left;
 font-size: 13px;
 font-weight: bold;
 letter-spacing: 1px;
 text-decoration: none;
 font-family: "Times New Roman", Times, serif;
 color: #AE832B;
 text-decoration: none;
 padding: 3px 5px 3px 5px;
 display: block;

 }

 #navlist2 li a:hover
 {
 color: #D19D31;
 border-bottom: 3px solid #D1AD65;
 }

 #navlist2 li a#current2, #navlist2 li a#current2:link
 {
 color: #8B691F;
 font-weight: bold;
 border-bottom: 3px solid #9A7F4A;
 }

 #navlist2 li a#current2:hover
 {
 border-bottom: 3px solid #F7CD77;
 }

#petittexte{
	width:200px;
	font-family: AGaramond, "Times New Roman", Times;
	font-size: 11px;
	color: #000000;
	text-align:justify;
	margin-left:15px;	

}
.bold {
	font-weight: bold;
}