
.center{text-align: center;}


.logo {
  width: 170px;
  margin: 0 auto;
  margin-left: 30px;
}
#header-informations p{ font-size: 10px}
/*_________________________________________________________________________________________________________*/
/*_________________________________________________________________________________________________________*/

.white h1{font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  color: #007171;
  font-size: 60px;
}
.green{ background-color: #007171}

right{float: right;}
left{float: left;}
/*_________________________________________________________________________________________________________*/
/*_________________________________________________________________________________________________________*/
.navigation {
  position: fixed;
  left: 0;
  width: 254px;
  height: 100%;
  background-color: #007171;
  z-index: 999;
  padding: 10px;
}

.navigation ul{ list-style: none;}
.navigation li a {
  padding: 7px 10px 6px;
  display: block;
  font-size: 14px;
}

.navigation a {
	text-align: right;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  color: #fff;
  word-wrap: normal;
  
}

.navigation li a:hover { color: #fff; opacity: 0.5}

.menuvertical{margin-top: 20px;}

.select{ text-decoration: underline; font-weight: bold;}


#header-informations {
  color: #fff;
  bottom: 0px;
  position: absolute;
  margin-bottom: 20px;
}
#header-informations a:hover{color: #fff};

/*_________________________________________________________________________________________________________*/
/*_________________________________________________________________________________________________________*/


#contactform input {
  float: left;
  display: block;
  clear: left;
  width: 75%;
  margin-bottom: 10px;
}
#commentform input, #commentform textarea, #contactform input, #contactform textarea {
  background: #ecf0f1;
  color: #333;
    width: 90%;
  margin-bottom: 20px;
}
input, textarea {
  border: 0;
  background: url(../rgba-r=0&g=0&b=0&a=35.php.html) repeat;
  background: rgba(0,0,0,0.35);
  height: 44px;
  font-size: 15px;
  padding: 0 40px 0 20px;
  color: #fff;
}

.meta{
  border-bottom: 1px solid; border-top: 1px solid; padding-top: 10px; padding-bottom: 10px
}


#form-contact-titre {
  font-size: 15px;
  font-family: "Arial";
  color: rgb(0, 112, 112);
  text-transform: uppercase;
  line-height: 1.333;
  text-align: left;
}

/*_________________________________________________________________________________________________________*/
/*_________________________________________________________________________________________________________*/



#cartes {
  float: left;
  position: relative;
  width: 828px;
  margin-top: 26px;
  z-index: 41;
  min-height: 555px;
  clear: left;
  text-align: center;
}

#carte-livraison {
  float: left;
  position: relative;
  width: 264px;
  margin-top: 0;
  margin-left: 0;
  z-index: 33;
  min-height: 264px;
  background-image: url(../images/carte-livraison.png);
  background-repeat: no-repeat;
}

#carte-interflora {
  float: left;
  position: relative;
  width: 264px;
  margin-top: 0;
  margin-left: 18px;
  z-index: 19;
  min-height: 264px;
  background-image: url(../images/carte-interflora.png);
  background-repeat: no-repeat;
}

#carte-abonnements {
  float: left;
  position: relative;
  width: 264px;
  margin-top: 0;
  margin-left: 18px;
  z-index: 11;
  min-height: 264px;
  background-image: url(../images/carte-abonnements.png);
  background-repeat: no-repeat;
}

#carte-devis {
  float: left;
  position: relative;
  width: 264px;
  margin-top: 27px;
  margin-left: 0;
  z-index: 40;
  min-height: 264px;
  background-image: url(../images/carte-devis.png);
  background-repeat: no-repeat;
  clear: left;
}

#carte-deuil {
  float: left;
  position: relative;
  width: 264px;
  margin-top: 27px;
  margin-left: 18px;
  z-index: 26;
  min-height: 264px;
  background-image: url(../images/carte-deuil.png);
  background-repeat: no-repeat;
}

#titre-bloc-information-1 {
  
  position: relative;
  margin-top: 23px;
  z-index: 29;
  min-height: 36px;
  white-space: nowrap;
  font-size: 28px;
  color: #fff;
   font-family: "Archer";
   margin-right: 10px; margin-left: 10px;
   line-height: 22px;
}
#contenu-bloc-information-1 {

  margin-top: 59px;
  margin-left: 35px;
  z-index: 31;
  min-height: 52px;
  white-space: nowrap;
  clear: left;
}

.contenu-bloc-information {
  font-size: 16.295px;
  font-family: "Archer";
  color: rgb(51, 51, 51);
  line-height: 1;
  text-align: center;

}

#titre-bloc-information-3 {


  margin-top: 18px;
  margin-left: 59px;
  z-index: 17;
  min-height: 59px;
  white-space: nowrap;
}



/*_________________________________________________________________________________________________________*/
/*_________________________________________________________________________________________________________*/



.row {
 -moz-column-width: 18em;
 -webkit-column-width: 18em;
 -moz-column-gap: 1em;
 -webkit-column-gap:1em; 
  
}
.item {
 display: inline-block;
 padding:  .25rem;
 width:  100%; 
}

.item2 {
 display: inline-block;
 padding:  .25rem;
 width:  150%; 
}



/*_________________________________________________________________________________________________________*/
/*_________________________________________________________________________________________________________*/
/* SHOOTING*/



.imagecover{ background-color: #000; width: 100%; height: 100%; }


.textegallerie{text-align: center;   position: relative; top: 35%}


.shooting {
  font-size: 14px;
  font-family: "Archer";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.079;
  position: relative;
  z-index: 2;
}

.Gipsy_folk {
  font-size: 23.45px;
  font-family: "Archer";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.079;
  position: relative;
  z-index: 2;
}


/*_________________________________________________________________________________________________________*/
/*_________________________________________________________________________________________________________*/
.fixe{ overflow-y: hidden;}
.rondrese{float: right;}

.voiturevertical{ height: 890px; background: url(../images/voiturevertical.jpg) center; background-size: cover;}

.bloctextvoiture{ background-color: #f78284; color: #fff; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: lighter; padding: 20px}
.voiturephotos {
  position: fixed;
  bottom: 0PX;
  display: block;
  width: 700px;
  height: 500px;
  background: url(../images/voiture_petites.jpg);
  background-size: cover;
  float: left;
  margin-left: -15px;
}
.nomarge {
   margin-left: -15px;
  margin-right: -15px;
  /* padding: 20px; */
}

.bigtextvoiture{font-size: 32px}
.voiturecontact{text-decoration: underline; font-style: italic;}





/*_________________________________________________________________________________________________________*/
/*_________________________________________________________________________________________________________*/

.hp_titre {
  font-size: 30px;
  font-family: 'Oswald', sans-serif;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.143;
}
.hp_decouvrez{
    color: rgb(255, 255, 255);
  text-transform: uppercase;
  font-family: "Open SANS"

}
.hp_plus{color: rgb(255, 255, 255); font-size: 30px}


.row.no-gutters {
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.blank1{background-color: #007171; background-size: cover;   height: 100px; width: 100px; float: left}

.hp1{background: url(../images/hp/hp_photo39.png); background-size: cover;   height: 400px; width: 500px; float: left}
.hp2{background: url(../images/hp/hp_photo34.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp3{background: url(../images/hp/hp_photo33.png); background-size: cover;   height: 200px; width: 400px; float: left}
.hp4{background: url(../images/hp/hp_photo28.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp5{background: url(../images/hp/hp_photo36.png); background-size: cover;   height: 600px; width: 400px; float: left}
.hp7{background: url(../images/hp/hp_photo15.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp6{background-color: #f78284; background-size: cover;   height: 200px; width: 400px; float: left; text-align: center; padding: 15px}
.hp8{background: url(../images/hp/hp_photo27.png); background-size: cover;   height: 100px; width: 100px; float: left}
.hp9{background: url(../images/hp/hp_photo1.png); background-size: cover;   height: 200px; width: 400px; float: left}
.hp10{background: url(../images/hp/hp_photo24.png); background-size: cover;   height: 100px; width: 100px; float: left}

.hp11{background: url(../images/hp/hp_photo25.png); background-size: cover;   height: 100px; width: 100px; float: left}
.hp12{background: url(../images/hp/hp_photo32.png); background-size: cover;   height: 200px; width: 400px; float: left}

.hp13{background-color: #f78284; background-size: cover;   height: 200px; width: 400px; float: left;text-align: center; padding: 15px}
.hp8{background: url(../images/hp/hp_photo27.png); background-size: cover;   height: 100px; width: 100px; float: left}
.hp14{background: url(../images/hp/hp_photo2.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp15{background: url(../images/hp/hp_photo14.png); background-size: cover;   height: 200px; width: 200px; float: left}

.hp16{background: url(../images/hp/hp_photo38.png); background-size: cover;   height: 400px; width: 400px; float: left}
.hp17{background: url(../images/hp/hp_photo16.png); background-size: cover;   height: 100px; width: 100px; float: left}
.hp18{background: url(../images/hp/hp_photo22.png); background-size: cover;   height: 100px; width: 100px; float: left}
.hp19{background: url(../images/hp/hp_photo3.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp20{background: url(../images/hp/hp_photo13.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp21{background: url(../images/hp/hp_photo17.png); background-size: cover;   height: 100px; width: 100px; float: left}

.hp22{background: url(../images/hp/hp_photo29.png); background-size: cover;   height: 200px; width: 400px; float: left}

.hp23{background-color: #f78284; background-size: cover;   height: 200px; width: 400px; float: left; text-align: center; padding: 15px}

.hp24{background: url(../images/hp/hp_photo31.png); background-size: cover;   height: 200px; width: 400px; float: left}

.hp25{background: url(../images/hp/hp_photo12.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp26{background: url(../images/hp/hp_photo37.png); background-size: cover;   height: 400px; width: 400px; float: left}

.hp27{background: url(../images/hp/hp_photo18.png); background-size: cover;   height: 100px; width: 100px; float: left}
.hp28{background-color: #f78284; background-size: cover;   height: 200px; width: 400px; float: left; text-align: center; padding: 15px}
.hp29{background: url(../images/hp/hp_photo35.png); background-size: cover;   height: 600px; width: 400px; float: left}
.hp30{background: url(../images/hp/hp_photo36.png); background-size: cover;   height: 600px; width: 400px; float: left}
.hp31{background: url(../images/hp/hp_photo23.png); background-size: cover;   height: 100px; width: 100px; float: left}

.hp32{background: url(../images/hp/hp_photo10.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp33{background: url(../images/hp/hp_photo11.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp34{background: url(../images/hp/hp_photo19.png); background-size: cover;   height: 100px; width: 100px; float: left}
.hp35{background: url(../images/hp/hp_photo20.png); background-size: cover;   height: 100px; width: 100px; float: left}

.hp36{background-color: #f78284; background-size: cover;   height: 200px; width: 400px; float: left; text-align: center; padding: 15px}
.hp37{background: url(../images/hp/hp_photo9.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp38{background: url(../images/hp/hp_photo30.png); background-size: cover;   height: 200px; width: 400px; float: left}

.hp39{background: url(../images/hp/hp_photo8.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp40{background: url(../images/hp/hp_photo7.png); background-size: cover;   height: 200px; width: 200px; float: left}

.hp41{background-color: #f78284; background-size: cover;   height: 200px; width: 400px; float: left; text-align: center; padding: 15px}

.hp42{background: url(../images/hp/hp_photo6.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp43{background: url(../images/hp/hp_photo5.png); background-size: cover;   height: 200px; width: 200px; float: left}
.hp44{background: url(../images/hp/hp_photo21.png); background-size: cover;   height: 100px; width: 100px; float: left}
.hp45{background: url(../images/hp/hp_photo4.png); background-size: cover;   height: 200px; width: 200px; float: left}

#textefin{width:100%;color: #fff;padding: 80px}

.map-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;>
height:0;
}

.map-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

.description{
    position:absolute; 
    color:#fff; 
    margin-top:2500px; 
    margin-left:260px !important;
}


