/* --------------------------------------------------------------

   theme.css
   Theme par defaut de SPIP 3.1 
   2014 - theme neodist - collectif SPIP

-------------------------------------------------------------- */

/* ------------------------------------------
/* Habillage des balises HTML
/* ------------------------------------------ */

/* Elements principaux
------------------------------------------ */
body {
	  font-weight:normal;
	color:#222222;
} 

h1,.h1,
h2,.h2 { line-height: 1.2;}

/* Hyperliens
---------------------------------------------- */
a{ color: #006;  } 
 
a:focus, 
a:hover, 
a:active { color:#000;}

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */



/* header */

.haut{
	background-color:#FFF;
	background-image: url(../images/fond-bandeau.jpg);
	background-repeat: no-repeat;
	background-position: center top;
/*	-webkit-background-size: cover;
	background-size: cover;
*/	
	width: 100%;
}
.page_sommaire .haut{
	
}
.header{
/*	background-image: url(../images/fond-haut.jpg);
	background-repeat: no-repeat;
	background-position: right top;
*/	padding-top:1em;
	padding-bottom:1em;
}

.header .titre{
}

.header .spip_logo{
	float:left;
	margin:0;
	margin-right:20px;
	margin-bottom:2em;
}

.header .logo{
/*	float:left;
	width:20%;
*/}

.header #slogan{
	background-color: rgba(0, 0, 0, 0.5);
	padding:1em;
	margin-top:50px;
	display:inline-block;
	line-height:1;
}

.reseaux { width:auto; float:right;}
.reseaux a{color: #FFF;}

.header_droite{
	float:right;
	text-align: right;
}

.header p{
	margin-bottom:0.5em;
	text-transform:uppercase;
	color:#FFF;
	line-height:1;
}

.header .republique{
	padding-top:0.5em;
}
.header .titre{
	font-size:0em;
	text-indent:-3000px;
}

.header_droite a{
padding: 0.5em 1em;
background-color: #666;
color: #FFF;
display: inline-block;
text-decoration:none;
}
.header_droite a:hover{
background-color: #000;
}




/* fil d'ariane */

.arbo {
	clear: both;
	font-size: 0.8em;
	color: #999;
	margin:1.5em 0;
}
.arbo * { font-weight: normal; }
.arbo a,
.arbo a:visited { color: #666; }
.arbo a:hover {color: #000; }  

.cartouche { margin-bottom: 2em;   }
.cartouche h1 { margin-bottom: 0; color:#255f99; font-size:1.7em; border-top: dotted 1px #7b96a7;
padding-top: 0.5em; }
.cartouche .spip_logos { margin-top:1em; border:1px solid #ccc;}
.cartouche p { margin-bottom: 0; }
.surtitre{}
.soustitre {}
abbr.published { border: 0; }

ul.spip li{ margin-bottom:0.3em;}


@media print {
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }
}
.info-publi {
	margin: 1.5em 0 1em;
	font-size: .9em;
	color:#666;
	background-image: url(../images/agenda.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
}
html[dir="rtl"] .info-publi { font-style: normal; }
.traductions { font-size: .9em; }
.traductions a[hreflang]:after { content: ''; }

.chapo { font-weight: 700; margin-bottom:1.5em; font-size:110%; color:#6699cc}

.texte h3 {
	color:#10668A;
	font-size:1.2em;
}

blockquote.spip {
    min-height: 40px;
	background-image:none;
	border-left:5px solid #2273a4;
	padding-left:20px;
}

.chapo p{ margin-bottom:0; }
.texte { text-align:justify;}
.hyperlien { display: block; padding: 1.5em 50px; background: #EED url(https://www.pfongue.org/squelettes/css/img/def.png) no-repeat 25px 1.9em; font-weight: bold; }
.ps, .notes { margin-bottom: 1.5em; }
.notes { clear: both; font-size: .9em; }

#content div.socialtags {
    margin: 0px 0 20px 0;
    padding: 0;
    clear: both;
}

#content .socialtags img {
	float: none;
	width: 32px;
	height: 32px;
	border: 0;
	margin: 0;
	padding: 0;
}

#content .socialtags-hovers {
	opacity: .8;
	filter: alpha(opacity=80);
}
#content .socialtags-hovers:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* Listes et tableaux */
dl.spip dt { background: url(https://www.pfongue.org/squelettes/css/img/def.png) no-repeat 25px .5em; }
dl.spip dd {}

table.spip {margin:1em 0;}
table.spip caption {  background: none; border-bottom: 1px solid; text-align: left; font-weight: bold; }
table.spip thead th { background: none; border: 1px solid; border-width: 1px 0; }
table.spip tbody tr th,
table.spip tr td { background: none; }
table.spip tbody tr.odd th,
table.spip tr.odd td { background: #EED; }
table.spip tr:hover td {background: #AAD;}
table.spip tfoot { border-top: 1px solid; }

/* Formulaires : variantes et cas particuliers
----------------------------------------------- */
.formulaire_spip { margin-bottom: 1.5em; }

fieldset {
  width: 100%; margin: 0;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

label { display: block; }
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

.formulaire_recherche label, .formulaire_menu_lang label { display: none; }
.formulaire_menu_lang, .formulaire_recherche, .fb { display:inline-block; margin-left:1em; margin-bottom:2em;}


.erreur_message { display: block; }
input.text,textarea {
  width: 100%;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.content input.text { width: 50%; }
textarea { width: 100%; }

/* Formidable
----------------------------------------------- */

.formulaire_formidable fieldset{
	background-color:#F1F1F1;
	padding:15px;
	border:1px solid #ccc;
}
.formulaire_formidable fieldset legend{
	background-color:#FFF;
	padding:10px;}
	
.choix {margin-left:30px;}
	
.choix label {display:inline;}
.saisie_oui_non, .saisie_mot{margin-bottom:0.5em;}

.formulaire_formidable .boutons{margin-top:1em;}
span.obligatoire { color:#F00;}

.saisie_input, .saisie_date {float:left; width:47%; margin-right:2.7%;}

.content .saisie_input input.text {
    width: 100%;
}
.saisie_textarea{clear:both;}


.formidable_analyse{text-align: left;}
.formidable_analyse caption{padding: 10px; background-color: #E6E6E6;}
.formidable_analyse td{padding: 10px;border-bottom: 1px solid #ccc; vertical-align: top;}

.formidable_analyse .progress-bar {
    background-color: #FFF;
    height: 25px;
    padding: 0px;
    margin: 2px 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 0px 0px #eee inset, 0 0px 0 #bbb;
    -webkit-box-shadow: 0 0px 0px #eee inset, 0 0px 0 #bbb;
    box-shadow: 0 0px 0px #eee inset, 0 0px 0 #bbb;
    position: relative;
}

.formidable_analyse .progress-bar span {
    background-color: #3794c4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3794c4), to(#3794c4));
    background-image: -webkit-linear-gradient(top, #3794c4, #3794c4);
    background-image: -moz-linear-gradient(top, #3794c4, #3794c4);
    background-image: -ms-linear-gradient(top, #3794c4, #3794c4);
    background-image: -o-linear-gradient(top, #3794c4, 3794c4777);
    background-image: linear-gradient(top, #3794c4, #3794c4);
    display: inline-block;
    height: 100%;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-box-shadow: 0 0px 0px #eee inset, 0 0px 0 #bbb;
    -webkit-box-shadow: 0 0px 0px #eee inset, 0 0px 0 #bbb;
    box-shadow: 0 0px 0px #eee inset, 0 0px 0 #bbb;
    -webkit-transition: width 2s ease-in-out;
    -moz-transition: width 2s ease-in-out;
    -ms-transition: width 2s ease-in-out;
    -o-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out;
}


/* Formulaires de recherche (site / petitions) */
.formulaire_recherche {float:right;}
.formulaire_recherche input.text { width: 12em; padding-left: 5px;border:solid 1px #aaa; background:#fff; line-height:32px; height:32px; }
.formulaire_recherche input.submit {
	padding:0;
	text-indent:-999em;
	background-color:#F4F4F4;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 32px;
	width: 32px;
	border:solid 1px #aaa;
	border-left:0;
	border-radius: 0;
}

/* Choix des mots-clefs */
ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
ul.choix_mots li label { display: inline; font-weight: normal; }

.formulaire_spip .bugajaxie { display: none; } /*IE/Win*/

/* Formulaire de login dans une page */
.formulaire_login .editer-groupe .editer { clear: left; }
.formulaire_login .editer_password .details { display: block; }
.formulaire_login #spip_logo_auteur { float: right; }

/* Fomulaire de contact */
.formulaire_ecrire_auteur { padding:1em; background-color:#CCC;}
.formulaire_ecrire_auteur legend{ display:none;}
.formulaire_ecrire_auteur .saisie_sujet_message_auteur input.text { width: 100%; }

/* Forums */

#formulaire_forum{}

#formulaire_forum fieldset{ padding:1em; border:1px solid #ccc; background-color:#F1F1F1; margin-bottom:1.5em;}
.session_qui{display: none;}

#formulaire_forum .forum_saisie_texte_info {display:none;}
#formulaire_forum legend {
    background: #FFF;
    padding: 5px 20px;
}

#formulaire_forum textarea {
	height:150px; padding:10px;}
#formulaire_forum ul, comments ul, .comment-item ul {
	list-style:none;}

.comment-item{ border: 1px solid #ccc; border-left:5px solid #ccc; padding:10px; margin-bottom:15px;}

.comments abbr[title], .comments acronym[title], permalink {
    border-bottom: 0; color:#666;
}
.comment-meta{margin-bottom:10px;}

.forum-titre{ border-top:1px dotted #CCC; padding-top:10px; margin-top:0em; color:#F60;}

/* Habillage des portfolios
---------------------------------------------- */


.lecteurpdf{border-bottom: 1px solid #ccc}
.documents_portfolio, .documents_joints {
	margin-bottom:1em;
}
.documents_joints {
}


.documents_portfolio h2, .documents_joints h2{
	text-transform:uppercase;
	font-size:1.2em;
	color:#999;
	background-image: url(../images/download.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0.5em 1em 0.5em 33px;
	display:inline-block;
	border-top:3px dotted #ccc;
}

.documents_portfolio li {display:inline;margin:0;padding:0;}
.documents_portfolio a {display:inline-block;padding:5px;margin-right:10px; margin-bottom:10px;border:1px solid #ccc !important;color:#EED;background:#fff;box-shadow: 3px 5px 3px 2px rgba(85,85,85,0.2);}
.documents_portfolio a:hover {color:#999;opacity:0.8;}
.documents_portfolio img {margin:0;}

.documents_joints .descriptif p {margin:0;}

.carte_gis{ border: 1px solid #ccc; margin-bottom:1em;}

.prive{
	display:inline-block;
	line-height:20px;
	background-image: url(../images/locked.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:26px;
}

/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de nav */
.menu { clear: both; margin-bottom: 1.5em; text-align: left; }
.menu p {}
.menu ul { margin-bottom: 0em; margin-left:15px; color:#6699cc; }
.menu ul li { padding-bottom:0.5em; list-style: square; line-height:1.3;}
.menu ul li ul { margin-left: 1.5em;  }

.aside .menu h3{
	color:#9ba3ae;
}


.droite{
	padding:1em;
	border:1px solid #3794c4;
}
.aussi{
	border:1px solid #ccc;
}
.droite h3{
	background-image: url(../images/arrow-actu.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}


.suivre{
	text-align:center;
	border:1px solid #3794c4;
	padding-top:1em;
}

.navsub { padding:0.7em 1em; display:block; margin-bottom:1.5em; color:#fff; background-color:#255f99; line-height:24px; border-radius:3px;}

.navsub a{color: #FFF;}
a.rub20{
	color:#fff;
	background-color:#255f99;
	background-image: url(../images/ico-membre.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:35px;
	display:inline-block;
	line-height:24px;
}
a.rub3, a.rub36{
	color:#fff;
	background-color:#255f99;
	background-image: url(../images/ico-boite.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:35px;
	display:inline-block;
	line-height:24px;
}
a.rub18{
	color:#fff;
	background-color:#255f99;
	background-image: url(../images/ico-annonce.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:35px;
	display:inline-block;
	line-height:24px;
}
a.art661{
	color:#fff;
	background-color:#255f99;
	background-image: url(../images/ico-agenda.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:35px;
	display:inline-block;
	line-height:24px;
}

/* ------------------------------------------
/* Recherche carto
/* ------------------------------------------ */

.logobulle{ width:225px;}

.logobulle .spip_logo, .logobulle .spip_logos{ float:none; display:block; margin:0; margin-top:5px;}
strong .mots_gis{ font-weight:normal;}
.mots_gis{ display:block;}

.search{ margin-bottom:1.5em; border:1px solid #6699cc;
}
.search label {display:inline; clear:both; line-height:1.4}
.search input[type="checkbox"] {
    float: left;
    margin-right: 10px;
}
.search li{clear:both; margin-bottom:0.1em;}

.search h3{ background-color:#6699cc; color:#FFF; padding: 0.7em 1em;}
.search h4{ margin:0; font-size:1em; margin-bottom:0.5em; line-height:1.4}
.search ul {margin:0 1em; margin-bottom:0.5em; font-size:90%;}
.search .blocs_destination { margin-left: 0px; margin-bottom:0.5em;
}

.search input[type="submit"] {
	margin:1em; margin-top:5px; margin-left:10%;}
	
.search select{width:80%; margin-left:10%; margin-bottom:5px;}
 
/* Pagination */
.pagination a,
.pagination .on  { padding:.5em; margin: 0em; border-radius:.25em; }
.pagination a { background: #EED; text-decoration: none; }
.pagination .on { font-weight: bold; background: #222; color: #fff; }
.pagination .sep { visibility: hidden; }
.menu_articles .pagination strong {font-size:1em;}

/* Listes d'articles et extraits introductifs */
.menu_articles li { clear: both; margin-bottom: 1.5em; }
.menu_articles li h3,
.menu_articles li h2 { margin: 0 0 0.2em 0; }
.menu_articles li p { margin: 0; }
.menu_articles li small {  }
.menu_articles li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.menu_articles li div {margin-top:0.2em;margin-bottom:0.5em;}
.menu_articles a {text-decoration:none;}
.menu_articles strong {font-size:1.2em;}
 
.menu_breves li {}
.menu_breves li h3 { margin: 0; }

.aside a {text-decoration:none;}

.footer a {text-decoration:none; color:#FFF;
}
.footer a:hover{ color:#2273a4;}
.footer a.spip_out:after {
  content: "";
}



.bas { background-color:#3794c4;;
		text-align:left;
		padding-bottom:1.5em;}

.bas .noussuivre img{width:42px; float:left; margin-right:10px;
}

.bas .spip_logo{ float:left; margin:0 15px 0 0}

.bas .ministere{ float:left; width:auto;}
.bas .europe{ float:left; width:auto; margin-left:2em;}
.bas .europe img{ margin-right:0.5em;}

.bas .noussuivre{ float:right; width:auto;}

.bas h4 { margin-bottom:0.5em;}
.bas p {margin-bottom:0.1em;}

#btn_up
{
position: fixed;
bottom: 10px;
right: 1.5%;
cursor: pointer;
display:none;
}


/* ------------------------------------------
/* Calendar
/* ------------------------------------------ */

.content .fc-listMonth-button { display:none;}

.content .fc-day-grid-event .fc-content {
    white-space: normal;
}
.content .fc-event, .content .fc-event-dot {
    background-color: #6699cc;
	color:#FFF;}

#agenda h2{ font-size:1.3em; color:#255f99;}

/* ------------------------------------------
/* Accueil
/* ------------------------------------------ */

.page_sommaire .aside{
	width:28%;
}

.page_sommaire .une {
	background-color:#e2eaec;
	padding:1em 0;
	padding-bottom:0;
}

.page_sommaire h2 {
	font-size:1.3em;
	}
.page_sommaire .main{
	padding:0;
	margin:0;
	}
.une .aside ul{
	padding-top:0.5em;
}

	
.une .aside p{
	margin:0;
	padding-top:1em;
	}

.une .suite a{
	padding:0.5em 1em;
	margin-bottom:0;
	background-color:#2273a4;
	color:#FFF;
	display:inline-block;
}
.une .suite a:hover{
	background-color:#666;
}

.page_sommaire .actualites{
	padding-top:1.5em;
}


.page_sommaire .actualites .grid > * > *{
	margin-bottom:2em;}


.page_sommaire .actualites h2{
	padding:0.4em 1em;
	background-color:#2273a4;
	color:#FFF;
	display:inline-block;
	font-weight:400;
}
.page_sommaire .actualites .aside h2{
	padding:0;
	line-height:1;
}

.page_sommaire .actualites .aside h2 a{
	display:block;
	padding:0.5em 1em;
	padding-right:2em;
	background-color:#999;
	color:#FFF;
	background-image: url(../images/fleche-d.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.page_sommaire .actualites .aside h2 a:hover{
	background-color:#2273a4;
	color:#FFF;
	background-image: url(../images/fleche-d.png);
	background-repeat: no-repeat;
	background-position: right center;
}


.page_sommaire .projets{
	clear:both;
	margin-top:1.5em;
	padding-top:1.5em;
	border-top:1px solid #ccc;
}

.page_sommaire .projets h2{
	padding:0.4em 1em;
	background-color:#8dc5e2;
	color:#2273a4;
	display:inline-block;
	font-weight:400;
}

/* bordures images */

.cartouche .spip_logos, .grid .spip_logos, .spip_documents, .bx-wrapper {

}

.cartouche .spip_logos{
}
/* ------------------------------------------
/* Agenda
/* ------------------------------------------ */


.menu_agenda li{
	clear:both;
	border-bottom:1px solid #ccc;
	padding:1em 0;
}
.menu_agenda .date{
	display:block;
	color:#666;
	background-image: url(../images/agenda.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;

	}
.menu_agenda .chapeau{
	display:block;
	}

/* GRID ------------------------ */

.grid * {
    box-sizing: border-box;
}


/* overall container of grids */
.grid {
  /*overflow: hidden;*/
  line-height:1.3;
  clear:both;
}

.grid img{
	display:block;
	max-width:100%;
	height:auto !important;
}

.grid .spip_logos{
	float:none;
	margin:0;
	display:block;
	margin-bottom:5px;
}
/* global styles for direct child ex. .grid3 */
.grid > * {
  display: block;
  padding: 0;
  /* gutter value */
  margin-left: -20px;
  text-align: left;
}
/* global styles for each "cell" */
.grid > * > * {
  display: inline-block;
  /* gutter value */
  padding-left: 20px;
  margin-left: 0;
  vertical-align: top;
    margin-bottom:1em;

}
/* whitespace fixing for modern browsers including IE9+ */
:root .grid {
  font-size: 0;
  /* fallback for IE9+ */
  text-justify: distribute-all-lines;
}
:root .grid > * > * {
  /* fallback for Opera Mini */
  font-size: 14px;
  font-size: 0.9rem;
}
/* Opera hack */
.opera:-o-prefocus,
.grid > * {
  word-spacing: -0.43em;
}
.grid2 > * {
  width: 50%;
}

.grid3 > * {
  width: 33.333%;
}

.grid4 > * {
  width: 25%;
}
.grid5 > * {
  width: 20%;
}

.grid a img{
-webkit-transition: opacity 0.3s linear 0s;
    -moz-transition: opacity 0.3s linear 0s;
    -o-transition: opacity 0.3s linear 0s;
    transition: opacity 0.3s linear 0s;
	width:100%;
	height:auto;
	border:1px solid #aaa;
	}
.grid a{
	text-decoration:none;
	color:#2273a4;
}

.grid a:hover{
	text-decoration:none;
	color:#000;
}

.grid a:hover img{
	    -khtml-opacity:0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    filter : alpha(opacity=50);
    opacity : 0.5;
}


.rubriques a h3{
	font-size:110%;
	margin-bottom: 1em;
	text-decoration:none;
			color:#333;

}
.rubriques a {
}

.rubriques a:hover h3 {
		color:#000;
}


@media print {

	/*  Ne pas imprimer */
	.spip-admin,
	.spip-admin-float,
	.spip-previsu { display: none; }
	.repondre,
	.formulaire_spip { display: none; }

	/* Souligner et expliciter les liens */
	a { color: #600; text-decoration: underline !important; }
	a.spip_out:after,
	a.spip_glossaire:after,
	a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }

}


/* ------------------------------------------
/* Responsive
/* ------------------------------------------ */

/* largeur maximum 767px */
@media (max-width: 767px) { 
  .pagination {line-height:3;}
  
  
.page_sommaire .aside {
    width: 100%;
}

.grid3 > * {
  width: 50%;
}
.header p {
    line-height: 1.3;
}
  

}

 
/* largeur maximum 640px */
@media (max-width: 640px) {
	body {
	background-image:none;
}

.page {
	margin:0 auto;
	border:0;
	background-image:none;
}
  body {font-size:.95em;}
  h1,.h1,
  h2,.h2 { line-height:1;}
  
.grid3 > * {
  width: 100%;
}
.grid4 > * {
  width: 100%;
}
.grid5 > * {
  width: 100%;
}


.header_droite {
    float: none;
    width: 100%;
    text-align: left;
}

.nav1{ clear:both;
}

.bas .europe {
    float: none;
    width: auto;
    margin-left: 0em;
    clear: both;
    padding-top: 1em;
}

.texte {
    text-align: left;
}
.header .spip_logo {
    float: left;
    margin-right: 10px;
    margin-bottom: 1em;

}
.logo img{ width:100px;}
.header #slogan {
    padding: 1em;
    margin: 0px;
}
.formulaire_recherche input.text {
    width: 110px;
    padding-left: 5px;
}


}


/* fin */