/* La suite de 'bootstrap.css'  */
/* http://bootsnipp.com/snippets/featured/sidebar-responsive */


.vert {background-color: #edf7ef;}
.gris {background-color: #fbfdf8;}
.bleu {background-color: #f1f9fe;}
.vert_2 {background-color: #edf6ef;}

html,body {height: 100%;font-family: 'century_schoolbook','Century Schoolbook', Times, 'Times New Roman', Georgia, serif;}
body {color: #1f1f1f;background-color: #fff;margin: 0;padding: 0;}

p,h1,h2,h3,h4 {font-family: 'century_schoolbook','Century Schoolbook', Times, 'Times New Roman', Georgia, serif;}
h1 {font-size: 18px;font-weight: normal;font-style: normal;clear: both;}
h2 {font-size: 16px;}
h3 {font-size: 18px;}
h3.spip {font-weight: normal;color: #1f1f1f;}
h4 {font-size: 12px;}
h5 {font-size: 12px;}
h6 {font-size: 12px;}
p {font-size: 1.1em;line-height: 1.6em;}

hr {border-color:#191919;}
#entete {z-index: 1000;width: auto;display: inline-block;clear: both;float: left;position: relative;height: 210px;}

.logo {padding-left: 13px;padding-top: 0;width: auto;}

.logo h1 {font-size: 42px;color: #1f1f1f;font-weight: normal;line-height: 25px;margin-bottom: 5px;font-style: normal;letter-spacing: 1px;height: 25px;}
.logo a:link {text-decoration: none;color: #1f1f1f;}
.logo a:visited {text-decoration: none;color: #1f1f1f;}
.logo a:hover {text-decoration: none;color: #0093d1;}

.open_logo {background: url(../interface/2019_villa_vassilieff.svg) no-repeat 0;width: 250px;height: 170px;}

/* wrapper for page content to push down footer */
.page-container {min-height: 100%;height: auto !important;height: 100%;padding: 35px 0 25px 30px;margin: 0 auto;}
.container-fluid {clear: both;margin-top: 0;padding-top: 0;}
/* set the fixed height of the footer here */
footer {height: 120px;margin-top:50px;margin-left: 0;padding-left: 0;}
footer > .container {padding: 20px 20px 20px 0;}

.text-center {padding-top: 20px;}
summary {padding-top: 20px;}
nav {clear: both;display: inline-block;}
.navbar {visibility: hidden;}
.navbar {background-color: transparent;color: #1f1f1f;border-bottom: none;clear: both;}
.navbar-brand {float: left;height: 65px;font-size: 18px;line-height: 20px;padding: 15px;}

#sidebar {height: 100%;padding-top: 20px;width:250px;}
#sidebar .affix {position:fixed;top:40;width:220px;}
#sidebar .affix-bottom {position:fixed;width:220px;}
#sidebar .nav {width: 98%;}
#sidebar-nav { border-top: 1px #333 solid;padding-top: 10px;padding-bottom: 10px;}
#sidebar .nav {width:240px;}

.nav>li>a {padding: 2px 0;}

#sidebar li {width:100% !important;}
#sidebar li a {padding-left:1px;}
#sidebar li a:hover {background-color: transparent;color: #0093d1;}

li.menu a {color: #1f1f1f;font-size: 17px !important;list-style-type: none;}
li.menu a:hover {color: #0093d1;}

.marge {clear: both;}
.marge_top {margin-top: 15px;}
.marge_bottom {margin-bottom: 5px;}


.nav-small {color: #1f1f1f;font-weight: normal;text-decoration: none;font-size: 12px; }
.nav-small a {color: #1f1f1f;font-weight: normal;text-decoration: none;font-size: 12px; }
.nav-small a:hover {color: #0093d1;}

#adresse {margin-top: 15px;border-top: 1px solid #333;padding-top: 15px;color: #1f1f1f;font-size: 12px;}
#adresse a {color: #1f1f1f;font-size: 12px;}
#adresse a:hover {font-size: 12px;}
#adresse p {margin: 0;padding: 0;text-align: left;font-size: 12px;}
.adresse {margin-left: 0px;line-height: auto; background-color: transparent;color: #1f1f1f;margin: 0;}
.adresse span {text-decoration: none;color: #1f1f1f;clear: left;float: left;}
span.org {clear: left;float: left;position: relative;display: inline-block;}
span.street-address {clear: both;float: left;position: relative;display: inline-block;}
span.street-address a, span.postal-code a {color:#1f1f1f;font-size: 12px;}
span.street-address a, span.postal-code a:hover {color:#0093d1;font-size: 12px;}
span .phone a {text-decoration: none;color: #1f1f1f;}
span.plan a {text-decoration: none;color: #1f1f1f;font-size: 12px;}
span.plan a:hover {text-decoration: none;color: #0093d1;font-size: 12px;}

#villa {margin-top: 15px;border-top: 1px solid #333; font-size: 11px;padding-top: 12px;}
#villa a {color: #1f1f1f;font-size: 11px;}
#villa a:hover { color: #0093d1;font-size: 11px;}

.nav-small-centre {color: #1f1f1f;text-decoration: none;font-size: 11px;margin-top: -3px;padding-top: 0;
line-height:90%;}
span.nav-small-centre a {font-family: 'century_schoolbookbold';font-size: 96%;}
span.nav-small-centre a:link {font-family: 'century_schoolbookbold';font-size: 96%;}
span.nav-small-centre a:visited {font-family: 'century_schoolbookbold';font-size: 96%;}
span.nav-small-centre a:hover {font-family: 'century_schoolbookbold';font-size: 96%;}

/* Texte */
a, a:link, a:visited, a:hover {text-decoration: none;}
p { text-align: justify;white-space: normal;margin-bottom: 20px;voice-family: inherit;}
p { text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */}
i {font-style: italic;}
b, strong {font-weight: bold;font-size: 96%;}
b > i {font-weight: bold;font-style: italic;font-size: 96%;}
i > b {font-weight: bold;font-style: italic;font-size: 96%;}
strong {font-family: 'century_schoolbookbold','Century Schoolbookbold';font-weight: normal; font-style: normal;}
b {font-family: 'century_schoolbookbold','Century Schoolbookbold';font-weight: normal; font-style: normal;}

/* Articles Rubriques Breves Texte */
.titre-rubrique {text-decoration: none;font-size: 18px; text-align: left;color: #1f1f1f;}
.titre {font-size: 22px !important;border-bottom: 2px solid #424242;border-top: 1px solid #333333;padding-top: 10px;padding-bottom: 10px;margin-top: 0;}
.titre a {text-decoration: none; text-align: left;color: #1f1f1f;}
.titre a:hover {color: #0093d1;}
.titre small {font-size: 13px;}
.barre-titre {height: 15px;margin-top: 0px;width: 100%;background-color: transparent;margin-bottom: 0px;}
.separation {height: 10px;margin-top: 0px;width: 100%;margin-bottom: 0px;border-top: 0px solid #FFF;clear: both;float: left;display: inline-block;}
.date {font-size: 1.35em;margin-top: 7px;margin-bottom: 5px; color: #1f1f1f;}
.descriptif-recherche {font-size: 14px;margin-bottom: 5px; color: #575758;}
.descriptif-recherche a { color: #0093d1;}
.descriptif-recherche a:hover { color: #575758;}
.descriptif-rapide {font-size: 1.05em;font-style: italic;margin-bottom: 15px; color: #1f1f1f;text-align: left;
	margin-top: 10px;
}
.resume {font-size: 13px; color: #1f1f1f;text-align: left;}

h1.titre-search {font-size: 22px !important;border-top: 1px solid #333333;padding-top: 10px;padding-bottom: 10px;margin-top: 0;
border-bottom-style: none;}
.titre-recherche {font-size: 18px;border-top: 2px solid #575758;border-bottom: 1px solid #333333;padding-top: 10px;padding-bottom: 10px;}
.titre-recherche a {color: #575758;}
.titre-recherche a:hover {color:  #0093d1;}

/* Les articles */
.chapo {color: #000;text-align: left;margin-bottom: 30px;font-family: 'century_schoolbookbold';}
.article {color: #1f1f1f;line-height: 1.4em;font-size: 95%;display: block;float: left;clear: both;margin-bottom: 15px;}
.article a {text-decoration: none;color: #0093d1;padding-bottom: 2px;}
.article a:hover {color: #1f1f1f;}
.article p ul {margin: 0 0 20px;}
.article ul {padding-left: 10px;padding-top: 0;margin: -15px 0 20px;}
.article li {padding-left: 0;list-style-type: disc;list-style-position: outside;margin-bottom: 5px;margin-left: 10px;}
.ps {padding-top: 10px;border-top: 1px solid #e3e3e3;clear: both;width: 100%;margin-top: 10px;}
.ps p {margin-bottom: 10px;}
.ps, .notes {font-size: 12px; color: #1f1f1f;text-align: left;}
.ps a {text-decoration: none;font-size: 12px; color: #0093d1;}
.ps a:hover {text-decoration: none;font-size: 12px; color: #1f1f1f;}
.notes {padding-top: 10px;border-top: 1px solid #e3e3e3;clear: both;margin-bottom: 15px;margin-top: 10px;}
.notes abbr {padding-bottom: 0;margin-bottom: 0;font-weight: bold;}
.notes br {display: none;}
.notes p {line-height: 1.3em;padding-bottom: 5px;margin-bottom: 0;margin-top: 0;padding-top: 0;}
.pagination {font-size: 0.90em;color: #1f1f1f;}
blockquote {
	padding-left: 40px;
	padding-right: 40px;
	border-style: none;
	font-size: 96%;
	font-style: italic;
}
blockquote p:first-letter {font-size: 250%;
	float: left;
	padding-right: 5px;
}


/* Style Page Site */
.nosliens {text-decoration: none;margin-bottom: 10px;font-size: 16px; text-align: left;color: #1f1f1f;}
.titresite a {background-color: transparent; font-size: 13px;margin-top: 15px;color: #1f1f1f;text-decoration: none;}
.titresite a:hover {color: #0093d1;}
.resume_site {font-size: 13px;margin-bottom: 15px; padding-top: 3px;padding-left: 5px;margin-right: 5px;padding-right: 5px;color: #1f1f1f;}

/* Mise en page des archives */
.col_archives ul {padding: 0;margin: 0;}
.col_archives ul li {padding-bottom:0;margin-bottom: 0;margin-top: 0;padding-top: 0;}
#archives_date:first-child {clear: left;display: block;left: 0;width: 100%;padding-top: 0;float: left;margin-top: 0;height: 30px;}
#archives_date  {clear: left;display: block;left: 0;width: 100%;padding-top: 10px;float: left;margin-top: 0;height: 30px;padding-bottom: 0;margin-bottom: 0;}
.descriptif-rubrique {font-size: 14px; color: #1f1f1f;}
.archives {font-size: 14px;margin-bottom: 10px;text-align: left; color: #1f1f1f;font-weight: bold;}
.archives a {text-decoration: none; text-align: left;color: #1f1f1f;}
.archives a:hover {color: #0093d1;}
.update_jaune {padding: 8px;margin-bottom: 0;margin-top: 10px;display: block;overflow: hidden;}
.separation_archives {height: 10px;margin-top: 15px;width: 100%;margin-bottom: 5px;border-top: 3px solid #edf7ef;clear: both;float: left;display: inline-block;}

/* Listes de documents joints (a un article ou une rubrique) */
ul.photo {list-style: none;margin: 0 0 20px;padding: 0 0 10px;}
.photo {padding: 0;margin: 15px 0;list-style: none;list-style-type: none;list-style-position: inside;float: left;}
.photo img {max-width: 100%;width: 100%;}
.legende {font-size: 12px;text-align: center;margin: auto;}
.descriptif {font-size: 10px;font-style: normal;text-align: center;margin: auto;}
.photo-legende dt {margin-bottom: 25px;font-size: 13px;margin-top: 5px;margin-left: 0px;padding-right: 5px;margin-right: 20px;}
.photo-legende-carnet dt {margin-bottom: 10px;font-size: 13px;margin-top: 5px;margin-left: 0px;padding-right: 5px;margin-right: 20px;}

dl.vignette {margin-bottom: 20px;}

/*  Documents */
dl, dd, dt {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;list-style: none;}
/*.vignette  img {clear: both;margin-right: auto;margin-left: auto;border: 0;display: block;}*/
img, .spip_logos {margin: 0;padding: 0;border: 0;}

.spip_documents img {max-width: 100%;width: 100% !important;}
.spip_documents {text-align: center;line-height: normal;clear: both;}
.spip_documents p {margin: 0.10em;padding: 0;clear: both;width: 100%;}
.spip_documents_center {display: block;clear: both;width: 100%;margin: 1em auto;height: auto;text-align: center;}
.spip_documents_left {display: block;clear: left;padding-top: 0;margin-top: 3px;margin-bottom: 5px;text-align: left;margin-left: 0;}
.spip_documents_right {margin-bottom: 5px;text-align: left;clear: left;display: block;margin-top: 3px;}
.spip_documents_left img {max-width: 100%;width: 100% !important;}
.spip_doc_titre {margin-right: auto;margin-left: auto;font-size: 0.95em;margin-top: 3px;}
.spip_doc_descriptif {clear: both;margin-right: auto;margin-left: auto;font-size: 0.85em;margin-top: 3px;}

#documents_joints {margin-top: 10px;padding-top: 5px;border-top: 1px dotted #CCC;clear: left;}
#documents_joints h2 {margin-bottom: 0.4em;font-size: 0.9em;font-weight: 600;}
#documents_joints ul {margin: 0;padding: 0;list-style: none;}
#documents_joints li {margin-bottom: 0.4em;}
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small {font-weight: 400;}
#documents_joints li .spip_doc_descriptif {}

.accueil {margin: 0;padding: 0;overflow: hidden;max-height: 650px;max-width: 950px;}

ul.carnet {list-style: none;margin: 0;padding: 0;}
.carnet img {max-width: 640px;width: 100%;height: auto;}
.titre_carnet {display: none;}

/* Liens Traductions */
.traductions {width: 100%;clear: both;display: inline-block;}
.traductions h2 {font-size: 17px;text-transform: capitalize;}
.traductions * {display: inline;}
.traductions li {color: #6b6b6b;}
.traductions {color: #1f1f1f;padding-left: 1px;padding-top: 5px;}
.traductions a {color: #1f1f1f;}
.traductions a:hover {color: #0093d1;}

h2.erreur p {font-size: 16px;text-align: left;letter-spacing: 0.15rem;}

/* Images typographiques (via image_typo), URL a revoir... */
.format_png {behavior: url(win_png.htc);}

/* Deco SPIP */
hr {border-bottom: 1px solid;padding-bottom: 0;border-top-style: none;padding-top: 0;border-left-style: none;border-right-style: none;margin-bottom: 13px;margin-top: 0;clear: both;}
.adresse br {float: left;clear: left;}

.previous {font-size: 16px;margin-bottom: 20px;float: right;height: 32px;top: 0;margin-top: 5px;}
.previous a {border: 3px solid #e3e3e3;text-decoration: none;color: #e3e3e3;padding: 5px 10px;}
.previous a:hover {border: 3px solid #0093d1;text-decoration: none;color: #0093d1;padding: 5px 10px;}

#social {clear: both;}
code.spip_code  {padding: 0;color: #f02200;border-radius: 0;background-color: #edf6ef;}

.puce {margin-top: -7px;}
.nav-tabs>li>a {border-radius:0;}
     
h3,h4,h5,.panel {color:#1f1f1f;}
.panel hr {border-color:#efefef;}

.rechercher {margin-left: 0;list-style: none;padding-left: 0;}

/* Agenda */
#agenda {overflow: visible;visibility: visible;float: left;width: 300px;height: auto;padding: 5px 15px;background-color: #FFF;z-index: 1001;clear: left;display: block;margin-top: -150px;margin-left: 150px;}
#agenda ul {margin: 0;padding: 0;}
.agenda h2 {font-size: 18px;text-decoration: none;margin-top: 10px;padding-top: 0;}
.article-agenda h3 {font-size: 16px;margin-bottom: 0;padding-bottom: 0;margin-top: 0;padding-top: 0;}
.article-agenda h3.spip{font-size: 16px;margin-bottom: 0;padding-bottom: 0;}
.article-agenda h3 a {font-size: 16px;color: #1f1f1f;text-decoration: none;}
.article-agenda h3 a:hover {font-size: 16px;color: #0093d1;text-decoration: none;}
.article-agenda a {color: #0093d1;}
.article-agenda a:hover {color: #1f1f1f;}
.article-agenda > p > strong  {font-size: 99%;}
.article-agenda > p {text-align: left;font-size: 14px;line-height: 115%;margin: 0 0 15px;padding: 0;}



.logo_partenaire {
	width: 240px;
	height: 440px;
	display: block;
	float: left;
	clear: left;
	padding-left: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

.page-container {width: 1140px;margin-left: 0;}
li.menu .on {color: #b4b4b4;}
.on {color: #b4b4b4;}
li.menu .on.active, .on.active {color: #b4b4b4;}

li.list-group-item a {display: block;margin-left: 0;margin-right: 0;width: 100%;}
.list-group-item a {color: #777;}
.list-group-item a:hover {color: #0093d1;}

table.spip {border: 0;background-color: transparent;}
td img {width: auto;}

@media screen and (max-width: 1024px) {
	.logo_partenaire, #agenda {margin-left: 30px;}
	.logo_partenaire {background-size:90% ;}
	
	}
@media screen and (max-width: 768px) {
  .row-offcanvas {position: relative;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
  .row-offcanvas-right
  .sidebar-offcanvas {right: 270px;}
	.nav {margin-right: 0;padding-right: 0;}
  .row-offcanvas-left
  .sidebar-offcanvas {left: -250px;}
  .row-offcanvas-right.active {right: 270px;}
  .row-offcanvas-left.active {left: 270px;}
  .sidebar-offcanvas {position: absolute;top: 0;width: 270px;}
  .navbar {visibility: visible;}
  #sidebar {background-color: transparent;}
  #sidebar-nav{ border-top: 1px #1f1f1f solid;}
  #sidebar .nav >li {border-bottom: none;padding-left: 0;padding-right: 10px;}
  #sidebar .nav>li:first-child {border-top:0; }
  #sidebar .nav>li>a {color:#1f1f1f;}
  #sidebar .nav>li>a>img {max-width: 14px;}
  #sidebar .nav>li>a:hover, #sidebar .nav>li>a:focus {text-decoration: none;color:#0093d1;  }
  #sidebar .nav .caret {border-top-color: #fff;border-bottom-color: #fff;}
  #sidebar .nav a:hover .caret{border-top-color: #fff;border-bottom-color: #fff;}
  #sidebar-nav {border-right: 0px #1f1f1f dotted;}
  
  li.menu .on {color: #b4b4b4;}
  .col-sm-3 {padding-left: 0;}
  ul.nav, .sidebar-offcanvas, #sidebar,.col-sm-3, #sidebar-nav,  {background-color:#FFF;}
  .logo_partenaire, #agenda {margin-left: 0px;}
  #agenda{
	float: left;
	width: 250px;
	padding: 5px 10px;
	margin-top: 0px;
}
  .logo_partenaire {background: white none no-repeat;width: 250px;height: 417px;float: left; display: block;}
  .traductions {padding-left: 10px;}
}

@media (max-width:768px) {
.page-container {padding-top: 18px;padding-left: 10px;}	
.page-container {width: 100%;}
.col-sm-9 {width: 99%}
.article img {max-width: 100%;width: auto;height: auto;}
.article {width: 100%;}
.accueil {margin: 0;padding: 0;overflow: hidden;height: 650px;width: 100%;}
}

@media screen and (max-width: 600px) {
#entete {width: auto;padding-top: 8px;}
.logo .h1{font-size: 30px;color: #1f1f1f;font-weight: normal;line-height: 18px;margin-bottom: 5px;font-style: normal;letter-spacing: 1px;}
.row-offcanvas {position: relative;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
.row-offcanvas-right
  .sidebar-offcanvas {right: -270px;}
  .row-offcanvas-left
  .sidebar-offcanvas {left: -250px;}
  .row-offcanvas-right.active {right: 270px;}
  .row-offcanvas-left.active {left: 270px;}
  .sidebar-offcanvas {position: absolute;top: 0;width: 200px;}
  #sidebar {background-color:transparent;}
  #sidebar .nav>li {padding-left:0px;}
  .col-sm-3 {padding-left: 0;}
}

@media screen and (max-width: 480px) {
	#entete {width: auto;padding-top: 8px;}
	.row-offcanvas-left.active {left: 270px;}
	
}
	
@media screen and (max-width: 340px) {
	#entete {width: auto;padding-top: 8px;}
	.logo .h1{font-size: 25px;color: #1f1f1f;font-weight: normal;line-height: 18px;margin-bottom: 5px;font-style: normal;letter-spacing: 1px;}
  .row-offcanvas {position: relative;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
  .row-offcanvas-right
  .sidebar-offcanvas {right: -260px;}
  .row-offcanvas-left
  .sidebar-offcanvas {left: -260px;}
  .row-offcanvas-right.active {right: 270px;}
  .row-offcanvas-left.active {left: 270px;}
  .sidebar-offcanvas {position: absolute;top: 0;width: 200px;}
  #sidebar {background-color:transparent;}
 #sidebar .nav>li {padding-left:15px;}
  input.text,textarea, .formulaire_newsletter input.text,textarea { width: 20em !important;}
  input.text, .formulaire_recherche input.text { width: 14.85em !important; }
  #sidebar .nav>li {padding-left:0px;}
  .col-sm-3 {padding-left: 0;}
  .logo_partenaire, #agenda {margin-left: 0px;}
  #agenda {width: 100%;}
  .logo_partenaire {
	background: none no-repeat;width: 250px;
	margin-left: auto;
	margin-right: auto;
	height: 417px;
}
}

@media (min-width:1200px) {
.page-container {width: 1140px;margin-left: 0;}
section, article {max-width: 640px;}
.col_archives {max-width: 860px;}
.article {width: 100%;}
.accueil {margin: 0;padding: 0;overflow: hidden;height: 650px;width: 960px;}
}

@media (min-width:800px) {
.page-container {width: 100%;margin-left: 0;}
section {margin-left: 30px;}
section, article {max-width: 640px;}
.article {width: 100%;}
.article img {max-width: 100%;width: auto;height: auto;}
}