@charset "UTF-8";
/* CSS Document */

/* XS - Smartphone V */
@media screen and (max-width: 575px) {
	.testA	{ display:block; background-color: yellow; width:40px; font-size: 11px; }
	.testB, .testC, .testD, .testE	{ display:none; }
    .container-fx {  width: 100%; }
    .paddingt120 { padding-top: 30px; }
    header { height: auto; padding-bottom: 15px; }
    #search { display: none; }
    #search2 { width: 290px; margin: 40px auto 20px; float: none; }
    #search2 input[type="text"] { width: 260px; }
    #lang ul { margin: 10px 0px; }
    #lang li { margin-left: 8px; }
    #logo { float: left; margin-top: 0px; width: 80%; }
    #logo img { width: 230px; height: auto; }
    nav#mainNav ul { display: none; position: absolute; }
    aside.pub { padding-top: 0px; }
    img.mobilePub { display: none !important; }
    img.desktopPub { display: block !important; }
    main#fm { margin-top: 15px; }
    
    .referencement	{ display: none; }
    
    #home .intro-link { margin-top: 10px; }
    #home .intro { display: none; }
    #home .intro-box { margin-top: 0px; height: auto; padding: 40px; }
    #home .intro-box h1 { font-size: 30px; }
    #home .intro-link { margin-top: 0px; }
    #home .intro-link div { margin: 25px 25px 0px; width: calc(100% - 50px); height: 300px; }
    #home .intro-link a { height: 300px; padding-top: 200px; }
    #home .intro-link a span { font-size: 30px; }
    #home .number-item { width: 100%; margin-top: 30px; }
    #home .number-item { border-right: none; }
    #home .number-item span { font-size: 60px; }
    #home .news { width: 100%; margin-top: 0px; }
    #home .illustration { display: none; }
    
    #infos .content, #contact .content { margin-top: 0px; }
    #infos .contentTxt, #contact .contentTxt { width: 100%; }
    #infos .contentIllus, #contact .contentIllus { margin-left: 0px; width: 100%; margin-top: 15px; height: 300px; }
    #infos .column { width: 100%; }
    #infos .col1 { border-right: none; padding-bottom: 30px; }
    #infos .listingIllus { width: 300px; height: 300px; margin: 0px auto 15px; float: none;}
    #infos .listing { width: 100%; margin-left: 0px; margin-top: 0px; }
    #infos .presentation, #contact .presentation { width: 100%; padding: 30px; margin: 70px 0px 0px; min-height: inherit; }
    #infos .imgPresentation, #infos .imgPresentation iframe, #contact .imgPresentation, #contact .imgPresentation iframe { width: 100%; height: 250px; }
    #infos .numbers, #contact .numbers { width: 100%; padding: 15px 30px; margin: 70px 0px 0px; min-height: inherit; }
    #infos .separateur { background-color: #b797cf; color: #b797cf; height:3px; } /* b797cf */
    #infos .colonne { font-size: 16px; }
    #infos .colonne1 { display: block; width: 30%; }
    #infos .colonne2 { display: block; width: 50%; }
    #infos .colonne3 { display: none; width: 5%; }
    #infos .colonne4 { display: none; width: 5%; }
    #infos .colonne5 { display: none; width: 5%; }
    #infos .colonne6 { display: none; width: 16%; }
    #infos .colonne7 { display: none; width: 8%; }
    #infos .colonne8 { display: block; width: 10%; }
    #infos .solution_colonne1 { display: block; font-size: 16px; width: 100%; min-width: 115px; border: 0px solid red; }
    #infos .solution_colonne2 { display: block; font-size: 16px; width: 100%; border: 0px solid red; }
    #infos .solution_colonne3 { display: block; clear: both; float:right; right: 3px; font-size: 16px; width: 9%; min-width: 60px; border: 0px solid red; align: right; } 
	#infos .recherche_bloc1 { display: block; border: 0px solid red; width:10%; min-width:30px; }
	#infos .recherche_bloc2 { display: block; border: 0px solid green; width:76%; clear:both; }
	#infos .recherche_bloc3 { display: block; border: 0px solid blue; width:10%; }
	#infos .recherche_bloc4 { display: none; border: 0px solid orange; width:80%; margin-left:0px; }

    #contact .contact-form { width: 100%; }
    #contact .form20, #contact .form30, #contact .form50, #contact .form70 { width: 100%; }
    
    #vendeur .profils { margin-top: 30px; }
    #vendeur .profil-item { width: calc(100% - 30px); font-size: 14px; min-height: inherit; margin-bottom: 30px; }
    #vendeur .profil-item:first-child { margin-left: 15px; }
    #vendeur .profil-item:last-child { margin-right: 15px; }
    #vendeur .profil-item h2 { font-size: 24px; }
    #vendeur .profil-item a { width: calc(100% - 30px); font-size: 14px; padding: 12px 10px; }

    #acheteur .search { margin-top: 67px; }
    #acheteur .search-box, #acheteur .search-item { width: 100%; }
    #acheteur .search .button-box { width: 100%; position: absolute; top: -60px; left: 0px; margin-top: 0px; height: auto; padding: 10px; }
    #acheteur .search .button { width: 100%; height: auto; padding-top: 0px; padding: 10px; }    
    #acheteur .dmoPresentation { margin: 0px 0px 15px; width: 100%; padding: 0px 0px 30px; }
    #acheteur .dmoVideo { width: 100%; height: 250px; margin: 0px 0px 30px; }
    #acheteur .dmoPresentation h3, #fm .dmoPresentation p { padding: 15px; }
    #acheteur .dmoPresentation a.btn-rouge { float: none; margin-left: auto; margin-right: auto; }
    #acheteur .dmo, #acheteur .audit { width: 100%; margin: 15px 0px; }
    #acheteur .access { margin: 0px 0px 15px; width: 100%; padding: 30px 15px; }
    #acheteur .accessItem { margin: 0px 0px 25px; }
    #acheteur .accessTxt { width: 100%; }
    #acheteur .accessItem .accessLink { position: relative; width: 100%; margin: 15px 0px 0px; }
    #acheteur .accessItem:last-child { padding-bottom: 0px; }
    #acheteur .div20 { width: 100%; }
    #acheteur .div25 { width: 100%; }
    #acheteur .div33 { width: 100%; }
    #acheteur .div50 { width: 100%; }
   
    #fm .intro, #fm .details, #fm .access, #fm .news { margin: 0px 0px 15px; width: 100%; padding: 30px 15px; }
    #fm .intro h1 { font-size: 30px; }
    #fm .intro .productLogo img { max-width: 100px; }
    #fm .intro .productImg img { max-width: 80%; }
    #fm .intro .productFunctions li { height: 70px; }
    #fm .intro .productFunctions li.vitesseImp { font-size: 14px; }
    #fm .intro .productFunctions li.vitesseImp span { font-size: 21px; }
    #fm .intro .productCertificats { width: 100%; margin: 20px 0px; }
    #fm .intro .productCertificats .productCertificats_btn { padding: 10px; }
    #fm .intro .productCertificats img { width: 80px; }
    #fm .intro .productSegment { padding: 0px;}
    #fm .details h2, #fm .news h3 { font-size: 30px; text-align: center; }
    #fm .details h3, #fm .news h4 { font-size: 25px; text-align: center; }
    #fm .details .detailsList { column-count: 1; }
    #fm .dmoPresentation { margin: 0px 0px 15px; width: 100%; padding: 0px 0px 30px; }
    #fm .dmoVideo { width: 100%; height: 250px; margin: 0px 0px 30px; }
    #fm .dmoPresentation h3, #fm .dmoPresentation p { padding: 15px; }
    #fm .dmoPresentation a.btn-rouge { float: none; margin-left: auto; margin-right: auto; }
    #fm .accessItem { margin: 0px 0px 25px; }
    #fm .accessTxt { width: 100%; }
    #fm .accessItem .accessLink { position: relative; width: 100%; margin: 15px 0px 0px; }
    #fm .accessItem:last-child { padding-bottom: 0px; }
    #fm .slider { display: none; width: 100%; height: 300px; margin: 0px 0px 15px 0px; }
    #fm .infos { padding: 30px 15px 0px; }
    
    #news .firstNews { margin-top: 0px; }
    #news .firstNews-content { width: 100%; }
    #news .firstNews-img { width: 100%; margin-left: 0px; margin-top: 0px; }
    #news .otherInfos { margin-top: 30px; }
    #news .col1, #news .col2 { width: 100%; margin: 15px 0px 0px 0px; }
    #news .dmoPresentation { margin: 0px 0px 15px; width: 100%; padding: 0px 0px 30px; }
    #news .dmoVideo { width: 100%; height: 250px; margin: 0px 0px 30px; }
    #news .dmoPresentation h3, #fm .dmoPresentation p { padding: 15px; }
    #news .dmoPresentation a.btn-rouge { float: none; margin-left: auto; margin-right: auto; }
    #news .infos { padding: 30px 15px 0px; }
    
    footer { margin-top: 30px; padding: 45px 15px; }
    footer .contactForm { width: 100%; }
    footer .contactInfos { margin: 0px; width: 100%; }
    footer nav.footerNav { margin: 0px; width: 100%; text-align: center; }
    footer nav.footerNav li { padding: 3px 0px; }
    footer .contactInfos .footerTitle { padding-left: 0px; text-align: center;}
    footer .contactFollow { width: 100%; }
    footer .copyright, footer .copyright a { font-size: 14px; }
    
    .btnResponsive 			{ display: inline-block; font-size: 10px; color: #3c3c3c; border: 2px solid #bdbdbd; padding: 6px 15px; width: auto; text-transform: uppercase; }
	.btnResponsive:hover 	{ border-color: #bd0a26; color: #bd0a26; }
	
	.award1 { font-size:18px; }	
	.award2 { font-size:15px; }
	.award3 { font-size:14px; }
	.colonne { column-count:1; }
}

/* SM - Smartphone H */
@media screen and (min-width: 576px) {
	.testB	{ display:block; background-color: green; color: white; width:40px; font-size: 11px; }
	.testA, .testC, .testD, .testE	{ display:none; }
    .container-fx { width: 100%; }
    .paddingt120 { padding-top: 30px; }
    header { height: 130px; }
    #MachineRecherche, #search { width: 220px; margin: 10px 0px; }
    #MachineRecherche, #search input[type="text"] { width: 190px; }
    #search2 { display: none; }
    #lang ul { margin: 10px 0px;}
    #logo { float: left; text-align: center; margin-top: 0px; }
    nav#mainNav ul { display: none; position: absolute; }
    aside#pub_machine.pub, aside#pub_infos.pub, aside#pub_vendeur.pub, aside#pub_acheteur.pub { padding-bottom: 100px; }
    img.mobilePub { display: none !important; }
    img.desktopPub { display: block !important; }
    main#fm { margin-top: -85px; }
    aside.pub { padding-top: 15px; }
    
    .referencement	{ display: none; }
    
    #home .intro { display: none; }
    #home .intro-box { margin-top: 0px; height: auto; padding: 40px; }
    #home .intro-link { margin-top: 30px; }
    #home .intro-link div { margin: 0px 25px; width: 230px; height: 300px; }
    #home .intro-link a { height: 300px; padding-top: 200px; }
    #home .intro-link a span { font-size: 30px; }
    #home .number-item { width: 50%; margin-top: 30px; }
    #home .number-item:nth-child(even) { border-right: none; }
    #home .number-item span { font-size: 60px; }
    #home .news { width: 100%; margin-top: 0px; }
    #home .illustration { width: 100%; margin-left: 0px; margin-top: 30px; height: 450px; }
    #home .slideshow-container, #home .slideshow-container .mySlides, #home .slideshow-container .text { height: 450px; }
    
    #infos .content, #contact .content { margin-top: -80px; }
    #infos .contentTxt, #contact .contentTxt { width: 100%; }
    #infos .contentIllus, #contact .contentIllus { margin-left: 0px; width: 100%; margin-top: 15px; height: 300px; }
    #infos .column { width: 100%; }
    #infos .col1 { border-right: none; padding-bottom: 30px; }
    #infos .listingIllus { width: 300px; height: 300px; margin: 0px auto 15px; float: none;}
    #infos .listing { width: 100%; margin-left: 0px; margin-top: 0px; }
    #infos .presentation, #contact .presentation { width: 100%; padding: 30px; margin: 70px 0px 0px; min-height: inherit; }
    #infos .imgPresentation, #infos .imgPresentation iframe, #contact .imgPresentation, #contact .imgPresentation iframe { width: 410px; height: 250px; }
    #infos .numbers, #contact .numbers { width: 100%; padding: 15px 30px; margin: 70px 0px 0px; min-height: inherit; }    
    #infos .separateur { background-color: #74dacd; color: #74dacd; height:3px; } /* 74dacd */
    #infos .colonne { font-size: 18px; vertical-align: baseline; }
    #infos .colonne1 { display: block; width: 28%; }
    #infos .colonne2 { display: block; width: 45%; }
    #infos .colonne3 { display: block; width: 7%; }
    #infos .colonne4 { display: none; width: 5%; }
    #infos .colonne5 { display: none; width: 5%; }
    #infos .colonne6 { display: none; width: 10%; }
    #infos .colonne7 { display: none; width: 8%; }
    #infos .colonne8 { display: block; width: 10%; }
    #infos .solution_colonne1 { display: block; font-size: 16px; width: 15%; min-width: 115px; border: 0px solid red; }
    #infos .solution_colonne2 { display: block; font-size: 16px; width: 64%; border: 0px solid red; }
    #infos .solution_colonne3 { display: block; float:right; font-size: 16px; width: 9%; min-width: 60px; border: 0px solid red; align: right; } 
	#infos .recherche_bloc1 { display: block; border: 0px solid red; width:10%; min-width:30px; height:60px; }
	#infos .recherche_bloc2 { display: block; border: 0px solid green; width:76%; }
	#infos .recherche_bloc3 { display: block; border: 0px solid blue; width:10%; }
	#infos .recherche_bloc4 { display: block; border: 0px solid orange; width:80%;margin-left:0px; }


    #contact .contact-form { width: 100%; }
    #contact .form20, #contact .form30, #contact .form50, #contact .form70 { width: 100%; }
    
    #vendeur .profils { margin-top: -60px; }
    #vendeur .profil-item { width: calc(50% - 30px); font-size: 14px; min-height: 360px; margin-bottom: 30px; }
    #vendeur .profil-item:first-child { margin-left: 15px; }
    #vendeur .profil-item:last-child { margin-right: 15px; }
    #vendeur .profil-item h2 { font-size: 24px; }
    #vendeur .profil-item a { width: calc(100% - 30px); font-size: 14px; padding: 12px 10px; }

    #acheteur .search { margin-top: 5px; }
    #acheteur .search-box, #acheteur .search-item { width: 100%; }
    #acheteur .search .button-box { width: 100%; position: absolute; top: -60px; left: 0px; margin-top: 0px; height: auto; padding: 10px; }
    #acheteur .search .button { width: 100%; height: auto; padding-top: 0px; padding: 10px; }
    #acheteur .dmoPresentation, #fm .access, #fm .news { margin: 0px 15px 15px; width:  calc(100% - 30px); }
    #acheteur .dmoPresentation { margin-top: 80px; }
    #acheteur .dmo, #acheteur .audit { width: 100%; margin: 15px 0px; }
    #acheteur .accessTxt { width: 300px; }
    #acheteur .div20 { width: 50%; }
    #acheteur .div25 { width: 50%; }
    #acheteur .div33 { width: 50%; }
    
    #fm .intro, #fm .details { margin: 0px 15px 15px; width: calc(100% - 30px); }
    #fm .intro .productCertificats { width: 100%; margin: 20px 0px; }
    #fm .intro .productCertificats .productCertificats_btn { padding: 12px 30px; }
    #fm .intro .productCertificats img { width: 80px; }
    #fm .details .detailsList { column-count: 2; }
    #fm .dmoPresentation, #fm .access, #fm .news { margin: 0px 15px 15px; width:  calc(100% - 30px); }
    #fm .dmoPresentation { margin-top: 80px; }
    #fm .accessTxt { width: 300px; }
    #fm .news { float: none; padding-right: 30px; }
    #fm .slider { display: none; float: none; margin: 15px auto; }
    #fm .infos { padding: 30px 15px 0px; }
    
    #news .firstNews { margin-top: -80px; }
    #news .firstNews-content { margin: 0px 15px 15px; width:  calc(100% - 30px); }
    #news .firstNews-img { width: 100%; margin-left: 0px; margin-top: 0px; }
    #news .otherInfos { margin-top: 30px; }
    #news .dmoPresentation, #fm .access, #fm .news { width: 100%; }
    #news .dmoPresentation { margin-top: 80px; }
    #news .col1, #news .col2 { margin: 0px 15px 15px; width:  calc(100% - 30px); }
    #news .infos { padding: 30px 15px 0px; }
    
    footer { margin: 30px 0px 0px; padding: 30px 15px; }
    footer .contactForm { margin: 0px 0px 30px 0px; width: 100%; }
    footer .contactInfos, footer nav.footerNav { margin: 0px; width: 50%; }
    footer .contactFollow { width: 100%; }
    footer .copyright, footer .copyright a { font-size: 14px; }
    
    .btnResponsive 			{ display: inline-block; font-size: 12px; color: #3c3c3c; border: 2px solid #bdbdbd; padding: 8px 18px; width: auto; text-transform: uppercase; }
	.btnResponsive:hover 	{ border-color: #bd0a26; color: #bd0a26; }
	
	.award1 { font-size:20px; }	
	.award2 { font-size:17px; }
	.award3 { font-size:15px; }
	.colonne { column-count:2; }
}

/* MD - Tablettes */
@media screen and (min-width: 768px) {
	.testC	{ display:block; background-color: purple; color: white; width:40px; font-size: 11px; }
	.testA, .testB, .testD, .testE	{ display:none; }
    .container-fx { width: 750px; }
    .paddingt120 { padding-top: 60px; }
    .padding15 { padding-left: 0px; padding-right: 0px; }
    header { height: auto; }
    #MachineRecherche, #search { width: 330px; margin: 25px 0px; }
    #MachineRecherche, #search input[type="text"] { width: 270px; }
    #lang ul { margin: 25px 0px;}
    #logo { float: none; text-align: center; }
    nav#mainNav { width: 100%; }
    nav#mainNav .btn-burger { display: none; }
    nav#mainNav ul { visibility: visible; }
    nav#mainNav ul.menu { text-align: center; display: block; float: none; }
    nav#mainNav li { margin: 0px; font-size: 14px; float: none; display: inline-block; }
    nav#mainNav li > a { padding: 0px 5px;}
    img.mobilePub { display: none !important; }
    img.desktopPub { display: block !important; }
    
    .referencement	{ display: none; }   
    
    #home .intro { display: block; }
    #home .intro-box { margin-top: -240px; height: 470px; padding: 70px; }
    #home .intro-link { margin-top: -100px; }
    #home .intro-link div { margin: 0px 25px; width: 320px; height: 360px; }
    #home .intro-link a { height: 360px; padding-top: 260px; }
    #home .intro-link a span { font-size: 40px; }
    #home .number-item { width: 25%; margin-top: 0px; }
    #home .number-item:nth-child(even) { border-right: 2px solid #C0c0c0; }
    #home .number-item:last-child { border-right: none; }
    
    #infos .content, #contact .content { margin-top: -80px; }
    #infos .contentTxt, #contact .contentTxt { width: 100%; }
    #infos .contentIllus, #contact .contentIllus { height: 480px; }
    #infos .column { width: 50%; }
    #infos .col1 { border-right: 1px solid #666; padding-bottom: 0px; }
    #infos .listingIllus { width: 300px; height: 300px; margin-top: 60px; float: left;}
    #infos .listing { width: 500px; margin-left: -50px; margin-top: 0px; }
    #infos .presentation, #contact .presentation { width: 100%; padding: 30px; margin: 70px 0px 0px; min-height: inherit; }
    #infos .imgPresentation, #infos .imgPresentation iframe, #contact .imgPresentation, #contact .imgPresentation iframe { width: 410px; height: 250px; }
    #infos .numbers, #contact .numbers { width: 100%; padding: 15px 30px; margin: 70px 0px 0px; min-height: inherit; }
    #infos .separateur { background-color: #a9da74; color: #a9da74; height:3px; } /* a9da74 */
    #infos .colonne { font-size: 18px; vertical-align: baseline; }
    #infos .colonne1 { display: block; width: 28%; }
    #infos .colonne2 { display: block; width: 43%; }
    #infos .colonne3 { display: block; width: 5%; }
    #infos .colonne4 { display: block; width: 5%; }
    #infos .colonne5 { display: block; width: 5%; }
    #infos .colonne6 { display: none; width: 10%; }
    #infos .colonne7 { display: none; width: 8%; }
    #infos .colonne8 { display: block; width: 10%; }
    #infos .solution_colonne1 { display: block; font-size: 16px; width: 15%; min-width: 115px; border: 0px solid red; }
    #infos .solution_colonne2 { display: block; font-size: 16px; width: 70%; border: 0px solid red; }
    #infos .solution_colonne3 { display: block; float:right; font-size: 16px; width: 9%; min-width: 60px; border: 0px solid red; align: right; } 
	#infos .recherche_bloc1 { display: block; border: 0px solid red; width:10%; min-width:30px; height:60px; }
	#infos .recherche_bloc2 { display: block; border: 0px solid green; width:76%; }
	#infos .recherche_bloc3 { display: block; border: 0px solid blue; width:10%; }
	#infos .recherche_bloc4 { display: block; border: 0px solid orange; width:80%;margin-left:0px; }


    #contact .form20 { width: 50%; }    
    #contact .form30 { width: 50%; }    
    #contact .form50 { width: 50%; }    
    #contact .form70 { width: 50%; }    
    
    #vendeur .profils { margin-top: -60px; }
    #vendeur .profil-item { width: calc(33% - 30px); }
    
    #acheteur .dmoPresentation { width: 100%; margin: 100px 0px 0px; }
    #acheteur .dmoVideo { width: 650px; height: 430px; }
    #acheteur .dmo, #acheteur .audit { width: calc(50% - 30px); margin: 15px; }
    #acheteur .access { width: 100%; margin: 30px 0px 0px; }
    #acheteur .accessTxt { width: 500px; }
    #acheteur .search-box { height: 900px; }
    #acheteur .div20 { width: 33%; }
    #acheteur .div25 { width: 33%; }
    #acheteur .div33 { width: 33%; }
    
    #fm .intro { margin: 0px 0px 0px 0px; float: left; width: 750px; padding: 30px 15px; }
    #fm .intro h1 { font-size: 30px; }
    #fm .productImg { width: 50%; float: left; }
    #fm .intro .productImg img { max-width: 75% }
    #fm .intro .productFunctions { width: 50%; float: left; }
    #fm .intro .productFunctions li { height: 80px; }
    #fm .intro .productFunctions li.vitesseImp { font-size: 18px; }
    #fm .intro .productFunctions li.vitesseImp span { font-size: 30px; }
    #fm .intro .productCertificats { width: 50%; margin: 20px 0px; }
    #fm .intro .productCertificats .productCertificats_btn { padding: 12px; }
    #fm .intro .productCertificats img { width: 80px; }
    #fm .intro .productSegment { width: 50%; float: left; }
    #fm .details { width: 750px; margin: 30px 0px 0px; }
    #fm .details .detailsList { column-count: 2; }
    #fm .dmoPresentation { width: 100%; margin: 100px 0px 0px; }
    #fm .dmoVideo { width: 650px; height: 430px; }
    #fm .access { width: 100%; margin: 30px 0px 0px; }
    #fm .accessTxt { width: 500px; }
    #fm .news { float: left; width: 100%; padding: 30px; margin: 30px 0px 0px; }
    #fm .slider { display: block; float: left; margin: 30px 115px; width: 520px; height: 480px; }
    #fm .infos { padding: 50px 90px 0px; }
    
    #news .firstNews { margin-top: -80px; }
    #news .firstNews-content { width: 100%; margin: 0px; }
    #news .firstNews-img { width: 100%; margin-left: 0px; margin-top: 0px; }
    #news .dmoPresentation { width: 100%; margin: 100px 0px 0px; }
    #news .dmoVideo { width: 650px; height: 430px; }
    #news .otherInfos { margin-top: 60px; }
    #news .col1, #news .col2 { width: 100%; margin: 30px 0px 0px 0px; }
    
    footer {  padding: 45px 0px 0px; }
    footer .contactForm { margin: 0px 0px 30px 60px; width: 620px; }
    footer nav.footerNav { margin: 0px; width: 20%; }
    footer .contactInfos { margin: 0px 0px 0px 20px; width: 430px; }
    footer .contactFollow { width: 130px; }
    footer .copyright { font-size: 14px; }
    
    .btnResponsive 			{ display: inline-block; font-size: 13px; color: #3c3c3c; border: 2px solid #bdbdbd; padding: 9px 20px; width: auto; text-transform: uppercase; }
	.btnResponsive:hover 	{ border-color: #bd0a26; color: #bd0a26; }
	
	.award1 { font-size:21px; }	
	.award2 { font-size:18px; }
	.award3 { font-size:16px; }
	.colonne { column-count:2; }
}

/* LG - Desktop */
@media screen and (min-width: 1024px) {
	.testD	{ display:block; background-color: orange; width:40px; font-size: 11px; }
	.testA, .testB, .testC, .testE	{ display:none; }
    .container-fx { width: 970px; }
    .paddingt120 { padding-top: 120px; }
    nav#mainNav ul.menu { margin-top: 10px; }
    nav#mainNav li { margin: 0px; font-size: 16px; }
    nav#mainNav li > a { padding: 0px 10px;}
    aside.pub { padding-top: 80px; }
    aside#pub_machine.pub { padding-bottom: 420px; }
    aside#pub_infos.pub, aside#pub_vendeur.pub, aside#pub_acheteur.pub { padding-bottom: 230px; }
    main#fm { margin-top: -330px; }
    #infos .content { margin-top: -140px; }
    
    .referencement	{ display: block; font-size: 12px; }       
    
    #home .intro-link { margin-top: -150px; }
    #home .intro-link div { margin: 0px 55px; }
    #home .number-item span { font-size: 80px; }
    #home .news { width: 500px; }
    #home .illustration { width: 470px; height: 400px; margin-top: 50px; }
    #home .slideshow-container, #home .slideshow-container .mySlides, #home .slideshow-container .text { height: 400px; }
    
    #infos .contentTxt, #contact .contentTxt { width: 800px; }
    #infos .contentIllus, #contact .contentIllus { margin-left: -630px; width: 800px; margin-top: 70px; }
    #infos .listingIllus { width: 570px; height: 540px; margin-top: 0px; }
    #infos .listing { width: 600px; margin-left: -200px; margin-top: 50px; }
    #infos .presentation, #contact .presentation { width: 470px; padding: 30px; margin: 70px 15px 0px 0px; min-height: 565px; }
    #infos .imgPresentation, #infos .imgPresentation iframe, #contact .imgPresentation, #contact .imgPresentation iframe { width: 410px; height: 250px; }
    #infos .numbers, #contact .numbers { width: 470px; padding: 15px 30px; margin: 70px 0px 0px 15px; min-height: 565px; }
    #infos .separateur { background-color: #dad674; color: #dad674; height:3px; } /* dad674 */
    #infos .colonne { font-size: 18px; vertical-align: baseline; }
    #infos .colonne1 { display: block; width: 22%; }
    #infos .colonne2 { display: block; width: 39%; }
    #infos .colonne3 { display: block; width: 5%; }
    #infos .colonne4 { display: block; width: 5%; }
    #infos .colonne5 { display: block; width: 5%; }
    #infos .colonne6 { display: block; width: 10%; }
    #infos .colonne7 { display: none; width: 8%; }
    #infos .colonne8 { display: block; width: 10%; }
    #infos .solution_colonne1 { display: block; font-size: 16px; width: 15%; min-width: 115px; border: 0px solid red; }
    #infos .solution_colonne2 { display: block; font-size: 16px; width: 70%; border: 0px solid red; }
    #infos .solution_colonne3 { display: block; float:right; font-size: 16px; width: 9%; min-width: 60px; border: 0px solid red; align: right; }
	#infos .recherche_bloc1 { display: block; border: 0px solid red; width:10%; min-width:30px; height:60px; }
	#infos .recherche_bloc2 { display: block; border: 0px solid green; width:76%; }
	#infos .recherche_bloc3 { display: block; border: 0px solid blue; width:10%; }
	#infos .recherche_bloc4 { display: block; border: 0px solid orange; width:80%;margin-left:0px; }

    #contact .contact-form { width: 900px; }
    #contact .form20 { width: 20%; }    
    #contact .form30 { width: 30%; }    
    #contact .form50 { width: 50%; }    
    #contact .form70 { width: 70%; }    
    
    #vendeur .profils { margin-top: -150px; }
    #vendeur .profil-item { width: 170px; font-size: 14px; min-height: 400px; }
    #vendeur .profil-item:first-child { margin-left: 0px; }
    #vendeur .profil-item:last-child { margin-right: 0px; }
    #vendeur .profil-item a { width: 140px; }

    #acheteur .search { margin-top: -140px; }
    #acheteur .search-box, #acheteur .search-item { width: 650px; }
    #acheteur .search .button-box { width: 320px; height: 430px; position: relative; top: auto; left: auto; margin-top: 60px; }
    #acheteur .search .button { width: 320px; height: 430px; padding-top: 190px; }
    #acheteur .dmoPresentation { width: 470px; margin: 120px 30px 0px 0px; min-height: 670px; }
    #acheteur .dmoVideo { width: 400px; height: 270px; }
    #acheteur .dmo, #acheteur .audit { width: calc(50% - 60px); margin: 30px; }
    #acheteur .access { width: 470px; margin: 120px 0px 0px; min-height: 670px; }
    #acheteur .accessItem { margin: 0px 30px 30px; }
    #acheteur .accessTxt { width: 300px; }
    #acheteur .div33 { width: 50%; }
    
    #fm .intro { margin: 0px; width: 400px; }
    #fm .productImg { width: 100%; float: none; }
    #fm .intro .productImg img { max-width: 50% }
    #fm .intro .productFunctions { width: 100%; float: none; }
    #fm .intro .productCertificats { width: 100%; margin: 20px 0px; }
    #fm .intro .productCertificats img { width: 100px; }
    #fm .intro .productSegment { width: 100%; float: none; }
    #fm .details { width: 580px; margin-top: -40px; margin-left: -15px; }
    #fm .details h2 { font-size: 30px; }
    #fm .details h3 { font-size: 20px; }
    #fm .details .detailsList { column-count: 2; }
    #fm .dmoPresentation { width: 470px; margin: 120px 30px 0px 0px; min-height: 670px; }
    #fm .dmoVideo { width: 400px; height: 270px; }
    #fm .access { width: 470px; margin: 120px 0px 0px; min-height: 670px; }
    #fm .accessItem { margin: 0px 30px 30px; }
    #fm .accessTxt { width: 300px; }
    #fm .news { float: left; width: 540px; padding-right: 115px; margin: 30px 0px 0px 0px; }
    #fm .slider { float: left; margin: 100px 0px 0px -90px; }
    
    #news .firstNews { margin-top: -240px; }
    #news .firstNews-content { width: 600px; }
    #news .firstNews-img { width: 380px; margin-left: -10px; margin-top: 70px; }
    #news .otherInfos { margin-top: 60px; }
    #news .col1 { width: 455px; margin: 0px 30px 0px 0px; }
    #news .col2 { width: 455px; margin: 0px 0px 0px 30px; }
    #news .dmoPresentation { width: 470px; margin: 120px 30px 0px 0px; min-height: 670px; }
    #news .dmoVideo { width: 400px; height: 270px; }
    
    footer { margin-top: 110px; }
    footer .contactForm { margin: 0px; width: 485px; }
    footer .contactFollow { margin-left: 25px; width: 200px; }
    footer .contactInfos { width: 500px; margin: 0px; }
    
    .btnResponsive 			{ display: inline-block; font-size: 14px; color: #3c3c3c; border: 2px solid #bdbdbd; padding: 10px 22px; width: auto; text-transform: uppercase; }
	.btnResponsive:hover 	{ border-color: #bd0a26; color: #bd0a26; }
	
	.award1 { font-size:22px; }	
	.award2 { font-size:19px; }
	.award3 { font-size:17px; }
	.colonne { column-count:2; }
}

/* XL - Desktop Large */
@media screen and (min-width: 1366px) {
	.testE	{ display:block; background-color: red; width:40px; font-size: 11px; }
	.testA, .testB, .testC, .testD	{ display:none; }
    .d-xl-none { display: none; }
    .container-fx {  width: 1320px; }
    nav#mainNav { width: auto; }
    nav#mainNav ul.menu { margin-top: 0px; }
    nav#mainNav li { margin: 0px; }
    nav#mainNav li > a { padding: 0px 10px;}
    #logo { float: left; margin-top: 0px; }
    
    .referencement	{ display: block; font-size: 13px; }  
    
    #home .intro-link { margin-top: -240px; }
    #home .news { width: 600px; margin-top: 50px; }
    #home .illustration { width: 720px; height: 620px; margin-top: 0px; }
    #home .slideshow-container, #home .slideshow-container .mySlides, #home .slideshow-container .text { height: 620px; }
    
    #infos .contentTxt, #contact .contentTxt { width: 890px; }
    #infos .contentIllus, #contact .contentIllus { margin-left: -570px; width: 1000px; }
    #infos .listingIllus { width: 780px; }
    #infos .listing { width: 600px; margin-left: -60px; }
    #infos .presentation, #contact .presentation { width: 610px; padding: 30px 55px; margin: 70px 25px 0px; min-height: 520px; }
    #infos .imgPresentation, #infos .imgPresentation iframe, #contact .imgPresentation, #contact .imgPresentation iframe { width: 500px; height: 330px; }
    #infos .numbers, #contact .numbers { width: 610px; padding: 15px 30px; margin: 70px 25px 0px; min-height: 520px; }    
    #infos .separateur { background-color: #da8a74; color: #da8a74; height:3px; } /* 74dacd */
    #infos .colonne { font-size: 19px; vertical-align: baseline; }
    #infos .colonne1 { display: block; width: 20%; }
    #infos .colonne2 { display: block; width: 35%; }
    #infos .colonne3 { display: block; width: 5%; }
    #infos .colonne4 { display: block; width: 5%; }
    #infos .colonne5 { display: block; width: 5%; }
    #infos .colonne6 { display: block; width: 10%; }
    #infos .colonne7 { display: block; width: 8%; }
    #infos .colonne8 { display: block; width: 10%; }
    #infos .solution_colonne1 { display: block; font-size: 16px; width: 15%; min-width: 115px; border: 0px solid red; }
    #infos .solution_colonne2 { display: block; font-size: 16px; width: 75%; border: 0px solid red; }
    #infos .solution_colonne3 { display: block; float:right; font-size: 16px; width: 9%; min-width: 60px; border: 0px solid red; align: right; } 
	#infos .recherche_bloc1 { display: block; border: 0px solid red; width:10%; min-width:30px; height:60px; }
	#infos .recherche_bloc2 { display: block; border: 0px solid green; width:76%; }
	#infos .recherche_bloc3 { display: block; border: 0px solid blue; width:10%; }
	#infos .recherche_bloc4 { display: block; border: 0px solid orange; width:80%;margin-left:0px; }
   
    #vendeur .profil-item { width: 240px; font-size: 16px; min-height: 460px; }
    #vendeur .profil-item h2 { font-size: 30px; }
    #vendeur .profil-item a { width: 210px; font-size: 16px; padding: 12px 10px; }
    
    #acheteur .search-box, #acheteur .search-item { width: 890px; }
    #acheteur .button-box, #acheteur .button { width: 430px; height: 480px; }
    #acheteur .dmoPresentation { width: 600px; margin: 0px 30px 30px; min-height: 605px; }
    #acheteur .dmoVideo {  width: 500px; height: 330px; }
    #acheteur .access { width: 600px; margin: 0px 30px 30px; min-height: 605px; }
    #acheteur .accessItem { margin: 0px 50px 25px; }
    #acheteur .accessTxt { width: 385px; }
    #acheteur .div20 { width: 20%; }
    #acheteur .div25 { width: 25%; }
    #acheteur .div33 { width: 33%; }
    
    #fm .intro { margin-left: 30px; margin-top: 65px; width: 680px; padding: 60px; }
    #fm .intro .productFunctions li { height: 100px; }
    #fm .intro .productFunctions li.vitesseImp { font-size: 24px; }
    #fm .intro .productFunctions li.vitesseImp span { font-size: 36px; }
    #fm .intro .productCertificats .productCertificats_btn { padding: 15px 40px; }
    #fm .intro .productCertificats .productCertificats_btn:nth-child(odd) { border-right: 0px solid #c0c0c0; }
    #fm .intro .productCertificats img { width: 130px; }
    #fm .details { width: 600px; margin-top: 0px; }
    #fm .details h2 { font-size: 45px; }
    #fm .details h3 { font-size: 30px; }
    #fm .news { width: 890px; margin: 160px 0px 0px; }
    #fm .dmoPresentation { width: 600px; margin: 200px 30px 30px; min-height: 605px; }
    #fm .dmoVideo {  width: 500px; height: 330px; }
    #fm .access { width: 600px; margin: 200px 30px 30px; min-height: 605px; }
    #fm .accessItem { margin: 0px 50px 25px; }
    #fm .accessTxt { width: 385px; }
    #fm .news { float: left; width: 890px; padding-right: 115px; }
    #fm .slider { float: left; margin: 225px 0px 0px -90px; }
    
    #news .firstNews-content { width: 890px; }
    #news .firstNews-img { width: 500px; margin-left: -70px; }
    #news .otherInfos { margin-top: 120px; }
    #news .col1, #news .col2 { width: 600px; margin: 0px 30px; }
    #news .dmoPresentation { width: 600px; margin: 120px 30px 0px 0px; min-height: 605px; }
    #news .dmoVideo {  width: 500px; height: 330px; }
    
    footer .contactForm { width: 615px; }
    footer .contactInfos { width: 600px; margin: 0px 0px 0px 60px; }
    footer .contactFollow { margin-left: 0px; }
    
    .colonneOff { }
    
    .btnResponsive 			{ display: inline-block; color: #3c3c3c; border: 2px solid #bdbdbd; padding: 12px 30px; width: auto; text-transform: uppercase; }
	.btnResponsive:hover 	{ border-color: #bd0a26; color: #bd0a26; }
	
	.award1 { font-size:23px; }	
	.award2 { font-size:20px; }
	.award3 { font-size:18px; }
	.colonne { column-count:2; }
    
}