body{
    margin:0;
    padding:10px 0;
    min-width:630px;
    font:100% 'Source Sans Pro',"Lucida Grande",Lucida,Verdana,sans-serif;
    color:#030708;
  	background:#fff url('http://cedricrey.fr/sites/all/themes/onclick/images/bg5.jpg') no-repeat fixed center center / cover;
    }
  A{
    -moz-transition:0.6s all ease;
    -webkit-transition:0.6s all ease;
    -o-transition:0.6s all ease;
    transition:0.6s all ease;
    text-decoration:underline;
    color:#21AFDE;  
  }
  A:hover{
    color:#030708;
  }
  LI{
    list-style-type:none;
  }
  header{
	  /*position:fixed;*/
	 top:0;
	  padding-top: 50px;
	  width:100%;
	  height:80px;
	  min-width:550px;
	  margin:0 auto;
	  background-color: #FFFFFF;
	  box-shadow: 1px 1px 21px 5px rgba(0, 0, 0, 0.42);
	  height: 109px;
	  padding-top: 20px;
	  position: fixed;
	  width: 100%;
	  z-index: 100;
	  overflow:hidden;
	  /*
	  border: 1px solid rgb(125, 145, 167);
	  border: 1px solid rgba(128, 128, 128, 0.4);
	  border-width:0 1px 2px;
	  border-radius: 0 0 10px 10px;
	  box-shadow:0 0 4px 0 rgba(0,0,0,0.6);
	  background-color: rgba(128,128,128,0.2);
	  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIwLjQiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	  background: -moz-linear-gradient(top,  rgb(245,245,245) 0%, rgb(219,219,219) 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(245,245,245)), color-stop(100%,rgb(219,219,219)));
	  background: -webkit-linear-gradient(top,  rgb(245,245,245) 0%,rgb(219,219,219) 100%);
	  background: -o-linear-gradient(top,  rgb(245,245,245) 0%,rgb(219,219,219) 100%);
	  background: -ms-linear-gradient(top,  rgb(245,245,245) 0%,rgb(219,219,219) 100%);
	  background: linear-gradient(top,  rgb(245,245,245) 0%,rgb(219,219,219) 100%);
	  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe5e5e5', endColorstr='#ffdbdbdb',GradientType=0 );*/
  }
  header #marioMove{
  	top:auto;
  	bottom:0;
  	left:50%;
  }
  #headerContent{
  	width:910px;
  	margin: 0 auto;
  }
  #titreSite{
  	display:inline-block;
  	margin:0;
  	width:200px;
  	font:100 40px/38px BenchNine;  	
  	text-align:left;
    text-transform:uppercase;
    color: #21AFDE;
  	
	-moz-transform:translate(-1px, 2px);
	-webkit-transform:translate(-1px, 2px);
	-o-transform:translate(-1px, 2px);
	-ms-transform:translate(-1px, 2px);
	transform:translate(-1px, 2px);

	z-index: 10;
	
  }
  
	
  #titreSite a{
  	text-decoration: none;
        color: #21AFDE;
  	/*text-shadow: 1px 0 0 #000000, 0 -1px 0 #000000, -1px 0 0 #000000,  0 1px 0 #000000, 1px 1px 2px #999;*/
  }
  #titreSite .by{
		display:block;
		margin-left: 31px;
	}
    #titreSite .by a{
        color:#000;
    }
  nav{
  	/*display:inline-block;*/
  	height:23px;
  	margin:10px 0 0;
  	float:right;
  }
  nav ul#menu{
  	/*display:inline-block;
  	width:75%;*/
  	margin:0;
  }
  nav li{
  	display:inline-block;
  	position:relative;
  	margin:0 0 0 30px;
  	height:23px;
  	z-index:20;
	
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyYmZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDgwOTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(114,191,216,1) 0%, rgba(61,128,150,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(114,191,216,1)), color-stop(100%,rgba(61,128,150,1)));
	background: -webkit-linear-gradient(top,  rgba(114,191,216,1) 0%,rgba(61,128,150,1) 100%);
	background: -o-linear-gradient(top,  rgba(114,191,216,1) 0%,rgba(61,128,150,1) 100%);
	background: -ms-linear-gradient(top,  rgba(114,191,216,1) 0%,rgba(61,128,150,1) 100%);
	background: linear-gradient(top,  rgba(114,191,216,1) 0%,rgba(61,128,150,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72bfd8', endColorstr='#3d8096',GradientType=0 );*/

	
	/*border-bottom:2px solid rgba(121, 188, 210, 0.6);*/
  }
  nav li a{
  	color: #000;    
  	font: 1.1em "Source Sans","Tahoma",sans-serif;
    text-transform: uppercase;
  	text-decoration: none; 	
  }
  /*
  li#menuCV{
  	background: rgba(169, 37, 16, 0.2);
  }
  li#menuPhoto{
  	background: rgba(60, 86, 169, 0.2);
  }
  li#menuTumblr{
  	background: rgba(87,169, 76, 0.2);
  }
  */
  .sousmenu{
  	position:absolute;
  	left:0;
  	margin:0;
  	padding:0;
  	overflow:hidden;
  	opacity: 0;
  	z-index:15;
  -moz-transition:opacity 0s ease 0.5s;
  -webkit-transition:opacity 0s ease 0.5s;
  -o-transition:opacity 0s ease 0.5s;
  -ms-transition:opacity 0s ease 0.5s;
  transition:opacity 0s ease 0.5s;
  	
  }  
  li:hover .sousmenu{
    opacity: 1;
  -moz-transition:opacity 0s ease;
  -webkit-transition:opacity 0s ease;
  -o-transition:opacity 0s ease;
  -ms-transition:opacity 0s ease;
  transition:opacity 0s ease;
    
   }
  .sousmenu li{  	
  	border:none;
  	box-shadow: 0 2px 3px #999;
  	height:auto;
	-moz-transform:translateY(-100%);
	-webkit-transform:translateY(5px);
	-o-transform:translateY(5px);
	-ms-transform:translateY(5px);
	transform:translateY(5px);
  -moz-transition:all 0.5s ease;
  -webkit-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;
  -ms-transition:all 0.5s ease;
  transition:all 0.5s ease;
  }
  li:hover .sousmenu li{    
    -moz-transform:translateY(0);
	-webkit-transform:translateY(5px);
	-o-transform:translateY(5px);
	-ms-transform:translateY(5px);
	transform:translateY(5px);  	
  }
   #sidebar{
   	/*
    	float:left;
    	width:180px;
    	padding:10px;
    	margin-top:140px;
    	z-index: 19;
        background:#FFF;
    	position:fixed;
   		font:100 20px/21px "BenchNine","Tahoma",sans-serif;
   	*/
   	display:none;
    	}
  #mainWrapper{
    margin:0 auto;
    width:910px;
  }
  #main{
    padding:25px 130px;    
   /*margin-left:200px; avec la sidebar*/
    margin:160px 0;
    font:normal 18px/27px 'Century Gothic';
    color:#444;
    background-color:#fff; 	
    z-index: 20;
    position: relative;
    text-align: justify;
  }
  #main H1{
    margin:0;
    padding:0;
    font:36px Helvetica;    
    text-shadow: 0 -2px 2px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.7);
  }
  #main UL{
    padding:0 5px;
  }
  #main LI{
    /*height:1.8em;*/
   margin:1em 0;
  }
  #infosup {
    font-size:60%;
    text-align:center;
    color:#DEDEDE;
  }
  #infosup A:hover{
    color:#D30018;
  }
  
.linksList .picto{
	display:inline-block;
	width:22px;
	height:20px;
	margin-right: 5px;
	vertical-align:bottom;
	background: transparent url(images/picto.png) no-repeat left top;
}
.blogPhoto .picto{
	background-position: -11px -6px;
}
.tumblr .picto{
	background-position: -10px -31px;	
}
.linkedin .picto{
	background-position: -11px -57px;	
}
.soundcloud .picto{
	background-position: -11px -86px;	
}
.atelier .picto{
	background-position: -11px -134px;	
}
.references .picto{
	background-position: -11px -164px;	
}

/*
   .post .icon{
   		float:left;
		margin:3px 0;
    	width: 40px;
   		height: 33px;
    	background: transparent url(http://perso.cedricrey.fr/images/icons.png) no-repeat left bottom;
		vertical-align: middle;
   }
    .text .icon{background-position  : 0 -133px;}
    .quote .quoted{background-position  : 0 -219px;}
    .photo .info .type{
    	background-position : 0 -9px;
    	}
    .link .icon{background-position  : 0 -92px;}
    .chat .info .type{background-position  : 0 -262px;}
    .audio .info .type{background-position  : 0 -50px;}
    .video .info .type{background-position  : 0 -178px;}
    .published{
    	text-transform: lowercase;
    }
    .quote .description{
    	float:right;
    }
    .notes{
        font-style:italic;
        font-size:0.8em;
        }
    .post P, .post UL, .post .details, .post UL, .photo .image, .quote .info, .link .type, .commented{
        padding: 0 0 0 40px;
        }
    .photo .image img{
        border: 1px solid #BBB;
        padding: 5px;
        border-radius: 3px;
        background: #FBFFFF;
		max-width: 100%;
    }
    .photo .zoom{display:none;}
    */

/*
.titleBlock h3 {
    background-color: #FFFFFF;
    color: #21AFDE;
    line-height: 1em;
    padding: 0 0.6em;
    text-decoration:none;
    font:normal 2em/0.8em "BenchNine","Tahoma",sans-serif;
    position:relative;
    text-align:center;
}
.titleBlock h3:before {
    background-color: #FFFFFF;
    border-bottom: 1px solid #21AFDE;
    color: #21AFDE;
    height: 0.5em;
    margin: 0 0 0.7em;
    padding: 0;
    display:block;
    position:absolute;
}*/

.titleText{
    background-color: rgba(0, 0, 0, 0);
    color: #21AFDE;
    font:100 2em/0.8em "BenchNine","Tahoma",sans-serif;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 0;
}
.titleText h3{
    background-color: #FFFFFF;
    display: inline-block;
    font-size: 1em;
    line-height: 1.3em;
    max-width: 66%;
    padding: 0 0.6em;
    margin: 0;
} 
.titleText h3:after {
    border-top: 1px solid #21AFDE;
    content: "";
    display: inline;
    height: 50%;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.titleBlock a {
    background-color: #FFFFFF;
    color: #21AFDE;
    font-size: 1em;
    font-weight:100;
    font-family:"BenchNine","Tahoma",sans-serif;
    text-decoration:none;
   }
.post{
	margin-bottom:60px;
}
.post .icon{
   		display:none;
   }
.post .info{
	font-family: "BenchNine","Tahoma",sans-serif;
    font-size: 1em;
    font-weight: 100;
}
.post.photo, .post.video{
    border-top: 1px solid #21AFDE;
}
.post.photo .image img, .post.video .embed iframe{
	display:block;
	margin:0 auto;
}
.details{
	display:none;
}
.read_more_container, .read_more_container a{
    color: rgb(221,110,83);
    text-align: center;	
}

#pagination #more {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(221,110,83);
    font: 2em/1em "Benchine","Tahoma",sans-serif;
    margin: 0 0 0.7em;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 0;
    display:block;
    cursor:pointer;
}
#pagination #more .label {
    background-color: #FFFFFF;
    display: inline-block;
    font-size: 1em;
    line-height: 1.3em;
    max-width: 75%;
    padding: 0 0.6em;
    font-family:"BenchNine","Tahoma",sans-serif;
    color:
} 
#pagination #more .label:after {
    border-top: 1px solid rgb(221,110,83);
    content: "";
    display: inline;
    height: 50%;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
#pagination #hidden{
	display:none;
}

/*TITRE*/
.not-front h2 span:after {
    border-top: 1px solid #21AFDE;
    content: "";
    display: inline;
    height: 50%;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
}
.not-front h2 span {
    background-color: #FFFFFF;
    display: inline-block;
    font-size: 1em;
    line-height: 1.3em;
    max-width: 75%;
    padding: 0 0.6em;
} 
.not-front h2 {
    background-color: rgba(0, 0, 0, 0);
    color: #21AFDE;
    font: 2em/1em "Benchine","Tahoma",sans-serif;
    margin: 0 0 0.7em;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 0;
}