
/*------------------ ZONES -------------------------------------------------------------*/
#z_entete {
	position : absolute;
	width: 853px;
	height: 69px;
	top : 5px;
	left : 5px;
	text-align: left;
	background-image: url("./Images/bandeau.gif");
	background-repeat: no-repeat;
}
#z_fixe1{
	position : absolute;
	top : 33px;
	left : 688px;
}
#z_fixe2{
	position : absolute;
	top : 33px;
	left : 724px;
}
#z_fixe3{
	position : absolute;
	top : 33px;
	left : 760px;
}
#bulle0{
	position : absolute;
	width: 110px;
	top : 10px;
	left : 685px;
	text-align: center;
	visibility : hidden;
}
#z_gauche {
	position : absolute;
	width: 181px;
	height: 450px;
	top : 89px;
	left : 5px;
	text-align: left;
	background-image: url("./Images/fondMenu.gif");
	background-repeat: no-repeat;
}
#z_centre {
	position : absolute;
	width: 662px;
	height: 504px;
	top : 89px;
	left : 191px;
	text-align: left;
}
#z_logo {
	position : absolute;
	width: 181px;
	height: 40px;
	top : 550px;
	left : 5px;
	text-align: left;
}
.z_shufukan {
	float : right;
}
.z_ligne_form{
	float: left;
	width: 70px;
	margin-left: 50px;
	margin-top: 10px;
}
.z_champ_form{
	float: left;
	width: 480px;
	margin-left: 10px;
	margin-top: 10px;
}
.z_comment_form{
	float: left;
	width: 430px;
	color: #330; 
	font-size: 12px; 
	font-family: Arial; 
	margin-left: 50px;
	margin-top: 10px;
}
.z_bt_form{
	float: left;
	width: 70px;
	margin-left: 10px;
	margin-top: 15px;
}
.z_liens {
	float: left;
	width: 185px;
	height: 20px;
}
.z_desc {
	float: left;
	width: 430px;
	margin-left: 10px;
	height: 20px;
}
.desc_lien { 
	color: #330; 
	font-size: 12px; 
	font-family: Arial; 
	text-align: justify; 
	text-indent: 20px; 
}
.z_titre_fen{
	float: left;
	width : 260px;
	margin-top : 3px;
	margin-left: 12px; 	
}
.z_titre_fengrd{
	float: left;
	width : 370px;
	margin-top : 3px;
	margin-left: 12px; 	
}
.z_titre_feninf{
	float: left;
	width : 290px;
	margin-top : 3px;
	margin-left: 12px; 	
}
.z_bt_fen {
	float: left;
	width: 20px;
	margin-left: 5px;
	margin-top: 5px;
}
.z_sous_titre_fen {
	float: left;
	width: 130px;
	margin-top: 15px;
	margin-left: 0px;	
}
.z_sous_titre_fengrd {
	float: left;
	width: 400px;
	margin-top: 15px;
	margin-left: 0px;	
}
.z_sous_titre_err {
	float: left;
	width: 290px;
	margin-top: 10px;
	margin-left: 5px;	
}
.z_nav_fen {
	float: left;
	width: 150px;
	margin-top: 15px;
	margin-left: 0px;
	text-align: right;
}
.z_texte_fen{
	width : 100%;
	padding-top: 5px;	
}

.tout_centrer{
	width:100%;
	margin-top : 30px; 
	text-align: center;
}
/*------------------ BALISES et CLASSES -------------------------------------------------------------*/

body { 
	color: #330; 
	background-color: #cc9 
}
h1 { 
	color: #000; 
	font-weight: normal; 
	font-size: 17px; 
	font-family: Times; 
	text-align: right; 
	letter-spacing: 2px; 
	border-top: 1px solid #000;
	margin-top: 0px;
	margin-left:15px;
}
h2 { 
	color: #000; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial; 
	letter-spacing: 2px; 
	border-left: 5px solid #000;
	margin-left:15px;
	text-indent:7px;
}
h3 { 
	color: #660; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial; 
	letter-spacing: 2px; 
	margin-left:25px;
	margin-top:30px;
	text-decoration: underline;
}
h3.faq { 
	color: #660; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial; 
	letter-spacing: 2px; 
	margin-left: 0px;
	margin-top: 0px;
	text-decoration: underline;
}
p { 
	color: #330; 
	font-size: 12px; 
	font-family: Arial; 
	text-align: justify; 
	text-indent: 25px; 
	margin-left: 25px;
	margin-right: 10px;
}
p.info { 
	color: #330; 
	font-size: 12px; 
	font-family: Arial; 
	text-align: justify; 
	text-indent: 10px; 
	margin-left: 20px;
	margin-right: 20px;
}
p.simple { 
	color: #330; 
	font-size: 12px; 
	font-family: Arial; 
	text-align: justify; 
	text-indent: 0px; 
	margin-left: 25px;
	margin-right: 10px;
}
p.simplegrd { 
	color: #330; 
	font-size: 12px; 
	font-family: Arial; 
	text-align: justify; 
	text-indent: 0px; 
	margin-left: 25px;
	margin-right: 25px;
}
p.liste { 
	color: #330; 
	font-size: 12px; 
	font-family: Arial; 
	text-align: justify; 
	text-indent: 0px; 
	margin-left: 40px;
}
a { 
	color: #c30;  
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana; 
	text-decoration: none;
}
a:hover { 
	color: #330; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana; 
	text-decoration: none;
}
a.fen { 
	color: #c30;  
	font-weight: bold; 
	font-size: 13px; 
	font-family: sans-serif; 
	text-decoration: none;
}
a.fen:hover { 
	color: #330; 
	font-weight: bold; 
	font-size: 13px; 
	font-family: sans-serif; 
	text-decoration: none;
}
a.liste { 
	color: #c30;  
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana; 
	text-decoration: none;
	padding-left : 15px;
	background: url(./Images/puce.gif) no-repeat 0px 5px;
}
a.liste:hover { 
	color: #330; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana; 
	text-decoration: none;
	padding-left : 15px;
	background: url(./Images/puce_s.gif) no-repeat 0px 5px;
}
a.liste1 { 
	color: #c30;  
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana; 
	text-decoration: none;
	margin-left: 20px;
	padding-left : 15px;
	background: url(./Images/puce.gif) no-repeat 0px 5px;
}
a.liste1:hover { 
	color: #330; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Verdana; 
	text-decoration: none;
	margin-left: 20px;
	padding-left : 15px;
	background: url(./Images/puce_s.gif) no-repeat 0px 5px;
}
a.menu { 
	color: #c30; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial; 
	text-decoration: none;
	margin-top: 20px;
	margin-left: 15px;
	display: block;
}
a.menu:hover { 
	color: #330; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial; 
	text-decoration: none;
	margin-top: 20px;
	margin-left: 15px;
	display: block; 
}
.encours_menu  { 
	color: #996; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial;
	margin-top: 20px;
	margin-left: 15px;
	display: block; 
}
a.menu1 { 
	color: #c30; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial; 
	text-decoration: none;
	margin-top: 15px;
	margin-left: 35px;
	display: block;
}
a.menu1:hover { 
	color: #330; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial; 
	text-decoration: none;
	margin-top: 15px;
	margin-left: 35px;
	display: block; 
}
.encours_menu1  { 
	color: #996; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial;
	margin-top: 15px;
	margin-left: 35px;
	display: block; 
}
a.legende { 
	color: #c30; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial; 
	text-decoration: none;
	display: block; 
}
a.legende:hover { 
	color: #330; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial; 
	text-decoration: none;
	display: block; 
}
.comment { 
	color: #996; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial; 
}
.entete_fen {
	color: #cc9; 
	font-size: 14px; 
	font-family: Verdana;
}
.texte_fen { 
	color: #330; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial; 
}
.texte_err { 
	color: #c30; 
	font-size: 12px; 
	font-family: Verdana; 
}
.important{ 
	color: #663; 
	font-size: 11px; 
	font-weight: bold;
	font-family: Verdana; 
	text-align: justify; 
}
ul li{
	color: #330; 
	font-size: 12px; 
	font-family: Arial; 
	text-align : left;
	margin-left : 10px;
}
.copy { 
	color: #996; 
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial; 
}
.cadre0{
	background-color:#fff;
	border: solid 1px #996;
}
.cadre6{
	background-color:#fff;
	padding: 6px;
	border: solid 1px #996;
}
.cadre10{
	background-color:#fff;
	padding: 10px;
	border: solid 1px #996;
}

.t_bulle0{
	color: #663;  
	font-size: 13px; 
	font-family: Times; 
	font-weight: bold; 
	text-decoration: underline;
}
.t_bulleg{
	color: #663;  
	font-size: 13px; 
	font-family: Times; 
	font-weight: bold; 
	text-align : left;
	text-decoration: underline;
	text-indent: 20px;
	padding-top: 2px;
	background-image: url("./Images/bulleg.gif");
	background-repeat: no-repeat;
	background-position: 0px 13px;
}
.t_form {
	color: #330; 
	font-size: 12px; 
	font-family: Arial; 
}
.champ {
	color: #000;
	border : 1px solid #996;
	background-color : #f0f0df;
}
.bt_form {
	color: #000;
	font-family: Arial; 
	font-weight: normal;
	background-color: #f0f0df;
	border : 1px solid #996;
}
.bt_formgrd {
	color: #000;
	font-family: Arial; 
	font-size: 12px; 
	font-weight: normal;
	background-color: #f0f0df;
	border : 1px solid #996;
}
.bt_form:hover {
	color: #c30;
	font-weight: normal;
	background-color: #eaead5;
	border : 1px solid #666;
}

.bt_formgrd:hover {
	color: #c30;
	font-weight: normal;
	background-color: #eaead5;
	border : 1px solid #666;
}

.l0 { 
	color: #cc9; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial; 
	background-color: #996; 
	text-indent: 10px;
}
.l1 { 
	color: #000; 
	font-size: 12px; 
	font-family: Arial; 
	background-color: #cc9; 
	text-indent: 10px;
}
.l2 { 
	color: #000; 
	font-size: 12px; 
	font-family: Arial; 
	background-color: #dcdca5; 
	text-indent: 10px;
}
.l3 { 
	color: #330; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial; 
	background-color: #cc9; 
	text-indent: 5px;
}

