html,
body,
header,
section,
aside,
article,
nav,
figure,
figcaption,
form,
fieldset,
legend,
label,
input,
select,
a,
img,
ul,
ol,
dl,
li,
div,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
table,
thead,
tbody,
tr,
th,
td,
tfoot {
	margin: 0;
	padding: 0;
}

figure,
a,
img,
fieldset,
input,
textarea,
select {
	border: 0;
}

a:link,
a:visited {
	color: #1B3660;
	text-decoration: none;
}

a:hover,
a:active {
	color: #222;
	text-decoration: underline;
}

img {
	vertical-align: middle;
}

abbr {
	font-weight: bold;
	text-decoration: none;
}

body {
	display: block;
	width: 100%;
	min-width: 270px;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: center;
	color: #363838;
	font-size: 12pt;
	font-family: arial, sans-serif;
}

p {
	text-align: justify;
	line-height: 22px;
}

blockquote {
	font-size: 140%;
	color: #444;
}

h1,
h2,
h3,
h4 {
	text-transform: uppercase;
}

h1 {
	font-size: 190%;
}

h2 {
	font-size: 180%;
}

h2 span,
h3 span {
	display: block;
	margin: 15px auto;
	height: 9px;
	width: 120px;
	background-color: #1B3660;
	border-radius: 8px;
}

h3 {
	font-size: 140%;
}

h4 {
	font-size: 110%;
}

h4 small {
	color: #888;
	letter-spacing: 5px;
	font-weight: 200;
}

h2 small,
h3 small {
	font-size: 65%;
	color: #8F8F8F;
}

h2 b,
h3 b {
	color: #1B3660;
}

h2 small strong {}

header,
section,
aside,
article,
nav,
figure,
figcaption,
ul {
	display: block;
}

body.defaut {}

body.defaut #menuGnl {
	background-color: #1B3660;
}

body.defaut #menuGnl li a:link,
body.defaut #menuGnl li a:visited {
	color: #d8dcdc;
}

body #menuGnl li a:hover,
body #menuGnl li a:active,
body #menuGnl li.current a {
	color: #fff !important;
}

#headerG {
	display: block;
	position: relative;
	background-color: #fff;
}

#headerG.fixer {
	position: fixed;
	z-index: 30;
	top: 0;
	width: 100%;
	background-color: #fff;
}

#menuTop {
	position: relative;
	z-index: 20;
	margin: 0 auto;
	text-align: right;
	max-width: 1070px;
}

#menuTop ul {
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	max-width: 700px;
}

#menuTop ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	font-size: 90%;
	text-transform: none;
}

#menuTop ul li a {
	display: block;
	padding: 12px 3px;
	color: #444;
}

#menuTop ul li#btn_suivi {
	background-color: #1B3660;
}

#menuTop ul li#btn_suivi a {
	padding: 5px 9px;
	color: #fff;
	text-transform: uppercase;
	font-size: 90%;
}

#logoGnl {
	float: left;
	position: relative;
}

#logoGnl a {
	display: block;
	padding: 0 25px;
	margin: 0 5px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url("../images/fond_logo.png");
	background-size: 100%;
}

/** logo w : 225px | h : 80px **/
#logoGnl a img {
	height: 80px;
}

/* MENU GNL */
#menuGnl {
	position: relative;
	z-index: 19;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0;
	background-color: #1B3660;
}

#menuGnl ul {
	display: inline-block;
	margin: 0 auto;
	width: 100%;
	max-width: 700px;
	text-align: left;
}

#menuGnl ul li {
	display: inline-block;
	vertical-align: middle;
	margin: auto 5px;
	text-transform: uppercase;
	font-size: 80%;
}

#menuGnl ul li a {
	display: block;
	padding: 6px 0;
	margin: 5px auto;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-size: 27px;
	background-position: 0% 0%;
}

#menuGnl ul li a:link,
#menuGnl ul li a:visited {
	opacity: .8;
}

#menuGnl ul li a:hover,
#menuGnl ul li a:active {
	color: #fff;
	text-decoration: none;
	opacity: 1;
	background-position: 0 100%;
}

/* activite specifique : wine et decouper */
#menuGnl li[data-cat=wine] {
	margin: 0 auto 0 9%;
}

#menuGnl li[data-cat=decouper],
#menuGnl li[data-cat=wine] {
	text-align: right;
}

#menuGnl li[data-cat=decouper] a,
#menuGnl li[data-cat=wine] a {}

#menuGnl li[data-cat=wine] a {
	background-image: url("../images/sprite_menu_wine.png");
}

#menuGnl li[data-cat=decouper] a {
	background-image: url("../images/sprite_menu_decouper.png");
}

#menuGnl li[data-cat=emballer] a {
	background-image: url("../images/sprite_menu_decouper.png");
}

#menuGnl li[data-cat=expedier] a {
	background-image: url("../images/sprite_menu_logistique.png");
}

#menuGnl li[data-cat=stocker] a {
	background-image: url("../images/sprite_menu_stockage.png");
}

/* current  */
#menuGnl ul li.current {
	position: relative;
}

#menuGnl ul li.current a {
	color: #fff;
	opacity: 1;
	background-position: 0% 100%;
}

/* MENU UL SMALL */
#btnResp {
	display: none;
}

/* MENU EVIT  */
#menu_evit {
	display: block;
	padding: 9px 0;
	margin: 9px auto;
	max-width: 1070px;
	text-align: right;
	border-bottom: 2px dotted #ccc;
}

#menu_evit li {
	display: inline-table;
	vertical-align: middle;
	list-style: none;
	margin: 0 0px;
	font-size: 80%;
	text-transform: lowercase;
}

#menu_evit li a {
	display: inline-block;
	padding: 5px 0px;
}

#menu_evit li strong {}

/* CONTENU */
#contenu {
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
}

#sectionMaj {
	display: block;
	position: relative;
	margin: 0 auto;
}

#sectionMaj_titres {
	padding: 0;
	margin: 0 auto;
}

/* FOOTER  */
#footerG {
	position: relative;
	z-index: 19;
	border-top: 1px solid #ddd;
	background-color: #fbfbfb;
}

/* BANDEAU ENTREPRISES EUREKA */
#map {
	padding: 0;
	/* border: 3px solid red; */
}

#map ul {
	display: block;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	/* align-items: center; */
	justify-content: center;
}

#map ul li {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 33.25%;
	min-width: 240px;
	/* border: 1px solid blue; */
	/* width: 32.5%;
	max-width: 357px;
	min-width: 180px; */
}

#map ul li a {
	display: block;
	margin: 0;
	/* border: 1px solid red; */
}

#map ul li a:link,
#map ul li a:visited {}

#map ul li a:hover,
#map ul li a:active {
	text-decoration: none;
}

#map ul li a section {
	padding: 15px 1%;
}

#map ul li a section p {
	text-align: center;
	color: #1B3660;
	text-transform: uppercase;
	font-size: 75%;
}

#map ul li a:hover section,
#map ul li a:active section {
	background-color: #F5F5F5;
}

#map ul li[data-nom=logistique] {
	border-right: 1px solid #ccc;
}

#map ul li[data-nom=industrie] {
	border-right: 0px solid #ccc;
}

#map ul li[data-nom=stockage] {
	border-right: 1px solid #ccc;
}

#map ul li[data-nom=wine] {}

#map ul li section h5 {
	padding: 9px 0;
}

#map_logo {
	display: inline-block;
	width: 270px;
	padding: 25px 0;
	margin-top: -175px;
	border: 1px solid #ccc;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 270px;
	background-color: #f7f7f7;
}

/* FOOTER BLOC */
#footer_bloc {
	/* background-image: url("../images/map_monde_4.png");background-repeat: no-repeat;background-position: 50% 50%;background-size: 40%; */
	background-color: #363838;
	color: #ccc;
	/* border: 1px solid red; */

	display: block;
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	/* stretch; */
	justify-content: center;
}

#footer_bloc div.inli {
	/* max-width: 350px; */
	max-width: 33.25%;
	/* border: 1px solid blue; */
}

#footer_bloc h4 {
	color: #666;
	font-size: 90%;
	text-transform: uppercase;
	letter-spacing: 7px;
}

#footer_bloc a {
	display: inline-block;
	padding: 3px;
}

#footer_bloc a:link,
#footer_bloc a:visited {
	color: #aaa;
}

#footer_bloc a:hover,
#footer_bloc a:active {
	color: #FFF;
}

#footer_bloc li {
	list-style: none;
}

#footer_bloc p {
	text-align: center;
}

#footer_bloc li a {
	border-bottom: 1px solid #444;
}

#footer_bloc li a:link,
#footer_bloc li a:visited {}

#footer_bloc li a:hover,
#footer_bloc li a:active {
	border-bottom: 1px solid #fff;
	text-decoration: none;
}

#footerInfos {}

/* plan site */
#planSite {}

#planSite ol {
	/* display: block; */
	padding: 5px 0;
	text-align: left;
}

#planSite ol li {
	margin: 0 9px;
	font-size: 90%;
	text-transform: uppercase;
}

#planSite ol li a {
	display: block;
}

#planSite ol li ul {}

#planSite ol li ul li {
	font-size: 90%;
	text-transform: none;
	list-style: circle;
	margin: 0 auto 0 25px;
}

/* footer contact */
#footerContact {
	color: #999;
	border-right: 1px solid #555;
}

#footerContact ul {
	text-align: left;
	padding: 0 15px 0 0;
}

#footerContact li[itemprop=name] {
	padding: 12px 0;
	font-size: 150%;
	color: #ccc;
}

#footerContact li {
	display: block;
	text-align: right;
}

#footerContact li span {
	display: inline-block;
	text-align: left;
}

#footerContact li span[itemprop=adressLocality] {
	text-transform: uppercase;
}

/* service client */
#footer_serviceClient {
	padding: 75px 9px 9px 9px;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 70px;
}

#footer_serviceClient blockquote {
	font-size: 110%;
}

/* lien reseaux */
.lien_reseau {
	text-align: right;
	padding: 9px 15px 0 0;
}

.lien_reseau a {
	display: inline-block;
	vertical-align: middle;
}

.lien_reseau a:link,
.lien_reseau a:visited {
	opacity: .7;
}

.lien_reseau a:hover,
.lien_reseau a:active {
	opacity: 1;
	text-decoration: none;
}

/* btn contact  */
#btn_contact {
	font-size: 100%;
	text-transform: uppercase;
	font-weight: bold;
}

#btn_contact a {
	display: inline-block;
	padding: 9px 60px;
}

#btn_contact a:link,
#btn_contact a:visited {
	border: 1px solid #888;
	background-repeat: no-repeat;
	background-position: -50px 50%;
	background-size: 35px;
	background-image: url("../images/email_b.png");
}

#btn_contact a:hover,
#btn_contact a:active {
	border: 1px solid #fff;
	background-position: 10% 50%;
	text-decoration: none;
}

#btn_contact a span {
	padding: 9px;
	background-size: 30px;
}

.copyright {
	display: block;
	padding: 9px 5%;
	color: #ddd;
	background-color: #555;
	font-size: 85%;
}

.copyright p {}

.copyright a {
	color: #ccc;
}


/**************************/
/*** CLASS BODY EUREKA ***/
/*************************/

#bloc_frm_pge {
	background-size: 50px !important;
	background-repeat: no-repeat !important;
	background-position: 50% 40px !important;
}

body.defaut div#bloc_frm_pge {
	background: url("data:image/svg+xml;base64, PHN2ZyB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4IiB2aWV3Qm94PSIwIDAgNTAgNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGc+PHBvbHlnb24gcG9pbnRzPSIwLDAgNTAsMCAyNSwzMCIgc3R5bGU9ImZpbGw6IzFCMzY2MDsgc3Ryb2tlOm5vbmUiLz48L2c+PC9zdmc+");
}

body form.frm_defaut legend,
body form.frm_defaut input[type=submit],
body span.titre_frm {
	color: #fff;
	font-weight: 500;
	border: 0;
}

body.defaut form.frm_defaut legend,
body.defaut form.frm_defaut input[type=submit],
body.defaut span.titre_frm {
	background-color: #1B3660;
}


/*********************************/
/*********** BTN LIEN ************/
/*********************************/

.btn_lien {
	display: inline-block;
}

.btn_lien a {
	display: block;
	padding: 12px;
	font-size: 100%;
}

.btn_lien[data-nom] {
	font-weight: 400;
	text-transform: uppercase;
}

.btn_lien[data-nom=defaut] a {
	background-color: #1B3660;
	color: #fff;
}

.btn_lien[data-nom=wine] a {
	background: transparent;
	color: #fff;
	border: 1px solid #fff;
}

.btn_lien[data-nom=scroll] a {}

.btn_lien[data-nom=sobre] a {
	background-color: #e9e9e9;
	color: #1B3660;
}

.btn_lien[data-nom=plus] a {
	background-color: #1B3660;
	color: #fff;
	font-size: 220%;
	text-decoration: none;
}

.btn_lien[data-nom=bleu] a {
	background-color: #1B3660;
	color: #fff;
}

.btn_lien[data-nom=fleche_b] a,
.btn_lien[data-nom=fleche] a {
	padding-left: 55px;
	background-repeat: no-repeat;
	background-size: 40px;
}

.btn_lien[data-nom=fleche_b] a {
	background-image: url("../images/fleche_b.png");
	color: #fff;
}

.btn_lien[data-nom=fleche] a {
	background-image: url("../images/fleche.png");
	color: #1B3660;
	border: 1px solid #1B3660;
}

.btn_lien[data-nom=fleche_b] a:link,
.btn_lien[data-nom=fleche_b] a:visited,
.btn_lien[data-nom=fleche] a:link,
.btn_lien[data-nom=fleche] a:visited {
	background-position: 0 50%;
}

.btn_lien[data-nom=fleche_b] a:hover,
.btn_lien[data-nom=fleche_b] a:active,
.btn_lien[data-nom=fleche] a:hover,
.btn_lien[data-nom=fleche] a:active {
	background-position: 9px 50%;
}

.btn_lien[data-nom=wine] a:link,
.btn_lien[data-nom=wine] a:visited {
	background: transparent;
	border: 2px solid #6E1F35;
	color: #6E1F35;
}

.btn_lien[data-nom=wine] a:hover,
.btn_lien[data-nom=wine] a:active {
	background-color: #6E1F35;
	color: #fff;
}


/*******************************************/
/************ CLASS COMMUNES ****************/
/*******************************************/

/* bloc padding: 55px 0; */
.bloc {
	display: block;
	padding: 5% 0;
}

.bloc p {
	max-width: 800px;
	margin: 0 auto;
}

.bloc p strong,
.bloc p b {}

.inli {
	display: inline-block;
	vertical-align: middle;
	min-width: 270px;
	max-width: 49%;
}

.inli[data-width="33"] {
	width: 32%;
}

.inli[data-width="40"] {
	width: 40%;
}

.inli[data-width="45"] {
	width: 45%;
}

.inli[data-width="50"] {
	width: 50%;
}

.inli[data-width="60"] {
	width: 60%;
}

.inli[data-width="66"] {
	width: 66%;
}

.bloc[data-bgcolor=color1],
div[data-bgcolor=color1],
span[data-bgcolor=color1],
p[data-bgcolor=color1] {
	background-color: #F5F5F5;
}

/* bleu eureka */
.bloc[data-bgcolor=color2],
div[data-bgcolor=color2],
span[data-bgcolor=color2],
p[data-bgcolor=color2] {
	background-color: #1B3660;
	color: #fff;
}

/* vert stockage */
.bloc[data-bgcolor=color3],
div[data-bgcolor=color3],
span[data-bgcolor=color3],
p[data-bgcolor=color3] {
	background-color: #0D652E;
	color: #fff;
}

/* industrie */
.bloc[data-bgcolor=color4],
div[data-bgcolor=color4],
span[data-bgcolor=color4],
p[data-bgcolor=color4] {
	background-color: #363838;
	color: #fff;
}

/* wine services */
.bloc[data-bgcolor=color5],
div[data-bgcolor=color5],
span[data-bgcolor=color5],
p[data-bgcolor=color5] {
	background-color: #6E1F35;
	color: #fff;
}

/* rouge wine */

.bloc[data-bgcolor=color2] h3 b {
	color: #fff;
}

.bloc[data-bgcolor=color2] h3 small {
	color: #9ab1d4;
}

.bloc[data-bgcolor=color2] h3 span {
	background-color: #9ab1d4;
}

.bloc[data-bgcolor=color4] blockquote {
	color: #999;
}

.bloc[data-bgcolor=color5] h3 b {
	color: #c1919f;
}

.bloc[data-bgcolor=color5] h3 small {
	color: #985e6f;
}

.bloc[data-bgcolor=color5] h3 span {
	background-color: #985e6f;
}


.bloc[data-bgcolor=color4] h2 span {
	background-color: #999;
}

.inli p,
.inli ul,
.inli figure {
	padding: 0 5%;
}

.inli figure {}

.accroche {
	margin: 0 auto;
	font-size: 200%;
	font-weight: 400;
	text-align: center;
	line-height: 39px;
	background-repeat: no-repeat;
	background-position: 5% 15%;
	background-size: 50px;
}

.accroche small {
	float: right;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 60%;
}



/**************************************/
/********** ELEMENTS LISTE UL **********/
/**************************************/

.services_ul {
	padding: 35px 0;
}

.services_ul li {
	display: inline-block;
	vertical-align: top;
	margin: 1% 3%;
	width: 30%;
	max-width: 300px;
	min-width: 250px;
}

.services_ul li strong {
	padding: 5px 0 25px 0;
	font-size: 110%;
}

.services_ul li strong small {
	display: block;
	color: #9c9ea2;
	font-style: normal;
	font-size: 75%;
}

.services_ul li em {
	color: #666;
	font-style: normal;
}

.services_ul li span {
	display: block;
	margin: 0 auto;
	padding: 30px;
	text-align: center;
}

.services_ul li span[data-im] {}


/***************************/
/******* class CHECK ********/
/***************************/

ul.check,
ul.check_b {
	display: inline-block;
}

ul.check li,
ul.check_b li {
	display: block;
	padding: 3px 0 3px 35px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 18px;
	text-align: left;
}

ul.check li {
	background-image: url("../images/check.png");
}

ul.check_b li {
	background-image: url("../images/check_b.png");
}

/******************************/
/*** TEXTE INTRO DYNAMIQUE ****/
/******************************/

.txt_intro {
	max-width: 1070px;
	margin: 0 auto;
	padding: 25px 0;
}


.infos {
	padding: 45px;
	background-color: #e2e2e2;
	color: #555;
}




/******************************/
/***** liens netlinking  *****/
/******************************/

/**
 * remplace les id 
 */

.bloc[data-netlinking] {}

.bloc[data-netlinking] div.inli {
	max-width: 535px;
	/* border: 1px solid red; */
}

.bloc[data-netlinking] div.align-r {
	text-align: right;
}

.bloc[data-netlinking] div.inli p {
	font-size: 140%;
	text-align: left;
}

/* .bloc[data-netlinking] div.inli p small {
	color: #5b77a2;
} */

.bloc[data-netlinking] div.inli a {
	padding: 25px 45px 25px 25px;
	/* margin: 0 auto 15px auto; */
	display: inline-block;
	/* background-color: #405e8c; */
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}


/* lien wine */
.bloc[data-netlinking=wine_devis] div.inli a {
	background-color: #6E1F35;
	border: 1px solid #fff;
}

.bloc[data-netlinking=wine_devis] div.inli p small {
	color: #c798a5;
}

/* lien suivi */
.bloc[data-netlinking=suivi_colis] div.inli a {
	/* background-color: #405e8c; */
	border: 1px solid #fff;
}

.bloc[data-netlinking=suivi_colis] div.inli p small {
	color: #5b77a2;
}


/***************************************/
/********** CSS3 ANIMATION  ***********/
/***************************************/



/********** CSS3 TRANSITION  ***********/

#menuGnl,
#asideMaj,
#asideMaj_bloc,
input.btn_valider,
#btnBodyTop,
#formSearch,
#filtreUl,
.vignettes_cote:hover h4,
#secteur_activite ul li,
#footer_serviceClient,
#bloc_photos ul,
#bloc_photos ul li a span.filtre {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

#menuGnl ul li a,
#footerG a,
.frm_defaut input[type=submit],
#bloc_photos ul li a,
#bloc_photos ul li a b,
.btn_lien a,
#equipePhotos span.btn_contact,
span.btn_contact a,
/* #expedierFrmSuivi a, */
.bloc[data-netlinking] div.inli a {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}