/*Animate.css*/
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }   100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
    
    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
    
    100% {
        opacity: 1;
        -o-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
}
@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
}
@-o-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -moz-transform: translateY(20px);
    }
}

@-o-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -o-transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        -o-transform: translateY(20px);
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    
    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

/**/

/*@font-face {
	font-family: 'qlassik';
	src: url('qlassik_tb.otf')
}*/
@font-face {
    font-family: 'icomoon2';
    src:url('fonts/icomoon2.eot?-ya4vei');
    src:url('fonts/icomoon2.eot?#iefix-ya4vei') format('embedded-opentype'),
        url('fonts/icomoon2.woff?-ya4vei') format('woff'),
        url('fonts/icomoon2.ttf?-ya4vei') format('truetype'),
        url('fonts/icomoon2.svg?-ya4vei#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon2';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-html5:before {
	content: "\f13b";
}
.icon-css3:before {
	content: "\f13c";
}
.icon-search:before {
	content: "\e608";
}
.icon-menu:before {
	content: "\e600";
}
.icon-download:before {
	content: "\e60a";
}
.icon-twitter:before {
	content: "\e601";
}
.icon-chrome:before {
	content: "\e603";
}
.icon-firefox:before {
	content: "\e604";
}
.icon-internet-explorer:before {
	content: "\e605";
}
.icon-opera:before {
	content: "\e606";
}
.icon-safari:before {
	content: "\e607";
}
.icon-calendar:before {
	content: "\e602";
}
.icon-cross:before {
	content: "\e60b";
}
.icon-arrow-right:before {
	content: "\e609";
}
.icon-arrow-up:before {
	content: "\e60c";
}


/*grid system*/
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body {
    font-size: 14px
}

.one-column,.two-columns,.three-columns,.four-columns,.five-columns,
.six-columns,.seven-columns,.eight-columns,.nine-columns,.ten-columns,
.eleven-columns,.twelve-columns,.thirteen-columns,.fourteen-columns,
.fifteen-columns,.sixteen-columns,.third-column,.two-thirds-columns {
    max-width: 100%;
    width: 100%;
    padding: 10px;
}

.grid-main {
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

.row {
    overflow: hidden;
    clear: both
}

@media only screen and (min-width: 480px) {
    body {
        font-size: 15px
    }
    .clear {
        clear: both
    }
}

/*@media only screen and (min-width: 767px) {
    .one-column,.two-columns,.three-columns,.four-columns,.five-columns,
    .six-columns,.seven-columns,.eight-columns,.nine-columns,.ten-columns,
    .eleven-columns,.twelve-columns .thirteen-columns,.fourteen-columns,.fifteen-columns {
        max-width: 50%;
        width: 50%;
        float: left
    }
    .sixteen-columns {
        float: left
    }
    .one-column,.two-columns,.three-columns,.four-columns {
        max-width: 25%;
        width: 100%
    }
    .eight-columns {
        max-width: 50%;
        width: 100%
    }
    .twelve-columns,.thirteen-columns,.fourteen-columns,.fifteen-columns {
        max-width: 75%;
        width: 100%
    }
    .third-column {
        width: 33.3333%;
        float: left
    }
    .two-thirds-columns {
        width: 66.6666%;
        float: left
    }
}
*/
@media only screen and (min-width: 959px) {
    body {
        font-size: 16px
    }
    .grid-main {
        max-width: 1040px;
        margin: 0 auto !important
    }
    .one-column,.two-columns,.three-columns,.four-columns,.five-columns,.six-columns,
    .seven-columns,.eight-columns,.nine-columns,.ten-columns,.eleven-columns,
    .twelve-columns,.thirteen-columns,.fourteen-columns,.fifteen-columns, .third-column,.two-thirds-columns
    .sixteen-columns{
        max-width: 100%;
        padding: 10px;
        width: 6.25%;
        float: left
    }
    .two-columns {
        width: 12.5%
    }
    .three-columns {
        width: 18.75%
    }
    .four-columns {
        width: 25%
    }
    .five-columns {
        width: 31.25%
    }
    .six-columns {
        width: 37.5%
    }
    .seven-columns {
        width: 43.75%
    }
    .eight-columns {
        width: 50%
    }
    .nine-columns {
        width: 56.25%
    }
    .ten-columns {
        width: 62.5%
    }
    .eleven-columns {
        width: 68.75%
    }
    .twelve-columns {
        width: 75%
    }
    .thirteen-columns {
        width: 81.25%
    }
    .fourteen-columns {
        width: 87.5%
    }
    .fifteen-columns {
        width: 93.75%
    }
    .sixteen-columns {
        width: 100%
    }
    .third-column {
        width: 33.3333%;
    }
    .two-thirds-columns {
        width: 66.6666%;
    }
}

html {
	background: #e7e7e7;
	height: 100%;
	width: 100%;
	/*background: #fff url(../images/template/header.png) repeat-x fixed;*/
}

body {
	margin: 0;
	padding: 0;
	color: #222;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	padding-top: 80px;
	overflow-x: hidden;
}
/* .background-fixed { */
/* 	background: #2A2A2A; */
/* 	width: 100%; */
/* 	height:70px; */
/* 	position: fixed; */
/* 	top: 0; */
/* 	right: 0; */
/* 	left: 0; */
/* } */
a {
	color: #045FB4;
	font-weight: 600;
	text-decoration: none;
	-webkit-transition: color .4s ease-in;
	-moz-transition: color .4s ease-in;
	-o-transition: color .4s ease-in;
	transition: color .4s ease-in;
}

a:hover {
	color: #000;
}

img {
	border: 0px;
}

ul {
	list-style: none;
}
ul, li {
	margin: 0;
}

h1, h2, h3, h4 {
	margin: 0;
	padding-top: 20px;
	font-weight: 300;
	margin-bottom: 20px;
	
}

h1 {
	font-family: 'Open Sans', sans-serif;
	margin-top: 0px;
	margin-right: 60px;
	font-size: 3em;
	margin-bottom: 40px;
}
.home-page h1 {
	margin-bottom: 10px;
}
.home-page h3 {
	text-align: center;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.9em;
}
h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1.4em;
}
.comments h2, h5 {
	color: #444;
	font-size: 1.3em;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-weight: normal;
	font-style: italic;
	clear: left;
}
.comments {
	overflow: hidden;
}
.leaveComment h5 {
	margin: 0;
}


.ads {
	text-align: center;
	margin-bottom: 10px;
	margin-top: -5px;
}
#pub-banniere-top {
	margin-top: 10px;
	margin-bottom: 0;
}
/* header */
#header {
    height: 70px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 5px;
    background: #e7e7e7;
    z-index: 2;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
@media screen and (min-width: 959px) {
	#header {
		height: 80px;
	}
}
#header.absolute {
	position: absolute;
	top: -70px;
}
#header a {
	color: #5c5c5c;
}
#header a:hover {
	color: #045FB4;
}
.icon-menu, .icon-search {
	font-size: 2em;
	overflow: hidden;
	float:left;
	padding: 20px;
}
.icon-menu span, .icon-search span {
	text-indent: -99999px;
	display: inline-block;
	width: 0;
}
.home {
	float: right;
	padding: 7px 20px;
	font-size: 1.5em;
	font-weight: 300;
}
.home span {
	font-size: 1.8em;
    vertical-align: sub;
    margin-right: 20px;
}
.home em {
	display: none;
}
@media screen and (min-width: 720px) {
	.home em {
		font-style: normal;
		display: inline;
	}	
}
#header.dark {
	background: #111;
	height: 60px;
}
#header.dark a{
	color: #e7e7e7;
}
#header.dark .icon-menu, #header.dark .icon-search {
	padding: 16px;
	font-size: 1.5em;
}
#header.dark .home {
	font-size: 1.0em;
}
	/* slider */

#slider {
	height: 280px;
	position: relative;
	background-size: 100% auto;
	color: #fff;
	text-shadow: #000 0 1px 0;
}
#slider div {
	padding: 0 14px;
}
#slider .title {
	text-transform: uppercase;
	font-size: 2.5em;
	padding-top: 50px;
}
#slider .sub-title {
	font-size: 1.1em;
}
@media screen and (min-width: 480px) {
	#slider .title {
		font-size: 3em;
	}
}
@media screen and (min-width: 750px) {
	#slider .title {
		font-size: 3.5em;
	}
}
#slider a {
	padding: 12px 30px;
	display: inline-block;
	background: rgba(0, 0, 0, 0.2);
	
	color: #fff;
	font-weight: 300;
	margin-top: 20px;
}
.background-blue, .background-red, .background-yellow, .background-purple, .background-black, .background-green, .background-orange {
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	opacity: 0;
	height: 280px;
	background: url('../images/css/slider/slider-blue.jpg') no-repeat 50% 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index:0;
}
.background-red {
	background-image: url('../images/css/slider/slider-red.jpg');
}
.background-yellow {
	background-image: url('../images/css/slider/slider-yellow.jpg');
}
.background-purple {
	background-image: url('../images/css/slider/slider-purple.jpg');
}
.background-black {
	background-image: url('../images/css/slider/slider-black.jpg');
}
.background-green {
	background-image: url('../images/css/slider/slider-green.jpg');
}
.background-orange {
	background-image: url('../images/css/slider/slider-orange.jpg');
}
.fadeIn {
	z-index: 1;
	opacity: 1
}
	/* end slider*/
/* content */
.content {
	padding-top: 10px;
}
    /* article home*/
.article, .window-card {
	background: #FFF;
	padding: 10px 20px 20px;
	margin: 0 0 40px;
	-webkit-box-shadow: #888 0 2px 1px 0px;
	-moz-box-shadow: #888 0 2px 1px 0px;
	box-shadow: #888 0 2px 1px 0px;
	margin-top: -5px;
}

.home-page .article, .home-page .window-card, .categorie-page .article, .categorie-page .window-card {
	padding: 0 0px 20px 20px;
	margin-top: 0px;
}
.home-page .third-column {
	width: 100%;
	float: none;
}
.article {
	position: relative;
}
.article .icon-calendar {
    display: block;
    font-size: 1.8em;
    color: #888;
    padding-bottom: 15px;
}
.article header.background-image {
	background: url('../images/css/article-image-green-large.jpg') no-repeat 75px 0;
}
.article header img {
	width: 100%;
	padding-left: 75px;
	margin-top: -125px;
}
.article .date {
	font-size: 1.1em;
	text-align: center;
	float: left;
	padding-top: 30px;
	padding-right: 20px;
	width: 75px;
}
.article h2 {
	padding-left: 75px;
}
.article .background-image h2 {
	padding-left: 75px;
	padding-top: 145px;
}
.article h2 a {
	font-weight: 400;
}
.article .date span {
	display: block;
}
.article p, .window-card p {
	font-size: 1.2em;
}
.article p, .article h2 {
	padding-left: 75px;
	padding-right: 25px;
}
.article ul {
	padding-left: 75px;
	padding-right: 25px;
}
.article ul ul {
	padding-left: 40px;
}

.article .tags {
	position: absolute;
	top: 20px;
	right: -8px;
	background: #537539;
	padding: 10px 20px;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}
.article .navigateur{
	font-size: 1.7em;
	float: left;
}
.article footer {
	padding-left: 75px;
	padding-right: 25px;
	overflow: hidden;
}
.article footer a {
	float: right;
	font-size: 0.9em;
	font-weight: 300;
	margin-top: 10px;
}
.article footer a span {
	font-size: 2em;
	vertical-align: middle;
}
.tools {
	text-align: center;
	padding: 0 0 20px;
	overflow: hidden;
}
.home-page .secondary-content .window-card.tools {
	padding: 0 0 20px;
}
.tools div {
	position: relative;
	width: 50%;
	float: left;
}
.tools-generator div span, .tools div span {
	position: absolute;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	font-size: 0.9em;
	font-weight: 300;
	padding: 10px;
}
	/* generator */
 .tools-generator div{
 	position: relative;
 	margin-right: 25px;
 }
	/*category-page*/
.categorie-page .article header.background-image, .categorie-page .window-card header.background-image {
	background: url('../images/css/article-image-green-large.jpg') no-repeat 75px 0;
}
.categorie-page .article header img {
	/*margin-top: -149px;*/
}
/* konami code*/
.t-rex {
	position: fixed;
	bottom: 0;
	left: -960px;
	width: 953px;
	-webkit-transition: all 2s linear;
	-moz-transition: all 2s linear;
	-ms-transition: all 2s linear;
	-o-transition: all 2s linear;
	transition: all 2s linear;
}
.t-rex.move {
	left: 100%
}
/* secondary-content + miscellanous*/
#top-commented {
	padding-right: 20px;
}
.home-page #top-commented{
	width: 100%;
    float: none;
}
#top-commented h3 {
	text-align: center;
}
aside.window-card h3 {
	text-align: center;
}
#overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
}
#overlay.appear {
	opacity: 1;
}
.show, #overlay.show {
	display: block;
}
.absolute {
	position: absolute;
}
.left {
	float: left;
}
.overflow-hidden {
	overflow: hidden;
}
#content-move {
	
	-webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: relative;
}
#content-move.back {
	-webkit-transform: rotateZ(10deg);
	-moz-transform: rotateZ(10deg);
	-ms-transform: rotateZ(10deg);
	-o-transform: rotateZ(10deg);
	transform: rotateZ(10deg);
}
#menu {
	position: fixed;
	top: 0;
	left: -285px;
	width: 285px;
	bottom: 0;
	z-index: 1;
	background: url('../images/css/background-menu.jpg') no-repeat 0 0;
	font-size: 1.3em;
	padding: 90px 0 0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
@media screen and (max-height: 710px) {
	#menu {
		overflow: hidden;
		overflow-y: scroll;
	}	
}
#menu.appear {
 	left: 0;
}
#menu.absolute {
	position: absolute;
}
#menu ul {
	padding: 0px;
}
#menu a {
	font-weight: 300;
	color: #fff;
	text-shadow: #000 0 1px 0;
	display: block;
	padding: 5px 20px;
}
#menu ul ul a {
	padding: 5px 60px;
}
#menu a:hover, #menu a:active {
	background: rgba(0, 0, 0, 0.3);
}
a#close-menu {
	position: absolute;
	top: 20px;
	right: 20px;
	font-size: 2em;
	overflow: hidden;
	height: 48px;
	padding: 5px;
}
#close-menu span{
	text-indent: -99999px;
	display: block;
}
.categorie-page .window-card.pagination, .pagination {
	float: left;
	padding: 0;
	margin: 0;
	width: 100%;
}
.home-page .pagination {
	padding: 0;
}
.pagination li {
	float: left;
	text-align: center;
}
.pagination li a {
	color: #000;
	padding: 15px 10px;
	display: block;
}
@media screen and (min-width: 480px) {
    .pagination li a {
        padding: 15px 17px;
    }
}
@media screen and (min-width: 600px) {
    .pagination li a {
        padding: 15px 23px;
    }
}
@media screen and (min-width: 768px) {
    .pagination li a {
        padding: 15px 31px;
    }
}
@media screen and (min-width: 960px) {
    .pagination li a {
        padding: 15px 25px;
    }
}
@media screen and (min-width: 1024px) {
    .pagination li a {
        padding: 15px 28px;
    }
}
@media screen and (min-width: 1140px) {
    .pagination li a {
        padding: 15px 29px;
    }
}

.pagination li a.current {
	color: #fff;
	background: #000;
}
.pagination ul {
	margin: 0;
	padding: 0;
}
.navigateur {
	color: #7a7b7a;
}
.navigateurs {
	float: right;
	font-size: 2em;
	color: #5C5C5C;
	margin-top: 40px;
}
.navigateurs span {
	padding-left: 15px;
}
.navigateur span{
	padding-right: 15px;
}
.tags .rubban {
	position: absolute;
	bottom: -8px;
	right: 0;
	border: 4px solid #304c1b;
	border-color: #304c1b transparent transparent #304c1b;
}
.tags a {
	font-weight: 300;
	color: #fff;
}
.tags a:hover {
	text-decoration: underline;
}
.secondary-content {
	margin-top: 70px;
}
.secondary-content ul {
    padding: 0;
}
@media screen and (min-width: 959px) {
	.secondary-content {
		padding-left: 35px;
		margin-top: 0;
	}
	
}
.home-page .secondary-content .window-card {
	padding: 0 20px 20px;
}
.about {
	text-align: center;
	padding: 0 20px 20px;
}
.about img {
	border-radius: 50%;
}
.about p {
	font-size: 1em;
}

/* footer */
	/* back to top button */
#back-to-top {
	background: url('../images/template/site-sprite.png') no-repeat -506px -290px;
	display: inline-block;
	width: 75px;
	height: 75px;
	color: #fff!important;
	position: fixed;
	background: #222;
	right: 80px;
	bottom: -40px;
	font-size: 2em;
	padding: 5px 22px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}
#back-to-top span.info {
	display: none;
	background: #045FB4;
	font-weight: 400;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
	padding: 15px 20px;
	width: 200px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: -80px;
	font-size: 0.5em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	text-shadow: #000 0 1px 0;
    
}
#back-to-top:hover span.info {
    display: block;
}
#back-to-top span.arrow {
    position: absolute;
	bottom: -29px;
	left: 50%;
	margin-left: -20px;
    border: 20px solid #045FB4;
    border-color: #045FB4 transparent transparent transparent;
}
	/* end back to top button */
.footer {
	text-align: center;
	font-size: 0.8em;
	font-style: italic;
	overflow: hidden;
}
.footer a {
	color: #5c5c5c;
	font-weight: 300;
}

@media screen and (min-width:1250px) {
	.background-blue, .background-red, .background-yellow, .background-purple, .background-black, .background-green, .background-orange  {
		background-size: 100% auto;
	}
}
@media screen and (min-width:960px) {
	.article header.background-image {
		background: url('../images/css/article-image-green.jpg') no-repeat 75px 0;
	}
}
/*

Pojoaque Style by Jason Tate
http://web-cms-designs.com/ftopict-10-pojoaque-style-for-highlight-js-code-highlighter.html
Based on Solarized Style from http://ethanschoonover.com/solarized

*/

pre code {
  display: block; padding: 0.5em;
  color: #DCCF8F;
  background: url(./pojoaque.jpg) repeat scroll left top #181914;
  overflow-x: scroll;
}

pre .comment,
pre .template_comment,
pre .diff .header,
pre .doctype,
pre .lisp .string,
pre .javadoc {
  color: #586e75;
  font-style: italic;
}

pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .method,
pre .addition,
pre .css .tag,
pre .clojure .title,
pre .nginx .title {
  color: #B64926;
}

pre .number,
pre .command,
pre .string,
pre .tag .value,
pre .phpdoc,
pre .tex .formula,
pre .regexp,
pre .hexcolor {
  color: #468966;
}

pre .title,
pre .localvars,
pre .function .title,
pre .chunk,
pre .decorator,
pre .built_in,
pre .lisp .title,
pre .clojure .built_in,
pre .identifier,
pre .id {
  color: #FFB03B;
}

pre .attribute,
pre .variable,
pre .lisp .body,
pre .smalltalk .number,
pre .constant,
pre .class .title,
pre .parent,
pre .haskell .type {
  color: #b58900;
}

pre .css .attribute {
  color: #b89859;
}

pre .css .number,pre .css .hexcolor{
  color: #DCCF8F;
}

pre .css .class {
  color: #d3a60c;
}

pre .preprocessor,
pre .pi,
pre .shebang,
pre .symbol,
pre .symbol .string,
pre .diff .change,
pre .special,
pre .attr_selector,
pre .important,
pre .subst,
pre .cdata {
  color: #cb4b16;
}

pre .deletion {
  color: #dc322f;
}

pre .tex .formula {
  background: #073642;
}


/*google search custom*/
#___gcse_0 {
    display: none;
}
#___gcse_0 .gsc-results-wrapper-visible {
	max-height: 640px;
    overflow-y: scroll;
    margin-top: 15px;
}
#search.open, #search.open #___gcse_0 {
	display: block;
}
#___gcse_0 .cse input.gsc-search-button, input.gsc-search-button {
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	border-radius: 5px !important;
	background: #045FB4 !important;
	color: #fff !important;
	font-size: 1.1em !important;
	font-weight: 400 !important;
	font-family: 'Open Sans' !important;
	border: none !important;
	padding: 10px 15px !important;
	height: auto !important;
}
#___gcse_0 input.gsc-input {
	border-color: #045FB4 !important;
	padding: 9px 15px 10px !important;
    font-family: 'Open Sans' !important;
}
#___gcse_0 table, #___gcse_0 tr, #___gcse_0 td, table, tr, td {
    font-family: 'Open Sans', sans-serif;
}
#___gcse_0 a {
	color: #045FB4 !important;
    text-decoration: none !important;
}
#___gcse_0 a b {
	color: #000 !important;

}
#___gcse_0 .gs-result .gs-title {
	text-decoration: none !important;
	font-size: 1.25em !important;
	height: auto;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-size: inherit !important;
}
.gs-result .gs-snippet {
    font-size: 1.15em !important;
}
#search {
	display: none;
	position: absolute;
	top: 60px;
	font-size: 1.25em;
	font-weight: 300;
	height: auto;
	right: 0;
}
#search.open{
	padding-bottom: 10px;
}
.show-search {
    color: #fff;
	margin-bottom: 10px;
	display: inline-block;
}
.show-search:hover {
    color: #fafafa;
}
.popin-info {
	position: fixed;
	top: 100px;
	right: 100px;
	width: 350px;
	text-align: justify;
	font-size: 1.15em;
	background: #fafafa;
	padding: 20px 25px;
	-webkit-box-shadow: #777 0 0 3px;
	-moz-box-shadow: #777 0 0 3px;
	-ms-box-shadow: #777 0 0 3px;
	-o-box-shadow: #777 0 0 3px;
	box-shadow: #777 0 0 3px;
}
.popin-info a {
	display: inline-block;
	height: 30px;
	width: 30px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	background: #045FB4;
	position: absolute;
	top: 10px;
	right: 10px;
}
.popin-info a:hover {
	background: #333;
}
.author {
	border-top: 5px solid;
    padding: 30px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    margin-top: 30px;
    font-size: 0.9em;
}
.author img {
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    float:left;
    margin-right: 30px;
}
.author h3 {
	font-size: 2.5em;
}
.author h3 a {
	font-weight: 300;
}
.author p {
	font-size:1.25em;
}
.window-card header h2 b, .article header h2 b {
	color: #fff;
	background: #539b1d;
	padding: 5px 10px;
	margin-right: 20px;
	font-size: 0.5em;
	font-weight: 300;
	vertical-align: middle;
}

.toaster {
	width: 350px;
	padding: 0px 20px 20px;
	background: #045fb4;
	position: fixed;
	bottom: 50px;
	right: 0;
	display: none;
	border: 5px solid #045fb4;
	border-bottom: 0;
	border-right: 0;
	color: #fff;
}
.toaster a {
	color: #ccc;
}
.toaster a:hover {
    color: #000;
}
.toaster div.item {
	padding: 5px;
}

.facebook-share {
    padding: 2px 10px;
    margin-bottom: 30px;
    font-size: 1.25em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
}

.facebook-share a {
    height: 50px;
    background: url(../images/template/FB.png) no-repeat 0 0;
    display: inline-block;
    padding-left: 60px;
    padding-top: 15px;
    margin-right: 10px;
}
.related-comment {
	overflow: hidden;
}
.related-comment ul {
    padding: 0;
}
.related-comment aside.five-columns{
	margin-right: 20px;
}
.related-comment .ads{
	float: right;
}
.facebook-share a.tweet {
    background: url(../images/template/twitter.png) no-repeat 0 0;
    padding-left: 83px;
}
.facebook-share a.google {
    background: url(../images/template/googleplus.png) no-repeat 0 0;
}

.cv h3 {
	  background: none;
	  font-weight: 400;
	  font-style: normal;
	  padding: 0;
}
.cv h2 {
	margin-bottom: 6px;
}
.cv .points {
	position: absolute;
	top: 8px;
	left: 145px;
}
.cv .point {
	width: 17px;
	height: 17px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    background: #045fb4;
}
.cv .point.none {
	background: #d2d2d2;
}
.cv .competence {
	padding:4px 0;
	position: relative;
}
.cv .competence:hover {
	background: #f1f1f1;
}
.cv span {
	display: inline-block;
	width: 145px;
}
.space-45 {
	margin-top: 45px;
}
.space-20 {
    margin-top: 17px;
}
.space-140 {
    margin-top: 138px;
}
.margin-130 {
	margin-left: 130px;
}
.cv .experience {
	position: relative;
}
.cv .experience .back{
	top: 10px;
	bottom: 0;
	left: 45px;
	width: 10px;
	background: #045fb4;
	height: 100%;
	position: absolute;
	z-index: -1;
}
.cv .experience .main, .cv .experience .else {
	width: 85px;
	height: 85px;
	border: 11px solid #045fb4;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.cv .experience .else {
	width: 70px;
	height: 70px;
	border: 9px solid #045fb4;
	background: #fff;
}
.cv .chronologie-experience h2{
	margin: 20px 0 30px;
	border-top: 1px solid #ccc;
	padding-top: 40px;
}
.cv .experience .image-entreprise {
	float: left;
	width: 100px;
	overflow: hidden;
	margin-right: 30px;
}
.cv .experience article {
	margin-bottom: 20px;
}
.cv .experience article ul{
	margin-left: 130px;
	font-size: 0.8em;
}
.cv .experience article .margin-130 ul{
    margin-left: 0px;
}
.cv .experience article .entreprise {
	font-weight: 600;
}
.cv .experience article .date {
    float: right;
    color: #ccc;
}
.cv .autres h2 {
	margin: 20px 0 30px;
	border-top: 1px solid #ccc;
	padding-top: 40px;
}