@import url('fonts.css');

html, body { margin: 0; padding: 0; border: 0 none; }
body { font-size: 18px; line-height: initial; background-position: center; background-repeat: no-repeat; background-attachment: fixed; }

progress::-webkit-progress-bar { background: none; }
progress::-webkit-progress-value { background: #da274f; }
progress::-moz-progress-bar { background: #da274f; }

.nofloat { float: none !important; }

/* -- */
@media (min-width: 1280px) {
  .container { width: 1250px; }
}

/* -- */
#header, #main, #footer { margin: 0; }
#header .container, #main .container, #footer .container {	background-color: #ffffff; }
#main > .container > .row { position: relative; }
#footer { margin-top: 1em; }

/* -- Navigation */
#site-navigation { position: relative; }
#site-navigation .menu-btn { position: absolute; z-index: 9; right: 0; height: 1.777em; padding-right: 10px; line-height: 1.777em; background-color: #c8c4c1; cursor: pointer; }
#site-navigation .menu-btn .icon { display: block; float: left; width: 1.777em; height: 1.777em; margin-right: 10px; background: #928d87 url(../img/icon-arrow-left.png) no-repeat left center; }
#site-navigation ol { position: absolute; z-index: 10; right: 0; min-height: 100%; margin: 0; padding: 0; list-style: none; background-color: rgba(255,255,255,.9); }
#site-navigation ol li { }
#site-navigation ol li a { display: block; padding: 0 15px; text-align: right; font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 1.05em; line-height: 2.000em; color: #261201; background: no-repeat right center; text-decoration: none; transition: .3s;  }
#site-navigation ol li a:focus,
#site-navigation ol li a:hover { padding-left: 0; padding-right: 35px; background-image: url(../img/icon-arrow-right.png); }
#site-navigation ol li.menu-item-1 a { background-color: #560d16; color: #ffffff; }
#site-navigation ol li.menu-item-2 a { background-color: #7c584a; color: #ffffff; }
#site-navigation ol li.menu-item-3 a { background-color: #a78e70; }
#site-navigation ol li.menu-item-4 a { background-color: #c9b793; }
#site-navigation ol li.menu-item-5 a { background-color: #698882; }
#site-navigation ol li.menu-item-6 a { background-color: #1a6e79; color: #ffffff; }
#site-navigation ol li.menu-item-7 a { background-color: #ffffff; font-size: 0.889em; }
#site-navigation ol li.menu-item-3 a:focus,
#site-navigation ol li.menu-item-3 a:hover,
#site-navigation ol li.menu-item-4 a:focus,
#site-navigation ol li.menu-item-4 a:hover,
#site-navigation ol li.menu-item-7 a:focus,
#site-navigation ol li.menu-item-7 a:hover { background-image: url(../img/icon-arrow-right-black.png); }

#main-navigation { padding: 0 15px; background-color: #898989; }
#main-navigation ol { margin: 0; padding: 0; list-style: none; background: url(../img/px-FFFFFF-40.png) 0 1.63em repeat-x; }
#main-navigation ol li { float: left; margin: 0; padding: 0; line-height: 1.6em; }
#main-navigation ol li:after { content: "|"; padding: 0 .5em;  }
#main-navigation ol li.last-child:after { content: ""; }
#main-navigation ol li a { font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 0.889em; color: #ffffff; transition: .3s; }
#main-navigation ol li.active a { color: #000000; }

#site-breadcrumbs { padding: 0 15px; line-height: 1.5em; }
#site-breadcrumbs ol { margin: 0; padding: 0; list-style: none; }
#site-breadcrumbs ol li { float: left; margin: 0; padding: 0; }
#site-breadcrumbs ol li:after { content: "-"; padding: 0 .3em; font-size: 0.667em;  }
#site-breadcrumbs ol li.last-child:after { content: ""; }
#site-breadcrumbs ol li a { font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 0.667em; color: #333333; transition: .3s; }

#date-navigation { margin-bottom: 5px; padding: 0; line-height: 1.6em; font-family: "museo300", Helvetica, Verdana, sans-serif; font-size: 1.111em; background-color: #ebebeb; color: #999690; }
#date-navigation ol { margin: 0; padding: 0; list-style: none; overflow: hidden; }
#date-navigation ol li { float: left; width: 15.3%; min-width: 60px; margin: 0; padding: 0 1.6%; }
#date-navigation ol li.last-child { width: auto; padding-right: 0; }
#date-navigation ol li.disabled { color: #cac9c7; }
#date-navigation ol li.enabled { font-family: "museo700", Helvetica, Verdana, sans-serif; color: #5a8590; }
#date-navigation .bg-5 { background: url(../img/date-nav-bg.gif) 78.5% top no-repeat; }

#footer-partner { }
#footer-partner ol { margin: 10px 20px 6px; padding: 0; list-style: none; overflow: hidden; }
#footer-partner ol li { float: left; margin: 0; padding: 0; }
#footer-partner ol li a { display: block; height: 107px; text-indent: -9999px; overflow: hidden; word-wrap: no-wrap; transition: .3s; }
#footer-partner ol li .link-mcc { margin-right: 30px; width: 49px; height: 64px; background: url(../img/footer-logo-mcc.gif) no-repeat; }
#footer-partner ol li .link-mcc:focus,
#footer-partner ol li .link-mcc:hover { background-image: url(../img/footer-logo-mcc-color.gif); }
#footer-partner ol li .link-anom { width: 48px; height: 68px; background: url(../img/footer-logo-anom.gif) no-repeat; }
#footer-partner ol li .link-anom:focus,
#footer-partner ol li .link-anom:hover { background-image: url(../img/footer-logo-anom-color.gif); }

#footer-navigation { margin-top: 37px; font-family: Arial, Helvetica, sans-serif; font-size: 0.667em; overflow: hidden; text-align: right; }
#footer-navigation ol { margin: 0; padding: 0; list-style: none; }
#footer-navigation ol li { display: inline; margin: 0 20px; padding: 0; }
#footer-navigation ol li:first-child { margin-left: 0; }
/*#footer-navigation ol li:last-child { margin-right: 0; }*/
#footer-navigation ol li a { color: #58544d; opacity: .6; transition: .3s; }
#footer-navigation ol li a:focus,
#footer-navigation ol li a:hover { opacity: 1; }

#footer-social {}
#footer-social ol { margin: 35px 0 0 0; padding: 0; list-style: none; }
#footer-social ol li { float: left; margin: 0 0 0 18px; padding: 0; }
#footer-social ol li a { display: block; width: 23px; height: 23px; text-indent: 100%; overflow: hidden; transition: .3s; }
#footer-social ol li .link-twitter { background: url(../img/icon-logo-twitter.png) no-repeat; }
#footer-social ol li .link-facebook { background: url(../img/icon-logo-facebook.png) no-repeat; }
#footer-social ol li .link-pinterest { background: url(../img/icon-logo-pinterest.png) no-repeat; }

/* -- Titles */
#site-title .title { margin-top: 18px; margin-bottom: 8px; font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 2.222em; color: #999690; line-height: 1em; letter-spacing: -1px; }
#site-title .title a { color: inherit; text-decoration: inherit; }
#site-title .title strong { font-weight: normal; }
#main-title { background-repeat: no-repeat; background-position: left center; background-color: #696969; }
#main-title a { color: inherit; text-decoration: inherit; }
#main-title .title { margin-top: 12px; margin-bottom: 12px; padding-left: 65px; font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 1.944em; color: #ffffff; line-height: 1em; letter-spacing: -1px; }
.page-content .title { margin-bottom: 20px; padding-left: 15px; font-size: 1.222em; font-weight: bold; background: url(../img/dot-blue.gif) center left no-repeat; }

/* -- Tools */
#page-tools { overflow: hidden; }
#page-tools .icon { display: block; float: left; width: 1.777em; height: 1.777em; margin-right: 3px; text-indent: 100%; overflow: hidden; }
#page-tools .tool-fontsize { background: #bdb8b4 url(../img/icon-tool-fontsize.gif) center no-repeat; }
#page-tools .tool-print { background: #bdb8b4 url(../img/icon-tool-print.gif) center no-repeat; }
#page-tools .tool-pagination { float: right; font-family: "museo300", Helvetica, Verdana, sans-serif; font-size: 0.889em; line-height:0.889em; color: #999690; }
#page-tools .tool-pagination a { margin-left: .2em; padding: 6px 2px; font-family: "museo700", Helvetica, Verdana, sans-serif; text-align: center; color: #c7c6c3; }
#page-tools .tool-pagination a.prev, #page-tools .tool-pagination a.next { color: #999690; }
#page-tools .tool-pagination a.active { display: inline-block; width: 1.6em; height: 1.6em; padding: 6px; color: #ffffff; background-color: #bdb8b4; }

/* -- Extended */
.glossary-container { position: absolute; padding: 1em; max-width: 200px; font-size: 0.750em; color: #ffffff; background-color: #494949; /*border: 1px solid #bebebe; box-shadow: 1px 1px 10px #fff;*/ }
.glossary { display: inline-block; color: inherit; line-height: .9em; text-decoration: none; border-bottom: 1px dotted #bbbbbb; cursor: help; }
.glossary:focus, .glossary:hover { color: #000; text-decoration: none; }
.external { padding-right: 12px; background: url(../img/icon-external-link.gif) no-repeat center right; } 
.pdf, .lienpdf { padding-right: 15px; background: url(../img/icon-file-pdf-mini.png) no-repeat center right; } 

/* -- Page */
#page-column { padding: 0 35px; font-family: "Times New Roman", Times, serif; color: #423d37; }
#page-column .page-header { margin: 0; padding: 0; border: 0 none; }
#page-column .page-header .title { margin-top: 15px; margin-bottom: 30px; font-family: "gotham_bold", Helvetica, Verdana, sans-serif; font-size: 1.667em; color: #696969; }
#page-column .page-header .subtitle { margin-top: -15px; margin-bottom: 20px; font-size: 1.667em; font-weight: normal; }
#page-column .intro { margin-bottom: 40px; font-weight: bold; line-height: initial; }
#page-column .page-content { padding-bottom: 1em; text-align: justify; }
#page-column .page-content ul { padding: 0; list-style: none; }
#page-column .page-content ul li { padding-left: 40px; background-image: url(../img/bullet-5C1721.gif); background-repeat: no-repeat; background-position: 23px 9px; }
.home #page-column .page-header .title { position: absolute; z-index: 3; font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 4.444em; color: #ffffff; background-repeat: no-repeat; }
.home #page-column .page-header .intro { position: absolute; z-index: 2; right: 138px; top: 125px; max-width: 666px; margin: 0; padding: 0; font-family: 'EB Garamond', 'Adobe Garamond Pro', serif; }
.home #page-column .page-header .intro .quote-content { position: relative; float: right; width: 305px; margin: 0; padding: 20px 15px; line-height: 1.177em; font-size: 1.667em; font-weight: normal; text-align: right; background: url(../img/px-FFFFFF-80.png); border: 0 none; }
.home #page-column .intro .first-quote { position: absolute;  display: block; top: -15px; left: 21px; width: 48px; height: 37px; text-indent: 100%; background: url(../img/icon-laquo.png) no-repeat; overflow: hidden;  }
.home #page-column .intro .last-quote { position: absolute; display: block; bottom: -15px; right: 13px; width: 33px; height: 26px; text-indent: 100%; background: url(../img/icon-raquo.png) no-repeat; overflow: hidden; }
.home #page-column .intro figcaption { clear: both; padding-top: 20px; font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 0.833em; text-align: right; font-weight: normal; }
.home #page-column .intro figcaption strong { font-family: "gotham_medium", Helvetica, Verdana, sans-serif; font-weight: normal; }
.home #page-column .home-video { position: absolute; z-index: 1; top: 36px; right: 87px; height: 405px; background-repeat: no-repeat; }
.home #page-column .home-video .video-progress { display: block; width: 100%; height: 5px; color: #da274f; border: 0 none; }
.home #page-column .home-video .video-control { display: block; height: 32px; width:200px; padding-left: 40px; padding-right: 10px; line-height: 32px; font-family: "gotham_light", Helvetica, Verdana, sans-serif; color: #261201; background: url(../img/btn-play-video.png) no-repeat left center; }

/* -- Documents */
#document-column { float: right; min-height: 100%; background-color: #494949; overflow: hidden; }
#document-column .document-header .title,
#document-column .document-footer .btn-document { margin: 0 -15px; font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 1em; line-height: 1.788em; color: #999690; }
#document-column .document-footer .btn-document,
#document-column .document-header .title a { display: block; color: #999690; text-decoration: none; } 
#document-column .document-footer .btn-document .icon,
#document-column .document-header .title .icon { display: block; float: left; width: 1.777em; height: 1.777em; margin-right: 7px; background: #65605a url(../img/icon-arrow-left.png) center no-repeat; }
#document-column.extended .document-footer .btn-document .icon,
#document-column.extended .document-header .title .icon { background-image: url(../img/icon-arrow-right.png); }
#document-column .document-content figure { width: 355px; margin: 10px 15px; background-color: #716c66; }
#document-column .document-content figure img { width: 100%; }
#document-column .document-content figcaption { clear: both; position: relative; min-height: 38px; padding: 10px 40px 10px 10px; color: #ffffff; font-family: "Times New Roman", Times, serif; line-height: 1em; background-repeat: no-repeat; background-position: right 10px top 15px; }
#document-column .document-content figcaption em { font-size: 0.889em; }
#document-column .document-content figcaption .detail { display:block; line-height:1em;padding-top:0.5em; font-size: 0.7em; }
#document-column .document-content .single {}
#document-column .document-content .multi figcaption { min-height: 76px; background-image: url(../img/icon-multi.gif); }
#document-column .document-content .book figcaption { min-height: 76px; background-image: url(../img/icon-book.gif); }
#document-column .document-content .link-plus { position: absolute; right: 10px; bottom: 15px; width: 32px; height: 32px; text-indent: 100%; background: url(../img/icon-plus.gif) no-repeat; overflow: hidden; }

/* -- Block pays */
.menu-land { margin-top: 35px; margin-bottom: 20px; padding: 0; list-style: none; }
.menu-land .menu-item { margin-bottom: 15px; padding-left: 0 !important; background: none !important; }
.menu-land .menu-item a { display: block; font-family: "gotham_bold", Helvetica, Verdana, sans-serif; font-size: 1.222em; line-height: 1.5em; background-color: #e9e8e6; color: #5f5647; text-decoration: none; transition: .3s }
.menu-land .menu-item a:focus,
.menu-land .menu-item a:hover { background-color: #8ea9b0; color: #ffffff; }
.menu-land .menu-item a:focus .icon,
.menu-land .menu-item a:hover .icon { background-color: #2a7e89; }
.menu-land .menu-item .icon { display: block; float: left; width: 1.45em; height: 1.45em; margin-right: 12px; background-color: #c6c2bf; background-position: center; background-repeat: no-repeat; transition: .3s }
.menu-land .guadeloupe .icon { background-image: url(../img/icon-guadeloupe.png); }
.menu-land .martinique .icon { background-image: url(../img/icon-martinique.png); }
.menu-land .guyane .icon { background-image: url(../img/icon-guyane.png); }
.menu-land .reunion .icon { background-image: url(../img/icon-reunion.png); }
.menu-land .senegal .icon { background-image: url(../img/icon-senegal.png); }

/* -- CAT - INTRO */
body.intro { background-color: #630c19; background-image: url(../img/bg-body-intro.jpg); background-position: top center; background-attachment: initial; }
body.intro #header .container,
body.intro #main .container,
body.intro #footer .container {	background-color: transparent; }
body.intro #site-navigation .menu-btn { display: none; }
body.intro #site-navigation .menu-content { position: relative; display: block !important; width: 100%; margin-top: 32px; background-color: transparent; }
body.intro #site-navigation .menu-content a { float: right; clear: right; line-height: 1.99em; font-size: 1.389em; }
body.intro #site-navigation .menu-content a:hover { padding-left: 15px; }
body.intro #site-navigation .menu-content .menu-item-7 a { font-size: 1.111em; line-height: 2.5em; }
body.intro #site-title .title { padding-left: 39.5%; margin-top: 5px; font-size: 4.167em; color: #ffffff; }
body.intro #site-title .title strong { display: block; font-family: "gotham_bold", Helvetica, Verdana, sans-serif; font-weight: bold; text-indent: -44px; }
body.intro #page-column .page-header .title { margin-top: 40px; margin-left: 67%; font-family: "gotham_light", Helvetica, Verdana, sans-serif;font-size: 1.111em; font-weight: normal; color: #a78e70;}

body.intro #page-column .page-header .title a {font-family: "gotham_bold", Helvetica, Verdana, sans-serif; color: #a78e70; text-decoration: underline;background: url(../img/flechehome.png) top right no-repeat;padding: 0 49px 15px 0; }
body.intro #footer-navigation { text-align: right; }
body.intro #footer-navigation ol li { margin: 0 10px; }
body.intro #footer-navigation ol li a { color: #ffffff; }
body.intro #footer-partner ol li .link-mcc { background-image: url(../img/footer-logo-mcc-color.gif); }
body.intro #footer-partner ol li .link-anom { background-image: url(../img/footer-logo-anom-color.gif); }

/* -- CAT - RESISTER */
body.resister { background-color: #b27f84; background-image: url(../img/bg-face-resister.jpg); }
body.resister #header .container { background-color: transparent; }
body.resister #site-title { background-color: #ffffff; }
body.resister #main-title { background-color: #671720; background-image: url(../img/title-face-resister.gif); }
body.resister #main-navigation { background: url(../img/px-5C1721-50.png); }
body.resister #main-navigation ol li a:focus,
body.resister #main-navigation ol li a:hover,
body.resister #main-navigation ol li.active a { color: #b38b90; }
body.resister #document-column { background-color: #423d37; }
body.resister #page-column .page-header .title { color: #671720; }
body.resister #page-column .page-content ul li { background-image: url(../img/bullet-5C1721.gif); }
body.resister.home { background-image: url(../img/bg-body-resister.gif); background-repeat: repeat; }
body.resister.home #main { min-height: 490px; background: #370e12 url(../img/bg-home-resister.jpg) no-repeat center top; }
body.resister.home #main .container { background-color: transparent; }
body.resister.home #page-column .page-header .title { top: 119px; left: 162px; width: 700px; height: 102px; line-height: 102px; padding-left: 35px; font-size: 3.833em; color: #ffffff; background-image: url(../img/title-home-resister.png); }
body.resister.home #page-column .page-header .intro .quote-content { width: 250px; }
body.resister.home #page-column .page-header .intro figcaption { color: #ffffff; }
body.resister .pdf, body.resister .lienpdf { color: #671720; }

/* -- CAT - MOUVEMENT */
body.mouvement { background-color: #bba79e; background-image: url(../img/bg-face-mouvement.jpg); }
body.mouvement #header .container { background-color: transparent; }
body.mouvement #site-title { background-color: #ffffff; }
body.mouvement #main-title { background-color: #7b5849; background-image: url(../img/title-face-mouvement.gif); }
body.mouvement #main-navigation { background: url(../img/px-796151-50.png); }
body.mouvement #main-navigation ol li a:focus,
body.mouvement #main-navigation ol li a:hover,
body.mouvement #main-navigation ol li.active a { color: #1c140e; }
body.mouvement #document-column { background-color: #423d37; }
body.mouvement #page-column .page-header .title { color: #7b5849; }
body.mouvement #page-column .page-content ul li { background-image: url(../img/bullet-796151.gif); }
body.mouvement.home { background-image: url(../img/bg-body-mouvement.gif); background-repeat: repeat; }
body.mouvement.home #main { min-height: 490px; background: #7a594a url(../img/bg-home-mouvement.jpg) no-repeat center top; }
body.mouvement.home #main .container { background-color: transparent; }
body.mouvement.home #page-column .page-header .title { top: 164px; left: 148px; width: 714px; height: 162px; padding-top: 12px; padding-right: 13px; font-size: 3.167em; text-align: right; color: #ffffff; background-image: url(../img/title-home-mouvement.png); }
body.mouvement.home #page-column .page-header .intro { top: 90px; }
body.mouvement.home #page-column .page-header .intro .quote-content { width: 250px; padding: 33px 7px 20px; line-height: 1em; font-size: 1.563em; letter-spacing: -0.05em; }
body.mouvement.home #page-column .page-header .intro figcaption { padding-top: 32px; color: #ffffff; }
body.mouvement .pdf, body.mouvement .lienpdf { color: #7b5849; }

/* -- CAT - ENGAGEMENT */
body.engagement { background-color: #e3d9c7; background-image: url(../img/bg-face-engagement.jpg); }
body.engagement #header .container { background-color: transparent; }
body.engagement #site-title { background-color: #ffffff; }
body.engagement #main-title { background-color: #c9b692; background-image: url(../img/title-face-engagement.gif); }
body.engagement #main-title .title { color: #261201; }
body.engagement #main-navigation { background: url(../img/px-C8BE9D-40.png); }
body.engagement #main-navigation ol li a { font-size: 0.861em; color: #261201; }
body.engagement #main-navigation ol li a:focus,
body.engagement #main-navigation ol li a:hover,
body.engagement #main-navigation ol li.active a { color: #ffffff; }
body.engagement #document-column { background-color: #423d37; }
body.engagement #page-column .page-header .title { color: #c9b692; }
body.engagement #page-column .page-content ul li { background-image: url(../img/bullet-C8BE9D.gif); }
body.engagement.home { background-image: url(../img/bg-body-engagement.gif); background-repeat: repeat; }
body.engagement.home #main { min-height: 490px; background: #c9b793 url(../img/bg-home-engagement.jpg) no-repeat center top; }
body.engagement.home #main .container { background-color: transparent; }
body.engagement.home #page-column .page-header .title { top: 164px; left: 150px; width: 637px; height: 158px; padding-top: 6px; padding-left: 55px; font-size: 3.333em; color: #ffffff; background-image: url(../img/title-home-engagement.png); }
body.engagement.home #page-column .page-header .intro { top: 90px; }
body.engagement.home #page-column .page-header .intro .quote-content { width: 325px; padding: 19px 19px 28px; font-size: 1.222em; }
body.engagement.home #page-column .page-header .intro figcaption { padding-top: 53px; color: #ffffff; }
body.engagement .pdf, body.engagement .lienpdf { color: #c9b692; }

/* -- CAT - EMANCIPATION */
body.emancipation { background-color: #d2c4b5; background-image: url(../img/bg-face-emancipation.jpg); }
body.emancipation #header .container { background-color: transparent; }
body.emancipation #site-title { background-color: #ffffff; }
body.emancipation #main-title { background-color: #a78e70; background-image: url(../img/title-face-emancipation.gif); }
body.emancipation #main-navigation { background: url(../img/px-A6977B-50.png); }
body.emancipation #main-navigation ol li a:focus,
body.emancipation #main-navigation ol li a:hover,
body.emancipation #main-navigation ol li.active a { color: #645945; }
body.emancipation #document-column { background-color: #423d37; }
body.emancipation #page-column .page-header .title { color: #a78e70; }
body.emancipation #page-column .page-content ul li { background-image: url(../img/bullet-A6977B.gif); }
body.emancipation.home { background-image: url(../img/bg-body-emancipation.gif); background-repeat: repeat; }
body.emancipation.home #main { min-height: 490px; background: #a78c6f url(../img/bg-home-emancipation.jpg) no-repeat center top; }
body.emancipation.home #main .container { background-color: transparent; }
body.emancipation.home #page-column .page-header .title { top: 184px; left: 175px; width: 687px; height: 162px; padding-top: 6px; padding-left: 55px; font-size: 3.625em; color: #ffffff; background-image: url(../img/title-home-emancipation.png); }
body.emancipation.home #page-column .page-header .intro { top: 90px; }
body.emancipation.home #page-column .page-header .intro .quote-content { width: 250px; font-size: 1.111em; }
body.emancipation.home #page-column .page-header .intro figcaption { padding-top: 55px; color: #ffffff; }
body.emancipation .pdf, body.emancipation .lienpdf { color: #a78e70; }

/* -- CAT - TEMPS */
body.temps { background-color: #afc0bd; background-image: url(../img/bg-face-temps.jpg); }
body.temps #header .container { background-color: transparent; }
body.temps #site-title { background-color: #ffffff; }
body.temps #main-title { background-color: #698881; background-image: url(../img/title-face-temps.gif); }
body.temps #main-navigation { background: url(../img/px-7D908A-68.png); }
body.temps #main-navigation ol li a:focus,
body.temps #main-navigation ol li a:hover,
body.temps #main-navigation ol li.active a { color: #435750; }
body.temps #document-column { background-color: #423d37; }
body.temps #page-column .page-header .title { color: #698881; }
body.temps #page-column .page-content ul li { background-image: url(../img/bullet-7D908A.gif); }
body.temps.home { background-image: url(../img/bg-body-temps.gif); background-repeat: repeat; }
body.temps.home #main { min-height: 490px; background: #698882 url(../img/bg-home-temps.jpg) no-repeat center top; }
body.temps.home #main .container { background-color: transparent; }
body.temps.home #page-column .page-header .title { top: 119px; left: 110px; width: 765px; height: 182px; padding-top: 20px; padding-left: 84px; font-size: 3.625em; color: #ffffff; background-image: url(../img/title-home-temps.png); }
body.temps.home #page-column .page-header .intro { top: 66px; right: 125px; }
body.temps.home #page-column .page-header .intro .quote-content { width: 250px; }
body.temps.home #page-column .page-header .intro figcaption { padding-top: 30px; color: #ffffff; }
body.temps .pdf, body.temps .lienpdf { color: #698881; }

/* -- CAT - LIBERTE */
body.liberte { background-color: #bbd0d5; background-image: url(../img/bg-face-liberte.jpg); }
body.liberte #header .container { background-color: transparent; }
body.liberte #site-title { background-color: #ffffff; }
body.liberte #main-title { background-color: #1a6e79; background-image: url(../img/title-face-liberte.gif); }
body.liberte #main-navigation { background: url(../img/px-4B7580-40.png); }
body.liberte #main-navigation ol li a:focus,
body.liberte #main-navigation ol li a:hover,
body.liberte #main-navigation ol li.active a { color: #1a6e79; }
body.liberte #document-column { background-color: #423d37; }
body.liberte #page-column .page-header .title { color: #27838e; }
body.liberte #page-column .page-content ul li { background-image: url(../img/bullet-4B7580.gif); }
body.liberte.home { background-image: url(../img/bg-body-liberte.gif); background-repeat: repeat; }
body.liberte.home #main { min-height: 490px; background: #6f9ea4 url(../img/bg-home-liberte.jpg) no-repeat center top; }
body.liberte.home #main .container { background-color: transparent; }
body.liberte.home #page-column .page-header .title { top: 230px; left: 150px; width: 458px; height: 102px; line-height: 102px; padding-left: 70px; color: #ffffff; background-image: url(../img/title-home-liberte.png); }
body.liberte .pdf, body.liberte .lienpdf { color: #27838e; }

/* -- CAT - IMAGES */
body.images,
body.generic { background-color: #dddbd9; /*background-image: url(../img/bg-face-images.jpg);*/ }
body.images #header .container,
body.generic #header .container { background-color: transparent; }
body.images #site-title,
body.generic #site-title { background-color: #ffffff; }
body.images #main-title,
body.generic #main-title { background-color: #928d87; }
body.images #main-title .title,
body.generic #main-title .title { padding-left: 15px; color: #261201; }
body.images #main-navigation,
body.generic #main-navigation { background: url(../img/px-999690-50.png); }
body.images #main-navigation ol li a:focus,
body.images #main-navigation ol li a:hover,
body.images #main-navigation ol li.active a,
body.generic #main-navigation ol li a:focus,
body.generic #main-navigation ol li a:hover,
body.generic #main-navigation ol li.active a { color: #333333; }
body.images #document-column,
body.generic #document-column { background-color: #423d37; }
body.images #page-column .page-header .title,
body.generic #page-column .page-header .title { color: #928d87; }
body.images #page-column .page-content ul li,
body.generic #page-column .page-content ul li { background-image: url(../img/bullet-928D87.gif); }
body.images.home { background-image: url(../img/bg-body-images.gif); background-repeat: repeat; }
body.images.home #main { min-height: 490px; background: #b7b2ae url(../img/bg-home-images.jpg) no-repeat center top; }
body.images.home #main .container { background-color: transparent; }
body.images.home #page-column .page-header .title { top: 114px; left: 0px; width: 765px; height: 194px; padding-top: 5px; padding-left: 130px; font-size: 4.444em; text-indent: -115px; color: #ffffff; background-image: url(../img/title-home-images.png); }
body.images.home #page-column .page-header .intro .quote-content { width: 432px; padding: 18px 17px 15px 16px; font-size: 1.389em; line-height: 0.999em; }
body.images.home #page-column .page-header .intro figcaption { color: #ffffff; }
body.images .pdf, body.images .lienpdf,
body.generic .pdf, body.images .lienpdf { color: #928d87; }
body.generic #page-column { padding-top: 6px; }

/* -- DOCUMENTS viewer */
body.loading { background-image: url(../img/ajax-loader.gif); background-position: center; }
body.documents { background-color: #65605a; }
body.documents #main .container { background-color: #423d37; color: #fff; }
body.documents #header,
body.documents #footer { display: none; }
body.documents #viewer-column { padding: 0; background-color: #928d87; }
body.documents #thumbs-column { padding: 0; background-color: #36312d; }
body.documents #document-container .document-viewer { position: relative; top: 0; left: 0; width: 100%; /*max-height: 845px;*/ overflow: hidden; }
body.documents #document-container .document-description { position: absolute; bottom: 0; width: 100%; background: url(../img/px-38342E-70.png); } 
body.documents #document-container .document-description .tools { padding: 0 15px; }
body.documents #document-container .document-description .btn-expand, 
body.documents #document-container .document-description .zoomIn, 
body.documents #document-container .document-description .zoomOut { display: block; width: 32px; height: 32px; margin: 0 3px; padding: 0; background: url(../img/px-38342E-60.png); border-radius: 0; overflow: hidden;  }
body.documents #document-container .document-description .btn-expand span, 
body.documents #document-container .document-description .zoomIn span, 
body.documents #document-container .document-description .zoomOut span { display: block; width: 32px; height: 32px; text-indent: -9999px; overflow: hidden; } 
body.documents #document-container .document-description .btn-expand { float: left; } 
body.documents #document-container .document-description .btn-expand.closed span { background: url(../img/icon-arrow-top.png) center; } 
body.documents #document-container .document-description .btn-expand span { background: url(../img/icon-arrow-down.png) center; } 
body.documents #document-container .document-description .zoomIn { float: right; } 
body.documents #document-container .document-description .zoomIn span { background: url(../img/icon-plus.gif) center; } 
body.documents #document-container .document-description .zoomOut { float: right; } 
body.documents #document-container .document-description .zoomOut span { background: url(../img/icon-minus.gif) center; } 
body.documents #document-container .description-content { clear: both; padding: 20px; font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 0.833em; }
body.documents #document-container .description-content .detail{ display:block; line-height:1em;padding-top:0.5em; font-size: 0.7em; }
body.documents #document-container .viewer-content { background-color: #928d87; } 
body.documents #thumbs-column .btn-text { display: block; margin: 0; padding: 15px 60px 15px 10px; font-family: "gotham_light", Helvetica, Verdana, sans-serif; font-size: 1em; text-align: left; color: #ffffff; background: #928d87 url(../img/icon-file-pdf.png) right 15px center no-repeat; border-radius: 0; cursor: pointer; text-decoration: none; }
body.documents #thumbs-column .btn-text:focus,
body.documents #thumbs-column .btn-text:hover { color: #36312d; }
body.documents #thumbs-column ol,
body.documents #thumbs-column ol li { list-style: none; margin: 0; padding: 0; text-align: center; }
body.documents #thumbs-column ol li img { margin: auto; }
body.documents #thumbs-column ol li a { display: block; margin-top: 15px; }
body.documents #thumbs-column ol li a img{ opacity: .3; transition: .5s }
body.documents #thumbs-column ol li a:focus img,
body.documents #thumbs-column ol li a:hover img,
body.documents #thumbs-column ol li a.active img { opacity: 1; }
body.documents .btn-close { display: block; line-height: 32px; padding: 0 47px 0 0; color: #928d87; text-align: right; background: url(../img/icon-close.gif) no-repeat right top; text-decoration: none; }
body.documents .btn-close:focus,
body.documents .btn-close:hover { color: #ffffff; }
body.documents .btn-prev,
body.documents .btn-next { display: block; position: absolute; z-index: 505; font-size: 0.777em; color: #ffffff; text-decoration: none; }
body.documents .btn-prev { left: 0; background: url(../img/icon-arrow-left-928D87.png) no-repeat left center; }
body.documents .btn-next { right: 0; background: url(../img/icon-arrow-right-928D87.png) no-repeat right center; }
body.documents .btn-prev:focus,
body.documents .btn-prev:hover { background-image: url(../img/icon-arrow-left-black-928D87.png); }
body.documents .btn-next:focus,
body.documents .btn-next:hover { background-image: url(../img/icon-arrow-right-black-928D87.png); }
body.documents .btn-prev span,
body.documents .btn-next span { display: block; visibility: hidden; min-height: 32px; padding: 0 5px; background-color: #36312D;  opacity: 0; transition: .3s; }
body.documents .btn-prev span { margin-left: 32px; text-align: left; }
body.documents .btn-next span { margin-right: 32px; text-align: right; }
body.documents .btn-prev:focus span,
body.documents .btn-prev:hover span,
body.documents .btn-next:focus span,
body.documents .btn-next:hover span { visibility: visible; opacity: 1; }
body.documents .thumbs-container { position: relative; /*max-height: 845px;*/ overflow: hidden; }
body.documents .btn-top, body.documents .btn-bottom { position: absolute; z-index: 999; display: block; width: 100%; height: 32px; background: url(../img/px-38342E-60.png); }
body.documents .btn-top { top: 0; }
body.documents .btn-bottom { bottom: 0; }
body.documents .btn-top span, 
body.documents .btn-bottom span { display: block; height: 32px; background: no-repeat center; text-indent: -9999px; }
body.documents .btn-top span { background-image: url(../img/icon-arrow-top.png); }
body.documents .btn-bottom span { background-image: url(../img/icon-arrow-down.png); }

/* -- MODULES */
.fancybox-close { top: 0; right: 0; }
.fancybox-nav { width: 36px; height: 36px; top: 50%; }
.fancybox-nav span { visibility: visible !important; }
.fancybox-opened .fancybox-skin { box-shadow: none; border: 1px solid transparent; }
.fancybox-skin,
.zoomnav { background-color: transparent; }

/* -- RESPONSIVE */
@media (max-width: 1279px) {
	/* -- Navigation */
	#date-navigation ol { background-image: none !important; }
	
	/* -- Documents */
	#document-column .document-content figure { width: 330px; }
	#document-column .document-content figure.multi img { width: 29%; }
	
	/* -- CAT - MULTI */
	body.intro #site-title .title { padding-left: 39%; }
	body.resister.home #page-column .page-header .title { left: 123px; width: 659px; font-size: 3.3em; }
	body.mouvement.home #page-column .page-header .title { left: 107px; width: 675px; font-size: 3em; }
	body.emancipation.home #page-column .page-header .title { left: 135px; width: 647px; }
	body.engagement.home #page-column .page-header .title { left: 110px; width: 597px; }
	body.temps.home #page-column .page-header .title { left: 70px; width: 725px; }
	body.liberte.home #page-column .page-header .title { left: 109px; }	
}

@media (min-width: 992px) and (max-width: 1199px) {	
	/* -- CAT - MULTI */
	body.intro #site-title .title { padding-left: 37%; }
	body.resister.home #page-column .page-header .title { left: 23px; width: 559px; font-size: 3em; }
	body.mouvement.home #page-column .page-header .title { left: 8px; width: 574px; padding-top: 30px; font-size: 2.5em; }
	body.emancipation.home #page-column .page-header .title { left: 35px; width: 547px; }
	body.engagement.home #page-column .page-header .title { left: 10px; width: 497px; padding-top: 26px; padding-left: 65px; font-size: 2.6em; }
	body.temps.home #page-column .page-header .title { left: -30px; width: 625px; }
	body.liberte.home #page-column .page-header .title { left: 9px; }
	body.images.home #page-column .page-header .intro { right: 6px; }
	
	/* -- Documents */
	#document-column .document-content figure { width: 263px; }
}

@media (max-width: 991px) {	
	/* -- Page */
	body.home #page-column .page-header .title { position: inherit; width: auto !important; height: auto !important; padding: .3em !important; line-height: inherit !important; font-size: 2.5em !important; text-align: left !important; background-repeat: repeat; }
	body.home #page-column .page-header .intro { right: 60px !important; }
	body.home #page-column .page-content .home-video { position: inherit; width: auto; height: auto; }
	body.home #page-column .page-content .home-video video { width: 100%; height: auto; }
	body.home #page-column .page-content .home-video .video-progress { position: inherit; }
	body.home #page-column .page-content .home-video .video-control { position: inherit; }
	
	/* -- CAT - MULTI */
	body.intro #site-title .title { margin-top: 65px; font-size: 3.167em; }
	body.intro #page-column .page-header .title { margin-left: 35%; }
	body.intro #site-navigation .menu-content a { font-size: 1.2em; }
	body.resister.home #page-column .page-header .title { background-image: url(../img/px-resister.png); }
	body.resister.home #page-column .page-header .intro { top: 155px; }
	body.mouvement.home #page-column .page-header .title { background-image: url(../img/px-mouvement.png); }
	body.mouvement.home #page-column .page-header .intro { top: 185px; }
	body.emancipation.home #page-column .page-header .title { background-image: url(../img/px-emancipation.png); }
	body.emancipation.home #page-column .page-header .intro { top: 130px; }
	body.engagement.home #page-column .page-header .title { background-image: url(../img/px-engagement.png); }
	body.engagement.home #page-column .page-header .intro { top: 185px; }
	body.temps.home #page-column .page-header .title { background-image: url(../img/px-temps.png); }
	body.temps.home #page-column .page-header .intro { top: 135px; }
	body.liberte.home #page-column .page-header .title { background-image: url(../img/px-liberte.png); }
	body.liberte.home #page-column .page-header .intro { top: 155px; }
	body.images.home #page-column .page-header .title { background-image: url(../img/px-images.png); text-indent: inherit; }
	
	/* -- DOCUMENTS viewer */
	body.documents #thumbs-column ol li { float: left; width: 25%; padding: 10px; }
	body.documents .thumbs-container { height: auto !important; max-height: inherit; }
	body.documents .thumbs { margin-top: 0 !important; }
	body.documents .btn-prev,
	body.documents .btn-next { position: relative; margin: 1em 0 !important; }
	body.documents .btn-prev span,
	body.documents .btn-next span { visibility: visible; opacity: 1; }
	body.documents .btn-top, body.documents .btn-bottom { display: none !important; } 
	
}
@media (max-width: 699px) {
	/* -- Page */
	body.home #page-column .page-header .intro { position: inherit; margin-bottom: 1em; }
	body.home #page-column .page-header .intro .quote-content { width: auto !important; padding: .8em .5em !important; }
	body.home #page-column .page-header .intro figcaption { padding-top: 1.5em !important; color: #ffffff; }
	
	/* -- CAT - INTRO */
	body.intro #site-title .title { padding-left: 33%; }
	body.intro #page-column .page-header .title { margin-left: 20%; }	
}

@media (max-width: 599px) {
	body.intro #site-title .title { padding-left: 15%; }
	body.intro #page-column .page-header .title { margin-left: 0; font-size: 1em; }
	/* -- Navigation */
	#footer-navigation { margin-top: 5px; }
	#footer-navigation ol li { display: block; float: left; width: 50%; margin: 1em 0; }
}