/*
Theme Name: ROUGEVERT - eklipse
Author: rougevert communication
Text Domain: twentythirteen
Template: twentythirteen
*/
    @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css");
    @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css");

/*	
	fushia : #e2007a;
	gris clair : #d9d7d9;
*/

.fushia{color: #e2007a; font-size: 25px;}

a.fushia:hover{color: #e2007a; text-decoration: none; }

div.wpcf7-mail-sent-ok {border: 2px solid #e2007a !important;}

section {padding: 2em 0;}

section p {text-align: justify;}

.pl2{padding-left: 2em;}

#breadcrumbs {padding: 1em 0;}

strong.breadcrumb_last {color: #e2007a;}

#breadcrumbs a {color: #333; text-decoration: none;}

h1{margin-top: 0;}

p{font-size: 16px;}

#separateur {
    margin-top: 20px;
    margin-bottom: 15px;
    border: 0;
    border-top: 6px solid #333;
    width: 20%;
}

.center{text-align: center;}

footer a {color: #333;}

/* HEADER */

.bande-tel {background-color: #e2007a; padding: 5px 0 5px 15px;}

.tel-mobile, i.fas.fa-phone-square {font-size: 25px; color: white;}

.current_page_item a{color: #e2007a !important;}

.image-header-home {height: 75vh;}

.image-header {height: 30vh;}

.container-header-home {
    padding-right: 2em;
    padding-top: 2em;
    margin-bottom: 1em;
}

.acces-client {
    background-color: #e2007a;
    color: white;
    padding: 10px;
    text-align: center;
    position: absolute;
    right: 15px;
    top: 15px;
    text-transform: uppercase;
}

.logo-header {
    height: 262px;
	background-size: contain;
    background-repeat: no-repeat;
    margin-top: 2em;
    margin-left: 2em;
    z-index: 11;
}

.menu-header {
    background-color: #e2007a;
    position: absolute;
    top: 85%;
    left: 2em;
    z-index: 1;
    width: 110%;
    border: solid 5px white;
    padding-top: 3em;
}

.bellows .bellows-nav .bellows-custom-content.bellows-custom-content-padded, .bellows .bellows-nav .bellows-target, .bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-image.bellows-image-padded, .bellows .bellows-nav .bellows-target.bellows-target-w-image>.bellows-target-text{padding-top: 5px !important; padding-bottom: 5px !important;}

ul.bellows-submenu span {text-transform: initial !important;}

span.su-spoiler-icon {display: none;}

.su-spoiler-style-default > .su-spoiler-title {padding-left: 15px !important;}

.su-spoiler-title {color: white; font-size: 16px; font-weight: 400;}

.su-spoiler-content.su-clearfix a {color: white;}

/* MENU GENERAL */
.menu-general {
    background-color: rgba(255, 255, 255, 0.7);
    margin-top: 1em;
    padding-top: 0.8em;
    width: 210px;
}

ul#menu-menu-header-general {
    text-transform: uppercase;
    list-style: none;
    padding-left: 0;
    text-align: center;
}

ul#menu-menu-header-general li {display: inline-block; padding-right: 5px;}

ul#menu-menu-header-general a {color: black;}

#menu-menu-header-general li::after {content: " | "; margin-left: 5px;	}

#menu-menu-header-general li:last-child:after {content: none;}

/* BARRE DE RECHERCHE */
form.search2 {padding-top: 1em;}

.barre-recherche {padding: 0.6em 0 0.5em 1em; margin-left: 1em; border: 3px solid #e2007a;}

button.bouton2 {background: transparent !important; border: 0 !important;}

#loupe {height: 41px; position: absolute; top: 14px;}

/* PAGE ACCUEIL */
.gris{background-color: #d9d7d9; margin: 1em; text-align: center; padding: 2em;}

.centrer{text-align: center;}

.image-categorie {
    height: 100%;
    background-size: cover;
    background-position: center, center;
    border: solid #333 4px;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.image-categorie:hover {opacity: 0.8; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1);}

.vignette-categorie{height: 400px; margin-bottom: 2em;}

.pt2{padding-top: 2em;}

a.nom-categorie, div.nom-categorie {
    background-color: #333;
    color: white;
    text-transform: uppercase;
    padding: 1em;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}

/* PAGE PROTEGEE > ACCES CLIENT */

input#identifiant, input#password {
    border: solid transparent !important;
    background-color: rgb(255, 229, 233) !important;
    margin: 1em;
    padding: 5px !important;
}

/* PAGE INTERIEUR */
.photo-page {
    background-color: gray;
    height: 400px;
    background-size: cover;
    background-position: center, center;
}

/* BANDEAU VALEURS */

i.fas {font-size: 40px; color: #e2007a;}

.bandeau-valeur {padding: 2em 0 1em 0; margin-left: 18.5%}

/* FORMULAIRE */

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required, input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {width: 100%; margin: 1em 0 0 0;}

input.wpcf7-form-control.wpcf7-submit {
    background-color: #e2007a;
    color: white;
    text-transform: uppercase;
    padding: 5px;
}

[id^="gform_submit_button_"] {
	background-color: #e2007a;
	transition: all .5s;
	color: white;
	border: solid 2px #e2007a;
	padding: 5px;
	text-transform: uppercase;
	font-size: 16px;
}

[id^="gform_submit_button_"]:hover {
	background-color: transparent;
	color: #e2007a;
}



/* PAGE SINGLE */

.img-presentation {
    height: 125px;
    background-size: cover;
    background-position: center, center;
    margin-bottom: 1em;
}

.fond-tec{
    background-color: #333;
    padding: 1em;
    color: white;
    display: inline-block;
    margin: 0.5em 0;
}

#commander, input#envoyerr {
    background-color: #e2007a;
    padding: 1em;
    color: white;
    text-transform: uppercase;
    position: relative;
}

.pt1{padding-top: 1em;}

.pb1{padding-bottom: 1em;}

/* FOOTER */

.gris-footer{background-color: #d9d7d9;}

footer, p2 {padding-top: 2em;}

.petit{font-size: 12px;}

.centrer.petit {padding: 2em;}

.centrer.petit a {color: #333;}

.logo-footer {
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 1em;
}

footer.row.gris-footer {margin-top: 1em;}

figure.gallery-item {display: inline-block;}

a.petit {color: #333;}

#slideshow {
	position: relative;    /* le parent positionné */
	width: 1000px;          /* limite en largeur (1 élément du slideshow) */
	height: 300px;         /* limite en hauteur */
	overflow: hidden;      /* on cache ce qui déborde */
}

#sContent {
	position: absolute;   /* on sort l'élément du flux */
	top: 0;               /* on le positionne précisément dans... */
	left: 0;              /* l'angle haut gauche de son parent positionné */
	margin: 0;            
	padding: 0;
    width: 100%;          /* ou 200% (car deux éléments) */
	/* CSS3 Transition */
	transition: left 1s;
}
#sContent li {
	display: inline;      /* on aligne les éléments du slideshow */
}
#slideshow:target #sContent {
    /* en ciblant #slideshow on décale #sContent */
	left: -1000px;         /* ou - 100% */
}

.center.navigue {
    position: absolute;
    bottom: 1%;
    opacity: 0.5;
    margin-left: 45%;
}

.center.navigue i {color: white !important;}

.espace-haut {padding-top: 1em;}

.bande-tel {display: none;}

.col-md-12.col-sm-12.hidden-xs.petit {margin-bottom: 2em;}

p.col-md-12.col-sm-12.col-xs-12.espace-haut {padding-left: 0;}

.cn-button.bootstrap {
    color: #fff;
    background: #e2007a !important;
}


/* MEDIAS QUERIES ***********************************************************/
/***************************************************************************/

@media screen and (max-width: 991px) {
	#rmp-menu-1278>li.rmp-menu-current-item>a {
		color: white !important;
	}
}

/* STYLE TABLETTE SAMSUNG HORIZONTAL */

@media screen and (min-width: 992px) and (max-width: 1280px){
	
	.menu-header {top: 50%;}
	
	.logo-header {background-size: contain;}
	
}

/* STYLE MOBILE */

@media screen and (max-width: 991px){
	
	.photo-page {height: 250px; margin-bottom: 2em;}
	
	#separateur {width: 35%;}
	
	.logo-header {height: 200px; background-size: contain; width: 200px; margin-left: 25%;}
	
	.container-header-home {padding-right: 1em; padding-top: 0em; margin-bottom: 1em; margin-top: 0em;}
	
	.image-header {height: 15vh;}
	
	.image-header-home {height: 20vh;}
	
	.col-md-4.col-sm-12.col-xs-12.pt2, .vignette-categorie, .col-md-2.col-sm-12.col-xs-12 {padding-left: 0; padding-right: 0;}
	
	.vignette-categorie {height: 270px; margin-bottom: 0em;}
	
	.cache-tablette {display: none !important;}
	
	a.enumeration-produits .fond-tec {width: 100%;}
	
	.bande-tel {display: block;}
	
}