body { background: url(/lib/img/bkg_body.png) repeat-y center; }
#main .content { width: 570px; float:left; margin-bottom:20px; }
h1 { font-size:20px; margin-bottom:1.5em; text-transform:uppercase; color:#2c2924; padding-bottom:0.5em; border-bottom:1px solid #2c2924; }
h2 { font-size:16px; color:#000; margin-bottom:0.9em; margin-top:1.7em; font-family:Arial, Helvetica, sans-serif; }
.notes { padding: 12px; border: 1px solid #ccc; background:#e7e7e7; font-style:italic; clear:both; margin-bottom:3em!important; }
#home .notes { padding: 4px 12px; }
.btn { background:url(/lib/img/bkg_gradientBrown.gif) repeat-x; width:146px; height:48px; border:1px solid #cac7b5; padding:5px 10px; color:#fff!important; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px #000; }
.pad.right { margin: 0 0 15px 22px; }
.pad.left { margin: 0 22px 15px 0; }
.pad.left.xl { margin: 0 22px 50px 0; }
.p li { background: url(/lib/img/accept.png) no-repeat 0 2px; text-indent:2em; padding-bottom:0.2em }
.p ul.normal li { background:none; padding-bottom:0.5em; padding-left:2em; text-indent:0; }
.p ul.normal li:before { content: "\2022 \0020"; }
.btn_glossy { border: 1px solid #8ec1da; background-color: #ddeef6; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; -o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; -webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; -moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #cbe6f2, 0 0 3px #8ec1da; color: #3985a8; text-shadow: 0 1px #fff; padding: 5px 30px; }
#main a { color:#638c9f; font-weight:bold; text-decoration:none; }
#main a:hover { text-decoration:underline; }
#header { background:#2c2924; width:100%; }
#wrapper { width: 948px; margin:0 auto; }
#main { width:592px; margin:0 auto; float:left; padding-bottom:50px; padding-top:40px; background:#fff; border-right:1px solid #D2CEBB; padding-right:18px; }
#sidebar { width:298px; float:right; padding-left:32px; margin:40px 0 50px 0; }
#footer { background:#2c2924; width:100%; clear: both; padding-bottom:30px; }
#footer #container { width:948px; margin:0 auto; padding:33px; }
#footer .box { width:226px; float: left; margin-left:80px; }
#footer .box ul a { font-weight:normal; }
#footer .box h2 { color:#c6c3b5; font-size:17px; font-weight:bold; letter-spacing:-0.02em; border-bottom:1px solid #000000; padding-bottom:13px; margin:0; }
#footer .box .footText { border-top:1px solid #4b463d; padding-top:24px; color:#9a9b8e; }
#footer .box .footText a { color:#9a9b8e; }
#footer .box .footText p.mail a { color:#feed01; }
#copyright { background:#000; text-align:center; color:#666; font-size:10px; border-top:1px solid #4b463d; padding:2px 0; }
#copyright a { color:#666; }
#copyright a:hover { color:#fff; }
.thinBorder { background:#fffcea; padding:1px; border:1px solid #b3afa4; }
ul#language { text-align:right; font-size:0.8em; padding:10px 50px 0 0; }
ul#language li { display: inline; margin-left:1em; }
ul#language li a { color:#9c927d; background:#575147; padding:2px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-decoration:none; font-weight:normal; }
ul#language li a:hover { background:#2c2924; }
#header h1 { background-image: url(/lib/img/sprite.png); background-position: -289px 0; width: 107px; height: 106px; text-indent:-9999px; margin: 0 auto; padding:0; margin-bottom:30px; }
#header h1 a { display:block; width: 107px; height: 106px; }
/* Nav */
#nav { margin: 0 auto; text-align:center; }
#nav ul { margin-top:30px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:0 auto; width:980px; }
#nav ul li { display: inline; margin-right:30px; }
#nav ul li:last-child { margin-right:0; }
#nav ul li a { color: #c6c3b5; padding:5px; text-decoration:none; text-shadow: 0 1px #000; }
#nav ul li a.special { color: #feed01; }
#nav ul li a:hover { color: #fff; text-decoration:none; }
#nav blockquote { color:#b7ad99; height:30px; background:#575147; font-size:0.8em; line-height:30px; overflow:hidden; }
#j_nav { position: relative; padding-bottom:25px }
#navPointer { position: absolute; bottom: 0px; left: 0; background-image: url(/lib/img/sprite.png); background-position: -401px 0; width: 31px; height: 20px; }
.here a { color: white !important; }
#navPointer:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */
#home .here, #newsletter .here { position: absolute; left:-200px; }
/* News */
#home #news { width: 568px; height: 320px; background:#f9f9f9; border:1px solid #e7e7e7; }
#home .items { width:20000em; position:absolute; clear:both; }
#home .newsbox { width: 590px; height: 320px; float:left; margin-bottom:20px; }
#home .items img { margin-left:20px; }
#home .navi { margin-left:268px; width:200px; height:20px; }
#home .navi a { width:8px; height:8px; float:left; margin:3px; background:url(/lib/img/scrollable/arrow/navigator.png) 0 0 no-repeat; display:block; font-size:1px; cursor:pointer; }
#home .navi a:hover { background-position:0 -8px; }
#home .navi a.active { background-position:0 -16px; }
#home .newsbox h4 { font-size:1.4em; line-height:1em; margin-bottom:1em; }
.vignettes { width:196px; height:313px; background:url(/lib/img/vi_bkg.png) 0 0 no-repeat; float:left; margin-bottom:30px; }
dl { margin:18px; height:273px; font-size:0.8em; }
dl#vi_gaston { background:#337e94; text-shadow:#3d96b0 1px 1px; }
dl#vi_marsu { background:#2d7a4e; text-shadow:#36935e 1px 1px; }
dl#vi_others { background:#8f7886; text-shadow:#a58a9b 1px 1px; }
dl dt a { display:block; text-indent:-9999px; width:196px; height:163px; background:url(/lib/img/vi_personnages.png) 0 0 no-repeat; float:left; }
.es dl dt a { background:url(/lib/img/vi_personnages-es.png) 0 0 no-repeat; }
.en dl dt a { background:url(/lib/img/vi_personnages-en.png) 0 0 no-repeat; }
dl#vi_gaston dt a { background-position:5px 0; }
dl#vi_gaston dt a:hover { background-position:5px -169px; }
dl#vi_marsu dt a { background-position: -192px 0; }
dl#vi_marsu dt a:hover { background-position:-192px -169px; }
dl#vi_others dt a { background-position: -390px 0; }
dl#vi_others dt a:hover { background-position: -390px -169px; }
dl dd { padding:15px; line-height:1.32em; height:200px; }
#main dl span a { padding:3px 7px; display:block; text-align:center; margin:10px; color:white; font-weight:bold; font-size:1.1em; text-shadow:none; text-decoration:none; }
#main dl span a:hover { text-decoration:none; }
dl#vi_gaston span a { background:#235766; border:1px solid #3d96b0; }
dl#vi_gaston span a:hover { background:#3d96b0; }
dl#vi_marsu span a { background:#205637; border:1px solid #36935e; }
dl#vi_marsu span a:hover { background:#36935e; }
dl#vi_others span a { background:#5c4d56; border:1px solid #a58a9b; }
dl#vi_others span a:hover { background:#a58a9b; }
#bannerFC { margin:0 auto; width:585px; }
#socialBox { width:298px; height:122px; background:#638c9f; border:#ece6d6 1px solid; border-bottom:none; position:relative; margin-top:0px; }
#socialBox ul { float:left; width:73px; }
#socialBox li { margin: 6px 0 0 14px; text-indent:-9999px; background-image: url(/lib/img/sprite.png); width: 32px; height: 32px; }
#socialBox li#facebook { background-position: -89px 0; }
#socialBox li#facebook a, #socialBox li#twitter a, #socialBox li#rss a { display:block; width: 32px; height: 32px; }
#socialBox li#twitter { background-position: -252px 0; }
#socialBox li#rss { background-position: -215px 0; }
#socialBox #bird { background-image: url(/lib/img/sprite.png); background-position: 0 0; width: 58px; height: 72px; position:absolute; top:-37px; right:-18px; }
#socialBox #socialTip { background-image: url(/lib/img/sprite.png); background-position: -741px 0; width: 8px; height: 13px; position:absolute; top:56px; left:66px; }
#socialBox #speechBox { width: 210px; height: 100px; background:#b9c9ce; float:left; clear:right; margin:12px 0 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:#537585 1px solid; }
#socialBox #speechBox p { display:table; text-align:center; padding-top:10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; width:200px; margin-left:3px; height:80px; }
#socialBox #speechBox p span { display:table-cell; vertical-align:center; height:80px; }
#socialBox #speechBox p a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; display:block; font-style:normal; color:#557888; }
#socialBox #speechBox p.rssfeed a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:normal; display:block; color:#022332; text-decoration:underline; }
#emailBox { background-image: url(/lib/img/sprite.png); background-position: -437px 0; width: 298px; height: 42px; border:#ece6d6 1px solid; border-top:none; }
#emailBox form { padding:10px; float:right; }
#emailBox form input[type=text] { font-size:10px; width:175px; color:#496674; height:18px; border:1px solid #4c6b79; padding-left:4px; }
#emailBox form .button { font-size:0.9em; width:29px; height:22px; color:#496674; border:1px solid #4c6b79; font-weight:bold; }
#marsuProConnect { width:298px; margin-top:16px; }
#marsuProConnectTitle { height:23px; background:#5c564a; padding:11px; position:relative; border-bottom:1px solid #b1a68e; }
#marsuProConnectTitle .lock { background-image: url(/lib/img/sprite.png); background-position: -126px 0; width: 64px; height: 44px; position:absolute; top:0; right:0; }
#marsuProConnectTitle h3 { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:16px; font-weight:bold; text-transform:uppercase; line-height:16px; }
#marsuProConnectTitle h3 span { color:#feed01; }
#marsuProConnectTitle h4 { font-family:Arial, Helvetica, sans-serif; color:#dbd8b0; font-size:10px; font-weight:normal; text-transform:uppercase; line-height:10px; }
#marsuProConnectForm { height:108px; background:#8e8572; padding-top:0.2em; }
#marsuProConnectForm label { width:108px; float: left; text-align:right; margin-right: 0.5em; margin-top:0.5em; display: block; font-family:Arial, Helvetica, sans-serif; color:#24221d; text-transform:uppercase; font-size:11px; line-height:21px; text-shadow: 1px 1px 1px #aa9e89; clear:left; }
#marsuProConnectForm input { color: #781351; background: #c1baa8; border: 1px solid #7f7766; margin-top:0.5em; width:131px; }
#marsuProConnectForm .button { color: #000; background: #feed01; border: 1px solid #655e51; width:42px; height:22px; box-shadow: 1px 1px 1px #756e5e; margin-left:9.5em; line-height:10px; font-size:12px; font-weight:bold; cursor:pointer; display:block; margin-right:3em; float:left; }
#marsuProConnectForm a { color: #feed01; line-height:10px; font-size:10px; text-decoration:underline; margin-top:1.3em; }
#marsuProConnectForm p.disponible { color: #fff; font-size:10px; text-align:center; margin-top:1.3em; background:#096; border-top:1px solid #fff; }
#bannerPub { margin-top:16px; padding:10px; background:#ddd7c5; border:1px solid #cec9b8; height:406px; }
#bannerPub p { background:#aeab9c; height:45px; text-align:center; padding-top:25px; }
#bannerPub p a { background:url(/lib/img/bkg_gradientBrown.gif) repeat-x; width:146px; height:48px; border:1px solid #cac7b5; padding:5px 10px; color:#e6e1cd; font-weight:bold; text-transform:uppercase; text-shadow:1px 1px #000; }
#bannerPub p a:hover { color:#fff; }
/* News */
/*SCROLLABLE*/
.scrollable { /* required settings */
	position:relative; overflow:hidden; width: 150px; height:620px; float:left; }
.scrollable .link { float:left; padding-top:138px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size: 20px; color: #ccc; text-align: center; width:40px; }
.scrollable .items { /* this cannot be too large */
	width:20000em; position:absolute; clear:both; }
#home #news { width: 558px; height: 320px; background:#f9f9f9; border:1px solid #e7e7e7; padding:10px; padding-bottom:20px; margin-bottom:20px; }
#home .scrollable { width: 558px; height: 330px; position:relative; overflow:hidden; }
#home .items { width:20000em; position:absolute; clear:both; }
#home .newsbox { width: 560px; height: 320px; padding-left:20px; float:left; }
#home .items img { margin-left:20px; }
#home .navi { margin-left:268px; width:200px; height:20px; }
#home .navi a { width:8px; height:8px; float:left; margin:3px; background:url(/lib/img/scrollable/arrow/navigator.png) 0 0 no-repeat; display:block; font-size:1px; cursor:pointer; }
#home .navi a:hover { background-position:0 -8px; }
#home .navi a.active { background-position:0 -16px; }