/******************/
/* MAIN STRUCTURE */
/******************/

/*
BLEU : #0b569f
PALE BLUE : #5a9cd1
LIGHT BLUE : #d2e8fa
*/

/* body,div,table{font-family:'Google font', sans-serif;color:#333;font-size:14px;line-height:22px;} */

:root{
  --responsive-treshold:1400px;
}

/* GENERAL */
a{color:#0b569f;}
a:hover{color:#000;}
div.swrap{width:var(--responsive-treshold);width:auto;margin:0px 60px;}

#siteWrap{width:1400px;margin:0 auto;background:#FFF;}

/* HEADER */
#header{height:200px;background:#FFF;position:relative;}
#logo{height:120px;bottom:20px;}

/* MOBILE MENU */
#mobile{bottom:0px;right:-5px;height:60px;width:60px;background:url(../images/mobile_dark.png) center center no-repeat;cursor:pointer;}
#mobile:hover{background-image:url(../images/mobile_light.png);background-color:#0b569f;}

/* MAIN BASIC */
#mbasic{right:-20px;}
#mbasic>ul>li>a>div.label{padding:20px 20px;font-size:16px;}
#mbasic>ul>li:hover>a>div.label{color:#FFF;background:#0b569f;}
#mbasic>ul>li.selected>a>div.label{color:#FFF;background:#0b569f;}
#header.mobiled #mbasic{right:0px;padding:10px 0px;background:#FFF;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);}
#header.mobiled #mbasic>ul>li>a>div.label{padding:10px 30px;}
#header.mobiled #mbasic>ul>li>a>div.label:hover{}

/* FLOATING MENU */
.dhmenu{background:#0b569f;padding:10px 0px 0px 0px;z-index:99;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);
  box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.5);}
.dhmenu ul{margin-bottom:10px;}
.dhmenu ul:not(.inc0){margin-left:20px;}
.dhmenu ul>li>a>div.label{padding:3px 20px;font-size:12px;white-space:nowrap;color:#FFF;}
.dhmenu ul>li>a>div.label:hover{color:#FFF;background:#5a9cd1;}
.dhmenu ul>li.track>a>div.label{color:#FFF;background:#5a9cd1;}
.dhmenu ul>li.selected>a>div.label{color:#FFF;background:#5a9cd1;}
.dhmenu ul.inc0>li>a>div.label{padding:5px 20px;font-size:16px;}
.dhmenu ul.inc1>li>a>div.label{font-size:14px;}
.dhmenu ul.inc1{display:none;}

/* SEC BASIC */
#seczone{top:20px;}
#seczone>div.wsbmenu:after{content:'|';padding:0px 20px;font-size:12px;}
#seczone>div.wsbmenu>ul>li>a>div.label{padding:5px 10px;font-size:12px;}
#seczone>div.wsbmenu>ul>li>a>div.label:hover{color:#0b569f;}
#seczone>div.wsbmenu>ul>li.selected>a>div.label{color:#0b569f;}
#header.mobiled.stickied #seczone{display:none;}

/* CAROUSSEL */
#caroussel{height:500px;}
#caroussel div.car>div{background-size:cover;background-repeat:no-repeat;background-position:center center;}

/* LAYOUT */
#layout{background:#333;padding:50px 0px 20px 0px;}
#layout>div.swrap{padding-left:30px;}
#layout div.stmenu ul.inc0>li{padding:0px 30px 30px 0px;}
#layout div.stmenu ul.inc0>li>div:first-child{font-weight:bold;font-size:16px;padding-bottom:10px;margin-bottom:10px;}
#layout div.stmenu ul.inc1>li>div{padding-bottom:3px;}
#layout div.stmenu ul.inc1>li>div:last-child{padding-bottom:0px;}
#layout div.stmenu div{color:#FFF;}
#layout div.stmenu ul>li>div>a{color:#FFF;}
#layout div.stmenu ul>li:hover>div>a{color:#0b569f;}

/* FOOTER */
#footer{text-align:center;padding:30px 0px;background:#FFF;}
#mapdesign{font-size:11px;}

/* BG IMG */
#bgimg{height:300px;background-color:#DDD;}
#pdetails{}
#pdetails div.title{font-size:18px;background:#FFF;padding:5px 10px;}

/* CONTENT ZONE */
#contentTbl>div>div.menu{width:300px;padding-right:50px;}
#pageContent{padding:20px 0px 100px 0px;}

/* TRACKBAR */
#trackBar>ul>li{font-size:11px;line-height:11px;}
#trackBar>ul>li:after{content:'>';padding:0px 5px;}
#trackBar>ul>li:last-child:after{display:none;}
#trackBar>ul>li:last-child{font-weight:bold;}
#trackBar>ul>li>a{text-decoration:none;color:#333;}
#trackBar>ul>li>a:hover{color:#0b569f;}

/* TITLE */
#pageTitle{font-size:24px;line-height:24px;padding:30px 0px 20px 0px;color:#0b569f;}

/* CHILD STRUCTURE */
#childsZone{padding:50px 0px 50px 0px;}
#childsZone>div div.hTitle{margin-bottom:30px;color:#0b569f;font-size:24px;}
#childsZone>div>div.img>div.white{width:10px;}
#childsZone>div>div.cnt>div.wrap{padding:50px 0px 50px 40px;}
#childsZone>div.sidel>div.cnt>div.wrap{padding:50px 40px 50px 0px;}
#childsZone>div.spacer>div{height:100px;}
#childsZone>div div.btn{margin-top:30px;background:url(../data/68-longuepointe/images/manual/goto_icn.png) center right 15px no-repeat #0b569f;color:#FFF;padding:15px 20px 15px 20px;font-size:15px;line-height:15px;}
#childsZone>div div.btn:hover{background-color:#5a9cd1;color:#FFF;background-image:url(../data/68-longuepointe/images/manual/goto_icn_hover.png)}
#childsZone>div.child{display:inline-block;width:33.33%;vertical-align:top;margin-bottom:50px;}
#childsZone>div.child:nth-child(1)>div.wrapper,#childsZone>div.child:nth-child(4)>div.wrapper,#childsZone>div.child:nth-child(7)>div.wrapper,#childsZone>div.child:nth-child(10)>div.wrapper{padding-right:20px;}
#childsZone>div.child:nth-child(2)>div.wrapper,#childsZone>div.child:nth-child(5)>div.wrapper,#childsZone>div.child:nth-child(8)>div.wrapper,#childsZone>div.child:nth-child(11)>div.wrapper{padding-left:10px;padding-right:10px;}
#childsZone>div.child:nth-child(3)>div.wrapper,#childsZone>div.child:nth-child(6)>div.wrapper,#childsZone>div.child:nth-child(9)>div.wrapper,#childsZone>div.child:nth-child(12)>div.wrapper{padding-left:20px;}
#childsZone>div.spacer{display:none;}
#childsZone>div>div>div{display:block;}
#childsZone>div>div>div.img{height:300px;background-size:cover;background-position:center center;position:relative;}
#childsZone>div>div>div.img>div.credit{color:#FFF;position:absolute;bottom:10px;right:10px;font-size:10px;line-height:10px;text-shadow:1px 1px #000;display:inline-block;width:auto;}
#childsZone>div>div>div.img>div.white{display:none;}
#childsZone>div>div>div{width:auto;}
#childsZone>div>div>div.cnt>div.wrap{padding:30px 0px 0px 0px;position:relative;}
#childsZone div.child>div{display:block;width:auto;}

/* MAIN MENU */
#mmenu{padding:105px 0px 50px 0px;}
#mmenu>div ul>li>ul{margin-left:20px;margin-bottom:10px;}
#mmenu>div ul>li>a>div{padding:3px 0px;font-size:12px;}
#mmenu>div ul>li>a>div:hover{color:#0b569f;}
#mmenu>div ul>li.track>a>div{color:#0b569f;}
#mmenu>div ul>li.selected>a>div{color:#0b569f;}
#mmenu>div ul.inc0>li>a>div{padding:5px 0px;font-size:16px;}
#mmenu>div ul.inc1>li>a>div{font-size:14px;}

/* PAGE ZONE */
#pageHtml{line-height:20px;}

/* LISTS */
#pageHtml ul>li{padding-left:20px;padding-bottom:5px;}
#pageHtml ul>li:before{content:'>';font-weight:bold;}

/* ZONES */
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone{margin-top:50px;}
#bzones>div.wrap>div.mzonegroup:last-child>div.mzone:last-child>div.zone:not(.banner){margin-bottom:50px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap{width:1400px;margin:0 auto;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.img{height:250px;margin-bottom:10px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone div.zcnt{padding:50px 0px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone div.title{font-size:16px;font-weight:bold;padding-bottom:10px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone div.desc{line-height:20px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.bzone_tbl>div>div.img{width:50%;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.bzone_tbl.left div.zcnt{padding-left:25px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.bzone_tbl.right div.zcnt{padding-right:25px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.bzone_tbl>div>div.img:after{width:25px;background:#FFF;}

/********************/
/* CUSTOM STRUCTURE */
/********************/
body{background:url(../data/71-apame/images/manual/bg.jpg) center center no-repeat;background-size:cover;background-attachment: fixed;}

#mzonegroup_9 .mzone{width:33.33%;display:inline-block;box-sizing:border-box;vertical-align:top;}
#mzonegroup_9 .mzone:nth-child(1),#mzonegroup_9 .mzone:nth-child(4){padding-right:40px;}
#mzonegroup_9 .mzone:nth-child(2),#mzonegroup_9 .mzone:nth-child(5){padding-left:20px;padding-right:20px;}
#mzonegroup_9 .mzone:nth-child(3),#mzonegroup_9 .mzone:nth-child(6){padding-left:40px;}
#bzones>div.wrap{margin:0 60px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap{width:auto;margin:0px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone div.title{color:#0b569f;font-size:18px;padding:10px 0px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone div.desc{border-top:1px solid #DDD;padding-top:10px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone div.link{display:inline-block;color:#FFF;background:#5a9cd1;padding:10px 15px;cursor:pointer;margin-top:20px;}
#bzones>div.wrap>div.mzonegroup>div.mzone>div.zone div.link:hover{background:#0b569f;}

#newsZone div.swrap{background:#d2e8fa;margin:0px;padding:20px 60px;}
#newsTitle{color:#0b569f;font-weight:bold;font-size:20px;background:#FFF;padding:0px 60px;margin-bottom:10px;}
#newsTbl{}
#newsTbl>div>div{width:33.33%;box-sizing:border-box;}
#newsTbl>div>div:nth-child(1){padding-right:40px;}
#newsTbl>div>div:nth-child(2){padding-left:20px;padding-right:20px;}
#newsTbl>div>div:nth-child(3){padding-left:40px;}
#newsTbl .title{text-transform:uppercase;color:#0b569f;font-weight:bold;}
#newsTbl .date{font-size:12px;color:#0b569f;padding-bottom:5px;}
#newsTbl .desc{padding-top:10px;padding-bottom:20px;}
#newsTbl .more{display:inline-block;color:#FFF;background:#5a9cd1;padding:10px 15px;cursor:pointer;}
#newsTbl .more:hover{background:#0b569f;}
#newsTbl .thumb{float:right;max-width:200px;padding:0px 0px 20px 20px;}
#newsTbl .thumb>img{max-width:100%;}
#moreNews{padding:20px 0px 0px 0px;}

#layout>div.swrap{padding-left:0px;}

#layout div{color:#FFF;}
#layout ul{list-style-type:none;}
#botmbasic li{display:inline-block;}
#botmbasic li>a>div:after{content:'·';display:inline-block;padding:0px 5px;}
#botmbasic li>a>div:hover{color:#5a9cd1;}
#botmbasic li:last-child>a>div:after{content:'';display:none;}
#layout>div>div{display:inline-block;width:50%;vertical-align:top;}
#layout>div>div:nth-child(1){text-align:left;}
#layout>div>div:nth-child(2){text-align:right;}
#layout{padding:60px 0px;}

#layout #apametag{color:#BBB;font-size:11px;}
#apametag .apame{text-transform:uppercase;font-weight:bold;padding-right:20px;color:#FFF;font-size:14px;}
#apametag a{color:#BBB;}
#apametag a:hover{color:#5a9cd1;}

#inqbtn{position:absolute;right:0px;bottom:80px;font-size:20px;font-weight:bold;color:#0b569f;}

#caroussel .arrow{display:none;height:50px;width:50px;background:rgba(255,255,255,0.5);line-height:40px;text-align:center;font-size:52px;font-weight:bold;color:#0b569f;top:250px;margin-top:-25px;cursor:pointer;}
#caroussel:hover .arrow{display:block;}
#caroussel .arrow:hover{background:#FFF;}
#caroussel .arrow.back{left:0px;}
#caroussel .arrow.back:after{content:'‹';}
#caroussel .arrow.next{right:0px;}
#caroussel .arrow.next:after{content:'›';}

.apame_btn{margin-top:20px;margin-bottom:20px;}
.apame_btn>a{border:1px solid #0b569f;padding:10px 15px;}
.apame_btn>a:hover{background:#0b569f;color:#FFF;}

/* NEWS PAGE */
.nlitem{padding:0px;}
.nlitem.lt,.nlitem.drk{background:#FFF;}
.nlspacer{border-top:1px solid #BBB;display:none;}
.nlitem .date,.nditem .date{color:#0b569f;text-transform:uppercase;font-size:12px;line-height:12px;padding-top:20px;padding-bottom:5px;}
.nlitem:nth-child(2) .date{padding-top:0px;}
.nditem .date{padding-top:0px;}
.nlitem .date .cat,.nditem .date .cat{text-transform:none;color:#666;}
.nlitem .title,.nditem .title{font-weight:400;line-height:20px;font-size:18px;padding-bottom:10px;text-decoration:none;}
 .nditem .title{font-size:24px;font-weight:500;color:#000;line-height:26px;}
#textContent .nlitem .title a{color:#000;}
#textContent .nlitem .title a:hover{color:#0b569f;}

.nditem .text{padding-bottom:20px;font-size:14px;line-height:20px;}
.nditem .back>a{padding:7px 15px;border:1px solid #0b569f;color:#0b569f;font-size:14px;}
.nditem .back>a:hover{background:#0b569f;color:#FFF;}

/* PAGING */
.results{background:transparent;padding-top:20px;}
.restext{display:none;}
.pagenums{float:none;text-align:center;margin:0px;}
.pnum{float:none;display:inline-block;color:#0b569f !important;background:#FFF;border:1px solid #0b569f; height:30px;min-width:30px;box-sizing:border-box;line-height:27px;font-size:16px;margin-left:5px;font-weight:600;}
.pnum:first-child{margin-left:0px;}
.pnum:hover{background:#0b569f;color:#FFF !important;}
.pnumsel,.pnumsel:hover{background:#0b569f;color:#FFF !important;}

#videoSet{}
#videoSet>div.video{font-size:12px;vertical-align:top;width:49%;display:inline-block;box-sizing:border-box;padding:0px 30px 30px 0px;}
#videoSet>div.video h2{padding-bottom:0px;}
#videoSet>div.video iframe{width:100%;height:260px;}

/**************/
/* RESPONSIVE */
/**************/
@media (max-width: 1400px){
  #siteWrap{width:auto;}
  div.swrap{width:auto;}
  #footer{padding-left:30px;padding-right:30px;}
  #pdetails{left:30px;}
  #bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap{width:auto;margin-left:0px;margin-right:0px;}
  #bzones>div.wrap>div.mzonegroup>div.mzone>div.zone.banner div.zcnt{padding:50px 30px;}
  #bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.bzone_tbl.left div.zcnt{padding-right:30px;padding-left:30px;}
  #bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.bzone_tbl.right div.zcnt{padding-right:30px;padding-left:30px;}

  #videoSet>div.video{width:auto;display:block;padding-right:0px;}
  #videoSet>div.video iframe{width:500px;height:260px;}
}

@media (max-width: 1200px){
  #logo{height:100px;}

  #childsZone>div.child{}
  #childsZone>div>div>div.img{height:250px;}
}

@media (max-width: 1100px){ /* MOBILE MENU TRIGGER */
  #seczone>div{display:block;}
  #seczone>div.wsbmenu:after{display:none;}
  #layout>div>div{display:block;width:auto;text-align:left !important;}
  #layout>div>div:nth-child(2){padding-top:10px;}
}

@media (max-width: 1050px){
  #mzonegroup_9 .mzone{display:block;width:auto;padding:0px !important;}
  #newsTbl>div>div{display:block;width:auto;padding:0px 0px 30px 0px !important;}
  #newsTbl>div>div:last-child{padding-bottom:0px !important;}
}

@media (max-width: 1000px){
  #childsZone>div.child{width:50%;}
  #childsZone>div>div>div.img{height:300px;}

  #childsZone>div.child:nth-child(1)>div.wrapper, #childsZone>div.child:nth-child(3)>div.wrapper, #childsZone>div.child:nth-child(5)>div.wrapper, #childsZone>div.child:nth-child(7)>div.wrapper, #childsZone>div.child:nth-child(9)>div.wrapper, #childsZone>div.child:nth-child(11)>div.wrapper{padding:0px 20px 0px 0px !important;}
  #childsZone>div.child:nth-child(2)>div.wrapper, #childsZone>div.child:nth-child(4)>div.wrapper, #childsZone>div.child:nth-child(6)>div.wrapper, #childsZone>div.child:nth-child(8)>div.wrapper, #childsZone>div.child:nth-child(10)>div.wrapper, #childsZone>div.child:nth-child(12)>div.wrapper{padding:0px 0px 0px 20px !important;}
}

@media (max-width: 950px){
  #header{height:150px;}
  #caroussel{height:300px;}
  #caroussel .arrow{top:150px;}
  #bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.img{height:150px;}
  #inqbtn{font-size:16px;bottom:70px;}
}

@media (max-width: 800px){
  div.swrap{margin:0px 30px;}
  #bzones>div.wrap{margin:0 30px;}
  #newsZone div.swrap{padding:20px 30px;}
  #newsTitle{padding:0px 30px;}

  #contentTbl>div>div{display:block;}
  #contentTbl>div>div.menu{width:auto;padding-right:0px;}
  #mmenu{padding:30px 0px 10px 0px;}
  #caroussel{height:300px;}

  #bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.bzone_tbl>div>div{display:block;}
  #bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.bzone_tbl>div>div.img{height:200px;width:auto;margin:0px 30px;}
  #bzones>div.wrap>div.mzonegroup>div.mzone>div.zone>div.wrap>div.bzone_tbl>div>div.img:after{display:none;}

  #childsZone>div>div>div.img{height:250px;}
}

@media (max-width: 750px){
  #logo{height:70px;bottom:50px;}
  #inqbtn{bottom:15px;right:auto;left:0px;font-size:14px;}
}

@media (max-width: 700px){
  #childsZone>div>div>div.img{height:200px;}
}

@media (max-width: 600px){
  #childsZone>div>div>div.img{height:300px;}

  #childsZone>div.child{width:100%;}
  #childsZone>div.child:nth-child(1)>div.wrapper, #childsZone>div.child:nth-child(3)>div.wrapper, #childsZone>div.child:nth-child(5)>div.wrapper, #childsZone>div.child:nth-child(7)>div.wrapper, #childsZone>div.child:nth-child(9)>div.wrapper, #childsZone>div.child:nth-child(11)>div.wrapper{padding:0px 0px 0px 0px !important;}
  #childsZone>div.child:nth-child(2)>div.wrapper, #childsZone>div.child:nth-child(4)>div.wrapper, #childsZone>div.child:nth-child(6)>div.wrapper, #childsZone>div.child:nth-child(8)>div.wrapper, #childsZone>div.child:nth-child(10)>div.wrapper, #childsZone>div.child:nth-child(12)>div.wrapper{padding:0px 0px 0px 0px !important;}

  #videoSet>div.video iframe{width:100%;height:260px;}
}

@media (max-width: 400px){ /* MENU IS NOT STICKY ANYMORE */
  #header{height:150px !important;position:absolute;}
  #headerSpacer{height:150px;}
  #logo{height:90px !important;}
  #seczone{display:none;}
  #bgimg{height:200px;}
  #caroussel{height:200px;}

  #childsZone>div>div>div.img{height:250px;}

  #videoSet>div.video iframe{width:100%;height:160px;}
}
