/*
Theme Name: MS Thème Metier
Author: Multimed Solutions
Author URI: http://www.multimed-solutions.com/
Description: Thème spécial pour wordpress
Version: 1.0
Text Domain:  site-metier
Template: mstheme
*/

/* vars 






*/

/* ------------------ Include Styles ------------------ */
/* fonts : */
/*
		Open sans
*/
/*
font-family: 'Open Sans', sans-serif;
*/
/*
		Lato*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
/*
font-family: 'Lato', sans-serif;
*/
/*
		Merienda
@import url(https://fonts.googleapis.com/css?family=Merienda:400,700)*/
/*
font-family: 'Merienda', cursive;
*/
/*
		Niconne
@import url(https://fonts.googleapis.com/css?family=Niconne);*/
/*
font-family: 'Niconne', cursive;
*/
/*
		Baumans
@import url(https://fonts.googleapis.com/css?family=Baumans);*/
/*
font-family: 'Baumans', cursive;
*/
/*
		Courgette
@import url(https://fonts.googleapis.com/css?family=Courgette);*/
/*
font-family: 'Courgette', cursive;
*/
/*
		Droid sans
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);*/
/*
font-family: 'Droid Sans', sans-serif;
*/
/*
		Droid sans Mono
@import url(https://fonts.googleapis.com/css?family=Droid+Sans+Mono);*/
/*
font-family: 'Droid Sans Mono', 'Droid Sans', sans-serif;
*/
/*
		Lobster
@import url(https://fonts.googleapis.com/css?family=Lobster+Two:400,400italic,700,700italic);*/
/*
font-family: 'Lobster Two', cursive;
*/
/*
		Pinyon script
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);*/
/*
font-family: 'Pinyon Script', cursive;
*/
/*
		Poiret one
@import url(https://fonts.googleapis.com/css?family=Poiret+One);*/
/*
font-family: 'Poiret One', cursive;
*/
/*
		Quicksand
@import url(https://fonts.googleapis.com/css?family=Quicksand:400,300,700);*/
/*
font-family: 'Quicksand', sans-serif;
*/


@import url('iconmoon/style.css');
/* Bug of multiple validation error messages in CF7 when spamming submit */
.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {display:none;}
/* ------------------ General ------------------ */
html{background-image: linear-gradient(#c60a1e,#c60a1e);background-attachment: fixed;font-size: 62.5%;font-family: 'Open Sans', sans-serif;}
body{background:transparent;min-height: 100%;height: 100%;color:#ffffff;font-size: 1.5rem; line-height: 2.4rem;font-family: 'Open Sans', sans-serif;}

a{color: inherit;text-decoration: none;transition-duration:0.4s;}
a:hover{text-decoration: none;color:#fdc401 !important;}

.flex{display: flex;}
/* Bug of multiple validation error messages in CF7 when spamming submit */
.wpcf7-not-valid-tip:not(:nth-child(1)):not(:nth-child(2)) {display:none;}

/* ------------------ Header ------------------ */
.site-header{text-align: center;z-index: 22222;position: relative;padding-top: 1.0rem;background: #c60a1e  	}

/* ---------------- Menu -------------------- */
#navbar{padding:1.0rem 0;}
.nav.navbar-nav{float: none;display: block;position: relative;text-align: center;font-size: 0;margin-bottom: 15px;}
.nav.navbar-nav li{position: relative;}
.nav.navbar-nav li a{display: block;padding: .6rem 2.0rem ;font-size: 1.8rem;text-decoration: none;color: #fff}
.nav.navbar-nav li ul{z-index: 10000;float: none;display: none;position: absolute;width: 200px;top: 99%;padding: 0 ;text-align: left;background: #444;}
.nav.navbar-nav li ul li{float: none;width: 100%;border-bottom: 1px dotted #aaa;}
.nav.navbar-nav li ul li a{	width: 100%;font-size: 1.2rem;}
.nav.navbar-nav li:hover ul{display: block;}
.nav.navbar-nav li a:hover{color:#fdc401 !important;}

/*burger*/
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover, .navbar-toggle{background-color: transparent;}
.navbar-inverse .navbar-toggle{border: none;}
/*end*/
/*fildArianne*/
div.breadCrumb{margin-top: 15px;}
/*end*/
/* ---------------- Slider -------------------- */
#slider{background-image: linear-gradient(#fdc401,#fdc401);}
.sliderReassurance{background-image: linear-gradient(#fdc401,#fdc401);font-size: 1.7rem;text-align: center;color: #454545;padding-top:3rem;}

/* ---------------- Main -------------------- */
#main{}
#contentMaster{padding-top: 3.5rem;padding-bottom:1.5rem;}
#contentMaster ul,#contentMaster ol{padding-left:0;}
#contentMaster ul{padding-left:1.5rem;    padding-top: 1.5rem;}
#contentMaster li{position: relative;padding-left:1.2rem;list-style-position: inside;}
#contentMaster ul li{list-style-type: none;}
#contentMaster ul li:before{font-family: 'FontAwesome';content: "\f0f5";font-size: 1.2rem;position: absolute;left:-5px;top: 0;color: #fdc401 	}

/* ---------------- Headings -------------------- */
h1{border-bottom:1px solid;border-color:#fdc401;font-weight: 400;font-size: 3.5rem;padding-bottom: 	13px;}
h2{position: relative;padding-left:2rem;font-size: 2.8rem;font-weight: 400;margin-bottom: 1.2rem;}
h2:before{height: 9px;width: 9px;content:" ";position: absolute;left:0;top:13px;background: #fdc401;}
h3{font-size: 2.3rem;font-weight: bold;padding-left: 33px;position: relative;    margin-bottom: 1rem;}
h3:before{border-bottom:1px solid #454545;width: 28px;position: absolute;left: 0;top: 13px;content: " ";}
h4{font-size: 1.7rem; font-weight: bold;margin-bottom: 0;}

/*page actu*/
h1.entry-title,
h2.entry-title{
	margin-top: 15px;
}
article.post footer.entry-meta{
	height: 9rem;
}
/*eend*/

#services {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 2.7rem;
    color: #000;
    padding: 30px 0px;
}
.exergue {
    font-size: 2rem;
    font-weight: 400;
    padding: 10px;
    margin: 0 0 20px 0;
    font-style: italic;
    box-shadow: 	none;
    color: #fff;
}
/* ---------------- Sidebar -------------------- */
.sidebar{background-image: linear-gradient(#c60a1e,#c60a1e);padding-top:15px;padding-bottom:15px;}

.widget h2{margin-bottom: 10px;}
.widget-element{margin-bottom: 25px;}
.widget_recent_entries ul{padding:0;}
.widget_recent_entries ul li{list-style-type: none;}
.widget_recent_entries ul li a{display: block;font-weight: bold;text-decoration: none;}
.widget_recent_entries ul li span{display: block;font-size: 1.3rem;}

.search-form{display: block;position: relative;}
.search-form label{display: block;}
.search-form label span{display: none;}
.search-form .search-field{height: 25px;background: #333;border:none ;padding:20px;width: 100%;color:#fff;}
.search-form .search-submit{height: 35px;width: 35px;position: absolute;right: 4px;top: 1px;line-height: 100px;overflow: hidden;border:none;background: transparent url(images/search.png) no-repeat center center;}

.search-form input[placeholder]{color: #fff;font-weight: normal;}
::-webkit-input-placeholder{color: #fff;}

/* ---------------- Formulaire -------------------- */
.wpcf7-form-control.wpcf7-submit{}
.wpcf7-form-control.wpcf7-submit:hover{}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea{background-color:rgba(255, 255, 255, 0.09); border: none;padding-left: 15px;padding-right: 15px;width: 100%;}
.wpcf7-form-control.wpcf7-text:focus,.wpcf7-form-control.wpcf7-textarea:focus{}

div.wpcf7{padding: 15px; background-color: #9a0013;}


/* ---------------- Bouton -------------------- */
.btn,
.wpcf7-form-control.wpcf7-submit,
.more-link{
	    background: #d81a1f  ;

    padding: 10px;
    display: inline-block;
    transition: all 0.1s;
    white-space: normal;
    text-transform: uppercase;
    border-radius: 5px;
    border: 1px solid #c60a1e   ;
    margin-top: 20px;
}
.btn:hover,
.wpcf7-form-control.wpcf7-submit:hover,
.more-link:hover{    background: #fdc401;
    border: 1px solid #c60a1e;
    color: #c6081f!important;
}

/* ---------------- Footer -------------------- */
.site-footer{background-image: linear-gradient(#c60a1e,#c60a1e);text-align: center;padding:20px 0;font-size: 17px;color:#fff;}
.site-footer .copy{font-size:1.3rem;}
input.wpcf7-form-control.wpcf7-captchar {
    color: #000;
}
/* ---------------- Divers -------------------- */
.sliderReassurance,.site-footer{line-height: 1.42;}
.telephoneSlider{font-size: 2rem;}
.telephoneFooter{font-size: 1.6rem;margin-bottom:20px;}
footer .telephoneSlider a, .telephoneFooter a{text-decoration: none;color: 	#fff;}
.telephoneSlider a, .telephoneFooter a{text-decoration: none;color: 	#000;}
.telephoneSlider a:hover{text-decoration: none;color: 	#c60a1e!important	 ;}
footer .telephoneSlider a:hover{text-decoration: none;color: 	#fdc401	!important	 ;}
.adresseSlider, .adresseFooter{margin-bottom:20px;}

.textAlignCenter{text-align: center;}
.mentionsLegales{font-style: italic;font-size: 1.2rem;}
footer .container{    border-top: 1px solid #fdc401;
    padding-top: 20px;}
/* ------------------ Break Points ------------------- */
@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
	.flex{display: block;}
	.sliderReassurance{display: none;}
	html{font-size: 59%;}
}
@media screen and (max-width: 767px) {
	html{font-size: 55%;}
	#navbar{position: relative	; width: 100%; right: 0;top: 0;left: 0;}
	.menu-menu-principal-container{margin-top: 1rem;}
	.navbar-inverse{background-color: transparent	;position: relative	;width: 100%;top: 0;}
	.nav.navbar-nav li{display: block;}
	.nav.navbar-nav li a{padding: 6px ;font-size: 18px;}
		
	.nav.navbar-nav li ul{display: block;position: relative;width: auto;top: 0;background: #666;text-align: center;}
	.nav.navbar-nav li ul li{float: none;width: 100%;border-bottom: 1px dotted #333 ;}
	.nav.navbar-nav li ul li a{width: 100%;font-size: .9em;}
	.home-link>img{margin-top: 0.5rem;max-width: 80%;padding-bottom: 1.5rem;}
}
@media screen and (max-width: 450px) {
}