/** STYLE DE LA PAGE**/

body {
    background-image:url(/images/bg_blocks.jpg);
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    margin:0;
    padding:0;
}

image {
    margin:0;
    padding:0;
}

h1 {
    margin:0;
    padding:0;
    font-family: 'Grand Hotel', cursive;
    font-size: 3.5em;
    font-weight: normal;
    color:white;
}

h2 {
    padding:0;
    font-family: 'Oswald', sans-serif;
    font-size: 1.8em;
    font-weight: normal;
    color:white;
}

p {
    padding:0;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 1.3em;
    color:white;
}

a {
    color: #333;
    text-decoration: none;
}

a:hover {
     color:#535353; 
     text-decoration:none; 
     cursor:pointer;
}

ul {
     margin:0;
     padding:0;
}

li {
     list-style-type: none;
}


/**STYLE ELEMENTS CONT1**/

#logo {
	height:580px; 
	width:100%;
    margin : 0 auto; 
    text-align: center;
}

#alogo {
	width:100%;
    margin : 0 auto; 
    vertical-align:middle;
 	display:inline-block;
}


#spacing {
	height:30px; 
	width:100%;   
}




.infobulle {
  margin: 39px 0 0 0;
  width: 150px;
  background-color: #333;
  height: 30px;
  opacity: 1;
  vertical-align:middle;
  display:inline-block;
  border-radius: 5px;
  //Ombre
  moz-box-shadow: 0px 4px 5px 0px #212121;
  webkit-box-shadow: 0px 4px 5px 0px #212121;
  o-box-shadow: 0px 4px 5px 0px #212121;
  box-shadow: 0px 4px 5px 0px #212121;
  filter:progid:DXImageTransform.Microsoft.Shadow(color=#212121, Direction=180, Strength=5);
}

.scrollinfobulle {
	margin:0;
	padding:5px 0 0 0;
    vertical-align:middle;
    font-size: 1em;
    color:grey;

}


/**STYLE ELEMENTS CONT2**/

#pola {
	height:488px; 
	width:400px;   
	margin:115px 0 0 0;
    padding:0;
	background-image:url(/images/pola.png);
    vertical-align:middle;
 	display:inline-block;
}

#photopola {
	margin:35px 0 0 0;
    padding:0;
}

#linkpola {
	height:40px; 
	width:400px;   
	margin: 45px 0 0;
}

.linkspola {
	margin:0;
	padding:0 10px 0 0;
    font-size: 2em;
}

.fa-envelope-o {
    font-size: 3em;
    text-decoration: none;
    color:white;
    
}

.fa-envelope-o:hover  {
    text-decoration:none; 
    cursor:pointer;
    color: #6a70e3;    
}


#presentation {
	height: auto;
	width:80%;  
	max-width: 1200px;
	min-width: 500px;
	min-height: 700px;
	margin:0 auto;
    padding:0;
    text-align: center;
}


#prez {
	height:auto; 
	width:60%;
	min-width: 100px;
	margin:45px 0 0 30px;
    padding:0;
    vertical-align:middle;
 	display:inline-block;
}

/**STYLE ELEMENTS CONT3**/

#contskillz {
	height: auto;
	width:90%;  
	max-width: 1600px;
	min-width: 300px;
	//min-height: 600px;
	margin:0 auto;
    padding:0;
    text-align: center;
    overflow:hidden;
}

.titre_skillz {
	margin:0;
    padding:0;
    font-family: 'Grand Hotel', cursive;
    font-size: 2.5em;
    font-weight: normal;
    color:#333;
}

#skillz_print {
	height:auto; 
	width:33%;
	min-width: 250px;
	min-height: 500px;
	margin:45px 0 0 0;
    padding:0;
 	display:inline-block;
    vertical-align:middle;
 	display:inline-block;
	background-image:url(/images/bg_transp.png);
}

#skillz_web {
	height:auto; 
	width:33%;
	min-width: 250px;
	min-height: 500px;
	margin:45px 0 0 0;
    padding:0;
   	display:inline-block;
    vertical-align:middle;
 	display:inline-block;
	background-image:url(/images/bg_transp.png);
}

#skillz_video {
	height:auto; 
	width:33%;
	min-width: 250px;
	min-height: 500px;
	margin:45px 0 0 0;
    padding:0;
   	display:inline-block;
    vertical-align:middle;
 	display:inline-block;
	background-image:url(/images/bg_transp.png);
}


.skillzlog {
	margin:0 0 0 20px;
	padding:0;
	text-align: left;
	color: #333;
    font-family: "Open Sans Condensed",sans-serif;
    font-size: 1.3em;
}

.skillzlog img {
	margin:0;
	padding:0;
	vertical-align:middle;
	height:45px; 
	width:45px;
}

.fa-plus-square {
	margin:0;
	padding:0;
	color:green;
}

.fa-square-o {
	margin:0;
	padding:0;
	color:green;
}

.fa-child {
	margin:0;
	padding:0;
	color:yellow;
}

.skills_prez {
	color: #4e4e4e;
    font-family: "Open Sans Condensed",sans-serif;
    font-size: 1.35em;
    padding:10px;
}

#link_cv {
	height: 40px;
	width:88.4%;  
	min-width: 100px;
	margin:4px auto 45px;
    padding:0;
    text-align: center;
    background-image:url(/images/bg_transp.png);
    overflow:hidden;
    color: #4e4e4e;
    font-family: "Open Sans Condensed",sans-serif;
    font-size: 1.35em;
    padding: 10px;
    vertical-align:middle;
}

.fa-hand-o-down {
	cursor:pointer;
}

.smoothScroll {
  text-decoration: none;
}

/*STYLE ELEMENTS CONT 3-5*/

#cv {
	height: 60px;
	width:90%;  
	max-width: 1600px;
	min-width: 300px;
	margin:0 auto;
    padding:0;
    text-align: center;
    overflow:hidden;
}

#btns {
	height:60px; 
	width:100%; 
	margin:0 0 0 0;
    padding:0;
   	display:inline-block;
    vertical-align:middle;
}

.icnCV {
    font-size: 0.5em;
    text-decoration: none;
    color: white;
    
}

.icnCV:hover {
    text-decoration:none; 
    cursor:pointer;
    color: #6a70e3;    
}

/*#@s li i {
	cursor:pointer;
}

#training {
	height: auto;
	width:49%; 
	display:inline-block;
    vertical-align:top;
}

#XP {
	height: auto;
	width:49%;
	display:inline-block;
    vertical-align:top;
}*/




.titre_TrainXP {
	margin:0;
    padding:0;
    font-family: 'Grand Hotel', cursive;
    font-size: 2.5em;
    font-weight: normal;
    color:white;
    text-shadow:3px 3px 8px #1f1f1f;    
}
/*
.titre_TrainXP_st {
	margin:0;
    padding:0;
    font-family: 'Grand Hotel', cursive;
    font-size: 2.2em;
    font-weight: normal;
    color:white;
    text-shadow:3px 3px 8px #1f1f1f;  
}

#btn1 {
	font-size: 0.4em;
}

#btn2 {
	font-size: 0.4em;
}

.fa fa-hand-o-up {
	color:white;
}

#bottom {
	font-size: 0.4em;
}

.bulle_date {
	height:120px; 
	width:120px;
	margin: auto;
	display: flex;
    vertical-align:middle;
	background-image:url(/images/bg_transp.png);
	border-radius:60px;
}

.date_bulle {
	margin: auto;
	font-family: 'Grand Hotel', cursive;
    font-size: 1.8em;
    Line-Height:0.6;
    font-weight: normal;
    color:#333;

}


.bulle_intit {
	height:auto; 
	width:60%;
	padding:5px;
	margin: auto;
	display: flex;
    vertical-align:middle;
	background-image:url(/images/bg_transp.png);
	border-radius:4px;
}

.barre_temporel {
	height:20px; 
	width:3px;
	margin:auto;
    vertical-align:middle;
	background-image:url(/images/bg_transp.png);
}


.intit_bulle {
	margin: auto;
	font-family: "Open Sans Condensed",sans-serif;
	font-size: 1.2em;
}

.intit_bulle b{
	font-family: "Open Sans Condensed",sans-serif;
    font-size: 1.2em;
    color:#333;
}
*/

/**STYLE FADE IN**/

.hideme
{
    opacity:0;
}


/*STYLE ELEMENTS CONT 4*/

#exprint {
	height:auto; 
	width:100%;
	min-width: 100px;
	margin:30px auto;
    padding:0;
    vertical-align:middle;
 	display:inline-block;
 	text-align: center;
}

#lightSlider li {
	border-top: solid 1px white;
	border-bottom: solid 1px white;
	padding:0;
	margin:0;
}


.slideprint01 {
	height:500px;
	width:100%;
	background-image:url(/images/slide/print01.jpg);
    background-position: center;
}

.slideprint02 {
	height:500px;
	width:100%;
	background-image:url(/images/slide/print02.jpg);
    background-position: center;
}

.slideprint03 {
	height:500px;
	width:100%;
	background-image:url(/images/slide/print03.jpg);
    background-position: center;
}

#exweb {
	height:auto; 
	width:100%;
	min-width: 100px;
	margin:30px auto;
    padding:0;
    vertical-align:middle;
 	display:inline-block;
 	text-align: center;
}


.legend_sliders {
	margin-top:-44px;
	text-shadow: -1px 0 black, 0 1px black,
      1px 0 black, 0 -1px black;
}

/*STYLE ELEM CONT 5*/

#cont_photo {
	height: auto;
	width:90%;  
	max-width: 1600px;
	min-width: 300px;
	margin:30px auto;
    padding:0;
    text-align: center;
    background-image:url(/images/bg_transp.png);
}

.photo_txt {
	color: #333;
	padding:0 10px;
}

.scrollarea {
	overflow:hidden;
}

.link_insta:hover{
	color:#6a70e3; 
     cursor:pointer;
}

.link_500px:hover{
	color:#6a70e3; 
     cursor:pointer;
}

/**STYLE ELEM CONT 6**/

#centre_footer {
	height: 70%;
	width:100%;  
	margin:auto;
    padding:0;
    display: flex;
    text-align: center;
    vertical-align:middle;
}

#centre_footer h1{
	font-size: 1.6em;
	margin:auto;
}

#copyright{
	height: 29%;
	width:100%;  
	margin:auto;
    padding:0;
    display: flex;
    text-align: center;
    vertical-align:middle;


}

.Pcopyright{
	font-family: "Open Sans Condensed",sans-serif;
    font-size: 0.8em;
    color:white;
    margin:auto;
    text-align: center;

}




/**STYLE DES CONTENURS PARALLAX**/

#container1 {
    width: 100%;
    height: 550px;
    background: transparent;
}

#container2 {
    width: 100%;
    height: auto;
    background-image:url(/images/bg_blocks.jpg);
}

#container3 {
    width: 100%;
    height: auto;
    background: transparent;
}

#container3-5 {
    width: 100%;
    height: auto;
    background-image:url(/images/fd01.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; 
    border-top: solid 1px white;
}

#container4 {
    width: 100%;
    height: auto;
    background-image:url(/images/bg_blocks.jpg);
}

#container5 {
    width: 100%;
    height: auto;
    background: transparent;
}

#container6 {
    width: 100%;
    height: 200px;
    background-image:url(/images/bg_blocks.jpg);
}