/* 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";

/* STYLE CONTENU */
div, ul, li, p{
	margin:0;
	padding:0;
	}
#texte h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
font-weight:bold;
line-height:30px;
height:30px;
color:#000;
margin:10px 0px 5px 80px;

}
#texte h2{
font-size:1.3em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#000;
margin:10px 0px 5px 0;
}
#texte a:link, #texte a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #000;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #000;
}
#texte p{
	font:normal 1.09em Arial;
	margin-top:5px;
	}
	#texte p.arrow_text{
		 background:url(../images/charte/icon_arrow.gif) no-repeat left 0px; 
		 padding-left:30px; 
		 height:22px;
		}
.image_right{
	float:right;
	margin:5px 0px 0px 5px;
	cursor:pointer;
	}
.image_left{
	float:left;
	margin:5px 5px 0px 0px;
	cursor:pointer;
	}
#texte ul.list1 {
	list-style:none;
	margin-left:50px;
	margin-top:20px;
	}
#texte ul.list1 li{
	font-weight:normal;
	background:url(../images/charte/list_icon.gif) no-repeat left 3px;
	padding-left:20px;
	list-style:none;
	line-height:1.2em;
	font-size:1.09em;
	}
#texte ul.list2 {
	list-style:none;
	margin-left:20px;
	margin-top:5px;
	}
#texte ul.list2 li{
	font-weight:normal;
	background:url(../images/charte/list_icon.gif) no-repeat left 3px;
	padding-left:20px;
	list-style:none;
	line-height:1.2em;
	font-size:1.09em;
	}
.info {
	background:url(../images/charte/icon_info.gif) no-repeat left 3px;
	padding-left:50px;
	text-align:center;
	}
.line{
	padding:10px 0px 0px;
	clear:both;
	}
.subtitle{
	text-align:center; 
	padding:10px 0px 0px;
	clear:both;
	}
/*----nos formules----*/
.box{
	margin-left:0px;
	margin-top:5px;
	}

.box ul li{
	list-style:none;
}
.box p{
	margin-top:0px;
}
.box_title{
	background: url(../images/charte/formules_top.gif) no-repeat left top;
	width:394px;
	height:51px;
	text-align:center;
	}
	 #texte .box_title p{
		font:bold 1.3em Arial;
		padding-top:23px;
		}	
.box_content{
	background: url(../images/charte/formules_repeat.gif) repeat-y left top;
	width:394px;
	text-align:center;
	font:normal 1em Arial;
	}
.box_bottom{
	background: url(../images/charte/formules_bottom.gif) no-repeat left top;
	width:394px;
	height:39px;
	}
ul.list3{
	padding-top:5px;
	}
#presentation_bg{
	background: url(../images/charte/presentation_subtitle21.gif) no-repeat left top;
	width:489px;
	height:59px;
	}
	/*.list3 li{
		border-bottom:1px dotted #BF9265;
		background:url(../images/charte/list_bottom.jpg) no-repeat center bottom;
		line-height:1.3em;
		list-style:none;
		padding-top:5px;
		font:normal 0.9em Arial;
		}*/
/*---offres_evenements---*/
li{ list-style:none}
#texte #offres_box #text {
	color:#921112;
	font:normal 0.9em arial;
	padding:10px 0px 5px 0px;
	clear:both;
	}
.offres_title{
	background: url(../images/charte/offres_top.gif) no-repeat left top;
	width:489px;
	height:59px;
	}
	 #texte #offres_box .offres_title p{
		font:bold 1.2em Arial;
		padding-top:18px;
		text-align:center;
		color:#921112;
		margin-left:10px;
		}	
/* #texte .offres_subtitle p{
	width:189px;
	text-align:center;
	border-bottom:1px solid #000;
	xbackground:url(../images/charte/offres_subtitle.gif) no-repeat left bottom;
	font:bold 1em Arial;
	padding-bottom:3px;
	margin-top:20px;
	}
*//*---Contact---*/
#bg_adresse{
	background:url(../images/charte/bg_contact.gif) no-repeat left top;
	padding-top:20px;
	float:left;
	width:250px;
	height:93px;
	margin-top:10px;
	margin-left:15px;
	padding-left:90px;
	}
	#bg_adresse p{
		text-align:center;
		}
#plan{
	float: right;
	}
.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#494835;
	font:normal 1em Arial;
	}
.mail_label1{
	width:60px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#494835;
	font:normal 1em Arial;
	margin-left:15px;
	}

.mail_input{
	width:110px;
	float:left;
	margin-top:5px;
	color:#000; 
	}
.mail_input1{
	width:110px;
	float:right;
	margin-top:5px;
	color:#000; 
	padding-left:20px;
	
	}
.inputForm{
	border:1px solid #BD9B82;
	background-color:#FBEFDB;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
.inputFormOver{
	border:1px solid #BD9B82;
	background-color:#F9F6F1;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	}
.button{
	border:1px solid #FFFFFF;
	background-color: #921112;
	width:65px;
	color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
.buttonOver{
	border:1px solid #ffffff;
	background-color:#B34E4F;
	width:65px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
/* ..... CARTES .......*/
#cartes0, #cartes1, #cartes2, #cartes3, #cartes4, #cartes5, #cartes6, #cartes7, #cartes8,#cartes9{
	height:500px; 
	overflow:auto; 
	float:right;
	width:300px;
	font:normal 0.9em arial;
	margin-top:20px;
	}
#top_bar{
	width:130px;
	height:20px;
	margin-top:10px;
	float:left;
	}
#top_bar a.bttn1{
	width:130px;
	height:20px;
	display:inline;
	float:left;
	text-align:left;
	padding-top:3px;
	background:url(../images/charte/carte_icon.gif) no-repeat left 5px; 
	padding-left:20px;
	margin-left:10px;margin-top:3px;
	}
#top_bar .bttn1:link, #top_bar .bttn1:visited{
	color:#000;
	text-decoration:none;
	background-color:#E9D3AE;
	font:bold 0.9em arial;
	}	
#top_bar .bttn1:hover, #top_bar .bttn1:active{
	color:#000;
	text-decoration:none;
	height:20px;
	background-color:#E9D3AE;
	font:bold 0.9em arial;
	}
#top_bar a.bttn2{
	width:130px;
	height:20px;
	display:inline;
	float:left;
	text-align:left;
	background:url(../images/charte/carte_icon.gif) no-repeat left 5px; 
	padding-top:3px;
	padding-left:20px;
	margin-left:10px;
	margin-top:3px;
	}
#top_bar .bttn2:link, #top_bar .bttn2:visited{
	color:#6B1505;
	text-decoration:none;
	font:bold 0.9em arial;
	}
#top_bar .bttn2:hover, #top_bar .bttn2:active{
	color:#D82808;
	background-color:#F2E2C6;
	font:bold 0.9em arial;
	}
.on{
	display: block;
	}
.off{
	display: none;
	}
table{
	border:1px solid #CFA772;
	width:300px;
	xmargin-left:30px;
	vertical-align:top;
	}
table td{
	border:1px solid #CFA772;
	text-align:center;
	padding:2px;
}
#texte .carte_subtitle p{
	width:189px;
	text-align:center;
	background:url(../images/charte/offres_subtitle.gif) no-repeat left bottom;
	font:bold 1.1em Arial;
	padding-bottom:3px;
	}
#texte p.arrow_text1{
	 background:url(../images/charte/carte_icon.gif) no-repeat left 0px; 
	 padding-left:30px; 
	 height:22px;
	 clear:both;
	}