/*
Auteur : Jordan
*/

/*  ----------------------------------------------
                    HEADER
    ------------------------------------------------- */

/* Logo */
.navbar-custom .navbar-brand span.brand-logo {
    display: inline-block;
    padding: 5px 0;
    margin: 0 16px;
}

.png{
	margin-top: 5px !important;	
}


#RS {	
	margin-top: 100px;
}

.text-intro {
	width: auto;
	text-align: center
}

.balise {
	display: inline-block;
	font-size: 20px;
}

#header {
display: inline;
font-size: 120%;	
font-weight: bold;
}



/* Vidéo */
video::-webkit-media-controls {
    display:none !important;
}


/* Texte Dynamique */
/*.typed-cursor {
    opacity: 1;
    font-weight: 900;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    -ms-animation: blink 0.7s infinite;
    -o-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}*/


.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}

.icon{text-align: center !important; margin-top: -20px; margin-bottom: 25px; color: rgba(254,82,76, 1);}

/*  ----------------------------------------------
            SECTION A PROPOS
    ------------------------------------------------- */

.team-member figcaption{padding:25px;}

#info{text-align: center; padding-top: 10px;}

#cv{text-align: center; margin-top: 50px;}
#cv a{text-decoration: none; background-color: transparent;  font-weight: 700; line-height: 30px; color: rgba(254,82,76, 1); padding: 22px 22px;; font-size: 14px; border: 1px solid #999; border-radius: 4px;}
#cv a:hover{text-decoration: none; background-color: rgba(254,82,76, 1)!important; color: #FFF; border: none;}

/*  ----------------------------------------------
            SECTION CURSUS
    ------------------------------------------------- */

#cursus{background-color: #ffffff}

.blocgauche{margin-left: -50px; margin-right: 50px;}

.blocgauche.col-xs-12.col-sm-12{margin-left: 0; margin-right: 0;}

.blocdroite{margin-left: 50px; margin-right: -50px;}

.blocdroite.col-xs-12.col-sm-12{margin-left: 0; margin-right: 0;}

.annee{width: 10%; padding: 0 !important; border-left: none !important;}

.trait{margin-top: 75px; padding: 0px; text-align: center;}

.contenu{width: 80%; border-left: none !important;}

.blocgauche.border{
  border-left: 5px solid #eee;
  border-color: rgba(254,82,76, 1);
}

.blocdroite.border{
  border-right: 5px solid #eee;
  border-color: rgba(254,82,76, 1);
}

.blocdroite h2, .blocdroite h3 {text-align: right;}


/*  ----------------------------------------------
            SECTION COMPETENCES
    ------------------------------------------------- */
/*p{
  color:#525252;
  font-size:12px;
}*/

.eighty.start {
    width: 0px;
    background: #aae0aa;
    -webkit-animation: eighty 2s ease-out forwards;
       -moz-animation: eighty 2s ease-out forwards;
        -ms-animation: eighty 2s ease-out forwards;
         -o-animation: eighty 2s ease-out forwards;
            animation: eighty 2s ease-out forwards;
}

.skillbar {
	position:relative;
	display:block;
	margin-bottom:15px;
	width:100%;
	background:#eee;
	height:35px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-title {
	position:absolute;
	top:0;
	left:0;
	width:110px;
	font-weight:bold;
	font-size:13px;
	color:#ffffff;
	background:#6adcfa;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-title span {
	display:block;
	background:rgba(0, 0, 0, 0.1);
	padding:0 20px;
	height:35px;
	line-height:35px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-bottomleft:3px;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
}

.skillbar-bar {
	height:35px;
	width:0px;
	background:#6adcfa;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}



#comp{text-align: center; margin-top: 50px;}
#comp a{text-decoration: none; background-color: transparent;  font-weight: 700; line-height: 30px; color: rgba(254,82,76, 1); padding: 22px 22px;; font-size: 14px; border: 1px solid #999; border-radius: 4px;}
#comp a:hover{text-decoration: none; background-color: rgba(254,82,76, 1)!important; color: #FFF; border: none;}


/*  ----------------------------------------------
            SECTION PORTFOLIO
    ------------------------------------------------- */

/*#carousel-1.project-navigation .btn-next,
#carousel-1.project-navigation .btn-prev {
    position: absolute;
    width: 40px;
    height: 70px;
    top: 40%;
    margin-top: -40px;
    background: rgba(59,59,59,0.9);
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    opacity: 0;
    z-index: 997;
    cursor: pointer;
}

#carousel-2.project-navigation .btn-next,
#carousel-2.project-navigation .btn-prev {
    position: absolute;
    width: 40px;
    height: 70px;
    top: 40%;
    margin-top: -40px;
    background: rgba(59,59,59,0.9);
    color: #fff;
    line-height: 80px;
    text-align: center;
    font-size: 18px;
    opacity: 0;
    z-index: 997;
    cursor: pointer;
}*/


/*  ----------------------------------------------
            SECTION VEILLE
    ------------------------------------------------- */

.veille{background-color: #fafafa; border-bottom: 1px solid #d2d2d2;}


/*  ----------------------------------------------
            SECTION CONTACT
    ------------------------------------------------- */

#cd-zoom-in, #cd-zoom-out {background-image: url("../../files/images/cd-icon-controller.svg");}

.contact-address p{width: 100% !important;}

.contact-address a{color: #999;}

.contact-address a:hover{color: rgba(254,82,76, 1);}








@media (max-device-width: 768) {

.cursus .blocgauche{margin: 0px !important;}
.cursus .contenu{width: 80%; border-left: none !important;}
h2{text-align: center;}

}

@media (max-device-width: 769) and (max-width: 992) {


.cursus .blocgauche{margin: 0px !important;}
.cursus .contenu{width: 80%; border-left: none !important;}
h2{text-align: center;}

}

@media (min-width: 993) and (max-width: 1200) {

}

@media (min-width: 1201) {

}

#map{
		height:400px;
    }