body {
	padding: 0px;
	margin: 0px;
	color:#000000;
	background: #9DC1CF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	font-size: 17px;
	text-align: left;
	color: #4A8DCA;
	text-transform: none;
	margin-bottom: 40px;
}


p
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
}
img {
	padding: 0px;
	margin: 0px;
}
.photo
{
padding:3px;
background-color:#FFFFFF;
border:1px solid #c9c9c9;
margin-right:10px;
}

A IMG { 
border: none; 
} 

/**
 * Css contenu
 */
 
.entete_contenu {
	width: 100%;
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	font-size: 17px;
	text-align: left;
	color: #4A8DCA;
	text-transform: none;
	margin-bottom: 40px;
}

.texte_contenu {
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	color: #000000;
	margin-bottom: 20px;
}

.texte_contenu_objectif {
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	color: #000000;
	margin-bottom: 20px;
}

.texte_contenu_centre {
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 13px;
	text-align: center;
	color: #000000;
	margin-bottom: 20px;
}
.texte_contenu_gauche {
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	color: #000000;
	margin-bottom: 20px;
}
.texte_contenu_droite {
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 13px;
	text-align: right;
	color: #000000;
	margin-bottom: 20px;
}

.texte_contenu a{
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	color: #0000ff;
	margin-bottom: 20px;
}

.texte_contenu_droite a{
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	color: #0000ff;
	margin-bottom: 20px;
}
.texte_contenu_reduit {
	width: 100%;
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 13px;
	text-align: justify;
	color: #000000;
	margin-bottom: 8px;
}

.liste_contenu {
	width: 100%;
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	color: #000000;
	margin-left: 20px;
	}

.liste_contenu_dernier {
	width: 100%;
	background: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 13px;
	text-align: left;
	color: #000000;
	margin-left: 20px;
	margin-bottom: 8px;
	}

.gras-contenu {
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #4A8DCA;
	text-transform: none;
}

.gras-contenu a{
	font-family: Tahoma, Arial, Verdana;
	font-size: 13px;
	font-weight: bold;
	color: #0000ff;
	text-transform: none;
}

.HERADOM_contenu {
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	font-size: 13px;
	color: #4A8DCA;
	text-transform: none;
}
.HERADOM {
	background: #FFFFFF;
	font-family: Tahoma, Arial, Verdana;
	font-weight: bold;
	font-size: 15px;
	color: #4A8DCA;
	text-transform: uppercase;
}

.renvoi_pied_de_page {
	width: 100%;
	background: #FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: right;
	color: #000000;
	margin-bottom: 8px;
}

.CGY-CMA {
	width: 157px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 15px;
}

#deduction-fiscale {
	position: relative;
	top: 40px;
	left: 150px;
	background: url('images/rappel-avantages-hera-dom.gif') no-repeat center center;
	height: 114px;
	width: 300px;
	text-align: center;
	}


#surveillance {
	position: relative;
	top: -10px; 
	float:right;
	background: url('images/surveillance.gif') no-repeat center center;
	height: 79px;
	width: 80px;
	}
	
#aide-aux-repas {
	position: relative;
	top: -10px; 
	float:right;
	background: url('images/aide-aux-repas.gif') no-repeat center center;
	height: 79px;
	width: 80px;
	}
#service_bricolage {
	position: relative;
	top: -10px; 
	float:right;
	background: url('images/bricolage.gif') no-repeat center center;
	height: 79px;
	width: 80px;
	}

#service_jardinage {
	position: relative;
	top: -10px; 
	float:right;
	background: url('images/jardinage.gif') no-repeat center center;
	height: 79px;
	width: 80px;
	}
	
#service_garde {
	position: relative;
	top: -10px; 
	float:right;
	background: url('images/garde-enfants.gif') no-repeat center center;
	height: 79px;
	width: 80px;
	}

#service_menage {
	position: relative;
	top: -10px; 
	float:right;
	background: url('images/menage-repassage.gif') no-repeat center center;
	height: 79px;
	width: 80px;
	}
	
/* Tableau tarifs */
.tb-2 {
	border-collapse:collapse;
	margin:10px auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
}
.tb-2 th {
	border:1px solid #CCCCCC;
	background-color:#5594CC;
	padding:2px;
	color:#fbc300;
	vertical-align: top;
	}
.tb-2 td {
  	border:1px solid #CCCCCC;
  	padding:3px;
	}

.center {
	text-align: center;
	}
	
/* Fin Tableau tarifs */

.hautpage {
	width: 100%;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0000ff;
	text-decoration: underline;

	}

.hautpage a{
	width: 100%;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0000ff;
	text-decoration: underline;
	}

.dates_tarifs {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	}

.pied_de_page {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	}

.pied_de_page a{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0000ff;
	}

.pied_de_page_services a{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0000ff;
	}


.entete_tarifs {
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	color: #4A8DCA;
	text-transform: none;
	margin-bottom: 15px;
	margin-top: 15px;
	background-color: #fbc300;
}

.entete_formations h1{
	width: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	color: #4A8DCA;
	text-transform:uppercase;
	margin-bottom: 15px;
	margin-top: 15px;
	background-color: #fbc300;
}

#defil_tarifs {	
	position: relative;
	left: 0px;
	top: 0px; 
	height: 500px;
	width:100%;
	overflow: visible;
	}
.lien_vers_tarifs a {
	width: 20%;
	background: #5594CC;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	color: #fbc300;
	margin-bottom: 20px;
	text-align: center;
	}

.lien_vers_tarifs a:hover {
	width: 200px;
	background: #fbc300;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	font-size: 13px;
	text-align: left;
	color: #5594CC;
	margin-bottom: 20px;
	text-align: center;
	height: 100px;
	}
.pied-tab-interv {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
}
.lien_vers_les_tarifs a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FBC300;
	background-color: #5594CC;
	text-align: center;
	vertical-align: middle;
}
.lien_vers_les_tarifs a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5594CC;
	background-color: #FBC300;
	text-align: center;
	vertical-align: middle;
}
.lien_vers_les_tarifs {
	height: 16px;
	width: 140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5594CC;
	background-color: #FBC300;
	text-align: center;
	vertical-align: middle;
	position: relative;
	left: 210px;
}

.pied-navig-gauche {
	background-image:url(../images/index_decoup-orange_23.gif);
	background-repeat:no-repeat;
}

#message {
	color:#4A8DCA;
	font-size:13px;
	width: 90%;
	border: 1px solid #4A8DCA;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 30px;
	font-family: tahoma, arial, verdana;
	text-align: center;
}

#mess {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	width:500px;
}

.col-left 
{
text-align:center;
width:260px;
margin-right:30px;
float:left;
}

.col-right
{
position:relative;
text-align:center;
width:240px;
float:left;
}

/* scrolling page d'accueil */

	div.horizontal_scroller{
		position:relative;
		height:70px;
		padding:0;
		margin:0;
		width:480px;
		display:block;
		overflow:hidden;
		border-top:#ffffff 0px solid;
		background-color:#00664a;
		float:left;
	}

	div.scrollingtext{
		position:absolute;
		top:20px;
		white-space:nowrap;
		font-family:'Trebuchet MS',Arial;
		font-size:24px;
		font-weight:bold;
		color:#ffffff;
	}

	div.wishes_scroller{
		position:relative;
		top:20px;
		height:80px;
		padding:0;
		margin:0;
		margin-left:44px;
		width:454px;
		display:block;
		overflow:hidden;
		border-top:#ffffff 0px solid;
		background-color:#FF0000;
	}
	.wishes_scroller .scrollingtext {
		width:454px;
		top:28px;
		white-space:nowrap;
		font-family:'Trebuchet MS',Arial;
		font-size:24px;
		font-weight:bold;
		color:#ffffff;
		text-align:center;
	}
/* fin scrolling accueil*/

.ecolo
{
color:#00664a;
}

/* scrolling page zones d'intervention */
	div.horizontal_scroller_interv{
		position:relative;
		height:70px;
		padding:0;
		width:540px;
		display:block;
		overflow:hidden;
		border-top:#ffffff 2px solid;
		background-color:#55912f;
	}

	div.scrollingtext_interv{
		position:absolute;
		top:20px;
		white-space:nowrap;
		font-family:'Trebuchet MS',Arial;
		font-size:24px;
		font-weight:bold;
		color:#ffffff;
	}
	div.scrollingtext_interv a{
		color:#ffffff;
	}
	/* fin scrolling accueil*/
.astuce
{
padding:10px 10px 20px 10px;
}


/* page des partenaires */

.liste_part {
}

.liste_part a{
color:#4A8DCA
}



.fltright
{
float:right;
}
.fltleft
{
float:left;
}



.mbot20
{
margin-bottom:20px;
}


.mright20
{
margin-right:20px;
}

#herapro
{
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ffffff;padding:0 2px 0 5px; text-align:left;margin-bottom:40px;
}

#onglet_recrut {
    position: fixed;
    right: 0;
    top: 120px;
    z-index: 99;
}

#contenu_onglet_recrut 
{
	position: absolute;
	top:0px;
	right:0;
	z-index: 2;
    width: 180px;
    height: 120px;
    line-height: 20px;
    padding: 10px 10px 10px 30px;
    text-decoration: none;
    text-align: right;
    cursor: pointer;
	background-color:#fefe2a;
/*    background-color: rgba(254, 254, 42, 0.9);*/
  -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-box-shadow: 0 0 10px #555;
    -webkit-box-shadow: 0 0 10px #555;
    box-shadow: 0 0 10px #555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
}

#animation {
    position: fixed;
    left: -1000px;
    top: 300px;
    z-index: 99;
	width:220px;
	height:220px;
}

#animation_droite {
    position: absolute;
    left: 1000px;
    top: -510px;
    z-index: 99;
	width:400px;
	height:400px;
}

#contenu_animation 
{
	position: absolute;
	top:0px;
	left:0;
	z-index: 2;
    width: 180px;
    height: 120px;
    line-height: 20px;
    padding: 10px 10px 10px 30px;
    text-decoration: none;
    text-align: right;
    cursor: pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
}

#texte_animation
{
	top:10px;
	left:40px;
	position: absolute;
	width:190px;
	height:100px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:#FF0000 0px solid;
	font-weight:bold;
	color:#000000;
}
#texte_animation a,#texte_animation_jardinier a
{
color:#0000FF;
text-decoration:none;
}

#texte_animation_jardinier
{
	top:20px;
	left:30px;
	position: absolute;
	width:170px;
	height:100px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:#FF0000 0px solid;
	font-weight:bold;
	color:#000000;
}
#btn_animation {
    position: fixed;
    left: 40px;
    top: 0;
    z-index: 99;
	display:none;
	border:#FF0000 2px solid;
	background-color:#FFFFFF;
	width:160px;
	height:40px;
}

#contenu_btn_animation 
{
	position: absolute;
	top:0px;
	left:0;
	z-index: 2;
    width: 160px;
    height: 40px;
    line-height: 20px;
    padding: 10px 0px 10px 0px;
    text-decoration: none;
    text-align: right;
    cursor: pointer;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	color:#FF0000;
}

