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

/* vars 


*/

/* ------------------ Include Styles ------------------ */
/* fonts : */
/*
		Open sans*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800italic,800);
/*
font-family: 'Open Sans', sans-serif;
*/
/*
		Lato*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
/*
font-family: 'Lato', sans-serif;
*/
/*
		Merienda*/
@import url(https://fonts.googleapis.com/css?family=Merienda:400,700);
/*
font-family: 'Merienda', cursive;
*/
		Libre Basckerville
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);


/* ------------------ General ------------------ */

html{}
body{font-family: 'Open Sans', sans-serif;color: #fff;line-height: 24px;background: transparent;}

#bgBienTaVu{background: url(images/fond.jpg) center/cover no-repeat; z-index: -1; background-attachment: fixed;position: fixed;top:0;left: 0;right:0;bottom:0;}
.page-id-102>#bgBienTaVu{background: url(images/logiciel.png) center/cover no-repeat; z-index: -1; background-attachment: fixed;position: fixed;top:0;left: 0;right:0;bottom:0;}
.page-id-104>#bgBienTaVu{background: url(images/telechargement.png) center/cover no-repeat; z-index: -1; background-attachment: fixed;position: fixed;top:0;left: 0;right:0;bottom:0;}
.page-id-106>#bgBienTaVu{background: url(images/formation.jpg) center/cover no-repeat; z-index: -1; background-attachment: fixed;position: fixed;top:0;left: 0;right:0;bottom:0;}

#page{z-index: 1;}
.page-id-16>#bgBienTaVu{background: url(images/contact.png) center/cover no-repeat; z-index: -1; background-attachment: fixed;position: fixed;top:0;left: 0;right:0;bottom:0;}
#page{z-index: 1;}
a{color: #fb991f;text-decoration: none;transition-duration:0.3s;}
a:hover{color: #fff;text-decoration: none;}
.container{width: 600px;}
.exergue{text-align:center; box-shadow: none;background-color: rgba(212,212,212,0.3); color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 17px;}
#main .exergue p{margin-bottom: 0;}

/* ------------------ Header ------------------ */

#connexion{background-color: #fb991f; color: #fff; text-align: center;margin-left:-13px; margin-top: 25px; padding-top: 3px; padding-bottom: 3px;font-size: 20px; font-weight: bold;}
#connexion p{margin-bottom: 0;}
#connexion a{color: #fff;}
#connexion a:hover{color: #000;}

	/* ----------- Menu ---------- */
.navbar{padding-left: 13px;}

.blocleft{ width: 200px;  position: fixed; margin-left: 100px; top: 0; padding-left: 13px; padding-top: 19px; background: url(images/fond_menu.png) center bottom no-repeat; }
.blocleft .after{width: 200px;padding: 40px 0;display:flex; flex-direction: row;justify-content: center;font-family: 'Open Sans', sans-serif; font-size: 20px; color: #fff; font-weight: 700; margin-left: -13px;}
.after p{margin-left: 10px;}
.after i{font-size: 25px;}

.after a{color: #fff;}
.after a:hover{color: #fb991f;}

.nav{display: flex; flex-direction: column;}
.navbar-inverse .navbar-nav>li>a:hover{color: #fb991f;}
.blocleft ul li{border-bottom: 1px solid #fb991f; font-family: "Arial" sans-serif; font-size: 20px; color: #fff; padding-bottom: 5px; margin-top: 10px;list-style:  none;}
#petit{display: none;}

#logo img{padding-bottom: 65px;padding-right: 13px;}
.navbar-inverse .navbar-nav>li>a{padding: 0}

/* ------------------ Main ------------------ */

.logo {font-size: 32px; margin: auto; margin-bottom: 20px;}
#main .slogan1, .slogan2{text-align: center; font-family: Arial; display: inline-block;  background-color: #58585a;  padding: 5px 7px;  color: #fff;  text-transform: uppercase;}
#main .slogan1{font-size: 22px; margin-top: 85px;    margin-bottom: 8px;}
#main .slogan1 span{ color: #fb991f;}
#main .slogan2{font-size: 18px;  margin-bottom: 70px;}
#main{margin-bottom: 65px;}
.acc:nth-child(1):hover h2{color: #76eb48; text-decoration: none;}
.acc:nth-child(2):hover h2{color: #e9eb48; text-decoration: none;}
.acc:nth-child(3):hover h2{color: #eb8548; text-decoration: none;}
.acc h2{margin-top: 10px;}
.acc:hover p:nth-child(3){color: #fb991f;}
#main .acc p{text-align: inherit;}
#main .acc:hover{text-decoration: none;}
#monContenu{background-color: rgba(88,88,90,0.8);margin:0 -15px;padding:0 15px 15px 15px;}
#main li{font-size: 13px; list-style-image: url(images/list.png);}
#main p{font-family: 'Open Sans', sans-serif;font-size: 16px;text-align: justify;line-height: 23px;}
#main strong{color: #fb991f;}
#main .center{text-align: center;}
#main .puce{margin-bottom: 10px;}

#main .legende{font-size: 12px; text-align: center;line-height: 20px;}
#show{color:   #fff;}

	/* ---------- Headings ---------- */
h1{font-size: 35px; color: #fb991f;padding-top: 30px; margin-bottom: 20px; border-bottom: 1px solid #fb991f; font-family: 'Open Sans', sans-serif; font-weight: 400;}
h2{font-family: 'Libre Baskerville', serif;margin-bottom: 20px; margin-top: 30px; color: #fb991f; font-size: 27px; font-weight: 400;}
h3{font-family: 'Libre Baskerville', serif; margin-bottom: 20px; margin-top: 30px; color: #fb991f; font-size: 21px; margin-bottom: 20px;}
h4{color: #fb991f; font-size: 17px; font-weight: 800;margin-bottom: 15px;}
h5{}
h6{}

.spanh2{font-size:20px; font-weight: 400; font-style: italic;}

	/* contact */
.wpcf7-form-control.wpcf7-submit{ font-size: 16px; margin-top: 20px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; padding: 5px 40px; background-color: #fb991f; color: #000; text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.5); font-weight: 700; -webkit-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.6);box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.6); border: none;}
.wpcf7-form-control.wpcf7-submit:hover{background-color: white; color: black;}
.wpcf7-form-control.wpcf7-text,.wpcf7-form-control.wpcf7-textarea,.wpcf7-form-control.wpcf7-captchar{color:#000 !important;}
.wpcf7-form-control.wpcf7-text:focus,.wpcf7-form-control.wpcf7-textarea:focus{}

	/* btn */
.btn{ font-size: 16px; margin-top:5px;-moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; padding: 5px 40px; background-color: #fb991f; color: #000; text-shadow: 1px 1px 3px rgba(150, 150, 150, 0.5); font-weight: 700; -webkit-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.6);box-shadow: 2px 2px 8px 0px rgba(50, 50, 50, 0.6);}
.btn:hover{}

    /*footer*/
#colophon{background-color: #58585a; font-size: 13px; padding: 10px 0; z-index: 2; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); position: fixed; bottom: 0; left: 0; right: 0;}
#colophon p{display: inline-block; margin-top: 10px; margin-bottom: 10px;font-size: 16px; font-weight: bold;}
.copy{color: #b9b9b9; position: absolute; right: 20px; top: 10px;}
#mail{color: #fb991f;}
#mail:hover{color: #fff;}
.sbttBacktotop{bottom: 80px !important; z-index: 3;}
.text-center ul{padding: 0;}
.text-center ul li{display: inline;}
.text-center ul li a{font-size: 16px;}
/* ------------------ Break Points ------------------- */
@media screen and (max-width: 1700px) {
    #main{margin-left: 400px;}
    #colophon .container{margin-left: 400px;}
    #main{margin-bottom: 60px;}
    
}
@media screen and (max-width: 1610px) {
     .copy{position: relative; right: auto; top: auto;}
     #main{margin-bottom: 100px;}
}
@media screen and (max-width: 1300px) {
    .container{width: auto;}
    .blocleft{margin-left: 0px;}
    #main{margin-left: 300px;}
    #colophon .container{margin-left: 300px;}
    .blocleft{background: #58585a; height: 100%;}
}
@media screen and (max-width: 992px) {
    #main{margin-left: auto; margin-top: 100px; margin-bottom: auto;}
    #colophon{position: relative;}
    .blocleft{padding-top: 85px;padding-left:0;position: relative; width: 100%; text-align: center;background: #58585a;} 
    .blocleft .after{width: 100%;  background: #58585a; padding: 20px; margin-left: 0px;}
    #colophon .container{margin-left: auto;}
    #main .slogan1{margin-top: 0px;}
    #main .slogan2{margin-bottom: 30px;}
    #main{margin-top: 30px;}
    .sbttBacktotop{bottom: 160px !important;}
    
    .navbar-toggle{margin-top: -60px;}
    .navbar-header {float: none;}
    .navbar-toggle {display: block;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px 0px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .collapse.in{display:block !important;}
    
    .blocleft .after{display: none;}
    #petit{display: flex;}
    
    #connexion{margin-left: 0;}
	.navbar{padding-left: 0;}
	#navbar{position: fixed;top: 0px; right: 0px; width: 100%;background-color: #58585a; padding-top: 70px;}
	#logo img{padding-bottom: 15px;}

}
@media screen and (max-width: 767px) {
    .blocleft .after{padding: 10px;}
    .navbar-toggle{margin-top: -50px;}
    #colophon p{margin-bottom: 0;margin-top: 0;}
}

@media screen and (max-width: 700px){
    .mr30{margin-right: 0px;}
    #monContenu{padding-bottom: 50px;}
    #colophon p{line-height: 18px;}
}
@media screen and (max-width: 450px) {
    .navbar-toggle{margin-right: 0px;}
    #logo img{max-width: 80%;	height: auto;padding-bottom: 20px;}
    .sbttBacktotop{bottom: 100px !important;}
    .navbar{padding-left: 0px;}
    #connexion{margin-left: 0;}
}
@media screen and (max-width: 350px) {
    .sbttBacktotop{bottom: 120px !important;}
}
.navbar-nav ul {
    padding: 0;
}
.page-id-263 #eng-dis{display: none;    }