/* header et footer */


#header {
	z-index: 1000 !important;
    position: absolute;
	margin: 0;
	padding: 0;
	height: 285px !important;
	width: 100%;
	background-image:url(../images/bg-header-general-3.png);
	background-repeat: repeat-x;
}


/* footer */

#footer {
	float: left;
	width: 100%;
	padding: 20px 0 20px 0;
	text-align: center;
	margin-left: auto;
  	margin-right: auto;
	border:none;
}

a.foot  {
	margin-right: 20px;
	color: #000000;
	font-size: 1.3em !important;
	font-weight: lighter;
	}

.hubert {
	margin-top: 12px;
	width: 50px;
	height: 50px;
	text-align: center;
	margin-left: auto;
  	margin-right: auto;
}

/* navigation */

nav {
	text-align: center;
	margin-left: auto;
  	margin-right: auto;
	width: auto;
	font-size: 19pt;
	color: #8acccd;
	margin-top: 125px;
}

nav ul {
	padding: 0;
	margin: 0px;
	width: auto;
	height: 40px;
}
nav li {
	display: inline;
	float: left;
}
nav a {
	color: #222020;
	display: inline-block;
	padding: 0 15px;
	width: auto;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
}

nav li a {
	margin-left: 0px;
}
nav li:last-child a {
	border-right: 0;
}
nav a:hover {
	color: #ffffff;
	background-color: #222020;
	border-bottom: 12px solid #8acccd;



 -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.active {
	color: #ffffff;
	background-color: #222020;
	border-bottom: 12px solid #8acccd;
}

.active-box {
	color: #ffffff;
	background-color: #222020;
	border-bottom: 12px solid #f9b648;
}

nav a#pull {
	display: none;
}

.actus {
	 background: url(../images/picto-actus.png) 0 -5px no-repeat;
	padding: 0 15px 0 35px;
	margin-left: 20px;
}








#animate {
	position: relative;
	float: left;
	margin:25px 40px;
	padding: 0;
	height: 187px;
	width: 135px;
	background: #fff;
}


#animate img {
	position:absolute;
	left:0;
}

.logo1
{

}

.logo2
{
	display: none;
}

/*
@-webkit-keyframes animateFadeInOut {
0% {
opacity:1;
}
17% {
opacity:1;
}
25% {
opacity:0;
}
92% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes animateFadeInOut {
0% {
opacity:1;
}
17% {
opacity:1;
}
25% {
opacity:0;
}
92% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes animateFadeInOut {
0% {
opacity:1;
}
17% {
opacity:1;
}
25% {
opacity:0;
}
92% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes animateFadeInOut {
0% {
opacity:1;
}
17% {
opacity:1;
}
25% {
opacity:0;
}
92% {
opacity:0;
}
100% {
opacity:1;
}
}
#animate img {
-webkit-animation-name: animateFadeInOut;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 8s;
-moz-animation-name: animateFadeInOut;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 8s;
-o-animation-name: animateFadeInOut;
-o-animation-timing-function: ease-in-out;
-o-animation-iteration-count: infinite;
-o-animation-duration: 8s;
animation-name: animateFadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 8s;
}
#animate img:nth-of-type(1) {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
#animate img:nth-of-type(2) {
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-o-animation-delay: 4s;
animation-delay: 4s;
}
#animate img:nth-of-type(3) {
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
animation-delay: 2s;
}
#animate img:nth-of-type(4) {
-webkit-animation-delay: 0;
-moz-animation-delay: 0;
-o-animation-delay: 0;
animation-delay: 0;
}
*/

.makingAppointmentsContainer
{
	/*display: none;*/
	max-width: 1130px;
	margin: 0 auto;
	position: relative;
}

.makingAppointmentsButton
{
	width: 250px;
	height: 70px;
	line-height: 70px;
	padding: 0 25px;
	position: absolute;
	top: 20px;
	right: 0;

	background: url('/images/makingAppointmentsButtonBackground.png') left center no-repeat, url('/images/makingAppointmentsButtonArrow.png') right 10px center no-repeat #EFEEEE;

	font-family: 'BebasNeueRegular', Calibri, Arial, sans-serif;
	font-size: 24px;
	text-decoration: none;
	color: inherit;
}

.makingAppointmentsButton .label1
{

}

.makingAppointmentsButton .label2
{
	display: none;
}