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

* { 
    margin: 0;
    padding: 0;
  }
  body {
    font-size: 15px;
    font-family: 'Roboto Slab', serif;
	color: #000;
    padding: ;
	background: url(img_home/background4-01.png);
	background-attachment:fixed ;
	
  }
  
A:link {color: #000; text-decoration: underline; border:none;}
A:visited {color:#000; text-decoration: underline; border:none;}
A:hover {color:#000;}

  footer, section, article, header, aside, figure, nav {
    display: block;
  }
   nav {
    padding: 20px;
    z-index: 20;
    
    background: #fff;
    position:fixed;
	height:auto;
	width:auto;
	top:20px;
	left:4%;
	border-radius:5px;
	
	
  }

  nav li {
    display: inline;
    padding-right: 2em;
	list-style:none;
  }
  nav a {
    background: #FF3;
    padding:;
    border-radius:;
    color: #000;
    font-weight:bold;
    text-decoration: underline;
	font-size:15px;
	
  }
  nav a:hover, nav a:focus {
    background: #CCC ;
  }
  	#bio figure
	{
		width: 300px;
		height:auto;
		padding: 20px;
		background-color:#FFF;
		left:4%;
		display:block;
		position:relative;
		font-weight:lighter;
		font-size:13px;
		
	}
	#news figure
	{
		width: 600px;
		height:auto;
		padding: 20px;
		background-color:#FFF;
		left:4%;
		display:block;
		position:relative;
		
		
	}
	
		#news figure h1
	
	{
		font-size:13px;
		font-weight:normal;
		
		text-decoration:underline;
		
		}
	
	#news figure ul
	
	{
		font-size:13px;
		padding:20px;
		}
		
		#news figure li
		{
			list-style: disc;		
			font-weight:lighter;
		font-size:13px;}
  
  @media screen and (min-width: 400px) {

  .gallery {
    position: relative;
    height: 700px;
    width: 1200px;
    overflow:hidden;
	 /* A cACHHeRR ICI*/
	z-index: 10;
	top:0px;
	}
  
	
	#projets table
	{
	z-index:30;
	background-color:;
	top:0px;
    left: 0px;
	padding-right:;
	padding-left:;
	border-radius:;
	
	font-weight:;
	
	}
	
	#projets table .annee
	{
		background-color:#ff3;
		text-decoration:;
		font-size:11px;
		font-weight:bold;
		
	}
	
	#projets table img
	{
		padding:;
		background-color:;}
		
/* TWWWWWWWWWWWWOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO */	
	#prestations figure
	{
		width: 400px;
		height: 300px;
		padding: 20px;
		background-color:#FFF;
		font-size:13px;
		font-weight:lighter;
		
	}
/* THHRRREEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE */	
	#cv figure
	{
		width: 900px;
		height: 450px;
		padding: 20px;
		background-color:#FFF;
	}
	
	#cv aside
	{float:right;
	font-size: 13px;
	font-weight:lighter;
	padding: 20px; }
	

	
  	#cv #main
	{float:left;
	}
	
	#cv #main span
	{ font-size:14px;
	color: #333;
	background:#FF3;
	font-weight:bold;
	}
	
	
	#cv aside h1
	{color: #333;
	font-size: 13px;
	text-decoration:underline;
	background:;
	}
	#cv aside h2
	{color: #333;
	font-size: 13px;
	text-decoration:underline;
	background:;
	}
	#cv aside h3
	{color: #333;
	font-size: 13px;
	text-decoration:underline;
	background:;
	}
	
/* TAAAAAAAAAAAARRRRRRRRRRRGGGGGGGGGGGEEEEEEEEEETTTTTTTTT*/	
  .target {
    position: absolute;
    top:0px; /* change axe!!!base:120px*/
    left:-1200px; /* CHANGER ICI POUR LE DECALAGE base : -1200px !!!!!!*/
    height: 220px;
    width: 300px;
    -webkit-transition: 1s;
       -moz-transition: 1s;
        -ms-transition: 1s;
         -o-transition: 1s;
            transition: 1s;

 }
  .target:target {
    top: 0px; /* change axe base:120px*/
    left: 4%;
  }
}