/* ---[ LESS IMPORT ]------------------------------- */
/*
	Tablet and Desktop (Landscape and Portrait) - Permettre la vue mobile sur desktop
	Phone (Landscape and Portrait)
*/
/*Big Circle Iĉone*/
/*Landing (avec Corde) - Medium Circle Iĉone*/
/*Small Circle Iĉone*/
/*Advantage Icône*/
/* ---[ Media Qeries Mobile Device ]------------------------------- */
@media /*Tablet + Desktop (Landscape & Portrait)- Permettre la vue mobile sur desktop*/
 only screen and (-webkit-min-device-pixel-ratio: 1)   and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 1/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 1)       and (max-width: 700px), only screen and (                   min-resolution: 72dpi)   and (max-width: 700px), only screen and (                   min-resolution: 1dppx)   and (max-width: 700px), /* Phone (Landscape & Portrait)*/
 only screen and (-webkit-min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (      min--moz-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (        -o-min-device-pixel-ratio: 2/1)     and (max-width: 700px), only screen and (           min-device-pixel-ratio: 2)       and (max-width: 700px), only screen and (                   min-resolution: 192dpi)  and (max-width: 700px), only screen and (                   min-resolution: 2dppx)   and (max-width: 700px) {
  #header .logo {
    padding-bottom: 0px;
    float: left;
    width: 100%;
  }
  #header .logo,
  #header.logo img {
    display: inline-block;
    margin-bottom: 0px;
  }
  #header .line-separator {
    width: 0px;
    height: 40px;
    border: 2px solid #c0c0c0;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 4px 4px 4px 4px;
  }
  #header .header-body {
    margin:0px;
    padding:0px;
  }
  /*Header*/
  #header .logo {
    padding-bottom: 0px;
    float: left;
    width: 100%;
    display: inline-block;
  }
  #header .logo img {
    display: inline-block;
  }
  #header .logo a {
    text-decoration: none;
  }
  #header .text-header {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 450px)
{
   #header .text-header{ 
        margin-top: 30px !important;
        margin-bottom: 20px !important;
   }
}