/* @override https://la-plateforme.fr/tech/styles.css */

body { margin: 0; text-align: center; font-size: 10px; font-family: Arial, sans-serif; }

img { border: none }

a { outline: 0 none; text-decoration: none }

a.lien-simple { color: #ccc;
	text-decoration: underline;
}

a.lien-simple:hover { color: #c00;
	text-decoration: none;
}

.clear {
	clear: both;
}


#page { border-top: 0; margin: 0 auto; position: relative; width: 92em; height: 50em; text-align: left }

#goog-fixurl {
	height: 25em;
}

img.vignette {
	float: left;
	margin-right: 15px;
}

#entetes { height: 13.8em; background: #B70513; margin-bottom: 1.6em; position: relative }

#entetes #animation3d {
	position: absolute;
	right: 0;
	border: 1px none blue;
	z-index: 4;
	top: 7px;
}

#entetes #b-logo { position: absolute; left: 7.3em; }

#entetes #b-logo h1 { margin: 0 }

#entetes #menu { position: absolute; bottom: 0; width: 100%; background: #A60514 }
#entetes #menu ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; margin-left: 3.3em }
#entetes #menu ul li { float: left; font-size: 10px; position: relative;  z-index: 3 }
#entetes #menu ul li a { color: #fff; padding: 0 1.4em; text-decoration: none; display: block; line-height: 2.8em; }

/* etat actif */

#entetes #menu ul li.actif a { background: #c00; color: #fff !important }

/* etat over */
#entetes #menu ul li a:hover { color: #c66 }



#entetes #menu ul li span { font-size: 12px;   }

#entetes #menu ul li.lg { position: absolute; right: 0; z-index: 4  }
#entetes #menu ul li.lg a span { font-size: 10px  }


#visuel { height: 36.1em; margin-bottom: 1.6em; background: url(../images/contour-1.png) no-repeat }

#references #visuel { height: 23em; background: none }


#visuel #visualiseur { border: 1px solid #ccc; height: 35.3em;  }

#references #visuel #visualiseur { border: 1px none #ccc; height: 23em;  }

#visuel #diaporamas { border: 1px none #ccc; height: 32em; margin: 0.9em }

#references #visuel #diaporamas { height: 23em; margin: 0 }

#accueil #visuel #diaporamas { width: 90em; height: 32.1em }

#accueil #visuel #diaporamas { border: 1px solid #ccc; }

#diaporama #visuel { height: 56em;  }
#diaporama #visuel #visualiseur { height: 55em;  }
#diaporama #visuel #visualiseur #diaporamas { height: 53em;  }

#historique #visuel { height: 44.4em;  }
#historique #visuel #visualiseur { height: 43.4em;  }
#historique #visuel #visualiseur #diaporamas { height: 41.5em; overflow: hidden  }

.ombre {  width: 100%; height: 10px; background: url(../images/ombre2.png) repeat-x left bottom; border: 1px none blue; position: relative;  }

#information {
}

#erreur #information { font-size: 3em;
	height: 12em;
	padding-top: 20px;
	padding-left: 47px;
}

#programmation #information { margin-bottom: 2em }

#information .col { float: left; width: 31.5em; margin-right: 1.7em }

#information .col.col3 { float: right; margin-right: 0; width: 25.6em }

#pieddepage { height: 4.3em;  background: transparent url(../images/01046.png) no-repeat top right; padding-top: 13.2em;  }

#pieddepage p { color: #ccc; margin: 0; margin-top: 0.4em; border-top: 0.8em solid #cdcdcd; padding-top: 0.4em }

#pieddepage p small { font-size: 1.1em; }

#accueil p#description { margin: 0; margin-bottom: 2em; }

#accueil p#description img { width: 100% }

#accueil #description span { font-family: serif; font-size: 2em; color: #900 }

h3.titre3 { font-weight: normal; font-size: 10px; border-bottom: 1px solid #ccc; margin: 0;  padding: 0; height: 1.3em }
h3.titre3 span { font-size: 1.1em; background: #c00; color: #fff; padding: 0 0.35em; border-bottom: 0.1em solid #c00 }

#accueil #information .col ul { margin: 0; padding: 0; list-style-type: none } 

#accueil #information #programmation ul li { background: url(../images/pointilles-1.png) repeat-x bottom; padding-bottom: 0.5em; padding-top: 1em; } 

/* presentation */

#accueil #information p.texte1#presentation {  margin-bottom: 0; padding-right: 0.5em; line-height: 1.4em } 
#accueil #information p.texte1#presentation span {  font-size: 1.2em;  } 

/* programmation */
#accueil #information #programmation ul li:hover { background-color: #F4F4F4;  } 
#accueil #information #programmation ul li:hover *{ color: #666 } 

#accueil #information #programmation p.texte1 {  margin-bottom: 0.3em } 

#accueil #nousTrouver p { line-height: 2.2em }

#accueil #nousTrouver p a.lienGmap { display: block; float: left; padding: 0.4em; background: #eee; border: 1px solid #ccc; color: #999; line-height: 0.2em; background-image: none; margin-bottom: 2em; }

/* nous trouver */

#accueil #nousTrouver p a.lienGmap:hover { background: #c00 }

/*
#accueil #nousTrouver p a { color: #999; text-decoration: underline; background: url(../images/fleche-rouge.png) no-repeat 0 50%; padding-left: 13px }
#accueil #nousTrouver p a span { font-size: 11px }
*/
/* lien map */

#plaquette p{
	font-size: 1.2em;
	color: #666;
	margin-bottom: 0;
}


/* bouton lien */

a.bouton-lien { color: #999; text-decoration: underline; background: url(../images/fleche-rouge.png) no-repeat 0 50%; padding-left: 13px }
a.bouton-lien span { font-size: 11px }
a.bouton-lien:hover { color: #fff; text-decoration: none; background: #c00 url(../images/fleche-blanche.png) no-repeat 0 50%;  }




h4.titre4 { font-size: 10px; margin: 0; margin-bottom: 0.3em } 
h4.titre4 span { font-size: 1.1em; text-transform: uppercase; color: #666 } 
p.texte1 { font-size: 1em; margin: 0; margin-bottom: 1.7em } 
p.texte1 span { font-size: 1.4em; color: #666 }

p.texte2 { font-size: 1em; margin: 0; margin-bottom: 1.7em } 
p.texte2 span { font-size: 1.2em; color: #666 }

p.texte2 span a { color: #c00; text-decoration: none }

#contact .vcard { margin-top: 0.5em; margin-bottom: 2em; position: relative; line-height: 1.5em }
#contact .vcard .infoAdresse span { font-size: 12px; color: #666 }
#contact .vcard .org, #contact .vcard .country-name { display: none; }

#contact .vcard #geoloc { position: absolute; left: 31.5em; top: 0; line-height: 2em }
/*
#contact .vcard #geoloc a { color: #999; text-decoration: underline; background: url(../images/fleche-rouge.png) no-repeat 0 50%; padding-left: 13px }

#contact .vcard #geoloc a span { font-size: 11px }
*/

#404 { height: 60em;
	background-color: black;
}

#contact .cols3 p.texte2 { line-height: 1.6em }

#contact .cols3 .texte2 a:hover { background: #c00; color: #fff }

#accueil #information #references ul { margin-top: 1em; cursor: default  } 
#accueil #information #references ul li { padding-right: 0.1em; display: inline; color: #eee;  line-height: 1.7em;   } 
#accueil #information #references ul li span { font-size: 1.4em;  }

#accueil #information #references ul li span.ref { font-size: 1.4em; padding: 0 2px  }

/* references */

#accueil #information #references ul li:hover span.ref { background: #F2F2F2; color: #666 } 

#historique h2#titrepage { margin-top: 1.4em; margin-bottom: 0.7em; font-size: 10px }

#historique #visuel { margin-bottom: 0.5em }
#historique #texte-historique { width: 100% }

#diaporama #visuel { margin-bottom: 0 }



.cadre-photo { width: 29.3em; height: 22.5em; background: #fff url(../images/cadre-photo.png) no-repeat }


#contact .cadre-photo { width: 29.3em; height: 25.5em; background: red url(../images/cadre-photo-2.png) no-repeat; }

.cadre-photo .photo { border: 1px solid #ccc; height: 21.3em }
#contact .cadre-photo .photo { border: 1px solid #ccc; height: 24.4em }


.cadre-photo .photo img { margin: 0.9em; border: 1px solid #ccc }

.cols2 { float: left; padding-bottom: 3.3em; width: 100% }
.cols2 .cadre-photo { float: left; clear: left }
.cols2 .texte3 { float: right; width: 60em; margin: 0; color: #999; line-height: 2.2em }

#references .cols2 .texte3 { width: 48%; line-height: 1.8em   }
#references .cols2 .texte3 blockquote { margin-right: 1em;   }

#references .cols2 { width: 50%; height: 16.3em;  }
#references .cadre-photo { width: 50%; height: 18em; background: #fff url(../images/cadre-photo-3.png) no-repeat }
#references .cadre-photo .photo img { margin: 0.9em; border: 1px solid #ccc;  }
#references .cadre-photo .photo { border: 1px solid #ccc; height: 17em; width: 22.4em }

#references .texte3 blockquote { margin: 0; padding: 0; font-style: italic; font-size: 10px; margin-bottom: 1em; }

#references .texte3 span { font-size: 1.3em;  }
#references .texte3 strong span { font-size: 1.2em; color: #666  }

.cols3 {  float: left; width: 29.3em; height: 37em; margin-right: 2em; }


.cols3.dernier { margin-right: 0; }

#contact h3.nom { margin: 0; margin-top: 0.3em; font-size: 1.6em; color: #444; font-weight: normal;}


.cols4 {  float: left; width: 22.4em; height: 42.1em; margin-right: 0.5em; border: 1px solid #ccc; background: #fff;
	margin-bottom: 20px;
}
.cols4.dernier { margin-right: 0; }

.cols4.lumiere { height: 60.2em; }
.cols4.lumiere .cadre-flyer { height: 59em; }

.cols4.lumiere .info-flyer { height: 40em; }


.invisible { display: none !important }


.cols4 .ombre {  float: left; width: 100%; height: 0.5em; background: url(../images/ombre.png) repeat-x left bottom; border: 1px none blue; position: relative; top: 0.3em }

.cols4 .cadre-flyer { float: left;  height: 41em; background: #f8f8f8;  margin: 0.5em;  }



.cols4 .flyer { padding: 0;  padding-bottom: 0;
	height: 18em;
}

.cols4 .flyer img {
	width: 214px;
}


.cols4 .info-flyer { position: relative;  color: #666; margin: 1em 1em 0;
height: 20em; }

.cols4 .flyer-surtitre { margin: 0 0 0.2em; font-size: 2.2em; font-weight: normal;
color: #c00;
}
.cols4 .flyer-titre {
	font-size: 1.5em; font-weight: normal; color:#333;
	margin: 0.8em 0 0;
}

/*.cols4 .flyer-titre strong{
	font-size: 12px; font-weight: normal;
}*/


.cols4 .flyer-titre span{ font-size: 0.6em;  }
.cols4 .flyer-date { margin: 0.6em 0 1px; font-size: 1.1em; font-weight: normal; line-height: 1.4em;
}

.cols4 .flyer-date strong { color: #c00;
}

.cols4 p strong { color: #c00;
	font-size: 13px;
}

.cols4 .flyer-date em{
	font-style: normal;
	font-weight: bold;
	color: #c00;
}


.water {
	height: 723px;
	width: 28em;
}

.water .flyer {
	height: 41.7em;
}

.water .flyer img {
	width: 270px;
}


.water .cadre-flyer {
	height: 711px;
}

.water .info-flyer {
	height: 255px;
}

.suede, .wine, .tinto {
	text-align: center;
}


.suedois {
	height: 770px;
	width: 22.4em;
}

.suedois .flyer {
	height: 18em;
}

.suedois .flyer img {
}


.suedois .cadre-flyer {
	height: 758px;
}

.suedois .info-flyer {
	height: 548px;
}

.suedois .flyer-note, .suede .flyer-note, .wine .flyer-note, .tinto .flyer-note {
	width: 100%;
}



.bio {
	margin-top: 40px;
	width: 28em;
	height: 400px;
}

.bio .cadre-flyer {
	height: 388px;
}


.bio .flyer {
	height: 16em;
}

.bio .flyer img {
	width: 270px;
}





.wine {
	height: 588px;
}

.wine .cadre-flyer {
	height: 576px;
}

.wine .info-flyer {
	height: 364px;
}

.tinto {
	height: 588px;
}

.tinto .cadre-flyer {
	height: 576px;
}

.tinto .info-flyer {
	height: 364px;
}


.cruel {
	height: 685px;
}

.cruel .cadre-flyer {
	height: 673px;
}

.cruel .info-flyer {
	height: 395px;
}

.heat {
	height: 712px;
}

.heat .cadre-flyer {
	height: 700px;
}

.heat .info-flyer {
	height: 335px;
}


p.dates {
	background: #c00;
	color: #fff;
	padding-left: 1em;
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 6px;
	font-size: 13px;
	line-height: 16px;
}

ul.flyer-date {
	padding-left: 0;
	list-style-type: none;
}

ul.flyer-date li{
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc
}

.cols4 .flyer-note {
	position: absolute;
	bottom: 16px;
	left: 1px;
	width: 200px;
}

.cols4 .info-flyer a{ color: #c00;  } 


iframe#diapIframe { height: 32em; border: none; width: 100% }


/* MARIAGE */

#mariage #information {
	background: url(../img/header-mariage.jpg) 0 -15px no-repeat;
	font-family: Merriweather;
	font-weight: 300;
	padding-top: 410px;
	color: #777;
	position: relative;
}

ul.nav-mariage {
	position: absolute;
	top: 8px;
	margin-top: 0;
	left: 320px;
}

ul.nav-mariage li {
	display: inline;
	margin-right: 10px;
	font-weight: 400;
}

ul.nav-mariage li a {
	color: #c00;
	padding: 6px;
	-webkit-transition: all .218s;
	-moz-transition: all .218s;
	-o-transition: all .218s;
	transition: all .218s;
}

ul.nav-mariage li a:hover {
	color: #fff;
	background: #c00;
}

#mariage #information .row {
	margin-bottom: 40px;
}

#mariage #information .row.intro p{
	width: 530px;
}

#mariage #information .row.espaces{
	background: url(../img/petales-1.jpg) 80% 340px no-repeat;
}

#mariage #information h2{
	font-size: 2.1em;
	color: #b80514;
	line-height: 1.5em;
}

#mariage #information h3{
	font-size: 1.8em;
	font-weight: 300;
	text-align: center;
	margin-bottom: 11px;
}

#mariage #information p, #mariage #information ul{
	font-size: 1.4em;
	line-height: 1.5em;
}

#mariage #information .col-sm-3{
	float: left;
	width: 207px;
	margin-right: 30px;
}

#mariage #information .col-sm-3.last{
	margin-right: 0;
}

#mariage #information .col-sm-8{
	float: left;
	width: 490px;
	margin-right: 30px;
}

#mariage #information .col-sm-4{
	float: left;
	width: 400px;
}

#mariage #information .row p.descriptif{
	margin-top: 0;
	background: #b80514;
	color: #fff;
	padding: 16px;
	font-size: 1.2em;
	border-radius: 0 0 4px 4px;
}

.forfait {
	background: url(../img/logo-mariage.png) 50% 20px no-repeat #b80514;
	color: #fff;
	padding: 60px 16px 8px;
	font-size: 1.1em;
	border-radius: 4px;
	text-align: center;
	margin: 40px auto;
	width: 490px;
	font-weight: 700;
	position: relative;
}

.petales {
	position: absolute;
	top: -24px;
	left: -100px;
}

a.plaquette {
	font-size: 1em;
	color: #b80514;
	font-weight: 700;
	text-decoration: underline;
}


#slides,
    #slides2,
    #slides3 {
      display: none;
      margin-bottom:50px;
    }

    .slidesjs-navigation {
      margin-top:3px;
		font-size: 15px;
		color: #999;
	}
	

    .slidesjs-previous {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-next {
      margin-right: 5px;
      float: left;
    }

    .slidesjs-pagination {
      margin: 6px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }


    a:hover,
    a:active {
      color: #b80514;
    }

    .navbar {
      overflow: hidden
    }