#callback {
	position: absolute;
	right: 0px;
	top: 21px;
	width: 231px;
	height: 82px;
	background: url(/img/2016/rappel-gratuit.png) no-repeat;	
	}

.site-footer, .site-footer>.container, .footer, #footer {
	padding: 0px 0;
	background: #2b3740;
	position: relative;/* donne hasLayout à IE6 de façon à permettre un effacement correct */
	clear: both; /* cette propriété d'effacement force le .container à comprendre où se terminent les colonnes et à les contenir */
	color: #ffffff;
	font-style: italic;
	text-align: center;
	width: 100%;
	text-indent:0px;
}

.footer, #footer a:link {
	color: #ffffff;
	text-decoration: underline; /* à moins que vous ne définissiez un style particulièrement exclusif pour vos liens, mieux vaut prévoir un soulignement, qui garantit une identification visuelle rapide. */

}

.footer, #footer a:visited {
	color: #ffffff;
	text-decoration: underline;
}

.footer, #footer a:hover, a:active, a:focus { /* ce groupe de sélecteurs offrira à un navigateur au clavier la même expérience de survol que celle d'une personne employant la souris. */
	text-decoration: none;
}

#tableau-footer {
	border:0px;
	background-color:#2b3740;
}

#tableau-footer td {
	background-color:#2b3740;
}

#footer-left-grid {
	position: relative;
	float:left;
	width: 20%;
	left: 0%;
	top: 40px;
	margin-left : 100px;
} 
#footer-right-grid {
	position: relative;
	float: right;
	width: 20%;
	right: 0%;
	top: 40px;
}
#footer-right-grid:hover {
	right: 0%;
	top: 35px;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
}
#footer-center-grid {
	position: relative;
	width: 60%;
	left: 20%;
	top: 0px;
	background: none;
	padding-top: 20px;
	display: block;
	font-size: 1em;
	font-style: normal;
	text-decoration: none;
}
#footer-center-left-grid {
	width: 50%;
	height: auto;
	left: 0%;
	top: 0px;
	background: none;
	margin: 0px;
	padding: 15px;
	display: block;
	position: relative;
	clear: left;
	box-sizing: border-box;
}
#footer-center-left-grid p,
#footer-center-right-grid p {
	left: 0%;
	top: 0px;
	margin: 0;
	padding: 0;
}
#footer-center-left-grid a {
	text-decoration: none;
	position: relative;
	left: 0px;
	margin: 0;
}
#footer-center-right-grid a {
	text-decoration: none;
	margin-left: 25% !important;
}
#footer-center-left-grid img:hover{
	-moz-transform: scale(0.95);
  	-webkit-transform: scale(0.95);
  	-ms-transform: scale(0.95);
  	-o-transform: scale(0.95);
  	transform: scale(0.95);	
  	-moz-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-webkit-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
#footer-center-right-grid {
	width: 50%;
	height: auto;
	left: 0;
	top: 0px;
	background: none;
	margin: 0;
	padding: 15px;
	position: relative;
	margin-top: -251px;
	float: right;
	text-decoration: none;
	box-sizing: border-box;
	text-align: left;
}
#footer-center-right-grid a:hover{
	color: #ff5600;
}
#footer-center-center-grid {
	width: 100%;
	left: 0%;
	top: 0px;
	background: none;
	margin:0 auto;
	margin-top: 30px;
	padding: 0;
	display: block;
	padding-bottom: 50px;
}


@media only screen and (max-width: 1150px)
{
#header .logo {
	position: absolute;
	left: 1%;
	top: 26px;
	width: 157px;
	height: 50px;
	background: url(img/2016/logo-s.png) no-repeat;	
}
#header .callback {
	position: absolute;
	right: 0px;
	top: 21px;
	width: 105px;
	height: 82px;
	background: url(img/2016/rappel-gratuit-s.png) no-repeat;
}	
#header DIV.topmenu {
    position: absolute;
    top: -6px;
    right: 7%;
}
#header DIV.submenu {
    height: 30px;
    line-height: 30px;
    position: relative;
    padding-right: 20px;
    left: 8%;
}
#header DIV.mainmenu UL LI A {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 0px 4px 0px;
    line-height: 40px;
    font-size: 1em;
}
}

@media only screen and (max-width: 767px)
{
#header .logo {
	position: absolute;
	left: 1%;
	top: 26px;
	width: 126px;
	height: 40px;
	background: url(img/2016/logo-xs.png) no-repeat;	
}
#header .callback {
	position: absolute;
	right: 0px;
	top: 21px;
	width: 105px;
	height: 82px;
	background: url(img/2016/rappel-gratuit-s.png) no-repeat;	
}	
#header DIV.topmenu {
    position: absolute;
    top: -6px;
    right: -8%;
}
#header DIV.mainmenu {
    margin-top: 23px;
}
#header DIV.submenu {
    height: 30px;
    line-height: 30px;
    position: relative;
    padding-right: 20px;
    left: -3%;
}
#header DIV.mainmenu UL LI A {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 0px 4px 0px;
    line-height: 40px;
    font-size: 0.8em;
}
#footer-center-grid {
	font-size: 0.9em;
}
#footer-center-right-grid a {
    text-decoration: none;
    margin-left: 0% !important;
}
}