/* <style> */
@media (max-width: 959px)
{
    .div-generale
    {
        width: 100%;
    }
        #header-info-contact 
    {
        display:none;
    }
    #header-titre { font-size: 24px; margin-right: 40px; padding-top:0px;}
    #header-logo-img img {
        height: 50px;
        max-width:200px;
    }
    #header-menu {
        display:none;
    }
    
    #header-afaq-img {
        display:none;
    }
    
    #header-menu ul li a {text-align:left;}
    div.header
    {
        position: fixed;
        z-index:1000;
        top:0;
        width: 100%;
        border-bottom: 1px solid #a71334;
        padding-bottom: 0px;
    }
    div.body-wrapper
    {
     margin-top: 60px;   
    }
    #header-rwd-menu-btn { display: block; float: right; margin-top: 11px; margin-right: 15px;}
    #header-rwd-menu-btn:hover { cursor: pointer;}
    #header-rwd-menu
    {
        position: fixed;
        top: 60px;
        right: 0px;
        bottom: 0px;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        height: auto;
        z-index: 10000;
        background-color: #a71334;
        border-top: 1px solid transparent;
        overflow-y: scroll;
        color: #FFF;
        font-family: Quicksand;
    }
    
    #header-rwd-menu-ul ul
    {
        vertical-align: top !important;
        margin-top: 7.5px;
        margin-bottom: 7.5px;
        text-align: center;
    }
    #header-rwd-menu-ul ul li
    {
        list-style: outside none none;
        padding: 7px 16px;
    }
    #header-rwd-menu-ul ul li a
    {
        text-transform: uppercase;
        color: #FFF;
        width: 95%;
        line-height: 40px;
        position: relative;
        display: block;
        text-align: left;
        padding-left: 10px;
    }
    #header-rwd-menu-ul ul li:first-child { border-top: 1px solid #FFF; }
    #header-rwd-menu-ul ul li
    {
        text-transform: uppercase;
        margin-right: 21px;
        position: relative;
        border-bottom: 1px solid #FFF;
        
    }
    #header-rwd-menu-ul ul li.nav-left-rub a { cursor:pointer; }
    #header-rwd-menu-ul ul li.nav-left-rub
    {
        background-image: url('https://www.lachand-industrie.com/ressource/img/menu-arrow-fold.png');
        background-repeat: no-repeat;
        background-position: 100% 14px;
    }
    #header-rwd-menu-ul ul li.nav-left-rub.unfold
    {
        background-image: url('https://www.lachand-industrie.com/ressource/img/menu-arrow-unfold.png');
    }
    .bandeau-texte
    {
        font-size:4.3vw;
        margin-top: 43px;
    }
    .accueil-colonne-gauche
    {
        width: 100%;
        float: none;
        margin: auto;
        text-align: center;
    }
    .accueil-colonne-droite
    {
        width: 100%;
        margin-left: 0px;
        float: none;
        margin-top: 10px;
    }
    .accueil-realisation
    {
        margin: auto;
        display: inline-block;
        text-align: center;
        float: none;
        vertical-align: top;
    }
    .accueil-realisation.last { margin-left: 11px;}
    .accueil-realisation .rubrique-titre { text-align: left;}
    .accueil-bouton { max-width: 580px; margin: auto;}
    #accueil-contact-info
    {
        width: 350px;
        max-width: 90%;
        margin:auto;
    }
    #accueil-contactez 
    {
        max-width: 580px;
        margin: auto;
        margin-top: 10px;
    }
    
    #footer-coordonnees
    {
        margin-top: 20px;
        padding-left: 10px;
    }
    .rubrique-paragraphe { text-align: left; }
        .img-polaroid img
    {
        max-width: 100%;
    }
    #fraisage #competence-img-topleft {margin-bottom:38px;}
    .competence .rubrique-titre { text-align: left; }
    .competence .rubrique
    {
        text-align: left;
    }
    
    .colonne-m
    {
        width: 100%;
        text-align: center;
        margin: auto;
        max-width: 500px;
        float: none;
    }
    .colonne-xl
    {
        width: 100%;
        float: none;
    }
    .rubrique { float: none; text-align: left;}
    .realisation-titre { text-align: left;}
    #tournage,#fraisage,#tournage-et-fraisage,#divers
    {
        text-align: center;
    }
    .details-liste
    {
        text-align: left; padding-left: 16px;
    }

    #realisation .colonne-gauche, #realisation .colonne-droite
    {
        width: 100%;
        float: none;
    }

    #realisation .realisation
    {
        margin: auto;
        display: inline-block;
        text-align: center;
        float: none;
    }
    
    #realisation .colonne-gauche .realisation.last {  margin-left: 11px; }
    #realisation .colonne-droite .realisation.last {  margin-left: 0px; }
    
    .liste-photo .liste-photo-equipe { width: calc(50% - 10px);}
    .liste-photo .liste-photo-equipe
    {
        margin-left: 0px;
    }
    .liste-photo .liste-photo-equipe:nth-child(2n)
    {
        margin-left: 10px;
    }
    #contact form
    {
        padding-left: 0px;
    }
    
    footer#footer
    {
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right:10px;
    }
    
    .rubrique-colonne-reduite
    {
        width: 100%;
        float: none;
    }
    .bloc-contactez-droite
    {
        float: none;
        margin: auto;
        margin-bottom: 15px;
    }
    #besoinsdetaille-contact { margin-top: 20px;}
    .bloc-contactez-bottom
    {
       clear: both;
       float: none;
       margin: auto;
       margin-bottom: 20px;
    }
    
    div.bloc-contactez-large
    {
        height: 229px !important;
        width: 254px !important;
        margin: auto;
    }
    div.bloc-contactez-large .besoin { float: none; width: 212px; }
    div.bloc-contactez-large #accueil-contact-info { float: none; margin-left: 0px; width: auto; }
    div.bloc-contactez-large #accueil-contact-info div.last .inline { width: calc(100% - 50px);}
    
    .liste-photo { text-align: center;}
    div.directlink { display: inline-block; }
    div.directlink:before 
    { 
        display: block; 
        content: " "; 
        margin-top: -80px; 
        height: 80px; 
        visibility: hidden; 
    }
    
    .competence .img-descirption-entreprise 
    {
        float:none;
        margin-top: 12px;
        clear:both;
        margin-right: 5px;
    }
    #logo-ledin, #logo-mecaloire
    {
        margin-top: 0px;
    }
    .paragraphe-to-img
    {
        margin-top: 0px;
        overflow:auto;
        display:block;
    }
    .colonne-l
    {
        display: block;
        margin: auto;
    }


    #return-to-top img {
         top: 9px;
    }
    #return-to-top:hover img {
        top: 9px;
    }
}

@media (max-width: 599px)
{
    
    #header-titre { display:none;}
    .bandeau-texte
    {
        font-size:5vw;
        margin-top: 20px;
    }
    .btn { font-size: 16px;}
    .colonne-l { max-width: 400px; margin-left: 0px; width: 100%;} 
    .colonne-xs 
    {
        width: 100%;
        float: none;
    }
    .accueil-realisation.last { margin-left: 0px;}
    .details-liste
    {
        text-align: left; padding-left: 5px;
    }
    .details-liste ul
    {
        padding-left: 15px;
    }
    
    #realisation .colonne-gauche .realisation.last {  margin-top: 15px;  margin-left: 0px; }
    
    .liste-photo .liste-photo-equipe { width: 100%;}
    .liste-photo .liste-photo-equipe
    {
        margin-left: 0px;
    }
    .liste-photo .liste-photo-equipe:nth-child(2n)
    {
        margin-left: 0px;
    }
    
    .form-ligne input, .form-ligne textarea
    {
        width: 280px;
    }
    #contact .form-btn
    {
        margin-left: 0px;
        margin: auto;
        
    }

    #presentation-liste-activite
    {
       columns: 1;
      -webkit-columns: 1;
      -moz-columns: 1;
    }
    
    footer#footer
    {
        width: calc(100% - 20px);
        padding-left: 10px;
        padding-right:10px;
        margin: auto;
        text-align: center;
    }
    
    footer#footer div.right
    {
        float: none;
        margin: auto;
        text-align: center;
    }
    div#footer-liens { float: none; margin-bottom: 15px; }
    #footer-liens div.footer-liens-bloc
    {
        width: 50%;
        min-width: 212px;
        float: left;
        text-align: center;
    }
    .footer-lien-acces { float: none;}
    #footer-liens div.margintop15 { margin-top: 0px;}
    #footer-lien-contactez { margin-top: 0px;}
    #footer-coordonnees
    {
         margin: auto;
        text-align: center;
        margin-bottom: 15px;
        clear:both;
    }
    
    
    #home-wrapper .details-liste .sous-liste {
        padding-left: 40px;
    }
}
@media (max-width: 445px)
{
    #footer-liens { margin-top: 15px; }
    #footer-liens div.footer-liens-bloc
    {
        width: 100%;
        min-width: 212px;
        float: left;
        text-align: center;
         margin-bottom: 15px;
    }
    #footer-copyright
    {
       float:none;
       clear: both;
    }
    #contact-liste-moyen {
        padding-left: 5px;
    }
    .paragraphe-to-img {
        display: inline-block;
        margin-top: 20px;
    }
}
@media 
only screen and (max-width: 760px) 
{
        .machine-details { max-width: 100%; text-align: center;}
        .machine-details div
        {
            float: none;
            text-align: center;
            width: auto;
            padding-left: 15px;
        }
        .machine-details div ul { text-align: left; width: auto; display: inline-block; margin: auto;}
        .machine-details div:first-child { margin-right: 0px;}
        
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
        }
}