/*
	CSS 1 pour ISI
	Sylvie, Emilie, Simon - egzakt.com
	2006-01-09
*/

body {
	background:#B7A785 url(/images/tuiles/tuile_fond.jpg) repeat-x;
	margin:20px 0 10px 0;
}
img {
	border:0;
}
.clear {
	clear:both;
	height:1px;
	line-height:1px;
}

.note {
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;	
}


#wrapper {
	width:880px;
	margin:auto;
		
}

#wrapper_padding {
	padding:7px 8px;
	border:2px solid #AEAB9A;
	border-top:0px;
	background-color:#FFFFFF;
}



/* ENTETE
-----------------------------------------*/
#entete {
	background:url(/images/graphiques/entete.gif) no-repeat;
	width:890px;
	height:83px;
	margin:auto;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
}

#entete_padding {
	padding:10px 20px;
}

#entete a {
	text-decoration:none; 
	border:0;
	color:#FFFFFF;
}

#entete a:hover {
	text-decoration:underline; 
}

#entete a.selected {
	color:#FFFFFF;
	font-weight:bold;
}

#entete_bas {
	float:right;
	display: inline;/*IE Bug*/
	font: bold 9px/12px Verdana, Arial, Helvetica, sans-serif;
	margin-top:23px;
	margin-right:16px;
	border-top:#fff 1px solid;
	background:url(/images/tuiles/fond_entete_bas.gif) repeat-x;
}

#entete_bas a {
	display:block;
	float:left;
	color:#42151A;
	background:url(/images/tuiles/fond_entete_bas.gif) repeat-x;
	padding:5px 8px 5px 8px;
	border: 1px solid #AEAB9A;
	border-left:0;
}

#entete_bas a:hover {
	color:#A20D1C;
	text-decoration:none; 
}

#entete_bas a.selected {
	border-bottom:1px solid #FFFFFF;
	color:#A20D1C;
	background:#FFFFFF;
	padding-bottom:8px;
}

#contenu {
	clear:both;
	margin:8px 0 5px 0;	
	padding-bottom:10px;
	border-bottom:1px solid #AEAB9A;
}



/* SOUS NAVIGATION
-----------------------------------------*/
#barre_degrade {
	width:860px;
	height:17px;
	background:url(/images/tuiles/tuiles_sousnav.gif) no-repeat;
}

#sous_navigation {
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#42151A;
	padding-bottom:6px;
	border-bottom:1px solid #AEAB9A;
}

#sous_navigation a {
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#42151A;
	text-decoration:none;
	border-bottom:1px dashed;
}

#sous_navigation a:hover {
	color:#A20D1C;	
}

#sous_navigation a.selected {
	color:#A20D1C;	
}




/* NAVIGATION INTERNE
-----------------------------------------*/
#navigation_interne {
	background:url(../images/tuiles/tuile_gauche_02.gif) bottom left no-repeat;
	color:#484848;
	font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	padding:5px 10px 20px 10px;
	width:240px;
	float:left;
}

#navigation_interne a {
	color:#484848;
	text-decoration:none;
}

#navigation_interne a:hover {
	color:#A20D1C;
	text-decoration:none;
}

#navigation_interne .selected, #navigation_interne .selected a {
	color:#A20D1C;
	padding:0px;
}

#navigation_interne .unselected, #navigation_interne .unselected a {
	border-bottom:1px solid #AEAB9A;
	width:205px;
	margin-left:15px;
	padding:0px;
}


#navigation_interne .fleche {
	float:left;
	text-decoration:none;
	border-bottom:0px;
	margin-top:5px;
	
}


/* ACCUEIL
-----------------------------------------*/
#flash {
	margin-bottom:8px;
}

#projet {
	float:left;
	width:427px;
	background:url(/images/tuiles/fond_projet_accueil.gif) bottom left no-repeat;
}

#projet_padding {
	padding:0 5px 10px 5px;
}

#projet_logo {
	float:left;
	padding:0 10px 10px 0;
}

#projet_lien_detail {
	text-align:right;
	margin:5px 15px 0 0;
	color:#A20D1C;
}

#projet_lien_detail a, .avendre_lien_detail a {
/*simon*/
}

#projet_lien_detail a:hover, .avendre_lien_detail a:hover {
/*simon*/
}


#avendre {
	width:427px;
	background:url(/images/tuiles/fond_avendre_accueil.gif) bottom left no-repeat;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:5px;
}

#avendre td {
	vertical-align:top;
}

.avendre_padding {
	padding:0 10px 10px 10px;
}

.avendre_lien_detail {
	margin-top:5px;
	text-align:right;
}

.nouveau_prix {
	background-color:#A20D1C;
	color:#FFFFFF;
	padding:2px 5px 2px 5px;
	font: bold 9px/14px Verdana, Arial, Helvetica, sans-serif;
}


#accueil_clients {
	border:1px solid #A4A4A4;
	padding:3px;
}

#accueil_clients table {
	height:112px;
}

#accueil_clients a {
	border-bottom:0;
}

#photo_client {
	float:left;
}

#anim_clients {
	float:left;
}



/* A PROPOS	
-----------------------------------------*/
#titre_sous_section {
	margin:10px 0 20px 0;
	background-color:#E5E4DE;
	padding:18px 0 6px 258px;
}

#apropos_gauche {
	float:left;
	width:220px;
	text-align:right;
}

#apropos_droite {
	/*float:right;
	width:603px;*/
	margin-left:257px;
	height:1%;
}

#apropos_droite_padding {
	padding-right:20px;
}




/* CLIENTS DEFAULT
-----------------------------------------*/
.logo_client {
	float:left;
	width:115px;
	margin:10px; 
}
.logo_client a {
	border:0;
}



/* CLIENTS DETAIL
-----------------------------------------*/
#client_texte {
	margin:10px 5px 10px 0;
	padding-top:10px;
}



/* PROJETS DEFAULT
-----------------------------------------*/
#contenu_liste_default {
	margin-top:10px;
	border:1px solid #AEAB9A;
	padding:2px;
}

#contenu_liste_default #titre {
	background-color:#E5E4DE;
	padding:16px 0 3px 30px;
	border:1px solid #AEAB9A;
}

#contenu_liste_default table {
	margin:15px 0 10px 26px;
}

#contenu_liste_default td.contenu {
	width:390px;
	padding:10px 0;
	border-top:1px solid #AEAB9A;
	vertical-align:top;
}

#contenu_liste_default td.separateur {
	width:20px;
}

#defaut_contenu_options {
	clear:both;
	margin:0 0 10px 20px;
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
}

.liste_default_texte {
	margin-left:120px;
	height:1%;	/*IE Bug*/
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
}

a.liste_default_img {
	border:0;
}

a.liste_default_img img {
	border:0;
}

.liste_default_texte a {
	/*simon*/
	font: 15px/20px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
}

.liste_default_texte a:hover {
	/*simon*/
}



/* PROJETS DETAIL
-----------------------------------------*/
#detail_liste {
	float:left;
	width:240px;
	background:url(/images/tuiles/fond_liste.gif) bottom repeat-y;
}

#detail_liste table {
	margin:0 10px 10px 10px;
}

#detail_liste table td {
	vertical-align:top;
	padding:2px 0 2px 0;
}

#detail_liste td img {
	padding-top:3px;
}

#detail_liste a {
	font: bold 13px/18px Verdana, Arial, Helvetica, sans-serif;	
	color:#484848;
	border:0;
}

#detail_liste a:hover, #detail_liste a.selected {
	color:#A20D1C;
}

#detail_contenu {
	margin-left:250px;
	padding-top:95px;
	height:1%;
	
}

#detail_contenu_gauche {
	background-color:#E5E4DE;
	padding:10px;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
}

#detail_contenu_options a {
	font: 10px/20px Verdana, Arial, Helvetica, sans-serif;
}

#detail_contenu_options img {
	padding:4px 0 4px 0;
}


#detail_contenu_droite {
	float:right;
	width:330px;
	margin-left:10px;
}

#detail_contenu_droite_photo {
	border-left:10px solid #FFFFFF;	
	border-bottom:10px solid #FFFFFF;
}

#detail_contenu_droite_navig {
	margin-bottom:15px;
}

#detail_contenu_droite_navig a, #detail_contenu_droite_navig div.precedent_vide, #detail_contenu_droite_navig div.suivant_vide {
	float:left;
	width:165px;
	height:24px;
	display:block;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	background-color:#AEAB9A;
	color:#FFFFFF;
	border:0;
}

#detail_contenu_droite_navig a.suivant {
	float:right;
	text-align:right;
}

#detail_contenu_droite_navig a span {
	display:block;
	padding:6px 10px 6px 10px;
}


#detail_contenu_droite_navig a.precedent span {
	display:block;	
	border-right:1px solid #E5E4DE;
}

#detail_contenu_droite_navig a:hover {
	background-color:#9B9883;
}

#detail_contenu_droite_navig a img {
	border:0;
}

#detail_contenu_droite_navig div.precedent_vide span, #detail_contenu_droite_navig div.suivant_vide span {
	display:block;
	height:25px;
}

#detail_contenu_droite_navig div.precedent_vide span {
	border-right:1px solid #E5E4DE;
}


#cartes_plans {
	margin-top:10px;
	background-color:#EBEAE6;
	width:320px;
}

#cartes_plans_padding {
	border:1px solid #AEAB9A;
	padding:5px 5px 0 5px;
}

#cartes_plans_titre {
	font: bold 11px/12px Verdana, Arial, Helvetica, sans-serif;	
	text-transform:uppercase;
	background-color:#D9D8D0;
	border:1px solid #AEAB9A;
	padding:5px;
	margin-bottom:10px;
}

.cartes_plans_choix {
	float:left;
	padding:0 12px 0 12px;
	margin-bottom:15px;
}

.cartes_plans_choix a {
	color:#A20D1C;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;	
}

.cartes_plans_choix a:hover {
	color:#000000;
}

.cartes_plans_photo {
	border-bottom:2px solid #B6B7AC;
	border-right:2px solid #B6B7AC;
	margin-bottom:4px;
	cursor:pointer;
}



/* VENDRE LOUER DEFAULT
-----------------------------------------*/
#vendre_liste th {
	background-color:#E5E4DE;
	font: bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	border-top:1px solid #AEAB9A;
	border-bottom:1px solid #AEAB9A;
	text-align:left;
	padding:6px 10px 6px 10px;
}

#vendre_liste th a {
	color:#484848;
}

#vendre_liste th a:hover {
	color:#A20D1C;
}

#vendre_liste td {
	padding:6px 10px 6px 10px;
}

#vendre_liste td img {
	border:0;
}

#vendre_liste td a {
	border:0;
	color:#484848;
}

#vendre_liste tr.impaire td {
	background-color:#FFFFFF;
}

#vendre_liste tr.paire td {
	background-color:#F4F3F0;
}

#vendre_liste tr.over td {
	background-color:#DEDBD2;
	cursor:pointer;
}


/* VENDRE LOUER DETAIL
-----------------------------------------*/
#vendre_detail_contenu {
	background-color:#E5E4DE;	
	margin-top:10px;
}

#vendre_detail_contenu_entete {
	background-color:#D9D8D0;
	padding:5px 10px 8px 25px;
}

#vendre_detail_contenu_entete a {
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

#vendre_detail_contenu_entete #prix_special {
	float:right;
	padding:4px;
	margin-right:10px;
	background-color:#A20D1C;
	color:#FFFFFF;
	font: bold 9px/12px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	
}

#vendre_detail_photo {
	float:right;
	width:330px;	
	margin-top:10px;
}

#vendre_detail_photo_padding {
	border-left:10px solid #FFFFFF;	
	border-bottom:10px solid #FFFFFF;
}

#vendre_detail_texte {
	padding:5px 10px 8px 25px;
}

#vendre_detail_texte #titre {
	font: bold 20px/26px 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;	
}

#vendre_detail_texte .sous_titre {
	font: bold 13px/16px Verdana, Arial, Helvetica, sans-serif;	
}

#vendre_detail_texte .element {
	margin-bottom:6px;
}
#vendre_detail_texte a.imprimer {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;	
}



/* BULLETIN
-----------------------------------------*/
#bulletin_modif_desa {
	margin:20px 0 10px 0;
}




/* BAS PAGE
-----------------------------------------*/
#ligne_bas {
	clear:both;
	margin:10px 0 5px 0;
	background-color:#AEAB9A;
	height:1px;
}

#signature {
	width:870px;
	margin:5px auto 0 auto;
	color: #484848;
	text-align:right;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
}

#signature a {
	text-transform:uppercase;
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#746A56;
	border-bottom:0;
	text-decoration:none;
}

#signature a:hover {
	text-decoration:underline;
}



/* FORMULAIRES
-----------------------------------------*/
form {
	margin:0;
}

input, select {
	border:1px solid #484848;
	font: 11px/12px Verdana, Arial, Helvetica, sans-serif;
}

.bouton {
	background-color:#E8E8E8;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

table.formulaire {
}

table.formulaire tr td {
	padding-left:10px;
}

table.formulaire tr td.obligatoire {
	padding-left:0;
}

.erreur {
	color:#E22735;
}

.message {
	width:70%;
	margin:10px auto;
	color:#E22735;
	font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #E22735;
	padding:5px;
	text-align:center;
}



/* POPUP
-----------------------------------------*/
#popup_wrapper {
	margin:0 auto 5px auto;
	text-align:center;
	background-color:#FFFFFF;
}

#popup_wrapper_padding {
	padding:10px;
	border:1px solid #AEAB9A;
}