/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;list-style-position:outside;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing:0;}
a {outline:none;}

html {height:100%;}
body {background-color:#000;color:#000; font-family: 'Open Sans', sans-serif;font-size:13px;
    height:100%;min-height:820px;position:relative;}
#wrap {width:1180px;height:750px;padding:0;margin:0 auto;top:39px;position:relative;overflow:hidden;zoom:1;}

#content {float:left;width:730px;padding:130px 0 20px 0;}

#footer {background:url(i/footer.png) 0 0 repeat;height:0;overflow:hidden;}
#footer .inner {width:1180px;margin:0 auto;padding:20px 0 50px 0;background:url(i/footer.inner.png) 150px bottom no-repeat;position:relative;}
#footer address {color:#fff;font-size:12px;float:left;width:150px;margin:0 150px 15px 150px;line-height:1.5;font-style:normal;
    display:-moz-inline-stack;display:inline-block;_overflow:hidden;zoom:1;*display:inline;}
#footer address a {text-decoration:none;color:#fff;}
#footer address a:hover {text-decoration:underline;}
#footer address strong {font-size:14px;font-weight:bold;line-height:2;}
#footer ul.links {font-size:14px;color:#fff;margin-bottom:15px;width:700px;overflow:hidden;zoom:1;
    display:-moz-inline-stack;display:inline-block;*display:inline;}
#footer ul.links li {float:left;width:350px;}
#footer ul.links a {text-decoration:none;display:block;color:#fff;}
#footer ul.links img {vertical-align:middle;margin-right:10px;}

#bottom {width:100%;left:0;bottom:0;position:absolute;}

#footer-toggle {width:730px;margin:0 auto;text-align:left;position:relative;z-index:2; margin:20px 0 0 -5px;}
#footer-toggle a {text-decoration:none;outline:none;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;filter: alpha(opacity=100)!important;opacity:1!important;}


.logo {position:absolute;left:0;top:0;}
.wrap{zoom:1;overflow:hidden;}
.article {overflow:hidden;background:url(i/article.png) 0 0 no-repeat;padding:40px 50px 15px 30px;width:650px;height:370px;
    margin-bottom:30px;position:relative;}
.article .inner {overflow:hidden;position:relative;font-family:'Open Sans', sans-serif!important;}
.article .inner a { color:#77216F; text-decoration:underline; }
.article .inner a:hover { text-decoration:none; }

.article .aside {width:170px;margin-right:30px;float:left;}
.article blockquote {margin:0 50px 25px 0;width:200px;float:left;}

.landing {margin-bottom:30px;}

.options { float:right; }
.options a { color:#333; }

.aside-fixed {width:675px!important;padding-right:25px!important;}
.aside-fixed .inner {padding-right:25px!important;}
.youtube {width:480px;height:305px;padding:19px 18px;overflow:hidden;zoom:1;background:url(i/youtube.png) 0 0 no-repeat;}
.youtube a {position:relative;display:block;height:100%;text-decoration:none;}
.youtube span {position:absolute;top:253px;left:0;background-color:#77216F;color:#fff;font-size:13px;padding:5px;line-height:1.2;
	width:210px;overflow:hidden;height:30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity:0.9;}
ul.banners strong {font-size:13px;font-weight:bold;}

p {margin-bottom:20px;line-height:1.4;}
h1 {color:#77216F;font-size:28px;font-weight:bold;margin-bottom:25px;font-family:'Crimson Text';text-transform:uppercase;}
h2 {color:#77216F;font-size:28px;font-weight:bold;margin-bottom:15px;font-family:'Crimson Text';}
h2.black {color:#000!important;}
h3 {color:#7C6A55;font-size:21px;font-weight:bold;margin-bottom:10px;font-family:'Crimson Text';border-bottom:1px solid #77216F;}
h4 {color:#404040;font-size:14px;margin-bottom:10px;}
.news h4 {font-weight:bold;}
div.sub-nav {color:#404040;font-size:14px;font-weight:normal;}
div.sub-nav a { text-decoration:underline;color:#404040; font-weight:bold;}
div.sub-nav a:hover { text-decoration:none;}

blockquote {/*font-family:'Crimson Text';font-style:italic;color:#77216F;font-size:17px;margin-bottom:10px;}
blockquote p {line-height:1;}
blockquote .author {font-weight:bold;*/}
blockquote a { color:#77216F; text-decoration:none; }
blockquote a:hover { text-decoration:underline; }
strong { font-weight:bold; }
em, i { font-style:italic;}
ul.simple {font-size:17px;color:#7C6A55;font-weight:bold;}
ul.simple li {margin-bottom:5px;}
ul.simple a {text-decoration:none;color:#7C6A55;}
ul.simple .cur {color:#77216F;}
ul.simple .cur a {color:#77216F;}
.article div.news img {border:5px solid #ccc;}
ul.news li {border-bottom:1px solid #77216F;margin-bottom:25px;overflow:hidden;zoom:1;padding-bottom:5px;}
ul.news a.img {display:block;float:left;margin-right:15px;width:120px;height:70px; overflow:hidden; border:5px solid #ccc;}
ul.news a.img img {display:block;width:120px;height:auto;}
ul.news p {font-size:12px;margin-bottom:5px;}
ul.news a.more {font-size:12px;font-style:italic;color:#77216F;}
div.news p {margin-bottom:10px;font-size:12px;}
div.news ul { list-style-type: disc; margin-left: 5px; padding-left: 10px; }
div.news ol { list-style-type: decimal; list-style-position: inside; margin-left: 5px; padding-left: 10px; }
div.news ul li, div.news ol li { display: list-item; margin:0; padding:0; }

/* main nav */
#nav {float:left;margin:0 30px 0 150px;width:270px;padding-top:160px;font-family:'Crimson Text';position:relative;z-index:1;}
#nav li {margin:0 0 5px 0;}
#nav li.separator {margin-top:30px;}
#nav ul {display:none;margin:10px 0 20px 0;}
#nav li.cur ul {display:block;}
#nav ul li {margin:3px 0 6px 15px; padding-right:20px;}
#nav a, #nav .cur ul a {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);opacity:0.6;
    text-decoration:none;}
#nav .cur a, #nav .cur .cur a {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1;}
#nav a:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;filter: alpha(opacity=100)!important;opacity:1!important;}
#nav li a {color:#fff;font-size:32px;font-weight:normal;}
#nav ul li a {color:#fff;font-size:18px;}

/* gallery */
.gallery {margin:0;width:720px; height:445px;overflow:hidden;}
.gallery li {float:left;margin:0 20px 10px 0;}
.gallery img {width:160px;height:110px;display:block;overflow:hidden;}
.gallery a {display:block;}
.order { float:right; display:block; width:80px; padding:2px 4px; margin:5px 0 0 0; background-color:#333; color:#ccc; text-decoration:none; text-align:center;  -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; line-height:1.4; font-size:12px; }
.order:hover { background-color:#77216F; color:#fff; }

/* pages */
.pages {min-width:125px;padding:5px 15px 5px 20px;background-color:#a59d95;font-size:11px;font-weight:bold;color:#fff;
    overflow:hidden;zoom:1;margin:0 0 20px 0;}
.pages li {float:left;margin-right:5px;}
.pages a {color:#fff;text-decoration:none;}
.pages a:hover {color:red;}
.pages .cur {color:#77216f;}
.pages .cur a {color:#77216f;}

/* banners */
ul.banners {margin:0 0 20px 0;overflow:hidden;zoom:1;position:relative;width:750px;left:-9px}
ul.banners li {float:left;width:220px;height:120px;margin-left:13px;overflow:hidden;padding:10px;background:url(i/ul.banners.li.png) 0 0 no-repeat;}
ul.banners li.first {margin-left:0;}
ul.banners a {position:relative;display:block;height:100%;text-decoration:none;}
ul.banners img {width:100%;height:100%;}
ul.banners span {position:absolute;top:79px;left:0;background-color:#77216F;color:#fff;font-size:11px;padding:3px;line-height:1.1;
	width:210px;overflow:hidden;height:26px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);opacity:0.9;}
ul.banners strong {font-size:13px;font-weight:bold;}

/* scrollbar */
.viewport { width: 100%; height: 370px; overflow: hidden; position: relative; }
.overview { width:100%; list-style: none; position: absolute; left: 0; top: 0; }
.thumb .end,
.thumb { background-color: #ac7aa7; }
.scrollbar { position: absolute; right: 22px; top: 35px; width: 10px; z-index:3}
.track { background-color: #fff; height: 100%; width:10px; position: relative; padding: 0; }
.thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.thumb .end { overflow: hidden; height: 5px; width: 10px; }
.disable{ display: none; }

.aside-fixed .viewport { height:300px; }
.aside-fixed .scrollbar { right: 0; top: 0;}

/* social icons */
ul.nav-social {position:absolute;right:0;top:10px;}
ul.nav-social li {float:left;margin-left:5px;}
ul.nav-social a {display:block;}
ul.nav-social img {}

/* Lang */
ul.nav-social li.lang { font-weight:bold; color:#fff; padding:6px 0 0 15px;}
ul.nav-social li.lang a { font-weight:bold; color:#fff; display:inline; text-decoration:none; font-size:11px; }
ul.nav-social li.lang a:hover {text-decoration:underline; }

/* wallpaper */
#wallpaper {position:fixed;_position:absolute;overflow:hidden;top:0;left:0;z-index:-1;overflow:hidden;width:100%;}
#wallpaper img {position:relative;display:block;}

/* page-gallery */
.page-gallery .pages {float:right;margin-bottom:40px;margin-right:15px;margin-top:10px;}
.page-gallery .gallery {margin-left:15px;}

/* page-index */
.page-index #wrap {width:850px;}
.page-index #content {margin-left:345px;width:505px;padding:198px 0 0 0;}
.page-index .logo {top:235px;}
.page-index .entrer {position:absolute;top:430px;left:95px;}
.page-index .enter {position:absolute;top:465px;left:95px;}
.page-index .home-links {position:absolute;top:525px;left:0px; width:330px; text-align:center;}
.page-index .home-links a { color:#fff; font-family:'Open Sans', sans-serif!important; font-size:13px; text-align:center; text-transform:uppercase; text-decoration:none; }
.page-index .home-links a:hover { text-decoration:underline; }
.page-index .design {text-transform:uppercase;color:#fff;font-size:10px;position:absolute;bottom:170px;right:0;}

/* standard form */
form ol {zoom:1;overflow:hidden;padding:10px 0;margin:0 0 20px 0;}
form ol li {float:left;margin-bottom:7px;min-height:30px;width:100%;position:relative;}
form label {float:left;width:100%;}
form label.inline {display:inline;float:none;line-height:30 px;margin-right:10px;}
form label.inline span.name {display:inline;padding:0 5px;float:none;text-transform:none;}
form span.name {float:left;width:96px;padding:7px 10px 0 0;font-size:13px;color:#000;text-align:left;
    height:23px;white-space:nowrap;line-height:1;}
form span.req {color:red;}
form .comment {font-size:13px;color:#000;font-style:italic;font-weight:normal;}
form fieldset {position:relative;}
form legend {margin-bottom:5px;}

form ol.inline  { }
form ol.inline li {width:auto;margin-right:4px;}
form ol.inline span.name {height:auto;padding:0;float:none;width:auto;display:block;line-height:1;margin-bottom:5px;}
form ol.inline label.error { display:none!important;}
/* errors */
form p.err {margin:0;color:#c1001f;font-size:13px;padding-left:106px;}
form ul.err {}
form ul.err li {}
form .error {margin:0;color:#c1001f;font-size:13px;padding-left:106px; border-color:#c1001f!important;}

/* no-name control(s) */
form li.padded {padding-left:106px;}
form li.padded p.err {padding-left:0;}
form li.padded ul.err {}

/* buttons */
form p.btn {text-align:right;position:relative;}

/* inputs */
select {font-family:'Open Sans','Crimson Text',sans-serif;font-size:13px;color:#000;}
textarea {font-family:'Open Sans','Crimson Text',sans-serif;font-size:13px;color:#000;overflow:auto;padding:5px;font-size:13px;}
input {font-family:'Open Sans','Crimson Text',sans-serif;font-size:13px;color:#000;}
input.facultatif { background-color:#E4E2DF!important; }
input.txt {width:193px;border:1px solid #A49C94;padding:5px;font-size:13px;}
input.txt.w207 {width:193px;}
input.txt.w140 {width:124px;}
input.txt.w100 {width:88px;}
input.txt.w80 {width:68px;}
input.txt.w60 {width:48px;}
label.inline input.cb {}
input.radio{width:13px;height:13px;padding:0;margin:0;vertical-align:bottom;}
label.inline input.radio {position:relative;top:-1px;*overflow:hidden;}
input.btn {overflow:visible;}

h3 small {font-size:13px;font-style:italic;}
.col1-2 {width:50%;float:left;overflow:hidden;}
.col2-2 {width:50%;float:left;overflow:hidden;}
.page-form h3 {color:#76206E;border:none;}