





/* iPhone */

.hide_mobile { display:none !important; }
.hide_iphone { display:inline-block; }
.show_ipad { display:block; }
.hide_PC { display: block; }



.bt_up_ipad { position: fixed; top:100px; left: 0px; width: 35px; height: 52px; background-image: url('http://www.gesmarrakech2014.org/lang/content_en/img/mobile/bt_up.jpg'); }


 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
.col, .colLeft, .colRight, #wrapper  {
   float: none;
   width: auto;
 }
 
h1 { margin-top:0px; margin-bottom: 0px; padding-top:10px; padding-bottom: 22px; }

 
/*  */
 
#div-header-iphone { display: block; width: auto; }
#div-header, #placeholderTopMenu { display: none; }


.slicknav_btn { margin-top:10px; margin-bottom:0px; }
.slicknav_menu .slicknav_icon-bar { background-color:rgb(224,0,27); }
.slicknav_menu { display: block; top:40px; padding-bottom:10px; background-color:white; position:fixed; right:0px; z-index:130; }
.slicknav_icon { display:block; }
.slicknav_menu .slicknav_menutxt { display:inline-block; color:rgb(224,0,27); }
#div-header-iphone { display:block; position:fixed; top:0px; left:0px; width:auto; height:45px; padding-top:0px; padding-left:0px; z-index: 125; }
.cacheMenuIphone { display:block; width:100%; height:100px; }
.cacheMenuIphone2 { position:fixed; top:0; left:0; display:block; width:100%; height:100px; background-color:white; z-index:100; border-bottom: 1px solid rgb(210,210,210); }

ul.slicknav_nav li a, .slicknav_nav .slicknav_item { background-color:rgb(246,246,246); color:rgb(67,67,67); margin-bottom: 0px; margin-top:0px; text-transform: uppercase; padding-top:15px; padding-bottom:15px; text-align: right; width: 300px; font-size: 14px; line-height: 16px; }
ul.slicknav_nav li ul { margin-left: 0px; }
ul.slicknav_nav li li a { background-color: rgb(230,230,230); }


/* HEADER */
.logoImg { float:left; width:114px; height:100px; }
.logoDesc { float:left; padding-left:15px; padding-top:33px; text-transform:uppercase; font-size:12px; line-height:13px; font-weight:bold; margin-right: 20px; }
.selectLanguage { display:none; float:left; margin-right: 10px; width:116px; margin-top:30px; font-size:11px; }
a.btSocial { margin-top:10px; position: relative; left:-60px; }

.lienlang { display:none; }

.btSwitchLang { float:right; display:inline-block; padding:5px 10px; border:1px solid grey; position: fixed; top:10px; right:15px;  }

/* SLIDER HOME */

.imgSliderHome { width:100%; background-size:70% auto; }
.wrapperSlider2 .slides li .imgSliderHome { background-size: contain; }
.titleSliderHome .headTitle { font-size:20px; }
.titleSliderHome { width:30%; }

.homeBox { width: 30%; margin-right: 2%; height: 500px; }
.homeBoxSidebar { width:100%; }
.last { margin-right: 0; }

/*
	LAYOUT
*/

.centered { max-width: 100%; padding:0px 20px; }
.spacerIpad { height:20px; }

/*
	AGENDA
*/
a.linkDay { margin-left:10px; width: auto; padding: 0px; }
.horaire { margin-left:10px; width: auto; }
.wrapperSession { float:left; margin-left: 10px; width: calc(100% - 20px); }
.titreFormat { float:left; width: calc(100% - 20px); }


/*
	SPEAKERS
*/
.header_speakers { height:180px; padding-left:80px; padding-top:20px; }

a.spk_ico_wrapper { float:left; width: 80px; height: 150px; margin: 0px 20px; font-size: 12px; line-height: 16px; }
a.spk_ico_wrapper .spk_ico { display:block; width:80px; height:80px; background-position: 0px 0px; background-repeat: no-repeat; background-size: 80px, 160px; }

a.spk_ico_wrapper:hover .spk_ico, 
a.spk_ico_wrapper.active .spk_ico { background-position: 0px -80px; }

.flexsliderSpeakers li { background-size: 50%; height:550px; }

.linkMoreSpk { top: 510px; left:110px; font-size:15px; }

.wrapper_bulle { top:20px; }

.spk_div { width: 40%; margin-right: 5%; margin-left: 0; }

/*
	MARKETPLACE
*/

.imgHeader { width: auto; }

/*
	PARTNERS
*/
.partnerBox { width: 30%; margin-right: 2%; }
.partnerBox .title { font-size:13px; }

/*
	MOROCCO
*/

.flexsliderMorocco { position:relative; }

.titleSliderMorocco { position: relative; display:inline-block; width: 100%; padding: 10px 40px; background-color: rgba(41,36,33,0.7); color:white; font-family: 'Ubuntu', sans-serif; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 30px; margin-bottom: 30px; }

.imgSliderMorocco { background-size: contain; height: 370px; width: 100%; }

.flexsliderMorocco ol.flex-control-nav { position:absolute; top:320px; left:33px; width:260px; height:40px; display: block; z-index: 20; }
.flexsliderMorocco ol.flex-control-nav li { float:left;  }
.flexsliderMorocco ol.flex-control-paging li a { width:25px; height:25px; background-color: rgb(64,60,59); color:white; background-image: none; text-indent: 0px; text-align: center; line-height: 25px; }

.flexsliderMorocco ol.flex-control-paging li a.flex-active { background-color:rgba(255,255,255,0.7); color:rgb(64,60,59); }


a.btMorocco { width:25%; margin-right:3%; }



/*
	SUMMIT INFO
*/

.imgSummit { float:left; max-width:450px; max-height:200px; width:50%; height:50%; margin-right: 20px; margin-bottom:20px; }


/*
	PAST SUMMIT
*/
.wrapperPastSummit { height: 300px; }
.summitsLinks { margin-top:40px; }
.summitsLinks a { float:left; width:50%; text-align: center; font-size: 16px; line-height: 40px; }
#previous1, #previous2, #previous3, #previous4  { display: none; }


/* BT streaming */
.btLive { float:none; display:block; width:calc(100% - 40px); margin:auto; margin-bottom:20px; margin-top:0px; text-align: center; }

.btLiveHome 	{ font-size: 20px; line-height: 30px; }
.btGalleryHome 	{ font-size: 20px; line-height: 30px; }
.btVideoHome 	{ font-size: 20px; line-height: 30px; }







