html {
	padding: 0;
	margin: 0;
}

body {
	padding: 0;
	margin: 0;
	font-family: Arial;
	color: #928e92;
	font-size:16px;
}

.template-contents {
	max-width: 100%;
	margin: 0 auto;
}

.template-header {	
	position: relative;
	z-index:2;
}

.template-body {
	z-index:3;
}

.template-footer {
	background-color: #69d3ed;
	padding-bottom: 49px;
	color: #ffffff;
	clear:both;
}

.template-header-content {
	position: relative;
	max-width: 1200px;
}

.template-body-content {
	
}

.template-footer-content {	
	max-width: 1200px;
}

.template-animation {
	max-width: 100% !important;
	position: relative;
	clear: both;
	z-index:1;
}

.template-animation-content {
	width: 100%;
}

.template-animation-content img {
	width: 100%;
	height: auto;
	z-index: 100;
}

.body-left {
	
}

.body-right {
	
}

#lang_drapeau {float: right; clear: right;}

.bloc-top-content {max-width:1200px;margin:0 auto;}
.logo-essentiel {
	height: 100px;
	float: left;
	z-index: 10;
}

.logo-essentiel img {
	height: 100%;
	width: auto;
}

.nom-page { 
    float: left;
}

.recherche {
    float: right; 
    margin-top: 15px;
}


@media screen and (max-width: 470px) {
.logo-essentiel img {width:100%;height:auto;}
.footer-text {float: left;	width:100%;	text-align:center;	border-left: none;}
address {float: left;width:100%;text-align:center;}

.menu-pied-de-page {float:left;width:100%;text-align:center;}
.menu-pied-de-page li {float:none;display:inline-block;}
}

.header-text {
	float: right;
	border-left: 1px #e5e3e5 solid;
	font-size: 10px;
	color: #bab4b8;
	line-height: 25px;
	padding-top: 22px;
	padding-left: 15px;
	padding-bottom: 15px;
	margin-left: 15px;
}

.bloc-logo {
	float: left;
	padding-top: 20px;
}

.footer-text {
	float: right;
	border-left: 1px #8ddef1 solid;
	font-size: 13px;
	color: #ffffff;
	line-height: 25px;
	padding-top: 22px;
	padding-left: 33px;
	padding-bottom: 15px;
}

.menu-pied-de-page {float:right;}
.menu-pied-de-page-submenu-item::after {content:" | ";padding-right: 4px;}
.menu-pied-de-page-submenu-item:last-child::after {content:"";}

.bloc-address {
	float: left;
	padding-top: 25px;
}

address {
	float: left;
	padding-right: 25px;
 	font-size: 25px;
}

a, a:link, a:active, a:hover, a:visited {
	color: #69d3ed;
	text-decoration: none;
}

.social-networks {
	float: right;
	padding-top: 25px;
	clear: right;
}

.social-networks .socicon, .social-networks .fa {font-size: 40px;border-radius: 40px;}
.social-networks .fa {padding: 9px 6px 1px;}

.menu-principal-horizontal {
	float: right;
	width: auto;
}

.nom-page-text {
	color: #443f43;
	font-size: 32px;
	line-height: 50px;
}

.menu-principal-horizontal-item {
	background-color: transparent;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.menu-principal-horizontal-item:hover {
	background-color: #69d3ed;
	color: white;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.menu-principal-horizontal-item:hover>a.menu-principal-horizontal-item-titre
	{
	color: white;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.menu-principal-horizontal-item::after {
	content: "";
	position: absolute;
}

a.menu-principal-horizontal-item-titre {
	color: #615d60;
	height: 120px;
	max-width: 200px;
	display: table-cell;
    vertical-align: middle;
    text-align: center;
	line-height: 1.5;
	font-weight: normal;
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.3s;
	-moz-transition-timing-function: ease-out;
	transition-property: background-color, color;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}

.menu-principal-horizontal-submenu {
	background-color: transparent;
	padding-top: 5px;
	-webkit-transition-property: display;
}

.menu-principal-horizontal-submenu-item {
	background-color: #69d3ed;
}

a.menu-principal-horizontal-submenu-item-titre {
	color: white;
	line-height: 25px;
	font-weight: 300;
}

.menu-principal-horizontal-submenu-item {
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.menu-principal-horizontal-submenu-item:hover > a.menu-principal-horizontal-submenu-item-titre
	{
	color: #615d60;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
}

.bloc-menu {
	display: block;
}

a.menu-pied-de-page-item-titre, a.menu-pied-de-page-submenu-item-titre {color:white;}

.un-lien-liste-email::before,
.un-lien-liste-website::before,
.un-lien-liste-geloc-icon::before,
.un-lien-liste-telephone-fixe::before,
.un-lien-liste-telephone-fax::before,
.un-lien-liste-telephone-portable::before {color:white;}

a.un-lien-liste-email,
a.un-lien-liste-website,
a.un-lien-liste-geloc-icon,
a.un-lien-liste-telephone-fixe,
a.un-lien-liste-telephone-fax,
a.un-lien-liste-telephone-portable {color:white;}

.module-bloc-item-titre {text-align: center;}

.footer-template {padding:10px; }

h1 {font-family:'Roboto Condensed', sans-serif;font-size:30px;}
h2 {font-family:'Roboto', sans-serif;}
.intranet {float:none;}
#intranet-utilisateur-saisie {float:none;}
#intranet-mdp-saisie {float:none;}
.menu-principal-horizontal {margin-top:50px;}
a.menu-principal-horizontal-item-titre {height:70px;letter-spacing:0;text-transform:none;}
a.menu-topscreen-item-titre {padding:30px;}
.template-header {width:100%;}
.bloc-top {display:none;}
.bloc-h1 {text-align:center;padding:20px 0px;}
#intranet-mdp-saisie::before {float:none;}
#intranet-utilisateur-saisie::before {float:none;margin-right:30px;}
.bouton-savoir-plus a {padding:10px 25px;}
.bouton-savoir-plus a:hover {padding:10px 25px;}
.bouton-transfert a {padding:10px 20px;}
.bouton-transfert a:hover {padding:10px 20px;}
.footer-template .social-networks {float:right;}
.intranet-commande {float:none;margin-right:-40px;}
.menu-principal-horizontal-item-titre::before {content:" ";display:block;}
.module-bloc-item {border:none;}
.module-bloc-item-image img {-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;}
.module-bloc-item-image img:hover {-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;transform:scale(0.9);-webkit-transform:scale(0.9);}
address {float:left;padding-top:10px;padding-bottom:10px;padding-right:0px;}
.effet-bandeau {display:none;}

@media screen and (max-width: 470px) {
.logo-essentiel img {width:240px;height:auto;}
.logo-essentiel {margin-top:20px;text-align:center;width:250px;position:relative;left:100px;}

}

@media screen and (min-width: 470px) and (max-width: 980px) {
.logo-essentiel img {width:100%;height:auto;max-width:400px;}

}

@media screen and (min-width: 980px) {
.logo-essentiel img {max-width:300px;width:100%;height:auto;}
.logo-essentiel {margin-top:50px;top:40px;position:absolute;height:auto;float:none;width:auto;left:0;z-index: 11000;}
.effet-bandeau {display:block;position: absolute;width: 100%;height: auto;}
}

@media screen and (min-width: 1200px) {
.template-header {background:url(/css/template/senp/menu.jpg) center top no-repeat white;}

}

@media screen and (min-width: 1600px) {
.logo-essentiel img {max-width:517px;}

}

@media only screen and (min-width: 1024px) {

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(/css/template/senp/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}