@charset "utf-8";
/* CSS Document */
@media all and (min-width: 1180px) {
	header, .contenu, .contenu .text-intro {width:1140px;}
	.contenu .text-intro p{width:85%;}
	.two-column p{width: 80%;}
	.column-formation p {width: 65%;}
	.contenu .text-accueil h2{width:300px;}
	.contenu .text-accueil img, .contenu .text-accueil article {width: 50%;}
	
    /*Portfolio Grid*/
	.portfolio-grid{width:1180px;}
	.grid-hover, li.grid-item, li.grid-item img{width:312px;}
	
	/*Contact*/
	.contact-three{padding-bottom: 130px;}
	.contact-one, .contact-two, .contact-three{width: 26.5%;}
	
	/*BUTTON PREV-NEXT*/
	.prev-next{width:850px;}
	
	/*Footer*/	
	.footer-margin{width:100%;}}

@media all and (max-width: 1179px) and (min-width: 1024px) {
	header, .contenu,.contenu .text-intro, .text-accueil,.contenu-qualification,.column, .contenu-service {width: 1024px;}
	.contenu .text-intro h1, .contenu .text-accueil h1{font-size: 35px;}
	.contenu .text-intro h2, .contenu .text-accueil h2{font-size: 25px;}
	.contenu .text-intro p{width:80%;}
	.contenu-qualification {flex-direction: column;}
	
	.contenu .text-accueil img, .contenu .text-accueil article {width: 50%;}
	.imageport {width: 73%;height: 73%;}
	.two-column p{width: 70%;}
	.column-formation {width: 26%;}

    /***************************Portfolio Grid***************************/
	.portfolio-grid{width:1024px;}
	.grid-hover, li.grid-item, li.grid-item img{width:246px;}
	
	/*Contact*/
	.contact-three{padding-bottom: 130px;}
	.contact-one, .contact-two, .contact-three{width: 26.5%;}
	
	/*BUTTON PREV-NEXT*/
	.prev-next{max-width:650px;}
	
	/*FOOTER*/
	.footer-margin{width:100%;}}

@media all and (max-width: 1023px) and (min-width: 769px) {
	header, .contenu, .contenu .text-intro,.contenu-service, .column {width: 769px;}
	.menu-horizontal {display: none;}
	.contenu .text-intro h1,.contenu .text-accueil h1{width: 70%; font-size: 30px;}
	.contenu .text-intro h2,.contenu .text-accueil h2{font-size: 25px;}
	.contenu .text-accueil img,.contenu .text-accueil article{width: 50%;}
	.contenu-qualification, .contenu .text-intro p,.two-column p{width:80%;}
	.contenu-service img{width:100%;}
	.contenu-qualification .qualification-column {align-content: center;}
	.imageport {width: 80%;height: 80%;}
	.one-column,.two-column {width: 100%;}
	.one-column img {width: 20%;}
	.column-formation {width: 320px;}

    /***************************Portfolio Grid***************************/
	.portfolio-grid{width:630px;}
	.grid-hover, li.grid-item, li.grid-item img{width:282px;}
	
	/*Contact*/
	.contact-three{padding-bottom: 50px;}
	.contact-one, .contact-two {width: 38%;padding-bottom: 50px;}
	.contact-three{width: 79%}
	
	/*BUTTON PREV-NEXT*/
	.prev-next{max-width:450px;}

	/*Footer*/
	.footer-margin{width:100%;}}

@media all and (max-width: 768px) {
	header,.contenu,.contenu .text-intro, .column,.contenu .text-accueil {width: 481px;}
	.menu-horizontal {display: none;}
	.contenu .text-intro h1,.contenu .text-accueil h1{font-size: 29px;}
	.contenu .text-intro h2,.contenu .text-accueil h2{font-size: 25px;}
	.contenu .text-intro p{width:95%;}
	.contenu .text-accueil img,.contenu .text-accueil article {width: 50%;}
	.contenu-qualification,.contenu-service {width: 80%;flex-direction: column;}
	.imageport {width: 90%;height: 90%;}
	.one-column, .two-column{width: 100%;}
	.one-column img {width: 20%;}
	.two-column p{width: 90%;}
	.column-formation {width: 210px;}
	
	/*CONTACT*/
	.contact-one, .contact-two, .contact-three{width:100%;}
	input {margin-bottom: 60px;}
	input, textarea{padding:0;width:350px;}
	textarea{height:200px;}
	
	input.button-envoyer{margin-bottom:100px;float: none; margin-left: 130px;} 
	
    /*PORFOLIO*/
	.portfolio-grid{width:430px;}
	.grid-hover, li.grid-item, li.grid-item img{width:400px;}
	
	/*BUTTON PREV-NEXT*/
	.prev-next{max-width:400px;}
	
	/*FOOTER*/
	.footer-margin{width:100%;}}