/* ---------------------------------------------------------------------------*/
/*                    Feuille de style Info Cookies                           */
/* ---------------------------------------------------------------------------*/

	@charset "utf-8";

  * {
  	box-sizing: border-box;
  } 
  
  html {
  	margin: 0px;
  	padding: 0px;
  }
  
  body {
    width: 650px;
    height: auto;
    background-color: #e6e6e6;
  }

  #info_cookies {
		font: normal 16px Arial, Helvetica, sans-serif;
    background: #ffeecc;
    border-radius: 10px;
    color: #752000;
    margin: auto;
    overflow: auto;
    padding: 25px;
    width: 645px;
    cursor: default;
		line-height: 20px;
  }
    
  #info_cookies span {
    color: #0000ff;
		font-weight: bold;
  }
  
  #info_cookies a {
    color: #0000ff;
    border: solid 1px transparent;
    text-decoration: none;
  }
  
  #info_cookies a:hover {
    border: solid 1px #000000;
    background-color: #fee27f;
    border-radius: 15px;
  }
  
  #titre_info_cookies {
    font-size: 22px;
    display: inline-block;
    height: 50px;
    width: 200px;
    text-decoration: underline;
  }
  
  #browsers a {
		display: inline-block;
		width: 105px;
		height: 105px;
		text-align: center;
		margin: 15px auto;
		padding: 5px;
		vertical-align: middle;
  }
  
  #browsers a span {
    color: #752000;
    display: block;
  }
  
  #browsers a:hover span {
    display: block;
  }
  
  @media (max-width: 641px) {
  
    body {
    	width: auto;
    	height: auto;
    	margin: 0px;
    	padding: 0px;
    }
  
    img {
    	height: auto;
      max-width: 100%;
    }
  
    #info_cookies {
      width: auto;
    }
    
  }