/* Global blocks document */

body { min-width: 640px; background-color: white; }
#header, #menu, #content, #sub-section, #footer { overflow: hidden; display: block; }
/* safari and opera need this */
#header { width: 90%; text-align: center; }
#menu, #content { float: left; }
#sub-section, #footer { float: right; }


#menu
{
	width: 200px;
	min-height: 750px;
	overflow: visible;
	z-index: 20;
	margin-left: 1em;
	margin-top: 2.5em;
	margin-bottom: 1em;
	}


#content {
	margin-top:25px;
	width: 50%;
	background-color: transparent;
	z-index: 10;
	}

	
#sub-section {
	margin-top: 25px;
	width: 180px;
	margin-right: 1em;
	overflow: visible;
	}


#footer {
	width: 180px; clear: right;
	}



/* Styles document */

.baseline
{
	font-family: "Times New Roman" , sans-serif;
	font-size: 1em;
	color: #555;
	letter-spacing: 0.15em;
	text-align: center;
	display: block;
	}


/*	Colonne de gauche	*/	


#menu
{
	font: 0.9em/1.85em "Times New Roman" , Times, serif;
	text-transform: uppercase;
	background-image: url(../images/fond_tarif.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	}


#menu ul
{
	list-style: none;
	display: block;
	text-decoration: none;
	letter-spacing: 0.14em;
	margin: 1em;
	padding: 0;
	}


#menu li a:link
{
	color: #000;
	display: block;
	text-decoration: none;
	}

#menu li a:visited
{
	color: #7468D2;
	display: block;
	text-decoration: none;
	}

#menu li a:hover
{
	color: #C10C13;
	display: block;
	text-decoration: none;
	}

#menu li a:active
{
	color: #7B0040;
	display: block;
	letter-spacing: 0.16em;
	text-indent: 5px;
	text-decoration: none;
	}

	
/*	Colonne centrale	*/	

p {
	font: 11px/1.3em "Trebuchet MS", sans-serif;
	color: #666;
	padding: 0 0 0 3em;
	margin:1em;
	text-align:left;
	letter-spacing: 0.1em;
	}
	
p a {
	color:#999;
	text-decoration:none;
	border-bottom:1px dotted #999;
	}
	
h6 {
	font: 13px/1.4em "Trebuchet MS", sans-serif;
	color: #442600;
	margin-top: 2px;
	margin-bottom:-3px;
	padding-left: 1em;
	text-align:left;
	}


	
/*	Colonne de droite	*/	
	
.boxsubheads
{
	font: 11px Arial;
	line-height: 110%;
	color: #C10C13;
	text-transform: uppercase;
	letter-spacing: 0;
	text-align: left;
	display: block;
	margin-bottom: -12px;
	padding-bottom: 6px;
	padding-left: 0;
	clear: both;
	}

.boxtext {
	font: 11px/1.4em Arial;
	color: #165AB7;
	letter-spacing: 0;
	display:block;
	text-align: left;
	margin-bottom: 3px;
	padding-left: 0;
	clear: none;
	}

	
/*	Conditions générales	*/

ol li
{
	min-width: 200px;
	font: 0.7em/1.4em Arial;
	list-style-type: upper-latin;
	color: #000;
	letter-spacing: 0;
	text-align: left;
	margin: 0;
	padding: 0.1em;
	}
	
	
/*	Table tarifs	*/


.tableaux_prix {
	font: 0.7em Arial, sans-serif;
	color:#442600;
	margin-left: 3em;
	}

.tableau_left {
	margin-top: 1em;
	margin-left: 3em;
	float:left;
	width:290px;
	}
	
.tableau_left .col_on_top {
	font: bold 1em Arial, sans-serif;
	background-color: #D5D3C0;
	text-transform: uppercase;
	color: #C10C13;
	text-align:center;
	border-bottom: 1px solid #C10C13;
	}

.tableau_right {
	margin-top: 1em;
	margin-left: 0;
	float:right;
	width:290px;
	}

.tableau_right .col_on_top {
	font: bold 1em Arial, sans-serif;
	background-color: #D5D3C0;
	text-transform: uppercase;
	color: #C10C13;
	text-align:center;
	border-bottom: 1px solid #C10C13;
	}
		
.datatable {
	border: 1px solid #C10C13;
	border-collapse: collapse;
	}


.datatable td
{
	border: 1px solid #C10C13;
	text-align: right;
	padding: 5px;
	}


.row_width { width: 130px; }


.datatable th
{
	border: 1px solid #C10C13;
	background-color: #D5D3C0;
	font-weight: normal;
	text-align: left;
	padding: 4px;
	}


/*	Table comparaisons	*/


#tableaux_alternative {
	font: 0.7em Arial, sans-serif;
	text-align:center;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	padding: 10px 4em 2em 4em;
	}
	
#tableaux_alternative .datatable {
	border: 1px solid #C10C13;
	border-collapse: collapse;
	}


#tableaux_alternative .datatable td
{
	border: 1px dotted #C10C13;
	text-align: left;
	color:#442600;
	padding: 4px;
	}


#tableaux_alternative .datatable th
{
	font: bold 1em Arial, sans-serif;
	background-color: #D5D3C0;
	text-transform: uppercase;
	color: #C10C13;
	text-align:center;
	border-bottom: 1px solid #C10C13;
	}

#tableaux_alternative .datatable .col_on_top
	{
	font: bold 1em Arial, sans-serif;
	background-color: #C3C2B7;
	text-transform: uppercase;
	color: #C10C13;
	text-align:center;
	letter-spacing:0.2em;
	font-size:1.2em;
	padding-top: 6px;
	padding-bottom: 3px;
	border-bottom: 1px solid #C10C13;
	margin-left:0;
	margin-right:0;
	}
	
#tableaux_alternative .col_width {
	width: 50%;
	border: 1px solid #C10C13;
	}

#tableaux_alternative th .col_width_subject {
	width: 50%;
	text-align:center;
	font-size:13px;
	color:#442600;
	}


/*	Footer	*/


#footer h5 a:link,
#footer h5 a:visited
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	vertical-align: bottom;
	margin-left: 25px;
	padding-bottom: 0;
	color: #CC9966;
	display: inline;
	text-decoration: none;
	}


#footer h5 a:hover
{
	color: #CC9999;
	display: inline;
	text-decoration: none;
	font-size: 0.9em;
	}


#footer p a:link { border: none; }