/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26 oct. 2014, 10:41:28
    Author     : claire
*/

@font-face {
    font-family: 'mocha_mattariregular';
    src: url('../fonts/mochamattari-webfont.eot');
    src: url('../fonts/mochamattari-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mochamattari-webfont.woff2') format('woff2'),
         url('../fonts/mochamattari-webfont.woff') format('woff'),
         url('../fonts/mochamattari-webfont.ttf') format('truetype'),
         url('../fonts/mochamattari-webfont.svg#mocha_mattariregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'HelveticaNeue-Light';
  src: url('../fonts/HelveticaNeue-Light.eot');
  src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
       url('../fonts/HelveticaNeue-Light.woff2') format('woff2'),
       url('../fonts/HelveticaNeue-Light.woff') format('woff'),
       url('../fonts/HelveticaNeue-Light.ttf') format('truetype'),
       url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-LightCond';
  src: url('../fonts/HelveticaNeue-LightCond.eot');
  src: url('../fonts/HelveticaNeue-LightCond.eot?#iefix') format('embedded-opentype'),
       url('../fonts/HelveticaNeue-LightCond.woff2') format('woff2'),
       url('../fonts/HelveticaNeue-LightCond.woff') format('woff'),
       url('../fonts/HelveticaNeue-LightCond.ttf') format('truetype'),
       url('../fonts/HelveticaNeue-LightCond.svg#HelveticaNeue-LightCond') format('svg');
  font-weight: normal;
  font-style: normal;
}



body {
        background-color:#f5f2e9;
        background-image:url(../images/bg-eclate.jpg);
        background-repeat:no-repeat;
        background-size: 100% auto;

}

p {
    font-size:18px;
    
}

p span {
    font-weight:bold;
      font-weight: 900!important;
  color: #000000;
}

img {
    max-width:100%;
}

.full {
    width:100%;
}
.listnostyle li{
    list-style:none;
}

p {
    text-align:justify;
    font-family:"HelveticaNeue-Light";    
    font-size:18px;
    color:#5A5A5A;
}

p.typoPetit {
    font-family:"HelveticaNeue-LightCond";
    color:#333333;
}
.bg-blanc {
    background:#ffffff;
}

.petit {
    width:50%;
    text-align:left;
}

.intro {
    font-family: 'arial';
    font-size:14px;
    line-height:17px;
    margin-top:20px;
    margin-bottom:20px;
    font-weight: bold;
}

.container {
    width:100%;
    max-width:1010px;
    padding:0;
    position:relative;

}

.margin {
    margin-left:30px;
    margin-right:30px;
}
.marginZero {
    padding:0;
    margin:0
}

nav#menuPrincipal {
    position: relative;
    height: 46px;
    border: solid 1px #000000;
    padding: 8px;
    margin-bottom: 1px;
}

nav#menuPrincipal ul {
    margin:0;
    margin-left:-20px;
}

nav#menuPrincipal ul li {
    float:left;
    margin-right:20px
}

nav#menuPrincipal ul li a {
    text-transform:uppercase;
    color:#000000;
    font-family: 'mocha_mattariregular';
    font-size:22px;
}

nav#menuPrincipal ul li a:hover {
    text-decoration:none;
    color:#e72229;
}

.logo {
    position:absolute;
    top:0;
    left:25px;
    z-index:100;
}


h1,h2 {
   text-transform:uppercase;
    color:#000000;
    font-family: 'mocha_mattariregular';
    font-size:48px; 
    text-align:center;
    margin-bottom:70px;
    margin-top:65px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form,.navbar-default {
    background:#ffffff;
    border:none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    background:none;
    color:#c00909;
}

.navbar-default  a {
    font-family: 'Droid Sans', sans-serif;
    font-weight:bold;
    color:#4a4a4a;
    margin-top:30px;
}

.separateur {
    margin-top:75px;
}

.marginTop {
    margin-top:65px;
}