/*** CSS OF COMPTEENLIGNE.FR : AIDE CSS ***/

/* CONTENT */

#content
{
}

/* LEFT MENU */

div#left
{
 float: left;
 width: 230px;
 height: auto;
 min-height: 700px;
 padding: 20px 0 0 0;
 
 background: transparent url( '/imgs/green_css/bkg_sidebar.png' ) no-repeat right top;
}

div#left div
{
 width: 210px;
 margin: 0 0 20px 0;
 color: #404040;
 border: solid #cccccc;
 border-right-color: #cccccc;
 border-width: 0 1px 1px 0;
 
 background: #fff url( '/imgs/green_css/menu.png' ) no-repeat left bottom;
}
#left div.content
{
 width: 195px;
 padding: 0 5px 0 10px;
} 

#left div.content h1
{
 height: auto;
 width: 199px;
 height: 20px;
 margin: -10px 0 0 -10px;
 padding: 5px 5px 0 7px;
 
 text-align: left;
 font: normal 12px "Arial", Helvetica, sans-serif;
 color: #ffffff;
 background: #71716f url( '/imgs/green_css/sidebar_title.png' ) no-repeat right center;
}

div#left div.treeview
{
 width: 195px;
 padding: 10px 5px 10px 10px;
}

div#left div.treeview h1
{
 height: auto;
 width: 199px;
 height: 20px;
 margin: -10px 0 10px -10px;
 padding: 5px 5px 0 7px;
 
 text-align: left;
 font: normal 12px "Arial", Helvetica, sans-serif;
 color: #ffffff;
 background: #71716f url( '/imgs/green_css/sidebar_title.png' ) no-repeat right center;
}

/* LEFT MENU : SEARCH */

div#left div.search h1
{
 height: auto;
 width: 199px;
 height: 20px;
 margin: 0;
 padding: 5px 5px 0 7px;
 
 text-align: left;
 font: normal 12px "Arial", Helvetica, sans-serif;
 color: #ffffff;
background: #71716f url( '/imgs/green_css/sidebar_title.png' ) no-repeat right center;
}

div#left div.search form
{
 width: 210px;
 height: 35px;
 margin: 10px 0 0 0;
 padding: 5px 0 5px 0;
 text-align: center;
}

div#left div.search input.textbar
{
 float: left;
 width: 163px;
 height: 23px;
 margin: 0 0 0 5px;
 padding: 3px 0 0 2px;
 text-align: left;
 line-height: 25px;
 font-style: italic;
 
 background: #fff;
 border: 1px solid #cccccc;
}

div#left div.search  input.submit_btn
{
 float: right;
 width: 30px;
 height: 25px;
 margin: 0 5px 0 0;
 color: #ffffff;
 border: none;
 cursor: pointer;
 
 background: transparent url( '/imgs/green_css/submit_bkg.png' ) no-repeat 0 0;
}

div#left div.search  input.submit_btn:hover
{
 
 background: transparent url( '/imgs/green_css/submit_bkg.png' ) no-repeat 0 -25px;
}

/* LEFT MENU : TREEVIEW */

div#left a{ line-height: 18px; }

div#left ul
{
 margin: 0 0 0 15px;
 padding: 0;
 
 list-style-position: inside;
}
div#left ul#treeview{ margin-left: 0; }

div#left ul li
{
 margin: 0;
 padding: 0;
 
 list-style: none outside;
 background: url( '/imgs/icons/treeview_v.png' ) repeat-y left top;
 
 line-height: 18px;
}
div#left ul li.end{ background: none; }

div#left ul li span
{
 display: block;
 margin: 0;
 padding: 0 0 0 14px;
 height: 18px;
 
 background: url( '/imgs/icons/treeview_h.png' ) no-repeat left top;
 
 line-height: 18px;
 white-space: nowrap;
}
div#left ul li span.end{ background: url( '/imgs/icons/treeview_h_end.png' ) no-repeat left top; }
div#left ul li span.plus{ background: url( '/imgs/icons/treeview_plus.png' ) no-repeat left top; }
div#left ul li span.plus_end{ background: url( '/imgs/icons/treeview_plus_end.png' ) no-repeat left top; }
div#left ul li span.moins{ background: url( '/imgs/icons/treeview_moins.png' ) no-repeat left top; }
div#left ul li span.moins_end{ background: url( '/imgs/icons/treeview_moins_end.png' ) no-repeat left top; }


/* RIGHT CONTENT */

div#right
{
 margin: 0;
 margin-left: 225px;
 padding: 20px 0 50px 0;
 
 background: transparent url( '/imgs/green_css/content_title.png' ) repeat-x top center;
}

/* TITLES */
div#right h1
{
 display: block;
 clear: right;
 width: auto;
 height: 25px;
 margin: 0 0 30px 5px;
 padding:0 0 0 10px;
 font: 14px "Arial", Helvetica, sans-serif;
 color: #fff;
 line-height: 23px;

 background: #71716f url( '/imgs/green_css/title_bkg.png' ) no-repeat left center;
}

div#right h2, div#right h3, div#right h6
{
position: relative;

width: 661px;
height: 30px;
clear: none;
margin: -5px 0 10px -1px;
padding: 5px 0 0 10px;
font: 18px "Georgia", Helvetica, sans-serif;
color: #555454;

background: #ffffff url( '/imgs/green_css/content_title.png' ) repeat-x top; 
}

div#right h5
{
position: relative;

width: 661px;
height: 30px;
clear: none;
margin: -5px 0 10px 4px;
padding: 5px 0 0 10px;
font: 18px "Georgia", Helvetica, sans-serif;
color: #555454;

background: #ffffff url( '/imgs/green_css/content_title.png' ) repeat-x top; 
}

div#right h4
{
position: relative;

width: 661px;
height: 30px;
clear: none;
margin: -5px 0 10px 4px;
padding: 5px 0 0 10px;
font: 18px "Georgia", Helvetica, sans-serif;
color: #555454;

background: #ffffff url( '/imgs/green_css/content_title.png' ) repeat-x top; 
}

div#right h2{ font-size: 22px; }
div#right h3{ font-size: 20px; }
div#right h4{ font-size: 16px; }
div#right h5{ font-size: 14px; }
div#right h6{ font-size: 12px; }

div#right h6.aide_footer
{
 clear: right;
 margin: 10px 0 -5px -15px;
 
 border: none;
 
 text-align: right;
 font-size: 10px;
 font-weight: normal;
 font-style: italic;
 color: #a0a0a0;
 
 background: transparent;
}


/* PARAGRAPH */

div#right p
{
 margin: 5px 10px 15px 10px;
}

div#right ul
{
 margin: 0 10px 0 0;
}


/* IMAGES */

div#right img
{
 border: 1px solid #404040;
}

/* SEARCH RESULTS */

div#right ul#search
{
}

div#right ul#search li
{
 list-style-type: decimal;
}

div#right ul#search li em
{
 font-size: 10px;
 color: #a0a0a0;
}