/******************************************************************
      Modification de styles existants dans le template
******************************************************************/

/* Définir un fond dégradé pour le titre et le bas de page */
.sp-page-title {
 background:linear-gradient(to bottom, #2881bb 0, #b0e6ff 100%)
}
#sp-bottom {
	background:linear-gradient(to top, #2881bb 0, #b0e6ff 100%)

	}

/* Modification de l'espace dans les styles alert */
.alert-dark, .alert-primary, .alert-success {padding-left:5px;}	
.uk-card-body {padding: 10px;}


/* Changer la couleur de la barre de navigation */
.uk-light .uk-breadcrumb>*>* {
 color:rgba(105,105,105,.7)
}
.uk-light .uk-breadcrumb>:last-child>* {
 color:rgba(0,0,0,.7)
}

/* Modifier la couleur des titres dans le module accordéon */ 
.uk-accordion-title-premier {
	background-color: #ddd
	}
.uk-accordion-title-second {
	background-color: #b0e6ff;
	font-style: italic
	}
	
/* Modifier la couleur du fond des zones */	
.uk-tile-default {
  background-color: #87CEFA ;
  margin:2px;
}
.uk-tile-muted {
  background-color: #7CB9E8;
  margin:2px;
}
.uk-tile-primary {
  background-color: #4B9CD3;
  margin:2px;
}
.uk-tile-secondary {
  background-color: #2881bb;
  margin:2px;
}

mark {background:#ffc120;
	border-radius: 5px;}

.sp

/*Modifier le titre page accueil */
.uk-heading-primary {
	text-align: left;
	border-top: 2px solid #0000ff ;
	text-shadow: 2px 2px 2px black !important;
	padding-top: 5px;
	}
h1 {text-shadow: 2px 2px 0px rgb(2 2 2);}
/*Modifier les images - arrondi - pour les images visibles/cachées */
img.sp-simpleportfolio-img{border-radius: 5px;}
.uk-overlay-primary {border-radius: 5px;}


/*Modifier l'espace entre les objects des colonnes */
.uk-tile {
	padding: 10px;
	border-radius: 5px;
	}

/*Modifier la couleur de fond à blanc pour le service */
.fh-service-2.style-1 .service-content {
    background-color: white;
	border-radius: 5px;
	}
/*Modifier la couleur pour la liste des événements icagenda */
.ic-list-event{
	background-color: #1e8fff24 !important;}
	
/*Modifier la couleur des titres */	
.colortitle {color : #5F9EA0}

/*Modifier le stxle des premières lettres */	
p::first-letter {
    initial-letter: normal;
}

.uk-second-column {
	border : none
}


/******************************************************************
      Mes styles personnels
******************************************************************/
.txtRouge{color:#ff0000}
.txtBleu{color:#0000ff}

.just {
	text-align: justify;
}

.taille8 {
	font-size: 8pt;
}

.ombre {text-shadow : 0.05em 0.05em 0.1em grey}

.mybackgrwhite {
	background-color: #ffffff;
	margin:2px;
  }

.prixlocation {
	border-style: outset; 
	border-radius: 5px;
	border-color: blue; 
	background-color: #FFFFFF;
	padding: 10px;
	margin: 2px;
	}
.prixlocation26 {
	border-style: outset; 
	border-radius: 5px;
	border-color: red; 
	background-color: #FFC0CB70;
	padding: 10px;
	margin: 2px;
	}

.menukid1 {
	border-style: outset; 
	border-radius: 5px;
	border-color: #8A2BE2; 
	background-color: #8A2BE250;
	padding: 10px;
	}
.menukid2 {
	border-style: outset; 
	border-radius: 5px;
	border-color: #1E90FF; 
	background-color: #1E90FF70;
	padding: 10px;
	}
	.mykidcar {
		text-transform: uppercase;
		border-top: 1px solid rgba(181, 1, 252, 0.416);
		border-left: 1px solid rgb(181, 1, 252, 0.416);
		border-bottom: 3px solid rgb(181, 1, 252);
		border-right: 3px solid  rgb(181, 1, 252);
		background-color: rgba(181, 1, 252, 0.416);
		text-align: center;
		color: #000000;
		border-radius: 10px;
		padding: 10px;
		margin: 0px;
		}
	
		.mykidcar2 {
			text-transform: uppercase;
			border-top: 1px solid rgba(181, 1, 252, 0.416);
			border-left: 1px solid rgb(181, 1, 252, 0.416);
			border-bottom: 3px solid rgb(181, 1, 252);
			border-right: 3px solid  rgb(181, 1, 252);
			background-color: rgba(181, 1, 252, 0.661);
			
			color: #000000;
			border-radius: 10px;
			padding: 5px;
			
			}
	
.mnucontact {
	border-style: inset; 
	border-radius: 5px;
	border-color: #1E90FF; 
	border-width: 3px;
	padding: 20px;
	}

/* Styles images */	
img.b {	vertical-align: text-top;  }
img.myarrondi {border-radius: 5px;}
img.myiconmenu{
	border-radius: 5px;
	border-top: 1px solid rgba(165, 166, 166, 0.416);
	border-left: 1px solid rgb(165, 166, 166, 0.416);
	border-bottom: 2px solid rgb(165, 166, 166);
	border-right: 2px solid rgb(165, 166, 166);}

img.mybdimage{
	border-radius: 5px;
	border-top: 2px solid rgba(165, 166, 166, 0.416);
	border-left: 2px solid rgb(165, 166, 166, 0.416);
	border-bottom: 4px solid rgb(165, 166, 166);
	border-right: 4px solid rgb(165, 166, 166);
	}

.mycenter{	display: block;
    margin-left: auto;
    margin-right: auto;}	

.mycoincadre{border-radius: 5px;}


/* Titres personnels et bord de paragraphe */
.myborder {
	/*border: outset; */
	border-radius: 5px;
	border-top: 1px solid rgba(165, 166, 166, 0.416);
	border-left: 1px solid rgb(165, 166, 166, 0.416);
	border-bottom: 2px solid rgb(165, 166, 166);
	border-right: 2px solid rgb(165, 166, 166);
	padding: 10px;
	margin: 2px;}

.mybordermin {
	border-radius: 5px;
	border-top: 1px solid rgba(165, 166, 166, 0.416);
	border-left: 1px solid rgb(165, 166, 166, 0.416);
	border-bottom: 2px solid rgb(165, 166, 166);
	border-right: 2px solid rgb(165, 166, 166);
	}
.myborderleft {
	border-radius: 5px;
	border-top: 1px solid rgba(165, 166, 166, 0.416);
	border-left: 1px solid rgb(165, 166, 166, 0.416);
	border-bottom: 2px solid rgb(165, 166, 166);
	border-right: 2px solid rgb(165, 166, 166);
	text-align: left;
	padding: 10px;}

.mysepar {
	border-bottom: 1px solid rgb(165, 166, 166, 0.416);
	padding: 5px;}

.myseparend {padding: 5px;}

.mytitle {
	text-transform: uppercase;
	border-right: 4px solid #fd2600 ;
	border-bottom: 4px solid #fd2600 ;
	border-left: 1px solid   #0000ff;
	border-top: 1px solid #0000ff ;
	background-color: #4B9CD3;
	color:white;
    border-radius: 10px;
    padding: 5px 30px 5px 30px;
	text-align: left;
	margin: 0;
	}

.mysubtitle {
	text-transform: uppercase;
	border-top: 1px solid rgba(165, 166, 166, 0.416);
	border-left: 1px solid rgb(165, 166, 166, 0.416);
	border-bottom: 3px solid rgb(2, 165, 51);
	border-right: 3px solid rgb(2, 165, 51);
	background-color:#00fe0d8f;
	text-align: center;
	color: #000000;
	border-radius: 10px;
	padding: 10px 30px 5px 30px;
	margin: 0px;
	}
	
.mysubtitle2 {
	text-transform: uppercase;
	border-top: 1px solid rgba(252, 248, 1, 0.416);
	border-left: 1px solid rgb(252, 248, 1, 0.416);
	border-bottom: 3px solid rgb(252, 177, 1);
	border-right: 3px solid  rgb(252, 177, 1);
	background-color: #fff7006a;
	text-align: center;
	color: #000000;
	border-radius: 10px;
	padding: 10px 30px 5px 30px;
	margin: 0px;
	}



.mytitleleft {
	text-transform: uppercase;
	display:bock;
	text-align: center;
    border-radius: 5px / 5px;
	border-top: 1px solid rgba(165, 166, 166, 0.416);
	border-left: 1px solid rgb(165, 166, 166, 0.416);
	border-bottom: 2px solid rgb(2, 165, 51);
	border-right: 2px solid rgb(2, 165, 51);
	background-color: #00fe0d8f;
	color: #000000;
	padding: 5px 30px 5px 30px;
	}

.mytitleleft2 {
	margin:auto;
	display:bock;
    border-radius: 5px / 5px;
	border-top: 1px solid rgba(252, 248, 1, 0.416);
	border-left: 1px solid rgb(252, 248, 1, 0.416);
	border-bottom: 2px solid rgb(252, 177, 1);
	border-right: 2px solid rgb(252, 177, 1);
	background-color: #fff7006a;
	text-align: center;
	color: #000000;
	text-transform: uppercase;
	padding: 5px 30px 5px 30px;
	}

.mytitlebottom {
	border: outset;
	border-radius: 5px / 5px;
	border-top: 1px solid rgba(165, 166, 166, 0.416);
	border-left: 1px solid rgb(165, 166, 166, 0.416);
	border-bottom: 2px solid rgb(165, 166, 166);
	border-right: 2px solid rgb(165, 166, 166);
	background-color: #848484;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px;
	}

	.mysubtitlebottom {
		border: outset;
		border-radius: 5px / 5px;
		border-top: 1px solid rgba(255, 255, 255, 0.702);
		border-left: 1px solid rgba(255, 255, 255, 0.702);
		border-bottom: 2px solid rgb(255, 255, 255);
		border-right: 2px solid rgb(255, 255, 255);
		
		
		color: #000000;
		text-transform: uppercase;
		padding: 5px;
		}

.mytitleright {
	border: outset;
	border-radius: 5px / 5px;
	/*border-top: 1px solid #77cfff6b;
	border-left: 1px solid #7cfff6b;
	border-bottom: 2px solid #49afdd;
	border-right: 2px solid #49afdd;*/
	background-color: #49afcd;
	background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    background-repeat: repeat-x;
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	padding: 5px;
	}
	.mycareme {
		text-transform: uppercase;
		border-top: 1px solid rgba(181, 1, 252, 0.237);
		border-left: 1px solid rgb(181, 1, 252, 0.237);
		border-bottom: 3px solid rgb(181, 1, 252);
		border-right: 3px solid  rgb(181, 1, 252);
		background-color: rgba(181, 1, 252, 0.237);
		/*text-align: center;*/
		color: #000000;
		border-radius: 10px;
		padding: 5px;
		}
.myavent {
	text-transform: uppercase;
	border-top: 1px solid rgba(181, 1, 252);
	border-left: 1px solid rgb(181, 1, 252);
	border-bottom: 3px solid rgb(181, 1, 252, 0.237);
	border-right: 3px solid  rgb(181, 1, 252, 0.237);
	background-color: rgba(181, 1, 252);
	/*text-align: center;*/
	color: #FFFFFF;
	border-radius: 10px;
	padding: 5px;
	}

/* Ligne bleue sommet de page*/
.mylign {
	margin-inline-start: 60px;
	margin-inline-end: 60px;
	margin-top:-10px;
	border-bottom: 2px solid #0000ff ;
	}

/* Ombre au texte */
.myshadow{
	text-shadow: 1px 1px 0px rgb(255, 255, 255);}