/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
 
@media screen and (max-width: 980px) {
	#topmenu_holder.dropped {
		-webkit-box-shadow:none;
		-khtml-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		border:none;
		background:none;
		padding-bottom:30px!important;
	}
	.top_menu_poz_navbar,
	#mmenu_holder{
		width:280px!important;
	}
	.navbar-inner {
		-webkit-box-shadow:none;
		-khtml-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.navbar-inner {
		border: 1px solid #D4D4D4;
	}
	.yjsquare.yjsearch.forceright225 {
		float:none!important;
		margin-left:auto;
		margin-right:auto;
	}
	.blue_yjsg2_out {
		border-top:1px solid #d8d8d8;
	}
	.linkgroup {
		width:50%;
	}
	body.style_metal #header,
	body.style_metal #topmenu_holder,
	body.style_mesh #header,
	body.style_mesh #topmenu_holder{
		background:#121212!important;
	}
}
@media screen and (max-width: 680px) {
	.yjsgintro h1 {
		font-size:40px;
	}
	h2.yjpresents {
		font-size:25px;
	}
	#visityjsg {
		width:250px;
		height:130px;
	}
	#visityjsg h3 {
		font-size:25px;
		line-height:30px;
	}
}


/* iPad */
@media only screen and (min-device-width:768px) and (max-device-width: 1024px) {
	#header div#logo{width:200px !important; height:100px !important; float:left !important; margin:25px 0 0 10px !important; clear:inherit !important;}
	#header div#logo a{}
	#header div#yjsgheadergrid{width:280px !important; float:right !important; margin:10px 0 0 !important; clear:inherit !important;}
	#header div#header3 .lien_accueil a{margin-left:18px;}
	#header div#yjsgheadergrid .yjsquare{width:100% !important;}
	/*#logo, #logo a{height:81px !important;}*/
	.yjsg_grid #user10, .yjsg_grid.yjsgsitew #innerbottom3.yjsgxhtml.lastModule{width:205px !important; }
	.footer .sub_footer .yjsg_grid{width:800px !important;}
	.horiznav, div.icemegamenu{height: 92px !important;}
	#header{height: 292px !important;}
	div.footer{width:800px !important;}
	div.footer .sub_footer{width:800px !important;}
	div.footer .sub_footer .yjsg_grid{width:800px !important;}
	div.footer .lifirstparent, .footer #item-201.lifirstactive{width:200px !important; padding-left:3px;}
	div.footer #item-202{width:400px !important;}
	div.footer #item-202 li{width:190px !important;}
	div.footer #item-203{width:200px !important;}
	div.footer .sub_footer .yjsg_grid{margin-left:0;}
	div.footer .yjsquare{padding:6px 3px !important;}
	div.footer .yjsquare span.separator{padding:0 3px !important;}
	div.footer .defaultmenu li .lien_foo, div.footer .defaultmenu li .separator{font-size:13px !important;}
	div.footer .defaultmenu li a{font-size:10px !important; text-indent:3px;}
}
/*******iphone***********/
@media only screen and (max-width: 480px) and (min-width: 320px) {
#header div#logo{width:100px !important; height:40px !important; float:left !important; margin:10px 0 0 10px !important; clear:inherit !important;background:url(../images/logo-iphone.png) no-repeat;}
#header div#yjsgheadergrid{width:65% !important; float:right !important; margin:0px 0 0 !important; clear:inherit !important;}
#header3 .yjsquare{ width:98% !important;margin-bottom:0 !important;padding:0 !important;}
#header3 #mod-finder-searchform .inputbox{  width: 135px !important;}
#header3 #mod-finder-searchform{
	text-align: left;
	width:180px !important;
	position: relative;
    z-index: 1;	
}
.finder label{visibility: hidden;}
.esp_corporat_acc{width:95% !important}
.video_corporat{width:96% !important;margin-top:0 !important;}
#user6,#innerbottom1,.yjsg_grid.yjsgsitew #innerbottom3.yjsgxhtml.lastModule,.footer,.footer .sub_footer,.footer .sub_footer .yjsg_grid{width:100% !important;}
.content p{font-size:11px !important;line-height:16px;text-align:justify;}
.content-wrapper ul li{font-size:11px;}
#user1 h4{font-size:12px !important}
#header3 .lien_accueil a{float:right !important;margin-right:62px !important;font-size:0!important;text-indent:-9999em;}
#topmenu_holder.dropped{padding-bottom:0 !important;}
.video_corporat .yjsquare_in{height:auto;}
#user1, #user11,.yjsg_grid.yjsgsitew #innerbottom3.yjsgxhtml.lastModule,#user6 {width: 93% !important;}
h1.module_title, h2.module_title, #holder h2.article_title{font-size:15px;}
.h2_holder, .h2_holder_glob{background-position:0 11px; }
.home .lof-articlessroller .lof-previous,.home .lof-articlessroller .lof-previous:hover {
    background: url("../images/flesh_lefti.png") no-repeat;height:35px; width: 16px;}
.home .lof-articlessroller .lof-next,.home .lof-articlessroller .lof-next:hover {
    background: url("../images/flesh_righti.jpg") no-repeat; height:33px;width: 16px;}	
.style_secteur .lof-articlessroller .lof-inner{min-height:125px;} 	
.lof-articlessroller .lof-inner{font-size: 11px;min-height: 228px;padding:5px 15px 0 6px;margin: 0 0 0 10px;}
.lof-articlessroller .lof-inner .lof-title{font-size:10px;}
.home .lof-articlessroller .lof-inner{font-size:10px;}
.lof-row i{font-size:11px;}
#lofasc-120,#lofasc-830{height:238px !important;}
.lof-articlessroller .lof-main-wapper{height:240px !important;}
#user10 .nos_clients_maroc h2{font-size:15px;}
.lof-articlessroller .lof-inner .lof-readmore{font-size:10px;}
.esp_corporat_acc .h2_holder, .accesdirect_acc .h2_holder{width:100%;}
.home #innerbottom3 {height: 168px;}
.home #user10 {height: 180px;}
.newsitem_text h2,.newsitem_text h4{font-size: 13px;}
.newsitem_text{margin-top: 10px;}
.news_item_a{padding:0;}
#pathway .breadcrumb li a, #pathway .breadcrumb li span{font-size:11px;}
#pathway .breadcrumb li span{padding:7px 2px}
.wk-accordion h3{font-size: 14px;}
span#yjmm_selectid{ font-size: 15px;}
#holder{padding:10px 5px;}
.atouts .wk-accordion-default .toggler{padding-bottom:10px;background-position:100%;}
#user1 .yjsquare.depliant {padding: 10px 5px;}
.catcadre{margin: 0 8px 20px 0;padding: 10px 6px 0;}
.catcadre-183l{width: 145px;margin: 0 2px 20px; padding: 5px 0 0;}
.yjsquare {padding: 6px 5px;}
.catcadre-183l h1{font-size: 12px;line-height: normal !important;}
.LuDanspress .news_corporates .lof-articlessroller{height: 375px !important;}
.list_newslist .bloc_news .bloc_contenu{float:left;} 
.projectsNews .content .only_mod .list_newslist .bloc_news .bloc_description{font-size:11px;}
.list_newslist .bloc_news h4 a{font-size:11px;}
.projectsNews .content .only_mod .list_newslist .bloc_news .read_more{font-size:10px;}
.projectsNews .pagination_newslist{float:left;}
.projectsNews .filter_newslist{background:#90012D;height:auto;width: 97%;}
#innerbottom1 .nos_clients_maroc,#innerbottom1 .mod-cont-bas{width:92%;}
.realisation_rh td{vertical-align:top;}
#holder2 h1{font-size:17px;}
#holder2{padding-right:0;  padding-left: 11px;}
div.yjsg-newsitems .float-left, .yjsgxhtml{ padding-left:5px;padding-right:5px;}
.style_secteur #midblock h2{font-size:13px;padding-left:5px;border-bottom:4px solid #95042F;}
.newsitem_text h3{font-size:13px;}
.reference_rh .newsitem_text h3{font-size:18px !important;}
#rightblock h2.module_title{font-size:15px !important;}
#rightblock .yjsquare{width:100%;}
.style_secteur #holder2{padding-right:0;}
.holdermedz{padding-bottom: 80px;}
#rightblock .inside {margin: 0 0 0 10px;}
.LuDanspress .news_item_a{padding:0 5px;}
.LuDanspress .news_corporates .h2_holder h2.module_title{font-size:15px;}
.LuDanspress .news_corporates .h2_holder{background-position:0 8px;}
#innerbottom3 .mod-cont{width: 96%;}
.news_item_a .newsitem_text table td{vertical-align:top;}
#finder-search .button{background:#97012F;color:#fff;float:right;margin:5px 18px 0 0;padding:3px 10px;border-radius:3px;}
.search-results dd{margin-left:15px;}
.implante #midblock #userForm h2{font-size:20px;}
.implante #midblock #userForm input, .implante #midblock #userForm textarea{width:255px !important;}
.implante .rsform-block-message, .implante .rsform-block-security-code {height: 85px !important;}
.implante #midblock #userForm select#Civilite{width:90px !important;}
.implante #midblock .rsform-block-nom input{width:150px !important;}
.implante #midblock #userForm select{width:270px !important;}
.footer,.footer .sub_footer,.footer .sub_footer .yjsg_grid{width:100% !important;margin:0;}
.footer .menu{margin-left: -10px;}
.footer .lifirstparent li{width:97% !important;}
.sub_footer li#item-202 ul,.sub_footer li#item-203 ul{padding-left:10px;}
.sub_footer  .separator{margin-left:10px !important; font-size: 12px !important;}
.footer .lifirstparent, .footer #item-201.lifirstactive,.footer #item-202,.footer #item-203{width:100% !important;}
.footer .sub_footer .yjsg_grid{margin:0;}
.footer #item-202{border:none;}
#user22 .inputbox{height: 24px !important;}
.sub_footer  #item-204 ul,.sub_footer #item-848 ul,.sub_footer #item-849 ul,.sub_footer #item-212 ul,.sub_footer #item-209 ul{padding-left:10px;}
.footer .defaultmenu li .afirst, .defaultmenu li .lien_investi, .defaultmenu li .lien_ressource, #item-201 > .separator, #item-202 > .separator, #item-800 > .separator, #item-203 > .separator,.sub_footer #item-800 a.alast{font-size:16px !important;}
#user22 .h2_holder{width: 100%;}
#footerbody h4{font-size:16px;}
}
@media only screen and (max-width: 650px){
	.yjsquare_in fieldset {
		padding: 0 !important;
		width: 100%;
	}
	#contacthome .rsform-block .formControls {
    margin-left: 0;
	width: 90% !important;
	}
	.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {
    width: 95% !important;}
	.rsform-block-thecondi .showhide{width:auto !important;}
}