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

html
{
	height: 100%;
}

body
{
	max-width: 1500px;
	margin: 0 auto;
	height: 100%;
}

#page{
   height: 100%;
   width: 100%;
   margin:0px;
}

#rouge {
	color:#600;
}

.titre {
text-align:left;
text-shadow:#666;
font-size:19vw;
font-weight:bold;
margin-top:-5.5vw;
margin-left:-3vw;
}

.titre2 {
text-align:left;
text-shadow:#666;
font-size:19vw;
font-weight:bold;
margin-top:-13vw;
margin-left:5vw;
}

.autres {
	background-color:#000;
	width:50%;
	float: left;
	margin-top: -5vw;
}



.resume {
	float: right;
	color:#FFF;
	font-size:1vw;
	margin-top:3vw;
	margin-right:4px;
	margin-bottom:40vh;
	width:23vw;
	text-align:right;
	font-style:italic;
}


.liens {
overflow: auto;

text-align:left;
text-shadow:#666;
font-size:3.15vw;
font-weight:bold;
height:35vw;
text-decoration:none;
color:#000;

}

.lien1 {
/*	    border: 1px solid black;*/
font-size:1.5vw;
line-height:4.5vw;
margin-left:4px;
height:4.5vw;
}
.CV {
  /*  border: 1px solid black;*/
font-size:3.15vw; 
vertical-align:middle;
display:inline-block;
line-height:normal;
}

.langue:hover{color:#000; font-size:2.5vw; color:#600;}
.langue:active { color:#600;}
	

.lien2 {
height:3vw;
margin-top:-1.2vw;
line-height:3vw;
margin-left:4px;
}
.lien3 {
/*border: 1px solid black;*/
height:5.5vw;
margin-top:-1.7vw;
line-height:5.5vw;
margin-left:4px;
}


.contact {
	font-size:1.49vw;
	text-align:left;
	position:relative;
	margin-top:10vw;
	font-style:italic;
	margin-left:4px;
	float:left;
}

.logo {
	position:absolute;
	right:0px;
	top:0px;
	text-align:right;
}

.drapeau:hover {
	height:1.3vw;
	font-size:0.1vw;
	padding-right:0.5vw;
}

a:link { color:#000; text-decoration:none;} /* lien non-visité */
a:visited { color:#000; text-decoration:none;} /* lien visité */
a:hover { color:#000; font-size:5.5vw; } /* lien survolé */
a:active { color:#600;} /* lien activé */