/*
Theme Name: Cabrelli2015
Template: twentythirteen
*/
 
/* Import du css parent */
@import url(../twentythirteen/style.css);

@font-face {
    font-family: 'Didot';
    src: url('fonts/Didot.eot');
    src: url('fonts/Didot.eot') format('embedded-opentype'),
         url('fonts/Didot.woff2') format('woff2'),
         url('fonts/Didot.woff') format('woff'),
         url('fonts/Didot.ttf') format('truetype'),
         url('fonts/Didot.svg#Didot') format('svg');
}

.site {
  background-color: #efefef;
	border-left: none;
	border-right: none;
	margin: 0 auto;
	max-width: none;
	width: 100%;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
	margin: 0 auto;
  padding-top: 10px;
	max-width: 1200px;
	width: 100%;
}
h1.entry-title {  
  margin-top:20px;  
}
html, button, input, select, textarea {
    font-family: 'Abel', sans-serif;
}
h1, h2, h4, h5, h6 {
    font-family: 'Abel', sans-serif;
}
h1{
  font-size: 32px;
}
h3 {
    font-family: "Didot" !important;
    font-weight: normal;
}
.entry-content a,
.comment-content a {
	text-decoration: none;
}
/* EFFET ZOOM */
img.zoom {
-moz-transition: all 0.5s ease-in-out 0s;
-webkit-transition: all 0.5s ease-in-out 0s;
-o-transition: all 0.5s ease-in-out 0s;
-ms-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
opacity: 1;
}
img.zoom:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
opacity: 1;
}
/* Navigation */

.navbar {
	background-color: #ffffff;
	margin: 0 auto;
	max-width: none;
	width: 100%;
  position: fixed;
  z-index: 100;
  height: 50px;
}
.main-navigation {
  clear: both;
  margin: 0 auto;
  max-width: none;
  min-height: 45px;
  position: relative;
}
.nav-menu li a {
	color: #506687;
  font-family: "Didot" !important;
  font-size: 16px;
}
ul.nav-menu,
div.nav-menu > ul {
	margin: 0 auto;
	padding: 0 0 0 0;
  width: 800px;

}
.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #000;
	font-style: normal;
}
.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #ffffff;
	color: #000;
}
.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #506687;
	border: 2px solid #ffffff;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}
.toggled-on li,
.toggled-on .children {
    background-color: #ffffff;
}
.navigation a {
    color: #000;
}
.navigation a:hover {
    color: #ffffff;
}
/* deuxieme menu pour les social icons */
.nav-menu-header {
	position: absolute;
	right: 30px;
	top: 10px;
}
.nav-menu-header li {
	display: inline-block;
	position: relative;
}
ul.nav-menu-header,
div.nav-menu-header > ul {
	margin: 0;
	padding: 0;
}
/* social icones */ 
.nav-menu-header .nav-social-facebook {
  background-image: url(images/icon-facebook.png) !important;
  background-repeat: no-repeat !important;
}
.nav-social-facebook a {
	opacity: 0;
}
.nav-menu-header .nav-social-gplus {   
  background-image: url(images/icon-gplus.png) !important;
  background-repeat: no-repeat !important;
}
.nav-social-gplus a {
	opacity: 0;
}
.nav-social-gplus:hover {   
  background-image: url(images/icon-gplus-noir.png) !important;
}
.nav-social-facebook:hover {   
  background-image: url(images/icon-facebook-noir.png) !important;
}

/* troisieme menu pour l accueil */
.nav-menu-home {
	position: absolute;
	left: 30px;
	top: 10px;
}
.nav-menu-home li {
	display: inline-block;
	position: relative;
}
.nav-menu-home li a{
  color: #506687;
  font-family: "Didot" !important;
  font-size: 20px;
}
.nav-menu-home li a:hover{
  color: #000;
  font-family: "Didot" !important;
}
ul.nav-menu-home,
div.nav-menu-header > ul {
	margin: 0;
	padding: 0;
}

/* FOOTER */
.site-footer .sidebar-container {
	background-color: #ffffff;
	padding: 0;
}
.widget .widget-title {
	font-style: normal;
  font-family: "Didot" !important;
  font-size: 16px;
}
footer .entry-meta{
  margin-top: 0;
}
.hentry{
  padding-top: 40px;
  padding-bottom: 2px;
}
.site-footer .widget {
  color: #506687;
  font-style: normal;
  font-family: "Didot" !important;
  font-size: 16px;
}
.site-footer .widget a {
  color: #506687;
  font-style: normal;
  font-family: "Didot" !important;
  font-size: 16px;
}
.site-footer .widget a:hover {
  color: #000;
  text-decoration: none;
}
/* Placement des 3 widgets */
.widget_search{
  left: 72% !important;
  position: absolute;
  top: 0 !important;
}
#text-3 {
  left: 40% !important;
  position: absolute;
  top: 0 !important;
}/**/

@media (max-width: 843px) {
	.nav-menu-home {
	position: absolute;
	left: 30%;
	top: 10px;
  }
  #masthead .home-link .site-title {
       font-size: 2px !important;
    }
  #masthead .home-link .site-description {
       font-size: 2px !important;
    }
  	/* Small menu */
	.menu-toggle {
		cursor: pointer;
		display: inline-block;
		font: bold 16px/1.3 "Source Sans Pro", Helvetica, sans-serif;
		margin: 0;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: #141412;
		padding: 12px 0 12px 20px;
	}

	.menu-toggle:focus {
		outline: thin dotted;
	}

	.menu-toggle:after {
		content: "\f502";
		font-size: 12px;
		padding-left: 8px;
		vertical-align: -4px;
	}

	.toggled-on .menu-toggle:after {
		content: "\f500";
		vertical-align: 2px;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background-color: transparent;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: #141412;
		width: auto;
	}

	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #141412;
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: #506687;
		color: #fff;
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: #506687;
		color: #fff;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
  /* Affichage social icones en ligne quand le menu est deroulant */
  .toggled-on .nav-menu-header li {
		display: inline-block;
	}
  /* Placement des 3 widgets version mobile */
  .widget_search{
    left: 20px !important;
    position: absolute;
    top: 200px !important;
    height: 60px;
  }
  #text-3 {
    left: 20px !important;
    position: absolute;
    top: 100px !important;
  }
  #text_icl-4 {
    left: 20px;
    position: absolute;
    top: 100px !important;
}
  .widget-area{
    height: 300px !important;
  }
  .wpb_text_column{
  /*margin-left: -20px !important;
  margin-right: -20px !important;*/
  }  
}
h1 {
	font-family: "Didot" !important;
	font-size: 1.325em;
	font-weight: normal;
}