/*
Bienvenue dans l’éditeur CSS de l’extension Design !

CSS (Cascading Style Sheets) est un langage qui fournit des informations à
votre navigateur concernant le style de la page web que vous visitez. Vous
pouvez maintenant supprimer ces commentaires et commencer à ajouter votre
propre code CSS.

Par défaut, cette feuille de style sera chargée après la feuille de
style de votre thème, ce qui veut dire que les nouvelles règles que vous
ajouterez ici pourront remplacer celles créées par le thème.

Vous pouvez donc ajouter ici les changements que vous souhaitez apporter à
votre thème, sans avoir à copier la feuille de style existante de
celui-ci, ou avoir à recréer toutes les règles de style de votre thème;
*/
body {
	font-size: 16px;
	line-height: 24px;
}

p, li {
	margin: 0 0 1rem;
}

nav.main-menu ul .current_page_item > a {
	background: #00C0F3;
}

::selection {
	background: #00C0F3;
	background: #00C0F3;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
	color: #00C0F3;
	text-decoration: none;
}

.read-more {
	background-color: #00C0F3;
}

.read-more.black:hover {
	background-color: #00C0F3;
}

.wp-caption {
	border: 1px solid #00C0F3;
}

.gallery .gallery-item img {
	border: 2px solid #00C0F3 !important;
}

.site-branding h1.site-title a {
	color: #00C0F3;
}

.header-top {
	background-color: #00C0F3;
	border-top-color: #E39717;
}

.header-top a:hover {
	color: #00C0F3;
}

nav.main-menu ul > li ul {
	border-top: 2px solid #00C0F3;
}

nav.main-menu ul > li ul li:hover a {
	background-color: #00C0F3;
}

nav.main-menu ul .current_page_item > a {
	background: #00C0F3;
	color: #FFF;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: #BEE4ED;
}

nav.main-menu ul > li:hover > a,
nav.main-menu ul > .current-menu-item > a {
	background-color: #00C0F3;
}

.mean-container a.meanmenu-reveal {
	background: #00C0F3;
}

.pager li > a:hover, .pager li > a:focus {
	background-color: #00C0F3;
	border-color: #00C0F3;
}

#home-slider .slide-content .btn {
	background-color: #00C0F3;
}

table thead {
	background-color: #00C0F3;
}

#colophon {
	border-top: 15px solid #00C0F3;
}

#colophon .widget_calendar table a:hover {
	color: #00C0F3;
}

a#scroll-top {
	background-color: #00C0F3;
}

.entry-content blockquote {
	border-left: 5px solid #00C0F3;
	background: #BEE4ED;
}

.post-meta-info .entry-meta {
	border-top: 2px solid #00C0F3;
	background-color: #BEE4ED;
}

.post-meta-info .entry-meta .comments_count {
	background-color: #00C0F3;
}

.comment a.btn {
	background: #00C0F3;
	border-color: #00C0F3;
}

.comment-form .alert-info {
	background-color: #BEE4ED;
}

.error-404 a {
	color: #BEE4ED;
}

.error-404 {
	background: #00C0F3;
}

body input[type="text"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="tel"]:focus,
body input[type="number"]:focus,
body input[type="date"]:focus,
body input[type="range"]:focus,
body input[type="password"]:focus,
body input[type="text"]:focus,
body textarea:focus,
body .form-control:focus {
	border: 2px solid #00C0F3;
}

select:focus {
	border: 2px solid #00C0F3;
}

body input[type="submit"]:hover,
body input[type="submit"]:focus {
	background-color: #00C0F3;
}

.container a.site-info {
	color: #000;
}

.wp-post-image:hover {
	-webkit-transform: none;
	transform: none;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media (min-width: 0px) and (max-width: 767px) {
	.mean-container .mean-bar {
		margin-top: 0;
		min-height: inherit;
		background-color: #00C0F3;
	}
	
	.mean-container .mean-bar .meanmenu-reveal {
		background: #1ABC9C;
	}
}

.chaldeen {
	font-style: italic;
	font-size: 1.1em;
	margin-bottom: .2em;
}

.traduction {
	font-size: .9em;
	color: #045c74;
	margin-bottom: 2em;
}