html, body {background:#FFF !important;font-family: 'noway';  height: 100%;}
@keyframes fadein {from {opacity:0;}to {opacity:1;}}
@-moz-keyframes fadein { from {opacity:0;}to {opacity:1;}}
@-webkit-keyframes fadein {from { opacity:0;}to {opacity:1;}}
@-o-keyframes fadein { from {opacity:0;}to {opacity: 1;}}
.no_screen  {display:none;}
hr {color:#754C24;height:1px;}
img{position:relative; display:inline;height:auto; width:100%;}

/* Flashing icones --------------------------- */

figure {overflow: hidden;text-align:left;margin:0;padding:0;}
figure:hover+span {opacity: 1;}
.hover13 figure:hover img {opacity: 1;-webkit-animation: flash 2.5s;animation: flash 2.5s;}
@-webkit-keyframes flash {0% {opacity: .4;}100% {opacity: 1;}}
@keyframes flash {0% {opacity: .4;} 100% {opacity: 1;}}

/*  Menu  ———————————————————————————————————————————————————  */

.menu_ecran { position: absolute; position:fixed; float:right;width:100%;height:auto; display:inline;z-index: 4000;top:47px;left:0%;
    animation: fadein 4.5s;-moz-animation: fadein 4.5s; -webkit-animation: fadein 4.5s;  -o-animation: fadein 4.5s; }

#nav { position: relative; width:50%; height:auto;  float:right; display:block; font-size:1em;text-align:center; }
#nav ul { display:inline; float:left; }
#nav li { display:block; width:20%;float:right; }



#nav a {color:#754C24;padding: 0px; display: block;font-size:14px;font-family: 'nowayregular';letter-spacing: 0.1em;
text-decoration: none;text-transform: uppercase;line-height: 2;}
#nav a:hover {color:#ff731e;background:none;}

/*  liens  / pagination ———————————————————————————————————————————————————  */

a, a:hover, a:active {background-color: none;text-decoration : none;color:#754C24; transition:1s;}
a, a:visited {color:none;} 
a:focus, a:hover, a:active { background-color:none !important; color:#ff731e;transition:1s;}

.pagination{width:100%; text-align:right; float:right;}
.pagination a, .pagination .on {padding: 2px;color:#754C24;
    margin: 0;background:none;text-decoration: none;font-size:12px;font-family: 'nowayregular';}
.pagination .on {font-weight: bold;color:#ff731e;transition:1s;}



 /* nom/contact/reseau sociaux  ———————————————————————————————————————————————————  */
 
header{position:fixed;z-index: 1000;width:auto;height:auto:40px;top:50px;left:50px;color:#754C24;
animation:fadein 1.5s;-moz-animation: fadein1.5s; -webkit-animation: fadein 1.5s; -o-animation: fadein 1.5s; }

header a{text-decoration : none;}
header p{font-size:13px;margin-bottom:0;color:#754C24; }

ul.boutton{ width:auto;height:22px;}
li.social { display:block; float:left;}
li.social img {  height:20px; width:20px !important;}

li.social img:hover + span {visibility: visible; position:abolute; margin-right:5px; height:19px !important; width:19px !important;
-webkit-transition-duration: 0.5s; transition-duration: 0.5s; animation: fadein 4.5s;}
li.social a:hover {color:#6d79a7;}



/* ------------------------------------------ */
/* liseuse actu
/* ------------------------------------------ */
#actu {width:100%;height:100vh;margin-top:0; margin:0; display:flex; float:right;position:relative;
animation: fadein 6.5s;-moz-animation: fadein 6.5s; -webkit-animation: fadein 6.5s; -o-animation: fadein 6.5s;}
#actu img {width:100%; height:auto;position:relative;}
#actu ul {float:right; }

.rslides { position:relative; list-style:none; overflow:hidden; width:100%; margin:0; padding:0;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display:none; width: 100%; left: 0px;top: 0;}
.rslides li:first-child {position: relative; display: block;float: right;}
.rslides img {display: block; height: auto; float: right;width: 100%; border: 0;}
.rslides_nav {padding: 10px;}




/* ------------------------------------------ */
/* rubrique et articles
/* ------------------------------------------ */
section{position:relative;width:80.5%;height:auto;margin:0 auto;-webkit-transition-duration: 0.5s; 
transition-duration: 0.5s; animation: fadein 2.5s; padding-top:150px;}

.work{position:relative;width:100%;height:auto;}

#work{
width: 90%;
height: auto;
position: absolute;
display: inline;
margin-left: 6%;
animation: fadein 4.5s;
-moz-animation: fadein 4.5s;
-webkit-animation: fadein 4.5s;
-o-animation: fadein 4.5s;}


#work li{
  height: auto;
  display: block;
  float: left;
  position: relative;
  padding: 0;
}

.carre {
  width: 29vw;
  height: 29vw;
  border: solid 1vw #FFF;
  margin: 1vw auto;
}



.carre img {
  z-index: 1;
  width:auto;
}



#bio li{width:19.5%;margin:0 0.5% 0 0; height:auto;display:inline;float:left;position:relative; padding-bottom:50px;}
span#titre_vignette{position:relative; float:left; display:inline; width:100%; min-height:20px;}


#work img {
  width: auto;
  max-height: 100%;
}


article ul.menu_article{width:40%; text-align:center; position:relative; padding:0; margin:0 auto;}
article li.menu_article{width:100%; margin:0; height:auto; display:block; float:left; 
position:relative;padding:10px;
font-size: 12px;
line-height: 1.1;
color: #754C24;
letter-spacing: 0.1em;
text-transform: none;
font-family: 'nowaylight';}

.article{width:40%; height:auto; display : table;margin : 0px auto;position:relative;text-align:center; padding-bottom:218px;}
.article p {  margin-left:0 !important;margin-top:-30px;width:100%; padding-bottom:20px;}

.bouton_prec_suiv{padding:10px; font-size:18px;margin-right:-8px;  text-align:center;color:#754C24;}
.bouton_prec_suiv:hover{color:#ff731e;transition:1s;}

footer{width:100%; height:auto; position:relative; display:inline; float:left; text-align:center;}
footer p{position:relative; color:#754C24;}


/* ------------------------------------------ */
/* news + textes
/* ------------------------------------------ */
span.logo_article{width:50%;height:100%; float:left;display:block; position:relative;padding-bottom:100px;}
span.logo_article img{width:60%; float:right;display:block;}
span.soustitre_article{width:100%; float:left; padding-left:60%;margin-bottom:20px;}

span.conteneur_texte{width:60%; height:100%;float:right;display:block; position:relative;padding-bottom:100px;}

span.chapo{width:100%; float:left; padding-left:5%;}
span.chapo p{font-family: 'nowaymedium';color:#464441;}

span.chapo_texte{width:100%; float:left; padding-left:60%;}
span.chapo_texte p{ font-family: 'nowaymedium';color:#464441;}

span.texte{width:100%; float:left; padding-left:10%;}

span.ps{width:100%; float:left; padding-left:5%;}
span.ps img{width:20%; float:left;}

.video{ width:80%; height:auto; padding-left:20%; padding-bottom:50px;}



/* textes
/* ------------------------------------------ */
.logo_document_video{width:40%; height:100%;float:left;display:block; position:relative;}
span.logo_video {height:auto; width:100%; float:left; display:block;padding-left:25%;}
span.logo_document{width:auto; height:auto;float:left;display:block; position:relative;padding-left:25%;}
span.logo_document img{height:150px; width:auto;padding:3px; float:right; display:block;}
span.legende{font-size:10px;float:right;font-family:'nowaylight';color:#754C24;margin-top:-10px; padding-bottom:10px;}
span.vignette_texte{width:auto; float:right; display:block;position:relative; height:auto; font-size:11px;font-family:'nowaylight';}
.titre_article_texte{width:100%; float:left; padding-left:45%;margin-bottom:20px;}





@media (max-width: 1050px) {
section{width:89.5%;}


}

@media (max-width: 950px) {

header{position:relative;left:1%;width:99%; }
aside{padding-top:100px;padding-bottom:40px;}
span.soustitre_article{width:100%; padding-left:43%;}
span.logo_article{width:40%;}
span.logo_article img{width:100%; }
span.conteneur_texte{width:60%;}
span.texte{ padding-left:5%;}
span.chapo{ padding-left:5%;}
span.ps{ padding-left:5%;}
.bouton_prec_suiv{padding:15px; font-size:30px;margin-right:0px;  text-align:center;color:#754C24;}
.titre_article_texte{padding-left:43%;}
span.chapo_texte{width:100%; float:left; padding-left:43%;}
.logo_document_video{width:40%;}
span.logo_video {padding-left:0%;}

.article{width:60%; padding-bottom:118px;}
footer{width:95%;}

section{padding-top: 100px;}

}




@media (max-width: 700px) {
section{width:98.5%;}




.menu_ecran2, .menu_ecran { display:none;}
li.social { display:none;}
.no_screen  {display:block;} 
/* menu smartphone ------------- */
#header{text-align: left;display:block;}
#header a,.header a
{position: absolute;position:fixed;
background: center center no-repeat transparent;
display: block;width:100%;padding-top:6px;z-index:1000;background:#FFF;
height: 35px;top: 0;border-bottom: 1px #754C24 solid;text-transform: uppercase;} 
header{ z-index:100;}
}




@media (max-width: 500px) {


article li{width:49.5%;}

#work {width: 100%; margin-left:0}


.article{width:100%; padding-bottom50px;}

article ul.menu_article {
    width: 100%;
}

header{position:relative;top:80px;}
#actu {margin-top: 110px;}
span.soustitre_article { width: 100%;padding-left: 1%;}
span.logo_article{width:100%; padding-left:0;padding-bottom:10px;}
span.conteneur_texte {width: 100%;padding-bottom: 50px;}
span.texte{ padding-left:0%;}
span.chapo{ padding-left:0%;}
span.ps{ padding-left:0%;}

.titre_article_texte {padding-left: 1%;}
span.chapo_texte {padding-left: 1%;}
span.logo_document {padding-left:1%;float:left;}
span.logo_document img{height:100px; width:auto;padding:3px; float:left; display:block;}
.logo_document_video {width: 100%;}

}