/*
bleu  006699
bleu fonçé 006699
jaune  ffd90e

*/
body {background-color: #006699;}

@media screen and (max-width: 780px) {
#banner {
		background-attachment: scroll,fixed;
		background-image: url(../images/fond_mobile_2.svg);
		background-position:top 100px center;
		background-repeat: no-repeat;
		background-size: contain;
		color: #fff;
		padding: 12em 0 10em 0;
		text-align: center;
		}

}

html.article body{background-image: url(../images/fond.svg);
/* background-attachment: fixed; */
background-size: 100% 100%;
background-position:bottom;}

.box{background:none;border-radius:0;}

#header {background:#006699;} 

#header nav > ul > li a:not(.button) {}
#header nav > ul > li.active a:not(.button) {background:#92b3d9;}
#header nav > ul > li.on a:not(.button) {background:#92b3d9;}
#header nav .menu-lang {float:right;text-align:center;border-left: 1px ;padding-left:2em;margin-top:16px;}
#header nav .menu-lang ul {list-style: none;margin: 0;	padding-left: 0;}
#header nav .menu-lang > ul li {	line-height: 1.55em;}
#header nav .menu-lang > ul li a.langue_en {	color:#ffd80f;}

#header .home a {border:none;padding: 0px 0px 0px 10px;margin-top:10px;}

@media screen and (max-width: 1680px){
#banner {padding:  10em 1.5em 12em 1.5em;}
}
@media screen and (max-width: 1024px) {
#banner {padding: 6em 1.5em 8em 1.5em;}
}
@media screen and (max-width: 680px) {
#banner {padding: 6em 1.5em 2em 1.5em;}
}
@media screen and (max-width: 480px) {
#banner {padding: 6em 1.5em 0em 1.5em;}
}


#navButton {height:50px;background:#006699;}
#top-page {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	display: block;
	height: 44px;
	padding-top:8px;
	right: 0;
	position: fixed;
	top: 0;
	width: 50%;
	z-index: 12001;
}
#main {padding-bottom: 0em;}
#main > header {margin:0;}

#top-page a {text-decoration:none;border-bottom:none;font-weight:bold;}
h1, h2, h3, h4, h5, h6 {
	color: #393939;
	font-weight: 300;
	line-height: 1em;
	margin: 0 0 0.5em 0;
}
html.sommaire #top-page {display:none;}
html.sommaire .mini-logo{display:none;}
h1 {color:#ffd90e;}
html.article h1 {border:none;}
html.rubrique h2  {border:none;}
h2 {border-bottom: 1px solid #ffd90e;color:#ffffff;font-size:1.4em;}
h1.home, h2.home {border:none;}
h2.home {color:#006699;}
html.rubrique .box.special p {font-size:0.9em!important;text-align: left;}
strong, b {	color: #fff;	font-weight: 600;}
header.major p  {color:#fff;}
	p {color:#fff;}
	a {color:#fff;}
h2.titre_type_instrument {padding-top: 100px; margin-top: -100px;}
.texte, .texte p {color:#ffffff;}
.blocker {z-index:10000;}
/* .spip_doc_titre {font-size:0.7em;} */
.gris {color:#393939;}
.blanc {color:#ffffff;}
.bleu {color:#006699;}
.jaune {color:#ffd90e;}
.type_evenement  {color:#ffd90e!important;}
.type_evenement.button {min-width: 5em!important;}
.choix {color:#ffffff!important;}
.choix:hover {color:#ffd90e!important;}
header.major p {border-top:0;}

.bloc_date{float:left;max-width:180px}
.jour {float:left; background:#ffd90e;  border-radius:50%;  width:70px;  height:70px;  border:1px solid #ffd90e;line-height:36px;}
.mois {float:left;}
.annee{float:left;}

dl.dl_tous { margin: 0 0 1em 0;color:#fff;padding-bottom:10px;border-bottom:solid 1px;}
dl.dl_un {color:#fff;margin:0;}
dd.lien {}

@media screen and (max-width: 480px) {
h3.accordion-title {font-size:1.1em;}	
table.table tr th.h5 , table.table tr td.h5{font-size:0.775em;}	

html.article .jour {float:left; background:#ffd90e;  border-radius:50%;  width:50px;  height:50px;  border:1px solid #ffd90e; font-size:2.2em!important; padding:0.4em 0 0 0!important;line-height:22px;}
.bloc_date {border:0!important;}

html.sommaire .jour {float:left; background:#ffd90e;  border-radius:50%;  width:50px;  height:50px;  border:1px solid #ffd90e; font-size:1.9em!important; padding:0.4em 0 0 0!important;line-height:30px;}

.type_evenement.button  {margin:12px auto 0 auto;}
.prochain {text-align:center;}
.bloc_date {margin:0 auto 0 auto;}
.titre_prochain {clear:left;display:block;}

.explications  {font-size:0.8em;margin-top:2px;}
.accordion, .evenements {list-style-image : none!important;}
.bloc_date{float:left;max-width:170px}
}

ul.actions.small li {	padding: 0 0 0 0;}
input[type="submit"].alt.icon::before, input[type="reset"].alt.icon::before, input[type="button"].alt.icon::before, .button.alt.icon::before {
	color: #006699;
}
input[type="submit"].alt, input[type="reset"].alt, input[type="button"].alt, .button.alt {
	background-color: transparent;
	box-shadow: inset 0 0 0 2px #e5e5e5;
	color: #006699;
}
input[type="button"].alt:hover, .button.alt:hover {background:#006699;color:#ffffff;}
input[type="button"].alt.icon::before:hover, .button.alt.icon::before:hover {color:#ffffff;}



ul.actions  {margin:0;}

a {border-bottom:none;}
a.spip_in {text-decoration:underline;}
.accordion-item .accordion-title .fa-chevron-down {float:right;}
.accordion-item.active .accordion-title .fa-chevron-down {transition:transform .5s;  transform:rotateX(180deg); }
.accordion-item .accordion-title .fa-chevron-down {transform:rotateX(0deg);}

.accordion, .listing_catalogue , .evenements{
	padding: 0;
	list-style: none; 
}
.accordion, .evenements {list-style-image : url(../images/bullet.gif);}

.accordion-item {border-radius: 6px;background:#92b3d9;}
.accordion-title {
	display: block;
	margin: 0;
	padding: 10px 7px;
	text-decoration: none;
	cursor: pointer;
color:#006699;
}
.accordion-title:hover {
	background: #ccc;
}
h3.accordion-title:hover {
	background: #999999;
	border-radius: 6px;
}
.accordion-content {
	display:none;
	padding: 10px;
	color: #000;
	border: 1px solid #e1e1e1;
}
.explications.jaune {color:#ffd90e!important;}
.explications{color:#006699;}
.table, .fauxtableau {line-height:0.85em;}

div:target {
    padding-top: 9em; 
    margin-top: -9em; 
}
#pagination_agenda{
    padding-top: 5em; 
    margin-top: -5em; 
}

.modal {background:#006699;}
.documents_joints a {font-size:0.8em;}
ul.spip, ol.spip {	margin-left: 10px;}
.video {display:block;max-height:275px!important;margin-bottom: 2.3em!important;}
@media screen and (max-width: 1680px) {
.video {display:block;max-height:200px!important;margin-bottom: 3em!important;overflow:hidden;}	
}

.dropotron.level-0::before {	background: #4b6ca3;}
.dropotron li > a:hover, .dropotron li:first-child > span {	background: #4b6ca3;}
ul.liste_actualites {list-style: none}
ul.liste_actualites li::before {content: "•"; color: red;
  display: inline-block; width: 1em;
  margin-left: -1em}

#documents_portfolio ul {list-style:none;}
ul.portfolio_ligne  {list-style:none;}
ul.portfolio_ligne  li {padding:0;max-width:50%;}
@media screen and (max-width: 480px) {
ul.portfolio_ligne  li {max-width:100%;}
}

.today-box {
   color: #868686;
  
   position: relative;
   box-shadow: 0px 0px 40px -9px #006699;
   margin-bottom: 50px;
    }
 

   

   .date-title {
      font-size: 20px;
      margin: 7px 0 0 0;
      letter-spacing: 1px;
      font-weight: 600;
      text-shadow: 0px 0px 5px  rgba(#000, 0.15);

   }   

input[type="text"], input[type="password"], input[type="email"], select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: #92b3d9;
	border-radius: 6px;
	border: solid 1px #e5e5e5;
	color: inherit;
	display: block;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	width: 100%;
}

table tbody tr:nth-child(2n+1) {
	background-color: transparent;
}
table tbody tr {border:none;}
table.spip tr td {color:#ffffff;font-size:0.8em;}

input[type="checkbox"] + label::before, input[type="radio"] + label::before {
	background: #f8f8f8;
	border-radius: 6px;
	border: solid 1px #a6a2a2;
	content: '';
	display: inline-block;
	height: 1.8em;
	left: 0;
	line-height: 1.725em;
	position: absolute;
	text-align: center;
	top: 0;
	width: 1.8em;
}
.reponse_formulaire_ok {
    background: #a0a09f;
    color: #264409;
    border-color: #c6d880;
}
label {
	color: #ffffff;
	display: block;
	font-size: 0.9em;
	font-weight: 300;
	margin: 0 0 1em 0;
}

#footer {background: #484848;padding: 0em 0 6em 0;text-align: center;
background: rgb(72,72,72);
background: linear-gradient(0deg, rgba(0,145,202,1) 0%, rgba(0,102,153,1) 100%);
}
#footer .contact-icons {	text-align: left;}

.preload {position: fixed;	left: 0px;	top: 0px;	width: 100%;	height: 100%;	z-index: 9999;	background: url(../images/Preloader_2.gif) center no-repeat #fff;}
.scrollup{
z-index:9999;
    width:50px;
    height:50px;
    opacity:0.3;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url(../images/up2.png) no-repeat;
    border-bottom: none;
}

a.scrollup:focus {
outline:none;
}
.img-responsive {max-width:100%;}