/*
Theme Name: DSlab Magazine
Theme URI: http://www.dslab.fr
Auteur : Audrey Prud'Homme pour DSlab
Author URI: http://wordpress.org/

/* Basic structure */
 
html { }
body { font-size: 14px; font-family:Arial,  Helvetica, sans-serif; line-height:1.5; color:#3D3D3F; /* gris foncé */ background-color:#FFF;font-weight:normal; min-width:1060px} 

.wrap { margin:0 auto ;width: 1000px;} 

/* LAYOUT */ 

/* Header */
#header{ width:100%; height:175px; background-color:#418CC0; /* bleu header */ min-width:160px } 
	#header .wrap{ margin:0 auto ;width:1000px; height:140px;  } 

		#top { width:100%; height:35px; float:right; width:520px; padding-top:15px}   
			#top .menu-menu-top-fr-container,#top .menu-menu-top-en-container{ height:25px; float: right; text-align:right; margin-right:20px }
			#top #qtranslate-chooser { line-height:25px; float:right; text-align:right; height: 25px; margin: 0 20px 0 3px;  } 
			#top .widget_text { height:25px; width:145px; float: right;  } 
	 
		.site-title { float:left;height:105px; width:480px; overflow:hidden } 
			.site-title a{ float:left;height:105px; width:210px; display:block; text-indent:-9999px; background:url(../images/logo.png) no-repeat top left} 
		
		#sidebar-header { float:right;width:300px; height:70px ; padding-top:20px;  margin-right:-5px}
			#sidebar-header .widget_search { width:200px; height:90px; float: right; }
			#sidebar-header .widget_nav_menu{width:90px; height:90px; float: left; }
			
	.site-description { font-family: 'BlueHighwayDTypeRegular'; font-weight: normal; text-transform:none; height:35px;display:block; font-size:22px; color:#fff; line-height:28px; float:left; width:705px; overflow:hidden } 
		.site-description a, .site-description a:hover { color:#FFF;   }

	#main-navigation { width:100%; min-width:1060px; height:35px; clear:both; text-align:center; background: url(../images/menu_bg.png) repeat-x top center; margin: 0;} 
		#menu-magazine { width:1060px; height:35px; margin:0 auto  }  

/* Content */
#content {  padding: 20px ; background-color: #fff; margin: 0 auto ;width: 960px; overflow: hidden; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } 

	#content #sidebars { float: right; width:335px }
	
		#sidebar-left { float: left; width:190px; }
	
			#ad-sidebar-wrapper { position:relative;  }
			#ad-sidebar {  width:100%;text-align:center; overflow:hidden; }
				#ad-sidebar p { width: 100%;margin : 0 0 15px 0; padding:0}  	 
				#ad-sidebar img { max-width: 100%; height:auto}  	 

	
		#sidebar-right { float: right; width:125px; position: relative}  
	
	#ad-content-wrapper { position:relative; width:600px; height:89px}
	#ad-content { text-align:center; float:left; width:600px; height:89px}
		#ad-content img { margin : 0 0 10px 0;  border-radius: 5px;-webkit-border-radius: 5px; } 
	
	#content #main-content { position:relative; margin-bottom:20px; margin-right:0; margin-left:0; float:left; width:600px;} 

		
/* Bottom */
#bottom-container { width:100%; height:170px;padding: 0;  margin : 0 auto ; clear: both; background: url(../images/bottom_bg.png) repeat-x top center; } 
	#bottom { width:1040px; margin:0 auto;height:130px; } 
		h1#bottom-logo { width:230px; height:170px; text-indent:-9999px; background:url(../images/bottom-logo_bg.png) no-repeat top left; margin: 0 50px 0 0; padding:0; float:left } 
		#bottom-menus { width:760px; height:120px;  margin: 25px 0; float: right }   
  		
/* Footer */
#footer-container { clear: both;   width:100%;  background:#ececed; /* gris très clair */color:#3D3D3F; /* gris foncé */  }
	#footer {  font-size: 13px;  width:1000px; margin : 0 auto ; padding:10px 0 50px 0; text-align:center  }
		#footer>div { clear:both; height:20px; margin-top:10px; overflow:hidden  }
			.menu-menu-footer-container li,.menu-menu-membres-container li { display:inline; border-left: 1px solid #999; line-height:12px; padding-left:8px; margin-left:5px;  }   
			.menu-menu-membres-container li { font-size:11px}   
			.menu-menu-footer-container li:first-child,.menu-menu-membres-container li:first-child { border-left: none; padding-left:0; margin-left:0;  }   
			#footer a { color:#999  }
			#footer a:hover,#footer a.active { color:#3D3D3F; /* gris foncé */;  }

/* Banner */
section[role="banner"] { margin-bottom:50px;  }

#share { margin:20px 0 30px 0; text-align:right; padding: 2px; border: 0px solid #59625c; background-color: #ececed; line-height:30px; height:30px;  }
 
	#ssba { display: block; float:right; margin :0 5px} 
	#ssba a:first-child { margin-left:5px }
	 
	.fb-social-plugin {  display: block; float:right; margin-top:-5px; width:450px  }  
	.fb_iframe_widget span { overflow:visible; padding-left:360px }  	
	.fb_iframe_widget iframe {}