/* Theme Name: Thème pour QualiT PRO

Theme URI: http://www.guillaume-vezien.net

Description: Thème pour le site de QualiT PRO

Version: 1.0

Author: Guillaume VEZIEN

Creation Theme by Guillaume VEZIEN || http://www.guillaume-vezien.net   */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #8E8E8E;
  border: 0px none #ffffff;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #8E8E8E;
}
::-webkit-scrollbar-track {
  background: black;
  border: 0px none #ffffff;
  border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
  background: black;
}
::-webkit-scrollbar-track:active {
  background: black;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

body{
	margin : 0;
	padding : 0;
	margin : auto;
	width : 100%;
	overflow-x: hidden;
	background-size : cover;
  background-image : url('img/bg.jpg');
  font-family : 'open Sans';
}

#deco_footer{
  position : absolute;
  bottom : 0;
  width : 100%;
  height : 10px;
  left : 0;
  display : flex;
}

#deco_footer span{
  width : calc(100% / 3);
  height : 10px;
  display : block;
}

#deco_footer span.color_red{
  background : #EC1C24;
}

#deco_footer span.color_green{
  background : #8BC53F;
}

#deco_footer span.color_orange{
  background : #F05A28;
}

header{
  position : relative;
  width : 100%;
  padding-top : 15px;
  padding-bottom : 15px;
}

#content_header{
  width : 90%;
  margin : auto;
  display : flex;
}

#logo{
  width : 15%;
}

#logo a img{
  width : 100%;
  height : auto;
}

#menu{
  width : 85%;
  text-align: right;
  padding-top : 30px;
}

.menu li{
  display : inline-block;
  margin-left : 100px;
}

.menu li:nth-child(1){
  margin-left : 0;
}

.menu li a{
  color : white;
  padding-top : 7px;
  padding-left : 15px;
  padding-right : 15px;
  padding-bottom : 7px;
  border : solid 1px transparent;
  transition : all 0.5s;
}

.menu li a:hover{
  color : white;
  border : solid 1px white;
}

.menu .current-menu-item a{
  background : white;
  color : black;
}

.menu .current-menu-item a:hover{
  background : white;
  color : black;
}

#section_home{
  width : 90%;
  margin : auto;
  display : flex;
  margin-top : 10vh;
  padding-bottom : 50px;
}

#section_home_2{
  width : 90%;
  margin : auto;
  display : block;
  margin-top : 7vh;
  padding-bottom : 50px;
}

#image_home_2{
  width : 80%;
  margin : auto;
}

#image_home_2 a img{
  width : 100%;
  height : auto;
}

#slider_home{
  width : 40%;
}

#par1_home{
  width : 60%;
  padding-left : 50px;
  height : auto;
  position : relative;
}

#content_part_1_home{
  position : absolute;
  top : 50%;
  transform: translateY(-50%);
  height : auto;
}

.n2-ss-align{
  width : 90% !important;
  margin-left : 5% !important;
}

.nextend-arrow-next{
  background : white;
  padding : 7px;
  border-radius : 20px;
}

.nextend-arrow-previous{
  background : white;
  padding : 7px;
  border-radius : 20px;
}

.button_style_1{
  padding-top : 10px;
  padding-bottom : 10px;
  padding-left : 20px;
  padding-right : 20px;
  color : white;
  font-size : 20px;
  background : transparent;
  border : solid 2px white;
  transition : all 0.5s;
  cursor : pointer;
}

.button_style_1:hover{
  color : black;
  background : white;
  border : solid 2px white;
  transition : all 1s;
}

#logo_home{
  width : 50%;
}

#logo_home a img{
  width : 100%;
  height : auto;
}

#content1_home{
  margin-top : 30px;
  margin-bottom : 50px;
  color : white;
  line-height : 1.4;
}

#carte_artisans{
  width : 90%;
  margin : auto;
  height : 80vh;
  position : relative;
  overflow : hidden;
}

#map_canvas{
  width : 100%;
  height : 100%;
}

button[title="Passer en plein écran"] {
    display: none;
}

.map-marker-label{
  position: absolute;
  text-align: center;
}

.map-marker-label a{
  color: white;
  padding-left : 10px;
  padding-right : 10px;
  padding-top : 5px;
  padding-bottom : 5px;
  font-size: 13px;
  font-weight: bold;
  opacity : 0;
  margin-top : 10px;
  transition : all 0.5s;
  display : block;
  min-width : 150px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

.map-marker-label a.color_rouge{
  background : #EC1C24;
}

.map-marker-label a.color_vert{
  background : #8BC53F;
}

.map-marker-label a.color_orange{
  background : #F05A28;
}

.color_rouge{
  background : #EC1C24 !important;
}

.color_vert{
  background : #8BC53F !important;
}

.color_orange{
  background : #F05A28 !important;
}

.border_rouge{
  border-bottom : solid 3px #EC1C24 !important;
}

.border_vert{
  border-bottom : solid 3px #8BC53F !important;
}

.border_orange{
  border-bottom : solid 3px #F05A28 !important;
}

.carte_artisan{
position : absolute;
background : white;
width : 25%;
top : 0;
right : -50%;
height : 100%;
overflow: auto;
transition : all 0.5s;
-webkit-box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
-moz-box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
}

.label_black{
  opacity : 1 !important;
  margin-top : 0 !important;
}

.close_carte{
  cursor : pointer;
  position : relative;
  top : 0;
  z-index : 99999999;
}

.close_carte span{
  padding : 10px;
  background : white;
  display : block;
  position : absolute;
  z-index : 99999999;
  right : 0;
  top : 0;
  width : 15px;
  height : 15px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

.close_carte span svg{
  width : 15px;
  height : 15px;
}

.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc !important;
    -webkit-box-shadow: 0 0 0px #ccc !important;
    box-shadow: 0 0 0px #ccc !important;
    border: 0px solid #fff !important;
    background: #fff !important;
    margin-bottom: 0 !important;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom : 0 !important;
    padding-top : 10px !important;
    background : rgba(0,0,0,0.5);
    padding-bottom: 10px !important;
    width: 100%;
}

.bx-pager-link{
  background : #C6C6C6 !important;
}

.bx-pager-link.active{
  background : white !important;
}

.identification_artisan{
  width : 90%;
  margin : auto;
  margin-top : 50px;
}

.identification_artisan.full{
  display : flex;
}

.identification_artisan.full .logo_artisan{
  width : 30%;
}

.identification_artisan.full .nom_metier_artisan{
  width : 70%;
  position : relative;
}

.identification_artisan.full .nom_metier_artisan .par_text{
  text-align: left;
  padding-left : 20px;
  position : absolute;
  height : auto;
  top : 50%;
  transform : translateY(-50%);
}

.logo_artisan a img{
  width : 100%;
  height : auto;
}

.identification_artisan.only_nom_metier .nom_metier_artisan{
  text-align: center;
}

.nom_metier_artisan h2{
  font-family : 'Open Sans';
  font-size : 25px;
  color : black;
  margin-bottom : 10px;
}

.nom_metier_artisan span{
  font-family : 'Open Sans';
  font-size : 17px;
  color : #989898;
}

.description_artisan{
  font-family : 'Open Sans';
  font-size : 18px;
  color : #4B4B4B;
  width : 90%;
  margin : auto;
  margin-top : 20px;
}

.informations_artisan{
  width : 90%;
  margin : auto;
  text-align: center;
  margin-top : 50px;
  margin-bottom : 40px;
  position : relative;
}

.logos_artisan{
  position : relative;
  cursor : pointer;
}

.logos_artisan img{
  width : 50px;
  height : 50px;
}

.informations_artisan a{
  font-family : 'open Sans';
  font-size: 17px;
  color : black;
  cursor : pointer;
}

.content_blog{
  margin : auto;
  width : 90%;
  background : white;
  max-height : 80vh;
  display : flex;
}

.content{
  margin : auto;
  width : 90%;
  background : white;
}

.part_1{
  width : 74%;
  margin-right : 1%;
  height : 80vh;
  overflow : auto;
}

.part_derniers_articles{
  width : 90%;
  margin : auto;
  margin-top : 30px;
}

.part_title{
  padding-bottom : 10px;
  background-color : #DCDCDC;
  text-align: center;
}

.part_title h2{
  font-family : 'Open Sans';
  font-size : 22px;
  color : #717171;
}

.part_title .deco{
  width : 100%;
  display : flex;
  margin-bottom : 10px;
}

.part_title .deco span{
  height : 7px;
  display : block;
}

.part_title .deco span.color_red{
  background : #EC1C24;
  width : 45%;
}

.part_title .deco span.color_green{
  background : #8BC53F;
  width : 35%;
}

.part_title .deco span.color_orange{
  background : #F05A28;
  width : 20%;
}

.posts{
  width : 100%;
  height : auto;
  margin-top : 5vw;
  margin-bottom : 5vw;
  font-family : 'Open Sans';
}

.posts.post_thumb{
  display : flex;
  height : 100%;
}

.posts.post_thumb .thumbnail_post{
  width : 30%;
  background-size : cover;
  height : calc(18vw * 9 / 16);
  background-position : center;
}

.posts.post_thumb .post_content{
  width : calc(100% - 30%);
  height : auto;
  position : relative;
  padding-left : 25px;
  text-align: left;
}

.posts.post_thumb .post_content .post_content_pos{
  position : absolute;
  top : 50%;
  transform : translateY(-50%);
}

.post_content_pos h3{
  font-size : 20px;
  margin-bottom : 10px;
  text-transform: uppercase;
}

.post_content_pos h3 a{
  text-decoration: none;
  color : black !important;
}

.infos_posts{
  margin-bottom : 10px;
  font-size : 15px;
}

.infos_posts a{
  color : #8D8D8D;
}

.infos_posts i.clock{
  color : #8BC53F !important;
  margin-right: 5px;
}

.infos_posts i.categories{
  color : #F05A28 !important;
  margin-right: 5px;
  margin-left: 10px;
}

.infos_posts i.commentaires{
  color : #EC1C24 !important;
  margin-right: 5px;
  margin-left: 10px;
}

.posts.post_no_thumb .post_content{
  text-align: center;
}

.par_post_content{
  color : #4B4B4B;
  margin-bottom : 20px;
}

.button_more{
  background : transparent;
  border : solid 1px black;
  padding-left : 15px;
  padding-right : 15px;
  padding-top : 5px;
  padding-bottom : 5px;
  transition : all 0.2s;
  color : black;
  text-decoration: none;
}

.button_more:hover{
  background : black;
  transition : all 0.5s;
  color : white;
}

.buttons_next_prev{
  margin : auto;
  width : auto;
  display : flex;
  width : 420px;
  text-align: center;
}

.buttons_next_prev a{
  background : transparent;
  border : solid 1px black;
  padding-left : 15px;
  padding-right : 15px;
  padding-top : 10px;
  padding-bottom : 10px;
  transition : all 0.2s;
  color : black;
  text-decoration: none;
  cursor : pointer;
  min-width : 150px;
  text-align: center;
  margin-left : 15px;
  margin-right: 15px;
}

.buttons_next_prev a:hover{
  background : black;
  transition : all 0.5s;
  color : white;
}

.part_2{
  width : 25%;
  height : 80vh;
  background : white;
  -webkit-box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
  box-shadow: -5px 0px 18px 0px rgba(0,0,0,0.16);
  overflow : auto;
}

.part_content_2{
  width : 90%;
  margin : auto;
}

.part_sidebar{
  margin-top : 30px;
  text-align: center;
}

.part_sidebar ul li a{
  color : black;
  text-decoration: none;
  pointer-events: none;
}

.part_sidebar ul li{
  color : black;
  padding-bottom : 10px;
  padding-top : 10px;
  border-bottom : solid 1px grey;
  text-decoration: none;
}

.recentcomments{
  padding-top : 10px;
  color : black !important;
  text-decoration: none;
  padding-bottom : 10px;
  border-bottom : solid 1px grey;
}

.comment-author-link{
  color : black !important;
  font-weight : 600;
  pointer-events: none;
}

.recentcomments a{
  color : black;
  font-weight : 600;
}

.content_contact{
  width : 90%;
  margin : auto;
  padding-top : 25px;
  padding-bottom : 200px;
  background : white;
  margin-bottom : 400px;
}

.box_infos_contact{
  text-align: center;
  width : 100%;
  padding : 10px;
}

.infos_contact a{
  margin-left : 70px;
}

.infos_contact img{
  width : 50px;
  height : 50px;
  position : absolute;
  margin-top : -15px;
  margin-left : 20px;
}

.par_formulaire{
  margin-top : 25px;
}

.formulaire{
  position : absolute;
  width : 60%;
  left : 20%;
  margin-top : -550px;
  background : #F8F8F8;
  -webkit-box-shadow: 0px -3px 51px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px -3px 51px 0px rgba(0,0,0,0.16);
  box-shadow: 0px -3px 51px 0px rgba(0,0,0,0.16);
}

#contact{
  width : 70%;
  margin : auto;
}

#contact div input{
  width : 100%;
  margin-top : 20px;
  padding-top : 10px;
  padding-bottom : 10px;
  background : white;
  border : none;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

#contact div textarea{
  width : 99.5%;
  margin-top : 20px;
  padding-top : 10px;
  height : 200px;
  padding-bottom : 10px;
  background : white;
  border : none;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

#contact .nom_prenom{
  width : 100%;
  display : flex;
}

#contact .nom_prenom .nom{
  width : 50%;
  padding-right : 10px;
}

#contact .nom_prenom .prenom{
  width : 50%;
  padding-left : 10px;
}

#contact .telephone_email{
  width : 100%;
  display : flex;
}

#contact .telephone_email .telephone{
  width : 50%;
  padding-right : 10px;
}

#contact .telephone_email .email{
  width : 50%;
  padding-left : 10px;
}

#contact .sujet{
  width : 100%;
}

#contact .message{
  width : 100%;
}

#contact .envoyer{
  width : 100%;
  text-align: center;
  margin-top : 20px;
  margin-bottom : 20px;
}

#contact .envoyer button{
  cursor : pointer;
  padding-top : 10px;
  padding-bottom : 10px;
  font-size : 17px;
  padding-left : 40px;
  padding-right : 40px;
  border : solid 1px black;
  background : transparent;
  color : black;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  transition : all 0.5s;
}

#contact .envoyer button:hover{
  background : black;
  color : white;
}

footer{
  margin-top : 50px;
}

#section1{
  background : black;
  padding-top : 20px;
  padding-bottom : 20px;
}

.section_content{
  width : 90%;
  margin : auto;
  color : white;
  display : flex;
}

.section1_part1{
  width : calc(100% / 3);
  position : relative;
  border-right : solid 2px #2C2C2C;
}

.image_tgm{
  width : 70%;
}

.section1_part2{
  width : calc(100% / 3);
  position : relative;
  border-right : solid 2px #2C2C2C;
  text-align: center;
  height : auto;
}

.section1_part2 div{
  position : absolute;
  top : 50%;
  transform : translateY(-50%);
  width : 100%;
  text-align: center;
}

.section1_part2 div p a{
  font-size : 15px;
  color : white;
  text-decoration: none;
}

.section1_part3{
  width : calc(100% / 3);
  position : relative;
  text-align: center;
  height : auto;
}

.section1_part3 div{
  position : absolute;
  top : 50%;
  transform : translateY(-50%);
  width : 100%;
  text-align: right;
}

.section1_part3 div span a{
  color : white;
  text-decoration: none;
}

#section2{
  background : #202020;
  padding-top : 10px;
  padding-bottom : 10px;
}

.site_realise_par{
  width : 100%;
  text-align: center;
}

.site_realise_par .txt_site_realise_par{
  padding-top : 5px;
  margin-right : 10px;
}

.site_realise_par span{
  height : 20px;
  display : inline-block;
}

.site_realise_par span img{
  width : auto;
  height : 100%;
}

.mentions_legales{
  width : 50%;
  text-align: right;
}

.mentions_legales a{
  padding-top : 10px;
  text-decoration: none;
  color : white;
}


.part_single .deco{
  width : 100%;
  display : flex;
}

.part_single .deco span{
  height : 7px;
  display : block;
}

.part_single .deco span.color_red{
  background : #EC1C24;
  width : 45%;
}

.part_single .deco span.color_green{
  background : #8BC53F;
  width : 35%;
}

.part_single .deco span.color_orange{
  background : #F05A28;
  width : 20%;
}

.part_title_single{
  width : 100%;
  height : 250px;
  background-position: center;
  background-size: cover;
  text-align: center;
}

.part_content_title_single{
  width : 100%;
  height : 100%;
  position : relative;
  background : rgba(0,0,0,0.75);
}

.part_content_title_single div{
  position : absolute;
  top : 50%;
  height : auto;
  transform : translateY(-50%);
  width : 100%;
  text-align: center;
}

.part_content_title_single div h1{
  color : white;
  font-size: 30px;
  font-family: 'Open Sans';
}

.infos_posts_single{
  margin-top : 15px;
  font-size : 15px;
}

.infos_posts_single a{
  color : white;
}

.infos_posts_single i.clock{
  color : #8BC53F !important;
  margin-right: 5px;
}

.infos_posts_single i.categories{
  color : #F05A28 !important;
  margin-right: 5px;
  margin-left: 10px;
}

.infos_posts_single i.commentaires{
  color : #EC1C24 !important;
  margin-right: 5px;
  margin-left: 10px;
}

.article_single{
  padding-top : 30px;
  padding-left : 50px;
  padding-right : 50px;
  padding-bottom : 70px;
  text-align: justify;
}

.article_single p{
  line-height: 1.4;
}

.article_single p > img.alignleft{
	background : red;
}

.content_commentaires{
  width : 90%;
  margin : auto;
  background : white;
  margin-top : 100px;
}

h3#comments{
  text-align: center;
  font-size : 20px;
  font-family : 'Open Sans';
  margin-top : 20px;
}

ol.commentlist{
  width : 80%;
  margin : auto;
  background : #FAFAFA;
  padding : 15px;
  margin-top : 20px;
  margin-bottom : 20px;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  text-align: center;
}

.comment-author.vcard{
  pointer-events: none;
  color : black !important;
  font-weight : 600;
  text-decoration: none;
}

cite.fn a{
  color : black;
}

.commentmetadata{
  margin-top : 10px;
  margin-bottom : 10px;
}

.commentmetadata a{
  color : #686868;
  text-decoration: none;
}

.comment-body p{
  line-height: 1.4;
}

div.reply{
  padding-top : 20px;
  padding-bottom : 40px;
  text-align: center;
}

div.reply a{
  padding-top : 7px;
  padding-bottom : 7px;
  padding-left : 25px;
  padding-right : 25px;
  background : transparent;
  border : solid 1px black;
  color : black;
  text-decoration: none;
  font-size : 17px;
  transition : all 0.5s;
}

div.reply a:hover{
  background : black;
  color : white;
}

h3#reply-title{
  text-align: center;
  font-size : 20px;
  font-family : 'Open Sans';
  margin-top : 20px;
}

p.comment-notes{
  text-align: center;
  margin-top : 15px;
  color : #686868;
}

p.comment-form-comment{
  text-align: center;
  margin-top : 15px;
}

p.comment-form-comment label{
  display : block;
  margin-bottom : 10px;
}

p.comment-form-comment textarea{
  padding-top : 10px;
  width : 50%;
  padding-bottom : 10px;
  background : #FAFAFA;
  border : none;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

p.comment-form-author{
  text-align: center;
  margin-top : 15px;
}

p.comment-form-author label{
  display : block;
  margin-bottom : 10px;
}

p.comment-form-author input{
  padding-top : 10px;
  width : 50%;
  padding-bottom : 10px;
  background : #FAFAFA;
  border : none;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

p.comment-form-email{
  text-align: center;
  margin-top : 15px;
}

p.comment-form-email label{
  display : block;
  margin-bottom : 10px;
}

p.comment-form-email input{
  padding-top : 10px;
  width : 50%;
  padding-bottom : 10px;
  background : #FAFAFA;
  border : none;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

p.comment-form-url{
  text-align: center;
  margin-top : 15px;
}

p.comment-form-url label{
  display : block;
  margin-bottom : 10px;
}

p.comment-form-url input{
  padding-top : 10px;
  width : 50%;
  padding-bottom : 10px;
  background : #FAFAFA;
  border : none;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}

.form-submit{
  text-align: center;
  width : 100%;
  padding-top : 15px;
  padding-bottom : 15px;
}

.form-submit input{
  padding-top : 7px;
  padding-bottom : 7px;
  padding-left : 25px;
  padding-right : 25px;
  background : transparent;
  border : solid 1px black;
  color : black;
  text-decoration: none;
  font-size : 17px;
  transition : all 0.5s;
  cursor : pointer;
}

.form-submit input:hover{
  background : black;
  color : white;
}

.comment-reply-title a{
  color : #686868;
  text-decoration: none;
}

.comment-reply-title small a{
  color : #F05A28;
  text-decoration: none;
}

section#blog_accueil{
	width : 90%;
	margin : auto;
}

section#blog_accueil h2{
	width : 100%;
	text-align : center;
	color : white;
	font-size : 35px;
}

section#blog_accueil p.accroche{
	width : 100%;
	text-align : center;
	color : rgba(255,255,255,0.75);
	font-size : 18px;
	padding-top : 10px;
}

.last_articles{
	width : 100%;
	padding-top : 30px;
	display : grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap : 20px;
}

.article_item{
	position: relative;
	width: 100%;
	height: 300px;
	background-size : cover;
	background-position : center;
	color: #fff;
	border-radius : 15px;
	overflow : hidden;
}

.article_item::before{
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	background : rgba(0,0,0,0.8);
	width : 100%;
	height : 100%;
}

.article_item p:nth-of-type(1) {
	display : none;
}

.article_item p:nth-of-type(2) {
	position: absolute;
	top:86px;
	left: 30px;
	width: 225px;
	height: 94px;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: -0.4px;
	word-spacing: -1px;
	
}

.article_item p:nth-of-type(3) {
	position: absolute;
	top: 192px;
	left: 29px;
	width: 179px;
	height: 36px;
	font-family: 'PT Serif';
	font-size: 14px;
	letter-spacing: 0.6px;
}

.article_item p:nth-of-type(4) {
	position: absolute;
	top: 273px;
	left: 55px;
	width: 70%;
	height: 8px;
	line-height: 8px;
	font-size: 11px;
	font-weight: 500;
}

.article_item img {
	position: absolute;
	top: 268px;
	left: 31px;
	width: 16px;
	height: 17px;
}

.article_item a {
	position: absolute;
	bottom: 10px;
	right: 31px;
	padding : 5px;
	width : 30%;
	text-align : center;
	background : white;
	color : black;
	font-size : 17px;
}