/*POLICES*/
section {
	border-radius:6px;
}

#about-geodis,
#choose-country,
#choose-business,
#menu-header,
#baseline,
#baseline-mobile,
#menu-business,
#menu-business-mobile,
.accordion-menu-gauche,
#menu-corporate-home,
.bloc-title h2,
footer,
#footer1 h2,
.recherche h1,
section h1,
section h2,
section h3,
section h4,
section h5,
section h6,
#menu-corporate-pages-interieures,
.sous-menu-business > li > a{
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
}
/* ==========================================================================
   Styles communs
   ========================================================================== */
body{
	color:rgb(50,0,230);
}

.out{
	position: absolute;
	left: -99999em;
}

.btn {
	white-space: normal;
}

/* Correction bootstrap.min */
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
	width:100%;
}

abbr[title] {border:none;}

/* ==========================================================================
   Header
   ========================================================================== */   

.container-header .container{position:relative;}

.navbar{
	margin-bottom:0;
	border:0;
}

#header2 div{margin: 0;display:inline-block;}
/* #header2-mobile div{margin: 0;display:inline-block;} */

#logo, #logo-mobile, #rightlogo-mobile {
	padding:10px 0;
}
#rightlogo {
	padding:10px 0;
	float:right;
}

@media only screen and (max-width: 767px) {
	#logo-mobile,
	#logo, 
	#rightlogo-mobile {
		text-align:center;
		padding: 10px;
	}
	#logo img {
		width:140px;
		height:53px;
	}
	#logo-mobile img {
		width:140px;
		height:65px;
	}
	#rightlogo img {
		width:140px;
		height:53px;
	}
	#rightlogo-mobile img {
		width:140px;
		height:65px;
	}
	#baseline-mobile {
		float:none;
		width:100%;
		text-align:center;
		display:inline-block;
	}
}
@media only screen and (max-width: 767px) {
	.logos #logo-mobile img {
		width:100px;
		height:46px;
	}
	.logos #rightlogo-mobile img {
		width:100px;
		height:46px;
	}
}




#header1 {
	height:35px;
}

#header1_mobile{
	height:35px;
}

/* pour mobile */
@media only screen and (max-width: 767px) {
	#header2-mobile,
	#header2{
		float:left;
		display:table-cell;
		vertical-align:middle;
	}	
	#header1{
		float:right;
		height:auto;
	}
	#header1_mobile{
		float:right;
		height:auto;
	} 
}

#menu-header {
	padding: 9px 0 0;
	margin:0;
}

#menu-header a{
	color: rgb(50,0,230);
	border-right: 1px solid rgb(50,0,230);
	padding-right: 1em;
}

#menu-header li:last-child a{border: 0;}

.nav-justified > .dropdown .dropdown-menu{
	border:0 !important;
	min-width:100%;
}

.nav-justified > .dropdown .dropdown-menu .dropdown .dropdown-menu{
	border:0 !important;
	min-width:100%;
}


/* ==========================================================================
   Choix du pays
   ========================================================================== */
.navbar {
	position: static;
}

#about-geodis,
#choose-country,
#choose-business, 
#menu-header{
	font-size:90%;
}

#about-geodis.navbar-nav>.open>a,
#about-geodis.navbar-nav>li>a,
#about-geodis.navbar-nav>.open>a:hover,
#about-geodis.navbar-nav>.open>a:focus,
#choose-country.navbar-nav>.open>a,
#choose-country.navbar-nav>li>a,
#choose-country.navbar-nav>.open>a:hover,
#choose-country.navbar-nav>.open>a:focus,
#choose-business.navbar-nav>.open>a,
#choose-business.navbar-nav>li>a,
#choose-business.navbar-nav>.open>a:hover,
#choose-business.navbar-nav>.open>a:focus
{
	color: rgb(50,0,230);
	text-transform: uppercase;
}

.navbar-nav>li>a {
	padding: 8px;
}
#choose-country.navbar-nav .sub-arrow,
#choose-country.navbar-nav .collapsible .sub-arrow, 
#about-geodis.navbar-nav .sub-arrow,
#about-geodis.navbar-nav .collapsible .sub-arrow {
	margin: 2px 0 0 20px;
}

/* ==========================================================================
   Choix de la langue
   ========================================================================== */
#choose-lang {
	padding-top: 4px;
}

#choose-lang-mobile {
	padding-top: 4px;
}

/* Mobile */
@media only screen and (max-width: 767px) {
	#choose-lang-mobile,
	#choose-lang {
		padding: 10px 0 0 15px;
	}
}

#choose-lang .caret {
	color:rgb(50,0,230);
}

#choose-lang-mobile .caret {
	color:rgb(50,0,230);
}

#choose-lang button {
	background: transparent;
	padding:0;
	color:#fff;
}

#choose-lang-mobile button {
	background: transparent;
	padding:0;
	color:#fff;
}

#choose-lang .flag {
	padding: 3px 0 0 5px;
}

#choose-lang-mobile .flag {
	padding: 3px 0 0 5px;
}

#choose-lang ul li{
	padding: 0;
}
#choose-lang  a{
	display: inline-block;
	padding:2px 0 0 4px;
}

#choose-lang-mobile  a{
	display: inline-block;
	padding:2px 0 0 4px;
}

.circle img {
	margin-top:4px;
}

#choose-lang  li,
#choose-lang-mobile  li,
#choose-lang button .circle,
#choose-lang-mobile button .circle{
	display: inline-block;
	background:#002878;
	border-radius:50%;
	background:none;
	width:25px;
	height:25px;
	line-height:1.9em;
}

#choose-lang  li:hover,
#choose-lang-mobile  li:hover,
#choose-lang .active,
#choose-lang-mobile .active,
#choose-lang button .circle:hover,
#choose-lang-mobile button .circle:hover,
#choose-lang button .active,
#choose-lang-mobile button .active{
	background:rgb(50,0,230);
}

#choose-lang .dropdown-menu,
#choose-lang-mobile .dropdown-menu {
	padding: 5px;
	min-width: 30px;
	border-radius: 0;
}

.menu3{
	top:0px !important;
	left: 95% !important;
}

.menu3_inverse{
	top:0px !important;
	right: 95% !important;
}



.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li:hover>a{
	background: none !important;
	color:rgb(50,0,230);
}
#choose-lang .dropdown-menu>li>a:hover,
#choose-lang-mobile .dropdown-menu>li>a:hover,
#choose-lang .dropdown-menu>li>a:focus,
#choose-lang-mobile .dropdown-menu>li>a:focus,
#choose-lang .dropdown-menu>li:hover>a,
#choose-lang-mobile .dropdown-menu>li:hover>a{
	color:#fff !important;
}

/* ==========================================================================
   Recherche
   ========================================================================== */
#search-field{
	border:1px solid rgb(50,0,230);
	width:90%;
}
   
@media only screen and (max-width: 767px) {
	#search-field {
		margin:0;
	}
	.navbar-form{
		padding:5px;
	}
}

#search-btn {
	background: transparent;
	border:0;
	color:#fff;
	font-size:145%;
	margin-top:12px;
}

/* Desktop + tablette */
@media only screen and (min-width: 768px) {
	#search-field  {
		margin:5px 0 5px 10%;
	}
}

#search-field .form-control{
	height:auto;
	padding: 4px 10px 3px 10px;
}

#search-field .input-group-btn{
	width:5%;
}
   
#search-field input,
#search-field button {
	border:0;
	border-radius: 0;
}
#search-field input{
	font-size:12px;
	color:rgb(50,0,230);
}



#search-field  button {
	background: none;
	border-radius: 0;
	padding: 2px 10px 2px 5px;
}

#search-field   .glyphicon-search {
	color:rgb(50,0,230);
}

#baseline {
	font-size:14px;
	padding-bottom:10px;
	color:rgb(50,0,230);
	position:relative;
}

#baseline-mobile {
	font-size:14px;
	padding-bottom:10px;
	color:rgb(50,0,230);
	position:relative;
}

#baseline-mobile abbr{
	font-size:15px;
	position:absolute;
	top:10px;
}

#baseline abbr{
	font-size:15px;
	position:absolute;
	top:10px;
}



/* Mobile */
/* @media only screen and (max-width: 767px) { */
/* 	#baseline-mobile, */
/* 	#logo-mobile { */
/* 		float:none; */
/* 		width:100%; */
/* 		text-align:center; */
/* 	} */
/* } */

/* @media only screen and (max-width: 767px) { */
/* 	#baseline, */
/* 	#baseline-mobile, */
/* 	#logo-mobile, */
/* 	#logo,  */
/* 	#rightlogo-mobile, */
/* 	#rightlogo { */
/* 		float:none; */
/* 		width:100%; */
/* 		text-align:center; */
/* 	} */
/* } */




/* Desktop + tablette */
@media only screen and (min-width: 768px) {
	#baseline-mobile,
	#baseline {
		font-size:26px;
		display: table-cell;
		vertical-align: middle;
		text-align:right;
		padding-top:11px;
		margin-left:88px !important;
	}
}
/* Mobile */
@media only screen and (max-width: 767px) {
	#baseline-mobile,
	#baseline {
		padding-right:10px;
	}
}

/* Mobile */
@media only screen and (max-width: 767px) {
	#search-field .form-control,
	#search-field button{
		height:35px;
	}
	#search-field .glyphicon-search {
		font-size:20px;
	}
}

/*Menu de navigation*/
.fullContainerNav{background:rgb(50,0,230);}

/* ==========================================================================
   Menu business
   ========================================================================== */
#menu-business.navbar-default .navbar-nav>li>a {
	text-transform: uppercase;
	min-height: 52px;
	text-align:center;
	color:#fff;
	letter-spacing:-0.03em;
	width:125px;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
	background-color:rgb(41,34,106);
	color: #fff;
}

.nav1 #menu-business.navbar-default .navbar-nav>li>a {
	text-transform: uppercase;
	min-height: 52px;
	text-align:center;
	color:#fff;
	letter-spacing:-0.03em;
	font-size: 1.2em;
	width: auto;
}

.nav1 .nav-justified>li {
    display: table-cell;
    width: 0;
}

.nav1 .navbar-nav>li>a {
    padding: 16px;
}

.dropdown-menu li{
	padding: 0 20px;
}
.dropdown-menu li a{
	padding: 3px 0;
}
.dropdown-menu li.subcat{
	padding: 0 40px;
}

/* ==========================================================================
   Menu corporate
   ========================================================================== */

#menu-corporate-home {
	position:absolute;
	margin-top:2%;
	right:0;
	z-index:100;
	background:#fff;
	border:2px solid rgb(50,0,230);
}

#menu-corporate-home a{
	display:block;
	color:rgb(50,0,230);
	padding:15px 20px;
	border-bottom:1px solid #e3e4e8;
	text-align: center;
	text-decoration: none;
}

@media only screen and (max-width: 955px) { 
	#menu-corporate-home a{
		padding:10px 15px;
	}
}

#menu-corporate-home a:hover{
	background: #e3e4e8;
}

/* ==========================================================================
   Menu corporate pages intérieures
   ========================================================================== */
.col .navbar-nav {
	float: none;
}
.col .navbar {
	min-height: 10px;
}

#menu-corporate-pages-interieures .dropdown-toggle {
	display:block;
	text-align:center;
	padding:15px 8px;
	border-bottom:1px solid #d9d9d9;
}

@media only screen and (min-width: 768px) {
	.menu-corporate-container.col{
		padding-right:0;
	}
}

/* ==========================================================================
   Menu Hybride
   ========================================================================== */

#menu-hybride .navbar-header{
	background:#e3e4e8;
}

#menu-hybride .navbar-header a{
    position: relative;
    top: 6px;
    left: 15px;
    color: black;
    font-size: 15px;
/*     text-transform: uppercase; */
}
#menu-hybride .navbar-header a:hover{
	text-decoration: none;
	cursor: pointer;
}

#menu-hybride .navbar-toggle{
	background: none;
	border: 0;
	padding: 0 10px 0 0;
	border-radius:0;
}

#menu-hybride .icon-bar{
	background: #343434;
	height: 3px;
}

#menu-hybride .nav-justified>li>a {
	text-align: left;
	text-transform:uppercase;
}

/* ==========================================================================
   Menu Main
   ========================================================================== */

#menu-hybride.navbar, #menu-main.navbar{
    min-height: 0;
}

#menu-main .navbar-header {
    background: rgb(50,0,230);
}

#menu-main .navbar-header a{
    position: relative;
    top: 10px;
    left: 15px;
    color: white;
    font-size: 15px;
/*     text-transform: uppercase; */
}
#menu-main .navbar-header a:hover{
	text-decoration: none;
	cursor: pointer;
}


#menu-main .navbar-toggle{
	background: none;
	border: 0;
	padding: 0 10px 0 0;
	border-radius:0;
}

#menu-main .icon-bar{
	background: white;
	height: 6px;
	width: 30px;
}


#menu-main.navbar-default .navbar-collapse, #menu-main.navbar-default .navbar-form {
    border-color: transparent;
}







/* ==========================================================================
   Menu business mobile
   ========================================================================== */

#menu-business-mobile .panel-default>.panel-heading {
	border-radius: 0;
	background: rgb(50,0,230);
	color:#fff;
	text-transform:uppercase;
	border:none;
}

#menu-business-mobile .panel {
	border: none;
}

#menu-business-mobile .submenu{
	margin-bottom:1px;
}

#menu-business-mobile .submenu a{
	display:block;
	padding: 10px 10px 10px 40px;
	background: #fff;
	color:#292929;
	border-bottom:1px solid #fff;
}

#menu-business-mobile .submenu a:before{
	content: "> ";
}

#menu-business-mobile .submenu a:hover{
	text-decoration:none;
	background: #8ddaf5;
	color:rgb(50,0,230);
}

#menu-business-mobile .panel-body {
	padding: 0;
}


/* ==========================================================================
   Menu gauche mobile
   ========================================================================== */

.accordion-menu-gauche .panel-default>.panel-heading {
	border-radius: 0;
	background: rgb(50,0,230);
	color:#fff;
	text-transform:uppercase;
	border:none;
}

.panel-heading-pays {
	background: rgb(141,218,245) !important;
}

.accordion-menu-gauche .panel {
	border: none;
}

.accordion-menu-gauche .submenu{
	margin-bottom:1px;
}

.accordion-menu-gauche .submenu a{
	display:block;
	padding: 10px 10px 10px 40px;
	background: #fff;
	color:#292929;
	border-bottom:1px solid #fff;
}

.accordion-menu-gauche .submenu a:before{
	content: "> ";
}

.accordion-menu-gauche .submenu a:hover{
	text-decoration:none;
	background: #8ddaf5;
	color:rgb(50,0,230);
}

.accordion-menu-gauche .panel-body {
	padding: 0;
}
  
/* ==========================================================================
   Footer 1
   ========================================================================== */
#footer1 {
	font-size:90%;
	padding: 30px 0;
}

#footer1 a {
	color: #292929;
}

#footer1 a:hover {
	color: #67cee8;
}
   
#footer1 h2{
	text-transform: uppercase;
	font-size:1em;
	padding-bottom:5px;
	
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
	#footer1 h2{
		min-height:30px;
	}
}

#footer1 div{
	border-left: 1px solid #cfcfcf;
	padding-left:5px;
}

.panel-group .panel+.panel {
	margin-top:0;
}


/* ==========================================================================
   Footer 2 simple
   ========================================================================== */
footer.simple {

}
footer.simple p, footer.simple a{
    color: rgb(50,0,230);
	font-weight: bold;
}
footer.simple li{
    display: inline-block;
    padding-right: 1em;
    color: rgb(50,0,230);
    border-right: 1px solid rgb(50,0,230);
	font-weight: bold;
}
footer.simple li:last-child{
	padding-right: 0;
	border: none;
}



footer .fil {
	background: url("../../../sitemodel/corpo_2014/images/footer-fil.png") repeat-x scroll 0 0 #FFFFFF;
	overflow: hidden;
	height: 90px;
}
footer .slogan {
	float: left;
	height: 90px;
	width: 233px;
	background: url("../../../sitemodel/corpo_2014/images/footer-slogan.png") repeat-x scroll 0 0 #FFFFFF;
}
footer .wheel {
	float: right;
	height: 90px;
	width: 120px;
	background: url("../../../sitemodel/corpo_2014/images/footer-wheel.png") repeat-x scroll 0 0 #FFFFFF;
}
@media only screen and (max-width: 767px) {
	footer .fil {
		background: url("../../../sitemodel/corpo_2014/images/footer-fil-mobile.png") repeat-x scroll 0 0 #FFFFFF;
		overflow: hidden;
		height: 45px;
	}
	footer.simple .slogan {
		width: 117px;
		height: 45px;
		background: url("../../../sitemodel/corpo_2014/images/footer-slogan-mobile.png") repeat-x scroll 0 0 #FFFFFF;
	}
	footer.simple .wheel {
		width: 60px;
		height: 45px;
		background: url("../../../sitemodel/corpo_2014/images/footer-wheel-mobile.png") repeat-x scroll 0 0 #FFFFFF;
	}
}









/* ==========================================================================
   Footer 2 radius gauche
   ========================================================================== */
footer.radius_gauche {
	background:rgb(50,0,230);
	padding:1em;
	color: #fff;
	overflow: hidden;
}
footer.radius_gauche p{color: #fff;}

p.marqueSNCF{float:right;border-left:1px solid #fff;margin:0 5px;padding-left:5px;}

.marqueSNCF a {
	border-right:0 !important;
	color:#fff;
	text-transform:uppercase;
}

footer.radius_gauche a{
	display: inline-block;
	padding-right: 1em;
	color: #fff;
	border-right:1px solid #fff;
}

footer.radius_gauche a:hover{
	color: #fff;
}

footer.radius_gauche li:last-child a{
	padding-right: 0;
	border-right:0;
}

footer.radius_gauche a.last-child {
	padding-right: 0;
	border-right:0 !important;
}

footer.radius_gauche p,
footer.radius_gauche ul{
	margin-bottom:0;
}

/* footer version mobile */

.panel-title>a {
	display:block;
}

.panel-title>a:hover{
	text-decoration:none;
}

.copyright {	float:left;}
.traductionBaseline {
	clear:both;
}



.menu-footer {float:right;}

/* mobile */
@media only screen and (max-width: 767px) {
	.copyright {
		font-size:80%;
		padding-top:2px;
		text-align:center;
		width:100%;
	}
	.menu-footer {
		width:100%;
		text-align:center;
	}
	.traductionBaseline{text-align:center;}
	.marqueSNCF.marqueDesktop{display:none;}
	
	.marqueSNCF.marqueMobile{
		float:none !important;
		display:block;
		margin:10px 0 5px;
		text-align:center;
		border:none !important;
	}
	
}
/* desktop, tablette */
@media only screen and (min-width: 768px) {
	.menu-footer {
		text-align:right;
	}
	.marqueSNCF.marqueMobile{display:none;}
}

/* ==========================================================================
   Fil d'ariane
   ========================================================================== */
.breadcrumb {
	padding: 13px 0 0;
	margin:0;
	background-color:transparent;
}

@media only screen and (min-width: 992px) {
	.breadcrumb{
		padding-bottom:20px;
	}
}

@media only screen and (max-width: 992px) {
	.breadcrumb{
		padding-bottom:21px;
	}
}

.breadcrumb a {
	padding: 5px 10px;
	color: #808080;
}

.breadcrumb li {
	margin-right:5px;
}

.breadcrumb .active span {
	display: inline-block;
	background-color:#002878;
	color:#fff;
	padding: 3px 10px;
}

.breadcrumb>li+li:before {
	content: " > \00a0";
	color: #9e9e9e;
	padding:0;
}

/* ==========================================================================
   Boutons de partage des réseaux sociaux
   ========================================================================== */
.social-btn {margin:0;float:right;}
.social-btn img{
	height:35px;
	width:35px;
}

@media only screen and (min-width: 768px) {
	.social-btn {
		min-height:45px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 992px;) {
	.social-btn {
		padding-bottom:30px;
	}
}

.social-btn li{
	display:inline-block;
	padding:0;
}

@media only screen and (max-width: 768px) {
	.social-btn li{
		padding:10px 0 10px 20px;
	}
}

/* ==========================================================================
   Home
   ========================================================================== */
.bloc {
	padding:0;
	margin:0 1em 1em 0;
	border-bottom: 3px solid #e3e4e8;
	padding-bottom: 8px;
	background-color:#fff;
	height:auto !important;
}


.bloc.home {	padding-bottom: 75px;}

@media only screen and (max-width: 768px) {
	.bloc {
		margin:0 0 1em 0;
	}
}

@media only screen and (min-width: 992px) {
	#layout-3col .bloc {
		margin:0 0 1em 0;
	}
}

.bloc-title {
	display: table;
	background-color:#8ddaf5;
	padding: 0;
	margin:0;
	width:100%;
	border-radius:6px 6px 0 0;
}

.bloc-title-espace {
	display: block;
	background-color:#8ddaf5;
	/*padding-left: 0.8em;*/
	margin:0;
	width:100%;
	height:auto;
	text-align: center;
}

.bloc-title-ezenith {
	display: block;
	background-color:#8ddaf5;
	/*padding-left: 0.8em;*/
	margin:0;
	width:100%;
	height:70px;
	text-align: center;
	padding-top: 15px;
	padding-right: 10px;
}

.bloc-title h2,
.bloc-title span {
	display: table-cell;
	vertical-align: middle;
	padding: 1em;
}

.bloc-title h2{
	font-size:1em;
	text-transform:uppercase;
	background:rgb(141,218,245);
	margin:0;
	border-right:1px solid #fff;
	border-top-left-radius:6px;
}

.bloc-title span {
	width: 39px;
}

@media only screen and (max-width: 992px) {
  .bloc-title {
    width: 100%;
  }
}

.inner-bloc {
	height:354px !important;
}


.inner-bloc-content {
	min-height: 120px !important;
	position:relative;
	padding: 20px 10px 10px 10px;
}

.btn-all {
	width:90%;
	margin:0 auto;
}

.bloc.home .btn-all {
	position:absolute;
	bottom:20px;
	width:90%;
	margin-left:3%;
	margin-bottom:10px;
}
@media only screen and (max-width: 992px) {
  .bloc.home {
  	height: auto !important;
  	min-height: 350px;
  	padding-bottom:0;
  }
  .bloc.home .btn-all {
	position:static !important;
	margin:20px auto 10px !important;
  }
}



.btn-all a{
	display:block;
	text-align:center;
}

#blocs-home.container-fluid,
#layout-3col.container-fluid  {
	background-color: #f0f2f5;
	padding: 1em 0 2em 0;
}

.date{
	/*color:#d6d6d6; couleur charte, pas assez contrastée*/
	font-size: 90%;
	position:absolute;
	display: inline-block;
	padding: 10px 10px 0 0;
	top:1px;
	color:#a1a1a1;
	background-color: #fff;
}

.detail {
	border-top:1px solid #d6d6d6;
	padding-top: 15px;
}

.detail img {
	margin-right: 18px;
}

.bloc .btn{
	border-radius: 0;
	border: 3px solid #e8eff7;
	text-transform: uppercase;
	color:rgb(41,34,106);
	background: #fff;
	font-size: 90%;
	margin-top:10px;
}

.bloc .btn:hover{
	border: 3px solid #8ddaf5;
}

@media only screen and (min-width: 992px) {
  .bloc .btn-default {
    display: inline-block;
	width: 100%;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
  }
}

.bloc .btn:before,
.read-next:before{
	content: "> ";
}

.read-next {
	display:block;
	padding-top: 8px;
	color:rgb(50,0,230);
}

.read-next:hover {
	color: #67cee8;
}

/* ==========================================================================
   Menu justifié
   ========================================================================== */
.navbar-nav>li {
  float: none;
}

/* ==========================================================================
   Surcharge Menu
   ========================================================================== */

.navbar-default {
	border-radius:0;
	background: none;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
	border-color: #fff;
}
.navbar-default {
	box-shadow:none;
}

/* ==========================================================================
   Layout 3 cols
   ========================================================================== */
@media only screen and (min-width: 768px) {
   .col {
		padding-right:15px;
	}
}

.col .inner-bloc {
	padding:0 0 10px 0;
}

#layout-3col section {
	background-color:#fff;
	overflow:hidden;
	padding:20px;
	margin-bottom:15px;
	border-bottom: 3px solid #e3e4e8;
}

#layout-3col section div.detailarticle {
	overflow: hidden;
	color:black;
}

#layout-3col section h1,
#layout-3col section h2,
#layout-3col section h3,
#layout-3col section h4,
#layout-3col section h5,
#layout-3col section h6 {
	color:rgb(50,0,230);
	margin:0 0 15px 0;
}

#layout-3col .recherche h1 {
	font-size:1.5em;
	margin:0 0 5px 0;
}

#layout-3col .recherche .detailarticle h2 {
	margin-top: 20px;
}

#layout-3col .recherche .detailarticle p {
	margin-bottom: 0px;
	padding-bottom:10px;
}

#layout-3col .recherche p {
	padding-bottom:20px;
	color:#292929;
}

#layout-3col .recherche .detailarticle ul {
	margin-bottom:10px;
}

#layout-3col section .pull-right {
	margin-left:15px;
}

#layout-3col section .pull-left {
	margin-right:15px;
}


#layout-3col section.video .pull-left,
#layout-3col section.video .pull-right {
	margin-bottom:10px;
}

#layout-3col .bloc:first-child .inner-bloc {
	padding-top:0;
}

@media only screen and (max-width: 991px) {
	#layout-3col .col-3 .bloc {
		margin:0 0 1em 0;
	}
	#layout-3col .col-1.col {
		padding-right:0;
	}
}

/* ==========================================================================
   Pagination
   ========================================================================== */
#pagination-container {
	text-align: center;
	border-top: 1px solid #cfcfcf;
	clear:both;
	margin-top:30px;
}

.pagination {
	margin-bottom:0;
}

.pagination>li>a,
.pagination>li>span {
	border: none;
}

/* ==========================================================================
   Résultats trouvés
   ========================================================================== */
#nb-result {
	border-bottom: 1px solid #cfcfcf;
	margin-bottom:2em;
}

/* ==========================================================================
   Recherche
   ========================================================================== */
#search-list li{
	margin : 0 0 10px 0;
	font-size: 1.5em;
}
#search-list .title{
	margin : 10px 0 0 0!important;
	
}
#search-list .description{
	color: black;
	font-size: 0.65em;
}


/* ==========================================================================
   Communiqués
   ========================================================================== */
.communique {
	position:relative;
}

.communique-content {
	padding-top: 18px;
}

.communique h1 {
	border-top: 1px solid #cfcfcf;
	padding-top:25px;
}

#layout-3col .communique .date {
	padding-bottom:0;
}

/* ==========================================================================
   Sous-menu business pages intérieures
   ========================================================================== */

.sous-menu-business {
	background:#fff;
	border-bottom: 3px solid #e3e4e8;
}  

/* Premier élément du menu de gauche */
.sous-menu-business>li>a{
	padding:5px 10px;
	display:block;
	color:rgb(41,34,106);
	border-bottom:1px solid #d6d6d6;
}

.sous-menu-business .activemenugauche {
	font-size:110%;
	display:block;
	color:#fff;
	background:rgb(50,0,230);
}

.sous-menu-business .selectedmenuitem {
	font-size:110%;
	display:block;
	background:rgb(227, 228, 232);
	color : rgb(41,34,106);
}

.sous-menu-business ul li a{
	display:block;
	margin:0 0 0 25px;
	padding: 5px 0 5px 0;
	color:rgb(41,34,106);
	border-bottom:1px solid #d6d6d6;
}

.sous-menu-business ul .active li a{
	color:#808080;
}

.sous-menu-business ul ul{
	padding:0;
}

.sous-menu-business ul ul{
	padding-left: 20px;
}
ul.menu-extended ul{
	padding-left: 0;
}
ul.menu-extended > li > div {
	padding: 5px 5px 0 10px;
	font-weight: bold; 
    font-size: 1.1em;
	color: #3200E6;
}

.accordion-menu-gauche .selectedmenuitem {
	font-weight: bold;
}


/*
.sous-menu-business ul ul ul a{
	padding:5px 0 5px 55px;
}

.sous-menu-business ul ul ul ul a{
	padding:5px 0 5px 70px;
}

.sous-menu-business ul ul ul ul ul a{
	padding:5px 0 5px 85px;
}
*/

ul.sous-menu-business>li>ul>li:last-child>a{
	border-bottom:none;
}

ul.sous-menu-business .last a{
	border-bottom:none;
}

.sous-menu-business ul{
	padding-bottom:15px;
}

p.no-padding {
	padding:0 !important;
}

/* ==========================================================================
   Bloc HTML
   ========================================================================== */
.bloc-html {
	background-color:#fff;
	margin-bottom:1em;
}
.bloc-html h2{
	font-size:1em;
	text-transform:uppercase;
	background-color:#8ddaf5;
	padding:1em;
	margin-top:0;
}
.bloc-html ul {
	padding:10px;
}

.bloc-html li:before {
	content: "> "
}

/* ==========================================================================
   File box
   ========================================================================== */

.bloc-html ul.filebox {
	padding: 10px 10px 0 10px;
	list-style-type: none;
}
.bloc-html .filebox li:before {
	content: ""
}



/* ==========================================================================
   Phototèque Catégories
   ========================================================================== */
.phototheque-categorie p{
	padding: 9px 10px 0 0;
	min-height:45px;
}

.liste-photos img{
	max-width: 100%;
	max-height:119px;
	height: auto;
	width: auto;
	box-sizing: border-box;
}

@media only screen and (min-width: 768px) {
	.liste-photos img{
		width:96%;
	}
}
	
@media only screen and (max-width: 768px) {
	.phototheque-categorie img{
		width:100%;
		height:auto;
		margin-bottom:10px;
	}
	.phototheque-categorie p{
		padding: 10px;
		margin:0;
	}
	.phototheque-categorie .carousel-inner img{
		margin:0;
	}
}

.liste-photos {
	min-height:200px;
	margin-bottom:10px;
}

.liste-photos a{
	color: #292929;
}

/* ==========================================================================
   Videos
   ========================================================================== */

 .video .photo-legend {
	margin-bottom:25px;
}


.video .photo-legend img {
	width:100%;
	height:auto;
	display: block;
	max-width: 100%;
}

.video h2 {
	padding-top: 30px;
}

.video p{
	padding: 10px;
	margin-bottom:0;
}

#video-desc {
	border-top: 1px solid #cfcfcf;
	margin-top: 30px;
	padding-top:30px;
}

/* ==========================================================================
   Photo
   ========================================================================== */

 .photo .photo-legend {
	margin-bottom:25px;
}


.photo .photo-legend img {
	width:100%;
	height:auto;
	display: block;
	max-width: 100%;
}

.photo h2 {
	padding-top: 30px;
}

.photo p{
	padding: 10px;
	margin-bottom:0;
}

#photo-desc {
	border-top: 1px solid #cfcfcf;
	margin-top: 30px;
	padding-top:30px;
}

/* ==========================================================================
   Photothèque Slider
   ========================================================================== */

.phototheque-categorie .carousel-caption {
	background-color:#fff;
	color:#000;
	opacity: 0.9;
	text-shadow:none;
	font-size:1.1em;
	text-align:left;
	padding: 15px 25px;
	bottom: 40px;
}

@media screen and (min-width: 768px) {
	.phototheque-categorie .carousel-caption {
		left: 6%;
		right: 6%;
	}
}

@media screen and (min-width: 768px) {
	.phototheque-categorie .carousel-indicators {
		bottom: 0;
	}
}

.phototheque-categorie #carousel-example-generic {
	margin-bottom:20px;
}

@media screen and (max-width: 768px) {
	.phototheque-categorie .carousel-caption {
		bottom:-10px;
		background-color: #00539f;
		color: #fff;
		opacity: 1;
		width:100%;
		left:0;
		right:0;
		display:none;
	}
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
		margin-top: -30px;
}

@media screen and (max-width: 768px) {
	.carousel-control .glyphicon-chevron-left,
	.carousel-control .glyphicon-chevron-right,
	.carousel-control .icon-prev,
	.carousel-control .icon-next {
		margin-top: -30px;
	}
}

@media screen and (max-width: 768px) {
	.photo-legend {
		margin-bottom:20px;
	}
}

.photo-legend {
	background-color: #e3e4e8;
	border-bottom: 1px solid #fff;
}

.photo-legend.active {
	background-color: #00539f;
}

.photo-legend.active a {
	color: #fff;
}

.photo-legend  a{
	color:#292929;
}

/* ==========================================================================
   Implantations
   ========================================================================== */
   
.controls {
   margin-top: 16px;
   border: 1px solid transparent;
   border-radius: 2px 0 0 2px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   height: 32px;
   outline: none;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
 }

 #pac-input {
   background-color: #fff;
   font-family: Roboto;
   font-size: 15px;
   font-weight: 300;
   margin-left: 12px;
   padding: 0 11px 0 13px;
   text-overflow: ellipsis;
   width: 400px;
 }

 #pac-input:focus {
   border-color: #4d90fe;
 }

 .pac-container {
   font-family: Roboto;
 }

 #type-selector {
   color: #fff;
   background-color: #4d90fe;
   padding: 5px 11px 0px 11px;
 }

 #type-selector label {
   font-family: Roboto;
   font-size: 13px;
   font-weight: 300;
 }

.implantations section h2 {
	padding-top:35px;
	border-top: 1px solid #d6d6d6;
	margin-top: 40px;
	padding-top: 40px;
}

@media screen and (max-width: 640px) {
	.implantations header h1 {
		font-size: 2em!important;
	}
	.implantations footer p {
		font-size: 1.2em!important;
	}
}


/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin-bottom:30px;
}

.Flexible-container-single {
    position: relative;
    padding-bottom: 40.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin-bottom:30px;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#map {
	width:100%;
	height:549px;
	margin-bottom:15px;
	display:table-caption;
	position: absolute; 
}
	

#map-filter {
	padding:0 0 20px 0;
}

#map-filter label {
	cursor:pointer;
}

#map-filter > p {
                float :left ;
                width :33.33% ;
}


/* ==========================================================================
   Plan du site
   ========================================================================== */
.sitemap a {
	color:#292929;
}

.sitemap ul a:before {
	content: "> ";
}

.sitemap h2 {
	font-size:16px;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom:5px;
	width:90%;
}

@media screen and (max-width: 768px) {
	.sitemap h2 {
		width:100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.sitemap h2 {
		min-height:50px;
	}
}

.sitemap h2 + ul {
	padding:0 0 30px 0;
}

.sitemap li {
	list-style-type:none;
}

/* ==========================================================================
   Slider Home
   ========================================================================== */
@media screen and (min-width: 768px) {
	.carousel-home .carousel-control.right {
		left:60px;
	}
	.carousel-home .carousel-control {
		width:5%;
		height:auto;
	}
}

.target {
	width: 100%;
	min-height: 120px;
	margin-top:15px;
	background: #DEDEDE;
}

.carousel-control.left,
.carousel-control.right {
    background:none !important;
	opacity:1 !important;
	height:15px !important;
	width:15px !important;
	top: auto !important;
	margin:0 !important;
	padding:0 !important;
	bottom:32px !important;
	z-index:999;
}
.carousel-control.left{left:40%;}

.carousel-control.right {
    left:auto !important;
	right:40% !important;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    display: block !important;
    position: static !important;
    top: auto !important;
	margin:0 !important;
	font-size:15px !important;
	height:15px !important;
	width:15px !important;
}

/*Surcharge BOOSTRAP*/
.btn-group.open .dropdown-toggle {box-shadow:none !important;}
.form-control {	color:rgb(50,0,230) !important;}
.form-control:focus 	{box-shadow: none;}

::-webkit-input-placeholder { color:rgb(50,0,230) !important; }
::-moz-placeholder { color:rgb(50,0,230) !important; } /* firefox 19+ */
:-ms-input-placeholder { color:rgb(50,0,230) !important; } /* ie */
input:-moz-placeholder { color:rgb(50,0,230) !important;}

.pagination > li > a, .pagination > li > span {
    color: rgb(41,34,106);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: rgb(41,34,106);
    border-color: rgb(41,34,106);
    color: #fff;
}
p {color:#292929;}

#menu-hybride-detail{background:#fff;}

/*Gestion des menus mobile*/
@media screen and (max-width: 767px) {
	.sous-menu-business ul.list-unstyled{
		display:none;
	}
}


/*--------------------------------*/
/* google maps					  */
/*--------------------------------*/
.skin-geodis .info-window .main-window .buttons .yui3-u {
    margin-right: 4px;
    vertical-align: middle;
}

/*
.gm-style-iw .main-window .buttons {
    height: 26px;
    margin-top: 8px;
    padding-top: 8px;
   	border-top: 1px solid #bcbdbd;
}*/

.gm-style-iw .main-window .buttons .yui3-u {
    margin-right: 4px;
    vertical-align: middle;
    margin-left: 4px;
    width:auto;
    /*border-top: 1px solid #bcbdbd;*/
}

.yui3-g {
    letter-spacing: -0.31em;
    word-spacing: -0.43em;
}
.yui3-u {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    word-spacing: normal;
}
.yui3-u a{
    display: inline-block;
}
.gm-style-iw .main-window .buttons #itineraryBtn{
	float:right;
}
#streetViewBtn,#itineraryBtn,#contactBtn a{
	cursor: pointer;
}
.skin-geodis .info-window .main-window .activities #contactBtn{
	margin-left: 5px;
}

.skin-geodis .info-window .main-window .activities .header img{
	margin-right: 5px;
	
}

/*--------------------------------*/
/* Map tooltip					  */
/*--------------------------------*/

.skin-geodis .info-window
{
	background-color: #FFFFFF;
	-moz-box-shadow: 0 0 5px 1px #606060;
	-webkit-box-shadow: 0 0 5px 1px #606060;
	box-shadow: 0 0 5px 1px #606060;
}

.skin-geodis .info-window .main-window
{
    width: 150px;
    padding: 10px 10px 0px 10px;
}

.skin-geodis .info-window .main-window .header
{
    font-weight: bold;
    font-size: 10px;
}
.skin-geodis .info-window .main-window .title{
	 font-size: 12px;
	 margin-bottom: 5px;
}
.skin-geodis .info-window .main-window .info
{
    color: #717171;
    font-size: 10px;
}

.skin-geodis .info-window .main-window .info .item
{
    margin-top: 2px;
}

.skin-geodis .info-window .main-window .utils
{
	padding-top: 4px;
	padding-bottom: 4px;
    border-top: 1px solid #BCBDBD;
    border-bottom: 1px solid #BCBDBD;
    font-size: 9px;
	margin-top: 5px;
	text-align: center;
}

.skin-geodis .info-window .main-window .buttons
{
	margin-top: 7px;
	height: 26px;
	margin-left: 14px;
}

.skin-geodis .info-window .main-window .button
{
	cursor: pointer;
}

.skin-geodis .info-window .main-window .buttons .yui3-u
{
	margin-right: 4px;
	vertical-align: middle;
}

.skin-geodis  .info-window .tail {
	text-align: center;
	position: relative;
	width: 100%;
	bottom: -20px;
}


/* Mandatory field marker */
.asterisk {
	color:#c05050;
	font-size: 16px;
	font-weight: bold;
}
.asterisk:after {
	content: "*";
}


/* Message area at the top of the form after submit */
.fox_messages {
	color:#505050;
	margin: 24px 0px !important;
	padding: 16px 32px !important;
	box-shadow:0 0 10px rgba(211, 206, 56, 0.7) inset, 0px 0px 7px rgba(211, 206, 56, 0.7);
	-moz-box-shadow:0 0 10px rgba(211, 206, 56, 0.7) inset, 0px 0px 7px rgba(211, 206, 56, 0.7);
	-webkit-box-shadow:0 0 10px rgba(211, 206, 56, 0.7) inset, 0px 0px 7px rgba(211, 206, 56, 0.7);
	border:1px solid #d3ce38;
	border-radius: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background: url("../../../sitemodel/viia/media/com_foxcontact/images/message-background.png") repeat-x scroll 0 0 #FFFFFF;
}
.fox_messages li{
	color:#505050;
}

.hide_cookie {
	display:none;
}

h2 {
	font-size: 16px !important;
}


.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
    display: inline-block;
    float: right;
    margin-left: 5px;
    margin-top: 7px;
    position: absolute;
    vertical-align: middle;
    width: 0;
            
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

p.espace_description {
	color: #0000A3;
	margin:0px 7px 0px 2px;
	padding:0 0 2px 0;
	text-align:center;	
}

.espace_content { 
	position:relative;
	padding: 0px 10px 0px 10px;
}


.espace_form {
	color:black;
}

.espace_ul {
	text-align: left;
	margin-bottom: 20px;
}

#bloc-espace-sidebar {
	padding-bottom:0px;
	height:auto !important;
}

#bloc-ezenith-sidebar {
	padding-bottom:0px;
}

.smll {
	font-size:11px;
	font-weight:bold;
	clear:both;
	display:block;
}

select.foxtext {
	box-shadow:0px 0px 7px rgba(192, 192, 192, 0.7);
	-moz-box-shadow:0px 0px 7px rgba(192, 192, 192, 0.7);
	-webkit-box-shadow:0px 0px 7px rgba(192, 192, 192, 0.7);
	margin: 0 3px !important;
	/* This cause problems witn damned IE if click near borders
	padding: 5px !important;*/
}
select.validfoxtext {
	box-shadow:0px 0px 10px rgba(80, 192, 80, 1.0);
	-moz-box-shadow:0px 0px 10px rgba(80, 192, 80, 1.0);
	-webkit-box-shadow:0px 0px 10px rgba(80, 192, 80, 1.0);
	margin: 0 3px !important;
	padding: 5px !important;
}
select.invalidfoxtext {
	box-shadow:0px 0px 10px rgb(192, 80, 80);
	-moz-box-shadow:0px 0px 10px rgb(192, 80, 80);
	-webkit-box-shadow:0px 0px 10px rgb(192, 80, 80);
	margin: 0 3px !important;
	padding: 5px !important;
}

.link_bleumedian {
	color:rgb(50,0,230) !important;
}

  
.menu-gauche-hide {
	display: none;
}

.lien-sous-menu-business {
	pointer-events: none;
}

a.link_ {
	cursor:pointer;
}

.rsociaux {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 11px;
}

.radius_gauche {
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}


.radius_bloc_title {
	-webkit-border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	border-radius:6px 6px 0 0;
}

.radius_menu_3 {
	-webkit-border-radius:0 6px 6px 6px;
	-moz-border-radius:0 6px 6px 6px;
	border-radius:0 6px 6px 6px;
}

.radius_menu_3_inverse {
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

.width90 {
	width:85% !important;
}

@media (max-width: 767px) {
	.sidebar-left {clear:both;}
}



/* ==========================================================================
   pictobloc
   ========================================================================== */

.pictobloc ul{
	list-style-type: none;
}

.pictobloc ul li h2{
	margin: 5px 0 0 0!important;
	text-align: center;
	min-height: 35px;

}

/* Desktop + tablette */
@media only screen and (min-width: 768px) {
	.pictobloc ul li{
		padding:0 50px 0 0;
		margin: 0 0 10px 0;
	}
}
/* Mobile */
@media only screen and (max-width: 767px) {
	.pictobloc ul li{
		padding:0 15px 0 0;
		margin: 0 0 10px 0;
	}
}

/* ==========================================================================
   Page d'erreur 404 
   ========================================================================== */
.titre_error {
	font-size:130px;
	font-weight:bold;	
}

.texte_error{
	font-size: 16px;
	color:dimgrey;	
}

.sous_titre_error {
	font-size:40px;
	font-weight:bold;	
}

/* ==========================================================================
   Glossaire
   ========================================================================== */
#glossary .editor td {
	border: 1px solid #3200E6;
}

.showHead {
	border-bottom: rgb(50,0,230);
    border-bottom-style: outset;
    border-bottom-width: 1px;
    margin-top: -20px;
    margin-right: -20px;
    margin-left: -20px;
    }

.showTitle {
    padding: 20px;
        min-height: 100%;
    display: flex;
    align-items: center;
    }

.showTitle h1 {
	margin: 0px !important;
}
.showDate {
	text-align: right;

}

.articleChapo {
	font-weight:bold; margin-top:10px;color:black;	
}

.detailcommunique {
	padding-top: 10px;
}

/* ==========================================================================
	Formulaire de contact
   ========================================================================== */
.formRecapTitle {
	color: rgb(50,0,230);
	font-weight:bold;
}

.formRecapInfo {
	color: #000000;
}

.formRecap {
	display:inline-flex;
}

/* ==========================================================================
   2016 : Evolution menu riche header
   ========================================================================== */
.menu-richeheader {
    z-index: 1; /* supperposition des menus */
}

ul.contact-pays > li {
	vertical-align:top;	
}

#header {
	width:100%;
}

#header1 {
    float: none;
	width:1140px;
	margin-left:auto;
	margin-right:auto;
}
#header2 {
	float: none;
	 clear: both;
	/*margin-top:-16px;*/
	width:1140px;
	margin-left:auto;
	margin-right:auto;
}

#header1 .list-inline > li {
    vertical-align: top;
}

.menu-richeheader .container.row {
	margin:0 auto;
}

.menu-richeheader.dropdown-menu {
	position:relative!important;
	/*display: block;*/
	float: none;
	
	background-color: #EEEFEF;
    border:0;
	border-bottom:1px solid #3100E7;
    border-radius:0;
    box-shadow: none;
	margin-bottom:22px;
	margin-top:0;
	width: 100%;
	
	font-size: 0.95em;
}
#header1 li.menu-toggle.open-menu-richeheader {
	background-color: #EEEFEF;
}
#header1 {
    height: auto;
	min-height: 51px;
}
#menu-header {
    padding-top:0;
}
#menu-header li {
    padding:9px 0 25px;
	margin-right:-3px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #menu-header li {
    	padding-bottom:26px;
	}
}
#menu-header li a {
    padding-left:14px;
    padding-right:14px;
}

#menu-header .menu-toggle a {
    padding-right:20px;
}
/* contenu menu riche */
.left {
	/*text-align:right;*/
}
.left p {
	font-weight:bold;
	margin-top:10px;
}
.contact-pays {
	margin-bottom:0;
}
.contact-pays li {
	display:inline-block;
	background:url("../images/puce-li.png") no-repeat left 5px;
	padding:0 0 0 10px;
	margin:6px 0 0;
	min-width: 130px;
	max-width: 130px;
}
.contact-pays li a {
	color:#000;
}
/* Mobile */
@media only screen and (max-width: 767px) {
	.menu-richeheader .left p {
		text-align:left;
		padding-left:40px;
		padding-right:20px;
	}
	.menu-richeheader .left p br {
		display:none;
	}
	.contact-pays li {
		display: inline-block;
		max-width: 100%;
		min-width: 100%;
	}
}

/* ==========================================================================
   2016 : Evolution menu riche footer
   ========================================================================== */
.menu-richefooter {
    z-index: 1; /* supperposition des menus */
}


.menu-richefooter .container.row {
	margin:0 auto;
}

.menu-richefooter.dropdown-menu {
	position:relative!important;
	/*display: block;*/
	float: none;
	background-color: #EEEFEF;
    border:0;
	border-bottom:1px solid #3100E7;
    border-radius:0;
    box-shadow: none;
	margin-bottom:22px;
	margin-top:0;
	width: 100%;
	
	font-size: 0.95em;
}
#footer1 li.menu-toggle.open-menu-richefooter {
	background-color: #EEEFEF;
}

/* Mobile */
@media only screen and (max-width: 767px) {
	.menu-richefooter .left p {
		text-align:left;
		padding-left:40px;
		padding-right:20px;
	}
	.menu-richefooter .left p br {
		display:none;
	}
}








.tel-surtaxe {
  background: #fff;
  border: 1px solid #d4d4d4;
  display: block;
  width: 390px;
  color:#a81276;
  position:relative;
	font-size: 1.7em;
    font-weight: 700;
    padding-left: 14px;
/* 	min-height:42px; */
	margin-bottom:10px;
}
.tel-surtaxe span{
  background:#a81276;
  color:#fff;
  position:absolute;
  top:0;
  right:8px;
  height:100%;
  width:170px;
	font-size: 0.5em;
    font-weight: 600;
	line-height: 1.1em;
	padding: 5px 0 0 16px;
	overflow: hidden;
}
.tel-surtaxe span:before{
	text-align:left;
    background:#fff;
	content:"";
	left: -8px;
	z-index:10;
	top:50%;
	margin-top:-8px;
	width:16px;
	height: 16px;
	position:absolute;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}
.adresse .tel-surtaxe {
  margin: 10px 0;
}

/* @media only screen and (min-width: 1500px) { */
/* 	.tel-surtaxe { */
/* 	  font-size: 1.4em; */
/* 	  padding-left: 16px; */
/* 	} */
/* } */

/* @media only screen and (min-width: 768px) and (max-width: 991px) { */
/* 	.tel-surtaxe { */
/* 	  font-size: 1.3em; */
/* 	  min-height: 34px; */
/* 	  padding-left: 10px; */
/* 	  width: 298px; */
/* 	} */
/* 	.tel-surtaxe span::before { */
/* 	  height: 12px; */
/* 	  left: -6px; */
/* 	  margin-top: -6px; */
/* 	  width: 12px; */
/* 	} */
/* 	.tel-surtaxe span { */
/* 	  padding: 3px 0 0 12px; */
/* 	  right: 4px; */
/* 	  width: 132px; */
/* 	} */
/* } */

/* @media only screen and (max-width: 500px) { */
/* 	.tel-surtaxe { */
/* 	  font-size: 1.3em; */
/* 	  min-height: 34px; */
/* 	  padding-left: 10px; */
/* 	  width: 298px; */
/* 	} */
/* 	.tel-surtaxe span::before { */
/* 	  height: 12px; */
/* 	  left: -6px; */
/* 	  margin-top: -6px; */
/* 	  width: 12px; */
/* 	} */
/* 	.tel-surtaxe span { */
/* 	  padding: 3px 0 0 12px; */
/* 	  right: 4px; */
/* 	  width: 132px; */
/* 	} */
/* } */



	.tel-surtaxe {
	  font-size: 1.4em;
	  padding-top: 3px;
	  width: 270px;
	}
	.tel-surtaxe span {
	  width: 120px;
	}
	.tel-surtaxe > a {
	    padding: initial;
		color:#a81276!important;
		text-decoration:none!important;
	}
	.tel-surtaxe > a:hover {
		padding: initial;
		text-decoration:none!important;
	}

@media only screen and (max-width: 500px) {
	
	.tel-surtaxe {
	  font-size: 0.8em;
	  padding-top: 1px;
	  width: 165px;
	  padding-left: 3px;
	}
	.tel-surtaxe span {
	  width: 80px;
	  padding: 3px 0 0 16px;
	}
	
}







.input-append .btn.dropdown-toggle {
    float: none;
}


.espace_content .btn{
	text-transform: initial;
	border: 3px solid #8DDAF5!important;
	font-weight: bold;
	padding: 6px 6px;
}

.espace_content .btn-default{
	box-shadow: none;
}



/* Country services & contacts*/
#layout-3col .contact-list section {
	overflow:visible;
}
.contact-list .form-control:focus {
  border-color: rgb(50, 0, 230);
}
.contact-list .form-control {
  box-shadow: none !important;
	text-transform: uppercase;
	padding-right: 0;
	cursor: pointer;
}
.contact-list .dropdown-menu {
    max-height: 250px;
    overflow: auto;
    width: 100%;
}
.contact-list .dropdown-menu li{
	cursor:pointer;
}
.contact-list .dropdown::before {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  content: "";
  margin-top: -2px;
  position: absolute;
  right: 10px;
  top: 50%;
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,1,0deg);
	transform: translate3d(0,0,0) rotate3d(0,0,1,0deg);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}
.contact-list .dropdown.open::before {
	-webkit-transform: translate3d(0,0,0) rotate3d(0,0,1,180deg);
	transform: translate3d(0,0,0) rotate3d(0,0,1,180deg);
}
.contact-list h2 {
  margin-top: 30px !important;
  text-transform: uppercase;
}
.contact-list .list-activities ul, .contact-list .list-email ul {
  padding-left: 14px;
}
.contact-list .list-activities {
  margin-bottom: 40px;
}
.contact-list .separator {
  margin: 30px 0 40px;
	position:relative;
  background: #8ddaf5;
	width:100%;
	height: 5px;
	border-radius: 100px;
}
.contact-list .articleChapo {
	margin-top:0;	
	font-size:1.2em;
	padding-top:5px;
	margin-bottom:20px;
}
.contact-list h3 {
    color: #8ddaf5 !important;
    font-style: italic;
}
.contact-list h4 {
  color: black !important;
  font-weight: bold;
  margin-top: 30px !important;
}
.contact-list h5 {
  color: black !important;
  font-weight: bold;
  margin: 15px 0 5px !important;
}
.contact-list .agency-infos p {
  margin: 0;
}
.contact-list .agency-infos .row div + div {
  border-left: 2px solid #ededed;
  padding-bottom: 20px;
  padding-left: 30px;
}

/* ==========================================================================
   PAGE AGENCE
 ========================================================================== */
.detail-agence h1 {
    font-size: 1.5em;
    margin: 0 0 20px;
	display: inline-block;
	padding-right: 30px;
}
.detail-agence h2 {
    font-size:1em!important;
	font-weight: 600;
    margin: 0 0 6px!important;
	color:#000!important;
}
.detail-agence .agence-link {
    float: right;
	display: inline-block;
	color: #8ddaf5;
	font-style: italic;
	text-decoration: none;
	font-weight: 600;
	margin: 4px 0 16px;
}
.detail-agence img{
	width: 100%;
}
.detail-agence p{
	margin: 0;
	font-weight: normal;
}
.detail-agence .picto-01 {
    padding-left:25px;
	background: url(../images/picto-tel.png) no-repeat left center;
}
.detail-agence .picto-02 {
    padding-left:25px;
	background: url(../images/picto-tel-bis.png) no-repeat left center;
}
.detail-agence .picto-03 {
    padding-left:25px;
	background: url(../images/picto-fax.png) no-repeat left center;
}
.BLOCS-agence{
	clear: both;
	display: block;
	margin: 20px 0 30px;
}
.BLOC-agence{
	padding: 0 22px 0 30px;
	border-left:1px solid #d6d6d6;
	float: none;
	display: table-cell;
}
.BLOC-agence:first-child{
	padding: 0 15px 0 0;
	border-left:0;
}
.BLOC-agence:last-child{
	padding: 0 0 0 30px;
}
.detail-agence .send-email p, .detail-agence .send-email a{
	display: inline-block;
	margin-right: 4px;
}
.detail-agence .send-email a{
	background: #fff;
    border: 3px solid #e8eff7;
    border-radius: 6px;
    color: rgb(41, 34, 106);
    font-size: 90%;
    text-transform: uppercase;
	padding: 3px 7px;
	text-decoration: none;
}
.detail-agence .send-email a:hover{
    border: 3px solid #8ddaf5;
}
.MORE-LINKS-agence{
	position:relative;
	padding-top: 35px;
	margin-top:35px;
}

.MORE-LINKS-agence a{
	color: #292929;
}
.MORE-LINKS-agence::before{
	position:absolute;
	content: "";
	top:0;
	left: 0;
	width: 100%;
	background: rgb(50, 0, 230);
	height: 2px;
	border-radius: 50px;
}
.MORE-LINKS-agence ul{
	padding:10px 0 0 25px ;
}
.MORE-LINKS-agence li {
    background:url("../images/puce-li.png") no-repeat left 5px;
    display: inline-block;
    margin: 6px 0 0;
    width:24%;
    padding: 0 0 0 15px;
	color: #000;
}

@media only screen and (max-width: 1199px) {
	.BLOC-agence {
	  border-left: 0;
	  display: block;
	  float: left;
	  padding: 10px 0 !important;
	  width: 100%;
	}
	.MORE-LINKS-agence li {
	  width: 49%;
	}
}
@media only screen and (max-width: 500px) {
	.MORE-LINKS-agence li {
	  width:100%;
	}
	.detail-agence .agence-link {
	  display: block;
	  float: none;
	}
}

.BLOC-agence.right p {
	font-size:11px;
}

.BLOC-agence.right {
	padding: 0 10px 0 16px;
}

.map-agence {
	background-color: initial !important;
	border-bottom: initial !important;	
}

.map-agence > div > div > ul {
	padding: 10px 0 0 0;
}


.title-main-detail {
    font-weight: bold;
    text-decoration: underline;
}

/* Menu Contacts mantis 35012 */
.linkContactHeader a {
	color: #000;
    font-style: italic;
    text-decoration: underline;
    font-weight: initial;
}

.otherSiteLink a {
	font-weight : bold;
}