/* CSS gite */


/* RESET de http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
} 

/* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* debut */

html 
{ 
overflow: visible;
}

body { 
   background-color:#FFFFFF;
   font-family:arial,tacoma,verdana,helvetica,sans-serif;
   font-size:100%;
   color:black; /* #061E33; #664400; */
   width:1000px;
   overflow: visible;
 }

/* adaptation pour les smarphones */ 
@media only screen and (max-device-width:1200px) {
 html {
 font-size:250%;
 }
}



@media only screen and (max-device-width:1200px) and (orientation : landscape)
{
 html {
 font-size:150%;
 }
}



/* Desktop : au delà de 1024 pixels
Tablette : entre 600 et 1024 pixels (en mode portrait)
Mobile : entre 320 et 600 pixels (en mode portrait) 
@media(max-width:767px){} les smartphones ? 
@media(min-width:768px){} les tablettes
@media(min-width:992px){} les portables
@media(min-width:1200px){} les ordi de bureau et TV ?

Pour masquer un élément, utilisez la propriété display en indiquant la valeur none.

Pour déplacer un bloc sous un contenu, utilisez la balise <aside>. Pour cibler uniquement les mobiles, utilisez la règle basée sur le nombre réel de pixel : max-device-width.

CSS Compressor
https://jigsaw.w3.org/css-validator/


*/

@media screen and (max-width: 1200px)
{
   width:auto;
}
 
#bloc-rectangle-conteneur
{
	/* position:absolute; */
	border:none;
	top:3px;
	left:3px;	
	right:3px;
	bottom:3px;
    background-color: #FFFFFF;
    overflow: visible;

}


header
{
	display: inline-block;
	font-size: 1rem; 
	margin:1em 0 0 20px;
    width:98%;
    text-align: right;

/*	display: flex;
	flex-flow: row wrap;
    flex-direction: row;
    justify-content:flex-end;
    background-color: yellow;
    */

	}

/* pour bouton de réservation */	


#Bouton-Reservation {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 30px;
  margin-left:800px;
  z-index: 999;

}

#Bouton-Reservation button
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 2px 2px 3px;
    -moz-box-shadow: #666 2px 2px 3px;
    box-shadow: #666 2px 2px 3px;
    color:#0000FF;
    background:#F08080;
}

.button {
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.3rem;
  padding: 5px;
  /* width: 150px; */
  transition: all 0.5s;
  cursor: pointer;
  margin: 10px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}

	
#Titre-Logo-conteneur
{
	display: flex;
	flex-flow: row wrap;
    flex-direction: row;
    justify-content:align-start;
}
	
header titre, div[itemtype="http://schema.org/LocalBusiness"]
{
 	text-align: center;
 	padding: 0;
 	margin:0;
 	font-size: 1.5rem;
 	
  overflow: visible;
}



#Div-Texte-Hotel
{
    margin: 10px 10px 10px 10px;
    padding:0;

}

.St-NomHotel
{
	display:block;
	float: none;
	text-align: center; 
    color:#f08080;
    font-size:2rem;
  	margin:0 0 0 0;
}

header .titre
{
 	display:block;
 	text-align: center;
 	padding: 0;
 	margin:0;
 	font-size: 1.5rem;
}
 	
header .sous-titre
{
 	display:block;
 	text-align: center;
 	padding: 0;
 	margin:0;
 	font-size: 1.3rem;
}
 	
span[itemprop="category"] 	
 {
 	font-size: 1.51rem;
 	}

meta[itemprop="openingHours"], meta[itemprop="paymentAccepted"]	
 {
 	display:block;
 	font-size: 0.8rem;
 	}
 	
header .monitem, address
{
    text-align: right;
    padding-top: 0.3rem;
    padding-bottom: 5px;
    display: inline;
    font-size: 1rem;
}

.invitationresa
{
    display:block;
	text-align: left;
    font-size: 1rem; 
	margin-right:0;
	/* background-color: yellow; */
}


/* navigation avec les hyperliens */
nav { 
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    justify-content:space-around;
    margin:0 0 0 0;
    /* background-color: yellow; */
}
	

/* hyperlien du bandeau navigation */
nav .lien {
	font-size: 1rem; 
    margin-right:1rem;
    color:  #0000cc;
    /* background-color: grey;*/
}

.liens-internes {
	display:block;
	text-align: center;
	padding-top: 1rem;
	font-size: 1rem; 
    color:  #0000cc;
}



.ZoneTitre
{
 text-align: center;
 display:inline-block;
 color:#664400;
 /* background-color: lightgrey; */
 }
 
/* div. bloc du centre  */
#bloc-variable 
{
	text-align: left;
	padding: 0 0 0 20px;
	/* height:960px; */
	/* background-color: yellow; */
}	

/* paragraphe */
#bloc-variable p
{ 
   display:block;
   text-indent: 10px;
   font-size: 1rem;
   margin:5 10 0 25;
   /* color:#664400; */

}

  p::first-line {
  	  display: block;
}



/* pour carroussel */
@media screen and (max-device: 1200px)
{
.cadre-slider
{
	display:none;
}

}

#bloc-variable div.slider {
    float: left;
	width: 80%;
    max-width: 640px;
    margin-left: 0px;
    padding:0;
    border:5px;
    border-color: #FFFFFF;
    border-style: solid;
    overflow:hidden;

    /* background-color: yellow; */
}




@keyframes slidy { /* étapes de l'animation */
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
}








/* adaptation pour les smarphones */ 
@media only screen and (max-device-width:1200px) {
}


.clear {
   content: "";
   display: block;
   clear: both; 
}


/* Invitation */

#bloc-variable .InvitationAction
{ 
 	display:block;
	text-align: center; 
    color:#f08080;
    font-size:1.8rem;
    font-weight:bold;
    margin: 0;
    padding:0,0,0,0
}

#bloc-variable  .NomGite
{ 
font-style:italic;
}

/* prix */



#bloc-variable div[itemprop="priceRange"]
{
 	display:inline-block;
    padding:10px;
    margin-left: 30px;
    border:2px;
    
    text-align: left;
    background-color:  #E5E5E5;
    border-style: solid;
}

/* offre commerciale */
div[itemprop="offers"] div[itemprop="Event"], div [itemprop="priceRange"] div[itemprop="Event"]
{
 	display:inline-block;
    padding:1px;
    margin-left: 60px;
    color: red;
    text-align: left;
    background-color:  0000;
}

#bloc-variable div[itemprop="priceRange"] div[itemprop="offers"] div[itemprop="offers"] span[itemprop="price"]
{
font-size:1.3rem;
 margin-left: 50px;
 
 color:red; 
}


/* Avis */

#bloc-variable .cadre-avis, div[itemprop="reviews"] 
{ 
 	display:block;
  	background-color: #FFFFFF;
  	/* width:940px; */
    padding:0px;
    margin-right: 20px;
    margin-left: 30px;
    border:5px;
    border-color: gray;
    border-style: ridge;
}


#bloc-variable .Avis-Resume, #bloc-variable.TitreAvis
/*span[itemprop="itemReviewed"],
span[itemprop="author"],
meta[itemprop="datePublished"],
div[itemprop="reviewRating"],
span[itemprop="ratingValue"]*/
{ 
 	display:block;
	text-align: left; 
    font-size:1.2rem;
    padding:0,0,0,0;
    margin-left: +35px;
    margin-top:10px;
    font-style:italic;
}

#bloc-variable .Avis-Complet, span[itemprop="reviewBody"], span[itemprop="reviewRating"]
{ 
   font-size:1rem;
     margin-top: 1rem;
     margin-bottom: 0px;
     margin-left: +20px;
     padding:0,0,0,0
     border-bottom: 1rem solid;
     font-style:italic;
}

#bloc-variable .Avis-Complet p , span[itemprop="reviewBody"] p
{
 	 display:block;
	 text-align: left; 
     font-size:1rem;
     margin: 2px 0 0 0;
     padding:0,0,0,0;
    }

#bloc-variable .Titre-Reponse-Avis
{ 
 	display:block;
	text-align: left; 
    font-size:1em;
     margin-top: 0.4rem;
     margin-bottom: 0px;
     margin-left: +50px;
     padding:0,0,0,0
 
}   

#bloc-variable .AspectAvis /* sous sujet */
{ 
 	display : list-item;
 	font-weight: bold;
	text-align: left; 
    font-size:1rem;
     margin-top: 10px;
     margin-bottom: 0px;
     margin-left: +35px;
     padding:0,0,0,0;
}

#bloc-variable .Reponse-Avis
{ 
 	display:block;
	text-align: left; 
    color:gray;
    font-size:0.8rem;
     margin-top: 0;
     margin-bottom: 0px;
     margin-left: +50px;
     padding:0,0,0,0;
 
}

#bloc-variable .Role
{ 
    font-weight: bold;
    font-size:1rem;
    text-align: left; 
     margin-top: 5px;
     margin-bottom: 0px;
     margin-left: +55px;
     padding:0,0,0,0;
}

#bloc-variable .Action
{ 
 	display : list-item;
 	list-style-type: square;
 	/* font-weight: bold;*/
    color:#FF0000;
    font-size:1.1rem;
    text-align: left; 
     margin-top: 5px;
     margin-bottom: 0px;
     margin-left: +95px;
     padding:0,0,0,0;
}


#bloc-variable div.Avis, div[itemprop="review"]
{ 
	text-align: left; 
    margin-top: 1rem;
    margin-bottom: 5px;
    margin-left: +20px;
    padding:0,0,0,0
}



.cadre-Twitter{
	float:none;
 	display:inline-block;
    padding:10px;
    margin-left: 30px;
    
    text-align: left;
    background-color:  #E5E5E5;
    border:2px;
    border-style: solid;
}



div[itemprop="itemReviewed"]
{
display:none;
visibility: hidden;
font-size:0.1rem;
}

p[itemprop="itemReviewed"] img
{
display: none;
visibility: hidden;
width:0px;
height:0px;
font-size:0.1rem;
margin:0;
padding:0;
}


	
#bloc-variable .titre
{
	display:block;
}

/* style images */

#bloc-variable div.galerie
{ 
    margin-left: 30px;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    justify-content:flex-start;
}

#bloc-variable .galerie img
{ 
  border: 5px solid #b0b0b0; 
  margin: 0;
  padding:0,0,0,0;
  border-color: #FFFFFF;
 }
 

figure
{
 display:inline-block;
 margin:10;
 padding-top:10px; 
 width:320px;
 height:230px;
}

 figure > figcaption
{
 display:block;
 text-align: center;
 padding-bottom:5px;
 color:blue;
} 

#bloc-variable img
{ 
  	display:inline;
  /* float:left; */
  float:none;
   margin-left: 5;
    padding:0,0,0,0;
    border: 5px solid #FFFFFF;
    clear:left;
 } 
 

.floatgauche
{
float:left;
}

.clear
{
  content: "";
  display: table;
  clear: both;
}

/* .imgfloatgauche
{
  float:left;
  float:none;
  border: solid 2px black;
}

.clear-left
{
clear:left;
}*/



/* Zone bandeau logo et titre */
/* img */
.zone-bandeau-flex img
{ 
  	display:inline;
	float:none; 
    margin: 0;
    padding:0,0,0,0;
    border: 0;
 } 
 
.bloc-bouton img
{ 
    border: 1px solid #696;
    padding:0,0,0,0;
    text-align: center;
   /* width: 200px; */
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: #666 2px 2px 3px;
    -moz-box-shadow: #666 2px 2px 3px;
    box-shadow: #666 2px 2px 3px;
    background: #99FF99; 
 }
 
/* style texte */

strong
{ 
  font-weight: bold;
}

#bloc-variable em
{ 
   font-weight: bold;
}

.notation
{ 
   font-weight: bold;
   font-size:1.3em;
}


@keyframes clignote {  
  50% { opacity: 0; }
}

@keyframes grossissement
{
from {  
font-size:1em;
}

to{  
 font-size:2em;
}
}



/* les titres */

#bloc-variable h2, H2, .mention
{ 
	text-align: left;
    color: #000080; 
    font-size:1.7rem;
    margin-left:15px;
    margin-top:1.5rem;
    margin-bottom : 0.2rem;
}



#bloc-variable span[itemprop="slogan"] 	
 {
 	display:block;
 	text-align: center; 
 	font-size: 1.3rem;
 	color:black;
 	margin-top:0;
 	padding:0;
 	}
 	
#bloc-variable div[itemprop="address"] 	
 {
 	display:inline;
  	margin:0 0 0 5;
 	padding:0;
 	}	
 	
#bloc-variable span[itemprop="telephone"] 	
 {
 	display:inline;
  	margin:0;
 	padding:0;
 	font-size: 1rem;
 	}	
 
#bloc-variable span[itemprop="hoursAvailable"]
 {
 	display:inline;
  	margin:0;
 	padding:0;
 }	

span[itemprop="priceCurrency"]
{
 	display:inline;
  	margin:0;
 	padding:0;
 }
 
 
span[itemprop="sku"]
{
 	display:none;
  	margin:0;
 	padding:0;
 	font-size: 0.6rem;
 	font-style:italic;
 } 
 
span[itemprop="sku"]:before
{
content: '(#';
}
span[itemprop="sku"]:after
{
content: ')';
}
 
#bloc-variable div[itemprop="disambiguatingDescription"] p, div[itemprop="description"]	p
 {
    margin-top:0.2rem;
 } 	 
 	
#bloc-variable UL,OL, ul, ol
{ 	
   margin:0 0 0 30px;
}

#bloc-variable UL UL, OL OL, ul ul, ol ol
{ 
   margin-left:75px;
}

#bloc-variable  OL, ol
{
list-style-type: decimal;
}



#bloc-variable LI, li
{ 
	text-align: left; 
    margin-left:45px;
    list-style: square;
    /* color:#0000FF; */
}

#bloc-variable OL LI, ol li
{ 
	text-align: left; 
    margin-left:45px;
    list-style-type: decimal;
}

#bloc-variable UL UL LI, ul ul li
{ 
    margin-left:0px;
    /* list-style: circle;*/
    /* color:blueviolet; */
}


.ItemAnnuaire
{
	display:inline;
    text-decoration:none;
    list-style-type:none;
    padding:0;
    margin:0;

    text-align:left;
}

/* LI [itemtype="https://schema.org/ListItem"]:before
{
content: 'des >';
}*/


#bloc-variable summary
{ 
   text-decoration: underline #0000FF;
   font-size:1rem;
}

#bloc-variable time
{ 
   color:#FF0000; 
   font-size:1.25em;
}

.prix
{ 
	display:inline;
	font-size:1.3rem;
 	/* text-align: left;*/ 
 	margin-left: 35px;
}

/* réduction de prix */
.prixbarre
{
	font-size:1.3rem;
 	margin-left: 35px;

 color:red; text-decoration:line-through;
}

/* zones flex textes et images cote à cote */

.zone-bandeau-flex
{
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items:left;
    margin:0 0 30 0;
}

.zone-flex 
{
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items:center;
    margin:0;
    /* background-color: yellow; */
}

.zone-moitie
{
	width:50%;
}

.texte-duo
{
text-justify: inter-word;
width:45%;
margin-left: +20px;
margin-right: +20px;
}

/* adaptation pour les smarphones */ 
@media only screen and (max-device-width:1200px) {

.zone-bandeau-flex
{
    display: block;
    margin:0;
   /* background-color: #FF0000;*/
}


.zone-flex 
{
    display: block;
    margin:0;
    /* background-color: yellow; */
}

.texte-duo
{
text-justify: inter-word;
width:100%;
margin-left: +20px;
margin-right: +20px;
}

.zone-moitie
{
	display:100%;
}


}

/* Evenements */
#bloc-variable .zone-flex.Cadre-Evenement
{
	text-align:left;
    width:30%;
    padding:0;
    margin:0;
    display:block;
}


/* pied de page */


.Texte-Copyright
{
     margin-left:60px;
     font-size:0.8em;
	 /* background-color: yellow; */
}


footer dt
{
     display:block;     font-size:1rem;
     text-align:left;
     padding:5px 0 0 50px;
}

footer dd
{
     font-size:1em;
     text-align:left;
     padding:0 0 0 80px;
}


.div-mentions
{}

.Copyright-fin
{

    display:block;
    color: #FFFFFF;
    width=100%;
    font-size:1.1rem;
    text-align:center;
    padding:5px 0 5px 0px;
    margin-top:10px;
    background-color: gray
}


/* vcard */
.vcard {
	display: inline-block;
	background-color:black;
	
	color:#FFFFFF; /* #666; */
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
    padding:10px;
    margin-left: 60px;
}

/* element caché pour l'utilisateur mais visible des moteur de recherche */
span.begin,span.end,span.version,span.n
{
 display:none;
}

.fn {
	background-image: url(images/topright.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-top: 0.5em;
	font-weight: bold;
	font-size: 1.1em;
	display:block;
}

.locality, .region, .postal-code, .country-name
{
	font-size: 1em;
}


.category, .note
{
	font-size: 0.8em;
}



a:link
{ 
   color:#0000FF; 
   text-decoration: underline #0000FF;
   /* text-decoration: none;*/
   font-weight: bold;
   /* font-variant: small-caps; */
   /*  text-decoration:none; */
}

.InvitationAction a:link
{ 
   color:#f08080; 
}


/* proximite des sites */
#bloc-variable .proximite img
{
  	display:inline;
	float:none; 
    margin-left: 0;
    padding:0,0,0,0;
    border: 5px solid #FFFFFF;
    vertical-align:middle;
}
	
#bloc-variable .proximite UL
{ 
   margin-left:15px;
}

.proximite UL UL
{ 
   margin-left:45px;
}

.proximite LI
{ 
	text-align: left; 
    font-size:2 rem;
    margin-left:45px;
    list-style: url('../icones/car-mini.gif');
}


a:visited
{ 
     color:#800080; 
}

a:hover
{ 
    text-decoration: none;
     /* color:#FF0000; */
    border-bottom: 2px solid #FF0000;
}

table {margin-left: 1 cm; margin-top: 1 cm}

H1, header H1, #bloc-variable h1
{
	display:block;
	float: none;
	margin:15px 0 10px 0;
  	padding:5px;
  	
    font-size:2rem;
 	text-align: center; 
    color:black;
 	
  	/* border: 2px solid black;*/
  	/* background-color: #E5E5E5; */	
}

.zone-bandeau-flex H1
{  
    text-align: center;
    font-size: 2rem;
    margin: 0;
    font-family:verdana;
    color:black;
}

H2 { text-align: left; 
     font-size: 1.3rem; 
     margin 10px 0 5px 30px;
     font-family:verdana;
}

H3 { text-align: left;
     font-size: 1.25rem; 
     color:#0000FF;
     margin-top:1rem;
     margin-left:30px;
     /* margin:100 0 5 25;*/
}


H4 { text-align: left;
     font-size: 1.1rem; 
     color:#0000FF;
     margin-top:0.7rem;
     margin-left: 45px;
}

H5 { text-align: left;
     font-size: 1rem; 
     color:#0000FF;
     margin-top:0.4rem;
     margin-left: 55px;
}

H6 { text-align: left;
     font-size: 1rem; 
     color:#0000FF;
     margin-top:0.4rem;
     margin-left: 65px;
}

.sec-proximite ul
{
    /* display: list-item; */
	/* list-style: inside;*/
	/* list-style-image: url('/icones/ico-tel.gif'); */
    list-style: none;
    padding: 0;
    margin-left: 50px;
}


i
{
font-style:italic;
}

produit
{
    font-style:italic;
	font: italic , sans-serif;
}

aside
{
font-style:italic;
font-size: 0.8rem;
}

aside
{
	display:block;
	color:black;
	font-size:2rem; 
	font-style:italic;
	background-color: lightgrey;
    border: 2px solid white;
	text-align: left;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	
	margin:0px;

}

.stars
{
    font-size: .5rem;
    line-height: 0.5rem;
    vertical-align: baseline;
    position: relative;
    top: -0.8rem;
    margin:0;
    padding:0;
    color:goldenrod;
}

blockquote, q {
	quotes: none;
}


blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div[itemtype="https://schema.org/Question"]
{
  	display:block;
	color:black;
	font-size:1.2rem; 
	font-style:italic;
	background-color: lightgrey;
    border: 2px solid white;
	text-align: left;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	
	margin:0px;
}

div[itemtype="https://schema.org/Question"] div[itemprop="text"]
{
  	display:block;
	color:black;
	font-size:1.2rem; 
	font-style:normal;
	background-color: white;
    border: 2px solid black;
	text-align: left;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	
	margin:0px;
}

div[itemtype="https://schema.org/Question"] div[itemprop="suggestedAnswer acceptedAnswer"]
{
  	display:block;
	color:white;
	font-size:1.2rem; 
	font-style:normal;
	background-color: grey;
    border: 2px solid black;
	text-align: left;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	
	margin:0px;
}


div[itemtype="https://schema.org/Question"] div[itemprop="suggestedAnswer acceptedAnswer"] time
{
	display:inline;
	color:white;
	font-size:0.8rem; 
}

div[itemtype="https://schema.org/Question"] div[itemprop="suggestedAnswer acceptedAnswer"] div[itemtype="https://schema.org/Person"]
{
	display:inline;
	color:white;
	font-size:0.8rem; 
}

@keyframes fondu{
    0%{background-image: url("Photos/lit-parents.JPG");}
    33.33%{background-image: url("Photos/Chambre enfant vue est.JPG");}
    66.67%{background-image: url("Photos/Lavabo.JPG");}
    100%{background-image: url("Photos/Porte-entree.JPG");}
}



a:link.email, a:link.url {
	font-size: 0.8em;
    color: lightblue;
}

a:visited.email, a:visited.url  {
   color: #666;
   text-decoration: none;
}

a:hover.email, a:hover.url
{ 
     color:#f08080; 
     text-decoration: none;
     font-size:1.1rem;
}


leiCode a
{
	color:white;
	font-size:1.1rem; 
}

leiCode a:hover
{
	color:#f08080; 
	text-decoration: none;
	font-size:1.2rem; 
}

leiCode a:visited
{
	color:lightgray;
	font-size:1rem; 
}