html
{
height:105%;
border: 0 none;
padding: 0;
margin: 0;
}





/* --------------------------------------- */

.Box
{
    width:100%; 
     display:table;
	 background-color: white  ;
	 height: auto;
	 margin: auto auto;
	 border-width: 1px;
	 border-style: solid;
	 border-color: Black;
	 display:table;   
}


/* ------------------------------------------- */

.MainText
{ 
  display: table-cell;
  font-size: 16px;
  color:#313638;
  font-family: arial, verdana, sans-serif;
  text-align: justify;
  margin: 0 0;
  padding: 50px 20px 50px 20px;
  display: table-cell;

}

.MainText h1
{
 font-size: 30px;
 font-weight: bold;
 font-family: Cambria;
 color: #0389b3;
 text-align: left;
 width: auto;
height:auto; 
margin: 0 0; 

}

.MainText h2
{
  font-size: 20px;
  font-weight: bold;
  font-family: Cambria;
  color: #0389b3;
  text-align: left; 
  width: auto;
  height:auto; 
  margin: 0 0;      
}


/* ------------------------------------------- */

.MainTextNoTable
{ 
  font-size: 16px;
  color:#313638;
  font-family: arial, verdana, sans-serif;
  text-align: justify;
  margin: 0 0;
  padding: 40px 30px 50px 30px;
  display: table-cell;

}

.MainTextNoTable h1
{
 font-size: 30px;
 font-weight: bold;
 font-family: Cambria;
 color: #0389b3;
 text-align: left;
 width: auto;
height:auto; 
margin: 0 0; 

}

.MainTextNoTable h2
{
  font-size: 20px;
  font-weight: bold;
  font-family: Cambria;
  color: #0389b3;
  text-align: left; 
  width: auto;
  height:auto; 
  margin: 0 0;      
}

/* ------------------------------------------- */

.Spc
{
   width:40%;   
  display: table-cell;
  text-align:center;
  font-size: 20px;
  font-weight: bold;
  font-family: Cambria;
  color: #0389b3; 
  margin: 0;
  padding: 0;
}


.etl
{
  width:300px;   
  font-size: 20px;
  font-weight: bold;
  font-family: Cambria;
  color: #0389b3; 
  margin: 0 auto;
}


/* ---------------------------------------------------------------------------------------------- */

#liens_col {
        width: 100%;
    }

#liens_col .column {
        width: 50%;
    }

#liens_col .left {
        float: left;
    }

#liens_col .right {
        float: right;
    }


/* ---------------------------------------------------------------------------------------------- */


.Impressum
{
  font-size: 10px;
  font-family: Cambria;
  color:#313638;
  text-align: left;  
  width: auto;
  height: auto; 
  margin: 0 0;
}



.Impressum a
{
font-size: 16px;  
font-family: arial, verdana, sans-serif;
float: right;
}


/* ---------------------------------------------------------------------------------------------- */


.BildAccueil2
{
width: auto;
height: auto;
padding: 1px 1px 1px 1px;
border-width:2px;
}


.QRCode
{
float: right;
width: 300px;
height: auto;
padding: 0px 0px 0px 25px;
}

.QRCodeInsoft
{
float: right;
width: 300px;
height: auto;
padding: 0px 0px 0px 25px;
}

.BildContact
{
width: auto;
height: 100%;
}

.Liens
{
padding: 0 0 0 50px;
}

.InformationsUtiles
{
      font-weight: bold;
}

/* ---------------------------------------------------------------------------------------------- */

.button {        
    display: inline-block;
    white-space: nowrap;
    background-color: #0389b3;
    background-image: linear-gradient(top, #eee, #ccc);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    font: 1em/2em Helvetica;
    text-decoration: none;
    color: #e6e6e6;
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover {
    background-color: #e6e6e6; 
    color: #0389b3;       
    background-image: linear-gradient(top, #fafafa, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button:focus {
    outline: 0;
    background: #fafafa;
}    

.button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    border-radius: .15em 0 0 .15em;
    pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.add:before {
    content: "\271A";
}

.edit:before {
    content: "\270E";        
}

.delete:before {
    content: "\2718";        
}

.save:before {
    content: "\2714";        
}

.email:before {
    content: "\2709";        
}

.like:before {
    content: "\2764";        
}

.next:before {
    content: "\279C";
}

.star:before {
    content: "\2605";
}

.spark:before {
    content: "\2737";
}

.play:before {
    content: "\25B6";
}