/* On déclare nos variables ici */
@color1:#000;
@color2:#fff;
@color3:#000;
//@color3:#0;

@height-header:140px;

@margin-top-bloc:50px;
@margin-bottom-bloc:25px;
@padding-top-bloc:20px;
@padding-bottom-bloc:20px;

@radius:0px;
@weight-btn:1px;

@height-textarea:182px;

body{font-family: 'Open Sans Condensed', sans-serif;}

#container-fixed-top{position:fixed;top:0;background-color:@color1;z-index:1000;width:100%;height:@height-header;}
#logo-big-menu{margin-top:5px;}
#logo-big-menu img{}
#logo-small-menu{margin-bottom:10px;margin-top: 10px;margin-left:10px;margin-top:-14px;}
.no-padding{padding:0px !important;}
.btn{border:solid @weight-btn @color3;background-color:@color2;color:@color3;text-transform: uppercase;border-radius:@radius;}
.btn:hover{background-color:@color3;color:@color2;}

#reseaux-sociaux{padding-right: 19px;text-align: right;width: 100%;padding-top:3px;z-index:1000;position:relative;}
#reseaux-sociaux a{color:@color1;}
#reseaux-sociaux a:hover{color:@color3;}

.navbar-nav > li{padding-left:5px;padding-right:5px;}

#bloc-1, #bloc-2, #block-4, #block-5{margin-top:@margin-top-bloc;}
/* BLOC 1 - PHOTO HEADER */
#bloc-1{margin-top:@height-header;}

div.presentation{position:absolute;width:250px;text-align:left;top:0px;height:215px;}
div.presentation > div.texte-presentation{display:block;color:#000;z-index:50;padding:15px;position: absolute;}
div.presentation > div.texte-presentation > img{margin-top:20px;}
div.background-presentation{height:100%;width:100%;background-color:#fff;position:absolute;z-index:5;}

/* BLOC 2 - TITRE + TEXTE */
#bloc-2{text-align:center;}
#bloc-2 h3{text-transform:uppercase;font-size: 50px;}
/* BLOC 3 - QUI SOMMES NOUS ? */
#bloc-3{background-color:@color3;border-top:solid 1px @color3;margin-top:-1px;border-bottom:solid 1px @color3;padding-top:@padding-top-bloc;padding-bottom:@padding-bottom-bloc;color:@color2;}
#bloc-3 img{margin:auto;margin-top:12px;margin-bottom:20px;}
#bloc-3 h3{text-transform: uppercase;font-size:30px;margin-bottom:15px;}
#bloc-3 p{font-size:13px;margin-top:13px;text-align: left;font-weight:100;letter-spacing: 0.5px;}
/* BLOC 4 - GMAPS */
#bloc-4 {height:600px;background-color:@color2;}
#googlemap{height:100%;width:100%;}
.gm-style-iw * {display: block;width: 100%;}
.gm-style-iw h4,.gm-style-iw p {margin:0;padding:0;}
.mylabel{font-family: 'Open Sans Condensed', sans-serif;}
.mylabel > h4{color:@color3;text-transform: uppercase;margin-top:5px;}
.mylabel > p{
  margin-top: 2px;
  margin-bottom: 2px;}
/* BLOC 5 - FORMULAIRE */
#bloc-5{margin-bottom: @margin-bottom-bloc;}
#bloc-5 h1{text-transform: uppercase;font-size:32px;margin-bottom:10px;color:@color3;text-align:left;}
#bloc-5 p{margin-bottom:20px;}
textarea {resize:none;height:@height-textarea !important;border-radius:@radius;border-color:@color3;}
input{}
#mail_success{display:none;border:solid @color3 1px;color:@color3;text-align:center;padding:10px;}
#mail_error{display:none;border:solid @color3 1px;color:@color3;text-align:center;padding:10px;}
/* BLOC 6 - FOOTER */
#bloc-6{background-color:@color2;color:@color1;font-size:14px;letter-spacing:0px;padding-top:@padding-top-bloc;border-top: solid @color3 1px;text-align: left;}
#bloc-6 h1{text-transform: uppercase;color:@color3;}
#bloc-6 h2{text-transform: uppercase;color:@color3;font-size:16px;margin-bottom:0px;}
#bloc-6 img{margin-top:5px;margin-bottom:15px;}
#bloc-6 .coordonnees{text-align: center;}
/* BLOC-7 - BYCOMECOM */
#bloc-7 {background-color: @color1;}
#bloc-7 p{margin-top:3px;margin-bottom:5px;}
#bloc-7 p a{color:@color2 !important;font-size:11px !important;}
#bloc-7 p a:hover{ text-decoration: none !important;}

/* Surclassement BOOTSTRAP */
.row{max-width:100%;margin-left:0px;margin-top:0px;}
/* Barre de navigation */
body > .navbar-wrapper{background-color:@color2;height:100%;}
body > .navbar-wrapper > .navbar{margin-bottom:0px;}
/* Pas responsive */
.navbar-collapse {background-color:@color1;}

/* Responsive */
.in{padding:0px;}
.in > ul > li{border-bottom:solid 1px @color3;padding-top:3px;padding-bottom:3px;text-align: center;}
.in > ul > li > a{padding:0px;font-weight:100;}
.in > ul > li > a:hover, .in > ul > li > a:focus{color:@color1;background-color: transparent;}
/* Les liens du menus personalisé */
.navbar-right{margin-right:0px;margin-top:-20px;}
.nav > li > a:hover, .nav > li > a:focus{background-color:transparent;color:#ba0440;}
.navbar-nav > li > a{color:@color2;text-transform:uppercase;font-size:18px;font-weight:100;padding-left:5px;padding-right:5px;}

/* Barre de navigation responsive */
.navbar-toggle{background-color:@color2;}
.navbar-toggle > .icon-bar{background-color:@color1;}

/* FORM CONTROL - Surbrillance autour des input etc ... */
label{text-transform: uppercase;color:@color3;}
.form-control{border-radius:@radius;border-color:@color3;}
.form-control:focus{border-color:@color3;box-shadow: none;}
.btn-submit{float:right;}

/** PLACEHOLDER **/
// Webkit
::-webkit-input-placeholder{}
// Firefox 4 à 18
:-moz-placeholder {}
// Firefox 19 & +
::-moz-placeholder{}
// IE 10+
:-ms-input-placeholder{}