/************************** menu mobile *************************************/
.bttMobNav{ display:none;}
#trigger-overlay{ background:none; border:none}
/* Overlay style */
.overlay {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(29, 88, 174,0.97);}
/* Overlay closing cross */
.overlay .overlay-close {width: 40px;height: 40px;position: absolute;right: 20px;top: 20px;overflow: hidden;border: none;background: url(/templates/temp/if_images/cross.png) no-repeat center center;text-indent: 200%;color: transparent;outline: none;z-index: 100; cursor:pointer}
/* Menu style */
.overlay nav {text-align: center;position: relative;top: 50%;height: 60%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.overlay ul {list-style: none;padding: 0;margin: 0 auto;height: 100%;position: relative; margin:80px 20px 0}
.overlay ul li {display: block; text-align:center;}
.overlay ul li:nth-child(odd){ background:rgba(255,255,255,.1)}
.overlay ul li a { display:block; padding:10px; font-size: 1.9em;font-weight: 600;display: block;color: #fff;-webkit-transition: color 0.2s;transition: color 0.2s; text-transform:uppercase}
.overlay ul li:hover{ background-color:#fff}
.overlay ul li a:hover{color: #333;}
/* Effects */
/*body {background: #ddd;}*/
.container {background: #fff;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;}
.container.overlay-open {-webkit-transform: scale(0.95);transform: scale(0.95);}
.overlay-contentscale {visibility: hidden;-webkit-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;transition: transform 0.5s, visibility 0s 0.5s;}
.overlay-contentscale.open {visibility: visible;-webkit-transform: translateY(0%);transform: translateY(0%);-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s; overflow:scroll}
@media screen and (max-height: 30.5em) {
	.overlay nav {height: 70%;font-size: 34px;}
	.overlay ul li {min-height: 34px;}
}




@media screen and (max-width: 1640px) {
	.footerGen ul li, .copyright{ font-size:9px;}
	.cloudApp a img{ max-width:40%}

	.navMain nav{ display:none}
	.contentTextScroll{ margin-right:60px;}
	.bttMobNav{ display:block; position:absolute; right:5px; top:0px; padding:10px; background-color:#1D58AE; cursor:pointer}
	.bttMobNav button{ cursor:pointer}
	
	.contentDiapo{ background-size:100% auto}
	.contentDiapo .right > p{ z-index:9999; position:relative}
	.contentDiapo > .right > img{ z-index:1}
	.profilContentForum img{width:45%;}
	}
@media screen and (max-width: 1330px) {
	.footerGen ul li, .copyright{ font-size:7.5px;}
	.footerGen > div, .logFooter{ font-size:6.5px}
	
	.contentDiapo figure{ width:55.5%}
	.contentDiapo > .right{ width:44.5%}
	
	.article_gauche{ width:64%}
	.article_droite{ width:34%}
	}
@media screen and (max-width: 1000px) {
	.footerGen > div{ width:50%; margin-bottom:20px}
	.contentDiapo figure, .contentDiapo > .right{ width:100%}
	.contentDiapo figure *{ width:100%ù; height:auto}
	
	body .bt_poser_question_detail_ec_ter, body .bt_poser_question_detail_ec_ter_simple{ width:270px;}
	h2.titreClassForum a{ font-size:16px;}
	.categorie_cc_td .categorie_cc_td_desc, .categorie_cc_td .categorie_cc_td_mess{ font-size:12px!important}
	.titrebtaccueil *{ font-size:16px;}
	
	.tetoSite{ clear:both}
	.tetoSite .titreImmo h1{ font-size:2.3em;}
	.descProfil p, .descProfil p *, .contentEditForum td, .contentEditForum td > span{ font-size:13px;}
	.article_gauche, .article_droite{ width:100%}
	.article_droite{ margin-top:20px;}
	.article_droite > *{ float:left; width:41%; margin:0 1% 10px}
	
	.tableauQuestPoser td *{ font-size:13px!important;}
	.basTablePOsQues *{ font-size:10px;}
	.contentContact > .left, .contentContact > .right{ width:100%}
	.contentContact > .right .contentFormInt{ float:left; width:50%}
	.contentContact.contentPageProfilForum > .right .contentFormInt{ float:none; width:inherit}
	.contentContact > .right .contentFormInt p{ width:100%}
	.loginForum .linkToConnectAdmin a#login_btn, .loginForum .linkToConnectAdmin a#register_btn{ width:inherit!important}
	.contentTextScroll{ width:50%; float:right}
	}
@media screen and (max-width: 640px) {
	.footerGen > div:nth-child(3){ clear:both}
	.contentDiapo figure p.titreUn, .contentDiapo figure p.titreDeux{ font-size:6px;}
	.contentDiapo{ height:inherit}
	.tbl-h-c p, .tbl-h-c div, .tbl-h-c h4{ line-height:120%}
	
	.listeForum td{ display:block; width:100%!important; height:inherit!important}
	h3.titreClassForum, td p.titreClassForum{display:none}
	td a.forumlink{ font-size:12px;}
	
	.article_droite > *{ width:auto; margin:0 0 10px}
	.tableauQuestPoser td.postbody, .basTablePOsQues td{ display:block; width:100%; padding:0; margin:0}
	
	.tableauQuestPoser{ overflow-y:scroll}
	.postbody.forPub{ display:none}
	
	.tableauQuestPoser td{ width:100%!important; display:block!important}
	.tableauQuestPoser td input, .tableauQuestPoser td select, .tableauQuestPoser td textarea{ max-width:290px!important} 
	}
@media screen and (max-width: 479px) {
	.footerGen > div{ width:100%}
	.contentDiapo figure img{ height:150px;}
	.contentDiapo figure p.titreUn{ left:10px;}
	.contentDiapo figure p.titreDeux{ left:20px}
	
	.contentDiapo .right > p{ width:90%; margin:10px auto; background-size:100% 100%!important; }
	.contentDiapo .right > p a{ font-size:1.8em;}
	.tablebg th{ font-size:12px;}
	.contentTableListeForumDessus{ overflow-y:scroll}
	.headMain > figure{ overflow:hidden; width:30px!important; top:12px;}
	.headMain > figure *{ width:250px; height:auto; max-width:none!important}
	
	.contentEditForum a, .contentEditForum a *{ font-size:14px;}
	.article_droite > *{ width:87%}
	.tetoSite .titreImmo h1{ font-size:1.7em;}
	
	/*.tablebg{ width:430px!important;}*/
	.contentContact > .left p{ font-size:1.3em;}
	.contentContact > .right .contentFormInt{ width:100%}
	
	.basTablePOsQues{ display:none}
	
	.forumLinkToPostQuest .left a{white-space:normal!important}
	.forumLinkToPostQuest .left a span{ font-size:16px;}
	.contactPage .titreBloc span{ font-size:1.8em;}
	
	}