/*
Theme Name: Simple Bootstrap Child
Theme URI: https://github.com/nicolas-van/wordpress-simple-bootstrap
Template: simple-bootstrap
Author: Nicolas Vanhoren
Author URI: https://github.com/nicolas-van
Description: Simple and clean Wordpress theme mostly aimed as a starting point for developers to build their own themes using Bootstrap
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-colors,custom-background,featured-images,translation-ready,custom-header,flexible-header,custom-menu,footer-widgets
Version: 0.9.0.1496045792
Updated: 2017-05-29 10:16:32

*/

/*
Theme Name: Solussy Template
Template: Solussy Template
Author: Andrea Clement
*/

body.single div header nav div #menu-menu-pricipal, body.page-id-114 div header nav div #menu-menu-pricipal, body.page-id-74 div header nav div #menu-menu-pricipal{
		display:none;
}

body.single div header div  #main  nav.retour {
	padding-bottom:0px !important;
}

.top{
	background-color: #ffffff;
    bottom: 14px;
    font-family: "fontawesome",FontAwesome;
    font-size: 3.5em;
    line-height: 1em;
    padding: 0 10px;
    position: fixed;
    right: 80px;

}
.top:hover{
	color:#12B3C5;
}

.top:before{
	content:"\f106";
}

.block_btn{
	text-align: center;
}	
	
.btn_temoignage{
	border:1px solid #ffffff;
	color:#ffffff ;
	text-align: center;
	padding:5px 10px;
	display: inline-block;
	position:relative;
	bottom:20px;

}	
.btn_temoignage:hover{
	border:1px solid #12B3C5;
	color:#12B3C5;
}
@media (max-width:768px){
	.btn_temoignage{
		width:auto;
	left:15px;
	margin-left:0px;
	}
}

/*-------------- GENERALITE -----------------*/

#content-wrapper{
	height:auto;
    display: flex!important;
}

body{
	background: white;
	font-family: helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: 100;
	color: #12B3C5;
	font-weight: 300;
}

a{
	color: #7662AA;
}

a:hover, a:focus{
	color: #7662AA;
}


.row0{
	margin-left: 0;
	margin-right: 0;
}


::-moz-selection { /* Code for Firefox */
    color: #7662AA;
    background: #C8CACC;
}

::selection {
    color: #7662AA;
    background: #C8CACC;
}


/*-------------- HEADER MENU -----------------*/

nav{
	padding-bottom: 30px;
}

#menu-menu-pricipal{
	float: right;
}

.navbar-toggle{
	border-radius: 5px;
}
.navbar-toggle:hover {
    background-color: #12B3C5 !important;
}

.navbar-nav > li > a {
	font-size: 1.45em !important;
	font-weight: 100;
    padding-bottom: 14.5px;
    padding-top: 62.5px;
}

@media (max-width:990px){
	.navbar-nav > li > a {
		font-size: 1.2em !important;
	}
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	background-color: transparent;
    color: #12B3C5;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: #fff;
    color: #12B3C5;
}

.navbar-header{
	width:150px;
}
@media (max-width:768px){
	.navbar-header{
		width:100%;
		margin-top:30px;
		
	}
	a.navbar-brand{
		width:130px;
		margin-top: -30px;
	}
	header{
		height:120px;
	}
	ul#menu-menu-pricipal{
		width:100% !important;
		text-align: center;
	}
	#menu-item-62 a{
		background-position:center center !important;
	}
	.navbar-nav > li > a{
		padding-top:30px;
	}
}
.navbar-brand{
	width: 100%;
}

.navbar-default{
	background: white;
	border: none;

}

.navbar-default .navbar-nav > li > a{
	color: #7662AA;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
}

#menu-item-62 a{
	 background: url("images/facebook.svg") no-repeat center ;
	 background-size: 50px 50px;
	 background-position: 40px 47px ;
	 color: transparent;
}

#menu-item-62 a:hover{
	 background: url("images/facebook_hover.svg") no-repeat center ;
	 background-size: 50px 50px;
	 background-position: 40px 47px ;
	 color: transparent;
}
.main_page_content{
	display: flex;
	flex-direction: column;
}
.main_page_content .block_container{
	display: flex;
	flex-direction: row;
	width: 100%;
}
.main_page_content .block_container div p,em,div{
	font-style: unset!important;
	font-weight: 300!important;
	font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;
}
#block_bleu p{
	font-size: 1.7rem!important;
	font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;;
	font-weight: 300;
}
#block_violet p{
	font-family: Arial!important;
	font-size: 1.1rem;
	font-weight: 300;
}
#block_violet h3{
	font-family: Arial!important;
	font-size: 1.6rem!important;
}
.main_page_content .block_container h1>p{
	font-size: 2.5rem!important;
}
.main_page_content .block_container:nth-of-type(2) {
	flex-direction: row-reverse;
	font-style: italic;
}
.main_page_content .block_container:nth-of-type(2) span.mots p{
	font-style: normal!important;
}
.main_page_content .block_container .col-sm-6{
	max-width: 100%!important;
}
body{
	-webkit-font-smoothing: antialiased;
}
/* CUSTOM CSS */
.strong-view.wpmtst-modern .wpmtst-testimonial-content::before{
	display: none!important;
} 
h1{
	font-size: 2em!important;
	font-weight: 300;
	line-height: 1.1;
}
p,li{
	font-size: 1.05rem!important;
	font-weight: 300!important;
	font-family: helvetica, sans-serif;

}
h2{
	font-size: 1.3em!important;
	font-weight: 300;
	line-height: 1.1;
}
.mots p{
	font-size: 7rem!important;
}
#block_bleu h1 p{
	font-size: 2rem!important;
}
#block_violet div div p{
	font-size: 1.2rem!important;
	font-style: italic!important;
	font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;;

}
#block_violet div div h3{
	font-family: "Source Sans Pro", Calibri, Candara, Arial, sans-serif;;

	font-size: 1.7rem;
	font-style: italic!important;
	font-weight: bold!important;


}
.img_logo{
	width: 50%;
}
#id_partenaire{
	display: flex;
	flex-wrap: wrap;
}
.citation p{
	font-size: 2rem!important;
}
.vertical-nav .container .row{
	display: flex;
	flex-direction: column;
}
#id_contenu #id_solutions p,li{
	font-size: 1rem;
	color: #12B3C5;

	font-family: helvetica, sans-serif;
}
.solution:nth-of-type(2n) p,li{
	color: #7662AA!important;
}
#id_contenu #id_solutions strong{
	font-weight: 600;
}
#link_apropos{
	margin: auto;
}
#id_apropos,.block{
	margin: auto;
}
.navbar-toggle{
	display: none;
	border: unset;
	max-width: 45px;
	height: 45px;
	aspect-ratio: 1 / 1;
	padding: unset;
}
.navbar-toggle::after{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	content: "\f333";
	aspect-ratio: 1 / 1;
	color: white;
	font-family: "dashicons";
	font-size: 2rem;

}
#navbar-responsive-collapse{
	display: flex;
	align-items: center;

}
.navbar .container{
	justify-content: center!important;
}
#navbar-responsive-collapse ul{
	margin: auto;
	display: flex!important;
	flex-direction: row;
	justify-content: space-evenly;
	width: calc(100% - 150px)!important;
	max-width: 960px;
}
.navbar-header img{
	max-width: 150px;
	aspect-ratio: 16 / 3;
	height: 150px;
}
@media (min-width: 768px) {
	
	.navbar .container {
	  max-width: 100%;
	}
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent;

}
#navbar-responsive-collapse{
	display: contents;
}
#navbar-responsive-collapse ul{
	margin: 0!important;
}
@media (max-width:880px){
	header{
		height: unset!important;
	}
	.block{
		flex: 0 0 90%!important;
	}
	.nav-link{
		display: flex;
		justify-content: center;
		
	}
	.navbar-brand{
		width: 100%!important;
	}
	#menu-item-62 a{
		background-position: 20px 20px;
	}
	#menu-item-62 a:hover{
		background-position: 20px 20px;

	}
	.navbar-header{
		width: 100%;
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		margin: 0;
	}
	.navbar-header img{
		max-width: 150px;
	}
	.navbar-toggle{
		display: block;
		border: unset;
		width: 60px;
		aspect-ratio: 1 / 1;
		padding: unset;
	}
	.block{
		max-width: 90%!important;
		margin: auto!important;
	}
	#navbar-responsive-collapse{
		display: flex;
		align-items: center;
	
	}
	
	#navbar-responsive-collapse ul{
		margin: auto;
		flex-direction: column!important;
		align-items: center!important;
		width: 100%!important;
	}
	
	#navbar-responsive-collapse .show {
	  
	
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	  border-color: transparent;
	
	}
	.collapse:not(.show) {
	  display: none!important;
	
	}
}
#block_violet{
	padding:.5rem;
}
#main{
	padding: 0!important;
	margin: 0!important;
}
.retour{
	max-width: 100%!important;
}
#main{
	max-width: 100%!important;
}
#main article{
	width: 100%;
	padding: 0!important;
	margin: auto!important;
}
#content{
	max-width: 100vw;
	margin: auto!important;
}
#id_partenaire{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#id_partenaire div{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 50%!important;
	flex: 0 0 50%!important;
}
#id_partenaire div a,img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	aspect-ratio: 16 / 3;
}
#id_partenaire h1{
	width: 100%;
}
#id_clients{
	display: flex;
	
	flex-wrap: wrap;
}
#id_clients h1{
	width: 100%;
}
#id_clients div,a{
	aspect-ratio: 16 / 3;
	width: 100%;
	height: 100%;
}
#id_clients div{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 50%!important;
	flex: 0 0 50%!important;

}
@media (max-width: 768px){
	#id_clients div{
		margin-left: min(22%, 12rem);
	}

}
.pager li a {
	max-height: 2.3rem!important;
  }
#main{
	margin: auto!important;
}
.btn_temoignage{
	display: none;
}
/* CUSTOM CSS */
@media (max-width:1200px){
    .main_page_content {
        display: flex;
        flex-direction: column;
    }
    .main_page_content .block_container{
        display: flex;
        flex-direction: column!important;
    }
    .main_page_content .col-sm-6{
        width: 100%!important;
        flex:0 0 100%!important;
        max-width: unset!important;
    }
	header nav .container{
		width:100%;
	}
}
.collapse{
	transition: all .5s!important;
}
.collapsing{
	height: 0!important;

}
.show{
	transition: all .5s!important;
	height: 643px!important;
}
.nav-item,.nav-link{
	scroll-behavior: smooth!important;
}

/*--------------  menu responsive -----------------*/

.navbar-toggle{
	background-color: #7662AA !important; 
}

/*-------------- PAGE PRINCIPALE -----------------*/

#block_photo_life{
	margin:0;
	padding:0;

	height: 400px;
	 background: url("images/route_foret.jpg") no-repeat center ; 
	 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
	 background-size: cover; /* version standardisée */
	
	float: left;
	text-align: center;
	padding-top: 100px;

}
#block_bleu{
	height: 400px;
	float: right;
	background: #12B3C5;
	padding-top: 95px;
	padding-bottom: 100px;
	padding-left: 10%;
	padding-right: 10%;
	color: white;
}
#block_bleu h1{
	font-size: 1.7em;
}
#block_bleu h1 p em{
	text-align: right !important;
}

#block_violet{
	height: 400px;
	float: left;
	background: #7662AA;
}

.block{
	box-shadow: none;
	background: transparent;
}

#block_photo_work{
	margin:0;
	padding:0;
	height: 400px;
	 background: url("images/ville_nuit.jpg") no-repeat center ; 
	 -webkit-background-size: cover; /* pour anciens Chrome et Safari */
	 background-size: cover; /* version standardisée */
	float: right;
	text-align: center;
	padding-top: 100px;
}



@media (max-width:758px){
	#block_photo_life, #block_bleu, #block_violet, #block_photo_work{
		height:250px;
	} 
	#block_photo_life h1, #block_bleu h1, #block_violet h1, #block_photo_work h1{
		margin-top:-35px;
	} 	
	
}

.author{
	float: right;
	font-style: italic;
}

span.mots{
	color: white;
	font-size:  2.5em;
	width:100%;
	
}



.bleu{
	background: #12B3C5;
	color: white;
}

.violet{
	background: #7662AA;
	color: white;
}


#id_contenu h1{
	font-size: 2.9em;
	margin-bottom: 40px;
}

#id_contenu h1, #id_contenu h3 {
	text-align: center;
}

#id_contenu p{
	text-align: justify;
}
@media (max-width:758px){
#id_contenu p{
	text-align: left;
}
}

#id_contact{
	color: #7662AA;
}


#image_apropos{
	align-content: center;
}
#link_apropos{
	flex: 0 0 80%;
}
#link_apropos img{
	width: 100% !important;
	height: auto !important;
	align-content: center;
	aspect-ratio: unset!important;
}

#id_solutions h3{
	margin: 40px;
}

#id_solutions .solution:nth-child(2n+1){
	color:#7662aa;
}

#id_solutions .solution:nth-child(2n+1) .lien_pdf{
	border:1px solid;
	padding:10px 20px;
	color:#7662AA;
	
}
#id_solutions .solution:nth-child(2n+1) .lien_pdf:hover{
	border:1px solid #12B3C5;
	padding:10px 20px;
	color:#12B3C5;
	text-decoration:none;
}

#id_solutions .solution:nth-child(2n+0) .lien_pdf{
	border:1px solid;
	padding:10px 20px;
	color:#12B3C5;
	
}
#id_solutions .solution:nth-child(2n+0) .lien_pdf:hover{
	border:1px solid #7662aa;
	padding:10px 20px;
	color:#7662aa;
	text-decoration:none;
}

#id_solutions .solution:nth-of-type(1) ul li{
	color: #12B3C5!important;
}
#id_solutions h2{
	text-align: center;
	margin: 50px 0px 20px 0px;
}

.img_logo{
	margin-bottom: 15px;
}


.citation p{
	font-size: 2em;
	text-align: center !important;
	padding-top:20px;
}
@media (max-width:758px){
	.citation p{
	font-size: 1.6em;
	text-align: center !important;
	padding-top:20px;
	}
}
/*-------------- CONTACT FORM -----------------*/

#id_contact input, #id_contact textarea{
	border: solid 2px #7662AA;
	padding: 10px;
}

#id_contact .wpcf7-form-control{
	width: 100% ;
}


.wpcf7-submit{
	color: white;
	background: #7662AA;
	border-radius: 3px;
	float: right;
	width: 90px !important ; 
	
}

.wpcf7-submi:hover{
	color: white;
	background:  #12B3C5;
	border-radius: 3px;
}

/*-------------- TESTIMONIAL -----------------*/
.strong-view.controls-style-buttons .wpmslider-wrapper .wpmslider-start:hover, .strong-view.controls-style-buttons .wpmslider-wrapper .wpmslider-stop:hover, .strong-view.controls-style-buttons .wpmslider-wrapper .wpmslider-next:hover, .strong-view.controls-style-buttons .wpmslider-wrapper .wpmslider-prev:hover, .strong-view.pager-style-buttons .wpmslider-wrapper .wpmslider-pager-link:hover::before{
	color:#12B3C5 !important;
}

.testimonial-content p{
	text-align: left;
	color: #ffffff;
	}
.testimonial-content{
	font-size: 1.2em;
}

h3.testimonial-heading{
	text-align: left;	
	color:#ffffff;
}

a.readmore{
	color:#ffffff;
	text-decoration: underline;
}

a.readmore:hover{
	color:#12B3C5;
}

@media (max-width:758px){
	.testimonial-content p{
		font-size: 0.8em;
		margin-bottom: -15px !important;
	}
	h3.testimonial-heading{
	margin-top: -15px !important;
	}
	
}
@media (max-width:992px){
.strong-view.modern.controls-type-sides .testimonial-inner{
		padding-left:0px !important;
		padding-right:0px !important;
	}
}

.testimonial-client .testimonial-name{
	text-align: right;
	font-style: italic;
	font-weight: lighter !important;
	color:#cdcdcd !important;
	font-size: 1.2em !important;
	padding-right:3px;
}
.testimonial-company{
	text-align: right !important;
	padding-right:3px;
	
}
.testimonial-company a{
	color:#ffffff;
	font-size: 0.8em;
}


.simplePagerContainer div .testimonial:nth-child(2n+1){ 
	background-color:#7662AA;
	border:0px;
}
.simplePagerContainer div .testimonial:nth-child(2n+2){ 
	background-color:#12B3C5;
	border:0px;
}

article header ul.text-muted{
	display:none;
}



/*-------------- TEMOIGNAGE -----------------*/

.strong-view.modern .testimonial-content::before,  .strong-view.modern .testimonial-content::after{
    display: none;
}

/*
.strong-view.controls-style-buttons .wpmslider-wrapper .wpmslider-next::before, .strong-view.controls-style-buttons .wpmslider-wrapper .wpmslider-prev::before{
	color: white;
}
*/

/*-------------- FOOTER -----------------*/


#inner-footer{
	color: #12B3C5;
	background: white;
	text-align: center;
	font-size: 0.7em;
}