@import url('./BebasNeue/stylesheet.css');
/*@import url('./HelvNew/stylesheet.css');*/
@import url('./Artifika/stylesheet.css');
@import url('./Gotham/stylesheet.css');
@import url('./Gotham/book.css');

@import url('./isotope.css');



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, table, tr, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; position:relative; font-weight:normal; line-height:normal; list-style:none;  -webkit-text-size-adjust: none; 
-moz-user-select:text !important;
-webkit-touch-callout:text !important;
-webkit-user-select:text !important;
-khtml-user-select:text !important;
-moz-user-select:text !important;
-ms-user-select:text !important;
user-select:text !important; }

fieldset,form,label,input,textarea{ -x-system-font:none; }

html { height:auto; width:100%; top:0; left:0; padding:0; margin:0; bottom:0; }
body{ position:relative; width:100%; height:auto; bottom:0; background:#000; color:#fff; font-family: 'gothzey-bookbook'; }
html, body{  overflow-y:visible; }


div, span, a, ul, li, img, form, table, p, iframe{ position:relative; }
.clearFix{ clear:both; height:0px; overflow:hidden; }
.abs100{ position:absolute; width:100%; }

#desctop, .load{ display:none; z-index:-33; }

.all{ width:100%; /*max-width:1000px; min-width:1000px;*/ margin:0 auto;  padding:0; color:#fff; /*background:#111;*/ display:none; }

.max1000{ width:100%; max-width:1000px; margin: 0 auto;}
/*.min1000{ min-width:1000px; }*/

.in-max1000{ padding:25px 15px;  }

h1,h2,h3,h4{ font-weight:normal; line-height:0; margin:0; padding:0;  }

h1.bebas{font: 60px/68px 'BebasNeueRegular', Arial, sans-serif;letter-spacing:0.005em; font-size:2.5em; line-height: 1em; padding-top: 20px; }
.bigH1{ padding-bottom: 10px; padding-top: 30px;}
h4.bebas{ font: 60px/68px 'BebasNeueRegular', Arial, sans-serif;letter-spacing:0.005em; font-size:1.3em; line-height:22px; max-width:70%; margin-bottom:33px; color:#ccc; }

h2.bebas{ font: 60px/68px 'BebasNeueRegular', Arial, sans-serif;letter-spacing:0.02em; font-size:1.51em; line-height:22px; max-width:70%; margin-bottom:15px; color:#fff; 
background: url(images/flec-small.png) no-repeat left 3px; padding-left:20px; }



.bebas{ font-family:'BebasNeueRegular';font-weight:normal; }
.helv{ font-family: 'helvnewregular';font-weight:normal; }
.artifika{ font-family: 'artifikamedium';font-weight:normal; }
.gotham{ font-family: 'GothZey-lightLight'; font-weight:normal; }
.gothamB{ font-family: 'GothZeyBlack'; font-weight:normal; }
.gothamBook{ font-family: 'gothzey-bookbook'; font-weight:normal; }

p{ font-size:1em; }
p span.gothamB{ display:block; font-size:0.85em; margin-bottom:10px; }




/*#page-background-texture {position:fixed; top:0; left:0; width:100%; min-width:1200px; z-index:-25; zoom:1; opacity:1;  }*/
/*
#page-background-texture { position:fixed; top:0; left:0; width:100%; min-width:1200px; height:100%; z-index:-25; zoom:1; opacity:1; 
background-size:100% auto;
background:url(images/back.jpg) no-repeat 0 0;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/back.jpg',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/back.jpg',
sizingMethod='scale')";

}
*/
/**/


a.a-img:link { text-decoration:none; border:none;}
a.a-img:visited { text-decoration:none; border:none;} 
a.a-img:hover { text-decoration:none; border:none;} 

a.a1:link { color: #fff; text-decoration:none;}
a.a1:visited { color: #fff; text-decoration:none;}
a.a1:hover { color:#fff; text-decoration:underline;} 

a.a2:link { color: #009933; text-decoration:none;}
a.a2:visited { color: #009933; text-decoration:none;}
a.a2:hover { color:#66cc00; text-decoration:underline;} 

a.a3:link { color: #000; text-decoration:none;}
a.a3:visited { color: #000; text-decoration:none;}
a.a3:hover { color:#fff; text-decoration:underline;} 


a:link { color: #fff; text-decoration:underline;}
a:visited { color: #fff; text-decoration:underline;}
a:hover { color:#fff; text-decoration:underline;} 


#popup{ display:none; }



/**/

#header{ width:100%; padding-top:15px; background:#FFF; }
#top-banner{ height:198px; width:100%; background:#FFF; text-align:center;max-width: 1000px; margin: 0 auto; }
/*#top-banner div{ width:213px; max-width:213px; margin:0 auto; }
#top-banner #logo{ float:right; }*/



#nav-all{ width:100%; height:62px; background:#d3d3d3; text-transform:uppercase; }
#nav{ width:100%; height:40px; top:6px; background:#2c7d03; border-top:5px solid #000; border-bottom:5px solid #000; text-align:center; }

#nav #menu{ display:inline-block; margin:0 auto; }
#nav #menu .menu-float{ float:left; margin-top:9px; }
#nav #menu .menu-titre{ padding:0 10px; background:url(images/blank.gif); }
#nav #menu .men-sep{ font-size:0.8em; top:5px; }
#nav #menu .menu-titre h1{ font-size:1.3em; top:0px; line-height:0; margin:0; padding:0; margin-bottom:10px; }

#m1{ width:13.3%; max-width:13.3%; }
#m2{ width:15.5%; max-width:15.5%; }
#m3{ width:9%; max-width:9%; }
#m4{ width:8%; max-width:8%; }
#m5{ width:5.5%; max-width:5.5%; }
#m6{ width:16.0%; max-width:16.0%; }
#m7{ width:7.2%; max-width:7.2%; }

div .logo{
	background: url("images/logo.png") no-repeat;
	height: 198px;
}
/*
#m1{ width:123px; max-width:123px; }
#m2{ width:155px; max-width:155px; }
#m3{ width:90px; max-width:90px; }
#m4{ width:80px; max-width:80px; }
#m5{ width:55px; max-width:55px; }
#m6{ width:160px; max-width:160px; }
#m7{ width:72px; max-width:72px; }
*/

#menu-mobile {display: none;}

#nav #top-menu-cont{ width:100%; position:absolute; height:0px; max-height:0px; }
#nav ul#top-menu{ display:inline-block; float:right; top:-80px; left:0px; font-size:0.8em; font-weight:600; }
#nav ul#top-menu li{ display:inline-block; list-style:none; margin-right:10px; }
#nav ul#top-menu li.current a{ color:#66cc00 !important; text-decoration:underline !important; }

/**/

.sous-menu-pane{ width:auto; height:0px; max-height:0px; float:left; margin:0 auto; bottom:0px; z-index:90000; }
.sm-fade{ height:0px; width:100%; overflow:hidden; }
.sm{ height:200px; background:#000/*url(images/fleche-menu.png) no-repeat 12px 0*/; border:0px solid #ccc; text-align:left; display:bloc; overflow:hidden; cursor:pointer; bottom:200px; }
.sm-content{ margin:22px 33px; }
.sm-bloc{ float:left; margin-right:33px; }
.sm-bloc div{ font-size:1.2em; margin-bottom:6px; }
.sm-pic{ width:150px; height:150px; /*background:#CCC;*/ float:left; margin-right:50px; text-align:center; overflow:hidden; }

.sm-pic img{ height:100%; display:none; }


#menu .menu-titre a.current, #menu .sm-content a.current{ text-decoration:underline !important; }
#menu {width:100%;}

/**/

#footer{ width:90%; height:100px; padding:50px 0; display:none; margin: 0 auto; }

.foot-txt{ z-index:999; top:5px; }
.foot-txt ul{ float:left; margin-right:50px; font-size:0.9em; }
.foot-txt ul li{ list-style:none; margin-bottom:3px; }

#footer a.current{ color:#6c0 !important; /*text-decoration:underline !important; */}

#foot-logo{ position:absolute; height:0px; max-height:0px; width:100%; text-align:center; top:-10px; }
#foot-logo a {margin : 0 2% !important;}
#foot-logo a img {width: 10%;}

#emailNews{ position:relative; font-size:0.8em !important; height:24px; background:transparent; color:#fff; width:190px; border:1px solid #fff; padding-left:5px; float:left; }
#butclik2{ position:relative; float:right; height:16px; bottom:0px; right:3px; cursor:pointer; color:#fff; font-size:1em !important; background:#2c7d03; border:none; padding:5px 8px 8px; }
#butclik2:hover{ text-decoration:underline; }


/**/

#sec1{ background:#000 url(images/black-texture.jpg) no-repeat; background-size:100% auto; border-bottom:6px solid #d3d3d3; padding-bottom:15px; }
#sec2{ background:#000 url(images/georges-BW.jpg) no-repeat; background-size:100% auto; border-bottom:6px solid #d3d3d3; }
#sec3{ background:#fff; border-bottom:6px solid #d3d3d3; }


/**/

.col1{ width:40%; float:left; }
.col2{ width:58%; float:right; }

.col1 .bloc-pane{ background:url(images/back-green.png); width:100%; margin-bottom:20px;  }
.col2 .bloc-pane{ background:url(images/back-green.png); width:100%; height:625px;  }


/**/

.title-pane{ width:296px; height:52px; background:url(images/title-pane.png) no-repeat; top:15px; }
.title-pane h1{ font-size:2em; top:-10px; left:25px; }

.bloc-pane-txt{ margin:20px 25px 0; }

.button{ height:36px; background:url(images/but-pane.png) no-repeat; background-size:100% 100%; text-align:center; }
.button span{ top:4px; left:-3px; font-size:1.1em; }

/**/

#media-sociaux{ height:33px; float:right; top:-52px; }
#media-sociaux a.a-img{ margin-right:2px; }
#media-sociaux img{ width:33px; }

#media-sociauxX{ height:39px; float:right; top:0px; left:3px; }
#media-sociauxX a.a-img{ margin-right:5px; }

/**/

#vache{ width:105px; height:70px; background:url(images/vache.png); color:#000; float:right; top:-15px; left:18px; text-align:center; font-size:1.4em; }
#vache a{ top:13px; left:7px; }


/**/

#tw-quote-cont{ position:absolute; top:633px; left:25px; width:500px; font-size:1.8em;  }

/*#tw-quote-cont a{ font-size:0.5em; color:#CCC; }*/
#tw-quote-cont a:hover{ color:#FFF; }
#tw-quote-cont .twtr-user{ display:none; }
#tw-quote a{ color:#ccc; /*margin-right:15px;*/ }
#tw-quote-cont em{ display:block; margin-top:10px; color:#CCC; }
#tw-quote-cont em a{ top:-5px; font-size:0.6em; }

#tw-quote{ line-height:30px !important; }

/**/


#banner-logos{ width:100%; padding-top:25px; text-align:center; }
#banner-logos a{ margin:15px; top:-6px; }

/**/
.social-wrap {position: absolute; width: 96.7%;}

#signature{ width:180px; height:70px; background:url(images/signature.png); float:right; bottom:150px; left:86px; }

.welcome {padding-top: 20px; padding-left: 20px;}
.bigH1 {padding-bottom: 10px;}
/*++++++++++++++++++++++++++++++++++*/


.page .title-pane{ margin-bottom:33px; width:auto; padding:0 20px; display:inline-block; background:url(images/title-pane2.png) repeat-x; }
.page .title-pane h1{ font-size:2em; top:-10px; left:0; display:inline-block; }


.page-col1{ width:60%; float:left; }
.page-col2{ width:25%; margin-top:22px; float:right; }

.pane-blanc{ width:90%; padding:5%; background:#FFF; color:#2C7D03; font-size:1.17em; line-height:25px; }
.pane-blanc span{ /*top:25px;*/ }
.pane-blanc img{ float:right; padding-left:15px; margin-left:15px; border-left:1px solid #ccc; }


.bigg{ font-size:6em; /*font-weight:bold;*/ line-height:33px; }
.big{ font-size:3em; /*font-weight:bold;*/ line-height:93px; }


.callQuote{ font-size:1.15em; line-height:25px; text-transform:uppercase; margin:40px 0 25px; }
.callTitle{ font-size:1.15em; line-height:25px; text-transform:uppercase; margin:40px 0 5px; }

.page p{ margin-bottom:33px; line-height:21px; }


.page .button{ height:36px; background: url(images/but-pane2.png) no-repeat; background-size:100% 100%; text-align:center; left:5px; }
.page .button span{ top:4px; left:-3px; font-size:1.1em; }



/**/

.page .page-col2 #media-sociaux{ height:36px; float:right; top:0px; }

.side-cat-img{ width:100%; padding:15px 0; background:#FFF; text-align:center; overflow:hidden; }
.side-cat-img img {width:100%;}
#side-cats{ padding:20px 25px; margin-top:20px; background:url(images/back-green.png); /*background:#2c7d03;*/  }


.side-cats{ margin-top:15px; font-size:1.2em; }
.side-cats ul li{ list-style:none; padding-left:15px; background:url(images/flec-small-small.png) no-repeat left 6px; left:3px; }

.side-cats ul li.current{ background:url(images/flec-small-small2.png) no-repeat left 6px; }
.side-cats ul li.current a{ color:#FFF !important; text-decoration:underline !important; }



/**/
#breadCrumbs{ font-size:1.1em; margin-bottom:15px; }
#breadCrumbs span.active, #breadCrumbs span.active a{ color:#2c7d03 !important; }


/**/

.page .bloc-pane-txt{ margin:0 25px 0; }

.page .bloc-pane .title-pane{ background:url(images/title-pane.png) no-repeat; }
.page .bloc-pane .button{  background: url(images/but-pane.png) no-repeat; }


/**/

.contact-us-page .col1{ width:35%; float:right; }
.contact-us-page .col2{ width:63%; float:left; }


#FormC input{width:38%; height:25px; left:0px; background-color:#fff; color:#000; font-size:0.8em; border:#2c7d03 1px solid; padding-left:5px; margin:0 0 5px 0; font-family: 'gothzey-bookbook';  }
#FormC #message{  }



.contact-us-page #signature{ width:180px; height:70px; background:url(images/signature.png); float:right; bottom:30px; left:-70px; }











img{
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
zoom: 1;
border:0;	
}

img.flip{
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
-ms-transform: scaleX(-1); /* IE 9 */

background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
zoom: 1;
border:0;
}


.glow{
-webkit-box-shadow: 0px 0px 4px 0px #ffffff;
-moz-box-shadow: 0px 0px 4px 0px #ffffff;
box-shadow: 0px 0px 4px 0px #ffffff;
/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666, offX=2, offY=2, positive=false);*/
/* For IE 8 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=270, Color='#ffffff')";*/
/* For IE 5.5 - 7 */
/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=270, Color='#ffffff');*/
}

.shadow{
-webkit-box-shadow: 2px 1px 5px 0px #001024;
-moz-box-shadow: 2px 1px 5px 0px #001024;
box-shadow: 2px 1px 5px 0px #001024;
/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666, offX=2, offY=2, positive=false);*/
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#001024')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#001024');
}

.shadow2{
-webkit-box-shadow: 2px 1px 30px 0px #001024;
-moz-box-shadow: 2px 1px 30px 0px #001024;
box-shadow: 2px 1px 30px 0px #001024;
/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666, offX=2, offY=2, positive=false);*/
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#001024')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#001024');
}


.rounded-corners {
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */
  
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
/*  ==> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> */
	
  
  /*behavior: url(http://www.labanquise.com/border-radius.htc);*/
}


/*******************************************/

.temoignage-kid {
	width:150px;
	float:left;
	display:inline-block;
	margin-right:20px;
	margin-bottom:40px;}
	
.temoignage-text {
	width:50%;
	float:left;
	display:inline-block;
	}

.temoignage-kid img {
	width:100%;
	border:thin white solid;}
	
.callThird{ 
	font-size:1.20em;
	line-height:25px;
	text-transform:uppercase;
	margin:10px 0 0 0; }

.bullets {
	display:block;
	padding-left: 5px; 
	}

.bullets li {
	margin:20px 0;
	padding-left: 30px; 
	list-style:none;
	background: url(images/flec-small-green.png) 0px 1px no-repeat;

}
/*******************************************/


#tw-bloc-padding { padding:10px }
#tw-bloc-slimscroller { padding-right:15px; }

#twtr-widget { position:relative; left:2px; }
.tw-bot-bloc { font-family: 'gothzey-bookbook' !important; }

.tw-bot-bloc .tw-bot-bloc-user { float:left; }
.tw-bot-bloc .tw-bot-bloc-user img { border: 2px solid black; padding:0; margin:0; }

.tw-bot-bloc .tw-bot-bloc-userinfo { float:left; padding: 2px 0 0 15px; }
.tw-bot-bloc .tw-bot-bloc-userinfo span { font-family:'BebasNeueRegular' !important; font-size:1.4em !important; text-transform:uppercase; color:#2c7d03 !important; }
.tw-bot-bloc .tw-bot-bloc-userinfo p { font-weight:bold; font-size:0.8em !important; color:#000 !important; }

.tw-bot-bloc .tw-bot-bloc-txt { color:#000 !important; padding-top: 8px; font-size:0.93em !important; letter-spacing:normal !important; }
.tw-bot-bloc .tw-bot-bloc-txt em a{ color:#2c7d03 !important; }

.tw-bot-bloc .post-separator { clear:both; border-bottom: 1px dotted #CCCCCC; height: 1px; margin: 10px 0; width: 100%; }


#popup-mainpage { width:855px; height:600px; margin:5px; position:relative; }
#popup-mainpage .quotes { width:100%; font-size:1.5em; font-family: 'gothzey-bookbook' !important; margin:30px 0; text-transform:uppercase; text-align:center; color:black; }
#popup-mainpage .button { font-size:1.4em; position:absolute; bottom:0; text-transform:uppercase; text-align:center; padding:10px 24px 22px; font-family: 'GothZeyBlack'; color:white; }



.gallerie-img{ width:30%; margin:0 3% 12px 0; }
.gallerie-img img{ width:100%; }

/*css par Danilo, style pour les
articles de la partie tour de chapeau chapeau*/
.tourchapeau-article-titre {
	font-weight:bold;
	font-size:1.8em;


}
.tourchapeau-article-source{
	font-size:0.8em;
	font-style:italic;

}
/* par Danilo
css pour la page entreprises(les logos)*/
.logo-boite {
	width:45%;
	display: inline-block;
	text-align: center;
	margin: 0 3% 15px 0px;
}
.logo-boite-image{
	width:50%;
}

#bio-pic {width:40%; float:left; margin-top:10px;}
#bio-pic img{width: 100%;}
.row-1{ height:360px;}
.row-2 {height: 245px;}

.more-video{margin:0 15px; padding-bottom: 98%; height: 0; overflow:hidden;}
#searchResultsVideoList {width: 100% !important;}

.absolute {position:absolute;}

.sm-wrap{width:95%; height:1000px; margin:0 auto; padding-top:70px; left:-8px;}
.fb-wrap{width:585px; height:440px; border:2px solid #000;}
.fb-image{width:150px; height:43px; padding-top:7px; top:-50px; text-align:center; background:#000;}
.twitter-wrap {position:relative; left:14px; top:-2px; width:375px; height:445px; float:right; background:#fff; border:2px solid #000;}
.twitter-image{width:150px; height:43px; padding-top:7px; top:-50px; left:-1px; text-align:center; background:#000;}

.callTitle img{ width:30%;}

.hk-stats {width: 90%;}


/************** Media Queries *****************************/

@media only screen and (max-width: 1015px) {

	.twitter-wrap{left:0; width:100%; float: left; top: 47px; height: 220px;}
	.twitter-wrap .slimScrollDiv {height: 210px !important;}
	#tw-quote-cont {position: relative;top: 70px;left: 0;width: 95%;font-size: 1.5em; margin: 0 auto;}

	.more-video{margin:0 15px; padding-bottom: 98%; height: 0; overflow:hidden;}
}

@media only screen and (max-width: 950px) {
	/*Nav*/
	#nav #menu .menu-titre h1{ font-size: 1.1em;}
	#m1 {min-width: 100px; width: 13.3%; max-width: 13.3% !important;}

	/* Homepage */
	#signature {display: none;}

	#media-sociaux { float: none; top: -22px;}
	.social-wrap {width: 100%; text-align: center;}
	.welcome {text-align: center; padding:0; width: 80%; margin: 0 auto;}
	h4.bebas{width: 100%;padding: 0 10px 10px; margin-bottom: 20px; max-width: 100%}

	.col1, .col2 {margin-top: 30px;}
	.small-p{font-size: 0.95em;}

	.page .title-pane {height: auto;background-size: cover;}
	
	.more-video{margin:0 15px; padding-bottom: 100%; height: 0; overflow:hidden;}

}

@media only screen and (max-width: 850px) {
	/*Contact page*/
	.contact-us-page .col1 {width: 100%;}
	.contact-us-page .col1 .bloc-pane {float: left;}
	.page .bloc-pane-txt {top: 0 !important; margin-left: 20px;}
	.contact-us-page .col2 {width: 100%;}
	.contact-us-page .col2 .bloc-pane {width: 100%;}
	.contact-us-page .abs100 img {width:40% !important; float:left; padding-right: 20px;}
	.bus-block {height:auto !important; float: left; padding-bottom: 30px;}
	.contact-us-page .abs100 {position: relative; top: 0!important;}
	
	.more-video{margin:0 15px; padding-bottom: 127%; height: 0; overflow:hidden;}
}


@media only screen and (max-width: 768px) {
	/*Nav*/
	#header {display: none !important;}
	#menu-mobile {display: block; background: #ffffff; border-bottom: 10px solid #000;height: 100px;}
	div.logo {background: url("images/logo-tablet.png") no-repeat; display: inline-block; height: 80px; width: 240px; float: left; margin: 20px 25px 0 0;}
	.menu-button{background: url("images/menu.png") no-repeat; height: 50px; width: 40px; display: inline-block; float: right; margin: 25px; }
	

	ul.mobile-menu {
		display: none; 
		position: relative;
		width: 100%;
		background: #000;
		z-index: 100000;
		margin: 0;
		padding: 20px 40px;
		float: left;
	}
	ul.mobile-menu li{ font-family: 'BebasNeueRegular'; text-transform: uppercase; padding: 0 0 20px 0;}
	li a.a1{ font-size: 1.3em;}
	.mobile-sub { padding: 0 20px; display: none; }
	.mobile-sub li {font-size: 1.1em; text-decoration: none!important; opacity: 0.8;}
	.close { display: none; height: 40px; width: 40px; position: relative; background: url("images/close.png") no-repeat; margin: 0 45%;float: left;padding-bottom: 20px;}
	.hide {display: none;}
	.show {display: block;}

	/* Homepage */

	/*#searchResultsListColumn {display: none;}*/
	

	/* Content */
	.hk-stats{font-size: 0.8em; width:90%;}


	/* Footer */
	.foot-txt ul li a{font-size: 1em !important; margin-top: 10px;}
	#foot-logo {display: none;}
	.foot-txt {float: left!important;}


}

@media only screen and (max-width: 700px) {

	/* Homepage */
.col1, .col2 {width:100%;}
.col2 .bloc-pane{height:auto;}
.bloc-pane{padding-bottom: 20px;}

.title-pane{
	width:75%;
 	text-align: left; 
 	margin-bottom:30px;
 	background: #1c1c1c; /* Old browsers */
	background: -moz-linear-gradient(top, #1c1c1c 0%, #161616 18%, #000000 52%, #1c1c1c 80%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c1c1c), color-stop(18%,#161616), color-stop(52%,#000000), color-stop(80%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #1c1c1c 0%,#161616 18%,#000000 52%,#1c1c1c 80%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #1c1c1c 0%,#161616 18%,#000000 52%,#1c1c1c 80%,#131313 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #1c1c1c 0%,#161616 18%,#000000 52%,#1c1c1c 80%,#131313 100%); /* IE10+ */
	background: linear-gradient(to bottom, #1c1c1c 0%,#161616 18%,#000000 52%,#1c1c1c 80%,#131313 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
 }

#bio-pic {width: 25%}
.small-p {font-size: initial;}
p span.gothamB {font-size: 1em;}
.row-1, .row-2 {height: initial;}

.more-video {height: initial; padding-bottom: 0%;}


}


@media screen and (max-width: 630px){

	/* HP Social Media */
	.fb-wrap, .twitter-wrap{display: none;}
	.sm-wrap {height: auto;}
	#tw-quote-cont { top: -40px;}
	.sm-icons{float: left;bottom: 10px !important;}
	.business-title


	/* Content pages */

	/* --- Category sub nav ---*/
	#side-cats{background: transparent !important;}
	.side-cat-img {display: none;}
	.side-cats li {color: #ffffff; display: inline-block; left:0;}
	.side-cats li.current {color:#2c7d03 !important;}
	.side-cats li a {padding-right: 10px;}
	.page-col1 {float: right; width: 100%;}
	.page-col2 {width: 100%; float: left;}

	/* ---fancy box images ---*/
	.fancybox-image-wrap{margin: 0 auto;}
	.fancybox{width:40%;height: 180px!important;text-align: center; overflow: hidden;}
	.fancybox img {width:100%;}
	
}

/*EVERYTHING BELOW THIS IS WORKING WELL*/



/*CELL PHONE LANDSCAPE*/
@media screen and (max-width: 590px){


	/* HP Social Media */
		.fb-wrap, .twitter-wrap{display: none;}
		.sm-wrap {height: auto;}
		#tw-quote-cont { top: -40px;}
		.sm-icons{float: left;bottom: 10px !important;}
	.business-title
	
			/* Homepage */
	
		
		.title-pane{
			width:75%;
		 	
		 }

	
	
.more-video {height: initial; padding-bottom: 0;}
	
	/* ---fancy box images ---*/
	.fancybox{width:100%; height: 200px!important;}
	.fancybox-image-wrap {margin: 0 20%;}

	.temoignage-text{width:90%; margin-bottom: 40px;}
	.temoignage-kid {margin: 0 25% 10px;}

	/* Content pages */
	.more-video {display: none;}
	#flashObj {display: none;}

	.hk-stats {font-size: 0.55em;}

	/*.video-wrap {margin: 0 20%;}*/

	div.logo {background: url("images/logo-mobile.png") no-repeat; display: inline-block; height: 80px; width: 205px; float: left; margin: 20px 25px 0 0;}

}


/*CELL PHONE PORTRAIT*/
@media screen and (max-width: 320px){



	
/*.more-video {height: initial; padding-bottom: 0;}*/
	
	/* ---fancy box images ---*/
	.fancybox{width:100%; height: 200px!important;}
	.fancybox-image-wrap {margin: 0 20%;}

	.temoignage-text{width:90%; margin-bottom: 40px;}
	.temoignage-kid {margin: 0 25% 10px;}

	
		/* Homepage */
		
			
			.title-pane{
				width:75%;
			 	
		 }
	
	/* Content pages */
	.more-video {display: none;}
	#flashObj {display: none;}

	.hk-stats {font-size: 0.55em;}

	/*.video-wrap {margin: 0 20%;}*/

	div.logo {background: url("images/logo-mobile.png") no-repeat; display: inline-block; height: 80px; width: 205px; float: left; margin: 20px 25px 0 0;}

}