/**	Partie fontes	**/
@font-face {
    font-family: 'roboto';
    src: url('fonts/Roboto-Light-webfont.eot');
    src: url('fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'roboto';
    src: url('fonts/Roboto-Regular-webfont.eot');
    src: url('fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'roboto';
    src: url('fonts/Roboto-Medium-webfont.eot');
    src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: 500;
    font-style: normal;

}

@font-face {
    font-family: 'roboto';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'corporate';
    src: url('fonts/corporates-medium-webfont.eot');
    src: url('fonts/corporates-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/corporates-medium-webfont.woff') format('woff'),
         url('fonts/corporates-medium-webfont.ttf') format('truetype'),
         url('fonts/corporates-medium-webfont.svg#colaboratemedium') format('svg');
    font-weight: 500;
    font-style: normal;
}


html, body {margin:0; padding:0; font-size:1em; line-height: normal; background: #f4f3f7;}
.container {padding: 0;}
a, a:hover, a:focus, a:active {color: #60225b;}
/*  rgb(245, 243, 237);*/
.btn {border-radius: 2px; font-size: 1em;}
.btn-default {border: 1px solid #60225b;background:none; color: #60225b;}
.btn-default:hover {background:#fff;border-color: #60225b;color: #60225b;}
.btn-primary {border: 1px solid #60225b;background:#60225b; color: #fff;}
.btn-primary:hover {background:#460f42;border-color: #60225b;}
.dropdown {display: inline-block;}
.dropdown button {border: none; background: none; padding: 0;}
.dropdown .caret {border:none; display:inline-block; font-size:0.85em; line-height:8px; width: 24px; height: 8px; margin: 0; vertical-align: middle; margin-left: 12px;}
.dropdown-menu {border-radius: 3px; box-shadow: none;}
.tooltip.in {opacity:1; padding: 0; font-size: 0.875em; font-weight: 300;}
.tooltip-inner {background: #c9c8cb; color: #535353; padding: 7px;}
.tooltip-arrow {display: none;}


/**	Partie HEADER	**/
#header {font-family: roboto, sans-serif;}

/* Entete Topbar */
#header .topbar .row {margin-left: 0; margin-right: 0;}
#header .topbar .row .col-md-6 {padding-left: 0; padding-right: 0;}
#header .topbar {background: #fff; color:#60225b; text-transform: uppercase;}
#header .topbar .container-fluid {padding: 0;}
#header .topbar .logo {vertical-align: middle; margin-right: 16px;}
#header .topbar a, #header .topbar .pictos {color: #60225b;}
#header .topbar .titreSite {font-family: 'corporate'; font-weight: 500;  font-size: 2.375em; text-transform: none;vertical-align: middle;}
#header .topbar .espace-perso {display: inline-block; margin-right: 34px; vertical-align: middle;}
#header .topbar .espace-perso .espace-perso-int {position: relative; padding-right: 33px;}
#header .topbar .espace-perso .espace-perso-layer {position: absolute; right: 0; top: 30px; background:#23262a;padding: 10px; width: 250px; display: none; color: #fff; z-index:801; text-align: left;}
#header .topbar .espace-perso .espace-perso-layer a {color: #fff;}
#header .topbar .actus {margin-right: 46px;vertical-align: middle;display: inline-block;background-color:#60225b;color:#ffffff;}
#header .topbar .question {margin-right: 46px; vertical-align: middle; display: inline-block;}
#header .topbar .menuGeneral {padding: 14px 13px;}
#header .topbar .menuGeneral .pictos {line-height: 27px; height: 27px; width: 27px; vertical-align: middle;}
#header .topbar .menuGeneral .dropdown .caret {border:none; display:inline-block; font-size:0.85em; line-height:8px; width: 24px; height: 8px; margin: 0; vertical-align: middle; margin-left: 12px;}


/* Entete Recherche */
#header .searchbar {background: #e6e1d8; padding: 15px 0;}
#header .searchbar .formulaire {display: inline-block; border: 1px solid #c1c1c1; border-radius: 3px; background: #fff; width: 61.7%; height: 60px;font-family: 'roboto'; font-weight: 300; font-size:1.125em; color: #535353; margin-right: 15px; position: relative;}
#header .searchbar .formulaire .pictoClavier img {border-radius: 3px 0 0 3px; border-right: 1px solid #c1c1c1; vertical-align: middle;}
#header .searchbar .formulaire input {margin-left: -4px; border: none; background: none; width: 62%; height: 58px; vertical-align: middle; padding-left: 10px; padding-right: 10px;border-right: 1px solid #C1C1C1;border-width: medium 1px medium medium;}
#header .searchbar .formulaire .dropdown {margin-left: 2px; width: 30%; padding-left: 5px;}
#header .searchbar .formulaire .dropdown .caret {color:#9a9a9a; font-size: 0.75em; margin-left:1px;}
#header .searchbar .btn {height: 58px; line-height: 58px; padding: 0 12px 0 15px; font-size: 1.125em; margin-right: 12px;}
#header .searchbar .btn:after {content: '\e607'; font-family: 'pictos'; vertical-align: middle; margin-left: 19px; font-size: 1.2em;}
#header .searchbar .formulaire .btn {width: 8%; border-top-left-radius: 0; border-bottom-left-radius: 0; text-align: center; height: 58px; padding: 0; font-size: 0.8em; position: absolute; top: 0; right: 0; margin: 0;}
#header .searchbar .formulaire .btn .icon-search {width: 100%; height: 58px; font-size: 2em;}
#header .searchbar .formulaire .btn:after {display: none;}
#header .searchbar .formulaire .btn:hover {color: #fff;}

#header .searchbar.searchbarHome {padding: 10px 15px 9px 15px; position: relative; z-index:4;}
#header .searchbar.searchbarHome label {display: block; color: #60225b; text-transform: uppercase; font-size: 2.125em; font-weight: normal; margin: 0 3% 15px;}
#header .searchbar.searchbarHome .formulaire {width: 71%; margin-left:3%;margin-bottom:10px;}
#header .searchbar.searchbarHome .formulaire input {width: 93%;}
#header .searchbar.searchbarHome .formulaire .btn-primary {margin-left:-5px;min-width:50px;}
#header .searchbar.searchbarHome .filtres {margin: 5px 3% 0; padding-left: 6.545%;}
#header .searchbar.searchbarHome .filtres input {margin: 0; vertical-align: middle;}
#header .searchbar.searchbarHome .filtres label {color: #535353; font-weight: 300; font-size: 1.125em; display: inline-block; text-transform: none; margin: 0 42px 0 10px; vertical-align: middle;}
#header .searchbar.searchbarHome .filtres .btn-dropdown {margin-left: 85px;color: #535353; font-weight: 300; font-size: 1.125em; vertical-align: middle; background: #f4f3f0; border-radius: 0;}
#header .searchbar.searchbarHome .container, #header .searchbar.searchbarHome .col-md-12 {position: static;}

/* Entete Ariane */
#header .ariane {background: #fff; font-weight: 300; font-size: 0.875em; color:#6c6c6c;}
#header .ariane a {color:#6c6c6c; display: inline-block; padding: 0 18px; border-bottom: 3px solid #fff; height: 37px; line-height: 23px; padding-top: 7px; text-decoration: none;}
#header .ariane a:first-child {padding-left: 2px;}
#header .ariane a.active {border-color: #60225b; color: #60225b;}

/* Body */
#body {font-family: roboto, sans-serif;}
#body .row {margin-left: -9px; margin-right: -9px;}
#body .row .col-md-1, #body .row .col-md-2, #body .row .col-md-3, #body .row .col-md-4, #body .row .col-md-5, #body .row .col-md-6, #body .row .col-md-7, #body .row .col-md-8, #body .row .col-md-9, #body .row .col-md-10, #body .row .col-md-11, #body .row .col-md-12 {padding-left: 9px; padding-right: 9px;}
#body h1 {font-size: 2.35em; color: #60225b; font-weight: normal; margin: 22px 0 25px;}
.btn-langue {margin-top: 42px; height: 58px; line-height: 43px; border-radius: 0; font-weight: 300; font-size: 1.125em;}
.btn-langue img {margin-left: 12px;}
#body .picto-help {color:#60225b; font-size: 0.5em; vertical-align: top;}
#body .tooltip {font-size: 0.85em;}
#body .blocBlanc {background: #fff; padding: 16px;}

.displayTableWrapper {margin: -20px;}
.displayTable {display: table; width: 100%; border-collapse: separate; margin: 0; border-spacing: 20px; height: 100%;}
.displayTable .displayTableRow {display: table-row;}
#header .displayTable .col-md-3, #header .displayTable .col-md-6, #body .displayTable .col-md-3, #body .displayTable .col-md-6 {display: table-cell; padding: 0; float: none; vertical-align: top; background: #fff; height: 100%;}
.displayTable .row:before, .displayTable .row:after {border-spacing: 0;}

/* Menu gauche */
.blocTypeMenu ul {margin: 13px 0 0; padding: 0; list-style: none;}
.blocTypeMenu ul li {border-bottom: 1px solid #eee; padding: 3px 0; border-top: 1px solid #fcfcfc; margin: 0 0 0 7px; font-weight: bold;}
.blocTypeMenu ul li:first-child {border-top: none;}
.blocTypeMenu ul li:last-child {border-bottom: none;}
.blocTypeMenu ul li a {display: block; margin-left: -7px; padding: 5px 5px 5px 21px; position: relative; color: #000; text-decoration: none;}
.blocTypeMenu ul li a:before {content: ' '; width: 0;height: 0;border-style: solid;border-width: 3px 0 3px 4px;border-color: transparent transparent transparent #000; position: absolute; left: 7px; top: 11px;}
.blocTypeMenu ul li.active a, .blocTypeMenu ul li a:hover {color: #fff; background: #058943;}
.blocTypeMenu ul li.active a:before, .blocTypeMenu ul li a:hover:before {border-color: transparent transparent transparent #ffffff;}

#body {padding-bottom: 120px;}
#body .blocTypeArticle {position: relative; padding: 24px 34px 34px;}
.blocTypeArticle:before, .blocDetailCollec:before {content:' ';width: 0;height: 0;border-style: solid;border-width: 9.5px 13px 9.5px 0;border-color: transparent #ffffff transparent transparent; position: absolute; top: 34px; left: -13px;}
.blocTypeArticle a {color:#60225b; text-decoration: underline;}


a.ext:after {content: ' \e603'; font-family: 'pictos'; font-size: 0.82em;}
.blocTypeArticle h3 {margin: 50px 0 17px; color: #60225b; font-weight: bold; font-size: 1.25em;}
.blocTypeArticle h2 {font-weight: bold; color: #058943; font-size: 1.625em; margin: 0 0 36px;}
.blocTypeArticle .visuel {margin-bottom: 50px;}
.blocTypeArticle .visuel img {width: 100%;}
.blocTypeArticle .visuel footer {color:#535353; text-align: right; font-size: 0.75em; margin-top: 10px;}
.blocTypeArticle p {margin: 17px 0; text-indent: 23px;}
.blocTypeArticle .groupeListe p {margin: 0; text-indent: 0;}
.blocTypeArticle .chapo {font-weight: bold; font-size: 1.25em; margin-bottom: 42px;}
.blocTypeArticle .chapo p {text-indent: 0;}
.blocTypeArticle ul {margin: 0 0 22px; padding: 0; list-style: none;}
.blocTypeArticle ul li {padding: 0 0 0 20px; margin: 0; position: relative;}
.blocTypeArticle ul li:before {content:' '; position: absolute; left: 0; top: 0.55em; background: #058943; width: 7px; height: 7px; border-radius: 50%;}
.blocTypeArticle table {width: 100%; border-collapse: collapse; margin: 40px 0;}
.blocTypeArticle table th {background:#60225b; color: #fff; font-weight: 300; font-size: 1.125em; padding: 26px 60px 14px; border-bottom: 1px solid #fcfcfd;}
.blocTypeArticle table td {padding: 26px 60px 14px; border-bottom: 2px solid #fcfcfd; background: #f4f3f7; color: #636363; font-weight: 300; font-size: 0.875em;}

/* Pagination */
.paginationBam {margin-top: -30px; margin-bottom: 10px; font-size: 0.875em; font-weight: 300; color: #535353;}
.paginationBam .navPage {display: inline-block; margin: 0; padding: 0; list-style: none; margin-right: 50px;}
.paginationBam .navPage li {display: inline-block; padding: 0 5px; vertical-align: middle;}
.paginationBam .navPage li input[type='text'] {width: 36px; border-radius: 3px; border:1px solid #e8e8e8; background: #fff; height: 25px; padding: 0 4px; text-align: center; margin-right: 6px;}

/* Element d'archive */
#body .blocTypeItem {padding: 0;}
.blocTypeItem .visuel {float: left; width: 24%;}
.blocTypeItem .visuel img {width: 100%;}
.blocTypeItem .desc {float: left; width: 76%; padding-left: 56px; padding-right: 20px; padding-top: 24px;}
.blocTypeItem h2 {font-weight: bold; color: #058943; font-size: 1em; margin: 0 0 12px; text-transform: uppercase;}
.blocTypeItem .naf {font-weight: bold; color: #000; text-transform: uppercase; margin: 0 0 28px; font-size: 1.125em;}
.blocTypeItem .occurrence .label {font-weight: 500; color: #555; font-size: 0.75em; text-transform: uppercase; display: block; padding: 0; text-align: left; margin-bottom: 20px;}
.blocTypeItem .occurrence button {float: left; border: none; margin: 0; padding: 0; background: none;}
.blocTypeItem .occurrence .pictoGallica img {background: url(../img/pictoGallica.gif) no-repeat left top; width: 32px; height: 32px;}
.blocTypeItem .occurrence .pictoGallica:hover img {background-position: left bottom;}
.blocTypeItem .occurrence p {border-left: 2px solid #555; margin: 0 0 0 43px; padding-left: 15px; font-size: 0.875em; font-weight: 300; line-height: 1.2em;}
.blocTypeItem .occurrence .occurrenceItem {margin-bottom: 14px;}
.blocTypeItem .occurrence .occurrenceItem a {color: #555; text-decoration: none;}
.blocTypeItem .occurrence .occurrenceItem a:hover {color: #555; text-decoration: underline;}

#body .listeTypeItem .blocTypeItem {padding: 24px 20px; margin-bottom: 20px;}

/* Recherche avancee - colonne de gauche */
#body .recapRecherche, #body .facettes {padding: 25px; margin-bottom: 20px;}
.recapRecherche h2, .facettes h2 {color:#60225b; text-transform: uppercase; font-weight: bold; font-size:1.125em; margin: 5px 0 16px;}
.recapRecherche p {font-weight: 300; margin: 16px 0;}
.recapRecherche .facettesListe p a {float: right;}
.recapRecherche .boutons {margin-top: 48px;}
.recapRecherche .boutons a {margin-bottom: 10px; width: 180px; text-align: center; max-width: 100%;}
.facettes .panel-group, .blocListeCollec .panel-group {margin-bottom: 10px;}
.facettes .panel-group .panel, .blocListeCollec .panel-group .panel {border: none; box-shadow: none; border-bottom: 1px solid #eee;}
.facettes .panel-group .panel:first-child, .blocListeCollec .panel-group .panel:first-child {border-top: 1px solid #eee;}
.facettes .panel-group .panel-heading, .blocListeCollec .panel-group .panel-heading {border-radius: 0; background: none; padding: 0;}
.facettes .panel-group a, .facettes .panel-group a:hover {color: #000;}
.facettes .panel-group h3, .blocListeCollec .panel-group h3 {font-weight: bold; font-size: 1em;}
.facettes .panel-group h3 a, .blocListeCollec .panel-group h3 a {display: block; padding: 5px 0 5px 16px; text-decoration: none; position: relative;}
.facettes .panel-group h3 a:before, .blocListeCollec .panel-group h3 a:before {position: absolute; left: 0;content: ' '; width: 0;height: 0;border-style: solid;top: 12px; border-width: 3px 3.5px 0 3.5px;border-color: #000 transparent transparent transparent;}
.facettes .panel-group h3 a.collapsed:before, .blocListeCollec .panel-group h3 a.collapsed:before {top: 11px; border-width: 3px 0 3px 4px;border-color: transparent transparent transparent #000;}
.facettes .panel-group .panel + .panel, .blocListeCollec .panel-group .panel + .panel {margin-top: 0;}
.facettes .panel-group .panel-collapse ul {margin: 0; padding: 0 0 0 16px; list-style: none;}
.facettes .panel-group .panel-collapse ul li {padding: 4px 0; font-size: 0.8125em; font-weight: 300;}
.facettes .panel-group .panel-collapse .seeMore {text-align: right; margin-top: 4px;}
.facettes .panel-group .panel-collapse .seeMore button {border: none; background: none; color: #b0afb2; font-size: 1.1em; text-align: center;}
.facettes .panel-group .panel-collapse .seeMore button i {position: static;}
.facettes .panel-group .panel-collapse .seeMore button[aria-expanded='true'] {display: none;}

/* Interface de recherche */
#body .interfaceRecherch {margin-top: 20px; display: table; width: 100%; border-collapse: collapse; height: 100%;}
.interfaceRecherch .menuConsultation {display: table-cell; padding:0; vertical-align: top; width: 57px; height: 100%; border-right: 3px solid #f5f3ed; overflow: hidden;}
.interfaceRecherch .menuConsultation .menu {width: 56px; margin: 0; padding: 0; list-style: none; text-align: center; position: relative; height: 450px;}
.interfaceRecherch .menuConsultation .menu>li {padding: 0;}
.interfaceRecherch .menuConsultation .menu>li.sep {border-bottom: 3px solid #f5f3ed;}
.interfaceRecherch .menuConsultation .menu>li.active {background: #f5f3ed;}
.interfaceRecherch .menuConsultation .menu>li>a {display: block;padding: 17px 0; width: auto; height: 61px;}
.interfaceRecherch .menuConsultation .menu>li>a [class^="icon-"], .interfaceRecherch .menuConsultation .menu>li a [class*=" icon-"] {display: inline-block; width: 27px; height: 27px; left: 50%; margin-left: -13px; top:50%; margin-top: -13px;}
.interfaceRecherch .menuConsultation .menu>li>a:hover {background: #f5f3ed;}
.interfaceRecherch .menuConsultation .menu>li .plan, .interfaceRecherch .menuConsultation .menu>li .index, .interfaceRecherch .menuConsultation .menu>li .resa, .interfaceRecherch .menuConsultation .menu>li .pdf {display: inline-block; width: 27px; height: 27px;}
.interfaceRecherch .menuConsultation .menu>li .plan {background: url(../img/pictoPlan.png) no-repeat center center;}
.interfaceRecherch .menuConsultation .menu>li .index {background: url(../img/pictoIndex2.png) no-repeat center center;}
.interfaceRecherch .menuConsultation .menu>li .pdf {background: url(../img/pictoTelecharger.png) no-repeat center center;}
.interfaceRecherch .menuConsultation .menu>li .resa {background: url(../img/pictoReserver.png) no-repeat center center;}
.interfaceRecherch .menuConsultation .menu>li.active .plan {background-image: url(../img/pictoPlanOn.png);}
.interfaceRecherch .menuConsultation .menu>li.active .index {background-image: url(../img/pictoIndexOn2.png);}
.interfaceRecherch .menuConsultation .menu>li.active .pdf {background-image: url(../img/pictoTelechargerOn.png);}
.interfaceRecherch .menuConsultation .menu>li.active .resa {background-image: url(../img/pictoReserverOn.png);}
.interfaceRecherch .menuConsultation .menu>li .layer {position: absolute; background: #f5f3ed; left: 56px; top: 0; width:0; padding: 0; text-align: left; z-index: 5; display: none;-webkit-transition: width 0.5s; transition: width 0.5s;}
.interfaceRecherch .menuConsultation .menu>li.active .layer {width:522px; padding: 20px; display: block; height: 100%; overflow: auto;}
.interfaceRecherch .menuConsultation .menu>li .layer h2 {color:#60225b; text-transform: uppercase; font-weight: bold; font-size:1.125em; margin: 0 35px 15px 0;}
.interfaceRecherch .menuConsultation .menu>li .layer .forRech {position: relative; padding-right: 40px; margin-bottom: 20px;}
.interfaceRecherch .menuConsultation .menu>li .layer .forRech input[type='text'] {width: 100%; border: 1px solid #c1c1c1; border-right: none; background: #fff; height: 40px; padding: 0 20px; border-radius: 3px 0 0 3px;}
.interfaceRecherch .menuConsultation .menu>li .layer .forRech button[type='submit'] {position: absolute; top: 0; right: 0; background: #60225b; color: #fff; width: 40px; height: 40px; border-radius: 0 3px 3px 0; text-align: center; padding: 0;}
.interfaceRecherch .menuConsultation .menu>li .layer .forRech button[type='submit'] [class^="icon-"], .interfaceRecherch .menuConsultation .menu>li .layer .forRech button[type='submit'] [class*=" icon-"] {position: static; font-size: 1.35em;}
.interfaceRecherch .menuConsultation .menu>li .layer .nbRes {font-weight: 300; margin-bottom: 32px;}
.interfaceRecherch .menuConsultation .menu>li .layer .tree .panel-collapse ul {margin: 0; padding: 0; list-style: none;}
.interfaceRecherch .menuConsultation .menu>li .layer .tree .panel-collapse ul li {margin: 0; padding: 0; list-style: none;}
.interfaceRecherch .menuConsultation .menu>li .layer .closeLayer {position: absolute; top: 7px; right: 7px; border: none; background: none; padding: 0;}
.interfaceRecherch .menuConsultation .menu>li .layer .tree .panel-collapse .buttonTree a:before {top:8px;}
.interfaceRecherch .menuConsultation .menu>li .layer .tree .panel-collapse .panel-collapse {padding-top: 0;}
.interfaceRecherch .menuConsultation .menu>li .layer .listeLiens {margin: 20px 0 -20px;padding: 0; list-style: none;}
.interfaceRecherch .menuConsultation .menu>li .layer .listeLiens li {padding: 6px 0; border-bottom: 1px solid #fff;}
.interfaceRecherch .menuConsultation .menu>li .layer .listeLiens li:first-child {border-top: 1px solid #fff;}
.interfaceRecherch .menuConsultation .menu>li .layer .listeLiens li .libelle {margin-right: 20px;font-weight: 500; font-size: 0.875em;}
.interfaceRecherch #barreDeRetaillage {display: table-cell; cursor: col-resize; width:6px; background-color: black;}
.interfaceRecherch .panneauWrapper {display: table-cell; padding:5px 1px 5px 0; vertical-align: top; height: 100%;}
.interfaceRecherch .tree .panel-collapse ul li a {text-decoration: underline;}
.interfaceRecherch .panel-group .hightlighted {background: #cfbccd; padding: 0 2px; display: inline-block;}
strong {font-weight: bold;}

/* Accueil */
.blocCollections {background: #fff; padding: 15px 0 8px;}
.stInfo h2,.blocCollections h2, .actusHome h2 {font-weight: normal; color: #60225b; text-transform: uppercase; font-size: 2.25em; margin: 0 0 10px;}
.stInfo p, .blocCollections p {margin: 10px 0 36px; font-weight: 300; font-size: 1.125em;}
.blocCollections .blocCollectionItem {position: relative; margin-bottom: 20px;}
.blocCollections .blocCollectionItem:hover {position: relative; margin-bottom: 20px; font-weight: 600; font-size: 1.1em;}
.blocCollections .blocCollectionItem .visuel img {width: 100%;}
.blocCollections .blocCollectionItem h3 {width: 100%; position: absolute; left: 0; top:0; margin: 0; padding: 20px; color: #fff; background: rgba(0,0,0,0.8); min-height: 80px; font-weight: 500; font-size: 1em;
/*text-transform: uppercase;*/}
.stInfo, .actusHome {padding: 2px 0 1px;}
.actusHome .blocTypeItem {margin-top: 40px; position: relative; margin-bottom: 20px;}
.actusHome .blocTypeItem .visuel {width: 48.474%;}
.actusHome .blocTypeItem .visuel img {width: 100%;}
.actusHome .blocTypeItem .desc {width: 51.526%; padding: 20px 20px 65px 44px;}
.actusHome .blocTypeItem .desc h3 {font-size: 1em; font-weight: bold; color: #058943; text-transform: uppercase; margin: 0 0 38px;}
.actusHome .blocTypeItem .desc h4 {font-size: 1.6875em; font-weight: bold; color: #000; text-transform: uppercase; margin: 38px 0 10px;}
.actusHome .blocTypeItem .desc p {margin: 10px 0; font-weight: 300; font-size: 1.125em;}
.actusHome .blocTypeItem .link {position: absolute; right: 0; bottom: 0; background: #058943; color: #fff;}
.actusHome .blocTypeItem .link:hover {background:#026832;}
.actusHome .blocTypeItem .link a {color: #fff; display: block; width: 60px; height: 60px; text-align: center; line-height: 60px;}
.actusHome .blocTypeItem .link i {position: static;}
#body .actusHome .voirTous {padding: 0;}
.actusHome .voirTous a {padding: 13px; display: block; font-weight: 300; text-align: center; color: #767676; font-size: 1.125em; text-decoration: none;}
.actusHome .voirTous a:hover {color: #000;}

/* Arbo popover */
.popover {position: absolute; width: 600px; max-width: 600px; background: #fff; z-index: 500; display: block; border-radius: 2px; font-family: 'roboto';}
.popover.right>.arrow, .popover.left>.arrow {margin-top: 0; top: 30px;}
.popover .arbo {height: 300px; overflow: auto;}
.popover .arbo table {width:100%; border-collapse: collapse;}
.popover .arbo table tr td {border-bottom: 1px solid #eee; padding: 4px 0; font-size: 0.875em; font-weight: 300;}
.popover .arbo table tr td input {margin: 0 4px;}
.popover .arbo table tr td label {font-weight: 300; margin: 0;}
.popover .arbo table tr.jobSec td + td {padding-left: 26px;}
.popover .arbo table tr.jobTer td + td {padding-left: 52px;}
.popover .arbo table .treeCollapser {background: url(../img/arrowListDown.png) no-repeat; width: 12px; height: 7px; display: inline-block;margin-right: 9px;}
.popover .arbo table .treeCollapser.closed {background-image: url(../img/arrowListUp.png);}
.popover .arbo table tr.closedTr {visibility:hidden; height:0; float:left; width:0;}
.popover .selection {margin: 10px 0;}
.popover .selection .labelSelection {padding: 7px 0; display: inline-block; margin-bottom: 6px; vertical-align: middle; font-weight: 300;}
.popover .selection .selectionContainer {display: inline;}
.popover .selection .etiquette, .filtreItem .receptEtiquettes .etiquette {display: inline-block; border: 1px solid #c1c1c1; border-radius: 2px; padding: 6px 57px 6px 23px; vertical-align: middle; margin-right: 6px; margin-bottom: 6px; position: relative; font-size: 1.125em;}
.popover .selection .etiquette a, .filtreItem .receptEtiquettes .etiquette a, .blocRechAvancee .doIndex .etiquette a, .blocRechAvancee .doIndex .remove {background: url(../img/closeEtiquette.png) no-repeat; width: 16px; height: 15px; position: absolute; top:11px; right:11px;}
.blocRechAvancee .doIndex .etiquette a, .blocRechAvancee .doIndex .remove {right:-25px;}
.popover .boutons {margin-top: 20px;}
.popover .boutons .btn {padding: 0 17px; height: 48px; line-height: 48px; margin: 0; margin-left: 13px; margin-bottom: 3px;}
.popover .boutons .btn:after {display: none;}
.popover .boutons .btn:before {display: inline-block; margin-right: 10px; vertical-align: middle;}
.popover .boutons .btn-default:before {content: url(../img/pictoAnnuler.png);}
.popover .boutons .btn-primary:before {content: url(../img/pictoValider.png);}

/* Recherche avancee */
#body .blocRechAvancee {padding: 24px 50px; height: 100%;}
.blocRechAvancee fieldset, .selectCollection fieldset {padding: 0; border: none;}
.blocRechAvancee fieldset legend, .selectCollection fieldset legend {font-weight: bold; text-transform: uppercase; font-size: 1.125em; border: none; margin-bottom: 30px;}
.blocRechAvancee fieldset .input-group-btn {font-size: 1em;}
.blocRechAvancee fieldset .input-group-btn .btn {border-color: #c1c1c1;border-radius:2px 0 0 2px;font-size: 1.125em; font-weight: 300; color: #535353; padding-top: 3px; padding-bottom: 0; min-height: 38px;}
.blocRechAvancee fieldset .input-group-btn .caret {font-size: 0.7em; border: none;}
.blocRechAvancee fieldset .etiquette {display: inline-block;}
.blocRechAvancee fieldset input[type='text'], .blocRechAvancee fieldset .etiquette {border:1px solid #c1c1c1; border-radius: 2px; width: 100%; min-height: 38px; padding: 6px 10px 3px;}
.blocRechAvancee fieldset .etiquette {border:1px solid #f1f1f1;}
.blocRechAvancee fieldset .input-group-btn input[type='text'] {border-radius: 0 2px 2px 0;}
.blocRechAvancee fieldset .input-group {border-spacing: 0;}
#body .selectCollection {margin: 20px 0;padding: 24px;}
.selectCollection .filtreItem {border: 1px solid #c3c3c3;}
.selectCollection fieldset legend {margin-bottom: 15px;}
.blocRechAvancee .datefin {font-weight: normal; margin: 0; line-height: 38px;}
.blocRechAvancee .doIndex {position: relative; margin-bottom: 10px;}
.blocRechAvancee .doIndex:last-child {margin-top: 0;}
.blocRechAvancee .doIndex .openIndex {position: absolute; top:6px; right: 7px;}
.blocRechAvancee .doIndex .beforeEtiquette {position: absolute; top:9px; left: -25px;}
.blocRechAvancee .doIndex .input-group, .blocRechAvancee .doIndex .input-group-btn, .blocRechAvancee .doIndex .dropdown-toggle {height: 100%;}
.blocRechAvancee .add {text-align: center;}
.blocRechAvancee .add a {display: inline-block; width: 26px; height: 26px; line-height: 26px; margin-top: 24px; color: #b0afb2; font-size: 1.5em;}
.popover .paginationBam {margin-top: 0;}
.popover p {margin: 10px 0 22px;}



/**	Partie FOOTER	**/
#footer {font-family: 'roboto'; background: #fff;}
#footer .container {position: relative;}
#footer.footerHome {padding-top: 12px;}
#footer .topOfPage {position: absolute; top:-60px; right: 0;}
#footer .topOfPage a {background: #60225b; width: 60px; height: 60px; color: #fff; display: block; text-align: center; line-height: 60px;transform : rotate(180deg); -moz-transform : rotate(180deg); -webkit-transform : rotate(180deg); -ms-transform : rotate(180deg); font-size: 1.4em;}
#footer h2 {text-transform: uppercase; font-weight: normal; font-size: 1.375em; padding-top: 4px; margin: 0 0 8px 47px; min-height: 3em;color: #60225b;}
#footer .topOfPage a i {position: static;}
#footer .topOfPage a:hover {background: #460f42;}
#footer .blocAideRess h2 {padding-top: 16px;}
#footer ul {margin: 16px 0 8px 10px; padding: 0; list-style: none;}
#footer ul li {margin: 6px 0; position: relative; font-weight: 300; font-size: 1.125em; padding: 0; line-height: 1.3em;}
#footer ul li:before {position: absolute; content: '\e607'; font-family: 'pictos'; font-size: 0.4em; line-height: 28px; height: 28px; width: 28px; top: 0; left: -13px; padding-left: 3px; color: #535353;}
#footer ul li a {vertical-align: middle;}
#footer ul li a:hover {text-decoration: underline;}
#footer .blocAide:before {font-family: 'pictos'; font-size: 3em; line-height: 54px; height: 54px; width: 54px;color: #60225b; float:left;}
#footer .blocAideCata:before {content: '\e604';}
#footer .blocAideDoc:before {content: '\e606';}
#footer .blocAideRess:before {content: '\e605';}
#footer .menuFooter {background: #30112e; color: #fff; text-align: center; padding: 18px 0 14px;}
#footer.footerHome .menuFooter {/*margin-top: 80px;*/}
#footer .menuFooter span, #footer .menuFooter a {color: #fff; padding: 0 21px;}

@media (min-width:992px) and (max-width:1199px) {
    body {font-size: 0.8em;}
    .container {width: 917px;}
    #body h1 {margin: 33px 0 28px;}
    .btn-langue {margin-top: 33px;height: 46px; line-height: 32px;}
    #header .searchbar .formulaire, #header .searchbar .btn {margin-right: 9px;}
    #header .searchbar .btn:after {margin-left: 10px;}
    #header .searchbar .btn {height: 46px; line-height: 46px; padding-left: 20px;}
    #header .searchbar .formulaire .btn {height: 46px; line-height: 46px;width: 7.8%;}
    #header .searchbar .formulaire {height: 48px;}
    #header .searchbar .formulaire .pictoClavier img {height: 46px;}
    #header .searchbar .formulaire input {height: 46px;}
    #header .searchbar.searchbarHome .filtres .dropdownLayer .row {margin-left: -7px; margin-right: -7px;}
    #header .searchbar.searchbarHome .filtres .dropdownLayer .row .col-md-12, #header .searchbar.searchbarHome .filtres .dropdownLayer .row .col-md-3 {padding-left: 7px; padding-right: 7px;}    
    .interfaceRecherch .menuConsultation .menu > li.active .layer {width: 317px;}
    #body .row {margin-left: -7px; margin-right: -7px;}
    #body .row .col-md-1, #body .row .col-md-2, #body .row .col-md-3, #body .row .col-md-4, #body .row .col-md-5, #body .row .col-md-6, #body .row .col-md-7, #body .row .col-md-8, #body .row .col-md-9, #body .row .col-md-10, #body .row .col-md-11, #body .row .col-md-12 {padding-left: 7px; padding-right: 7px;}
    #footer .topOfPage {top:-48px;}
    #footer .topOfPage a, #header .searchbar.searchbarHome .filtres .dropdownLayer .filtreItem .link a, .actusHome .blocTypeItem .link a {width:48px; height: 48px; line-height: 48px;}
    .blocTypeArticle table th {padding: 14px 48px 10px;}
    .blocTypeArticle table td {padding: 14px 48px;}
}

.iconClavierVirtuel {
	display: inline-block;
	width: 1em;
	height: 1em;
	fill: #60225B;
	font-size:58px;
	border-right: 1px solid #C1C1C1;
	border-width: medium 1px medium medium;
	vertical-align: middle;
	marging-right: -4px;
	width: 62px;
}


.bamModal .modal-content, .bamModal .modal-content p {
	font-size: 1em;
}

#dispplayMenuResa{
	margin-right: 3em;
	font-size:0.75em;
	font-weight:400;
	float:right;
	line-height:2.2em;
}