/* ***** FEUILLE DE STYLE CSS DU SITE INTERNET  CHORUS  *****

/*
Titre:      	Structure du site
Auteur:     	Acreat Web Technologies
Mise à jour:    27 Octobre 2009
*/

/* CSS Document */

HTML { 
	background:#2F0E26 url(../img/structure/fond_site.png) no-repeat top center; 
	height:100%; 
}
	
BODY { 
	color:#F4D9BC;
	font-family:arial,verdana,sans-serif;
	font-size:13px;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
}	

.clear { clear:both; }

#conteneur {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:980px;
}	

/* [ Tableaux ]---------------------------------------------------- */	

TABLE {
	border:0;
	border-collapse:collapse; 
	margin:0; 
	padding:0; 
}

TD {
	border:0;
	border-collapse:collapse; 
	margin:0; 
	padding:0; 
	vertical-align:top;
}

/* [ Titres ]---------------------------------------------------- */	

H1 {
	font-size:18px;
	color:#D40D28;
	letter-spacing:-1px;	
	margin:10px 0 0 0;
	padding:0;
	text-transform:uppercase;
}	

H2 {
	font-size:16px;
	color:#FFF;
	letter-spacing:-1px;	
	margin:5px 0 0 0;
}	

H3 {
	font-size:16px;
	color:#D40D28;
	letter-spacing:-1px;	
	margin:10px 0 0 0;
	padding:0;
}	

/* [ Textes ]---------------------------------------------------- */

.color01 {
	color:#EA640D;
}
.color02 {
	color:#D40E2A;
}

P { 
	text-align:justify;
}	

/* [ Listes ]---------------------------------------------------- */	

UL {
	list-style-type:none; 
	margin:0; 
	padding:0; 
}	

/* [ Liens ]---------------------------------------------------- */	

A IMG { 
	border:0; 
}

A { 
	color:#EA640D;
	text-decoration:none;
}	
A:HOVER {
	color:#ff7e3e;
	text-decoration:none;
}	

/* [ Images ]---------------------------------------------------- */	

.img_d {
	border:5px solid #423435;
	clear:right;
	float:right;
	margin:0 0 10px 20px;
}

.img_g {
	border:5px solid #423435;
	clear:left;	
	float:left;
	margin:0 20px 10px 0;	
}

.bordure {
	border:5px solid #423435;
}

/* [ Formulaires ]---------------------------------------------------- */

INPUT, TEXTAREA {
	background:#FFF url(../img/structure/fond_input.png) repeat-x bottom left;
	border:0;
	color:#25061D;
	font-family:arial,verdana,sans-serif;	
	font-size:11px;
	padding:3px;
}

/* [ COLONNE GAUCHE ]---------------------------------------------------- */	

#col_g {
	float:left;
	margin:10px 20px 0 0;
	width:180px;
}	

/* [ Logo ]---------------------------------------------------- */	

#logo {
	background:url(../img/structure/logo_chorus.png) no-repeat top left;
	display:block;
	height:93px;
	width:180px;	
}

/* [ Menu principal ]---------------------------------------------------- */	

#menu {
	margin:20px 0 0 0;
}
#menu A {
}

#menu #residence, #menu #chorus, #menu #quartier  {
	margin:0 0 10px 0;
}

#menu #residence LI {
 	padding:6px 0;
}
#menu #residence A {
	background:url(../img/structure/residences.png) no-repeat top left;	
	display:block;
	height:34px;
	width:180px;
}
#menu #residence A:HOVER, #menu #residence A#on  {
	background:url(../img/structure/residences.png) no-repeat 0 -34px;	
}	
#menu LI {
	background:url(../img/structure/pointilles.gif) repeat-x bottom left;
}

#menu LI  UL{
	display: none;
}

#menu LI  UL LI {
	background:none;	
}
#menu #residence UL LI A {
	background:url(../img/structure/fleche02.gif) no-repeat 0 5px;	
	color:#FFF;
	display:inline;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 10px;
}
#menu #residence UL LI A:HOVER, #menu #residence UL LI A#on  {
	background:url(../img/structure/fleche01.gif) no-repeat 0 5px;	
	color:#D40D28;
}	
#menu #residence UL LI UL LI  {
	padding:0 0 0 10px;
}	
#menu #residence UL LI UL LI A {
	font-weight:normal;
}
	
#menu #chorus A {
	background:url(../img/structure/chorus.png) no-repeat top left;	
	display:block;
	height:34px;
	width:180px;
}
#menu #chorus A:HOVER, #menu #chorus A#on {
	background:url(../img/structure/chorus.png) no-repeat 0 -34px;	
}	

#menu #quartier A {
	background:url(../img/structure/quartier.png) no-repeat top left;	
	display:block;
	height:34px;
	width:180px;
}
#menu #quartier A:HOVER, #menu #quartier A#on  {
	background:url(../img/structure/quartier.png) no-repeat 0 -34px;	
}


/* Les Residences */
.residences #menu LI  UL{
	display: block;
}





	
/* [ Newsletter ]---------------------------------------------------- */

#news {
	font-size:15px;
	margin:0;
}
#news #titre_news {
	margin:0 0 10px 0;
}	
#news SPAN {
	color:#D40E2A;
	font-weight:bold;
}
#news #bt_envoyer {
	margin:0;
	padding:0;
	vertical-align:middle	
}
#news #mail {
	height:17px;
	width:140px;
	vertical-align:middle	
}

#news .cadre_info, #news .MESSAGE {
	background:#F3D1B2 url(../img/contact/fond_cadre_info.png) repeat-x bottom left;	
	color:#523525;
	font-family:arial,verdana,sans-serif;		
	font-size:12px;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:10px;
	text-align:center;
}
#news .form_error {
	position:relative;
	color:#FFF;
	font-size:10px;
}	
#news .form_error SPAN {
	background:url(../img/contact/fond_error.png) no-repeat top left;	
	color:#FFF;
	font-size:10px;	
	display:block;
	height:20px;
	padding:5px 5px 5px 5px;
	position:absolute;
	top:-5px;
	width:235px;
}

/* [ Demande infos ]---------------------------------------------------- */

#demande_infos {
	background:url(../img/structure/encart_infos.png) no-repeat top left;
	height:104px;
	margin:20px 0 0 0;
	padding:10px;
	position:relative;
	width:160px;
}
#demande_infos P {
	display:none;	
}	
#demande_infos #bt_contact {
	background:url(../img/structure/bt_contact.png) no-repeat top left;
	bottom:8px;
	display:block;	
	height:31px;
	left:34px;
	margin:0 auto;
	position:absolute;	
	text-indent:-1000em;	
	width:112px;
}
#demande_infos A:HOVER#bt_contact {
	background:url(../img/structure/bt_contact.png) no-repeat top left;
	background-position:0 -31px;	
}	
	
/* [ Autres programmes ]---------------------------------------------------- */

#programmes {
	margin:20px 0 0 0;
}

#programmes #titre_programmes {
}
#programmes #titre_programmes SPAN {
	color:#EA640D;
	font-size:18px;
	font-weight:bold;
}	

#programmes A {

	color:#FBE1C6;
	display:block;
	font-size:11px;
	height:20px;
	line-height:20px;
	margin:3px 0;
	padding:0 0 0 4px;
}
#programmes A SPAN {
	color:#FBE1C6;
	font-size:10px;
}	

#programmes A:HOVER {
	color:#FFF;
}
#programmes A:HOVER SPAN {
	color:#FFF;
}

#programmes UL LI {
	background:url(../img/structure/pointilles.gif) repeat-x bottom left;
}	

/* [ Coréalisation ]---------------------------------------------------- */

#corealisation {
	color:#B488A3;
	font-size:10px;
	margin:10px 0 0 0;
}
#corealisation IMG {
	margin:10px 0 0 0;
}	

/* [ COLONNE DROITE ]---------------------------------------------------- */
#col_d {
	float:left;
	margin:10px 0 0 0;	
	width:780px;
}

#arborescence{
	color:#b488a3;
	font-size:11px;
	margin:5px 0 10px 0;
}

#arborescence A {
	color:#b488a3;
	font-size:11px;
}
#arborescence .active, #arborescence A:HOVER {
	color:#FFF;
}	

#page_type UL LI {
	background:url(../img/structure/puce01.gif) no-repeat 0 8px;	
	padding:0 0 0 10px;
}

.lien_pdf {
	background:url(../img/structure/picto_pdf.gif) no-repeat top left;
	color:#FFF;
	display:block;
	padding:0 0 0 20px;
}
A:HOVER.lien_pdf {
	color:#EA640D;
}
.lien_jpg {
	background:url(../img/structure/picto_jpg.gif) no-repeat top left;
	color:#FFF;
	display:block;
	padding:0 0 0 20px;
}
A:HOVER.lien_jpg {
	color:#EA640D;
}

.bt_savoirplus {
	background:url(../img/structure/bt_savoirplus.png) no-repeat top left;
	display:block;
	height:27px;
	margin:10px 0 0 0;
	width:114px;
}
A:HOVER.bt_savoirplus{
	background:url(../img/structure/bt_savoirplus.png) no-repeat 0 -27px;
}

.bt_savoirplus_res {
	background:url(../img/structure/bt_savoirplus_res.png) no-repeat top left;
	color:#FFF;
	display:block;
	height:27px;
	margin:10px 0;	
	width:235px;
}
A:HOVER.bt_savoirplus_res {
	background:url(../img/structure/bt_savoirplus_res.png) no-repeat 0 -27px;
}

.decouvrir_chorus {
	background:url(../img/structure/decouvrir_chorus.png) no-repeat top left;
	color:#FFF;
	display:block;
	height:27px;
	margin:10px 0;	
	width:235px;
}
A:HOVER.decouvrir_chorus {
	background:url(../img/structure/decouvrir_chorus.png) no-repeat 0 -27px;
}
.voir_appartements {
	background:url(../img/structure/voir_appartements.png) no-repeat top left;
	color:#FFF;
	display:block;
	height:27px;
	margin:10px 0;	
	width:169px;
}
A:HOVER.voir_appartements {
	background:url(../img/structure/voir_appartements.png) no-repeat 0 -27px;
}

#col_d #page_type #colg{
	float: left;
	width: 410px;
}

#col_d #page_type #cold{
	float: right;
	width: 350px;
	margin: 35px 0 0 20px;
}


/* [ Présentation ]---------------------------------------------------- */	

#presentation {
	margin:20px 0 0 0;
	text-align:justify;
	width:378px;	
}

#presentation #visuel01 {
	margin:0 10px 10px 0;
}
#presentation #visuel02 {
	margin:0 0 10px 0;
}
#presentation #visuel03 {
	margin:0 10px 0 0;
}

/* [ Anim programme ]---------------------------------------------------- */	

#anim {
	background:url(../img/index/fond_bandeau.png) no-repeat top left;
	height:338px;
	padding:6px; 
	width:768px;
}

/* [ Carte google ]---------------------------------------------------- */

#plan_situation {
	background:url(../img/index/fond_carte.png) no-repeat top left;	
	float:right;
	height:311px;
	margin:20px 0 0 0;
	padding:4px;
	position:relative;
	width:382px;
	overflow:hidden;
}
#plan_situation #bt_contact {
	background:url(../img/index/bt_contact.png) no-repeat top left;
	bottom:15px;
	display:block;	
	height:37px;
	left:108px;
	margin:0 auto;
	position:absolute;	
	text-indent:-1000em;	
	width:160px;
}
#plan_situation A:HOVER#bt_contact {
	background:url(../img/index/bt_contact.png) no-repeat top left;
	background-position:0 -37px;	
}	

#plan_situation #google_map {
	height:253px;
	width:374px;
}

/* [ Bandeau ] ---------------------------------------------------- */	

#bandeau {
	background:url(../img/structure/bandeau_chorus.jpg) no-repeat top left;
	height:175px;
	width:780px;
}

/* [ Pied de page ]---------------------------------------------------- */	

#piedpage { 
	font-size:10px; 
	margin:0;
	padding:10px 0 0 0;
	clear: left;
}

#lien_acreat {
	float:left;
}

#lien_acreat A {
	color:#764C6B;
}
#lien_acreat A:HOVER {
	color:#a96096;
}

#menu_secondaire  {
	color:#FBE1C6;
	float:right;
	text-transform:uppercase;
}	

#menu_secondaire A {
	color:#FBE1C6;
}	
#menu_secondaire A:HOVER, #menu_secondaire A#actif {
	color:#FFF;
}

/* [ PAGE CONTACT ]---------------------------------------------------- */	

#visuels_contact {
	float:right; 
	width:184px;
}
#visuels_contact IMG {
	margin:10px 0 0 0;
}

#demande {
	width:576px;
}

#demande #bas_formulaire INPUT {
	float:right;
}
	
#demande .formulaire {
	margin:0 0 20px 0;
	width:100%;
}

#demande .formulaire INPUT {
	width:200px;	
}
#demande .formulaire TEXTAREA {
	width:100%;	
}
	
#demande EM {
	font-size:10px;
}

#demande .need {
	color:#EA640D;
}

#demande #bt_envoyer {
	background:none;
	border:0;
	padding:0;
}

#demande .form_error {
	position:relative;
	color:#FFF;
	font-size:10px;
}	
#demande .form_error SPAN {
	background:url(../img/contact/fond_error.png) no-repeat top left;	
	display:block;
	height:20px;
	padding:5px 5px 5px 5px;
	position:absolute;
	top:-5px;
	width:235px;
}

#demande .cadre_info {
	background:#F3D1B2 url(../img/contact/fond_cadre_info.png) repeat-x bottom left;	
	color:#523525;
	font-family:arial,verdana,sans-serif;		
	font-size:16px;
	font-weight:bold;
	margin:40px 0 10px 0;
	padding:20px;
	text-align:center;
}

#bt_retour_accueil {
	margin:0 0 400px 0;	
}

#demande .MESSAGE {
	background:#F3D1B2 url(../img/contact/fond_cadre_info.png) repeat-x bottom left;	
	color:#523525;
	font-family:arial,verdana,sans-serif;		
	font-size:12px;
	margin-bottom:10px;
	padding:10px;
	text-align:center;
}

/* [ PAGE CREDITS ]---------------------------------------------------- */	

#logos_credits {
	margin:20px 0 0 0;
}
#logos_credits A {
	margin:0 20px 0 0;
}

/* [ PAGES LE DUKE ]---------------------------------------------------- */	

#page #conteneur #col_d .leduke {
	background:url(../img/leduke/fond_leduke.jpg) no-repeat top left;	
	min-height:300px;
	padding:110px 0 0 0;
}
.leduke H1 {
	margin:0;
}

/* [ PAGES LE MILES ]---------------------------------------------------- */	

#page #conteneur #col_d .lemiles {
	background:url(../img/lemiles/fond_lemiles.jpg) no-repeat top left;	
	min-height:300px;
	padding:110px 0 0 0;
}
.lemiles H1 {
	margin:0;
}

/* [ PAGES LE SIDNEY ]---------------------------------------------------- */	

#page #conteneur #col_d .lesidney {
	background:url(../img/lesidney/fond_lesidney.jpg) no-repeat top left;	
	min-height:300px;
	padding:110px 0 0 0;
}
.lesidney H1 {
	margin:0;
}

/* [ PAGE LES APPARTEMENTS ]---------------------------------------------------- */	

#page_type UL.liste_opportunites LI {
	background:url(../img/structure/pointilles.gif) repeat-x bottom left;	
	padding:8px 0;
}

#page_type UL.liste_opportunites STRONG, #page_type UL.liste_opportunites B {
	color:#ea640d;
}
	
#page_type UL.liste_opportunites A.acces_plan {
	background:#fbe1c6 url(../img/structure/bt_acces_plan.png) no-repeat top left;		
	color:#d40d28;
	font-size:10px;
	margin:5px 0 5px 15px;
	padding:2px 10px 2px 19px;
	text-transform:uppercase;
}
#page_type UL.liste_opportunites A:HOVER.acces_plan {
	background:#be112a url(../img/structure/bt_acces_plan.png) no-repeat 0 -20px;
	color:#FFF;
}

/* [ PAGE LE QUARTIER ]---------------------------------------------------- */	

#colonne_d {
	float:right;
	margin:0 0 0 20px;
	width:380px;
}

#plan  #google_map {
	border:5px solid #423435;
	height:250px;
	margin:0 0 20px 0;
	overflow:hidden;		
	width:770px;
}

#colonne_d  #visuel01, #colonne_d  #visuel03  {
	padding:0 12px 0 0;
}	
#colonne_d  #visuel03, #colonne_d  #visuel04  {
	padding-top:10px;
}



#visuel_principal {
	margin-bottom:15px;
	border: 5px solid #423435;
}

/* [JCAROUSEL]---------------------------------------------------- */	

.jcarousel-container { position: relative; }

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
	background:none;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
	background:none;
    list-style: none;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }

/* [JCAROUSEL GRAND]---------------------------------------------------- */	

.jcarousel-skin-grand .jcarousel-clip-horizontal { width:960px; height:210px; }
.jcarousel-skin-grand .jcarousel-container-horizontal { width:960px;  }
.jcarousel-skin-grand .jcarousel-item { width:320px; height:210px; }

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-grand .jcarousel-next-horizontal {
    position: absolute;
	background: transparent url(../img/structure/fleche_suiv_g.gif) no-repeat 0 0; 
	right: -25px;
    top: 91px;
    width: 17px;
    height: 28px;
    cursor: pointer;
}

.jcarousel-skin-grand .jcarousel-prev-horizontal  {
    position: absolute;
	background: transparent url(../img/structure/fleche_prec_g.gif) no-repeat 0 0; 
	left: -25px;
    top: 91px;
    width: 17px;
    height: 28px;
    cursor: pointer;
}

.jcarousel-skin-grand .jcarousel-prev-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-grand .jcarousel-prev-horizontal:active { background-position: 0 0; }
.jcarousel-skin-grand .jcarousel-next-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-grand .jcarousel-next-horizontal:active { background-position: 0 0; }
.jcarousel-skin-grand .jcarousel-next-disabled-horizontal,
.jcarousel-skin-grand .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-grand .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-grand .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-grand .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-grand .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/* [JCAROUSEL PETIT]---------------------------------------------------- */	
.jcarousel-skin-petit .jcarousel-container { }

.jcarousel-skin-petit .jcarousel-clip-horizontal { width:100%; height:93px; }
.jcarousel-skin-petit .jcarousel-container-horizontal {
	width:544px;
	padding-left:20px;
	padding-right:20px;
	margin:0;
}
.jcarousel-skin-petit .jcarousel-item { 
	width:124px; 
	height:93px; 
	background:#0D090A url(../img/structure/fond_vignette.jpg) no-repeat center center;
	padding:0; margin:0;
}
.jcarousel-skin-petit .jcarousel-item  IMG { 	border:2px solid #423435; }

.jcarousel-skin-petit .jcarousel-item-horizontal {
    width: 124px;
    height: 93px; 
	margin:0;
	padding:0;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-petit .jcarousel-next-horizontal {
    position: absolute;
    top: 40px;
    right:0;
    width: 9px;
    height: 11px;
    cursor: pointer;
	background: transparent url(../img/structure/fleche_suiv_on.gif) no-repeat 0 0;
}
.jcarousel-skin-petit .jcarousel-next-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-petit .jcarousel-next-horizontal:active { background-position: 0 0; }
.jcarousel-skin-petit .jcarousel-next-disabled-horizontal,
.jcarousel-skin-petit .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-petit .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: transparent url(../img/structure/fleche_suiv_off.gif) no-repeat 0 0;
}

.jcarousel-skin-petit .jcarousel-prev-horizontal {
    position: absolute;
    top: 40px;
    left:0;
    width: 9px;
    height: 11px;
    cursor: pointer;
    background: transparent url(../img/structure/fleche_prec_on.gif) no-repeat 0 0;
}
.jcarousel-skin-petit .jcarousel-prev-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-petit .jcarousel-prev-horizontal:active { background-position: 0 0; }
.jcarousel-skin-petit .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-petit .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-petit .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: transparent url(../img/structure/fleche_prec_off.gif) no-repeat 0 0;
}

/* [JCAROUSEL FICHE]---------------------------------------------------- */	
.jcarousel-skin-fiche .jcarousel-container { }

.jcarousel-skin-fiche .jcarousel-clip-horizontal {
	width:320px; height:80px;
}

.jcarousel-skin-fiche .jcarousel-container-horizontal {
	width:320px;
	padding-left:15px;
	padding-right:15px;
	margin:0;
}
.jcarousel-skin-fiche .jcarousel-item { 
	width:128px; 
	height:93px; 
	padding:0; margin:0;
}
.jcarousel-skin-fiche .jcarousel-item  IMG{
	border:2px solid #423435;
}

#page_type #contenu #cold .jcarousel-skin-fiche .jcarousel-item-horizontal {
    width: 104px;
    height: 80px; 
	margin:0;
	padding:0;
	margin-right:1px;
	list-style-type: none;
	list-style-image: none;
}

/**
 *  Horizontal Buttons
 */
 .jcarousel-skin-fiche {  }
 
.jcarousel-skin-fiche .jcarousel-next-horizontal {
    position: absolute;
    top: 35px;
    right:0;
    width: 9px;
    height: 15px;
    cursor: pointer;
	background: transparent url(../img/structure/fleche_suiv.png) no-repeat 0 0;
}
.jcarousel-skin-fiche .jcarousel-next-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-fiche .jcarousel-next-horizontal:active { background-position: 0 0; }
.jcarousel-skin-fiche .jcarousel-next-disabled-horizontal,
.jcarousel-skin-fiche .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-fiche .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background: transparent url(../img/structure/fleche_suiv.gif) no-repeat 0 -40px;
}

.jcarousel-skin-fiche .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left:0;
    width: 9px;
    height: 15px;
    cursor: pointer;
    background: transparent url(../img/structure/fleche_prec.png) no-repeat 0 0;
}
.jcarousel-skin-fiche .jcarousel-prev-horizontal:hover { background-position: 0 0; }
.jcarousel-skin-fiche .jcarousel-prev-horizontal:active { background-position: 0 0; }
.jcarousel-skin-fiche .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-fiche .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-fiche .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background: transparent url(../img/structure/fleche_prec.png) no-repeat 0 -40px;
}