body {
	margin: 1% 2%;
	background-color: #ffffff;
	font: 2.5em/1.3em Arial, Helvetica, Verdana;
	font-weight: normal;
	letter-spacing: 0.002em;}
@-moz-document url-prefix() {
  body {
  font-family: sans-serif;}}
.spip-admin-boutons, #en_travaux {
	display: none;}
.page {}

/*	-----------
 	TYPOGRAPHIE	
 	-----------
 */
/* 	1 Liens
*/
a {
	text-decoration: none;
	color: #000000;}
a:hover, img:hover, .texte a.def:hover, .texte a.def:visited:hover {
	border-color: red;
	color: red;}	
::selection {
  background: #000000;}
.texte a.def {
	color: blue;
	border-bottom-style: solid;
	border-bottom-width: 0.07em;
	border-color: blue;}
.texte a.def:visited {
	color: purple;
	border-color: purple;}
/*	no-link */
.texte i a.def,
.texte i a.def:visited,
.texte h3 a.def,
.texte h3 a.def:visited,
.texte .spip_note_int a,
.texte .spip_note_int a:visited  {
	color: #000000;
	border-style: none;
	pointer-events: none;
	cursor: default;}
body.white a {
	color: #000000;}
body.white a:hover {
	color: red;}	

	/*	1.1	Mise en evidence */
	.caps {
	font-size: 90%;}
	/*	1.2	Notes */
	.texte .spip_note {
		font-size: 0.7em;
		font-weight: normal;
		font-weight: bold;
		font-style: normal;
		position: relative;
		z-index: -1;
		bottom: 0.3em;
		margin-left: 0.2em;
		margin-right: -0.1em;
		color: #000000;
	}
	.notes .spip_note_ref {
		position: absolute;
		z-index: -1;
		font-weight: normal;
		font-style: normal;
		left: 74%;}	
	a.spip_note {
		pointer-events: none;
		cursor: default;}
	.spip_note_int img {
		height: auto;
		width: 75%;
		margin-right: 25%;}
	.notes img {
		width: 20%;
		height: 20%;
	}
	


/*	2 Titres
*/
h1, h2 {
	font-weight: bold;
	margin: 0;}
h3, h4 {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	padding: 0 0 0 2em;
	margin-bottom: 0;}
h1 {
	font-size: 0.6em;
	letter-spacing: 0.01em;
	line-height: 1.2em;}
h1.abstract {
	margin-bottom: 0.5em;}
h1.biblio {
	margin-top: 0.5em;}
h1.rubrique {
	margin-left: 3em;}
h2 {
	text-align: justify;
	clear: both;}
h2.titre {
	font-weight: bold;
	height: 1em;}
h2 .petit {
	font-size: 0.3em;
	line-height: 1.2em;
	margin-top: 0.75em;}
h2 .rt.petit {
	width: 20%;}
h4 {
	font-style: italic;
	margin-top: 0;}
a#doSwirl_1  {
	cursor:help;
	color: red;
	z-index: 2;}
a#doSwirl_1:hover  {
	cursor:help;
	color: #ffffff;}
a#doSwirl_1.black  {
	color: black;}
a#doSwirl_1.black:hover  {
	color: red;}
a#doSwirl_1 span.lt {
	position: absolute;
	left: 2%;}
a#doSwirl_1 span.rt {
	position: absolute;
	right: 2%;}

/*	3 Paragraphes
*/
p {margin-top: 0;}
.texte {
	width: 70%;
	float: left;}
.liste_actus {
margin-top: 1em;}	
.cacher {
	visibility: hidden;}
.effacer {
	display: none;
	visibility: hidden;}
small.fine {
	letter-spacing: -0.15em;}
.titre {
	width: 100%;
	font-weight: bold;}
.entete {
	font-size: 1.1em;
	line-height: 1.65em;
	letter-spacing: -0.03em;}
.entete.bas  {
	position: fixed;
	width: 50%;
	left: 1%;
	bottom: 1%;
	font-size: 0.5em;}
.entete.bas a  {
	color: red;}
.entete.bas a  {
	font-style: normal;
	font-weight: bold;}
.colonne {
	width: 50%;
	float: left;}
.encours, .encours a {
	color: #a9a9a9;}
.dictionnaire {
width: 50%;
font-size: 0.5em;
float: right;
margin-top: 2em;
line-height: 1.5em;
letter-spacing: 0.01em;
text-align: justify;
margin-bottom: -1em;}
.dictionnaire a.def {
	margin-right: 0.5em;}
.sous_titre {
	font-size: 0.5em;
	font-weight: normal;
	font-style: normal;
	text-align: justify;
	letter-spacing: 0.03em;
	line-height: 1.35em;
	margin-top: -2em;
	width: 100%;
	clear: both;
	margin-bottom: 0;
	word-spacing: 0.05em;}
.notes p {
	margin: 0 0 0 2em;}
.notes {
	width: 25%;
	float: right;
	font-size: 0.5em;
	line-height: 1.5em;
	margin-top: 2.5em;
	display: none;}
.texte .spip_note_int, .texte .encart {
 	position: relative;
 	float: right;
 	margin-right: -45%;
	margin-left: 0;
 	clear: right;
 	font-size: 0.5em;
 	line-height: 1.5em;
 	width: 35%;
 	margin-top: 1em;
 	text-align: left;
 	z-index: -1;}
 .encart img {
 	height: auto;
 	display: block;
 	margin-bottom: 0.5em;
	margin-right: 15%;
 	width: 85%; }
 .encart small {
 	display: block;
 	float: left;
 	width: 100%;
 	padding-top: 0.5em;
 }
 .spip_note_int.img {
 	margin-top: 0.5em;
	margin-bottom: 2em;}
 .spip_note_int.img .ref_note_int  {
 	font-variant: small-caps;}
.legende {
 	width: 50%;
 	margin-top: 0;
 	margin-bottom: 0;
 	margin-right: 50%;}
span.ref_note_int {
 	position: absolute;
 	width: 2em;
 	left: -2em;}
/*	3.1 Allignements
*/
.lt {
	float: left;}
.rt {
	float: right;}
.centrer {
	right: 50%;
	text-align: center;
	width: 30%;
	position: absolute;
	margin-right: -15%;
	word-spacing: 0.3em;}
.justifier {
	text-align: justify;}
.moitier-droite {
	right: 50%;
	text-align: left;
	width: 50%;
	position: absolute;
	margin-right: -50%;}
.moitier-gauche {
	right: 50%;
	text-align: left;
	width: 50%;
	position: absolute;}
.tiers-1 {
	right: 65%;
	text-align: left;
	width: 66%;
	position: absolute;}
.tiers-2 {
	text-align: left;
	width: 66%;
	position: absolute;
	left: 66%;}

	
/*	-----------
 	Structure
 	-----------
 */
/*	Images
*/
.container img {
	height: auto;
	border: 0.07em solid #000000;
	margin-top: 0.165em;}
.container img.image1 {
	height: 2.8em;}
.container img.image2 {
	height: 1.7em;}
.texte .spip_documents_left, .texte .spip_documents_right {
	width: 33%;
	height: auto;
	margin-bottom: 0.5em;
	margin-top: 0.4em;
	border: 0.2em solid #000000;}
.texte .spip_documents_left {
	margin-right: 0.5em;}
.texte .spip_documents_right {
	margin-left: 0.5em;}
.texte .spip_documents_left img, .texte .spip_documents_right img {
	width: 100%;
	height: auto;}
.spip_documents.spip_documents_center {
	margin-bottom: 0.5em;
	margin-top: 0.4em;
	border: 0.2em solid #000000;
	clear: both;
}
.spip_documents.spip_documents_center img {
	width: 100%;
	height: auto;}
ul.portfolio_ligne {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;}
ul.portfolio_ligne li {
	list-style: none;}
.spip_documents_center.large {
	margin-right: -46%;
	margin-left: -3%;}
.spip_documents_center.large img {	
	height: auto;
	width: 100%;}

/* Slide d'entrée
*/
.video-background {
	background: url(http://unityof.life/squelettes/images/fond-unityoflife.jpg) center no-repeat fixed;
	background-size: 100% auto;}
a.numero {
	cursor: pointer;}
a.numero:hover {
	color: #ffffff;}
.card {
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	text-align: center;
	width: auto;
	height: auto;
}
.carte {
	height: 25%;}
.card1 {
	width: 100%;
	height: 100%;
	position: fixed;
	top: -100%;}
.card2, .card3 {
	width: 20%;
	height: 20%;
	top: 0;}
.card2-1 {
	left: 60%;
	margin-top: -10%;}
.card2-2 {
	left: 30%;
	margin-top: 16.75%;
}
.card3 {

	}
.card3-1 {
	margin-top: -5%;
	}
.card3-2 {
	left: 55%;
	margin-top: -15%;}
.card.display {
	display: block;}
.card span {
	position: absolute;
	color: #ffffff;
	font-size: 0.38em;
	text-align: right;
	width: 50%;
	right: 2%;
	bottom: 2%;
	line-height: 1.3em;}
.card img {
	margin-top: 5%;}
.card .maelstrom {
	background: url(http://unityof.life/squelettes/images/maelstrom.png) center no-repeat;
	background-size: auto 100%;}
.front {}
.back {
	color: #ffffff;
	font-size: 0.35em;
	text-align: center;
	line-height: 1.4em;
	letter-spacing: 0;
	vertical-align: middle;
}
.carte img {
	height: auto;
	margin: 0;
	width: 100%;}


/* Slide*/

.portfolio_slide_container, ul.portfolio_slide, ul.portfolio_slide .spip_img {
	margin: 0;
	padding: 0;
	list-style-type: none;}
.portfolio_slide_container {
	margin-top: -1.5em;
	margin-left: -1em;
	margin-bottom: -1.5em;}
ul.portfolio_slide span.spip_img  {
	border: 0.2em solid #000000;
	margin: 0;
	padding: 0;
	background-color: #000000;}
.label_ligne {
margin-left: 1.2em;
	margin-top: -3em;
position: relative;
z-index: 1;
}
.label_ligne span {
	display: none;
}
.label_ligne_precedent, .label_ligne_suivant {
	font-weight: bold;
	font-size: 1em;
}
.label_ligne_precedent{
	z-index:1;
	float: right;
	margin-right: 1.5em;
}
.label_ligne_suivant {
	margin-right: 0.5em;
}		  	  
.label_ligne_precedent:before {
	content: " <";
	font-size: 0.8em;}
.label_ligne_suivant:after {
	content: " >";
	font-size: 0.8em;}
ul.portfolio_slide .spip_img { 
	display: block;
	clear: left;
	background-position: center center;
}

ul.portfolio_slide .spip_doc_descriptif, ul.portfolio_slide .spip_doc_credits {
	font-size: 0.5em;
	text-align: left;
	margin-top: -0.5em;
	line-height: 1.5em;
}
ul.portfolio_slide .spip_doc_credits {
	font-weight: bold;
	margin-top: 0;
}
/* Player video
*/
.playerVideo section {
	border: 0.2em solid #000000;
	margin: 0;
	padding: 0;
	background-color: #000000;}
.playerVideo section figure video {
	width: 100%;
	background-color: #000000;
}
/*	Formnulaire
*/
input {
	background-color: #000000;
	color: #ffffff;
	border-color: #000000;
	border-style: solid;
	width: 80%;
	float: right;
}
input:checked {
	border-color: #000000;
	border-style: solid;}
fieldset {
	border-style: none;
	margin: 2em 0 0;
	padding: 0;
	font-size: 0.5em;
	line-height: 1.35em;
	word-spacing: 0.05em;
}
.formulaire_spip.formulaire_login {
	float: right;
}
fieldset legend, #spip_pass, #formulaire_login label, p.reponse_formulaire {
	display: none;}
em#pass_securise img {
	display: none;}
input#password.text.password {
	background: url(http://unityof.life/prive/themes/spip/images/cadenas-16.png) right center no-repeat #000000;}
input.submit {
	background-color: transparent;
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 0.5em;
	border-style: none;
	float: right;
	text-align: right;
}
.choix {
	display: none;}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:focus,
input:-webkit-autofill:active   {
	-webkit-box-shadow: 0 0 0 10px black inset;
	-webkit-text-fill-color: #ffffff !important;
	background-color: #000000;
	color: #ffffff;
	border-color: #000000;
	border-style: solid;}
span.erreur_message {
	float: right;}
a.deconnexion {
	float: left;
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 0.2em;
	margin: 1em;
	height: 3em;
	width: 20%;
	text-align: right;}

/*	-----------
 	Page
 	-----------
 */
/*	Definition
*/	
body.definition {
	background-color: #000000;
	margin: 3em 0 0;
	color: #ffffff;
	font-size: 0.7em;}
body.definition .texte {
	width: auto;
	float: none;}
body.definition .label_ligne {
	position: fixed;
	font-size: 3em;
	bottom: 50%;
	right: 2%;
	margin: 0;}
body.definition .label_ligne_precedent {
	left: 2%;
	width: 50%;}

body.definition .dico p  {
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
	position: fixed;
	bottom: 1em;}
.dico. label_ligne_precedent:before {
	content: " <";
	font-size: 1em;}
.label_ligne_suivant:after {
	content: " >";
	font-size: 0.8em;}


/*	bibliographie
*/	
.bibliographie {
 	font-size: 0.7em;
 	line-height: 1.2em;
 	background-repeat: no-repeat;
	background-position: right center;}	
.bibliographie  input {
	float: none;}
.bibliographie input#champ_recherche {
	background: url(http://unityof.life/squelettes/images/loupe.png) no-repeat #000000;
	width: 50%;
	display: block;
	float: none;
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	border-width: 0.1em;}
.bibliographie input#champ_recherche.text {
	padding-left: 1.5em;}
.bibliographie input.submit {
	float: right;
	margin-top: -2em;
	font-size: 1.5em;
	height: 1.5em;}
.bibliographie  ul {
padding: 0;}
.bibliographie  ul.spip {
margin: 0;}
.bibliographie  h4.h4 {
	display: none;}
.bibliographie  .zotspip_item {
	margin-bottom: 0;
	padding: 0;}
.bibliographie .afficher_details, 
.bibliographie .export{
	font-size: 0.5em;}
.bibliographie .export{
	line-height: 1.5em;
	float: left;
	margin-top: -3em;
	margin-left: 25%;
	width: 75%;
}

	
/*	-----------
 	Media Query
 		-----------
*/
/*	Small
*/	
 	@media only screen and (max-width: 1200px) {
 	body {}
 	.container img.image1 {
 		height: 1.8em;}
 	.container img.image2 {
 		height: 1.7em;}
 	}
 	@media only screen and (max-width: 900px) {
    body {}
	.texte {
		width: auto;
		float: none;
		clear: both;}
	.notes {
		width: auto;
		float: none;
		clear: both;
		display: block;}
	.notes .spip_note_ref {
		left: 1em;}
	a.spip_note {
		pointer-events: auto;
		cursor: auto;}
	.spip_note_int {
		display: none;}
	.label_ligne_suivant {	
		width: auto;
		right: 1em;}
	.colonne {
		width: auto;}
 	}
 	@media only screen and (max-width: 800px) {
 	body {
 		font-size: 2em;}
 	.entete span {
 			position: relative;
 			margin: 0;
 			left: 0;
 			right: 0;}
 	.entete span.rt {
 		margin-left: 0.3em;}
 	.liste_actus, h3 {
 		margin-top: 0.5em;}		
 	}
 	@media only screen and (max-width: 600px) {
 	body {
 		font-size: 1.5em;}
 	.entete span.rt {
 		margin-left: 0.3em;
 		float: none;}
 	.encours {
 		display: none;}
 	}