/*
 *  Feuille de style pour le site www.zinneke.org
 * 
 * */




/*
 *  layout général
 * */
 
#droite {
	float:right;
	width: 171px;
}
#gauche {
	margin-right:173px;
	border-right:2px dotted black;
}
/*
	fonts
*/
.home-grid .quoi {
    font-family: "ewertregular";
}
.rub_quoi .cartouche h1,
.art_quoi .cartouche h1 {
    font-family: "gravitas_oneregular";
}
.rub_photos .cartouche h1,
.art_photos .cartouche h1,
.rub_photos .medias .titre a {
    font-family: "mograregular";
}
.rub_videos .cartouche h1,
.art_videos .cartouche h1,
.rub_videos .medias .titre a {
    font-family: "crickxregular";
}
.rub_labo .cartouche h1,
.art_labo .cartouche h1 {
    font-family: "kumar_one_outlineregular";
}
.rub_zinnodes .cartouche h1,
.art_zinnodes .cartouche h1 {
    font-family: "ewertregular";
}

/*
 * En-tête
 * */
 
#logo_site_spip .nom-site {
    display :none;
}


.header .spip_logos {
    float: none;
    margin: 10px 10px 10px 0;
}

.header .case.langues {
    background: url('../img/sismographe.png')repeat-y right top;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 40px;
    font-family: 'fjalla_oneregular';
    height:200px;
    border-bottom:2px dotted black;
}
.header .case.logo {
    text-align: right;
    padding: 10px 0;
    border-bottom: 2px dotted;
    height:400px;
}
.header .case.logo img{
    width: auto;
    height: 96%;
    margin: 2% 0;
}
#fixed-header {
    top: 0;
    position: fixed;
    height : 100px;
    z-index:999;
    background: #FFF;
}

/*
 * Navigation
 * */
#nav.navbar {
    margin: 0;
    height: 55px;
    background: url('../img/ondes.png')repeat-x;
}
.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    margin: 0 0 0 40px;
    line-height: 2rem;
    font-size: 1.3rem;
    float: right;
    height:55px;
    background:#fff;
    border-left:2px dotted black;
} 

.navbar-inverse .nav > li > a {
    color: #333;
}
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
    background-color: transparent;
    color: #a77c37;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus {
    color: #ffffff;
    background-color: transparent;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: #a77c37;
    text-decoration: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.breadcrumb {
    background: none;
    margin: 0;
    padding: 10px 0;
    height:20px;
}
/*
 * Content
 * */

#content {
    margin-top :0px;
    border-top:2px dotted black;
}

.cartouche h1 {
	font-size:90px;
	margin:0;
	color: #333;
}
h1.tx {
	font-size:90px;
}
h1.tl {
	font-size:60px;
}
h1.tm {
	font-size:50px;
}
h1.ts {
	font-size:40px;
}
.cartouche  {
	border-bottom:2px dotted black;
	height:123px;
	color: #a77c37
}

h3.spip {
	color: #a77c37
}

.liste-items .item {
	clear:none;
}


.clearfix.ceinture {
    padding-bottom: 20px;
}

/*
 * Footer
 * */
.footer {
    max-width: 1170px;
    margin: auto;
    border-top:2px dotted black;
}


/* Page Sommaire
 * 
 * une grille en pleine largeur et sans marges
 * 
 * */
.page_sommaire {
    max-width:1200px;
    margin:auto;
}
.page_sommaire a {
    color:#000}

.page_sommaire a:focus, .page_sommaire a:hover, .page_sommaire a:active, .structurel a.titre {
    background-color: transparent;
    /*text-decoration:underline dotted red;*/
    color:#a77c37 ;
}
 
.home-grid .nav-collapse, .home-grid .nav-collapse.collapse {
    overflow: hidden;
    height: 0;
}
.home-grid .nav-collapse {
    clear: both;
}

.home-grid .navbar-responsive {
    position: relative;
    top: 20px;
    left: 20px;
}

.home-grid .navbar .btn-navbar {
    display: block;
}

.home-grid .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
}
.home-grid .nav-collapse .nav > li {
    float: none;
}

.home-grid .row-fluid {
   margin-right: 0;
   margin-left: 0;
   height : 200px;
}
.home-grid .row-fluid.triple {
   height : 600px;
}
.home-grid .row-fluid.double {
   height : 400px;
}
.home-grid .spancalendar {
    width :14.2857142857143%;
    word-wrap :break-word;
    
    overflow-wrap : break-word;
    }
.home-grid .spancalendar.double {
    width :28.571428571%;
/*
.home-grid .row-fluid.full .case {
    width: 100%;
    padding-top: 200%; 
    position: relative;  If you want text inside of it */
}

/* If you want text inside of the container 
.home-grid .row-fluid.full .case .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}*/


.home-grid .row-fluid.full .span1 { width : 8.33333333333333%; }
.home-grid .row-fluid.full .span2 { width : 16.6666666666667%; }
.home-grid .row-fluid.full .span3 { width : 25%; }
.home-grid .row-fluid.full .span4 { width : 33.3333333333333%; }
.home-grid .row-fluid.full .span5 { width : 41.6666666666667%; }
.home-grid .row-fluid.full .span6 { width : 50%; }
.home-grid .row-fluid.full .span7 { width : 58.3333333333333%; }
.home-grid .row-fluid.full .span8 { width : 66.6666666666666%; }
.home-grid .row-fluid.full .span9 { width : 75%; }
.home-grid .row-fluid.full .span10 { width : 83.3333333333333%; }
.home-grid .row-fluid.full .span11 { width : 91.6666666666666%; }
.home-grid .row-fluid.full .span12 { width : 100%; }

@media (max-width: 767px) {
.home-grid .row-fluid  {
	height:auto;
}
.home-grid .row-fluid.full [class*="span"] {
    width: 100%;
    height : 100%;
    
}
.home-grid .row-fluid.full [class*="span"] .info {
	display:block;
}
}



.home-grid .row-fluid [class*="span"] {
    /*height : 200px;*/
    height : 100%;
    margin:0;
    text-align:center;
}
/*
.home-grid .row-fluid > [class*="span"]:not(.parent){
    box-shadow: inset 0px 0px 0px 1px black;
    padding:2px;
    /*
    background: #fff;
    
     *border: 2px solid black;
     *
}
 */

.home-grid .case {
    border: 2px dotted;
    border-top: none;
    border-left: none;
}
.home-grid .case.structurel {
	display:flex;
} 
.home-grid .case.structurel.logo-site {
	display:block;
} 
.home-grid .case.structurel.logo-site img {
    width: auto;
    float: right;
   	height:96%;
   	margin:2% 0;
}
.home-grid .case .content {
	margin:auto;
}
.home-grid {
    border: 2px dotted;
    border-bottom: none;
    border-right: none;
}
/*
.home-grid .row-fluid > [class*="span"]:not(.parent):hover{
    background: #a77c37;}
*/
.home-grid .row-fluid .passe .jour,
.home-grid .row-fluid .passe .mois {
    opacity:0.7;
}

.home-grid .row-fluid .passe {
    background: url('../img/accueil_barre.png') no-repeat right top;
}
.home-grid .row-fluid .passe:hover {
    background: url('../img/accueil_barre_blanche.png') no-repeat right top;
}

.home-grid .row-fluid .passe.logobr {
    background: none;
}

.row-fluid > [class^="span"],
.row-fluid > [class*="span"] {
   padding-right: 0;
   padding-left: 0;
}
.home-grid .row-fluid .rowspan2 {
    height : 400px;
}
.home-grid [class*="span"]:last-child {
float:left;}

  .home-grid .row-fluid .structurel {
  font-size:24px;}

.date_br {
    font-size:70px;
    /*font-weight:bold;*/
    margin:10px auto 5px;
    line-height:80px;
}
.date_br .jour {
    height:80px;

}
.date_br .filet {
    border-bottom:2px solid #a77c37;
    width: 33%;
    margin:0 auto 10px;
    }
.home-grid .case:hover .date_br .filet {
border-bottom-color:#fff;
}
.date_br .mois {
    font-size:24px;
    margin:0;
    line-height:24px;
    padding-bottom: 5px;
}
.home-grid .row-fluid [class*="span"] .infos {
    display:none;
}

.home-grid .row-fluid [class*="span"]:not(.parent):hover .infos {
    display:block;
    position:relative;
    background: #a77c37;
    width: 100%;
    /*box-shadow: inset 0px -2px 0px 0px black;*/
    z-index:2;
padding-bottom:10px;

}
.home-grid .row-fluid [class*="span"]:not(.parent):hover a{
    color:white;
    background: transparent;
}
.home-grid .row-fluid [class*="span"]:not(.parent):hover,
.home-grid .row-fluid [class*="span"]:not(.parent):hover .titre {
    color:white;
    background: #a77c37;
}
.home-grid .row-fluid [class*="span"].structurel .infos {
    display:block;
   
}
.home-grid .row-fluid [class*="span"].structurel:hover .infos {
    position:inherit;
}

.home-grid img {
    max-height: 100%;
}

.home-grid .titre {
    /*font-weight:bold;*/
    padding:0 10px;
    display:block;
    font-size:18px;
    line-height:18px;
}
.home-grid .structurel .titre {
    padding:10px 0;
    font-size:26px;
    line-height:30px;
    }

.home-grid .edit {
    position: absolute;
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
    background: #ededed;
}

.home-grid .spancalendar.parade .content{
    background: #a77c37;
    height : 100%;
    position: relative;
    top: -10px;
    padding-top: 10px;
}
    
.home-grid .spancalendar.parade .date_br .filet{
    border-bottom:2px solid #fff;
    }

.home-grid .structurel.zinnodes {
	display:block;
	padding:0 6px;
	}
.home-grid .structurel.zinnodes .titre
{
    font-size: 60px;
    line-height: 60px;
}
.home-grid .structurel.infos_parade .titre {
    font-size: 55px;
    line-height: 50px;
}

.home-grid .structurel.rowspan2.annonce .titre{
    font-size: 100px;
    line-height: 80px;
}

.home-grid .structurel.masui .titre
{
    font-size: 20px;
    line-height: 20px;
}
.home-grid .structurel.masui:hover .titre {
    background: #a77c37;
}

.home-grid .point_interrogation {
    display:block;
    font-size:90px;
    line-height:80px;
}
.home-grid .structurel.photo .titre,
.home-grid .structurel.video .titre{
    font-size: 40px;
}
html.en .home-grid .structurel.photo .titre {
    font-size: 33px;
}
.home-grid .row-fluid > [class*="span"].bg_helix100:not(.parent){
    background: url('../img/helix100.png');
}


.home-grid .row-fluid > [class*="span"].bg_ruban20x30:not(.parent){
    background: url('../img/ruban20x30.png') repeat-y;
}
.home-grid .row-fluid > [class*="span"].bg_dore:not(.parent){
    background: url('../img/g12.png') repeat-y;
}


.decor1{
    background: url('../img/decor1.png');
}
.home-grid .row-fluid .spancalendar.decor1:hover {
    background: url('../img/decor1b.png') #a77c37;
}
.bg_ruban,
.home-grid .annonce{
    background: url('../img/ruban.png')repeat-y;
}
.home-grid .row-fluid .span12.annonce:hover {
    background: url('../img/rubanb.png')repeat-y #a77c37;
    }
.home-grid .annonce .content {
	margin-left:16px;
	max-width:90%;
}
.home-grid .langues{
    background: url('../img/sismographe.png')repeat-y right top;
    padding: 10px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 40px;
    font-family: 'fjalla_oneregular';
}
.home-grid .row-fluid .spancalendar.langues:hover{
    background: url('../img/sismographeb.png')repeat-y right top #a77c37;
}
.home-grid #formulaire_menu_lang {
	text-align:left;
}
.bg_vagues-v,
.home-grid .contact{
    background: url('../img/vagues-v.png');
}
.home-grid .row-fluid .span12.contact:hover {
	 background: url('../img/vagues-vb.png') #a77c37;
}
.home-grid .row-fluid.full .logo-site .logo-responsive{
	display:none;
}
.home-grid .row-fluid.full .logo-site ul.zquoi-home {
    display:none;
    list-style-type:none;
    margin: 0;
    text-align:right;
    line-height: 24px;
}
.home-grid .row-fluid.full .logo-site ul.zquoi-home li{
    list-style-type:none;
    padding: 35px 5px;
font-family: mograregular;
    }
.home-grid .row-fluid.full .logo-site:hover ul.zquoi-home {
    display:block;
}
.home-grid .row-fluid.full .logo-site:hover .logo-vertical{
	display:none;
}

@media (max-width: 767px) {
.home-grid .row-fluid,
.home-grid .row-fluid.double,
.home-grid .row-fluid.triple   {
	height:auto;
}
.home-grid .row-fluid.full [class*="span"] {
    width: 100%;
    height : 100%;
    
}
.home-grid .row-fluid.full [class*="span"] .infos {
	display:block;
}
.home-grid .row-fluid.full .logo-site .logo-vertical {
	display:none;
}
.home-grid .row-fluid.full .logo-site .logo-responsive,
.home-grid .row-fluid.full .logo-site ul.zquoi-home {
	display:block;
}
.home-grid .annonce .content {
	margin-left:auto;
	}
}


/*
 * Pages media photos et video
 * */
.medias.liste-items .item {
    clear:none;
    border-top:none;
}
.medias.liste-items .item:last-child {
    border-bottom:none;
}
/*
.medias.liste-items .item:first-child {
    margin-left:0;
}*/
.medias.liste-items .item {
    margin-right: 20px;
    margin-left: 0;
}
.medias .titre {
    margin: 10px auto;
}
#search {
    float: right;
    width: 290px;
    margin: 70px 20px 20px 0;
}
@media (min-width: 1200px) {
.medias.liste-items .span4 {
    width:305px;
}
.medias.liste-items .span6 {
    width:475px;
}
}
.liste-items.row.medias::after {
    clear: left;
}

.descriptif.auteur.photos {
	
}

@media (min-width: 768px) and (max-width: 979px) {

}


 
a {
color : #a77c37 ;
}

a:focus, a:hover, a:active {
    background-color: transparent;
    /*text-decoration:underline dotted red;*/
    color:#000 ;
}

#btn_up {
    bottom: 25px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 25px;
    z-index: 100;
}
/* boutons de partage */
#share {
    float: right;
    height: 40px;
    position: relative;
    top: 60px;
}
#btnshare {
    float: right;
    padding: 4px;
}
#sharebtns {
    float :right;
    text-align : right;
    padding: 0;
    height: 40px;
    width: 0px;
    overflow:hidden;
}
#sharebtns img {
    /*float: right;*/
    padding: 4px;
}

/*
 * articles
 * */
article .main .logo_article {
	float:left;
	margin:0 10px 10px 0;	
} 
#documents_portfolio {
	clear: left;
}

/*
 * albums photos
 * */

#documents_portfolio.clearfix::after {

    clear: left;

}

#documents_portfolio ul {
	margin-left: 0;
}
#documents_portfolio li {

    list-style-type: none;
    float: left;
    margin: 10px;
} 


/*
 * accueil photos
 * */

.categories.photos .categorie::after {

    clear: left;
}

.categories.photos .categorie {

    border-bottom: 1px dotted;
    margin-bottom: 10px;
}
.categories.photos .categorie .desc p{
	
}

.categories.photos .categorie .desc {
	margin-left:320px
}
.categories.photos .categorie .en-bref{
	margin-left:0;
	 margin-bottom: 20px;
	 float:left;
	 width:300px;
}
.clearleft { clear:left;}
.categories.photos .categorie .desc::after{
	clear:left;
}

/* affichage du texte sur les logos d'albums (svg) */
.titre-album { font: italic 40px serif; fill: white; }



/*
 * page contact
 * */
 
.contacts .ariaformprop {
    clear:both;
}
 
 
 /*
 * 
 * */ 
.langues .logo_responsive {
	display:none;
}

@media (min-width: 980px) and (max-width: 1199px) {
.cartouche h1 {
	font-size:75px;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
    .navbar .nav  {
        line-height: 2rem;
        font-size: 1.1rem;
    }
    #content {
        margin-top :70px;
    }
    #fixed-header {
        height : 70px;
    }
    .medias.liste-items .span4 {
    width:305px;
	}
	.medias.liste-items .span6 {
		width:600px;
	}
	.cartouche h1 {
	font-size:50px;
	}
}

@media (max-width: 767px) {
	.home-grid .case {
		height:auto;
	}
	#droite.right {
    	float:none !important;
    	width:100%;
    }
    #gauche {
    	margin:0;
    	border:none;
    }
    .navbar .nav  {
        line-height: 1.5rem;
        font-size: 1 rem;
        height:auto;
        width:100%;
    }
    .case.langues {
    	height:auto;
    }
  	.case.langues ul li {
    	display:inline;
    }
    .case.logo-site{
    	display:none;
    }
    .case.langues .logo_responsive {
    	display:inline-block;
    }
    #nav.navbar {
    background: none;
	}
    header.cartouche, .cartouche {
        height : auto;
    }
	.cartouche h1 {
	font-size:50px;
	}
    h1.tx {
	font-size:50px;
    }
    h1.tl {
        font-size:40px;
    }
    h1.tm {
        font-size:30px;
    }
    h1.ts {
        font-size:25px;
    }
}
.formulaire_spip.formulaire_login,
.formulaire_spip.formulaire_menu_lang,
.formulaire_spip,
.formulaire_spip .editer {
    list-style: none;
        clear:none;
}
 
.champ_cache {
    display:none;
}
.formulaire_pdf_nob .boutons,
.formulaire_pdf_noba .boutons,
.formulaire_pdf_nob_all .boutons {
    padding: 0;
    margin: auto;
}
.formulaire_spip.formulaire_pdf_nob,
.formulaire_spip.formulaire_pdf_noba,
.formulaire_spip.formulaire_pdf_nob_all {
    padding: 0;
}

/*
 * VOTE 
 * */
.formulaire_formidable-12.formulaire_spip .boutons::after,
.formulaire_formidable-10.formulaire_spip .boutons::after {
    clear: none;
}


/* maj fin vote */

.home-grid,
.home-grid .case {
    border: none;
}
.home-grid .row-fluid .passe,
.home-grid .contact {
    background-image:none;
}
.home-grid .case.share {
    padding : 45% 0;
}
@media (max-width: 767px) {

.home-grid .row-fluid.full .passe {
    display:none;
}
}
.home-grid .structurel.theme .titre {
    font-size:42px;
    line-height: 60px;
}
.home-grid .structurel.theme.nvtheme .titre {
    text-transform:uppercase;
    font-size: 60px;
    line-height: 60px;
}
.vacature ul{
	margin-bottom:0;
}
.vacature ul + p{
	margin-top:1.42857143em;
}

.spip_documents_left,
.spip_documents_center,
.spip_documents_right {
	clear :none;
}

/* notes */
.page_article footer {
	border-top:2px dotted black;
}
footer .notes {
	max-width: 90%;
	font-size: 95%;
	
}
footer .notes > div {
	padding-left : 40px;
}

.carnets h2 {
    margin-top: 0.95238095em;
}



/* plugin auteursenrichis 
.coordonnees label {
	float:left;
	margin-right:10px;
	font-family:monospace;
}
.coordonnees div > span {
	display: inline-block;
	width: 100%;
	padding: 10px;
	background: #EDEDED;
}
*/
/* plugin ndf
.page_ndf .cartouche h1 {
	font-size: 20px;
}
.page_ndf .ndf_meta {
	font-size: 14px;
}

.page_ndf .instituer_objet .boutons {
	float:right;
}
.page_ndf .boutons::after {
	clear:none;
}
.page_ndf .instituer_objet .bouton {
	float:right;
}
.page_ndf form label {
	float:left;
}
.page_ndf form select {
	width:auto;
}
 */
 
/* plugin auteursenrichis */
.coordonnees label {
	margin-right:10px;
	font-family:monospace;
}
.coordonnees div > span {
	display: inline-block;
	width: 80%;
	padding: 10px;
	background: #f5f5f5;
}

.auteursenrichis .coordonnees button{
    margin: 20px;
    margin-left:75%;
}



/* plugin ndf */
.page_ndf .cartouche h1,
.page_ndfd .cartouche h1 {
	font-size: 20px;
}
.page_ndfd .ndf_meta,
.page_ndfd .ndf_meta {
	font-size: 14px;
}

.ndf_meta label {

	margin-right:10px;
	font-family:monospace;
}
.ndf_meta div > span {
	display: inline-block;
	width: 80%;
	padding: 10px;
	background: #f5f5f5;
}

.page_ndf .instituer_objet .boutons,
.page_ndfd .instituer_objet .boutons  {
	float:right;
}
.page_ndf .boutons::after,
.page_ndfd .boutons::after {
	clear:none;
}
.page_ndf .instituer_objet .bouton,
.page_ndfd .instituer_objet .bouton {
	float:right;
}
.page_ndf form label {
	
}
.page_ndf form select,
.page_ndfd form select {
	width:auto;
}
.menu_ndfs,
.menu_ndfd {
	margin-top:20px;
}
.menu_ndfs ul li.row_even,
.menu_ndfd ul li.row_even{
	background:#f5f5f5;
}
.menu_ndfs ul,
.menu_ndfd ul{
	list-style-type:none;
	padding:0;
	margin:0 0 10px 0;
}
.menu_ndfs .titre,
.menu_ndfd .titre{
	min-height: 40px;
	padding: 5px 10px;
	line-height: 40px;
}
.menu_ndfs .generer_pdf,
.menu_ndfd .generer_pdf{
	float:right;
	margin-right: 30px;
	width: 370px;


}
.page_mon-compte .formulaire_spip,
.page_ndf .formulaire_spip,
.page_ndfd .formulaire_spip,
.page_mon-compte .formulaire_spip .boutons,
.page_ndf .formulaire_spip .boutons,
.page_ndfd .formulaire_spip .boutons{
	background:none;
	padding:0;
	
}
.page_mon-compte .formulaire_spip .boutons,
.page_ndf .formulaire_spip .boutons,
.page_ndfd .formulaire_spip .boutons{
	border-top:none;
	margin-left: 10px;
	line-height: 40px;
}
.page_ndf .formulaire_spip .boutons,
.page_ndfd .formulaire_spip .boutons{
	margin-right:20px;
}
.page_mon-compte .formulaire_spip .editer_recap label,
.page_ndf .formulaire_spip .editer_recap label{
	float:left;
}
.page_mon-compte .formulaire_spip .editer_recap .choix,
.page_ndf .formulaire_spip .editer_recap .choix{
	display:inline;
	
}
.formulaire_spip .editer_recap label{
	line-height: 12px;
font-size: 10px;
padding: 8px 5px 8px 0;
}
.page_mon-compte .menu .formulaire_spip .editer-groupe,
.page_ndf .menu .formulaire_spip .editer-groupe{
	margin-bottom:0;
	line-height: 40px;
	float:left;
}
#champ_montant, #champ_distance {
	width:auto;
}
.page_ndf .ndf_meta {
	margin : 20px 0;
}
.page_ndf .ndf_meta > div{
	margin : 10px 0;
}
.page_mon-compte .generer_pdf .boutons .submit {
	white-space: normal;
	width: 230px;
	line-height: 16px;
}