/*
Theme Name:     ef child
Theme URI:      https://www.enigme-facile.fr/
Description:    Thème enfant pour le thème ef
Author:         mickael
Author URI:     https://www.enigme-facile.fr/
Template:       ef                             
Version:        0.1.0
*/
@import url("../ef/style.css");


/* base */

body{
	background-color:#292929;
}
.main-color,
.entry-meta .comments i,
.entry-tags a{
 color: #e27e0c;
}
#main{
	border-left:1px solid #E0DEDE;
	border-right:1px solid #E0DEDE;
}
.clear{
	clear:both;
}
a:hover{
	color:#e27e0c;
}
.main-color-bg,
 #main-menu .current-menu-item,
 #main-menu .current_page_item,
 #main-menu .current_page_item a:hover,
 .cat-title .title-sep,
 .pagination .current,
 #respond input[type=submit],
 .widget_tabs .active,
 .tagcloud a{ 
    background: #e27e0c ;
}

 .slider-main .post-info{
	background:rgba(34, 34, 34, 0.8);
 }

.pagination a:hover,
 .pagination .current{ 
    border: 1px solid #e27e0c;
}

.post-nav{ 
    border-bottom: 2px solid #e27e0c;
}
input,
textarea,
#respond input[type="text"],
#respond textarea
{
	border:1px solid #c4c4c4;
	color:#000000;
}
.btn {
  background: #e3e3e3;
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 5px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
}
.btn:hover {
    background: #d9d9d9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer; 
}
.btn:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000; 
}
.wpcf7-mail-sent-ok, .screen-reader-response{
	color:red;
	font-weight:bold;
}



.single-post a,
.single-page a
{
	color:#156FAB;
}
.single-post a:hover,
.single-page a:hover
{
	color:#e27e0c;
}
.entry-meta .entry-cat-bg{
	padding:1px 5px 1px 5px;
	text-transform: uppercase;
}
.entry-meta .entry-cat-bg a:hover{
	color:#ffffff;
}
.rouge{
	color:red;
}
.vert{
	color:green;
}
.efp{
	text-align:center;
	overflow:hidden;
	margin:5px auto 5px auto;
}

/* TOP */
#header .top{
	display:none;
}
#header .miseenavant {
	display:none;
	float:right;
	max-width:870px;
}
#header .miseenavant .vignette_top{
	margin-right:30px;
	opacity: 0.8;
    filter: alpha(opacity=80);
}
#header .miseenavant .vignette_top:hover{
	opacity: 1;
    filter: alpha(opacity=100);
}
.logo .site-title a{
	line-height:3;
}
.logo-wrap{
	padding-top:8px;
	padding-bottom:8px;
	height:117px;
	background: url(https://www.enigme-facile.fr/wp-content/uploads/2018/03/banniereEF18_3.jpg) 0px 0px;
    border: 4px solid #1e1e1e;
}
.logo-wrap .inner-wrap {
	margin-bottom:0px;
}

#login18{
	display:block;
	position:absolute;
    right: 8px;
    top: 9px;
	width:32px;
	height:32px;
	background:url(images/connexion.png) no-repeat 0px 0px;
	cursor:pointer;
}

#header .toplogin{
	position: absolute;
    right: 4px;
    top: 6px;
	text-align:right;
	width:35px;
	height:35px;
	border:solid 1px #5b5b5b;
	overflow:hidden;
}
#header .toplogin:hover{
	border:solid 1px #9b9999;
}
#header .toplogin_no_user{
	position: absolute;
    right: 4px;
    top: 6px;
	text-align:right;
	width:35px;
	height:35px;
	border:0;
	overflow:hidden;
}

.facultatif{
	display:block;
}
#header .top-menu ul li a:hover{
	color:#000000;
}
.menu-section{
	background:#1e1e1e;
	left:0px;
	width:1180px;
}
#main-menu ul li ul li a, #main-menu ul li:hover ul li a, #main-menu ul li.hover ul li a{
	background-color:#1e1e1e;
	color:#FFFFFF;
}
#main-menu ul li a:hover,#main-menu ul li ul li a:hover{
	background-color:#e07d0c;
}
#main-menu .current-menu-item a, 
#main-menu .current_page_item a ,
#main-menu .current-post-parent a
{
  background-color:#e07d0c;
}

.menu_hidden{
	display:none;
}
.jde_lien_menu { /* menu JDE */
	 background-color: #6dc7f7;
 }
#main-menu ul li.jde_lien_menu a{ /* menu JDE */
	color:black;
 }


/* CSS SPECIFIQUE TABLESORTER JQUERY */
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../img/bgt.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/* CSS specifique tchat */
.quick-chat-alias-container{
	display:none;
}
.quick-chat-users-container{
	background-color:#F2F1D3;
}
div.quick-chat-history-timestring{
	color:#8F9294;
	font-size:10px;
}
.quick-chat-repondre{
	text-indent:-10000px;
	font-size:0px;
	width:16px;
	height:16px;
	margin-left:3px;
	display:inline-block;
	background:url('images/tchat-repondre.png') no-repeat 0px -4px;
}

/* login, register, lost... */
.conteneur_imageform{
	float:left;
	width:256px;
	height:260px;
	display:block;
	margin:0px 0px 0px 20px;
}
#image_loginform{
	background:url('images/cadenas.png') no-repeat 0px 0px;
}
#image_registerform{
	background:url('images/inscription.png') no-repeat 0px 0px;
	height:211px;
}
#image_lostform{
	background:url('images/motdepasseoublie.png') no-repeat 0px 0px;
	height:170px;
}
.conteneur_loginform{
	float:left;
	margin:0px 0px 0px 36px;
}
.login p.error a{
	text-decoration:underline;
}
#msg_naissance{
	color:#FF0000;
}
.login #description{
	height:165px;
	max-height:165px;
	overflow:hidden; 
	overflow-x: hidden; 
	overflow-y: auto;
	overflow : -moz-scrollbars-vertical;
}
#info_small{
	font-size:12px;
}


/* plugin avatar */
#wpua-errors, #wpua-readable-size-error, .wpua-error { color: #c00 !important; font-weight: 700 !important; }
#wpua-readable-size-error, #wpua-undo-button { display: none; }
#wpua-preview { margin-right: 10px; }
#wpua-preview, #wpua-thumbnail { display: inline-block; text-align: center; vertical-align: top; }
#wpua-preview img, #wpua-thumbnail img { max-height: 96px; border: 1px solid #dfdfdf; }
.widget_wp_user_avatar #wpua-preview img, .widget_wp_user_avatar #wpua-thumbnail img { max-height: 64px; }
.defaultavatarpicker #wpua-preview { width: 32px; height: 32px; margin-right: 0; display: inline-block; overflow: hidden; vertical-align: middle; }
.defaultavatarpicker #wpua-preview img { width: 32px; height: auto; border: 0; }
#wpua-edit #wpua-remove, #wpua-edit #wpua-undo, #wpua-edit-attachment { margin-left: 10px !important; }
#wpua-slider { width: 22.75em; }
#wpua-upload-messages span { display: block; }
.wpua-hide { display: none !important; }
.wpua-no-avatars { display: none; }
#wpua-preview, 
#wpua-preview img, 
#wpua-preview .description,
#wpua-thumbnail .description
{
	display:none;
}




/* contenu */
.button{
	background-color:#b7b6b6;
	padding:3px;
}
.spoiler_div,
#indices
 {
	border:2px dotted #e07d0c;
	padding:10px;
}
#indices{
	border:2px dotted #84B7DB;
	margin-bottom:13px;
}
a.spoiler_link_show,
a.spoiler_link_hide
{
	width:100%;
	text-align:center;
	display:block;
	background-color:#e07d0c;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	border-radius: 2px;
	text-shadow: 1px 1px #646464;
}
a.spoiler_link_show:hover,
a.spoiler_link_hide:hover
{
	color:#ffffff;
	background-color:#ed942f;
	border-radius: 2px;
	text-shadow: 1px 1px #646464;
}
.box_info{
	background:url('images/ic_exclamation.png') no-repeat 10px center #E8E1B7;
	padding :10px 10px 10px 50px;
	margin: 10px 0px 10px 0px;
}
.explication{
	background:url('images/ic_interrogation.png')no-repeat 10px center #B9DDED;
}
.box_noimage{
	background-image:none;
	padding-left:10px;
}
.bloque{
	background:url('images/ic_bloque.png')no-repeat 10px center #E8E1B7;
}
.debloque{
	background:url('images/ic_debloque.png')no-repeat 10px center #E8E1B7;
}
.ligne1{
	background-color:#F5F9FA;
}
.ligne2{
	background-color:#DFE4E6;
}
.ligne_user{
	background-color:#F5DEAB;
}
.archive-desc{
	color:#4A4848;
}




/* Page Mosaique */
.page-template-_template_mosaique-php .colonne{
	width:49%;
	float:left;
}
.page-template-_template_mosaique-php .colonne h3{
	background:#2F343D;
	color:#FFFFFF;
	padding:8px 12px;
	text-align:center;
}
.page-template-_template_mosaique-php .colonne .position{
	font-weight:bold;
	color:#e27e0c;
}
.page-template-_template_mosaique-php .colonne th{
	background-color:transparent;
	text-transform:uppercase;
	font-weight:bold;
	color:#000000;
}
.page-template-_template_mosaique-php .box{
	padding:10px;
	color:#5A5C5E;
}
.page-template-_template_mosaique-php .box .id_mosa{
	color:#e27e0c;
	text-transform:uppercase;
	font-weight:bold;
}
.page-template-_template_mosaique-php .reponse{
	margin-top:5px;
	margin-bottom:10px;
}
.page-template-_template_mosaique-php .reponse{
	text-align:center;
}
#conteneur_mosaique{
	position:relative;
	background-color:#87BED4;
	margin:0px auto 0px auto;
	border: 1px solid #999999;
	overflow:hidden;
}
#info_pasconnecte, .nouveaucarre{
	width:80%;
	background-color:#E8E1B7;
	padding:10px;
	margin:0px auto 0px auto;
}
#conteneur_mosaique #wait{
	position:absolute;
	top:210px;
	left:285px;
	width:31px;
	height:31px;
	background:url(images/loadermosa.gif) no-repeat 0px 0px;
}
#conteneur_mosaique #mosapasdispo{
	padding:5px 0px 0px 5px;
	position:absolute;
	left:0px;
	top:0px;
}
#conteneur_mosaique .dodo{
	padding:265px 0px 0px 0px;
	background:url(images/dodo.png) no-repeat center 0px;
	text-align:center;
}
#conteneur_mosaique .pause{
	position:absolute;
	top:210px;
	left:285px;
	width:31px;
	height:31px;
	background:url(images/pause.gif) no-repeat 0px 0px;
}
#titre_mosa{
	text-align:center;
	color:#e27e0c;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}
.conteneur_info_mosa{
	margin:20px 0px 5px 0px;
	padding:10px;
	background-color:#EBF5FA;
}
.conteneur_pts{
	width:100px;
	float:left;
	margin-right:15px;
}
.conteneur_pts .bloc_pts{
	display:block;
	height:30px;
	text-align:center;
	background-color:#F0D9B4;
	color:#999896;
	font-weight:bold;
	font-size:15px;
	margin:0px 0px 2px 0px;
}
.conteneur_pts .active{
	background-color:#e27e0c;
	color:#ffffff;
}
.info_mosa{
	float:left;
	width:315px;
}
.info_mosa p{
	margin-top:4px;
	margin-bottom:4px;
}
.prochain_carre{
	float:left;
	width:260px;
}
.prochain_carre .titre{
	display:block;
	font-size:18px;
	text-align:center;
}
.prochain_carre #next{
	font-size:20px;
	text-align:center;
	width:175px;
	margin:0px auto 0px auto;
}
.vitesse{
	background:url(images/ic_chrono.png) no-repeat 3px center;
	padding:3px 3px 3px 26px;
	height:20px;
	color:#999896;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
}
.bonus{
	background:url(images/bonus.png) no-repeat 3px center;
	padding:3px 3px 3px 26px;
	height:20px;
	color:#e27e0c;
	text-transform:uppercase;
	font-weight:bold;
	line-height:20px;
}
#mosaique{
	background-color:#6DA8BF;
}
#mosaique tr,
#mosaique td,
#mosaique img,
#mosaique th
{
	margin:0;
	padding:0;
	border:0;
	line-height:0;
	border-spacing:0;
	border-collapse:collapse;
}
/*
td.mosa_30, td.mosa_30 img{
	width:30px;
	height:30px;
}
*/
.format_25,.format_25 #mosaique,
.format_30,.format_30 #mosaique,
.format_50,.format_50 #mosaique,
.format_75,.format_75 #mosaique
{ 
width:600px;height:450px;
}
.format_25 td,.format_25 img {width:25px;height:25px;}
.format_30 td,.format_30 img {width:30px;height:30px;}
.format_50 td,.format_50 img {width:50px;height:50px;}
.format_75 td,.format_75 img {width:75px;height:75px;}




/* page le saviez vous */
.lsv_phrase{
	display:block;
	font-size:37px;
	font-weight:bold;
	text-align:center;
	line-height:1;
	padding:15px;
	color:#599C4C;
}
.lsv_source{
	display:block;
	font-size:15px;
	text-align:right;
}
.lsv_question{
	text-align:center;
	font-size:20px;
}
.lsv_reponse{
	width:50%;
	float:left;
	text-align:right;
}
.lsv_reponse .btn{
	width:100px;
	padding:5px;
	font-size:14px;
	margin-right:10px;
}



/* specifique C2 */
.postid-7608 .img .copyright{
	display:none;
}
#iframe_enigme165{
	height:560px;
}


/* commentaires */
#comments .comment {
	border:3px dotted #E1DFDF;
	padding:10px;
}
#comments .comment-text {
	color:#363636;
}
#comments .comment .comm_24h_non_visible {
	font-style:italic;
	opacity: 0.6;
    filter: alpha(opacity=60);
}
#comments h5 a{
	color:#2F343D;
	font-size:17px;
}
#comments h5{
	color:#939191;
	font-size:15px;
}
#comments .comment-time{
	margin-left:5px;
	color:#b2b2b2;
}
.single-post .createur{
	display:none;
}
/* DEFI */
.single-defi .createur{ /* etiquette createur visible uniquement sur les defis */
	background-color:#7b9cd1;
	color: #FFFFFF;
    font-size: 12px;
    padding: 3px 6px;
	margin-left:5px;
    line-height: 1;
    display: block;
    float: left;
}

/* sidebar */
.widget-title{
	background:#1e1e1e;
	border-radius: 2px;
}
#sidebar a, #sidebar a:active, #sidebar a:visited, #sidebar a:link{
	color:#156FAB;
	text-decoration:none;
}
#sidebar a:hover{
	text-decoration:underline;
}
.widget ul li{
	padding:2px 0;
}
/* Menu sidebar */
#sidebar .current-menu-item a,#sidebar .current-menu-item a:hover,#sidebar .current-menu-item a:active{
	color:orange;
}

/* Defi form */
.ap-pro-form-field input[type="text"], .ap-pro-form-field textarea, .ap-pro-form-field select{
	border:1px solid #cccccc;
	width:97%;
}
.ap-pro-form-field textarea{
	height:70px;
	overflow: auto;
}
.ap-pro-form-field input[type="text"]{
	height:30px;
}
.ap-form-wrapper .input_solution{
	margin-bottom:50px;
}


/* bup */
.bup{
	text-align:center;
}
#bup_home_top{
	width: 402px !important;
	margin:0 auto 15px auto;
}

.pepsia_player {
	
}



/* footer */
#footer_contenu{
	text-align:center;
	color:#636260;
	font-size:11px;
	background:url('images/prof_ef.png') no-repeat center top;
	padding:95px 0px 10px 0px;
	margin:5px 0px 0px 0px;
}



/* 10.1 DESKTOPS
 * =========================== */ 
@media only screen and (min-width: 760px) and (max-width: 1200px) {
	
.menu-section{
	width:740px;
}
#header .miseenavant{
	width:250px;
}
	#main-menu ul { 
		display: block; 
	}
	
	#main-menu select {
		display: none;
	}
	#main-menu ul li a{
		font-size:13px;
		padding-left:8px;
		padding-right:8px;
	}
.facultatif,
.vignette_lesaviezvous,
.vignette_mosaique
{
	display:none;
}
#iframe_enigme165{
	height:560px;
}


} /* fin 10.1 */
/* 10.2. Tablet Portrait (devices and browsers)
================================================= */
@media only screen and (min-width: 580px) and (max-width: 759px) {
.menu-section{
	width:560px;
}
#header .miseenavant{
	width:250px;
}
#header .top-menu .ic_proposer,
#header .top-menu .ic_live,
.vignette_lesaviezvous,
#login18,
.vignette_mosaique
{
	display:none;
}
#header .toplogin, #header .toplogin_no_user{
	top:0px;
}
.prochain_carre{
	width:200px;
}
.author-description{
	max-height:350px;
	padding:0px 5px 10px 5px;
}
#bup_home_top{
	float:none;
}
#home_jde_img{
	float:none;
	margin-left:0;
}

.format_25,.format_25 #mosaique{ width:480px;height:360px;}
.format_25 td,.format_25 img {width:20px;height:20px;}
.format_30,.format_30 #mosaique{width:500px;height:375px;}
.format_30 td,.format_30 img {width:25px;height:25px;}
.format_50,.format_50 #mosaique{ width:492px;height:369px;}
.format_50 td,.format_50 img {width:41px;height:41px;}
.format_75,.format_75 #mosaique{ width:496px;height:372px;}
.format_75 td,.format_75 img {width:62px;height:62px;}
#conteneur_mosaique #wait,#conteneur_mosaique .pause{top:170px;left:230px;}


} /* fin 10.2 */
/* 10.3. Mobile Landscape Size to Tablet Portrait (devices and browsers)
========================================================================== */
@media only screen and (min-width: 400px) and (max-width: 579px) {

#header .toplogin .user_logout,
#header .toplogin .user_connecte,
#header .toplogin .user_non_connecte,
#header .top-menu .ic_proposer,
#header .top-menu .ic_live,
#header .top-menu .ic_blog,
#conteneur_mosaique .pause,
#liste_enquetes .vignette,
#liste_enquetes .nb_gagnants,
#header .miseenavant,
#login18,
.conteneur_imageform
{
	display:none;
}


input.enq_proposition{
	width:160px;
}
#header .toplogin{
	width:35px;
}
#header .top-menu{
	margin-top:8px;
}
#header .top-menu ul { 
	display: block; 
	width:230px;
}
#header .top-menu ul li{
	margin-right:15px;
}
#header .toplogin, #header .toplogin_no_user{
	top:0px;
}
.menu-section{
	width:380px;
}

.prochain_carre{
	width:240px;
}
.page-template-_template_mosaique-php .colonne{
	display:block;
	float:none;
	width:100%;
}

#comments .author-avatar {
	width:47px;
}
#comments .comment-time{
	float:left;
}
.lsv_phrase{
	font-size:22px;
}
#bup_home_top{
	float:none;
}
#home_jde_img{
	float:none;
	margin-left:0;
}


.format_25,.format_25 #mosaique{ width:312px;height:234px;}
.format_25 td,.format_25 img {width:13px;height:13px;}
.format_30,.format_30 #mosaique{width:320px;height:240px;}
.format_30 td,.format_30 img {width:16px;height:16px;}
.format_50,.format_50 #mosaique{ width:312px;height:234px;}
.format_50 td,.format_50 img {width:26px;height:26px;}
.format_75,.format_75 #mosaique{ width:320px;height:240px;}
.format_75 td,.format_75 img {width:40px;height:40px;}
#conteneur_mosaique #wait{top:105px;left:145px;}
#conteneur_mosaique .dodo{
	padding:80px 0px 0px 0px;
	background:none;
	text-align:center;
}

#iframe_enigme165{
	height:300px;
}


} /* fin 10.3 */
/* 10.4. Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
@media only screen and (max-width: 459px) {

#header .toplogin .user_logout,
#header .toplogin .user_connecte,
#header .toplogin .user_non_connecte,
#header .top-menu .ic_proposer,
#header .top-menu .ic_live,
#header .top-menu .ic_blog,
#conteneur_mosaique .pause,
#header .miseenavant,
#login18,
.conteneur_imageform
{
	display:none;
}
#liste_enquetes .verdict_user{
	font-size:15px;
}
input.enq_proposition{
	width:147px;
}
#header .toplogin, #header .toplogin_no_user{
	display:none;
}
#header .top-menu{
	margin-top:8px;
}
#header .top-menu ul { 
	display: block; 
	width:230px;
}
#header .top-menu ul li{
	margin-right:15px;
}
#container{
	width:320px; /* ajout KL 07/11/18 */
}
#content{
	width:300px; /* ajout KL 07/11/18 */
}
.menu-section{
	width:320px; /* modif KL 07/11/18 */
	left:0px;
}



.page-template-_template_mosaique-php .colonne{
	display:block;
	float:none;
	width:100%;
}

#comments .author-avatar {
	width:47px;
}
#comments .comment-time{
	float:left;
}
.lsv_phrase{
	font-size:22px;
}
#bup_home_top{
	float:none;
}
#home_jde_img{
	float:none;
	margin-left:0;
}

.format_25,.format_25 #mosaique{ width:240px;height:180px;}
.format_25 td,.format_25 img {width:10px;height:10px;}
.format_30,.format_30 #mosaique{ width:260px;height:195px;}
.format_30 td,.format_30 img {width:13px;height:13px;}
.format_50,.format_50 #mosaique{ width:252px;height:189px;}
.format_50 td,.format_50 img {width:21px;height:21px;}
.format_75,.format_75 #mosaique{ width:256px;height:192px;}
.format_75 td,.format_75 img {width:32px;height:32px;}
#conteneur_mosaique #wait{top:75px;left:110px;}
#conteneur_mosaique .dodo{
	padding:60px 0px 0px 0px;
	background:none;
	text-align:center;
}


#iframe_enigme165{
	height:300px;
}


} /* fin 10.4 */

/* Halloween */
/*#main-menu,.widget-title h4{background:url(images/fd_halloween.png);}*/