/* Cette feuille de style regroupe les éléments principaux du site */

/* google font */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic,700,700italic,800,800italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,700,700italic,300italic,300);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100italic,300,300italic,700,400italic,700italic,900);
@import url(https://fonts.googleapis.com/css?family=Montserrat+Subrayada:400,700);

a{
  text-decoration: none;
  color: inherit;
  transition: all 0.35s ease-in-out 0s;
  -webkit-transition: all 0.35s ease-in-out 0s;
  -moz-transition: all 0.35s ease-in-out 0s;
  -o-transition: all 0.35s ease-in-out 0s;
}

a:hover{
  text-decoration: none;
  color: inherit;
}

a:focus {
  outline: none;
  text-decoration: none;
  color: inherit;
}

.clr {
  content: '';
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.fil-ariane {
  background-color: #f5f5f5;
  color: #bbb;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.fil-ariane #breadcrumbs {
  margin: 12px 0;
}

/* classes */

.no-padding{padding: 0px !important;}

.no-margin{margin: 0px}

.sectionPadding{padding: 40px 0px}

.disp-none{display: none !important;}

/* balise */

strong { font-weight: 400;}

p{color: #78809a; font-size: 16px; line-height: 1.5; font-weight: 300;}

h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif;}

h3{font-size: 38px; font-weight: 300;}

h4{font-size: 16px; font-weight: 600;}

ul{ list-style-type: none; margin: 0px; padding: 0px;}

/* background color */

.bgBlack {background-color: #000;}

.bgWhite {background-color: #ffffff;}


/* color */

.black {color:#000;}

.white {color:#fff;}


