body{
	margin:0;
	padding:0;
	font-family: 'Century Gothic', sans-serif;
	font-size:17px;
	color:#72787c;
	letter-spacing:1px;
}

.conteneur{
	clear:both;
	min-width:1000px;
}
.contenu{
	width:1000px;
	margin:auto;
	overflow:auto;
	padding:60px 10px;
}
.contenu_gauche,.contenu_droite{width:460px;}
.contenu_gauche{
	float:left;
}
.contenu_droite{
	float:right;
}

h1,h2{
	margin:0;
	font-family: 'Oswald', sans-serif;
	font-weight:normal;
}
h1{font-size:45px;line-height:60px;}
h2{font-size:40px;line-height:50px;}
p{
	line-height:30px;
	margin:40px 0;
}
a{color:#404040;text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}

.bouton{
	font-family: 'PT Sans', sans-serif;
	display:inline-block;
	position: relative;
    padding: 15px 20px;
	line-height:12px;
	font-size:15px;
	letter-spacing: 1px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
    background:#72787c;
	color:white;
	margin-bottom:4px;
	cursor:pointer;
	border:none;
	-moz-box-shadow: 0 4px #404040;
	-webkit-box-shadow: 0 4px #404040;
	-o-box-shadow: 0 4px #404040;
	box-shadow: 0 4px #404040;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.bouton:hover {
	text-decoration:none;
	-moz-box-shadow: 0 2px #404040;
	-webkit-box-shadow: 0 2px #404040;
	-o-box-shadow: 0 2px #404040;
	box-shadow: 0 2px #404040;
    top: 2px;
}
.bouton:active {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
    top: 4px;
}

#header{
	position:relative;
	-moz-box-shadow: 0 0 8px 8px #d8d8d8;
	-webkit-box-shadow: 0 0 8px 8px #d8d8d8;
	-o-box-shadow: 0 0 8px 8px #d8d8d8;
	box-shadow: 0 0 8px 8px #d8d8d8;
}
#header .contenu{
	padding:0;
	position:relative;
}
#header .contenu_gauche{
	width:170px;
	padding-top:10px;
}
#header .contenu_droite{
	width:830px;
	padding-top:10px;
}
#header .espace-client {
	display:block;
	font-family: "PT Sans",sans-serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
	padding:10px 15px;
	text-decoration:none;
	text-transform:uppercase;
	background:#ffed00;
	color:#404040;
	position:absolute;
	top:0;
	right:0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-box-shadow: 0 4px #c3b503;
	-webkit-box-shadow: 0 4px #c3b503;
	-o-box-shadow: 0 4px #c3b503;
	box-shadow: 0 4px #c3b503;
}
#header .espace-client:hover {
	padding-top:13px;
	-moz-box-shadow: 0 2px #c3b503;
	-webkit-box-shadow: 0 2px #c3b503;
	-o-box-shadow: 0 2px #c3b503;
	box-shadow: 0 2px #c3b503;
}
#header .tel{
	font-family: 'PT Sans', sans-serif;
	font-size:15px;
	line-height:15px;
	letter-spacing:0;
}
#titre_site{
	font-family: 'PT Sans', sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	font-size:35px;
	line-height:25px;
	margin:65px 0 40px 0;
}

#menu{
	font-family: 'PT Sans', sans-serif;
	margin:0;
	padding:0;
	list-style-type:none;
}
#menu li{
	float:left;
}
#menu a{
	display:block;
	position: relative;
	text-transform:uppercase;
	color:#72787c;
	font-size:12px;
	text-decoration:none;
	height:23px;
	padding:8px 0 11px 0;
}
#menu a span{
	display:block;
	border-left:1px solid #72787c;
	line-height:10px;
	padding:0 10px;
}
#menu a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 5px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#menu #menu_accueil, #menu #menu_fb{
	height:31px;
	padding-top:0;
}
#menu #menu_accueil span, #menu #menu_fb span{
	background-position:left top;
	background-repeat:no-repeat;
	text-indent:-1000px;
	overflow:hidden;
	border:none;
	margin:0;
	padding-left:0;
}
#menu #menu_accueil span{
	width:26px;
	height:26px;
	background-image:url('../images/home.png');
}
#menu #menu_fb span{
	width:23px;
	height:23px;
	background-image:url('../images/icon-fb.png');
}
#menu a:hover{
	color:black;
}
#menu a:hover:before, #menu a:focus:before, #menu a:active:before {
  left: 15px;
  right: 15px;
  background: #ffed00;
}
#menu #menu_accueil:hover span, #menu #menu_fb:hover span{
	background-position:left bottom;
}
#menu #menu_accueil:hover:before, #menu #menu_fb:hover:before, #menu #menu_accueil:focus:before, #menu #menu_fb:focus:before, #menu #menu_accueil:active:before, #menu #menu_fb:active:before {
	left: 0px;
}

#footer{
	padding-top:50px;
	background:#ffed00;
}

#footer .contenu{
	padding:0;
	background:url('../images/logo-ebta-compta-footer.png') no-repeat;
}
#footer .contenu_gauche{
	padding-left:200px;
	width:450px;
}
#footer .contenu_droite{width:350px;}
#footer h2{
	color:#404040;
	margin-bottom:30px;
}
#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#footer li{
	margin-bottom:10px;
}
#footer a{
	color:#72787c;
}
#footer_processx{
	font-family: 'PT Sans', sans-serif;
	text-align:center;
	font-size:10px;
	margin-top:20px;
	padding:10px 0;
}

#footer .tel{
	font-size:25px;
}

#footer .bouton{
	background:#404040;
	color:white;
	-moz-box-shadow: 0 4px black;
	-webkit-box-shadow: 0 4px black;
	-o-box-shadow: 0 4px black;
	box-shadow: 0 4px black;
}
#footer .bouton:hover {
	-moz-box-shadow: 0 2px black;
	-webkit-box-shadow: 0 2px black;
	-o-box-shadow: 0 2px black;
	box-shadow: 0 2px black;
}

#accueil_bonjour{
	background:url('/expert-comptable/bg-accueil-bonjour.jpg') no-repeat center center;
	height:430px;
	padding-top:55px;
}
.conteneur_gris{
	background:#72787c;
	color:white;
}
.conteneur_gris-clair{
	background:#e4e4e4;
}
#accueil_missions{
	background:#fbf18e;
	color:#404040;
}
#accueil_createur{
	background:url('../images/bg-accueil-createur.jpg') no-repeat center center;
	height:520px;
	padding-top:25px;
}
#aide_creation{
	background:url('/expert-comptable/bg-creation-entreprise.jpg') no-repeat right center;
	height:429px;
}
#experts_intro{
	background:url('/expert-comptable/bg-expert-comptable.jpg') no-repeat center center;
	height:500px;
	padding-top:55px;
}
#missions_intro{
	background:url('/expert-comptable/bg-missions.jpg') no-repeat right center;
	height:429px;
	padding-top:55px;
}
#CSE_intro{
	background:url('/expert-comptable/bg-CSE.jpg') no-repeat right bottom;
	padding-top:55px;
}
@media (min-width: 1680px) {
	#accueil_bonjour{background-position:right center;}
	#accueil_createur{background-position:left center;}
	#experts_intro{background-position:right center;}
}

.conteneur_gris .bouton,
.conteneur_gris-clair .bouton{
	background:#ffed00;
	color:#404040;
	-moz-box-shadow: 0 4px #c3b503;
	-webkit-box-shadow: 0 4px #c3b503;
	-o-box-shadow: 0 4px #c3b503;
	box-shadow: 0 4px #c3b503;
}
.conteneur_gris .bouton:hover,
.conteneur_gris-clair .bouton:hover {
	-moz-box-shadow: 0 2px #c3b503;
	-webkit-box-shadow: 0 2px #c3b503;
	-o-box-shadow: 0 2px #c3b503;
	box-shadow: 0 2px #c3b503;
}

#accueil_missions .bouton{
	background:white;
	color:#404040;
	-moz-box-shadow: 0 4px #d1c65b;
	-webkit-box-shadow: 0 4px #d1c65b;
	-o-box-shadow: 0 4px #d1c65b;
	box-shadow: 0 4px #d1c65b;
}
#accueil_missions .bouton:hover{
	-moz-box-shadow: 0 2px #d1c65b;
	-webkit-box-shadow: 0 2px #d1c65b;
	-o-box-shadow: 0 2px #d1c65b;
	box-shadow: 0 2px #d1c65b;
}

.img_contact {
	float:left;
	position:relative;
	overflow:hidden;
}
.img_contact span {
	position:absolute;
	bottom:-60px;
	left:0;
	text-align:center;
	width:250px;
	height:106px;
	background:url('/expert-comptable/bg-img-contact.png') repeat-x center bottom;
	color:#404040;
	font-size:12px;
	letter-spacing:0;
	padding-bottom:10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.img_contact span strong {font-size:18px;}
.img_contact:hover span {bottom:0;}

#ebta_cest_quoi{
	background:url('expert-comptable/bg-animation-ebta.jpg') no-repeat center top #fbf18e;
	color:#404040;
}

@media (max-width: 480px) {
	.conteneur{min-width:100%;}
	.contenu{width:auto;padding:30px 10px;}
	.contenu_gauche,.contenu_droite{float:none;width:auto !important;padding:10px 0;text-align:center;}
	#header .contenu_gauche{text-align:left;padding:10px;}
	#titre_site{line-height:30px;text-align:center;margin:30px 0;}
	#menu #menu_accueil, #menu #menu_fb{display:none;}
	#menu li{float:none;}
	#menu a{height:auto;padding:8px 0;}
	#menu a span{padding:0 10px;}
	#footer .contenu{background:none;}
	#footer .contenu_gauche{padding-left:0;}
	h1{font-size:35px;line-height:50px;}
	h2{font-size:30px;line-height:40px;}
	p{line-height:25px;margin:20px 0;}
	img{max-width:100%;}
	#experts_intro{height:auto;}
	#ebta_cest_quoi{background-position:left top;}
	#animation_ebta{overflow-x: scroll;overflow-y: hidden;width:460px;}
}