/*
bleu : #2c3e50;
*/
/*  ___  __       __          _
  / __|/_/ _ _  /_/ _ _ __ _| |
 | (_ / -_) ' \/ -_) '_/ _` | |
  \___\___|_||_\___|_| \__,_|_|
*/
body{
  margin:0;
  font-family:'Roboto';
  font-size:15px;
  font-weight:300;
  color:#2c3e50;
  background-color:#ecf0f1;
}
html{
  margin:0;
  padding:0;
}

.bold{
  font-weight:bold;
}
.italic{
  font-style: italic;
}
p{
  margin:20px 0;
}
.clear{
  clear:both;
}

a{
  text-decoration:none;
  font-weight:bold;
  color:#2c3e50;
}
a:hover{
  text-decoration:underline;
}
.br{
  margin-bottom:5px;
  display:block;
}

/* _  _             _
 | || |___ __ _ __| |___ _ _
 | __ / -_) _` / _` / -_) '_|
 |_||_\___\__,_\__,_\___|_|
*/

header{
  background-color: #2c3e50;
  padding:45px 0;
  min-width:1000px;
}
header div{
  width:1000px;
  margin:0 auto;
}
.title{
  margin:0;
  color:#fff;
  font-weight: 300;
  font-size:50px;
  position:relative;
  display: inline-block;
}
.title .soustitre{
  font-size:15px;
  position:absolute;
  bottom:-10px;
  right:0;
}

h1{
  font-size:28px;
  font-weight:300;
  margin-bottom:20px;
}
h2{
  font-size:22px;
  font-weight:300;
  margin-top:0;
  margin-bottom:20px;
}
h3{
  font-size:18px;
  font-weight:300;
  margin-top:0;
  margin-bottom:20px;
}

/* __  __
 |  \/  |___ _ _ _  _
 | |\/| / -_) ' \ || |
 |_|  |_\___|_||_\_,_|
*/
nav ul{
  padding:0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: space-between;

  list-style-type:none;
}

nav ul li a{
  text-decoration: none;
  text-transform: uppercase;
  color:#2c3e50;
  font-weight:300;
}
/*nav ul li a:hover{
  font-weight:bold;
}*/
nav .current a{
  font-weight:bold;
}

/* ___ _ _    _
 / __| (_)__| |___
 \__ \ | / _` / -_)
 |___/_|_\__,_\___|
*/

.slide{
  margin-top:20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:8px solid #2c3e50;
}

/*  ___         _           _
  / __|___ _ _| |_ ___ _ _| |_
 | (__/ _ \ ' \  _/ -_) ' \  _|
  \___\___/_||_\__\___|_||_\__|
*/

.wrapper{
  width:1000px;
  margin:0 auto;
}

[class^="large"]{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float:left;

  margin:10px 20px 10px 0;
}
[class^="large"] + [class^="large"]{
  margin-right:0;
}

.image img{
  border:8px solid #2c3e50;
  width:94.40559440559441%;
}

.texte{
  background-color:#2c3e50;
  color:#fff;
  padding:30px;
  font-weight:300;
}

.large-4{
  width:286px;
}
.large-8{
  width:694px;
}

/* ___         _
 | __|__  ___| |_ ___ _ _
 | _/ _ \/ _ \  _/ -_) '_|
 |_|\___/\___/\__\___|_|
*/

footer{
  background-color:#2c3e50;
  padding:20px 0;
  color:#fff;
  min-width:1000px;
  margin-top:50px;
}

footer a{
  color:#fff;
}

footer .carte{
  margin-bottom:10px;
}

.right{
  text-align:right;
  font-size:10px;
}

footer .large-6{
  margin-bottom:0;
}

.large-6{
  width:490px;
}

.logo-footer{
  font-size:28px;
}

footer p{
  margin:5px 0;
}