body{
	background-color:#585b60;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

ul, li, h1, h2, h3 {
	margin:0;
	padding:0;
}

input:focus {
	background-color:#FFFFFF;
}

#header{
	width:1000px;
	height:434px;
	margin:auto;
	background-position: bottom;
	background-repeat: no-repeat;
	position:relative;
}

#logo {
	/*margin-left: 30px;*/
	left:50px;
	width: 283px;
	height: 138px;
	z-index: 5;
	position: absolute;
}

#accroche_telephone {
	float:right;
	color:#FFFFFF;
	font-size:17px;
	font-weight:bold;
	text-transform:uppercase;
	height: 25px;
	margin-top:5px;
}

/* GESTION MENU */

#navigation {
	background-image:url(../images/fond-navigation.png);
	background-repeat:repeat-x;
	height:84px;
	width:1000px;
	margin:auto;
	float:left;
}

#navigation ul {
	float:right;
	height:75px;
}

#navigation ul a {
text-decoration: none;
padding-left:106px; /* permet de déterminer la largeur de la zone réactive */
display:block; /* l'élément est un block afin de pouvoir le positionner en absolu et uitliser l'overflow */
overflow:hidden; /* permet de masquer le texte qui est en dehors de la zone réactive */
height:75px; /* hauteur de la zone réactive */
voice-family: "\"}\""; /* pour palier aux problèmes de IE5 et de son interprétation des largeurs */
voice-family:inherit;
width: 0px;
}

#navigation ul li {
	float: left;
	list-style-type: none;
	height:75px;
	width:106px;
	display:inline;
}
#navigation ul li.separateur{
	background-image:url(../images/li-separateur.png);
	background-repeat:no-repeat;
	height:75px;
	width:2px;
	margin-top:5px;
}

#navigation ul li a#accueil {
	background-image:url(../images/menu-accueil.gif);
	background-position:bottom;
	background-repeat:no-repeat;	
}
#navigation ul li a#accueil:hover {
	background-position:top;
}

#navigation ul li a#residences {
	background-image:url(../images/menu-residences.gif);
	background-position:bottom;
	background-repeat:no-repeat;	
}
#navigation ul li a#residences:hover {
	background-position:top;
}

#navigation ul li a#partenaires {
	background-image:url(../images/menu-partenaires.gif);
	background-position:bottom;
	background-repeat:no-repeat;	
}
#navigation ul li a#partenaires:hover {
	background-position:top;
}

#navigation ul li a#infos_utiles {
	background-image:url(../images/menu-infos-utiles.gif);
	background-position:bottom;
	background-repeat:no-repeat;	
}
#navigation ul li a#infos_utiles:hover {
	background-position:top;
}

#navigation ul li a#liens_utiles {
	background-image:url(../images/menu-liens-utiles.gif);
	background-position:bottom;
	background-repeat:no-repeat;	
}
#navigation ul li a#liens_utiles:hover {
	background-position:top;
}

#navigation ul li a#contact {
	background-image:url(../images/menu-contact.gif);
	background-position:bottom;
	background-repeat:no-repeat;	
}
#navigation ul li a#contact:hover {
	background-position:top;
}
/* FIN GESTION MENU */

#photo-formulaire {
	width:950px;
	height:320px;
	margin:auto;
}

#gauche {
	width: 577px;
	height: 320px;
	background-image: url(../images/maison-de-retraite.png);
	background-repeat: no-repeat;
	float: left;
	color:#015395;
	font-weight: bold;
	text-align: justify;
}

#droite {
	background-color: #ff7400;
	height: 320px;
	width: 373px;
	float: left;
}

#accroche {
	background-image: url(../images/accroche_form.png);
	background-repeat: no-repeat;
	width: 373px;
	height: 86px;
	margin-top: 15px;
}

#droite form{
	color:#000000;
	margin: 0 0 0 5px;
}
#droite form label{
	display:block;
	color: #FFFFFF;
	font-size: 15px;
	float: left;
	width: 170px;
	font-weight: bold;
	margin: 3px 0 0 7px;
	font-family: Arial, Helvetica, sans-serif;
}
#droite form input{
	height:20px;
	float:left;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 1px;
	font-size: 16px;
	color:#33abef;
	background-color: #FFFFFF;
	margin-top: 8px;
	margin-left: 7px;
}
#droite form input.chmpTxt{
	width:350px;
}
#droite form input.chmpTxtCourt{
	width:250px;
}
#droite form input:focus{
	border-color: #33abef;
	border-style: solid;
	border-width: 3px;
	margin-top: 5px;
	margin-left: 4px;
}
#droite form input.go{
	background: url(../images/validation.png);
	background-repeat: no-repeat;
	background-position: top;
	width:79px;
	height:23px;
	border:none;
	cursor:pointer;
	float:left;
	padding:0;
	margin-left: 17px;
	margin-top:10px;	
}

#droite form input.go:hover{
	background-position:bottom;
}

#reponse {
	color:#FFFFFF;
	font-variant: small-caps;
	font-weight: bold;
	width:100%;
	text-align: center;
	float: left;
	margin-top: 5px;
	font-size:21px;
	font-family: Arial, Helvetica, sans-serif;
}


#partie_centre {
	margin:auto;
	width:950px;
	background-color:#FFFFFF;
	padding-top:20px;
	padding-bottom:20px;
}
#centre_gauche {
	float:left;
	position:relative;
	width:200px;
	margin-left:20px;
}
#form_gauche {
	background-color:#c1e9f9;
}
#recherche-rapide {
	width:200px;
	height:33px;
	background-image:url(../images/header-recherche-rapide.gif);
}
#contenu-recherche-rapide {
	height:200px;
	width:200px;
	background-color:#c1e9f9;
}
#cadre {
	background-color:#e3f5fc;
	height:50px;
	width:170px;
	border:solid 2px #005294;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	margin-top:10px;
	padding-top:5px;
	background-image:url(../images/fond-form.gif);
	background-repeat:no-repeat;
}
#contenu-recherche-rapide form{
	color:#000000;
	width: 190px;
	margin: 0px;
	margin-left: 0px;
}
#contenu-recherche-rapide form label{
	display:block;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: left;
	width: 170px;
	font-weight: bold;
	margin-top: 8px;
	margin-left: 15px;
}
#contenu-recherche-rapide form input{
	width:170px;
	height:15px;
	color:#000000;
	float:left;
	border-color: #005294;
	border-style: solid;
	border-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin-top: 1px;
	margin-left: 15px;
}
#contenu-recherche-rapide form input.champ_court{
	width:130px;
}
#contenu-recherche-rapide form input.go{
	background:url(../images/btn_valider.png);
	width:28px;
	height:17px;
	border:none;
	cursor:pointer;
	margin:2px 0 5px 10px;
	background-repeat: no-repeat;
	background-position: bottom;
}

#contenu-recherche-rapide form input.go:hover{
	background-position:top;
}

#carter_TA {
	margin-top:15px;
	background-image:url(../images/carter_TA.jpg);
	width:199px;
	height:157px;
}

#carter_blog {
	margin-top:15px;
	background-image:url(../images/header-blog.gif);
	background-repeat:no-repeat;
	background-position:top;
	background-color:#c1e9f9;
	width:199px;
	height:252px;
}

#carter_blog ul{
	list-style-type:none;
	margin-left:5px;
	margin-right:5px;
	text-align:justify;
	font-size:12px;
	padding-top:45px;
}

#carter_blog ul li{
	background: url(../images/puce_rss.png) no-repeat 0% 0.1em;
	padding-left:25px;
	min-height:19px;
}

#carter_blog ul li a {
	color:#000000;
	text-decoration:none;
}
#carter_blog ul li a:hover {
	text-decoration:underline;
}

#carter_blog a.lienBlog {
	color:#000000;
	font-size:12px;
	font-weight:bold;
	margin: 10px 10px 0 10px;
	text-align:center;
	display:block;
}

#centre_centre {
	float:left;
	position:relative;
	width:548px;
	margin-left:20px;
	text-align:justify;
	font-size:12px;
}

#centre_centre h1 {
	color: #1fa7eb;
	font-size: 18px;
	margin-left: 15px;
}

#centre_centre h2 {
	color:#015395;
	font-size: 15px;
	margin-left: 15px;
}

#centre_centre a {
	color:#1FA7EB;
	font-weight:bold;
}
#centre_centre a.bl {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
}

#centre_centre ul {
	margin:10px 0 10px 0;
}
#centre_centre li {
	margin-left:20px;
}

#personnes-agees-bas {
	background-image:url(../images/fondu-personnes-agees.png);
	margin:auto;
	margin-top:22px;
	width:548px;
	height:155px;
}

#centre_droite {
	float:left;
	position:relative;
	width:125px;
	margin-left:20px;
}

.carterDossier {
	margin-bottom:18px;
}

#footer {
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-position:top;
	background-color:#33bff1;
	width: 950px;
	height: 70px;
	z-index:5;
	margin: auto;
	margin-top: -4px;
	position:relative;
}

#mentions-legales {
	height:35px;
	width:240px;
	position:absolute;
	left:0;
	top:0;
}

#footer p{
	padding:0;
	margin:0;
	position:absolute;
	bottom:0;
	width:950px;
	text-align:center;
	font-size:10px;
	color:#3357f1;
}
#footer p a{
	color:#3357f1;
	text-decoration:none;
}
#footer p a:hover{
	text-decoration:underline;
}
