@media screen and (min-width: 1200px) {
	.page-alternate {
  		background-attachment: fixed;
  	}
}

@media screen and (max-width: 1199px) {
	.page-alternate {
			background-attachment: scroll;
	}
	
	h5.profile{
		line-height: 1.5rem;
	}
	
	p.profile-description{
		margin-bottom: 36px;
	}
}

@media screen and (max-width: 1366px){
	.page{
		padding-bottom:120px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px){
	
	.nav > li > a {
		font-size: 1.25rem; /*20px*/
		letter-spacing: -0.0625rem; /*-1px*/
	}

	.nav-tabs > li > a {
		padding:12px;
		line-height: 1.625rem; /*26px*/
	}

	p.tab-description {
		letter-spacing: 0px;
	}
	
	h5.profile{
		padding-top:14px;
		margin-bottom: 10px;
	}
	
	p.profile-description {
		line-height: 1.625rem; /*26px*/
	}
	
	.page-alternate .method .process{
		width:133px;
	}
	
	.page-alternate #slidemarques{
		width:930px;
	}	
}

@media screen and (min-width:992px){
	#menu {
		display: block;	
	}
	
	#mobile-nav {
    	display: none;
	}
	.tabbable {
		display:block !important;
	}
	
	.accordion {
		display:none !important;
	}
}

@media screen and (min-width:320px) and (max-width:991px){
	
	#menu {
		display: none;	
	}
	
	#mobile-nav {
    	display: block;
		float: right;
	}
	
	#menu-nav-mobile {
		margin-left: -43px;
		margin-right: 0px;
		margin-bottom: 0;
	}
	
	header .sticky-nav #logo,
	header .sticky-nav.stuck #logo {
		margin-left: 15px;
	}
	
	header .sticky-nav #mobile-nav,
	header .sticky-nav.stuck #mobile-nav {
		margin-right: 15px;	
	}
	
	#navigation-mobile li a {
		padding: 15px 0;
	}
	.col-g{
		margin-bottom: 36px;
	}
	
	.tabbable {
		display:none !important;
	}
	
	.accordion {
		margin-bottom: 20px;
		display:block !important;
	}

	.accordion-group {
		margin-bottom: 4px;
		border: none;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}

	.accordion-heading {
  		border-bottom: 0 none;
	}

	.accordion-heading .accordion-toggle {
		position: relative;
		display: block;
		padding: 15px;
		background-color:#3C3F45;
		border: solid 1px #ecedee;
		color: #ecedee;
		font-size: 1.125rem; /*18px*/
		font-weight: 700;
		text-transform: uppercase;

		-webkit-transition: all 0.1s linear 0s;
		-moz-transition: all 0.1s linear 0s;
		-ms-transition: all 0.1s linear 0s;
		-o-transition: all 0.1s linear 0s;
		transition: all 0.1s linear 0s;
	}

	.accordion-toggle {
  		cursor: pointer;
	}

	.accordion-heading:hover .accordion-toggle,
	.accordion-heading:hover .accordion-toggle.inactive {
		background:#FF5100;
		color:#FFFFFF;
	}

	.accordion-heading .accordion-toggle.active {
		background:#FF5100;
		color:#FFFFFF;
	}

	.accordion-heading .accordion-toggle.inactive {
		background-color:#1A1A1A;
	}

	.accordion-heading.accordionize .accordion-toggle span,
	.accordion-heading.togglize .accordion-toggle span {
		position: absolute;
		top: 50%;
		right: 20px;
		margin: -8px 0 0 0;
		color: #ecedee;
		font-size: 1.125rem; /*18px*/

		-webkit-transition: all 0.1s linear 0s;
		-moz-transition: all 0.1s linear 0s;
		-ms-transition: all 0.1s linear 0s;
		-o-transition: all 0.1s linear 0s;
		transition: all 0.1s linear 0s;
	}

	.accordion-heading:hover .accordion-toggle span {
		color: #FFFFFF;
	}

	.accordion-heading .accordion-toggle.active span,
	.accordion-heading:hover .accordion-toggle.inactive span {
		color: #FFFFFF;	
	}

	.accordion-heading.accordionize .accordion-toggle.active span,
	.accordion-heading.togglize .accordion-toggle.active span {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.accordion-heading.togglize .accordion-toggle span {
		margin: -8px 0 0 0;
		font-size: 1.125rem; /*18px*/
	}

	.accordion-heading.togglize .accordion-toggle.active span {
		opacity:0;
		filter: alpha(opacity=0);
	}

	.accordion-heading.togglize .accordion-toggle.active span + span {
		opacity:1;
		filter: alpha(opacity=100);
	}

	.accordion-inner {
		background: #1A1A1A;
		padding: 16px 20px;
		border: none;
	}
	
	.accordion-inner h4 {
		font-size: 1.25rem; /*20px*/
		letter-spacing:-0.0625rem; /*-1px*/
	}
	
	p.accordeon-description {
		color:#7F8289;
		font-size: 0.9375rem; /*15px*/
		line-height: 1.5625rem; /*25px*/
		margin-bottom:0;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	
	.page-alternate .method .process{
		width:210px;
		margin-bottom:30px;
	}
	
	.page-alternate .method .process.bas{
		margin-bottom:0px;
	}
	
	.service-group {
		display: flex;	
		flex-direction: column;
		justify-content:center;
	}
	
	#service .service {
		display:block;
		margin-bottom: 30px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#service .service:last-child {
		margin-bottom: 0;	
	}
	
	.contact-content h3 {
		margin:25px 25px 0 25px;
		font-size: 1.8125rem; /*29px*/
		line-height:1.9375rem; /*31px*/
		letter-spacing:-0.0625px; /*-1px*/
		text-align:center;
	}
	
	.contact-content .info-contact{
		padding-right:0%;
	}

	.contact-content a.button-contact{
		position:relative;
		margin-top: 25px;
		margin-bottom:25px;
		left:-85px;
	}

	.contact-content .button-contact {
		display: block;
		float: left;
		margin-left:50%;
	}
	
	.page-alternate #slidemarques{
		width:690px;
	}	
	
	.container #projets{
		width:690px;
	}
	
	.contact-details {
		border-top: 1px dashed #353f4a;
		padding-left:100px;
		padding-right:100px;
		padding-top: 30px;
		text-align: center;	
		letter-spacing:-0.0625px; /*-1px*/
	}
	
	#contact-form .submit {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
	
	#success,
	#error {
		margin-bottom: 30px;	
	}
}

/*@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  	html {
		transform: rotate(-90deg);
		transform-origin: left top;
		width: 100vh;
		overflow-x: hidden;
		position: absolute;
		top: 100%;
		left: 0;
  	}
}
*/
@media screen and (min-width: 576px) and (max-width: 767px){
	
	#back-to-top {
		display: none !important;	
	}
	
	#home .control-nav {
		bottom: 11.7%;
	}
	
	.col-g {
		padding-right: 15px;
	}
	
	.page-alternate .method .process{
		width:240px;
		margin-bottom:30px;
	}
	
	.service-group {
		display: flex;	
		flex-direction: column;
		justify-content:center;
	}
	
	#service .service {
		display:block;
		margin-bottom: 30px;
		margin-left:auto;
		margin-right:auto;
	}
	
	#service .service:last-child {
		margin-bottom: 0;	
	}
	
	.contact-content h3 {
		margin:25px 25px 0 25px;
		font-size: 1.8125rem; /*29px*/
		line-height:1.9375rem; /*31px*/
		letter-spacing:-0.0625px; /*-1px*/
		text-align:center;
	}

	.contact-content .info-contact{
		padding-right:0%;
	}

	.contact-content a.button-contact{
		position:relative;
		margin-top: 25px;
		margin-bottom:25px;
		left:-85px;
	}

	.contact-content .button-contact {
		display: block;
		float: left;
		margin-left:50%;
	}

	.container #projets{
		max-width:510px;
	}
	
	.thumbs-liste li {
		box-sizing:border-box;
		list-style: outside none none;
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #353f4a;
		border-image: none;
		border-style: solid;
		border-width: 1px 0 1px 1px;
		position: relative;
		text-align:center;
		width:50%;
	}

	.thumbs-liste li:nth-child(2n+1) {
		border-left: medium none;
	}
	
	.thumbs-liste li:nth-child(-n+2) {
		border-top: medium none;
	}
	
	.thumb-wrap {
		max-height: 255px;
		max-width: 255px;
	}

	.page-alternate #slidemarques{
		width:510px;
	}
	
	#contact-form .submit {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
	
	.contact-details {
		border-top: 1px dashed #3C3F45;
		padding-top: 30px;
		text-align: center;	
	}
	
	#success,
	#error {
		margin-bottom: 30px;	
	}
}

@media screen and (min-width: 320px) and (max-width: 524px) {
	
	#home .home-logotype {
		margin: -104px 0 0 -140px;
		width: 280px;
		background: url(../img/logo-gidl21.svg) no-repeat top center;
		background-size:100% auto;
		z-index: 1;	
	}
	
	#home h1.home-text {
		font-size:2.1rem; /*34px*/
		line-height:2.8125rem; /*45px*/
	}
	
	#home h1.home-text span{
		letter-spacing:0.29rem; /*5px*/
	}
	
	#home h1.spacedesigne{
		font-size:2.8125rem; /*45px*/
	}
	
	#home h1.spacedesigne span{
		letter-spacing:0.9375rem; /*15px*/
	}
}

@media screen and (min-width: 397px) and (max-width: 575px) {
	
	.service-group {
		margin-left:32px;
		margin-right:32px;
	}
}

@media screen and (min-width: 374px) and (max-width: 396px) {
	
	.service-group {
		margin-left:13px;
		margin-right:13px;
	}
}

@media screen and (min-width: 350px) and (max-width: 373px) {
	
	.service-group {
		margin-left:5px;
		margin-right:5px;
	}
}

@media screen and (min-width: 320px) and (max-width: 575px) {	

	#back-to-top {
		display: none !important;	
	}
	
	#home .control-nav {
		bottom: 11.7%;
	}
	
	.title-page h2.title {
		font-size: 2.75rem; /*44px*/
		letter-spacing:-0.0625px; /*-1px*/
	}
	
	.col-g {
		padding-right: 15px;
	}
	
	.page-alternate .method{
		margin-left: auto;
		margin-right: auto;
	}
	
	.page-alternate .method .process{
		width:115px;
		margin-bottom:30px;
	}
	
	#service .service {
		margin-bottom: 30px;
	}
	
	
	p.spec-description {
		letter-spacing: -0.0625px; /*-1px*/
	}
	
	.contact-content h3 {
		margin:20px 20px 0 20px;
		font-size: 1.8125rem; /*29px*/
		line-height:1.9375rem; /*31px*/
		letter-spacing:-0.0625px; /*-1px*/
		text-align:center;
	}
	
	.contact-content .info-contact{
		padding-right:0%;
	}

	.contact-content a.button-contact{
		position:relative;
		margin-top: 20px;
		margin-bottom:20px;
	}

	.contact-content .button-contact {
		display: block;
		margin-left:20px;
		margin-right:20px;
	}
	
	.container #projets{
		max-width:290px;
		margin-left: auto;
		margin-right: auto;
	}

	.thumbs-liste li {
		box-sizing:border-box;
		list-style: outside none none;
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #353f4a;
		border-image: none;
		border-style: solid;
		border-width: 1px 0 1px 1px;
		position: relative;
		text-align:center;
		width:50%;
	}

	.thumbs-liste li:nth-child(2n+1) {
		border-left: medium none;
	}
	
	.thumbs-liste li:nth-child(-n+2) {
		border-top: medium none;
	}
	
	.thumb-wrap {
		max-height: 145px;
		max-width: 145px;
	}

	.page-alternate #slidemarques{
		width:290px;
	}	
	
	#contact-form .submit {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
	
	.contact-details {
		border-top: 1px dashed #3C3F45;
		padding-top: 30px;
		text-align: center;	
	}
	
	.contact-det-liens{
		letter-spacing:-0.0625px; /*-1px*/
	}
	
	#contact-form #success,
	#contact-form #error,
	#contact-form #errorRezo{
		padding-right:40px;
	}
	
	footer{
		padding:0 15px;
	}
}
@media screen and (min-width: 320px) and (max-width: 414px) {
	#contact-form #success,
	#contact-form #error,
	#contact-form #errorRezo{
		margin-bottom: 72px;
	}
}


/* Retina Display 

@media only screen and (-webkit-min-device-pixel-ratio: 2),
 	only screen and (-moz-min-device-pixel-ratio: 2),
  	only screen and (-o-min-device-pixel-ratio: 2/1),
  	only screen and (min-device-pixel-ratio: 2),
  	only screen and (min-resolution: 2dppx) {
		
	}

*/