html, body {
    -webkit-overflow-scrolling: touch;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
}



/* bootstrap reset */

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    
    padding-left: 20px;
    padding-right: 0px;
/*    margin-left:-20px;*/
    
}
.row {
    margin: 0 0 0 -20px;
}

.container-fluid {
    padding:0;
    
}

.cb {clear: both}
.fl {float: left}
.flr {float: right}

.ta-r {text-align: right}



a:focus, a:hover {
    text-decoration: none;
}

input[type=text], input[type=search] {
    border: 0;
    font-size: 11px;
    padding: 1px 3px;
}


a[href^="tel"]:not(.realtel) {
    color: inherit; /* Inherit text color of parent element. */
    text-decoration: none; /* Remove underline. */
    pointer-events: none;
    cursor: default;
}

/* end bootstrap reset */

.container {
    position: relative;
    padding: 0 20px;
}

/*
.container::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%; 
  height: 6000px;  
  opacity: .5; 
  background: url(contact.png);
  z-index: -1;
}
*/


header {
    position: fixed;
    background: white;
    z-index: 100;
    height: 200px;
    width: inherit;
}



h1{
	/*padding-bottom: 8%;*/
	font-weight: bold;
	color:#141414;
	font-size: 135%;
	letter-spacing: 3.75px;
	word-spacing: 160%;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin: 0 0 0 0;
    
}

h1.name{
    line-height: 20px;
    padding-bottom: 100px;
    padding-top: 15px;}

.img-responsive.logo {
    width:58px;
    height: 28px;
    display:inline;
    margin-left:4px;
}

.lwaprod .img-responsive.logo {
    width:auto;
}


a.lwa img{
    margin-top: -4px
}

section {
    margin-top: 200px;
}

.list-inline{
	padding-bottom: 15px;
	margin-top: 4px;
}

.list-inline > * {
    vertical-align: top;
}

.list-inline > li{
   width: 17%;
}

.lwaprod header .list-inline li.work {
    margin-left: 8.6%;
}

.lwaprod header .list-inline > li {
    width: 15%;
}

.lwaprod header .list-inline .search {
    margin-left: 3.5%;
}

.list-inline li.work {
    margin-left: 11%;
    position: relative;
}

.list-inline a {		
	color: #000;
    text-transform:uppercase;
    font-weight:300;

}

.list-inline li a {		
    vertical-align: -4px;
}

.list-inline a:focus {        

/*    border-bottom: 2px solid #000;*/
   }

.list-inline a.active  {        
    border-bottom: 2px solid;
}

.list-inline .search a:active, .list-inline .search a:hover, .list-inline .search a:focus  {        
    border-bottom: 0px solid #0f0;
}
.list-inline a:hover{
	color:#141414;
	text-decoration: none;
	border-bottom: 2px solid;
}

a.active_menu{
    vertical-align: -8px;
    font-size: 10px;
    text-transform: none;
   	color:#141414;
}

a.active_menu .glyphicon{
    margin-left: 6px;
    vertical-align: 0px;
    font-size: 9px;
    color: #666;
}


a.active_menu.only_desktop {
    position:absolute;
    left: 4px;
    top: 32px;
    white-space: nowrap;
}

a.active_menu:hover{
    border: 0px solid #000;
}


.encours a{
	color:#141414;
	text-decoration: none;
	border-bottom: 2px solid;
}

a:hover.lwa {
    border-bottom:0px;
}

.glyphicon {
    display:inline-block;
    margin-left: 7%;
    vertical-align: -6px;
}


a:hover.glyph {
    border-bottom: 0px;
}



#global_search {
    display: none;
    width: 0;
    border-radius: 0;
    margin-left: 6px;
    vertical-align: -4px;
    border: 0px solid;
    background: #eee;
    height: 18px;
    box-shadow: none;

}

.search{
 /*   display: inline;*/
}
 
.only_desktop.search{
    display: inline-block;
    width: 275px;
}


 .nb_of_results {
    font-family: 'Source Code Pro', monospace;
	font-size:10px; 
	margin: 0 0 0 15px;
	vertical-align: -5px;
	color: #95989A;
	
 }
 
 .only_mobile.nb_of_results{
    margin: 29px 0 0 0;
 }
 
/* menu déroulant */



.sn {
    display:none;
}

#menu-deroulant {
    display: none;
    text-transform: uppercase;
    font-size: 9px;
    margin-left: 11%;
    padding-left: 67px;
    line-height: 20px;    
}

#menu-deroulant.opened {
    display: block;

}

#menu-deroulant a{
	text-decoration: none;
	letter-spacing: 1px;
    font-weight: 400;
	color: #000;
	border-bottom: none;
    font-size:11px;
}

#menu-deroulant a.active, #menu-deroulant a:hover{
    color: #de1935;
}
    
.menu1 {
   float: left;
   width: 203px;
   border-right: 1px solid black;
    
}



.menu2 {
    margin-left: 20px; 
    float: left;
}

.menu2 .items {
    height: 150px;    
    columns: 163px 2;
    column-fill: auto;
    columns-gap:20px;

}

/*
.menu2 {
    position:relative;
    top:-183px;
    height: 200px;
    columns: 225px 2;
    column-fill: auto;
    margin-left: 225px;
    columns-gap:20px;
    
    }

.menu2::before { 
        content:'';
        position:absolute;
        top:0px;
        left:0px;
        width: 1px;
        height: 190px;
        background:#000;  


  }



ul#menu-deroulant{
    margin-top:45px;
    padding-left:20px;
    margin-left:-20px;
    height:200px;
   
    }
*/

img.loupe {
    display:inline-block;
    vertical-align: -8px;
    width:17px;
    height: 17px;
    opacity: 0.8;
}

form.search a:hover {
    border-bottom:0px;
}







/* menu mobile */



.container-fluid {
	max-width: 1280px;
	background-color: white;
}


.img-responsive {
	max-width: 100%;
	height: auto;
	display: block;
    max-height: 360px;
    margin: auto;
}


.imghome .img-responsive {
    margin: 0 auto;
}

.text {
	padding-top: 16px;
/*	padding-bottom : 70px;*/
	height: 170px;
}


.date {
    font-family: 'Source Code Pro', monospace;
	font-size: 9px;
	color:#95989A;
    letter-spacing: 0.14em;
    line-height: 10px;
}

a:hover.category1{
    text-decoration: none;
}

.category{
	font-size: 12px;
	font-weight:700;
	color:#141414;
	letter-spacing: 0.14em;
	line-height: 18px;
	text-transform: uppercase;
}

a:hover.client1{
    text-decoration: none;
}

h3.client{
	font-size: 12px;
	color:#95989A;
	letter-spacing: 0.14em;
	text-transform: uppercase;
    line-height:18px;
}

a:hover.projet1{
    text-decoration: none;
}

h3.projet{
	font-size: 12px;
	color:#95989A;
	letter-spacing: 0.14em;
	text-transform: uppercase;
    line-height:18px;
}

/*
.box{
    display: table;
    width: 100%;
    max-width: 100%;
    table-layout:fixed;    
    text-align: center;        
}*/

.imghome{
/*    min-height: 360px;*/
    height: 360px;
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    width: 100%;
    max-width: 100%;
    table-layout:fixed;    
        
    /*
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    display: -ms-flexbox;    
    -ms-flex-direction: column;
    -ms-flex-pack: justify;
    -ms-flex-align: end;    
    */
}

.display_more_projects{
    text-align: center;
/*    padding: 10px 10px 80px 10px;*/
}

.display_more_projects img{
    width: 150px;
}

.btn-more{
    color: white;
    background-color: #141414;
    border-radius: 0;
    padding-left: 4%;
    padding-right: 4%;
}

.btn-more:hover{
    color: white;
    background-color: #DB0C27;
    border-color: #DB0C27;
}

.btn-more:focus{
    color: white;
}
/* feuille de style about */

    .fr{
        color: #080808;
        font-size:11px;
        line-height: 18px;

    }
    .en {
        color: #95989A;
        font-size:11px;
        line-height: 18px;
    }
    
    .apropos{
        margin-bottom:66px;
}

    .apropos p{margin:0px;}



    .about_us .column {
        -webkit-columns: 3;
        -moz-columns: 3;
        columns: 3;
        hyphens: none ;
        -webkit-hyphens:none;
                column-gap : 20px;
    }

    .unbreakable {
        margin: 0;
        -webkit-column-break-inside: avoid; /* Chrome, Safari */
        page-break-inside: avoid;           /* Theoretically FF 20+ */
        break-inside: avoid-column;         /* IE 11 */
        display:table;                      /* Actually FF 20+ */
    }
    
    .about {
    	text-align:justify;
    }


    .about.titre {
        margin-top: 98px;    
    }

    .pres {
        margin-bottom: 10%;
    }

    .fiche{
        margin: 0 0 40px 0;
    }


    .img-responsive1 { 
        padding-left:0;
        padding-right:20px;
    }
    
    .team:nth-child(4n+3)  .img-responsive1, .team:nth-child(4n+4)  .img-responsive1{ 
        float:right;
        padding-left:20px;
        padding-right:0;
    }
  
   /*

     .team:nth-child(1)  .img-responsive1{ 
        padding-right:20px;
        padding-left:0px;
    }

    .team:nth-child(1)  .info{ 
        padding-right:10px;
        padding-left:0px;
    }

    

    .team:nth-child(2)  .img-responsive1{ 
        padding-right:20px;
        padding-left:0px;
    }

    .team:nth-child(2){ 
        margin-left:0px;
        padding-right:0;
    }
    
    .team:nth-child(3)  .img-responsive1{ 
        float:right;
        padding-right:0;
        padding-left:20px;
    }

    .team:nth-child(4)  .img-responsive1{ 
        float:right;
        padding-left:20px;
        padding-right:0;

    }
  
    .team:nth-child(4){ 
        
        margin-left:0px;
        padding-right:0px;

    }

    .team:nth-child(4)  .info{ 
        padding-right:10px;
        padding-left:0px;
    }

     .team:nth-child(5)  .img-responsive1{ 
        padding-right:20px;
        padding-left:0px;
    }

    .team:nth-child(5)  .info{ 
        padding-right:10px;
        padding-left:0px;
    }

    

    .team:nth-child(6)  .img-responsive1{ 
        padding-right:20px;
        padding-left:0px;
    }

    .team:nth-child(6){ 
        margin-left:0px;
        padding-right:0;
    }
    
    */

    h3 .soustitre{
    	margin:0;
    	padding:0;
    }

    .titre {
        text-transform: uppercase;
    	font-weight:bold;
        font-size: 10px;
        letter-spacing: 3px;
        color: black;
    	margin-bottom: 22px;

    }

    .titre.domain{
        margin-bottom: 0;

    }

  /*  .team{max-height:210px;}*/

    


    .titre2 {
    	font-weight:bold;
    	font-size: 100%;
    	letter-spacing: 3px;
    	word-spacing: 100%;

    }

    .soustitre {
    	color:#95989A;
        font-family: 'Source Code Pro', monospace;
    	font-size: 10px;
        padding: 6px 0; 
        line-height: 14px;
    }

    .p1 {
    	margin-bottom: 19px;
        margin-top:14px;
    }

    .p2 {
    	margin-bottom: 22px;
    }





    .personnel {
    	text-align:justify;
    	margin-top: 67px;
    }


    .img-responsive1{
    	float:left;
    	/*margin-right: 3%;*/
        max-width: 35%;
        height:auto;
        
    }

    .info {
    	display:inline;

    }

    h2.name {
    	font-weight:bold;
        font-size: 12px;
        letter-spacing: 1.5px;
        margin-bottom: 4px;       	
    }
    .team_row:nth-child(2n) h2.name {
        text-align: right;
    }

    h3.job1 {
        font-family: 'Source Code Pro', monospace;
        line-height:20px;
    	color:#95989A;
    	font-size: 10px;
    	margin-bottom: 15px;
    }

    .team_row:nth-child(2n) h3.job1 {
        text-align:right;
        margin-bottom: 4%;
    }

    .resume1 {
        font-size: 11px;
        line-height: 18px;
    }

    .team_row:nth-child(2n) img{
        float:right;
        margin-left: 3%;
        max-width: 35%;
        height:auto;
    }
    .resume2 {
    	color:#95989A;
    	font-style: italic;
    }


    h3.job2 {
    	text-align:right;
    	color:#95989A;
    	font-size: 70%;
    	letter-spacing: 1px;
    	word-spacing: 100%;
    	margin-bottom: 15px;


    }

    h3.job2bis {
        text-align:right;
        color:#95989A;
        font-size: 70%;
        letter-spacing: 1px;
        word-spacing: 100%;
        margin-bottom:3.5%;
    }



    .freelance {
    	text-align:justify;
        margin-top: 90px;
    	margin-bottom: 40px;

    }


    .shift {
    	font-weight:bold;
    	font-size: 100%;
    	letter-spacing: 3px;
    	word-spacing: 100%;
    	margin-bottom: 8%;
    }

    .shifthide {
    	margin-bottom: 12%;
    	visibility:hidden;
    }

    .external:nth-child(5n) {
        clear: both;
    }

    h2.job {
        font-family: 'Source Code Pro', monospace;
    	color:#95989A;
        font-size: 10px;
        margin: 5px 0 22px 0;
    }

    .liste {
    	margin-bottom: 30px;
        font-size:11px;
    }

    .memberof {
        margin-top:134px;
    	text-align:justify;
    	height: 150px;
    	margin-bottom: 12%;

    }

    .memberof h2 {
        margin-bottom:60px;
        

    }


    .member {
    	font-weight:bold;
    	font-size: 100%;
    	letter-spacing: 3px;
    	word-spacing: 100%;
    	margin-bottom: 8%;
    }

    .partners li{
    	display : block;
    	list-style-type: none;
        width: 25%;
        float: left;
        text-align: center;
    }

    .partners img {
        width: 150px;
        max-width: 90%;
    }
    ul.partners{padding-left:0;}
    /*#partner2 {
        max-width:10%;
    }

    #partner3 {
        max-width:10%;
    }*/


    .line {
    	border-top : 1px solid #95989A;
    	width : 100%; 
    	margin: 50px 0;
    }

    .legalnotice{
        font-size: 11px;
        line-height: 18px;
    }

    .studio p,.copyright p,.studio h5{
        color:#95989A;}

    .legalnotice h2{
        margin-bottom:46px;}

    .legalnotice h5{
        text-transform: lowercase;
        line-height: 18px;
        font-variant: small-caps;
    }

    .legalnotice h4 {
    	color:#141414;
    	text-transform: uppercase;
        line-height:30px;
    }

     .legalnotice .studio {
    	margin-bottom: 7%;
        text-align: left;
    }


    .legalnotice .copyright h4{
        padding-left: 0;
    }

    .legalnotice .copyright p{
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
        text-align: justify;
        hyphens: auto ;
        -webkit-hyphens:auto;

        margin-bottom:50px;
        column-gap:20px;
    }




    /* feuille de style page contact */

    /* col gauche*/

    .request {
    	margin-bottom: 4%;
        letter-spacing: 1px;
    }

    p.main-office{
        font-family: 'Source Code Pro', monospace;
        font-size: 10px;
        line-height:20px;
        color:#646463;
        margin-bottom:0;
    }

    
    p.adresse{
        color:#646463;
        font-size:11px;
        line-height:20px;
        letter-spacing:0.14em;
    }

    .Paris,.London{
        margin-bottom:65px;}


    
    /* formulaire */

    /*.mandatory {
        color: #95989A;
        font-style: normal;
        font-size: 80%;
        margin-bottom: 0.5%;
        float:right;
    }*/

    .form-group .form-control {
    	color: #95989A;
    	font-style: italic;
    	background-color: #f5f5f5;
    	border-radius: 0;
        margin-bottom: 30px;
        border: 0px solid;
        box-shadow: none;
        height: 24px;
        padding: 3px 6px;
        font-size: 12px;
        
    }

    .form-control:focus {
    	border-color:#141414;
    	box-shadow :none;
        background-color: #f5f5f5;
        color:black;
        font-style: normal;
    }
    
    .form-group textarea.form-control  {
        height: 210px;
        resize: none;
    }

    .form-group {
        margin: -4px 0 0 0;
        clear: both;
    }


    #form_contact .form-group .form-control {
        float: right;
        width: 80%;
    }
    
    .focusemail,.focusname,.focuscompany,.focusmessage {
        color: #95989A;
        text-transform:uppercase;
        font-weight:700;
        font-size: 10px;
        color:#000;
        letter-spacing: 3px;
    }

    .form-control::-moz-placeholder {
        color: #95989A;
        opacity: 0;
    }

/*    input#InputEmail,input#textarea1,input#textarea2,textarea#textarea3{
        border:0;}*/

    button.wb {
        background-color:#fff;
        color:#000;
        border:1px solid #000;
        text-transform:uppercase;
        font-weight:700;
        letter-spacing: 1px;

    }
    
    button.wb:hover, button.wb:active, button.wb:active:focus, button.wb:active:hover, button.wb:focus:hover{
        border-color:#000;
        background-color:#000;
        color:#fff;
    }

    button.wb.focus, button.wb:focus {
    	color: #141414;
    	background-color: white;
    
    }


    .cb{clear:both;}


    .btn-primary {
        float:right;
    	right: 0;
    	border-radius:0;
    	font-size: 12px;
    }



    
    ul.ressoc {
        float:right;
        padding-left:0;
    }

    .ressoc h4 {
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 3px;
        color: black;
        margin: 0 0 22px 20px;
    }
    
    .ressoc li{
        display:inline;
        text-decoration:none;
    }


    ul.newsletter {
        float: left;
        max-width: 200px
    }
    
    .newsletter li{
        display:inline;
        text-decoration:none;
    }

    .newsletter button {
        float: left;
    }
    
    .img-responsive3 {
       max-width: 25px;
       margin-left:10px;
    }

    button#envoyer_newsletter{
        margin-top:0;
        top: 0px;
        float: none;
    }


/* fiche produit */

    span.tag a{
       text-transform:uppercase;
       color: inherit;
    }
    span.tag a:hover{
       color: black;
    }    
    span.tag:first-child:before{
        content: " ";
    }
    span.tag:before{
        content: " | ";
    }
    
    
    
    .share{
        float: right;
		margin: -3px 0 -5px 0;
		height: 25px;
    }
    
    .share a    {
        color: #141414;
        opacity: 0.75;
    }

    .share a:hover    {
        color: #141414;
        opacity: 1;
    }    

    .share .rs {    
        display: none;
        white-space: nowrap;
        float: left;
        margin-right: 60px;
        margin-top: -4px;
    }
    
    .share .rs a {
        font-size: 16px; 
        padding: 5px 10px;
    }

    .share .open_share_by_email {
        color: #141414;
        opacity: 0.75;
        cursor: pointer;       
    }
    
   label {
    font-weight: normal;
   }
   
     
  .modal-header, .modal-footer {
	border: 0px solid;
  }
   .modal-footer .close-return {
        display: none
    }
    
   .modal label {
        clear: both;
        float: left;
        width: 24%;
        min-width: 60px;
   }

/*
	.vertical-alignment-helper {
		display:table;
		height: 100%;
		width: 100%;
		pointer-events:none; 
	}
	.vertical-align-center {

		display: table-cell;
		vertical-align: middle;
		pointer-events:none;
	}
	*/
	.modal-content {
	/*
		width:inherit;
		height:inherit;
	
		margin: 0 auto;
		pointer-events: all;
		*/
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;		
	}   

   #share_by_email input {
        float: right;
        width: 74%;
   }
   
      
   .modal-title {
        float: left;
        font-weight: bold;
   }
   
   .modal .preview_email{
        display: block;
        clear: both;
        height: 200px;
        opacity: 0.8;
        background: #eee;
        padding: 20px;
        overflow: scroll;
   } 
    
    iframe.vimeo {
        width: 100%;
        height: auto;
        margin-bottom:20px;
    }
    
    .img-responsive4 {
        max-width: 100%;
        height: auto;
        display: block;
        margin-bottom:20px;
    }

    .descprodfr {
        font-size: 11px;
        line-height: 19px;
        margin-top: -18px;
        margin-bottom: 35px;
        letter-spacing: 1px;

    }

    .descriptionfr {
        color:#141414;
        font-size: 50%;
        letter-spacing: 4px;
        word-spacing: 160%;
        margin-bottom: 8%;
    }

    .descproden {
        color:#95989A;
        line-height: 18px;
        margin-top: 20px;
        margin-bottom: 35px;
        letter-spacing: 1px;
        font-size: 11px;
    }

    .descriptionen {
        color:#95989A;
        font-size: 50%;
        letter-spacing: 4px;
        word-spacing: 160%;
        margin-bottom: 20%;
    }

    ul.ressoc2 {
        margin-top: 10%;
        margin-left: 10%;
        float:right;
    }

    .ressoc2 li {
        display:inline;
        text-decoration:none;
    }

    .img-responsive5 {
        max-width: 30px;
        margin-top:10px;
        margin-right:-2px;
        margin-left:10px;
    }


    .ariane {
        margin: 12px 0 20px 0;
        text-transform:uppercase;
        font-size:11px;
        font-weight:400;
        letter-spacing: 2px;        
        color:#646463;        
    }

    .ariane .back {    
        float: left;
        height: 16px;
        width: 30px
    }
    
    .ariane .back .glyphicon {
        margin: 0 10px 0 0;
        vertical-align: -2px;
        color: #646463;
        font-size: 14px;
    } 
    
    
    .ariane_titre {
        float: left;
        width: 85%;
    }
    
    .ariane p {display:inline;}
    
    .ariane p.date{
        font-family: 'Source Code Pro', monospace;
    }
    
    .ariane p.type {
        font-weight: 700;
        color: #000;
    }

a.next_project, a.prev_project{
    position: fixed;
    bottom: 15px; 
    left: 0;
    color: #a0a0a0;
    font-size: 11px;

}

a.next_project:hover, a.prev_project:hover{
    font-weight: bold;
}

a.next_project img, a.prev_project img{
    width: 30px;
    margin: 0;
}

a.next_project .name, a.prev_project .name{
    display: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    top: 7px;
    left: 30px;
    right: 0;    
}

a.next_project{
    left: auto; 
    right: 0;
    text-align: right;    
}

a.next_project .name{
    left: 0;
    right: 30px; 
}


.contact .block {
    max-width: 300px; 
    margin-right: 20px; 
    float: left;
}


.compet:nth-child(2n+1), .external:nth-child(2n+1){
    clear: both;
}

.only_mobile {display: none}
.only_desktop {display: initial}

.bloc_nl h4, .bloc_rs h4 {
    float: left; 
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1.5px;    
    width: 100px;
    text-align: left;
    
}

.bloc_rs li {
    display: inline;
}

.bloc_nl button {
    margin-left: 15px;
}



@media only screen and (max-width: 992px) {
    .only_desktop.search{
        width: 175px;
    }
    .nb_of_results {
    	margin-left: 25px;
    	
    }
    .descprodfr {
        margin-top: 10px;
    }    

}

@media only screen and (max-width: 767px) {

    .only_mobile {display: initial}
    .only_desktop, .only_desktop.search {display: none}

    .vhome:nth-child(2n+1){
        clear: both;
    }
    
    header {
       position: absolute;
        height: 70px;        
        top: 0;
    }
    
    section {
        margin-top: 70px;
    }
    
    header ul.list-inline {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #141414;    
        margin: 0;
        z-index: 10;
        padding: 8px 0 6px 0;
    }
    
    header ul.list-inline .glyphicon-home{    
        vertical-align: -1px;
    }
    header ul.list-inline > li.work {
        margin-left: 0;
    }
    
    header ul.list-inline > li {
        width: 26%;
        text-align: center;
        border-right: 1px solid white;
    }

	header ul.list-inline > li.search {
        width: 16%;
        border-right: 0px solid white;	
		margin-top: 3px;
	}
	
    header ul.list-inline > li a, header ul.list-inline .glyphicon-search{
		padding: 5px 0;
		width: 100%;
		display: inline-block;
		margin-left: 0;
    }
    
    header ul.list-inline a{    
        color: #fff;
        vertical-align: 0px;
    }

    header ul.list-inline a.active,     header ul.list-inline a:hover{    
        color: #fff;
        border-bottom: 0px solid;
        font-weight: bold;
    }
        
    header ul.list-inline a.search .glyphicon{
        vertical-align: -1px;
    }
    
    h1.name {
        display: none;
    /*
        margin: 0px 0 0 20px;
        font-size: 11px;
        color: #95989A;
        display: inline;
        vertical-align: -14px;
        letter-spacing: 1px;
        padding-bottom: 10px;
        */
    }

    a.active_menu {
       display: block;
       text-transform: uppercase;
       letter-spacing: 1px;
       margin-top: 10px;
    }



    .img-responsive.logo {
        margin: 20px 0 0 0;
    }


    #textarea {
        display:none;
    }

    #menu-deroulant {
        margin: 0;
        padding: 0;
        display: block;

    }

    .home #menu-deroulant {
        display: none;
    }
    
    #menu-deroulant a {
        letter-spacing: 0.5px;
        position: relative;

    }
    
    #menu-deroulant .items{
        display: none;
        margin-top: 10px;        
    }

    .menu1 li, .menu2 li{
        line-height: 14px;
        height: 42px;
        display: flex;
        justify-content:center;
        align-content:center;
        flex-direction:column; /* column | row */        
    }



    .menu1, .menu2 {
        /*text-align: left;*/
        float: none;
        width: auto;
        padding: 0;
        margin: 0;
       border: 0px solid;
    }

    .menu2 .items{

       -webkit-columns: 1;
       -moz-columns: 1;
       columns: 1;
       height: auto;
    }



    #menu-deroulant a.filter_selector {
        border-top: 1px solid black;
        display: block;
        margin-top: 10px;
        padding-top: 10px;
    }

    #menu-deroulant a.filter_selector.active{
        font-weight: bold;
    }    
    
    #menu-deroulant a.filter_selector .glyphicon {
        float: right;
    }        

    #menu-deroulant a.filter_selector .glyphicon-menu-up {
        display:none
    }     
    .imghome {
        min-height: 0;
        height: auto;
    }

    .sn {
        display: inline;
        list-style-type: none;
    }


    .img-responsive6 {
        width: 22px;
        margin-top: 130px;
        margin-right: 23px;
        margin-left: 52px;
    }


    .legalnotice .copyright p {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
    
    #form_contact .form-group .form-control {
        width: 100%;
    } 
    
    
    .about_us .column {
       -webkit-columns: 1;
       -moz-columns: 1;
       columns: 1;
    }   
    
    .about.titre {
        margin-top: 20px;
    }
    
    .search .glyphicon{
        vertical-align: -1px;
        color: white;
        cursor: pointer;
    }
    
    
    .team:nth-child(4n+3)  .img-responsive1, .team:nth-child(4n+4)  .img-responsive1{ 
        float:left;
        padding-left:0;
        padding-right:20px;
    }
    
    .team:nth-child(2n)  .img-responsive1{ 
        float:right;
        padding-left:20px;
        padding-right:0;
    }    
    
    
    .partners li{
        width: 50%;

    }
            
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px !important;
	
  }
}