html {margin: 0; padding: 0; font-size: 0.875em; color: #23262a; font-weight: 400;}
body {margin: 0; padding: 0; font-size: 1em; font-family: 'roboto_condensed'; line-height: normal;}
a {color: #23262a; text-decoration: none;}
a:hover, a:focus {text-decoration: underline; color: #23262a;}
:focus {outline:1px dotted #343B43;}
a img {border: none;}
input[type='text'], input[type='submit'] {font-family: 'roboto_condensed'; vertical-align: middle; color: #23262a; font-size: 1em;}
select {vertical-align: middle; font-family: 'arial'; font-size: 1em;}
select option {font-family: 'roboto_condensed';}
button { color: #23262a; vertical-align: middle;}
form {margin: 0; padding: 0;}
.footer-inner, .tetiere-inner {width: 1230px; margin: 0 auto;}
.raccourci {position: absolute; left:0; top:-9000px; color:#000; background:#fff;}
.raccourci:focus {top:0; z-index:1500;}
.blank {font-family:'AdobeBlank';}

/* TETIERE */
#tetiere {
	display: none;
}
/* .tetiere-allwrap *:focus {
    outline: none !important;
} */
.tetiere-allwrap {width: 100%; top: 0; left: 0; z-index: 100; background: #fff}
#tetiere {background: #c3c3c3;}
.tetiere-allwrap, .tetiere-allwrap *, .tetiere-allwrap *:before, .tetiere-allwrap *:after {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.tetiere-inner {position: relative; padding-bottom: 2px; zoom: 1;}
.tetiere-inner:before {content:'\e62a'; font-family: 'pictos'; font-size:5em; color:#c3c3c3; position: absolute; width: 8px; height: 7px; line-height: 7px; top: -7px; right: 65px;}
#tetiere .accesrapide {float: left; width: 21.1%; position: relative;}
#tetiere .accesrapide:before, #tetiere .contribuer:before, #tetiere .mobile:before, #tetiere .retrouver:before {content:'\e62b'; line-height:27px; font-size:5.12em; font-family: 'pictos'; position:absolute; top:0; left:-36px;}
#tetiere .contribuer {float: left; width: 21.8%; position: relative;}
#tetiere .mobile {float: left; width: 22%; position: relative;}
#tetiere .retrouver {float: left; width: 23.8%; position: relative;}
#tetiere .contenucat {padding: 0 11px;}
#tetiere .contenucat ul {margin: 0; padding: 0; list-style: none;}
#tetiere .newsletter .form-infos {margin: 0; color: green; font-size: 0.9em;}
.newsletter .form-infos {margin: 0; color: green; padding-left: 3%;}
.newsletter .form-infos.error, #tetiere .newsletter .form-infos.error {color: red;}
#panneau-autourde p.form-infos.error, #panneau-autourde p.form-infos.error {float: left;}
#tetiere .contenucat ul li, #tetiere .newsletter .link {padding: 5px 0; margin-left: 2px;}
#tetiere .newsletter .link{padding-top: 0;}
#tetiere .contenucat ul li a:before, #tetiere .newsletter .link a:before {content: "> ";}
#tetiere .contenucat ul li.img a:before {content: "";}
#tetiere .contenucat ul li.img {padding-bottom: 0; margin-left:0;}
#tetiere .contenucat ul li.img img {margin-right: 5px;}
#tetiere .titrecat {text-transform: uppercase; font-weight: 700; color: #404953; padding: 10px 0; font-size:1em; margin:0;}
#tetiere .socialnetw {float: right; padding-top: 4px;}
#tetiere .socialnetw img {margin: 0 5px; width: 28px;}
#tetiere .socialnetw ul, #tetiere .socialnetw ul li {display:inline;}
#tetiere .socialnetw ul li a:before {content:'';}
#tetiere .newsletter {margin-right: 5px;margin-top: 6px;}
#tetiere .newsletter input[type='text'] {float: left;background: #fff; border: none; width: 64%; padding: 2px 3%; color: #888e94; font-size: 0.95em;}
#tetiere .newsletter .clear_input:before {
	margin-left: -97px;
	position: relative;
	color: #D3D3D3;
	top: 2px;
	cursor: pointer;
	transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
	transform-origin: 50% 50%;
	z-index: 100;
	display: inline-block;
}

@media (min-width:1230px){
	.menu_tetiere {width: 1230px;}
}
#tetiere .newsletter input[type='submit'] {float: left;background: #404953; border: none; font-size: 0.95em; color: #fff; padding: 2px 0; text-align: center; width: 30%; cursor: pointer;}
.menu_tetiere {width: 100%; margin: 0 auto; position: relative; zoom: 1; z-index: 3;}
.menu_tetiere img, .menu_tetiere a {vertical-align: middle;}
.menu_tetiere .logo {float: left; width: 17.6%; /* text-align: center; */ padding: 13px 0;}
.menu_tetiere .barre-menu {padding: 9px 0 10px; float: left; width: 82%;}
.menu_tetiere .barre-menu>a {margin: 0 0.1%;}
.menu_tetiere .barre-menu>.accesmenu {margin: 0 2.7% 0 0.9%; vertical-align: middle; display:inline-block;float: right;z-index:100;}
.menu_tetiere .barre-menu>.accesmenu i {font-family:'pictos'; font-size:5em; width:35px; display:inline-block; height:29px; line-height:29px; font-style:normal; vertical-align: middle;}
.menu_tetiere .barre-menu>.accesmenu i:before {content: attr(data-icon); margin:0 0 0 -18px;}
.menu_tetiere .responsive-search {display:none; font-family:'pictos'; font-size:4.7em; width:30px; height:30px; position: relative; vertical-align:middle; margin-right:2.1%;}
.menu_tetiere .responsive-search i {top:0; left:-50%;  margin-top:-16px;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,.menu_tetiere .responsive-search i {top:-15px;}
}
.menu_tetiere .recherche {display: inline; position: relative; zoom: 1; z-index: 5;left:20px;}
.menu_tetiere .recherche input[type='text']{background: #fff; border: 1px solid #404953; width: 97%; padding: 2px 2%; color: #888e94; height: 1.8em; margin-right: -3px; zoom: 1; position: relative;z-index: 50;}
.menu_tetiere .recherche .typeahead-container, .menu_tetiere .recherche .input-group, .menu_tetiere .recherche .typeahead-container {vertical-align: middle; padding: 6px 0 0;display: inline-block; width: 40.9%; height: 25px; margin-right: -3px; zoom: 1; position: relative;z-index: 50;}
.menu_tetiere .recherche .typeahead-input-group {position: relative; top: -6px; height: 32px;}
.menu_tetiere .recherche .typeahead-query {width: 98.6%;/* overflow: hidden; */display: inline-table;vertical-align: middle;/* padding: 10px 0 0; */position: relative; height: 32px;}
.menu_tetiere .recherche .typeahead-container a {text-decoration: none;overflow: hidden;text-overflow: ellipsis;}
.menu_tetiere .recherche .typeahead-container a .highlighted{font-weight: bold;}
.menu_tetiere .recherche .typeahead-result > ul > li.typeahead-group a{text-shadow: none;}
.menu_tetiere .recherche .typeahead-container .typeahead-result > .dropdown-menu{border-radius: 0;}
.menu_tetiere .recherche .skin-select {width: 21.8%; background: #404953; overflow: hidden; display: inline-block; vertical-align: middle; padding: 10px 0 0; position: relative; height: 1.5em;}
.menu_tetiere .recherche .skin-select:before {color:#8f9092; font-family: 'pictos'; content:'\e62e'; font-weight:normal; position:absolute; font-size:4.95em; right:-12px; top:11px; line-height:8px;}
.menu_tetiere .recherche .skin-select select {border: none; background: none; outline: none; opacity: 0; -webkit-appearance: none; filter: alpha(opacity=0); color: #fff; position: relative; z-index: 14; width: 100%;}
.menu_tetiere .recherche .skin-select select option {background:#404953; padding-left:12px}
.menu_tetiere .recherche .skin-select .selecttext {color: #fff; width: 100%; padding-left: 14px; position: absolute; top: 0; left: 0; z-index: 10; padding-top: 5px;}

.menu_tetiere .recherche button[type='submit'] {width: 0.5em; height: 40px; font-size: 3.8em;background:#fff; font-family: 'pictos'; border: none; margin: -15px 1.3% -7px 0.6%; padding: 0; overflow: hidden; cursor: pointer;position: relative;}
.menu_tetiere .recherche button[type='submit'] i {top:-3px; left:-14px; margin:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */
    ::i-block-chrome,.menu_tetiere .recherche button[type='submit'] i {top:-14px;}
}

/* .menu_tetiere .recherche .clear_input:before{
	margin-left: -17px;
	position: relative;
	z-index: 100;
	color:lightgray;
	font-size: small;
	top: 1px; 
	cursor: pointer;
} */

.menu_tetiere .recherche .clear_input:before{
	margin-left: -17px;
	position: relative;
	color: #D3D3D3;
	top: 2px;
	cursor: pointer;
	transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
	transform-origin: 50% 50%;
	z-index: 100;
	display: inline-block;
}

.menu_tetiere .recherche a {font-size: 0.93em; text-decoration: underline; margin-right: 1.6%; zoom: 1; position: relative;z-index: 50;}
.menu_tetiere a.recherche-avancee {font-size: 1.6em;}
.menu_tetiere .recherche form {display: inline;}
.menu_tetiere .recherche .autocomplete {position: absolute; border: 1px solid #404953; background: #fff; width: 510px; padding: 24px 0; top:30px; left: 0; display: none; z-index: 405;}
.menu_tetiere .recherche .autocomplete .section {margin-bottom: 36px;}
.menu_tetiere .recherche .autocomplete .section:last-child {margin-bottom:0;}
.menu_tetiere .recherche .autocomplete .titre {display: inline-block; vertical-align: top; text-transform: uppercase; font-weight: 700; width: 90px; padding:0 15px 0 9px;}
.menu_tetiere .recherche .autocomplete .resultats {display: inline-block; vertical-align: top; width: 391px; border-left: 1px solid #9fa4a9;}
.menu_tetiere .recherche .autocomplete .resultats ul {margin: 0 0 0 15px; padding: 0; list-style: none;}
.menu_tetiere .recherche .autocomplete .resultats ul li {padding: 0; margin: 0;}
.menu_tetiere .recherche .autocomplete .resultats ul li a {font-size: 1em; text-decoration: none;}
.menu_tetiere .recherche .autocomplete .resultats ul li a:hover, .menu_tetiere .recherche .autocomplete .resultats ul li a:focus {text-decoration: underline;}
.menu_tetiere .recherche .autocomplete .resultats .highlighted {font-weight: 700;}
.menu_tetiere .bouton {display: inline-block; background: #404953; color: #fff; height: 28px; line-height: 28px; padding: 0 30px 0 11px; text-transform: uppercase; font-weight: 700; text-decoration: none; position:relative;}
.menu_tetiere .boutonAvis {display: inline-block; background: #7a58bf; color: #fff; height: 1.98em; line-height: 28px; padding: 0 11px 0 11px; font-weight: 500; text-decoration: none; position:relative;}
#tetiere .additionnals-menus .pictos{line-height: 58px;width: 58px;height: 58px;font-size: 4.5em;float: right;}
.tetiere-allwrap .baseline-logo-tetiere {position: absolute;bottom: -2.65em;left: 50%; margin-left:-615px;}
.tetiere-allwrap .baseline-logo-tetiere h3{line-height: 27px;min-height: 2.3em;width: 325px;font-size: 0.85em;font-weight: 400;background: url(../images/accueil/selection1/bg_titres.png);color: #fff;padding: 0 5px 0 18px;display: none;}
#tetiere .additionnals-menus{width:7%; float:right;position:relative;}
.menu_tetiere .bouton:before {color:#8f9092; font-family: 'pictos'; content:'\e62e'; font-weight:normal; position:absolute; font-size:4.95em; right:-22px; top:11px; line-height:8px; height: 10px; overflow-y: hidden;}
.menu_tetiere .bouton:hover, .menu_tetiere .bouton:focus {background-color:#23262a;}
.menu_tetiere .boutons-picto {display: inline-block; margin-left: 2%;}
.menu_tetiere .lang {background: url(../images/entete/bg_lang.gif) no-repeat; padding-left: 1.0%;float:right; /* padding-top: 4px; */ display: inline-block; vertical-align: middle; margin-top: 6px;z-index:50}
.menu_tetiere .lang>a {display: block; font-weight: 700; text-transform: uppercase; padding-right: 27px; position:relative;}
.menu_tetiere .lang>a:before {color:#343b43; font-family: 'pictos'; content:'\e62e'; font-weight:normal; position:absolute; font-size:4.95em; right:-23px; top:7px; line-height:8px;}
.menu_tetiere .lang-layer {position: absolute; background: #343b43; width: 112px; padding: 10px 28px 10px 30px; right: 0; top: 51px; z-index: 405; display:none;}
.menu_tetiere .lang-layer:before {content:'\e62a'; font-family: 'pictos'; color:#343b43; font-size:5em; position: absolute; top: -7px; height: 7px; line-height: 7px; width: 8px; right: 62px;}
.menu_tetiere .lang-layer ul {margin: 0; padding: 0; list-style: none;}
.menu_tetiere .lang-layer ul li {margin: 0; padding: 0;}
.menu_tetiere .lang-layer ul li a {color: #d6d6d6;}
.menu_tetiere .lang-layer ul li span {float: right; color: #fff; font-weight: 700; padding-top: 1px;}
.collections-wrap {display: inline-block; margin-right: 1%;}
.collections-layer {position: absolute; top:51px; right: 66px; display:none; background: no-repeat left 16px #343b43; color: #fff; padding: 17px 30px; width: 650px; /* width: 209px;  */z-index: 405;}
.collections-layer:before {content:'\e62a'; font-family: 'pictos'; color:#343b43; font-size:5em; position: absolute; top: -7px; height: 7px; width: 8px; /*right: 306px;*/right: 20%;line-height: 7px;}
.collections-layer .colonne {float: left; width: 180px; height: 236px; padding-right: 10px;}
.collections-layer .colonne + .colonne {border-left: 1px groove white; padding-left: 27px;}
.collections-layer .colonne:last-child {padding-right: 0;}
.collections-layer .colonne .titre {font-weight: 700; margin-bottom: 14px; text-transform: uppercase;}
.collections-layer .colonne ul {margin: 0; padding: 0; list-style: none;}
.collections-layer .colonne ul li {margin: 0; padding: 0;}
.collections-layer .colonne ul li.leaf {list-style-image: url("../images/entete/icon_flech.png");
  list-style-type: square;}
.collections-layer a {color: #d6d6d6;}
.collections-layer .leaf a {color: #fff;text-decoration: none;}

#button-affinage{display: inline-block; background: #404953; color: #fff; height: 28px; padding: 0 13px 0 11px; border-radius: 0px;}

/* Tooltip */
/* .ui-tooltip {background: #c3c3c3; font-family: 'arial'; font-size: 0.8em; padding: 6px; position: absolute; z-index: 9999; max-width: 300px;}
.ui-tooltip:before {background: url(../images/tooltip_arrow.png) no-repeat; content: " "; position: absolute; left: 10px; top: -7px; width: 8px; height: 7px;}
 */
/* Common */
.overlay {width: 100%; position: absolute; top: 0; left: 0; z-index: 400;}
.clear {clear:both; height:0; overflow:hidden;}
#footer {background: #f1f1f1; font-family: 'arial'; font-size: 0.8em;}
.footer-inner {padding: 10px;}
#footer .copyright {float: left; width: 50%;}
#footer .liens {float: left; width: 50%; text-align: right;}
#footer .liens a{font-weight: bold;}

/* Entête calendrier */
.pagination-liste.perioUpperBar .pages {margin-top: 0px!important; bottom: auto!important; position: absolute; right: 12px;}
.pagination-liste.perioUpperBar .pagination-infos-title{text-align: center; width: 100%;}
.pagination-liste.perioUpperBar .tri{width: auto!important;}


/* Responsive */
@media (max-width:1200px){
	.menu_tetiere {width: 992px;margin-left: 0;}
	.menu_tetiere .logo {float: left;width:225px;}
	.menu_tetiere .logo a, .menu_tetiere .logo a img {float: left;width: auto !important;top: 0px !important;}
	.menu_tetiere .barre-menu>.accesmenu{position: fixed;right: 0;margin-right: 1.5%;}
	.menu_tetiere .barre-menu {width:70%;}
	.menu_tetiere .lang{float: right;margin-right: 6%!important;position: fixed!important;right: 0;}
	
	.pagination-liste {padding: 6px 0px!important;}
}
@media (max-width:1020px){
	/* .collections-wrap {margin-right:8%;} */
	.menu_tetiere .barre-menu {width:70.4%; left:20px;}
	.menu_tetiere .barre-menu > a {margin:0 1%;}
	.menu_tetiere .collections-wrap .bouton {font-size:1.15em;}
	.menu_tetiere .recherche .typeahead-container, .menu_tetiere .recherche .input-group, .menu_tetiere .recherche .typeahead-container {width:28.9%;}
	.footer-inner, .tetiere-inner, .menu_tetiere {width: 100%;}
	.menu_tetiere .logo {width:225px;}
	#tetiere .newsletter input[type="text"] {font-size:0.8em;}
	.menu_tetiere .logo a, .menu_tetiere .logo a img {float: left;width: auto !important;top: 0px !important;}
	.menu_tetiere .lang{margin-right:10%!important;}
}

@media (max-width:900px){
	.menu_tetiere .responsive-search {display:inline-block; cursor:pointer;}
	.menu_tetiere .recherche {display:none; position: fixed; top:50px; width:100%; padding:10px; background:#fff; left:0px; margin-left: 0px!important;}
	.menu_tetiere .logo {width:250px !important;}
	.menu_tetiere .logo a, .menu_tetiere .logo a img {float: left;width: auto !important;top: 0px !important;}
	.menu_tetiere .recherche .typeahead-container, .menu_tetiere .recherche .input-group, .menu_tetiere .recherche .typeahead-container{width: 40%;}
	.menu_tetiere .barre-menu {width:67.4%; position: relative; left:20px;}
	.footer-inner, .menu_tetiere {width: 768px;}
	#tetiere .newsletter input[type="text"] {float:none; width:94%;}
	#tetiere .newsletter input[type="submit"] {float:none; width:100%;}
	.menu_tetiere .recherche .typeahead-container{width: 63%!important;}
	.menu_tetiere .collections-wrap{display: inline-block;}
	.menu_tetiere .lang{display: inline-block;}
	.menu_tetiere .recherche form {position: relative; z-index: 55;}
}

/* Responsive Recherche avancée */
@media (max-width:991px){
	#advanced-search{margin-left: 16px;}
	.blockSubmit {height: auto!important; padding-bottom: 5px; text-align: center;}
	.simpleBlockAdvancedSearch {width: 100%!important;}
	.mainAdvancedSearchContainer .row {display: inline-block; padding: 15px;}
	.mainAdvancedSearchContainer .sendSearch, .mainAdvancedSearchContainer .reinitForm{margin-top: 17px;}
	.mainAdvancedSearchContainer .col-md-1{margin-bottom:53px!important; right: 2%!important; display: inline;}
	.mainAdvancedSearchContainer .col-md-3{display: inline-block; padding: 0px; margin-left: 5px!important;}
	.mainAdvancedSearchContainer #periode-de-miseenligne .col-md-4{display: inline-block; padding: 0px; margin-left: 5px!important; width: 146px;}
	.mainAdvancedSearchContainer #optionlistoptionsannee{width: 112px;}
	.mainAdvancedSearchContainer .range-text{padding-left: 8px!important; padding-right: 0px!important;}  
	.mainAdvancedSearchContainer #periode-de-miseenligne .range-text{padding-left: 9px!important; padding-right: 17px!important; display: inline-block; margin-bottom: 23px!important; right: auto!important;}
	.mainAdvancedSearchContainer #optionlistoptionsanneemiseenligne{width: 85px; margin-right: 90%; margin-bottom: 15px;}
	.mainAdvancedSearchContainer .form-inline .checkbox {display: block!important; margin-top: 10px!important; margin-bottom: 10px!important;}
	.mainAdvancedSearchContainer .simpleBlockAdvancedSearch.col-md-6{padding-left: 0px;}
	.mainAdvancedSearchContainer .simpleBlockAdvancedSearch.nav.nav-list.col-md-12 #container{padding-left: 10px;}
}

@media (max-width:775px){
	.pagination-liste .pages {width: 98%!important; margin-top: 10px; margin-bottom: 5px;}
	.pagination-liste #navigationPage {display: inline-block!important;}
	.pagination-liste .tri{display: inline-block; margin-right: 0px!important;}
	.pagination-liste .tri.pull-left.affinage-tablet{width: 70px;}
	.pagination-liste .tri.pull-left.tri-tablet{width: 60px;}
	.pagination-liste .tri.pull-left.pagination-tablet{width: 215px; float: right!important;}
	
	/* périodiques représentations */
	.StyleCalendarMonth .cal-cell.block-cell{width: 50%!important;}
	.StyleCalendarYear .cal-cell.invisible.optionDisabled{height: 0;min-height: 0 !important;}
	.StyleCalendarYear .cal-cell{width: 19.1%!important; margin: 0.4%; min-height: 50px!important;}
	.cal-year-box .row-fluid{margin-bottom: 0px!important;}
	
}

@media (max-width:767px){
	/* fil d'ariane */
	#arianeDocsInfos{display:none;}
	#arianeDocsInfos_responsive{display:inline-block; position:absolute; top:8px; max-width:400px; margin-left:5px;}
	#arianeContentRegion{position:absolute; top:40px; margin-left:5px;}
}

@media (max-width:600px){
	.menu_tetiere .collections-wrap{display: none; top: 100px; position: absolute; margin-left: -290px!important; z-index: 5;}
	.menu_tetiere .recherche{padding-bottom: 45px;}
	.menu_tetiere .collections-layer{left: 0px; width: 210px; top: 40px;}
	.menu_tetiere .collections-layer:before{left:0%;}
	.menu_tetiere .collections-layer .colonne + .colonne {border-left: 0; padding-left: 0; height: 156px;}
	.menu_tetiere .collections-layer .colonne{height: 219px;}
	
	.StyleCalendarMonth .cal-cell.block-cell {width: 100%!important;}
}

@media (max-width:500px){
	/* modifs de la tetiere pour mobile 768px */
	#tetiere .accesrapide {float: left;}
	#tetiere .mobile {float: left;}
	#tetiere .mobile .contenucat ul li.img{padding-left: 25px;}
	#tetiere .additionnals-menus {float: left;padding-left: 25px;}
	#tetiere .additionnals-menus .pictos{float: left;}
	#tetiere {width: 170px;height: 100%;overflow: auto; position: fixed;top: 50px;}
	.tetiere-allwrap {height: 50px;}
	.tetiere-inner{padding-bottom: 100px;}
	#tetiere .socialnetw { float: left;  position: relative;  top: 37px;}
	#tetiere .retrouver .titrecat{margin-bottom: 15px; position: relative; top: -26px;}
	#tetiere .contribuer, #tetiere .mobile, #tetiere .retrouver, #tetiere .additionnals-menus, #tetiere .accesrapide{width: 100%;}
	
	/* périodiques représentation années */
	.StyleCalendarYear .cal-cell {width: 49.1%!important;}
	
	/* Fil d'Ariane */
	.titleBar .navbar-toggle{display:none;}
	.navbar-collapse.collapse{visibility: hidden!important;}
	
	/* Barre d'outil */
	#leftToolbar {top: 84px;}
}


@media (max-width:425px){
	.menu_tetiere .lang{display: none; top: 94px;  z-index: 5;}
	.menu_tetiere .collections-wrap{top: 97px; position:absolute; z-index: 5; margin-left:-257px!important;}
	.menu_tetiere .recherche{padding-bottom: 10px;}
    .pagination-liste .tri.pull-left.pagination-tablet {width: 175px;}
}

@media (max-width: 350px){
	.menu_tetiere .barre-menu {left: -7px;}
	.pagination-liste .tri.pull-left.pagination-tablet {width: 139px;}
	.menu_tetiere .collections-wrap {margin-left: -241px!important;}
}

.helper-inverse{ width: 100%; text-align: center;  padding-top: 20px;} 


