/* Importe les css */
@import url('bootstrap.min.css');
@import url('owl.carousel.css');
@import url('owl.theme.css');
@import url('superslides.css');

/* GLOBAL STYLES
==================================================================*/

body {
	overflow-x: hidden;
	text-align: justify;
    font-family: 'PT Sans', sans-serif;
}
.home .entry-title {
  
    margin-bottom: 0px;
    position: relative;
}
.marg-top{

    margin-top: 15px;

}
.social-network ul {
    margin: 2em 0 1em 0 !important ;
}
span.date {
    display: block;
    text-align: center;
    position: relative;
    top: 55px;
}
.entry-title a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
h2.suggest-title {
    text-align: center;
}
.style-h1 {
    font-family: Pacifico,Georgia,Times,'Times New Roman';
    font-size: 26px;
    color: #00a0b0;
    text-align: initial;
    margin-top: 28px;
    margin-left: 10px;
    line-height: 32px;
}

.clear {
    clear: both;
}

footer .col-sm-12 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.sub-title {
    color: #fff;
    font-size: 36px;
    margin: 1em 0;
    font-family: Pacifico,Georgia,Times,'Times New Roman';
}

input, textarea {
    display: block;
}

input[type="text"], textarea {
    max-width: 500px;
    width: 100%;
}

h4,h5,h6 {
	color: #222;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: bold;
}

h5,h6 {
	letter-spacing: 0.1em;
	margin: 1em 0 3em;
}

a,
button {
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}

a:hover {
	text-decoration: none;
}

p {
	margin: 0 0 1em;
}

hr {
	border-top: 3px solid #eee;
	margin: 30px 0;
}





/* LIST ART
==================================================================*/
.suggest li {
    display: inline;
}
h1{
margin-top: 80px !important;


    }
.blog-post.image-post.aucun {
    display: inline-block;
}

.blog-post {
    padding: 12px;
    width: 30%;
}
ul.list-suggest {
   
    padding-left: 0px;
    text-align: center;
}
.inner-post {
    box-shadow: 0 0 8px #787878;
}
.post-content {
    background: #fff;
    padding: 15px 20px;
}

.post-tags li, li a {
    display: inline-block;
    margin-right: 12px;
    color: #9a9a9a;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-decoration: none;
    line-height: 22px;
}
.suggest h3 {
       font-size: 22px;
    
    margin-top: 0px;
    margin-bottom: 16px !important;
}
.blog-post img {
    width: 100%;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}


/* ROWS
==================================================================*/

section {
	display: block;
	padding: 30px 0;
}


.row {
	opacity: 0;
	position: relative;
}

.no-fade,
footer .row {
	opacity: 1;
}


/* NAV
==================================================================*/

.barre-navigation {
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.nav > li > a {
	font-weight: bold;
	text-transform: uppercase;
}



/* BACKGROUNDS
==================================================================*/

.fond-ecran-classique {
	background-color: #00a0b0;
}


.fond-ecran
 {
	color: #fff;	
}




/* BLOG
==================================================================*/

header {
	margin-top: 90px;
}


/* ARTPS 
==================================================================*/
.:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}



/* FOOTER
==================================================================*/

footer {
	background: #00a0b0;
	padding: 0px;
    color: #fff;
}



/* Ajout template 21 */

.contenu {
background: #FFF;
padding: 2%;
}

p.text-footer {
    margin: 0;
}

.article-home {
margin-bottom: 5em;
}

.article-home:first-child {
background: #FFF;
}

.article-home img{
    vertical-align: middle;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

img.art_thumbnail {
    display: block;
    margin: 60px auto 30px auto;
    max-width: 100%;
}

h1 {
    color: #fff;
}

.col-md-4 h2 {
    text-align: center;
    margin: 40px 0px;
    font-size: 25px;
}
.col-md-4.home {
    display: inline-block;
    float: none;
    width: 33%;
    vertical-align: middle;
}
.w120 {
    max-width: 1400px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .contenu {width: 100%}
}