/*
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.
*/
/* ----- */
/* Enlever le fond gris */
#header {
	background-image: none;
	border-bottom: none;
}

/* Titre du blog (normal et survol) */
h1#site-title a {
	font: 45px "Lobster";
	color: #BD8D46;
}

h1#site-title a:hover {
	color: #BD8D46;
}

/* Position titre blog */
#header .logo-wrap {
	margin-top: 25px;
}

/* Description du blog */
h2#site-description {
	font: 16px "arial", Helvetica, sans-serif;
	color: #666;
}

/* Liste widget sans flèche */
.widgets-list-layout {
	list-style: none;
}

/* Titres des articles (normal et survol) */
#main h2 a {
	font: 25px "arial", Helvetica, sans-serif;
	color: #BD8D46;
}

#main h2 a:hover {
	color: #BD8D46;
}

/* Titres des widgets dans la colonne de droite */
#sidebar h3 {
	font: 14px "arial", Helvetica, sans-serif;
	color: #BD8D46;
}

/* Liens dans le contenu (normal et survol) */
#main a {
	color: #BD8D46;
}

#main a:hover {
	color: #444444;
}

/* Texte et fond du menu dans l'état normal */
#header #mainmenu ul li a {
	font-family: "arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #444444;
	background-color: #ffffff;
}

/* Texte et fond du menu dans l'état survolé */
#header #mainmenu ul li a:hover, #header #mainmenu ul li.current-menu-item a, #header #mainmenu ul li.current-menu-parent a, #header #mainmenu ul li.current_page_item a, #header #mainmenu ul li.current_page_ancestor a, #header #mainmenu ul li:hover > a {
	color: #ffffff;
	background-color: #BD8D46;
}

/* Modifs des bordures du menu */
#header #mainmenu {
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 6px solid #444444;
	border-bottom: 1px solid #cccccc;
}

#header #mainmenu ul li {
	border-bottom: 1px solid #CCCCCC;
	border-right: 0 solid #CCCCCC;
}

/* Modifs diverses */
#header form.searchform {
	display: none;
}

/* Bandeau slider */
.soliloquy-container .soliloquy-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 1120;
	background: rgba(255,255,255,.9) !important;
}

/* Effets page accueil */
#main #content .item-hover .img img {
	border: none;
	padding: 0;
}

.row-1 {
	display: inline-block;
	width: 48%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	float: left;
}

.row-2 {
	display: inline-block;
	width: 48%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	float: right;
}

.item-hover {
	position: relative;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.item-hover,
.item-hover * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.item-hover a {
	color: #333;
}

.item-hover a:hover {
	text-decoration: none;
}

.item-hover img {
	width: 100%;
	height: 100%;
}

.item-hover.circle {
	position: relative;
	width: 310px;
	height: 206px;
	border-radius: 0;
}

.item-hover.circle .img {
	position: relative;
	width: 310px;
	height: 206px;
	border-radius: 0;
}

.item-hover.circle .img:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 0;
	box-shadow: inset 0 0 0 8px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.item-hover.circle .img img {
	border-radius: 0;
}

.item-hover.circle .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.item-hover.square {
	position: relative;
	width: 316px;
	height: 216px;
	border: 8px solid #fff;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}

.item-hover.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.item-hover .info .icons {
	margin-top: 90px;
	font-size: 26px;
	color: #ffffff;
}

.item-hover .info .icons i {
	margin-right: 5px;
}

/* ------ Effect13 ------ */
.item-hover.circle.effect13.colored .info {
	background: rgba(189,141,70,0.5);
}

.item-hover.circle.effect13 .info {
	background: #333333;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.item-hover.circle.effect13 .info h3 {
	visibility: hidden;
	color: #FFFFFF;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	margin: 0 30px;
	padding: 55px 0 0;
	height: 110px;
	text-shadow: 0 0 1px #ffffff, 0 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.item-hover.circle.effect13.colored .info h3 {
	color: #ffffff;
}

.item-hover.circle.effect13 .info p {
	visibility: hidden;
	color: #BBBBBB;
	padding: 10px 5px;
	font-style: italic;
	margin: 5px 30px 0;
	font-size: 12px;
	border-top: 1px solid rgba(255,255,255,0.5);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.item-hover.circle.effect13.colored .info p {
	color: #bbbbbb;
	border-top: 1px solid #f5f9fa;
}

.item-hover.circle.effect13 a:hover .info {
	opacity: 1;
}

.item-hover.circle.effect13 a:hover h3 {
	visibility: visible;
}

.item-hover.circle.effect13 a:hover p {
	visibility: visible;
}

.item-hover.circle.effect13.top_to_bottom .info h3 {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.item-hover.circle.effect13.top_to_bottom .info p {
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
}

.item-hover.circle.effect13.top_to_bottom a:hover h3 {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

.item-hover.circle.effect13.top_to_bottom a:hover p {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

/* ------ End Effect13 ------ */