/*
Theme Name: Portofilo Maison
Theme URI: http://maison.vanessalionel.fr
Description: Thème façon portfolio
Version: 0.1
Author: Cyberscooty
*/

/**********************************************/
/*mise de page du site */
/**********************************************/
body{background:#E6EBEE;background:linear-gradient(to bottom, #E6EBEE, #BFCACE);margin:0;padding:0;font-family: 'PT Sans Narrow', sans-serif;}
#page{width:100%;margin:0 auto;text-align: center;}
#header,#footer {width:100%;border-bottom: 1px solid rgb(100,100,100);
background: #eaf5f9; /* Old browsers */
background: linear-gradient(to right, #E6EBEE, #BFCACE); /* W3C */


}
#header{margin: 0px 0 5px 0;text-align: left;}
#content,#content-single{width: 100%;margin: 0 auto;}
#footer{font-size:small;color:black;text-align:center;margin: 10px 0 0px 0;border-top: 2px solid rgb(100,100,100);}

.logo{vertical-align:middle; width:100px;height:auto;padding: 0 10px; }


a,a:visited,a:active{text-decoration:none;color:white;}
a:hover{text-decoration:none;color:rgb(150,150,150);}

.titre{font-family: 'Rancho', cursive;font-size:3em;padding-left:10px;}
.description{font-family: 'Rancho', cursive;font-size:1.5em;padding-left:40px;}

#header a,#header a:visited,#header a:active{color:black;}
#header h1{font-family: 'Rancho', cursive;margin:0;/*padding:20px;font-size:3em;*/} 


li{display:inline-block;padding: 5px 20px;transition:all 0.1s ease;}

li:hover {background:rgb(150,150,150);}

.post{margin:1vw;padding:0;position:relative;display: inline-block;z-index:1;transition:all 0.3s ease;width: 17.4vw;height: 10vw;overflow: hidden;}
.post:hover{transform:scale(1.05);z-index:20;}

/*.post:nth-child(1), .post:nth-child(2){width:47vw;height: 24vw;}*/
.post:nth-child(1),.post:nth-child(2),.post:nth-child(3), .post:nth-child(4),.post:nth-child(5),.post:nth-child(6),.post:nth-child(7),.post:nth-child(8){width:22.5vw;height: 12.5vw;}


.category-entreprises{height: 11vw;width: 15vw;background: white;}

/*.category-entreprises::after {z-index:30;content: "TEST";} */


.photo_a_la_une{z-index:2;text-align: center;position:relative;background:white;}
.photo_a_la_une img{
width: 100%;
position: absolute;
transform: translate(-50%, -25%);
height: auto;
}




.titre_article {
position: absolute;
z-index: 10;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,0.5);
padding: 20px 0;
text-align: center;
text-transform: uppercase;}

.titre_article a{color: white;text-shadow: 1px 1px 1px grey;}
.titre_article a:hover{color: grey;text-shadow: 1px 1px 0 white;}

/*#content-single{background:rgba(255,255,255,0.5);}*/

.photo_a_la_une_single{position:relative;z-index: 1;background:white;display: inline-block;}
.titre_article_single {
position: absolute;
bottom: 0px;
left: 0px;
color: white;
font-size: 1.2em;
text-align: center;
width: 300px;
background: rgba(0,0,0,0.3);
padding: 20px 0;
text-transform: uppercase;
z-index: 10;
}
.post_content{text-align: left;line-height: 2em;padding: 20px;font-size: 1.2em;}
.post_single{text-align:left;padding:20px;}
.post_content li{display: list-item;text-align: left;padding:0;}
.post_content li:hover {background: none;}
.date_article_single {
position: absolute;
top: 25px;
left: 25px;
width: 250px;
text-align: center;
font-size: 3em;
color: white;
background: rgba(0,0,0,0.3);
border-radius: 50px;}

.date_article{
color:white;
position: absolute;
z-index: 10;
top: 5px;
right: 5px;
width:90px;
background: rgba(0,0,0,0.5);
text-shadow:1px 1px 0 rgb(50,50,50);
}
.retour{text-align: left;padding: 20px;}
.retour a{background: #BFCACE;
border-radius: 3px;
color: #000;
font-size: 1.3em;
    
    padding: 0px 13px 3px 12px;
box-shadow: 1px 1px 1px black;
  transition:padding ease 0.3s;
    
}
  
.retour a:hover{box-shadow: -1px -1px 1px black;padding:0px 23px 3px 22px;;}
  
  

.txt404{font-size:3em;padding:50px;text-align:left;}
.img404{width:300px;height:auto;text-align:left;}

.bandeau_entreprise{z-index: 1;
top: 74px;
left: 32px;
color: #D7D700;
text-shadow: 1px 1px 2px #323232;
font-size: 1.2em;
position: absolute;
}
.cadre_bandeau{position: absolute;
top: 0px;
left: 0px;
z-index: 10;
width: 100px;
height: 100px;
overflow: hidden;}

.fond_rouge{width: 178px;
height: 102px;
transform: rotate(-45deg);
position: absolute;
top: -49px;
left: -65px;
background: rgb(191, 0, 0) none repeat scroll 0% 0%;}