html,body {
  width:100%
}

body {
  font-family:"Roboto Condensed",sans-serif;
  color:#000;
  background-color:#f7f5f5;
  font-size:15px;
  padding-bottom:50px
}

more{color: #666666;cursor:pointer;margin: 2px 0;}
more:hover{text-decoration: underline;}
dessous{padding: 1px 0;}

a2
{
font-family:"Roboto Condensed",sans-serif; 
color: #000000;
font-size: 15pt ;
}

a3
{
font-family:"Roboto Condensed",sans-serif; 
color: #cc0066;
font-size: 24pt ;
}

a4
{
font-family:"Roboto Condensed",sans-serif; 
color: #FFFFFF;
font-size: 15pt ;
}

a5
{
font-family:"Roboto Condensed",sans-serif; 
color: #cc0066;
font-size: 14pt ;
}

a6
{
font-family:"Roboto Condensed",sans-serif; 
color: #000000;
font-size: 12pt ;
}

h1 {
  font-size:60px;
  letter-spacing:-.03em
}

p {
  margin-bottom:15px
}

a {
  color:#cc0066;
  background-color: white
}

a:hover {
  color:#000;
  text-decoration:none
}

nav {
  height:241px;
  background-image: url("../img/header2.jpg");
  border-bottom:1px solid #ccc;
  width:100%;
  position:fixed;
  top:0;
  left:0;
  z-index:10;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s
}

nav .wrapper {
  width:360px;
  margin:0 auto
}

nav h1 {
  margin:0;
  padding:0;
  line-height:36px;
  font-size:36px;
  margin-left:10px
}

.logo {
  float:left;
  
}

.nav-top {
  height:190px;
  padding-top:5px;
  margin-top:0;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s
}

.nav-top .logo {
  margin-top:-5px
}

.nav-top .search {
  float:right;
  width:40%;
  position:relative
}






.navbar-collapse {
  padding:0
}

.navbar-collapse.in {
  overflow:visible
}

.main-nav {
  width:100%;
background-color:#323232;
}

.main-nav .container {
  position:relative
}

.main-nav .minilogo {

  position:relative;
  position:absolute;
  top:5px;
  left:-100%;

  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  transition:all .3s
}

.main-nav .minilogo h1 {
  font-size:20px
}

.main-nav ul.nav {
  list-style-type:none;
  background-color:#323232;
  -webkit-transition:padding .3s;
  -moz-transition:padding .3s;
  transition:padding .3s
}

.main-nav ul.nav > li {
  vertical-align:top
}

.main-nav ul.nav > li > a {
  border-top:0px solid #000;
  height:50px;
  line-height:45px;
  font-size:16px;
  font-family:"Roboto Condensed",sans-serif;
  color:#FFF;
  background-color:transparent;
  padding:0;
  color:#FFF;
  margin:0
}

.main-nav ul.nav > li > a.active,.main-nav ul.nav > li > a:hover {
	  
  border-width:5px;
  line-height:39px;
  color:#cc0066

}

.main-nav ul.nav > li:nth-child(1) > a {
  border-color:#FFFFFF ;
  

}

.main-nav ul.nav > li:nth-child(2) > a {
  border-color:#FFFFFF
}

.main-nav ul.nav > li:nth-child(3) > a {
  border-color:#FFFFFF
}

.main-nav ul.nav > li:nth-child(4) > a {
  border-color:#FFFFFF
}

.main-nav ul.nav > li:nth-child(5) > a {
  border-color:#FFFFFF
}

.main-nav ul.nav > li:nth-child(6) > a {
  border-color:#FFFFFF
}

.main-nav ul.nav > li:nth-child(7) > a {
  border-color:#FFFFFF
}

section.stretch {
  height:100px;
  width:100%
}

section.stretch p {
  font-size:80px;
  color:#d2d2d2;
  text-align:center;
  position:relative;
  margin-top:142px
}

section.stretch p.bottom {
  top:100%
}

nav.small {
  height:51px
}

nav.small .nav-top {
  margin-top:-190px
}

nav.small .main-nav {
  box-shadow:none
}

nav.small ul.nav {
  padding-left:150px
}

nav.small .minilogo {
  left:0
}

@media (max-width: 992px) {
  nav.small .minilogo {
    left:10px
  }
}

@media (max-width: 767px) {
  nav {
    height:81px!important
  }

  nav .nav-top {
    padding-top:20px;
    height:80px
  }

  .main-nav .container {
    padding:0
  }

  .main-nav .container ul.nav {
    border-bottom:1px solid #ccc
  }

  nav.small .nav-top {
    margin-top:0
  }

  nav.small ul.nav {
    padding-left:0
  }

  nav.small .minilogo {
    display:none
  }
}