
.div_catalogue h3 span {
	color: rgb(255, 255, 255, .7);

}
body #page .no-bgcolor {
	background-color:transparent;
}




.esp_texte {
    background-color: rgb(255, 255, 255, 1);
    color: rgb(0, 0, 0, 1);
}



.esp2_dark h3, .esp2_dark h2, .esp2 h1, .esp2 h2, .tab_foot h1, .grid-sous-menu .grid-item a, .top_titre h1 span {
    color: #81c4af;
}



 .fd1 div .grid_suspects .description {
    color: rgb(124 191 167);
}
 #page  .fd1 .grid_suspects .grid-item div.coldesc {
    
	
}
 #page  .fd1 .grid_suspects .fd_portrait_suspects_fiche {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	
    top: 8px;
}

   
/*-------------------------------------------------------------------------------------------
								FONDS 
----------------------------------------------------------------------------------------------*/

#page .top_nav_age .esp_nav_com li *, #page .top_nav_age .esp_nav_com li.inactif:hover *{
    background-color: #827b77;
}


.fd1, div .fdmoyen, .grid-rubriques .div_rub a, #page  .esp_titre, div .esp_actus,  #page .esp_titre.esp_top_titre, .page_fiche .top_block {	
    background-color: #eae6e4;
    color: #2b2b25;
}
.fd2, div .fdfonce, div .grid-rubriques .div_rub a {	
    background-color: #827b77;
    color: #fff;
}.fd3,  div .fdclair, .fdtop, .esp_commande {	
    background-color: #fffefd;
    color: #3f4037;
}




.esp2_dark {
    background-color: #dad1cc;
}




.esp_interieur input[type=password], .esp_interieur textarea, input[type=text], .esp_interieur input[type=password], .esp_interieur textarea, .esp_interieur .deroulant a, .esp_interieur input[type=text] {
    background-color: #fff;
    color: rgb(0, 0, 0, 1);
    border: 1px solid transparent;
}



body, #page, .top_block {
    background-color: #f6f7f3;
    color: rgb(22 23 18);
}

.menu ul li a {
	color: #818277;
}
#page .esp_titre, .sous_menu,  #page .esp_titre.esp_top_titre.titre_transition, .page_commande .top_block, .page_commande .esp2_light, .esp_nav_com li.visited span, .fd_slider_fiche{
    background-color: #818277;
    color: rgb(255,255,255,.9);
}
.menu, .instop, #footer, .page_fiche .esp_img, .grid-sous-menu .grid-item, .heading, .tableau .cell .fa-fw, .tableau .cell .i_tab  {
    background-color: #33332f;
    color: rgb(255, 255, 255, 1);
}
.esp_nav_com li span  {
    background-color: #e4e4db;
    color: rgb(0,0,0, 1);
}



.esp_nav_com li i {
    color: #e4e4db;
}

.esp_texte_page  {
	color: #33332f;
}



#page .block_transition,  #page .block_titre{
    background-color: #414143;
    color: rgb(255, 255, 255, 1);
}

/*-------------------------------------------------------------------------------------------
								BOUTONS
----------------------------------------------------------------------------------------------*/

.grid_commande .grid-item a.button,.grid-button .grid-item:hover, a.mimaliste:hover, .esp2 .grid-item a.button:hover, .grid_commande .grid-item a.button:hover, a.bt_etsy:hover, .esp_pb_achat a.bt_etsy, .esp_commande .espace a.mimaliste  {
    background-color: #818277;
    color: rgb(255,255,255,.9);
}

/*------------------ validation ---------------*/

.tab_top .cell_img, .grid-item .top_img, a.button, .rond_info div, .ico_connect, .page_fiche .esp_bouton, .esp_bouton a.button {
    background-color: #bd8c3a;
    color: rgb(255, 255, 255, 1);
}


/*-------------------------------------------------------------------------------------------
								MESSAGES
----------------------------------------------------------------------------------------------*/

div .esp_pb {
	background-color: #818277;
    color: rgb(255,255,255,.9);
	
}


/*-------------------------------------------------------------------------------------------
								TEXTES
----------------------------------------------------------------------------------------------*/

#page .block_titre h1 {
    font-size: 30px;
    line-height: 100%;
    margin-bottom: 0px;
	padding:0px 0 10px;
}



/*-------------------------------------------------------------------------------------------
								SLIDER FICHES
----------------------------------------------------------------------------------------------*/


.page_fiche  .zone_slider, .page_fiche .zone_slider .espace,.page_fiche .zone_slider .esp_img  {
	height:500px;
	background-color:transparent;
}

.page_fiche .slider_barre_titre {
	position: absolute;
	width:100%;
	height:60px;	
    background: #00000073;
	top:0;
	left:0;
	line-height:60px;
}
.page_fiche .slider_barre_nav {
	position: absolute;
	width:100%;
	height:30px;	
    background: #00000073;
	bottom:0;
	left:0;
}
.page_fiche .zone_slider .slider {
    margin: 60px auto 30px;
}
.page_fiche .zone_slider .slide_viewer {
    overflow: visible;
}
.page_fiche .zone_slider .slide_buttons {
    bottom: -0px;
}
.page_fiche  div .esp_img {
	overflow:visible;
    overflow-y: hidden;
}
.page_fiche .titre_slide{    
    position: absolute;
    left: 50%;
    top: -60px;
    transform: translateX(-50%);
    color: white;
    font-size: 28px;
    text-transform: uppercase;
    padding: 0px;
    line-height: 60px;
    width: 1080px;
    text-align: center;
}

.page_fiche .murder-party_fiche_perso1  {
	position: absolute;
	top: 50px;
	left: 0px;
}
.page_fiche .murder-party_fiche_perso1 img  {  
    width: 800px;
}
.page_fiche .murder-party_fiche_perso2  {
    position: absolute;
    top: 70px;
    right: 0px;
}

.page_fiche .murder-party_fiche_perso2 img  {  
    width: 800px;
}
.page_fiche .murder-party_fiche_perso3  {
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
}
.page_fiche .murder-party_fiche_perso3 img  {  
    width: 800px;
}

.page_fiche .murder-party_fiche_perso1.murder-party_8  {
	
    position: absolute;
    top: 100px;
    left: 100px;
    transform: rotate(
-5deg);
    transform-origin: top left;
}
.page_fiche .murder-party_fiche_perso1.murder-party_8  img  {  
    width: 300px;
}
.page_fiche .murder-party_fiche_perso2.murder-party_8   {
    
    position: absolute;
    top: 140px;
    right: 100px;
    transform: rotate(
5deg);
    transform-origin: top right;
}

.page_fiche .murder-party_fiche_perso2.murder-party_8  img  {  
    width: 300px;
}
.page_fiche .murder-party_fiche_perso3.murder-party_8   {
    
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
}
.page_fiche .murder-party_fiche_perso3.murder-party_8  img  {  
    width: 300px;
}







.page_fiche .murder-party_indice1  {
	position: absolute;
    bottom: 80px;
    left: 0px;
}
.page_fiche .murder-party_indice1 img  {  
    width: 750px;
}
.page_fiche .murder-party_indice2  {
    position: absolute;
    bottom: 70px;
    right: 0px;
}
.page_fiche .murder-party_indice2 img  {  
    width: 750px;
}
.page_fiche .murder-party_indice3  {
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
}
.page_fiche .murder-party_indice3 img  {  
    width: 750px;
}


.page_fiche .murder-party_indice1.murder-party_8  {
    position: absolute;
    top: 170px;
    left: 50px;
    transform: rotate(-20deg);
    transform-origin: top left;
}
.page_fiche .murder-party_indice1.murder-party_8  img  {  
    width: 300px;
}
.page_fiche .murder-party_indice2.murder-party_8   {
    
   
    position: absolute;
    top: 180px;
    right: 80px;
    transform: rotate(15deg);
    transform-origin: top right;
}

.page_fiche .murder-party_indice2.murder-party_8  img  {  
    width: 300px;
}
.page_fiche .murder-party_indice3.murder-party_8   {
    position: absolute;
    top: 40px;
    left: 48%;
    transform: translateX(-50%) rotate(-2deg);
}
.page_fiche .murder-party_indice3.murder-party_8  img  {  
    width: 300px;
}
.page_fiche .murder-party_indice4.murder-party_8   {   
    position: absolute;
    top: 200px;
    left: 60%;
    transform: translateX(-50%) rotate(25deg);
}
.page_fiche .murder-party_indice4.murder-party_8  img  {  
    width: 150px;
}

.page_fiche .murder-party_page1.murder-party_8   {   

    position: absolute;
    top: 50px;
    left: 0%;
    transform: rotate(-10deg);
    transform-origin: top left;
}
.page_fiche .murder-party_page2.murder-party_8   {   
        position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%) rotate(1deg);
    transform-origin: top right;
    z-index: 2;
}
.page_fiche .murder-party_page3.murder-party_8   {   
    
    position: absolute;
    top: 150px;
    right: 0;
    transform: rotate(25deg);
    transform-origin: top right;
}



.page_fiche .murder-party_page.murder-party_8  img  {  
    width: 540px;
}







.page_fiche .chasse-au-tresor_page1  {
    position: absolute;
    top: -80px;
    left: 0px;
}
.page_fiche .chasse-au-tresor_page1  img {
    	    max-width: 800px;
}

.page_fiche .chasse-au-tresor_page2  {
    position: absolute;
	top: -60px;
	right: 0px;
}
.page_fiche .chasse-au-tresor_page2  img {
    	    max-width: 800px;
}


.page_fiche .chasse-au-tresor_indice1  {
	position: absolute;
    bottom: 80px;
    left: -10px;
}
.page_fiche .chasse-au-tresor_indice1  img{
	    max-width: 800px;
}

.page_fiche .chasse-au-tresor_indice2  {
    position: absolute;
    bottom: 10px;
    right: -10px;
}
.page_fiche .chasse-au-tresor_indice2  img{
	    max-width: 800px;
}
.page_fiche .chasse-au-tresor_indice3  {
    position: absolute;
    bottom: 145px;
    left: 50%;
    transform: translateX(-50%);
}
.page_fiche .chasse-au-tresor_indice3  img{
	    max-width: 800px;
}


.page_fiche .chasse-au-tresor_indice_plan1  {
	    position: absolute;
    top: -170px;
    right: 0px;
    margin: 0;
}
.page_fiche .chasse-au-tresor_indice_plan1 img  {
	max-width: 800px;
}

.page_fiche .chasse-au-tresor_indice_plan2  {
        position: absolute;
    bottom: 30px;
    left: 0px;
    margin: 0;
}
.page_fiche .chasse-au-tresor_indice_plan2 img {
	max-width: 750px;
}

.page_fiche .fiche_escape-game div .esp_img {
    overflow: visible;
}
.page_fiche .escape-game_releve_indice1  {
    position: absolute;
    top: 40px;
    left: -30px;
}
.page_fiche .escape-game_releve_indice2  {   
    position: absolute;
    top: 10px;
    right: -80px;
	left:auto;
}
.page_fiche .escape-game_releve_indice3  {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}


.page_fiche .escape-game_enigme1  {
    position: absolute;
	top: 10px;
	left: auto;
	right: -150px;
}
.page_fiche .escape-game_enigme2  {   
    position: absolute;
	top: 10px;
    left: -150px;
}
.page_fiche .escape-game_enigme3  {
   position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}



.page_fiche .jeu-enquete_regle1  {
    position: absolute;
	top: 40px;
	left: 0px;
	margin: 0;
}
.page_fiche .jeu-enquete_regle2  {   
   position: absolute;
	top: -30px;
	right: -30px;
	margin: 0;
}



.page_fiche .jeu-enquete_page1  {
        position: absolute;
    top: -80px;
    left: 0px;
}
.page_fiche .jeu-enquete_page2  {       
	position: absolute;
    top: -60px;
    right: 0px;
}
.page_fiche .jeu-enquete_page3  {
    position: absolute;
    bottom: 50px;
    top: auto;
    right: auto;
    left: 22%;
}
.page_fiche .jeu-enquete_page3  img {
    	    max-width: 680px;
}




.page_fiche .jeu-enquete_page1  img {
    	    max-width: 800px;
}


.page_fiche .jeu-enquete_page2  img {
    	    max-width: 800px;
}


.page_fiche .jeu-enquete_carte_plan1  {
   position: absolute;
	top: -160px;
	right: 0px;
	margin: 0;
}
.page_fiche .jeu-enquete_carte_plan2  {       
	 position: absolute;
    bottom: 50px;
    left: 0px;
    margin: 0;
}
.page_fiche .jeu-enquete_carte_plan1  img {
    	    max-width: 800px;
}


.page_fiche .jeu-enquete_carte_plan2  img {
    	    max-width: 680px;
}


.page_fiche .jeu-enquete_carte_arme1  {
    position: absolute;
    top: -100px;
    left: 40px;
    margin: 0;
}
.page_fiche .jeu-enquete_carte_arme1  img {
    	    max-width: 800px;
}
.page_fiche .jeu-enquete_carte_arme2  {       

    position: absolute;
    bottom: 50px;
    right: 40px;
    margin: 0;
}


.page_fiche .jeu-enquete_carte_objet1  {
    position: absolute;
    top: -100px;
    left: 40px;
    margin: 0;
}
.page_fiche .jeu-enquete_carte_objet2  {       

    position: absolute;
    bottom: 50px;
    right: 40px;
    margin: 0;
}
