@gris : #f7f8f4;
@rouge : #D03E54;

@media (min-width: 1400px){
	.container { width: 1400px !important; }
	#header {
		padding: 0px 50px;
		.logo{width:220px;}
		
		#menu-principal > li > a{
			padding:0 30px;
			font-size:14px;
		}
		#menu-principal > li.button{ margin-right: 30px;}
	}
}

@media (min-width: 1600px){
	#header {
		padding: 0px 70px;
		.logo{width:250px;}
		
		#menu-principal > li > a{
			padding:0 40px;
			font-size:15px;
		}
		#menu-principal > li.button{ margin-right: 40px;}
	}
}

@media (min-width: 1400px){
	.container { width: 1400px !important; }
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 708px;
	}
}


/* Only Tablette  */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px){

	.container-fluid {
		padding: 40px 120px !important;
	}
	.panel .over{
		width: 100% !important;
		margin :0px  !important;
		margin-top: -100px !important;
	}
	.owl-carousel .panel{ font-size:15px;}
}



/* Small Devices  */
@media only screen and (max-width : 768px),  
(min-device-width : 768px) and (max-device-width : 1024px) {
	
	#page {
		padding: 20px 0;
	}
	
	section{padding:20px;}
	
	.panel{
		padding:30px;
		overflow:hidden !important;
	}
	
	h1{ 
		font-size:30px; 
		line-height:36px;
	}
	h2 {
		font-size:20px !important;
		span{ font-size:16px;}
		&.small{ font-size:20px !important;}
		
		strong{
			position:relative; 
			margin-right:5px;
			left:0;
		}
	}


	#entete{
		h1{
			font-size:24px;
		}
		line-height: 28px;
		background-attachment: initial;
		background-position: center center !important;
		background-size: cover;
	}
	
	.col-md-6{ 
		padding-right:15px !important; 
		padding-top:40px !important;
	}
	

	.padding{ 
		padding:40px 15px !important;
	}
	
	.home{
		section{padding:0px;}
		#solution .wp-block-cover .wp-block-cover__inner-container {
			 margin-left: 0;
		}
		
		.alignwide .wp-block-column{
			padding: 0 20px !important;
		}
		
		
		.wp-block-spacer{max-height:50px;}
		
				
		.wp-block-media-text{
			padding:0 0 40px 0;
			figure{border-radius:0; margin-bottom:80px;}
		}
		
		.type_message .message{ 
			div.nom{ width:auto;}
			div.description{ 
				border:none; 
				border-top:1px solid @rouge;
				width:100%;
				padding:20px 0 0;
				margin-top:10px;
			}
		}
		
		#solution .wp-block-cover .wp-block-cover__background {
			background-position: 0% bottom;
			background-repeat: no-repeat;
			background-size: contain;
		}
		
		.wp-block-gallery{padding:0;}
	}
	
	.franceconnect{
		.wp-block-group{
			font-size: 16px;
		}
	}
	
	
	/* authentification
	-----------------------------------------------------------------------------------------------------------*/
	.authentification{
		padding:50px 0;
		
		.wp-block-column-is-layout-flow {
			border-right: none;
			
			.wp-block-button {
				position: relative;
				left:0;
				width:100%;
			}
		}
	}	
		
	.page-id-58 {
		.alignwide .wp-block-column {
			padding: 0px;
		}
		.wp-block-cover, 
		.wp-block-cover-image{padding:0;}
		
		.wp-block-cover .wp-block-embed {
			min-height: inherit;
			min-width: inherit;
		}
	}
	
	.video iframe {
		height: 210px;
	}
	.wp-block-spacer{
		max-height:100px;
	}
	.wp-block-embed__wrapper{
		iframe{width:auto; height:210px;}
	}
		
	
	/* abonnement
	-----------------------------------------------------------------------------------------------------------*/
	.page-id-91{
		.wp-block-group__inner-container{
			padding:50px 20px;
			font-size: 16px;
			.wp-block-column {
				padding: 0;
			}
		}
		.tarifs{
			strong em{	
				color:@rouge;
				position: relative;
				right:inherit;
			}
		}
		
		.wp-block-group__inner-container{
			h2{ 
				font-size: 14px !important;
			}
			.has-vivid-red-color{ 
				font-size:20px !important; 
			}
		}
	}
	
	.assistance .wp-block-column{
		padding: 0 40px;
	}
	
	/* contact
	-----------------------------------------------------------------------------------------------------------*/
	#contact {
		margin:0; 
		padding:0 !important;
		
		.wpcf7{padding:0 !important;}
		.panel{ padding:20px;}
		.col-md-6{ padding:0 0 10px !important;}
		
		.label{line-height:inherit !important;}
		
		#form_contact {
			input, select, .btn, .rechercher{ 
				font-size:13px;
				padding:20px;
				width: 100% !important;
				margin:10px 0;
			}
			input#contact_form_marketing_custom{
				width:auto !important;
				margin: 2px 5px 0 0;
			}
			
			.rechercher{ 
				text-indent: -3000px;
				overflow: hidden;
				width: 65px !important;
				margin: 0;
				top: 10px;
				right: 0px;
				background-image:url(/wp-content/themes/edisignature/landingpage/img/loupe.png);
				background-position: center;
   				background-repeat: no-repeat;
    			background-size: 28px;
			}
		}
		
		#liste_result_soc{ 
			width:100%; 
			padding:20px;
			top:60px;
			left:0;
			.btn-close{ right:70px; top: -64px;}
			.unesoc .denomination{ font-size:16px;}
		}
	}
	
	#footer {
		text-align: left;
		.footer-sub{
			span{display:block; margin-bottom: 10px;}
			a{padding: 0 6px;}
			img{width:98px;}
			
			div{ 
				display:block;
				width:100%; 
				div:first-child{margin-right:0px; margin-bottom:20px;}
			}
		}
		
		#menu-footer{
			li{ 
				padding: 10px 9px !important;
				width: 50%;  height: 50px;
				line-height: 17px;
				float: left;
				border-right:none;
				border-left: 1px solid #000 !important;
				&.picto {
					padding: 0 10px;
					width: auto;
					height:auto;
				}
				&.in a {margin:0}
				&.twitt{border:none !important;}
			}
		}
	}
	
	.over{ 
		position:relative;
		bottom: -55px;
		width: 100vw !important;
		max-width: 100vw;
		margin-top: -70px;
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		height: auto;
		
		img{
			width: 130%;
    		margin-left: -40px;
		}
	}
	
	
	.single-faq{
		#entete h1{
			font-size: 25px;
   			padding: 15px;
			&.active {transform: translateY(40%);}
		}
		.content{
			padding:20px;
			background:#fff;
			margin-top: -70px;
		}
	}
}


/* new breakpoint menu bootstrap */
@media (max-width: 1150px) {
	#header{
		.navbar-header {
			float: none;
		}
		.navbar-toggle {
			display: block;
		}
		.navbar-collapse {
			border-top: 1px solid transparent;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		}
		.navbar-collapse.collapse {
			display: none!important;
		}
		.navbar-nav {
			float: none!important;
		}
		.navbar-nav>li {
			float: none;
		}
		.navbar-nav>li>a {
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.navbar-text {
			float: none;
			margin: 15px 0;
		}
		.navbar-collapse.collapse.in { 
			display: block!important;
		}
		.collapsing {
			overflow: hidden!important;
		}
			
		padding:0;
		height: 60px;
	
		.logo {
			width: 160px;
			height: 58px;
		}
		
		.dropdown-menu {display:none !important;}
		#menu-principal{ 
			& > li{
				border-bottom:1px solid #ccc;
				padding:0;
				display:block;
				a{ padding:20px 0;}
				& > a{border-right:none;}
			}
		
			.opened .dropdown-menu {
				position:relative;
				box-shadow:none;
				border:none;
				margin: 0;
				width:100%;
				background:none;
				display:block !important;
			}
		}
		
		#myNavbar{
			padding: 0 50px 50px; 
			background:rgba(255, 255, 255, 90%);
			width: 100vw !important;
			max-width: 100vw;
			margin-left: calc(50% - 50vw);
			margin-right: calc(50% - 50vw);
			li{ 
				width: 100%; 
				margin:0 !important;
			}
		}
	}
}


/* for admin wordpress */
@media (max-width : 782px) {
	.logged-in #header {
		top: 46px;
	}
	html #wpadminbar{ position:fixed;}
}