/*
/   name           Favourite
/   version        4.2
/   description    Responsive and customizable Joomla!3 template
/   demo           http://demo.favthemes.com/favourite
/   author         FavThemes
/   author URL     https://www.favthemes.com
/   copyright      Copyright (C) 2012-2018 FavThemes.com. All Rights Reserved.
/   license        Licensed under GNU/GPLv3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

/*//////////////////////////////////////////////////////////////////////////////
///
///  custom styles (*cc*)
///
//////////////////////////////////////////////////////////////////////////////*/
#fav-slidewrap{padding-bottom:0;padding-top:0;text-align:center;}

/* change main-menu line-height for icons */
.favnav ul.nav > li > a, .favnav ul.nav > li > .nav-header {line-height:24px;}
.favnav ul.nav ul.nav-child { min-width:114px;} /*submenu width*/
 
/* homepage */
div#home {background:url(../images/custo/paris.gif) no-repeat left bottom;}
div#home h2{color:#E74B1C;text-align:center;}
div#home p.home-item{margin-left:190px;padding-top:15px;}
div#home .home-item.puce {display:list-item;font-size:11pt;list-style-image:url("../images/custo/puce.gif");margin-left:210px;}
div#home .home-item.puce a, a.readmore, div#who a{color:#C34018;}/*pour gsc*/

/* who am I */
div#who{text-align:justify;margin-bottom:100px}
div#who img{float:left;margin-right:20px}

/* testimonials */
div.category-list {display:none}
#fav-mainbottomwrap div.fav-transparent {
  background:#F7F1D5;margin-top:30px;
}
#fav-mainbottom div.newsflash img {
  border:1px solid #000;float:left;margin-right:5px;width:100px}
#fav-mainbottom div.newsflash p {
  border-bottom:1px solid #ccc;min-height:130px;
}           

/* program */
div#prog h3 {color:#E34B1C;font-size:18px;}
div#prog ul{list-style-type:'-';margin-left:30px;}

/* goal & methodology */
div#how ul{list-style-type:'-';margin-left:20px;padding-top:0;}   

/* activities */
.fav-container #fav-sidebar1 {left:15px;margin-right:10px;top:18px;}
.fav-container #fav-sidebar1 .current a{color:#000;font-weight:bold}

.table-list {display:flex;flex-flow:row wrap;padding-bottom:20px;}
.table-list .theme {background:#CCC;width:300px;}
.table-hdr {background:#DDD;width:330px;display:flex;flex-flow:row wrap;}
.table-hdr2 {background:#DDD}
.table-hdr a, .table-hdr2 a{font-size:16px;text-decoration:underline}
iframe {background-image:url("http://french4all.com/images/loading.jpeg")}

/*logout */
div.logout button.btn.btn-primary {margin:30px}


/***************
 * MAPPING
 */  
div.mindmap{color:#FFF;}
div.mindmap a{color:#EEE;font-weight:bold;text-decoration:none;}
div.mindmap div{text-align:center;vertical-align:middle;}
div.mindmap li{list-style-type:none;margin:0;margin-left:-5px;}
div.mindmap li:before{content:"-";}
div.mindmap li.no-li{list-style-type:none;margin-left:-12px;}
div.mindmap li.no-li:before{content:"";}

div.mindmap{font-family:calibri;height:840px;width:1000px;}

/* dessin des bulles */
div.b0{background:#E34B1C;height:200px;line-height:200px;width:200px;-webkit-border-radius:100px/100px;-moz-border-radius:100px/100px;border-radius:100px/100px;}
div.b0{color:#EEE;font-size:1.6em;font-weight:bold;position:relative;left:380px;}
div.b1{background:#3873B9;font-size:1.1em;height:100px;line-height:100px;width:150px;-webkit-border-radius:50px/50px;-moz-border-radius:50px/50px;border-radius:50px/50px;}
.b2{color:#000;font-size:0.9em;line-height:1em;text-align:left;visibility:hidden;}

/* gestion positions par colonne */
div.c1{position:relative;left:120px;}
div.c2{position:relative;left:200px;}
div.c3{position:relative;left:400px;}
div.c4{position:relative;left:600px;}
div.c5{position:relative;left:680px;}

/** Menu onglets */
ul.tabs{width:1000px;display:block;position:relative;} 
ul.tabs li.tab{float:left;display:block;}
ul.tabs .tab>input[type="radio"]{opacity:0;position:absolute;}/*hide it*/ 
.tabs .tab>label{background-color:#555;border:thin solid #E34B1C;color:#e0e0e0;padding:4px 10px;display:block;padding:6px 21px;cursor:pointer;position:relative;}
.tabs .tab>label strong{text-transform:uppercase;}   
.tabs .content{display:none;overflow:visible;position:absolute;left:0;top:34px;border:thin solid #E34B1C;}                                                                
.tabs>.tab>[id^="tab"]:checked + label {background:#E34B1C;top:0;}
.tabs>.tab>[id^="tab"]:checked ~ [id^="tab-content"]{display:block;}  
/*pb superposition avec footer*/
div#getBlankBack{height:900px;width:1000px;}
/***
 * mapping PRO FRENCH & SPECIFIC DEMANDS
 ***/
/* gestion positions par ligne */
  div div.b0{position:relative;top:250px;}
  div div.l2{position:relative;top:-70px;}
  div div.l2.c2{position:relative;left:250px;}
  div div.l2.c4{position:relative;left:550px;top:-170px;}
  div div.l3{position:relative;top:-110px;}
  div div.l3.c5{position:relative;top:-210px;}
  div div.l4{position:relative;top:-130px;}
  div div.l4.c4{position:relative;top:-230px;}
  div div.l5{position:relative;top:-260px;}  

/* gestion positions par ligne -mapping GAL FRENCH */
  div#mapGal div.b0{position:relative;top:300px;}
  div#mapGal div.l1{position:relative;top:-70px;}
  div#mapGal div.l2{position:relative;top:-90px;}
  div#mapGal div.l2.c2{position:relative;left:200px;}
  div#mapGal div.l2.c4{position:relative;top:-190px;left:600px;}
  div#mapGal div.l3{position:relative;top:-140px;}
  div#mapGal div.l3.c5{position:relative;top:-240px;}
  div#mapGal div.l4{position:relative;top:-190px;}
  div#mapGal div.l4.c4{position:relative;top:-290px;}
  div#mapGal div.l5{position:relative;top:-320px;}

  /* hide/show level3 list */
  .b2:target{visibility:visible;}    
  /* gestion position texte / b1 */
  .b2 ul{width:300px;padding-left:15px;border-left:3px solid #3873B9;border-bottom:3px solid #3873B9;}

  /* gestion position texte b2 / b1 - mapping GAL FRENCH */
  .b2#mindGal1 ul{position:relative;left:130px;top:-140px;border-left:0;border-right:3px solid #3873B9;padding-left:40px;width:240px;}
  .b2#mindGal2 ul{position:relative;left:-90px;top:-100px;width:100px;}
  .b2#mindGal3 ul{position:relative;left:148px;top:-160px;border-left:0;border-right:3px solid #3873B9;padding-bottom:15px;width:200px}     
  .b2#mindGal4 ul{position:relative;left:-120px;top:-150px;width:130px;}
  .b2#mindGal5 ul{position:relative;left:85px;top:-10px;padding-top:15px;width:240px;}
  .b2#mindGal6 ul{position:relative;left:-195px;top:-27px;border-left:0;border-right:3px solid #3873B9;padding-top:25px;width:310px;}
  .b2#mindGal7 ul{position:relative;left:70px;top:-16px;padding-top:15px;width:310px;}
  .b2#mindGal8 ul{position:relative;left:60px;top:-16px;width:200px;padding-top:15px;}  

  /* gestion position texte b2 / b1 - mapping PROF FRENCH */
  .b2#mindPro2 ul{position:relative;left:-120px;top:-100px;width:150px;}
  .b2#mindPro3 ul{position:relative;left:50px;top:-210px;border-bottom:0;border-top:3px solid #3873B9;padding-bottom:20px;width:400px;}
  .b2#mindPro4 ul{position:relative;left:-120px;top:-130px;padding-bottom:15px;width:250px;}
  .b2#mindPro5 ul{position:relative;left:100px;top:-10px;padding-top:15px;width:200px;}
  .b2#mindPro6 ul{position:relative;left:-140px;top:0;border-left:0;border-right:3px solid #3873B9;padding-top:15px;width:220px;}
  .b2#mindPro7 ul{position:relative;left:50px;top:0;padding-top:15px;width:350px;}
  .b2#mindPro8 ul{position:relative;left:60px;top:0;padding-top:15px;} 

    /* gestion position texte b2 / b1 - mapping SPEC DEMANDS */
  .b2#mindSpe2 ul{position:relative;left:-150px;top:-180px;padding-bottom:15px;width:200px;}
  .b2#mindSpe3 ul{position:relative;left:145px;top:-145px;border-left:0;border-right:3px solid #3873B9;padding-bottom:15px;width:220px;}  
  .b2#mindSpe4 ul{position:relative;left:-120px;top:-130px;padding-bottom:15px;width:250px;}
  .b2#mindSpe5 ul{position:relative;left:80px;top:0px;padding-top:15px;width:180px;}
  .b2#mindSpe6 ul{position:relative;left:-180px;top:0;border-left:0;border-right:3px solid #3873B9;padding-top:15px;width:280px;}
  .b2#mindSpe7 ul, .b2#mindSpe8 ul{position:relative;left:50px;top:0;padding-top:15px;width:250px;}

/* contact page */
div#fav-maintop2{position:relative;top:-24px;}
table#fees{border:1px solid #CCC;padding:10px;text-align:center;}
#fees th, #fees tr{padding:10px;width:120px;}
#fees th{background:#f2a24e;color:#FFF;font-weight:bold;}
#fees td.title{font-weight:bold;padding-left:10px;text-align:left;}
#fees td.na{background:#CCC}
div.contact{position:relative;top:-66px;}
div.contact-form legend{padding-top:5px;}
div.favth-alert{margin-top:-50px;margin-bottom:80px;}
.well{padding:0 15px 0 15px;}
.well .field-spacer{margin-left:-70px;margin-top:0;}

/*//////////////////////////////////////////////////////////////////////////////
///
///  responsive - optim
///
//////////////////////////////////////////////////////////////////////////////*/
@media only screen and (max-width:999px) {
  /* font sizes min 16px for google mobi analysis */
  body{font-size:18px;}
  div#home .home-item.puce{font-size:16px;} 
  #fav-showcopyright p{font-size:16px;} 
  /* change mappings to lists */
  div#program div.b0, div#program div.b1 {webkit-border-radius:0;-moz-border-radius:0;border-radius:0;height:auto;position:static;width:350px;} 
  div#program ul, ul.b2{display:block;list-style-type:none;}
  div#program ul.tabs{width:355px;}
  div#program div.mindmap{width:100%;height:auto;margin-bottom:20px;}
  div#program div#getBlankBack{display:none;}
  div#program ul.tabs .tab > input[type="radio"], div#program .tabs .tab > label{position:static;display:none;}
  div#program .tabs .content {display:block;position:static;border:0;}                                                                
  .tabs .tab > label {display:none} 
                                                       
  div.b0{font-size:1.3em;height:40px;line-height:40px;padding:6px;}
  div.b1{height:30px;line-height:30px;padding:4px;}
  div.b1 a{font-size:1.1em;}
  div.b2{font-size:1.1em;height:auto;padding:4px;}
  div.b2 li{line-height:40px;}  

  /**/
  div#mapGal div.b1, div#mapPro div.b1, div#mapSpe div.b1{height:auto;position:static;}
  div.b1 a {cursor:default;pointer-events:none;}  /* b1 link disabled */
  div#program div.l1, div#program div.l2, div#program div.l2.c2, div#program div.l2.c4, div#program div.l3, div#program div.l3.c5, div#program div.l4.c4, div#program div.l4{position:static;}
  div#mapGal .b2, div#mapPro .b2, div#mapSpe .b2{font-size:1.1em;visibility:visible;}   
  .b2#mindGal1 ul, .b2#mindGal2 ul, .b2#mindGal3 ul, .b2#mindGal4 ul, .b2#mindGal5 ul, .b2#mindGal6 ul, .b2#mindGal7 ul, .b2#mindGal8 ul, .b2#mindPro2 ul, .b2#mindPro3 ul, .b2#mindPro4 ul, .b2#mindPro5 ul, .b2#mindPro6 ul, .b2#mindPro7 ul, .b2#mindPro8 ul, .b2#mindSpe2 ul, .b2#mindSpe3 ul, .b2#mindSpe4 ul, .b2#mindSpe5 ul, .b2#mindSpe6 ul, .b2#mindSpe7 ul, .b2#mindSpe8 ul{background-color:#B9D4F3;border:none;margin:0;padding:0 0 20px 15px;position:static;width:100%;}
}
@media only screen and (max-width:760px) {                                             
  /*no more bkg, txt on the whole screen*/
  div#home{background:none;}
  div#home p.home-item{margin-left:10px;}
  div#home .home-item.puce{margin-left:30px;}
  div#program div.b0, div#program div.b1 {width:300px;} 
}
@media only screen and (max-width:500px) {  
  div#who img{width:100%;}
  a.readmore{display:block;height:50px;} /*pour gsc*/
  div.random-image{display:none;}
}