﻿/*
used colors
gris souris 6A6756
kaki #6A6902
prune #672142
taupe #674934
*/

body {
	color: #6A6667;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #393939;
	margin-top: 16px;
	}
a
{
color: #E5E1E1;
text-decoration: none;
}
a:hover
{
color: #E5E1E1;
font-weight: bold;
text-decoration: underline;
}
#langue {
	margin-left: auto;
	margin-right: auto;
	width: 775px;
	height:	auto;
	/*background:	#F8F8F8;*/
	text-align:	right;
	color: #E5E1E1;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
	padding-bottom: 1px;
	padding-top: 2px;
	padding-right:15px;
}
#titre_rub
{
	color: #BDBDBD;
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: bold;
}
#header_kaki
{
color: #ffffff;
height: 26px;
background-color: #6A6902;
font-size: 18px;
text-align: right;
padding-right: 16px;
 }

 .titre_rubrique {
	display:block;
	/*width:575px;*/
	/*height:12px;*/
	background-color:#024f05;
	color:#FFFFFF;
	font-size:9pt;
	text-align:center; 
	font-weight:bold;
	margin:5px;
	min-width: inherit;
	padding: 10px;
}
 
#menu
{
	display: block;
	position:relative;
	color: #ffffff;
	font-weight: bold;
	background-color: #696666;
}
#menu ul
{
margin:0;
padding:0;
list-style-type:none;

}
#menu ul li
{
float:left;
 margin: 5px 10px 10px;
}

#menu a
{
color: #ffffff;
text-decoration: none;
}
#menu a:hover
{
/*background-color: #A5D611;*/
color: #E5E1E1;
font-weight: bold;
 text-decoration: underline;
}
#menu_shadow
{
background-image: url(images/bg_grey_shadow.jpg);
background-repeat: repeat-x;
height: 13px;
}
#content
{
	width: auto;
	color: #6A6667;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#tarif
{
	width: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: auto;
	background-color: #999999;
	color: #FFFFFF;
}
#resto
{
	width: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: auto;
	background-color: #E1DFDF;
	color: #393939;
}
#footer_shadow
{
/*background-image: url(images/bg_red_shadow.jpg);*/
background-image: url(images/bg_red_grey.jpg);
background-repeat: repeat-x;
height: 10px;

}
#footer
{
color: #E5E1E1;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
background-color: #6A6756;
/*background-color: #702d4e;*/
width: 100%;
}
#copyright
{
color: #FFFFFF;
font-size: 10px;	

}

/* button  cliquer */
#button { 
 float: left;
font-size: 10px ;
color: white ;
background-color: #393939;
top: 80% ;
border-width: 1pt ;
}

	
div.error { 
background-color: #FFCCCC; 
text-align: center; 
border-top: 1px solid #DDDDFF; 
border-left: 1px solid #DDDDFF; 
border-right: 1px solid #AAAAAA; 
border-bottom: 1px solid #AAAAAA; 
font-weight: bold; 
padding: 10px;
}
#ModTexte { 
background-color: #cccccc; 
border-top: 1px solid #000000; 
border-left: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000; 
padding: 5px;
font: sans-serif; 
font-size: 10px;
 font-style: normal;
}
#ModImage { 
background-color: #cccccc; 
border-top: 1px solid #000000; 
border-left: 1px solid #000000; 
border-right: 1px solid #000000; 
border-bottom: 1px solid #000000; 
padding: 5px;
font: sans-serif; 
font-size: 10px;
 font-style: normal;
}
#suppression { 
color: #ffffff;
background-color: #E78080; 
border-top: 2px solid #8B0000; 
border-left: 2px solid #8B0000; 
border-right: 2px solid #8B0000; 
border-bottom: 2px solid #8B0000; 
padding: 2px;
}


#fieldset
{
margin: 10px; 
width:100%;
}
legend
{
	margin-left: 5px; 
	color: white;
	font: medium;
	font-weight: bold;
}
#titre{
	margin-left: auto; 
   	margin-right: auto;
	width: 750px;
	height:	20px;
	/*background:	#747A83;*/
	background:	#204883;
	text-align:	left;
	color: white;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 4px;
	padding-top: 4px;
	
}
form div {
clear: left;
margin-left: 5px;
 padding-bottom: 2px;
 padding-top: 2px;
}

form div label {
float: left;
width: 25%;
font: bold 0.9em Arial, Helvetica, sans-serif;
font-size: smaller;
}


#left { /* partie gauche */
  
  float: right;
  width: 330px;
  background: #6A6756;
  border: 1px solid #CCCCCC;
  padding: 15px;
  margin: 5px;
  /*height: 211px;*/
font-size: 12px;
color: #E5E1E1;
}

#right{ /* poartie droite */
  float: right;
  width: 330px;
  background: #6A6902;
  border: 1px solid #FCFCFC;
  padding: 15px;
  margin: 5px;
  font-size: 12px;
 color: #E5E1E1;
}
#null /* utilisé pour les td vides ou pour les images */
{
  float: left;
  width: 330px;
  /*border: 1px solid #FCFCFC;*/
  padding: 15px;
  padding-top:0px;
  margin: 5px;
 color: #E5E1E1;
}

#photo{
	border-bottom: 24px solid White;
	border-color: White White White;
	border-left: 6px solid White;
	border-right: 6px solid White;
	border-top: 6px solid White;
}
#vignette{
	border-bottom: 12px solid White;
	border-color: White White White;
	border-left: 3px solid White;
	border-right: 3px solid White;
	border-top: 3px solid White;
}


