html{
/* 	background-color: #f9f9f9; */
}

.blanc{
	color: white;
}
.page_login header{
	display: none;
	width:1px;
}

.page_login .details{
	position:relative;	
}

.note > div{margin-top:10px; }

hr.large {
display: block;
clear: both;
height: 2px;
margin: 1em 0 1em;
padding: 0;
border: 0;
color: #ccc;
background-color: #ccc;
}


.invisible{
	opacity:0;
}

.back-to-top {
position: fixed;
bottom: 0;
width:738px;
z-index:1041;
background-color: rgba(255, 255, 255, 0.90);

/*
right: 0px;
text-decoration: none;
color: #000000;
background-color: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
*/
display: none;
}



.art-44 .texte a, .art-44 .note a, .rubrique_labo ul.sansmarge a, .article_labo ul.sansmarge a {
border-bottom: 2px solid #FF4600;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
margin-left: 1px;
margin-right: 1px;
text-decoration: none;
}

.art-44 .texte a:hover, .art-44 .note a:hover, .rubrique_labo ul.sansmarge a:hover, .article_labo ul.sansmarge a:hover {
border-bottom: 2px solid #FF4600;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
margin-left: 1px;
margin-right: 1px;
}




.page_sommaire #calque-deux a {
border-bottom: 2px solid #FF4600;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
margin-left: 5px;
margin-right: 5px;
text-decoration: none;
}

.page_sommaire #calque-deux a:hover {
border-bottom: 2px solid #FF4600;
padding-bottom: 1px;
padding-left: 0px;
padding-right: 0px;
margin-left: 5px;
margin-right: 5px;
}



/*spritisme*/

.article_spiritisme #calque-deux{ border: 0px solid #F4F4F4; padding:35px; padding-top:100px; padding-bottom:100px;}
.article_spiritisme #calque-deux {background:url(../img/lt.png) no-repeat left top, url(../img/rt.png) no-repeat right top, url(../img/lb.png) no-repeat left bottom, url(../img/rb.png) no-repeat right bottom; background-size: 100px 100px;
}


/*presentattion labo*/
.art-45 #calque-un, .art-46 #calque-un, .art-47 #calque-un, .art-48 #calque-un{
	display:none;
}

.art-43 #calque-un img{
	width:450px;
}


/*patates*/
.art-15 #calque-trois img{
	width:100%;
}

/*sommaire*/


.page_sommaire #calque-trois img {
	width: 180px;
	height: 300px;
	float: left;
	margin: 10px;
}



.container {
/* 		min-height: 9000px; */
}


.grid{
	letter-spacing:-0.31em;
}

.grid__item{
	letter-spacing:normal;
	word-spacing:normal;
}


ul.sansmarge {
	padding-left: 0;
}


#calque-un{
position:absolute;
z-index:6 ;
top:50px;
cursor: -moz-pointer;
cursor: -webkit-pointer;
cursor: pointer;
opacity: 0.90;
}

#calque-deux{
position:absolute;
z-index:4 ;
top:190px;
width:750px;
padding-right:  18px;
padding-bottom: 100px;
}

#calque-trois{
position:absolute;
z-index:3 ;
opacity: 0.05;
top:100px;
width:750px;
padding-right:  18px;
padding-bottom: 100px;
}


.titre-visible #calque-un{
	opacity: 0.05;
	z-index: 4;
}

.titre-visible #calque-deux{
	opacity: 1;
	z-index: 10;
}

.devant #calque-un{
	opacity: 0.05;
	z-index: 1;
}

.devant  #calque-deux{
	opacity: 0.05;
	
}

.devant  #calque-trois{
	opacity: 1;
	z-index: 1001;
}












#article-titre{
display: block;
position: relative;
top: 40px;
width: 330px;
z-index: 2;
opacity: 0.95;	
}


#article-contenu{
display: block;
position: relative;
top: -372px;
margin-left: 20px;
z-index: 1;
float: left;
width:100%;
}

.article-devant{
display: block;
position: relative;
top: 100px;
margin-left: 0px;
margin-right: 0px;
z-index: 2;
margin-bottom: 0px;
float: left;
width:548px;
}

.article-derriere{
position: absolute;
margin: 0 -90px 1.5em 90px;
width: 648px;
z-index: 1;
	opacity: 0.05;
}

.article-derriere .img-sommaire{
	width: 185px;
	height: 309px;
	float: left;
	margin: 10px;
}

.article-derriere .img-affiche{
	width: 80%;
	height: 80%;
	float: left;
}

.article-derriere .img-journe{
	width: 100%;
	float: left;
	padding-right:40px
}





.devant .article-devant{
	opacity: 0.05;
	z-index: 1;
}

.devant #article-titre{
	opacity: 0.05;
}


.devant .article-derriere{
	opacity: 1;
	z-index: 900;
}




.titre-visible #article-titre{
	opacity: 0.05;
	z-index: 1;
}

.titre-visible #article-contenu{
	opacity: 1;
	z-index: 900;
}

.devant #article-contenu{z-index: 900;}


strong,
.bold {
	font-weight: bold;
	font-family: $font-stack-bold;
	color: #FF4600;
}


.encadre {
border: 1px solid;
padding: 3px 5px;
margin-right: 10px;
text-decoration: none;
cursor: auto;
text-transform: uppercase;
/* like-10 */
font-size: 0.63em;
font-size: 1rem;
margin-top: 0;
margin-bottom: 0;
line-height: 12px;
cursor: pointer;

}

.encadre:hover {
	color: #FF4600;
/* 	color:#CC4600; */
/* 	color:#9D8F8F; */



}

.encadre-large {
border: 4px solid;
padding: 10px 10px;
margin-right: 10px;
text-decoration: none;
cursor: auto;
text-transform: uppercase;
/* like-10 */
font-size: 1.8rem;
margin-top: 0;
margin-bottom: 0;
line-height: 12px;
cursor: pointer;

}

.encadre-large:hover {
	color: #000;
/* 	color:#CC4600; */
/* 	color:#9D8F8F; */



}







.orange{
	color: #FF4600;
}




.majuscules{text-transform: uppercase;}

.fluide {
-webkit-transition: opacity 0.5s ease-out;
-khtml-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}



body{
max-width: 768px;
margin: 0px auto;
padding: 0 18px;
}

.article-logo{
display: block;
position: relative;
top: 40px;
width: 330px;
z-index: 2;
opacity: 0.95;
}

body .article-contenu{
	display: block;
	position: relative;
	top: -350px;
	width: 658px;
	left: 100px;
	z-index: 1;
	margin-bottom: 50000px;
}





body .sommaire-contenu{
	display: block;
	position: relative;
	top: 100px;
	margin-left: 20px;
	margin-right: 200px;
	z-index: 2;
	margin-bottom: 100px;
	float: left;

}

body .article-affiche{
	display: block;
	position: relative;
	width: 558px;
	z-index: 2;
	top: 100px;
	float: left;
}

body .colonne-affiche{
	position: absolute;
	width: 368px;
	height: 368px;
	z-index: 1;
	margin-left:220px;
}

body .colonne-affiche img{
	width: 100%;

}








/*
body .sommaire-colonne img{
	width: 185px;
	float: left;
	margin:10px;	
}
*/





body.alire-first-txt .article-contenu{	
		opacity: 1;
		z-index: 900;
}



.alire-first-txt .txt{
		opacity: 1;
		z-index: 900;		

}

.alire-first-txt .menu{
	opacity: 0.05;
	z-index: 1;	
/* 		top: -500px; */
	
}




.alire-first-txt .article-logo{
		

}

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 750px;
  margin: 20px auto;
}

/*navigation*/
#go-nav {
	width: 41px;
	height: 41px;
	margin-left:10px;
	position: fixed;
	z-index: 9000;
	background:  url(../img/go-nav-orange.png) no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
}

#devant-derriere{
position: relative;
display: block;
	width: 40px;
	height: 40px;
	z-index: 910;
	background:  url(../img/FlecheSeul.png) no-repeat;
	background-size: 100%;
	top: 50px;
	left: 700px;
	font-size: 40px;
	
}

.back-to-top a{
display: inline-block;
width: 24px;
height: 28px;
	background:  url(../img/back_to_top.png) no-repeat;
	background-position: center;
}


.article_affiche #devant-derriere{

	left: 600px;
}





.devant #devant-derriere{
	background:  url(../img/FlecheSeulRetour.png) no-repeat;
	z-index: 900;
}

.contenu{
	opacity: 1;
	z-index: 2;
}

.colonne{
	opacity: 0.1;
	z-index: 1;
}


.devant .contenu{
	opacity: 0.1;
	z-index: 1;
}

.devant .colonne{
	opacity: 1;
	z-index: 3;
}





body.nav-active #go-nav {
	left: 250px;
}

body.nav-active {
	left: 250px;
}

body.nav-active #main-nav {
	display: block;
}

#main-nav {
	/* font-family: 'ralewaybold'; */
	background-color: #FF4600;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000000;
	width: 250px;
	height: 100%;
	display: none;
	color: #fff;
/* 	text-transform: uppercase; */
	letter-spacing: 1px;
	overflow-y: auto;
	overflow-scrolling: auto;
	-webkit-overflow-scrolling: touch;
}

#main-nav  a {
	color: #fff;
	border-bottom: 1px dotted #CC4600;
	display: block;
	padding: 10px;
	line-height: 16px;
	text-decoration: none;
}

#main-nav a:hover {
	background-color: #CC4600;
	color: #fff;
}

#main-nav  a.blanc {
	color: #fff;
}

#main-nav  a.blanc:hover {
	background-color: #CC4600;
	color: #fff;
}



#main-nav .box {
	margin: 0;
}

#main-nav ul, #main-nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-nav ul {
	margin-bottom: 15px;
}

/*fin navigation*/





	@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(http://themes.googleusercontent.com/static/fonts/sourcesanspro/v7/toadOcfmlt9b38dHJxOBGCmgpmuQqK2I-L2S9cF65Ek.woff) format('woff');
}


/* jplayer.it 14th November 2014 19:08:57 */

.audio{position:relative;font-family:'Source Sans Pro',sans-serif;text-align:left;min-width:320px;max-width:1280px;width:100%;height:64px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.audio,.audio *{margin:0;padding:0;border:0;font-size:0;line-height:0}.audio :focus{outline:0}.audio button::-moz-focus-inner{border:0}.control{position:absolute;top:0;width:64px;height:100%;background-color:#FF4600}.play-control{left:0}.button{display:block;text-decoration:none;width:64px;height:100%;font-size:32px;line-height:64px;text-align:center;background:0 0;cursor:pointer;color:#fff}.button:focus{color:#e5f7ff}.button:before{display:block;font-family:flat-audio;font-style:normal;font-weight:400;text-decoration:none;font-variant:normal;text-transform:none;speak:none;width:64px;line-height:64px;text-align:center;opacity:1}.audio.state-playing .play:before{content:'\2016'}.pause:before{content:'\2016'}.play:before{content:'\25b6'}.bar{position:absolute;top:0;left:64px;right:0;height:100%;background-color:#000}.seek-bar.seek-bar-display{min-width:0;background-color:#9D8F8F}.seek-bar{position:absolute;top:0;left:0;min-width:100%;height:100%;cursor:pointer}.play-bar{position:absolute;top:0;left:0;width:0;height:100%;background-color:#CC4600}.details,.timing{position:absolute;top:0;left:0;right:0;height:100%;padding:0 12px;font-size:16px;line-height:64px}.timing{text-align:right}.title,.duration{font-size:16px;line-height:64px}.no-solution{position:absolute;top:0;left:64px;right:0;height:48px;padding:8px 0;line-height:24px;font-size:16px;text-align:center;display:none;color:#000;background-color:#b28282}








.timing, .duration, .details {
font-size: 12px;
}





















/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
input, select, textarea { font-size: 100%; font-family: inherit; }


/* Structure generale des formulaires
----------------------------------------------- */
.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */
.formulaire_spip fieldset fieldset { margin-top: 1em; }
.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Explications */
.formulaire_spip .explication { margin: 0.50em 0; color: #444; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }

/* Labels */
.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

.formulaire_spip .choix label{display:inline;font-weight:normal;}
.formulaire_spip .choix input.radio,
.formulaire_spip .choix input.checkbox {width:auto;}


/* Champs de saisie */
.formulaire_spip input.text { width: 15em; border: 1px inset; }
.formulaire_spip textarea { width: 99%; border: 1px inset; }
.formulaire_spip select { width: 99%; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

/* Previsualisation du message */
.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }
.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }
.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }
.formulaire_spip fieldset.previsu p { margin: 1em 0; } 

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */

/* * Erreurs */
.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }
.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }
.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }

/* * OK */
.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }


/* Variantes et cas particuliers
----------------------------------------------- */

/* Barre de raccourcis typographiques */
table.spip_barre { width: 100%; }
table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }
table.spip_barre a:focus img,
table.spip_barre a:hover img,
table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }
table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color:inherit; }

/* Formulaire de forum */
.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 10em; padding-left: 25px; background: #FFF url(rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {}

.spip_surligne {} /* Cf.: spip_style.css */

/* 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; } /* Bug IE/Win */

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