header
{
	margin: 2%;
	text-decoration: none;
	color: black;
	background-color: none;
	font-family: 'Optima', "futura";
	font-size: 1em;
    position:fixed;
}

body 
{
    background-color: black;
    /* background-image: url("alex_photo_rosetta.jpg"); */ 
    background-size: 800px;
    background-repeat: no-repeat;
}

div {
  background-color: none;   
}

a
{
	text-decoration: none;
	color: white;
	background-color: none; 
}

a:hover
{
	color:gray;
}


#menu, #menu ul /* typo */, section, .texte
{
	text-decoration: none;
	color: white;
	background-color: none;
	font-family: 'Optima',"times", sans-serif;
	font-size:30px;
}

@font-face {
  font-family: 'overpass';
  src: url('overpass-regular.eot');
  src: url('overpass-regular.eot?#iefix') format('embedded-opentype'),
       url('overpass-regular.woff2') format('woff2'),
       url('overpass-regular.woff') format('woff'),
       url('overpass-regular.ttf')  format('truetype');
       font-weight: 500;
       font-style: normal;
}


@font-face {
  font-family: 'overpass-light';
  src: url('overpass-light.eot');
  src: url('overpass-light.eot?#iefix') format('embedded-opentype'),
       url('overpass-light.woff2') format('woff2'),
       url('overpass-light.woff') format('woff'),
       url('overpass-light.ttf')  format('truetype');
       font-weight: 400;
       font-style: normal;
}



#menu, #menu ul

{
	padding: 0;
	margin: 0;
	list-style: none;
	
}


#menu  
{

      width : 350px;
      margin: 1%;
      position: fixed;
    
      
}




#menu ul 


{
    left: 3%;
    position: relative;
}




.indeximage /* index */
{
	text-align: center;
	margin-left: 1%;
	margin-right:1%;
	max-width: 100%;
	margin-top: 1%;
	
	

}

.indeximage img

{       max-width: 100%;
	height: auto;
}

.maincontentgeographie img

{       max-width: 100%;
	height: auto;
}

.maincontentgeographie

{       text-align: center;
	
	margin-left: 1%;
	margin-right:1%;
	max-width: 100%;
	margin-top: 1%;
}
.maincontentvideo

{       text-align: center;
	margin-left: 1%;
	margin-right:1%;
	margin-top: 1%;
	width: 100%;
        height: 100%;
	
        
}

embed, iframe, object
{
max-width: 100%;
}

.texte

{       text-align: left;
	margin-left: 1%;
	margin-right:1%;
	max-width: 550px;
	
}


em /* couleur lien bio*/
{
    color: white;
	/*color: rgb(59,91,135);*/
	font-style: normal;
	
}

section /* cv */
{
	margin-left: 3%;
	margin-right:1%;
	max-width: 910px;
        	
}

@media screen and (max-width : 1024px){
	{
	}
	
#menu ul

{    left: 3%;
    position: relative;
}

#menu li
{   
    position: relative;
}


header
{
	
	font-size: 1.3em;
	
	
}

footer
{
	
	font-size: 1.3em;
	
}	
}