body { background: #fffffb; font-family: 'Roboto', sans-serif; font-size: 13px;}

/* Rendre les images responsive par defaut */
img {
  max-width: 100%;
  height: auto;
}

/* page-header */
.page-header { border:0; padding-top:15px; padding-bottom:35px; margin:0; }
.page-header h1, .page-header .h1 { font-size: 18px; margin-bottom:0; }
.page-header h1 strong, .page-header .h1 strong { font-size: 28px; }
.page-header h2, .page-header .h2 { font-weight: 300; font-size: 28px; margin:10px 0 25px; }

.top { margin-top:200px; }
.spip_doc_legende strong { font-style:italic; font-weight: 400!important; margin-top:4px;display: block; }
.nettoyeur {clear: both; }

.navbar-brand { padding-left:0; }
.navbar-default { border:0; background: none; padding-left:0; }
#menu { padding-left:0; font-family: 'Roboto Condensed', sans-serif; font-size: 18px;  font-weight: 600; margin-left: -10px; border-top: 1px solid #e8e8e5; }
#menu ul li { margin:10px 0; border-right: 2px solid #d9d9d9; }
#menu ul li.last { border-right: 0; }

#menu ul li a { padding: 0; margin:0 14px; }
#menu a { text-transform: uppercase; color: #333333; }
#menu a:hover, #menu li.on a { border-bottom: 0; background: #EFEFEF; }

table.spip { width: 100%;}
table.spip tr { border-bottom:1px solid #CCC; }
table.spip td { padding: 5px 0 5px; }
.archives a { 
		padding: 4px 0; 
		display:block; 
	    outline:none;
		/* Fonctionne déjà sur webkit */
		-webkit-transition-property: padding-left;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-in;
				
		/* Bientôt supporté par Firefox */
        -moz-transition-property: padding-left;
		-moz-transition-duration: 0.2s;
		-moz-transition-timing-function: ease-in;
				
		/* … et lorsque ce sera standardisé */
		transition-property: padding-left;
		transition-duration: 0.2s;
		transition-timing-function: ease-in;
}
.archives a.on, .archives a:hover { background: #EFEFEF; padding-left:10px; }

.reponse_formulaire { color: #FFF; }

/* Headings */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family: 'Roboto Condensed', sans-serif; color:#333333;}
h1 { margin-bottom:40px; }
h2 { border-bottom: 1px solid #dedede;
    font-size: 30px;
    margin-bottom: 18px;
    padding-bottom: 8px; }
#cboxSlideshow { display: none!important; }
#cboxPrevious { right:44px!important; }
article, article.texteencadre-spip { margin-bottom: 40px; }
.article h2 { font-size: 26px; border-bottom: 1px solid #f0f0ec; padding-bottom: 15px; margin: 0 0 15px;  }
.popup .article h2 { padding-bottom: 15px; margin: 0;  }

.article p + h2 { margin-top: 40px!important; }
.article ul + h2 { margin-top: 40px!important; }
.article .chapo { font-size: 14px; margin-bottom: 25px; }
.programmation .article .chapo { margin-bottom: 2px; }
.programmation  a.laureat { color: #333333; text-decoration: none; }

.article h3 { font-size: 19px; color: #333333; font-weight: 600; }
.article h3 + p { padding: 5px 0; }

.agenda .article h3 { float: left; font-size: 20px; margin:0 5px 0 0; color: #333333; font-weight: 600; }

.spip_documents_left { margin-bottom: 15px; margin-right: 15px; float: left; }
.bloc { margin-bottom:45px; border-bottom:1px solid #e8e8e5; padding-bottom:25px; }

/* Aside */
.aside a h3, .aside a .h3 { font-weight: 400; font-size: 26px; }
.aside a h4, .aside a .h4 { line-height: 18px; font-size: 14px; font-weight:600;  }
a, .aside a .texte { font-size: 13px; color:#333333; }
.aside a:hover { text-decoration: none; }
.aside a.tous:hover { text-decoration: underline; }
.aside .rdv .h3 { border-top:0; padding:0; }

/* full */
.full { padding-left:0!important;padding-right:0!important; }
.full2 { padding-right:0!important; }
.texte { background: #FFF; padding-top:15px;}

#cboxOverlay { background: #adadab!important; }
#cboxClose { background: url(/IMG/close.png) no-repeat; width:23px; height:26px; right:35px; top:20px; }
#cboxClose:hover { background-position: 0 0; }
.popup .container-fluid { margin:0 0 0 0!important;  }
.popup .chapo { margin-bottom: 0; }
.popup .texte { margin-bottom: 0; }
.popup { background: #FFF; } 
.blanc { background: #FFF; }

.cboxIframe, #cboxLoadingGraphic, #cboxContent { background: #000 url(/IMG/loading.gif) no-repeat center center;} 
#cboxLoadedContent { border:0!important; padding:0!important; background: #000 url(/IMG/loading.gif) no-repeat center center; }
.popup #icone_travaux { display:none; }
.popup .biographie { background:#333; color:#FFF; }
.popup .biographie a { color:#FFF; }
/* décoration */
.texteencadre-spip  { border:0; padding: 20px; background: #d6d6d3; color: #333; }

a.bloc_actu { border-bottom:1px solid #f0f0ec; padding-bottom: 10px; margin: 15px 0 10px; display: block; }
.article a:hover { text-decoration: none; color: #333333; background: #DEDEDE; }

/* Footer */
footer { background: #333333; padding: 50px 0; margin-top: 50px; }
footer a, footer .titre { margin:0; line-height:20px!important; color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-size: 18px;text-transform: uppercase;}
footer .nav a { padding: 0 5px 0 0!important; }
footer a:hover { background: none!important; color:#000;}
footer .reponse_formulaire_erreur { display: none; }
footer .erreur_message { color: #000; }
footer input { color: #333; }










/* Media Queries */

@media (min-width: 768px) {
	.navbar-default { position:absolute; top: 120px; border:0; background: none; padding-left:0; }
	#menu ul li a { font-size: 14px; padding: 0; margin:0 8px; }
	.article.colonnes-2 div.texte { -webkit-columns: 2; -moz-columns: 2; columns: 2; -moz-column-gap: 3em; -webkit-column-gap: 3em; column-gap: 3em; background: url(/IMG/bg_filetH.gif) repeat-y center center; }
	.article.colonnes-3 div.texte { -webkit-columns: 3; -moz-columns: 3; columns: 3; -moz-column-gap: 3em; -webkit-column-gap: 3em; column-gap: 3em; background: url(/IMG/bg_filetH.gif) repeat-y center center; }
	.article.colonnes-4 div.texte { -webkit-columns: 4; -moz-columns: 4; columns: 4; -moz-column-gap: 3em; -webkit-column-gap: 3em; column-gap: 3em; background: url(/IMG/bg_filetH.gif) repeat-y center center; }
	#menu a:hover, #menu li.on a { border-bottom: 2px solid #333333; background: none; }
	.popup { background: #333 url(/IMG/bg_popup.png) repeat-y; background-size:100%; } 
	.autres .article header {min-height:90px;}

}

@media (min-width: 992px) {
	.navbar-default { position:absolute; top: 120px; border:0; background: none; padding-left:0; }
	#menu ul li a { font-size: 16px;padding: 0; margin:0 8px; }
	.aside .rdv { margin-top:15px; }
	.aside .rdv .h3 { border-top:1px solid #e0e0de; padding:22px 0 11px; }
	.autres .article header {min-height:110px;}
	.laureats .article header {min-height:70px;}
}

@media (min-width: 1200px) {
	.navbar-default { position:absolute; top: 120px; border:0; background: none; padding-left:0; }
	#menu ul li a { font-size: 18px; padding: 0; margin:0 13px; }
	.aside .rdv { margin-top:15px; }
	.aside .rdv .h3 { border-top:1px solid #e0e0de; padding:22px 0 11px; }
	.autres .article header {min-height:90px;}
	.laureats .article header {min-height:70px;}

}