/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

.cky-btn-revisit-wrapper {
	display:none !important;
}

.page-politique .entry-wrap {
	margin: 5% 0;
}

.page-politique h1 {
	text-transform: none;
	font-size: 32px;
	letter-spacing: 0;
	padding-bottom: 25px;
	font-weight: 700;
	font-family: 'Raleway';
}
.page-politique h3 {
	font-size: 21px;
	font-weight: 600;
	text-transform: none;
	letter-spacing: 0;
	margin: 2em 0 0.5em;
	font-family: 'Raleway';
}

.page-politique a {
	text-decoration: underline !important;
	color: #449fd2;
}

.mobile-only { display:none !important; }
.hentry .entry-wrap { padding:0 !important; }
.x-topbar {
	background-color:transparent !important;
	border-bottom: 0px !important;
}
.x-topbar .x-social-global {
	text-align: center;
	float:none;
	padding-top:20px;
}

.blue-titles h2 {
	color:#449fd2;
	font-size: 40px;
	font-family: 'Raleway';
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0 !important;
}
.blue-titles h2:before {
	content:"";
	width:28px;
	height:28px;
	border-left:4px solid #449fd2;
	border-top:4px solid #449fd2;
	position:absolute;
	margin-left: -40px;
    margin-top: -15px;
}
.blue-titles h2:after {
	content:"";
	width:28px;
	height:28px;
	border-right:4px solid #449fd2;
	border-bottom:4px solid #449fd2;
	position:absolute;
    margin-left: 15px;
    margin-top: 30px;
}
.blue-titles-no-line h2 {
	color:#449fd2;
	font-size: 40px;
	font-family: 'Raleway';
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0 !important;

}
.blue-titles-no-line {
	margin-bottom: 0px !important
}
.titles-with-separator h3 {
	color: #449fd2;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: 900;
	letter-spacing: 0 !important;
}
.titles-with-separator h3:after {
	content: "";
	border-top:2px solid #449fd2;
	width: 60px;
    display: block;
    margin-top: 25px;
}
.titles-h3-gray h3{
	color: #353535;
	font-size: 20px;
	margin-top:0px !important;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: 100;
	letter-spacing: 0 !important;
}
.x-logobar {
    display: none;
}
.x-navbar  {
	background-color:transparent;
	border-bottom:none;
}

.logo-custom {
	width:300px;
	height:43px;
	top:20px;
	background:url(/wp-content/uploads/2016/11/logo.png);
	background-size:300px 43px;
}
.x-navbar .desktop .x-nav>li>a>span {
	border: 0;
}

.home-slider {
	margin-top:-140px;
}
.btn-bleu a{
	font-family: 'Raleway';
	font-size: 20px !important;
	text-transform: uppercase;
	letter-spacing: 0 !important !important;
	color: #449fd2 !important;
	background-color: transparent !important;
	border:3px solid #449fd2 !important;
    padding: 15px 30px !important;
}
.btn-bleu a:hover {
	color: #fff !important;
	background-color: #449fd2 !important;
	border:3px solid #449fd2 !important;
}
.custom-btn a {
	color: #449fd2 !important;
    background-color: transparent !important;
    text-transform: uppercase !important;
    border: 2px solid #449fd2 !important;
}
.custom-btn a:hover {
	color: #fff !important;
    background-color: #449fd2 !important;
    text-transform: uppercase !important;
    border: 2px solid #449fd2 !important;
}
.section-122-homepage {
	background:transparent;
	border:3px solid #449fd2;
}
.section-122-homepage p {
	font-size: 20px;
	font-family: 'Roboto';
	color: #449fd2;
	line-height: 24px;
}
.section-122-homepage {
	padding:50px;
}
.section-122-homepage .mot-loi-122 p {
	font-size: 60px;
	line-height: 72px;
	font-family: 'Raleway';
}


/*SERVICES*/

.services-title {
	font-family: 'Raleway';
	font-size: 20px;
	color:#fff;
	letter-spacing: 0px;
	font-weight: 900;
	margin-bottom:15px !important;
}
.services-title:after {
	content: "";
	border-top:2px solid #fff;
	width: 40px;
    display: block;
    margin-top: 15px;
}
.services-description-left {
	color:#fff;
	padding-right:15%;
}
.services-description-right {
	color:#fff;
	padding-left:15%;
}
.blue-box-left {
	max-width:50%;
	left:10%;
	padding:30px !important;
	background:#449fd2;
	mix-blend-mode: multiply;
	z-index:2;
}
.blue-box-right {
	max-width:50%;
	padding:30px !important;
	background:#449fd2;
	mix-blend-mode: multiply;
	z-index:2;
}

.para-img {
    position: relative;
    top: 25px;
    /*left: 10%;*/
    z-index: 1;
}
.blue-box-left, .blue-box-right{
	position: relative;
	margin-top:5%;
}
.blue-box-left a, .blue-box-right a {
		color:#fff;
		text-decoration: underline;
	}
	.blue-box-left a:hover, .blue-box-right a:hover {
		color:#fff;
	}
.blue-box-left {
	left:3%;
}
.blue-box-right {
	left:-3%;
}

/*LOI 122*/

.description-loi ul li {
	list-style-type: none;
	color:#000;
	padding-bottom: 16px;
    line-height: 18px;
}
.description-loi ul li:before {
	content:"";
	display:inline-block;
	background: #449fd2;
	width:10px;
	height:10px;
    margin-left: -20px;
    margin-right: 10px;
}
.loi-middle-section {
	margin:50px auto;
}
.loi-middle-section h3  {
	font-family: 'Roboto';
	letter-spacing: 0;
	font-size: 20px;
	color:#449fd2;
}
.loi-middle-section h3 {
	font-family: 'Roboto';
	font-size: 20px;
	text-transform: none;
	color:#449fd2;
	letter-spacing: 0 !important;
}
.mot-loi-122 {
	font-size: 60px;
	color:#449fd2;
	font-family: 'Raleway';
	margin-top:-4%;
	text-align: center;
	margin-bottom: 0 !important
}
.mot-loi-122 .number-122 {
	font-size: 72px;
}
.loi-footer-section h3  {
	font-family: 'Roboto';
	letter-spacing: 0;
	font-size: 20px;
	color:#fff;
}
.loi-footer-section ul li a {
	font-family: 'Roboto';
	color:#fff;
	text-decoration: underline;
}
.loi-footer-section ul li {
	list-style-type: none;
	line-height:20px;
	margin-bottom:15px;
}

.loi-footer-section ul li:before {
	content:"";
	display:inline-block;
	background: #fff;
	width:10px;
	height:10px;
    margin-left: -20px;
    margin-right: 10px;
}
.en-savoir-plus h3 {
	margin-top:20%;
	margin-left:15%;
}
.en-savoir-plus h3:before {
	content:"";
	width:28px;
	height:28px;
	border-left:4px solid #fff;
	border-top:4px solid #fff;
	position:absolute;
	margin-left: -40px;
    margin-top: -15px;
}
.en-savoir-plus h3:after {
	content:"";
	width:28px;
	height:28px;
	border-right:4px solid #fff;
	border-bottom:4px solid #fff;
	position:absolute;
	left: 240px;
    bottom: 25px;
}

.martin-quote h2 {
	font-size: 20px;
	color:#449fd2;
	font-family: 'Raleway';
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 0 !important;
}

/*CONTACT*/

body .gform_wrapper textarea.medium {
	height:3em;
}
.contact-info:before {
	content:"";
	width:28px;
	height:28px;
	border-left:4px solid #449fd2;
	border-top:4px solid #449fd2;
	position:absolute;
	margin-left: -40px;
    margin-top: -15px;
}
.contact-info:after {
	content:"";
	width:28px;
	height:28px;
	border-right:4px solid #449fd2;
	border-bottom:4px solid #449fd2;
	position:absolute;
	left: 320px;
    bottom: 20px;
}

.contact-info h3, .contact-form-title h3 {
	font-size: 30px;
	color:#449fd2;
	letter-spacing: 0 !important;
}
.contact-form-title p {
	font-family: 'Roboto';
	font-size: 20px;
	color:#449fd2;
}
.contact-info p {
	font-family: 'Roboto';
	font-size: 20px;
	color:#767676;
}
.contact-info a {
	color:#767676;
}
.contact-info i {
	color:#449fd2;
}
/*FORM*/
.contact-form-section {
	background:#fff;
	padding:0 40px !important;
}
.form-left, .form-right {
	width:50%;
}
.form-two-column p {
	padding:0 5px;
	color: #767676;
}
.form-left {
	float: left;
}
.form-right {
	float: right;
}
.wpcf7-not-valid-tip {
	font-size: 8px;
	color:#CB0011;
}
.contact-form-section input, .contact-form-section textarea {
	background:#fff;
	border:none;
	border-bottom:1px solid #767676;
}
.contact-form-section input:focus, .contact-form-section textarea:focus {
	border-bottom:2px solid #449fd2 !important;
	color:#449fd2;
}
.contact-form-section textarea {
	height:35px;
	resize: none;
}
.contact-form-section input[type="submit"] {
	width: 100%;
    border: 2px solid #449fd2;
    padding-top: 15px;
}
.contact-form-section input[type="submit"]:hover {
	color: #fff !important;
    background-color: #449fd2 !important;
    text-transform: uppercase !important;
    border: 2px solid #449fd2 !important;
}

.wpb_gmaps_widget.wpb_content_element {
	margin:0;
}
.wpb_gmaps_widget .wpb_wrapper {
	padding:0px !important;
}

/*FOOTER*/
footer {
	background:#535151 !important;
	color:#fff !important;
}
footer a { color:inherit; }
footer h4 {
	font-size: 16px !important;
	color:#fff;
	font-family: 'Roboto';
	letter-spacing: 0px !important
}

/*FORM*/

#mc_embed_signup {
	background:transparent !important;
}
#mc_embed_signup input.email {
	width:250px !important;
}
#mc_embed_signup input {
	border-radius: 0px !important;
	border:0px !important;
}
#mc_embed_signup .button {
    border: 1px solid #669DD1 !important;
    background-color: transparent !important;
    color:#669DD1 !important;
}
footer input[type="email"] {
	height:30px !important;
	width:20% !important;
	margin:0;
	/*float: left;*/
	/*min-width:225px;*/
}
footer input[type="submit"]{
	/*width:20%;*/
	font-size: 14px;
	line-height: 13px;
	height:30px !important;
	/*float:left;*/
	border-width:1px;
	margin-left:5px;
	/*min-width:150px;*/
}
footer input[type="submit"]:hover {
	font-size: 14px;
	line-height: 13px;
	height:30px !important;
	/*float:left;*/
	border-width:1px;
	margin-left:5px;
}
footer .wpcf7-not-valid-tip {
    position: absolute;
   margin-left: -239px;
    margin-top: 35px;
    color:#fff;
}
footer .wpcf7-response-output {
	margin:0 auto !important;
	/*display:none !important;*/
}
footer .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
	display:none !important;
}
footer .wpcf7-mail-sent-ok {
	background-color: transparent;
    border-color: transparent;
    color: #fff;
    width: 30%;
}
footer form {
	/*float: left;
	width: 70%;
    margin-left: 33%;*/
	/*float: left;*/
}
/*IPHONE */

@media only screen and (max-width: 689px) { 
	.desktop-only { display:none !important; }
	.mobile-only { display:block !important; }
	.logo-custom {
		display:none;
	}
	.x-logobar {
	    display: block;
	    width: 50%;
	    margin: 0 auto;
	}
	h2 {
		font-size: 18px !important;
	}
	h3 {
		font-size: 16px;
	}
	.home-slider {
		margin-top:-20px;
	}
	
	/*HOMEPAGE */
	
	.homepage-description .custom-btn, .homepage-description .custom-btn a {
		width:100%;
	}
	.mobile-only.martin-bg {
		height:265px;
	}
	.homepage-slide .wpb_single_image {
		margin-bottom:0px;
	}

	
	/*HOMEPAGE SECT. LOI*/
	

	.mobile-only .section-122-homepage {
		margin: 0 auto !important;
		padding:50px 25px 25px 25px;
		text-align: center;
		background: #449fd2 ;
	}
	.mobile-only .section-122-homepage .mot-loi-122 p {
		font-size: 30px;
		color:#fff;
	}
	.mobile-only .section-122-homepage .mot-loi-122 span {
		font-size: 34px;
		color:#fff;
	}
	.mobile-only .section-122-homepage .btn-bleu a {
		font-size: 16px !important;
		margin-top:20px;
		color:#fff !important;
		border-color: #fff !important;
	}
	.mobile-only .section-122-homepage p {
		font-size: 14px;
		line-height: 18px;
		color:#fff;
	}
	.vc_column-inner {
		padding-top:0 !important;
	}

	


	/*CONTACT*/
	.contact-form-title h3 { margin-top: 0px !important; }
	.contact-form-section {
		background:#fff;
		padding:0px !important;
	}
	.contact-form-title p { font-size: 14px; }
	.form-left, .form-right {
		width:100%;
	}
	.form-two-column p {
		padding:0 5px;
		color: #767676;
	}
	form label {
		font-size: 18px;
	}
	#post-11 > div > div > div > div.vc_row.wpb_row.vc_row-fluid.mobile-only.vc_row-no-padding.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-flex {
		min-height: 0 !important;
	}
	html body .gform_wrapper .ginput_container input.small, html body .gform_wrapper .ginput_container input.medium, html body .gform_wrapper .ginput_container input.large, html body .gform_wrapper .ginput_container select.small, html body .gform_wrapper .ginput_container select.medium, html body .gform_wrapper .ginput_container select.large, html body .gform_wrapper .ginput_container textarea.small, html body .gform_wrapper .ginput_container textarea.medium, html body .gform_wrapper .ginput_container textarea.large { width:100% !important; }
	
	body .gform_wrapper input.gform_button.button, body .gform_wrapper input[type=submit] {
		font-size: 18px !important;
	}

	html body .gform_wrapper .top_label .gfield, html body .gform_wrapper .top_label li.gsection.gf_scroll_text {
		margin-bottom:0!important;
	}
	.form-left {
		float: none;
	}
	.form-right {
		float: none;
	}
	.contact-info { margin-left: 35px; }
	.contact-info:before {
		margin-left:-30px;
	}
	.contact-info:after {
		left:88%;
	}
	.contact-info p { font-size: 14px; }

	.quentin-section .vc_column-inner {
		padding-left:5% !important;
	}

	/*SERVICES*/

	.blue-box-left, .blue-box-right {
		width:100%;
		left:0;
		padding:0;
		margin:0;
		/*display:block;*/
		max-width: 100%;
	}

	.para-img {
		top:-25px;
	}
	.services-description-right {
		padding-left:0px;
	}
	.services-title p {
		font-size: 18px;
	}

	/*PAGE LOI 122*/
	.loi-middle-section { text-align: center; }
	.en-savoir-plus {
		text-align: center;
		width:85%;
	}
	.en-savoir-plus h3:after {
		left:75%;
	}
	.loi-footer-section h3 {
		font-size: 16px;
	}
	.slider-text-replace {
		font-size: 20px;
		color: #353535;
		text-transform: uppercase;
		font-family: 'Raleway';
	}
	.titles-with-separator h3 { font-size: 19px; }

	/*FOOTER*/

	footer {
		text-align: center;
	}
	footer h4 {
		font-size: 20px !important;
	}
	footer input[type="email"] {
		height:30px !important;
		width:100% !important;
		margin:0;
		/*float: left;*/
		/*min-width:225px;*/
	}
	footer .wpcf7-not-valid-tip {
	    position: absolute;
	    margin-left: -260px;
	    margin-top: -9px;
	    color: #fff;
	}
	footer input[type="submit"]{
		width:100%;
		font-size: 14px;
		line-height: 13px;
		height:30px !important;
		/*float:left;*/
		border-width:1px;
		margin-left:0px;
		margin-top:5px;
		/*min-width:150px;*/
	}
	footer input[type="submit"]:hover {
		width:100%;
		font-size: 14px;
		line-height: 13px;
		height:30px !important;
		/*float:left;*/
		border-width:1px;
		margin-left:0px;
		margin-top:5px;
		/*min-width:150px;*/
	}
	footer .wpcf7-mail-sent-ok {
		width: 100%;
	}
}


/*IPAD*/
@media only screen and (min-width: 690px) and (max-width: 768px) {
	.desktop-only { display:none; }
	.mobile-only { display:block; }
	.ipad-only { display:block !important; }
	.logo-custom {
		display:none;
	}
	.x-logobar {
	    display: block;
	    width: 50%;
    	margin: 0 auto;
	}
	h2 {
		font-size:30px !important;
	}
	.section-122-homepage .vc_col-sm-6 {
		width:100%;
		text-align: center;
	}
	.para-empty .vc_column-inner  {
		padding-left:10% !important;
		padding-right:10% !important;
	}
	.para-empty .vc_column-inner .wpb_text_column {
		padding:0 !important;
	}
	.martin {
		min-height: 50vh !important;
	}
	.home-slider {
		margin-top:-20px;
	}
	.mot-loi-122 {
		font-size: 45px;
	}
	.mot-loi-122 span {
		font-size: 55px !important;
	}

	.en-savoir-plus h3:before {
		margin-left:-20px;
	}
	.en-savoir-plus h3:after {
		left: 195px;
	}
	/*CONTACT*/

	.contact-form-section {
		background:#fff;
		padding:0px !important;
	}
	.contact-form-title p { font-size: 14px; }
	.contact-form-title h3 { margin-top: 0px !important; }
	.form-left, .form-right {
		width:100%;
	}
	.form-two-column p {
		padding:0 5px;
		color: #767676;
	}
	.form-left {
		float: none;
	}
	.form-right {
		float: none;
	}
	.contact-info { margin-left: 35px; }
	.contact-info:before {
		margin-left:-30px;
	}
	.contact-info:after {
		left:88%;
	}
	.contact-info p { font-size: 14px; }
	/*SERVICES*/

	.blue-box-left, .blue-box-right {
		width:100%;
		left:0;
		padding:0;
		margin:0;
		/*display:block;*/
		max-width: 100%;
	}
	.para-img {
		top:-25px;
	}
	.services-description-right {
		padding-left:0px;
	}
	.services-title p {
		font-size: 18px;
	}
	.page-id-7 .vc_col-sm-6 {
		width:100%;
	}

}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
	.desktop-only { display:block; }
	.x-navbar .desktop .x-nav > li > a {
		font-size: 11px !important;
	}
}