/* Bonnes bases */
html, body { height:100%; }
* { margin:0; padding:0; }
/* Agencement */
div.container{ width:982px; margin:0 auto; }
div.wrapper { clear:both; float:left; width:982px; }
div.contents { margin:0 0 0 212px; }
div.aside { float:left; width:212px; margin:0 0 0 -982px; }
div.separator { clear:both; }
/* Mise en page */
body { font-family:Myriad, Arial, sans-serif; font-size:12px; line-height:15px; }
div.sbody { background:#e1e1e1 url(../images/background.png) repeat-y top center; }

div.container { background:#e1e1e1 url(../images/background.png) repeat-y top center; }
div.scntr { background:url(../images/header.jpg) no-repeat left top; }

ul#shortcuts { display:block; height:15px; margin:0 10px 0 0; list-style-type:none; text-align:right; font-size:10px; }
ul#shortcuts li { display:inline; padding:0 0 0 5px; border-left:1px solid #b2b2b2; }
ul#shortcuts a { color:#b2b2b2; text-decoration:none; }
ul#shortcuts a:hover { color:#000; }
ul#shortcuts li:first-child { border-left:0; }

p#sugslog { padding:15px 10px 0 0; font-size:12px; text-align:right; }
p#sugslog a { color:#00a0c6; text-decoration:none; }

div#header { height:195px; }
div#header h1 { float:left; width:190px; height:64px;  }
div#header h1 a { display:block; width:190px; height:64px; background:url(../images/logo.png) no-repeat center center; }
div#header a span { display:none; }

div.menu ul { display:block; margin:0 auto 0 324px;  list-style-type:none; }
div.menu li { float:left;  }
div.menu a { display:block;  background:no-repeat center center; }
body.langfr div.menu a#menu-index { width:167px; height:37px; background-image:url(../images/fr/menu_vote.png); }
body.langfr div.menu a#menu-index:hover { background-image:url(../images/fr/menu_vote_hover.png); }
body.langfr div.menu a#menu-top_30 { width:145px; height:37px; background-image:url(../images/fr/menu_top_30.png); }
body.langfr div.menu a#menu-top_30:hover, div.menu a#top_30.selected { background-image:url(../images/fr/menu_top_30_hover.png); }
body.langfr div.menu a#menu-galerie { width:147px; height:37px; background-image:url(../images/fr/menu_galerie.png); }
body.langfr div.menu a#menu-galerie:hover, div.menu a#galerie.selected { background-image:url(../images/fr/menu_galerie_hover.png); }
body.langfr div.menu a#menu-creation { width:190px; height:37px; background-image:url(../images/fr/menu_creation.png); }
body.langfr div.menu a#menu-creation:hover, div.menu a#creation.selected { background-image:url(../images/fr/menu_creation_hover.png); }
body.langen div.menu a#menu-index { width:167px; height:37px; background-image:url(../images/en/menu_vote.png); }
body.langen div.menu a#menu-index:hover { background-image:url(../images/fr/menu_vote_hover.png); }
body.langen div.menu a#menu-top_30 { width:145px; height:37px; background-image:url(../images/fr/menu_top_30.png); }
body.langen div.menu a#menu-top_30:hover, div.menu a#top_30.selected { background-image:url(../images/fr/menu_top_30_hover.png); }
body.langen div.menu a#menu-galerie { width:147px; height:37px; background-image:url(../images/fr/menu_galerie.png); }
body.langen div.menu a#menu-galerie:hover, div.menu a#galerie.selected { background-image:url(../images/fr/menu_galerie_hover.png); }
body.langen div.menu a#menu-creation { width:190px; height:37px; background-image:url(../images/fr/menu_creation.png); }
body.langen div.menu a#menu-creation:hover, div.menu a#creation.selected { background-image:url(../images/fr/menu_creation_hover.png); }

div.contents { padding:53px 10px 0 10px; }


div.aside div.box { margin:0 12px 5px 0; }
div.aside div.box h2 { background:url(../images/encart_shape_default.png) no-repeat bottom left; padding:32px 0 0 10px; font-size:14px; }
div.aside div.box h2 a, div.aside div.box h2 strong { color:#fff; font-weight:bold; }
div.aside div.box div.bcontent { background:#edf2d1 url(../images/encart_medium_top.png) no-repeat top right; padding:10px 0 0 0; }
div.aside div.box div.sbcnt { background:url(../images/encart_medium_bottom.png) no-repeat bottom right; padding:0 0 10px 0; _height:55px; min-height:55px; color:#666666; }
div.aside div.box.small div.bcontent { background:#edf2d1 url(../images/encart_small_bottom.png) no-repeat bottom right; padding:0 0 4px 0; }
div.aside div.box.small div.sbcnt { background:url(../images/encart_small_top.png) no-repeat top right; padding:3px 0 0 0; _height:16px; min-height:16px; }
div.aside div.box.big div.bcontent { background:#edf2d1 url(../images/encart_big_top.png) no-repeat top right; padding:10px 0 0 0; }
div.aside div.box.big div.sbcnt { background:url(../images/encart_big_bottom.png) no-repeat bottom right; padding:0 0 10px 0; _height:73px; min-height:73px; }
div.aside div.box.none div.bcontent { background:none; padding:10px 0 0 0; }
div.aside div.box.none div.sbcnt { background:none; padding:0 0 10px 0;}


div.aside div.box ul, div.aside div.box ol { list-style-type:none; padding:0 10px; }
div.aside div.box ul li:before { content:'- '; }
div.aside div.box h3, div.aside div.box p { padding:0 10px; font-weight:normal; font-size:12px; }
div.aside div.box li {  }
div.aside div.box a { color:#666666; text-decoration:none; }
/*div.aside div.box p { margin:5px 10px; padding:10px; border:2px solid #b5c943; background:#fff; color:#3db6ce; font-size:1.1em; font-weight:bold; text-align:center; }*
div.aside div.box.small p, div.aside div.box.member p  { padding:0 15px; border:none; background:transparent; color:#666666; font-size:0.9em; font-weight:normal; text-align:left; }*/

div.aside div.box.boxmember div.bcontent  a { text-decoration:underline; }
div.aside div.box.boxmember h2 { background-image:url(../images/encart_shape_member.png); }

div.aside div.box.boxnews h2 { background-image:url(../images/encart_shape_news.png); }
div.aside div.box.boxnews h3:before { content:'- '; }

div.aside div.box.boxbasket h2 { background-image:url(../images/encart_shape_basket.png); }
div.aside div.box.boxbasket div.sbcnt { padding:0; }
div.aside div.box.boxbasket p { padding:0; }
div.aside div.box.boxbasket ul.items {  height:55px; background:#fff; margin:10px 10px; padding:10px; color:#000; font-size:10px; overflow:auto; }
div.aside div.box.boxbasket p.btotal { display:block; float:right; padding:0 10px 0 0; }
body.langfr div.aside div.box.boxbasket a.more { display:block; float:left; background:url(../images/fr/payement_button.png) no-repeat center bottom; height:19px; width:106px; }
body.langen div.aside div.box.boxbasket a.more { display:block; float:left; background:url(../images/fr/payement_button.png) no-repeat center bottom; height:19px; width:106px; }
div.aside div.box.boxbasket a.more span { display:none; }

div.aside div.box.boxgift h2 { background-image:url(../images/encart_shape_gift.png); }

div.aside div.box.boxplus h2 { background-image:url(../images/encart_shape_plus.png); }
div.aside div.box.boxplus ul li { background:url(../images/advantage.gif) no-repeat center left; padding:0 0 0 20px; }
div.aside div.box.boxplus ul li:before { content:''; }

div.aside div.box.boxfaq h2 { background-image:url(../images/encart_shape_ask.png); }

div.aside div.box.boxpartner h2 { background-image:none; }

body.langfr div.aside div.box.boxpayment { background:url(../images/fr/logo_payer.png) no-repeat center center; height:60px; }
body.langen div.aside div.box.boxpayment { background:url(../images/fr/logo_payer.png) no-repeat center center; height:60px; }
div.aside div.box.boxpayment div.bcontent, body.langfr div.aside div.box.boxpayment div.sbcnt { background:none; }
div.aside div.box.boxpayment p { display:none; }

div.contents { clear:both; }

div.footer { clear:both; background:url(../images/footer.png) no-repeat bottom center; }
div.footer ul { margin:15px 0 0 0; padding:45px 160px 25px 0; list-style-type:none; text-align:right; font-size:10px; }
div.footer li { display:inline; padding:0 0 0 5px; border-left:1px solid #b2b2b2; }
div.footer li:first-child { border-left:0; }
div.footer a { color:#b2b2b2; text-decoration:none; }
div.footer a:hover { color:#000; }

/* Traitement de texte */
/* Titres */
div.content h2, div.content h3, div.content h4, div.content legend { font-family:Verdana, Arial, sans-serif; font-weight:normal; }
div.content h2 { background:url(../images/default_title.png) no-repeat left bottom; font-size:18px; padding:20px 0 15px 60px; margin:0 0 20px 0; color:#9e9e9e; text-align:left; }
div.content h3 { font-size:12px;  margin:45px 0 20px 0; color:#000; font-weight:bold; }
div.content h4 { font-size:11px; padding:0 0 0 30px; color:#00a0c6; margin:35px 0 20px 0; text-decoration:underline; }
div.content h5 { font-size:11px; padding:0 0 0 35px; color:#b2b2b2; margin:25px 0 10px 0; }
div.content h6 { font-size:11px; padding:0 0 0 35px; color:#b2b2b2; margin:25px 0 10px 0; }
div.content dt { font-size:11px; padding:0 0 0 35px; color:#000; margin:25px 0 10px 0; }
/* Contenus */
div.content a { color:#9e9e9e; }
div.content a:hover { text-decoration:underline; }
/*div.content ol, ul, dd, p, label { margin-left:20px; margin-right:20px; }*/
div.content ul li { list-style-type:none; background:url(../images/dot.png) no-repeat left 3px; padding-left:15px; }
div.content dt { margin:15px 0 0 0; }
div.content p { text-indent:0; text-align:justify; margin:10px 0;  }
div.content code { text-align:left; }
div.content em { text-decoration:underline; font-style:normal; color:#00a0c6; }
div.content strong { font-weight:bold; color:#9e9e9e; }
div.content q { font-style:italic; color:#9e9e9e; }
div.content q:before { content:"\201C"; }
div.content q:after { content:"\201D"; }
div.content blockquote {
	font-family:Georgia, "times new roman", serif;
	margin:15px 0 15px 15px;
	padding:15px;
	-moz-border-radius:18px;
	text-align:left;
	}
div.content address {
	font-family:"Courier New", monospace;
	margin:15px 0 15px 15px;
	padding:15px;
	-moz-border-radius:18px;
	text-align:left;
	}
div.content pre {
	_width:90%;
	overflow:auto;
	font-family:"Courier New", monospace;
	margin:15px 0 15px 15px;
	padding:15px;
	-moz-border-radius:18px;
	text-align:left;
	}
div.content img { border-style:none; margin:10px; }
div.content kbd { border:1px solid #888; padding:1px 2px; }
div.content kbd { border:3px outset #F3F3F3; background-color:#F3F3F3; padding:0px 2px; cursor:default; }
div.content kbd:hover { border:3px inset #F3F3F3; }
div.content abbr, acronym { cursor:help; }
/* Formulaires */
div.content fieldset { border:1px solid #8c8c8c; margin:0 0 15px 0; padding:5px 10px; -moz-border-radius:10px; background:url(../images/fieldset-bg.png) repeat-x left bottom; }
div.content legend { font-size:1.2em; font-weight:bold; color:#8c8c8c; text-align:right; }
div.content label { color:#8c8c8c; font-size:1.1em; font-weight:bold; }
div.content fieldset p { text-align:left; text-indent:0;  }
div.content span.submit input { color:#fff; background:#8e8e8e; border:1px solid #dbdbdb; }
div.content span.radio, div.content span.select , div.content span.input, div.content span.password, div.content span.textarea { display:block; margin:2px 0 0 0; }
div.content textarea, div.content span.input input, div.content span.password input { width:95%; _clear:both; _width:90%;  }
div.content optgroup { padding:0 0 0 10px; }
div.content fieldset span small.format, div.content fieldset span small.required  { display:none; }
div.content fieldset span.invalid  small.format, div.content fieldset span.invalid  small.required  { display:inline; color:#ff0000; }
/* Tableaux */
div.content table { border:1px solid #9e9e9e; border-collapse:collapse; width:100%; margin:auto; overflow: visible;  margin-bottom: 10px; }
div.content th { font-family:Verdana, sans-serif; border:1px dotted #9e9e9e; padding:5px; }
div.content td { font-family:Arial, sans-serif; font-size:0.9em; border:none; padding:5px; text-align:center; }
div.content caption { font-family:Verdana, sans-serif; font-weight:bold; font-size:1.2em; margin:10px; text-align:center; }
/* Pages */
div.content p.page { clear:both; text-align:center; line-height:17px; vertical-align:top;  }
div.content p.page a[rel=Prev] { background:url(../images/default_previous.png) no-repeat center left; padding:0 17px 0 0; }
div.content p.page a[rel=Next] { background:url(../images/default_next.png) no-repeat center right; padding:0 17px 0 0; }
div.content p.page a[rel=Prev] span, div.content p.page a[rel=Next] span { display:none; }

/* Ajout tootip */
.top { top:0; }
.right { right:0; }
.bottom { bottom:0; }
.left { left:0; }

#xtooltipId {
        display:none;
        position:absolute;
        background: #3bacd1;
		color:#fff;
        width: 180px;
        border: 1px solid #00a0c6;
        line-height:1.4em;
        padding:0 0.5ex;
		font-weight:bold;
		/*-moz-opacity:0.6; 
		opacity: 0.6; 
		filter:alpha(opacity=60);
		_height:1px; min-height : 1px;*/
}