body {
	background-color: #FEFEFE;
	line-height: 140%;
	/*background: #709fe7 url(../img/guirlande-roses.jpg) 100% 100% no-repeat;
	background-size: contain;
	background-attachment: fixed;*/
}

/* Surcharge materializecss
---------------------------------------------- */

nav {
    background-color: transparent;
    width: 100%;
    height: auto; 
    line-height: auto; 
}

.card .card-image .card-title {
    color: #FFF;
    font-weight: 500;
    text-shadow: 1px 1px 1px #333;
}	
.card .card-content {
    padding: 10px;
}
.card .card-image .adapt-img-wrapper {
	display: block !important;
    background-position-x: 0;
    background-position-y: 100%;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
    color: #039be5;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {
    color: #0277bd;
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):active {
    color: #01579b;
}
.card .card-content .card-title {
    line-height: 24px;
    display: block;
    margin-bottom: 0.5em;
}

h1 {
	color:#666;
    font-size: 3rem;
    line-height: 110%;
    margin: 2.1rem 0 1.68rem 0;
}
h2 {
    font-size: 2rem;
    line-height: 110%;
    margin: 1rem 0 1rem 0;
}
.card.horizontal .card-image {
    max-width: 45%;
    height: 100%;
    background-size: cover;
}
.card.horizontal .card-image img {
    width: 100%;
    height: 100%;
}
.card .spip_logos {
    margin: 0;
}
/* Surcharge styles SPIP
---------------------------------------------- */
.hyperlien {
	font-weight: inherit!important;
}
.spip_documents img.adapt-img {
    opacity: 1;
    max-width: auto;
    height: auto;
}
a {
	color: #039be5;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
}

img.adapt-img, .lazy img.adapt-img {
    opacity: 1;
}
/* Hyperliens
---------------------------------------------- */

h1 > a, h2 > a, h3 > a {
	color:#666;
	text-decoration:none;
}
a.button-collapse {color:#FFF;font-size:200%;margin-right:0.5em;text-decoration:none;vertical-align:middle;}
a.button-collapse:hover, a.button-collapse:active {text-decoration:none;}
a.suite {color: #6A1B9A;float:right;}
a.suite, a.suite:hover, a.suite:active {text-decoration:none;}

a.spip_out {text-decoration:underline;}

a.ghostbutton {
	cursor:pointer;
	display:block;
	color:#000;
	font-size:100%;
	font-weight:400;
	text-decoration:none;
	border-bottom:1px solid #000;
	text-transform: uppercase;
	vertical-align:middle;
	line-height:1em;
	padding: 0.2em 0.8em;
	margin:0 0 0 0;
	text-rendering:optimizeLegibility;
	letter-spacing:0.05em;
}
a.ghostbutton:hover {
	border-color: rgba(97, 97, 97, 0.3);
	border-bottom-color: #000;
	background-color: rgba(255, 255, 255, 0.8);
};a.ghostbutton:active {
	border-color: rgba(97, 97, 97, 0.7);
	background-color: rgba(255, 255, 255, 0.9);
}
textarea {
	margin-top:1rem;
}
/* Entete et barre de navigation
------------------------------------------ */
#entete {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:390px;
	background-image:url(../img/kongresejo.jpg);
	background-repeat:no-repeat;
	background-position-x:0%;
	background-position-y:50%;
	background-size:cover;
	margin:0 auto;
}
.copyright {
	position:absolute;
	bottom:0;
	left:0;
	color:#FFF;
	background-color: rgba(0,0,0,0.2);
	font-size:70%;
	text-align:left;
    -webkit-transform-origin: 0 0;
       -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
         -o-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.page {width:85%;max-width: 1280px; padding:0;margin-top:400px;}
.header {width:85%;max-width: 1280px;text-align:left;margin: 0 auto; }
.header #logo {display: block; margin:260px 0 0 0; line-height: 1;}

.header #logo,
.header #logo a,
.header #logo a:hover { background: transparent; text-decoration: none; color: #FFF; }
.header #slogan { margin: 0; }
h1.logo {font-size: 4vw;text-shadow:0px 2px 3px #000;background-color: rgba(0,0,0,0.2);}

.header {}

#barrenav {width:85%;margin: 0 auto; padding: 0.5em 0.25em 1em 1.5em;text-align: left}
#barrelang {width:100%;margin: 0 auto;padding-top:2px;}

div#barrenav ul,
div#barrelang ul {
	display:inline;
}
div#barrenav ul.nav-site li,
div#barrelang ul.langues li {
	float:left;
}
ul.nav-site li {margin-right:1em;}

.main {padding:0;}
.footer { clear: both; padding: 1.5em 0 0; border-top: 1px solid #333;font-size:0.8;}

.wrapper { clear: both; float: left; width: 70%; overflow: hidden; }
.content { min-height: 350px;clear:both;}
.aside { float: right; width: 25%; overflow: hidden; }

nav a.button-collapse {
    color: #000;
}
/* contenu du sommaire
------------------------------------------ */

.liste-articles {
}
.liste-articles h1,
.contenu-plan h1,
.contenu-contact h1,
.contenu-rubrique h1 {
	text-transform:uppercase;
	color:#333;
	font-size:1.5em;
	font-weight:400;
}	

/* choix de la langue
------------------------------------------ */
ul.langues {
	padding:10px;
}
.langues li {
	display:inline;
	list-style-image:none;
}

.langues li a {
	display:block;
	color:#fff;
	font-weight:300;
	font-size:0.8rem;
	border:none;
	vertical-align:middle;
	line-height:1.5em;
	padding: 0 1em;
	margin:0;
	padding-left:0.5em;
	padding-right:0.5em;
}
.langues li.lien a { 
	color:#999;
	text-decoration:underline;
}
.langues li.lien a:hover { 
	color:#666;
}
.langues li.actif a {
	color:#000;
	cursor:default;
}
.langues li:first-child {
	border-right:1px solid #999;
}

/* Colonne latérale
------------------------------------------ */

.marge {
	float:left;
	width:30%;
	max-width:300px;
	margin-left:5%;
	margin-top:-130px;
}
.marge .section {
	background-color: rgba(255, 255, 255, 1);
	border-radius:2px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.breves {
	padding:1em;
	font-size:80%;
	line-height: 130%;
	background-color:transparent;
}

.breves h2 {
	text-transform:uppercase;
	color:#333;
	font-size:1.5em;
	font-weight:400;
}
.breves h3 {
	color:#666;
	font-size:1.2em;
	margin-bottom:0.25em;
}
.breves p,
.breves hr {margin:1em 0 0.25em 0;}

	
/*--------------------------------------------
 * formulaire de recherche
 *--------------------------------------------
*/
#formulaire_recherche {
	margin-top:1em;
	margin-bottom:1em;
	font-size:0.9rem;
}
div #___gcse_0 {margin:0;padding:0;}
.gsc-control-cse {background-color:transparent; border:none;padding:0;}
.gsc-control-wrapper-cse::before {
content: "Rechercher dans le site : "
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {width:72px;height:29px;}
#formulaire_recherche input,
#formulaire_recherche input:focus {
	 border-bottom: none;
}

.formulaire_recherche_test input.text {
	border:1px solid #CCC;
	font-size:100%;
	font-style: normal;
	font-weight: 300;
}
.formulaire_recherche_test input.submit {
	font-family: 'PT sans', Verdana, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-decoration:none;
	background-color:#CCC;
	background-image:none;
	color:#FFF;
	padding:0.2em 0.5em;
}

/* menu
------------------------------------------ */
.menu {
	/*background-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(231, 232 ,229, 0.95);
	border-radius:2px;
	box-shadow: rgba(0, 0, 0, 0.25) 0 3px 10px, rgba(0, 0, 0, 0.15) 0 3px 10px;*/
}	
.rubriques {
	padding-top:2em;
	width:90%;
	margin:0 auto;
}
.mneu .rubriques li:first-child {
	border-top:1px solid #bbb;
}
.rubriques li {
	text-align:left;
	font-size:100%;
	font-weight:400;
	border-bottom:1px solid #bbb;
	padding:0;margin:0;
	font-family:"Roboto",Arial,sans-serif;
}
.rubriques a {
	display:block;
	width:100%;
	color:#000;
	padding:0.8em 0;
	text-decoration:none;
}
.rubriques a:hover {
	background-color: #FFFDE7;
}

/* menu rétractable */
div.side-nav {
	background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.16), 0 5px 0 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.16), 0 5px 0 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.16), 0 5px 0 0 rgba(0, 0, 0, 0.12);
}
/* Tuiles articles 
------------------------------------------ */

.tuile-article {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	vertical-align:top;
	width:100%;
	max-height:200px;
	background-color:#FFF;
	border-radius:2px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin-bottom:2%;
	font-size:85%;
}

.tuile-contenu {
	position:relative;
	padding:20px;
}
.tuile-contenu > a:hover,
.tuile-contenu > a:active {
	text-decoration: none;
	color: #6A1B9A;
}
.tuile-logomin {display:none;}

.tuile-logo .spip_logos {
	border-radius: inherit;
	padding:0; margin:0 10px 0 0;
	width:auto;
	background-size:contain;
	height:100%;
}
spip_logos {
	vertical-align:top;
	float:left;
}
.tuile-contenu {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
}
.tuile-contenu h2 {
	font-size:130%;
	margin:0 0 1em 0;
}
.tuile-contenu p {
	line-height:130%;
	margin-bottom:0.5em;
}
.snippet {
	flex: 1;
}
.tuile-suite {
	display: flex;
	align-items: flex-end;
	align-content: flex-end;
	flex: 1 0 auto;
	height: 36px;
	width: 100%;
}
.tuile-suite .btn-flat {
	margin-bottom: 5px;
}

/* Contenu article / plan du site
------------------------------------------ */

.conteneur-article {
	float:left;
	width:60%;
}
.contenu-article {
	background-color:#FFF;
	box-shadow: rgba(0, 0, 0, 0.25) 0 3px 10px, rgba(0, 0, 0, 0.15) 0 3px 10px;
	margin:0 2% 2% 0;
	padding:5%;
	line-height:1.3em;
	font-size:100%;
}
.cartouche {
	margin:8% 0 5% 0;
}
.contenu-article h1 {
	font-weight:400;
	margin:0;
	color:#999;
	font-size:2em;
	line-height:110%;
}	
.contenu-article p.soustitre {
	font-weight:300;
	margin-top:0.5em;
	color:#999;
	font-size:1.3em;
	line-height:120%;
}	
.contenu-article iframe {
	max-width:100%;
}
.info-publi {margin: 0.5em 0.5em 1em 0; font-size: .8em; font-style: italic;text-align:right;}

.traductions {margin: 0.5em 0.5em 1em 0; font-size: .8em;text-align:right;}

p.arbo {
	padding:0.25em 0.5em 0.5em 0.25em;
	margin-bottom:0;
	border-bottom:1px solid #999;
}
.ps, 
.notes {
	font-size:90%;
	border-top:1px dotted #999;
	color:#999;
}
.chapo {font-weight:400;}
.texte p {
	margin-bottom:0.5em;
}	
.chapo {
	color: #666;
}
.texte {
	padding-bottom:0.5em;
}
.chapo a,
.texte a {
	text-decoration:underline;
}
a.spip_in { 
   color: #449;
	text-decoration:none;
	border-bottom:1px dashed #00488e;
} 
/*** complements de l'article (dans la même rubrique) ***/

.complement-article {
	border-top:1px solid #bbb;
	margin:0 2% 2% 0;
	line-height:1.3em;
	padding:2% 3% 5% 3%;
}
.complement-article h2 {
	text-transform:uppercase;
	color:#333;
	font-size:1.5em;
	font-weight:300;
}
.complements {
	font-size:80%;
	line-height: 130%;
	background-color:transparent;
	text-align:left;
	font-size:90%;
	-webkit-columns:2;
	-moz-columns:2;
	columns:2;
}
.complements ul {
	list-style-type: none;
}
.complements li {
	border-bottom:1px solid #bbb;
}
.complements a {
	display:block;
	color:#000;
	text-decoration:none;
	padding:0.2em;
}

/* liens internes */

.texte a:hover,
.chapo a:hover {
	background-color: #CFCCA1f;
}
.spip_doc_titre strong {
	font-weight:300;
	font-size:80%;
}

/*  Page rubrique  */
div.intro-rubrique {
	margin: 1em 0;
	line-height: 1.5em;
	font-weight:400;
}

/* Plan du site */

.liste-articles-plan {
	background-color:#FFF;
	float:left;
	width:80%;
	box-shadow: rgba(0, 0, 0, 0.25) 0 3px 10px, rgba(0, 0, 0, 0.15) 0 3px 10px;
	margin:0 2% 2% 0;
	padding:2%;
}
.liste-articles-plan {
	font-size:90%;
	line-height:140%;
}

/* page contact */

.formulaire-contact {
	background-color:#FFF;
	float:left;
	width:80%;
	box-shadow: rgba(0, 0, 0, 0.25) 0 3px 10px, rgba(0, 0, 0, 0.15) 0 3px 10px;
	margin:0 2% 2% 0;
	padding:2%;	
}
.formulaire_spip {border:none;}
.formulaire-contact fieldset {border: none;}
.formulaire-contact fieldset.previsu {border: 2px dashed #F57900;}
.formulaire-contact label {color:#6A1B9A; font-size:0.9rem;}
.formulaire-contact .erreur_message {font-size:0.9rem;margin-top:0.5rem}
.formulaire-contact p.boutons {
	float:right;
	}
.formulaire-contact input[type="submit"]
{
    margin: 0;
    background-color:transparent;
    text-decoration: none;
    font-style:normal;
    font-weight:400;
    text-transform:uppercase;
	text-rendering:optimizeLegibility;
	color:#6A1B9A;
    border:none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
	vertical-align:middle;
	padding: 0.2rem 0.5rem;	
	letter-spacing:0.05em;
}

/* Formulaires
------------------------------------------ */

.formulaire_menu_lang { position: absolute; right: 0; top: .9em; display: block; width: 30%; }

.footer .colophon { float: left; height: 40px; width: 70%; margin: 0; }
.footer .generator { float: right; }
.footer .generator a { padding: 0; background: none; }

/*--------------------------------------------*/
#ombre
{
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  z-index:10;
  opacity:0.5;
  filter: alpha(opacity=50);
}
.form-contact {
	background: url(img/bg.png) repeat;
	padding:1em;
}
.form-contact fieldset {
	background-color:#FFF;
	margin:0.5em 0;
	padding:0.25em;
	border:none;
}
.form-contact .control-group {
	margin-bottom:0.5em;
}
.form-contact label {
	display:inline;
	text-align:left;
	font-weight:300;
}
.form-contact input,
.form-contact textarea {
	border:1px solid #CCC;
	padding:0.5em;
}
.formulaire p.boutons,
.modal p.boutons {
	text-align:right;
}
.modal {
  	position: fixed;
	background: url(img/bg.png) repeat;
	padding:1em;
}
.previsu,
.popupinfo {
  	width:80%;
  	height:85%;
	top:2%;
	margin:0 auto;
	background-color:#FFF;
	z-index:99;
}
.modal-header h2 {
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	color: #0074CC;
	font-size:20px;
	line-height:normal;
	text-align:center;
}
.modal-header p,
.modal-body p {
	margin-bottom:1em;
	text-align:center;
}
.modal-body {
	font-weight:normal;
	background-color:#FFF;
	padding:1em;
}
.previsu .modal-body,
.popupinfo .modal-body {
	height:13em;
	overflow:scroll;
}
.modal-footer {
	padding:0.5em;
}
.lienSuite {
	text-align:right;
	cursor:pointer;
	}