/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "../admin/fckeditor/css/fck.css";

h1{
display:block;
padding-bottom:0px;
border-bottom:1px solid #4B0C0E;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
color:#5c4334;
text-align:left;
}
h2{
font-size:16px;
font-weight:bold;
color:#eac07b;
padding-top:10px;
}
h3{
border-bottom:1px solid #eac07b;
font-size:15px;
display:block;
color:#661113;
}
.petit{
font-size:9px;
letter-spacing:1px;
font-weight:bold;
color:#eac07b;
}
.image-right{
	float:right;
	clear:both;
	margin-left:10px;
	padding-top:8px;
	padding-right:11px;
	padding-bottom:10px;
	}
.image-right1{
	float:right;
	clear:both;
	margin-left:10px;
	padding-top:65px;
	padding-bottom:10px;
	}
.image-right2{
	float:right;
	clear:both;
	margin-left:10px;
	padding-bottom:10px;
	}
.image-right3{
	float:right;
	clear:both;
	margin-left:10px;
	}

.image-left{
	float:left;
	margin-top:70px;
	padding-right:11px;
	width:171px;
	}
.image-left1{
	float:left;
	margin-top:10px;
	padding-right:11px;
	width:172px;
	}
.image-left2{
	float:left;
	padding-left:80px;
	margin-top:10px;
	padding-right:11px;
	width:225px;
	}
#contenu p{
	font:12px #333333 Arial;
	text-align:justify;
	}
#contact-link {
	color:#B75C0D;
	font:normal 12px Arial;
	text-align:justify;
	font-style:oblique;
	}
	.contact-link:link, .contact-link:visited{
			font:normal 12px Arial;
			text-decoration:underline;
			color:#B75C0D;
			text-decoration:underline;
			}
	.contact-link:hover, .contact-link:active{
			font:normal 12px Arial;
			text-decoration:none;
			color:#DB7600;
			text-decoration:none;
			}
#fermer-link {
	color:#8C302B;
	font:normal 14px Arial;
	text-align:justify;
	}
		a#fermer-link:link, #fermer-link:visited{
				font:bold 14px Arial;
				text-decoration:underline;
				color:#8C302B;
				text-decoration:underline;
				}
		a#fermer-link:hover, #fermer-link:active{
				font:bold 14px Arial;
				text-decoration:none;
				color:#60482C;
				text-decoration:none;
				}
/*.line{
	padding-bottom:5px;
	padding-top:15px;
	text-align:center;
	}*/
.line1{
	padding-bottom:10px;
	padding-top:15px;
	text-align:center;
	}
.line2{
  padding-bottom: 5px;
}
.line3{
	padding-bottom:10px;
	text-align:center;
	}

.menu-text{
	text-align:center; 
	text-decoration:underline;
	padding-top:32px;
	padding-bottom:10px;
	}
#menu-text1{
	text-align:center; 
	text-decoration:underline;
	margin-bottom:10px;
	}
#menu{
	align:center;
	width:500px;
	padding-top:5px;
	}
	#contenu, #menu p {
		font:12px #333333 Arial;
		text-align:center;	
		padding-bottom:5px;
		margin-top:5px;
		line-height:20px;
		}
.background{
	background:url(../images/charte/bg-menu.jpg) no-repeat center top;
	width:423px;
	height:218px;
	clear:both;
	margin-top:5px;
	}
.background1{
	background:url(../images/charte/bg-menu1.jpg) no-repeat center top;
	width:423px;
	height:125px;
	clear:both;
	margin-top:5px;
	}
table{
	background-color:#F4E9D4;
	font:12px #333333 Arial;
	border:1px solid #C7BAA0;
	}
	table td {
		height:23px;
		padding-left:2px;
		text-align:left;
		font:12px #333333 Arial;
		border:1px solid #C7BAA0;
		background-color:#ECDDC1;
		}
.table-right {
	text-align:center;
	background-color:#E5D4B5;
	}
#menu-box{
 	background:url(../images/charte/menu-bg.jpg) no-repeat center top;
  width: 272px;
  height: 407px;
  padding-top: 45px;
}
  #menu-box p {
      font:12px #333333 Arial;
			text-align:center;
			padding-bottom:5px;
			line-height:20px;
			float:center;
  }
#menu-box1{
 	background:url(../images/charte/menu-bg1.jpg) no-repeat center top;
  width: 272px;
  height: 459px;
  padding-top: 45px;
}
  #menu-box1 p {
      font:12px #333333 Arial;
			text-align:center;
			padding-bottom:5px;
			line-height:20px;
			float:center;
  }
#bg-text{
  width: 348px;
  height: 115px;
  background:url(../images/charte/bg-text.jpg) no-repeat center top;
 /* border:2px solid #4B0C0E;
  background-color:#F9F1E3;*/
  padding-left:5px;
  padding-right:5px;
  padding-top:15px;
  margin: 0 auto;
}
  #bg-text p{
    text-align:center;
    font: bold 12px Arial;
    color: ##333333;
    width:332px;
  }


/*#menu-top{
	width:272px;
	height:57px;
	margin-top:20px;
	background:url(../images/charte/menu-top.jpg) no-repeat center top;
	}*/
#title{
	font:20px #D49224 Arial;
	text-align:center;	
	padding-top:32px;
	}
/*#menu-middle{
	width:272px;
	background:url(../images/charte/menu-middle.jpg) repeat-y center top;
	clear:both;
	}
		#menu-middle p {
			font:12px #333333 Arial;
			text-align:center;
			padding-bottom:5px;
			line-height:20px;
			float:center;
			}
#menu-footer{
	height:8px;
	width:272px;
	background:url(../images/charte/menu-footer.jpg) no-repeat center bottom;
	clear:both;
	}*/
#menu-top1{
	width:272px;
	height:57px;
	margin-top:20px;
	background:url(../images/charte/menu-top.jpg) no-repeat center top;
	}
#title1{
	font:20px #D49224 Arial;
	text-align:center;	
	padding-top:32px;
	}
#menu-middle1{
	width:272px;
	background:url(../images/charte/menu-middle.jpg) repeat-y center top;
	clear:both;
	}
		#menu-middle1 p {
			font:12px #333333 Arial;
			text-align:center;	
			padding-bottom:5px;
			line-height:20px;
			float:center;
			}
#menu-footer1{
	height:8px;
	width:272px;
	background:url(../images/charte/menu-footer.jpg) no-repeat center bottom;
	clear:both;
	}

/*---Contact---*/
#contact_adresse{
	background:url(../images/charte/contact-bg.jpg) no-repeat left 200px;
	width:220px;
	height:139px;
	float:left;
	margin-top:10px;
	padding-top:15px;
	margin-left:35px;
	}
#divContact{
	font:12px #333333 Arial;
	background:url(../images/charte/contact-bg.jpg) no-repeat left 130px;
	}
.label{
	width:150px;
	float:left;
	display:inline;
	clear:both;
	margin-top:7px;
	color:#333333;
	font:normal 12px arial;
	text-align:left;
	padding-left:10px;
	background-color:red;
	}
.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:4px;
	color:#333333;
	font:normal 12px arial;
	text-align:left;
	padding-left:10px;
	}
.mail_input{
	width:110px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
	border:1px solid #DD9354;
	background-color:#F8EDE4;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
.inputFormOver{
	border:1px solid #B8ADA2;
	background-color:#DEDBDB;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
.button{
	border:1px solid #A71A28;
	background-color: #A71A28;
	width:65px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin-bottom:5px;
	}
.buttonOver{
	border:1px solid #E09456;
	background-color: #E09456;
	width:65px;
	color:#131414;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	margin-bottom:5px;
	}
#horaires{
	float:left; 
	width:160px;
	height:105px;
	padding-left:5px;
	padding-bottom:6px;  
	padding-right:5px; 
	border:1px solid #DD9354;
	background-color:#F8EDE4; 
	}
	#horaires p{
		font:12px #333333 Arial;
		text-align:justify;	
		float:center;
		line-height:15px;
		}
#contact-plan{
	float:left; 
	width:150px; 
	padding-bottom:10px; 
	padding-left:5px; 
	padding-right:5px; 
	}
#adress{
	width:160px;
	height:85px;
	float:left; 
	padding-bottom:6px; 
	padding-top:20px; 
	border:1px solid #DD9354;
	background-color:#F8EDE4;
	margin-bottom:30px;
	}
	#adress p{
		font:12px #333333 Arial;
		text-align:center;	
		float:center;
		line-height:15px;
		}