/*   
Theme Name: Cerveau
Theme URI: http://moncerveaualecole.com
Description: Quelques éléments de sciences cognitives pour les enseignants et les parents.
Author: Mdemrs + Monkey Do! + @ckhicks
Author URI: http://mdemrs.fr
Version: 4.0
*/
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
/* * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }*/

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/*--------retire img width:auto car incompatible avec editeur texte-----*/
img,object,embed {max-width: 100%; height: auto; box-sizing:border-box;}
a {text-decoration: none;}

/* 
-------------------------------------------------------------------------------*/
html{height:100%;}
body {font-size: 100%;font-family:'Quicksand', sans-serif;}
p, .entry-content ul{font-family:Georgia, serif;font-weight:normal;}

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color:#333333;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}

/*  j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* les couleurs :
menu
home    vert        #375f36 cat 1   55,95,54
labo    bleu        #00529c cat 4   0,82,156
cerveau violet      #4a106b cat 5   74,16,107
bebe    rose        #b30064 cat 6   179,0,100
langage orange      #ff7300 cat 7   255,115,0
lecture vertbleu    #33b6a5 cat 8   51,182,165
calcul  rouge       #f00100 cat 9   240,1,0
dys anis            #99bf03 cat 10  153,191,3
jeux    bleu clair  #03b9fc cat 11  3,185,252
vidéos              #003333 cat 31  0,51,51

blanc #FFF
gris clair de fond #FAFAFA
gris souris de bordure #CCC
gris noir de titre #333333
gris charbon  #4F4F4F

*/
/*------------------------------page accueil------- et MENU -------------------------------------------------------*/
body{
background-color: rgb(30,87,153); /* Old browsers */
background: rgb(30,87,153); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(30,87,153,1) 0%, rgba(3,147,209,1) 55%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(30,87,153,1)), color-stop(55%,rgba(3,147,209,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(3,147,209,1) 55%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(3,147,209,1) 55%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(30,87,153,1) 0%,rgba(3,147,209,1) 55%); /* IE10+ */
background: linear-gradient(to right,  rgba(30,87,153,1) 0%,rgba(3,147,209,1) 55%); /* W3C */
}
#page-wrap-accueil p {color:white;letter-spacing:0.1em;}
/* styles for desktop */
.tinynav { display: none }
.consec a { visibility: hidden;}
.consec:hover a{visibility:visible;}
/*---------------menu accueuil parallax-------------*/
body.home{height: 100%;}
.home #menu {width:100%;}
body.home h2 {
   font-size: 40px;
   color: #fff;
   margin: 0;
   padding: 0.5rem;
   background-color: #4F4F4F;
   text-align: center;
}
.bloc20{
    background-color: #4F4F4F;
}
.bloc20 ul li a{
    color: white;
    display: block;
    font-size: 2em;
    font-weight: 300;
    height: 100%;
    line-height: 5em;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
body.home .droite{
    font-size: 0.8rem;
    width: 80%;
    float: left;

}
body.home .gauche, .illustr{
    float: left;
    width: 10%;
    padding-right: 1%;
}
#accueil1, #accueil2{ width: 100%; }
.menu-accueil-container{
    margin-left: 2%;
}
#accueil1,#accueil3{min-height: 100%;}
#accueil1{
    color: #fff;
    margin: 0;
    background-size: cover;
}
#accueil1 .content{padding:2em 0;}
#accueil2{
    height :auto;
    background-color: #F2F2F2;
    color: #333333;
    margin: 0 auto;
    overflow: hidden;
}
#accueil2 img{ width: 100%; max-height: 100%}
.artaccueil{
    padding: 2% 1%;
}
#accueil3{
    background-image: url(_/img/fillelettres.jpg);
    background-repeat:no-repeat;
    background-color: #F2F2F2;
    background-size:50%;
    background-position:center;
    color: #00529c ;
    overflow: hidden;
    display: block;
    max-width: auto;
}
body.home #accueil1 p{margin-left: 2.5%;}
body.home .copyr { color: #333333; margin-top: 447px;}
/*-----------FIN PARALLAX--------------*/

#page-wrap-accueil {width: 90%; margin: 8em auto;}
.menu-accueil-container {width:100%;}
.menu-accueil-container ul li, .bloc20 { display: inline-block; margin: 0.5%; width: 23%;letter-spacing: 0.1em;}
.menu-accueil-container ul li img { height:100%; max-height:none; overflow:hidden;}
.menu-accueil-container ul li a {display: block; width:100%; height: 100%; color: white;line-height:5.2em;font-size: 2em;overflow:hidden;text-align:center;font-weight: 300; }
li.bloc2b a, li.bloc4b a, li.bloc10 a {text-indent: -5000px;}
.menu-accueil-container .bloc10 {background-image: url("_/img/logo/logoAccueil.png");background-position: center; background-repeat: no-repeat}
.menu-accueil-container .bloc:hover, .bloc20:hover {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
          border:0;
        box-shadow: 0.3em 0.3em 0.1em #000;}
.bloc, .bloc10, .bloc2b, .bloc4b { 
    float: left;
    transition: linear;
    -moz-transition: linear; /* Firefox 4 */
    -webkit-transition: linear; /* Safari and Chrome */
    -o-transition:linear; /* Opera */}
.bloc1, .cat-labo {background-color: #00529c;}
.bloc2, .cat-cerveau {background-color: #4a106b;}
.bloc2b {background-image: url("_/img/enfants.png");background-repeat:no-repeat;background-color:#375f36;}
.bloc3, .cat-bebe {background-color: #b30064;}
.bloc4b {background-image: url("_/img/enfantblabla.png");background-repeat:no-repeat;background-size:auto 200px;background-color:#375f36;}
.bloc4, .cat-langage {background-color: #ff7300;}
.bloc5, .cat-lecture {background-color: #33b6a5;}
.bloc6, .cat-calcul {background-color: #f00100;}
.bloc7, .cat-dys {background-color: #99bf03;}
.bloc8, .cat-jeux {background-color: #03b9fc;}
.bloc9, .cat-videos {background-color: #003333;}
.cat-medias {background-color: #CAC8C8;}
.cat-non-classe {background-color: #909090;}
.logob img{height:100%;max-height:none;overflow:hidden;padding-left:4em;}

/*------------------------MAIN MENU----------------border-left: 2px solid #33b6a5;--------------------------*/
#menu-mainmenumobile,#menu-accueilmobile{display:none;}
#menu-main-nav {text-align: center;}
#menu-main-nav, #menu-main-nav ul, #menu-main-nav li, #menu-main-nav a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    color:white;
} 
#menu-main-nav li {
    position: relative;
    float: left;
    display: block;
    height: 40px;
    width: 11%;
}
#menu-main-nav li a {
    display: block;
    padding: 0 14px;
    margin: 6px 0;
    line-height: 28px;   
}
#menu-main-nav li.bloc1,#menu-main-nav li li.bloc1:hover a{background-color: #00529c;}
#menu-main-nav li.bloc2,#menu-main-nav li li.bloc2:hover a{background-color: #4a106b;}
#menu-main-nav li.bloc3,#menu-main-nav li li.bloc3:hover a{background-color: #b30064;}
#menu-main-nav li.bloc4,#menu-main-nav li li.bloc4:hover a{background-color: #ff7300;}
#menu-main-nav li.bloc5,#menu-main-nav li li.bloc5:hover a{background-color: #33b6a5;}
#menu-main-nav li.bloc6,#menu-main-nav li li.bloc6:hover a{background-color: #f00100;}
#menu-main-nav li.bloc7,#menu-main-nav li li.bloc7:hover a{background-color: #99bf03;}
#menu-main-nav li.bloc8,#menu-main-nav li li.bloc8:hover a{background-color: #03b9fc;}
#menu-main-nav li.bloc9,#menu-main-nav li li.bloc9:hover a{background-color: #003333;}

#menu-main-nav li li.bloc a {background-color:#E8E8E8;color: #333;}
#menu-main-nav li:first-child a { border-left: none; }
#menu-main-nav li:last-child a{ border-right: none; }
#menu-main-nav li li:hover a{color: white;}
#menu-main-nav ul {
    position: absolute;
    top: 40px;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .25s ease .1s;
    -moz-transition: opacity .25s ease .1s;
    -o-transition: opacity .25s ease .1s;
    -ms-transition: opacity .25s ease .1s;
    transition: opacity .25s ease .1s;
} 
#menu-main-nav li:hover > ul { opacity: 1; }
#menu-main-nav ul li {
    height: 0;
    overflow: hidden;
    padding: 0;
    width: auto;
    -webkit-transition: height .25s ease .1s;
    -moz-transition: height .25s ease .1s;
    -o-transition: height .25s ease .1s;
    -ms-transition: height .25s ease .1s;
    transition: height .25s ease .1s;
} 
#menu-main-nav li:hover > ul li {
    height: 36px;
    overflow: visible;
    padding: 0;
}
#menu-main-nav ul li a {
    width: 250px;
    padding: 2%;
    margin: 0;
    border: none;
} 
#menu-main-nav ul li:last-child a { border: none;}
#menu-main-nav li:nth-last-child(-n+2)> ul {
left: auto;
right: 1%;
margin-left: 0;
margin-right: -1px; 
}
/*-------------------------------------------------------Header-----------------------------------------------------------*/
#page-wrap {width: 100%; margin: 0 auto -4em; background-color: #F2F2F2;}

.logo{float:left; padding: 1% 0 0.5% 1%; display: inline-block; width: 14%;}
.logo div {background: url(_/img/LogoSprite.png) no-repeat top left; list-style-type:none;}
.logo div.sprite-logoCerveau {background-position: 0 -719px; width: 140px; height: 135px;}
.logo div.sprite-logoAccueil{ background-position: 0 -164px; width: 140px; height: 135px; } 
.logo div.sprite-logoBebe{ background-position: 0 -349px; width: 140px; height: 135px; } 
.logo div.sprite-logoCalcul{ background-position: 0 -534px; width: 140px; height: 135px; } 
.logo div.sprite-logoCerveau{ background-position: 0 -719px; width: 140px; height: 135px; } 
.logo div.sprite-logoDys{ background-position: 0 -904px; width: 140px; height: 135px; } 
.logo div.sprite-logoGene{ background-position: 0 -1089px; width: 140px; height: 135px; } 
.logo div.sprite-logoJeux{ background-position: 0 -1274px; width: 140px; height: 135px; } 
.logo div.sprite-logoLabo{ background-position: 0 -1459px; width: 140px; height: 135px; } 
.logo div.sprite-logoLangage{ background-position: 0 -1644px; width: 140px; height: 135px; } 
.logo div.sprite-logoLecture{ background-position: 0 -1829px; width: 140px; height: 135px; } 
.logo div.sprite-logoMedias{ background-position: -190px 0; width: 140px; height: 135px; }
#description {float:right;font-style:italic;display: inline-block;padding:1em 1em;width:50%;}
#menu {float:right; width: 83%; display:inline-block;}
.breadcrumbs {padding-left:3em;color:#999999; font-size: 80%;}
.breadcrumbs a {color: #333333; font-weight:700;}
.breadcrumbs p{padding-bottom: 0 0}

/*-------------------------------------general----------------------------------------------------------------------------*/
/*----------les titres---line-heightX1-5--*/
h1 {
    font-size: 1.5em; /* 24 / 16 */
    margin-bottom: 1em; /* 16 / 16 */}
h2 {
    font-size: 1.313em; /* 21 / 16 */
    margin-bottom: 1.142em; /* 24 / 21 */}
h3 {
    font-size: 1.125em; /* 18 / 16 */
    margin-bottom: 1em; /* 24 / 18 */
    font-weight: 300;}
h4 {
    font-size: 1em; /* 16 / 16 */
    margin-bottom: 1.5em; /* 24 / 16 */}
h5 {
    font-size: 0.75em; /*12 /16*/
    margin-bottom: 1.5em;}
p {
    font-size: 1em; /* 16 / 16 */
    line-height: 1.5em; /* 24 / 16 */
    margin-bottom: 1.5em; /* 24 / 16 */}


/*-----------------------------------------------------------------general----------------------------------------*/
a {color: #909090;}
.shb{margin-bottom:0.5em;width: 100%;}
.yarpp-thumbnail{width:auto;height:auto;}
/*------------------------404---------------*/
.boxsearch .shb {width:50%}
.boxsearch {text-align: center}
#erreur>h2 {font-size: 900%; color: red;text-align:center;font-family: 'Bigelow Rules', cursive;padding-top:0.5em;}
#erreur>h3 {text-align:center; margin-top: -8em;}
.error404 li { margin-bottom: 1em;}
/*--------------------------print----------*/
.post-edit-link{color:red;padding:1em;margin:1em;}

fieldset a{font-style: italic; color:#191970;}

.bouton {color:#ffffff;padding: 1em;background:#3F3F3F;}

.ecrin {padding: 0.5em;}
.ecrind {background-color: white;padding: 1em 0 1em 1em;margin-bottom: 0.5em;}
.ecrindd {padding: 3em;}
.ecrinddd{background-color: #ffc953;padding: 1em 2em 1em 1em}

/*-------iframe responsive----*/
.iframe-responsive-wrapper        {
    position: relative;
}

.iframe-responsive-wrapper .iframe-ratio {
    display: block;
    width: 100%;
    height: auto;
}

.iframe-responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*-------video you tube responsive------*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*-----------------------------------------------------insertion d images dans articles---------------*/
.alignleft{float:left}
.alignright{float:right}
.aligncenter{display:block;margin:0 auto;text-align:center}
/*On style le bloc image*/
.wp-caption {
border:1px solid #CCC;
padding:10px;
background:#eee;
display: block;
max-width: 100%;}
/*Ajout d'espace pour aérer autour de l'image*/
.alignleft{margin-right:2em}
.alignright{margin-left:1em}
/*On centre l'image.*/
.wp-caption img {margin:0;padding:0;border:0 none}
/*Alignement, taille et couleur de la légende*/
.wp-caption p,.wp-caption-text {
    font-size:0.7em;
    line-height:1.6em;
    font-weight:bold;
    color:#555;
    padding:0;margin:0}
/*---------------------------------------archive categories-------------------
cf cat-catID---in page accueil---------------------------*/
.navigation {padding: 0 2em;}
.next-posts {}
.prev-posts {float: right;}
.category-dys h1{margin-left: 0.5em}
/*----------------------------------------------------------SINGLE----POSTS-------------------*/
.category #contenu, .archive #contenu{background-color: #F7F7F7}
#contenu {width: 74%;float:left;margin-top: 0.5em;margin-left: 1%;background-color: #FFF;padding-bottom: 3em;}
#contenu,#les-ajouts  {border-top: 0.3em solid #CCC; border-right:0.3em solid #CCC;}
.larticle{width:73%;float:right; display:inline-block;}
.sup { margin-top : 1em;}
#contenu > article > div.infoarticle > footer > div.sommaire{margin-top: 2em;}
.sommaire{overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;}
.sommaire li{font-size:0.7em;}
.sommaire ul {list-style: disc inside;background-color: #F7F7F7; padding:1em;border-radius: 5px}
.champ_plus{border: 0.1em solid #B6B6B6;}
legend{font-size: 110%;}

.blocpad {padding: 1em; color:white;}
.blocmar {margin: 0 1em;}
.blocpaddd {padding: 0.5em;padding-left: 1em;height:2em;color: white;}
.blocali {text-align: justify;}
.nav-single{font-size:80%;}
.nav-next{float:right;}
.boite{
    width: 30%;
    background-color: #EDEDED;
    margin: 1em;
    padding: 1em;
    font-size: 0.7em;
    line-height: 1em;
    float: right;
}
/*-----------------------------meta-----------------------------------------*/
.infoarticle{width:25%;display:inline-block; border-right:0.1em solid #CCC;}
.vcard img{float:left;margin: 0.5em 0.5em 0 0}
.author .vcard p {text-align: justify; }
.bloccat{
    margin : 1em ;
    padding: 0.5em 1em;
    font: 0.7em Arial;
    border-radius:50%;
    border:none;
    white-space:nowrap;
}
.bloccat a{color:#fff;text-align: center; display:block;
overflow: hidden;
-o-text-overflow: ellipsis; 
text-overflow: ellipsis; }
.bloccat a:hover{color:black;}
/* --------------------------------------lesajouts--sidebar-de-droite--sidebar-laune-top-news--sidebar-col-gene*/
div#nav_menu-4.widget.widget_nav_menu{background-color:#FFC953;}
div#nav_menu-4.widget.widget_nav_menu a{color: black;}
div#nav_menu-4.widget.widget_nav_menu:hover{background-color:#00529c;}
div#nav_menu-4.widget.widget_nav_menu a:hover{color: white;}
#lecontenu{width: 100%;margin: 0 auto;}
#les-ajouts #recent_posts_in_cat-2{background:rgba(246, 220, 18, 0.67);
border: 2px dashed black;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
font-size: 1em;
transform:rotate(8deg);
-ms-transform:rotate(8deg); /* IE 9 */
-moz-transform:rotate(8deg); /* Firefox */
-webkit-transform:rotate(8deg); /* Safari and Chrome */
-o-transform:rotate(8deg); /* Opera */
text-align: center;
width: 80%;
margin: 0 auto;
box-shadow: 0 0 0 4px #F6DC12, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
}
#les-ajouts h2 {margin-top:1em;margin-bottom:0;}
#les-ajouts #recent_posts_in_cat-2 h3, #les-ajouts #recent_posts_in_cat-2 a{color: black;}
#les-ajouts #recent_posts_in_cat-2 a:hover {color: white;}
#les-ajouts{width: 22%;float:left;margin-top:0.5em;margin-left: 1%; margin-right:1%;color:white;background-color: #F3F3F3;}
.try{background-color:#d7dddb;position: absolute;padding: 2em;text-align:left;}
/*.main {cursor: help;font-style: italic; color: blue;}*/
#les-ajouts .widget, .blocwidget,#recent_posts_in_cat-2 > div {border-bottom: 0.1em solid #CCC; padding: 1em; background-color: #F7F7F7; color:black;margin-bottom:0.5em;}
#listauteurs{padding: 1em 0}

#recent-posts-2 > ul{ list-style-type: disc;}

#col-article h2 {font-size: 1.2em;list-style: none;}
#sidebar-chapitre {margin: 1em; padding:1em}
#sidebar-chapitre.co-labo{background-color:rgb(0,82,156);}
#sidebar-chapitre.co-cerveau{background-color:rgb(74,16,107);}
#sidebar-chapitre.co-bebe{background-color:rgb(179,0,100);}
#sidebar-chapitre.co-langage{background-color:rgb(255,115,0);}
#sidebar-chapitre.co-lecture{background-color:rgb(51,182,165);}
#sidebar-chapitre.co-calcul{background-color:rgb(240,1,0);}
#sidebar-chapitre.co-dys{background-color:rgb(153,191,3);}
#sidebar-chapitre.co-jeux{background-color:rgb(3,185,252);}
#sidebar-chapitre.co-medias{background-color:rgb(0,51,51);}



.titre-co-4,.titre-labo h1, .titre-labo h2, .titre-labo h2 a, .titre-labo h3 {color: #00529c;}
.titre-co-5,.titre-cerveau h1, .titre-cerveau h2, .titre-cerveau h2 a, .titre-cerveau h3{color: #4a106b;}
.titre-co-6,.titre-bebe h1, .titre-bebe h2, .titre-bebe h2 a, .titre-bebe h3{color: #b30064;}
.titre-co-7,.titre-langage h1, .titre-langage h2, .titre-langage h2 a,.titre-langage h3{color: #ff7300;}
.titre-co-8,.titre-lecture h1,.titre-co-21,.titre-co-22, .titre-co-23, .titre-co-23 a,.titre-lecture h2, .titre-lecture h2 a,.titre-lecture h3{color: #33b6a5;}
.titre-co-9,.titre-calcul h1, .titre-calcul h2, .titre-calcul h2 a, .titre-calcul h3{color: #f00100;}
.titre-co-10,.titre-dys h1,.titre-co-15,.titre-co-16, .titre-co-17,.titre-co-18,.titre-co-19, .titre-co-20, .titre-dys h2, .titre-dys h2 a, .titre-dys h3{color: #99bf03;}
.titre-co-11,.titre-jeux h1, .titre-jeux h2, .titre-jeux h2 a, .titre-jeux h3{color: #03b9fc;}
.titre-co-31,.titre-medias h1, .titre-medias h2, .titre-medias h2 a .titre-medias h3 {color:#003333;}

#category_parent{width:100%;}
/*--------------------Entry content------------------*/

#contenu h1:first-child{font-size: 2em; font-weight: 400; line-height: 1em; width:100%;padding-top:1em;text-align:left;margin-bottom:0;}
.ladate{font-size: 0.7em;padding-top: 0.3em;}
.entry-content h2{font-size:2em;}
.entry-content #hautarticle {text-align: justify;}
.entry-content {padding: 0.5em;line-height:2em;margin: 0 1.5em;}
.entry-content #hautarticle ul {margin-left: 1em;}
.entry-content li {margin-left: 2em;}
.entry-content ul ul{margin-left :3em;}
.entry-content li li {margin-left: 4em;}
.entry-content li.point{list-style-type: disc;}
#accordion_resizer {
width: auto;
height: auto;
margin-bottom:1em;
}
#accordion_resizer a{color: #909090;}
#accordion_resizer a:hover{color: #333;}

/*-----------------------------------------pages archive-auteurs-categories-tags-construction------------*/
.archive .category-audios a:nth-child(2){display: none}

.colt h2 {font-size: 2em; font-weight: 300; letter-spacing: 0.1em; line-height: 1em;}/*titre dans page cat*/
.articlecat h2{font-weight: 400;}
.topcatimg {float: left; margin-right: 1em;}
.topcatimg img{border:0.1em solid #CCC; width: 100px;}

.articlecat a{font-weight:300;}
.articlecat a:hover{font-weight:400;}
#auteurinfo {float: left;}
#author{width:100%;}
.articlecat .type-post{font-size:90%;}
.nomauteur {font-size: 3em; margin-top: 0.5em;line-height: 1em;}
.auteur a {font-size: 1em;}
.labioauteur{text-align:justify; margin:0 2em}
.pinblk{color:black;}
#descriptif select{width:50%; padding: 0.3em;}

.pageauthor{background-color: #FAFAFA; margin: 2%;}
.authorAvatar{float: left; margin-right: 0.5em; width: 30%;}
.authorInfo{float: left; width: 66%}

.imgaut{float:left; width:30%;}
.bioaut{line-height: 1.5em;}
#biblio{width:100%;}
#biblio th, #biblio td { width:50%; padding: 0.4em; vertical-align:middle;}
#biblio tr {border-bottom: 1px solid #4F4F4F;}
#bicat {text-align:center;}

html.construction, body.construction { height: 100%;}
/*----------------------------------------organisation des articles*/
#toparticleimg {display:inline-block;width:100%}
.toc_widget {background-color:white; padding:1em;margin: 1%; width: 40%; float: left;}
.illustration{margin:0 auto;height: auto; max-width:100%; width: 50%;}
#hautarticle ul{list-style:disc;}
#col-article li a{color:white;}
#col-article li a:hover{color:#000;}
#toparticleimg fieldset ul ul li {margin:0.1em 0}
#accordion {padding:0.2em;background-color: rgba(175,175,175,0.5);}
/*----------articles similaires----*/
.yarpp-thumbnails-horizontal .yarpp-thumbnail > img, .yarpp-thumbnail-default {
height: auto;
margin: 0 auto;
}
/*-------------formulaires-----------*/
button,
input,
select,
textarea {
  background-color: #f7f7f7;
  border-radius: 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input {
  line-height: normal;
}

input,
textarea {
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */
  border: 1px solid #eaeaea;
  border: 1px solid rgba(51, 51, 51, 0.1);
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
}

input:focus,
textarea:focus {
  background-color: #fff;
  border: 1px solid #c1c1c1;
  border: 1px solid rgba(51, 51, 51, 0.3);
  color: #333;
}

input:focus,
select:focus {
  outline: 2px solid #c1c1c1;
  outline: 2px solid rgba(51, 51, 51, 0.3);
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
  opacity: .5;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  background-color: #333;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.7917em 1.5em;
  text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
  background-color: #707070;
  background-color: rgba(51, 51, 51, 0.7);
  outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  padding: 0.375em;
  width: 100%;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  outline: 0;
}

/*-------------amazon------------------*/
#amazon_widget_FR_8001_0 .amzn_wdgt .wdgt_brdr .wdgt_tl .asin_img {padding-right:32px;}
#amazon_widget_FR_8001_0 .amzn_wdgt .wdgt_brdr .wdgt_tl_pad {padding-bottom: 15px;}
/*-------------------------------------------------------------------FOOTER------------*/
#footer {width: 100%; margin: 0em auto; background-color:#F7F7F7;font-size:70%;color:black;border-top:0.1em solid #CCC;}
#footer .widgetF {color:black;}
#footer .widgetF h2 {color:darkgray;}
#footer a {line-height:1.5em;}
.push {height: 4em;}
.widgetF {display:inline-block;float:left;line-height: 2;width:20%; padding-top:8em;padding-bottom:8em; padding-left:3em;color: white;}
.copyr {font-size: 1.1em;}
.blocpadd {padding : 1em;}
.adroite{float:right} 
.top_link { position:fixed;right:20px; bottom:50px; display:none;padding:20px;background: #333333; color:#fff;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;}
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
/* Modifications : la couleur de fond de page - la police - l'unité utilisée pour la taille de la police  */
body { 
  background-color :#fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 10pt;
}
/* Remove unwanted elements */
#header, .breadcrumbs, img, .wp-caption, #les-ajouts,.lescategories,.vcard, #sidebar-chapitre, #hupso_toolbar_0, .nav-single, #basarticle, #footer,.hupso-share-buttons {
display: none;
}
/* Ensure the content spans the full width */
#page-wrap, #lecontenu {
width: 100%;
margin: 0;
float: none;
background: transparent;
}
.entry-content h1,.entry-content h2{font-size: 1em;}
/* Improve colour contrast of links */
a:link, a:visited {
color: #781351
}
}
.bloc20 { white-space:nowrap;}
.logomobile, .despmobile{display:none;}
/* Media queries!
-------------------------------------------------------------------------------*/
/*mobile*/
@media (max-width: 480px) { 
#menu-accueil,#menu-main-nav { display: none}
#menu-accueilmobile {display: block;}
.tinynav {display: block; margin-right:0.5em; width: 50%;float: right;}
#contenu,#les-ajouts{font-size: 70%;width: 99%;}
#description{font-size: 0.3em}
body.home h2{font-size: 0.8em}
body.home .gauche, body.home .droite{width: 49%;float: left;}
body.home .droite p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
body.home .gauche img{width: 50%;}
body.home #accueil1 p{display:none;}
.despmobile { display: inline-block; font-size: 75%; padding: 3%; width: 55%; float: right;}
.menu li {width: 100%; padding:1em;text-align: center}
.menu li a{color: white;}
.widgetF{width: 100%;padding:1em 2em}
.widgetF h2 {padding-bottom: 0}
}

/* tablet */
@media (min-width: 481px) and (max-width: 800px) {
#menu {width: 100%;margin: -3em 0;}
#menu-main-nav { display: none}
.tinynav {display: block; margin-right:0.5em; width: 50%;float: right;}
#contenu,#les-ajouts{font-size: 70%}
.menu-accueil-container ul li a {font-size:1.5em;line-height: 7.2em;}
#page-wrap, #footer{width: 100%;}
#menu-main-nav a{font-size: 0.7em;}
#menu-main-nav li a{padding: 0 0;}
body.home h2{font-size: 20px}
.artaccueil{width:74%;}
body.home .droite p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.body.home .gauche{width: 15%;}
.body.home .droite {width:75%; font-size: 0.5em}
}

/* large desktop and browsers that know a media query*/
@media (min-width: 1281px) {
#description{width:40%;}
.content { width: 85%; margin: 0 auto;}
#accueil1, #accueil2, #accueil3{ padding: 100px 0; height: 600px;}
body.home .logo, body.home #menu{ margin-top:-95px;}
.menu-accueil-container ul li, .bloc20{ height: 12em;}
body.home .gauche, .illustr{ width :10%;}
body.home .copyr{ margin-top: 600px;}
}