.bloc {padding: 55px 0 0 0;}
#bannieres_bloc h1 {max-width: 1070px;margin: 0 auto;text-align: center;}

/** utile animation titre page contact **/
.bloc h2 {margin: 45px auto;height: 44px;padding: 7px 0 0 0;vertical-align: top;border: 0px solid red;font-size: 250%;}
/*** fin utile - cf divers.css **/




/*1B3660;*/
/** form **/
.frm_ctc {display: block;margin: 45px auto 0 auto;padding: 5px;min-width: 270px;background-color: #fff;}
.frm_ctc label, .frm_ctc input[type=text], .frm_ctc input[type=tel], .frm_ctc input[type=email], .frm_ctc textarea {
	display: inline-block;
	vertical-align: top;
	padding: 9px;
}
.frm_ctc label {width: 2%;}
.frm_ctc input[type=text], .frm_ctc input[type=tel], .frm_ctc input[type=email], .frm_ctc textarea {
	width: 82%;
	background: transparent;
	border: 0;
	border-bottom: 3px dotted #ddd;
	}
.frm_ctc textarea {background-size: 3px;resize: none;} 
.frm_ctc input:focus, .frm_ctc textarea:focus {border: 0;border-bottom: 3px dotted #1B3660;}
.frm_ctc input[type=submit]{float: right;margin: 45px 0 auto auto;padding: 12px;border: 1px solid #1B3660;background: transparent;color: #1B3660;font-size: 120%;}

.bloc_activite {}

/***** bloc contact par ville ***/

#menuSelectSociete, .menuSelectVille {display: block;max-width: 1070px;margin: 0 auto;text-align: left;border-bottom: 1px solid #bbb;}
#menuSelectSociete {}
#menuSelectSociete li {display: inline-block;vertical-align: bottom;width: 32.4%;min-width: 90px;}

#menuSelectSociete li a {display: block;width: 100%;height: 50px;}
#menuSelectSociete li[data-im]{background-repeat: no-repeat;background-size: 170px;}
#menuSelectSociete li[data-im=logo_logistique]{background-image: url("../images/eureka_logistique.svg");}
#menuSelectSociete li[data-im=logo_logistique].actif {background-image: url("../images/eureka_logistique_blanc.jpg");background-color: #1B3660;/*123C66;/*#1B3660;*/}
#menuSelectSociete li[data-im=logo_stockage]{background-image: url("../images/eureka_stockage.svg");}
#menuSelectSociete li[data-im=logo_stockage].actif{background-image: url("../images/eureka_stockage_blanc.jpg");background-color: #0D652E;/*0F6935;/*#0D652E;*/}
#menuSelectSociete li[data-im=logo_industrie]{background-image: url("../images/eureka_industrie.svg");}
#menuSelectSociete li[data-im=logo_industrie].actif{background-image: url("../images/eureka_industrie_blanc.jpg");background-color: #363838;/*2F3437;/*#363838;*/}

.menuSelectVille {background-color: #eee;}
.menuSelectVille li {display: inline-block;vertical-align: top;margin: 0;font-size: 110%;font-weight: bold;text-transform: uppercase;}
.menuSelectVille li a {display: block;padding: 9px 15px;}
.menuSelectVille li a.current {position: relative;background-color: #fff;padding: 14px 15px 12px 15px;margin-bottom: -1px;border: 1px solid #bbb;border-bottom: 0;border-top: 0;}

.vignette_ville {display: block;max-width: 1070px;margin: 0 auto;padding: 25px 0;border: 1px solid #bbb;border-bottom: 0;border-top: 0;background-color: #fff;}

.vignette_ville div.map {display: inline-block;vertical-align: top;width: 55%;min-width: 270px;border-left: 1px solid #ccc;}
.vignette_ville div.map img {max-width: 100%;max-height: 100%;}

.adresse {position: relative;float: right;text-align: right;max-width: 290px;padding: 25px 35px;margin: -12% -6% auto auto;}
.adresse[data-bgcolor=color2]{background-color: #123C66;}
.adresse[data-bgcolor=color3]{background-color: #0F6935;}
.adresse[data-bgcolor=color4]{background-color: #2F3437;}
.adresse li {display: block;color: #fff;}
.adresse li strong {display: block;padding: 15px 0;font-size: 160%;font-weight: bold;color: #fff;}
.adresse li b {text-transform: uppercase;}
.adresse li span {background-size: 70%;}
.adresse li a {color: #fff;}
.adresse li a:link, .adresse li a:visited {color: #fff;}
.adresse li a:hover, .adresse li a:active {color: #fff;}
.adresse[data-bgcolor=color2] a {color: #fff;}
.adresse li a[href]{color: #FFFFFF;}


/**********************************************/
/********** ANIMATION TITRE page CONTACT ********/
/**********************************************/


h2 div#anim_titre {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	width: 245px;
	height: 44px;
	padding: 7px 0 0 0;
	margin-top: -7px;
	border: 0px solid red;
	text-align: left;
	}
h2 div#anim_titre ul {display: block;}
h2 div#anim_titre ul li {
	position: absolute;
	display: inline-block;
	border: 0px solid #aaa;
	height: 44px;
	padding: 7px 0 0 0;
	margin-top: 30px;
	opacity: 0;
	font-weight: bold;
	font-family: "Brandon Grotesque Bold";
	}
	
	
h2 div#anim_titre ul li {
	-webkit-animation: animMot 4.5s infinite ease-in-out;
	-moz-animation: animMot 4.5s infinite ease-in-out;
	-o-animation: animMot 4.5s infinite ease-in-out;
	animation: animMot 4.5s infinite ease-in-out;
}

h2 div#anim_titre ul li.mot1 {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	animation-delay: 0s;
}
h2 div#anim_titre ul li.mot2 {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	animation-delay: 1.5s;
}
h2 div#anim_titre ul li.mot3 {
	-webkit-animation-delay: 3s;
	-moz-animation-delay: 3s;
	animation-delay: 3s;
}

@keyframes animMot {
	0%{margin-top: 30px;opacity: 0;}
	5%{opacity: 1;}
	15%{margin-top: -7px;opacity: 1;}
	18%{margin-top: -7px;opacity: 1;}
	50%{margin-top: -50px;opacity: 0;}
	100%{margin-top: -50px;opacity: 0;}
}