/* ----------------------------- */
/* Styles DIAM (Bootstrap)       */
/* ----------------------------- */
/*
* @autor : Romain VILLARET
* @date : 17 05 2017
*/

/*----- OUTILS ------------------*/
.mobile-show { display: none; }
.mobile-hide { display: inherit; }


@font-face {
    font-family: 'futuramedium';
    src: url('font/futura-webfont.woff2') format('woff2'),
         url('font/futura-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futurabold';
    src: url('font/futura-bold-webfont.woff2') format('woff2'),
         url('font/futura-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futuralight';
    src: url('font/futura-light-webfont.woff2') format('woff2'),
         url('font/futura-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futuralight_oblique';
    src: url('font/futura-lightoblique-webfont.woff2') format('woff2'),
         url('font/futura-lightoblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'futuramedium_oblique';
    src: url('font/futura-oblique-webfont.woff2') format('woff2'),
         url('font/futura-oblique-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Bauer Bodoni Std 1';
	src: url('font/BauerBodoniStd-Italic.eot');
	src: url('font/BauerBodoniStd-Italic.eot?#iefix') format('embedded-opentype'),
		url('font/BauerBodoniStd-Italic.woff2') format('woff2'),
		url('font/BauerBodoniStd-Italic.woff') format('woff'),
		url('font/BauerBodoniStd-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}


a:hover, a:focus, button:focus{text-decoration:none;outline:none;}

body{ font-family:'futuramedium', sans-serif;color: #3b3838;font-size: 16px; }

a { color:#70000e; }

h1{color: #70000e;font-size: 28px;text-align:center;text-transform:uppercase;background:url('images/barre.png') no-repeat bottom center;padding-bottom:15px;margin-top:30px;margin-bottom:30px;}
h2{color: #70000e;font-size: 25px;text-align:center;text-transform:uppercase;background:url('images/barre.png') no-repeat bottom center;padding-bottom:15px;}
h3{color: #70000e;font-size: 20px;text-align:center;text-transform:uppercase;border-bottom:1px solid #b7b2b2;padding-bottom:10px;margin-bottom:20px;}

.contenuPage ul {list-style-type: none;}
.contenuPage ul li:before {content: "\2022";margin-right: 10px;color: #70000e;}

#header { 
	position:fixed; z-index:2000; width:100%; 
	background-color:#fff;
	box-shadow: 3px 0 10px rgba(0,0,0,0.2);
}

#header .logo {float:left;display: inline-block;width:310px; height:78px; margin:5px 0;background:url("images/logoDiam.png") no-repeat left; line-height: 78px;padding-left: 110px;font-size: 18px;text-decoration:none!important;font-family: 'futuralight';}
#header .logo:hover {text-decoration:none!important;color:#70000e;}

.lienRsHeaderFacebook{position: absolute;top: 0;left: 0;width: 27px;height: 27px;}
.lienRsHeaderTwitter{position: absolute;top: 0;left: 34px;width: 27px;height: 27px;}
.lienRsHeaderYoutube{position: absolute;top: 0;left: 69px;width: 27px;height: 27px;}
.lienRsHeaderInsta{position: absolute;top: 0;left: 103px;width: 27px;height: 27px;}
.lienRsHeaderLinked{width:27px;height:27px;margin-left:5px;background:url('images/linkedin1.jpg') no-repeat center;display:inline-block;}

/*#header.menuFixe .topBar{display:none;}*/

body.listing.actualite #colonnes { padding-top:140px;}

nav.topBar {
	position:relative;
    height: 52px;
    border-bottom: 1px solid #b7b2b2;
  /*  margin-bottom: 18px;*/
}
nav.topBar .navbar-nav { margin:0; }

li.lienActus { position:inherit; }
.navbar-nav > li.lienActus > a { 
	width:128px; height:52px; background:url("images/fdLienActu.png") no-repeat center;
	color: white; text-align: center; text-transform: inherit;
}
.navbar-nav > li.lienActus > a:hover { background-color: none; }
.navbar-nav > li.lienActus > .dropdown-menu { margin-top: -52px; }

.menuHorA { 
	float:right; 
	background-color: transparent; border-color: transparent;
	margin-top:15px; 
	margin-bottom:0px; 
}
.navbar-nav>li>a, .navbar-default .navbar-nav>li>a{color: black;font-family: 'futuramedium', sans-serif;font-size: 13px;text-transform:uppercase;font-weight:400;padding:17px 10px;}
.navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{color: #70000e;background-color:transparent;}

.navbar-default .navbar-nav>.active:hover>a, .navbar-default .navbar-nav>.active:focus>a, .navbar-default .navbar-nav>li:hover>a, .navbar-default .navbar-nav>li:focus>a,.navbar-default .navbar-nav>.active:hover>a, .navbar-default .navbar-nav>.active:focus>a, .navbar-default .navbar-nav>.active:hover, .navbar-default .navbar-nav>li:hover{color:#fff!important;background-color:rgb(112, 0, 14);}

.navbar-nav>li:hover>ul{display:block;}
.dropdown-menu{ background: rgba(112, 0, 14,0.5); /*border:none!important; border-radius:0!important;*/ }
.dropdown-menu>li>a { color:#fff; font-size: 14px; }
.dropdown-menu>li>a:hover, .dropdown-menu>li.active>a, .dropdown-menu>li.active>a:hover{background-color:rgb(112, 0, 14);color:#fff;}

/*--- Page Standard ---*/
.bandeauPage{background-repeat:no-repeat;background-position:center;background-size:cover;height:400px;}
.contenuPage{padding-top:30px;padding-bottom:30px;}
body.page34 .contenuPage{padding-top:160px;}

/* spécifique section Présence sur page Accueil*/
.page-1687{background-color:#D4CCCB;}


/* --- Listing Elements (en blocs) --- */
.blocElement {float:none; display:inline-block; vertical-align:top; margin:-2px; }
.noeudElement {margin:auto;width:100%;max-width:273px;margin-bottom:30px;}
.noeudElement .vignette {
	display:flex;
	flex-direction:column;
	width:250px; height:250px; margin:auto;
	background-size:cover; background-position:center; 
	border-radius: 50%;
	color: #fff;
}
.noeudElement h3 {border:none;margin-bottom:0;}
.noeudElement h3 a {color: #70000e;font-size: 20px;font-family:'futuramedium', sans-serif;}
.noeudElement .video {margin:auto;font-size:55px;z-index:2;opacity:0.9}

/* --- Diam TV --- */
.videoALaUne{ display:flex;flex-direction:column }
.videoALaUne .video { margin:auto; color:#fff;text-align:center; }
.videoALaUne .video span { font-size:100px; opacity:0.8; }

/* --- Listing Elements (en ligne) --- */
.blocElementEnLigne {float:none;display:inline-block;vertical-align:top;margin:-2px;}
.blocElementEnLigne .noeudElement {
	display: table;
	margin:auto; margin-bottom: 40px;
	width:100%; max-width: 700px;
	border-bottom: 1px solid #70000e; padding-bottom: 30px;
}
.blocElementEnLigne .noeudElement .vignette {
	display:table-cell;
	width:200px;height:200px;
	background-size:cover; background-position:center;
	margin:auto; border-radius:50%; color:#fff;
}
.blocElementEnLigne .noeudElement .zoneTexte {display:table-cell; vertical-align:middle;padding-left:40px;}
.blocElementEnLigne .noeudElement h3 {border:none;margin-bottom:0;text-align:left;}
.blocElementEnLigne .noeudElement h3 a {color: #70000e;font-size: 20px;font-family:'futuramedium', sans-serif;}
.blocElementEnLigne .noeudElement .video {
	margin:auto; font-size:55px; z-index:2; opacity:0.9; position: absolute; top: 26%;left: 30%;
}

/*--- MégaMenu actus ---*/
.mmTable { display: table; width: 100%; }
.mmColGauche { 
	display: table-cell; width: 50%; 
	vertical-align: top; padding:0.5em 0.5em 1em 1em;position:relative; 
}
.mmColCentre { 
	display: table-cell; width: 7%; max-width: 520px;
	background: #70000e url('images/fond_mm_centre.gif') no-repeat center; 
}

.mmColGauche .text-right a {position: absolute;right: 0; bottom: 15px;}
.mmColDroite { 
	display: table-cell; width: 43%; 
	vertical-align: top; padding:0.5em 0.5em 0.5em 0;
	background-color: #70000e;
	color:#fff;
}

.mmTitre { font-size: 1.2em; line-height: 2em; text-decoration: underline; }
.mmColGauche .mmTitre { color:#70000e; }
.mmColDroite .mmTitre { color:#fff;width: 100%;display: block;margin-bottom: 6px; }

.blocElementMM .elem{display:table; margin-bottom:0.5em; }
.blocElementMM .elem .vignette {
	margin-right: 1em;display:table-cell;
	width:150px; height:150px;
	background-size:cover; background-position:center;
	border-radius:50%; color:#fff;
}
.blocElementMM .elem .zoneTexte {display:table-cell;vertical-align:middle;padding-left:10px;}
.blocElementMM h3 { border:none; margin-bottom:0; text-align:left; font-size: 1.2em; }
.blocElementMM h3 a { color: #70000e; text-decoration: none; }
.mmColDroite a, .mmColDroite .blocElementMM .elem h3 a { color: #fff; }

.mmColDroite ul { padding:1em 0.5em 0.5em 0.2em; min-height:150px; float: left;margin-left: 25px;max-width: 390px; }
.mmColDroite li { border:none; }
.mmColDroite h3 { 
	font-size: 1.1em; text-align: left; text-transform: inherit; 
	border:none;
	margin:0 0 0.5em 0; padding:0.3em 0;
}
.mmColDroite .date { color:#ddd; }

/*--- primo accueil ---*/
.mediaPrimo {
	position:fixed; z-index: 10000;
	left:0; top:0; right:0; bottom:0;
	background-repeat: no-repeat; background-position: center;
	background-size: cover; background-color: rgba(0,0,0,0.3);
	text-align: center;
	color:#fff; 
	cursor:pointer;
}
.logoPrimo { height:20vh; min-height: 135px;background-size:contain; background-position:center;background-repeat:no-repeat; }
.logoPrimoFr{background-image: url('images/diam_blanc_250.png')}
.logoPrimoEn{background-image: url('images/diamen.png')}
.logoPrimoDe{background-image: url('images/diamde.png')}
.logoPrimoEs{background-image: url('images/diames.png')}
.logoPrimoIt{background-image: url('images/diamit.png')}
.logoPrimoCn{background-image: url('images/diamen.png')}
.titrePrimo { 
	display: table-cell; width: 100vw; height: 65vh; 
	padding:0 5%;
	vertical-align:middle; font-size: 4em;
	font-family: 'Bauer Bodoni Std 1', serif;
	font-style: italic;
}
.closePrimo {
	width: 100vw; height: 10vh; 
	padding:0 5%;
	vertical-align:middle; font-size: 3em; 
}

.fixPrimo{max-height:100vh!important;overflow:hidden!important;}

.reseauxSociauxPrimo{position: absolute;left: calc(50% - 65px);top: 200px;}
.lienRsHeaderlinked{width:27px;height:27px;margin-left:5px;background:url('images/linkedin2transparent.png') no-repeat center;display:inline-block;vertical-align:top;}

/* --- ListingAdresses --- */
.blocAdresse {margin-bottom:50px;float:left;}
.blocAdresse .vignette{width: 140px;float: left;margin-right: 15px;height:140px;background-size:cover;background-position:center;border-radius:50%;}
.blocAdresse .vignette img {border-radius:50%;}
.blocAdresse .texte {float: left;width: calc(100% - 155px); }
.blocAdresse .texte h2 {text-align:left;background:none;padding-bottom:0;margin-top:5px;font-size:20px;}
.blocAdresse .texte h2 a{color:#70000e;}
.blocAdresse .texte .coords a {color:#70000e;}
.blocAdresse .texte .coords label {color:#70000e;font-weight:normal;}
a.infos {width:120px;height:40px;background:#70000e;color:#fff;text-align:center;line-height:40px;display:block;}

/* --- Détail Element --- */
.imageProduit img{margin:auto;margin-bottom:30px;}
.galerie {padding-top:30px;clear:both;float:left;width:100%;border-top:1px solid #70000e;margin-top:30px;}
.galerie > div {float:left;	position:relative;width:25%; height:280px;}
.galerie a { background-color:#fff; color: transparent; }
.galerie div.texte {display:table-cell; text-align:center;vertical-align:middle;width:100%; height:100%; font-size: 1.2em;}
.galerie div.texte .resume {color: #fff;font-size: 18px;margin-bottom: 25px;}
.galerie div.texte h3 {	color:#81ba3a; }

.galerie div.imgFond {position:absolute; top:0; left:0;width:100%; height:100%;background-position:center;background-size:cover;}
.galerie a:hover { color:#000;}
.galerie a:hover div.imgFond { opacity:0.2; }

.galerie .hoverBlack {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#70000e;display:none;}
.galerie > div:hover .hoverBlack{display:flex;}
.galerie .hoverBlack img {margin:auto;}

/* --- Detail Adresse --- */
.imageFicheAdresse{text-align:center;}
.coords a{color:#70000e;}
.coords label{color:#70000e;font-weight:normal;}


/* --- Cartographie --- */
#gmapCartographie{height:750px;width:100%;margin:auto;max-width:1000px;}

/* --- Cartes Google (Nous Ecrire) --- */
.navMaps{text-align:center;border-bottom:none;}
.navMaps li{float:none;display:inline-block;width:114px;height:114px;border-radius:50%;margin:0 15px;}
.navMaps li:before{display:none;}
.navMaps li a{line-height:114px;padding:0;color: #70000e;font-size: 18px;text-transform: uppercase;border-radius:50%;border:1px solid #70000e;width:114px;height:114px;}
.navMaps li a:hover, .navMaps li.active a, .navMaps li.active a:hover{background-color:#70000e!important;color:#fff!important;border:1px solid #70000e!important;}
.contenuMap{margin:auto;margin-top:30px;width: 100%;max-width: 600px;}

/* --- Modal --- */
#detailModal{padding-left:0!important;z-index: 2002;}
.modal-content{margin-top:50px;padding-bottom:30px;padding-top:40px;}
button.close{position:absolute;right:8px;top:8px;background:url("images/close.png") no-repeat;width:27px;height:29px;z-index:2000;text-indent:-8000px;opacity:1;}
.zonePartage{position:absolute;right:40px;top:-34px;width:205px;}
.zonePartage #partager{float:left;line-height:29px;margin-right:5px;}
.imageFiche img{margin:auto;margin-bottom:20px;border-radius:50%;}
.logoDiam{margin:auto;width:100%;max-width:285px;height:78px;background:url("images/logo.png") no-repeat center;display:block;background-size:100%;}
.modal-backdrop.in{z-index:2001}

/* --- Carte des Distributeurs --- */
.carte{width:100%;margin:auto;margin-top:30px;text-align:center;max-width:750px;}

/* --- Formulaire --- */
.formulaire {border-right:1px solid #70000e; padding-right:30px; }
label{font-weight:normal;}
.espaceContact{padding-left:30px}
.blocAltop{width:100%;max-width:381px;height:123px;background-color:#666;color:#fff;padding:20px;}
.blocHotline{width:100%;max-width:381px;height:123px;padding:20px;border: 3px solid #418c3f;}

/* --- Footer --- */
#footer{box-shadow: 3px 0 10px rgba(0,0,0,0.2);}
.liensFooter{margin-top:15px;}
.liensFooter h3{font-size:14px;text-align:left;border:none;font-weight:bold;margin-bottom:0;}
.zoneLogoFooter{border-top:1px solid #b7b2b2;margin-top:20px;padding-top:20px;}
.logoFooter{width:285px;height:78px;background:url("images/logo.png") no-repeat center;}
#pied_ugocom{margin-top:20px;margin-bottom:20px;text-align:center;font-size:0.8em;}
#pied_ugocom a {font-size:1em;color:#3b3838;}

/* --- Menu Pied --- */
.menuFooter{list-style:none;padding:0;}
.menuFooter li a {color: #3a3a3a;font-size:14px;}

.menuLangueFooter span{text-transform:uppercase;margin-left:5px;}
.menuLangueFooter li{margin:5px 0;}
.menuLangueFooter img{vertical-align:text-top;}

.lienRSFooter{clear:both;display:block;margin:5px 0;}
.lienRSFooter span{vertical-align:middle;color:#000;}

/* --- Counter --- */
.chiffres{width:208px;height:208px;margin:auto;border:2px solid #70000e;border-radius:50%;text-align:center;display:flex;margin-bottom:30px;flex-direction:column;}
.chiffres > div {margin:auto;}
.chiffres .nombre{width:100%;text-align:center;float:left;font-size:40px;color:#70000e;}


/* --- Fix Taille Sections pour Plugin FullPage --- */
.section.fp-section{height:auto!important}

/* Menu Langues */
#langues{width:128px;height:52px;float:left;text-align:center;line-height:52px;}
#langues span{font-size: 13px;font-weight: 400;color:#000;text-transform:uppercase;}
#langues ul{list-style:none;display:none;z-index:200;background-color:#fff;padding:0;width:128px;/*-webkit-box-shadow: 0px 0px 23px -2px rgba(102,102,102,1);
-moz-box-shadow: 0px 0px 23px -2px rgba(102,102,102,1);
box-shadow: 0px 0px 23px -2px rgba(102,102,102,1);*/}
#langues:hover ul{display:block;position:absolute;right:0;margin-top: -5px;}
#langues ul li{margin:5px;line-height:initial;}


/* Filtres Actu */
.elemFiltre{display: inline-block;}


@media screen and (min-width:1430px){
	.container{width:1400px;}
}

@media screen and (max-width:1200px){
	.galerie > div {width:25%;}

	/*--- modifs navbar responsive breakpoint ---*/	
	.menuHorA {float:none;}
	.menuHorA > div {margin-top:75px;}
	.navbar-nav#menuPrincipal > li:hover > ul.dropdown-menu { display: none; }
	.navbar-nav>li>a, .navbar-default .navbar-nav>li>a{padding:13px;}
	/*------------------------------------------*/
	#langues{display:none;}
	.logo{position:absolute;z-index:2000;}
	.menuHorA{margin-top:35px;}
}

@media screen and (max-width:990px){
	.galerie > div {width:33.33%;}

	.mmColCentre { width: 3%; background-image:none; }

	.formulaire {border-right:none; padding-right:0; padding-bottom: 30px; }
}

@media screen and (max-width:768px){

	.mobile-show { display: inherit; }
	.mobile-hide { display: none; }
	
	#langues { display: none; }

	.blocElementMM .elem .vignette { float: none; }
	.mmColGauche { display: none; }

	.titrePrimo { font-size: 2.5em; }

}

@media screen and (max-width:700px){
	.galerie > div {width:50%;}
}

@media screen and (max-width:540px){
	.elemFiltre label{min-width:300px!important;height:inherit!important;line-height:inherit!important;}
}

@media screen and (max-width:489px){
	.navMaps li{display:block;margin:auto;margin-bottom:20px;}
}

@media screen and (max-width:440px){
	.galerie > div {width:100%;}

	#header .logo { width:100px; }	
	#header .logo span{display:none;}
	.blocElementEnLigne .noeudElement .vignette{display:block;}
	.blocElementEnLigne .noeudElement .zoneTexte{display:block;padding:0;}
	.blocElementEnLigne .noeudElement .zoneTexte h3 {text-align:center;}
}

@media screen and (max-width:390px){
	.blocAdresse .vignette{float: left;margin-bottom:10px;}
	.blocAdresse .texte{width: 100%;float: left;}
}