body {
	background-image: url(Images/Graphisme/fonp.jpg);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#principal {
	width: 980px;
	margin: auto;
	padding: 0px;
}
#bandtitre {
	width: 980px;
	margin-bottom: 20px;
	height: 170px;
}
#colonnegauche {
	float: left;
	width: 190px;
	text-align: justify;
	height: 630px;
}
#Contact {
	border: 1px solid #754621;
	background-image: url(Images/Graphisme/contcmailF.jpg);
	background-repeat: no-repeat;
	width: 188px;
	margin: 0px;
	padding: 0px;
	height: 100px;
}
#fargues {
	margin-top: 17px;
	margin-bottom: 7px;
	width: 190px;
}
#connaître {
	margin-bottom: 17px;
	width: 317px;
}
#creon {
	margin-top: 6.5px;
	margin-bottom: 6.5px;
	width: 190px;
}
#camblanes {
	margin-top: 6.5px;
	width: 190px;
}
#pied {
	clear: both;
}

#coloonecentre {
	float: left;
	width: 420px;
	margin-right: 20px;
	margin-left: 20px;
	z-index: -1;
	height: 630px;
	
}
.diaporama {
	margin-top: 0px;
	margin-bottom: 22px;
}
.ligne-tableau {
	padding-top: 2px;
	text-decoration: none;
	
}
a:link {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #b79156;
}
a:visited {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #b79156;
}
a:hover {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #b79156;
}
a:active {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #b79156;
}

#titrec {
	width: 420px;
}
#titred {
	width: 317px;
}
#pied-p {
	clear: both;
	height: 0.5px;
	width: 970px;
}
#contdes {
	height: 70px;
	width: 30px;
	float: left;
}
#coordoner {
	width: 130px;
	float: left;
	height: 25px;
	clear: none;
	font-family: Times, serif;
	color: #FFF;
	font-size: 14px;
	padding-left: 10px;
	padding-top: 9px;
	padding-bottom: 2px;
}
.texte-cata {
	font-family: "Times New Roman", Times, serif;
	font-size: 19.21pt;
	font-weight: bold;
	color: #461607;
	margin: 0px;
}

#texte-cata {
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 418px;
	z-index: -1;
}

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	width: 317px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-top-style: none;
	padding-bottom: 2px;
	height: 210px;
	margin: 0px;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {

	background-image: Images/Graphisme/fontequipe.jpg;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	z-index: 2;
	margin: 0px;
	padding: 0px;
	background-image: url(images/Graphisme/texte-equipe.jpg);
	background-repeat: no-repeat;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-style: none;
	height: 210px;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {



	background-image: url(images/Graphisme/texte-equipe2.jpg);
	height: 370px;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	width: 317px;
	z-index: 2;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-top-style: none;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
	text-align:justify;
	font-family: arial;
	
	font-size: 14.83pt;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(images/Graphisme/texte-equipe2.jpg);
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {

	background-image: images/Graphisme/texte-equipe2.jpg
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
	z-index: 2;
	height: 210px;
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
background-image: images/Graphisme/fontequipe.jpg;
	z-index: 2;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
background-image: images/Graphisme/fontequipe.jpg;
}


#diaporama {
	width: 418px;
	background-image: url(images/Graphisme/Fond-catalogue-10x610.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #b79156;
	border-right-color: #b79156;
	border-bottom-color: #b79156;
	border-left-color: #b79156;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	text-align: center;
	height: 599px;
	z-index: -1;
}
#recherche {
	width: 390px;
	background-image: url(Images/Graphisme/Fond-moteur-de-recherche-10x390.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b79156;
	border-right-color: #b79156;
	border-bottom-color: #b79156;
	border-left-color: #b79156;
	height: 225px;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 15px;
	margin-left: 13px;
	z-index: -1;
}
#prix {
	width: 170px;
	float: left;
	line-height: 15px;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
}
#refp {
	float: left;
	line-height: 14px;
	padding-top: 20px;
	margin-left: 10px;
}
#ref2 {
	width: 168px;
	border: 1px solid #b79156;
	background-image: url(Images/Graphisme/fondreference.jpg);
	height: 80px;
}
#titreref {
	background-image: url(Images/Graphisme/reference.jpg);
	background-repeat: repeat-x;
	border:1px solid #b79156;
	height: 40px;
	width: 168px;
	margin-bottom: 2px;
	padding-bottom: 15px;
}
#ref3 {
	height: 45px;
	width: 170px;
	margin-top: 20px
}
#bas {
	height: 1px;
	clear: both;
}
.Tableaucarte {
	z-index: 1;
	margin-top: 20px;
}

.boutontitre {
	font-family: Arial;
	font-size: 14px;
	color: #FFF;
	background-image: url(Images/Graphisme/boutonclaire.jpg);
	font-weight: bolder;
	letter-spacing: 0,1em;
	word-spacing: 0,2em;
}
#texte {
	overflow: auto;
	height: 630px;
}
.cadrephotoA {
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 115px;
}
.cadrephoto {
	margin-right: 37px;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-top: 115px;
}


.Adresses {
	font-family: Arial;
	color: #461607;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	word-spacing: 0%;
	margin-top: 10px;
	margin-bottom:10px;
	text-align: justify;
}
#ML {
	font-family: Arial;
	color: #461607;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: normal;
	word-spacing: 0%;
	margin-top: 400px;
	margin-right:20px;
	text-align: right;
	width: 317px;
}
.lienphoto{
	color: #b79156;
	border: 0.5 solid #b79156;
	text-decoration: none;
	
}
.lancerrecher {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 173px;
	height: 40px;
	text-decoration: none;
}


.ref {
	font-family: Arial;
	color: #FFF;
	font-size: 16pt;
	text-align: center;
	width: 170px;
	vertical-align: middle;
}
.texte {
	font-family: Times, serif;
	font-size: 12pt;
	text-align: justify;
	padding-right: 5px;
	padding-left: 5px;
}
#fla {
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	z-index: 1;
}
#colonedroit {
	width: 320px;
	padding: 0px;
	float: left;
	height: 640px;
	
}