﻿@charset "utf-8";
/************************
*	Elements généraux	*
************************/

* {margin:0; padding:0;}
body {
	font-family:"Trebuchet MS";
	/*font-size:13px;*/
	font-size:0.9em;
	/*line-height:1.3em;*/
	color:#FFFFFF;
	margin-left:-23px;
	background-image:url(../images/bg-body.jpg); 
	background-repeat:repeat-x;
	background-position:0 -28px;
	background-color:#815876;
}
.largeur {width:975px; margin:auto;}
img {border:none;}
a {text-decoration:none; outline:none;}
ul {list-style-type:none;}

/************************
*	Fleur				*
************************/

#fleur {
	width:114px;
	height:658px;
	left:50%;
	position:absolute;
	margin-left:-613px;/*613 - 601*/
	margin-top:0px!important;
	margin-top:8px;
	background-image:url(../images/fleurGauche.jpg);
}

/************************
*	Contenu				*
************************/

#contenu {
	width:975px;
	height:659px;
	margin:auto;
	/*position:relative;*/
	/*left:-12px;*/
}

/************************
*	Haut de page		*
************************/

#hautDePage {
	width:975px;
	height:152px;
	float:left;
}

/* Logo */
h1#logo {
	width:335px;
	height:152px;
	float:left;
}

h1#logo a span{
	text-indent:-99999em; overflow:hidden; position:absolute;
}

/* Menu */
#menu {
	width:640px;
	height:152px;
	float:left;
	margin-top:0px!important;
	margin-top:-152px;
}

#menu ul {list-style-type:none;}
#menu ul li {float:left; height:152px; display:inline;}
#menu ul li a {display:block; height:152px;}
#menu span {text-indent:-99999em; overflow:hidden; position:absolute;}

#menu ul li#menu_3 {background:url(../images/menu/domicile.jpg); width:170px; height:152px;}
#menu ul li#menu_4 {background:url(../images/menu/entreprise.jpg); width:140px; height:152px;}
#menu ul li#menu_5 {background:url(../images/menu/hopital.jpg); width:175px; height:152px;}
#menu ul li#menu_6 {background:url(../images/menu/hotel.jpg); width:155px; height:152px;}

/* hover */

#menu ul li#menu_3 a:hover {background:url(../images/menu/domicile-h.jpg); width:170px; height:152px; margin-left:0px;}
#menu ul li#menu_4 a:hover {background:url(../images/menu/entreprise-h.jpg); width:140px; height:152px; margin-left:0px;}
#menu ul li#menu_5 a:hover {background:url(../images/menu/hopital-h.jpg); width:175px; height:152px; margin-left:0px;}
#menu ul li#menu_6 a:hover {background:url(../images/menu/hotel-h.jpg); width:155px; height:152px; margin-left:0px;}

/* actif */

#menu ul li.active#menu_3 {background:url(../images/menu/domicile-h.jpg); width:170px; height:152px;}
#menu ul li.active#menu_4 {background:url(../images/menu/entreprise-h.jpg); width:140px; height:152px;}
#menu ul li.active#menu_5 {background:url(../images/menu/hopital-h.jpg); width:175px; height:152px;}
#menu ul li.active#menu_6 {background:url(../images/menu/hotel-h.jpg); width:155px; height:152px;}

/************************
*	Rendez-vous			*
************************/

#rendezVous {
	width:975px;
	height:61px;
	float:left;
	background-image:url(../images/accueil/rdv.jpg); 
}

#rendezVous p, #rendezVous p strong {
	text-indent:-99999em; overflow:hidden; position:absolute;
}

/************************
*	Corps				*
************************/

#corps {
	width:975px;
	height:412px;
	float:left;
	background-image:url(../images/bg-corps.jpg);
	background-repeat:no-repeat;
	/*overflow:hidden;*/
}

/*rubriques*/
.rubriques {
	width:160px;
	height:auto;
	float:left;
	font-size:16px;
}

.rubriques ul {margin-top:-5px;}
.rubriques ul li {width:160px; height:25px; float:left; display:inline; background:url(../images/rubriques/puce.gif) no-repeat; margin-top:16px;}
.rubriques ul li a {width:160px; height:25px; display:block; height:auto; color:#A583A2;}
.rubriques ul li a:hover {width:160px; height:25px; height:auto; color:#ffffff;}
.rubriques ul li.active a{width:160px; height:25px; height:auto; color:#ffffff;}

.rubriques span {margin-left:16px;}

#information {width:813px; float:left; overflow:hidden;}
#informationFiche {width:813px; float:left; overflow:hidden;}
#informationContact {width:975px; float:left;}
#informationPlan {width:975px; float:left;}

/************************
*	Accueil				*
************************/

/*News*/
#news {
	width:377px;
	height:412px;
	float:left;
	margin-left:6px;
	display:inline;
}

#imageNews {
	width:309px;
	height:112px;
	float:left;
	margin-top:17px;
}

#texteNews h2{
	font-size:2em;
/*	margin-top:-7px;*/
}

#texteNews {
	width:310px;
	height:247px;
	float:left;
	margin-top:15px;
} 

/*Qui sommes-nous*/
#quiSommesNous {
	width:420px;
	height:412px;
	float:left;
	margin-left:6px;
	margin-top:-3px;
	display:inline;
}

h2#qsn {
	width:214px;
	height:60px;
	margin-top:5px;
	background-image:url(../images/accueil/quiSommesNous-2.jpg);
	text-indent:-9000px;
}

#imageQsn {
	width:344px;
	height:116px;
	float:left;
	margin-top:30px!important;
	margin-top:7px;
}

#texteQsn {
	width:400px;
	height:247px;
	float:left;
	line-height:1.3em;
}

/************************
*	A domicile			*
************************/

#imageAdom {width:300px; float:left; margin-top:20px; margin-left:5px; display:inline;}
#texteAdom {width:470px; height:auto; float:left; margin-top:15px; margin-left:20px;} 
#texteAdom p {float:left; margin-left:5px; margin-top:10px;}

#imageEnEntreprise {width:300px; float:left; margin-top:20px; margin-left:20px; display:inline;}
#texteEnEntreprise {width:445px; height:auto; float:left; margin-top:15px; margin-left:5px;} 
#texteEnEntreprise p {float:left; margin-left:5px; margin-top:10px;}

#imageHopital {width:205px; float:left; margin-top:20px; margin-left:5px; display:inline;}
#texteHopital {width:470px; height:auto; float:left; margin-top:15px; margin-left:20px;} 
#texteHopital p {float:left; margin-left:5px; margin-top:10px;}

#imageAhotel {width:205px; float:left; margin-top:20px; margin-left:5px; display:inline;}
#texteAhotel {width:470px; height:auto; float:left; margin-top:15px; margin-left:20px; padding-right:15px;} 
#texteAhotel p {float:left; margin-left:5px; margin-top:10px;}

/************************
*	Fiche				*
************************/

.fiche {
	width:760px;
	float:left;
	display:inline;
	margin-top:5px;
	padding-bottom:20px;
}

.texteFiche {
	width:491px;
	float:left;
	display:inline;
	margin-left:6px;
}

.imgFiche {
	width:224px;
	height:127px;
	float:left;
	display:inline;
	margin-left:32px;
}

.imgFiche img {
	width:222px;
	height:125px;
	border:1px #a583a2 solid;
}

#texteAdom h3, #texteEnEntreprise h3, #texteHopital h3, #texteAhotelh3 {
	font-size:1.2em;
}

/************************
*	Hôtel						*
************************/

.hotel {
	width:760px;
	float:left;
	display:inline;
	margin-top:20px;
}

.texteHotelCourt {
	/*width:285px;*/
	float:left;
	display:inline;
	margin-left:6px;
}

.texteHotelLong p {width:auto;}

.texteHotelLong img {margin:10px;}

.texteHotelLong {
	float:left;
	display:inline;
	margin-left:6px;
}

.texteHotelLong a{
	text-decoration:none;
	color:#FFFFFF;
}

.imgHotel {
	width:273px;
	height:350px;
	float:left;
	margin-left:115px;
}

/************************
*	Contact				*
************************/

.contact {
	width:975px;
	height:auto;
	float:left;
	margin-top:35px;
}

.contactChoix {
	width:275px;
	height:75px;
	float:left;
	margin-left:130px;
	margin-top:13px;
	display:inline;
}

.formulaireContactRadio {
	width:250px;
	float:left;
	margin-left:140px;	
	display:inline;
	margin-top:75px!important;
	margin-top:45px;
}

.formulaireContactRadio h3{
	padding-bottom:15px;
}

.formulaireContact {
	width:240px;
	float:left;
	margin-left:130px;
	margin-top:13px;
}

.formulaireContact ul.info {width:350px; height:250px; float:left; margin-top:5px;}
.formulaireContact ul.info li {width:350px; float:left; margin-top:7px;}

.formulaireContact ul.radio {width:240px; height:250px; float:left; margin-top:20px;}
.formulaireContact ul.radio li {width:240px; float:left; margin-top:5px;}

.intitule {width:125px; height:15px; float:left; margin-left:0px; margin-top:-3px;}

.imgContact {
	width:417px;
	height:278px;
	float:left;
	display:inline;
	margin-left:28px;
	margin-top:5px;
}

.formInput {
	float:left;
	display:inline;
	margin-top:10px;
}

input.text {
	width:200px;
	height:15px;
	float:left;
	margin-left:15px;
	color:#FFFFFF;
	display:inline;
	background-color:#a583a2;
	border:1px #ffffff solid;
}

input.bouton {
	width:99px;
	height:23px;
	float:left;
	margin-left:210px;
	margin-top:10px;
	display:inline;
}

textarea {
	width:200px;
	height:75px;
	color:#FFFFFF;
	float:left;
	margin-left:15px;
	background-color:#a583a2;
	border:1px #ffffff solid;
	overflow:hidden;
}

/************************
*	Conditions			*
************************/

.conditions {
	width:760px;
	float:left;
	display:inline;
	margin-top:20px;
}

.texteConditions {
	width:760px;
	float:left;
	display:inline;
}

.texteConditions p {
	float:left;
	margin-left:10px;
}

/************************
*	Plan				*
************************/

.arbre {
	width:160px;
	float:left;
	height:390px;
	display:inline;
	margin-top:15px;
	margin-left:30px;
}

#informationPlan h3 {
	font-size:1.2em;
}

#informationPlan h3 a{
	display:block;
	color:#FFFFFF;
}

/************************
*	Print - Send		*
************************/

.iconePrint {
	width:26px;
	height:17px;
	float:left;
	margin-top:45px;
	margin-left:175px;
	display:inline;
}

.iconeSend {
	width:26px;
	height:17px;
	float:left;
	margin-top:45px;
	margin-left:20px;
	display:inline;
}


/************************
*	Bas de page			*
************************/

#filet {
	width:100%;
	height:1px;
	margin-top:-34px!important;
	margin-top:-26px;
	border-top:1px #5e2f50 solid;
}

#basDePage {
	width:975px;
	height:30px;
	margin-top:0!important;
	margin-top:-15px;
	font-size:13px;
}

/*infos Générales*/
#infosGenerales {
	width:320px;
	height:auto;
	float:left;
	margin-left:0px;
}

#infosGenerales ul {list-style-type:none;}
#infosGenerales ul li {float:left; height:auto; display:inline;}
#infosGenerales ul li a {display:block; height:auto; color:#ffffff;}

/*Liens*/
#liens {
	width:350px;
	height:20px;
	float:right;
	margin-right:5px;
}

#liens ul {list-style-type:none;}
#liens ul li {float:left; height:auto; display:inline;}
#liens ul li a {display:block; height:auto; color:#ffffff;}

.sepInfos {color:#FFFFFF; padding-left:6px; padding-right:6px;}
.sepLiens {color:#FFFFFF; padding-left:4px; padding-right:4px;}




