/**************************************************
* COMMON
**************************************************/

body {
	margin: 0 0 30px 0;
	text-align:	center;
	font: 11px Arial, Verdana, sans-serif;
	color: #4c4d4e;
	background:	url(../images/bg_site.gif) #FFFFFF;
}

img {
	border: none;
}

#site {
	width: 780px;
	margin: 0 auto 50px;
	text-align: left;
}

div.left {
	float: left;
}

div.right {
	float: right;
}

.border {
	border-top: 1px solid #b3b1ad;
	border-bottom: 1px solid #b3b1ad;
}

.dotted {
	border-top: 1px dotted #b3b1ad;
	border-bottom: 1px dotted #b3b1ad;
}

.border_white {
	border-top: 1px dotted #ffffff;
	border-bottom: 1px dotted #ffffff;
}

.center {
	text-align: center;
}

.outro {
	margin: 0 0 15px 0;
	padding: 10px 0;
	color: #4c4d4e;
	background-color: #f4f4f3;
}

.outro table {
	padding: 0 40px;
}

					/***** TABLE *****/

table {
	font: 11px Arial, helvetica, sans-serif;
}

td {
	vertical-align: top;
}

					/***** TEXT *****/

h1 {
	margin: 10px;
	padding: 0;
	font: 22px Arial, helvetica, sans-serif;
	font-weight: normal;
}

h1 span.strong {
	font-weight: bold;
}

h1 span.light {
	font-weight: normal;
}

	
h2 {
	margin: 10px 15px 10px;
	padding: 0;
	font: 20px Arial, helvetica, sans-serif;
	font-weight: normal;
}

h2 span.strong {
	font-weight: bold;
}

h2 span.light {
	font-weight: normal;
}

h3 {
	margin: 0;
	padding: 0 10px;
	color: #acacac;
	font: 12px arial;
	font-weight: bold;
}

h3 strong {
	color: #ccbd97;
}

p {
	margin: 5px 15px 15px 15px;
}

a {
	padding: 0 2px 0 2px;
	color: #4c4d4e;
}

a img {
	margin: 0 -2px -3px -2px;
	padding: 0;
}

a:hover {
	padding: 0 2px 0 2px;
	color: #ffffff;
	text-decoration: none;
	background: #ccbd97;
}

br {
	font-size: 8px;
}

div.hr {
	margin: 6px 0 6px;
	padding: 0;
	height: 1px;
	background: url(../images/separateur_horz.gif) bottom repeat-x;
}

					/***** FORMULAIRE *****/

input.submit {
	cursor: pointer;
}

.outro form table {
	padding: 0;
}

.outro form {
	margin: 0;
}

input.submit {
	width: 217px;
	color: #ffffff;
	background: #cabb96;
}

input, textarea {
	margin: 5px 10px;
	padding: 0 5px;
	color: #4c4d4e;
	border: 1px solid #000000;
	background: #ffffff;
	font: 11px Arial, Verdana, sans-serif;
}

label {
	margin: 5px 10px;
	padding: 0 5px;
}
	
/**************************************************
* TOP
**************************************************/

#top {
	padding: 8px 10px 15px;
	text-align: right;
	background:	url(../images/bg_top.gif) #FFFFFF;
}

#top table {
	margin: 0 0 0 auto;
	text-align: left;
}

#top table td {
  height: 29px;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

#top table td.right {
	padding: 0 0 0 10px;
	background: url(../images/separateur_vert.gif) repeat-y;
}

#top a.pdf {
	padding: 5px 20px 6px 3px;
	background: url(../images/puce_pdf.gif) right no-repeat;
}

#top a.pdf:hover {
	color: #ffffff;
	text-decoration: none;
	background-color: #ccbd97;
}

/**************************************************
* MENU
**************************************************/

#menu {
	height: 18px;
	color: #525252;
	background:	url(../images/bg_menu.gif) #FFFFFF;
}

#menu .button {
	padding: 2px 0;
	float: left;
}

#menu a {
	color: #525252;
	padding: 1px 10px;
	border-right: 1px solid #c4c3be;
	text-decoration: none;
}

#menu a:hover {
	color: #ffffff;
	padding: 2px 10px;
	border-right: 1px solid #cccbc6;
	background: #ccbd97;
	text-decoration: none;
}

/**************************************************
* CONTENT
**************************************************/

#content {
	padding: 10px 0 30px;
	background: #ffffff;
}

					/***** LINK *****/

a.plus {
	margin: 0 0 0 5px;
	padding: 0 5px 1px 15px;
	color: #4c4d4e;
	background: url(../images/puce_link.gif) 0 4px no-repeat;
}

p a.plus {
	margin: 0;
}

a.plus:hover {
	color: #ffffff;
	text-decoration: none;
	background: url(../images/puce_link_hover.gif) 0 4px no-repeat #ccbd97;
}

div.table_link {
	margin: 0 0 10px 0;
	padding: 1px 0 0;
	background: url(../images/separateur_horz.gif) repeat-x;
}

div.table_link div {
	background: url(../images/bg_link.gif) repeat-x;
}

div.table_link div a.plus {
	display: block;
	margin: 0;
	padding: 2px 10px 5px 30px;
	background: url(../images/puce_link.gif) 15px 6px no-repeat;
}

div.table_link div a.plus:hover {
	margin: 0;
	color: #ccbd97;
}

					/***** SEPARATEUR *****/ 

.separateur {
	clear: both;
	margin: 5px 0 10px;
	height: 8px;
	background: url(../images/separateur.gif) repeat-x;
}

/**************************************************
* FOOTER
**************************************************/

#footer {
	padding: 40px 30px 0;
	color: #a8a8a8;
	background:	url(../images/footer.gif) top no-repeat;
}

#footer a {
	color: #a8a8a8;
}

#footer a:hover {
	background:	none;
	text-decoration: none;
}


/***************************************************
*					POPUP INFO		AJOUT DU 11/10/2007
***************************************************/
#popup_info {
	width: 415px;
	margin: 10px auto 0;
	text-align: left;
}


#popup_info h2 {
	margin: 0;
	font: 28px Arial, Verdana, sans-serif;
}

#popup_info #head {
	margin: 15px 15px 3px;
	background: #ffffff;
}

#popup_info #head table {
	width: 375px;
}

#popup_info #head table td {
	vertical-align: bottom;
}

#popup_info #head table td.img {
	padding: 0 20px 5px 0;
}

#popup_info .content{
	color: #3e3d40;
	padding: 10px 0 10px 10px;
	background: #eeeeee;
}

#popup_info .content .grey{
	color: #8f8f8f;
}

#popup_info .content div.window {
	height: 300px;
	padding-right: 10px;
	overflow: auto;
}

#popup_info .content h3{
	margin: 0 0 10px;
	color: #e33c01;
	font-size: 12px;
	border-bottom: 1px solid #cfcfcf;
}

#popup_info .content h4{
	font-size: 12px;
	margin: 0 0 10px;
}

#popup_info .content h5 {
	margin: 0 0 10px;
	text-align: center;
	font-size: 11px;
	border-bottom: 1px solid #cfcfcf;
}

#popup_info .content p {
	padding: 5px 0 5px 10px;
}

#popup_info .content ul {
	padding-left: 20px;
}

#popup_info .content table {
	width: 100%;
	padding-left: 10px;
}

#popup_info .content div.hr {
	margin: 0 20px;
}

#popup_info .content div.nav {
	padding-bottom: 10px;
}

#popup_info .content tr.total td {
	font-weight: bold;
}

#popup_info .content td.price {
	text-align: right;
}

/***************************************************
*					POPUP		AJOUT DU 06/10/2007
***************************************************/
#popup {
	margin: 250px auto 0;
	width: 300px;
}

#popup .content{
	color: #ffffff;
	background: #df744d;
}

#popup .content div#close{
	width: 100%;
	padding-bottom: 10px;
	text-align: right;
}

#popup .content p{
	padding: 10px 20px;
	font-size: 12px;
}

#popup .content p.alert{
	font-size: 14px;
	font-weight: bold;
}

#popup .content div.hr {
	margin: 0 20px;
}

#popup .content div.nav {
	padding-bottom: 10px;
}