/*
Theme Name: Grand Large Immobilier
Theme URI: 
Description: Custom css
Version: 1.0
Author: David Lascombe
Tags: immobilier, grand large, La Rochelle
*/

/* Basic CSS */
body {
	background: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#6b6b6b;
	font-size:0.75em;
	line-height:1.2em; /*il faut contraindre pour IE */
}
body > .wrapper { width: 500px; margin: 0; padding: 0;}
* {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color:#d5da45;
}
a:hover {
	text-decoration: underline; 
}

img {
	display: block;
	border: 0;
}
input[type=submit] { margin:0; padding:0; border:0; background:url(../img/bt_validez.jpg) no-repeat; width:108px; height:36px;}
input[type=submit]:hover { background:url(../img/bt_validez_ro.jpg) no-repeat;}
input[type="radio"]:checked { background-color:#FFF; color:#FFF;  } 


 
ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }
ul li { float: left; margin: 0; padding: 0;}

ul.normal_list { list-style:none; overflow:visible }
ul.normal_list > li { float:none; padding: 0 0 0 20px;}

/* ===== Tabs CSS pour le Menu ===== */


div.tabPanes > div { } 
div.tabPanes { padding: 0; margin: 0; }


/* ===== Scrollable CSS ===== */
/* Primary Container */
div.scrollable { position: relative; width: 500px; height: 52px; overflow: hidden; }

/* Items Container */
div.scrollable div.items { width: 20000em; position: absolute; clear: both; }

/* Individual Item Containers */
div.scrollable div.items div {
	float: left;
	width: 468px;
	height: 50px;
	padding: 0 15px;
	border: solid 1px #e6e1f1;
	background: url(tab-gradient.png) repeat-x;
}
/* Navigation Container */
div.navi { padding-left: 20px; }

/* Navigation Links */
div.navi a {
	float: left;
	margin-left: 2px;
	padding: 10px 15px;
	color: #999;
	text-decoration: none;
	font-size: 11px;
}
div.navi a.active { font-weight: bold; }
div.navi a:hover,
div.navi a.active { color: #454545; background: url(tab-gradient.png) repeat-x; }


/* ===== Containers ===== */

/* Container de toute le site */
#container_big {
	display:none;
	background:url("../img/haut.jpg") no-repeat;
	width: 1024px;
	margin: 0 auto;
	position:absolute;
	top:0;
	left:0;
	height: 800px;
}

/* Container du menu */
#nav_menu {
	position:absolute;
	top:125px;
	left:38px;
}
/* Container des onglets (contenu de la page) */
#container_pane {
    position:absolute;
	top:74px;
	left:151px;
}


#bp_fond { 
	background: url(../img/bp_fond.png) no-repeat;
	position:absolute;
	top:0px;
	/*left:290px;*/
	left:315px;

	width:529px;
	height:901px;
	}


#tache_bleu { 
	background: url(../img/tache_encre_bleue.jpg) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:132px;
	height:514px;
	}


#logo1 a {background:url(../img/logo_gl.png) no-repeat; width:105px; height:94px; position:absolute; top:628px; left:70px;}
#logo1 a:hover { background:url(../img/logo_gl.png) no-repeat;}
#logo2 a {background:url(../img/logo_ma.png) no-repeat; width:97px; height:90px; position:absolute; top:625px; left:230px;}
#logo2 a:hover { background:url(../img/logo_ma.png) no-repeat;}
#logo3 a {background:url(../img/logo_em.png) no-repeat; width:247px; height:86px; position:absolute; top:629px; left:365px;}
#logo3 a:hover { background:url(../img/logo_em.png) no-repeat;}

#txt_quoi { color:#FFF; position:absolute; top: 520px; left:20px; width: 276px; font-size:14px; line-height:1.3em; text-align:justify;}
#txt_cmt { color:#FFF; position:absolute; top: 520px; left:330px; width: 276px; font-size:14px; line-height:1.3em; text-align:justify;}
#txt_pk { color:#FFF; position:absolute; top: 520px; left:644px; width: 276px; font-size:14px; line-height:1.3em; text-align:justify;}

#txt_copyright { color:#000; width:732px; height:75px; position:absolute; bottom:-83px; right:35px;}
#txt_copyright a { color:#0882c5;}
#mail{background: url(../img/mail_black.png) no-repeat;
	position:absolute;
	top:0px;
	left:0px;}