.navbar-fixed-top {
    height: 100px;
    background-color: transparent;
    border-top-color: #ffffff;
    border-top-width: 15px;
    border-bottom: none;
}
.navbar-brand img {
    height: 60px;
    margin-right: 27px;
    margin-top: 5.5px;
    z-index: 99999999999;
}
/*.navbar-brand {
    float: left;
    height: 50px;
    padding: 10px 10px;
    font-size: 18px;
    line-height: 20px;
    z-index: 999999999;
}*/

.navbar-right {
    position: fixed;
    top: 5px;
    right: 15px;
    z-index: 99999999999
}
#michael {
    transform: rotate(6deg);
    width: 59px;
    margin-right: 26px;
    margin-top: 5.9px;
}
.ion-social-twitter {
    font-size: 35px;
    margin-right: 3px;
    margin-top: 35px;
    margin-left: 15px;
}
.ion-social-facebook {
    font-size: 35px;
    margin-right: 30px;
    margin-top: 35px;
    margin-left: 15px;
}
#cercleanissa {
    width: 65px;
    height: 65px;
    background: #ece4de url(../images/anissatetepetit.png) no-repeat center top;
    background-size: 120%;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border-color: #ece4de;
    border-style: solid;
    position: fixed;
    top: 15px;
    right: 466px;
    z-index: -1;
}
#cerclemichael {
    width: 67px;
    height: 67px;
    background: #ece4de url(../images/michaeltetepetit.png) no-repeat center top;
    background-size: 120%;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border-color: #ece4de;
    border-style: solid;
    position: fixed;
    top: 13.5px;
    right: 359px;
    z-index: -1;
}
#cerclejulie {
    width: 65px;
    height: 65px;
    background: #ece4de url(../images/julietetepetit.png) no-repeat center top;
    background-size: 120%;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border-color: #ece4de;
    border-style: solid;
    position: fixed;
    top: 15px;
    right: 253px;
    z-index: -1;
}
#cerclelouis {
    width: 65px;
    height: 65px;
    background: #ece4de url(../images/louistetepetit.png) no-repeat center top;
    background-size: 120%;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border-color: #ece4de;
    border-style: solid;
    position: fixed;
    top: 15px;
    right: 147px;
    z-index: -1;
}
/* #cercle1 {
    font-size: 80px;
    font-weight: bolder;
    color: #ece4de;
    position: fixed;
    top: 1px;
    right: 502px;

}

#cercle2 {
    font-size: 80px;
    font-weight: bolder;
    color: #ece4de;
    position: fixed;
    top: 1px;
    right: 502px;

}*/ 


#parallelogram {
    width: 645px;
    height: 275px;
    -webkit-transform: skew(40deg);
    -moz-transform: skew(40deg);
    -o-transform: skew(40deg);
    background: #ffffff;
    transform: rotate(deg);
    margin-top: -190px;
    position: fixed;
    right: 1px;
    z-index: 888;
}




/**Responsive**/
/** Ipad **/
/** paysage **/
@media screen and (max-width: 1024px) {
.navbar-brand img {
    height: 55px;
    margin-right: 20px;
    margin-top: -1px;
}
.navbar-brand {
    padding: 10px 10px;
}
   /* #logo {
    position: fixed;
    left: 9px;
    width: 15%;
    top: -20px;}
    }*/
}
/**portrait**/
@media screen and (max-width: 768px) {
 .navbar-brand img {
 height: 45px;
 margin-right: 7px;
 margin-top: 2px;
}
 #logo {
 position: fixed;
 left: 11px;
 width: 15%;
 top: 25px;
}
	}
 /** Iphone 6-8+ **/ 
    /** paysage **/
 @media screen and (max-width: 736px) {
 .navbar-brand img {
 height: 45px;
 margin-right: 1px;
 margin-top: 2px;
}
/* #logo {
    position: fixed;
    left: 18px;
    width: 15%;
    top: -8px;*/
}
     /**portrait**/
     @media screen and (max-width: 414px) {
 .navbar-brand img {
 height: 45px;
 margin-right: 1px;
 margin-top: -4px;
}
/* #parallelogram {
 width: 70%;
 height: 270px;
}*/
}
    /** Iphone 6-8**/
     /** paysage**/ 
	@media screen and (max-width: 680px) {
 #logo {
   /* position: fixed;
    left: 18px;
    width: 22%;
    top: -8px;*/
		display: none;
}
}
        
        /** portrait**/
        
	@media screen and (max-width: 600px) {
 .navbar-right {

    position: fixed;
    top: 5px;
    right: inherit;
    z-index: 99999999999;
    width: 100%;
    text-align: center;

}
 #cerclelouis, #cercleanissa, #cerclejulie, #cerclemichael {
position: inherit;
 display: inline-block;
	 margin: auto 1%;
}
 .rezo {
 display: none;
}
}