/* 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 */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
h1{
	font-size:1.9em;
	padding-left:60px;
	color:#B61E02;
	height:25px;
	padding-top:5px;
	}
#contenu h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.6em;
text-align:left;
color:#ba2802;
font-weight:normal;
margin:0px 0 10px 0;
}
#contenu a:link, #contenu a:visited{
	font-weight:bold;
		text-decoration:none;
	color:#ba2802;
}
#contenu a:hover, #contenu a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #ba2802;
}
.alignementdroite{
	float:right;
	margin:0 0 0px 20px;
}
#page_dynamic{
	width:500px;
	margin-left:60px;
	padding:25px 0px;
	}
	#page_dynamic p{
		margin:5px 0px;
		line-height:1.3em;
		}
	.subtitle{
		text-align:center;
		color:#ba2802;
		font-weight:bold;
		font-size:1.1em;
		}
		.line{
			clear:both;
			padding:2px 0px 5px 0px;
			text-align:center;
			}
	.image_right{
		float:right;
		margin:5px 0px 5px 10px;
		cursor:pointer;
		}
	.text_underline li{
		background: url(../images/charte/line_menu.jpg) no-repeat center bottom;
		padding-bottom:1px;
		color:#ba2802;
		font-weight:bold;
		}
	#accueil_bg{
		margin-left:80px;
		margin-top:20px;
		width:342px;
		height:121px;
		background:url(../images/charte/bg_subtitle.jpg) no-repeat left top;
		}	
	#accueil_text{
		text-align:center;
		padding-top:10px;
		}
	#equipe_bg{
		width:532px;
		height:294px;
		background: url(../images/charte/bg_equipe.jpg) no-repeat left top;
		margin-left:60px;
		}
	#brunch_bg{
		text-align:center;
		margin-left:80px;
		width:340px;
		height:315px;
		background:url(../images/charte/bg_brunch.jpg) no-repeat left top;
		padding-top:15px;
		line-height:16px;
		}
	#formule_midi_bg{
		width:402px;
		height:122px;
		background: url(../images/charte/bg_formule_midi1.jpg) no-repeat left top;
		margin-left:60px;
		text-align:center;
		line-height:18px;
		padding-top:5px;
		}
	#formule_midi_bg2{
		width:402px;
		height:157px;
		background: url(../images/charte/bg2_formule_midi.jpg) no-repeat left top;
		margin-left:60px;
		text-align:center;
		line-height:18px;
		padding-top:5px;
		}

	#formule_midi_bg1{
		width:402px;
		height:122px;
		background: url(../images/charte/bg_formule_midi.jpg) no-repeat left top;
		margin-left:60px;
		text-align:center;
		line-height:18px;
		padding-top:5px;
		}
	#title_formule_midi{
		font-size:1.2em;
		float:left; 
		width:80px; 
		height:80px; 
		font-weight:bold;
		background:url(../images/charte/bg_formule.jpg) no-repeat center 20px;
		text-align:center;
		}
	#fermer_link:link, #fermer_link:visited{
		color:#FFCC3A;
		text-decoration:none;
		font:bold 12px Arial, Helvetica, sans-serif;
		}
	#fermer_link:hover, #fermer_link:active{
		color:#FFDE79;
		text-decoration:underline;
		font:bold 12px Arial, Helvetica, sans-serif;
		}
	.button_back{
		width:46px;
		height:100px;
		background:url(../images/charte/left_arrow.jpg) no-repeat left top;
		border:none;
		}
	.button_backover{
		width:46px;
		height:100px;
		background:url(../images/charte/left_arrow_over.jpg) no-repeat left top;
		border:none;
		cursor:pointer;
		}
	.button_fw{
		width:46px;
		height:100px;
		background:url(../images/charte/right_arrow.jpg) no-repeat left top;
		border:none;
		cursor:pointer;
		}
	.button_fwover{
		width:46px;
		height:100px;
		background:url(../images/charte/right_arrow_over.jpg) no-repeat left top;
		border:none;
		cursor:pointer;
		}
/* ..... CARTES .......*/
#cartes0, #cartes1, #cartes2, #cartes3, #cartes4, #cartes5 {
	height:450px; 
	overflow:auto; 
	clear:left;
	}
#top_bar{
	width:700px;
	height:20px;
	padding-left:2px;
	}
#top_bar a.bttn1{
	width:116px;
	height:20px;
	display:inline;
	float:left;
	text-align:center;
	padding-top:5px;
	background:url(../images/charte/bttn1.gif) no-repeat left top;
	}
#top_bar .bttn1:link, #top_bar .bttn1:visited{
	color:#FCE19D;
	text-decoration:none;
	height:20px;
	background:url(../images/charte/bttn1_over.gif) no-repeat left top;
	}	
#top_bar .bttn1:hover, #top_bar .bttn1:active{
	color:#FCE19D;
	text-decoration:none;
	background:url(../images/charte/bttn1_over.gif) no-repeat left top;
	height:20px;
	}
#top_bar a.bttn2{
	width:116px;
	height:20px;
	display:inline;
	float:left;
	text-align:center;
	background:url(../images/charte/bttn1.gif) no-repeat left top;
	padding-top:5px;
	}
#top_bar .bttn2:link, #top_bar .bttn2:visited{
	color:#6B1505;
	text-decoration:none;
	}
#top_bar .bttn2:hover, #top_bar .bttn2:active{
	color:#D82808;
	}
.on{
	display: block;
	}
.off{
	display: none;
	}
.list1{
	margin: 0px;
	padding: 0px;
	}
.list1 li{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #B61E02;
	list-style: none;
	line-height:15px;
	border-top: 1px solid #FAAB02;
	text-align:right;
	}
.list_first li{
	border-top:none;
	}
.list1 li.list_last{
	border-bottom:none;
	}
.list2{
	margin-right:10px;
	margin-left:40px;
	color:#FECF86;
	font-size:11px;
	font-weight:bold;
	text-align: right;
	padding:5px;
	background-color:#F57601;
	}
	.list2 li{
		clear:both;
		border-bottom:1px dotted #E56401;
		}
.title_bg{
	background: url(../images/charte/box_title.jpg) no-repeat left top;
	width:680px;
	height:37px;
	float:left;
	padding-top:15px;
	
	}
 	.title{
		margin-left:50px;
		font-weight:bold;
		font-size:1.3em;
		color:#fff;
		}
.title_bg1{
	margin-right:10px;
	margin-left:30px;
	margin-top:20px;
	text-align:center;
	}
	.title1{
		margin-left:10px;
		font-weight:bold;
		font-size:1.0em;
		color:#B61E02;
		padding-top:10px;
		margin-bottom:5px;
		}
	.box_subtitle{
		text-align:center;
		font-weight:bold;
		letter-spacing:1.1pt;
		}
	.box{
		background:url(../images/charte/box_repeat.jpg) repeat-y left top;
		width:700px;
		height:530px;
		clear:both;
		}
	.box1{
		margin:auto; 
		background:url(../images/charte/box_bottom.jpg) no-repeat left bottom;
		width:700px;
		height:530px;
		}
	.white_text{
		font-style:italic; 
		color:#FCE19D;
		text-align: center;
		}
	.small_text{
		font-size:10px;
		}
	.menu_left{
		float:left;
		}
	li.menu_en_left{
		text-align:left;
		border-bottom: 1px solid #E77401;
		border-top:none;
		}
/*---Contact---*/
#contact_bg{
		margin-left:0px;
		margin-top:10px;
		width:272px;
		height:116px;
		background: url(../images/charte/bg_contact.jpg) no-repeat left top;
		}	
	#contact_text{
		text-align:center;
		padding-top:20px;
		}
	#contact_text p{
	
		padding-bottom:10px;
		}
.mail_label{
	width:80px;
	float:left;
	display:inline;
	clear:both;
	margin-top:5px;
	color:#FDE5A7;
	}
.mail_input{
	width:110px;
	float:left;
	margin-top:5px;
	color:#000; 
	}
.inputForm{
	border:1px solid #F38900;
	background-color:#EB4D09;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#360A02;
	}
.inputFormOver{
	border:1px solid #FDD933;
	background-color:#FE9800;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#871905;
	}
.button{
	border:1px solid #FFCC3A;
	background-color: #B61E02;
	width:65px;
	color:#FDE5A7;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
.buttonOver{
	border:1px solid #FFCC3A;
	background-color: #FFFFFF;
	width:65px;
	color:#B50202;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor:pointer;
	}
.cyc{
	display:none;
}