.section{font-size:14px;}
.section h1{margin-top:10px;}
.section img{ max-width:60%; height:auto;}
img.small{ display: block; max-width:50%;  margin-left:0; }






footer{ position:fixed; right:10px; bottom:0px; z-index:999; } 
footer nav li a{ color:#fff; border-color:#fff; } 


.home footer{ position:relative; right:auto; bottom:auto; z-index:999; }






/* --- HOME --- */

/* --- HEADER --- */
.home-header .wheel{ width:400px; height:400px;  }
.home-header .logo{  width:320px; height:320px;  }
.home-header .baseline{  white-space:nowrap; overflow:hidden; padding:5px 0; -webkit-animation: baselineAppearingTablet 2s linear; }
.home-header .baseline span{  display:block;width:400px;  }
.stars-bg{ position:fixed;   width:300%; height:300% ;top: -100%; left: -100%; }


/* --- LIGHTS ON --- */
.lights-on{  position:fixed; bottom:-80px; right:10px; z-index:99; -webkit-animation: lightsOnAppearing 3s ease-out; }

/* --- CONTENT --- */
.video{ width:90%;margin-left:0;}
.content-circle { background :#fff; border-radius:10000px;  margin-left:-30%; width:65%;  padding-left:30%; height:100%; margin-top:-40px; padding-top:35%; padding-bottom:150px;  position:relative; }
.more{ display:block; width:150px; height:40px; background:url('../img/more.png') center center no-repeat; position:absolute; top:0; left: 50%; transform:translate(-50%,0);  background-size:50%;}
.page-template-default.home .content{  width:75%; padding:0 0 0 5%;  }
.page-template-default.home .content-circle .section p.last{ width:80%; }












/* --- LEVEL 1 --- */

/* Bulle blanche  */
#left-category{  border-radius:10000px; transition:1s ease; padding:0; position:fixed;  height:150%; width:150%; left:-90%; top:-25%;  -webkit-animation: levelOneBulle 0.5s ease-out; }
#left-category .left-category-content{ position:absolute; z-index:999; top: 50%; right: 5%; width:32%; transition:0.5s ease; transform: translate(0%, -50%);  }

#left-category h1{ transition:1s ease; font-size:36px; padding-left: 40px;}
#left-category nav{display:none;}

/* Bleu */
.subcategories{ width: 34%;  position:absolute; top: 50%; position: absolute; right: 2%;  transform: translate(0%, -50%); margin-bottom:0; }
.subcategories .niveau1>li>a{margin: 20px 0 }

/* Sous-catégories : Animation */
.subcategories .item1{ -webkit-animation: itemOne 1.5s ease-out; }
.subcategories .item2{ -webkit-animation: itemTwo 2s ease-out; }
.subcategories .item3{ -webkit-animation: itemThree 2.5s ease-out; }
.subcategories .item4{ -webkit-animation: itemFour 3s ease-out; }
.subcategories .item5{ -webkit-animation: itemFive 3.5s ease-out; }
.subcategories .item6{ -webkit-animation: itemSix 4s ease-out; }
.subcategories .item7{ -webkit-animation: itemSeven 4.5s ease-out; }
.subcategories .item8{ -webkit-animation: itemEight 5s ease-out; }

/* Sous-catégories : Placement en cercle */
.nbcategories3 .item1, .nbcategories3 .item3{ margin-left: -10px; }

.nbcategories4 .item1, .nbcategories4 .item4{ margin-left: -10px; }

.nbcategories5 .item1, .nbcategories5 .item5{ margin-left: -25px; }
.nbcategories5 .item2, .nbcategories5 .item4{ margin-left: -10px; }

.nbcategories6 .item1, .nbcategories6 .item6{ margin-left: -25px; }
.nbcategories6 .item2, .nbcategories6 .item5{ margin-left: -10px; }

.nbcategories7 .item1, .nbcategories7 .item7{ margin-left: -40px; }
.nbcategories7 .item2, .nbcategories7 .item6{ margin-left: -25px; }
.nbcategories7 .item3, .nbcategories7 .item5{ margin-left: -10px; }

.nbcategories8 .item1, .nbcategories8 .item8{ margin-left: -40px; }
.nbcategories8 .item2, .nbcategories8 .item7{ margin-left: -25px; }
.nbcategories8 .item3, .nbcategories8 .item9{ margin-left: -10px; }
















/* --- LEVEL 2 --- */

/* Bleu normal */
#right-category{  border-radius:10000px; transition:1s ease; padding:0; position:fixed;  height:150%; width:100%; right:-60%; top:-25%;
		background-size: 90% auto; background-position:100% 10%; background-attachment: fixed; font-size: 14px; }
#right-category .right-category-content{ position:absolute; z-index:999; top: 50%; left: 5%; width:30%; transition:0.5s ease; transform: translate(0%, -50%);  }


#right-category .subcategory{ transition:1s ease;}
#right-category nav{display:none;}



/* Bleu top */
#right-category.top{ width:200%; height:200%; right:-130%; top:-100%; ; }
#right-category.top .right-category-content{  width: 100%; top:70%; left:10%; width:20%; }
#right-category.top .subcategory{font-size:40px; padding-left:50px; }





/* Blanc */

#fullpage .section:first-child{display:table;}
.section.fp-section.fp-table{width:50%; padding-left:3%; padding-top:0 !important;}

.section{transition:0.7s ease;}


.nav-arrows{ width:100px; margin:0 auto; transition: all 1s ease; position:relative;}
.nav-arrows div{  width:50px; height:50px; background:url('../img/arrows.png'); cursor:pointer;  background-size:200%; transition: width 1s ease,  height 1s ease ; position:absolute;}
.nav-arrows div.arrow-down{ background-position:left top; left:0;}
.nav-arrows div.arrow-down:hover{  background-position:left bottom;}
.nav-arrows div.arrow-up{ background-position:right top; display:none; right:0;}
.nav-arrows div.arrow-up:hover{  background-position:right bottom;}


#right-category.top .nav-arrows{ margin-top:50px; width:150px;}
#right-category.top .nav-arrows div{ width:100px; height:100px; }














/* -- CONTACT ---*/
.contact #right-category .map{  width: 40%; height: 80%;  margin-top: 10%;}









/*--- PAGE TEXT ---*/
.page-template-default .section{width:50%; padding: 10% 2%;}
.page-template-default .h1{width:50%; }


/*--- PAGE NOTRE EQUIPE ---*/
.page-template-template-notre-equipe .section{width:50%; padding: 10% 2%;}
.page-template-template-notre-equipe h1{ font-size:50px; }

.grille-photos{ position: absolute; width: 55%; top: 50%; transform: translateY(-50%);margin:0; }
.grille-photos img{ max-width: 100%; }


 


/* --- News ---*/
.news #right-category h1 a{ font-size:40px; }
.news article{ margin:50px 0 }