/* ------------------------------------ */
/*                                      */
/*            Body                      */
/*                                      */
/* ------------------------------------ */

body {
	margin: 0;
	padding: 0;
	background: #fff url('/images/design/background.png') top left repeat-x;
	font-family: 'Trebuchet ms', Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	color: #000;
	text-align: center;
	width: 100%;
	/*overflow-x: hidden;*/
}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/

a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}

/* hack FF pour masquer les contours pointillé sur les liens
-------------------------------------------------------*/

* {
	padding: 0;
	margin: 0;
}

label {
	cursor: pointer;
}

acronym {
	cursor: help;
}

span.important
{
	color: #f00;
}

.fluo
{
	background-color: #ff0;
}

.nouveau
{
	font-variant: small-caps; color: #f00; font-weight: bold;
}

.feminin {
	color: #ff288d;
}

.masculin {
	color: #1371c8;
}

.nowrap {
	white-space: nowrap;
}

.no-inner-padding * {
	padding: 0;
}

.gras, #page .bold {
	font-weight: bold;
}

#page .orange, #page a.orange {
	color: #fe8b28;
}

#page .red, #page a.red, #page td.red {
	color: #f00;
}

#page .lemon_green, #page a.lemon_green {
	color: #7fac00;
}

#page .gray_text {
	color: #999;
}

.centrer, .center {
	text-align: center;
}

#page .margintop25, .margintop25 {
	margin-top: 25px;
}

#page .margintop20, .margintop20 {
	margin-top: 20px;
}

#page .margintop15, .margintop15 {
	margin-top: 15px;
}

#page .margintop10, .margintop10 {
	margin-top: 10px;
}

.margintop8 {
	margin-top: 8px;
}

.margintop5 {
	margin-top: 5px;
}

.legal {
	color: #666;
	font-size: .9em;
	text-align: justify;
}

.justify {
	text-align: justify;
}

.underline {
	text-decoration: underline;
	font-style: normal;
}

#page li em {
	color: #f60;
	font-style: normal;
	font-weight: bold;
}

.italic {
	font-style: italic;
}

div.gauche, .floatleft {
	float: left;
}

div.droit, .floatright {
	float: right;
}

img.frame {
	border: 4px solid #eaeff3;
}

img.floatleft {
	margin-right: 10px;
}

img.floatright {
	margin-left: 10px;
}

img {
	vertical-align: middle;
	border: 0;
}

img.img_mini
{
	max-width: 100px;
	max-height: 100px;

	_width: expression((this.offsetWidth>=this.offsetHeight) ?
			Math.min(parseInt(this.offsetWidth), 100 ) : true);

	_height: expression((this.offsetHeight>=this.offsetWidth) ?
			 Math.min(parseInt(this.offsetHeight), 100 ) : true);
}

div.separation, div.separator {
	overflow: hidden;
	height: 1px;
	visibility: hidden;
	clear: both;
}

.uppercase {
	text-transform: uppercase;
}

.cacher, .hidden, .not-homepage {
	display: none;
}

/****  headbar  ****/

#headbar {
	height: 37px; width: 100%;
	color: #999;
	background: #eeeded url('/images/design/headbar.png') top left repeat-x;
}

div#headbar_global {
	height: 37px; width: 1015px;
	margin: 0 auto;
	font-size: .75em;
	position: relative;
	z-index: 900;
}

#headbar ul#top_links {
	float: left;
	height: 37px; width: 650px;
	line-height: 32px;
	list-style: none;
}

#headbar ul#top_buttons {
	float: right;
	height: 37px;
	list-style: none;
}

#headbar ul#top_buttons li {
	height: 28px;
	margin-top: 5px;
}

#headbar ul#top_buttons li a, #headbar ul#top_buttons li a:visited {
	display: block;
	height: 28px;
}

#headbar li#button1 {
	width: 154px;
}

#headbar li#button1 a, #headbar li#button1 a:visited {
	width: 154px;
	background: url('/images/design/headbar_btn_opinion.png') bottom left no-repeat;
}

#headbar li#button1 a:hover, #headbar li#button1 a:active {
	background: url('/images/design/headbar_btn_opinion.png') center left no-repeat;
}

#headbar li#button2 {
	width: 89px;
	margin-left: 5px;
}

#headbar li#button2 a, #headbar li#button2 a:visited {
	width: 89px;
	background: url('/images/design/headbar_btn_admin.png') bottom left no-repeat;
}

#headbar li#button2 a:hover, #headbar li#button2 a:active {
	background: url('/images/design/headbar_btn_admin.png') center left no-repeat;
}

#headbar li#button3 {
	width: 89px;
	margin-left: 5px;
}

#headbar li#button3 a, #headbar li#button3 a:visited {
	width: 89px;
	background: url('/images/design/headbar_btn_client.png') bottom left no-repeat;
}

#headbar li#button3 a:hover, #headbar li#button3 a:active {
	background: url('/images/design/headbar_btn_client.png') center left no-repeat;
}

#headbar li#button4 {
	width: 89px;
	margin-left: 5px;
}

#headbar li#button4 a, #headbar li#button4 a:visited {
	width: 89px;
	background: url('/images/design/headbar_btn_logout.png') bottom left no-repeat;
}

#headbar li#button4 a:hover, #headbar li#button4 a:active {
	background: url('/images/design/headbar_btn_logout.png') center left no-repeat;
}

#headbar li {
	float: left;
}

#headbar li.first {
	padding-left: 15px;
}

#headbar li a.active, #headbar li a.active:visited {
	text-decoration: underline;
}

#headbar li a, #headbar li a:visited,
#headbar li a.active:hover, #headbar li a.active:active {
	color: #999;
}

#headbar li a:hover, #headbar li a:active,
#headbar li a.active, #headbar li a.active:visited {
	color: #ccc;
}

#headbar li a, #headbar li a:visited,
#headbar li a.active:hover, #headbar li a.active:active {
	text-decoration: none;
}

#headbar li a:hover, #headbar li a:active {
	text-decoration: underline;
}

#headbar #expand_frame {
	width: 650px;
	background: #333;
	z-index: 1300;
	border: 1px solid #3d3d3d;
	position: absolute;
	top: 33px; right: 20px;
	text-align: left;
	padding-bottom: 5px;
}

#headbar #expand_frame p {
	margin: .5em 0;
}

#headbar #expand_frame p.italic {
	color: #ccc;
}

/****  Header  ****/

#home_header_level1, #header_level1 {
	width: 100%; height: 106px;
	text-align: left;
}

div#home_header_level1 div, #header_level1 div {
	height: 91px; width: 1015px;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;
}

#home_header_level1 {
	background: url('/images/design/home_header_level1.png') top center no-repeat;
}

#header_level1 {
	background: url('/images/design/header_level1.png') top center no-repeat;
}

ul#header_nav {
	text-transform: uppercase;
	list-style: none;
	height: 2em; width: 710px;
	position: absolute;
	top: 3px; right: 0;
	z-index: 1000;
}

ul#header_nav li {
	float: left;
	color: #333;
	font-size: .8em;
}

ul#header_nav  li a {
	float: left;
	color: #333;
	display: block; height: 2em;
	text-decoration: none;
	line-height: 2em;
	padding: 0 10px;
}

ul#header_nav  li a:hover {
	color: #3f98d8;
	background: #e9e9e9;
}

ul#header_nav li ul {
	margin-top: 2em;
	z-index: 100;
	list-style: none;
	width: 178px;
	background: #e9e9e9;
	position: absolute;
	left: 0;
	border-bottom: 2px solid #3f98d8;
}

ul#header_nav li ul li {
	float: none;
	font-size: .9em;
	letter-spacing: .05em;
}

ul#header_nav li ul li a {
	float: none;
}

ul#header_nav2 {
	position: absolute;
	list-style: none;
	bottom: 0; left: 0;
	height: 34px;
	font-size: .85em;
}

ul#header_nav2 li {
	float: left;
	border: 1px solid #fff; border-bottom: 0; border-left: 0;
	line-height: 30px;
	text-transform: uppercase;
}

ul#header_nav2 li.first {
	border-left: 1px solid #fff;
}

ul#header_nav2 li.active a {
	float: left;
	display: block;
	padding: 0 15px;
	height: 33px;
	color: #fff;
	background: transparent url('/images/design/nav_button_active.png') top center no-repeat;
	text-decoration: none;
}

ul#header_nav2 li.inactive a, ul#header_nav2 li.inactive a:visited {
	float: left;
	display: block;
	padding: 0 15px;
	height: 33px;
	color: #666;
	background: transparent url('/images/design/nav_button.png') top left repeat-x;
	text-decoration: none;
}

ul#header_nav2 li.inactive a:hover, ul#header_nav2 li.inactive a:active {
	color: #999;
}

/* Corrections rendu services sur IS (conflits css) */

#voir_service table, p.marginauto {
	margin: 10px auto;
}

#voir_service table td, #voir_service table th {
	padding-left: 5px;
}

#voir_service_mini_cal table td {
	padding: 2px;
}

#voir_service h2 {
	font-variant: normal;
}

#voir_service div {
	max-width: 100%;
}

div#emoticon_frame
{
	display: none;
	overflow-x: auto;
	_height: 100px;
	max-height: 100px;
}

/* Corrections rendu services sur IS (conflits css) */

div.toolbar
{
	width: 404px;
	background: buttonface;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	font-size: 1px;
	margin: 0;
	text-align: left;
	padding: 3px;
}

div.toolbar img
{
	margin-right: 5px;
}

ul#tool_nav {
	list-style: none;
	position: relative;
	top: 24px; left: 15px;
	z-index: 500;
	width: 1015px;
}

ul#tool_nav li {
	float: left;
}

ul#tool_nav li a, ul#tool_nav li a:visited {
	display: block;
	width: 54px; height: 56px;
	background-repeat: no-repeat;
	text-decoration: none;
	background-color: transparent;
}

ul#tool_nav li.active a, ul#tool_nav li.active a:visited {
	background-position: left top;
}

ul#tool_nav li.inactive a {
	background-position: left -112px;
}

ul#tool_nav li.active a:active, ul#tool_nav li.active a:hover,
ul#tool_nav li.current a, ul#tool_nav li.current a:active, ul#tool_nav li.current a:hover, ul#tool_nav li.current a:visited {
	background-position: left -56px;
}

ul#tool_nav li#outil_forum a {
	background-image: url('/images/design/icons/services/nav/forum.png');
}

ul#tool_nav li#outil_livredor a {
	background-image: url('/images/design/icons/services/nav/livredor.png');
}

ul#tool_nav li#outil_compteur a {
	background-image: url('/images/design/icons/services/nav/compteur.png');
}

ul#tool_nav li#outil_combox a {
	background-image: url('/images/design/icons/services/nav/combox.png');
}

ul#tool_nav li#outil_cpt_clics a {
	background-image: url('/images/design/icons/services/nav/cpt_clics.png');
}

ul#tool_nav li#outil_agenda a {
	background-image: url('/images/design/icons/services/nav/agenda.png');
}

ul#tool_nav li#outil_album a {
	background-image: url('/images/design/icons/services/nav/album.png');
}

ul#tool_nav li#outil_annonces a {
	background-image: url('/images/design/icons/services/nav/annonces.png');
}

ul#tool_nav li#outil_annuaire a {
	background-image: url('/images/design/icons/services/nav/annuaire.png');
}

ul#tool_nav li#outil_ecards a {
	background-image: url('/images/design/icons/services/nav/ecards.png');
}

ul#tool_nav li#outil_faq a {
	background-image: url('/images/design/icons/services/nav/faq.png');
}

ul#tool_nav li#outil_formmail a {
	background-image: url('/images/design/icons/services/nav/formmail.png');
}

ul#tool_nav li#outil_gestion_ban a {
	background-image: url('/images/design/icons/services/nav/gestion_ban.png');
}

ul#tool_nav li#outil_newsbox a {
	background-image: url('/images/design/icons/services/nav/newsbox.png');
}

ul#tool_nav li#outil_newsletter a {
	background-image: url('/images/design/icons/services/nav/newsletter.png');
}

ul#tool_nav li#outil_partenariat a {
	background-image: url('/images/design/icons/services/nav/partenariat.png');
}

ul#tool_nav li#outil_sondage a {
	background-image: url('/images/design/icons/services/nav/sondage.png');
}

ul#tool_nav li#outil_cpt_live a {
	background-image: url('/images/design/icons/services/nav/cpt_live.png');
}

ul#tool_nav li a span {
	display: none;
	background: none;
}

ul#tool_nav li a:hover span, ul#tool_nav li a:active span {
	display: inline;
	position: absolute;
	top: -15px;
	background: #f3f8fc;
	padding: .3em .5em;
	font-size: .8em;
	text-align: center;
	text-decoration: none;
	border: 1px solid #b0cadc;
	color: #636fa1;
}

#home_header_level2 {
	background: url('/images/design/home_header_level2-toolbox.jpg') top center no-repeat;
	width: 100%; height: 210px;
	padding-left: 1px;
	text-align: left;
}

div#home_header_level2 div {
	height: 210px; width: 1015px;
	margin: 0 auto;
	color: #333;
	position: relative;
}

div#home_header_level2 p {
	font-size: .9em;
	line-height: 1.5em;
	width: 530px;
	padding: 10px 0 0 130px;
}

div#home_header_level2 p span.highlight {
	color: #398fcc;
}

div#home_header_level2 p.fontsize_large {
	font-size: 1.2em;
	padding: 30px 0 0 50px;
}

#header_level2 {
	background: url('/images/design/header_level2.jpg') top center no-repeat;
	width: 100%; height: 58px;
	text-align: left;
}

div#header_level2 div {
	height: 58px; width: 1015px;
	margin: 0 auto;
	color: #333;
	position: relative;
}

div#header_level2 p {
	font-size: .9em;
	line-height: 1.5em;
	width: 600px;
	padding: 10px 0 0 30px;
}

div#header_level2 p.fontsize_large {
	font-size: 1.2em;
	width: 600px;
	padding: 35px 0 0 30px;
}

/****  Main  ****/

div#main {
	background: url('/images/design/main_bgr.png') top center no-repeat;
	text-align: left;
}

div#page {
	width: 995px;
	min-height: 500px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	font-size: .8em;
	color: #000;
	position: relative;
}

div#short_page {
	width: 735px;
	float: left;
}

#history
{
	margin: 5px 0 15px 0;
}

#history a, #history a:visited
{
	color: #777;
	text-decoration: underline;
}

#history a:hover, #history a:active
{
	color: #333;
	text-decoration: none;
}

div#page p {
	font-size: 1.1em;
	margin: .8em 0;
	line-height: 1.5em;
}

div#page ul {
	font-size: 1.1em;
}

div#edito_frame p {
	font-size: 1em;
	line-height: 1.7em;
}

div#page fieldset p {
	margin: .4em 0;
}



a, a:visited {
	text-decoration: none;
}

a.link, a.link:visited,
strong.link, strong.link:visited,
a, a:visited {
	color: #3f98d8;
}

a.link:hover, a.link:active,
a:hover, a:active,
div#page a.active_link {
	color: #f60;
}

#page .disabled {
	color: #999;
}

a:hover, a:active {
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

div#messagebox_warning {
	position: relative;
	width: 800px;
	text-align: left;
	margin: 10px auto 20px auto;
}
#page p.error_msg span {
	padding: 5px 5px 5px 30px;
	position: relative;
	background: #ffedcd url('/images/design/icons/error.png') 5px center no-repeat;
}

#page p.error_msg, #page p.success_msg {
	margin: 15px 0;
	text-align: center;
}

p.error_msg span, p.success_msg span {
	padding: .2em .5em;
}

div#messagebox_warning, p.error_msg span {
	border: 1px solid #ffbc46;
	background: #ffedcd;
}

p.success_msg span {
	border: 1px solid #ccfaae;
	background: #dffacd;
}

div#messagebox_warning p {
	margin-left: 40px;
	padding: 0 .3em;
}

div#messagebox_warning p, p.error_msg span {
	line-height: 1.5em;
	color: #f60;
}

p.success_msg span {
	line-height: 1.5em;
	color: #52a435;
}

div#home_leftside_column, div#home_center_column, div#home_rightside_column,
div#leftside_column, div#center_column, div#rightside_column {
	float: left;
}

div#home_leftside_column {
	width: 225px;
	padding-right: 15px;
}

div#home_center_column {
	padding-right: 15px;
	width: 455px;
}

div#home_rightside_column {
	width: 282px;
}

div#leftside_column {
	width: 290px;
	padding-right: 15px;
}

div#center_column {
	width: 440px;
	padding-right: 15px;
}

div#rightside_column {
	width: 235px;
}

.blue_heading, .red_heading, .violet_heading, .gray_heading, .orange_heading {
	color: #fff;
	font-weight: normal;
	font-size: 1.05em;
	height: 34px;
	padding-left: 10px;
}

.blue_heading span, .red_heading span, .violet_heading span, .gray_heading span, .orange_heading span {
	display: block;
	height: 29px;
	padding-top: 5px;
}

.blue_heading {
	background: #fff url('/images/design/blue_heading.png') left top no-repeat;
}

.red_heading {
	background: #fff url('/images/design/red_heading.png') left top no-repeat;
}

.violet_heading {
	background: #fff url('/images/design/violet_heading.png') left top no-repeat;
}

.gray_heading {
	background: #fff url('/images/design/gray_heading.png') left top no-repeat;
}

.orange_heading {
	background: #fff url('/images/design/orange_heading.png') left top no-repeat;
}

.blue_heading span {
	background: transparent url('/images/design/blue_heading_right.png') right top no-repeat;
}

.red_heading span {
	background: transparent url('/images/design/red_heading_right.png') right top no-repeat;
}

.violet_heading span {
	background: transparent url('/images/design/violet_heading_right.png') right top no-repeat;
}

.gray_heading span {
	background: transparent url('/images/design/gray_heading_right.png') right top no-repeat;
}

.orange_heading span {
	background: transparent url('/images/design/orange_heading_right.png') right top no-repeat;
}

.special_heading {
	background: #fff url('/images/design/special_heading.png') left top repeat-x;
	height: 26px;
	line-height: 26px;
	font-size: 1.05em;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
}

h3.title, h4.title {
	font-size: 1.1em;
	color: #000;
	margin: .8em 0 .6em 0;
	font-weight: bold;
}

h3.green_title {
	padding: 15px 0 0 0;
	color: #97cc00;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: .1em;
	text-transform: uppercase;
}

h2.title {
	font-size: 1.2em;
	color: #777;
	margin-top: .5em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #dfe8ef;
	padding-bottom: .4em;
}

#recommanded_books img.cover {
	height: 125px;
	border: 1px solid #000;
}

div.frame, div.frame2 {
	margin-top: 5px;
	margin-bottom: 10px;
	position: relative;
	padding: 0;
}

div.frame {
	border: 4px solid #eaeff3;
}

div.frame2 {
	border: 4px solid #fff6d1;
}

div.inner_frame1 {
	border: 1px solid #fff;
	padding: 0;
	position: relative;
}

div.inner_frame2 {
	padding: 5px;
	position: relative;
}

div.frame div.inner_frame2 {
	border: 1px solid #d6dde2;
}

div.frame2 div.inner_frame2 {
	border: 1px solid #ffe686;
	background: #fff url('/images/design/frame2_gradient.png') left top repeat-y;
}

div.gradient {
	background: #fff url('/images/design/gradient.png') left bottom repeat-x;
}

div.v_split_box {
	background: #fff url('/images/design/v_separator.png') center bottom no-repeat;
	min-height: 170px;
}

div.v_split_box div.box_part1, div.v_split_box div.box_part2 {
	padding: 5px 10px;
	width: 185px;
}

div.v_split_box div.box_part1 {
	float: left;
}

div.v_split_box div.box_part2 {
	float: right;
}

div.h_split_box {
	background: transparent url('/images/design/h_separator.png') right bottom no-repeat;
	padding: 10px;
}

div.active_site {
	background: transparent url('/images/design/active_site_bgr.png') left bottom no-repeat;
	padding: 10px;
}

div.support_frame ul {
	list-style: none;
}

div.support_frame ul li {
	padding: .2em .5em;
}

div.support_frame ul li img {
	vertical-align: middle;
	margin-right: 10px;
}

div.support_frame ul li a, div.support_frame ul li a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

div.support_frame ul li a:hover, div.support_frame ul li a:active {
	text-decoration: underline;
}

dt.jQuery img {
	position: absolute;
	right: 0px; top: -17px;
}

dt.gear {
	padding-bottom: 10px;
	padding-left: 20px;
	font-weight: bold;
}

dt.gear img {
	position: absolute;
	left: 5px; top: 5px;
}

ul.frame_list {
	list-style: none;
	color: #666;
}

ul.frame_list li a, ul.frame_list li a:visited {
	color: #666;
	text-decoration: none;
}

ul.frame_list li a:hover, ul.frame_list li a:active {
	color: #333;
	text-decoration: underline;
}

.frame_list li {
	line-height: 27px;
	height: 27px;
	padding: 0 8px 0 0;
	background: #fff url('/images/design/list_gradient_bgr.png') bottom left repeat-x;
}

#page .last {
	background: none;
}

ul.list {
	list-style: none;
	font-size: 1em;
	color: #333;
}

.list li {
	padding: .15em 8px .15em 0;
	line-height: 1.5em;
}

ul.list2 {
	list-style-type: disc;
	list-style-position: outside;
	font-size: 1.1em;
	color: #333;
	margin: 5px 0 10px 15px;
}

ul.list2 li {
	padding: .2em 0;
	line-height: 1.5em;
}

ul.inline li {
	display: inline;
}

ul.topic_quicklist {
	margin-bottom: 10px;
	list-style: none;
}

ul.topic_quicklist li {
	padding-bottom: 5px;
}

ul.topic_quicklist li div.title {
	background: url(/images/design/bullets/topic.png) left 3px no-repeat;
	text-indent: 20px;
}

ul.topic_quicklist li div {
	line-height: 1.5em;
	padding-bottom: .3em;
	font-size: .9em;
}

ul.topic_quicklist li a, ul.topic_quicklist li a:visited {
	color: #333;
	font-style: italic;
	text-decoration: none;
}

ul.topic_quicklist li div.title a {
	font-style: normal;
}

ul.topic_quicklist li a:hover, ul.topic_quicklist li a:active {
	text-decoration: underline;
}

.picture_frame {
	background: transparent url('/images/design/edito_image_frame.png') top left no-repeat;
	width: 194px; height: 94px;
	padding: 3px;
}

.news_bloc {
	padding: 0 5px 5px 5px;
}

/* .news_bloc {
	float: left;
	width: 200px;
	padding: 0 5px 5px 5px;
} */

.date {
	color: #999;
	letter-spacing: .1em;
	font-size: .95em;
}

.required, .price {
	color: #f60;
	font-weight: bold;
}

.required {
	font-size: 11pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	top: .3em;
}

.price {
	font-size: 1.1em;
}

.strike {
	color: #f60;
	text-decoration: line-through;
}

.news_bloc h3 {
	letter-spacing: .1em;
}

.frame_center p {
	font-size: .95em;
}

h3.service_icon {
	height: 65px;
	padding-left: 80px;
	margin-bottom: 10px;
	color: #999;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.4em;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center left;
}

#page .heading_link {
	position: absolute;
	top: -50px; right: 0;
	background: transparent url('/images/design/bullets/arrows.gif') center right no-repeat;
	padding: 0 15px 0 0;
}

#header_level1 div#adv_468x60, #home_header_level1 div#adv_468x60 {
	position: absolute;
	width: 468px; height: 60px;
	top: 30px; left: 320px;
	border: 1px solid #333;
	padding: 0;
}

div#adv_250x250 {
	position: relative;
	width: 250px;
	top: 30px; left: 20px;
	font-size: .9em;
}

div#adv_234x60 {
	position: relative;
	width: 234px;
	top: 20px; left: 20px;
}

.kitGraphik table {
	width: 115px;
	margin: 0 auto;
}

.kitGraphik table td {
	padding: 0;
}

div#adv_120x600 {
	position: absolute;
	right: -150px;
	width: 120px;
	font-size: .9em;
}

img.icon, img.icon2 {
	position: absolute;
	bottom: -12px; right: -10px;
}

img.icon2 {
	left: -20px; top: 0;
}

	/****  Puces  ****/

	p.bullet {
		background: url('/images/design/bullets/arrows.gif') left 7px no-repeat;
		text-indent: 15px;
	}

	td.bullet {
		background: url('/images/design/bullets/arrows.gif') 5px 10px no-repeat;
		padding-left: 20px;
	}

	li.gear_bullet a {
		display: block;
		background: transparent url('/images/design/bullets/gear_bullet.png') center left no-repeat;
		height: 27px;
		padding-left: 20px;
	}

	li.trash_bullet a {
		display: block;
		background: transparent url('/images/design/bullets/trash.png') center left no-repeat;
		height: 27px;
		padding-left: 25px;
	}

	li.pdf_bullet a {
		display: block;
		background: transparent url('/images/design/bullets/pdf.png') -1px center no-repeat;
		height: 27px;
		padding-left: 25px;
	}

	li.picture_bullet a {
		display: block;
		background: transparent url('/images/design/bullets/picture.png') left center no-repeat;
		height: 27px;
		padding-left: 25px;
	}

	li.sever_bullet a {
		display: block;
		background: transparent url('/images/design/bullets/serveur.png') left center no-repeat;
		height: 27px;
		padding-left: 25px;
	}

	li.blword_bullet a {
		display: block;
		background: transparent url('/images/design/bullets/blword.png') left center no-repeat;
		height: 27px;
		padding-left: 25px;
	}

	li.blip_bullet a {
		display: block;
		background: transparent url('/images/design/bullets/blip.png') 2px center no-repeat;
		height: 27px;
		padding-left: 25px;
	}

	/****  Couleurs codes HTML / PHP  ****/

	textarea#PlainCode {
		height: 60px; border: 1px dotted #ccc; width: 722px; padding: 5px;
	}

	div.dev_code_color {
		background: #f5f5f5; font-size: 1.2em; letter-spacing: .1em; border: 1px dotted #ccc; padding: 5px;
		overflow-y: auto; word-wrap: break-word; cursor: pointer; width: 722px;
	}

	div.dev_code_color .blue {
		color: blue;
	}

	div.dev_code_color .red {
		color: red;
	}

	div.dev_code_color .violet {
		color: #b634ff;
	}

	div.dev_code_color .green {
		color: #008000;
	}

	div.dev_code_color .orange {
		color: #f60;
	}

	div.dev_code_color .grey {
		color: #999;
	}

	/****  Boutons  ****/

	a.blue_orange_button, a.blue_orange_button:visited {
		color: #fff;
		display: block;
		background: #fff url('/images/design/buttons/button_blue_orange.png') top left no-repeat;
		width: 140px; height: 24px;
		text-decoration: none;
	}

	a.blue_orange_button span.btnr {
		display: block;
		background: transparent url('/images/design/buttons/button_blue_orange_right.png') top right no-repeat;
		width: 150px; height: 24px;
		line-height: 22px;
	}

	a.blue_orange_button:hover, a.blue_orange_button:active	{
		background-position: bottom left;
	}

	a.blue_orange_button:hover span.btnr, a.blue_orange_button:active span.btnr {
		background-position: bottom right;
	}

	span.button {
		display: block;
		height: 35px;
	}

	span.blue_btn {
		background: transparent url('/images/design/buttons/blue_button2.png') top left no-repeat;
	}

	span.blue_btn span {
		background: transparent url('/images/design/buttons/blue_button2_right.png') top right no-repeat;
	}

	span.blue_btn2 {
		background: transparent url('/images/design/buttons/blue_button.png') top left no-repeat;
	}

	span.blue_btn2 span {
		background: transparent url('/images/design/buttons/blue_button_right.png') top right no-repeat;
	}

	span.violet_btn {
		background: transparent url('/images/design/buttons/violet_button2.png') top left no-repeat;
	}

	span.violet_btn span {
		background: transparent url('/images/design/buttons/violet_button2_right.png') top right no-repeat;
	}

	span.orange_btn {
		background: transparent url('/images/design/buttons/orange_button.png') top left no-repeat;
	}

	span.orange_btn span {
		background: transparent url('/images/design/buttons/orange_button_right.png') top right no-repeat;
	}

	span.red_btn {
		background: transparent url('/images/design/buttons/red_button.png') top left no-repeat;
	}

	span.red_btn span {
		background: transparent url('/images/design/buttons/red_button_right.png') top right no-repeat;
	}

	span.gray_btn {
		background: transparent url('/images/design/buttons/gray_button2.png') top left no-repeat;
	}

	span.gray_btn span {
		background: transparent url('/images/design/buttons/gray_button2_right.png') top right no-repeat;
	}

	span.button span {
		display: block;
		height: 35px;
		line-height: 35px;
		text-align: center;
		font-size: .9em;
		padding: 0 1em;
	}

	span.button a, span.button a:visited {
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		text-transform: uppercase;
	}

	span.button a:hover, span.button a:active {
		text-decoration: underline;
	}

	/****  Plan du site  ****/

	#sitemap {
		margin-left: 20px;
	}

	#sitemap li {
		padding: .2em 0;
	}

	#page .sitemap_lv1 li {
		list-style-type: upper-roman;
	}

	#page .sitemap_lv2 li {
		font-size: .9em;
		list-style-type: upper-alpha;
	}

	#page .sitemap_lv3 li {
		list-style-type: disc;
	}

	#page .sitemap_lv1 li a.gras {
		color: #f60;
	}

	#page .sitemap_lv2 li a.gras {
		color: #3f98d8;
	}

	#page .sitemap_lv3 li a.gras {
		color: #000;
	}

	#sitemap li a.gras:hover, #sitemap li a.gras:active {
		text-decoration: underline;
	}

	/****  Publicité  ****/

	#google_top {
		margin: 10px auto 15px auto; width: 730px;
	}

	#adv_footer {
		margin-top: 35px; margin-bottom: 20px; width: 100%; height: 120px; background: #fff;
		text-align: left;
	}

	#adv_footer div.banner {
		padding-top: 10px;
	}

	#adv_footer div {
		font-size: .85em;
		width: 728px; height: 90px; margin: 0 auto;
		padding-top: 5px;
	}

	/****  Pagination  ****/

	div.pagination {
		height: 1.7em;
		font-size: .85em;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-left: 0;
	}

	div.pagination a {
		color: #809ebc !important;
		display: block;
		float: left;
		line-height: 16px;
		padding: 2px 6px;
		margin-right: 4px;
		text-decoration: none;
		background: #d7e2ed;
		border: 1px solid #baccdd;
	}

	div.pagination a:hover, div.pagination a.active {
		background: #9eb4cb;
		color: #fff !important;
	}

	/****  Tableaux  ****/

	table {
		font-size: 1em;
		width: 100%;
	}

	table td, table th {
		padding: 5px;
	}

	#main div.switch_site {
		z-index: 400; margin-bottom: 15px; margin-left: 15px; margin-top: 5px; width: 680px; float: left;
	}

	#main div.switch_site table input#titre_site {
		background: #fff url('/images/design/icons/refresh.png') 390px center no-repeat; width: 400px; border: 1px solid #e2e3ea; position: absolute; cursor: pointer; top: -2px;
	}

	table.gallery {
		text-align: center;
	}

	table.gallery td {
		width: 20%;
		vertical-align: top;
	}

	table.gallery td .gallery_inner {
		padding: 4px;
	}

	#main table.gallery td div.gallery_inner p {
		margin: 0;
	}

	#main table.gallery td div.gallery_inner p.version {
		font-size: .95em;
	}

	table.formulaire {
		width: 100%;
		font-size: 1.1em;
		margin: 15px auto 0 auto;
		border: 1px solid #e6e8f6;
	}

	table.formulaire td {
		padding: .5em;
		vertical-align: top;
		background: #f5f5f5;
	}

	table.formulaire td.title {
		width: 50%;
		background: #f8f8f8;
	}

	table.formulaire td.field {
		width: 50%;
		padding-left: .8em;
	}

	table.formulaire .hint, .hint {
		font-size: .85em;
		letter-spacing: .1em;
		color: #999;
		font-style: normal;
	}

	table.formulaire th {
		padding: 15px 10px 10px 0;
		color: #97cc00;
		font-weight: bold;
		font-size: 1.1em;
		letter-spacing: .1em;
		text-transform: uppercase;
	}

	#page table.table, #page table.inactive_table {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		border-collapse: collapse;
	}

	#page table.table td, #page table.table th {
		border: 1px solid #d9e4ed;
		line-height: 1.5em;
		font-size: 1.05em;
	}

	#page table.inactive_table td, #page table.inactive_table th {
		border: 1px dotted #d9e4ed;
	}

	table.table th {
		background-color: #e9eff5;
		color: #3f99d8;
		font-family: 'Trebuchet ms', Arial, Verdana, Helvetica, sans-serif;
	}

	table.inactive_table th {
		background-color: #f3f7f9;
		color: #3f99d8;
		font-family: 'Trebuchet ms', Arial, Verdana, Helvetica, sans-serif;
	}

	table.table td.fonctionnalite {
		text-indent: 30px;
		background: url('/images/design/bullets/bullet.png') 20px center no-repeat;
	}

	table.table th.highlight
	{
		background-color: #3f99d8;
		color: #e9eff5;
	}

	textarea.code {
		width: 99%;
		height: 80px;
		font-size: 1.2em;
		line-height: 1.4em;
		color: #666;
	}

	input.code {
		width: 500px;
		padding: .2em .4em;
	}

	div#page td p.important {
		padding-top: 5px;
		margin-right: 10px;
		margin-top: 0;
		color: #999;
		font-size: .95em;
		letter-spacing: .1em;
		color: #999;
	}

	div#page td p.important em {
		font-style: normal;
		text-decoration: underline;
	}

	table#statistiques table.graph {
		width: 100%;
	}

	table#statistiques table.graph td {
		border: 0;
	}

	table#statistiques table tr td.colonne1 {
		width: 20%;
		text-align: right;
	}

	table#statistiques table tr td.colonne2 {
		width: 80%;
		text-align: left;
	}

	/****  Abonnements  ****/

	span.Basic, a.Basic {
		color: #567095;
	}

	span.Silver, a.Silver {
		color: #727272;
	}

	span.Gold, a.Gold {
		color: #fea436;
	}

	div.souscrire_abo {
		width: 322px;
		float: left;
	}

	#page div.souscrire_abo p.sublink {
		margin-left: 15px;
	}

	div.souscrire_abo ul {
		list-style: none;
		margin-left: 10px;
	}

	div.souscrire_abo ul li {
		height: 30px;
		white-space: nowrap;
		line-height: 30px;
	}

	ul.souscrire_abo {
		list-style: none;
		margin-bottom: 15px;
		height: 88px;
	}

	ul.souscrire_abo li,
	div.souscrire_abo .abo_basic, div.souscrire_abo .abo_silver, div.souscrire_abo .abo_gold {
		position: relative;
		height: 88px;
		width: 322px;
		background-color: #fff;
		background-position: top left;
		background-repeat: no-repeat;
	}

	ul.souscrire_abo li {
		float: left;
	}

	ul.souscrire_abo li.basic, .abo_basic {
		background-image: url('/images/design/souscrire_basic.gif');
	}

	ul.souscrire_abo li.silver, .abo_silver {
		margin-left: 0;
		background-image: url('/images/design/souscrire_silver.gif');
	}

	ul.souscrire_abo li.gold, .abo_gold {
		margin-left: 0;
		background-image: url('/images/design/souscrire_gold.gif');
	}

	#main div.souscrire_abo a.btn, #main div.souscrire_abo a.btn:visited,
	#main ul.souscrire_abo li a.btn, #main ul.souscrire_abo li a.btn:visited {
		position: absolute;
		text-align: center;
		color: #fff;
		line-height: 24px;
		bottom: 13px; right: 13px;
		width: 101px; height: 24px;
		display: block;
		text-decoration: none;
		background: transparent url('/images/design/buttons/souscrire.gif') top left no-repeat;
	}

	#main div.souscrire_abo a.btn:hover, #main div.souscrire_abo a.btn:active,
	#main ul.souscrire_abo li a.btn:hover, #main ul.souscrire_abo li a.btn:active {
		background: transparent url('/images/design/buttons/souscrire.gif') bottom left no-repeat;
	}

	#main div.souscrire_abo span.demo,
	#main ul.souscrire_abo li span.demo {
		position: absolute;
		top: 20px; right: 20px;
		font-weight: bold;
		font-size: 1.2em;
		color: #f60;
	}

	#main ul.souscrire_abo li span.demo a {
		position: relative;
		top: .08em;
	}

	/****  Hébergements  ****/

	ul.souscrire_heb {
		list-style: none;
		margin-bottom: 15px;
		height: 88px;
	}

	ul.souscrire_heb li {
		position: relative;
		float: left;
		height: 88px;
		width: 322px;
		background-color: #fff;
		background-position: top left;
		background-repeat: no-repeat;
	}

	ul.souscrire_heb li.eco {
		background-image: url('/images/design/souscrire_heb_eco.gif');
	}

	ul.souscrire_heb li.medium {
		margin-left: 0;
		background-image: url('/images/design/souscrire_heb_medium.gif');
	}

	ul.souscrire_heb li.pro	 {
		margin-left: 0;
		background-image: url('/images/design/souscrire_heb_pro.gif');
	}

	#main ul.souscrire_heb li a.btn {
		position: absolute;
		text-align: center;
		color: #fff;
		line-height: 24px;
		bottom: 10px; right: 13px;
		width: 90px; height: 20px;
		display: block;
		text-decoration: none;
		background: none;
	}

	/****  Formulaires  ****/

	form fieldset {
		border: 0; padding: 0;
	}

	input.icon_checkbox, input.icon_radio {
		position: absolute; left: -9999px;
	}

	label.checklabel, label.radiolabel {
		display: block;
		height: 14px;
		padding-left: 17px;
		margin-left: 6px;
	}

	label.checklabel {
		background: transparent url('/images/design/form_items/checkbox.png') bottom left no-repeat;
	}

	label.radiolabel {
		background: transparent url('/images/design/form_items/radio.png') bottom left no-repeat;
	}

	textarea, input, select {
		font-family: 'Trebuchet ms', Arial, Verdana, Helvetica, sans-serif;
		font-size: 10pt;
	}

	fieldset#Login_area {
		display: block;
		padding: 5px;
		border: 0;
	}

	fieldset#Login_area .sublinks {
		font-size: 8.8pt;
	}

	fieldset#Login_area img {
		position: absolute;
		background: transparent url('/images/design/icons/login_icons.png') left -68px no-repeat;
		bottom: -12px; right: -10px;
		width: 66px; height: 68px;
	}

	fieldset#Login_area input.field {
		height: 16px;
		border: 1px solid #ccc;
		width: 120px;
	}

	fieldset#Login_area p.logins {
		color: #666;
	}

	fieldset#Login_area p.boxes, p.sublink {
		color: #000;
	}

	fieldset.fieldbloc {
		background: #f5f5f5;
		border: 1px solid #e6e8f6;
		padding: 10px;
		margin-bottom: 10px;
	}

	fieldset.width300 {
		width: 300px;
	}

	fieldset.width400 {
		width: 400px;
	}

	fieldset.width500 {
		width: 500px;
	}

	span.block {
		display: block;
		padding-top: 5px;
	}

	ul.sublinks {
		list-style: none;
	}

	ul.sublinks li {
		background: transparent url('/images/design/bullets/arrows.gif') center left no-repeat;
		padding: .1em 0 .1em 15px;
		line-height: 1.5em;
	}

	#page p.sublink {
		background: transparent url('/images/design/bullets/arrows.gif') center left no-repeat;
		padding:  0 0 0 15px;
		font-size: 9.5pt;
	}

	p.sublink a, p.sublink a:visited,
	ul.sublinks li a, ul.sublinks li a:visited {
		text-decoration: none;
	}

	p.sublink a:hover, p.sublink a:active,
	ul.sublinks li a:hover, ul.sublinks li a:active {
		text-decoration: underline;
	}

	#page #short_page table.formulaire td.title {
		width: 40%;
	}

	#page  table.formulaire td.field {
		width: 80%;
	}

	#page table.form40_60 td.title,
	#page #short_page table.form40_60 td.title {
		width: 40%;
	}

	#page table.form60_40 td.title,
	#page #short_page table.form60_40 td.title {
		width: 60%;
	}

	#page table.form30_70 td.title,
	#page #short_page table.form30_70 td.title {
		width: 30%;
	}

	#page table.form50_50 td.title
	#page #short_page table.form50_50 td.title {
		width: 50%;
	}

	#page table.form50_50 td.field,
	#page #short_page table.form50_50 td.field {
		width: 50%;
	}

	#page table.form40_60 td.field,
	#page #short_page table.form40_60 td.field {
		width: 60%;
	}

	#page table.form30_70 td.field,
	#page #short_page table.form30_70 td.field {
		width: 70%;
	}

	.submit input {
		font-size: 1em;
		font-weight: bold;
		margin-top: 10px;
		cursor: pointer;
		padding: 3px;
	}

	input.field, td.field textarea {
		width: 400px;
	}

	#page table.form50_50 input.field {
		width: 330px;
	}

	#page table.form60_40 input.field {
		width: 250px;
	}

	td.field select, td.field textarea, td.field input {
		padding: .2em .4em;
		color: #333;
	}

	select.select {
		width: 397px;
	}

	select.short_select {
		width: 200px;
	}

	select.tiny_select {
		min-width: 50px;
		_width: 60px;
	}

	input.short_field {
		width: 50%;
	}

	input.tiny_field {
		width: 10%;
	}

	input.large_field {
		width: 90%;
	}

	div.palette_couleurs {
		position: absolute; visibility: hidden; background: #fff; border: 2px solid #e6e8f6; font-size: 1px; z-index: 1; left: 150px; top: 0;
	}

	div#toolbar {
		position: relative;
		background-color: transparent;
		background-repeat: repeat-x;
		background-position: top left;
	}

	div#toolbar img.buttonout {
		vertical-align: middle;
	}

	div#palette_couleurs img.color_pickup {
		border: 0; width: 13px; height: 13px; vertical-align: middle; margin-right: 5px; border: solid 1px #D4D4D4;
	}


	/****  Infosbulles  ****/

	a.infobulle {
		position: relative;
		text-decoration: none;
		cursor: help;
	}

	a.infobulle span {
		display: none;
		text-decoration: none;
	}

	a.infobulle:hover span, span.info_field {
		text-decoration: none;
		position: absolute;
		padding: 3px 5px;
		background: #fff;
		line-height: 1.4em;
		border: 1px solid #3f99d8;
		border-left: 4px solid #3f99d8;
		color: #000;
	}

	a.infobulle:hover span {
		display: block;
		width: 250px; height: auto;
		bottom: 20px;
		z-index: 1000;
	}

	span.info_field {
		z-index: 500;
		width: 200px; height: auto;
		bottom: 20px;
		left: 0;
	}


/****  Footer  ****/

div#footer {
	background: #3d3d3d url('/images/design/footer_level1.png') top left repeat-x;
	height: 371px; width: 100%;
	text-align: left;
	font-size: .8em;
}

div#footer_nav {
	width: 995px;
	height: 309px;
	margin: 0 auto;
	color: #3d3d3d;
	position: relative;
	padding-left: 20px;
}

div#footer_nav dl {
	margin: 20px 10px 0 0;
	width: 222px;
	float: left;
	/* background: transparent url('/images/design/footer_nav_separator.png') right top repeat-y; */
	background: none;
}

div#footer_nav dl#partenaires {
	width: 245px;
}

div#footer_nav dl.last {
	background: none;
}

div#footer_nav dt {
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 10px;
}

div#footer_nav dd {
	background: transparent url('/images/design/footer_nav_bullet.png') left .45em no-repeat;
	padding: 0 0 .5em 1em;
}

div#footer_nav dd.more_button, div#footer_nav dd.partenaires_button {
	padding-top: 10px;
	background: none;
}

div#footer_nav dd a, div#footer_nav dd a:visited,
div#footer_legals a, div#footer_legals a:visited {
	color: #ccc;
	text-decoration: none;
}

div#footer_nav dd a:hover, div#footer_nav dd a:active,
div#footer_legals a:hover, div#footer_legals a:active {
	color: #fff;
	text-decoration: underline;
}

div#footer_legals {
	height: 40px;
	text-align: center;
	padding-top: 10px;
	color: #fff;
}

div#footer_legals dl#partenaires {
	margin-top: 5px;
}

div#footer_legals dl#partenaires dt, div#footer_legals dl#partenaires dd {
	display: inline;
}

div#footer_legals dl#partenaires dd a.bold, div#footer_legals dl#partenaires dd a.bold:visited {
	color: #fff;
	text-decoration: underline;
}

div#footer_legals dl#partenaires dd a.bold:active, div#footer_legals dl#partenaires dd a.bold:hover {
	text-decoration: none;
}

div#footer_legals dl#partenaires .not-homepage {
	display: inline;
}

div#staff_info {
	width: 230px; height: 234px;
	position: relative;
	margin-top: 30px;
	float: left;
}

div#staff_info #pictures {
	height: 68px; width: 232px;
	float: left;
}

div#staff_info #pictures img {
	margin-right: 1px;
}

#staff_pop_message {
	border: 1px solid #3d3d3d; border-top: 0;
	width: 230px; height: 165px;
	position: absolute;
	bottom: 0; left: 0;
	background: url('/images/design/staff_message_bgr.png') repeat;
}