@charset "utf-8";
/* CSS Document */

@font-face
{  
font-family: calibri;
/*src: url('eager___.ttf');  */
}


body
{
	margin: 0px 0px 0px 0px; 
	background:#1C1C1C;
	font-family: calibri;
	color:#ccc;
	text-shadow: 0px 0px 9px #008B8B;
}

#hautdroit
{
	text-align: right;
	margin: 50px;
	margin-left: 100px;
	margin-right: 100px;
}

#hautgauche
{
	margin: 50px;
	margin-left: 100px;
	margin-right: 100px;


}

a:active, a:visited
{
	text-decoration:none;
	color:#ccc;
	text-shadow: 0px 0px 9px #008B8B;
}

a:link
{
	text-decoration:none;
	color:#ccc;
	text-shadow: 0px 0px 9px #008B8B;

-webkit-transition: color .5s;
   -moz-transition: color .5s;
     -o-transition: color .5s;
        transition: color .5s;
		
}

a:hover
{
	text-decoration:none;
	color: #008B8B;
	text-shadow: 0px 0px 9px #008B8B;
	
-webkit-transition: color .5s;
   -moz-transition: color .5s;
     -o-transition: color .5s;
        transition: color .5s;
}


a #email{
position:absolute;
padding:15px;
margin-top:16px;
margin-left:-105px;
background: transparent;
opacity:0;
color: #008B8B;
text-shadow: 0px 0px 9px #008B8B;

-webkit-transform:scale(0) rotateZ(-16deg);
   -moz-transform:scale(0) rotate(-16deg);
    -ms-transform:scale(0) rotateZ(-16deg);
     -o-transform:scale(0) rotate(-16deg);
        transform:scale(0) rotateZ(-16deg);

-webkit-transition:all .5s;
   -moz-transition:all .5s;
    -ms-transition:all .5s;
     -o-transition:all .5s;
        transition:all .5s;

}
a:hover #email, a:focus #email{
opacity:1;

-webkit-transform:scale(1) rotateZ(0deg);
    -moz-transform:scale(1) rotate(0deg);
    -ms-transform:scale(1) rotateZ(0deg);
      -o-transform:scale(1) rotate(0deg);
        transform:scale(1) rotateZ(0deg);
}

a #email::before{
content:'';
position:absolute;
top:6px;
left:20px;
width:0;
height:0;
border-bottom:6px solid rgba(0,0,0,.9);
border-left:6px solid transparent;
border-right:6px solid transparent;
}


#photo
{
opacity:0.1;
-webkit-transition:all 2.5s;
   -moz-transition:all 2.5s;
    -ms-transition:all 2.5s;
     -o-transition:all 2.5s;
        transition:all 2.5s;
		
box-shadow: 0px 0px 9px #008B8B;
}

#photo:hover, #photo:focus
{
opacity:1;
}


#parcours
{
	border: 0px;
	border-style: solid;
	border-color:#CD0C0C;
	-moz-border-radius:20px;
	margin-left: 100px;
	margin-right: 100px;
}

.marge1
{
	margin-left: 1em;	
}

.marge2
{
	padding-left: 1em;	
}

li
{
	margin-left: 2em;
}

h1
{
	font-size: 1.5em;
	padding-bottom : 0.5em;
	font-variant: small-caps;
	text-shadow: 0px 0px 9px #008B8B;
}
h1:first-letter
{
	font-size:2em;
	color: #008B8B;5
    text-shadow: 0px 0px 9px #008B8B;

}

h2
{
	font-size: 1.2em;
	font-variant: small-caps;
	text-shadow: 0px 0px 9px #008B8B;
}
h2:first-letter
{
	font-size:1.7em;
	color: #008B8B;
	text-shadow: 0px 0px 9px #008B8B;
}

a .tableau{
border-left: 3px solid black;
border-top: 1px solid black;
border-radius: 10px 0px 0px 10px;
background: transparent;
opacity:0;
text-shadow: 0px 0px 9px #008B8B;


-webkit-transform: scale(0.4) translate(1600px, 0px);
   -moz-transform: scale(0.4) translate(1600px, 0px);
     -o-transform: scale(0.4) translate(1600px, 0px);
    -ms-transform: scale(0.4) translate(1600px, 0px);
		
		

-webkit-transition:all .5s;
   -moz-transition:all .5s;
    -ms-transition:all .5s;
     -o-transition:all .5s;
        transition:all .5s;

}
a:hover .tableau, a:focus .tableau{
border-left: 3px solid black;
border-top: 1px solid black;
border-radius: 10px 0px 0px 10px;
color:#ccc;
opacity:1;

-webkit-transform: scale(1) translate(0px, 0px);
   -moz-transform: scale(1) translate(0px, 0px);
     -o-transform: scale(1) translate(0px, 0px);
    -ms-transform: scale(1) translate(0px, 0px);	

}