/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}
* {
	padding: 0px;
	margin: 0px;
}


body {
	background:#f5e5d9;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color:#414141;
	font-size:12px;
}
p {
	margin: 0px;
	padding: 0px;
}
h1:first-letter {
	font-size:24px;
}
h2:first-letter {
	font-size:14px;
}
.encart_centenaire h1 {
	padding: 5px 0 5px 10px!important;
}
#comment h1:first-letter {
	font-size:24px!important;
}
h1 {
	color:#6f3722;
	font-size:14px;
	text-transform:uppercase;
	margin: 0px;
	padding: 10px 0 10px 10px;
}
h2 {
	color:#b63b00;
	text-transform:uppercase;
	font-size:12px;
	margin: 0px;
	padding: 10px 0px 0 10px;
}
h3 {
	color:#b63b00;
	font-size:12px;
	margin: 0px;
	padding: 10px 0px 0 10px;
}
h3.p1 {
	line-height:98px;
}
h3:first-letter {
	font-size:14px;
}
.graphic h3 {
	width:198px;
	float:left;
	padding:0!important;
	border-right: 2px solid #6F3722;
}
.graphic2 h3 {
	float:left;
	text-align:center!important;
}
/************************************************************* Lien *********************************************************/
a {
	color: #6f3722;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #6f3722;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
a:hover {
	text-decoration: none;
	color: #b63b00;
	margin: 0px;
	padding: 0px;
}
a:active {
	text-decoration: none;
	color: #6f3722;
	margin: 0px;
	padding: 0px;
}


/**************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/*********************************************** Newsletter *******************************************************/
.email_news {
	font-family:Arial,Helvetica;
	font-size:11px;
	color:#414141;
	background-color:#ffffff;
	border:#f7eae1 1px solid;
	width:160px;
}

.bouton_news {
	font-family:Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#B93705;
	border:#B93705 1px solid;
}

/**********************************************************BDD AUTO **************************************/
.numpage {
display:block;
float:left;
width:15px;
height:20px;
color:#b63b00 !important;
line-height:18px;
font-size:12px !important;
margin-right:3px!important;
text-align:center;
}
.numpage_selec, .numpage:hover, .numpage_selec:hover {
display:block;
float:left;
background:#6f3722;
width:15px;
line-height:18px;
height:20px;
color:#f9f0e8!important;
font-size:12px !important;
margin-right:3px!important;
text-align:center;
}

.bt_suivant, .bt_precedent {
display:block;
float:left;
width:85px;
line-height:18px;
color:#b63b00!important;
height:20px;
font-size:12px !important;
text-align:center;
margin-right:3px!important;
}
.bt_suivant:hover, .bt_precedent:hover {
display:block;
float:left;
width:85px;
background:#6f3722;
color:#f9f0e8!important;
height:20px;
line-height:18px;
text-decoration:none;
font-size:12px !important;
text-align:center;
margin-right:3px!important;
}

.bt_precedent_vide {
display:block;
float:left;
width:85px;
height:22px;
}

.pagination {
	margin: 0 auto 0 auto;
	padding:10px 0;
}

#rechercher {
height:19px;
vertical-align:top;
}
.liste {
	background:#ebccb3;
	height:30px;
	overflow:hidden;
	margin: 10px 0;
}
.liste p {
	float:left;
	display:inline;
	line-height:30px;
	text-transform:uppercase;
	color:#6f3722;
	padding: 0 0 0 30px;
}
.liste form {
	width:200px;
	margin:5px auto;
}
.liste_cat{
}
.fichierbin{
}
.photo{
}

/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/********************************************** MODELE ************************************************************/
#container {
	background:url(gifs/trame_03.jpg) repeat-y;
	height: auto;
	width: 893px;
	margin:auto;
	overflow:hidden;
	padding: 0 22px 0 22px;
}
#cles {
	background:#6f3722;
	height: auto;
	width: 100%;
}
#cles p {
	display:block;
	margin:0 auto;
	text-align:center;
	letter-spacing:0.3em;
	font-size:18px;
	color:#ebccb3;
	line-height:23px;
}
#header {
	width: 893px;
	height:auto;
	overflow:hidden;
}
#logo a {
	display:block;
	float:left;
	background:url(gifs/modele_03.jpg) no-repeat;
	width:232px;
	height:115px;
	margin-right:80px;
}
#anim {
	position:relative;
	width:893px;
	height:279px;
}
#diapo {
	background:url(gifs/modele_05.jpg) no-repeat;
	width:893px;
	height:279px;
	position:absolute;
	z-index:0;
}
#content {
	height: auto;
	overflow:hidden;
	width: 893px;
	margin:20px 0 20px 0;
}

#colonne_left {
	float: left;
	height: auto;
	width: 232px;
	margin-right:25px;
}
#colonne_center {
	background:#f9f0e8;
	float: left;
	height: auto;
	width: 611px;
	margin-right:25px;
	-margin-right:5px;
	min-height:400px;
	_height:400px;
	padding-bottom:10px;
}
#menu {
	height: auto;
	overflow:hidden;
}
#options {
	height: 53px;
	width: 185px;
}	
#footer {
	background:#6f3722;
	height: 45px;
	width: 893px;
	color:#f5e5d9;
	text-align:center;
	line-height:23px;
}
#footer a {
	color:#f5e5d9;
	font-size:11px;
}
#footer a:hover {
	color:#b63b00;
}
#footer a:visited {
	color:#e4b997!important;
}
#adress {
	background:url(gifs/trame_06.jpg) repeat-x;
	width: 813px;
	margin:0 auto;
	overflow:hidden;
	height:100px;
	color:#6f3722;
	padding:20px 0 0 80px;
}
#adress p {
	margin:0px 0 0 0;
}
#adress a {
	float:left;
	display:block;
	background:url(gifs/partenaire_09.png) no-repeat;
	width:140px;
	height:60px;
	margin:0px 40px 0 0;
	
}
#comment {
	position:absolute;
	width:232px;
	height:70px;
	z-index:1;
	padding-top:3px;
}
#comment h1 {
	color:#6f3722;
	font-size:16px;
	font-weight:normal;
	spacing-letter:0.08em;
	text-align:center;
	width:232px;
	text-transform:none!important;
	padding:0!important;
}
#comment h1:first-letter {
	font-size:24px!important;
}
#comment h1 span {
	font-size:12px;
	letter-spacing:0.2em!important;
}
#comment h1 strong {
	font-size:24px!important;
	spacing-letter:normal;
	font-weight:bold;
}
/*************************************************** COMMUN *******************************************************/
.normale {
	text-align:justify;
	padding:10px 20px  0 20px;
	line-height:18px;
}
.normale strong {
	font-size:14px;
	font-weight:normal;
}
.annotation {
	color:#b63b00;
	font-style:italic;
	font-size:16px;
	text-align:center;
	display:block;
	padding:10px 0 0 0;
	font-weight:bold;
}
.annotation strong {
	font-size:20px;
}
.encart_centenaire {
	background:url(gifs/centenaire_23.jpg) no-repeat #e4b997;
	height:100px;
	padding-right:165px;
	background-position: 458px 0;
	margin:15px 0 0 0;
	width:446px;
	-width:440px;
	color:#000000;
	overflow:hidden;
	clear:both;
}
.encart_centenaire h1 {
	color:#ffffff;
}
.encart, .encart2, .encart3 {
	background: #e4b997;
	height:auto;
	margin:15px 0 0 0;
	width:611px;
	color:#000000;
	overflow:hidden;
}
.encart p {
	display:block;
	float:left;
	width:421px;
	padding:10px 20px 0;
	line-height:18px;
	text-align:justify;
}
.encart2 p {
	display:block;
	float:left;
	width:271px;
	padding:10px 20px 0;
	line-height:18px;
	text-align:justify;
}
.encart3 p {
	display:block;
	float:left;
	width:391px;
	padding:10px 20px 10px 20px;
	line-height:18px;
	text-align:justify;
}
.cadre {
	float:left;
}

.lien {
	background:url(gifs/puce_06.png) no-repeat;
	padding:0 0 0 20px!important;
	display:block;
	color:#6f3722;
	font-weight:bold;
	font-size:14px;
}
.lien:hover {
	background:url(gifs/hover_06.png) !important;
	background-repeat:no-repeat!important;
	padding:0 0 0 20px!important;
	display:block;
	color:#b63b00;
}
.encart_centenaire p {
	padding:0 0 2px 10px;
}
.liste-normale {
	margin:0 0 0 40px;
	list-style-position: inside;
	list-style-type: disc;	
	text-align:justify;
	line-height:18px;
	padding: 0 20px 0 0;
}
.liste-normale span {
	color:#b63b00;
	font-size:16px;
	font-weight:bold;
}
/************************************************** MISE EN PAGE ********************************************************/

.boite2 p {
	padding:10px 25px 0 5px;
	text-align:justify;
}
.boite2 p strong, .boite1 p strong {
	color:#a21e04;
	font-weight:bold;
}
.boite1 {
	float:left;
	padding:0px 20px 0 20px;
	width:205px; 
}
.boite1 p {
	padding:10px 25px 0 5px;
	text-align:left;
}
.boite2 {
	background:#ebcbb2;
	float:left;
	padding:0px 0 0 20px;
	width:340px;
	color:#6e3722;
}

.graphic {
	width:450px;
	margin:10px auto;
	overflow:hidden;
	border: 2px solid #6F3722;
}
.p1 {
	display:block;
	background-color:#e4b997;
	height:98px;
	text-align:center;
	border-bottom: 2px solid #6F3722;
}
h2.p1 {
	line-height:98px;
}
.p2 {
	display:block;
	background-color:#f5e5d9;
	height:50px;
	text-align:center;
	line-height:50px;
}
.graphic h2 {
	width:198px;
	float:left;
	padding:0!important;
	border-right: 2px solid #6F3722;
}
.graphic p{
	width:250px;
	float:left;
}
.graphic2 {
	margin:10px auto;
overflow:hidden;
width:600px;
clear:both;
}
.graphic2 h2 {
	float:left;
	text-align:center!important;
}
.prix, .prix2 {
	list-style:none;
	float:left;
	display:block;
}
.graphic2 li {
	height:20px;
}
.prix {
	width:107px;
	text-align:center;
	border-right:1px solid #6f3722;
}
.prix2 li {
	width:170px;
	text-align:center;
}
.prix span {
	font-size:14px;
	color:#6f3722;
	font-weight:bold;
}
.cadre2 {
	float:left;
}
/******************************************* CONTACT PLAN D'ACCES NEWSLETTER 404 **************************************************/
#page {
	background:#ebcbb2;
	overflow:hidden;
}
.plana, .planb, .planc {
	display:block;
	height:70px;
	width:312px;
	margin:10px 0 0 0!important;
}
.plana {
	background:url(gifs/1p.jpg) no-repeat;
}
.planb {
	background:url(gifs/2p.jpg) no-repeat;
}
.planc {
	background:url(gifs/3p.jpg) no-repeat;
}
.plana:hover {
	background:url(gifs/1h.jpg) !important;
	background-repeat:no-repeat!important
}
.planb:hover {
	background:url(gifs/2h.jpg) !important;
	background-repeat:no-repeat!important
}
.planc:hover {
	background:url(gifs/3h.jpg) !important;
	background-repeat:no-repeat!important
}
/************************************************** BDD ********************************************************/
.temoin-corps {
	overflow:hidden;
	background:#ffffff;
	margin:0 20px 10px 20px;
	width:571px;
	/*height:100px;*/
}
.detail-corps {
	overflow:hidden;
	background:#ffffff;
	margin:20px 20px 10px 20px;
	width:571px;
}
.detail2-corps {
	overflow:hidden;
	background:#ffffff;
	margin:20px 20px 10px 20px;
	width:551px;
	padding:0 10px;
}
.detail-titre {
	padding: 0 20px 0 0;
}
.bdd-texte p span, .detail-titre  {
	color:#B63B00;
	font-weight:bold;
	font-size:14px;
	float:right;
	display:block;
}
.bdd-texte p .cat {
	float:left;
	display:block;
}
.temoin-texte {
	float:left;
	padding: 10px;
	width:361px;
}
.temoin-presentation {
	float:left;
	width:190px;
}
.temoin-presentation strong {
	display:block;
	text-align:center;
}
.temoin-presentation h1 {
	text-transform:none!important;
}
.bdd-corps {
	overflow:hidden;
	background:#ffffff;
	margin:0 20px 10px 20px;
}
.bdd-texte {
	float:left;
	padding: 10px;
	width:361px;
}
.bdd-presentation {
	float:left;
	width:190px;
}
.bdd-presentation strong {
	display:block;
	text-align:center;
}
.temoin-presentation h1 {
	text-transform:none!important;
}
.temoin-left {
	width:357px;
	height:398px;
	float:left;
}
.temoin-right {
	background:url(gifs/main_20.jpg) no-repeat;
	width:252px;
	height:396px;
	float:left;
	margin:2px 0 0 0;
}
#formulaire-temoin {
	background:#ebccb3;
	height:400px;
	overflow:hidden;
}
.temoin-right .lien {
	text-transform:uppercase;
	margin: 344px auto 0 auto;
	width:213px;
}
/************************************************** MENU ********************************************************/
.Horizontal {
	float:left;
	list-style:none;
	width:290px;
	margin:20px 0 0 0;
}
.Horizontal2 {
	list-style:none;
	width:570px;
	margin:20px 0 0 40px;
}
.Horizontal3 {
	float:left;
	list-style:none;
	width:232px;
	margin:20px 0 0 10px;
}
.option { 
	background:none!important;
	padding:0!important;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#6f3722;
	font-size:10px;
	height:13px!important;
	line-height:13px!important;
}
.option:hover { 
	background:none!important;
	padding:0!important;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#b63b00;
	font-size:10px;
	height:13px!important;
	line-height:13px!important;
}
.Horizontal a, .Horizontal2 a {
	background:url(gifs/puce_06.png) no-repeat;
	background-position: 0 4px!important;
	padding:0 0 0 20px;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#6f3722;
	height:25px;
	line-height:25px;
}
.Horizontal a:hover, .Horizontal a#selected, .Horizontal2 a.selected, .Horizontal2 a:hover, .Horizontal a.selected  {
	background:url(gifs/hover_06.png) !important;
	background-repeat:no-repeat!important;
	background-position: 0 4px!important;
	padding:0 0 0 20px!important;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	color:#b63b00!important;
	height:25px;
	line-height:25px;
}
.Vertical a {
	display:block;
	width:232px;
	height:100px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	line-height:100px;
	color:#6f3722;
}
#a a {
	background:url(gifs/modele_13.jpg) no-repeat;
}
#b a {
	background:url(gifs/modele_15.jpg) no-repeat;
}
#c a {
	background:url(gifs/modele_16.jpg) no-repeat;
}
#d a {
	background:url(gifs/modele_17.jpg) no-repeat;
	line-height:16px;
	height:65px;
	padding:35px 0 0 0;
}
#a a:hover, #a a#selected {
	background:url(gifs/hover_13.jpg) no-repeat;
}
#b a:hover, #b a#selected {
	background:url(gifs/hover_15.jpg) no-repeat;
}
#c a:hover, #c a#selected {
	background:url(gifs/hover_16.jpg) no-repeat;
}
#d a:hover, #d a#selected {
	background:url(gifs/hover_17.jpg) no-repeat;
}
.centrerPhoto {
	text-align:center;
}