<style>
/*
.siteBackground {
	width: 100%;
	position: absolute;
}
*/


/* styles pour la vidéo, mais ne servent pas à grand-chose */
.fullscreen-bg {
    /* position: fixed;*/
	
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1500;
}

.fullscreen-bg__video {
   /* position: absolute;*/
    top: 0;
    left: -60px;
    width: 100%;
    height: 100%;
}

/* Style utilisé pour le bouton ECOUTER */

.style-joeojki2[data-disabled="false"] .style-joeojki2link {
	text-decoration:none; 
}

.style-joeojki2[data-state~="shouldUseFlex"][data-state~="center"] .style-joeojki2link, .style-joeojki2[data-state~="shouldUseFlex"][data-state~="center"] .style-joeojki2labelwrapper {
    justify-content: center;
}

.style-joeojki2[data-state~="shouldUseFlex"] .style-joeojki2link, .style-joeojki2[data-state~="shouldUseFlex"] .style-joeojki2labelwrapper {
    text-align: initial;
    display: flex;
    align-items: center;
}

#comp-joeohh0b {
    margin-left: calc((100% - 980px) * 0.5);
    margin-top: calc((100% - 1500px) * 0.25);
}

</style>

/* Ce style ne fonctionne pas, il foit être placé dans D:\wamp64\www\templates\purity_iii\tpls\default.php 
   à creuser... */
<style type="text/css" data-styleid="style-joeojki2">
.style-joeojki2link {border-radius:0;  position:absolute;top:0;right:0;bottom:0;left:0;transition:border-color 0.4s ease 0s, background-color 0.4s ease 0s;  box-shadow:0 1px 4px rgba(0, 0, 0, 0.6);}
/* position en hauteur du libellé ECOUTER : calc(-1 * 1px)  -> calc(-1 * -5px) */
.style-joeojki2label {font:normal normal normal 15px/1.4em helvetica-w01-light,helvetica-w02-light,sans-serif;  transition:color 0.4s ease 0s;  color:#FFFFFF;display:inline-block;margin:calc(-1 * -5px) 1px 0;position:relative;white-space:nowrap;}
.style-joeojki2[data-disabled="false"] .style-joeojki2link {background-color:transparent;border:solid rgba(255, 255, 255, 1) 1px;cursor:pointer !important;}
.style-joeojki2[data-disabled="false"]:active[data-state~="mobile"] .style-joeojki2link,.style-joeojki2[data-disabled="false"]:hover[data-state~="desktop"] .style-joeojki2link,.style-joeojki2[data-disabled="false"][data-preview~="hover"] .style-joeojki2link {background-color:rgba(0, 0, 0, 0.3);border-color:rgba(204, 204, 204, 1);}
</style>

<!-- Style utilisé pour les séparateurs de titre + titre de page --> 

<style>
#comp-joessh61 {
    margin-left: calc((100% - 980px) * 0.5);
}
#comp-joessh67 {
    margin-left: calc((100% - 980px) * 0.5);
}
/*
@font-face{
     font-family: "nomPolice";
     src: url("polices/maPolice.eot?"), pour IE 
          url("polices/maPolice.woff"), pour Firefox, Chrome
          url("polices/maPolice.ttf"), pour Safari et Opéra
          url("polices/maPolice.svg"); pour iPhone, iPad 
     font-weight: normal;
}
*/

@font-face {
	font-family: "MuseoSlabW01-100";
    src: url("/templates/purity_iii/css/fontes/c619ccca5271a0f4b58af34d8f467188.eot");
    src: url("/templates/purity_iii/css/fontes//c619ccca5271a0f4b58af34d8f467188.eot?#iefix") format("embedded-opentype"),
    url("/templates/purity_iii/css/fontes/c619ccca5271a0f4b58af34d8f467188.woff2") format("woff2"),
    url("/templates/css/fontes/c619ccca5271a0f4b58af34d8f467188.woff") format("woff"),
    url("/templates/purity_iii/css/fontes/c619ccca5271a0f4b58af34d8f467188.ttf") format("truetype"),
    url("/templates/purity_iii/css/fontes/c619ccca5271a0f4b58af34d8f467188.svg#MuseoSlabW01-100") format("svg");
}

@font-face {font-family: "NimbusSanTW01Con";
    src: url("/templates/purity_iii/css/fontes/3591a95e9abd510d170b0ba4077e70d3.eot");
    src: url("/templates/purity_iii/css/fontes/3591a95e9abd510d170b0ba4077e70d3.eot?#iefix") format("embedded-opentype"),
    url("/templates/purity_iii/css/fontes/3591a95e9abd510d170b0ba4077e70d3.woff2") format("woff2"),
    url("/templates/purity_iii/css/fontes/3591a95e9abd510d170b0ba4077e70d3.woff") format("woff"),
    url("/templates/purity_iii/css/fontes/3591a95e9abd510d170b0ba4077e70d3.ttf") format("truetype"),
    url("/templates/purity_iii/css/fontes/3591a95e9abd510d170b0ba4077e70d3.svg#NimbusSanTW01Con") format("svg");
}

/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: local('Raleway Italic'), local('Raleway-Italic'), url(/templates/purity_iii/css/fontes/1Ptsg8zYS_SKggPNyCg4TYFqL_KWxQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), local('Raleway-Regular'), url(/templates/purity_iii/css/fontes/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.ddm1repeaterButtonlabel {
	font: normal normal normal 17px/1.4em NimbusSanTW01Con,sans-serif;
	display: inline-block;
	padding: 0 10px;
	color: #a0a09f;
	transition: color 0.4s ease 0s;
}

/*
.font_2 {
    font: normal normal normal 47px/1.4em nimbus-sans-tw01con,sans-serif;
    color: #FFFFFF;
	* font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit; *
	font-stretch: 0%;
}*/



/* Classe qui permet de décaler l'ancre de titre vers le bas */
.anchor1 a {
  position: absolute;
  left: 0px;
  top: -60px;
}
/* On ne peut pas placer la 2ème ancre en absolute car on ne connait pas la hauteur totale de l'article */
.anchor2 a {
  position: relative;
}

/* Classe qui permet de décaler l'ancre de titre vers le bas */
.anchor1_sp a {
  position: absolute;
  left: 0px;
  top: -120px;
}

/* On ne peut pas placer la 2ème ancre en absolute car on ne connait pas la hauteur totale de l'article */
.anchor2_sp a {
  position: relative;
}

/* Classe qui permet de décaler l'ancre de titre vers le haut */
.anchor3_v a {
  position: absolute;
  left: 0px;
  top: 60px;
}


.trait-titre {
	left: 448px;
    margin-left: calc((100% - 980px) * 0.5);
	overflow: hidden;
	position: relative;
	width: 83px;
	height: 16px;
	
}
.trait-titre-gauche {
	left: 148px;
    margin-left: calc((100% - 980px) * 0.5);
	overflow: hidden;
	position: relative;
	width: 48%;
	height: 16px;
	
}
.trait-titre-img {
	content:url(/templates/purity_iii/images/trait-blanc.png);
	width: 83px;
	height: 16px; 
	object-fit: contain; 
}

.logo-img {
	width: 56px;
    height: 56px;
    /*object-fit: contain;*/
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: 0 0;
	margin: 0 auto;
}

.a-relink {
	pointer-events: auto;
}

</style>


<style type="text/css" data-styleid="theme_fonts">
.font_0 {font: normal normal bold 60px/1.4em NimbusSanTW01Con,sans-serif ;color:#FFFFFF;} 
.font_1 {font: normal normal normal 17px/1.4em NimbusSanTW01Con,sans-serif ;color:#CCCCCC;} 
.font_2 {font: normal normal normal 50px/1.4em NimbusSanTW01Con,sans-serif ;color:#FFFFFF;} 
.font_3 {font: normal normal normal 60px/1.4em raleway,sans-serif ;color:#CCCCCC;} 
.font_4 {font: normal normal normal 37px/1.4em raleway,sans-serif ;color:#FFFFFF;} 
.font_5 {font: normal normal normal 23px/1.4em MuseoSlabW01-100,serif ;color:#FFFFFF;} 
.font_6 {font: normal normal normal 20px/1.4em raleway,sans-serif ;color:#CCCCCC;} 
.font_7 {font: normal normal normal 17px/1.4em MuseoSlabW01-100,serif ;color:#CCCCCC;} 
.font_8 {font: normal normal normal 14px/1.4em raleway,sans-serif ;color:#CCCCCC;} 
.font_9 {font: normal normal normal 15px/1.4em raleway,sans-serif ;color:#CCCCCC;} 
.font_10 {font: normal normal normal 10px/1.4em raleway,sans-serif ;color:#CCCCCC;} 
</style>

