@charset "utf-8";
/*
Theme Name: DSlab Magazine
Theme URI: http://www.dslab.fr
Auteur : Audrey Prud'Homme pour DSlab
Author URI: http://wordpress.org/
*/

@import url("css/polices.css");
@import url("css/reset.css");
@import url("css/layout.css");
@import url("css/styles.css"); 
 

/* MENUS
-------------------------------------------------------------- */ 

/* Navigation Menu ---------------------------------------------------------- */ 
ul#menu-menu-magazine { }
	#menu-magazine li { font-size: 13px; height:35px;display: inline-block; 
	margin: 0;position: relative; }
		#menu-magazine li a {  color: #000; line-height: 35px; text-transform: uppercase; white-space: nowrap; display: inline-block; text-decoration: none; padding:0 14px;
		}
		#menu-magazine li a:hover { background:#9C9E9F; /* gris moyen */}
		#menu-magazine .current-menu-item > a,  #menu-magazine .current-menu-ancestor > a,  #menu-magazine .current_page_item > a,  #menu-magazine .current_page_ancestor > a,#menu-magazine .current-post-ancestor > a {color: #418CC0; /* bleu turquoise */ }

#menu-magazine div.nav-menu > ul { display: none; } 
#menu-magazine div.nav-menu > ul { display: inline-block !important;text-align: left;width: 100%;}
#menu-magazine li ul {display: none;margin: 0;padding: 0;position: absolute;top: 100%;z-index: 1;}
#menu-magazine li ul ul {top: 0;left: 100%;}
#menu-magazine ul li:hover > ul {border-left: 0;display: block;}
#menu-magazine li ul li a {background: #ececed;border-bottom: 1px solid #ededed;display: block;font-size: 11px; 
line-height: 2.2;padding: 8px 10px; width: 180px;white-space: normal;}
#menu-magazine li ul li a:hover, . {background: #e3e3e3;color: #444;}
 
			
/* Menu top */  
ul#menu-top { font-size:13px}  
	ul#menu-top li { display: block; height:15px; margin: 5px 3px; cursor:pointer; float:left }
	ul#menu-top li+li { border-left:1px solid #FFF; padding-left:8px}
		ul#menu-top li a { color:#FFF;  display:block; height:15px; line-height:15px;  } 
		ul#menu-top li a:hover, ul#menu-top li.current-menu-item a { color:#AFDEF4; /* bleu ciel */}  

/* BOTTOM MENUS ---------------------------------------------------------- */
#bottom-menus>div{ float: left; overflow:hidden; width:190px; height:120px; }   
#bottom-menus .menu-menu-a-propos-container, #bottom-menus .menu-menu-top-container{ width:190px; }
#bottom-menus .menu-menu-top-fr-container, #bottom-menus .menu-menu-top-en-container{ margin-top:10px; float:left}
#bottom-menus .menu-menu-magazine-container{ width:380px;  }  
	#bottom-menus .menu-menu-magazine-container li{ width:190px; float:left;  }  
	#bottom-menus li.menu-item-1118 a:lang(en-US){ display:none}  
	#bottom-menus li.menu-item-1116 a:lang(fr-FR){ display:none}  
		#bottom-menus li a{ text-transform:uppercase; line-height:20px; text-decoration:none; font-size:14px;}  
		#bottom-menus li a:hover, #bottom-menus li a.active, #bottom-menus li.current-post-ancestor a { font-weight:bold}  
		#bottom-menus .menu-menu-top-container a,#bottom-menus .menu-menu-header-container a{ color:#152D76; /* bleu marine */}   
		#bottom-menus .menu-menu-top-fr-container a, #bottom-menus .menu-menu-top-en-container a{color:#152D76; /* bleu marine */ } 
		#bottom-menus .menu-menu-a-propos-container a{ color: #418CC0; /* bleu turquoise */} 
		#bottom-menus .menu-menu-magazine-container a{ color: #000;  } 
		
#bottom-menus .widget{ float: left; overflow:hidden; width:190px }   
/* Réseaux sociaux */  
#bottom .menu-menu-top-container li+li+li+li, #bottom .menu-menu-top-container li+li+li+li+li{ display:none} 


/* FOOTER MENU ---------------------------------------------------------- */
#footer-menu{ }       
 

/* NAVIGATIONS ---------------------------------------------------------- */
 
#navigation{ font-size:11px; padding: 20px 0;  display: block; clear:both;color:#999;  }
.single #navigation{ font-size:11px; padding: 20px 0;  display: block; clear:both;border-top: 1px solid #9C9E9F; /* gris moyen */ }
	.nav-back{ width: 100%; clear:both}
	.nav-previous,
	.previous-image { float: left; width: 50%; }
	.nav-next,
	.next-image { float: right; text-align: right; width: 50%; }
	
		#navigation a{ color:#999; }
		#navigation a:hover{ color:#3D3D3F; /* gris foncé */ } 


/* ARTICLES ---------------------------------------------------------- */

div#childs {  }

div#liens { margin-right:-15px; position:relative}
	div#liens a.lienbloc { display:block; width:190px; height:120px; line-height:100px; margin:auto}
		div#liens a.lienbloc img {vertical-align:middle;}

div.page-header { margin-bottom:20px; border-bottom:1px solid #9C9E9F;padding-bottom: 5px; position:relative}
.post-type-archive-evenements div.page-header , .single-evenements div.page-header { border-bottom: none;padding-bottom: 0; }


.type-post,.type-parutions,.type-evenements ,.type-page {  margin-bottom:20px; position:relative; clear:both; } 

.post-type-archive-evenements .type-evenements , .single-evenements .type-evenements{ border-top:1px solid #9C9E9F; /* gris moyen */ padding-top:15px}
#sidebar-right .type-post, #sidebar-right .type-parutions, #sidebar-right .type-page { border:none; padding:0}
.list .type-lien {width:190px;; float:left; height:120px; text-align:center; margin-right:15px; position:relative}  

	
		.featured {position: relative;border-radius: 5px;-webkit-border-radius: 5px; padding: 15px 15px 10px 15px;background: #ececed; /* gris très clair */color:#3D3D3F; /* gris foncé */ margin-bottom:25px;  }

	.single .entry-header { width:100% }
	.list .entry-header { width:100% }
	.entry-header .entry-format { margin-top: 20px; font-weight: normal; }
	.featured .entry-header { margin-bottom: 0!important}
	
	.entry-metas { margin:0 0 10px 0;  } 
	.type-evenements .entry-metas { font-size:12px} 
	.list .entry-metas,.front-page .entry-metas { margin:0 0; } 
		.entry-metas>div{ border-left: 1px solid #000; padding-left:8px; display:inline-block; margin-left:5px} 
		.entry-metas div:first-child { border-left: none; padding-left:0; margin-left:0} 
 
.entry-content,
.entry-summary { margin-bottom:20px;}  

.entry-summary { font-size:12px} 

.type-evenements .entry-content{ margin-bottom:10px; }

.front-page .entry-summary { margin-bottom:0; }

.featured .entry-summary { margin-top: 0; padding-top:15px; height:115px; overflow:hidden}

	.entry-content p { margin: 0 0 15px; } 
	.wpsc_description p { } 
	.list .entry-summary p { margin: 0 ; } 
	
	.entry-content ul { margin: 0 0 15px; line-height: 1.8; list-style: disc inside; } 
		.entry-content li { margin: 0 0 5px 0; margin: } 
			.entry-content ul ul { margin: 0 0 15px 20px; line-height: 1.8; list-style: square inside; } 
				.entry-content li li { margin: 0 0 5px 0; margin: } 
	
	 .entry-content embed,
	.entry-content iframe,
	.entry-content object,
	.entry-content video { margin-bottom: 20px; } 
	
	#sideshoppingcart { margin:0 0 20px 0; padding:10px ; background-color:#ececed; /* gris très clair */} 
	.entry-content .wpcf7 form { margin:20px 0; padding:20px 70px; background-color:#ececed; /* gris très clair */} 
	.entry-content form.product_form {  } 
	
	.entry-content .wpcf7 {} 
.entry-content .wpsc_product_price label{ min-width: 50px !important;width: auto !important}
		.entry-content label{ display:inline-block;min-width:100px;width:150px} 
		
		#searchform label{ display: none} 
		.entry-content .wpcf7-checkbox{ margin-left: -10px} 
		.entry-content .wpcf7 p{ margin-bottom: 0px} 
		.entry-content .wpcf7 textarea{ min-height:250px} 
			.entry-content .wpcf7-checkbox label{ width:auto;min-width:auto} 
			span.wpcf7-not-valid-tip { top: -5px; left: 2px; height:21px; line-height:21px;z-index: 100; background: #fff; border: 1px solid #ff0000; font-size: 11px; width: 275px; padding: 2px; }
			div.wpcf7-response-output { margin: 30px 0 0 0; padding: 10px; }
				div.wpcf7-validation-errors { border: 1px solid #ff0000; }
	
	.entry-content table{ border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; line-height: 2; margin: 0 0 20px; width: 100%; }
	
	.entry-content table caption{ font-size: 16px; margin: 20px 0; }
	
	.entry-summary span.article-infos{ font-style:italic; font-size:12px; display:inline-block; margin-right:5px; float:left }
	.entry-content p.article-infos{ font-style:italic; font-size:12px; font-weight:bold;color: #58585A; padding-top:5px}
	.entry-content td{   }
 
.entry-infos { margin:0 0 10px 0; font-weight:bold}

.entry-date  { clear: left; height:28px; line-height:18px; width:165px; background: url(images/entry-date.png) no-repeat top left; margin-top:-15px; margin-left:-6px;font-family: 'BlueHighwayDTypeRegular'; color:#FFF; text-transform:uppercase; font-size:20px;padding:12px 0 0 30px }
.entry-date div.wpcf-field-event-date, .entry-date div.wpcf-field-event-date-end { float:left;height:25px;}
.entry-date span { display:block;height:25px;}

.entry-numero { margin:0 0 10px 0;text-align:center;font-weight:bold; font-size:16px} 

.entry-related { margin-bottom:40px; position:relative} 
.type-parutions .entry-related {border-top:1px solid #AFDEF4; /* bleu ciel */} 
	.entry-related ul li{ margin-bottom:10px} 

.entry-taglist { margin-bottom:20px; position:relative; border-top:1px solid #AFDEF4; /* bleu ciel */} 
	.entry-taglist ul li{ display:inline-block;border-radius: 5px;-webkit-border-radius: 5px; padding: 2px 5px; margin-right:5px; background-color:#ececed; /* gris très clair */ font-size:11px; } 
		.entry-taglist ul li a { color: #999; /* gris clair */} 
		.entry-taglist ul li a:hover { color:#3D3D3F; /* gris foncé */} 

.page-links { clear: both; line-height: 1.8; } 

 
 
 
/* WIDGETS
-------------------------------------------------------------- */
.widget { overflow:hidden; position:relative}     
#main-content .widget { clear:both; margin-bottom:15px}   

#encart { text-align:center; }     
  
/* Réseaux sociaux */  
ul.socials {}
ul.socials li {  height:22px; float:left; margin-left:5px; margin-top:3px; overflow:hidden; cursor:pointer}
ul.socials li:first-child { margin-left:0;  }
	ul.socials li a { display:block; width: 25px; height:22px; opacity:0.9; text-indent:-9999px;}
	ul.socials li a:hover { opacity:1; }
	a.linkedin{ background:url(images/socials/linkedin.png) no-repeat top left;}
	a.facebook{ background:url(images/socials/facebook.png) no-repeat top left;}
	a.twitter{ background:url(images/socials/twitter.png) no-repeat top left;}
	a.youtube{ background:url(images/socials/youtube.png) no-repeat top left;}
	a.rss{ background:url(images/socials/rss.png) no-repeat top left;}
	
 
/* TOP ---------------------------------------------------------- */   
  
/* Langues */ 
#qtranslate-chooser  li { display: inline-block; position:relative;   } 
#qtranslate-chooser  li.active { display:none} 
	#qtranslate-chooser li a { color:#FFFFFF; display:block; height:25px; width:25px;  }  
	#qtranslate-chooser li a.qtranxf_flag_en { background: url(images/flags/uk.png) no-repeat top left;-webkit-background-size: cover; background-size: cover;}   
	#qtranslate-chooser li a.qtranxf_flag_fr { background: url(images/flags/fr.png) no-repeat top left;-webkit-background-size: cover; background-size: cover;}   

/* Réseaux sociaux */  
ul.socials {  }    
  
 
/* HEADER ---------------------------------------------------------- */ 

/* Recherche */ 
.widget_search label { display:none}
.widget_search input#s { display:inline-block; float:left; margin-top:31px; margin-right:5px; width:120px;}
.widget_search input#searchsubmit {  width: 38px; margin: 0; margin-top:31px} 

/* Menu Header */
#sidebar-header .widget_nav_menu li { margin-bottom:7px}
	#menu-menu-header li a{ display:block;height: 17px; line-height:17px;padding:3px 3px 2px 3px; color:#fff; font-size:17px; background:#418CC0; /* bleu turquoise */border: 1px solid #fff; border-radius: 3px; text-align:center;; font-size:13px} 
	#menu-menu-header li a:hover{ background:#AFDEF4; /* bleu ciel */ color:#418CC0; /* bleu turquoise */ }
	
#menu-menu-header-1 li { margin :20px 30px; display:inline-block}
	#menu-menu-header-1 li a{ display:block;height: 25px; line-height:25px;padding:3px 20px 2px 20px; color:#fff; font-size:17px; background:#A00D59; /* rose vif */border: 1px solid #58585A; /* gris taupe */ border-radius: 3px; text-align:center;; font-size:16px} 
	#menu-menu-header-1 li a:hover{ background:#C41273; /* rose clair */ }


/* SIDEBAR LEFT ---------------------------------------------------------- */ 

#sidebar-left .widget  { margin: 0 0 15px 0; } 
			
/* Menu En Israel */
ul#menu-menu-en-israel { -webkit-border-radius: 5px; border-radius: 5px; padding: 10px; color:#3D3D3F; /* gris foncé */background: #01729d;
background: -moz-linear-gradient(top,  #01729d 0%, #2babdd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01729d), color-stop(100%,#2babdd));
background: -webkit-linear-gradient(top,  #01729d 0%,#2babdd 100%);
background: -o-linear-gradient(top,  #01729d 0%,#2babdd 100%);
background: -ms-linear-gradient(top,  #01729d 0%,#2babdd 100%);
background: linear-gradient(to bottom,  #01729d 0%,#2babdd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01729d', endColorstr='#2babdd',GradientType=0 );
 } 
		ul#menu-menu-en-israel>li>a { text-align:center; text-transform:uppercase; display:block; border-bottom:1px solid #fff; padding-bottom:10px; margin-bottom:10px;font-size:12px; font-weight: bold} 
 		ul#menu-menu-en-israel ul.sub-menu { text-transform:uppercase; margin-left:0; font-size:11px; line-height:1.8} 
		
		ul#menu-menu-en-israel a { color:#fff} 
		ul#menu-menu-en-israel ul.sub-menu a:hover { color:#AFDEF4; /* bleu ciel */} 
		
 			 

/* SIDEBAR RIGHT ---------------------------------------------------------- */ 

/* Menu A propos */  
ul#menu-menu-a-propos { border:1px solid #999; font-size:11px; margin-bottom:10px}  
	ul#menu-menu-a-propos>li { margin-top:1px} 
	#sidebar-right.en ul#menu-menu-a-propos>li#menu-item-1118 { display:none} 
	#sidebar-right.fr ul#menu-menu-a-propos>li#menu-item-1116 { display:none} 
	ul#menu-menu-a-propos>li:first-child { margin-top:0} 
	#sidebar-right.en ul#menu-menu-a-propos>li:nth-child(2) { margin-top:0} 
		ul#menu-menu-a-propos li a { display:block; line-height: 25px; padding:0 2px; text-align:center; color: #152D76; /* bleu marine */ font-weight:bold } 
		ul#menu-menu-a-propos li a:hover { color:#418CC0; /* bleu header */ }
		ul#menu-menu-a-propos>li.current-menu-item>a,ul#menu-menu-a-propos li li.current-menu-item a { color:#418CC0; /* bleu turquoise */ }   
		ul#menu-menu-a-propos>li>a {  background:url(images/menu-menu-a-propos_li.png) repeat-x top center;  text-transform:uppercase;  }    
			ul#menu-menu-a-propos li li a{ background: #ECEDED; /* gris très clair */ border-top: 1px dotted #999} 
			ul#menu-menu-a-propos li li a:first-child{ border-top: none} 
			ul#menu-menu-a-propos li li a:hover { color:#418CC0; /* bleu turquoise */ }   

#random-couv, #last-couv { margin:0 }    
	#random-couv .type-parutions, #last-couv .type-parutions { margin-bottom:15px;clear:both; }    
	#random-couv a:hover img, #last-couv a:hover img {opacity:0.8;}
	
#associations { margin-bottom:15px;-webkit-border-radius: 5px; border-radius: 5px; padding:5px 10px; color:#fff;  /background: #01729d;
background: -moz-linear-gradient(top,  #01729d 0%, #2babdd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01729d), color-stop(100%,#2babdd));
background: -webkit-linear-gradient(top,  #01729d 0%,#2babdd 100%);
background: -o-linear-gradient(top,  #01729d 0%,#2babdd 100%);
background: -ms-linear-gradient(top,  #01729d 0%,#2babdd 100%);
background: linear-gradient(to bottom,  #01729d 0%,#2babdd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01729d', endColorstr='#2babdd',GradientType=0 ); }  
	#associations .type-page { border-top: none; margin:5px 0 0 0}  
	#associations h4 { margin:5px 0}  
	#associations a { color:#fff;   }  
	#associations a:hover { color: #AFDEF4; /* bleu ciel */}  

			


/* BOTTOM ---------------------------------------------------------- */   
 

.page_navigation , .alt_page_navigation{
	padding-bottom: 10px; text-align:center
}

.page_navigation a, .alt_page_navigation a{
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;  
	font-size: 12px;
	background-color: #418CC0;
}
.active_page{
	background-color:white !important;
	color:black !important;
}	

.content, .alt_content{
	color: black;
}

.content li, .alt_content li, .content > p{
	padding: 5px
}