@charset "utf-8";

/*

Theme Name: AFT

Theme URI: https://transhumanistes.com/

Description: Le thème de l'AFT+Technoprog.

Version: 1.0

Author: Jori Avlis

Author URI: https://e-jori.com/



The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php



*/





body {

margin:0 auto;

padding: 0;

font-family: 'PT Serif', serif;

color: #000;

background:url(images/fond.png) left top repeat-x fixed #d4e2d4;

}



a {

color:#a3bd60;

text-decoration:none;

}



a:hover {

text-decoration:underline;

}



.bigLink {

font-size:2em;

font-variant:small-caps;

font-weight:bold;

font-family: 'Roboto', sans-serif;

}



ol {

counter-reset: item;

margin-left: 0;

padding-left: 0;

}



ol li {

background: #ddeadd;

display: block;

margin-bottom:20px;

padding:15px 30px 15px 30px;

border-left:5px solid #fff;

border-top:5px solid #fff;

}



ol li:before {

display:block;

content: counter(item);

counter-increment: item;

font-size:3em;

font-weight:bold;

margin:-15px 20px 0 -30px;

background:#fff;

padding:15px;

float:left;

}



.post ul {

margin:0;

padding:0 0 20px 20px;

text-align:left;

}



.post ul ul{

margin: 10px 0px 10px 50px;

padding: 0;

}



ul {

margin: 0;

padding: 0;

}



.type-post {

position:relative;

width: 250px;height:200px;

float:left;

margin: 10px 4px 5px 3px;

background-color:#ccc;

color:#fff;

border-radius:4px;



}



.type-related {

position:relative;

width: 250px;height:170px;

margin: 5px 0 0 0;

color:#fff;

border-radius:4px;



}



.type-tag {

position:relative;

float:left;

width: 250px;height:170px;

margin: 0 20px 25px 0;

color:#fff;

border-radius:4px;



}

sup, sub {line-height:1px}

.ext-post {

width:677px;

clear:both;

padding: 12px 0 8px 0;

}



.ext-post p {

margin:0 0 0 0!important;

}



.type-related img, .type-tag img{

border-radius:4px;

}



.article-related {

margin: 10px 0 0 0;

}



.related-post {

position:relative;

width: 250px;height:170px;

float:left;

margin: 10px 4px 5px 3px;

color:#fff;



}





.entry {

font-size:1.1em;

float:left;

position:relative;

left:50px;

width:600px;

margin:0;

overflow:hidden;

}



.entry p:first-of-type:first-letter {

font-size:4.5em;

font-weight:bold;

padding:0 4px 10px 0;

float:left;

color:#306a30;

margin:-20px 0 0 0;



}



.entryHome {
float:left;
position:relative;
left:50px;
width:640px;
margin:0;
overflow:hidden;
}



.entryPaged {

position:relative;

left:50px;

width:930px;

margin:0;

overflow:hidden;

}



.entryForum {

position:relative;

left:50px;

width:900px;

margin:0;

overflow:hidden;

}



.entryPaged .homePrev {

margin-right:14px!important;

}



#enTete {

margin: 30px 50px 10px 50px;

position:relative;

}



#enTeteDesc {

font-style:italic;

font-size:1.7em;

line-height:1.3em;

}



#metaEnTete {

font-family: 'Roboto', sans-serif;

border-top:1px solid #dedede;

border-bottom:1px solid #dedede;

font-size:0.8em;

line-height:40px;

color:#aaa;

}



.EnTeteFB,.EnTeteTwit,.EnTetePlus, .fb-like {

float:left;

}



.fb-like {

margin:0 20px 0 0;

}



.fb-follow, .EnTetePlusG {
margin:0 10px;

}


.prez {

display:inline-block;

font-size:1.3em!important;

font-variant:small-caps;

font-weight:bold;

margin:0;

}





#metaRight {
display:inline-block;
position:absolute;
line-height:10px;
margin-top:10px;
}



#metaEnd {

display:inline-block;

line-height:10px;

margin-top:20px;

}



.author {

display:block;

margin:20px 0 0 0;

border-top:1px solid #dedede;

padding:10px 0;

position:relative;

}



.author-link {

display:block;

font-size:1.5em;

font-family: 'Roboto', sans-serif;

font-variant:small-caps;

font-weight:bold;

}



.authorinfo {

font-size:0.9em;



}



.author-arch {

display:block;

margin:20px 0 0 0;

min-height:100px;



color:#000000;

font-family:"PT Serif", serif;

font-size:0.7em!important;

line-height:1.3em;

font-style:normal;

padding:10px 0;

position:relative;

}



.avatar {

float:left;

margin: 0 10px 0 0;

}







.authorEntry {

font-weight:bold;

}





.dataHome {

padding: 0 10px;	

}











.tag-caption img {

margin: 0;

padding: 0;

border: 0 none;

}



.tag-caption p {

margin: 0;

padding: 0;

border: 0 none;

}





#nav-logo {

width:82px;

height:50px;

}



header {

padding: 0;

height:53px;

width:1000px;

margin: 0 auto;

font-weight:bold;

font-size:15px;

line-height:16px;



}



.menu-navigation-container {

position:absolute;

top:0;

left:85px;

width:600px;

}



#searchform {

padding: 5px 3px;

position:absolute;

top:10px;

left:700px;

}



#searchform #s {

width: 125px;

padding: 3px 6px 3px 30px;

background:#dedede url(images/loupe.png) no-repeat left top;

font-size:15px;

font-weight:bold;

letter-spacing:-1px;

color:#777;

border:none;

border-radius:5px;



}



.assistive-text {display:none;}





#menuHeader {

background-color:#fff;

height:53px;

z-index:4;

position:fixed;

width:1000px;

border-bottom:1px solid #dedede;

font-family: 'Roboto', sans-serif;

}



#menuHeader ul {

list-style-type:none;

position:absolute;

top:19px;

}



#menuHeader li {

border: 0;

display: inline-block;

position: relative;

margin-right:8px;

margin-left:9px;

}



#menuHeader ul a{

color:#000;

display:inline-block;

text-decoration: none;

}



#menuHeader ul a:hover {

text-decoration: none!important;

border-bottom: 2px solid black;

}







#adhesion-link a{

position:absolute;

top:19px;

right:0;

color:#a3bd60!important;

line-height:16px;

text-decoration: none;

}

#adhesion-link a:hover {

text-decoration: none;

border-bottom: 2px solid #a3bd60;

}







#headercontent {

color:#aaa;

font-size:0.9em;

width:960px;

text-align:right;

line-height:38px;

padding:0 20px;

}



#headercontent p {

margin:0;

color:#5aa05a;

font-weight:bold;

font-family:Roboto, sans-serif;

}



#bcAFT a{font-weight:normal;}

#bcArticle {font-weight:normal;}

#bcCat {font-weight:normal;}



#page {

position:relative;

background-color: #fafbf7;

width: 998px;

margin: 0 auto;

border:1px solid #dedede;

padding:0 0 20px 0;

}



#grand-satan {

margin-top: 10px;

}

#adsense-thematique {

margin : 0 auto;

padding-top: 10px;

width: 730px;

}



.sidebar {

width:270px;

float:right;



line-height:1.2em;

text-align:left;

margin:20px 50px 0 0;

}



.sidebar p {

margin:0 0 10px 0;

}



.sidebar section {

margin-bottom:30px;

}



.sidebar form {

margin: 0;

}

.textwidget a {

font-size:1.2em;

font-variant:small-caps;

font-weight:bold;

font-family: 'Roboto', sans-serif;

}



.sidebar h2 {

margin:0 0 5px 0;

padding: 0;

font-size: 1.3em!important;

line-height:1.2em!important;

color:#306a30;

}





.alt {

}



#feedrss {

background:transparent url(images/feed.png) no-repeat 0 -65px;

display:block;

height:65px;

margin:0;

width:60px;

float: right;

}





#feedrss a {

background:transparent url(images/feed.png) no-repeat left top;

display:block;

height:65px;

margin:0;

width:60px;

}



#feedrss a:hover {

	background-image: none;

}







/* End Headers */



h1,h2,h3,h4,h5 {

text-align:left;

font-family: 'Roboto', sans-serif;

}



h1 {

font-size:2.9em;

line-height:1.2em;

}



h2 {

font-size: 2em;

line-height:1.2em;

margin-bottom:0;

}



h3 {

font-size: 1.8em;

line-height:1.2em;

margin-bottom:0;

}

h4 {

font-size: 1.6em;

line-height:1.2em;

margin-bottom:0;

}

h5 {

font-size: 1.4em;

line-height:1.2em;

margin-bottom:0;

}



#logo {

padding-top: 42px;

margin: 0;

font-size:42px;

font-variant:small-caps;

font-weight:bold;

height:65px;

color:#aaa;

}



#logo a {

color: #000;



}



#logo a:hover{

color: #008bfd;

}









small, .nocomments, .postmetadata, blockquote, strike {

color: #777;

}

code {

font: 0.8em 'Courier New', Courier, Fixed;

}

acronym, abbr, span.caps {

font-size: 0.8em;

}











.post {

padding:0;

margin: 0;

text-align: justify;

position:relative;

top:6px;

width: 1000px;

margin: 0 auto 6px auto;

border-right:5px solid #fff;

border-left:5px solid #fff;

border-bottom:5px solid #fff;

}



#topTitre {

position:relative;

padding:0;

}



#topTitre h1 {

margin: 20px;

color:#000;

font-size:2.9em;

line-height:1.2em;

text-align:center;

}



#topTitre .wp-caption{

background-color:#fff;

}



#topTitreHome,#topTitreCat {

position:relative;

padding:0;

}



#topTitreHome .wp-caption,#topTitreCat .wp-caption{

position:relative;

background-color:#fff;

}



#bigLogo {

position:absolute;

top:10px;

left:75px;

}



#topTitreHome h1 {

color:#000;

font-size:30px;

line-height:30px;

position:absolute;

top:165px;

left:100px;

margin:0;

text-align:left;

width:850px;

text-shadow:

#fafbf7 2px 2px 0px,

#fafbf7 -2px 2px 0px,

#fafbf7 2px -2px 0px,

#fafbf7 -2px -2px 0px;

}



#topTitreCat h1 {

color:#000;

font-size:70px;

line-height:70px;

position:absolute;

top:175px;

left:100px;

margin:0;

text-align:left;

width:850px;

text-shadow:

#fafbf7 2px 2px 0px,

#fafbf7 -2px 2px 0px,

#fafbf7 2px -2px 0px,

#fafbf7 -2px -2px 0px;

}





#butAdh {

display:block;

border-radius:8px;

border:4px solid #000;

background-color:#fff;

color:#000;

padding: 5px 9px 6px 9px;

font-size:20px;

line-height:24px;

font-weight:bold;

position:absolute;

top:215px;

right:100px;

font-family: 'Noto Sans', sans-serif;

}



a:hover#butAdh {

text-decoration:none;

background-color:#c6f6ac;

}


#homeTH {

font-size:70px;

line-height:70px;

}



#accroche p{

margin:0 20px;

}

.colorNom {color:#c6f6ac;}

.colorAFT {color:#043406;}

.colorTechnoprog {color:#5aa05a;}



.homeDerniers {

margin:20px 0 10px 0;

}



.homeTitres {

font-family: 'Roboto', sans-serif;

font-weight:bold;

position:absolute;

top:15px;

left:20px;

color:#fff;

width:580px;

font-size:2.2em;

text-shadow: 

2px 2px 0px #000,

-2px 2px 0px #000,

2px -2px 0px #000,

-2px -2px 0 #000;

}



.post hr {

display: block;

}





#infoutiles {

border-top:1px solid #000;

border-bottom:1px solid #000;

margin: 10px 0 0 0;

padding: 0;

}





.clear { 

clear: both; 

}

hr.clear {

border: 0px solid;

}

#footer {

height:55px;

line-height:55px;

font-size: 1em;

font-weight:bold;

color:#3f893f;

background-color:#163716;

margin: 0;

clear: both;

text-align:center;

width:1010px;

margin:0 auto;

font-family: 'Roboto', sans-serif;

}



.couleur {

color:#a3bd60;

}



#footer a {

color: #fff;

}

#footer a:hover {

color: #a3bd60;

}



.textfoot {

display:inline-block;

margin:0 10px;

}



/* Begin Images */

p img {

padding: 0;

max-width: 100%;

}







.alignrightnav {

float: right;

}

.alignleftnav {

float: left;

}



.separation-post {

padding-bottom: 70px;

margin-bottom: 20px;

background: url("images/banc.jpg") no-repeat bottom center;

}

.entry form {

/* This is mainly for password protected posts, makes them look better. */

text-align: center;

}

select {

width: 130px;

}









/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

cursor: help;

}

acronym, abbr {

border-bottom: 1px dashed #999;

}

blockquote {

padding:80px 0 0 110px;

font-style:italic;

font-size:1.2em;

line-height:1.3em;

margin:0;

text-align:left;

}



blockquote::before {

content:"”";

font-size:240px;

display:block;

margin-bottom:-110px;

margin-right:-120px;

margin-left:-120px;

font-family: 'Noto Sans', sans-serif;

font-style:italic;

color:#ddeadd;

}



blockquote p:first-of-type:first-letter {

color:inherit!important;

font-size:inherit!important;

float:none!important;

padding:0!important;

font-style:italic!important;

font-weight:normal!important;

font-size:inherit!important;

line-height:inherit!important;

margin:0!important;

}



.center {

text-align: center;

}

.hidden { 

display: none; 

}

hr {

display: none;

}

a img {

border: none;

}

.navigation {

display: block;

margin:10px 40px 10px 20px;

font-size:1.3em;

font-weight:bold;

font-variant:small-caps;

text-align:right;

font-family: 'Roboto', sans-serif;

color:#dedede;

}



.navigation-sidebar {

display: block;

margin:20px 0;

font-family: 'Roboto', sans-serif;

font-size:1.4em;

font-weight:bold;

font-variant:small-caps;

text-align:right;

}





/* End Various Tags & Classes*/



.postimgs {

float: right;

width: 500px;

margin-left: 10px;

text-align: center;

padding: 0px 10px 0 0;

border: 1px solid #ddd;

}



.postimgs h2 {

margin: 0;

padding: 10px 0 0 0;

}



.postimgs h3 {

margin: 0 0 5px 0;

padding: 0;

}









figure {

display:table;

margin:0;

}



figcaption {

padding:0;

text-align:left;

display:table-caption;

caption-side:bottom;

color:#aaa;

font-size:1em;

line-height:1.2em;

}

.alignnone {

margin:0;

padding:0;

border:0 none;

}



.alignright {

float: right;

padding:0;

margin-left:15px;

}

.alignleft {

float: left;

padding:0;

margin-right:15px;

}



.aligncenter {

margin: 0 auto;

padding:0;

}





#commentaires {

margin:0 0 0 50px;

width:600px;

text-align:left;

}



#commentaires .entry-content {

border-top:1px solid #dedede;

margin-top:20px;

padding-top:20px;

text-align:center;

font-family: 'Roboto', sans-serif;

font-size:1.5em;

font-variant:small-caps;

font-weight:bold;

}



.fn {

font-family: 'Roboto', sans-serif;

font-variant:small-caps;

font-size:1.6em;

}



.reply {

font-family: 'Roboto', sans-serif;

font-variant:small-caps;

margin-top:5px;

font-weight:bold;

}



#reply-title {

font-size:1.5em;

}



#respond {

border-top:1px solid #dedede;

margin-top:20px;

padding:0 0 40px 0;

}



#comments-title {

font-size:1.5em;

}



#commentform textarea {

width: 96%;

padding: 2%;

}

#commentform #submit {

margin: 0;

float: right;

cursor:pointer;

}



.odd {

background-color:#cddecd;

}



.depth-2, .depth-3, .depth-4, .depth-5 {

margin-right:-30px;

}

.commentlist li .avatar {

float: right;

border: 1px solid #282634;

padding: 2px;

background: #f9e9c6;

margin:0;

}

.commentlist p {

margin: 10px 0 0 0;

}

#commentform p {

margin: 5px 0;

}

.nocomments {

text-align: center;

margin: 0;

padding: 0;

}

.commentmetadata {

margin: 0;

display: block;

}



.children {

margin:10px 0 0 0!important;

padding:0!important;

}

.commentlist cite, .commentlist cite a {

font-weight: bold;

font-style: normal;

}



.says {

font-size:0.9em;

}



.commentmetadata {

font-size:0.9em;

}













.video-container {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

	border-top:10px solid #000;

}



.video-container iframe,  

.video-container object,  

.video-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}









#actulettre {
width:1010px;
height:95px;
margin:0 auto;
background-color:#306a30;
position:relative;
font-family: 'Roboto', sans-serif;
}

p.abonnement {
line-height:95px;
color:#fff;
margin:0;
font-weight:bold;
font-size:1.5em;
width:400px;
position:absolute;
top:0;
left:60px;
}

.php_wysija form {
width:500px;
margin:0;
position:absolute;
right:50px;
top:34px;
}
.wysija-input {
width:275px;
border:none;
border-radius:4px;
color:#777777;
font-size:1em;
font-weight:bold;
padding:5px 15px 5px 15px;
position:absolute;
top:0;
right:155px;
}

.wysija-submit {
display:inline-block;
cursor:pointer;
margin:0 0 0 10px!important;
position:absolute;
top:0;
right:0;
border:none;
border-radius:4px;
color:#306a30;
background-color:#fff;
font-size:1em;
font-weight:bold;
padding:5px 15px 5px 15px;
}



.yarpp-related h3 {

font-size:1.8em;

margin:10px 0;

text-align:center;

color:#306a30;

}



.rapport{



border-bottom:5px solid #dedede;

padding:0 0 10px 0;

margin:0 0 20px 0!important;

}



.rapport a{

text-decoration:none;

color:#000;

}







.rapport img{

margin:0 0 12px 0;

}



.rapport p{

margin:5px 0 10px 0;

}



.homePrev {

position:relative;

float:left;

padding:0;

margin:0 20px 20px 0!important;

border-bottom:5px solid #dedede;

height:265px;

}



.homePrev a{

text-decoration:none;

color:#fff;

}



.homePrev h2{



width:290px;



font-size:1.2em;

line-height:1.1em;

color:#000;

margin:3px 0 20px 0;

}



.homePrev img{

margin:0;

}





.homeUne {

border-bottom:5px solid #dedede;

padding:0 0 10px 0;

margin:20px 0 20px 0!important;

width:600px;

}



.homeUne a{

position:relative;

display:block;

text-decoration:none;

color:#fff;

}



.homeUne h2{

color:#000;

margin:10px 0 15px 0;

font-size:2.2em;

line-height:1.1em;

}



.homeUne img{

margin:0;

}



.homeUne p{

margin:0px 0 10px 0;

font-size:1.1em;

}


.smalLink {
font-variant:small-caps;
display:inline-block;
margin:5px 0 0 10px;
}


.ulysse-reactif, .ulysse-reactif-content,.ulysse-reactif-fin, .ulysse-cat-tag { width: 320px; height: 50px; }

@media(min-width: 500px) { .ulysse-reactif, .ulysse-reactif-content, .ulysse-reactif-fin, .ulysse-cat-tag { width: 468px; height: 60px; } }

@media(min-width: 800px) { .ulysse-reactif, .ulysse-reactif-content, .ulysse-reactif-fin, .ulysse-cat-tag { width: 728px; height: 90px; } }

@media(min-width: 1000px) { .ulysse-reactif, .ulysse-reactif-content, .ulysse-reactif-fin, .ulysse-cat-tag { width: 970px; height: 90px; } }