body
{
	background:#000;
	font:15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
}

a, h1, h2, h3, h4, h5, h6, form, p, a img
{
	padding:0;
	margin:0;	
	border:0;
}

a
{
	text-decoration:none;	
	color:#FFF; 
}

a:hover
{
	text-decoration:underline;
}

#title
{
	float:left;
	height:100px;
	width:140px;
	margin:0px 10px 10px 0px;
}

#title h1
{
	border:1px solid #FFF;
	width:100%;
	height:100%;
	background:transparent url(rfiles/main/blindsurfer/logo.gif) no-repeat;
}

#title h1 span 
{
	display:none;
}

#center img.toppicture
{
	display:none;
}

#center #language
{
	float:right;
	padding:5px;
	font-weight:bold;
	text-transform:uppercase;
	
}

#center #descriptif
{
	font-size:120%;	
	padding:10px 0px 10px 0px;
	color:#FF0;
	text-align:right;
}

#center #descriptif:first-letter
{
	text-transform:uppercase;
}

#descriptif h5
{
	display:none;
}

#descriptif .end
{
	display:none;
}

.address
{
	border:none;
}

.address .contact-link
{
	display:none;
}

.options
{
	float:right;	
	margin:0;
	padding:6px 0 0 0;
	font-size:120%;	
	text-transform:uppercase;
}

.options li
{
	float:left;
	list-style-type:none;
	margin-right:30px;
	color:#FFF;
}

.option
{
	text-decoration:underline;
}

.bigtext
{
	color:#FFF;
}

.option img
{
	display:none;
}

#leftColumn
{
	float:left;
	margin:0;
	padding:0;
	width:20%;
}

#leftColumn .leftColumnTitle
{
	padding:12px 0px 12px 0px;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	background:#FFF;
	color:#000;
	margin-bottom:10px;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

#leftColumn ul
{
	margin:0;
	padding:0;
}

#leftColumn li
{
	position: relative;
	width:100%;
	text-transform:uppercase;
	margin-bottom:10px;
	list-style-type:none;
	border:1px solid #FFF;
}

#leftColumn li a, #leftColumn li form
{
	position:relative;
	font:17px "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif bold;
	color:#FFF;
	text-decoration:none;
	padding:4px 0px 4px 0px;
	display:block;
	min-height:26px;
	background:#000;
}

/* subitems */
#leftColumn li ul
{
	position:absolute;
	top: 0px;
	left:100%;
	width:100%;
	margin:0;
	padding:0;
	z-index:100;
	display:none;
	background:#000;
}

#leftColumn li:hover ul
{
	display:block;
}

#leftColumn li ul li
{
	margin-bottom:0px;	
	background-image:none;
	height:auto;
}

#leftColumn li ul li.first
{
	padding-top:5px;
}

#leftColumn li ul li.last
{
	padding-bottom:5px;
}

#leftColumn li ul li a
{
	font-size:80%;
	background:#000;
	min-height:0;
}

#leftColumn li ul li a span
{
	margin:0px 10px 0px 10px;
	display:block;
}

#leftColumn li ul li.last a span
{
	border-bottom:0;
}

* html #leftColumn table 
{
	border-collapse:collapse; 
	border:0; 
	margin:0; 
	padding:0;
}

#leftColumn li a:hover, #leftColumn li ul li a:hover
{
	text-decoration:underline;
}

* html #leftColumn li a:hover
{
	text-decoration:underline;
	background:#000;
}

* html #leftColumn li a ul 
{
	display:none;
	display:expression('none');
}

* html #leftColumn li a:hover ul 
{
	color:#fff; 
	background:#000;
	display:block;
	display:expression('block');
}

* html #leftColumn li a ul li
{
	display:block;
	width:170px;
	margin-bottom:-3px;
}
/* fin subitems */
#leftColumn li form
{
	padding:4px;
}

#leftColumn li form .inputc 
{
	position:relative;
	float:left;
	top:0px;
	left:0px;
	border:1px solid #FFF;
	padding:0;
	width:70%;
	overflow:hidden;
}

#leftColumn li form .search
{
	margin:0;
	width:100%;
	height:18px;
	padding:3px 1px 3px 1px;
	font:80% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif bold;
	text-transform:none;
	border:1px solid #FFF;
	background:#FFF;
}

* html #leftColumn li form .search 
{
	height:100%;
	margin:-1px 0px -2px -1px;
}

#leftColumn li form .search:focus
{
	background:#FF0;
	color:#000;
	font-weight:bold;
}

#leftColumn li form button
{
	position:relative;
	float:left;
	top:1px;
	left:5px;
	clear:none;
	margin:0;
	padding:0;
	background:none;
	border:0;
	font:100% "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif bold;
	background:#FF0;
	cursor:pointer;	
	color:#000;
}

#leftColumn li form a.sublink /* form recherche avancee */
{
	clear:both;
	white-space:nowrap;
	font-size:80%;
	background:transparent;
	text-transform:none;
	text-decoration:underline;
	display:inline;
	color:#FF0;
}

#leftColumn li a em
{
	position:absolute;
	top:0px;
	right:4px;
	width:10px;
	height:100%;
	display:block;
	background:transparent url(rfiles/main/blindsurfer/leftbutton_arrow.gif) center left no-repeat;
}

#centerColumn
{
	float:left;	
	width:60%;
}

* html #centerColumn
{
	width:59.5%;
}

#centerColumn ul.menut
{
	float:left;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	font-size:100%;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
}

#centerColumn ul.menut li
{
	padding:12px;
	list-style:none;	
	float:left;
	display:block;
}

#centerColumn ul.menut li a, #centerColumn ul.menut li a.selected
{
	display:inline;	
	padding:10px;
}

#centerColumn ul.menut li a.selected
{
	background:#FF0;
	color:#000;
	padding:10px;
}

#centerColumn ul.menut li a .start, #centerColumn ul.menut li a .end
{
	display:none;
}

#centerColumn .content
{
	padding:1%;
	display:block;
}

#YAH
{
	padding:10px 0px 10px 0px;
	font:91% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
}

#YAH a
{
	color:#FF0;
	font-weight:bold;
	text-decoration:none;
}

#YAH a:hover
{
	text-decoration:underline;
}

h2.default
{
	background:#FF0;
	color:#000;
	padding:6px 22px 6px 22px;
	font-style:italic;
	font-size:175%;
}

h2.default span.date
{
	float:right;
	font-size:90%;
	font-style:normal;
	margin:0px -16px -2px 0;
	color:#000;
	text-align:right;
}

h2 span.titlecontent
{
	float:left;
}

h2.sub
{
	font-size:142%;
	padding:6px 12px 3px 12px;
	color:#000;
}

h2.sub span.date
{
	margin:0px -8px -2px 0;
}

.textualcontent
{
	margin:8px -4px 0 -4px;
	padding:4px;
	text-align:justify;
	color:#FFF;
	line-height:120%;
}

.clear
{
	clear:both;
}

.textualcontent img
{
	padding:2px;
	border:3px solid #FFF;
}

.textualcontent img.noborder
{
	padding:0;
	border:0;
	margin:0px 4px 0px 0px;
}

.textualcontent h3
{
	font-size:120%;
	color:#FF0;
	display:inline;
	margin:0;
	padding:0;
}

.content .links
{
	margin:8px 0 8px 0;
	clear:both;
	float:right;
	height:22px;
	text-align:right;
}

#centerColumn .pagination
{
	text-align:center;
	font-size:12px;
	color:#444;
	text-transform:uppercase;
	clear:both;
}

#centerColumn .pagination a
{
	color:#444;
}

.links .seemore
{
	font:90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	color:#FF0;
}

.links .seemore:hover
{
	text-decoration:underline;
} 

#rightColumn
{
	float:left;
	margin:0px;
	padding:0px;
	width:20%;
}

#rightColumn .box
{
	position:relative;
	width:100%;
	margin:0px -1px -1px -1px;
	padding:1%;
	border:1px solid #FFF;
}

#rightColumn .box h5
{
	margin:-2px;
	font:120% "Courier New", Courier, monospace;
	padding:12px 0px 12px 0px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	color:#000;
	background:#FFF;
	display:block;
}	

#rightColumn .box h5 .whitetitle
{
	display:none;
}

#rightColumn .box .content
{
	float:left;
	width:100%;
	font:100% "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align:justify;
}

#rightColumn .box .content h6
{
	font-size:100%;
	color:#FF0;
	padding-bottom:5px;
	margin-bottom:5px;
	border-top:1px solid #FF0;
	border-bottom:1px solid #FF0;
	text-align:center;
}

#rightColumn .box .clearcontent
{
	clear:both;
}

#rightColumn .seemore
{
	padding:4px;
}

#rightColumn .content .links
{
	float:none;
	padding:0;
	background:none;	
}

/* formulaire colonne de droite */
#rightColumn .box .content form
{
	margin:6px;
	padding:0;
	text-align:right;
} 

#rightColumn .box .content form input.text
{
	border:2px solid #FFF;
	width:100%;
	font:100% "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#222;
	padding:1px;
	margin:0;
}	

* html #rightColumn .box .content form input.text
{
	width:98%;
}

#rightColumn .box .content form input.text:hover, #rightColumn .box .content form input.text:focus
{
	background:#FF0;
	color:#000;
}

#rightColumn .box .content form span
{
	display:block;
	text-align:left;
}

#rightColumn .box .content form input.button
{
	border:0;
	font:90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	padding:3px;
	background:#FF0;
	cursor:pointer;
}	
/* fin forulaire */

#footerCenter
{
	clear:both;
	margin-top:20px;
	border-top:1px solid #FFF;
	font-size:100%;
}

#footer
{
	text-align:center;
}

#footer .legal
{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
}

.legal li
{
	padding:0;
	margin:0;
}

#footer a
{
	color:#FF0;
	text-decoration:none;
}

#footer a:hover
{
	text-decoration:underline;
}

#footer .credits
{
	float:right;
	background:transparent url(rfiles/main/blindsurfer/web-agency.gif) no-repeat;
	width:98px;
	height:40px;
	display:block;
}

#footer .credits .authorstart, #footer .credits img
{
	display:none;
}

/* table des matières */
.toc
{
	border:2px solid #FFF;
	margin:0 auto;
	font-size:110%;
}

.toc ol, .toc h3, .toc h3 a
{
	color:#FF0;
	font-size:100%;
	font-weight:bold;
}

h2.sub
{
	margin:0px;
	padding-bottom:10px;
}

h2.sub a, h2.default a
{
	color:#000;
}

/* astuce et renseignement */
.astuce
{
	border:1px solid #FF0;
	background:transparent; 
	margin:4px 0 4px 0;
	padding:1px;
}

.astuce .acontent
{
	font-size:100%;
	color:#FFF;
	background:transparent url(rfiles/main/blindsurfer/tip.gif) no-repeat;;
	min-height:78px;
	padding:3px 3px 3px 81px;
}

* html .astuce .acontent
{
	height:78px;
}

.astuce .acontent img
{
	display:none;
}

.astuce .acontent h5
{
	font-size:120%;
	font-weight:bold;
	color:#FF0;
}

.renseignement
{
	border:1px solid #FF0;
	margin:4px auto;
	width:50%;
	padding:3px;
	font-style:italic;
	font-size:100%;
	color:#FFF;
}

.renseignement h5
{
	background:transparent url(rfiles/main/blindsurfer/help.gif) no-repeat left top;
	text-transform:uppercase;
	font-size:120%;
	font-style:normal;
	color:#FF0;
	height:34px;
	padding:6px 0px 3px 40px;
	margin:2px;
	text-align:left;
}

.renseignement .rcontent
{
	margin:-10px 44px 15px 44px;
}

/* format text */
.textualcontent a
{
	color:#FF0;
}

.whitetext
{
	color:#FFF;
}

.orangetext
{
	color:#000;
}

.gras
{
	font-weight:bold;
}

acronym
{
	cursor:help;	
}
/* google map */
#map
{
	color:#222;
	border-width:1px;
	border-style:solid;
}

.gmapDir
{
	margin-bottom:20px;
}

/* search engine */
p.singleerror
{
	font-weight:bold;
	color:#F00;	
}

form.searchengine
{
	width:300px;
	margin:0 auto;
}

form.searchengine input.text
{
	border:2px solid #FFF;
	width:258px;
	height:18px;
	font:100% "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	padding:2px;
}	

form.searchengine input.text:focus, form.searchengine input.text:hover
{
	background:#FF0;
	color:#000;
} 

form.searchengine select
{
	background:#000;
	color:#FFF;
}

form.searchengine select option:focus
{
	background:#FF0;
	color:#000;
}

form.searchengine input.button
{
	border:0;
	font:90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	color:#000;
	padding:3px;
	margin:4px -4px 0 0;
	background:#FF0;
	cursor:pointer;
}	

ol.searchresults
{
	margin-right:30px;
	color:#FFF;
}

ol.searchresults h3
{
	color:#FF0;
	font-weight:bold;
	font-size:100%;
}

/* annuaire */
div.filters
{
	margin-bottom:4px;
}

form.filters
{
	margin:0 auto;
	width:60%;
}

form.filters select
{
	background:#000;
	color:#FFF;
}

form.filters p.note
{
	font-size:80%;
	margin-left:70px;
}

form.filters input.button
{
	clear:both;
	float:right;
	border:0;
	font:90% Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	padding:3px;
	margin:4px 76px 0 0;
	background:#FF0;
	text-transform:uppercase;
	cursor:pointer;
}	

form.filters select.filter
{
	margin-left:70px;
}

select.filter
{
	margin:0;
	padding:0;
}

/* table annuaire */
table.comparatif 
{
	font-size:90%;
	border:2px solid #FFF;
	width:100%;
}

table.comparatif tr
{
	height:24px;
}

table.comparatif tbody tr:hover td, table.comparatif tbody tr.odd:hover td, table.comparatif tbody tr.infos:hover td 
{
	background:#FF0;
	color:#000;
}

table.comparatif tbody tr td a
{
	color:#000;
	font-weight:bold;
}

table.comparatif tbody tr:hover td a, table.comparatif tbody tr.odd:hover td a
{
	color:#000;
}

table.comparatif tr.step td
{
	background:#000;
	color:#FF0;
	font-weight:bold;
	font-style:italic;
}

table.comparatif tr.step:hover td
{
	background:#FF0;
	color:#000;
}

table.comparatif td img
{
	border:0;
}

table.comparatif thead, table.comparatif tfoot
{
	color:#FF0;
	text-transform:uppercase;
}

table.comparatif thead td, table.comparatif tfoot td
{
	border:2px solid #FF0;
}

table.comparatif tfoot
{
	text-align:center;
	font-size:100%;
}

table.comparatif tbody td
{
	font-size:90%;
	padding:0px 4px 0px 4px;
}

table.comparatif tbody td hr
{
	color:#000;
}

table.comparatif tbody tr.odd td
{	
	background:#FFF;
	color:#000;
}

table.comparatif tbody tr.infos td 
{
	background:#FF0;
	color:#000;
}

table.comparatif tbody tr.details
{
	display:none;
}

/* newsletter */
.success
{
	color:#FF0;
	font-weight:bold;
}

.error
{
	color:#F00;
	font-weight:bold;
}

/* Form styles */
p.legend { margin-bottom: 1em; color:#FFF; }
p.legend em { color:#FF0; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #FF0; font-style: normal; font-weight: bold; }

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 120px; font-size: 90%; color: #FFC; }
div.form-container form p.singleerror { margin-left: 120px; font-size: 90%; color:#FF0; font-weight:bold; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { font-size: 100%; margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; }
div.form-container label.error, 
div.form-container span.error { color:#FF0; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color:#000; }
div.form-container input.error, textarea.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus { background: #FF0; color:#000; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; width:auto; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 389px; }

div.form-container input, div.form-container textarea 
{
	width:60%;
	font:100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 	
	border:2px solid #FFF;
}


div.form-container input.ok, div.form-container input.ok:focus
{
	margin-left:22%;
	border:0;
	padding:2px;
	width:auto;
	background:#FF0;
	border:0;
	color:#000;
	font-weight:bold;
}


div.form-container .sendok
{
	margin:20px;
}

div.form-container .sendok2
{
	margin:20px;
}

* html div.form-container p.note, * html div.form-container p.singleerror 
{
	margin-left /**/:136px;
}

* html div.form-container label, * html div.form-container span.label 
{
	width /**/:120px;
}

* html div.form-container input.ok
{
	margin-left:10px;
}